/*body {
    background: url('../img/index4000x150.png');
}*/

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 0.5em 1em 0.5em 1em;
}

.morning {
    /*background:#dc643d;*/
}

.info-box {
    display: block;
    min-height: 200px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    border-radius: 2px;
    margin-bottom: 15px;
}

.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 200px;
    width: 200px;
    text-align: center;
    font-size: 100px;
    line-height: 200px;
    background: rgba(0,0,0,0.2);
}

.info-box-text {
    display: block;
    font-size: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-box-content {
    padding: 5px 10px;
    margin-left: 200px;
}

.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 90px;
}
/*.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    margin-top: 150px;
    
}*/
div.titlelogo {
    height: 150px;
    background: url('../img/index4000x150.png?v=1') no-repeat;
}

div.titlelogoqrlist {
    height: 150px;
    background: url('../img/logo_tku_qr_list.jpg') no-repeat;
}


.main-footer {
    padding: 25px;
    color: #f3e1e1;
    border-top: 1px solid #d2d6de;
    height: 70px;
    background: #FFF url(../img/footer4000x70.png) no-repeat;
    font-size: 15px;
}


    .main-footer a {
        color: #f3e1e1;
    }

h1.text-success {
    font-size: 64px;
    text-align: center;
    font-weight: bolder;
    padding: 0.5em;
}

div#divstep h6 {
    font-size: 30px;
}

div#divstep hr {
    border: 1px dashed #DDD;
    margin: 1em 0 1em 0;
}

div#divstep small {
    font-size: 18px;
    padding: 0 0 1em 0;
}

div #divstep ol {
    font-size: 18px;
}

div#divstep input {
    margin: 0.5em 0 0.5em 0;
}

div#divJumb {
    border-radius: 20px;
    margin: 0.5em;
    padding: 0.5em;
    background-color: #168dba38;
}

ul.nav-justified {
    font-size: 20px;
}

.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header {
    white-space: normal;
    overflow: hidden;
}

.content {
    min-height: 250px;
    padding: 15px;
    /* margin-right: auto; */
    /* margin-left: auto; */
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    margin: 40px;
}

.page-header {
    margin: 10px 0 20px 0;
    font-size: 30px;
}

.breadcrumb {
    background-color: #FFF;
}

/*
bg-sdg1-color : #e5243b;
bg-sdg2-color : #dda63a;
bg-sdg3-color :: #4c9f38;
bg-sdg4-color :: #c5192d;
bg-sdg5-color :: #ff3a21;
bg-sdg6-color :: ;
bg-sdg7-color :: ; // 7
bg-sdg8-color :: ;
bg-sdg9-color :: ;
bg-sdg10-color :: ;
bg-sdg11-color :: ; // 11
bg-sdg12-color :: ;
bg-sdg13-color :: ;
bg-sdg14-color :: ;
bg-sdg15-color :: ;
bg-sdg16-color :: #00689d;
bg-sdg17-color :: #;*/