body {
}
#modal_form_vertical1 .fa-usd {
  
}
#modal_form_vertical1 .form-control{
   
}
.cssCalendar > .groupCalender {
    display: block;
    margin: 0px 8px 0px 0px;
    float: left;
}
 .dropdown-menu .inner> li.active a{
       background-color: red !important;
   }
.customUl {
    margin-left:15px;
    list-style: none;
    float: left;
    padding-bottom: 10px;
}

.nav-tabs.customUl {
    border-bottom: 0px;
}
.navbar-brand > img {
width:203px;
height:100%!important;
}
.customUl li {
    display: inline-block;
    background: #eee;
}
.cssCalendar{
    margin-top:2px;
}

    .customUl li input, button {
        background-color: #37474f !important;
        border: 1px solid #37474f !important;
        color: #fff !important;
        padding: 4px 5px !important;
        /* border-radius: 4px !important; */
    }

.customUl_1 {
    list-style: none;
    float: left;
    padding-bottom: 20px;
}

.nav-tabs.customUl_1 {
    border-bottom: 0px;
}

.customUl_1 li {
    display: inline-block;
    /* background: #eee; 
    position: relative;*/
}

    .customUl_1 li input, button {
        background-color: #2196f3;
        border: 1px solid #2196f3;
        color: #fff !important;
        padding: 4px 5px !important;
        border-radius: 4px !important;
    }

.dataTables_wrapper .table {
    width: 100%;
    
}

    .dataTables_wrapper .table > thead > tr > th, .dataTables_wrapper .table > tbody > tr > th, .dataTables_wrapper .table > tfoot > tr > th, .dataTables_wrapper .table > thead > tr > td,
    .dataTables_wrapper .table > tbody > tr > td, .dataTables_wrapper .table > tfoot > tr > td {
        vertical-align: top;
    }

.customTab {
    border-bottom: 0px solid transparent;
    margin-bottom: 5px;
}
.groupCalender #btnHotelProfile{
    margin-right:15px;
                                  }
/*.customUl.nav-tabs>li.active>a, .customUl.nav-tabs>li.active>a:hover, .customUl.nav-tabs>li.active>a:focus{
        background: #799871;
    color: #fff;
    line-height: 1.4;
    border-radius: 5px;
    }*/
.customUl .active {
    background-color: #2196f3 !important;
    border: 1px solid #2196f3 !important;
}

.groupCalender label {
    float: left;
    margin-right: 5px;
    margin-top: 6px;
}


/*.nav > li > a {
    padding: 4px 15px !important;
}*/

.datatable-header {
    border-bottom: 0px;
}

.dataTables_paginate a {
    margin: 0px 5px;
    padding: 5px 8px;
}

    .dataTables_paginate a.current {
        background: #2196f3 ;
        color: #fff;
    }

.asp-button {
    background-color: #2196f3  !important;
    border: 1px solid #ccc !important;
    color: #fff !important;
    padding: 4px 5px !important;
    border-radius: 4px !important;
}


@media (max-width:768px) {
    .datatable-header {
    }

    .customUl {
        width: 100%;
        padding-bottom: 20px;
    }

    .dataTables_filter .btncustom {
        margin-top: 10px;
    }
}

@media (max-width:480px) {
    .customUl {
        width: 100%;
    }

    .datatable-header {
        text-align: left !important;
    }

    .dataTables_filter .btncustom {
        margin-top: 10px;
    }
}

.groupCalender .input-group-addon {
    position: absolute;
    top: 0px;
    width: 40px;
    height: 36px;
}

.groupCalender .input-group input {
    /*width: 134px;*/
    position: relative;
    z-index: 2;
    float: right;
    padding-left: 50px;
    background: transparent;
    cursor: pointer;
}

.dataTables_filter input[type="submit"] {
    color: #fff !important;
    background-color: #2196f3;
    border: 1px solid #2196f3;
    margin-right:15px;
   
}
.dataTables_filter input{
     padding-right:15px;
}
.datatable-scroll-wrap {
    overflow-x: unset;
}

.customUl_1 li input {
    position: relative;
}

.customUl_1 li:before {
    font-family: 'FontAwesome';
    color: #fff;
    position: absolute;
    left: 4px;
    z-index: 2;
    top: 5px;
}
/*for Image Icon*/
.iconFax:before {
    font-family: FontAwesome;
    content: "\f1ac";
}

.iconEmail:before {
    font-family: FontAwesome;
    content: "\f0e0";
}

.iconConfirm:before {
    font-family: FontAwesome;
    content: "\f00c";
}

.iconView:before {
    font-family: FontAwesome;
    content: "\f06e";
}

input[id*=agentList_Tbagents_btnUnonfirm] {
    width: 95px !important;
}

.iconUnconfirm:before {
    font-family: FontAwesome;
    content: "\f05e";
}

.iconCancel:before {
    font-family: FontAwesome;
    content: "\f00d";
}

/*for Calender hover Icon */

#agentList_startDate {
    cursor: pointer;
}

#agentList_endDate {
    cursor: pointer;
}
 .bootstrap-select.btn-group.show-tick .dropdown-menu > li.active a .check-mark{
    display:none !important;
   }
.filterControl {
    display: inline-block;
    list-style: none;
    padding-left: 0px;
    position: relative;
    left: 10px;
}

    .filterControl li {
        float: left;
        margin: 0px 5px;
    }

        .filterControl li label {
            display: block;
        }

        .filterControl li select {
            /*width: 111px !important;*/
            border: 1px solid #ccc;
            background-color: #f7f7f7 !important;
            z-index:99;
        }

       .filterControl1{
    
    list-style: none;
    padding-left: 0px;
    position: relative;
    left: 10px;
    float:right;
    margin-top:20px;
}

    .filterControl1 li {
        float: left;
        margin: 0;
    }

        .filterControl1 li label {
            display: block;
        }

        .filterControl1 li input {
               margin-right: 0;
        }
.bootstrap-select > select {
left:100px !important;
}

.bootstrap-select > .CrewSelect {
    left: 0px !important;
}

@media (min-width: 980px) {
    .dropdown-menu, .dropdown-menu-sub {
        width: 300px;
    }
    .bootstrap-select .dropdown-menu{
        width:150px !important;
    }
    
}
.open > .dropdown-menu {
    display: block;
}

   .multiselect-container{ max-width:170px !important; background:#fff !important;}
    .multiselect-container li{ float:none !important; display:block !important; padding:0px !important; margin:0px; }
    .multiselect-container li input[type=checkbox]{
        width:16px !important;
    }
    .multiselect.btn-default{
        background-color: #f7f7f7 !important;
    color: #333 !important;
    min-width: 90px;
    border-color: #ccc !important;
    border-radius: 2px !important;
    min-height: 33px !important;
    }
    .multiselect-container li a{padding:2px 30px !important;    min-height: 27px;}
    .multiselect-container li a .checkbox{ padding-left:0px !important;}
     
  .checkbox input[type="checkbox"] {
    float: left;
    margin-left: -20px;
    margin-top: -8px;
}

.sidebar {
    display: table-cell;
    vertical-align: top;
    width: 139px;
}
 
select[multiple] option, select[size] option{
        padding: 5px 12px !important;
    font-size: 12px !important;
}
.BlockLabel{  display:block !important; width:100%; margin-bottom:0px !important; text-align:left !important;}
#TableAgents .fa-exclamation-triangle {
color: orangered !important;
    cursor: pointer!important;
    position: absolute;
    padding: 0 10px;
}
.addScrollBar{
    width:100px;
overflow-y: auto;
height: 500px;
 max-height: 500px;
}
.tinySmallButton{
          background-color: #054c85 !important;
    width: 8vw;
    margin-right: 1vw;
    font-size: x-small;
    text-align: center;
    color: white;
}
/*.btnUpdateRate{
          background-color: #054c85 !important;
    width: 8vw;
    margin-right: 1vw;
    font-size: x-small;
    text-align: center;
    color: white;
}*/