/*================================================================================
	Custom CSS
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS.  */

/*.form-label{
	color: #000000;
    font-weight: 600;
}

body {
	font-family: "Calibri", 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;*/
/*font-size: 0.8521rem;
	font-weight: 400;
	line-height: 1.5;*/
/*color: #333;
}*/

.custom-border-bottom-1 {
    padding: 1rem !important;
    border-bottom: 1px solid #ddd;
}

.custom-table .table.table-sm td, .table.table-sm th {
    font-size: 14px;
}

.custom-table table tbody tr:first-child th {
    background: #f3f2f7;
    color: #0f5e81;
}

    .custom-table table tbody tr:first-child th a {
        color: #0f5e81;
        /*color: #000000;*/
    }

.custom-alert-box {
    margin-top: 10px;
    padding: 5px 10px;
    color: forestgreen;
    display: flex;
    font-weight: 600;
    justify-content: center;
}

html .content.app-content {
    padding: calc(2rem + 3.5rem + 1.3rem) 2rem 0;
}

.custom-checkbox-table {
    overflow-x: auto;
}

    .custom-checkbox-table table {
        width: 100%;
        overflow-x: auto;
    }

        .custom-checkbox-table table td {
            white-space: nowrap;
        }

    .custom-checkbox-table input {
        vertical-align: middle;
    }

    .custom-checkbox-table label {
        margin-left: 10px;
        margin-right: 50px;
        vertical-align: middle;
        white-space: nowrap;
    }

.custom-span-input {
    height: 38px;
    background-color: #f9f9f9;
}

.custom-span-label {
    min-height: 38px;
    background-color: rgba(241, 241, 241, 0.35);
}

.input-group > input[type="image"] {
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid #ddd;
    border-left: 0px solid #ddd;
    z-index: 999;
}

.ajax__calendar .ajax__calendar_container {
    z-index: 1;
}

.ajax__calendar_container{
    z-index: 999;
}

.ajax__calendar_dayname, .ajax__calendar_day {
    padding: 0px !important;
}


.custom-radio-button input[type="radio"] {
    margin-left: 10px;
    vertical-align: middle;
}

.custom-radio-button label {
    margin-right: 20px;
    vertical-align: middle;
    margin-left: 5px;
}

.custom-text-right {
    text-align: right;
}

.custom-text-left {
    text-align: left;
}

.main-menu ul.navigation-main > li:first-child {
    margin-top: 2rem;
}

.nav-toggle {
    margin-top: 1rem;
}

.btn-primary {
    background-color: #0f5e81 !important;
}

    .btn-primary:hover:not(.disabled):not(:disabled) {
        box-shadow: 0 8px 25px -8px #26aae2;
        /*background-color: #26aae2 !important;*/
    }

.form-control:focus {
    border-color: #0f5e81;
}

.main-menu.menu-light .navigation > li ul li ul a {
    padding: 10px 15px 10px 20px;
}

li.has-sub.open > ul > li.has-sub.open > ul > li > a {
    /*font-size: 14px;*/
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
    width: 275px;
}

.ajax__calendar_container {
    background: white;
    border: 1px solid #ddd;
}

.tabular-view .row > div:first-child > label {
    margin-bottom: 0;
    background-color: #f5f5f5;
    height: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-right: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
    padding: 5px 15px;
}

.tabular-view .row > div:last-child label {
    margin-bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-bottom: 0px solid #ddd;
    font-weight: normal;
    padding: 5px 15px;
}

.tabular-view .row > div:last-child label:nth-last-match(label) {
    border-bottom: 1px solid #ddd;
    background-color: red;
}

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

.dynamic-custom-table td:first-child {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 7px 15px;
}

.dashboard-table-header {
    background: #f3f2f7;
    color: #0f5e81;
}

.chart-box {
    background: #ffffff;
}
.custom-header-zindex{
    z-index:999999 !important;
}
.custom-sidemenu-zindex {
    z-index: 99999999 !important;
}
.custom-color {
    color: #0f5e81 !important;
}
.custom-bg-color {
    background-color:#f5f5f5 !important;
}
.custom-table-bg-color {
    background: #f3f2f7 !important;
    color: #0f5e81 !important;
}
.custom-bold{
    font-weight:bold;
}
.custom-z-index{
    z-index:999999 !important;
}
/*.MyCalendar {
    z-index: 999999 !important;
    background-color: #fff !important;
}*/