@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/source-sans-pro/SourceSansPro-BlackIt.woff2') format('woff2'),
        url('../fonts/source-sans-pro/SourceSansPro-BlackIt.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/source-sans-pro/SourceSansPro-Black.woff2') format('woff2'),
        url('../fonts/source-sans-pro/SourceSansPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/source-sans-pro/SourceSansPro-ExtraLight.woff2') format('woff2'),
        url('../fonts/source-sans-pro/SourceSansPro-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/source-sans-pro/SourceSansPro-Bold.woff2') format('woff2'),
        url('../fonts/source-sans-pro/SourceSansPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/source-sans-pro/SourceSansPro-BoldIt.woff2') format('woff2'),
        url('../fonts/source-sans-pro/SourceSansPro-BoldIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/source-sans-pro/SourceSansPro-ExtraLightIt.woff2') format('woff2'),
        url('../fonts/source-sans-pro/SourceSansPro-ExtraLightIt.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/source-sans-pro/SourceSansPro-Light.woff2') format('woff2'),
        url('../fonts/source-sans-pro/SourceSansPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/source-sans-pro/SourceSansPro-It.woff2') format('woff2'),
        url('../fonts/source-sans-pro/SourceSansPro-It.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/source-sans-pro/SourceSansPro-Regular.woff2') format('woff2'),
        url('../fonts/source-sans-pro/SourceSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/source-sans-pro/SourceSansPro-LightIt.woff2') format('woff2'),
        url('../fonts/source-sans-pro/SourceSansPro-LightIt.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/source-sans-pro/SourceSansPro-Semibold.woff2') format('woff2'),
        url('../fonts/source-sans-pro/SourceSansPro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/source-sans-pro/SourceSansPro-SemiboldIt.woff2') format('woff2'),
        url('../fonts/source-sans-pro/SourceSansPro-SemiboldIt.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}



input, select, textarea {border: 1px solid #bbb; padding: 6px 12px 6px 7px; border-radius: 0; outline: 0; background: #fff;}
.btn:focus {color: #fff;}

.login-page {background: #efefef;}
.login-box-body {box-shadow: 0 0 25px rgba(0,0,0,0.1);}
.login-logo {font-size: 0; background: url(../images/sbd-logo.png) 0 0 no-repeat; background-size: 100% auto; width: 200px; height: 46px; margin-left: auto; margin-right: auto;}

.flexigrid div.form-div input[type=text],.flexigrid div.form-div input[type=password]{height:auto!important}.checkbox,.radio{display:inline;margin-bottom:0;margin-top:5px}.ajax_list .fa{font-size:18px;color:inherit;text-decoration:none}

/*# sourceMappingURL=app.min.css.map */

.main-header .logo img {height: 35px;}

.box.box-primary {border-top-color: #00a7c9;}

.skin-red .main-header .logo {font-size: 0; background: #efefef url(../images/sbd-logo.png) center center no-repeat; background-size: 180px auto; width: 230px; height: 50px; margin: 0 auto; padding: 0;}
.skin-red .main-header .logo:hover {background-color: #f1f1f1;}
.skin-red .main-header .navbar {background-color: #00a7c9;}
.form-field-box:after {content: ""; display: table; clear: both;}
.form-field-box {margin-bottom: 10px;}
.box:after {content: ""; display: table; clear: both;}
.box {padding-top: 20px; padding-bottom: 20px;}
.form-control {border-color: #bbb; padding-left: 7px;}
.form-control.datepick {background-image: url(../images/icon-calendar.png); background-repeat: no-repeat; background-position: calc(100% - 10px) center; padding-right: 35px;}
.form-input-box {display: flex; flex-direction: row; justify-content: space-between;}
.form-input-box .form-control {margin-right: 10px;}
.form-input-box .form-control:last-child {margin-right: 0;}
.mce-panel {width: 99.9% !important;}

.skin-red .main-header .navbar .sidebar-toggle:hover {background-color: #ff7c00;}

.skin-red .main-sidebar {background-color: #666;}
.skin-red .sidebar-menu>li.header {color: #fff;background: #555;}
.skin-red .sidebar-menu>li>a {border-left: 0;}
.skin-red .sidebar-menu>li:hover>a {color: #fff;background: #767676;border-left: 0;}
.skin-red .sidebar-menu>li>.treeview-menu {background: #878787;}
.skin-red .treeview-menu>li>a { color: #ddd;}

.skin-red .sidebar-menu>li.active>a {background: #767676;}

.skin-red .sidebar a {color: #fff;}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {display: none;}

.content-wrapper {background-color: #efefef;}

.custom-btn-container:after {content: ""; display: table; clear: both;}

.button-container {text-align: right;}
.button-container button {background: #ff7c00; border: 1px solid #EA6E02; border-radius: 3px; padding: 6px 12px; color: #fff; font-weight: 600; line-height: normal;}
.button-container button:hover {background: #ea7000; border-color: #D16500}
.button-container .cancel {background-color: #3c8dbc; border: 1px solid #367fa9; border-radius: 3px; padding: 6px 12px; color: #fff; font-weight: 600;}
.button-container .cancel:hover {background: #367fa9; border-color: #204d74;}

.button-container button[disabled] {background: #bbb; border: 1px solid #a9a9a9;}

.btn-lg {padding-top: 4px; padding-bottom: 4px;}
.custom-table-wrapper {margin-top: 15px;}
.main-footer {text-align: center;}

.table thead {background: #ededed;}

.form-input-box .form-colheading {width: 100%; display: block; margin-right: 10px;}
.form-input-box .form-colheading:last-child {margin-right: 0;}

.audit-table tr th {text-align: center !important;}
.audit-table .form-control {width:70px; height: 28px; margin: auto; padding: 0 5px;}
.audit-table tr td:last-child .form-control {text-align: center;}
.audit-table tr th, .audit-table tr td {text-align: center; border: 1px solid #ccc !important; vertical-align: middle !important; width: 8%;}
.audit-table tr th {border-top: 1px solid #ccc; border-bottom: 0;}
.audit-table tr th:first-child, .audit-table tr td:first-child,
.audit-table tr th:nth-child(2), .audit-table tr td:nth-child(2) {text-align: left;}

.audit-table tr th, .audit-table tr td {width: 8%;}
.audit-table tr th:first-child, .audit-table tr td:first-child {width: 20%;}
.audit-table tr th:nth-child(2), .audit-table tr td:nth-child(2) {width: 56%;}

.audit-table.bottom tr td:first-child {width: 74%;}
.audit-table.bottom .form-field-box div:last-child {text-align: right; font-weight: bold;}
.audit-table.bottom tr td:nth-child(2) {width: 10%; text-align: center;}
.audit-table.bottom .form-field-box  {margin-bottom: 0;}
.audit-table.bottom .form-field-box .capt {padding: 0; margin-top: 3px;}
.audit-table.bottom tr td:not(:last-child) .form-control {width: 100%; padding: 0 5px;}

.audit-table.bottom .form-field-box .textarea {padding: 15px 0 0;}
.audit-table.bottom .form-field-box .textarea textarea { height: 50px; resize: none; font-weight: normal;}
.audit-table.bottom .form-field-box .textarea +.button-container {padding-top: 15px;}
.audit-table.bottom .form-field-box .btn-danger {line-height: 1.25;}


/*---------------------------- Search Filter ----------------------------*/

.search-filterbox .search-filter-inner {display: flex; flex-direction: row; flex-wrap: nowrap; background: #ededed; padding: 10px 0; margin-top: 15px;}
.search-filterbox .datepicker {display: flex;}
.search-filterbox .filter-col {padding: 0 10px;}
/*.search-filterbox .filter-col:first-child {padding: 0;}*/
.search-filterbox .filter-col.crid {padding-left: 10px; width: 10%;}
.search-filterbox .filter-col .date {padding: 0 10px; width: 100%;}
.search-filterbox .filter-col.datepicker {width: 32%;}
.search-filterbox .filter-col.datepicker {padding: 0;}
.search-filterbox .filter-col.createdby {width: 17%;}
.search-filterbox .filter-col.name {width: calc(100% - 77%);}
.search-filterbox .filter-col.status {width: 18%;}
.search-filterbox .filter-col.search-btn {margin-top: 25px; width: 190px;}

.search-filterbox .search-filter-btnbox {background: #ededed; padding: 0 10px 15px; text-align: right;}
.search-filterbox .search-filter-btnbox .filter-col.search-btn {margin-top: 0; display: inline-block; padding-right: 0;}
.search-filterbox .search-filter-btnbox .filter-col.search-btn .cust-btn {margin-right: 10px;}

.cust-btn {background-color: #3c8dbc; border: 1px solid #367fa9; border-radius: 3px; padding: 6px 12px; color: #fff; font-weight: 600;}
.cust-btn:hover {background: #367fa9; border-color: #204d74; color: #fff;}

.cust_edit_button {background: #ff7c00; border: 1px solid #EA6E02; border-radius: 3px; padding: 6px 12px; color: #fff; font-weight: 600; line-height: normal; display: inline-block;}
.cust_edit_button:hover {background: #ea7000; border-color: #D16500; color: #fff;}
.cust_edit_button.delete {background-color: #dd4b39; border-color: #d73925;}
.cust_edit_button.delete:hover {background-color: #d73925;}


#ref_url, #write_content {min-height: 34px; height: auto;}

.txt-red {color: #ff0000; font-weight: bold;}
.txt-green {color: #03A803; font-weight: bold;}
.btn-green {background: #00a65a !important; border-color: #008d4c !important;}
.btn-green:hover {background: #008d4c !important;}

.btn-red {background: #c10505 !important; border-color: #930505 !important;}
.btn-red:hover {background: #AD0606 !important;}

.btn-danger {font-size: 14px; font-weight: 600; padding-top: 6px; padding-bottom: 6px; line-height: 1.42857143;}

.datepicker-dropdown {box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);}

@media (min-width: 768px) {
.main-header .sidebar-toggle {display: none;}
}

/*------------------------- Left panel design --------------------------*/

.main-header .logo {background: #efefef;}
.main-sidebar {background: #666;}
.main-sidebar .user-panel, .sidebar-menu, .sidebar-menu>li.header {color: #fff;}
.sidebar-menu>li.header {background: #787878;}
.sidebar-menu>li:hover a {background: #5E5E5E;}
.sidebar-menu>li.active a {background: #565656;}
.user-panel>.info>a {color: #fff;}
.sidebar-menu li>a {color: #fff; font-weight: bold;}
.sidebar-menu .treeview-menu>li>a {color: #bbb;}
.text-success {color: #63eb66;}
.sidebar-menu .treeview-menu {padding-left: 0;}

.animated-new {width: 40px;}


.sidebar-menu li>a>.pull-right-container {transform: rotate(-90deg);}
.sidebar-menu li.active>a>.pull-right-container {transform: rotate(180deg); right: 12px;}

.meta-table tr th:last-child, .meta-table tr td:last-child {text-align: right; width: 20%;}


.mainmenu {margin: 5px 0px;line-height: 30px;background-color: #25649F; }
.mainmenu a{margin: 10px;color: #FFFFFF;text-decoration: none;}
.submenu {display: none;}
.submenu ul{list-style: none;margin: 0;padding: 0px; border-right:1px solid #f4f4f4; border-left:1px solid #f4f4f4;}
.submenu li {background-color: #f9f9f9; border-bottom:1px solid #f4f4f4;line-height: 30px;}
.submenu li:nth-child(even) {background: #fff;}
.submenu li a{color: #000000;	}
#expand-collapse{text-align:right;margin: 15px 5px 15px 0px; cursor:pointer; text-decoration:underline; color:#09f;}

.report .table-bordered {margin-bottom: 0; background: #fff;}
.report .cust_edit_button {margin: 0; float: right;}

.dispute .table-bordered {margin-bottom: 0;}
.dispute .cust_edit_button {margin: 0;}

.table-bordered {background: #fff;}

@media (max-width: 1099px) {
    .search-filterbox .search-filter-inner {flex-wrap: wrap;}
    .search-filterbox .filter-col.crid {width: 100%; margin-bottom: 8px;}
    .search-filterbox .filter-col.datepicker {width: 60%; margin-bottom: 8px;}
    .search-filterbox .filter-col.createdby {width: 40%; margin-bottom: 8px;}
    .search-filterbox .filter-col.name {width: calc(100% - 122px);}
    .search-filterbox .filter-col.status {width: 120px;}
    .search-filterbox .filter-col.search-btn {margin-top: 15px; width: 100%; text-align: right;}
    .search-filterbox .filter-col.search-btn .cust-btn {margin-right: 12px;}
}

@media (max-width: 991px) {
    .content-header>.breadcrumb {background: #fff;}
    .audit-table {width: 1000px; max-width: none; margin-bottom: 20px !important;}
    .table-responsive {border: 1px solid #ddd; overflow-x: auto;}
    
    .form-field-box:first-child .form-input-box {flex-direction: column;}
    .form-field-box:first-child .form-input-box .link {margin-top: 15px;}
}

@media (max-width: 767px) {
    
    .skin-red .main-header .logo {width: 100%;}
    .search-filterbox .filter-col.datepicker {width: 100%;}
    .search-filterbox .filter-col.createdby {width: 100%;}
    .main-header .logo {background: #fff;}
    
    .main-header .navbar {position: absolute; top: 0; left: 0;}
    .main-header .sidebar-toggle {padding-top: 7px; padding-bottom: 7px; font-size: 25px;}
    .main-header .sidebar-toggle:hover {color: #3c8dbc;}
}