/* GLOBAL HTML */
//@import url('https://fonts.cdnfonts.com/css/helvetica-255');
@import url('https://fonts.cdnfonts.com/css/anke');
//@import url('https://fonts.cdnfonts.com/css/eurostile');
//@import url('https://fonts.cdnfonts.com/css/stick-no-bills');
//@import url('https://fonts.cdnfonts.com/css/jetbrains-mono-2');
//@import url('https://fonts.cdnfonts.com/css/bebas-neue');

//body { margin:0px; padding:0px; background:#367588; display:grid; }
body { margin:0px; padding:0px; display:block; max-width:100vw; }
ul { list-style-type:none; padding:0; margin:0; }
h1 { font-weight:bold; }
h1, h2, h3, h4, h5, li { color:rgba(0,0,0,0.72); }
#cart-container * { color:#333; text-shadow:none; }
h1, h2, h3, h4, h5 { font-family: "Anke",Verdana; }
li, input, span { font-family: "Helvetica","Eurostile",Verdana; }
.css-treeview label, .css-treeview li { color:rgba(0,0,0,0.72); }
.css-treeview li { font-size:13px; }
.css-treeview label { font-size:16px; }
#background-problems p { font-size:22px; }
p { text-align: justify; text-justify: inter-word; font-size:14px; }
//h1, h2, h3, h4, h5 { text-transform:uppercase; }
h1 { font-size:40px; margin-top:10px; margin-bottom:10px; }
h2 { font-size:22px; margin-top:8px; margin-bottom:8px; }
h3 { font-size:18px; margin-top:6px; margin-bottom:6px; }
h4 { font-size:14px; margin-top:4px; margin-bottom:4px; }
h5 { font-size:12px; margin-top:2px; margin-bottom:2px; }
a { color:black; text-decoration:none; }
a:hover { color:blue; text-decoration:underline; }
table, td { font-size:inherit; vertical-align:top; }
label { font-weight:normal; }
blue { background-color:rgba(0,0,255, .5); }
green { background-color:rgba(0,255,0,.5); }
red { background-color:rgba(255,0,0,.5); }
cyan { background-color:rgba(0,255,255,.5); }
yellow { background-color:rgba(255,255,0,.5); }
magenta { background-color:rgba(255,0,255,.5); }
light-blue { background-color:rgba(127,127,255, .5); }
light-green { background-color:rgba(127,255,127,.5); }
light-red { background-color:rgba(255,127,127,.5); }
dark-cyan { background-color:rgba(0,127,127,.5); }
dark-yellow { background-color:rgba(127,127,0,.5); }
dark-magenta { background-color:rgba(127,0,127,.5); }
.logged-user { padding:12px 16px; border: 1px solid #ccc; background:rgba(0,0,0,0.1); cursor:pointer;  border-radius:10px; max-width:144px; max-height:144px; margin-left:8px; margin-right:8px;}
.logged-user:hover { background:rgba(0,0,0,0.3); }
.logged-user > * { cursor:pointer; } 
.logged-user h4 { overflow:hidden; max-height:16px; max-width:96px; }
.logged-user img {margin-left:auto; margin-right:auto;width:96px;height:96px;border-radius:8px;}
.datetime-info { font-size:xx-small; }
.datetime-info:hover { color:#ccc; }

.client-view {
	border-top:1px solid rgba(0,0,0,0.3);
	border-bottom:1px solid rgba(0,0,0,0);
	padding:6px;
	padding-top:12px;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar-nav { display:flex; }
.navbar-right { flex-direction:row-reverse; }

#preloader {  position: fixed;  left: 0;  top: 0;  z-index: 65535;  width: 100vw;  height: 100vh;  overflow: visible; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,.5);}
#svg circle { stroke-dashoffset: 0; transition: stroke-dashoffset 0.1s linear; stroke:#fff; stroke-width: 1em; }
#svg #bar { stroke: #666; }
.ui-glass {
	box-shadow: 0 2px 6px rgba(230,230,230,0.0), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(80,80,80,0.3);
	-o-box-shadow: 0 2px 6px rgba(230,230,230,0.0), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(80,80,0,0.3);
	-webkit-box-shadow: 0 2px 6px rgba(230,230,230,0.0), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(80,80,80,0.3);
	-moz-box-shadow: 0 2px 6px rgba(230,230,230,0.0), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(80,80,80,0.3);
}

.ui-glass-toggled, .ui-glass:hover {
	box-shadow: 0 2px 6px rgba(230,230,230,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 5px 10px rgba(255,255,255,0.25), inset 0 -7px 15px rgba(80,80,80,0.3);
	-o-box-shadow: 0 2px 6px rgba(230,230,230,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 5px 10px rgba(255,255,255,0.25), inset 0 -7px 15px rgba(80,80,80,0.3);
	-webkit-box-shadow: 0 2px 6px rgba(230,230,230,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 5px 10px rgba(255,255,255,0.25), inset 0 -7px 15px rgba(80,80,80,0.3);
	-moz-box-shadow: 0 2px 6px rgba(230,230,230,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 5px 10px rgba(255,255,255,0.25), inset 0 -7px 15px rgba(80,80,80,0.3);
}

/* WINDOW */
.ui-window { opacity:100; z-index:9999; border-radius:8px; box-shadow:rgb(0 0 0 / 32%) 0px 32px 32px; border:1px solid rgba(0,0,0, 0.2);  }
.ui-window, .ui-button {  }
.ui-header { cursor:default; right:0px; left:0px; height:32px; padding:4px; padding-right:10px; border-top-left-radius: 8px; border-top-right-radius: 8px; display: flex; min-height: 32px; align-items:center; }
.ui-header > div { display:block; position:absolute; }
.ui-header > div { margin-right:4px; }
.ui-window > .ui-header, .ui-tab > .ui-header.selected { background-color:#3B5999; }
.ui-tab > .ui-header { background-color:rgba(66,66,66,0.95); align-items:center; justify-content:center;}
.ui-tab > .ui-header:hover { background-color:rgba(88,88,88,0.95); }
.ui-tab > .ui-header.selected:hover { background-color:rgba(0,64,192,0.95); }
.ui-tab-header.selected { display:flex; height:48px;}
.ui-form > .ui-header { border-radius:6px; padding-top:4px; padding-bottom:8px;  }
.ui-window-body { overflow-y: auto; }
.ui-window-body form > li { list-style: none; }
.ui-header-btn { background-image:url("../rsrc/icolist.png"); }
.ui-close-btn { background-color:rgba(255,0,0,0.36); background-position:0 0px; right:0px; }
.ui-close-btn:hover { background-color:rgba(255,0,0,0.72); background-position:-24 0px; }  
.ui-min-btn { background-position:0 -24px; right:24px; }
.ui-min-btn:hover { background-position:-24 -24px; }  
.ui-max-btn { background-position:0 -48px; right:24px; }
.ui-max-btn:hover { background-position:-24 -48px; } 
.ui-window .ui-header-icon, .ui-tab .ui-header-icon { float:left; left:0px; }
.ui-window .ui-header-title, .ui-tab .ui-header-title { float:left; padding:8 4 0 0; cursor:default; font-size:12px; bottom:0; width:calc(100% - 48px); overflow-x:hidden; }
.ui-tab .ui-header-title { padding-left:4px; padding-right:4px;padding-top:4px; padding-bottom:4px; }
.ui-window .ui-window-body { background:linear-gradient(#367588, #000); }
.ui-window .ui-window-body { background:#eee; }
.ui-window .ui-window-body { cursor:default; width:100%; height:100%; padding:10 20 10 20;}
.ui-tab-header { display:flex; height:48px;}
.ui-tab-header .ui-header-title { color:rgba(255,255,255,0.7); }
.ui-tab-header:hover .ui-header-title { color:rgba(255,255,255,0.85); }
.ui-widget-content { background:transparent; border:0px solid transparent; } 
.ui-autocomplete.ui-widget-content { background:rgba(255,255,255,1); z-index:1040; }		//auto complete
//.ui-autocomplete.ui-widget-content { background:linear-gradient(#367588 128px, rgba(0,0,0,0.8) ); z-index:1040; }		//auto complete
//.ui-border { border:2px solid rgba(0,64,192,0.95); }
//.ui-border-top { border-top:2px solid rgba(0,64,192,0.95); }
//.ui-border-bottom { border-bottom:2px solid rgba(0,64,192,0.95); }
//.ui-border-left { border-left:2px solid rgba(0,64,192,0.95); }
//.ui-border-right { border-right:2px solid rgba(0,64,192,0.95); }
.ui-icon { width:24px; height:24px; }
.ui-window-body { display:block; }
.ui-window-body > form { display:inline-grid; }
.ui-progressbar { position: relative; }
.progress-label { position: absolute; left: 16px; top: 4px; font-weight: normal; text-shadow: 1px 1px 0 #fff; }
.array-field { display: block; flex-flow: row wrap; } 
.array-field > div { display:block; width:100%;  }
//.array-field > div > *:first-child { width:inherit; }
.rounded-blue { background:#06f; border:0px solid #fff; border-radius:10px; padding:0 2 4 2px; min-width:32px; margin-left:4px; }
.ui-cart-container, .ui-chat-container { position:fixed; height:600px; width:514px; top:40px; right:calc(50vw - 515px); float:right; border:1px solid #999; z-index:9999; display:none; background-color:white; padding: 0 0 0 0px; }
#cart-container > .checkout-status { display:flex; padding:4 6px; background:#000;  }
#cart-container > .checkout-status button { float:right; right:0px; }
#cart-container > form > ul, #cart-container > form > div { padding-left:4px; padding-right:4px; }
#cart-btn, #chat-btn { width:64px; padding:4 6 4 6px;}
#cart, #chat { min-height:calc(100vh-300px); }
.card-link { min-width: 60px; font-size: 17px; }
.card-link svg { width: 50px; height: 50px; }

#cart-container, #chat-container { right:-1000px;position:fixed;min-width:512px; max-width:100vw; z-index:9999;display:none; top:58px; }
#cart-close-btn span, #chat-close-btn span { color:rgb(0,0,0,0.3); }
#cart-close-btn:hover span, #chat-close-btn:hover span { color:rgb(0,0,0,0.7); }
.chat-response { max-width: 30vw; }

.contact-panel > .button { margin-top:4px; width:100%; overflow-x:hidden; }
.btn-secondary:hover { background-color:rgba(255,255,255,0.7); }
.type-selector { height:38px; margin-top:8px;}
.logo { float: left; left: 0px; position: absolute; height: 50px; width: 300px; padding:0px; }
.badges { margin-top:4px;align-items:flex-end;justify-content:flex-end; display:inline-flex; }
.badges > * { margin-left:4px; margin-top:4px;}
.badges > .icon { position:relative; }
.badges > .icon > * { 
	display:none; position:absolute; z-index:99999; float:right; font-size:12px; height:48px; width:auto;
	border:1px solid rgba(0,0,0,0.2); background:#eee; 
  left: 24px;
  top: 24px;
	box-shadow:rgb(0 0 0 / 2%) 0px 6px 6px;
	padding:8px;
}
.badges > .icon:hover > * { display:block; }
 
.watch-btn > i { font-size:20px; }
.watch-btn:hover {  }
.watch-btn:hover, .watch-btn.toggled { background-color:#337ab7; }
.watch-btn:hover > i, .watch-btn.toggled > i  { color:rgba(255,255,255,0.99); }

.grid-container {  display: grid;column-gap: 32px; row-gap: 32px; grid-auto-flow: row; width:100%; grid-auto-columns:24%; grid-template-columns: repeat(4, 1fr); }
.ui-card { width:100%; max-width:512px; height:100%; max-height:640px; }
.ui-card, .ui-history { background-color:white; border-radius:12px; box-shadow:rgb(0 0 0 / 16%) 8px 10px 10px; }
.ui-card h3, .ui-card h4,.ui-card h5 { color:black; text-shadow:none; font-weight:700; }
.ui-card .card-fig { height:256px; width:100%; border-top-left-radius:12px; border-top-right-radius:12px; background-position:center; background-repeat:no-repeat; background-size:cover; }
.ui-card .card-fig-fb { background-image : url("../rsrc/facebook.png");  }

/* LOADING INFO */
.float-area { height:100%; position:fixed; top:0px; width:100%; z-index:999; vertical-align:middle; background:rgba(0,0,0,0.36); }
.float-window { margin-left:auto; margin-right:auto; }
.loading-container { width:24px; height:24px; }
.loading-wrapper { margin-top:240px; border-radius:6px; background:rgba(0,0,0,0.8); border:1px solid rgba(255,255,255,0.9); padding:8px; width:24px; height:24px; }
.search-loading { background-position:center; background-repeat:no-repeat; background-image : url("../rsrc/loading_circle.gif"); }

/* SCALA ITEM/TAG FEED */
.scala-item-detail { width:320px; margin-right:10px; overflow-x:hidden; }
.scala-item-detail, .list-frame {}
.item-detail-content { margin-top:10px; margin-bottom:8px; display:block; font-size:12px; }
.item-detail-content > li { font-size:12px; margin-bottom:4px; }
.item-detail-content > li * { font-size:12px; }
.item-detail-content, .tags-container { padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right:4px; }
.tag-listitem { font-size:11px; }
.tags-container { float:left; padding-left:2px; }
.item-detail-left { padding-left:10px; width:100%; }
.item-detail-right { padding-left:10px; padding-right:10px; width:160px; }
.left-float, .right-float { position:relative; }
.left-float { float:left; }
.right-float { float:right; }
.top-down-content { padding-top:10px; margin-left:10px; margin-right:10px; }
.list-frame .first, .scala-item-detail .first { }
.list-frame .last, .scala-item-detail .last { border-bottom-right-radius:10px; border-bottom-left-radius:10px; }
.list-frame h3 { margin:0px; padding:4 16 4 8px; background-color:rgba(0,0,0,0.5); }
//.rounded-rectangle > * { border-radius:5px; }

/* GLOBAL SCALA INDEX */
#main-header { padding:0 0 0 0px; position:fixed; top:0px; background:#000; cursor:pointer; width:100%; z-index:9999; box-shadow:rgba(0,0,0,0.36) 0 10 20px; padding-bottom:8px; border-bottom:1px solid rgba(0,0,0,0.2); }
#main-header li { color:#fff; max-width:120; text-align:center; }
//#main-header > div, #main-header > ul li { padding:6 4 6 4px; }
#main-header { min-height:30px; }
#main-header li:hover { background:rgba(0,128,255,0.8); }
//#side-menu > * { margin-top:6px; }
#main-wrapper, #footer-wrapper, #top-wrapper {  /*width:1030px;*/ width:100%; }
#top-wrapper a { color:#fff; }
#top-wrapper a:hover { text-decoration:none; }
#top-wrapper > li { }
#top-wrapper .glyphicon a { font-family:"Helvetica 400",Verdana; font-size:16; }
#top-wrapper .g-signin2 { width:96px; }
#top-wrapper .abcRioButton { text-align:left; }
#top-wrapper .abcRioButtonLightBlue { background:transparent; }
#top-wrapper .abcRioButtonContentWrapper { padding-top:7px; }
#top-wrapper .abcRioButtonContents { font-size:14px; color:white; }
.ui-content, .ui-component { display:grid; }
#side-content * { position:relative; }
#main-content > form, .ui-content > form { display:block; }
#main-content > li, .ui-content > li { margin-bottom:4px; margin-top:12px; }
#main-content li, .ui-content li { position:relative; }
#main-status { position:relative; }  
#main-status .wrapper-warning .card { max-width:80%; }
#main-content .column-0 { grid-column-start:1; grid-column-end:2; }
#main-content .column-1 { grid-column-start:2; grid-column-end:3; }
#main-content .column-2 { grid-column-start:3; grid-column-end:4; }
#main-content .row-0 { grid-row-start:1; grid-row-end:2; }
#main-content .row-1 { grid-row-start:2; grid-row-end:3; }
#main-content .row-2 { grid-row-start:3; grid-row-end:4; }
#transaction-history, #domain-list { margin-left:auto; margin-right:auto; margin-top:64px; margin-bottom:64px; min-height:512px; width:90%; max-width:80vw; padding-top:12px; padding-bottom:12px; }
#transaction-history > div, #domain-list > div { border-bottom: 1px solid rgba(0,0,0,0.3); padding:4px; padding-left:8px; }
#transaction-history > div:last-child, #domain-list > div:last-child { border-bottom: none; }
#transaction-history t { margin:4px; vertical-align:center; }
#transaction-history t, #transaction-history .w3-input { color:rgba(0,0,0,0.9);  text-shadow:none;}
#transaction-history select { max-height:30px; }
#particle-js { position:fixed; width:100%; height:100%; background:linear-gradient(#fff, #eee); }
#main-wrapper { background:#fff; box-shadow: 0px 10px 20px rgba(0,0,0,0.5); padding-top:0px; }
#main-content { min-height:50%; margin-top:12px; }
#tag-content { padding:4 4 4 4px; }
#main-footer, #footer-cp { left:0px; width:100%; }
#main-footer { background:#000; min-height:200px; font-size:11px; font-family:"Helvetica 400",Verdana,sans-serif; padding-bottom:20px; }
#main-footer .separator { height:5px; background-color:#ff7700; }
#footer-wrapper * { color:#fff; }
#footer-wrapper > li { float:left; width:30%; padding-left:10px; }
#footer-cp { bottom:0px; padding:2 0 1 0px; background:rgba(255,255,255,0.5); font-weight:700; text-align:center; text-shadow:rgba(255,255,255,0.5) 0px 1px 1px; color:#000; }
#footer-wrapper .text-wrapper { word-wrap:break-word; }
#search-wrapper > input[type="text"], #search-wrapper > button { border:none; background:none; color:#fff; text-shadow: #000 0px 1px 1px; padding-left:4px; padding-right:4px; }
#search-wrapper > button { font-weight:700; }
#search-wrapper > button:hover {  }
#search-wrapper { border-radius:10px; border:1px solid rgba(255,255,255,0.36); float:left; }
#search-wrapper:hover { border:1px solid rgba(255,255,255,0.6); }

/*-------------> THSLIDE */
.thslide { background:#000; /*width:1030px;*/ width:100%; height:244px; border-top:3px solid #000; }
.thslide_nav_previous { float:left; }
.thslide_nav_next { float:right; }
.thslide_nav_previous a, .thslide_nav_next a { display:block; width:19px; height:240px; text-decoration:none; background-color:#4d4d4d; background-repeat:no-repeat; }
.thslide_nav_previous a { background-position:0 0; }
.thslide_nav_next a { background-position:100% 0; }
.thslide_nav_previous a:hover, .thslide_nav_next a:hover { background-color:#6e6e6e; }
.thslide_list { float:left; overflow:hidden; position:relative; width:992px; height:240px; }
.thslide_list ul { float:left; width:9000px; padding:0; margin:0; list-style:none; }
.thslide_list li { float:left; margin-right:3px; min-width:320px; min-height:240px; background-size:cover; }
.thslide_list li a { display:block; position:relative; width:320px; height:240px; text-decoration:none;}
.thslide_list li a img { position:absolute; }
.thslide_list li a span { position:absolute; display:block; width:314px; height:234px; }
.thslide_list li a:hover span, .thslide_list li a.current span { border:3px solid #fff55b; }

/* FRONT ITEM GALLERY */
.headers-content > li { max-width:320px; }
.scala-header-category, .scala-header-title, .scala-header-description { padding:4; background-color:rgba(0,0,0,0.5); color:#fff; text-shadow: #000 1px 1px 1px; }
.scala-header-category { font-weight:700; font-size:18px; }
.scala-header-title { font-weight:700; font-size:12px; }
.scala-header-description { font-weight:700; font-size:10px; word-wrap:break-word; max-width:320px; }

.close-btn { position:sticky; margin-top:0px; top:0px; right:0px; float:right; height:24px; width:24px; background-color: rgba(0,0,0,0.2); z-index:100; border-radius:4px; }
.close-btn:hover { background-color: rgba(0,0,0,0.1);  }

/* Specific implementation */
#barousel_thslide { height:992px; }
#barousel_thslide .barousel_content { bottom:241px; }
#thslide_barousel_nav { position:absolute; bottom:0; }

.country-selector, .city-selector, .state-selector { background-color:transparent; border:0px; padding:0px; }

/* width */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: rgba(0,0,0,0.3); border-radius:10px; z-index:-1; margin-top:2px; margin-bottom:2px; }
::-webkit-scrollbar-thumb {  background: #888; border-radius:10px; z-index:-1; }
::-webkit-scrollbar-thumb:hover {  background: #555; border-radius:10px; z-index:-1; }

.select2-container .select2-selection--single { height:38px; margin-top:4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}
//.selectable:not(.deprecated):hover, .selected:not(.deprecated) { background-color: rgba(0,0,0,0.3); }
.processing {  }
//.deprecated * { color:#ccc; background-color:rgba(64,64,64,0.3); }
.indicator { width:16px; height:16px; min-width:16px; min-height:16px; max-width:16px; max-height:16px; border-radius:16px; border:1px solid #ccc; }
.success .indicator { background: linear-gradient(#0f0, #0c0); }
.failed .indicator { background: linear-gradient(#f00, #c00); }
.dormant .indicator { background: linear-gradient(#999, #666); }
input, .done, select, textarea { min-height: 25px; background-color:white; color:#000; margin-top:4px; width:100%; }
.button { min-height:36px; }
input, .button, .button:after, .done, select { max-height:64px; }
.button:after { position: absolute; top: 0; left: 0; }
input[type="submit"], input[type="button"], .button {  }
input[type="submit"]:disabled, input[type="button"]:disabled, button:disabled { cursor: not-allowed; pointer-events: none; }
.deprecated input[type="submit"]:not(.no-disabled), .deprecated input[type="button"]:not(.no-disabled), .deprecated button:not(.no-disabled) { background: linear-gradient(#ccc, #ccc); cursor: not-allowed; pointer-events: none; }
//.deprecated:hover { background-color:rgba(0,0,0,0.3);  }
input[type="submit"]:hover, input[type="button"]:hover, .button:hover, .button:active {  }
.no-disabled:disabled { pointer-events: all; }
.no-disabled { background: linear-gradient(#fff, #ccc); }
.no-disabled:hover { background: linear-gradient(#ccc, #fff); }
input, select, .button { display: inline-block; vertical-align: top; }
input, input::placeholder, select, .button, textarea:placeholder {    font-family:"Helvetica 400",Verdana, sans-serif; }
input[type="text"], input[type="number"], textarea { padding: 8px; color: #000; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select { color: silver; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder, select { color: silver; }
input::-ms-input-placeholder, select { color: silver; }
input::placeholder, textarea::placeholder, select { color: silver; }
.target-selector .selector-input, textarea { }
button.target-selector, button.target-selector:hover { background:transparent; cursor:auto; border:none; }
input[type="text"], input[type="number"], input[type="button"], input[type="submit"], input[type="date"], .button, select, textarea { border-radius:4px; border:1px solid #999; color:#333; }
input[type="text"]:hover, input[type="number"]:hover, input[type="button"], input[type="submit"], .button, textarea:hover { border-color:#999; }
input[type="button"], input[type="submit"], .button, select, input[type="date"], input[type="file"] { min-height:30px; }
input[type="text"], input[type="number"], .form-control {  }
input[type="file"] { width:fit-content; background-color:transparent; color:#fff; }
.ui-window-body input[type="date"], .ui-window-body select, .ui-window-body button, .ui-window-body input[type="button"], .ui-window-body input[type="submit"], .ui-window-body input[type="file"], .ui-window-body input[type="number"] { width:auto;  }
.ui-window-body input, .ui-window-body label  { min-width:200px; }
.ui-window-body .array-field { width:100%;  }
.array-field input[type="checkbox"] { visibility:hidden; }
.array-field .ui-close-btn { top:8px; position:inherit; }
//.array-field > li { border-bottom: 1px solid #000; }
//.array-field { border:1px solid #000; }
.sub-item li { padding-right:4px; }
.ui-window-body li > * { padding-right:4px; }
#sub-content > * { border-bottom: 1px solid rgba(255,255,255,0.2);  }
#side-menu { width:100%; height:100%; display:block; background-color:#3B5999;padding:0px; position: fixed; max-width: 16.7%;}
#side-menu #sub-content li > a { display:inline-flex; }
#side-menu #sub-content li > a > span { font-size:32px; margin-right:8px; }
//#side-menu #sub-content li > a > div > span { display:none; position:absolute; z-index:9999; padding:4px; border:1px solid rgba(255,255,255,0.7); background-color:rgba(0,0,0,0.7); }
//#side-menu #sub-content li:hover > a > div > span { display:block; }
#sub-content { color:#fff;  }
#sub-content > li a { text-decoration:none; color:#fff; }
#sub-content > li a:hover { text-decoration:none; color:#fff; }
#sub-content > li { min-height: 25px; color:#fff; margin-top:4px; width:100%;  padding:10 10px; text-decoration:none; }
#sub-content > li.selected { background: rgba(0,0,0,0.3); }
//#sub-content > li:hover { background: rgba(0,0,0,0.3);   }
#sub-content > li span { font-size:11px; color:rgba(255,255,255,0.7); }
.content-section, section, #searchForm { margin-left:auto;margin-right:auto;max-width:80%;}
#solution-detail p  { font-size:20px; }
#visitor-log > *:hover { background-color:rgba(0,0,0,0.9); }
.loading-panel { display:block; position :fixed; left:40px; bottom:24px; z-index:99999; width:160px; height:64px; border-radius:5px; border: 1px solid rgba(0,0,0,0.2); background:#ccc; box-shadow:rgb(0 0 0 / 12%) 0px 6px 6px; }

.size128 { height:128px; }
.size256 { height:256px; }
.size96 { height:96px; }
.size192 { height:192px; }
.size128, .width128 { width:128px; }
.size256, .width256 { width:256px; }
.size512, .width512 { width:512px; }
.size768, .width768 { width:768px; }
.size96, .width96 { width:96px; }
.size192, .width192 { width:192px; }
.rounded-rectangle { border:1px solid #ccc; border-radius:10px; }

/* success */
      .wrapper-success, .wrapper-info, .wrapper-warning {
        margin: 10px;
      }
      .wrapper-success .card, .wrapper-info .card, .wrapper-warning .card  {
        width: auto;
        max-width:400px;
        height: 120px;
        background-color: #fff;
        padding: 10px 20px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-radius: 3px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
      }
      .wrapper-success .card,  {border-left: 5px solid #49d761;}
      .wrapper-info .card, { border-left: 5px solid #3286e9; }
      .wrapper-warning .card  {  border-left: 5px solid #fdc220;    }
      .wrapper-success .card .subject, .wrapper-info .card .subject, .wrapper-warning .card .subject  {
        margin-right: 20px;
	margin-left:20px;
      }
      .wrapper-success .card .subject p {
        color: #909092;
      }
      .wrapper-success .card .icon {
        font-size: 28px;
        color: #49d761;
      }
      /* success */
      /* info */
      .wrapper-info .card .subject p {
        color: #909092;
      }
      .wrapper-info .card .icon {
        font-size: 28px;
        color: #3286e9;
      }

      /* info */
      /* warning */
      .wrapper-warning .card .subject p {
        color: #909092;
      }
      .wrapper-warning .card .icon {
        font-size: 28px;
        color: #fdc220;
      }
      .wrapper-info .card .icon-times, .wrapper-success .card .icon-times, .wrapper-warning .card .icon-times {
        font-size: 28px;
        color: #c3c2c7;
        cursor: pointer;
	display:none;
      }
.mobile-only { display:none; }
.features { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; }
.partners, .testimonials { display: grid; grid-template-columns: 1fr 1fr 1fr ; gap: 64px; }

@media screen and (max-width: 720px) {
#main-wrapper, #footer-wrapper, #top-wrapper { margin-left:auto; margin-right:auto; width:100%; }
.size128 { height:128px; }
.size256 { height:256px; }
.size96 { height:96px; }
.size192 { height:192px; }
.size128, .width128 { width:128px; }
.size256, .width256 { width:256px; }
.size512, .width512 { width:512px; }
.size768, .width768 { width:768px; }
.size96, .width96 { width:96px; }
.size192, .width192 { width:192px; }
#background-problems p { font-size:18px; }
#cart-container, #chat-container { width:100%; height:auto; top:0px; max-width:100vw;}
#cart-container .array-field { width:100vw; }
#cart-container, #chat-container { right: calc(50vw - 50%); float: left; position:absolute; }
p { text-align: justify; text-justify: inter-word;  }
.css-treeview label { height:auto; line-height:normal; background:none; overflow-x:hidden; }
h1 { font-size:32px; }
h2 { font-size:17px; }
h3 { font-size:16px; }
h4 { font-size:15px; }
h5 { font-size:14px; }
.css-treeview label { font-size:medium; }
p, input, label, a, select, .css-treeview li, #top-wrapper .glyphicon a, button { font-size:small; }
.css-treeview button { width:90%; }
#main-footer a { font-size:12px; }
.content-section { height:100vh; }
#searchForm { max-width:calc(100vw - 40px); }
#about-us > *, #about-us p { font-size:16px; }
#main-status .wrapper-warning .card { max-width:100%; }
#main-content > #about-us {height:512px;}
#team-container { height:320px; }
#cart-container, #chat-container { right:0; position:fixed; width:100vw; max-width:100vw; min-width:192px; z-index:10000; }
#cart-container .array-field > div { width:95%;  }
#cart-close-btn span, #chat-close-btn span { color:rgb(0,0,0,0.3); }
#cart-close-btn:hover span, #chat-close-btn:hover span { color:rgb(0,0,0,0.7); }
.ui-card { max-height:400px; }
.ui-card .card-fig { height:160px; }
.grid-container {  display: grid;column-gap: 16px; row-gap: 16px; grid-auto-flow: row; width:100%; grid-auto-columns:48%; grid-template-columns: repeat(2, 1fr); }
.ui-card { width:100%; max-width:100vw; height:100%; max-height:512px; background-color:white; border-radius:12px; display:grid; box-shadow:rgb(0 0 0 / 16%) 0px 0px 10px; }
.no-mobile, .navbar-brand>img, .nav > li.no-mobile { display:none; }

#sub-content > * { border-bottom: 1px solid rgba(255,255,255,0.2); display:inline-flex;  }
#side-menu { left:10vw; width:80vw; max-width:80vw; height:96px; display:block; background-color:#3B5999;padding:0px; position:fixed; bottom:5vw; float:left; z-index:9999; border-radius:12px; padding-left:12px; padding-right:12px; margin-left:auto; margin-right:auto; box-shadow:rgb(0 0 0 / 16%) 12px 15px 15px; }
#side-menu #sub-content  { display:grid; padding:0;grid-auto-columns:25%; grid-template-columns: repeat(4, 1fr);  }
#side-menu #sub-content li { width:100%; max-width:calc((80vw -24px) / 4); height:100%; text-align:center; align-items:center; justify-content:center; margin-top:0px; }
#side-menu #sub-content li { border:none; border-right:1px solid rgba(255,255,255,0.7); }
#side-menu #sub-content li:last-child { border:none; }
#side-menu #sub-content li > a > div { overflow-wrap: break-word;  }
#side-menu #sub-content li .glyphicon { font-size:3em; margin-left:auto; margin-right:auto; }
#side-menu #sub-content li > a > div > h4 { font-size:12px; margin-top:4px; }
#side-menu #sub-content li > a > div > span { display:none; }
#side-menu #sub-content li > a { display:block; }
#side-menu #sub-content li > a > span { font-size:32px; margin-right:8px; }
#side-menu #sub-content .no-mobile { display:none; }

#transaction-history, #domain-list { min-height:100vh; width:90vw; max-width:90vw; margin-left:auto; margin-right:auto;  }
//#side-menu #sub-content li > a > div > span { display:none; position:absolute; z-index:9999; padding:4px; border:1px solid rgba(255,255,255,0.7); background-color:rgba(0,0,0,0.7); }
#side-menu #sub-content li:hover > a > div > span { display:none; }
#sub-content { color:#fff;  }
//#sub-content > li a > div { display:none; }
#sub-content > li a { color:#fff; }
#sub-content > li a:hover { text-decoration:none; color:#fff; }
#sub-content > li { min-height: 25px; color:#fff; margin-top:4px; width:100%;  padding:10 10px; text-decoration:none; }
//#sub-content > li:hover { background: rgba(0,0,0,0.3);   }
#sub-content > li span { font-size:12px; color:rgba(255,255,255,0.7); }
.content-section, section { margin-left:auto;margin-right:auto;max-width:100%; }
.wrapper-success .card, .wrapper-info .card, .wrapper-warning .card  { max-width:80vw; }
#file-manager > * { height:50vh; }
#solution-detail p { font-size:18px; }
.mobile-only { display:block; }
.chat-response { max-width: 80vw; }
.features { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.partners, .testimonials { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
}


@media screen and (max-width: 480px) {
#main-wrapper, #footer-wrapper, #top-wrapper { margin-left:auto; margin-right:auto; width:100%; }
.size128 { height:128px; }
.size256 { height:256px; }
.size96 { height:96px; }
.size192 { height:192px; }
.size128, .width128 { width:128px; }
.size256, .width256 { width:256px; }
.size512, .width512 { width:512px; }
.size768, .width768 { width:768px; }
.size96, .width96 { width:96px; }
.size192, .width192 { width:192px; }
#cart-container, #chat-container { width:100%; height:auto; }
#cart-container .array-field { width:100vw; }
#cart-container, #chat-container { right: calc(50vw - 50%); float: left; position:fixed; }
p { text-align: justify; text-justify: inter-word;  }
.css-treeview label { height:auto; line-height:normal; background:none; overflow-x:hidden; }
h1 { font-size:30px; }
h2 { font-size:16px; }
h3 { font-size:15px; }
h4 { font-size:14px; }
h5 { font-size:13px; }
.css-treeview label { font-size:medium; }
p, input, label, a, select, .css-treeview li, #top-wrapper .glyphicon a, button { font-size:small; }
#cart-container .array-field > div { width:93%;  }
.css-treeview button { width:80%; }
.ui-card { }
.ui-card .card-fig { height:160px; }
#main-footer a { font-size:12px; }
#about-us > *, #about-us p { font-size:16px; }
#main-status .wrapper-warning .card { max-width:100%; }
#main-content > #about-us   { height:512px; }
#team-container { height:240px; }
.no-mobile, .navbar-brand>img, .nav > li.no-mobile   { display:none; }
#side-menu { height:72px; }
#side-menu #sub-content li .glyphicon { font-size:1.5em; }
#side-menu #sub-content li > a > div > h4 { font-size:10px; margin-top:4px; }
#transaction-history, #domain-list { min-height:100vh; width:90vw; max-width:90vw; margin-left:auto; margin-right:auto; }
#solution-detail p { font-size:16px; }
.content-section, section { margin-left:auto;margin-right:auto;max-width:100%;  }
.chat-response { max-width: 80vw; }
.features { display: grid; grid-template-columns: 1fr; gap: 10px; }
.partners, .testimonials { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
}