body{font-size:16px;background:#f2f4f6;font-family: 'Roboto', sans-serif;}
a{text-decoration:none;}
a:hover{opacity:.8;}

.bodywrap{display:flex;justify-content: space-between;align-items: stretch;flex-direction: column;min-height:100vh;width:100%;}

header{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.4);}
.header_in{max-width:1100px;display:flex;justify-content: space-between;align-items: center;}
.logos a{display:flex;justify-content: space-between;align-items: center;}
.logos img{width:2.5rem;padding:1rem .25rem;}
.logos span{font-size:1rem;font-weight:600;font-family: 'Roboto Slab', sans-serif;margin-right:.5rem;}
.logos1{color:#038bcd;}
.logos2{color:#00a584;}
.header_link{padding-right:.3rem;}
.header_link a{padding:1rem;font-weight:bold;font-size:.9rem;}
@media (max-width: 860px) {
	.logos img{width:3.5rem;padding:1rem .5rem;}
	.header_link a{padding:.5rem;}
}

footer{border-top:1px solid #ddd;padding:1.5rem 0;}
.footer_in{max-width:1100px;text-align:center;}
.footer_text{font-size:.8rem;}
.copy{font-size:.75rem;font-weight:600;font-family: 'Roboto Slab', sans-serif;margin-top:.5rem;color:#888;}

.pubform{display:block;width:60%;min-width:320px;max-width:480px;background:#fff;box-shadow:2px 2px 8px rgba(0,0,0,.4);margin:3.5rem auto;padding:1rem 1.5rem;border-radius:1rem;}
.pub_form{display:flex;justify-content: space-between;align-items: center;padding:.4rem 0;}
.pub_form_label{width:7rem;text-align:right;font-weight:600;font-family: 'Roboto Slab', sans-serif;color:#038bcd;}
.pub_form_set{width:calc(100% - 8rem);}
.pub_form_set input.pub_form_input{width:100%;padding:.2rem .4rem;}
.pub_form_btn a{display:block;margin:.5rem auto;background:#00a584;width:60%;text-align:center;font-weight:600;font-family: 'Roboto Slab', sans-serif;color:#fff;padding:.4rem;border-radius:.3rem;background-image: linear-gradient(90deg, #038bcd, #00a584);}
.text_danger{padding:.5rem;background:#fee;border-radius:.5rem;}
.text_danger p{color:#a60;text-align:center;}
.text_danger p i{color:#c20;}
@media (max-width: 860px) {
	.pub_form_label{width:4.5rem;font-size:80%;}
	.pub_form_set{width:calc(100% - 5rem);}
	.text_danger p{font-size:85%;}
}

.regform{display:block;width:75%;min-width:320px;max-width:480px;background:#fff;box-shadow:4px 2px 8px rgba(0,0,0,.4);margin:3.5rem auto;padding:1rem 1.5rem;border-radius:1rem;}
.reg_formsr{text-align:right;font-size:.75rem;}
.reg_forms{margin:.5rem 0;}
.reg_form_h{text-align:center;font-weight:600;font-family: 'Roboto Slab', sans-serif;margin:1rem 0 1.5rem;}
.reg_form{display:flex;justify-content: space-between;align-items: center;margin-bottom:.75rem;}
.reg_form i{padding:.5rem;width:2rem;color:#038bcd;}
.reg_form input{padding:.25rem .75rem;width:100%;border:1px solid #ccc;border-radius:.3rem;}
.reg_form select{padding:.25rem 2rem .25rem .75rem;width:100%;border:1px solid #ccc;border-radius:.3rem;}
#calendar div select{padding:.25rem 2rem .25rem .75rem;width:calc(90% / 3);border:1px solid #ccc !important;border-radius:.3rem !important;margin:0 2% 0 0 !important;}
.caltext{font-size:.85rem;color:#444;}
.calset{width:100%;}
.form-check-label{width:80%;margin:0 auto;display:block;text-align:center;background:#f0f0f0;padding:.25rem;border-radius:.25rem;}
.reg_form_link{text-align:center;}
.reg_form_link a{text-decoration:underline;color:#038bcd;}
.reg_form_btn{display:block;margin:.5rem auto;background:#00a584;width:60%;text-align:center;font-weight:600;font-family: 'Roboto Slab', sans-serif;color:#fff;padding:.4rem;border-radius:.3rem;background-image: linear-gradient(90deg, #038bcd, #00a584);border:none;}

.conf_form{display:block;width:75%;min-width:320px;max-width:480px;background:#fff;box-shadow:4px 2px 8px rgba(0,0,0,.4);margin:3.5rem auto;padding:1rem 1.5rem;border-radius:1rem;}
.conf_form_h{text-align:center;font-weight:600;font-family: 'Roboto Slab', sans-serif;margin:1rem 0 1.5rem;}
.conf_forms{padding:.4rem 0;}
.conf_form_g{padding:.4rem 0;}
.conf_form_g-l{font-size:80%;}
.conf_form_g-r{background:#f0f0f0;padding:.4rem;border-radius:.2rem;}
.form_btn1{display:block;margin:.5rem auto;background:#00a584;width:60%;text-align:center;font-weight:600;font-family: 'Roboto Slab', sans-serif;color:#fff;padding:.4rem;border-radius:.3rem;background-image: linear-gradient(90deg, #038bcd, #00a584);border:none;}
.form_btn2{display:block;margin:.5rem auto;background:#84a500;width:60%;text-align:center;font-weight:600;font-family: 'Roboto Slab', sans-serif;color:#fff;padding:.4rem;border-radius:.3rem;background-image: linear-gradient(90deg, #cd8b03, #84a500);border:none;}

.block{display:block;width:75%;min-width:320px;max-width:480px;background:#fff;box-shadow:4px 2px 8px rgba(0,0,0,.4);margin:3.5rem auto;padding:1rem 1.5rem;border-radius:1rem;}
.block-group{margin:.5rem 0;}
.text-center{text-align:center;}
.block a{display:block;margin:.5rem auto;background:#00a584;width:60%;text-align:center;font-weight:600;font-family: 'Roboto Slab', sans-serif;color:#fff;padding:.4rem;border-radius:.3rem;background-image: linear-gradient(90deg, #038bcd, #00a584);}


.sidebar-offcanvas{top: 0 !important;bottom: 0 !important;left: -220px !important;right:unset !important;height:100vh !important;width:220px !important;max-height:unset !important;padding-top:1rem;}
.sidebar-offcanvas.active {left: 0 !important;}
.currency-span-wrapper {margin-bottom: 0px !important;}
.card{box-shadow:2px 2px 8px rgba(0,0,0,.4);overflow:hidden;}
.content{padding:2rem 0;}
@media screen and (min-width: 991px) {
	.sidebar-offcanvas{position: fixed !important;left: 0 !important;background:#fff !important;}
	.sidebar .nav .nav-item.active > .nav-link{background:#f0f8ff !important;}
	.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link,
	.sidebar .nav:not(.sub-menu) > .nav-item:hover[aria-expanded="true"]{background:#f8fcff !important;}
	.login .content-wrapper{background:none;margin-left:220px;}
	.login header{display:none;}
	.login footer{padding-left: 220px;}
	.toplogos{border-bottom:1px solid #ddd;padding-bottom:1rem;}
}

.card .card-title {color: #010101;margin: 0.5rem;text-align:center;}


.table th{}
.table td{padding:.75rem !important;}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination{margin:0 auto;}


.btn, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel{padding:.5rem;}
.bootstrap-table .fixed-table-pagination > .pagination, .bootstrap-table .fixed-table-pagination > .pagination-detail{text-align:center;}
.bootstrap-table .fixed-table-pagination > .pagination-detail .pagination-info{line-height:1.4;}

.page-link{padding:0.4rem 0.3rem;min-width:1.6rem;}
.row > *{padding:0 !important;}

.login select{padding:.25rem .5rem .25rem .5rem !important;background:#fff;border: 1px solid #ccc !important;border-radius: .2rem;}
.wset_in input{padding:.25rem .5rem .25rem .5rem !important;background:#fff;border: 1px solid #ccc !important;border-radius: .2rem;width:100%;}
.card_tbl input{padding:.25rem .5rem .25rem .5rem !important;background:#fff;border: 1px solid #ccc !important;border-radius: .2rem;width:100%;}
.card_tbl2 input{padding:.25rem .5rem .25rem .5rem !important;background:#fff;border: 1px solid #ccc !important;border-radius: .2rem;width:100%;}

.wset{display:flex;justify-content: space-evenly;align-items: center;flex-wrap: wrap;}
.wset_in{display:flex;justify-content: space-evenly;align-items: center;}
.wset_in1{padding:.25rem;min-width:2.5rem;width:5rem;text-align:center;}
.wset_in2{padding:.25rem;width:13rem;}
.wset_in3{padding:.25rem;display:flex;justify-content: space-evenly;align-items: center;min-width:13rem;}
.header_h5{width:100%;text-align:center;margin-top:1rem;}
.wset_in_txt{padding:0 1.5rem;font-size:.7rem;color:#777;width:100%;}
.wset_in2 select{width:100%;}
.wset_in3 select{width:3.3rem;}
.wsetchk{margin-right:5px;text-align:center;}
.wsetchk input{width:unset;}
.wset_link{width:100%;}
.wset_btn{display:block;margin:.5rem auto;background:#00a584;width:40%;text-align:center;font-weight:600;font-family: 'Roboto Slab', sans-serif;color:#fff;padding:.4rem;border-radius:.3rem;background-image: linear-gradient(90deg, #038bcd, #00a584);cursor: pointer;}
.wset_btn:hover{color:#fff;}
.wsetwrap{background:#f9fcff;padding:.5rem 0;border-radius:.5rem;margin:0 auto 2rem;max-width:400px;}
.main-input-bg-color {background-color: #fff !important;}
.cover{overflow-x:scroll;border:2px solid #ccc;padding:.5rem;}
.card_tbl{display:flex;justify-content: space-evenly;align-items: center;margin:1.5rem 0;}
.card_tbl_th{width:7rem !important;font-weight:bold;text-align:center;}
.card_tbl_td{width:calc(100% - 8rem);}
.card_tbl_th2{width:100%;}
.card_tbl input[type=radio]{width:auto;}
.btn_set{width:260px;margin:2rem auto 1rem;background:#fafafa;padding:.6rem;display:flex;justify-content: space-evenly;align-items: center;}
.btn_set label{width:50%;text-align:center;}
.clabel{width:6rem;}
.ctt_days{display:flex;align-items: center;}
.ctt_days span{padding:.2rem;}
.ctt_days span select{max-width:3rem;}

.display_update_filter_btn{margin-right:.75rem;}
.card_tbl2{display:flex;justify-content: space-evenly;align-items: center;margin:1.5rem 0;}
.card_tbl2_th{width:7rem !important;font-weight:bold;text-align:center;}
.card_tbl2_td{width:calc(100% - 8rem);}
.card_tbl2_th2{width:100%;}
.card_tbl2 input[type=radio]{width:auto;}
.card_tbl2{flex-direction: column;margin:1rem 0;}
.card_tbl2_th{width:100% !important;text-align:left;border-bottom:1px solid #ccc;}
.card_tbl2_td{width:100%;padding:.5rem;}


@media screen and (max-width: 767px) {
	.card_tbl{flex-direction: column;margin:1rem 0;}
	.card_tbl_th{width:100% !important;text-align:left;border-bottom:1px solid #ccc;}
	.card_tbl_td{width:100%;padding:.5rem;}
	.clabel{width:31%;}
}