﻿
/* 
    author:
    albx solutions

    comments:
    overrides or adds custom css properties to standard bootstrap classes

*/
.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

   
.input-group-addon {
    min-width: 200px;
    text-align: left;
}

.navbar-brand {
    width: 400px;
}

.text-status {
    font-size: 1em;
    color:#76838f;
    margin-right: 20px;
}

.modal-dialog-md {
    /* new custom width */
    width: 70%;
    margin-left: 15%;
    margin-top: 200px;
}

.modal-dialog-50 {
    /* new custom width */
    width: 50%;
}

.modal-dialog-60 {
    /* new custom width */
    width: 60%;
    margin-left: 15%;
    margin-top: 200px;
}

.modal-dialog-70 {
    /* new custom width */
    width: 70%;
    margin-left: 15%;
    margin-top: 200px;
}

/* begin table with fixed header */
.fixed-table-columns {
    width: 100%;
    padding: 10px;
    /*table-layout:fixed;*/
    background-color: #e3eaf3;
    border: solid 1px #dadee0;
    margin: 0 0 5px 0;
    color: #444;
}

.fixed-table-columns > table {
    width:100%;
}

.fixed-table-scrollable-content {
  height:400px;
  overflow-y:auto;
}
/* end table with fixed header */


/*begin hce background colors*/
.hce-bg-yellow {
    background: #f2b835;
}

.hce-bg-blue {
    background: #4397e6;
}

.hce-bg-dark-blue {
    background: #486c8f;
}

.hce-bg-light-blue {
    background: #e3eaf3;
}

.hce-bg-red {
    background: #e33d43;
}

.hce-bg-gray {
    background: #f3f4f5;
}

.hce-bg-green {
    background: #56b349;
}

/*end hce background colors*/


/*begin hce colors*/
.hce-text-white {
    color: #fff;
}

.hce-text-gray {
    color: #f3f4f5;
}

/*end hce colors*/

.btn-main {
  color: #fff;
  background-color: #486c8f;
  border-color: #486c8f;
}

/*button used form details lists*/
.btn-list {
  color: #000000;
  background-color: buttonface;
  border-color: #e4eaec;
  text-decoration: none;
}
.btn-list:focus,
.btn-list.focus {
  color: #000000;
  background-color: #c6d3d7;
  border-color: #99b0b7;
}
.btn-list:hover {
  color: #000000;
  background-color: buttonface;
  border-color: #c0ced3;
  text-decoration: none;
}
.btn-list:active,
.btn-list.active,
.open > .dropdown-toggle.btn-list {
  color: #000000;
  background-color: #c6d3d7;
  border-color: #c0ced3;
  text-decoration: none;
}
.btn-list:active:hover,
.btn-list.active:hover,
.open > .dropdown-toggle.btn-list:hover,
.btn-list:active:focus,
.btn-list.active:focus,
.open > .dropdown-toggle.btn-list:focus,
.btn-list:active.focus,
.btn-list.active.focus,
.open > .dropdown-toggle.btn-list.focus {
  color: #000000;
  background-color: #b1c2c8;
  border-color: #99b0b7;
  text-decoration: none;
}
.btn-list:active,
.btn-list.active,
.open > .dropdown-toggle.btn-list {
  background-image: none;
  text-decoration: none;
}
.btn-list.disabled:hover,
.btn-list[disabled]:hover,
fieldset[disabled] .btn-list:hover,
.btn-list.disabled:focus,
.btn-list[disabled]:focus,
fieldset[disabled] .btn-list:focus,
.btn-list.disabled.focus,
.btn-list[disabled].focus,
fieldset[disabled] .btn-list.focus {
  background-color: buttonface;
  border-color: #e4eaec;
}
.btn-list .badge {
  color: #e4eaec;
  background-color: #000000;
}

.dropdown-menu {
    z-index: 1800;
}

.table-curved {
    border-collapse: separate;
}
.table-curved {
    border: solid #ccc 1px;
    border-radius: 6px;
    border-left:0px;
}
.table-curved td, .table-curved th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.table-curved th {
    border-top: none;
}
.table-curved th:first-child {
    border-radius: 6px 0 0 0;
}
.table-curved th:last-child {
    border-radius: 0 6px 0 0;
}
.table-curved th:only-child{
    border-radius: 6px 6px 0 0;
}
.table-curved tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}
.table-curved tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}

.form-control-multiline {
  width: 100%;  
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.zero-padding {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.zero-padding-2 {
    padding: 0 !important;
    margin: 2px !important;
    border: 0 !important;
}

.form-control-image {
    width: 100%;
    padding: 6px 12px;
    margin:0px;
    font-size: 14px;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.modal-open {
    overflow: scroll;
}

.modal-xl {
    width: auto;
    max-width: 1300px;
    overflow: auto;
}
.modal-xl-inner {
    width: auto;    
    overflow: auto;
}

.RadComboBox
{
    padding:0;
    margin:0;
    border:0;
}

