/** 
 * 4CO Standard CSS Classes 
 */

/*** Max width ***/
/* standard */
.maxw250 { max-width: 250px }
.maxw200 { max-width: 200px }

/* max width applied to first level children */
.maxw250ch * { max-width: 250px }


/*** Margins ***/

/* Globals */
.margin15 { margin : 15px }

/* Top */
.margint40 { margin-top : 40px }

/* Top */
.margint10 { margin-top : 10px }

/* Top */
.margint5 { margin-top : 5px }

/* Left */
.marginl15 { margin-left: 15px }
.marginl10 { margin-left: 10px }

/* Bottom */
/*** Paddings ***/
.lab4co-pad-left-30 {
    padding-left: 30px !important;
}
/*** Floats ***/
.lab4co-no-float {
    float: none !important
}
/*** Fonts ***/
.lab4co-font-size-13 {
    font-size:13px;
}

.tiny-hr { padding: 2px; margin: 2px; }

/*** Inputs ***/
input::-webkit-input-placeholder { text-transform: none; }
input:-moz-placeholder { text-transform: none; }
input::-moz-placeholder { text-transform: none; }
input:-ms-input-placeholder { text-transform: none; }

/*** jQuery Autocomplete Bootstrap Styling ***/
.ui-autocomplete 
{
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 10000;
   float: left;
   display: none;
   min-width: 160px;   
   padding: 4px 0;
   margin: 0 0 10px 25px;
   list-style: none;
   background-color: #ffffff;
   border-color: #ccc;
   border-color: rgba(0, 0, 0, 0.2);
   border-style: solid;
   border-width: 1px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
   *border-right-width: 2px;
   *border-bottom-width: 2px;
}

.ui-autocomplete > li.ui-menu-item 
{
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;

}

.ui-autocomplete > li.ui-state-focus, .ui-autocomplete li.ui-state-active 
{
    color: #ffffff;
    text-decoration: none;
    background-color: #73879C;
    background-image: none;
}

.ui-autocomplete > li.ui-menu-item, .ui-autocomplete > li.ui-state-focus, .ui-autocomplete li.ui-state-active 
{
    cursor: pointer;
    padding: 4px;
}

.ui-helper-hidden-accessible {
    display: none;
}

.ui-autocomplete-loading { background:url('img/spinner.gif') no-repeat right center; }

/*** jQuery Validation Error Label ***/
label.error {
    color: #e85445;
    font-weight: 400;
}

.lab4co-form-validation-loader
{
    float:right;
    margin-top: -12px;
    margin-right: 10px;
    display: inline-block; /*f110*/
    -webkit-animation: fa-spin 1s infinite linear;
    -moz-animation: fa-spin 1s infinite linear;
    -o-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
}
.lab4co-module-application-loader 
{
    display: inline-block;
    -webkit-animation: fa-spin 1s infinite linear;
    -moz-animation: fa-spin 1s infinite linear;
    -o-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
}

.lab4co-form-validation-loader:before
{
    content: "\f1ce";
    font-family: LabFontAwesome;
    font-size: 2em;
}

.lab4co-module-application-loader:before 
{
    content: "\f1ce";
    font-family: LabFontAwesome;
    font-size: 1.5em;
}

input.form-control.error, select.form-control.error {
    background: #FAEDEC !important;
    border: 1px solid #E85445 !important;
}

/*** Font Awesome Custom Css ***/
.fa-1-5x {
    font-size: 1.5em !important;
}

/*** Modal Override ***/
.modal-title {
    float: left;
}

/*** Tables ***/
.table-100 {
    width: 100% !important
}

/*** Error/Success Colors ***/
.success {
    color: #1ABB9C;
}
.error {
    color: #e85445;
}

/* to fix spinner woobling */
td .lab4co-module-application-loader { height: 28px; }

/* colors on hovered disabled button*/
.btn-success[disabled]:hover
{
    background-color: #1ABB9C;
    border-color: #1ABB9C;
    color: #FFFFFF;
}

/* disables links */
li.link-disabled 
{
    pointer-events: none;
    opacity: 0.6;
}


/* Tables */
.highlightedHoverRow:hover td {
	background-color: #e4f8f2;
}
/* buttons list*/
.buttons {
    flex-flow: nowrap;
    display: flex;
    margin: 0;
}

.buttons .btn {
    margin-bottom: 0;
}