html,
body {
    -webkit-font-smoothing: subpixel-antialiased;
}

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

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


/* 2022 */

.nominee-bar {
    background: #4b2885;
    text-align: right;
    padding: 8px 44px;
}

.nominee-bar ul {
    list-style: none;
    font-family: 'kittithadaLight45';
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
    position: relative;
    vertical-align: middle;
    display: inline-flex;
}

.nominee-bar ul .txt {
    margin-top: 3px;
    padding-right: 20px;
}

.nominee-bar ul .sele2 {
    width: 200px;
    text-align: left;
}

.select2-results {
    font-family: 'kittithadaLight45';
    font-size: 16px;
}

a.select2-choice span {
    font-family: 'kittithadaLight45';
    font-size: 16px;
}

.nominee-bar ul li {
    display: inline-flex
}

.modal-title {
    font-family: 'kittithadaLight45';
}


/* 2022 */

.centered-modal.show {
    display: flex !important;
}

.close-modal {
    position: absolute;
    top: 20px;
    right: 25px;
    z-index: 1;
}

.close-modal .close-ico {
    width: 24px;
}

.centered-modal .modal-dialog {
    margin: auto !important;
    width: 100%;
    padding: 40px 15px;
}

.modal {
    padding-right: 0 !important;
}

.modal-open {
    padding-right: 0 !important;
}

.modal-backdrop.show {
    opacity: .85;
}

.modal-report .modal-dialog {
    padding: 60px 15px;
    max-width: 55%;
}

.modal-report .modal-content {
    border: none;
    border-radius: 0;
    background-color: #fff;
    padding: 0;
}

.modal-report .modal-content .m-rp-col {
    padding: 30px;
    background-color: #e8e8e8;
}

.modal-report .modal-content .m-rp-ipt {
    padding: 30px;
}

.modal-report .modal-content .m-rp-col h2 {
    font-family: 'kittithadaMedium65';
    font-size: 24px;
    line-height: 30px;
    color: #000;
    margin: 0 0 20px 0;
}

.modal-report .modal-content .m-rp-col h2 .ico {
    width: 24px;
    vertical-align: -5px;
    margin-right: 10px;
}

.modal-report .modal-content .m-rp-col p {
    font-family: 'kittithadaLight45';
    font-size: 14px;
    line-height: 20px;
    color: #777;
    margin: 20px 0;
}

.modal-report .modal-content .m-rp-ipt .form-group {
    align-items: center;
    margin: 0 0 5px;
}

.modal-report .modal-content .m-rp-ipt .form-group label {
    font-family: 'kittithadaMedium65';
    font-size: 18px;
    color: #000;
    margin: 0 0 0 0;
}

.modal-report .modal-content .m-rp-ipt .form-group .form-control {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    color: #000;
    padding: 0 15px;
    background-color: #eeeeee;
    border: none;
    border-radius: 0;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    height: 35px;
    line-height: 35px;
}

.modal-report .modal-content .m-rp-ipt .btn.btn-send,
.modal-report .modal-content .m-rp-ipt .btn.btn-send:focus {
    display: block;
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    height: 35px;
    border: none;
    padding: 0;
    width: 100%;
    background-color: #847957;
    border-radius: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    cursor: pointer;
}

.modal-report .modal-content .m-rp-ipt .btn.btn-send:hover {
    background-color: #71684b;
}

.modal-report .modal-content .m-rp-ipt .btn.btn-send .fa-chevron-right {
    color: #fff;
    margin-left: 10px;
    vertical-align: -1px;
    font-size: 16px;
}

.select2-container {
    display: block !important;
}

.select2-container--default .select2-selection--single {
    background-color: #eee!important;
    border: none!important;
    border-radius: 0 !important;
    height: 35px!important;
    font-family: 'kittithadaLight45' !important;
    font-size: 16px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000!important;
    line-height: 35px!important;
    padding-left: 15px!important;
}

.select2-dropdown {
    border: 1px solid #eee !important;
    border-radius: 0 !important;
    font-family: 'kittithadaLight45' !important;
    font-size: 16px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #eee !important;
    font-family: 'kittithadaLight45' !important;
    font-size: 16px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #4b2885!important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #4b2885!important;
    color: #fff !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px !important;
}

.modal-report .modal-content .m-rp-ipt .radio {
    position: relative;
    margin: 0 0 5px 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
    padding: 0;
}

.modal-report .modal-content .m-rp-ipt .radio label.seven-day {
    font-weight: normal;
    width: 100%;
    padding: 0 0 0 30px;
    margin: 0;
    cursor: pointer;
}

.modal-report .modal-content .m-rp-ipt .radio label.seven-day .seven-day-box {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: normal;
    background-color: #eee;
    width: 100%;
    color: #000;
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
}

.modal-report .modal-content .m-rp-ipt .radio label.all-day {
    font-weight: normal;
    width: 100%;
    padding: 0 0 0 30px;
    margin: 0;
    cursor: pointer;
}

.modal-report .modal-content .m-rp-ipt .radio label {
    margin-bottom: 0;
    font-weight: normal;
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: normal;
    color: #000;
    padding: 0 0 0 15px;
    margin-top: 0;
    cursor: pointer;
}

.modal-report .modal-content .m-rp-ipt .radio input[type="radio"] {
    cursor: pointer;
    position: absolute;
}

.modal-report .modal-content .m-rp-ipt .radio label::before {
    width: 21px;
    height: 21px;
    cursor: pointer;
    transition: none;
    background-color: #ffffff;
    border: 1px solid #adadad;
    margin-left: 0;
    top: 7px;
}

.modal-report .modal-content .m-rp-ipt .radio label::after {
    top: 11px;
    left: 4px;
    width: 13px;
    height: 13px;
    background-color: #fff;
    margin-left: 0;
}

.modal-report .modal-content .m-rp-ipt .radio input[type="radio"]:checked+label::before {
    background-color: #4b2885;
    border: 1px solid #4b2885;
}

.datepicker.dropdown-menu {
    border: 1px solid #c7c7c7 !important;
    border-radius: 0 !important;
    color: #000!important;
    font-family: 'kittithadaLight45'!important;
    font-size: 16px!important;
    line-height: 16px!important;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    border-top: 7px solid #c7c7c7!important;
}

.datepicker table tr td.active.active {
    background-color: #4b2885!important;
    border-color: #4b2885!important;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    background-color: #4b2885!important;
    border-color: #4b2885!important;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    text-shadow: none !important;
}

.datepicker table tr td span {
    border-radius: 0!important;
}

.datepicker table tr td,
.datepicker table tr th {
    border-radius: 0!important;
}

.modal-report .modal-content .m-rp-ipt .radio label.all-day .input-daterange .input-group-addon {
    padding: 4px 10px;
    text-shadow: none;
    background-color: #ffffff;
    border: none;
    border-width: 0;
    color: #000;
    font-family: 'kittithadaLight45';
    font-size: 16px;
}

.modal-detail .modal-dialog {
    padding: 60px 15px;
    max-width: 45%;
}

.modal-detail .modal-content .modal-header {
    background-color: #9e8fb2;
    background-image: linear-gradient(315deg, #9e8fb2 0%, #a7acd9 74%);
    justify-content: center;
    padding: 30px 20px !important;
    border-bottom: none;
}

.modal-detail .modal-content .modal-header h3 {
    font-family: 'kittithadaMedium65';
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin: 0;
    display: inline-block;
}

.modal-detail .modal-content .modal-body {
    padding: 20px;
}

.modal-detail .modal-content .modal-header .ico {
    width: 24px;
    margin-right: 10px;
}

.modal-detail .modal-content {
    border: none;
    border-radius: 0;
    background-color: #fff;
    padding: 0;
}

.modal-detail .modal-content .modal-body .ctmz {
    margin: 20px 0;
}

.modal-detail .modal-content .modal-body .ctmz td {
    padding: 0 10px;
    border-top: none;
    vertical-align: middle;
    text-align: left;
}

.modal-detail .modal-content .modal-body .ctmz td:first-child {
    padding-left: 0;
}

.modal-detail .modal-content .modal-body .ctmz td:last-child {
    padding-right: 0;
}

.modal-detail .modal-content .modal-body .ctmz .date-time {
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 22px;
    color: #4b2885;
}

.modal-detail .modal-content .modal-body .ctmz .date-time span {
    font-family: 'kittithadaLight45';
    color: #777;
}

.modal-detail .modal-content .modal-body .ctmz .total-upload {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #000;
}

.modal-detail .modal-content .modal-body .ctmz .status {
    height: 35px;
    width: 115px;
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    border-radius: 3px;
    background-color: #fcaf17;
    text-align: center;
    float: right;
}

.modal-detail .modal-content .modal-body .ctmz .status.complete {
    background-color: #709437;
}

.modal-detail .modal-content .modal-body .ctmz .btn-download,
.modal-detail .modal-content .modal-body .ctmz .btn-download:hover,
.modal-detail .modal-content .modal-body .ctmz .btn-download:focus {
    background-color: #4b2885;
    border-radius: 3px;
    padding: 0;
    border: none;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    height: 35px;
    width: 115px;
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    cursor: pointer;
    float: right;
}

.modal-detail .modal-content .modal-body .ctmz .btn-download .ico {
    margin-right: 5px;
    vertical-align: -3px;
    width: 16px;
    height: 16px;
}

.modal-detail .modal-content .modal-body p {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #000;
    margin: 20px 0;
}

.modal-detail .modal-content .modal-body h6 {
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 22px;
    color: #000;
    text-align: center;
    margin: 20px 0;
}

.modal-detail.nf .modal-content .modal-body h4 {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #000;
    margin: 20px 0;
}

.modal-detail.nf .modal-content .modal-body h5 {
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 22px;
    color: #4b2885;
    margin: 20px 0;
}

.modal-detail.nf .modal-content .modal-body h5 span {
    color: #777;
}

.modal-detail.nf .modal-content .modal-body p {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #777;
    margin: 20px 0;
}

.modal-detail .modal-content .modal-body .tag {
    margin: 20px 0;
}

.modal-detail .modal-content .modal-body .tag label {
    width: auto;
    background-color: #fcaf17;
    height: 32px;
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 22px;
    padding: 0 15px;
    color: #000;
    line-height: 32px;
    border-radius: 25px;
    margin: 0 5px 5px 0;
}

.modal-detail .modal-content .modal-body .ctmz-file {
    margin: 20px 0;
}

.modal-detail .modal-content .modal-body .ctmz-file td {
    padding: 5px 5px;
    border-top: none;
    vertical-align: middle;
    text-align: left;
    border-bottom: 1px solid #eaeaea;
}

.modal-detail .modal-content .modal-body .ctmz-file td:first-child {
    border-bottom: 1px solid transparent;
    width: 50px;
}

.modal-detail .modal-content .modal-body .ctmz-file tr:last-child td:last-child {
    border-bottom: 1px solid transparent;
}

.modal-detail .modal-content .modal-body .ctmz-file td .file-ico {
    width: 32px;
}

.modal-detail .modal-content .modal-body .ctmz-file td .message {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #000;
    text-align: left;
}

.modal-detail .modal-content .modal-body .ctmz-file td .message a {
    color: #000;
}

.modal-detail .modal-content .btn-x,
.modal-detail .modal-content .btn-x:hover,
.modal-detail .modal-content .btn-x:focus {
    background-color: #4b2885;
    border-radius: 3px;
    padding: 0;
    border: none;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    height: 35px;
    width: 115px;
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    cursor: pointer;
    margin: 20px auto;
    display: block;
}

.modal-detail .modal-content .btn-x .fa-chevron-right {
    color: #fff;
    vertical-align: -1px;
    font-size: 16px;
    margin-left: 10px;
}

.modal-detail .modal-content .x185,
.modal-detail .modal-content .x185:hover,
.modal-detail .modal-content .x185:focus {
    width: 185px;
}

.modal-report.d-mart .modal-dialog {
    padding: 60px 15px;
    max-width: 90%;
}

.modal-report.d-mart .stepwizard-row {
    display: table-row;
}

.modal-report.d-mart .stepwizard {
    display: table;
    width: 40%;
    position: relative;
    margin: 0 auto;
}

.modal-report.d-mart .stepwizard-step:after {
    top: 17px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #7d7d7d;
}

.modal-report.d-mart .stepwizard-step:first-child:after {
    display: none;
}

.modal-report.d-mart .stepwizard-step:last-child:after {
    display: none;
}

.modal-report.d-mart .stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.modal-report.d-mart .btn-step {
    line-height: 35px;
    height: 35px;
    font-family: 'kittithadaLight45';
    border: none;
    padding: 0;
    font-size: 16px;
    border-radius: 0;
    cursor: default;
    background-color: transparent;
    color: #000;
    position: relative;
}

.modal-report.d-mart .btn-default {
    line-height: 35px;
    position: relative;
    height: 35px;
    width: 35px;
    font-family: 'kittithadaLight45';
    border: none;
    padding: 0;
    font-size: 24px;
    border-radius: 50%;
    cursor: default;
    background-color: #fff;
    color: #000;
}

.modal-report.d-mart .btn-default.active {
    background-color: #fcaf17;
    color: #fff;
}

.modal-report.d-mart .nav-tabs .nav-link {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border: none;
}

.modal-report.d-mart .nav-tabs {
    border-bottom: 1px solid #eee;
}

.modal-report.d-mart .nav-tabs .nav-item .nav-link {
    color: #000;
    background-color: #eee;
    border-color: #eee #eee #ddd;
    font-family: 'kittithadaMedium65';
    font-size: 18px;
    margin-right: 5px;
    padding: 3px 15px;
}

.modal-report.d-mart .nav-tabs .nav-item .nav-link.active {
    color: #fff;
    background-color: #4b2885;
    border-color: #4b2885 #4b2885 #4b2885;
    font-family: 'kittithadaMedium65';
    font-size: 18px;
}

.modal-report.d-mart .mnqr {
    margin: 0;
}

.modal-report.d-mart .mnqr .btn-change {
    display: block;
    line-height: 30px;
    color: #fff;
    height: 30px;
    border: none;
    width: 30px;
    background-color: #4b2885;
    border-radius: 3px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    margin: 5px auto;
    cursor: pointer;
    padding: 0;
}

.modal-report.d-mart .mnqr .btn-change .fa-chevron-right {
    color: #fff;
    font-size: 16px;
    display: block;
    line-height: 30px;
}

.modal-report.d-mart .mnqr .btn-change .fa-chevron-left {
    color: #fff;
    font-size: 16px;
    display: block;
    line-height: 30px;
}

.modal-report.d-mart .table.mnqr td {
    padding: 15px;
    border-top: none;
    background-color: #eee;
    width: 47%;
}

.modal-report.d-mart .table.mnqr td.qrc {
    background-color: #fff;
    text-align: center;
    width: 6%;
    vertical-align: middle;
}

.modal-report.d-mart .table.mnqr td ul {
    margin: 0;
    padding: 0 0 0 0;
    list-style: none;
}

.modal-report.d-mart .table.mnqr td ul li {
    padding: 4px 10px;
    cursor: pointer;
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #000;
}

.modal-report.d-mart .table.mnqr td ul li.selected {
    color: #fff;
    background-color: #4b2885
}

.modal-report.d-mart .modal-content .m-rp-ipt .btn.btn-next,
.modal-report.d-mart .modal-content .m-rp-ipt .btn.btn-next:focus {
    display: block;
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    height: 35px;
    border: none;
    padding: 0;
    width: 100%;
    background-color: #4b2885;
    border-radius: 3px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    cursor: pointer;
}

.modal-report.d-mart .modal-content .m-rp-ipt .btn.btn-next:hover {
    background-color: #fcaf17;
}

.modal-report.d-mart .modal-content .m-rp-ipt .btn.btn-next .fa-chevron-right {
    color: #fff;
    margin-left: 10px;
    vertical-align: -1px;
    font-size: 16px;
}

.modal-report.d-mart .modal-content .m-rp-ipt .form-group {
    margin: 0 0 15px;
}

.modal-report.d-mart .modal-content .m-rp-ipt .form-group.sltfds {
    align-items: unset;
}

.modal-report.d-mart .modal-content .m-rp-ipt h3 {
    font-family: 'kittithadaMedium65';
    font-size: 24px;
    line-height: 30px;
    color: #000;
    margin: 0 0 15px 0;
}

.modal-report.d-mart .cdt {
    margin: 15px 0;
}

.modal-report.d-mart .cdt th {
    vertical-align: middle;
    border-bottom: none;
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    border-top: none;
    color: #777;
    text-align: center;
    padding: 0 0;
    font-weight: normal;
}

.modal-report.d-mart .cdt td label {
    display: none;
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #777;
    padding: 0 0;
    margin: 0 0 7px;
}

.modal-report.d-mart .cdt td {
    border: none;
    padding: 5px;
}

.modal-report.d-mart .cdt td:first-child {
    width: 19%;
}

.modal-report.d-mart .cdt td:nth-child(2) {
    width: 21%;
}

.modal-report.d-mart .cdt td:nth-child(3) {
    width: 10%;
}

.modal-report.d-mart .cdt td:nth-child(4) {
    width: 21%;
}

.modal-report.d-mart .cdt td:nth-child(5) {
    width: 14%;
}

.modal-report.d-mart .cdt td:nth-child(6) {
    width: 15%;
}

.modal-report.d-mart .cdt select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #eee;
    background-image: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 0 0 15px;
    font-family: 'kittithadaLight45';
    font-size: 16px;
    color: #000;
    cursor: pointer;
    line-height: 35px;
    height: 35px;
    min-height: inherit;
}

.modal-report.d-mart .cdt .select {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #eee;
    overflow: hidden;
    border-radius: 0;
    border: none;
}

.modal-report.d-mart .cdt select::-ms-expand {
    display: none;
}

.modal-report.d-mart .cdt .select::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 15px;
    background: #eee;
    pointer-events: none;
    color: #a5a5a5;
    height: 35px;
    font-size: 10px;
}

.modal-report.d-mart .cdt .select::after {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.modal-report.d-mart .cdt .form-control {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    color: #000;
    padding: 0 15px;
    background-color: #eeeeee;
    border: none;
    border-radius: 0;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    height: 35px;
    line-height: 35px;
}

.modal-report.d-mart .ctmz-report {
    margin: 0 0 30px;
}

.modal-report.d-mart .ctmz-report td {
    padding: 3px 5px;
    border-top: none;
    vertical-align: middle;
    text-align: center;
}

.modal-report.d-mart .ctmz-report .title {
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 22px;
    color: #4b2885;
}

.modal-report.d-mart .ctmz-report .type {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #000;
}

.modal-report.d-mart .ctmz-report .mnm-ico {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    width: 24px;
}

.modal-report.d-mart .ctmz-report tbody tr:nth-of-type(odd) {
    background-color: #eee;
}

.modal-report.d-mart .ctmz-report tbody tr:nth-of-type(even) {
    background-color: #f8f8f8;
}

.page-loader {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1400;
}

.sk-double-bounce {
    position: absolute;
    top: 40%;
}

.sk-double-bounce {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 40px auto;
}

.sk-double-bounce .sk-child {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #4b2885;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
    animation: sk-doubleBounce 2s infinite ease-in-out;
}

.sk-double-bounce .sk-double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-doubleBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-doubleBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

a {
    color: inherit;
}

section {
    position: relative;
}

button {
    cursor: pointer;
}

button:focus {
    outline: 0px;
    outline: 0px auto -webkit-focus-ring-color;
    outline: none;
}

.btn.focus,
.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

a:hover,
a:focus {
    text-decoration: none;
}

:focus {
    outline: 0px auto -webkit-focus-ring-color;
}

.container,
.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
    padding-right: 0;
    padding-left: 0;
}

.main-row3x {
    margin: 0 -6px;
}

.main-col3x {
    padding: 0 6px;
}

.header-nav .nav-col {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.header-nav .nav-col .logo .logo-img {
    padding-right: 40px;
}

.header-nav .logo-text {
    padding-left: 30px;
    border-left: 1px solid #eaeaea;
}

.header-nav .logo-text h1 {
    font-family: 'kittithadaMedium65';
    font-size: 24px;
    line-height: 30px;
    color: #000;
}

.header-nav .logo-text h2 {
    font-family: 'kittithadaLight45';
    font-size: 18px;
    line-height: 24px;
    color: #000;
}

.header-nav .btn-register,
.header-nav .btn.btn-register:focus {
    font-family: 'kittithadaLight45';
    font-size: 18px;
    padding: 0 40px;
    border: none;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #4b2885;
    margin: 0;
    position: absolute;
    top: 2px;
    right: 0;
}

.header-nav .btn.btn-register:hover {
    background-color: #3b1d6d;
}

.header-nav .fa-chevron-right {
    color: #fff;
    margin-left: 10px;
    vertical-align: -1px;
    font-size: 16px;
}

.header-nav {
    padding: 20px 0 0;
    margin-bottom: 20px;
    position: relative;
}

.user-log {
    position: absolute;
    top: 3px;
    right: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.user-log .tex-name {
    font-family: 'kittithadaLight45';
    font-size: 18px;
    line-height: 24px;
    color: #000;
    padding-right: 30px;
}

.user-log .tex-name span {
    color: #777;
}

.user-log .total-notif {
    position: relative;
}

.user-log .total-notif {
    position: relative;
    padding-right: 25px;
}

.user-log .total-notif .ck-message {
    width: 24px;
}

.user-log .total-notif .num {
    width: 24px;
    height: 24px;
    font-family: 'kittithadaLight45';
    font-size: 10px;
    line-height: 24px;
    color: #fff;
    border-radius: 50%;
    background-color: #d30000;
    position: absolute;
    bottom: -10px;
    right: 5px;
    text-align: center;
}

.user-log .menu-options {
    position: relative;
    border-left: 1px solid #eaeaea;
    margin-left: 25px;
}

.user-log .menu-options .dropdown-toggle::after {
    border-top: .3em solid #000;
    margin-left: 0;
}

.user-log .menu-options .btn {
    border: none;
    background-color: transparent;
    border-radius: 0;
    height: 48px;
    padding: 0 25px;
}

.user-log .menu-options .dropdown-menu {
    right: 0;
    left: auto;
    padding: 10px 10px;
    font-family: 'kittithadaLight45';
    font-size: 16px;
    color: #000;
    background-color: #eee;
    border: none;
    border-radius: 3px;
}

.user-log .menu-options .dropdown-menu .dropdown-item {
    border-radius: 3px;
    padding: 5px 15px;
    color: #000;
    text-align: left;
}

.user-log .menu-options .dropdown-menu .dropdown-item:focus {
    background-color: transparent;
}

.user-log .menu-options .dropdown-menu .dropdown-item:hover {
    background-color: #4b2885;
    color: #fff;
}

.user-log .menu-options .dropdown-menu .dropdown-item .ico {
    width: 16px;
    margin-right: 10px;
    vertical-align: -3px;
}

.user-log .menu-options .dropdown-menu .dropdown-item .ico.activate,
.user-log .menu-options .dropdown-menu .dropdown-item:hover .ico {
    display: none;
}

.user-log .menu-options .dropdown-menu .dropdown-item:hover .ico.activate {
    display: inline-block;
}

.footer .footer-content h4 {
    font-family: 'kittithadaMedium65';
    font-size: 18px;
    line-height: 24px;
    color: #000;
    margin: 0 0 20px 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 40px 0 0;
}

.footer .footer-content h4:before {
    content: "";
    position: absolute;
    bottom: -20px;
    width: 60px;
    height: 5px;
    left: 0;
    background-color: #fcaf17;
}

.footer .footer-content ul {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #000;
    padding: 0 0 0 40px;
    margin: 0 0 0 0;
    display: inline-block;
    border-left: 1px solid #d0d0d0;
    list-style: none;
    vertical-align: top;
}

.footer .footer-content ul li {
    padding: 3px 0;
}

.footer .footer-content ul li:first-child {
    padding-top: 0;
}

.footer .footer-content ul li a {
    color: #000;
    display: block;
}

.footer .footer-content ul li:hover a {
    color: #4b2885;
}

.footer .footer-content h5 {
    font-family: 'kittithadaMedium65';
    font-size: 30px;
    line-height: 36px;
    color: #000;
    margin: 0 0 30px 0;
    position: relative;
    padding: 0 0 0 0;
}

.footer .footer-content h5:before {
    content: "";
    position: absolute;
    bottom: -20px;
    width: 60px;
    height: 5px;
    left: 0;
    background-color: #4b2885;
}

.footer .footer-content h6 {
    font-family: 'kittithadaMedium65';
    font-size: 30px;
    line-height: 36px;
    color: #777;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.footer .footer-content h6 a {
    color: #777;
}

.footer .footer-content .contact {
    float: right;
}

.footer {
    padding: 50px 0;
    background-color: #ececec;
}

.copy-right {
    background-color: #898989;
    padding: 15px 0;
}

.copy-right ul {
    list-style: none;
    padding: 0px;
    margin: 0;
}

.copy-right ul li {
    float: right;
    color: #fff;
    font-family: 'kittithadaLight45';
    font-size: 14px;
    margin-left: 10px;
}

.copy-right .sub {
    font-family: 'kittithadaLight45';
    font-size: 14px;
    color: #fff;
    float: left;
}

.warpper {
    background-color: #dddddd;
    position: relative;
}

.warpper:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 160px;
    /* background-color: #9e8fb2;
	background-image: linear-gradient(315deg, #9e8fb2 0%, #a7acd9 74%); */
    background-color: #eeeeee;
    background-image: url(../img/scb-custodian-bg.jpg);
}

.side-nav {
    margin: 175px 0 12px 0;
}

.side-nav .side-nav-box {
    position: relative;
    margin: 10px 0;
}

.side-nav .side-nav-box a {
    display: block;
}

.side-nav .side-nav-box .media {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0;
    padding: 8px 30px;
    border-radius: 3px;
    cursor: pointer;
}

.side-nav .side-nav-box .media.active {
    background-color: #4b2885;
}

.side-nav .side-nav-box .media:hover {
    background-color: #4b2885;
}

.side-nav .side-nav-box .ico-main-snav {
    margin-right: 15px;
    width: 24px;
    height: 24px;
}

.side-nav .side-nav-box .ico-main-snav.on-activate {
    display: none;
}

.side-nav .side-nav-box .media .media-body h5 {
    font-family: 'kittithadaMedium65';
    font-size: 18px;
    color: #000;
    padding: 0;
    margin: 0 0;
}

.side-nav .side-nav-box .media:hover .media-body h5 {
    color: #fff;
}

.side-nav .side-nav-box .media.active .media-body h5 {
    color: #fff;
}

.side-nav .side-nav-box .media.active .ico-main-snav.on-activate,
.side-nav .side-nav-box .media:hover .ico-main-snav.on-activate {
    display: block;
}

.side-nav .side-nav-box .media.active .ico-main-snav,
.side-nav .side-nav-box .media:hover .ico-main-snav {
    display: none;
}

.side-nav .side-nav-box .sub-snav {
    font-family: 'kittithadaMedium65';
    font-size: 18px;
    line-height: 24px;
    color: #999999;
    padding: 0 0 0 90px;
    margin: 10px 0;
}

.side-nav .side-nav-box .sub-snav li {
    padding: 3px;
    border-bottom: 1px solid #ccc;
}

.side-nav .side-nav-box .sub-snav li:last-child {
    border-bottom: 1px solid transparent;
}

.side-nav .side-nav-box .sub-snav li a {
    color: #777;
    display: block;
}

.side-nav .side-nav-box .sub-snav li:hover a {
    color: #4b2885;
}

.side-nav .side-nav-box .sub-snav li a.active {
    color: #4b2885;
}

.side-widget {
    padding: 15px;
    background-color: #fff;
    margin: 100px 0 12px 0;
    border-radius: 3px;
}

.side-widget .group-widget {
    margin: 0 0 30px 0;
}

.side-widget .group-widget .gw-nf {
    padding-right: 6px;
}

.side-widget .group-widget .gw-ntfct {
    padding-left: 6px;
}

.side-widget .group-widget .btn-widget-select,
.side-widget .group-widget .btn-widget-select:focus {
    background-color: #eeeeee;
    font-family: 'kittithadaMedium65';
    font-size: 14px;
    line-height: 35px;
    color: #999;
    border-radius: 3px;
    padding: 0;
    border: none;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    height: 35px;
    width: 100%;
    cursor: pointer;
}

.side-widget .group-widget .btn-widget-select:hover,
.side-widget .group-widget .btn-widget-select.active {
    background-color: #4b2885;
    color: #fff;
}

.side-widget .head-title {
    width: 100%;
    float: left;
    clear: both;
}

.side-widget .head-title h2 {
    font-family: 'kittithadaMedium65';
    font-size: 24px;
    line-height: 30px;
    color: #000;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
    float: left;
}

.side-widget .head-title h6 {
    font-family: 'kittithadaLight45';
    font-size: 14px;
    line-height: 30px;
    color: #000;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
    float: right;
}

.side-widget .head-title h6 a {
    color: #000;
}

.side-widget .head-title h6 .list-ico {
    margin-right: 15px;
    vertical-align: -8px;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.side-widget .carousel-item-next,
.side-widget .carousel-item-prev,
.side-widget .carousel-item.active {
    display: block;
}

.side-widget .feed-notif-box {
    position: relative;
    margin: 0 0 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
}

.side-widget .feed-notif-box:last-child {
    border-bottom: none;
}

.side-widget .feed-notif-box .status-notif {
    border-radius: 50%;
    background-color: #c1c1c1;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    margin-top: 6px;
}

.side-widget .feed-notif-box.notif-new .status-notif {
    background-color: #f00000;
}

.side-widget .feed-notif-box .media {
    margin: 0 0;
    padding: 0;
    cursor: pointer;
}

.side-widget .feed-notif-box .media .media-body {
    font-family: 'kittithadaLight45';
    font-size: 14px;
    line-height: 20px;
    color: #777;
    padding: 0;
    margin: 0 0;
}

.side-widget .feed-notif-box.notif-new .media .media-body {
    font-family: 'kittithadaMedium65';
    color: #000;
}

.side-widget .feed-notif-box .media .media-body span {
    font-family: 'kittithadaMedium65';
    color: #4b2885;
}

.side-widget .feed-notif-box .media .media-body span.rq-num {
    color: #000;
}

.side-widget .feed-notif-box .media .media-body .tag {
    display: inline-block;
    color: #fff;
    background-color: #fcaf17;
    font-family: 'kittithadaLight45';
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    padding: 0 10px;
    margin: 5px 0 0 0;
    width: auto;
    border-radius: 3px;
}

.side-widget .carousel-indicators {
    position: relative;
    bottom: 0;
    display: block;
    margin-right: 0;
    margin-left: 0;
    list-style: none;
    text-align: center;
    margin: 0 0;
}

.side-widget .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #c1c1c1;
    border: none;
    border-radius: 10px;
    max-width: 10px;
}

.side-widget .carousel-indicators .active {
    background-color: #847957;
}

.exchange {
    margin: 30px 0;
}

.exchange .input-group {
    margin: 0 0 30px 0;
}

.exchange .input-group .form-control {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    color: #777;
    background-color: rgba(255, 255, 255, 0.8);
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
    padding: 0 15px;
    border: none;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    height: 40px;
    line-height: 40px;
}

.exchange .input-group .btn {
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
    padding: 7px 15px 0 15px;
    border: none;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    height: 40px;
}

.exchange .input-group .btn .search-ico {
    width: 24px;
    height: 24px;
}

.exchange .box-f-exchange {
    padding: 30px 20px;
    background-color: #fff;
    border-radius: 3px;
}

.exchange .box-f-exchange .head-title {
    width: 100%;
    float: left;
    clear: both;
}

.exchange .box-f-exchange .head-title h2 {
    font-family: 'kittithadaMedium65';
    font-size: 24px;
    line-height: 30px;
    color: #000;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
    float: left;
}

.exchange .box-f-exchange .head-title h6 {
    font-family: 'kittithadaLight45';
    font-size: 14px;
    line-height: 30px;
    color: #000;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
    float: right;
}

.exchange .box-f-exchange .head-title h6 a {
    color: #000;
}

.exchange .box-f-exchange .head-title h6 .list-ico {
    margin-right: 15px;
    vertical-align: -8px;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.exchange .filepond--drop-label label {
    cursor: pointer;
    padding: 0;
    font-family: 'kittithadaLight45' !important;
    font-size: 16px !important;
    color: #777;
    text-align: center;
    line-height: 22px !important;
    margin: 0;
}

.exchange .filepond--root {
    margin: 0 0 15px 0;
}

.exchange .filepond--panel-root {
    border-radius: 3px;
}

.exchange .filepond--drip {
    background-color: #eeeeee;
    opacity: 1;
}

.exchange .box-f-exchange .form-group textarea.form-control {
    height: 55px !important;
    padding: 15px;
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #000;
    background-color: #eeeeee;
    border: none;
    border-radius: 3px;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
}

.exchange .box-f-exchange .form-group .btn-send,
.exchange .box-f-exchange .form-group .btn-send:focus {
    background-color: #4b2885;
    border-radius: 3px;
    font-family: 'kittithadaMedium65';
    font-size: 18px;
    line-height: 55px;
    padding: 0;
    border: none;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    height: 100%;
    width: 100%;
    color: #fff;
    cursor: pointer;
}

.exchange .box-f-exchange .form-group .btn-send:hover {
    background-color: #4b2885;
}

.exchange .box-f-exchange .form-group .btn-send .send-ico {
    margin-left: 15px;
    vertical-align: -6px;
    width: 24px;
    height: 24px;
}

.exchange .box-f-exchange .form-group .send-text {
    padding-left: 15px;
}

.exchange .box-f-exchange .text-data h3 {
    font-family: 'kittithadaMedium65';
    font-size: 24px;
    line-height: 30px;
    color: #000;
    padding: 0 0 0 0;
    margin: 20px 0 5px 0;
}

.exchange .box-f-exchange .text-data table {
    margin: 0;
}

.exchange .box-f-exchange .text-data .tb-small {
    display: none;
}

.exchange .box-f-exchange .text-data .table td {
    padding: 8px 5px;
    border-top: none;
    vertical-align: middle;
    border-bottom: 1px solid #eaeaea;
}

.exchange .box-f-exchange .text-data .table tr:last-child td {
    border-bottom: none;
}

.exchange .box-f-exchange .text-data .table .title-exc {
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 22px;
    color: #000;
    display: none;
}

.exchange .box-f-exchange .text-data .table .date-time {
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 22px;
    color: #4b2885;
}

.exchange .box-f-exchange .text-data .table .date-time span {
    font-family: 'kittithadaLight45';
    color: #777;
}

.exchange .box-f-exchange .text-data .table .total-upload {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #000;
}

.exchange .box-f-exchange .text-data .table .file-ico {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    width: 32px;
}

.exchange .box-f-exchange .text-data .table .file-more {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    font-family: 'kittithadaMedium65';
    font-size: 24px;
    line-height: 32px;
    color: #000;
}

.exchange .box-f-exchange .text-data .table .file-more a {
    color: #000;
}

.exchange .box-f-exchange .text-data .table .status {
    height: 35px;
    width: 115px;
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    border-radius: 3px;
    background-color: #fcaf17;
    text-align: center;
}

.exchange .box-f-exchange .text-data .table .status.complete {
    background-color: #709437;
}

@media (min-width:1200px) {
    .carousel-box .carousel-inner {
        height: 490px;
    }
    .carousel-box .carousel-inner .carousel-item {
        height: 490px;
    }
}

.carousel-box .carousel-item-next,
.carousel-box .carousel-item-prev,
.carousel-box .carousel-item.active {
    display: block !important;
}

.carousel-box .carousel-photo,
.carousel-box .carousel-photo-mini {
    width: 100%;
}

.carousel-box .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #c1c1c1;
    border: none;
    border-radius: 10px;
    max-width: 10px;
}

.carousel-box .carousel-indicators .active {
    background-color: #847957;
}

.carousel-box .carousel-indicators {
    position: absolute;
    right: 15px;
    bottom: 15px;
    left: 0;
    z-index: 15;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
}

.carousel-box .caption {
    margin: 0;
    position: absolute;
    bottom: 17%;
    left: 31%;
    width: 38%;
    padding: 0;
}

.carousel-box .caption .text-inner {
    background-color: transparent;
    text-shadow: 2px 1px 1px black;
}

.carousel-box .caption h2 {
    font-family: 'kittithadaMedium65';
    font-size: 36px;
    line-height: 42px;
    color: #fff;
    margin: 0 0 20px 0;
}

.carousel-box .caption p {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin: 0 0 0 0;
}

.carousel-box .carousel-photo-mini {
    display: none !important;
}

.carousel-box .box-login {
    position: absolute;
    top: 5%;
    right: 5%;
    background-color: #fff;
    width: 280px;
    padding: 30px;
}

.carousel-box .box-login h3 {
    font-family: 'kittithadaMedium65';
    font-size: 30px;
    line-height: 36px;
    color: #000;
    margin: 0 0 15px 0;
}

.carousel-box .box-login .form-group {
    margin-bottom: 10px;
}

.carousel-box .box-login .form-group label {
    font-family: 'kittithadaMedium65';
    font-size: 18px;
    line-height: 22px;
    color: #777;
    margin: 0 0 5px 0;
    padding: 0;
}

.carousel-box .box-login .form-group .form-control {
    font-family: 'kittithadaMedium65';
    font-size: 18px;
    color: #000;
    padding: 0 15px;
    background-color: #e5e5e5;
    border: none;
    border-radius: 0;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    height: 35px;
    line-height: 35px;
}

.carousel-box .box-login .btn.btn-login,
.carousel-box .box-login .btn.btn-login:focus {
    display: block;
    font-family: 'kittithadaMedium65';
    font-size: 18px;
    line-height: 35px;
    color: #fff;
    height: 35px;
    border: none;
    padding: 0;
    width: 100%;
    background-color: #847957;
    border-radius: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    cursor: pointer;
    margin-top: 20px;
}

.carousel-box .box-login .btn.btn-login:hover {
    background-color: #91876a;
}

.carousel-box .box-login .pad-lock {
    margin-right: 15px;
    vertical-align: -2px;
    width: 16px;
}

.report {
    margin: 30px 0;
}

.report .input-group {
    margin: 0 0 30px 0;
}

.report .input-group .form-control {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    color: #777;
    background-color: rgba(255, 255, 255, 0.8);
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
    padding: 0 15px;
    border: none;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    height: 40px;
    line-height: 40px;
}

.report .input-group .btn {
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
    padding: 7px 15px 0 15px;
    border: none;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    height: 40px;
}

.report .input-group .btn .search-ico {
    width: 24px;
    height: 24px;
}

.report .box-f-report {
    padding: 30px 20px;
    background-color: #fff;
    border-radius: 3px;
    min-height: 400px;
}

.report .box-f-report .head-title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.report .box-f-report .head-title .head-title-col h2 {
    font-family: 'kittithadaMedium65';
    font-size: 24px;
    line-height: 30px;
    color: #000;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.report .box-f-report .head-title .head-title-col select,
.exchange select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #4b2885 !important;
    background-image: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 0 0 15px;
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    color: #fff !important;
    cursor: pointer;
    line-height: 35px;
    height: 35px;
    min-height: inherit;
}

.report .box-f-report .head-title .head-title-col .select,
.exchange .select {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    height: 35px;
    line-height: 35px;
    background: #4b2885 !important;
    overflow: hidden;
    border-radius: 3px;
    border: none;
}

.exchange .select {
    width: 100% !important;
}

.report .box-f-report .head-title .head-title-col select::-ms-expand,
.exchange select::-ms-expand {
    display: none;
}

.report .box-f-report .head-title .head-title-col .select::after,
.exchange .select::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 15px;
    background: #4b2885 !important;
    pointer-events: none;
    color: #a594c2 !important;
    height: 35px;
    font-size: 10px;
}

.report .box-f-report .head-title .head-title-col .select::after,
.exchange .select::after {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.report .box-f-report .head-title .head-title-col .btn.type-rp {
    color: #777;
    background-color: #eee;
    border-color: transparent;
    font-family: 'kittithadaMedium65';
    font-size: 14px;
    border-radius: 3px;
    border: none;
    width: 120px;
    margin: 0;
    padding: 0;
    height: 35px;
}

.report .box-f-report .head-title .head-title-col .btn.type-rp.active,
.report .box-f-report .head-title .head-title-col .btn.type-rp.active:hover {
    color: #fff;
    background-color: #4b2885;
}

.report .box-f-report .head-title .head-title-col .btn.type-rp:hover {
    background-color: #fcaf17;
    color: #fff;
}

.report .box-f-report .head-title .head-title-col .btn.type-rp:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.report .box-f-report .head-title .head-title-col .btn.type-rp:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.report .box-f-report .head-title .head-title-col .btn.sort-rp {
    background-color: #eee;
    border-color: transparent;
    border-radius: 3px;
    border: none;
    margin: 0;
    padding: 0;
    height: 35px;
    width: 50px;
    line-height: 35px;
}

.report .box-f-report .head-title .head-title-col .btn.sort-rp .sort-ico {
    width: 16px;
    height: 16px;
    vertical-align: -3px;
}

.report .box-f-report .head-title .head-title-col .btn.sort-rp.active,
.report .box-f-report .head-title .head-title-col .btn.sort-rp.active:hover {
    color: #fff;
    background-color: #4b2885;
}

.report .box-f-report .head-title .head-title-col .btn.sort-rp:hover {
    background-color: #fcaf17;
    color: #fff;
}

.report .box-f-report .head-title .head-title-col .btn.sort-rp:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.report .box-f-report .head-title .head-title-col .btn.sort-rp:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.report .box-f-report .head-title .head-title-col .btn.sort-rp:hover .sort-ico.on-activate,
.report .box-f-report .head-title .head-title-col .btn.sort-rp.active .sort-ico.on-activate {
    display: inline-block;
}

.report .box-f-report .head-title .head-title-col .btn.sort-rp .sort-ico.on-activate,
.report .box-f-report .head-title .head-title-col .btn.sort-rp:hover .sort-ico,
.report .box-f-report .head-title .head-title-col .btn.sort-rp.active .sort-ico {
    display: none;
}

.report .box-f-report .head-title .head-title-col .btn.add-rp,
.report .box-f-report .head-title .head-title-col .btn.add-rp:focus {
    background-color: #847957;
    border-radius: 3px;
    font-family: 'kittithadaMedium65';
    font-size: 14px;
    line-height: 35px;
    padding: 0 20px;
    border: none;
    margin: 0;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    height: 35px;
    color: #fff;
    cursor: pointer;
}

.report .box-f-report .head-title .head-title-col .btn.add-rp:hover {
    background-color: #71684b;
}

.report .box-f-report .head-title .head-title-col .btn.add-rp .export-ico {
    vertical-align: -4px;
    margin-right: 10px;
    width: 16px;
}

.report .box-f-report .head-title .head-title-col .btn.add-new,
.report .box-f-report .head-title .head-title-col .btn.add-new:focus {
    background-color: #4b2885;
    border-radius: 3px;
    font-family: 'kittithadaMedium65';
    font-size: 14px;
    line-height: 35px;
    padding: 0 20px;
    border: none;
    margin: 0;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    height: 35px;
    color: #fff;
    cursor: pointer;
}

.report .box-f-report .head-title .head-title-col .btn.add-new:hover {
    background-color: #fcaf17;
}

.report .box-f-report .head-title .head-title-col .btn.add-new .plus-ico {
    vertical-align: -4px;
    margin-right: 10px;
    width: 16px;
}

.report .block-report {
    margin: 30px -8px;
}

.report .block-report .block-report-col {
    padding: 0 8px;
}

.report .block-report .block-report-col .pic {
    width: 100%;
    position: relative;
}

.report .block-report .block-report-col .pic:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #eaeaea;
}

.report .block-report .block-report-col:hover .pic:before {
    border: 5px solid #4b2885;
}

.report .block-report .block-report-col .text .media {
    margin: 20px 0;
    padding: 0 20px;
    cursor: pointer;
}

.report .block-report .block-report-col .text .ico-love {
    margin-right: 10px;
    width: 16px;
    height: 16px;
    margin-top: 2px;
}

.report .block-report .block-report-col .text .media .media-body h5 {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #000;
    padding: 0;
    margin: 0 0;
    text-align: center;
}

.report .block-report .block-report-col:hover .text .media .media-body h5 {
    font-family: 'kittithadaMedium65';
    color: #4b2885;
}

.report .ctmz-report.tbctmz-report-small {
    display: none;
}

.report .ctmz-report.tbctmz-report-small .title-ctmz {
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 22px;
    color: #000;
    display: none;
}

.report .ctmz-report {
    margin: 30px 0;
}

.report .ctmz-report td {
    padding: 8px 5px;
    border-top: none;
    vertical-align: middle;
    text-align: center;
}

.report .ctmz-report .title {
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 22px;
    color: #4b2885;
}

.report .ctmz-report .type {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #000;
}

.report .ctmz-report .file-ico {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    width: 32px;
}

.report .ctmz-report .delete-ico {
    margin: 0 auto;
    width: 24px;
}

.report .ctmz-report thead th {
    vertical-align: middle;
    border-bottom: none;
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 22px;
    border-top: none;
    color: #777;
    text-align: center;
    padding: 8px 0;
}

.report .ctmz-report tbody tr:nth-of-type(odd) {
    background-color: #eee;
}

.report .ctmz-report tbody tr:nth-of-type(even) {
    background-color: #f8f8f8;
}

.col-excgx .side-widget {
    display: none;
}

.report .box-f-report .head-title .head-title-col .btn.btn-compost,
.report .box-f-report .head-title .head-title-col .btn.btn-compost:focus {
    background-color: #4b2885;
    border-radius: 3px;
    font-family: 'kittithadaMedium65';
    font-size: 14px;
    line-height: 35px;
    padding: 0 20px;
    border: none;
    margin: 0;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    height: 35px;
    color: #fff;
    cursor: pointer;
}

.report .box-f-report .head-title .head-title-col .btn.btn-compost:hover {
    background-color: #fcaf17;
}

.report .box-f-report .head-title .head-title-col .input-daterange .form-control {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    color: #000;
    padding: 0 15px;
    background-color: #eeeeee;
    border: none;
    border-radius: 0;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    height: 35px;
    line-height: 35px;
}

.report .box-f-report .head-title .head-title-col .input-daterange .input-group-addon {
    padding: 4px 8px;
    text-shadow: none;
    background-color: #cccccc;
    border: none;
    border-width: 0;
    color: #000;
    font-family: 'kittithadaMedium65';
    font-size: 14px;
    margin-left: 0;
    margin-right: 0;
}

.report .box-f-report .head-title .head-title-col .input-daterange .input-group-addon.gotofind {
    background-color: #4b2885;
    cursor: pointer;
}

.report .box-f-report .head-title .head-title-col .input-daterange .input-group-addon.gotofrom {
    background-color: #fff;
    color: #000;
}

.report .box-f-report .head-title .head-title-col .input-daterange .input-group-addon.gotofind .fa-chevron-right {
    color: #fff;
    vertical-align: -1px;
    font-size: 16px;
}

.report .box-f-report .head-title .head-title-col .input-daterange {
    margin: 0;
}

.report .box-f-report .head-title .head-title-col .input-daterange .form-control.at-start {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.report .ctmz-report .date-time {
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 22px;
    color: #4b2885;
}

.report .ctmz-report .date-time span {
    font-family: 'kittithadaLight45';
    color: #777;
}

.report .ctmz-report .total-upload {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #000;
}

.report .ctmz-report .message {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #777;
    text-align: left;
    white-space: nowrap;
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.report .ctmz-report .total-upload:hover a,
.report .ctmz-report .date-time:hover a,
.report .ctmz-report .message:hover a {
    color: #4b2885;
}

.report .ctmz-report .title2 {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #000;
    text-align: left;
}

.report .ctmz-report .title2 a {
    color: #000;
}

.report .ctmz-report .file-more {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    font-family: 'kittithadaMedium65';
    font-size: 24px;
    line-height: 32px;
    color: #000;
}

.report .ctmz-report .file-more a {
    color: #000;
}

.report .ctmz-report .status {
    height: 35px;
    width: 115px;
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    border-radius: 3px;
    background-color: #fcaf17;
    text-align: center;
}

.report .ctmz-report .status.complete {
    background-color: #709437;
}

.report .ctmz-report .btn-download,
.report .ctmz-report .btn-download:hover,
.report .ctmz-report .btn-download:focus {
    background-color: #4b2885;
    border-radius: 3px;
    padding: 0;
    border: none;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    height: 35px;
    width: 115px;
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    cursor: pointer;
    float: left;
}

.report .ctmz-report .btn-download .ico {
    margin-right: 5px;
    vertical-align: -3px;
    width: 16px;
    height: 16px;
}

.report .pagination {
    border-radius: 0;
    margin: 0;
}

.report .pagination .page-link {
    position: relative;
    display: block;
    padding: 4px 10px;
    margin: 3px;
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    color: #777;
    line-height: 22px;
    background-color: #fff;
    border: none;
    border-radius: 3px;
}

.report .pagination .page-link:hover {
    color: #fff;
    background-color: #4b2885;
}

.report .pagination .page-link.active {
    color: #fff;
    background-color: #4b2885;
}

.report .pagination .page-link:focus {
    color: #fff;
    background-color: #4b2885;
}

.report .tpagination {
    font-family: 'kittithadaMedium65';
    font-size: 16px;
    color: #777;
    line-height: 22px;
    text-align: right;
}

.report .tpagination span {
    color: #000;
}

.report .pgnt-rw {
    align-items: center;
}

.report .filepond--drop-label label {
    cursor: pointer;
    padding: 0;
    font-family: 'kittithadaLight45' !important;
    font-size: 16px !important;
    color: #777;
    text-align: center;
    line-height: 22px !important;
    margin: 0;
}

.report .filepond--root {
    margin: 0 0 15px 0;
}

.report .filepond--panel-root {
    border-radius: 3px;
}

.report .filepond--drip {
    background-color: #eeeeee;
    opacity: 1;
}

.report .box-f-report .form-group textarea.form-control {
    height: 55px;
    padding: 15px;
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #000;
    background-color: #eeeeee;
    border: none;
    border-radius: 3px;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
}

.report .box-f-report .form-group .btn-send,
.report .box-f-report .form-group .btn-send:focus {
    background-color: #4b2885;
    border-radius: 3px;
    font-family: 'kittithadaMedium65';
    font-size: 18px;
    line-height: 55px;
    padding: 0;
    border: none;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    height: 100%;
    width: 100%;
    color: #fff;
    cursor: pointer;
}

.report .box-f-report .form-group .btn-send:hover {
    background-color: #4b2885;
}

.report .box-f-report .form-group .btn-send .send-ico {
    margin-left: 15px;
    vertical-align: -6px;
    width: 24px;
    height: 24px;
}

.report .box-f-report .form-group .send-text {
    padding-left: 15px;
}

.report .box-f-report form {
    margin: 30px 0;
}

.box-carousel-dashboard .carousel-item-next,
.box-carousel-dashboard .carousel-item-prev,
.box-carousel-dashboard .carousel-item.active {
    display: block !important;
}

.box-carousel-dashboard .carousel-caption {
    position: absolute;
    bottom: 20px;
    left: 40px;
    width: 50%;
    padding: 0;
    right: auto;
    text-align: left;
}

.box-carousel-dashboard .carousel-caption h5 {
    font-family: 'kittithadaMedium65';
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin: 0 0 0 0;
}

.box-carousel-dashboard .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #c1c1c1;
    border: none;
    border-radius: 10px;
    max-width: 10px;
}

.box-carousel-dashboard .carousel-indicators .active {
    background-color: #f1b142;
}

.box-carousel-dashboard .carousel-indicators {
    position: absolute;
    right: 15px;
    bottom: 15px;
    left: 0;
    z-index: 15;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
}

.box-dashboard {
    padding: 30px 20px;
    background-color: #fff;
}

.box-dashboard .head-title {
    width: 100%;
    float: left;
    clear: both;
}

.box-dashboard .head-title h2 {
    font-family: 'kittithadaMedium65';
    font-size: 24px;
    line-height: 30px;
    color: #000;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
    float: left;
}

.box-dashboard .head-title h6 {
    font-family: 'kittithadaLight45';
    font-size: 14px;
    line-height: 30px;
    color: #777;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
    float: right;
}

.box-dashboard .head-title h6 a {
    color: #777;
}

.box-dashboard .head-title h6 .ico {
    margin-left: 5px;
    vertical-align: -4px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.box-dashboard .dashboard-data {
    margin-bottom: 20px;
}

.box-dashboard .dashboard-data .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    border-right: 1px solid #eaeaea;
    text-align: center;
}

.box-dashboard .dashboard-data .col-sm-2:last-child {
    border-right: none;
}

.box-dashboard .dashboard-data .col-sm-2 .num {
    font-family: 'kittithadaMedium65';
    font-size: 30px;
    line-height: 36px;
    color: #000;
    margin: 0 0 15px 0;
}

.box-dashboard .dashboard-data .col-sm-2 .text {
    font-family: 'kittithadaLight45';
    font-size: 16px;
    line-height: 22px;
    color: #777;
}

.box-dashboard .chart-area {
    margin-bottom: 20px;
    text-align: center;
}

.box-dashboard .chart-area svg {
    height: 200px;
    width: 200px;
}

.box-dashboard .chart-area text {
    display: none;
}

.warp-db {
    overflow: hidden;
    border-radius: 3px;
}

.box-exdash {
    min-height: 200px;
    border-radius: 3px;
    border: 2px dashed #eaeaea;
    cursor: pointer;
    margin-bottom: 20px;
}

.box-exdash .ico {
    width: 48px;
    margin-right: 15px;
    display: inline-block;
}

.box-exdash p {
    font-family: 'kittithadaMedium65';
    font-size: 36px;
    line-height: 48px;
    color: #777;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

.exchange-message {
    width: 65%;
    display: inline-block;
}

.exchange-message textarea.form-control {
    height: auto !important;
}

.exchange-action {
    float: right;
    width: 33%;
}

.exchange-action a {
    margin-top: 10px;
    height: 50px !important;
    line-height: 50px !important;
}

.notfound {
    min-height: 300px;
}

.notfound .ico {
    width: 64px;
    margin: 0 auto 15px;
    display: block;
}

.notfound .txt {
    font-family: 'kittithadaMedium65';
    font-size: 18px;
    line-height: 24px;
    color: #999999;
}

.hero-banner {
    min-height: 205px;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.txt-txt {
    min-height: 205px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 15px;
}

.txt-txt .txt {
    font-family: 'kittithadaMedium65';
    font-size: 40px;
    line-height: 64px;
    color: #fff;
}

.des-txt {
    padding: 80px 15px;
    text-align: center;
}

.des-txt .txt1 {
    font-family: 'kittithadaMedium65';
    font-size: 30px;
    line-height: 52px;
    color: #000;
    margin-bottom: 50px;
}

.des-txt .txt2 {
    font-family: 'kittithadaLight45';
    font-size: 20px;
    line-height: 34px;
    color: #000;
}

@media (max-width:1199px) {
    .modal-report.d-mart .modal-dialog {
        max-width: 95%;
    }
    .modal-report.d-mart .stepwizard {
        width: 70%;
    }
    .modal-detail .modal-dialog {
        max-width: 55%;
    }
    .modal-report .modal-dialog {
        max-width: 70%;
    }
    .carousel-box .box-login h3 {
        font-size: 24px;
        line-height: 30px;
    }
    .carousel-box .box-login h3 br {
        display: none;
    }
    .carousel-box .box-login .form-group label {
        font-size: 16px;
    }
    .carousel-box .box-login .form-group .form-control {
        height: 30px;
        font-size: 16px;
        line-height: 30px;
    }
    .carousel-box .box-login .btn.btn-login,
    .carousel-box .box-login .btn.btn-login:focus {
        font-size: 16px;
        line-height: 30px;
        height: 30px;
    }
    .carousel-box .box-login {
        padding: 25px;
        width: 232px;
    }
    .carousel-box .box-login .pad-lock {
        vertical-align: -3px;
    }
    .col-widgetx {
        display: none;
    }
    .col-excgx .side-widget {
        display: block;
    }
    .exchange {
        margin: 30px 0 12px 0;
    }
    .side-widget {
        margin: 12px 0 30px 0;
    }
    .report .ctmz-report .message {
        width: 120px;
    }
    .report .box-f-report .head-title .head-title-col .btn.type-rp {
        width: 100px;
    }
}

@media (max-width:991px) {
    .modal-report.d-mart .modal-dialog {
        max-width: 100%;
    }
    .modal-report.d-mart .stepwizard {
        width: 100%;
    }
    .modal-report.d-mart .modal-content .m-rp-ipt .qrsbox .form-group .col-form-label {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .modal-report.d-mart .modal-content .m-rp-ipt .qrsbox .form-group .col-sm-8 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .modal-report.d-mart .modal-content .m-rp-ipt .qrfinal .col-form-label {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .modal-report.d-mart .modal-content .m-rp-ipt .qrfinal .col-sm-8 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .modal-report.d-mart .cdt {
        display: block;
    }
    .modal-report.d-mart .cdt thead {
        display: none;
    }
    .modal-report.d-mart .cdt tbody,
    .modal-report.d-mart .cdt tbody tr,
    .modal-report.d-mart .cdt tbody tr td {
        display: block;
    }
    .modal-report.d-mart .cdt td label {
        display: block;
    }
    .modal-report.d-mart .cdt td {
        width: 100% !important;
    }
    .modal-detail .modal-dialog {
        max-width: 65%;
    }
    .modal-report .modal-dialog {
        max-width: 100%;
    }
    .user-spacial-show {
        background-color: #ddd;
        padding: 20px 0 5px 0;
        display: block;
    }
    .user-log {
        position: relative;
        top: 0;
    }
    .user-box {
        background-color: #fff;
        padding: 20px 0 20px 20px;
        border-radius: 3px;
        width: 100%;
    }
    .user-log .tex-name {
        padding-right: 0;
        display: inline-block;
        float: left;
    }
    .user-log .total-notif {
        display: inline-block;
        float: right;
        margin-top: 5px;
    }
    .user-log .menu-options {
        display: none;
    }
    .user-log .nav-hamberger {
        position: relative;
        border-left: 1px solid #eaeaea;
        margin-left: 25px;
        float: right;
        display: inline-block;
        height: 48px;
        cursor: pointer;
    }
    .user-log .nav-hamberger .menu-toggler {
        float: right;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        width: 22px;
        user-select: none;
        box-sizing: content-box;
        cursor: pointer;
        padding-right: 25px;
        padding-left: 25px;
        margin-top: 16px;
    }
    .user-log .nav-hamberger .menu-toggler .one,
    .user-log .nav-hamberger .menu-toggler .two,
    .user-log .nav-hamberger .menu-toggler .three {
        width: 100%;
        height: 2px;
        background: #4b2885;
        margin-bottom: 5px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        border-radius: 10px;
    }
    .user-log .nav-hamberger .menu-toggler .three {
        margin-bottom: 0;
    }
    .warpper:before {
        display: none;
    }
    .side-nav {
        margin: 0;
        display: none;
    }
    .exchange .input-group {
        margin: 0 0 15px 0;
    }
    .exchange {
        margin: 10px 0 12px 0;
    }
    .report {
        margin: 10px 0 12px 0;
    }
    .report .input-group {
        margin: 0 0 15px 0;
    }
    .carousel-box .box-login {
        top: 0px;
        right: 0px;
        width: 240px;
        height: 100%;
        padding: 20px;
    }
    .carousel-box .box-login .form-group {
        margin-bottom: 3px;
    }
    .carousel-box .box-login h3 {
        font-size: 25px;
        line-height: 25px;
    }
    .carousel-box .box-login .pad-lock {
        vertical-align: -2px;
    }
    .carousel-box .box-login .form-group label {
        font-size: 18px;
    }
    .carousel-box .box-login .form-group .form-control {
        height: 35px;
        font-size: 18px;
        line-height: 35px;
    }
    .carousel-box .box-login .btn.btn-login,
    .carousel-box .box-login .btn.btn-login:focus {
        font-size: 18px;
        line-height: 35px;
        height: 35px;
    }
}

@media (max-width:988px) {
    .user-log .menu-options {
        display: block !important;
        position: absolute;
        border-left: none;
        right: 10%;
        bottom: 20px;
    }
    .user-log .total-notif {
        display: block;
        position: absolute;
        right: 17%;
        bottom: 30px;
    }
}

@media (max-width: 812px) {
    .user-log .menu-options {
        display: block !important;
        position: absolute;
        border-left: none;
        right: 10%;
        bottom: 20px;
    }
    .user-log .total-notif {
        display: block;
        position: absolute;
        right: 17%;
        bottom: 30px;
    }
}

@media (max-width:767px) {
    .nfull {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nominee-bar {
        padding: 8px 12px;
    }
    .nominee-bar ul {
        display: unset;
    }
    .nominee-bar ul .txt {
        padding-right: 0px;
    }
    .modal-report.d-mart .stepwizard {
        width: 35%;
    }
    .carousel-box .caption {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 20px 80px 35px 20px;
        background-color: #eee;
    }
    .carousel-box .caption .text-inner {
        background-color: transparent;
        text-shadow: none;
    }
    .carousel-box .caption h2 {
        font-family: 'kittithadaMedium65';
        font-size: 36px;
        line-height: 42px;
        color: #000;
        margin: 0 0 20px 0;
    }
    .carousel-box .caption p {
        font-family: 'kittithadaLight45';
        font-size: 16px;
        line-height: 22px;
        color: #000;
        margin: 0 0 0 0;
    }
    .carousel-box .box-login {
        position: relative;
        width: 100%;
    }
    .modal-detail .modal-dialog {
        max-width: 85%;
    }
    .header-nav.mobile {
        padding: 10px 20px;
    }
    .sub-header {
        padding: 15px 20px;
        background-color: #ececec;
        position: relative;
    }
    .sub-header .logo-text h1 {
        font-family: 'kittithadaMedium65';
        font-size: 36px;
        line-height: 42px;
        color: #000;
        margin-bottom: 5px;
    }
    .sub-header .logo-text h2 {
        font-family: 'kittithadaLight45';
        font-size: 24px;
        line-height: 30px;
        color: #000;
    }
    .sub-header .btn-register,
    .header-nav .btn.btn-register:focus {
        font-family: 'kittithadaLight45';
        font-size: 18px;
        padding: 0 40px;
        border: none;
        height: 50px;
        line-height: 50px;
        color: #fff;
        background-color: #4b2885;
        margin: 0 0 0 0;
        position: absolute;
        top: 29px;
        right: 20px;
    }
    .sub-header .btn.btn-register:hover {
        background-color: #3b1d6d;
    }
    .sub-header .fa-chevron-right {
        color: #fff;
        margin-left: 10px;
        vertical-align: -1px;
        font-size: 16px;
    }
    .copy-right .copy-right-rw .copy-right-col {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .copy-right ul {
        float: left;
        margin-top: 5px;
    }
    .copy-right ul a:last-child li {
        margin-left: 0;
    }
    .footer .footer-content .contact {
        float: left;
        margin-top: 20px;
    }
    .footer {
        padding: 30px 0;
    }
    .exchange .box-f-exchange .text-data .table .file-more {
        font-size: 18px;
    }
    .exchange .box-f-exchange .text-data .table .status {
        width: 100%;
        padding: 0 5px;
    }
    .modal-report .modal-dialog {
        max-width: 90%;
    }
    .modal-report .modal-content .m-rp-col {
        padding: 20px;
    }
    .modal-report .modal-content .m-rp-ipt {
        padding: 20px;
    }
    .report .ctmz-report .message {
        white-space: inherit;
        width: auto;
        overflow: inherit;
        text-overflow: inherit;
    }
    .report .ctmz-report.tbctmz-report-small {
        display: table;
        margin: 15px 0 0 0;
    }
    .report .ctmz-report {
        display: none;
    }
    .report .ctmz-report.tbctmz-report-small tbody tr td:nth-of-type(odd) {
        background-color: #eee;
    }
    .report .ctmz-report.tbctmz-report-small tbody tr td:nth-of-type(even) {
        background-color: #f8f8f8;
    }
    .report .ctmz-report.tbctmz-report-small .title-ctmz {
        display: block;
        text-align: left;
    }
    .report .ctmz-report.tbctmz-report-small tbody tr td.space {
        background-color: #fff;
    }
    .report .ctmz-report.tbctmz-report-small .file-ico:first-child {
        margin-left: 0;
    }
    .report .ctmz-report.tbctmz-report-small td {
        padding: 8px 15px;
        text-align: left;
        border-bottom: 1px solid #fff;
    }
    .report .pgnt-rw {
        display: block;
    }
    .report .pagination {
        margin: 30px 0;
        justify-content: center;
    }
    .report .tpagination {
        text-align: center;
    }
    .report .box-f-report .head-title .head-title-col h2 {
        margin: 0 0 15px 0;
    }
    .report .box-f-report .head-title .head-title-col .btn-group {
        display: block;
    }
    .report .box-f-report .head-title .head-title-col .btn.type-rp {
        width: 50%;
        float: left;
        margin-bottom: 15px;
    }
    .report .box-f-report .head-title .head-title-col .btn.sort-rp {
        width: 50%;
        float: left;
    }
    .report .box-f-report .head-title .head-title-col .btn.add-rp,
    .report .box-f-report .head-title .head-title-col .btn.add-rp:focus {
        display: block;
        width: 100%;
    }
    .report .box-f-report .head-title .head-title-col .btn.btn-compost,
    .report .box-f-report .head-title .head-title-col .btn.btn-compost:focus {
        width: 100%;
        margin-top: 15px;
    }
    .report .box-f-report .head-title .head-title-col .select {
        width: 100%;
        margin-bottom: 15px;
    }
    .report .box-f-report .head-title .head-title-col .btn.add-new,
    .report .box-f-report .head-title .head-title-col .btn.add-new:focus {
        display: block;
        width: 100%;
    }
    .box-carousel-dashboard .carousel-caption {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 20px;
        background-color: #4b2885;
    }
    .box-carousel-dashboard .carousel-indicators {
        bottom: auto;
        top: 15px;
        left: 0;
    }
    .box-exdash p {
        font-size: 30px;
    }
    .exchange-message {
        width: 100%;
    }
    .exchange-action {
        float: none;
        width: 100%;
    }
}

@media (max-width:736px) {
    .user-log .menu-options {
        display: block !important;
        position: absolute;
        border-left: none;
        right: 12%;
        bottom: 20px;
    }
    .user-log .total-notif {
        display: block;
        position: absolute;
        right: 18%;
        bottom: 30px;
    }
}

@media (max-width:667px) {
    .user-log .menu-options {
        display: block !important;
        position: absolute;
        border-left: none;
        right: 12%;
        bottom: 20px;
    }
    .user-log .total-notif {
        display: block;
        position: absolute;
        right: 18%;
        bottom: 30px;
    }
}

@media (max-width:575px) {
    .carousel-box .box-login .btn.btn-login,
    .carousel-box .box-login .btn.btn-login:focus {
        font-size: 20px;
        line-height: 45px;
        height: 48px;
    }
    /* .box-carousel-dashboard .carousel-caption h5 br {
		display:none;
	} */
    .box-dashboard .dashboard-data .col-sm-2 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 15px;
    }
    .box-dashboard .dashboard-data .col-sm-2:nth-child(2) {
        border-right: none;
    }
    .box-dashboard .dashboard-data .col-sm-2:nth-child(4) {
        border-right: none;
    }
    .box-dashboard .dashboard-data .col-sm-2:nth-child(6) {
        border-right: none;
    }
    .box-dashboard .dashboard-data .col-sm-2 .num {
        margin: 0;
    }
    .modal-report.d-mart .stepwizard {
        width: 75%;
    }
    .modal-detail .modal-dialog {
        max-width: 100%;
    }
    .modal-report .modal-dialog {
        max-width: 100%;
    }
    .exchange .box-f-exchange .text-data .table tbody tr td:nth-of-type(odd) {
        background-color: #eee;
    }
    .exchange .box-f-exchange .text-data .table tbody tr td:nth-of-type(even) {
        background-color: #f8f8f8;
    }
    .exchange .box-f-exchange .text-data .tb-small {
        display: table;
        margin: 15px 0 0 0;
    }
    .exchange .box-f-exchange .text-data table {
        display: none;
    }
    .exchange .box-f-exchange .text-data .table .title-exc {
        display: block;
    }
    .exchange .box-f-exchange .text-data .table tbody tr td.space {
        background-color: #fff;
    }
    .exchange .box-f-exchange .text-data .table .file-ico:first-child {
        margin-left: 0;
    }
    .exchange .box-f-exchange .text-data .table td {
        padding: 8px 15px;
        border-bottom: 1px solid #fff;
    }
    .header-nav .nav-col .logo .logo-img {
        padding-right: 20px;
        width: 120px;
    }
    .header-nav .logo-text {
        padding-left: 15px;
    }
    .header-nav .logo-text h2 {
        font-size: 14px;
        line-height: 20px;
    }
    .sub-header .logo-text h1 {
        font-size: 30px;
        line-height: 36px;
    }
    .sub-header .logo-text h2 {
        font-size: 20px;
        line-height: 26px;
    }
    .header-nav .logo-text h1 {
        font-size: 20px;
        line-height: 26px;
    }
    .user-log .tex-name {
        font-size: 16px;
        line-height: 22px;
    }
    .user-log .total-notif {
        display: none;
    }
    .carousel-box .caption h2 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 10px;
    }
    .carousel-box .carousel-photo-mini {
        display: block !important;
    }
    /* .carousel-box .carousel-photo {
		display:none !important;
	} */
    .sub-header .btn-register,
    .header-nav .btn.btn-register:focus {
        width: 100%;
        margin: 15px 0 0 0;
        position: relative;
        top: 0;
        right: 0;
    }
    .side-widget .group-widget .gw-ntfct {
        width: 50%;
    }
    .side-widget .group-widget .gw-nf {
        width: 50%;
    }
    .exchange .box-f-exchange .form-group .send-text {
        padding-left: 0;
        margin-top: 15px;
    }
    .report .block-report {
        margin: 15px 0;
    }
    .report .block-report .block-report-col {
        padding: 0 0;
    }
    .report .block-report .block-report-col .text .media {
        margin: 10px 0 20px 0;
    }
    .modal-report .modal-content .m-rp-col h2 {
        margin: 0 0 10px 0;
    }
    .modal-report .modal-content .m-rp-col p {
        margin: 10px 0;
    }
    .footer .footer-content h4 {
        display: block;
        padding: 0 0 0 0;
        margin: 0 0 35px 0;
    }
    .footer .footer-content ul {
        padding: 0 0 0 0;
        display: block;
        border-left: none;
    }
    .footer .footer-content ul li {
        padding: 5px 0;
        border-bottom: 1px solid #d0d0d0;
    }
    .footer .footer-content ul li:last-child {
        border-bottom: 1px solid transparent;
    }
    .footer {
        padding: 20px 0;
    }
    .container,
    .container-fluid {
        padding-right: 12px;
        padding-left: 12px;
    }
    .main-row {
        margin: 0 0;
    }
    .main-col {
        padding: 0 0;
    }
    .user-log .menu-options {
        display: block !important;
        position: absolute;
        border-left: none;
        right: 25%;
        bottom: 20px;
    }
    .user-log .total-notif {
        display: block;
        position: absolute;
        right: 40%;
        bottom: 30px;
    }
}

@media (max-width:574px) {
    .user-log .menu-options {
        display: block !important;
        position: absolute;
        border-left: none;
        right: 14%;
        bottom: 20px;
    }
    .user-log .total-notif {
        display: block;
        position: absolute;
        right: 21%;
        bottom: 30px;
    }
}

@media (max-width:568px) {
    .user-log .menu-options {
        display: block !important;
        position: absolute;
        border-left: none;
        right: 13%;
        bottom: 20px;
    }
    .user-log .total-notif {
        display: block;
        position: absolute;
        right: 20%;
        bottom: 30px;
    }
}

@media (max-width:530px) {
    .user-log .menu-options {
        display: block !important;
        position: absolute;
        border-left: none;
        right: 15%;
        bottom: 20px;
    }
    .user-log .total-notif {
        display: block;
        position: absolute;
        right: 22%;
        bottom: 30px;
    }
}

@media (max-width:414px) {
    .user-log .tex-name {
        width: 100%;
    }
    .user-log .menu-options {
        display: block !important;
        position: absolute;
        border-left: none;
        right: 18%;
        bottom: 20px;
    }
    .user-log .total-notif {
        display: block;
        position: absolute;
        right: 28%;
        bottom: 30px;
    }
}

@media (max-width:375px) {
    .user-log .menu-options {
        display: block !important;
        position: absolute;
        border-left: none;
        right: 22%;
        bottom: 20px;
    }
    .user-log .total-notif {
        display: block;
        position: absolute;
        right: 32%;
        bottom: 30px;
    }
}