/* fonts */

@font-face { font-family:'DINPro';src:url('/xpr/fonts/din/hinted-DINPro-Light.ttf') format('opentype');font-weight:normal;font-style:normal; }
@font-face { font-family:'DINProBold';src:url('/xpr/fonts/din/hinted-DINPro-Medium.ttf') format('opentype');font-weight:normal;font-style:normal; }
.material-icons { vertical-align:middle; }

/* layout */

body { background:#F6F7FB; }
html, body { width:100%;height:100%; }
* { font-family:"DINPro";color:#000; }
ul,li { list-style-type:none;margin:0;padding:0; }
input { -webkit-appearance:none; }
[type=reset],[type=submit],button,button:focus,[type=button] { -webkit-appearance:none;border:0;background:transparent;cursor:pointer;outline:none; } 
a,a:hover { color:#1DAAFC;text-decoration:none; }
.router-link-active { font-family:DINProBold; }
.width100p { width:100%; }
.width1000em { width:1000em; }
.height100p { height:100%; }
#header { position:fixed;top:0;z-index:100;width:100%;padding:0; }
.logo { font:12px/20px DINM;color:#fff;display:block;height:100%;ext-transform:uppercase; }
.logo > span { display:block; }
.logo img { width:100%;margin-top:19px;padding:0px 10px;display:block;max-width:100%; }
.logo img.small { width:40px;margin:10px;padding:0; }
.logo img.big { width:80%;margin:22px auto 0px; }
.nav-header { width:240px;height:60px;background:#fff;float:left; }
.nav-container { height:60px;background:#fff;margin-left:240px; }
.nav-container .left-nav { text-align:left;overflow:hidden; }
.nav-container .right-nav { text-align:right; }
.nav-container .left-nav a,
.nav-container .left-nav span,
.nav-container .right-nav > span,
.nav-container .left-nav button,
.nav-container .right-nav > button { display:inline-block;height:60px;line-height:60px;color:#494949;margin:0;padding:0px 20px; }
.nav-container .left-nav span,
.nav-container .left-nav input { width:80%; }
.nav-container .left-nav button { background:transparent;border:0;outline:none; }
.nav-container .left-nav a:hover,
.nav-container .left-nav button:hover { color:#1DAAFC; }
.nav-container .right-nav > button:hover,
.nav-container .right-nav > button.active { color:#1DAAFC;border-bottom:2px solid #1DAAFC;box-shadow:3px 3px 20px -5px rgba(0,0,0,0.2); }
.nav-container .right-nav > button span { vertical-align:middle;font-size:12px;color:#858585;padding:0px 10px; }
.nav-container .right-nav > button .avatar { display:inline-block;overflow:hidden;background:#F1F1F1;border:1px solid #D3D3D3;line-height:0; } 
.nav-container .right-nav > button .avatar i { color:#D3D3D3;position:relative;top:4px; }
.nav-container .right-nav > button i { font-size:14px; }
.nav-container input { height:56px;line-height:56px;font-size:14px;border:0;padding:0px;outline:none;background:transparent; }
.nav-container .left-nav a,
.nav-container .left-nav button { border-right:1px solid #f3f3f3; }
.nav-container .right-nav > button { border-left:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;float:right; } 
.nav-container .left-nav a i,
.nav-container .right-nav > button .avatar i { font-size:22px; }
.side-nav { position:fixed;top:60px;z-index:10;width:240px;height:100%;background:#fff;border-right:1px solid #f3f3f3; }
.dashboard-content { padding-left:320px;padding-top:150px; } 
.dashboard-content.expanded { margin-left:0; }
.side-nav nav { overflow:auto;height:100%; }
.side-nav ul li { list-style:none;line-height:50px;color:rgba(163,175,183,.9); }
.side-nav ul li.main-category { font-size:15px;padding:15px 30px 0px; }
.side-nav ul li a { color:rgba(73,73,73,1);display:block;padding:0px 20px;font-size:14px;text-decoration:none;border-right:2px solid #fff;transition:all .25s ease; }
.side-nav ul li a:hover,.side-nav ul li.active a,
.side-nav ul li a.router-link-active { box-shadow:3px 3px 20px -5px rgba(0,0,0,0.2);color:#1DAAFC;border-color:#1DAAFC; }
.side-nav ul li a.router-link-active i { color:#1DAAFC; }
.side-nav ul li a i { margin:0px 15px 0px 10px;font-size:22px;width:20px; }
#dashboard-app .main-form { margin-bottom:50px; }
#dashboard-app footer { color:#858585;margin-bottom:20px; }

/* shortcodes */

[v-cloak] { display:none !important; }
.mt-10{margin-top:10px;}.mr-10{margin-right:10px;}.mb-10{margin-bottom:10px;}.ml-10{margin-left:10px;} 
.mt-15{margin-top:15px;}.mr-15{margin-right:15px;}.mb-15{margin-bottom:15px;}.ml-15{margin-left:15px;} 
.mt-20{margin-top:20px;}.mr-20{margin-right:20px;}.mb-20{margin-bottom:20px;}.ml-20{margin-left:20px;} 
.mt-25{margin-top:25px;}.mr-25{margin-right:25px;}.mb-25{margin-bottom:25px;}.ml-25{margin-left:25px;} 
.mt-30{margin-top:30px;}.mr-30{margin-right:30px;}.mb-30{margin-bottom:30px;}.ml-30{margin-left:30px;} 
.mt-40{margin-top:40px;}.mr-40{margin-right:40px;}.mb-40{margin-bottom:40px;}.ml-40{margin-left:40px;} 
.mt-50{margin-top:50px;}.mr-50{margin-right:50px;}.mb-50{margin-bottom:50px;}.ml-50{margin-left:50px;} 
.mt-60{margin-top:60px;}.mr-60{margin-right:60px;}.mb-60{margin-bottom:60px;}.ml-60{margin-left:60px;} 
.mt-100{margin-top:100px;}.mr-100{margin-right:100px;}.mb-100{margin-bottom:100px;}.ml-100{margin-left:100px;} 
.pt-10{padding-top:10px;}.pr-10{padding-right:10px;}.pb-10{padding-bottom:10px;}.pl-10{padding-left:10px;}
.pt-15{padding-top:15px;}.pr-15{padding-right:15px;}.pb-15{padding-bottom:15px;}.pl-15{padding-left:15px;}
.pt-20{padding-top:20px;}.pr-20{padding-right:20px;}.pb-20{padding-bottom:20px;}.pl-20{padding-left:20px;}
.pt-100{padding-top:100px;}.pr-100{padding-right:100px;}.pb-100{padding-bottom:100px;}.pl-100{padding-left:100px;} 
.m-10 { margin:10px; }
.m-20 { margin:20px; }
.p-10 { padding:10px; }
.p-20 { padding:20px; }
.pointer { cursor:pointer; }
.relative { position:relative; }
.absolute { position:absolute; }
.white { color:#fff; }
.inline-block { display:inline-block; }
.block { display:block; }
.of-0 { overflow:hidden; }
.fs-12 { font-size:12px !important; }
.fs-14 { font-size:14px !important; }
.fs-16 { font-size:16px !important; }
.fs-18 { font-size:18px !important; }
.color-ccc { color:#ccc !important; }
.color-blue { color:#1DAAFC !important; }
.color-red { color:#FF3366 !important; }
.lspc-0 { letter-spacing:0 !important; }
.animate-all { transition:all .25s ease;-webkit-transition:all .25s ease; }
html .br-0 { border-radius:0; }
html .br-tl-0 { -webkit-border-top-left-radius:0;border-top-left-radius:0; }
html .br-tr-0 { -webkit-border-top-right-radius:0;border-top-right-radius:0; }
html .br-bl-0 { -webkit-border-bottom-left-radius:0;border-bottom-left-radius:0; }
html .br-br-0 { -webkit-border-bottom-right-radius:0;border-bottom-right-radius:0; }

/* collapsed */

.logo img.small,
.xpr-db .collapsed .logo img.big { display:none; }
.xpr-db .collapsed .logo img.small { display:block; }
.nav-header,.side-nav { transition:width .5s ease;-webkit-transition:width .5s ease; }
.nav-header { border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3; }
.xpr-db .collapsed .nav-header,.xpr-db .collapsed .side-nav { width:60px; }
.nav-container,.dashboard-content {  transition:margin .5s ease,padding .5s ease;-webkit-transition:margin .5s ease,padding .5s ease; }
.nav-container { border-bottom:1px solid #f3f3f3; }
.xpr-db .collapsed .nav-container { margin-left:60px; }
.xpr-db .collapsed .dashboard-content { padding-left:200px; }
.xpr-db .collapsed .side-nav footer,
.xpr-db .collapsed .side-nav span { display:none; }
.xpr-db .collapsed .side-nav ul li a i { font-size:22px;margin:15px auto; }
.xpr-db .side-nav-toggle:hover { background:#000; }
.xpr-db .side-nav-toggle:hover i { color:#fff; }

/* override old bootstrap 3 with the new version 4 */

.has-bs3 .navbar,.has-bs3 .navbar-nav,.has-bs3 .navbar-brand { display:block !important;padding:0 !important;margin:0 !important; }
.has-bs3 button.ftrCon { font-size:18px; }
.has-bs3 .newsletter input[type="email"],
.has-bs3 .newsletter input[type="submit"] { height:auto !important;line-height:25.7px; }
.has-bs3 .content.container { max-width:1170px; }
.has-bs3 .input-group[class*="col-"] { padding-left:15px;padding-right:15px; }
.has-bs3 .row:before { display:block; }

/*  forms */

/* placeholder */
::-webkit-input-placeholder { color:rgba(204,204,204,0.5); }
::-moz-placeholder { color:rgba(204,204,204,0.5); }
:-ms-input-placeholder { color:rgba(204,204,204,0.5); }
:-moz-placeholder { color:rgba(204,204,204,0.5); }

/* autofill */
@-webkit-keyframes autofill { to {color:#5f5f5f;background:transparent;}}
input:-webkit-autofill { -webkit-animation-name: autofill;-webkit-animation-fill-mode: both; }

/* label and text */
label { font-size:14px; }
input[type="text"],
input[type="password"],
input[type="email"] { border:0;height:40px;line-height:40px;font-size:14px;padding:0px 15px;outline:none;background:transparent;width:100%; }
input[aria-invalid="true"],input[aria-invalid="true"]:focus,
select[aria-invalid="true"] { border-color:rgb(250,162,56);box-shadow:0 0 3px 2px rgba(250,162,56,.5); }
select[aria-invalid="true"] { opacity:1 !important;width:100% !important;left:0% !important;font-size:0; }

.inline-form input[aria-invalid="true"],
.inline-form input[aria-invalid="true"]:focus,
.input-groups input[aria-invalid="true"],
.input-groups select[aria-invalid="true"] { border-color:#f3f3f3;box-shadow:none;background:#FEF6B2; }
.account.edit .inline-form { border-radius:0; }
.inline-button { text-align:left;padding:0;margin:0;width:100%; }
 
/* checkbox and radio */
input[type="checkbox"],
input[type="radio"],
.input-groups .input-group .checkbox-row input[type="checkbox"],
.input-groups .input-group .radio-row input[type="radio"] { position:relative;z-index:5;outline:none !important;border:0;width:15px;height:15px;top:5px;left:3px; }
input[type="checkbox"],
input[type="radio"],
.checkbox-row span,
.radio-row span { position:relative;cursor:pointer; }
.checkbox-row span,
.radio-row span { width:15px;height:15px;vertical-align:middle;border:1px solid #f3f3f3;border-radius:3px;display:inline-block;margin-right:5px;margin-left:-15px;font-family:initial;font-size:initial;line-height:initial;transition:border .25s ease;transition:border .25s ease; }
.checkbox-row span:before,
.radio-row span:before { width:0px;height:0px;visibility:hidden;background:#1DAAFC;content:" ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:3px;transition:all .25s ease;-webkit-transition:all .25s ease; }
input[type="checkbox"]:checked, input[type="radio"]:checked { background:none; }
input[type="checkbox"]:checked+span, input[type="radio"]:checked+span { border-color:#1DAAFC; }
input[type="checkbox"]:checked+span:before, input[type="radio"]:checked+span:before { width:15px;height:15px;visibility:visible; }

/* input container */
.input-group { position:relative;border:1px solid #ededed;border-radius:3px;outline:none;background:#fff;width:100%;transition:border .25s ease;-webkit-transition:border .25s ease; }
.input-group:focus-within { border-color:#1DAAFC; }
.input-group li { padding:0 15px;width:100%;height:40px;line-height:40px;font-size:14px; }
.input-group li+li { border-top:1px solid #f3f3f3; }
.input-group small { color:#ccc; }
.input-group h2 { height:40px;line-height:40px;font-size:14px;display:inline; }
.input-group h3 { font-size:14px;line-height:1;margin:5px 0px; }
.input-group h4 { font-size:11px;line-height:1;margin:0;color:#ccc; }
.input-group em { font-style:normal;display:inline;color:#ccc;font-size:12px; }
.input-group i.icon,.plus-icon { width:20px;height:20px;color:#1DAAFC;border:1px solid #1DAAFC;border-radius:10px;text-align:center;line-height:15px;font-size:20px;display:inline-block;font-style:normal;vertical-align:middle;cursor:pointer; } 
.input-group-label-placeholder { margin-top:27px; }
.plus-icon+span { color:#1daffc;margin-left:10px;vertical-align:middle; }
button.naked { border:0;background:transparent;font-size:14px;height:40px;line-height:40px;padding-left:15px;cursor:pointer;outline:none;transition:color .25s ease;-webkit-transition:color .25s ease; }
button.naked:hover,button.naked:focus,
button.naked:hover i,button.naked:focus i { color:#1DAAFC; }
button.naked i { font-size:20px;vertical-align:text-top;margin-right:5px;transition:color .25s ease;-webkit-transition:color .25s ease; } 
.grecaptcha-badge { z-index:100; }
.link { display:inline;color:#595959;font:14px/20px DINPro;text-align:center;cursor:pointer; }
.input-group input+input { border-top:1px solid #f3f3f3; }
.input-group .radio-row,
.input-group .checkbox-row { position:relative;width:100%;height:40px;line-height:40px;font-size:14px;padding:0px 15px;outline:none; }
.input-group .radio-row+.radio-row,
.input-group .checkbox-row+.checkbox-row { border-top:1px solid #ededed; }
.input-group .radio-row.grey,
.input-group .checkbox-row.grey { background:#F5F5F5; }
.input-group .radio-row span,
.input-group .checkbox-row span { border-radius:7px;border-color:#858585;top:-2px; }
.input-group .radio-row span:before,
.input-group .checkbox-row span:before { transition:none;-webkit-transition:none;border-radius:7px;content:"check";font-family:"Material Icons";color:#fff;font-size:14px;font-feature-settings:"liga" 1; }
.input-group .radio-row.add span:before,
.input-group .checkbox-row.add span:before { content:"add"; }
.input-groups .input-group .radio-row,
.input-groups .input-group .checkbox-row { padding-left:0;padding-right:0; }

/* input icons */
.input-addons { display:table;border:1px solid #f3f3f3;border-radius:3px;width:100%; }
.input-addons input { display:table-cell;border:0 !important;border-radius:0 !important;float:left;width:80%; }
.input-addons .input-addon,.input-addon { display:table-cell;text-align:center;font-size:20px;width:40px;height:40px;line-height:40px;border-right:1px solid #f3f3f3;color:#F3F3F3;transition:all .25s ease;-webkit-transition:all .25s ease; }
.input-addon.addons { width:auto;border:0;border-radius:0;position:absolute;top:-3px; }
.input-addon.addons.right { right:20px; }
.input-addon.addons.text { color:#858585;font-size:12px;vertical-align:middle; }
.input-addons .input-addon.right { border:0;background:transparent;vertical-align:middle; }
.input-addons .input-addon.text-danger { padding:0;margin:0;color:#D53634 !important; }
.input-group:hover .input-addons ::-webkit-input-placeholder, 
.input-group:focus-within .input-addons ::-webkit-input-placeholder { color:#CDEBFD; }
.input-group:hover .input-addons .input-addon { color:#CDEBFD; }
.input-group:hover .input-addons,
.input-group:hover .input-addons .input-addon,
.input-group:focus-within .input-addons,
.input-group:focus-within .input-addons .input-addon { border-color:#E9F0F5; }
.input-group:focus-within .input-addons .input-addon { color:#CDEBFD;background:#F8FCFF; }
@-webkit-keyframes autofill_blue { to {color:#5f5f5f;background:#F8FCFF;}}
.input-group:focus-within .input-addons input:-webkit-autofill:focus { -webkit-animation-name: autofill_blue;-webkit-animation-fill-mode: both; }
.card-img { width:40px;display:inline-block;padding:3px 5px;border:1px solid #f3f3f3;background:#fff; } 
.input-group .bootstrap-select { width:100%;height:40px;background:#fff;margin:0; }
.input-groups .input-addons.disabled { background: #F8FCFF; }
.input-groups .input-addons.disabled input { cursor:default;color:#858585; }

/* select (for version 4) */
.bootstrap-select.btn-group:not(.input-group-btn) { max-width:100%;background:#fff;width:100% !important;border:1px solid #f3f3f3;outline:none; }
.bootstrap-select li { padding:0; }
.bootstrap-select button { height:40px;padding:0px 15px !important;text-transform:none;font:14px/40px DINPro; }
.bootstrap-select button ,.bootstrap-select .dropdown-menu > li > a { font:14px/40px DINPro;width:100%;height:40px;padding:0px 15px;text-transform:none;display:block;outline:none; }
.bootstrap-select .dropdown-toggle { border-bottom:0; }
.bootstrap-select .dropdown-toggle::after { display:none; }
.bootstrap-select.btn-group .dropdown-toggle .caret { font-size:14px;font-family:"FontAwesome";line-height:36px;top:5px;right:25px; }
.bootstrap-select .caret:before { content:"\f107" !important; }
.bootstrap-select.show .caret::before { content:"\f106" !important; }
.bootstrap-select .dropdown-toggle:focus { outline:none !important;border:0;box-shadow:none; }
.bootstrap-select.btn-group .dropdown-toggle .filter-option { font-size:14px;line-height:40px;letter-spacing:0px; }
.dropdown-menu { border:1px solid #f5f5f5;padding:0;margin:0;box-shadow:0 6px 12px rgba(0,0,0,0.175); }
.open>.dropdown-menu { display:block; }
.dropdown-menu li+li { border-top:1px solid #f3f3f3; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background:#f5f5f5; }
/* multiple select */
.btn-group.bootstrap-select.add-multiple { background:transparent;border:0;border-radius:0; }
.btn-group.bootstrap-select.add-multiple:hover button>span,.btn-group.bootstrap-select.add-multiple:focus button>span,
.btn-group.bootstrap-select.add-multiple:hover i,.btn-group.bootstrap-select.add-multiple:focus i { color:#1DAAFC; }
.btn-group.bootstrap-select.add-multiple i { font-size:20px;vertical-align:text-top;margin-right:5px; } 
.btn-group.bootstrap-select.add-multiple .bs-caret { display:none; }
.btn-group.bootstrap-select.add-multiple .check-mark { display:inline-block !important;float:right;width:20px;height:20px;color:#1DAAFC;border:1px solid #1DAAFC;border-radius:10px;position:relative;top:10px;text-align:center;line-height:15px; }
.btn-group.bootstrap-select.add-multiple .check-mark:before { content:"+";font-size:20px; }
.btn-group.bootstrap-select.add-multiple li.selected .check-mark,.check-mark.icon { margin:0!important;border:0;background:#1DAAFC;line-height:20px; }
.btn-group.bootstrap-select.add-multiple li.selected .check-mark:before,.check-mark.icon:before { content:"check";font-family:"Material Icons";color:#fff;font-size:14px;font-feature-settings:"liga" 1; }
.input-group .check-mark.icon { font-size:0;line-height:20px; }
.star { color:#FCA326 !important; }

/* cta button */
.cta-3 { transition:background .25s ease;-webkit-transition:background .25s ease;border-radius:3px;font-size:14px;letter-spacing:1px;padding:0;height:40px;line-height:40px;border:0;background:#00a8ff;color:#fff; }
.cta-3.bg-blue:focus,.cta-3.bg-blue:hover { background:#0079b7; }
.cta-3.bg-grey:focus,.cta-3.bg-grey:hover { background:#a2a2a2; }
.cta-3.disabled { opacity:1;cursor:default; }
.cta-3 span { color:#fff; }
a.cta-3 { display:block;text-align:center; }

/* loader */
.spinner { display:inline-block; }
.inline.spinner { width:30px;height:30px;margin-top:-5px;position:static;background:transparent;display:inline-block;vertical-align:middle; }
.showbox { width:30px;margin-left:10px; }
.loader:before {content:'';display:block; }
.circular { animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;margin:auto;display:inline-block;vertical-align:middle; }
.path { stroke-dasharray:1, 200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:square;stroke:#000; }
.showbox { width:20px;margin-left:5px; }
.showbox svg { margin-top:-3px; }
.showbox svg circle { stroke:rgb(255,255,255); }
.inline-input .showbox svg circle,
.blue .showbox svg circle { stroke:#1DAAFC; }
.spinner.inline-input { position:absolute;right:15px;top:7px; }
.dashboard-loader { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); }
.dashboard-loader .showbox { width:30px; }

/* messages */
.text-danger,.text-success { background:#D53634;font-size:14px;padding:5px 10px;border-radius:3px;color:#fff !important;display:inline-block;margin-right:10px; }
.text-success { background:#50C29B;margin-right:0; }
.text-danger.width100p { margin-right:0; }
.msg.text-right .text-danger,
.msg.text-right .text-right { margin-right:0;margin-left:10px; }

/* animations */
@keyframes pop { 50%  {transform: scale(1.2);} }
@keyframes pop2 { 50%  {transform: scale(1.05);} }
@keyframes rotate { 100% { transform:rotate(360deg); } }
@keyframes dash { 
  0% { stroke-dasharray:1, 200;stroke-dashoffset:0; }
  50% { stroke-dasharray:89, 200;stroke-dashoffset:-35px; }
  100% { stroke-dasharray:89, 200;stroke-dashoffset:-124px; }
}

/* text */

h1,h2 { color:#6E6E6E; }
h1 { font-size:26px;margin:0px 0px 30px; }
h2 { font-size:18px;margin:0px 0px 5px; }
.num { width:35px;height:35px;line-height:35px;background:#A2D9F9;color:#fff;text-align:center;border-radius:20px;margin-right:20px; }
.helper { color:#ccc;font-size:14px;line-height:1;vertical-align:unset;margin-left:10px;cursor:default; }

/* public-form */

.bg-xpr { background:url(/media/xpr-cloud-2.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%; }
.form-container { background:#fff;padding:50px;box-shadow:-5px 0px 10px 0px rgba(0, 0, 0, 0.1); }
.public-form .input-group,
.input-groups .input-group { border:0;margin-bottom:20px;background:transparent; }
.input-groups input { width:100%; }
.input-groups .input-addons { background:#fff;overflow:hidden; }
.input-groups .input-addons:focus-within { border-color:#1daafc; }
.input-groups .input-group label { font-size:12px; }
.input-addons.text-center input { text-align:center; }
.xpr-cc { width:65px !important; }
.xpr-cc,
.xpr-cc > img.card-img { background:transparent !important; }
.xpr-cc.text-danger { position:absolute;right:0;top:19px; }
.public-form .input-group label { text-transform:uppercase;display:block;width:100%;font-size:12px;transition:color .25s ease;-webkit-transition:color .25s ease;color:#595959;letter-spacing:1px; }
.public-form .input-group input[type=text],
.public-form .input-group input[type=password],
.public-form .bootstrap-select { border:1px solid #f3f3f3;margin:0;padding:0px 10px;color:#5f5f5f;font-size:14px;border-radius:3px;outline:none;background:#fff;width:100%;transition:background .25s ease;-webkit-transition:background .25s ease; }
.public-form .bootstrap-select { padding:0; }
.public-form small { font-size:11px;color:#ccc;letter-spacing:1px;font-weight:lighter; }
.public-form .checkbox-row label { font-size:11px;letter-spacing:1px;color:#1daafc; }
.public-form .input-group:focus-within label { color:#1DAAFC; }
.public-form .input-group:focus-within input[type=text],
.public-form .input-group:focus-within input[type=password],
.public-form .input-group:focus-within .bootstrap-select { background:#F8FCFF; }
.checkbox-row label a { border-bottom:1px solid;padding-bottom:2px; }
.verify-email .spinner { margin:0px auto; }
.verify-email .showbox { width:70px;margin:0px auto; }
.verify-email .showbox svg circle { stroke:#1daafc; }
.verify-email .verified { font-size:70px;color:#2FD566;transform:scale(0);display:block; }
.verify-email .verified.active { transform:scale(1);animation: pop 0.3s linear 1; }
.verify-email .verified.error { color:#D33839; }

/* table */

.table { width:100%;display:table; }
.table > header,
.table > a { display:table-row; }
.table > header > div,
.table > a > div { display:table-cell;height:40px;vertical-align:middle;padding:0px 15px;text-align:left; }
.table > a > div { color:#858585;font-size:12px;border:1px solid #ededed;transition:color .25s ease;-webkit-transition:color .25s ease; }
.table > a > div:first-child { border-right:0;border-bottom:0; }
.table > a > div:last-child { border-right:1px solid #ededed; }
.table > a > div:first-child { font-weight:bolder;color:#737373;width:30%; }
.table > a:last-child > div { border-bottom:1px solid #ededed; }
.table > a > div+div { border-left:0;border-right:0;border-bottom:0; }
.table > a:hover > div { border-color:#1daafc;border-bottom:1px solid #1daafc; }
.table > header > div { color:#858585;font-size:11px;font-weight:bold; }
.table > a { line-height:1;vertical-align:middle;background:#fff; }
.table > a .button-link { visibility:hidden;font-size:10px;color:#1daafc;vertical-align:middle;font-weight:bolder;text-transform:uppercase; }
.table > a:hover .button-link { visibility:visible; }

/* data table */

.data-table { background:#fff;border:1px solid #ededed;margin-bottom:30px; }
.data-table > div+div { border-top:1px solid #ededed; }
.data-table > div { margin-left:0;margin-right:0; }
.data-table > div > div { padding:0px 15px;font-size:12px;line-height:40px; }
.data-table > div > div > label { margin:0;font-size:12px;line-height:40px; }
.data-table.members label { font-weight:bolder; }
.data-table.members div > div:last-child { font-size:11px;color:#858585; }
.data-table.workspaces small { line-height:1; }
.data-table.workspaces a { font-size:12px; }
.data-table.workspaces .workspace .frame-preview { width:100%;height:110px; }
.data-table.cards img { max-width:30px; }
.data-table.cards .star { font-size:16px; }
.buttons-nav { text-align:right; }
.buttons-nav button,.button-nav { display:inline-block;margin:0;padding:0; }
.buttons-nav button i,.button-nav i { font-size:16px;line-height:40px;color:#858585; }
.buttons-nav button:hover i { color:#1daafc; }

/* tooltip */

.tooltip {  }
.tooltip-inner { border-radius:0;font-family:DINPro;font-size:12px; }

/* responsive */
/* large */
@media (max-width: 1199.98px) { 
    .xpr-db .collapsed .dashboard-content { padding-left:94px;padding-top:94px; }
}
/* medium */
@media (max-width: 991.98px) { 
}
/* small */
@media (max-width: 767.98px) { 
    .xpr-db .dashboard-content,.xpr-db .collapsed .dashboard-content { padding-left:0;padding-right:0;padding-top:80px; } 
    .nav-container { margin-left:0; }
    .nav-header { width:60px; }
}
/* extra small */
@media (max-width: 575.98px) {  }