html, body {
    min-height: 100%;
    background-color: #EFFBFF;
}


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.tabcontent {
    margin: 20px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #86C2F0;
}

.table-borderless > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: none;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #86C2F0;
}

.table .table {
    background: transparent;
}

.highrow {
    height: 25px;
}

.higherrow {
    height: 35px;
}

.highMarginRow {
    margin-top: 5px;
    margin-bottom: 5px;
}

.higherMarginRow {
    margin-top: 10px;
    margin-bottom: 10px;
}

.thlightpadding {
    padding-left: 20px !important;
}

.thlightpadding-icon {
    padding-left: 33px !important;
}

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

.tdxlightpadding {
    margin-left: 10px !important;
}

.th-icon {
    width: 50px !important;
}

dt {
    text-align: left !important;
}

.navbar-nav > li > a {
    padding-top: 15px !important;
    padding-bottom: 5px !important;
}

.navbar {
    min-height: 40px !important;
}

.navbar-brand {
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.header {
    margin-top: 25px;
    margin-bottom: 10px;
}

.header-container {
    margin-top: 0px;
    border-bottom: solid 2px #008ea3;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.easy-autocomplete-container ul {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px dotted #ccc;
    display: none;
    /*margin-top: 30px;*/
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -1px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #000;
    cursor: default;
    /*background-color: rgb(243, 244, 246);*/
    background-color: #EFFBFF;
    border: 1px solid #4283AE;
    border-bottom-color: transparent;
}

.nav-tabs > li > a:hover {
    background-color: #FFF3FF;
    border-bottom-color: #4283AE;
}


/*.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #8ab7d0;
}*/

/*.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #8ab7d0;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #8ab7d0;
}*/

.nav-tabs {
    border-bottom: 1px solid #4283AE;
}

.btn-default {
    color: #000;
    background-color: transparent;
    border-color: #86C2F0;
}

    .btn-default:hover {
        color: #000;
        background-color: #B8F8F7;
        border-color: #4283AE;
    }

.btn-primary {
    background-color: #4489B5;
}
.btn-primary:hover {
    background-color: #2470A1;
}
.panel {
    margin-bottom: 20px;
    background-color: transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default {
    border-color: #86C2F0;
}

    .panel-default > .panel-heading {
        /*color: #000;*/
        color: #000;
        /*background-color: #4f8bac;*/
        background-color: #B5E3EE;
        border-color: #86C2F0;
    }

.panel-primary {
    border-color: #00D3D7;
}

    .panel-primary > .panel-heading {
        /*color: #000;*/
        color: #394855;
        /*background-color: #4f8bac;*/
        background-color: #00D3D7;
        border-color: #00D3D7;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body,
        .panel-primary .panel-body {
            border-top-color: #00D3D7;
        }

#background {
    margin-bottom: 25px;
}

.panel-footer {
    padding: 10px 15px;
    background-color: transparent;
    border-top: 1px solid #86C2F0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.dropdown-submenu {
    position: relative;
    background-color: #19658e;
}

.dropdown-menu > li > a {
    color: #FFFFFF;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    background-color: #19658e;
}


.btn-success,
.btn-success:active,
.btn-success:visited,
.btn-success:focus {
    color: #000000 !important;
    background-color: #00c5a2;
}

    .btn-success:hover {
        background-color: #51D4BE;
    }

.btn-danger {
    color: #fff;
    background-color: #FF6978;
    border-color: #d43f3a;
}

    .btn-danger:hover {
        background-color: #FF3E50;
    }

textarea {
    resize: vertical;
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #86C2F0;
    border-radius: 4px;
}

.animated {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}

.panel-description {
    margin-left: 20px;
    font-style: italic;
}

.tooltip-link {
    font-size: 18px;
    cursor: pointer;
    color: #31708f;
}

    .tooltip-link::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f059";
    }

.tooltip.top .tooltip-inner {
    background-color: #19658e;
    border: 1px black solid;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #19658e;
}

.tooltip.bottom .tooltip-inner {
    background-color: #19658e;
    border: 1px black solid;
}

.tooltip.bottom .tooltip-arrow {
    border-top-color: #19658e;
}

.tooltip.right .tooltip-inner {
    background-color: #19658e;
    border: 1px black solid;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #19658e;
}

.page-header-top {
    height: 30px;
    background: #394855;
    margin-top: 0;
    padding-left: 0px;
    border-bottom: none;
    vertical-align: middle;
    /*text-align: center;*/
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 5px;
    padding-left: 70px;
    padding-right: 0px;
    color: #D0F5FF;
}

    .page-header-top a {
        font-size: 12px;
        margin-left: 4px;
        color: #37CB9A;
    }

.page-header-title {
    height: 30px;
    margin-top: 0;
    border-bottom: none;
    vertical-align: middle;
    /*text-align: center;*/
    margin-top: 12px;
    padding-left: 30px;
    padding-right: 30px;
    color: #008ea3;
}

    .page-header-title .dropdown-menu {
        background-color: #EAFEF0;
    }


        .page-header-title .dropdown-menu > li > a {
            color: #008ea3;
        }

            .page-header-title .dropdown-menu > li > a:hover {
                background-color: #EAFEF0;
                color: #008ea3;
            }

.page-header {
    /*background: #E6F4F1;*/
    background-color: #D9EDDF;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0px;
    /*border-bottom: none;*/
    /*border-bottom: 1px solid #008ea3;*/
    vertical-align: middle;
    /*text-align: center;*/
}

.page-header-title div {
    color: #000000;
}

.page-header-title a {
    color: #008ea3;
}

.page-header-title .active {
    font-weight: bold;
}

.no-padding {
    padding: 0px;
}


.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 5px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: #30749E;
    text-decoration: none;
}

hr {
    border-bottom: 1px solid #86C2F0;
}

.page-content-header {
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 20px;
}

.page-content-form-footer {
    padding-left: 50px;
    padding-right: 80px;
    margin-top: 40px;
}

.page-content-footer {
    padding-left: 80px;
    padding-right: 80px;
    margin-top: 40px;
}

.page-content-body {
    margin-top: 20px;
    padding-left: 80px;
    padding-right: 80px;
}

@media only screen and (max-width: 1640px) {
    .page-content-body {
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.page-content-no-data {
    margin-top: 20px;
    padding-left: 80px;
    padding-right: 80px;
}

.breadcrumb {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
    color: #30749E;
}

    .breadcrumb > .active {
        color: #394855;
    }

    .breadcrumb > .disabled {
        color: #9DADBC;
    }

    .breadcrumb > li + li:before {
        padding: 0 5px;
        color: #ccc;
        content: "/\00a0";
    }

.page-content-list {
}

    .page-content-list .btn-primary {
        color: #19658E;
        background-color: transparent;
    }

        .page-content-list .btn-primary:hover {
            color: #000;
            background-color: #B8F8F7;
            border-color: #4283AE;
        }

    /*.page-content-list table tbody tr td {
    padding-top: 7px;
}*/

    .page-content-list table tbody tr td:not(.action) {
        padding-top: 16px;
    }

.displayValue {
    margin-top: 7px;
}

.displayValue-tooltip {
    margin-top: 10px;
}

.modal-body {
    margin-bottom: 20px;
}

.modal-dialog {
    margin-top: 10px;
}

.panel-body .table {
    margin-bottom: 0px;
}

/*li {
    padding-bottom: 10px;
}*/



@media (min-width: 1800px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.333333%;
    }

    .offset-xl-2 {
        margin-left: 16.666667%;
    }

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

    .offset-xl-4 {
        margin-left: 33.333333%;
    }

    .offset-xl-5 {
        margin-left: 41.666667%;
    }

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

    .offset-xl-7 {
        margin-left: 58.333333%;
    }

    .offset-xl-8 {
        margin-left: 66.666667%;
    }

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

    .offset-xl-10 {
        margin-left: 83.333333%;
    }

    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}

.text-emp {
    color: #19658E;
    font-weight: 600;
}

.menu-header {
    color: #D0F5FF;
    padding-top: 10px;
    margin-left: 6px;
    font-size: 14px;
    font-weight: bold;
}

.menu-subitem {
    margin-left: 5px;
}

.menu-header-icon {
    font-size: 12px;
}

table.dataTable thead .no-sort:after {
    content: "";
    display: none;
}

table.dataTable thead > tr > th.no-sort {
    padding-right: 0;
}

table.dataTable thead > tr > th.sorting {
    vertical-align: middle;
}

.form-control[disabled] {
    background-color: #e0e0e0;
}

.textarea-hr {
    padding-left: 35px;
    min-width: 100%;
    margin-top: 3px;
    background-color: transparent;
}

.textarea-en {
    border: 1px solid rgba(136, 195, 238, .8);
    padding-left: 35px;
    min-width: 100%;
    margin-top: 3px;
    opacity: 0.8;
    background-color: transparent;
}

.image-hr {
    position: absolute;
    margin-top: 15px;
    margin-left: 5px;
    opacity: 0;
}

.image-en {
    position: absolute;
    margin-top: 13px;
    margin-left: 5px;
    opacity: 0.6;
}