.modal-backdrop.in {
    opacity: 0.4;
}

.modal .modal-header {
    background: #fff;
}

.modal .modal-footer .btn {
    box-shadow: none;
}

.modal .modal-content {
    border-radius: 2px;
    box-shadow: none;
}

.modal.hidden {
    display: block !important;
    -webkit-animation: hideSweetAlert 0.2s;
    animation: hideSweetAlert 0.2s;
}

.modal.in {
    -webkit-animation: showSweetAlert 0.3s;
    animation: showSweetAlert 0.3s;
}

.modal .modal-dialog {
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
}

.modal-title {
    font-size: 16px;
    position: relative;
    z-index: 1;
    color: #333;
    line-height: 100%;
    font-weight: 500;
    text-align: center;
    margin: 20px 0 0;
}

.overCard {
    z-index: 100;
}

.overModal {
    z-index: 1060;
}

body.modal-open {
    padding-right: 0 !important;
}

.bootstrap-select .dropdown-menu .opt .text-muted {
    display: none;
}

.bootstrap-select .text-muted {
    margin-top: 1px;
}

.bootstrap-select .dropdown-toggle .text-muted {
    float: left;
    margin-right: 10px;
}

.bootstrap-select .dropdown-toggle .text-muted:before {
    content: '-';
    float: right;
    margin-left: 10px;
}

.radio-inline.radio, .checkbox-inline.checkbox {
    margin-top: 6px;
}

.main-menu li li li i {
    display: none;
}

.s-profile > a {
    display: block;
    height: 129px;
    margin-bottom: 5px;
    width: 100%;
    background-size: 100%;
}

.s-profile > a .sp-pic {
    padding: 12px;
}

.s-profile > a .sp-pic > img {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.14);
    box-sizing: content-box;
}

.s-profile > a .sp-info {
    background: rgba(0, 0, 0, 0.37);
    padding: 7px 14px;
    color: #fff;
    margin-top: 20px;
    position: relative;
}

.s-profile > a .sp-info > i {
    font-size: 19px;
    line-height: 100%;
    position: absolute;
    right: 15px;
    top: 7px;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}

.s-profile .main-menu {
    display: none;
    margin: 0 0 0;
}

.s-profile.toggled .sp-info > i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.s-profile > a {
    background: url('../img/bgtop.jpg') left top no-repeat;
    background-size: cover;
}

#header {
    background-color: #2c5caf !important;
    padding: 0;
    z-index: 101;
}

#appLogo {
    width: 268px;
    position: fixed;
    height: 70px;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    background: url('../img/headerBg.png') center;
    background-size: 100% 100%;
    background: #2c5caf !important;
}

#appLogo:after {
    content: " ";
    position: absolute;
    right: -13px;
    bottom: -17px;
    width: 55px;
    height: 86px;
    background: url('../img/headerPinMini.png') center;
    background-size: 100% 100%;
    display:none;
}

#appLogo .logoBlock {
    display: table-cell;
    vertical-align: middle;
    width: 268px;
    height: 70px;
    text-align: center;
}

#appLogo .logoBlock img {
    margin: 0 auto;
    position: relative;
    z-index: 2;
    max-width: 75px;
}

@media (min-width: 1280px) {
    #header #headerTop:not(.content-alt) {
        padding-left: 283px;
        padding-right: 15px;
    }
}

@media (max-width: 1279px) {
    #appLogo {
        -webkit-transform: translate3d(-288px, 0, 0);
        transform: translate3d(-288px, 0, 0);
        box-shadow: 0 0 20px rgba(14, 18, 21, .38)
    }
}

.login-content #appLogo, .wizard-content #appLogo {
    width: 70px;
    height: 100%;
    position: absolute;
}

.wizard-content .bgm-lightgray {
    background-color: #e2eaff !important;
}

.wizard-content .bgm-lightbluegray {
    background-color: #652f92 !important;
}

.login-content #appLogo .logoBlock, .wizard-content #appLogo .logoBlock {
    vertical-align: bottom;
    width: 70px;
    position: absolute;
    bottom: 20px;
    height: 125px;
}

.login-content #appLogo:after, .wizard-content #appLogo:after {
    right: -17px;
    top: 55px;
    width: 86px;
    height: 55px;
    background-image: url('../img/headerPinMini_90.png');
    z-index: 1;
}

.wizard-content #appLogo:after {
    top: 91px;
}

.wizard-content .fw-container .fw-footer {
    border-top-width: 1px;
}

.login-content #footer, .wizard-content #footer {
    padding-left: 0 !important;
}

.login-content .card-header, .wizard-content .card-header {
    border-bottom: 1px solid #ccc;
    background-color: #ddd !important;
}

@media (min-width: 1280px) {
    .login-content .form-content, .wizard-content .form-content {
        padding-left: 70px;
    }
}

.lc-block:not(.lc-block-alt) .btn-login {
    z-index: 1;
}

.login-content .card-body {
    position: relative;
}

#header .hi-logo a {
    padding: 7px 15px;
}

.toggle-switch input.withDefault:disabled + .ts-helper, .toggle-switch input.withDefault:read-only + .ts-helper,
.toggle-switch input[readonly].withDefault + .ts-helper {
    opacity: 0.5;
}

.ms-optgroup .ms-elem-selectable, .ms-optgroup .ms-elem-selection {
    padding-left: 30px !important;
}

.ms-container {
    margin-left: -15px;
    margin-right: -15px;
    width: auto !important;
}

.ms-container .ms-selectable, .ms-container .ms-selection {
    width: 41.66666667%;
    padding-left: 15px;
    padding-right: 15px;
}

.ms-container {
    width: 100%;
    background: none;
    position: relative;
}

.ms-container:before {
    content: '\f30d';
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: 23px;
    margin-left: -12px;
    width: 25px;
    color: #333;
    left: 50%;
    position: absolute;
    top: 50%;
    margin-top: -12px;
}

.ms-container .ms-list {
    box-shadow: none;
    border-radius: 0;
    height: 195px;
    border: 0;
    border-bottom: 1px solid #e0e0e0 !important;
}

.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
    background-color: rgba(0, 0, 0, .075);
    color: #000;
}

.ms-container .ms-searchbox input {
    border: 0;
    background: 0 0;
    padding: 0;
    margin-bottom: 0;
    width: 100%;
    float: none;
}

.ms-container .ms-searchbox:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 100%;
    content: "\f1c3";
    font-family: "Material-Design-Iconic-Font", sans-serif;
    font-size: 25px;
    padding: 4px 0 0 15px;
}

.ms-container .ms-searchbox {
    padding: 5px 5px 5px 40px;
    position: relative;
    background: #F7F7F7;
    margin-top: -10px;
}

.ms-container .ms-list.ms-focus {
    box-shadow: inherit;
    border: inherit;
}

.page-loader {
    z-index: 99999999999999999 !important;
}

.note-btn .zmdi {
    font-size: 18px;
}

.dropzone {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .95;
    z-index: 100;
    display: none;
    color: #87cefa;
}

.dropzone .dropzone-message {
    display: table-cell;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.dropzone .dropzone-message i {
    display: inline;
}

.drag .dropzone, .dragover .dropzone {
    display: table;
}

.dropzone.hover {
    color: #098ddf;
    display: table;
}

.m-b-60 {
    margin-bottom: 60px;
}

.m-b-120 {
    margin-bottom: 120px;
}

.bootstrap-tagsinput input, .bootstrap-tagsinput .fg-line {
    display: inline;
    padding: 0;
    margin: 1px 0;
}

.bootstrap-tagsinput .tag {
    margin: 2px;
}

select option, .treelist li, .treelist li a, select.treelist {
    font-family: monospace;
}

.treelist {
    margin-top: -7px;
    /*height: 195px;*/
    height: 218px;
    overflow: auto;
}

.treelist li.selected {
    background: #eee;
}

.dash {
    display: inline-block;
    /*transform: scale(1.7,3.8);*/
    /*margin-right: 10px;*/
    color: #ccc;
    font-family: monospace;

}

.dash .space {
    padding-right: 1px;
}

.dataTable > td, .dataTable > th {
    white-space: nowrap;
}

.dataTable > th > input, .dataTable > th > select, .dataTable > th .fg-line {
    display: block;
}

.treelist .check-mark {
    top: 2px;
}

.treelist .dropdown-menu > li > a {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.treelist {
    /*height: auto !important;*/
    border-bottom: 1px solid #e0e0e0 !important;
}

.treelist .dropdown-toggle {
    display: none !important;
}

.treelist .dropdown-menu {
    position: static !important;
    display: block !important;
    box-shadow: none !important;
}

table.dataTable thead .dropdown-menu {
    top: inherit !important;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    top: 14px;
}

table.dataTable thead th .form-control {
    height: 20px;
}

table.dataTable thead th .checkbox, table.dataTable thead th .radio {
    margin: 33px 0 -25px !important;
}

table.dataTable thead th.sorting .checkbox, table.dataTable thead th.sorting .radio,
table.dataTable thead th.sorting_asc .checkbox, table.dataTable thead th.sorting_asc .radio {
    margin: 13px 50% 20px !important;
}

.reorder-col .sort-hover.zmdi-unfold-more {
    opacity: 0.2;
    cursor: default;
    padding: 5px;
    display: none;
    text-align: center;
    margin-left: -80%;
}

.sort-hover-head {
    margin-top: -5px;
}

.reorder-col.sorting_1 .sort-hover.zmdi-unfold-more {
    opacity: 1;
    cursor: s-resize;
    display: block;
}

.form-inline .form-group, .form-vertical .form-group {
    margin-left: 0;
    margin-right: 0;
}

.card-header .actions .btn-group {
    vertical-align: bottom;
    padding-right: 15px;
    margin-bottom: -3px;
}

.card-header .actions li.dropdown {
    padding-top: 2px;
}

.card-header .actions li.dropdown .bootstrap-select {
    margin-bottom: -7px;
}

.card-header.bgm-bluegray .actions .btn-group .btn.dropdown-toggle {
    color: #ffffff !important;
}

.bootstrap-select.readonly > .btn-default::before {
    display: none;
}

.bootstrap-select.readonly.btn-group.disabled, .bootstrap-select.readonly.btn-group > .disabled {
    cursor: default;
    opacity: 0.8;
}

.form-control-static:not(.form-control-checkbox):not(.form-control-textarea) {
    border-bottom: 1px solid #e0e0e0 !important;
}

.multilang:not(.current_lang) {
    display: none;
}

.bootstrap-select > .dropdown-toggle {
    /*min-width: 30px;*/
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    margin-right: 13px;
}

.bootstrap-select.lang_select > .btn-default::before, .bootstrap-select.lang_list_select > .btn-default::before {
    display: none;
}

.bootstrap-select.lang_select > .btn-default .bs-caret, .bootstrap-select.lang_list_select > .btn-default .bs-caret {
    display: inline !important;
}

.bootstrap-select.lang_select > .btn-default .caret, .bootstrap-select.lang_list_select > .btn-default .caret {
    right: 4px;
}

.bootstrap-select.lang_select > .btn-default, .bootstrap-select.lang_list_select > .btn-default {
    min-width: 40px;
}

.bootstrap-select.lang_select .dropdown-menu, .bootstrap-select.lang_list_select .dropdown-menu {
    left: auto;
    right: 0;
    max-width: none !important;
}

.bootstrap-select.lang_select > .btn-default, .bootstrap-select.lang_list_select > .btn-default {
    border: 0 !important;
    height: 30px;
    padding: 5px 5px 5px;
    background: rgba(0, 0, 0, 0.1) !important;
    border-radius: 3px;
}

.bootstrap-select.lang_select > .btn-default:hover, .bootstrap-select.lang_list_select > .btn-default:hover {
    background: rgba(0, 0, 0, 0.4) !important;
    color: #fff;
}

.bootstrap-select.lang_list_select {
    min-height: 0 !important;
}

.sub-menu ul li a i {
    width: 17px;
    text-align: center;
}

.sub-menu ul li a .fa, .sub-menu ul li a .glyphicon {
    font-size: 0.85em;
}

.sub-menu ul > li ul {
    margin-top: 0;
    padding-left: 20px;
}

.form-horizontal .toggle-switch {
    margin-top: 8px;
}

.bootstrap-select > .btn-default::before {
    top: auto;
    background-image: url("../img/select-trans.png")
}

.table-vbottom td {
    vertical-align: bottom !important;
}

.bootgrid-footer .infoBar .infos {
    min-height: 33px;
}

.ahs-input {
    height: 60px;
}

.panel-collapse td.panel-heading::after, .panel-collapse td.panel-heading::before,
.panel-collapse th.panel-heading::after, .panel-collapse th.panel-heading::before {
    top: 12px;
}

th.panel-heading.active, td.panel-heading.active {
    background: inherit !important;
}

th.panel-heading a {
    color: inherit !important;
}

#footer {
    height: 70px;
}

#footer a {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
}

#footer img {
    opacity: 0.2;
    filter: alpha(opacity=20);
    display: inline;
}

.bootstrap-datetimepicker-widget .picker-switch .glyphicon.glyphicon-trash,
.bootstrap-datetimepicker-widget .picker-switch .glyphicon.glyphicon-remove {
    font-family: "Glyphicons Halflings", sans-serif !important;
}

.serverfile {
    padding-left: 10px !important;
}

.fileinput .thumbnail {
    width: 100%;
}

.fileinput .thumbnail-holder {
    position: relative;
    /*display:inline-block;*/
}

.fileinput-exists .fileinput-noimage {
    display: none;
}

.fileinput .fileinput-preview {
    height: 208px;
}

.fileinput .thumbnail {
    cursor: pointer;
}

.fileinput .close {
    color: #fff;
    text-shadow: 0 0 3px #000;
    font-size: 24px;
    right: 5px;
    top: 7px;
    border: 0;
    border-radius: 0;
}

.fileinput-exists input {
    display: none;
}

.fileinput .close:hover {
    background: transparent;
    color: #ccc;
}

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
    display: none;
}

.fileinput.form-control {
    height: auto;
    border-bottom-left-radius: 3px;
    min-height: 33px;
}

.fileinput.form-control .fileinput-filename {
    vertical-align: middle;
}

.fileinput.form-control .btn-file {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    min-height: 33px;
    cursor: pointer;
    height: 100%;
}

.fileinput.multiple {
    display: table;
}

.fileinput.form-control .btn-file input {
    cursor: pointer;
}

.fileinput.form-control.multiple .btn-file {
    display: table-cell;
    width: 33px;
}

.fileinput.multiple .fileinput-filename {
    padding-left: 10px;
}

.bootstrap-select > .btn-default {
    padding-top: 8px;
}

::-webkit-file-upload-button {
    cursor: pointer;
}

.btn-actions {
    text-align: right;
}

.card-header .btn-actions {
    position: absolute;
    bottom: 7px;
    right: 20px;
    display: none;
}

.card .card-header .row .actions {
    margin-top: -9px;
    margin-bottom: -2px;
    position: static;
    float: right;
}

.card .card-header .row .btn-actions {
    clear: both;
    margin-top: 28px;
    position: static;
    margin-bottom: -8px;
}

.card .card-header .row .actions .btn-group {
    padding-right: 0;
}

.card .card-header .row .btn-actions .btn-group, .card .card-header .row .btn-actions > .btn {
    margin: 0;
}

.card-header .btn-actions .btn, .card-header .btn-actions .btn-group {
    font-size: 10px;
    padding: 3px 6px;
    box-shadow: none;
}

.btn-actions > .btn, .btn-actions .btn-group {
    margin: 0 5px 10px 0;
}

.table-striped.table-hover > tbody > tr:hover td {
    background-color: rgba(0, 0, 0, 0.04);
}

.loading {
    position: relative;
    z-index: 1;
    min-height: 30px;
}

.loading::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 2;
}

.loading .circle-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
}

.loading .circle-loader .preloader {
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
    position: absolute;
    top: 50%;
}

.line-loader {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 3px;
    width: 100%;
    background-color: #159756;
    -webkit-animation: preloader-background linear 3.5s infinite;
    animation: preloader-background linear 3.5s infinite;
}

.line-loader::before, .line-loader::after {
    display: block;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 0;
    height: 3px;
    background: #afa;
    -webkit-animation: preloader-front linear 3.5s infinite;
    animation: preloader-front linear 3.5s infinite;
    content: '';
}

.line-loader::before {
    right: 50%;
}

.line-loader::after {
    left: 50%;
}

@-webkit-keyframes preloader-background {
    0%, 24.9% {
        background-color: #159756;
    }
    25%, 49.9% {
        background-color: #da4733;
    }
    50%, 74.9% {
        background-color: #3b78e7;
    }
    75%, 100% {
        background-color: #fdba2c;
    }
}

@keyframes preloader-background {
    0%, 24.9% {
        background-color: #159756;
    }
    25%, 49.9% {
        background-color: #da4733;
    }
    50%, 74.9% {
        background-color: #3b78e7;
    }
    75%, 100% {
        background-color: #fdba2c;
    }
}

@-webkit-keyframes preloader-front {
    0% {
        width: 0;
        background-color: #da4733;
    }
    24.9% {
        width: 50%;
        background-color: #da4733;
    }
    25% {
        width: 0;
        background-color: #3b78e7;
    }
    49.9% {
        width: 50%;
        background-color: #3b78e7;
    }
    50% {
        width: 0;
        background-color: #fdba2c;
    }
    74.9% {
        width: 50%;
        background-color: #fdba2c;
    }
    75% {
        width: 0;
        background-color: #159756;
    }
    100% {
        width: 50%;
        background-color: #159756;
    }
}

@keyframes preloader-front {
    0% {
        width: 0;
        background-color: #da4733;
    }
    24.9% {
        width: 50%;
        background-color: #da4733;
    }
    25% {
        width: 0;
        background-color: #3b78e7;
    }
    49.9% {
        width: 50%;
        background-color: #3b78e7;
    }
    50% {
        width: 0;
        background-color: #fdba2c;
    }
    74.9% {
        width: 50%;
        background-color: #fdba2c;
    }
    75% {
        width: 0;
        background-color: #159756;
    }
    100% {
        width: 50%;
        background-color: #159756;
    }
}

.fg-float .fg-label {
    top: 50%;
    margin-top: -8px;
}

.fg-float .fg-toggled .fg-label {
    top: -10px;
    font-size: 11px;
    z-index: 5;
    margin: 0;
}

input:-webkit-autofill + .fg-label, input:-webkit-autofill:focus + .fg-label, input:focus + .fg-label {
    top: -10px;
    font-size: 11px;
    z-index: 5;
    margin: 0;
}

/*
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}*/

@-webkit-keyframes autofill {
    to {
        background: rgba(226, 234, 255, 0.5);
        color: rgba(0, 0, 0, 0.8);
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.has-error .input-group-addon {
    background-color: transparent;
    border-color: transparent;
}

.m-btn {
    z-index: 5;
}

@media screen and (max-width: 540px) {
    .dataTables_paginate li.paginate_button:not(.next):not(.previous) {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .dataTables_paginate {
        text-align: center !important;
    }

    .dataTables_wrapper .infoBar {
        display: block;
        padding-bottom: 10px;
        text-align: center;
        clear: both;
    }

    .dataTables_wrapper .infoBar .infos {
        float: none;
        display: inline-block;
        margin: 0;
    }

    .dataTables_wrapper .infoBar .infos.pag {
        position: relative;
        top: -1px;
        right: -1px;
        border-left: 1px solid #e0e0e0;
    }

}

.dataTables_wrapper .actions .bootstrap-select {
    margin-top: -10px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
    left: 6px;
    margin-top: -13px;
    top: 50%;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    margin-top: -10px;
    top: 50%;
}

table.dataTable > tbody > tr.child ul {
    width: 100%;
}

table.dataTable th select.treelist {
    margin-top: 0;
    height: 20px;
}

table.dataTable tr[data-href] {
    cursor: pointer;
}

table.dataTable .dtr-data .actions {
    text-align: right;
}

table.dataTable .dtr-data .actions:not(.open) .dropdown-menu {
    display: none;
}

table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
    bottom: 38% !important;
}

table .select-cell, table .action-cell, table .id-cell, table .ordering-cell, table .image-cell, table .status-cell {
    width: 1px;
}

table .action-cell {
    text-align: right;
    padding-right: 17px !important;
}

table.dataTable {
    margin: 0 !important;
}

div.dataTables_wrapper div.dataTables_paginate {
    text-align: left;
}

div.dataTables_wrapper .infos.pag {
    padding: 0;
    border-left: 0;
    height: 33px;
}

div.dataTables_wrapper .infos.pag .dropdown-toggle, div.dataTables_wrapper .infos.pag .dataTables_length, div.dataTables_wrapper .infos.pag label, div.dataTables_wrapper .infos.pag .fg-line,
div.dataTables_wrapper .infos.pag .select, div.dataTables_wrapper .infos.pag .select:before, div.dataTables_wrapper .infos.pag .bootstrap-select, div.dataTables_wrapper .infos.pag .dropdown-toggle,
div.dataTables_wrapper .infos.pag .bootstrap-select > .btn-default:before {
    padding: 0 !important;
    height: 100% !important;
    border: 0 !important;
    background-position: right bottom !important;
    margin-bottom: 0 !important;
}

div.dataTables_wrapper .infos.pag .bootstrap-select > .btn-default:before {
    display: none;
}

div.dataTables_wrapper .infos.pag .select:before {
    z-index: auto;
}

div.dataTables_wrapper .infos.pag .dropdown-menu .text {
    margin-right: 10px;
}

div.dataTables_wrapper .infos.pag .filter-option {
    padding-left: 5px;
    padding-right: 5px;
}

div.dataTables_wrapper div.dataTables_info {
    padding: 0;
}

.bootgrid-footer {
    border-top: 1px solid #f5f5f5;
    margin-top: 0;
    padding-top: 10px;
}

html:not(.ie9) .select::before, .bootstrap-select > .btn-default::before {
    background-color: transparent;
}

.help-block, .alert {
    text-align: left !important;
}

.input-group + .help-block {
    margin-left: 42px;
}

.lc-block .lcb-user + .lcb-form {
    padding-top: 60px;
}

.login-content {
    background-color: #f3f3f3;
}

.lcb-navigation a {
    background: rgba(0, 0, 0, .2);
}

.lcb-form {
    position: relative;
}

.lc-block > img {
    border-radius: 2px 2px 0 0;
}

.lc-block > img + .lcb-form {
    border-radius: 0 0 2px 2px;
}

.lcb-user {
    background-color: #cccccc;
    font-size: 28px;
    line-height: 95px;
}

.va-block {
    min-height: 100vh;
    text-align: center;
}

.va-block::before {
    content: "";
    height: 100vh;
    width: 1px;
}

.va-content, .va-block::before {
    display: inline-block;
    vertical-align: middle;
}

.va-content {
    max-width: 640px;
    position: relative;
    width: 80%;
    text-align: left;
}

.success .glyphicon, .success .fa {
    color: #4caf50;
}

.danger .glyphicon, .danger .fa {
    color: #f44336;
}

.btns-float {
    bottom: -23px;
    right: 25px;
    z-index: 1;
    position: absolute;
}

.btns-float .btn-float {
    position: static !important;
    bottom: auto !important;
    right: auto !important;
    margin-left: 10px;
}

.wizard .btns-float .btn-float i, .wizard .btns-float .btn-float:hover i {
    transition: none !important;
}

.bgm-lightgray {
    background-color: #d4d2c5 !important;
}

.bgm-lightbluegray {
    background-color: #63a6cf !important;
}

.z-depth-0 {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.16) !important;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-content {
    background: transparent;
}

.modal .modal-header.mini {
    padding: 5px 10px;
}

.modal-footer, .modal-body {
    background-color: #fff;
}

.bootstrap-tagsinput, .btn-group.bootstrap-select:not(.treelist) {
    min-height: 35px;
    height: auto;
}

input.cp-value {
    background: inherit !important;
    color: inherit !important;
}
/*
.dropdown-menu.colorpicker {
    top: inherit !important;
}
*/
.bootstrap-select.btn-group .dropdown-menu {
    max-width: 100%;
    padding-bottom: 0;
    padding-top: 5px;
    top: 0;
}

.bootstrap-select .bs-searchbox {
    margin-top: -5px;
}

.dataTables_length .bootstrap-select.btn-group .dropdown-menu {
    max-width: none;
    right: 0;
    left: auto;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    padding-right: 35px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    overflow: hidden;
    max-width: 100%;
}

.column-filter-reset {
    /*position: relative;
    opacity: 0.6;
    top: -20px;*/
    position: absolute;
    opacity: 0.6;
    top: 45%;
    margin-left: -7px;
}

.column-filter-reset:hover {
    opacity: 1;
    transition: 0.2s linear;
}

.toRemove {
    opacity: 0.4;
}

.toRemove .sorting_1 {
    pointer-events: none !important;
}

.toRemove td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.toRemove .zmdi-unfold-more,
.toRemove img, .toRemove .fileinput, .toRemove .form-group {
    display: none;
}

.toRemove .checkbox {
    margin-top: 10px !important;
}

.toRemove .form-group {
    margin-bottom: 0 !important;
    margin-top: -15px !important;
}

.toRemove td {
    background-color: #e0e0e0 !important;
}

.action-header {
    z-index: 5;
}

.tab-nav li.has-error, .tab-nav li.has-error a {
    color: #f6675d;
}

@keyframes pulse {
    from {
        color: inherit;
    }
    to {
        color: #f6675d;
    }
}

.lang-has-error {
    animation-duration: 0.5s;
    animation-name: pulse;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    cursor: pointer;
}

.lang-has-error button {
    display: none;
}

.lang-has-error .bootstrap-select {
    min-height: 0;
}

.dm-icon > li > a > .glyphicon {
    line-height: 100%;
    vertical-align: top;
    font-size: 15px;
    width: 28px;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    max-height: 220px;
    overflow-y: auto;
}

#sidebar {
    overflow: visible;
}

#sidebar .c-overflow {
    height: 100%;
    padding-bottom: 25px;
}

.sidebar-foot {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    border-top: 1px solid #eee;
    color: #ccc;
    padding: 3px;
    font-size: 10px;
}

td .editable_form .btn {
    width: 1.8em;
    height: 1.8em;
    padding: 1px;
}

.card .card-header .btn-float {
    z-index: 4;
}

.card-body.with-scroll .list-group .list-group-item {
    padding-right: 5px;
}

#header #headerTop {
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media screen and (min-width: 768px) {
    .card .card-body.card-padding {
        padding: 25px 25px;
    }
}

body.fullscreen #sidebar {
    box-shadow: 0 0 20px rgba(14, 18, 21, .38);
}

body.fullscreen:not(.sidebar-toggled) #sidebar {
    -webkit-transform: translate3d(-258px, 0, 0);
    transform: translate3d(-258px, 0, 0);
}

body.fullscreen:not(.sidebar-toggled) #appLogo {
    -webkit-transform: translate3d(-288px, 0, 0);
    transform: translate3d(-288px, 0, 0);
    box-shadow: 0 0 20px rgba(14, 18, 21, .38)
}

body.fullscreen:not(.sidebar-toggled) #header #headerTop:not(.content-alt) {
    padding-left: 20px;
}

body.fullscreen #content:not(.content-alt) {
    padding-left: 20px;
    padding-right: 0;
}

.header-fixed {
    z-index: 10 !important;
    box-shadow: 0 3px 4px -1px rgba(0, 0, 0, .3);
}

.bgm-lightblue {
    background-color: rgba(92, 128, 223, 1) !important;
}

.btn-primary, .btn-primary.focus, .btn-primary.focus.focus, .btn-primary.focus:focus, .btn-primary.focus:hover, .btn-primary:active, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:focus.focus, .btn-primary:focus:focus, .btn-primary:focus:hover, .btn-primary:hover, .btn-primary:hover.focus, .btn-primary:hover:focus, .btn-primary:hover:hover, .open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover,
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover,
.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before,
.tab-nav:not([data-tab-color]) > li > a:after, .radio .input-helper:after,
.btn-primary.disabled, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover,
.badge, .list-group-item.active > .badge, .nav-pills > .active > a > .badge,
.checkbox input:checked + .input-helper:before,
.fg-line:not([class*=has-]):after {
    background: rgba(75, 104, 181, 1);
}

.checkbox input:checked + .input-helper:before, .radio input:checked + .input-helper:before {
    border-color: rgba(75, 104, 181, 1);
}

fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover,
.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper {
    background: rgba(75, 104, 181, .5);
}

a {
    color: rgba(75, 104, 181, 1);
}

.bgm-cyan {
    background-color: rgba(133, 165, 251, 1) !important;
}

.bgm-bluegray {
    background-color: rgba(52, 72, 125, 1) !important;
}

.action-header {
    background-color: #e2eaff;
}

.dataTables_wrapper .ah-search {
    z-index: 10;
}

.dataTables_wrapper .ahs-block .ahs-close {
    display: none;
}

.dataTables_wrapper .ahs-block .ahs-close,
.dataTables_wrapper .ahs-block .ahs-open {
    top: 7px;
    right: auto;
    left: auto;
    position: absolute;
}

.dataTables_wrapper .ahs-block .ahs-open i {
    color: #adadad;
    font-size: 20px;
}

.dataTables_wrapper .ahs-block {
    width: 20px;
}

.disabled-btn {
    filter: alpha(opacity=65);
    opacity: .65;
}

.card .card-header {
    z-index: 9;
}

.img-checkbox-list {
    width: 100%;
    height: 100%;
    /*max-height: 100px;*/
    overflow-x: hidden;
    overflow-y: visible;
    padding-left: 11px;
    /*padding-right: 5px;*/
}

.img-checkbox-list .col-xs-4 {
    margin: 5px 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.img-checkbox {
    background: #ffffff;
    border: 1px solid #EDEDED;
    padding: 3px;
    margin:-3px;
}

.modal-body .img-checkbox {
    margin: 0 0 5px 0;
}

.img-checkbox input {
    display: none;
}

.img-checkbox input + img {
    border-width: 2px;
    border-style: solid;
}

.img-checkbox input + img {
    border-color: transparent;
}

.img-checkbox input:checked + img {
    border-color: #0a6ebd;
}

.dataTable .editable {
    display: block;
    /*width: 100%;*/
    height: 100%;
    color: #000000;
    margin: -15px;
    padding: 15px;
    position: relative;
}

.dataTable .editable:hover {
    background: rgba(255,255,255,0.5);
}

.dataTable .editable:before {
    content: "\270f";
    font-family: 'Glyphicons Halflings';
    position: absolute;
    right: 15px;
}

.dataTable .editable_form {
    display: block;
    margin: -5px;
    width: 100%;
    height: 100%;
    color: #000000;
}

.dataTable .editable_form .input-group .btn, .dataTable .editable_form .input-group .form-control {
    box-shadow: none;
    background: #ffffff;
    border: 1px solid #ccc;
}
.dataTable .editable_form .input-group .form-control {
    padding: 2px 5px;
    height: 23px;
}

.btn.btn-float {
    transform:scale(1); -webkit-transform:scale(1);
    -moz-transform:scale(1); -o-transform:scale(1);
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 1;
}

.btn.btn-float.hided {
    transform:scale(0); -webkit-transform:scale(0);
    -moz-transform:scale(0); -o-transform:scale(0);
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0;
}

.btn-float i.glyphicon {
    line-height: 39px;
}

.action-cell .actions {
    white-space: nowrap;
}

.action-cell .glyphicon {
    color: #adadad;
}

.action-cell .glyphicon:hover {
    color: #000000;
}

.action-cell.p-r-0 {
    padding-right: 5px !important;
}

.action-cell.p-l-0 {
    padding-left: 5px !important;
}

.actions>a>i.glyphicon, .actions>li>a>i.glyphicon {
    font-size: 14px;
}

.card .card-header[class*=bgm-] label {
    color: #fff;
}