html,
body {
    height: 100%;
}
.nodisplay{
    display: none;
}
table *{
    /*font-size: 13px;*/
}
.table .table{
    margin: 0;
}
.login-page {
    background: #fff url(../images/login-bg.jpg) repeat center center;
}
.login-box-body, .register-box-body {
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    padding: 20px;
    border-top: 0;
    color: #666;
}
.login-logo{color: #c7c7c7; font-size: 2em; margin-top: 20px;}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}
.grid-view .row-divider{border-bottom: 2px solid #333;}
.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.input-daterange{text-align: left !important; }
h1.headtitle{margin: 0;padding: 0; color: #fff; font-size: 1.4em; font-weight: bold;float: left; line-height:  50px; }
.height10{height: 10px;}
.height20{height: 20px;}
.grid-view {
    min-height: .01%;
    overflow-x: auto
}

.grid-view th{color: #fff; background-color: #2e6da4; }
.grid-view th a{color: #fff;}
.grid-view tfoot th{color: #333; background-color: #fff; }
@media screen and (max-width:767px) {
    .grid-view {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }
    .grid-view>.table {
        margin-bottom: 0
    }
    .grid-view>.table>tbody>tr>td, .grid-view>.table>tbody>tr>th, .grid-view>.table>tfoot>tr>td, .grid-view>.table>tfoot>tr>th, .grid-view>.table>thead>tr>td, .grid-view>.table>thead>tr>th {
        white-space: nowrap
    }
    .grid-view>.table-bordered {
        border: 0
    }
    .grid-view>.table-bordered>tbody>tr>td:first-child, .grid-view>.table-bordered>tbody>tr>th:first-child, .grid-view>.table-bordered>tfoot>tr>td:first-child, .grid-view>.table-bordered>tfoot>tr>th:first-child, .grid-view>.table-bordered>thead>tr>td:first-child, .grid-view>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }
    .grid-view>.table-bordered>tbody>tr>td:last-child, .grid-view>.table-bordered>tbody>tr>th:last-child, .grid-view>.table-bordered>tfoot>tr>td:last-child, .grid-view>.table-bordered>tfoot>tr>th:last-child, .grid-view>.table-bordered>thead>tr>td:last-child, .grid-view>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }
    .grid-view>.table-bordered>tbody>tr:last-child>td, .grid-view>.table-bordered>tbody>tr:last-child>th, .grid-view>.table-bordered>tfoot>tr:last-child>td, .grid-view>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

.file-drop-zone-title{padding: 50px 10px !important;}

.chosen-container-single .chosen-single{ border-radius: 0  !important; 
                                         height: 34px !important;
                                         padding: 6px 12px  !important; background:  none; box-shadow: none; border: 1px solid #ccc;}
.chosen-container-single .chosen-single div {top: 5px;}
.has-error .chosen-container-single .chosen-single {border: 1px solid #dd4b39 !important;}


.fileattachment label{padding: 10px; background: #3c8dbc;display: table; color: #fff;}
.fileattachment input[type="file"] {display: none;}
.user-details-index .tab-pane{padding: 10px;}
.margin-b-none th, .margin-b-none td{ border: 1px solid #ccc !important;}
.margin-b-none th .text-danger{color: #ff0000 !important;}
.margin-b-none th{color: #fff; background-color: #008d4c; }
.margin-b-none tfoot th{color: #333; background-color: #fff; }
.margin-b-none td .has-error:parent {border: 1px solid #dd4b39 !important;}
.margin-b-none td{padding: 0 !important; }
.margin-b-none td .form-group{margin: 0 !important;padding: 0 !important; }
.margin-b-none td .form-group input[type='text']{border: none;margin: 0 !important; }
.margin-b-none .help-block{margin: 0 !important;}
.input-group-addon.bg-primary{background-color:  #3c8dbc; color: #fff; cursor: pointer;}

.nav-tabs-custom .tab-content .chart{height: 400px; overflow-y: auto; position: relative;}




.toggle-content{
    display: none;
}

.toggle-content.in{
    display: block ;
}

.customgroupselect{}
.customgroupselect span.input-group-btn .form-group{margin-bottom: 0; padding-bottom: 0;border: 1px solid #ccc;}
.customgroupselect span.input-group-btn select{height: 32px;}

.bg-lightred{background-color: #ffa6a6 !important;}

.modal-full{position: absolute;margin: 0;width: 100%;height: 100%;padding: 0;}


/*loader Start */
.loader div{
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.5;
}
.loader{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 100vh;
}
.loader img{
    opacity: 1;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}
/*loader End */

.calendar-color-box{}
.calendar-color-box ul, .calendar-color-box li{margin: 0; padding: 0;}
.calendar-color-box li{display: inline-block; margin-right: 20px;list-style:  none;}
.calendar-color-box li span{padding: 0px 9px; margin-right: 5px; border-radius: 50%;}

/*.has-error .help-block{}
.has-error > input.form-control:after{ font-family: 'FontAwesome';content: "\f00e"; padding: 10px;background-color: #000; color: #fff;}
.has-error .help-block:hover::before {}*/



/* error message display on top start*/
.form-group{
    position: relative;
}
.form-group .help-block{
    display: none;
    position: absolute;
    right: 0px;
    top:-25px;
    background: #ffe184;
    border-top: 2px solid #dd4b39;
    padding: 1px 5px;
    color: #e14444 !important;
    border-radius: 5px;
}
.form-group .help-icon{
    display: none;
}

.label-error-msg .form-group.has-error input + .help-icon, .label-error-msg .form-group.has-error .chosen-container + .help-icon, .label-error-msg .form-group.has-error textarea + .help-icon{
    cursor: pointer;
    display:block;
    color: #dd4b39;
    padding: 10px;
    position: absolute;
    right: 0px;
    top:0px;
    z-index: 2;
}
.form-group.has-error select + .help-icon, .label-error-msg .form-group.has-error div[role=radiogroup] + .help-icon, .label-error-msg .form-group.has-error #req-gender + .help-icon, .label-error-msg .form-group.has-error input.checkbox-error + .help-icon{
    cursor: pointer;
    display:block;
    color: #dd4b39;
    padding: 10px;
    position: absolute;
    right: 0px;
    top:0px;
    z-index: 2;
}

.label-error-msg .form-group.has-error .checkbox-error{background-color: #000;}


.un-label-error-msg .form-group.has-error input + .help-icon, .un-label-error-msg .form-group.has-error input + .help-icon{
    cursor: pointer;
    display:block;
    color: #dd4b39;
    padding: 4px;
    position: absolute;
    right: 1px;
    top:50%;
    transform: translateY(-50%);
    z-index: 2;
}
.un-label-error-msg .form-group.has-error input{
    padding-right: 20px;
}
.un-label-error-msg-left .form-group.has-error input{
    padding-left: 20px;
}
.un-label-error-msg-left .form-group.has-error input + .help-icon{
    cursor: pointer;
    display:block;
    color: #dd4b39;
    padding: 4px;
    position: absolute;
    left: 1px;
    top: 50%;
    transform: translateY(-50%);
    background-color:  #fff;
}

/* error message display on top end*/

.table-addmore .form-group,
.table-addmore .help-block{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.table-addmore .form-control{
    padding: 0 3px;
    margin: 0px;
    height: 30px;
}

.table-addmore > thead > tr > th,
.table-addmore > tbody > tr > th,
.table-addmore > tfoot > tr > th{
    text-align: center;
}
.table-addmore > thead > tr > th,
.table-addmore > tbody > tr > th,
.table-addmore > tfoot > tr > th,
.table-addmore > thead > tr > td,
.table-addmore > tbody > tr > td,
.table-addmore > tfoot > tr > td {
    padding: 0px;
    vertical-align: middle;
}

.rotateimg180 {
    -webkit-transform:rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rotateimg90 {
    -webkit-transform:rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.rotateimgminus90 {
    -webkit-transform:rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.remove-left-margin .product-info{margin-left:  0;}