@media print {
    ::-webkit-scrollbar {
        display: none
    }

    #idFileUpload {
        display: none
    }

    #idCreateAdditional {
        display: none
    }

    #idDivDeleteAdditional {
        display: none
    }
}

@-webkit-keyframes type-qcomms {
    1%,100% {
        border-color: #f4891f
    }

    50% {
        border-color: #f4891f
    }
}

@keyframes type-qcomms {
    1%,100% {
        border-color: #f4891f
    }

    50% {
        border-color: #f4891f
    }
}

.jconfirm .jconfirm-box.jconfirm-type-qcomms .jconfirm-title-c .jconfirm-icon-c {
    color: #f4891f !important
}

.jconfirm .jconfirm-box.jconfirm-type-qcomms {
    border-top: solid 7px #f4891f;
    -webkit-animation-name: type-qcomms;
    animation-name: type-qcomms
}

@-webkit-keyframes type-qlite {
    1%,100% {
        border-color: #233c94
    }

    50% {
        border-color: #233c94
    }
}

@keyframes type-qlite {
    1%,100% {
        border-color: #233c94
    }

    50% {
        border-color: #233c94
    }
}

.jconfirm .jconfirm-box.jconfirm-type-qlite .jconfirm-title-c .jconfirm-icon-c {
    color: #233c94 !important
}

.jconfirm .jconfirm-box.jconfirm-type-qlite {
    border-top: solid 7px #233c94;
    -webkit-animation-name: type-qlite;
    animation-name: type-qlite
}

.control_label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: initial !important;
    display: block
}

.box-header {
    margin-bottom: 35px !important
}

.control {
    width: 100%
}

.k-dropdown {
    width: 100% !important
}

.VerticalCenterByRowjustify {
    display: -webkit-flex;
    display: -o-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -o-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -moz-justify-content: center
}

.VerticalCenterByRow {
    display: -webkit-flex;
    display: -o-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -o-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    align-items: center;
    height: 40px
}

.textCenter {
    text-align: center
}

.borderDiv {
    border: 1px solid
}

.asterix {
    color: #f00;
    font-weight: bold
}

.k-loading-mask {
    display: none
}

.skin-black-light .main-header .navbar {
    background-color: white !important;
    /* Only add shadow to the bottom of the navbar */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}


.skin-black-light .main-header > .logo {
    background-color: white !important;
}


/*.skin-black-light .main-header .navbar {
    background-color: #3c8dbc !important
}*/

/*.skin-black-light .main-header > .logo {
    background-color: #3c8dbc !important
}*/

.k-checkbox:checked + .k-checkbox-label:before {
    color: #008000
}

.skin-black-light .sidebar a {
    color: #1d86c3 !important
}

.skin-black-light .main-header li.user-header {
    background-color: #3c8dbc !important
}

.k-grid-header th.k-with-icon {
    background-color: #3c8dbc !important
}

.k-grid-header th.k-header {
    background-color: #3c8dbc !important;
    color: #fff;
    font-weight: 600
}

.k-header {
    background-image: none
}

.k-grid-header {
    background-color: #3c8dbc !important;
    background-image: none
}

.k-grid tr td {
    border-bottom: 1px solid #51a9da;
    font-weight: 400;
    border-left-color: #fff !important;
    white-space: nowrap
}

.box-header {
    margin-bottom: 35px !important
}

.k-button {
    color: #000 !important;
    font-weight: 500
}

.k-grid-header .k-header > .k-link {
    color: black !important;
    font-weight: 600;
}

@media(max-width:1633px) {
    .k-header > a {
        font-size: 12px
    }

    .k-grid tr td {
        font-size: 12px !important
    }
}

.k-grid tbody tr:hover td {
    background-color: #ecf4f8 !important;
    color: black !important;
}
    .k-grid tbody tr:hover td > input, td > textarea {
        background-color: #fff;
        color: #000
    }

.k-alt {
    border-color: #000
}

.k-display-block {
    border-color: #808080 !important
}

.small-box-footer {
    width: 31% !important;
    margin-left: 65% !important
}

.small-box .icon {
    left: 160px !important
}

.k-grid-filter {
    display: none !important
}

.content-wrapper {
    background-color: #fff !important
}

.main-sidebar {
    width: 255px !important;
    background-color: #fff !important
}

@media(max-width:1633px) {
    .main-sidebar {
        width: 250px !important
    }
}

@media(min-width:1076px) {
    .sidebar-mini.sidebar-collapse .main-sidebar {
        width: 60px !important
    }
}

@media(min-width:768px) {
    .sidebar-mini.sidebar-collapse .main-sidebar {
        width: 60px !important
    }
}

@media all and (max-width:700x) and (min-width:500x) {
    .sidebar-mini.sidebar-collapse .main-sidebar {
        width: 70px !important
    }
}

@media(min-width:768px) {
    .sidebar-mini.sidebar-collapse .main-header .logo {
        width: 65px
    }
}

@media only screen and (max-device-width:480px) {
    .menu-Option {
        width: auto !important;
        text-align: center
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) {
    .menu-Option {
        width: auto !important;
        text-align: center
    }
}

@media(min-width:1281px) and (max-width:1350px) {
    .menu-Option {
        width: 150px !important;
        text-align: center
    }

    .navbar .navbar-static-top {
        width: calc(100% - 230px)
    }
}

@media(min-width:1351px) and (max-width:1720px) {
    .menu-Option {
        width: 150px !important;
        text-align: center
    }

    .navbar .navbar-static-top {
        width: calc(100% - 230px)
    }
}

@media(min-width:768px) and (max-width:1280px) {
    .menu-Option {
        width: auto !important;
        text-align: center
    }

    .navbar .navbar-static-top {
        width: calc(100% - 230px)
    }
}

@media(min-width:481px) and (max-width:767px) {
    .menu-Option {
        width: auto !important;
        text-align: center
    }

    .navbar .navbar-static-top {
        width: 100% !important
    }
}

@media(min-width:320px) and (max-width:480px) {
    .menu-Option {
        width: auto !important;
        text-align: center
    }

    .navbar .navbar-static-top {
        width: 100% !important
    }
}

@media(min-width:320px) and (max-width:480px) {
    .demo {
        width: 100px !important
    }
}

@media(min-width:481px) and (max-width:767px) {
    .demo {
        width: 100px !important
    }
}

@media(min-width:1025px) and (max-width:1280px) {
    .demo {
        width: 100px !important
    }
}

@media(min-width:768px) and (max-width:1024px) {
    .demo {
        width: 100px !important
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) {
    .demo {
        width: 100px !important
    }
}

@media(min-width:569px) and (max-width:1024px) and (orientation:landscape) {
    .demo {
        width: 150px !important
    }
}

@media only screen and (max-device-width:480px) {
    .demo {
        width: 100px !important
    }
}

@media(min-width:1025px) and (max-width:1720px) {
    .demo {
        width: 250px !important
    }
}

@media(max-width:767px) {
    .small-box .icon {
        display: block !important
    }
}

@media(max-width:767px) {
    .small-box {
        text-align: start !important
    }
}

.treeview-menu > li > a {
    padding: 5px 5px 5px 30px !important
}

.skin-black-light .sidebar-menu > li.active > a {
    color: #000 !important
}

.skin-black-light .sidebar-menu .treeview-menu > li.active > a, .skin-black-light .sidebar-menu .treeview-menu > li > a:hover {
    color: #000 !important
}

.filterCollapsible {
    background-color: #fff;
    color: #3c8dbc;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px
}

    .filterCollapsible:after {
        color: #fff;
        font-weight: bold;
        float: right;
        margin-left: 5px
    }

.filterContents {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    background-color: #f1f1f1
}

.filtericon {
    font-size: 24px;
    vertical-align: sub
}

.filter-box-header {
    padding: 0 10px 0 10px !important
}

.filter-box-body {
    padding: 2px 10px 0 10px !important
}

.k-grid-content {
    cursor: default
}

.point {
    cursor: pointer
}

.pointCell {
    cursor: grab
}

.k-state-disabled {
    background-color: #fff !important;
    color: #2e2e2e !important;
    opacity: 1 !important
}

.k-dropdown {
    background-color: #fff !important
}