﻿
.input-autocomplete {
    background-image: url(../images/Images-dropdown.gif);
    background-position: right center;
    background-repeat: no-repeat;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 10px;
}
 
.input-loader {    
    background-position: right center;
    background-repeat: no-repeat;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 5px;
    width: 10px;
    z-index:9;
    font-size:20px;
}
.input-calendar {
    background-image: url(../images/Images-Calander.png);
    background-position: right center;
    background-repeat: no-repeat;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 5px;
    width: 20px;
}
.input-group-addon {    
    color: #292424;    
}
table tr th input {
    background-image: url("../images/images-search.png") !important;
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 15px;
    border: 1px solid #ccc;
    padding: 2px 2px 5px 25px !important;
    width: 100%;
    min-width: 80px;
}
.fontred{
    color:red;
}
.developedby{
    font-size: 13px;
    line-height: 40px;
    color: #fff;
    text-align: right;    
}
.developedby img{
    height:35px;
}
.lowercase {
    text-transform: lowercase;
}

.uppercase{
    text-transform: uppercase;
}
  
.checkbox, .radio {    
    padding-left: 13px;
    background:#f8f8f8;
    width:109px;
    height:30px;
    padding-top:5px;
    border-radius:5px 0 0    5px;
}

 
 .input-group {    
    width: 100%;

}
 .input-group-addon:first-child {
    text-align: left;
    width: 50%;
}
 .input-group > label {
      
     padding-left:10px;
     font-weight:normal;
     height:40px;
     margin:0px;
     vertical-align:middle;
     padding-top:10px;
 }
 
.overlay-loader {
    background: rgba(0, 0, 0, 0.08) none repeat scroll 0 0;
    background-repeat: no-repeat;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.overlay-loader .loader {
    background-image: url("../images/images-overlay-loader.gif");
    left: 45%;
    position: absolute;
    top: 40%;
    width: 128px;
    height: 128px;
}
 
 
.label-left {
    text-align: left;
}

.label-center {
    text-align: center;
}

.label-right {
    text-align: right;
}
 
.modal-dialog-rpt, .modal-dialog-rpt-1, .modal-dialog-rpt-2, .modal-dialog-rpt-3, .modal-dialog-rpt-4 {
    margin: 30px auto;
    height: 600px;
    overflow: auto;    
}

.form-group-1 {
    margin-bottom: 1px;
}


.modal-dialog-rpt-1 {
    width: 60%;
}

.modal-dialog-rpt-2 {
    width: 70%;
}

.modal-dialog-rpt-3 {
    width: 80%;
}

.modal-dialog-rpt-4 {
    width: 90%;
}

  .help-img {
    width: 30px;
    height: 30px;     
}
.overlay-loader {
    background: rgba(0, 0, 0, 0.08) none repeat scroll 0 0;
    background-repeat: no-repeat;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
 
.validation_info {
    margin: 0 auto;
    padding: 0;
    top: 42px;
    width: auto;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 10px #ccc;
    border: 1px solid #ccc;
    position: absolute;
    z-index: 9;
}

.validation_info::before {
    content: "\25B2";
    position: absolute;
    top: -14px;
    left: 3%;
    font-size: 14px;
    line-height: 14px;
    color: #ddd;
    text-shadow: none;
    display: block;
}

.invalid, .required {
    color: #ec3f41;
    padding-left: 22px;
    line-height: 20px;
    margin: 5px 10px;
}

.required {
    background: url(../images/images-required.png) 0 50% no-repeat;
}

.invalid {
    background: url(../images/images-required-invalid.png) 0 50% no-repeat;
}

.valid {
    background: url(../images/images-required-valid.png) 0 50% no-repeat;
    padding-left: 22px;
    line-height: 20px;
    color: #3a7d34;
    margin: 5px 10px;
}
 
.input-group-addon {
    
        background-color: #efeeee;
    border-color: #efeeee;
        padding: 5px;
   
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: transparent;
}

/*= input focus effects css
=========================== */
 
.effect-1 ~ .focus-border:before,
.effect-1 ~ .focus-border:after{content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 2px; background-color: #3399FF; transition: 0.4s;}
.effect-1 ~ .focus-border:after{top: auto; bottom: 0;}
.effect-1 ~ .focus-border i:before,
.effect-1 ~ .focus-border i:after{content: ""; position: absolute; top: 50%; left: 0; width: 2px; height: 0; background-color: #3399FF; transition: 0.6s;}
.effect-1 ~ .focus-border i:after{left: auto; right: 0;}
.effect-1:focus ~ .focus-border:before,
.effect-1:focus ~ .focus-border:after{left: 0; width: 100%; transition: 0.4s;}
.effect-1:focus ~ .focus-border i:before,
.effect-1:focus ~ .focus-border i:after{top: 0; height: 100%; transition: 0.6s;}  
.effect-1 {border: 0; padding: 7px 15px; border: 1px solid #ccc; position: relative; background: transparent;} 
.effect-1 ~ .focus-border{position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: transparent; transition: 0.3s; z-index: -1;}
.effect-1:focus ~ .focus-border{transition: 0.3s; width: 100%;}
 
.signup-header h2{
    font-size:15px;
    line-height:35px;
    padding-left:5px;
    color:#fff;
    /*background: linear-gradient(to right, rgba(52,167,58,1) 0%, rgba(216,225,126,1) 100%);*/
    background-color: #0a84b1;
    border-radius: 7px;
    margin-bottom:40px;
    margin-top:15px;
}
 .table td{vertical-align:central !important;}