/* #region html, body, #container, #header, #body, #footer */
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    color: #666;
    object-fit: cover;
    overflow-x: hidden;
    background-color: #fff;
    background-size: cover;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

#container {
    min-height: 100%;
    position: relative;
    overflow-x: hidden;
}

#header {
    background-color: #ffffff;
    padding: 10px;
}

#body {
    padding: 15px;
    padding-top: 90px; /*Height of the logo*/
    padding-bottom: 40px; /* Height of the footer */
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px; /* Height of the footer */
    background-color: #112E4F;
}

    #footer p {
        padding-top: 5px;
        color: #ffffff;
    }
/* #endregion */

/* #region Login Form */
.absolute-center {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    .absolute-center.is-responsive {
        width: 100%;
        height: 50%;
        min-width: 200px;
        max-width: 500px;
        padding: 40px;
        position: fixed;
    }

.login-form {
    background-color: #fffbfb;
    border: 1px solid;
    border-color: #fffbfb;
    border-radius: 50px 10px;
    box-shadow: 10px 10px 5px #000;
}

#buttonLogin {
    font-size: 100%;
}
/* #endregion */

/* #region Size For Reading PDF Or Image*/
.embed-image-pdf {
    width: 100%;
    height: 100%;
}
/* #endregion */

/* #region Logo */
.logo {
    max-width: 400px;
    object-fit: contain;
    height: 84px;
    margin: 0;
    padding: 15px 15px 15px 20px;
}
/* #endregion */

/* #region Override Bootstrap*/
/* #region Apply to Bootstrap 3*/
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
/* #region col-xs-offset*/
.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666666666666%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333333334%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666666666666%;
}

.col-xs-offset-7 {
    margin-left: 58.333333333333336%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666666666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.666666666666664%;
}

.col-xs-offset-1 {
    margin-left: 8.333333333333332%;
}

.col-xs-offset-0 {
    margin-left: 0;
}
/*#endregion*/

/* #region Menu navbar-collapse*/
.dropdown:hover, .dropdown:focus {
    background-color: #ffffff;
}

.dropdown-menu:hover {
    background-color: #ffffff;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #e8e8e8;
}
/* #endregion Menu navbar-collapse*/

/* #region Fix navbar-collapse with ScreenWidth = 768*/
/*@media (min-width: 768px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 15px;
        padding-left: 15px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

        .navbar-collapse.collapse.in {
            display: block !important;
            margin-top: 0px;
        }
}

@media (min-width: 1024px) {
    .navbar-header {
        float: left;
    }

    .navbar-toggle {
        display: none;
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        display: block !important;
    }
}*/
/* #endregion Fix navbar-collapse with ScreenWidth = 768*/
/* #endregion*/

/* #region Override Kendo */
.k-grid-header, .k-grid-header .k-header {
    background-color: #112E4F;
    color: #ffffff !important;
    font-weight: bold !important;
}

    .k-grid-header .k-link {
        color: #ffffff !important;
        font-weight: bold !important;
    }

.k-grid-pager {
    height: 40px;
}

.k-grid td {
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .k-grid td img {
        width: 40% !important;
        height: 40% !important;
    }

.k-progressbar {
    width: 100% !important;
}

.k-item, k-header {
    border-right-style: none !important;
}

.k-grid-content {
    padding-bottom: 20px !important;
}

.k-textbox {
    width: 100% !important;
}

textarea.k-textbox {
    width: 100%;
}

.wide-full {
    width: 100% !important;
}

.k-checkbox-label, .k-radio-label {
    font-weight: normal;
}

.k-dialog-buttongroup > .k-primary {
    background-color: #112E4F !important;
    color: #ffffff !important;
}

.k-tabstrip .k-content.k-state-active {
    background-color: transparent !important;
}

.k-upload-button {
    background-color: #112E4F !important;
    color: #ffffff !important;
}
/* #endregion Override Kendo */

/* #region bootstrap */
/* #region Normal element*/
.dl-horizontal dt {
    white-space: normal;
}

input,
select,
textarea {
    max-width: 100%;
}

div.inline {
    float: left;
    margin-right: 5px;
}

.inline-checkbox {
    float: left;
    margin-right: 25px;
}

#p-error {
    display: none;
    color: red;
}

p pre {
    text-align: justify;
}

.align-right {
    float: right;
}

.align-left {
    float: left;
}

.layout-setting-dialog .modal-dialog {
    width: 50%;
}

.k-icon.k-i-cancel, .k-icon.k-i-check {
    width: 0px !important;
}

.contentTab {
    display: block;
    margin: 10px auto 10px;
    width: 100%;
    height: 600px;
    background: url('@Url.Content("")') transparent no-repeat 0 0;
}
/* #endregion Normal element*/

/* #region Editor */
.editor-100 {
    width: 100px;
}

.editor-200 {
    width: 200px;
}
/* #endregion Editor */

/* #region Textbox*/
.text-box-166 {
    width: 166px;
}

.text-box-123 {
    width: 123px;
}

.text-box-387 {
    width: 387px;
}

.text-box-403 {
    width: 403px;
}
/* #endregion Textbox*/

/* #region Dropdownlist */
.drop-dow-list-200 {
    width: 200px;
}

.drop-dow-list-150 {
    width: 150px;
}

.drop-dow-list-100-percent {
    width: 100%;
}
/* #endregion Dropdownlist */

/* #region Panel */
.panel-heading {
    color: black !important;
    font-weight: bold;
    background-color: #fffbfb !important;
}

.panel-info {
    background-color: transparent !important;
}

.panel-display-grid {
    display: grid;
}

.panel-body-remove-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.panel-body-530 {
    height: 530px;
    overflow-y: scroll;
}

.panel-body-400 {
    height: 400px;
    overflow-y: scroll;
}

.panel-body-280 {
    height: 280px;
    overflow-y: scroll;
}

.panel-body-230 {
    height: 230px;
    overflow-y: scroll;
}

.panel-body-220 {
    height: 220px;
    overflow-y: scroll;
}

.panel-body-190 {
    height: 190px;
    overflow-y: scroll;
}

.panel-body-170 {
    height: 170px;
    overflow-y: scroll;
}

.panel-body-120 {
    height: 120px;
    overflow-y: scroll;
}

.panel-body-60 {
    height: 60px;
    overflow-y: scroll;
}
/* #endregion*/
/* #endregion bootstrap */

/* #region padding-top */
.padding-top-3 {
    padding-top: 3px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-7 {
    padding-top: 7px;
}

.padding-top-13 {
    padding-top: 13px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-bottom-7 {
    padding-bottom: 7px;
}
/* #endregion padding-top */

/* #region height */
.height-35 {
    height: 35px !important;
}
/* #endregion height */

/* #region Background Color */
.backgroundColorFFFFFF {
    background-color: #ffffff;
}

.backgroundColor002857 {
    background-color: #112E4F;
}

.backgroundColorFFFBFB {
    background-color: #fffbfb;
}
/* #endregion Background Color */

/* #region Button*/
.button1 {
    background-color: #112E4F !important;
    color: #ffffff !important;
}

.button2 {
    width: 100% !important;
    background-color: #112E4F !important;
    color: #ffffff !important;
}
/* #endregion Button*/

/* #region Disable input text file upload*/
.fileupload {
    width: 73px;
    height: 35px;
    position: relative;
    overflow: hidden;
    /*background: ...;*/ /* and other things to make it pretty */
}

    .fileupload input {
        position: absolute;
        top: 0;
        right: 0; /* not left, because only the right part of the input seems to
                 be clickable in some browser I can't remember */
        cursor: pointer;
        opacity: 0.0;
        filter: alpha(opacity=0); /* and all the other old opacity stuff you
                                 want to support */
        font-size: 300px; /* wtf, but apparently the most reliable way to make
                         a large part of the input clickable in most browsers */
        height: 35px;
    }
/* #endregion Disable input text file upload*/

/* #region ils-modal-dialog */
.ils-modal-dialog {
    z-index: 1050;
    width: auto;
    padding: 10px;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (min-width: 768px) {
    .ils-modal-dialog {
        right: auto;
        left: 50%;
        width: 800px;
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
}
/* #endregion ils-modal-dialog */

.disabled {
    pointer-events: none;
    cursor: default;
}

.margin-0 {
    margin: 0;
}

.isDisabledLink {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

@media only screen and (max-width: 576px) {
    .lbl-white-space {
        white-space: normal;
    }

    .input-group-dropdown-2line .k-dropdown-wrap {
        height: 42px;
    }

    .input-group-picker-2line .k-picker-wrap {
        height: 42px;
    }

    .input-group-dropdown-3line .k-dropdown-wrap {
        height: 56px;
    }

    .input-group-textbox-2line {
        height: 42px;
    }

    .input-group-textbox-3line {
        height: 56px !important;
    }

    .input-group-dropdown-3line-145 {
        width: 145px !important;
    }

    .input-group-dropdown-3line-140 {
        width: 140px !important;
    }

    .scroll-screen-xs {
        overflow: auto;
    }

    .tabFooter {
        position: relative !important;
        bottom: 0;
        width: 100%;
        height: 10px;
    }
}

#container .border-box * {
    box-sizing: border-box;
}

.input-faux-enabled {
    color: #8C8887 !important;
    font-weight: 600 !important;
}

.input-group {
    float: left !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.input-group-remove-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.input-group-addon-80 {
    min-width: 80px;
    text-align: left;
}

.input-group-addon-90 {
    min-width: 90px;
    text-align: left;
}

.input-group-addon-100 {
    min-width: 100px;
    text-align: left;
}

.input-group-addon-110 {
    min-width: 110px;
    text-align: left;
}

.input-group-addon-120 {
    min-width: 120px;
    text-align: left;
}

.input-group-addon-130 {
    min-width: 130px;
    text-align: left;
}

.input-group-addon-135 {
    min-width: 135px;
    text-align: left;
}

.input-group-addon-140 {
    min-width: 140px;
    text-align: left;
}

.input-group-addon-145 {
    min-width: 145px;
    text-align: left;
}

.input-group-addon-150 {
    min-width: 150px;
    text-align: left;
}

.input-group-addon-160 {
    min-width: 160px;
    text-align: left;
}

.input-group-addon-170 {
    min-width: 170px;
    text-align: left;
}

.input-group-addon-180 {
    min-width: 180px;
    text-align: left;
}

.input-group-addon-185 {
    min-width: 185px;
    text-align: left;
}

.input-group-addon-200 {
    min-width: 200px;
    text-align: left;
}

.input-group-addon-215 {
    min-width: 215px;
    text-align: left;
}

.input-group-addon-220 {
    min-width: 220px;
    text-align: left;
}

.input-group-addon-230 {
    min-width: 230px;
    text-align: left;
}

.input-group-addon-300 {
    min-width: 300px;
    text-align: left;
}

.input-group-addon-380 {
    min-width: 380px;
    text-align: left;
}

.checkbox-group-addon { /*padding-left: 0px; padding-right: 0px;*/
}

    .checkbox-group-addon .k-checkbox-label {
        padding-left: 0px;
    }

.clear-padding-panel {
    padding-left: 0px;
    padding-right: 0px;
}

.panel-searchoption .k-panelbar-collapse.k-icon {
    right: auto;
}

.panel-searchoption .k-panelbar-expand.k-icon {
    right: auto;
}

.panel-searchoption .k-link.k-header {
    font-weight: bold;
}

.panelheader-dasboard .k-link.k-header {
    text-align: center;
}

.certificate-info {
    background-color: #112E4F !important;
    color: #ffffff !important;
    padding: 10px;
    border: 0px;
    margin-right: 5px;
    float: left;
    margin-bottom: 5px;
}

/* #region Day in week */
.weekDays-selector input {
    display: none !important;
}

    .weekDays-selector input[type=checkbox] + label {
        display: inline-block;
        border-radius: 6px;
        background: #dddddd;
        height: 40px;
        width: 80px;
        margin-right: 3px;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
    }

    .weekDays-selector input[type=checkbox]:checked + label {
        background: #005757;
        color: #ffffff;
    }
/* #endregion */

.mypre {
    display: block;
    font-size: 13px;
    line-height: 1.428571429;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background: transparent;
}

.btn-rep-header-close {
    background: transparent;
    color: #ffffff;
    border: 0px;
}

    .btn-rep-header-close:hover {
        background: rgba(255, 255, 255, 0.6784313725490196);
        border-radius: 3px;
    }

input.k-textbox, textarea.k-textbox {
    padding: 0px 5px 0px 0px;
}

.code-incorrect {
    text-align: center;
    color: red;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    display: none;
}

.align-button-close {
    display: flex;
    justify-content: space-between;
}

/* #region Multi select dropdown checkboxes list */
.multiselect.dropdown-toggle {
    text-align: left;
}
/* #endregion */

/* #region Deposit Score Parameter */

.tab {
    height: 75vh;
    min-height: 100%;
    position: relative;
}

.tabHeader {
    background-color: #ffffff;
    padding: 10px;
}

.tabBody {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tabFooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 10px;
}
/* #endregion */

/*begin codeeffect*/
table.ceCal, table.ceTime, div.ceMenu {
    z-index: 9999;
}

#ceTldivRuleEditor, #ceTddivRuleEditor {
    text-indent: 0;
    padding: .17857143em 10px;
    border-radius: 3px;
    background-color: #fff;
    color: #333;
    border: 1px solid #ccc;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.93571428em; /* border: 0; */
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 100%;
    font-family: inherit;
    height: 2.28em;
}
.ceContainer > div * {
    box-sizing: border-box;
}
.k-grid td > span.ceFlow, .k-grid td > span.ceField, .k-grid td > span.ceValue {
    user-select: all;
}
/*end codeeffect*/
/* #endregion */

.embed-responsive-padding-bottom-40 {
    padding-bottom: 40%;
}