@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/Open_Sans_Light.woff2) format('woff2'), url(fonts/Open_Sans_Light.woff) format('woff');
}
@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(fonts/Open_Sans.woff2) format('woff2'), url(fonts/Open_Sans.woff) format('woff');
}
@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/Open_Sans_Semibold.woff2) format('woff2'), url(fonts/Open_Sans_Semibold.woff) format('woff');
}
@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/Open_Sans_Bold.woff2) format('woff2'), url(fonts/Open_Sans_Bold.woff) format('woff');
}
@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(fonts/Open_Sans_Extrabold.woff2) format('woff2'), url(fonts/Open_Sans_Extrabold.woff) format('woff');
}


/* Author: AdminDesigns.com
 * Last Updated: 02/01/14 
 * Copyright 2014 Admin Designs
=================================================
 * This file is reserved for changes made by 
 * the user. It's often times a good idea to 
 * seperate your changes from the themes core.
 * It makes modifications, and future theme
 * updates much easier to apply.
================================================= */
/* These styles have been placed here for as 
 * they have a high chance of needing to be
 * changed if one decides to modify the header
-----------------------------------------------*/
/* Header button states - text colors */
.navbar-menus > div > button:focus
{
    color: #666;
}

.navbar-menus > div > button:hover
{
    color: #333;
}


/* Place your custom styles or styles which 
 * have been generated with the customization 
 * tool below this line. 
-----------------------------------------------*/
.inactive
{
    display: none !important;
}
.breadcrumb > li.crumb-active > a
{
    text-decoration: none;
}
select
{
    width: 100%;
}
input[type='checkbox']
{
    vertical-align: bottom;
}
.switch.switch-inline
{
    width: 100%;
}
.popup-in02
{
    background: white;
    border: 1px solid #CCCCCC;
    box-shadow: 2px 2px 5px #CCCCCC;
    float: left;
    padding: 2%;
    position: relative;
    width: 500px;
}
.btn-close > a
{
    font-size: 20px;
    position: relative;
    top: -23px;
    text-decoration: none;
    cursor: pointer;
    left: 355px;
}
.ddlbig
{
    width: 175px !important;
}
.mrtop24
{
    margin-top: 24px;
}
.btnSetting
{
    position: relative;
    top: 23px;
    left: 1px;
    float: right;
}
.btnSend
{
    position: relative;
    top: 10px;
    left: 1px;
    float: right;
}
.f-left
{
    float: left;
}
.f-right
{
    float: right;
}
.clrbth
{
    clear: both;
}
.dnone
{
    display: none;
}
.fs-30
{
    font-size: 30px;
}
.errormsg
{
    color: #d9534f;
    font-size: 10px;
    font-weight: 600;
    float: right;
}
i.pagging
{
    font-size: 15px !important;
}
.popup_wrap
{
    background-color: #E8E8E8;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
@media (min-width: 768px)
{
    .modal-dialog
    {
        width: 740px !important;
        margin: 10px auto !important;
    }
}


.ErrorControl
{
    border: solid 1px rgb(224, 162, 162) !important;
    background-color: rgba(255, 189, 189, 0.08) !important;
}
button.close
{
    margin-right: -22px;
    margin-top: -24px;
    height: 30px;
    width: 30px;
    background-color: #CCC;
    border-radius: 50%;
    opacity: 1;
}
.custom-combobox
{
    position: relative;
    width: 100%;
    display: block;
}
.custom-combobox a
{
    width: 30px;
    border-radius: 0px 3px 3px 0px;
    height: 31px; /* top: -6px;*/
    position: absolute;
    right: -2px;
}
.custom-combobox input.custom-combobox-inideput
{
    width: 100% !important;
    padding: 5px;
}

.clicknoshow
{
    position: relative;
}
.clicknoshow .notclick
{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;;
    z-index: 999 !important;
    cursor: not-allowed;
}

.customtbl th
{
    background-color: #F0F0F0;
}
.customtbl td
{
    padding: 8px !important;
}

.daterangepicker.dropdown-menu
{
    min-width: 680px;
}

.alert_popup
{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    background-color: rgba(255, 255, 255, 0.62);
    top: 0px;
    left: 0px;
}
.alert_dialog
{
    width: 400px;
     height: 200px;
    background-color: rgba(0, 0, 0, 0.89);
    color: #FFF;
    position: fixed;
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 999;
    top: 130px;
    border-radius: 8px;
    box-shadow: 0px 0px 20px #080808;
}
.alert_content
{
    padding: 10px;
    position: relative;
     height: 190px;
}
.alert_content a
{
    color: #FFF;
}
.alert_body
{
    font-size: 18px;
    text-align: center;
    padding-top: 20px;
     height: 170px;
}
.alert_body a
{
    bottom:10px!important;
    }
.alert_body span
{
    font-size: 50px;
    margin-bottom: 10px;
    color: rgb(70, 205, 70);
}
.alert_footer
{
    height: 40px;
    position: absolute;
    bottom: 5px;
    width: 95%;
}
.clients-grid { padding:10px; background-color:#f4f4f4; border:#333;  margin-bottom:15px; color:#333; border:1px solid #ccc; min-height: 97px;}
.clients-grid label{ text-align:left; display:block; min-height:40px; }
.clients-grid.active{background-color:rgba(136, 253, 129, 0.17);}
.client-height{height:330px;overflow:auto;}

.overflow{overflow:auto;}


/*  New Date range picker */
.daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; }
.daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
.daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; }
.daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; }
.daterangepicker.opensleft:before { right: 9px; }
.daterangepicker.opensleft:after { right: 10px; }
.daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }
.daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }
.daterangepicker.opensright:before { left: 9px; }
.daterangepicker.opensright:after { left: 10px; }
.daterangepicker.drop-up { margin-top: -7px; }
.daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; }
.daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; }
.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; }
.daterangepicker.single .drp-selected { display: none; }
.daterangepicker.show-calendar .drp-calendar { display: block; }
.daterangepicker.show-calendar .drp-buttons { display: block; }
.daterangepicker.auto-apply .drp-buttons { display: none; }
.daterangepicker .drp-calendar { display: none; max-width: 270px; }
.daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; }
.daterangepicker .drp-calendar.right { padding: 8px; }
.daterangepicker .drp-calendar.single .calendar-table { border: none; }
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; }
.daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; }
.daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; }
.daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; }
.daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; }
.daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; }
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; }
.daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; }
.daterangepicker td.start-date { border-radius: 4px 0 0 4px; }
.daterangepicker td.end-date { border-radius: 0 4px 4px 0; }
.daterangepicker td.start-date.end-date { border-radius: 4px; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; }
.daterangepicker th.month { width: auto; }
.daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; }
.daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; }
.daterangepicker select.monthselect { margin-right: 2%; width: 56%; }
.daterangepicker select.yearselect { width: 40%; }
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; }
.daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; }
.daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; }
.daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; }
.daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; }
.daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; }
.daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; }
.daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; }
.daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; }
.daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; }
.daterangepicker .ranges { float: none; text-align: left; margin: 0; }
.daterangepicker.show-calendar .ranges { margin-top: 8px; }
.daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; }
.daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; }
.daterangepicker .ranges li:hover { background-color: #eee; }
.daterangepicker .ranges li.active { background-color: #08c; color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
    .daterangepicker { width: auto; }
    .daterangepicker .ranges ul { width: 140px; }
    .daterangepicker.single .ranges ul { width: 100%; }
    .daterangepicker.single .drp-calendar.left { clear: none; }
    .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar { float: left; }
    .daterangepicker { direction: ltr; text-align: left; }
    .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; }
    .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
    .daterangepicker .drp-calendar.right { margin-left: 0; }
    .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
    .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; }
    .daterangepicker .ranges, .daterangepicker .drp-calendar { float: left; }
}

@media (min-width: 730px) {
    .daterangepicker .ranges { width: auto; }
    .daterangepicker .ranges { float: left; }
    .daterangepicker.rtl .ranges { float: right; }
    .daterangepicker .drp-calendar.left { clear: none !important; }
}