/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


/*@import url('https://fonts.googleapis.com/css?family=Kanit:400,700,800&subset=thai');*/

@font-face {
    font-family: 'THSarabunNew Bold';
    src: url('fonts/THSarabunNew Bold.eot');
    src: local('☺'), url('fonts/THSarabunNew Bold.woff') format('woff'), url('fonts/THSarabunNew Bold.ttf') format('truetype'), url('fonts/THSarabunNew Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'THSarabunNew';
    src: url('fonts/THSarabunNew.eot');
    src: url('fonts/THSarabunNew.eot?#iefix') format('embedded-opentype'), url('fonts/THSarabunNew.woff2') format('woff2'), url('fonts/THSarabunNew.woff') format('woff'), url('fonts/THSarabunNew.ttf') format('truetype'), url('fonts/THSarabunNew.svg#THSarabunNew') format('svg');
    font-weight: normal;
    font-style: normal;
}

.title-head-quiz {
    font-size: 24px;
    font-family: THSarabunNew, Helvetica, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
    color: #333;
}

.option-quiz {
    font-size: 22px;
    font-family: THSarabunNew, Helvetica, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
    color: #333;
    line-height: 1.2;
}

.answer-quiz {
    font-family: THSarabunNew, Helvetica, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 22px;
    color: #333;
    line-height: 1.2;
}

.question-list-title {
    font-family: 'THSarabunNew Bold', 'Quicksand', Georgia, 'Times New Roman', Times, serif;
    font-size: 2rem;
}

.question-list-subtitle {
    font-family: 'THSarabunNew Bold', 'Quicksand', Georgia, 'Times New Roman', Times, serif;
    font-size: 1.74rem;
}

p {
    margin-bottom: 0.1rem;
}

.bg-aksorn {
    background-color: #da3128 !important;
}

.table th,
.table td {
    padding: 0.75rem 0.75rem;
}

.navbar-dark.navbar-horizontal {
    background: #da3128;
}

.horizontal-menu .navbar-dark .nav-item.active>a {
    /*background-color: rgba(255, 255, 255, .05);*/
    background-color: #b30b0c;
}

.horizontal-menu .navbar-dark .nav-item:hover,
.horizontal-menu .navbar-dark .nav-item .hover {
    /*background-color: rgba(255, 255, 255, .05);*/
    background-color: #c62a22;
}


/*
.select2-container--classic .select2-selection--multiple, .select2-container--default .select2-selection--multiple {
    border-color: #FF9149 !important;
}

.select2-container--classic.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #FF9149 !important;
    outline: 0;
}*/

.horizontal-menu .navbar-horizontal ul#main-menu-navigation>li>a {
    padding: 1rem 1rem;
}

.header-navbar {
    min-height: 3rem;
}

.header-navbar .navbar-container ul.nav li a.dropdown-user-link {
    padding: .25rem 1rem;
}

.header-navbar .navbar-header .navbar-brand {
    padding: 8px 0;
}

.header-navbar .navbar-container ul.nav li a.menu-toggle {
    padding: 1rem 1rem 1rem 1rem;
}

html body .content .content-wrapper {
    padding: 1rem;
}

.card-header {
    padding: 1.2rem 1.2rem;
}

.card-body {
    padding: .75rem;
}

.table th,
.table td {
    padding: 0.5rem 0.5rem;
}

.page {
    width: 210mm;
    min-height: 297mm;
    padding: 20mm;
    /*margin: 10mm auto;*/
    margin: 0 auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.subpage {
    /*padding: 1cm;*/
    /*border: 5px red solid;*/
    height: 257mm;
    /*outline: 2cm #FFEAEA solid;*/
}

@page {
    size: A4;
    margin: 0;
}

@media print {
    html,
    body {
        /*width: 210mm;
        height: 297mm;*/
    }
    table.table {}
    table.table th {
        text-align: center;
    }
    u.dotted {
        border-bottom: 1px dashed;
        text-decoration: none;
    }
    u.solid {
        border-bottom: 1px solid;
        text-decoration: none;
    }
    .page {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
    }
}

.required {
    color: #F44336;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
}

.image-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.image-preview-input input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.image-preview-input-title {
    margin-left: 2px;
}

.move-order:hover {
    cursor: move;
}

.id-table-th,
.id-table-th.sorting,
.id-tableunit-th,
.id-tableunit-th.sorting {
    width: 5% !important;
}

.name-table-th,
.name-table-th.sorting,
.name-tableunit-th,
.name-tableunit-th.sorting {
    width: 70% !important;
}

.status-table-th,
.status-table-th.sorting,
.status-tableunit-th,
.status-tableunit-th.sorting {
    width: 10% !important;
}

.action-table-th,
.action-table-th.sorting,
.action-table-th,
.action-tableunit-th.sorting {
    width: 10% !important;
}

.product-img {
    background: #F4F5FA;
    margin-bottom: 1rem;
    position: relative;
    /*min-height : 300px;*/
}

.product-img img {
    margin: 0 auto;
}

.product-img .badge {
    position: absolute;
    top: 15px;
    padding: 0.5rem;
    font-size: 1rem;
    letter-spacing: 0.25px;
    left: 15px;
}

.product-img .badge.badge-right {
    left: auto;
    right: 15px;
}

.product-detail-page .product-img {
    height: auto;
    min-height: auto;
}

.product-detail .product-img {
    height: 478px;
}

.product-img {
    background: #F4F5FA;
    margin-bottom: 1rem;
    position: relative;
    /*min-height: 300px;*/
}

.product-img .badge {
    position: absolute;
    top: 15px;
    padding: 0.5rem;
    font-size: 1rem;
    letter-spacing: 0.25px;
    left: 15px;
}

.product-detail .product-img img {
    height: auto;
}

.product-img img {
    margin: 0 auto;
}