$base-font-size: 1em;
body {
    font-size: $base-font-size;
    line-height: $base-line-height;
    @media #{$mq-medium} {
        font-size: $base-font-size*1.2;
        line-height: $base-line-height*1.2;
    }
    @media #{$mq-large} {
        font-size: $base-font-size*1.3;
    }
    @media #{$mq-xlarge} {
        font-size: $base-font-size*1.4;
    }
    @media #{$mq-xxlarge} {
        font-size: $base-font-size*1.6;
    }
}

.side-menu__label {
    white-space: break-spaces;
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
    vertical-align: baseline;
}

.form-group {
    margin-bottom: 0.5rem;
}

sub,
sup {
    line-height: 1.5;
}


/* .modal-body .select2-container{
	height: 100%;
} */

.modal-dialog {
    max-width: 800px;
}

/*table,
tbody,
tr,
th,
td {
    border: 1px solid #000 !important;
}*/

.modal-body {
    padding-top: 0px !important;
    margin-top: 10px;
}
.navtab-wizard.nav-tabs .nav-link{
    vertical-align: middle;
    margin: auto;
    display: flex;
    justify-content: center;
    height: 100%;
}

.app-sidebar{

    padding-top: 100px;
}
/*table.dataTable tbody th, table.dataTable tbody td{

    padding: 2px 5px;
}
table.dataTable thead th, table.dataTable thead td{
     padding: 2px 5px;
}
.table td, .table th{
    padding: 2px 5px;
}*/

.vertical-text {
  writing-mode: vertical-rl; /* Text flows vertically from right to left */
  text-orientation: upright; /* Controls glyph orientation */
}

.bg-blue-kat {
    background-color: #b4c6e7;
}

.bg-redhead {
    background-color: #f8cbad;
}