:root{ --bs-primary:#06344f;}
.bg-primary{ background-color:#06344f !important;color:#ffffff;}
.text-primary{color:#06344f !important;}
.bg-dark:hover{color:#ffffff;}

#page_preloader{display:none;}
html:not(.page_loaded) #page_preloader{display:block;position:fixed;top:0;left:0;right:0;bottom:0;opacity:0.7;background-color:#347fc3;z-index:99999999;width:100%;height:100vh;}
#preloader_subbody{overflow-x:hidden;overflow-y:hidden}
#page_subpreloader{position:relative;height:2px;width:500px;max-width:90%;margin:0 auto;background:#fff;margin-top:50vh;}
#page_subpreloader_circle{position:absolute;top:-30px;margin-left:-15vh;height:60px;width:60px;left:0;background:#fff;border-radius:30%;-webkit-animation:move 5s infinite}
#page_subpreloader_text{position:absolute;top:-25px;right:0;text-transform:uppercase;color:#347fc3;font-family:helvetica,sans-serif;font-weight:700}
@-webkit-keyframes move{ 0%{left:0}50%{left:100%;-webkit-transform:rotate(450deg);width:150px;height:150px} 75%{left:100%;-webkit-transform:rotate(450deg);width:150px;height:150px} 100{right:100%} }	
.navbar-dark.bg-primary .nav-link{color:#ffffff;}
#main_navbar .dropdown-menu,#portalNavbar .dropdown-menu,{left:auto!important;right:0!important}
.nav-pills .nav-link.active,.btn-group .btn.active{box-shadow:0 .25rem .75rem rgba(0,0,0,.15)}
.offcanvas{max-width:70vw}
#sidebarMenu .nav-link{padding:0.30rem 1rem}
body[current_tab=home] #home-tab .fa-reply{display:none;}

.maxh-80{overflow:auto;max-height:80vh;}
.menulist-scrollable{max-height:60vh;overflow:auto;}
@media (max-width:575px){
	.menulist-scrollable{max-height:35vh;}
}
@media (max-width:490px){
	.maxh-xs-25{overflow:auto;max-height:25vh;}
}

#commandbar_div .fa-keyboard-o{color:#198754;}
body.vkeyboard_disabled #commandbar_div .fa-keyboard-o{color:#aaaaaa;}
body.listen_to_voice #commandbar_div .fa-microphone{color:#198754;}

.ui-keyboard-cancel{background:#ff0000}
.bg-primary{ background-color:#06344f !important;color:#ffffff;}
.text-primary{color:#06344f !important;}
.bg-dark:hover{color:#ffffff;}
.smaller{font-size:smaller;}
small.badge,.small.badge{padding: 3px 4px;font-size: small;}
.badge{display:inline-flex;align-items:center;justify-content:center;gap:0.35em;}

input.password{-webkit-text-security:disc;text-security:disc;}
input[type=color]{padding:0}
body{font-size:18px;padding-bottom:35px;}

#dashboard_menu i.fa{display:block;font-size:4rem; }
#dashboard_menu{font-size:2.5rem;}
@media (min-width:576px){
	.side_submenu{min-height:76vh;}
	#dashboard_menu i.fa{display:block;font-size:7rem; }
	#dashboard_menu{font-size:2rem;}
}
.tab-pane:not(.no-minh){min-height:78vh;}
.list-group-striped .list-group-item:nth-child(odd){background-color: #f8f9fa;}
.list-group-striped .list-group-item:nth-child(even){background-color:#ffffff;}
.list-group-striped .list-group-item:nth-child(odd):not(.active):not(.list-group-item-primary):not(.list-group-item-secondary){background-color: #f8f9fa;}

.poping.active_record_item{border-left-width:4px!important;transition:background .15s ease, box-shadow .15s ease, transform .1s ease;}
.poping.active_record_item:hover{background:#f8fafc;box-shadow:0 2px 6px rgba(0,0,0,.06);transform:translateY(-1px);}
.poping.active_record_item .btn{opacity:.85;}
.poping.active_record_item:hover .btn{opacity:1;}
.poping.list-group-item{border-top:1px solid #f1f3f5;}
.poping.active_record_item{padding-top:.35rem!important;padding-bottom:.35rem!important;}
.poping.active_record_item .text-danger{font-weight:700;}
.poping.border-danger.active_record_item{background:#fff5f5;}
.poping.border-warning.active_record_item{background:#fff9e6;}
.poping.border-info.active_record_item{background:#f2f8ff;}
.list-group-subheading{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:#6c757d;}

#main_notifier_div{
  position:fixed;background:#333;
  left:2%;bottom:-50px;
  color:white;border-radius:3px;
  padding:10px;font-size:15px;
  cursor:pointer;text-align:left;
  z-index:99999999; 
}

#stockslist_div .list-group-item:not(.available){display:none!important;}
.stock-item+div small{white-space:nowrap;}
.stock-price{font-size:0.85rem;font-weight:600;color:#111;}
.stock-item{min-width:0;cursor:pointer;}
.stock-item>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#catlists_container .btn:not(.active){opacity:.75;}
#cartslinks li{white-space:nowrap;border: 1px dotted #ddd;}

ins.adsbygoogle[data-ad-status="unfilled"] {display:none !important;}
ins.adsbygoogle[data-ad-status="filled"] {margin:10px 0;}

html.adsense_loaded[data-pagename=portal] body[current_tab=home] ins.adsbygoogle,
html.adsense_loaded[data-pagename=portal] body[current_tab=tests] ins.adsbygoogle{display:none!important;}
body[current_tab=home] #portal_lastfooter_div{margin:0 auto!important}
body[current_tab=home] #scrollToTop{display:none!important}
html.notification_permitted .notification_warning{display:none !important;}
.g_id_signin{display:inline-block;}

.unstyled{list-style-type:none;padding-left:0}
.clickable,.show_password,.popable{cursor:pointer;}
.cursor-help{cursor: help !important;}

a{text-decoration:none;color:#2895F1;outline:none;}
label input[type=file],.hidden-file{width:1px;height:1px;display:inline;padding:0;margin:0;min-height:0;line-height:0;}
::placeholder {color:rgba(0,0,0,0.5)!important;opacity:0.5!important;}
[data-bs-theme=dark] ::placeholder{color:var(--bs-secondary-color)!important;opacity:.6!important}
[data-bs-theme=dark] :-ms-input-placeholder{color:var(--bs-secondary-color)!important}
[data-bs-theme=dark] ::-ms-input-placeholder{color:var(--bs-secondary-color)!important}


.mt--2{margin-top:-2px;margin-bottom:2px;} .mt--1{margin-top:-1px;}
.mt--4{margin-top:-4px;margin-bottom:4px;} .mt--5{margin-top:-5px;}
.lh-0{line-height: 0 !important;}
.fw-600{font-weight:600;}
.text-xs{font-size:small!important;}
.text-xxs{font-size:smaller!important;}
.text-sm{font-size:16px;}
.text-lg{font-size:18px;line-height:1;}
.text-xlg{font-size:24px;line-height:1;}
.nowrap{white-space:nowrap;}
.break-word{word-break:break-word !important;}
.break-all{word-break:break-all !important;}
.text-faded,a[data-account_purged]{opacity:0.3}
.text-disabled{opacity:0.3;text-decoration:line-through!important;font-size:.875em;}

form.form-readonly .form-control{background-color: #e9ecef;opacity: 1;}

.record_modal.is_editing .editing_hidden{display:none!important;}
.record_modal:not(.is_editing) .adding_hidden{display:none!important;}
.sub_record_modal.is_editing .editing_hidden{display:none!important;}
.sub_record_modal:not(.is_editing) .adding_hidden{display:none!important;}

.record_modal.is_modifying .modifying_hidden{display:none!important;}
.sub_record_modal.is_modifying .modifying_hidden{display:none!important;}
	
.list-group-item{word-break:break-word;}
.records_container.row{margin-left:0;margin-right:0}
/* select2 */
.form-group-xs .select2-container .select2-selection--single{height:auto;}
.form-group-xs .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:1.5;font-size:12px;padding:1px 5px !important;}


.select2-selection{border:1px solid #ced4da !important;}
.input-group .select2-container--default .select2-selection--single{border-radius:0}
.input-group .btn{border-radius:0;z-index:auto;}

.select2-dropdown.select2-dropdown--above{background-color:#eeeeee;}
/*.form-group-xs */.select2.select2-container{margin-top:-7px}
.form-group-xs .select2-container,.input-group-xs .select2-container{margin-top:-10px}
.select2.select2-container,.select2-search__field{width:100% !important;}
.form-inline:not(.elastic_select2) .select2.select2-container,.select2-search__field{width:auto !important;}
.form-group-lg .select2-selection{
	height:46px !important;
	padding:10px 16px;
	font-size:18px;
	line-height:1.3333333;
}

.select2-container,.select2-search__field{width:auto !important;}
.full-select2 .select2{width:100% !important;}
.select2-search__field{max-width:100%;}

.select2-container--default .select2-selection--single {
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.select2-container--open{z-index:999999}
.select2-container--default .select2-selection--single .select2-selection__clear{height:18px!important;font-size:0.9em;margin-top:-3px;}

/* prevent flipping to to on multiple select */
.select-dropdown{position: static;}
.select-dropdown .select-dropdown--above{margin-top: 336px;}
.select2-container .select2-search--inline .select2-search__field{height:22px!important;margin-top:-5px!important;}
.form-group-xs .select2-container .select2-search--inline .select2-search__field{font-size:12px;margin-top: 0 !important;}
.form-group-xs .select2-selection{min-height:auto!important;padding:0 !important;font-size:12px;}
.form-group-xs .select2-container:not(.select2-container--focus) .select2-search__field{margin-top:-10px !important}

.select2-container--default .select2-selection--single{background-color:var(--bs-body-bg);border:1px solid var(--bs-border-color);}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--bs-body-color);line-height:1.5;padding-left:0}
.select2-dropdown{background-color:var(--bs-body-bg);border-color:var(--bs-border-color);color:var(--bs-body-color)}
.select2-results__option--selectable{background-color:var(--bs-body-bg);color:var(--bs-body-color)}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:var(--bs-primary);color:#fff}
.select2-search__field{background-color:var(--bs-tertiary-bg)!important;border:1px solid var(--bs-border-color)!important;color:var(--bs-body-color)!important}

/*.form-group-lg .select2-container--default .select2-selection--single{height:calc(2.25rem + 2px);padding:.375rem .75rem;border-radius:.375rem}*/
/*todo:: .form-group-xs .select2-container--default .select2-selection--single{height:calc(2.25rem + 2px);padding:.375rem .75rem;border-radius:.375rem}*/

.input-xs,.form-control-xs{
	height:22px;
	padding:2px 5px !important;
	font-size:12px !important;
	line-height:1.5; /*If Placeholder of the input is moved up, rem/modify this.*/
	border-radius:3px;
}

.input-group-xs>.form-control,
.input-group-xs>.input-group-text,
.input-group-xs>.input-group-btn>.btn {
    height:22px;
    padding:1px 5px;
    font-size:12px;
    line-height:1.5;
}

.input-group-text{height:100%;}
.input-group-text select{border:0px;background-color:transparent;font-size:inherit;}
.input-group-text select.form-control{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;}
.input-group-text select.form-control:focus{box-shadow:none;background-color:inherit;}
.input-group-text:focus,.input-group .form-control:focus,.input-group .btn:focus{box-shadow:none !important;}
.input-group-xs  .input-group-text{font-size:inherit;border-radius:0;padding-bottom:1px;padding-top:0;}
.form-group{margin-bottom:5px;}
select.input-group-text:focus{border: 1px solid #ced4da !important;}

.form-group-sm .input-group-text,.input-group-sm .input-group-text{padding:0.25rem 0.5rem;}

.form-group-sm .input-group-text .btn,.input-group-sm .input-group-text .btn{padding: 0.2rem 0.5rem;}
.form-group-xs .input-group-text,.input-group-xs .input-group-text{padding:1px 5px 2px;font-size:12px;padding-top:1px !important;}
.form-group-xs .input-group-text,.input-group-xs select.input-group-text{padding-top:0;}

select.form-control.default-appearance{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none;margin:0;
}
input[type=number] {-moz-appearance:textfield; }
.row{max-width:99vw;}
img{max-width:100%;display:inline-block;/*background-color:#ededed;*/}

.px-0{padding-right:0!important;padding-left:0 !important;}


.auto_pagination,.auto_pagination .page-item{display:inline-block;}
.btn-xs, .btn-group-xs>.btn {font-size:12px;line-height:1.5;border-radius:3px;height:22px;}
.btn-xs:not(.p-0), .btn-group-xs>.btn:not(.p-0){padding:1px 5px !important;}
.btn-xs.p-0,.btn-group-xs>.btn.p-0{padding:0px 2px !important;}

.in-iframe .no-iframe{display:none !important;}
.in-iframe .iframe-small{font-size:70% !important;}
.modal-header .btn-close{padding-top:0;margin-top:-1rem;}

.alert-dismissible .btn-close{width:0.25em;height:0.25em;padding:1rem;}
.qrspan200 img{width:200px;height:200px;margin:10px;}
.autoidc{width:40vw;height:18vh;margin:0.8vh 1vw;padding:7px 4px;border-radius:8px;display:inline-block;white-space:nowrap;overflow:hidden;}.autoidcl1{text-align:center;font-size:1.05rem;}.autoidcl2{text-align:center;font-style:italic;}.autoidcl3{font-weight:bold;text-align:center;margin-bottom:10px;}.autoidcimgspan{width:20%;display:inline-block;vertical-align:top;text-align:center;}.autoidccentspan{width:44%;display:inline-block;vertical-align:top;padding-left:5px;}.autoidc .qrspanc{width:32%;height:30%;vertical-align:top;}.autoidc .qrspan{width:100%;height:100%}.autoidc .qrspan img{width1:120%;height1:120%;margin-top:-5px;}.autoidcimgspan img{width:100%;border-radius:28px;}.autoidcimgspan strong{font-style:italic;margin-top:5px;}.autoidccentspan strong{font-size:1.05rem;white-space:normal;}.autoidccentspan strong span{white-space:nowrap;}.autoidc .qrspanc small{margin-top:-2px;margin-left:-8px;display:block;}.autoidclogodiv{display:inline-block;vertical-align:top;width:12%;padding-top:5px;}.autoidclogodiv img{max-width:107%;max-height:100px;border-radius:6px;}.autoidheadingdiv{display:inline-block;vertical-align:top;width:88%;}

.autoidc{width:342.4px;height:215.92px;}
@media print{.autoidc{width:40vw;height:18vh;}}
.orderside-front .autoidc,.orderside-back .autoidc{margin:0.7vh 3.5vw;}

.btn-link{cursor:pointer;}

.btn-default{color:var(--bs-body-color);background:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color)}
.btn-default:hover{background:var(--bs-secondary-bg);border-color:var(--bs-border-color-translucent)}
.well{min-height:20px;padding:19px;margin-bottom:5px;background:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color-translucent);border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);max-width:100%}
.well-sm{padding:9px;border-radius:3px;}

.btn-light{color:var(--bs-body-color);background:var(--bs-secondary-bg);border:1px solid var(--bs-border-color-translucent)}
.btn-light:hover{background:var(--bs-tertiary-bg);border-color:var(--bs-border-color)}
[data-bs-theme=dark] .bg-light{background-color:var(--bs-tertiary-bg)!important;color:var(--bs-body-color)!important}

.btn-info,.btn-info:hover{color:#ffffff;} .color-inherit{color:inherit;}
.text-quoted{color:#6c757d!important;font-style:italic;display:inline-block;word-break:break-word;}
blockquote{position:relative;padding:0.2em;color:#6c757d!important;font-style:italic;margin:0.2em 0;} /*border-left:4px solid #ccc;*/
blockquote::before{content:"“";font-size:2em;position:absolute;top:-0.5em;left:-0.5em;}
blockquote::after{content:"”";font-size:2em;position:absolute;bottom:-0.5em;right:-0.5em;}

.form-inline .form-group{display:inline-block;margin-bottom:5px;}
@media (min-width:490px){
	.form-inline .form-control.input-xs:not(.longfield){max-width:100px;}
	.form-inline .form-control.form-control-xs:not(.longfield){max-width:100px;}
	.xs-only{display:none}
}
@media (max-width:490px){
	.form-inline.form-inline-xs .form-group{width:100%;}
}

@media print {
    a[href]:after {content:none !important;}
	@page {size:auto;margin:0px;margin-top:0.5rem;} /*printer margin settings*/
	body{padding:3px;}
	.print-btn,.no-print,.noprint,#scrollToTop{display:none!important}
	*{-webkit-print-color-adjust:exact !important;color-adjust:exact !important;print-color-adjust:exact !important;}
	*,::after,::before{box-sizing:border-box;}
}

/* card div */
.pre_hidden{display:none !important;} .error_hiding{display:none;}
.dynamic_record_container .records_container{overflow:auto;}
.dynamic_record_container .records_container.list-group-item{display:inline-block;width:100%;}
.dynamic_record_container .records_container:not(.body_scroller){max-height:380px;overflow:auto;scrollbar-width:thin;}
.dynamic_record_container .records_container::-webkit-scrollbar {width:14px;height:8px;background-color:#aaa;}
.dynamic_record_container .dynamic_record_container .records_container::-webkit-scrollbar {width:10px;height:8px;background-color:#ccc;}
.comments_drc{padding-left:50px;}
.dynamic_record_container.hide_inactives .records_container .active_record_item:not(.currently_active){display:none;}

.card.card-toggleable:not(.toggled-open) .card-body{display:none;}
.card.card-toggleable:not(.toggled-open) .card-footer{display:none!important;}
.card.card-toggleable.toggled-open .card-header{display:none!important;}
.card.card-toggleable .card-header,.card.card-toggleable .card-footer{cursor:pointer}

.div-toggleable:not(.toggled-open) .div-content{display:none;}
.div-toggleable.toggled-open .div-toggler:not(.div-content){display:none !important;}
.div-toggleable .div-toggler{cursor:pointer}
/* card record */

/*processing form spinner*/
.ajax_form .btn.processing{padding-right:25px !important;}
.ajax_form .btn.processing::after{content:"  •••";
  text-indent:0;line-height:initial;
  animation:button-loading-spinner 1s ease infinite;
  position:absolute;
}

.ajax_link[data-processing]{content:"  •••";
  text-indent:0;line-height:initial;display:inline-block;
  animation:button-loading-spinner 1s ease infinite;
}
@keyframes button-loading-spinner {from{transform:rotate(0turn);} to {transform: rotate(1turn);} }
/* ----- */

.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}



/* command bar (fixed 35px) */
#commandbar_div{position:fixed;bottom:0;left:0;width:100%;margin-bottom:0;z-index:3000;background:#fff;border-top:1px solid #dee2e6;
  box-shadow:0 -1px 6px rgb(0 0 0 / .08);display:flex;align-items:center}
#commandbar:focus{outline:none;box-shadow:none}
/* simple keyboard */
.simple-keyboard{display:none;background-color:#f8f9fa;padding:5px;border-radius:0;box-shadow:0 -2px 10px rgb(0 0 0 / .1);font-family:inherit}
.hg-button{height:48px!important;border-radius:6px!important;border-bottom:1px solid #dee2e6!important;background:#fff!important;font-weight:500!important;font-size:1.1rem!important}
.hg-button:active{background:#e9ecef!important;transform:translateY(1px)}
.hg-button.hg-functionBtn{background:#e9ecef!important}
.hg-button.hg-button-ent,.hg-button.hg-button-accept{background:#0d6efd!important;color:#fff!important}
.hg-button.hg-button-close{background:#dc3545!important;color:#fff!important}
.keyboard_visible .simple-keyboard{display:block;position:fixed;bottom:35px;left:0;width:100%;z-index:2000}
body.keyboard_visible{padding-bottom:315px}
.modal-body .simple-keyboard{position:relative;z-index:1;box-shadow:none}
.modal-open.keyboard_visible{padding-bottom:0}
@media (max-height:500px){
  .hg-button{height:34px!important;font-size:.9rem!important}
  body.keyboard_visible{padding-bottom:235px}
}
