@media print {
    @page {
        margin-left: 3mm;
        margin-right: 3mm;
    }

    body {
        -webkit-print-color-adjust: exact;   
        margin-top:10px;        
    }

    .table th {
        background-color: inherit !important;
        font-size: 20px !important;        
    }

    .table td {
        font-size: 20px !important;
        background-color: inherit !important;
    }

    footer {
        display:none;
    }

    #header {
        height:90px !important;
        color:black !important;
    }

    .img-header {
        height: 80px !important;
        width: 80px !important;
    }

    #btnPrint{
        display:none !important;
    }
    #btnRefreshDate {
        display: none !important;
    } 
}



body{
    background-color:white;
    font-size: 16px !important;
    font-family:'Times New Roman' !important;
}

.navbar {
    background-color: #006eb8 !important;
}

.modal-fluid {
    max-width: 90% !important;
    margin-top: 90px;
}

.table-20px {
    font-size: 20px !important;
}

caption {
    color: white;
    font-weight: bold;
    font-size: 20px !important;
}

thead {
    background-color: #006eb8;
    border-color: #006eb8; 
    color: white;
    font-weight: bold;
}

tbody > tr > td {
    padding: 2px !important;
}

thead > tr > th {
    padding: 5px !important;
    text-align:center;

}

.item img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 400px;
}


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

.vertical-align-middle {
    vertical-align: middle !important;
}

.hidden{
    visibility:hidden;
}

.col-login {
    max-width: 24rem;
}

.mb-6,
.my-6 {
    margin-bottom: 2rem !important;
}

.h-9 {
    height: 6rem !important;
}

.p-6 {
    padding: 2rem !important;
}

/*.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem;
}*/

.card {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    margin-bottom: 1.5rem;
    width: 100%;
}

    .card .card {
        box-shadow: none;
    }


@media print {
    .card {
        box-shadow: none;
        border: none;
    }
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    padding: 1.5rem 1.5rem;
    position: relative;
}

    .card-body + .card-body {
        border-top: 1px solid rgba(0, 40, 100, 0.12);
    }

    .card-body > :last-child {
        margin-bottom: 0;
    }

@media print {
    .card-body {
        padding: 0;
    }
}

.row-cards > .col,
.row-cards > [class*='col-'] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-body-scrollable {
    overflow: auto;
}

.page {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100%;
}


.page-single {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem 0;
}

:root {
    /* larger checkbox */
}

    :root label.checkbox-bootstrap input[type=checkbox] {
        /* hide original check box */
        opacity: 0;
        position: absolute;
        /* find the nearest span with checkbox-placeholder class and draw custom checkbox */
        /* draw checkmark before the span placeholder when original hidden input is checked */
        /* disabled checkbox style */
        /* disabled and checked checkbox style */
        /* when the checkbox is focused with tab key show dots arround */
    }

        :root label.checkbox-bootstrap input[type=checkbox] + span.checkbox-placeholder {
            width: 14px;
            height: 14px;
            border: 1px solid;
            border-radius: 3px;
            /*checkbox border color*/
            border-color: #737373;
            display: inline-block;
            cursor: pointer;
            margin: 0 7px 0 -20px;
            vertical-align: middle;
            text-align: center;
        }

        :root label.checkbox-bootstrap input[type=checkbox]:checked + span.checkbox-placeholder {
            background: #0ccce4;
        }

            :root label.checkbox-bootstrap input[type=checkbox]:checked + span.checkbox-placeholder:before {
                display: inline-block;
                position: relative;
                vertical-align: text-top;
                width: 5px;
                height: 9px;
                /*checkmark arrow color*/
                border: solid white;
                border-width: 0 2px 2px 0;
                /*can be done with post css autoprefixer*/
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
                content: "";
            }

        :root label.checkbox-bootstrap input[type=checkbox]:disabled + span.checkbox-placeholder {
            background: #ececec;
            border-color: #c3c2c2;
        }

        :root label.checkbox-bootstrap input[type=checkbox]:checked:disabled + span.checkbox-placeholder {
            background: #d6d6d6;
            border-color: #bdbdbd;
        }

        :root label.checkbox-bootstrap input[type=checkbox]:focus:not(:hover) + span.checkbox-placeholder {
            outline: 1px dotted black;
        }

    :root label.checkbox-bootstrap.checkbox-lg input[type=checkbox] + span.checkbox-placeholder {
        width: 26px;
        height: 26px;
        border: 2px solid;
        border-radius: 5px;
        /*checkbox border color*/
        border-color: #737373;
    }

    :root label.checkbox-bootstrap.checkbox-lg input[type=checkbox]:checked + span.checkbox-placeholder:before {
        width: 9px;
        height: 15px;
        /*checkmark arrow color*/
        border: solid white;
        border-width: 0 3px 3px 0;
    }

.background-gray {
    background-color: #9D9489;
}
.background-white {
    background-color: white;
}

.background-pink {
    background-color: #FFC0CB !important;
}

.background-orange{
    background-color: orange;
}

.background-green {
    background-color: green !important;
}

.background-burlywood {
    background-color: burlywood !important;
}

.background-aqua {
    background-color: aqua;
}

.background-despacito {
    background-color: #CCF5F5;
}

.text-bold{
    font-weight:bold;
}

.text-black{
    color:black;
}

.text-blue {
    color:#006fb7;
}

.text-white{
    color:white;
}

.font-15em{
    font-size: 1.5em;    
}

i.font-8px{
    font-size:8px;
    padding-right:2px;
}

.navbar .nav-item a{
    color:white !important;    
}

    .navbar .nav-item a:hover {
        background-color: #8aad0c;
    }

.navbar .btn-group .dropdown-menu {
    padding: 5px;    
}
    .navbar .btn-group .dropdown-menu a {
        -webkit-border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        border: none;
        color: black !important;
        background-color: white;
        max-height: 50%;
    }
        .navbar .btn-group .dropdown-menu a:hover {
            color: white !important;
            background-color: #8aad0c;
        }

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
}

div.outer-div {
    height: 170px;
    width: 300px;
    background-color: lightgray;
}

div.middle-div {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.top-buffer {
    margin-top: 20px;
}

.btn-xl {
    padding: 20px;
    font-size: 20px;
}

.btn-xxl {    
    font-size: 30px;
}

.btn-opaque{
    background-color: lightgray !important;
}

.img-48 {
    max-width: 48px;
    max-height: 48px;
}

.img-32 {
    max-width: 32px;
    max-height: 32px;
}

.img-64 {
    max-width: 64px;
    max-height: 64px;
}

.img-80 {
    max-width: 80px;
    max-height: 80px;
}

.img-header{
    width: 0px;
    height: 0px;
}

.tr-color-selected {
    background-color: hsla(196, 77%, 55%, 0.3) !important;
    transition: all .2s ease-in;
}

.dataTables_wrapper .dt-buttons {
    float: none;
    text-align: center;
}

tfoot select {
    width: 100%;
    padding: 0px !important;
    box-sizing: border-box;
    font-size:12px !important;
}

.linkedButton {
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration:underline;
}

.mt-10{
    margin-top:100px !important;
}

/*Override toast styles*/
.jq-toast-single {
    font-size: 17px;
    width: 350px;    
}

jq-toast-single h2 {
    font-size: 17px;
}