:root {
    --theme-co: #495867;
    --light-blue: #BDD5EA;
}
html, body {
    height: 100%;
}
/*.box {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.box.box-info {
    border-top-color: var(--theme-co);
}

.box-header {
    padding: 15px 10px;
}

.box-header>.box-tools {
    right: 0;
    top: 0;
    position: inherit;
}

.btn-group-xs>.btn,
.btn-xs {
    background-color: transparent;
    color: #30312e;
    font-size: 16px;
    border: none;
}

.btn-group-xs>.btn,
.btn-xs:hover {
    background-color: transparent;
    color: #727272;
    font-size: 16px;
    border: none;
}

.skin-blue .left-side,
.skin-blue .main-sidebar,
.skin-blue .wrapper {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.skin-blue-light .main-sidebar {
    background: var(--theme-co);
    color: #fff;
}*/

/*a.dt-button.copyButton {
    height: 30px;
    width: 30px;
    background: none;
    border: none;
    padding: 0;
    font-size: 24px;
    color: #008A81;
}
a.dt-button.copyButton:hover:not(.disabled),
a.dt-button.copyButton:active:not(.disabled),
a.dt-button.copyButton:focus:not(.disabled),
a.dt-button.copyButton:active:not(.disabled):hover:not(.disabled){
    background: none;
    box-shadow: none;
    text-shadow: none;
    border: none;
}
a.dt-button.copyButton:before {
    position: absolute;
    content: "\f0c5";
    font-family: 'Fira Sans', sans-serif;
    top: 0;
    left: 0;
}

a.dt-button.copyButton span {display: none;}

a.dt-button.csvButton {
    height: 25px;
    width: 30px;
    background: none;
    border: none;
    padding: 0;
    font-size: 24px;
    background: url(../img/backend/csv.svg) no-repeat;

}
a.dt-button.csvButton:hover:not(.disabled),
a.dt-button.csvButton:active:not(.disabled),
a.dt-button.csvButton:focus:not(.disabled),
a.dt-button.csvButton:active:not(.disabled):hover:not(.disabled){
    background: url(../img/backend/csv-hover.svg) no-repeat;
    box-shadow: none;
    text-shadow: none;
    border: none;
}
a.dt-button.csvButton:before {
    position: absolute;
    top: 0;
    left: 0;
}

a.dt-button.csvButton span {display: none;}

a.dt-button.excelButton {
    height: 30px;
    width: 30px;
    background: none;
    border: none;
    padding: 0;
    font-size: 24px;
}
a.dt-button.excelButton:hover:not(.disabled),
a.dt-button.excelButton:active:not(.disabled),
a.dt-button.excelButton:focus:not(.disabled),
a.dt-button.excelButton:active:not(.disabled):hover:not(.disabled){
    background: none;
    box-shadow: none;
    text-shadow: none;
    border: none;
}
a.dt-button.excelButton:before {
    position: absolute;
    content: "\f1c3";
    font-family: 'FontAwesome';
    top: 0;
    left: 0;
}

a.dt-button.excelButton span {display: none;}

a.dt-button.pdfButton {
    height: 30px;
    width: 30px;
    background: none;
    border: none;
    padding: 0;
    font-size: 24px;
}
a.dt-button.pdfButton:hover:not(.disabled),
a.dt-button.pdfButton:active:not(.disabled),
a.dt-button.pdfButton:focus:not(.disabled),
a.dt-button.pdfButton:active:not(.disabled):hover:not(.disabled){
    background: none;
    box-shadow: none;
    text-shadow: none;
    border: none;
}
a.dt-button.pdfButton:before {
    position: absolute;
    content: "\f1c1";
    font-family: 'Fira Sans', sans-serif;
    top: 0;
    left: 0;
}

a.dt-button.pdfButton span {display: none;}

a.dt-button.printButton {
    height: 30px;
    width: 30px;
    background: none;
    border: none;
    padding: 0;
    font-size: 24px;
}
a.dt-button.printButton:hover:not(.disabled),
a.dt-button.printButton:active:not(.disabled),
a.dt-button.printButton:focus:not(.disabled),
a.dt-button.v:active:not(.disabled):hover:not(.disabled){
    background: none;
    box-shadow: none;
    text-shadow: none;
    border: none;
}
a.dt-button.printButton:before {
    position: absolute;
    content: "\f02f";
    font-family: 'Fira Sans', sans-serif;
    top: 0;
    left: 0;
}*/

/*a.dt-button.printButton span {display: none;}
div.dataTables_wrapper div.dataTables_filter label input {width: 395px;}
.box-size {width: 87%;}
.skin-blue .sidebar-menu>li>.treeview-menu {margin: 0; padding: 0;}
.edit-form-btn{text-align: center; margin-bottom: 10px;}*/

/*==================================================================*/
/*CSS 25/05/2017*/
/*==================================================================*/

/*.alert { padding: 10px 15px; margin-bottom: 15px; }
.box-header .box-title { line-height: 30px; font-size: 18px; }
.select2-dropdown { border-color: #ddd; }
.form-horizontal .control-label { font-weight: 500; }
.btn.focus, .btn:focus, .btn:hover { outline: none; }
.btn-group .btn.dropdown-toggle .caret { margin-left: 4px; }
.select2-dropdown, .select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; }
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { border-color: #ddd; padding-top: 2px; padding-bottom: 2px; height: 34px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 3px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; }*/


/* selectbox css */
::-moz-focus-inner, select:focus, select:active { outline: 0 !important; -moz-outline: 0 !important; }
.data-table-wrapper .dataTables_length label { position: relative; display: inline-block; width: 100%; }
.data-table-wrapper .dataTables_length label select,
.data-table-wrapper .dataTables_wrapper table.dataTable thead.transparent-bg th select.search-input-select { display: inline-block; width: 100%; height: 34px; cursor: pointer; padding: 0px 5px; outline: 0; border: solid 1px #d2d6de; border-radius: 0; background: #fff url("/public/img/backend/down-arrow.png") no-repeat scroll 91% center; background-size: 14%; color: #555; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.data-table-wrapper .dataTables_wrapper table.dataTable thead.transparent-bg th select.search-input-select { background-size: 9%; }
.data-table-wrapper .dataTables_length label select::-ms-expand,
.data-table-wrapper .dataTables_wrapper table.dataTable thead.transparent-bg th select.search-input-select::-ms-expand { display: none; }
.data-table-wrapper .dataTables_length label select:hover, .data-table-wrapper .dataTables_length label select:focus,
.data-table-wrapper .dataTables_wrapper table.dataTable thead.transparent-bg th select.search-input-select:hover,
.data-table-wrapper .dataTables_wrapper table.dataTable thead.transparent-bg th select.search-input-select:focus { color: #555; background-color: #fff; outline: none; -moz-outline: 0; }
.data-table-wrapper .dataTables_length label select:disabled,
.data-table-wrapper .dataTables_wrapper table.dataTable thead.transparent-bg th select.search-input-select:disabled { opacity: 0.5; pointer-events: none; }
/* .data-table-wrapper .dataTables_length label:before { position: absolute; top: 16px; right: 15px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0 5px; border-color: #7b7b7b transparent transparent transparent; }
.data-table-wrapper .dataTables_length label select:hover ~ .select__arrow, .data-table-wrapper .dataTables_length label select:focus ~ .select__arrow { border-top-color: #000; }
.data-table-wrapper .dataTables_length label select:disabled ~ .select__arrow { border-top-color: #ccc; } */
/*Custom Checkbox and Radio Buttons end*/

/*Custom Fileinputs start*/
.custom-file-input input[type=file] { display: none; }
.custom-file-input .inputfile + label { max-width: 100%; font-size: 14px; font-weight: 500 ;text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; padding: 8px 12px; margin-bottom: 0; height: 36px; border:1px solid var(--theme-co) }
.custom-file-input .inputfile + label .fa { margin-right: 10px; }
.custom-file-input .inputfile:focus + label,.custom-file-input .inputfile.has-focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }

/*Custom Fileinputs end*/
/*Datetimepicker CSS start*/
.bootstrap-datetimepicker-widget.dropdown-menu { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; }
.bootstrap-datetimepicker-widget table tr td.active, .bootstrap-datetimepicker-widget table tr td span.active, .bootstrap-datetimepicker-widget table tr td span.active:hover { text-shadow: none; }

/*Datetimepicker CSS end*/
.mce-box .mce-panel { width: 87% !important; border-color: #ddd; }
.mce-box .mce-toolbar-grp, .mce-box .mce-edit-area, .mce-box .mce-statusbar { width: 100% !important; }
.form-control:focus,.select2-container--default.select2-container--focus .select2-selection--multiple { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; }
.control-label.required::after { padding-left: 3px; color: red; content: "*"; display: inline-block; }


.navbar-nav>.user-menu>.dropdown-menu>.user-footer { border-top: 1px solid #ddd; }
/*Datatable CSS*/

/*.data-table-wrapper div.dataTables_wrapper div.dataTables_processing { background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0; border: 1px solid rgba(255, 255, 255, 1); box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5); color: #fff;  padding: 5px 0; z-index: 10; }*/

.data-table-wrapper table.dataTable tbody tr.odd {
    background-color: #eff0f0;
}
.data-table-wrapper table.dataTable tbody tr.even {
    background-color: #e2e3e4;
}
.data-table-wrapper table.dataTable tbody td {
    color: #000;
}
.data-table-wrapper .dt-buttons {
    display: none;
}

.dataTables_wrapper .cm-loading-content .cm-loading-bar, .cm-loading .cm-loading-content .cm-loading-bar {
    height: 5px;
    margin-top: 10px;
    background-image: -webkit-linear-gradient(-45deg, #8DC63F 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #8DC63F 50%, #8DC63F 75%, rgba(255, 154, 26, 0) 75%);
    background-image: -moz-linear-gradient(-45deg, #8DC63F 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #8DC63F 50%, #8DC63F 75%, rgba(255, 154, 26, 0) 75%);
    background-image: -o-linear-gradient(-45deg, #8DC63F 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #8DC63F 50%, #8DC63F 75%, rgba(255, 154, 26, 0) 75%);
    background-image: linear-gradient(-45deg, #8DC63F 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #8DC63F 50%, #8DC63F 75%, rgba(255, 154, 26, 0) 75%);
    background-color: #d3d3d3;
    background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -o-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
    line-height: 52px;
    z-index: 10;
}

.data-table-wrapper div.dataTables_wrapper div.dataTables_processing, .cm-loading {
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
    margin: 0;
    height: 100vh;
    min-height: 100%;
}
.dataTables_wrapper .cm-loading-content, .cm-loading .cm-loading-content {
    width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -100px;
    text-align: center;
    color: white;
}
.dataTables_wrapper .cm-loading-content .cm-loading-text, .cm-loading .cm-loading-content .cm-loading-text {
    margin: 5px 0;
}

/*table.dataTable>thead>tr:not(.datable-filter-row)>th.column-actions {
    padding-right: 30px;
}
table.dataTable tbody td.dt-column-actions{
    padding-right: 0;
}*/

/*Action button*/
.data-table-wrapper .action-btn { min-width: 100px; }
/*.data-table-wrapper .action-btn .btn { padding: 4px 8px; font-size: 13px; }*/
/*.data-table-wrapper .action-btn .btn a, .data-table-wrapper .action-btn .btn a:hover, .data-table-wrapper .action-btn .btn a:focus { color: #333; }*/
/*.navbar-custom-menu>.navbar-nav>li>.dropdown-menu { right: auto; }*/
/*Notification list CSS start*/
ul.timeline.notification-list { margin-bottom: 10px; }
ul.timeline.notification-list::before { display: none; }
ul.timeline.notification-list>li:last-child { margin-bottom: 0; }
ul.timeline.notification-list>li:last-child>.timeline-item { border-bottom: 0; }
ul.timeline.notification-list>li>.timeline-item { margin-left: 0; margin-left: 0; border-bottom: 1px solid #f4f4f4; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; }
ul.timeline.notification-list>li>.timeline-item { margin-right: 0; }
ul.timeline.notification-list>li>.timeline-item>.timeline-header { border-bottom: 0; font-size: 15px; }
ul.timeline.notification-list>li>.timeline-item>.timeline-header>span.comment-hl { padding-right: 3px; font-weight: 600; }

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: var(--theme-co);
    border-color: var(--theme-co);
}

/* Tab CSS start */
.setting-tab-list.nav-tabs>li>a { color: #555; }
.tab-content.setting-tab { padding-top: 30px; }
.footer-btn { margin-bottom: 15px; }
/*Tab CSS end */

/*Boostrap Collapse CSS*/
.panel-body.js-tabcollapse-panel-body { box-shadow: inset 1px 1px 5px rgba(0,0,0,.15); }
.setting-block .panel-group .panel-heading { padding: 0; }
.setting-block .panel-group .panel-title>a { padding: 10px 15px; display: block; }

/*Responsive CSS start*/
@media screen and (max-width: 767px){
    .content-header > h1 { font-size: 21px; padding: 0 0 8px; }
    .table-responsive { padding: 10px; }
    .box-size, .mce-box .mce-panel { width: 100% !important; }

    .navbar-custom-menu .navbar-nav > li > a { padding: 15px 12px;  }
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu { left: auto; }
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu.lang-menu { right: auto; }
}
@media screen and (max-width: 992px){
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu { right: 3%; }
}
/*Responsive CSS end*/

/* custom input */

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1 + label {
    color: #FFF;
    background-color: #8c7e5d;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #939598;
}


/* style 2 */

.inputfile-2 + label {
    color: #d3394c;
    border: 2px solid currentColor;
}

.inputfile-2:focus + label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover {
    color: #722040;
}


/* style 3 */

.inputfile-3 + label {
    color: #d3394c;
}

.inputfile-3:focus + label,
.inputfile-3.has-focus + label,
.inputfile-3 + label:hover {
    color: #722040;
}


/* style 4 */

.inputfile-4 + label {
    color: #d3394c;
}

.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover {
    color: #722040;
}

.inputfile-4 + label figure {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #d3394c;
    display: block;
    padding: 20px;
    margin: 0 auto 10px;
}

.inputfile-4:focus + label figure,
.inputfile-4.has-focus + label figure,
.inputfile-4 + label:hover figure {
    background-color: #722040;
}

.inputfile-4 + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}


/* style 5 */

.inputfile-5 + label {
    color: #000;
}

.inputfile-5:focus + label,
.inputfile-5.has-focus + label,
.inputfile-5 + label:hover {
    color: #000;
}

.inputfile-5 + label figure {
    width: 100px;
    height: 135px;
    background-color: #FFF;
    display: block;
    position: relative;
    padding: 30px;
    margin: 0 auto 10px;
}

.inputfile-5:focus + label figure,
.inputfile-5.has-focus + label figure,
.inputfile-5 + label:hover figure {
    background-color: #FFF;
}

.inputfile-5 + label figure::before,
.inputfile-5 + label figure::after {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
}

.inputfile-5 + label figure::before {
    border-top: 20px solid #FFF;
    border-left: 20px solid transparent;
}

.inputfile-5 + label figure::after {
    border-bottom: 20px solid #FFF;
    border-right: 20px solid transparent;
}

.inputfile-5:focus + label figure::after,
.inputfile-5.has-focus + label figure::after,
.inputfile-5 + label:hover figure::after {
    border-bottom-color: #8c7e5d;
}
.inputfile-5:focus + label figure::before,
.inputfile-5.has-focus + label figure::before,
.inputfile-5 + label:hover figure::before {
    border-top: 20px solid #e6e7e8;
}

.inputfile-5 + label svg {
    width: 100%;
    height: 100%;
    fill: #8c7e5d;
}


/* style 6 */

.inputfile-6 + label {
    color: #000;
}

.inputfile-6 + label {
    border: 1px solid #8c7e5d;
    background-color: #FFF;
    padding: 0;
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
    border-color: #939598;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
    padding: 0.625rem 1.25rem;

    /* 10px 20px */
}

.inputfile-6 + label span {
    width: 200px;
    min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.inputfile-6 + label strong {
    height: 100%;
    color: #f1e5e6;
    background-color: #8c7e5d;
    display: inline-block;
}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
    background-color: #939598;
}

.inputfile-6 + label span {
    font-weight: normal;
    letter-spacing: 0.5pt;
}

@media screen and (max-width: 50em) {
    .inputfile-6 + label strong {
        display: block;
    }
}

.spinner.input-group .input-group-addon .spin-down,.spinner.input-group .input-group-addon .spin-up{height:10px;width:10px;overflow:hidden;display:block;text-align:center;color:#999}.spinner.input-group .input-group-addon .spin-down:hover,.spinner.input-group .input-group-addon .spin-up:hover{color:#555}.spinner.input-group .input-group-addon .spin-down .fa,.spinner.input-group .input-group-addon .spin-up .fa{margin-top:-8px;vertical-align:middle}.spinner.input-group .input-group-addon .spin-down .glyphicon,.spinner.input-group .input-group-addon .spin-up .glyphicon{font-size:10px;top:-2px}.spinner.input-group .input-group-addon a.spin-down,.spinner.input-group .input-group-addon a.spin-up{text-decoration:none}.spinner.input-group .input-group-addon button.spin-down,.spinner.input-group .input-group-addon button.spin-up{background:0 0;border:none;padding:0}.spinner.input-group.input-group-sm .input-group-addon .spin-down,.spinner.input-group.input-group-sm .input-group-addon .spin-up{height:8px}.spinner.input-group.input-group-sm .input-group-addon .spin-down .fa,.spinner.input-group.input-group-sm .input-group-addon .spin-up .fa{margin-top:-12px}.spinner.input-group.input-group-sm .input-group-addon .spin-down .glyphicon,.spinner.input-group.input-group-sm .input-group-addon .spin-up .glyphicon{font-size:8px;top:-5px}.spinner.input-group.input-group-lg .input-group-addon .spin-down,.spinner.input-group.input-group-lg .input-group-addon .spin-up{height:12px;width:12px}.spinner.input-group.input-group-lg .input-group-addon .spin-down .fa,.spinner.input-group.input-group-lg .input-group-addon .spin-up .fa{margin-top:-16px}.spinner.input-group.input-group-lg .input-group-addon .spin-down .glyphicon,.spinner.input-group.input-group-lg .input-group-addon .spin-up .glyphicon{font-size:12px;top:-6px}
/*# sourceMappingURL=bootstrap-spinner.min.css.map */
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}
@keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}
.showSweetAlert {
  animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
  animation: none;
}
.showSweetAlert[data-animation=slide-from-top] {
  animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation=slide-from-bottom] {
  animation: slideFromBottom 0.3s;
}
.hideSweetAlert {
  animation: hideSweetAlert 0.3s;
}
.hideSweetAlert[data-animation=none] {
  animation: none;
}
.hideSweetAlert[data-animation=slide-from-top] {
  animation: slideToTop 0.3s;
}
.hideSweetAlert[data-animation=slide-from-bottom] {
  animation: slideToBottom 0.3s;
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
.animateSuccessTip {
  animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
  animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
  animation: rotatePlaceholder 4.25s ease-in;
}
@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
.animateErrorIcon {
  animation: animateErrorIcon 0.5s;
}
@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
.animateXMark {
  animation: animateXMark 0.5s;
}
@keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}
.pulseWarning {
  animation: pulseWarning 0.75s infinite alternate;
}
@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}
.pulseWarningIns {
  animation: pulseWarningIns 0.75s infinite alternate;
}
@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
.sweet-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 1040;
}
.sweet-alert {
  background-color: #ffffff;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 2000;
}
@media all and (max-width: 767px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px;
  }
}
.sweet-alert .form-group {
  display: none;
}
.sweet-alert .form-group .sa-input-error {
  display: none;
}
.sweet-alert.show-input .form-group {
  display: block;
}
.sweet-alert .sa-confirm-button-container {
  display: inline-block;
  position: relative;
}
.sweet-alert .la-ball-fall {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: -9px;
  opacity: 0;
  visibility: hidden;
}
.sweet-alert button[disabled] {
  opacity: .6;
  cursor: default;
}
.sweet-alert button.confirm[disabled] {
  color: transparent;
}
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  border-radius: 50%;
  margin: 20px auto;
  position: relative;
  box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
  border-color: #d43f3a;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #d9534f;
  display: block;
  top: 37px;
  border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  transform: rotate(45deg);
  left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  transform: rotate(-45deg);
  right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
  border-color: #eea236;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #f0ad4e;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #f0ad4e;
}
.sweet-alert .sa-icon.sa-info {
  border-color: #46b8da;
}
.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #5bc0de;
}
.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #5bc0de;
}
.sweet-alert .sa-icon.sa-success {
  border-color: #4cae4c;
}
.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
  content: '';
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: #ffffff;
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  transform: rotate(-45deg);
  transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  transform: rotate(-45deg);
  transform-origin: 0px 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(92, 184, 92, 0.2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: #ffffff;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #5cb85c;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
}
.sweet-alert .btn-default:focus {
  border-color: #cccccc;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
}
.sweet-alert .btn-success:focus {
  border-color: #4cae4c;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
}
.sweet-alert .btn-info:focus {
  border-color: #46b8da;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
}
.sweet-alert .btn-danger:focus {
  border-color: #d43f3a;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
}
.sweet-alert .btn-warning:focus {
  border-color: #eea236;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
}
.sweet-alert button::-moz-focus-inner {
  border: 0;
}
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-fall.la-dark {
  color: #333;
}
.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-fall {
  width: 54px;
  height: 18px;
}
.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite;
}
.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms;
}
.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms;
}
.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms;
}
.la-ball-fall.la-sm {
  width: 26px;
  height: 8px;
}
.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px;
}
.la-ball-fall.la-2x {
  width: 108px;
  height: 36px;
}
.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px;
}
.la-ball-fall.la-3x {
  width: 162px;
  height: 54px;
}
.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%);
  }
}
@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%);
  }
}
@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%);
  }
}
@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%);
  }
}

/*@font-face {
    font-family: 'Helvetica-Normal';
    src: url('../fonts/Helvetica-Normal.eot?#iefix') format('embedded-opentype'), url('../Helvetica-Normal.woff') format('woff'), url('../Helvetica-Normal.ttf') format('truetype'), url('../Helvetica-Normal.svg#Helvetica-Normal') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'HelveticaNeue';
    src: url('/public/fonts/HelveticaNeue/HelveticaNeue.eot?#iefix') format('embedded-opentype'),  url('/public/fonts/HelveticaNeue/HelveticaNeue.woff') format('woff'), url('/public/fonts/HelveticaNeue/HelveticaNeue.ttf')  format('truetype'), url('/public/fonts/HelveticaNeue/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('/public/fonts/HelveticaNeueBold/HelveticaNeueBold.eot?#iefix') format('embedded-opentype'),  url('/public/fonts/HelveticaNeueBold/HelveticaNeueBold.woff') format('woff'), url('/public/fonts/HelveticaNeueBold/HelveticaNeueBold.ttf')  format('truetype'), url('/public/fonts/HelveticaNeueBold/HelveticaNeueBold.svg#HelveticaNeueBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.navbar-laravel {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.fixed  .content{
    padding-bottom: 0;
}
/*.fixed .main-sidebar .slimScrollDiv:hover .sidebar {
    width: auto !important;
}
.fixed .main-sidebar .slimScrollDiv:hover .sidebar {
    width: 750px !important;
}*/
.fixed .main-sidebar .slimScrollDiv:hover {
    overflow: visible !important;
}
.fixed .list-view .box{
    margin-bottom: 0;
}
.fixed #menuwrapper {
    width: 155px;

}

/*.is-guest .content-wrapper, .is-guest .right-side {
    background: #cecece;
}
.content-wrapper, .right-side {
    background: #FFF;
}*/
.content-wrapper {
    background: #FFF;
}
.is-guest .content-wrapper {
    background: transparent;
}

.loading-modal {
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100vh;
    min-height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url(http://i.stack.imgur.com/FhHRx.gif) 50% 50% no-repeat;
    /*background: rgba(0, 0, 0, 0.8) url(http://i.stack.imgur.com/FhHRx.gif) 50% 50% no-repeat;*/
}
body.loading .loading-modal {
    display: block;
}

body.is-guest {
    background: url('/public/images/login-page-bg.jpg') no-repeat center center fixed;
    background-size: cover;
}

.page-title {
    padding-left: 20px;
}
.page-title h1 {
    color: #9e8f6c;
}

/* Login Page */

.login-logo img {
    background-size: 245px 115px;
    width: 245px;
    height: 115px;
}

.login-flash-text {
    margin-top: 10px;
}
.bs-callout {
    border-left: 3px solid #eee;
    margin: 20px 0;
    padding: 20px 20px 7.5px;
}
.bs-callout-warning {
    background-color: #fcf8f2;
    border-color: #f0ad4e;
}
.bs-callout-info {
    background-color: #f4f8fa;
    border-color: #5bc0de;
}

form .help-block, form .error-block, form .parsley-help-block {
    display: block;
    font-style: italic;
    margin-top: 5px;
}
form .error-block, form .parsley-help-block {
    color: #a94442;
}
.parsley-custom-error-message {
    /*background: #a94442 none repeat scroll 0 0 !important;
    color: #fff !important;*/
    padding: 0px 5px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.6pt;
}

.panel-body {
    padding: 30px 60px;
    background: #FFF;
    border: 1px solid #e5e6e6;
    -webkit-box-shadow: 1px 1px 5px 3px #CACBCD;
    box-shadow: 1px 1px 5px 3px #CACBCD;
}

.panel-body input {
    border: 1px solid #cacbcd;
    -webkit-box-shadow: inset 1px 1px 5px 1px #CACBCD;
    box-shadow: inset 1px 1px 5px 1px #CACBCD;
    background: #e6e7e8;
    border-radius: 0;
}

.panel-login {
    margin-top: 80px;
    background: transparent;
}

.pull-right-container {
    display: none !important;
}

/* Password reset */





/* We remove the margin, padding, and list style of UL and LI components */
#menuwrapper {
    padding-bottom: 100px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "HelveticaNeueBold", Arial, sans-serif;
}
#menuwrapper ul, #menuwrapper ul li{
    margin:0;
    padding:0;
    list-style:none;
}

/* We apply background color and border bottom white and width to 150px */
#menuwrapper ul li{
    width:150px;
    cursor:pointer;
}

/* We apply the background hover color when user hover the mouse over of the li component */
#menuwrapper ul li:hover{
    background-color:#525e5d;
    position:relative;
}

/* We apply the link style */
#menuwrapper ul li i, .menu-icon {
    display: block;
    text-align: center;
    font-size: 40px;
    color: #9e8f6c;
}
.menu-icon {
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    text-align: center;
    margin: 0 auto;

}
#menuwrapper ul li a{
    display: block;
    padding: 5px 10px;
    color:#ffffff;
    text-align: center;
    text-decoration:none;
    margin-bottom: 0px;
    font-size: 12px;
}

/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
#menuwrapper ul li ul{
    position:absolute;
    display:none;
    background: #525e5d;
}

#menuwrapper ul li ul li{
    width:150px;
}
#menuwrapper ul li ul li a{
    text-align: left;
    font-size: 12px;
    padding: 6px 12px;
}

/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
#menuwrapper ul li:hover ul{
    left:150px;
    top:0px;
    display:block;
}

/* we apply different background color to 2nd level menu items*/
#menuwrapper ul li ul li{
    background-color:#525e5d;
}

/* We change the background color for the level 2 submenu when hovering the menu */
#menuwrapper ul li:hover ul li:hover{
    background-color:#4b5151;
}

/* We style the color of level 2 links */
#menuwrapper ul li ul li a{
    color:#FFF;
    display:inline-block;
    width:150px;
    min-height: 31px;
}

/**** THIRD LEVEL MENU ****/
/* We need to hide the 3rd menu, when hovering the first level menu */
#menuwrapper ul li:hover ul li ul{
    position:absolute;
    display:none;
}

/* We show the third level menu only when they hover the second level menu parent */
#menuwrapper ul li:hover ul li:hover > ul{
    display:block;
    left:150px;
    top:0;
}

/* We change the background color for the level 3 submenu*/
#menuwrapper ul li:hover ul li:hover ul li{
    background:#4b5151;
    width:175px;
    min-height: 31px;
}

/* We change the background color for the level 3 submenu when hovering the menu */

#menuwrapper ul li:hover ul li:hover ul li:hover{
    background:#525e5d;
}

/* We change the level 3 link color */
#menuwrapper ul li:hover ul li:hover ul li a{
    color:#ffffff;
    width:170px;
}


#menuwrapper ul li:hover ul li ul li ul{
    position:absolute;
    display:none;
}

#menuwrapper ul li:hover ul li:hover ul li:hover ul{
    display:block;
    left:170px;
    top:0;
}

/* Clear float */
.clear{
    clear:both;
}

.sidebar-form {
    width: 250px;
    float: right;
    display: block;
}

.navbar-custom-bar {
    padding: 15px 0;
}
.user-body .item.first {
    padding-top: 15px;
    padding-bottom: 15px;
    border-right: 1px solid #ddd;
}
.user-body .item {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    vertical-align: middle;
    border-top: 0;
    border-bottom: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
    font-size: 14px;
    font-weight: 500;
}
.navbar-nav > .dropdown img {
    width: 25px;
    height: 25px;
}

/*div.dataTables_wrapper div.dataTables_filter label input {
    width: 395px;
}*/

input[type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ecedee;
}

table.dataTable.table>thead {
    background: #4b5151;
    color: #FFF;
}
table.dataTable.table>thead input {
    color: #000;
}
/*.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: none;
}*/



.dataTables_wrapper .dataTables_length {
    width: 50%;
}

/*.box-header > .box-tools {
    bottom: -35px;
}*/

table.dataTable {
    width: 100% !important;

}

table.dataTable.no-footer {
    border-bottom: none !important;
}


.box.box-info {
    border-top: none;
    box-shadow: none;
}

div.dataTables_wrapper.dt-bootstrap .dataTables_paginate .paginate_button {
    padding: 0;
    margin-left: 0;
}

div.dataTables_wrapper ul li, div.dataTables_wrapper ol li {
    padding: 0;
    border: none !important;
}

.btn-white-bg {
    background: #FFF;
    color: #000;
    border: 1px solid #e6e7e8;
}

/*.box-body {
    padding-left: 0;
    padding-right: 0;
}*/

#users-table_wrapper .row:first-child {
    background: #e6e7e8;
    padding-top: 10px;
    padding-bottom: 10px;
}

table#users-table {
    margin-top: 0 !important;
}

.dataTables_wrapper .dataTables_length {
    padding-left: 15px;
}
div.dataTables_wrapper div.dataTables_filter {
    padding-right: 15px;
}

.btn-primary-bg {
    background: #9e8f6c;
    color: #FFF;
}

/* Tabs */
.nav.nav-tabs {
    margin-top: 20px;
}
.nav-tabs > li > a, .nav-tabs > li > a:hover {
    border-radius: 0;
    margin-right: 5px;
    color: #4b5151;
    background-color: #ddd8cf;
    border: 1px solid #ddd8cf;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #4b5151;
    background-color: #e6e7e8;
    border: 1px solid #e6e7e8;
}
/*.tab-pane { padding: 15px 0;  }*/
.tab-content{padding:20px; background: #e6e7e8}

/* Form override */

.form-control-static {
    display: block;
    width: 100%;
    padding: 3px 12px;
    font-size: 12px;
    line-height: 24px;
    min-height: 30px;
    color: #000;
    background: #e6e7e8;
    background-image: none;
    border: 1px solid #d2d6de;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.form-horizontal .control-label {
    text-align: left;
}

.form-control {
    border-color: #d2d6de;
    background: #FFF;
    color: #000;
    height: 30px;
    padding: 3px 6px;
}
.form-control:focus {
    border-color: #d2d6de;
    box-shadow: none;
}
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}

.tab-content .form-control, .tab-content .form-control-static {
    border-color: #d2d6de;
    background: #FFF;
    color: #000;
}

.tab-content #prices .form-control , .tab-content #prices .select2-container--default .select2-selection--single, .tab-content #prices .select2-selection .select2-selection--single {
    height: 33px;
}

.tab-content .form-control-static {
    color: #000;
}


.tab-content .form-control:focus {
    border-color: #d2d6de;
    box-shadow: none;
}
.box-footer .btn-cancel {
    background: #939598;
    color: #FFF;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.8pt;
}
.btn-save {
    min-width: 140px;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.8pt;
}

.form-horizontal .form-group {

    margin-bottom: 10px;

}
.data-table-wrapper {

}
.data-table-wrapper .dt-buttons {
     display: block;
    position: absolute;
    left: 25px;
    top: 7px;
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { border-color: #d2d6de;
    background: #FFF;
    color: #000;
    padding-top: 2px; padding-bottom: 2px;
}
.tab-content .select2-container--default .select2-selection--multiple, .tab-content .select2-container--default .select2-selection--single {
    border-color: #d2d6de;
    background: #FFF;
    color: #939598;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    height: 30px;
    line-height: 30px;
}

.select2-container{ width: 100% !important; }
/*.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-results>.select2-results__options{
    text-align: right;
}*/
.tab-content .form-check.pretty .state label:before {
    background: #FFF;
}

/*
#product-bundle-grid-table {
    max-height: 200px;
    overflow: scroll;
}*/

@media (max-width: 1550px) {
    .ranges .col-ranges:nth-child(2n+1) {
        clear: both;
    }
}
@media (min-width: 1550px) {
    .ranges .col-ranges:nth-child(3n+1) {
        clear: both;
    }
}

#shipping .input-group .form-control {
    width: calc(100% - 5px);
    border-left-color: #FFF;
}
#shipping .input-group .form-control:last-child {
    width: 100%
}

#shipping .input-group .input-group-addon {
    border-right: none;
    padding: 0 0 0 10px;
}

.popover-content {
    padding: 9px 8px;
    text-align: center;
    background: #e8e2d9;
}
.popover {
    background: #e8e2d9;
}
.popover-title {
    background: #e8e2d9
}
.popover > .arrow {
    border-width: 21px;
}
.popover.top > .arrow {
    border-top-color: #e8e2d9;
}

.popover.right > .arrow{
    border-right-color: #e8e2d9;
    left: -21px;
    margin-top: -21px;
}
.popover.top {
    margin-top: -12px;
}

.popover.top > .arrow:after {
    border-top-color: #e8e2d9;
    margin-left: -20px;
    margin-bottom: -5px;
}
.popover.right > .arrow:after {
    border-right-color: #e8e2d9;
    bottom: -20px;
}

.popover > .arrow:after {
    border-width: 20px;
}

.popover-content table thead{
    background: #8c7e5d;
    color: #FFF;
    text-align: center;
}

.popover-content table > tbody {
    color: #000;
}

.popover-content table > tbody > tr:nth-of-type(odd) {
    background: #f7f6f3;
}
.popover-content table > tbody > tr:nth-of-type(even) {
    background: #efece6;
}

.nav-tabs > li:not(.active) > a {
    -webkit-box-shadow: inset 7px -7px 10px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 7px -7px 10px -8px rgba(0,0,0,0.75);
    box-shadow: inset 7px -7px 10px -8px rgba(0,0,0,0.75);
}

.fc-day-number {
    color: #4b5151
}
.fc-today.alert-info {
    background: transparent !important;
    border-color: #f4f4f4 !important;
}
#delivery_calender .fc-day-grid-container {
    overflow-y: auto !important;
    height: auto !important;
    overflow-x: hidden !important;
}
/*.event.redEvent {
    background-color: #F00;
    border-color: #F00;
}*/