:root {
  --main: #0d6efd;
}

html { height:100%;  } 
body,
.popover,
.ui-widget
{ font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.body-front { background:#131824 url('../../site/assets/svg/bg.svg');   } 
.start #login-bg { opacity:0; transform:rotate(0deg) scale(0);  left:-50%; bottom:-50%; }
#login-bg { background: url("../img/logo.svg") no-repeat; background-size:100%; position:fixed; max-width:900px; max-height:900px; width:100%; height:100%;  left:-200px; bottom:-170px; opacity:.15; transform:rotate(-25deg) scale(1);  transition:all 1s cubic-bezier(0.000, 0.500, 0.275, 1);  }
#login-bg-slogan { font-size:35vh; position:fixed; height:auto; width:100%; left:30%; bottom:-10%; color:#fff; z-index:0; opacity:0.15; font-weight: 600; text-transform: uppercase; }

* { scrollbar-width:thin; scrollbar-color:#b8c1cf #fff;  }

h1 { font-size:26px;}
h1, h2, h3, h4, h5 {  line-height:1.5; } 
 a { color:var(--main);  } 

#signal-number-header { display:inline-block; margin:0; }

a { color:#333;  transition:color .2s linear;  }

a:hover,
a:active,
a:focus { outline: none; text-decoration: none; color: #00537f; }


.main-header .navbar-toggle {
  color: #333;
}
 .main-header .navbar-brand {
  color: #333;
  border-right: 1px solid #eee;
}
 .main-header .navbar {
  background-color: #ffffff;
}
 .main-header .navbar .nav > li > a {
  color: #333333;
}
 .main-header .navbar .nav > li > a:hover,
 .main-header .navbar .nav > li > a:active,
 .main-header .navbar .nav > li > a:focus,
 .main-header .navbar .nav .open > a,
 .main-header .navbar .nav .open > a:hover,
 .main-header .navbar .nav .open > a:focus,
 .main-header .navbar .nav > .active > a {
  background: #ffffff;
  color: #222;
}
 .main-header .navbar .sidebar-toggle {
  color: #333333;
}
 .main-header .navbar .sidebar-toggle:hover {
  color: #222;
  background: #ffffff;
}
 .main-header .navbar > .sidebar-toggle {
  border:0px; 
  border-left: 1px solid #eee;
  min-width:50px;
  text-align:center;
  color: #424b66;
  font-size: 16px;
  margin: 18px 0;
  min-width: 50px;
  padding:0px;
}

 hr.thick { height:25px; background:#f4f4f4;}

 .main-header .navbar > .sidebar-toggle:nth-child(1) { border-left:0px ; }

 .main-header .navbar .navbar-nav > li > a {
  border-right: 1px solid #eee;
}
 .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
 .main-header .navbar .navbar-right > li > a {
  border-left: 1px solid #eee;
  border-right-width: 0;
}

 .main-header > .logo {
  background-color: #090E1A;
  color: #fff;
  border-bottom: 0 solid transparent;
  border-right: 1px solid #eee;
}

 .main-header .configure-feed { font-size:12px; margin-top:10px; font-weight:600; }
 .main-header .configure-feed .c100::after { background:#090E1A; }
 .main-header .configure-feed .c100  { background-color: rgba(255,255,255,.2);  }
 .main-header .configure-feed .c100 > span { color:#fff; }

 .main-header > .logo a {  color:#fff; display:block; margin-top:4px;  }
.sidebar-collapse .main-header > .logo { display:none; }

@media (max-width: 767px) {
    .user-panel { padding-top:30px; }
   .main-header > .logo {
    border-bottom: 0 solid transparent;
    border-right: none;
  }
   .main-header > .logo:hover {
    background-color: #1f1f1f;
  }
}
 .main-header li.user-header {
  background-color: #222;
}
 .content-header {
  background: transparent;
  box-shadow: none;
}
 .wrapper,
 .main-sidebar,
 .left-side {
  background-color: #222d32;
}
 .user-panel > .info,
 .user-panel > .info > a {
  color: #fff;
}
 .sidebar-menu > li.header {
  color: #fff;
  background: rgba(0,0,0,.1);
  padding-left:25px;
}
 .sidebar-menu > li > a {
  border-left: 4px solid transparent;
}
 .sidebar-menu > li:hover > a,
 .sidebar-menu > li.active > a {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  border-left-color: #0d6efd;
}
 .sidebar-menu > li > .treeview-menu {
  margin: 0;
  padding:6px 0;
  background: rgba(0,0,0,.1);
}
  
 .sidebar a {
  color: #fff;
}
 .sidebar a:hover {
  text-decoration: none;
}
 .treeview-menu > li > a {
  color:#e1eaf1;;
  font-weight:100;
  
}
 .treeview-menu > li.active > a,
 .treeview-menu > li > a:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  
}

 .treeview-menu > li.active > a { background:linear-gradient(to right, #004edd, #0d6efd); }

 .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
 .sidebar-form input[type="text"],
 .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
 .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
 .sidebar-form input[type="text"]:focus,
 .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
 .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
 .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
 .pace .pace-progress {
  background: #222;
}
 .pace .pace-activity {
  border-top-color: #222;
  border-left-color: #222;
}

.btn.btn-success {
  background-color: #0d6efd;
  border: 1px solid #0d6efd;
}
.btn-success:hover,
.btn-success[disabled]:hover,
.btn-success:active,
.btn-success.hover,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success,
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success.focus:active,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus
{
  background-color: #0b5ed7;
}


.btn.btn-success:hover { border: 1px solid #0d6efd; }

.btn-success:focus, .btn-success.focus {
    background-color: #0a58ca;
    color: #fff;
    box-shadow: 0 0 0 4px rgba(49,132,253,.5);
}

.btn-mini {
    border-radius: 2px;
    font-size: 11px !important;
    padding: 5px 12px;
}

.bg-white { background:#fff!important; }
.small-box p { font-weight:100; font-size:14px; color:#888; line-height:1.5; }
.small-box.bg-white { color:#9ca0a4;  }
.small-box.bg-white:hover { color:#9ca0a4;  }
.small-box.bg-white  > .small-box-footer { background: #0d6efd; color:#fff;}
.small-box-footer {  transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s; }
.small-box.bg-white .inner b { color:#686c70; text-transform:uppercase;  }
.small-box.bg-white:hover > .small-box-footer { background: #0b5ed7;   }

.small-box > .small-box-footer { padding:6px 0; }

.mce-panel { border-color:#e5e9ec!important; border-radius:2px; }


.progress { height:16px; }
.progress-bar { line-height:16px; font-weight:600; }

.page-header { font-weight:500; font-size:22px;  }
.page-header + p  { margin-top:-15px; }
.ui-widget-header { background:#f8f8f8; }

#ui-datepicker-div { box-shadow:0 5px 50px -10px rgba(0, 0, 0, 0.3); }

.mce-panel, 
.mce-flow-layout .mce-btn.mce-widget { background:#fff!important; }


.btn.btn-round { border-radius:20px!important;}
.btn-icon { background:#fff; font-size:13px; width:32px; height:32px; border:0; border-radius:50px; color:#444; text-align:center; transition:all 0.2s linear 0s; }
.btn-icon.x{  font-size:18px; padding-top:3px; }
.btn-icon:hover { background:#eee; color:#000; }
.btn.btn-action { width:32px!important; height:32px!important; padding:0!important; text-align:center; line-height:30px; background:rgba(0,0,0,0); }
.btn.btn-action.big-circle { width:40px!important; height:40px!important; line-height:30px!important; background:rgba(0,0,0,.025)!important; }
.btn.btn-action:hover { background:rgba(0,0,0,.05)!important; }

.dropdown-menu { border-radius:8px; box-shadow: 0px 5px 20px -5px rgba(0,0,0,.2); }
.dropdown-menu > li > a:hover {
  background-color: #eeedf0;
  color: #333;
  border-radius: 4px;
}
.flex { display:flex; }
.gap20 { gap:20px;}
.gap15 { gap:15px;}

.ma { margin:auto; }
a.link { color:var(--main); }

.overlay { top:0; width:100%; height:100%; left:0; }
.overlay > .fa { color:#666!important; }

.left { float:left; } 
.right { float:right; } 
.none { display:none;  }
.nowrap { white-space:nowrap; } 
.wa { width:auto; }
 .pagination .space { float:left; margin:7px 10px;  } 
.semi-bold { font-weight:500;  } 
.preloader { background:rgba(255,255,255,.5); height:100%; position:fixed; top:0; width:100%; z-index:99999;  } 
.preloader .wheel { -moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; animation:.5s linear 0s normal none infinite running cssload-spin; -webkit-animation:.5s linear 0s normal none infinite running cssload-spin; border-color:#6c7887 rgba(0, 0, 0, 0); border-image:none; border-radius:50%; border-style:solid; border-width:2px; height:31px; margin:0 auto; width:31px;  } 
.preloader .wheel { left:50%; position:absolute; top:50%; width:32px; height:32px; margin:-16px 0 0 -16px;  } 
.preloader .wheel-wrapper { width:100%; height:100%; -webkit-transition:all .5s ease-out; transition:all .5s ease-out; transform:scale(1); -webkit-transform:scale(1); opacity:1;  } 
.preloader .wheel-wrapper.loaded { transform:scale(0); -webkit-transform:scale(0); opacity:0;  } 
.preloader .welcome-message { left:50%; position:absolute; top:50%; width:500px; height:30px; margin:-15px 0 0 -250px; text-align:center; font-size:28px; font-weight:100; -webkit-transition:all .8s ease-in-out; transition:all .8s ease-in-out; transform:scale(.5); -webkit-transform:scale(.5); opacity:0; line-height:100%;  } 
.preloader .welcome-message.active { transform:scale(1); -webkit-transform:scale(1); opacity:1;  } 

.box-header-clickable { cursor:pointer; transition:all 0.2s linear 0s;  }
.box-header-clickable:hover { background:#edf1f5; }

.loading .loader { margin-left:8px; }
.message.alert { background:transparent!important;}

.loader { z-index:9; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(255,255,255,.8); transition:all .5s ease-out; color:var(--main); text-align:center; display: flex;
  justify-content: center; align-items: center;   }

.section-relative { position:relative; }

ul.messenger-theme-flat .messenger-message { padding-bottom:10px;  }
ul.messenger-theme-flat .messenger-message .messenger-message-inner::before { margin-top:-6px; } 
.message .messenger-message-inner { color:#ccc; }
.superadmin { height:20px; width:20px; line-height:20px; text-align:center; font-weight:600; content:"S"; background-color:#cf0000; color:#fff; border-radius:50%; display:inline-block; margin-right:8px; }

ul.li-m-b-5 li { margin-bottom:5px!important; } 

.vertical-align {  display: flex;  align-items: center; }

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.expand-categegories-bt { cursor:pointer; font-size:12px; color:#888; }

.expand-categegories-bt i { transition:all 0.25s ease-out 0s; transform:rotate(0deg); margin-left:3px;  }
.expand-categegories-bt.expanded i  { transform:rotate(90deg); }

.file-section { border:1px solid #eee;  margin:8px 0; padding:8px;  }
.file-section a  { padding:3px 10px; display:inline-block; }
.file-section .delete-wrapper { float:right;}

.icon-wrapper-main { border-radius:50%;  width: 80px; height: 80px; text-align: center; display: flex; justify-content: center; align-items: center; background: #f9f8fb; box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,.15); margin:auto;  }
.icon-wrapper-main img  { height:48px;  }

.icon-small-wrapper { background:#f4f3f6; border-radius:50px; width:28px; height:28px; text-align:center; display:inline-flex; justify-content: center; align-items: center; }
.icon-small-wrapper i { font-size:16px; }

.relative { position:relative; }

.hide-data-cover-wrapper { max-height: 300px; position: relative; overflow: hidden; }
.hide-data-cover-container { min-height:180px; }

.hide-data-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999;
    text-align: center;
    top: 0;
    left: 0;
    border-radius: 10px;
}

.hide-data-cover > div {
  position: relative;
  width: 100%;
  display: flex;
  text-align: center;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.hide-data-cover img.unlock-icon  {  height:80px; margin-bottom:10px; transform:scale(.95); transition:all 0.5s cubic-bezier(0.000, 0.500, 0.275, 1);  }
.hide-data-cover > div:hover img.unlock-icon { transform:scale(1.1);  }
.hide-data-cover button {   margin-top:10px; letter-spacing:1px; }

.hide-data-cover.block, .block.hide-data-cover > div { position:relative;  }
.block.hide-data-cover > div { position:relative; top:0; margin-top:0;  }

tr.head { background:#eee; }

input[type="checkbox"][readonly] {
    pointer-events: none;
}

@keyframes cssload-spin { 100% { transform:rotate(360deg);  } 
 } 

@-webkit-keyframes cssload-spin { 100% { -webkit-transform:rotate(360deg);  } 
 } 

.anim-pulse {
    display: inline-block;
    -webkit-animation: pulse 2s infinite linear;
    animation: pulse 2s infinite linear;
}

@-webkit-keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: .75; }
    100% { opacity: 1; }
}
@-moz-keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: .5; }
    100% { opacity: 1; }
}
@-o-keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: .75; }
    100% { opacity: 1; }
}
@-ms-keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: .75; }
    100% { opacity: 1; }
}
@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: .75; }
    100% { opacity: 1; }
}


.fa-bounce {
    display: inline-block;
    position: relative;
    -moz-animation: bounce 1s infinite linear;
    -o-animation: bounce 1s infinite linear;
    -webkit-animation: bounce 1s infinite linear;
    animation: bounce 1s infinite linear;
}

@-webkit-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-moz-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-o-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-ms-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}

.badge.badge-red    { background:#d52424; color:#fff; }
.badge.badge-yellow { background:#abab1e; color:#fff; }

#signals-list .badge { padding:0px 8px; font-weight:500; font-size:11px; cursor:help; line-height:22px; height:22px; } 

#signals-list-filter  {  font-size:13px; }
#signals-list-filter .form-control { height:auto; }
#signals-list-filter .row-flex { display:flex; gap: 15px; column-gap: 25px;  align-items: end; /* justify-content:space-between; */  flex-wrap: wrap; }
#signals-list-filter .main { display:flex; align-items: center; gap: 15px;   }
#signals-list-filter .main .filter-wrapper {  }
#signals-list-filter .main .search-wrapper {  }
#signals-list-filter .row-flex > .col {   }
#signals-list-filter label { font-size:13px; font-weight:600; margin-bottom: 8px; }
#signals-list-filter .select2-container .select2-selection--single .select2-selection__rendered { padding-left:0px; }

.order-bt { padding:3px; font-size:11px; margin:0px; color:#bbb; }
.order-bt:hover, .order-bt.active { color:#666; }

.page-header { line-height:1.5; }
a.tip { cursor:help; color:#63a0c3; cursor:help; font-size:16px; margin:0 5px;  } 
.notification-messages { background-color:#eef9f8; border-radius:3px; color:#8b91a0; display:block; margin-bottom:30px; padding:15px; font-size:13px;  } 
.notification-messages p { margin:0;  } 
.notification-messages.success { background-color:#eef9f8;  } 
.notification-messages.success:hover {  } 
.notification-messages.success .iconholder i { color:#f35958;  } 
.notification-messages.danger { background-color:#fef2f2;  } 
.notification-messages.danger:hover {  } 
.notification-messages.danger .iconholder i { color:#f35958;  } 
.notification-messages.info { background-color:#f4f5f7; border:1px solid #dddddd; transition:all 0.2s linear 0s;  } 
.notification-messages.info:hover { background-color:#f4f5f7; border:1px solid #ccc;  } 
.notification-messages.info .iconholder i {  } 
.notification-messages .message-wrapper { display:inline-block; float:left; height:auto; width:100%;  } 
.notification-messages .message-wrapper .heading { color:#505458; display:block; float:left; font-size:13px; font-weight:600; line-height:19px; margin:0; overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; width:100%; word-break:break-all;  } 
.notification-messages .message-wrapper .description { display:block; float:left; font-size:11px; line-height:19px; overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; width:100%; word-break:break-all;  } 
.notification-messages .date { color:#8c9094; display:inline-block; font-size:11px; line-height:15px; opacity:1;  } 
.notification-messages .user-profile { border-radius:100px; display:inline-block; float:left; height:35px; margin-right:10px; margin-top:2px; overflow:hidden; width:35px;  } 
.notification-messages .iconholder { display:inline-block; float:left; margin-right:10px; margin-top:5px;  } 
.notification-messages .iconholder i { font-size:20px;  } 
.notification-messages .iconholder.no-mt { margin-top:0px;  } 
.select2-selection__choice { color:#000!important;  } 

.checkbox-relative input[type="checkbox"]:checked + label::before { top:10px;  } 

@media (min-width:768px) { .row.equal { display:flex; flex-wrap:wrap;  } 
 } 
#login-container { position:absolute; height:auto; background:rgba(255,255,255,.8); left:50%; margin-left:-210px; position:absolute; top:50%; width:100%; max-width:420px; box-shadow:0 0 50px  -10px rgba(0,0,0,1);  border-radius:20px; overflow:hidden; z-index:1; } 
#login-container .link::before { background-color:#14a8c1; bottom:-2px; content:""; height:1px; left:0; position:absolute; transform:scaleX(0); transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; visibility:hidden; width:100%;  } 
.aligner { display:flex; align-items:center; justify-content:center;  } 
.aligner-item { max-width:50%;  } 
.aligner-item--top { align-self:flex-start;  } 
.aligner-item--bottom { align-self:flex-end;  } 
.vcenter { display:inline-block; vertical-align:middle; float:none;  } 
#login-container .institution-name { padding:25px 25px 25px 40px; position:relative;  } 
#login-container .link:hover::before { transform:scaleX(1); visibility:visible;  } 
#login-container .link { color:#333; position:relative; transition:color 0.2s linear 0s; -webkit-transition:color 0.2s linear 0s; font-size:12px; font-weight: 500; } 
#login-container .link:hover { color:#000;  } 
#login-container .logo-section { text-align:center; margin:18px 14px;  } 
#login-container .logo-section img { width:auto; max-width:250px; max-height:60px;  } 
#login-container .login-content { background:#dfdfdf; padding:20px 40px; min-height:250px; background: linear-gradient(0deg, rgba(204,200,211,1) 0%, rgba(230,227,234,1) 100%); } 
#login-container h1, #login-container h2 { text-align:center; width:100%; font-size:22px; margin:0 0 20px; font-weight:600; line-height:1.5;  } 
#login-container .form-control { border:0;  } 
#login-container label { color:#000; } 
#login-container .login-footer { margin-top:15px;  } 
#login-container .bg { position:absolute; bottom:0; left:15px; width:100%; height:80px; background:#444 url('../img/login-bg.jpg') no-repeat center center; background-size:cover;  } 
#login-container .btn { background:#000; border-radius:50px;  } 

#unlock_account_btn { color:#fff; margin-top:5px; }

ul.dropdown-menu { visibility:hidden; opacity:0; transition:all 0.15s linear 0s; -webkit-transition:all 0.15s linear 0s; display:block;  } 
.open > ul.dropdown-menu { visibility:visible; opacity:1; display:block;  } 
#top-right-menu.navbar-nav > li:first-child > a { border:0;  } 
#top-right-menu.navbar-nav > li > a { margin:20px 0; padding:0 20px;  } 
textarea { resize:vertical;  } 
table .btn-mini { opacity:1;  } 
.btn-mini .bi { margin-right:3px; }
table tr:hover .btn-mini { opacity:1;  } 

#login-container #g-captcha-section { margin-bottom:15px; }

@media (max-width:768px) {
#login-container {  position:relative; top:0; left:0; margin:15px auto!important;  transform: translateY(0%);  }

} 

/* FRONT LOGIN END */

/* general*/
a:hover { text-decoration:none;  } 
p.no-data { text-align:center; color:rgba(0, 0, 0, 0.25); font-size:24px; margin:30px 0; } 

div.no-data  { text-align:center; max-width:800px; margin:30px auto; }
div.no-data .title { font-weight:500; font-size:18px; color:rgba(0, 0, 0, 0.75);  }
div.no-data .title.muted { color:rgba(0, 0, 0, 0.25);  }
div.no-data p {  color:rgba(0, 0, 0, 0.5);  }

.form-control { box-shadow:none!important; border: 1px solid #e5e9ec; } 
.form-control, .btn { transition:all 0.25s ease-out 0s; -webkit-transition:all 0.25s ease-out 0s;  } 
.btn { border:0; border-radius:50px; line-height:1.5; } 

.form-control,
.select2-container--default .select2-selection--single { border-radius:6px; }


.bi.bi-search,
.bi-caret-down { position:relative; top:1px; }

.btn i.bi { margin:0 3px;  } 
.btn:not(.btn-mini) { padding:9px 15px;  } 
.btn-file-cancel { border-bottom-right-radius:2px; border-top-right-radius:2px; padding:10px 12px!important;  } 
.btn-group.open .dropdown-toggle { box-shadow:none;  }

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { background:#edf1f5; color:#000; border-color:#aaa;  }

.select-like .btn-default  { color:#333; }
.select-like .btn.dropdown-toggle { border-radius:2px; border-color: #e5e9ec;  }

.select-like .btn-default.disabled  { background:#eee; opacity:1; }

.select-like .btn-default.active,
.select-like .btn-default:active,
.select-like .open > .dropdown-toggle.btn-default,
.select-like .btn.dropdown-toggle:hover { background:#f4f5f7; color:#333;  }


.action .dropdown-menu { right:0; left:auto; }
.dropdown-menu-right { right:0; left:auto; }
.dropdown-menu-small { font-size:13px;}

.text-center { text-align:center!important;  }
.text-left { text-align:left!important;  }

.page-title { margin-bottom:20px;  } 
.form-group { margin-bottom:20px;  } 
.date-input { width:110px; text-align:center; display:inline;  } 
label { color:#444; font-weight:400;  } 
.label-td { font-weight:600; text-align:right; width:240px;  } 
.form-group .controls { margin-top:8px;  } 
.form-label { color:#444; display:inline-block; margin-right:8px; font-weight: 500; } 
.alert { text-align:left; background-color:#e9f5e9; background-image:none; border:1px solid #f0dbb4; border-radius:8px; font-size:13px; box-shadow:none; padding:15px; text-shadow:none; transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; line-height:1.5; } 
.alert.alert-info ul,
.alert.alert-info ol { padding-left:10px; }

.alert.alert-info ul li,
.alert.alert-info ol li { margin:5px 0; }

.alert.alert-white { color:#00002d; background:#f2f6fa; border-color:#e2e6ea;   }

.alert.normal-width {  } 
.alert-danger, .alert-error { background-color:#fff6f4; border-color:#f8cdcd; color:#b72a2c;  } 

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus,.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline:none;  } 
textarea:focus,select:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus { background-color:#f4f5f7; border-color:#f1f1f1; box-shadow:none; outline:0 none !important;  } 

.alert.alert-info { border:1px solid #6dceff!important; background:#ecf9ff url('../img/info.svg') no-repeat!important; background-position:top 12px left 15px!important; padding-left:50px; } 
.alert.alert-info.icon-equal-tekst { background-position:top 18px left 15px!important;  } 
.alert.alert-info i.bi-info { color:var(--main)!important; margin:0 15px 0 0; font-size:22px; display:inline-block; float:left; }
.alert h3 { font-size:18px; margin:0 0 10px 0; }
.alert p { font-size:13px; margin-bottom:10px; color:#00002d; line-height:1.6; }
.alert.alert-info p { color:#044a6e; }
.alert a { color:#00002d; }
.alert p:last-child { margin-bottom:0px;   } 

.alert .read-more { color:var(--main); text-decoration:none;  }

.alert .lock { height:40px; float:left; margin-right:15px; }
.input-for-edit { width:200px; height:auto; padding:4px 6px; display:inline-block;  }

.btn-cons { margin:0 3px; min-width:120px;  } 
.fa-spin-hover:hover > i { -webkit-animation:fa-spin 2s infinite linear; -moz-animation:fa-spin 2s infinite linear; -o-animation:fa-spin 2s infinite linear; animation:fa-spin 2s infinite linear;  } 
.section-tools { position:absolute; right:0px; top:0;  } 
.section-tools-2 { text-align:right;  } 
.section-tools.no-mt { margin-top:0px;  } 
.scroller { overflow:auto; position:relative;  } 
.popover { border:medium none; border-radius:3px; box-shadow:0 5px 50px -10px rgba(0, 0, 0, 0.3); max-width:350px; font-size:12px;  } 
.popover-title { background-color:#ffffff; color:#505458 !important; font-weight:bold; margin:0 5px; text-align:center;  } 
.section-tools .popover-content { padding:10px 5px 10px 12px; width:220px;  } 
.main-header .header-institution-info { position:absolute; left:0px; text-align:center; width:100%;  line-height:32px; font-size:15px; top:14px; font-weight:600; color:#000; z-index:-1;  } 

.main-header .header-institution-info img { margin-right:8px;  margin-top:-5px; }

.main-header .header-institution-info span { font-weight:700; padding-top:5px; } 
.main-header .header-institution-info a { color:#000; } 

.nav-tabs.tabs-left a { padding:15px 12px; }
.tabs-left { float:left; width:150px; }
.tabs-left li { width:100%; }

.notification-messages, .box {  border-radius:10px; }  

i.blue { color:#0d6efd; }

/* MENU */
.skin-blue .sidebar-menu li a { -webkit-transition:all 0.25s ease; transition:all 0.25s ease;  } 

.sidebar-menu > li .label.counter-info { position:relative!important; margin-left:5px; left:0;}

.no-data-info { clear:both; width:100%; text-align:center; color:#ddd; text-transform:uppercase; font-size:16px; margin:30px 0; letter-spacing:0.5px;  } 
.no-data-info.left { text-align:left;  } 
.no-data-info.tn { text-transform:none;  } 

/* offer*/
#list_offers table tr td { height:51px;  } 
#list_offers table input { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-appearance:none !important; color:#282323; outline:0; height:16px; padding:6px 11px !important; line-height:15px; font-size:13px; font-weight:normal; vertical-align:top; background-color:#ffffff; min-height:37px; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:1px solid #e5e9ec; transition:background 0.2s linear 0s, box-shadow 0.2s linear 0s;  } 
#list_offers .number { width:50px;  } 
#list_offers .name_and_surname { width:150px;  } 
 #list_offers .name_and_surname input { width:150px;  } 
#list_offers .login { width:150px;  } 
 #list_offers .login input { width:150px;  } 
#list_offers .date { width:200px;  } 
#list_offers .action { width:125px;  } 
.sort { display:inline-block; height:13px; width:13px; padding-left:2px; font-size:13px; cursor:pointer; color:var(--main);  } 
.sort i { opacity:.5; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;  } 
.sort:hover i { opacity:.75;  } 
.sort.active i { opacity:1;  } 

.small-description { font-size:12px; color:#ccc;  } 

.box-header.clickable { cursor:pointer; } 
.box-header.clickable:hover { background:#efefef; } 
.box-header.clickable h3 { width:100%; } 
.box-header.clickable,
.box-header.clickable i { transition:all .2s ease-out; -webkit-transition:all .2s ease-out; } 

.nav-tabs { margin-bottom:0px; background-color:inherit; padding:0; border:0; }
.nav-tabs.nav-sub { background:#fff; padding-top:10px; } 
.nav-tabs > li { margin-bottom:-3px; padding-left:0;  } 
.nav-tabs > li > a { border-radius:0; border:0px; padding:15px 20px; color:/*#222*/#777; min-width:70px;  border-top-left-radius:8px; border-top-right-radius:8px;  } 
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus { border-width:0px; color:#000; font-weight:600; } 
.nav-tabs > .active > a,.nav-tabs > .active > a:hover,.nav-tabs > .active > a:focus { border:0px; color:#000;   } 

.nav-tabs.nav-sub > li a:after { border-bottom:2px solid #fff!important; content:""; position: absolute; width: 0%;  left:50%; bottom:7px; transition:all .2s ease-out; }
.nav-tabs.nav-sub > li.active a:after { border-bottom:2px solid var(--main)!important; opacity:1; width: 80%;  left:10%;  }
.nav-tabs.nav-sub > li:hover a:after { border-bottom:2px solid #dde1e5!important; width: 80%;  left:10%;  }

ul.nav-pills > li a:after { border-bottom:2px solid #fff!important; content:""; position: absolute; width: 0%;  left:50%; bottom:0px; transition:all .2s ease-out; }
ul.nav-pills > li.active:hover a:after, 
ul.nav-pills > li.active a:after { border-bottom:2px solid var(--main)!important; opacity:1; width: 90%;  left:5%;  }
ul.nav-pills > li:hover a:after { border-bottom:2px solid #cdd1d5!important; width: 90%;  left:5%;  }


.nav > li > a:hover,.nav > li > a:focus { background-color:rgba(255,255,255,.8); color:#222;  } 
.nav .tools > a.remove,.nav .tools > a.remove { background-position:-66px -38px; width:10px; height:10px;  } 
.nav .tools > a.config,.nav.tools > a.config { background-position:-3px -32px; width:22px; height:22px;  } 
.nav .tools > a.reload,.nav .tools > a.reload { background-position:-37px -38px; width:12px; height:10px;  } 
.nav .tools > a.expand,.nav .tools > a.expand { background-position:-123px -40px; width:10px; height:6px;  } 
.nav .tools > a.collapse,.nav.tools > a.collapse { background-position:-95px -40px; width:9px; height:7px;  } 

.nav-pills { margin-bottom:10px; }  
.nav-pills > li > a { padding:8px 12px; } 
.nav-pills > li > a:hover { background:none; } 
.nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus { background:none; color:#000;  } 
.nav-pills > li.inactive > a { color:#a0a0a0;  } 
.nav-tabs > li > a,.nav-pills > li > a { transition:all 0.2s linear; -webkit-transition:all 0.2s linear; margin-right:3px;  } 
.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav > li.dropdown.open.active > a:hover,.nav > li.dropdown.open.active > a:focus { background-color:#C1CACE;  } 
.tab-content { overflow:auto; position:relative; z-index:1; background-color:#ffffff; overflow:hidden; margin-bottom:18px; border-bottom-right-radius:3px; border-bottom-left-radius:3px;  } 
.tab-content.no-bg { background:none;  } 
.tab-content:not(.no-bg) > .active { display:block; padding:19px;  } 
.semi-bold { font-weight:600;  } 
span.title { line-height:150%;  } 
.message-row { padding-bottom:20px; margin-bottom:20px;  } 
.btn-default { color: #002ebd; background-color: inherit; border: 1px solid var(--main); } 
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.btn-default.disabled,.btn-default[disabled], .btn-default:active:focus { box-shadow:none; background:var(--main); color:#fff;  border:1px solid var(--main);  } 

.btn:focus:active {  }

/* files */
#file-list > .row { margin-bottom:15px;  } 
#file-list .grid.simple .grid-body { background-color:#ffffff; padding:0px 26px 26px 26px; border:1px solid #dddddd; color:#505c6b;  } 
#file-list .dropdown-menu { left:auto !important; right:0px;  } 
.file-row { transition: all 0.3s ease-out; background:#fff; padding:12px 10px; border-top:1px solid #eee;   }
.file-row:first-child { border-top:0px solid #eee;  }
.file-row:hover { background:#efefef;}


/* event calendar*/
.fc-color-picker li i { cursor:pointer;  } 
.fc-color-picker.chosen li i { opacity:.5;  } 
.fc-color-picker.chosen li.active i { opacity:1; transform:scale(1.1); -webkit-transform:scale(1.1);  } 
#calendar_edit_event .close_event_edition { font-size:20px; cursor:pointer;  } 
#calendar h2 { font-size:24px;}
.text-purple { color:#605ca8;  } 
.text-pink { color:#D81B60;  } 

/* users*/
.yes { font-size:16px; color:#2eb62e;  } 
.no { font-size:16px; color:#dc3131;  } 
#list_users table tr td { min-height:51px;  } 
#list_users table .number { width:50px;  } 
#list_users table .name { min-width:80px;  } 
#list_users table .surname { min-width:80px;  } 
#list_users table .login { /*max-width:250px;*/ overflow-wrap:break-word;  } 
#list_users table .pesel { min-width:80px; max-width:100px;  } 
#list_users table input { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-appearance:none !important; color:#282323; outline:0; width:100%; height:16px; padding:6px 11px !important; line-height:15px; font-size:13px; font-weight:normal; vertical-align:top; background-color:#ffffff; min-height:37px; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:1px solid #e5e9ec; transition:background 0.2s linear 0s, box-shadow 0.2s linear 0s;  } 
#list_users .select2-container .select2-selection--single { height:auto !important;  } 
#list_users .select2-container--default .select2-selection--single .select2-selection__rendered { padding-top:5px !important; padding-bottom:2px !important; line-height:20px !important;  } 
#list_users .select2-container--default .select2-selection--single .select2-selection__arrow { top:5px;  } 
#list_users .select2-selection.select2-selection--single { border:1px solid #e5e9ec; background:#f4f5f7; border-radius:2px;  } 
.user-data-section .bidder-people-number-section .radio { display:inline; margin-right:20px;  } 
.users-roles .radio { margin-bottom:10px;  } 
span.help { color:#878B91; font-size:13px;  } 
.require-info { color:#878B91; font-size:13px; margin:5px; display:block; }

/* USER SELECTION */
#users_found_count { margin-top:10px; margin-bottom:0px;  } 


/* MATERIAL DESIGN RIPPLE */
.ripple-wrapper { display:block; position:absolute; background:rgba(255,255,255,0.4); border-radius:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0);  } 
.ripple-wrapper.animated { animation:ripple 0.65s linear; -webkit-animation:ripple 0.65s linear; -moz-animation:ripple 0.65s linear; -o-animation:ripple 0.65s linear;  } 
.has-ripple { overflow:hidden; position:relative; user-select:none; outline:none;  } 

@keyframes ripple { 100% { -webkit-transform:scale(2.5); -ms-transform:scale(2.5); -o-transform:scale(2.5); transform:scale(2.5); opacity:0;  } 
 } 

@-webkit-keyframes ripple { 100% { -webkit-transform:scale(2.5); -ms-transform:scale(2.5); -o-transform:scale(2.5); transform:scale(2.5); opacity:0;  } 
 } 

@-o-keyframes ripple { 100% { -webkit-transform:scale(2.5); -ms-transform:scale(2.5); -o-transform:scale(2.5); transform:scale(2.5); opacity:0;  } 
 } 

@-moz-keyframes ripple { 100% { -webkit-transform:scale(2.5); -ms-transform:scale(2.5); -o-transform:scale(2.5); transform:scale(2.5); opacity:0;  } 
 } 

@media all and (max-width:1199px) { .label-td { width:auto;  } 
 } 
 .nopadding { padding:0px!important;  } 
.padding-10 { padding:10px;  } 
.padding-20 { padding:20px;  } 
.p-t-5 { padding-top:5px;  } 
.p-r-5 { padding-right:5px;  } 
.p-l-5 { padding-left:5px;  } 
.p-b-5 { padding-bottom:5px;  } 
.p-t-10 { padding-top:10px;  } 
.p-r-10 { padding-right:10px;  } 
.p-l-10 { padding-left:10px;  } 
.p-b-10 { padding-bottom:10px;  } 
.p-t-15 { padding-top:15px;  } 
.p-r-15 { padding-right:15px;  } 
.p-l-15 { padding-left:15px;  } 
.p-b-15 { padding-bottom:15px;  } 
.p-t-20 { padding-top:20px;  } 
.p-r-20 { padding-right:20px;  } 
.p-l-20 { padding-left:20px;  } 
.p-b-20 { padding-bottom:20px;  } 
.p-t-25 { padding-top:25px;  } 
.p-r-25 { padding-right:25px;  } 
.p-l-25 { padding-left:25px;  } 
.p-b-25 { padding-bottom:25px;  } 
.p-t-30 { padding-top:30px;  } 
.p-r-30 { padding-right:30px;  } 
.p-l-30 { padding-left:30px;  } 
.p-b-30 { padding-bottom:30px;  } 
.p-t-35 { padding-top:35px;  } 
.p-r-35 { padding-right:35px;  } 
.p-l-35 { padding-left:35px;  } 
.p-b-35 { padding-bottom:35px;  } 
.p-t-40 { padding-top:40px;  } 
.p-r-40 { padding-right:40px;  } 
.p-l-40 { padding-left:40px;  } 
.p-b-40 { padding-bottom:40px;  } 
.p-t-45 { padding-top:45px;  } 
.p-r-45 { padding-right:45px;  } 
.p-l-45 { padding-left:45px;  } 
.p-b-45 { padding-bottom:45px;  } 
.p-t-50 { padding-top:50px;  } 
.p-r-50 { padding-right:50px;  } 
.p-l-50 { padding-left:50px;  } 
.p-b-50 { padding-bottom:50px;  } 
.p-t-55 { padding-top:55px;  } 
.p-r-55 { padding-right:55px;  } 
.p-l-55 { padding-left:55px;  } 
.p-b-55 { padding-bottom:55px;  } 
.p-t-60 { padding-top:60px;  } 
.p-r-60 { padding-right:60px;  } 
.p-l-60 { padding-left:60px;  } 
.p-b-60 { padding-bottom:60px;  } 
.p-t-65 { padding-top:65px;  } 
.p-r-65 { padding-right:65px;  } 
.p-l-65 { padding-left:65px;  } 
.p-b-65 { padding-bottom:65px;  } 
.p-t-70 { padding-top:70px;  } 
.p-r-70 { padding-right:70px;  } 
.p-l-70 { padding-left:70px;  } 
.p-b-70 { padding-bottom:70px;  } 
.p-t-75 { padding-top:75px;  } 
.p-r-75 { padding-right:75px;  } 
.p-l-75 { padding-left:75px;  } 
.p-b-75 { padding-bottom:75px;  } 
.p-t-80 { padding-top:80px;  } 
.p-r-80 { padding-right:80px;  } 
.p-l-80 { padding-left:80px;  } 
.p-b-80 { padding-bottom:80px;  } 
.p-t-85 { padding-top:85px;  } 
.p-r-85 { padding-right:85px;  } 
.p-l-85 { padding-left:85px;  } 
.p-b-85 { padding-bottom:85px;  } 
.p-t-90 { padding-top:90px;  } 
.p-r-90 { padding-right:90px;  } 
.p-l-90 { padding-left:90px;  } 
.p-b-90 { padding-bottom:90px;  } 
.p-t-95 { padding-top:95px;  } 
.p-r-95 { padding-right:95px;  } 
.p-l-95 { padding-left:95px;  } 
.p-b-95 { padding-bottom:95px;  } 
.p-t-100 { padding-top:100px;  } 
.p-r-100 { padding-right:100px;  } 
.p-l-100 { padding-left:100px;  } 
.p-b-100 { padding-bottom:100px;  } 
.m-t-0 { margin-top:0px!important;  } 
.m-b-0 { margin-bottom:0px!important;  } 
.m-r-0 { margin-right:0px!important; }
.m-l-0 { margin-left:0px!important; }
.m-t-5 { margin-top:5px;  } 
.m-r-5 { margin-right:5px;  } 
.m-l-5 { margin-left:5px;  } 
.m-b-5 { margin-bottom:5px;  } 
.m-t-10 { margin-top:10px;  } 
.m-r-10 { margin-right:10px;  } 
.m-l-10 { margin-left:10px;  } 
.m-b-10 { margin-bottom:10px!important;  } 
.m-t-15 { margin-top:15px;  } 
.m-r-15 { margin-right:15px;  } 
.m-l-15 { margin-left:15px;  } 
.m-b-15 { margin-bottom:15px;  } 
.m-t-20 { margin-top:20px;  } 
.m-r-20 { margin-right:20px;  } 
.m-l-20 { margin-left:20px;  } 
.m-b-20 { margin-bottom:20px;  } 
.m-t-25 { margin-top:25px;  } 
.m-r-25 { margin-right:25px;  } 
.m-l-25 { margin-left:25px;  } 
.m-b-25 { margin-bottom:25px;  } 
.m-t-30 { margin-top:30px;  } 
.m-r-30 { margin-right:30px;  } 
.m-l-30 { margin-left:30px;  } 
.m-b-30 { margin-bottom:30px;  } 
.m-t-35 { margin-top:35px;  } 
.m-r-35 { margin-right:35px;  } 
.m-l-35 { margin-left:35px;  } 
.m-b-35 { margin-bottom:35px;  } 
.m-t-40 { margin-top:40px;  } 
.m-r-40 { margin-right:40px;  } 
.m-l-40 { margin-left:40px;  } 
.m-b-40 { margin-bottom:40px;  } 
.m-t-45 { margin-top:45px;  } 
.m-r-45 { margin-right:45px;  } 
.m-l-45 { margin-left:45px;  } 
.m-b-45 { margin-bottom:45px;  } 
.m-t-50 { margin-top:50px;  } 
.m-r-50 { margin-right:50px;  } 
.m-l-50 { margin-left:50px;  } 
.m-b-50 { margin-bottom:50px;  } 
.m-t-55 { margin-top:55px;  } 
.m-r-55 { margin-right:55px;  } 
.m-l-55 { margin-left:55px;  } 
.m-b-55 { margin-bottom:55px;  } 
.m-t-60 { margin-top:60px;  } 
.m-r-60 { margin-right:60px;  } 
.m-l-60 { margin-left:60px;  } 
.m-b-60 { margin-bottom:60px;  } 
.m-t-65 { margin-top:65px;  } 
.m-r-65 { margin-right:65px;  } 
.m-l-65 { margin-left:65px;  } 
.m-b-65 { margin-bottom:65px;  } 

.mt-1 { margin-top:5px;}
.mt-2 { margin-top:10px;}
.mt-3 { margin-top:15px;}

.m-y-5 { margin-top:5px; margin-bottom:5px; }
.m-y-10 { margin-top:10px; margin-bottom:10px; }
.m-y-15 { margin-top:15px; margin-bottom:15px; }

.big-tip { font-size:14px; cursor:pointer;  } 
.tooltip .tooltip-inner { background:#131824; padding:8px 12px; box-shadow:0 3px 20px -8px rgba(0,0,0,.5); line-height:1.5;  }
.big-tip .tooltip-inner { max-width:460px; text-align:left; } 
.big-tip.w-460 .tooltip-inner { width:460px;  } 
.big-tip.w-300 .tooltip-inner { width:300px;  } 
.big-tip.right { float:right; margin-left:10px;  } 
.big-tip .tooltip-inner { padding:15px;  } 
.big-tip .tooltip-inner ol { margin:0; padding:0 15px;  } 
.tooltip ul { padding:0; margin:0px 0 0 10px;  } 
.tooltip {  font-family:'Poppins'; font-size:13px; color:#fff;  }

#map-container { width:100%; height:100%; display:none; float:left; position:relative;  } 
#map-container a.tip { font-size:14px;  } 
#map-container.active { display:block;  } 
#map { width:100%; height:450px; float:left;  } 
#map-actions { margin-bottom:25px;  } 
#map-actions .actions-group { background:#eee; padding:15px;  } 
#map-loader { position:absolute; z-index:99; background:#efefef; width:100%; height:100%; top:0; left:0;  } 
#map-loader-icon { color:#ddd; left:50%; margin-left:-40px; margin-top:0px; position:absolute; top:45%; z-index:2; font-size:50px;  } 
#map-wrapper { position:relative;  } 
#map-layers { position:absolute; top:120px; right:30px; z-index:1; width:274px;  } 
#map-layers > div { margin:0 3px;  } 
.map-action-info { background:rgba(255,255,255,.5); height:50px; left:0; width:100%; line-height:50px; position:absolute; text-align:center; top:0px; z-index:1; font-family:'Poppins'; text-transform:uppercase; display:none; font-weight:600; font-size:15px;  } 

#back-btn-wrapper {  margin-bottom:5px; }
#back-btn-wrapper i { font-size: 20px; top: 2px; position: relative;  }
#back-btn { display:inline-block; color:#434854;  }
#back-btn:hover { color:#0d6efd;  }

.back-bt { color:#444;  } 
.back-bt:hover { color:#000;  } 

#institution-add-form #themes-list {  text-align:center;  margin:30px 0; padding:0; list-style:none;  }
#institution-add-form #themes-list  { display: flex; } 
#institution-add-form #themes-list li  { cursor:pointer; }
#institution-add-form #themes-list li .custom-color label { font-size:12px; }
#institution-add-form #themes-list li .custom-color input { height:32px; }
#institution-add-form #themes-list li .custom-color,
#institution-add-form #themes-list li img { width: 86%; max-height: 168px; border-radius:3px; max-width:146px; display: block; margin: 8px auto; box-shadow: 0px 5px 15px -8px rgba(0,0,0,.3); border:5px solid #fff; opacity:.5; transition: all 0.3s ease-out; }

#institution-add-form #themes-list li.active .custom-color,
#institution-add-form #themes-list li:hover .custom-color,
#institution-add-form #themes-list li:hover img, 
#institution-add-form #themes-list li.active img { opacity:1; box-shadow: 0px 5px 15px -8px rgba(0,0,0,.5); }
#institution-add-form #themes-list li .custom-color { background:#fff; }
#institution-add-form .main-logo { max-width:220px; max-height:60px;  }

/* Nestable */

.dd { position:relative;display:block;margin:0;padding:0;max-width:600px;list-style:none;font-size:13px;line-height:20px } 
.dd-list { display:block;position:relative;margin:0;padding:0;list-style:none } 
.dd-list .dd-list { padding-left:30px } 
.dd-empty,.dd-item,.dd-placeholder { display:block;position:relative;margin:0;padding:0;min-height:20px;font-size:13px;line-height:20px } 
.dd-handle { display:block;height:30px;margin:5px 0;padding:5px 10px;color:#333;text-decoration:none;font-weight:700;border:1px solid #ccc;background:#fafafa;border-radius:3px;box-sizing:border-box } 
.dd-handle:hover { color:#2ea8e5;background:#fff } 
.dd-item>button { position:relative;cursor:pointer;float:left;width:25px;height:20px;margin:5px 0;padding:0;text-indent:100%;white-space:nowrap;overflow:hidden;border:0;background:0 0;font-size:12px;line-height:1;text-align:center;font-weight:700 } 
.dd-item>button:before { display:block;position:absolute;width:100%;text-align:center;text-indent:0 } 
.dd-item>button.dd-expand:before { content:'+' } 
.dd-item>button.dd-collapse:before { content:'-' } 
.dd-expand { display:none } 
.dd-collapsed .dd-collapse,.dd-collapsed .dd-list { display:none } 
.dd-collapsed .dd-expand { display:block } 
.dd-empty,.dd-placeholder { margin:5px 0;padding:0;min-height:30px;background:#f2fbff;border:1px dashed #b6bcbf;box-sizing:border-box;-moz-box-sizing:border-box } 
.dd-empty { border:1px dashed #bbb;min-height:100px;background-color:#e5e5e5;background-size:60px 60px;background-position:0 0,30px 30px } 
.dd-dragel { position:absolute;pointer-events:none;z-index:9999 } 
.dd-dragel>.dd-item .dd-handle { margin-top:0 } 
.dd-dragel .dd-handle { box-shadow:2px 4px 6px 0 rgba(0,0,0,.1) } 
.dd-nochildren .dd-placeholder { display:none } 

/**
 * Nestable Extras
 */

.nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }

#nestable-menu { padding: 0; margin: 20px 0; }

#nestable-output,
#nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }

#nestable2 .dd-handle {
    color: #fff;
    border: 1px solid #999;
    background: #bbb;
    background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
    background:    -moz-linear-gradient(top, #bbb 0%, #999 100%);
    background:         linear-gradient(top, #bbb 0%, #999 100%);
}
#nestable2 .dd-handle:hover { background: #bbb; }
#nestable2 .dd-item > button:before { color: #fff; }


.dd .dd-item > button { margin:10px 0; }
.dd-dragel  .action { display:none;  }

@media only screen and (min-width: 700px) {
    .dd { float: left; width: 48%; }
    .dd + .dd { margin-left: 2%; }
}

.dd-hover > .dd-handle { background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd3-content:hover { color: #2ea8e5; background: #fff; }

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:         linear-gradient(top, #ddd 0%, #bbb 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }

/**
 * Socialite
 */

.socialite { display: block; float: left; height: 35px; }

.password-see-toggle { z-index:9; opacity:0.5; background: url("../../common/eye-open.svg") no-repeat; background-position: center center; background-size:16px; cursor:pointer; width:40px; height:40px; position:absolute; right:0px; top:0px; transition: all 0.2s ease-out; }
#add-user-section .password-see-toggle { display:none; }
.password-see-toggle.close { background-image: url("../../common/eye-close.svg"); } 
.password-see-toggle:hover { opacity:1; }

#widget-pass { opacity:0; transform: translateY(-20px); visibility: hidden; position: absolute; z-index:999; width:100%; max-width: 280px; padding:12px; bottom:55px; background:#fff; border-radius: 5px; border:1px solid #ccc; box-shadow: 0 3px 16px rgba(0,0,0,0.15); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#widget-pass.active { opacity:1; visibility: visible; transform: translateY(0px); }
#widget-pass p { font-weight: 500; margin-bottom:10px; }
#widget-pass::before { content:""; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; bottom: -6px; left: 50%; margin-left: -5px; border-width: 5px 5px 0px 5px; border-top-color: #bbb; } 
#widget-pass ul {  margin:0; padding:0; list-style:none; font-size:12px; }
#widget-pass ul li { color:#888; background: url("../../common/icon-check-off.svg") no-repeat; padding-left:25px; margin-top:5px; }
#widget-pass ul li.active { color:#000; background-image: url("../../common/icon-check-on.svg") }

#widget-pass .pass-info { margin:15px 0 0 0; }
#widget-pass .pass-progress { width:100%; margin-top:5px; height:5px; background:#eee; border-radius:3px; display: block; overflow: hidden; }

#widget-pass .pass-progress-bar { height:100%; width:0%; background:#fff; transition: all 0.2s ease-out; }
#widget-pass .pass-progress-bar[data-level="1"] { width:25%;  background:#EC0000; }
#widget-pass .pass-progress-bar[data-level="2"] { width:50%;  background:#fb8c00; }
#widget-pass .pass-progress-bar[data-level="3"] { width:75%;  background:#009688; }
#widget-pass .pass-progress-bar[data-level="4"] { width:100%; background:#43a047; }

#password-reminder-modal .modal-content { width:470px;}

#subscribers-list_wrapper {}
div.dataTables_wrapper .row:last-child  { margin-top:50px; }


#poll-results-polls-table thead th { white-space:nowrap; text-align:center; }
.terms-section textarea { min-height: 76px; font-size:13px; line-height:1.5; }

#polls-results-summary .loader { position:absolute; width:100%; height:100%; background:#FFF; z-index:9;  }


#save_budget_form .icons-selection { position: absolute; 
width: 100%;
height: 100%;
max-width: 720px;
max-height: 350px;
z-index: 1;
background: #fff;
left: 50%;
margin-left: -360px;
box-shadow: 0px 10px 30px -20px rgb(0, 0, 0.2);
overflow: auto;
border-radius: 10px;
padding: 15px;   }

.icons-selection .icon { display:inline-block; margin:5px; opacity:1; transition: all 0.1s ease-out; padding:15px; border-radius:6px; }
.icons-selection .icon img { width:40px; max-height:40px;  }
.icons-selection .icon:hover,
.icons-selection .icon.active  { background:#eee; cursor:pointer; }

#document-preview-conent .block { border: 1px solid #bbb; padding:8px; margin-bottom:-1px; }
#document-preview-conent { font-size:13px; max-height:700px; overflow:scroll; color:#000;  }

#document_with_comments .block { margin-top: 20px; }

.char-section
{
    position: relative;
}

.char-section.chart-bar-chart-js
{
    max-width: 500px;
    max-height: 300px;
}

.char-section.chart-donat-chart-js,
.char-section.chart-pie-chart-js
{
    max-width: 300px;
    max-height: 300px;
}

.dropdown_right_align
{
    left: auto; 
    right:0;
}

#markers_divs .marker_div
{
    position: absolute;
    top: 60px;
    left: 20px;
    width: 300px;
    background-color: #fff;
    z-index: 99999;
    padding: 20px;
}

#map.collection_points
{
    height: 550px;
}

#notifications_categories_table.dd,.notifications_categories_table.dd
{
    width:100%;
    float: none;
    position: static;
    margin: auto;
    max-width: none;
    font-size: inherit;
    line-height: normal;
    padding: initial;
    font-size:14px;
}

#notifications_categories_table.dd .dd-list,.notifications_categories_table.dd .dd-list
{
}

#notifications_categories_table.dd .dd-list .dd-item,.notifications_categories_table.dd .dd-list .dd-item
{
    font-size:14px;
}

.notifications-draggel .dd-handle, .dd .dd-handle { border:0px; cursor:pointer; height:auto; text-align:center; display: inline-block; margin-right:10px;  }
.notifications-draggel .dd-handle, .dd .dd-handle i  {color:#666; }
.category-row {  width:100%; }
.category-row .action { float:right; margin-top:4px; }
.category-row > * { display:inline-block; }
.category-row .category-name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  width: calc(100% - 150px); }

#notifications_categories_table .dd-placeholder,.notifications_categories_table .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px;  }

.dd-list .dd-list { padding-left: 50px; }

.notifications-draggel { position:absolute;pointer-events:none;z-index:9999 }
.notifications-draggel > .dd-item .dd-handle { margin-top:0 }
.notifications-draggel .dd-handle { box-shadow:2px 4px 6px 0 rgba(0,0,0,.1) }

.signalists-categories-sections input[type="checkbox"][disabled] + label::before,
.notifications-categories-sections input[type="checkbox"][disabled] + label::before { opacity: 0.4; }
.message-item-content { overflow:hidden; margin-bottom:0px; }

#modal_confirm_signal .modal-dialog { max-width:800px; width:100%;  }
#modal_confirm_signal #message { min-height:160px;  }

.table-striped>tbody>tr:nth-of-type(even)
{
}

.main-footer { position:relative; }

#change-institution-section { width:180px; position:absolute; right:15px; top: 8px; text-align:left;  }
#change-institution-section .select2-selection__rendered { font-weight:600; padding-left:0;}
#change-institution-section .superadmin { position: absolute; z-index: 1;  left: -28px; top: 7px; line-height: 13px;  }


p.no-data.small { font-size:16px; color: rgba(0, 0, 0, 0.4); }  
p.no-data span
{
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}

#wjo_list .users .btn
{
    display: inline-block;
    padding: 9px 12px;
    padding-top: 7px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #d1dade;
    -webkit-border-radius: 3px;
    background-image: none!important;
    border: none;
    text-shadow: none;
    box-shadow: none;
    transition: all 0.12s linear 0s!important;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#wjo_list .users .btn
{
    font: 14px/20px "Open Sans"!important;
}

#wjo_list .users .btn:hover, 
#wjo_list .users .btn:focus, 
#wjo_list .users .btn:active, 
#wjo_list .users .btn.active, 
#wjo_list .users .btn.disabled, 
#wjo_list .users .btn[disabled]
{
    background-color: #b9c3c8;
}

#wjo_list .users .btn-mini
{
    padding: 3px 9px;
    font-size: 11px!important;
    line-height: 150%!important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 500;
    opacity: 1;
}


#save_budget_form .tab-content {  overflow:initial;}

.btn .spinner {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 11px;
    margin-left:5px; 
    transition: opacity 0.15s linear;
    opacity: 0;
    visibility: hidden;
}

#form_creator_submit_btn .spinner { left:50%; margin-left:-8px; right:0; }

.btn.sending .spinner.spinner-block {
    position: relative;
    right: 0;
    margin:0 0 2px 5px;
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}



@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.btn.sending span.text { opacity:0; }
.btn.sending .spinner { opacity: 1; visibility: visible; }
.btn.sending i {display:none; }

.btn.sending { opacity:0.75; cursor:default; }

.templates_messages .spinner { position: static; }

.templates_messages .none { display: none; }

.invalid-feedback
{
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.has-error .invalid-feedback, 
.is-invalid~.invalid-feedback, 
.is-invalid~.invalid-tooltip, 
.was-validated :invalid~.invalid-feedback, 
.was-validated :invalid~.invalid-tooltip
{
    display: block;
}

.timeline li.item:before { content: normal; }
.timeline > li.item > .timeline-item { margin-left: 0; }

.signalist-days-left.yellow  { color:#bdbd00; }
.signalist-days-left.red { color:#ff0000; } 

.clear_input_file
{
    display: inline-block;
    margin-left: 10px;
    padding: 2px 6px;
    cursor: pointer;
}

.btn input[type="file"]
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.upload-msg,
.upload-msg2
{
    text-align: center;
    padding: 50px;
    font-size: 22px;
    color: #aaa;
    width: 260px;
    margin: 50px auto;
    border: 1px solid #aaa;
}

#upload-container { display:none; }
#main-custom-photo-preview { max-width:600px; border-radius: 12px;  }

#upload-container.ready { display:block; }

#upload-container .upload-wrap-image, 
#upload-container .upload-result, 
#upload-container.ready .upload-msg,
#upload-container2 .upload-wrap-town_background_image, 
#upload-container2 .upload-result, 
#upload-container2.ready .upload-msg2,
#upload-container .upload-wrap-image2
{
    display: none;
}

#upload-container.ready .upload-wrap-image,
#upload-container2.ready .upload-wrap-town_background_image,
#upload-container.ready .upload-wrap-image2
{
    display: block;
}

.upload-wrap-image
{
    width: 650px;
    height: 650px;
    margin: 0 auto;
}

.upload-wrap-town_background_image
{
    width: 400px;
    height: 300px;
    margin: 0 auto;
}

.upload-wrap-image2
{
    max-width: 800px;
    width:100%; 
    height:100%;
    margin: 0 auto;
}

.page-status { font-weight:600; font-size:12px; color:#666; margin-bottom:5px; }
.page-status span { color:#00ae00; }
.page-status.inactive span  { color:#dd0000; }

#dashboard-infoboxes .small-box .inner { min-height: 80px; }

#configure-your-channel { margin-top:25px; } 
#channels-section { margin:15px; }
#channels-section .item { border:1px solid #dfdfdf; margin-bottom:15px; padding:10px 0; border-radius:8px; transition:all 0.25s ease-out 0s; background:#fff;  position:relative; display: flex; align-items: center; overflow: hidden;   }
#channels-section.no-overflow .item { overflow: visible; }
#channels-section .item:hover { border:1px solid var(--main); background:#9dfeff;  }
#channels-section .title i {  margin-right:0px; font-size:18px; color:#0b5ed7;  }
#channels-section .title i {  margin-right:0px; font-size:18px; color:#0b5ed7;  }
#channels-section .complete .title i {  color:#00ae00;  }
#channels-section .actions .btn{  margin:4px; }  
#channels-section .item h4 { margin:0 0; }
#channels-section .item .details { margin-top:15px;}
#channels-section .item.complete .details { display:none; }
#channels-section .item .clickable { cursor:pointer;  }
#channels-section p { line-height:1.5; }

@media (max-width:991px) {
    #channels-section .item > div { flex: 1 0 0; }
}

@media (max-width:768px) {
    #channels-section .item {  flex-direction: column; gap:10px;  } 
    #channels-section .item > div  { flex:1 0 100%;  }
    #channels-section .item > .actions { text-align:center;}

}

@media (max-width:480px) {
    #channels-section .section-inner { flex-direction: column; align-items: center; }
}

#channels-section .section-inner {  display:flex; gap:15px; }

#configure-your-channel .progress-pie {  width: 40px; height: 40px;  }

.progress-pie.small::after { font: 600 15px/31px 'Poppins'!important;   }

#configure-your-channel .box-header { justify-content: left; }

.tools-dict { line-height:1.8;  }
.tools-dict i { font-size:16px; margin-right:8px;  }

.files-section { border:1px solid #eee; border-radius:8px; padding:20px; margin:15px 0;  }

.files-section .file-row { border: 1px solid #eee; }

#signal-label-input  { display:inline; width:auto; min-width:202px; }

#signal-actions .btn { margin:0 5px 10px 0;  }

.site-preview-img { box-shadow: 0 5px 15px -7px rgba(0,0,0,.5); border-radius:10px; } 

#page-header-img-template-section img { cursor:pointer; opacity:.6; transition:all 0.2s ease-out; transform:scale(1); position:relative; border-radius:2px; 0; box-shadow:5px 20px -10px rgba(0,0,0,0.5); }
#page-header-img-template-section img:hover { opacity:1; transform:scale(1.15); z-index:9999; box-shadow:0 5px 20px -10px rgba(0,0,0,.8);  } 
#page-header-img-template-section img:active:hover  { transform:scale(1.15);  }
#page-header-img-template-section img.active { opacity:1;  } 

.infobox { padding:25px 25px 25px 25px; margin:20px 0 30px 0; color:#131824; background:#fff; line-height:1.6; }
.infobox.flex { display: flex; flex-direction: column;   justify-content: center; }
.infobox.icon { background:#fff no-repeat;  padding-left:150px;  min-height:120px;    }
.infobox.icon-computer:before{ content:""; width:80px; height:80px; background:#f9f8fb url('../img/computer.svg') no-repeat center center; background-size:48px; border-radius:50%; position:absolute; left:35px; top:20px; box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,.15); }
.infobox.icon-info-machine:before{ content:""; width:80px; height:80px; background:#f9f8fb url('../img/info_machine.svg') no-repeat center center; background-size:48px; border-radius:50%; position:absolute; left:35px; top:20px; box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,.15); }
.infobox .title { font-size:18px; font-weight:bold; color:#090e1a; margin-bottom:5px; }
.infobox .subtitle { /*font-weight: bold; font-style: italic;*/ }
.infobox ul { padding-left:15px; }
.infobox ul li:not(:last-child) { margin-bottom:15px;  }

.infobox .subsection { border-radius: 10px; padding: 15px; background: #f4f3f6; }
.infobox .big { font-size:16px; } 
#list-infobox-read-more { color: var(--main);}
#list-infobox-read-more:hover { color:#00537f; } 

.infobox.infobox-small { margin:0 0 25px 0; min-height:0px; padding:20px 20px 20px 20px;  background-size:50px; padding-left:100px;  background-position:left 25px top 18px;  }
.infobox.infobox-small p,
.infobox.infobox-small .title { margin-bottom:0px; }

.infobox.infobox-small.icon-computer:before,.infobox.infobox-small.icon-info-machine:before { top: 15px; left: 20px; width: 60px; height: 60px; background-size: 36px;  }

.infobox .columns-flex { display:flex; gap:20px;} 
.infobox .columns-flex .subsection { flex-basis: 50%; flex-grow: 0; }

@media (max-width:1199px) {
.infobox .columns-flex { flex-direction: column; gap:10px;  }
}

@media (max-width:768px) {
    .infobox.icon { background-position:left 20px top 25px; padding-left:120px;  }
    .infobox.infobox-small { padding-left:100px;  background-position:left 25px top 20px;  }
    .infobox.icon-computer:before,.infobox.icon-info-machine:before { left:20px; top:20px;  }
} 

@media (max-width:480px) {
    .infobox.icon { background-position:center top 15px; padding:120px 25px 25px 25px;  }
    .infobox.infobox-small { padding:80px 25px 25px 25px; }
    .infobox.icon-computer:before,.infobox.icon-info-machine:before { left:50%; margin-left:-40px; top:20px;  }
    .infobox.icon-computer.infobox-small:before,.infobox.icon-info-machine.infobox-small:before { left:50%; margin-left:-40px; top:15px;  }
 
}

@media (max-width:1199px) {
#signal-timeline .stage { margin-bottom:30px; text-align:center; } 
#signal-timeline .icon-outer-wrapper .icon-wrapper { margin:auto;}
#signal-timeline .icon-outer-wrapper:after { display:none; } 
#signal-timeline .box-body { padding-bottom:0px; } 


}

@media (max-width:459px) {
    #signal-timeline i.question { display:none; }
}

#signal-timeline .step { font-size:11px; text-transform:uppercase; color:#666; letter-spacing:1px; margin:10px 0 0 0;  }
#signal-timeline .desc { margin:8px 0; }
#signal-timeline .date { margin:0; font-size:13px; }
#signal-timeline .date .bi { margin-right:5px;  }

#signal-timeline .icon-outer-wrapper {  position:relative; }
#signal-timeline .icon-outer-wrapper:not(:last-child):after { content: ""; height: 2px; width: calc(100% - 40px); background: #efeef1; border-radius: 2px; position: absolute; top: 50%; left: 60px; z-index: 0; margin-top: -1px; }
#signal-timeline .complete .icon-outer-wrapper:after { background: #32b07f; }
#signal-timeline .current.complete .icon-outer-wrapper:after { background:linear-gradient(to right, #32b07f, #3d9eff); }

#signal-timeline .icon-wrapper { border-radius:50%; background:#f4f3f6; padding:0px; width:50px; height:50px; line-height:50px; display:flex; justify-content: center; align-items: center; text-align:center; box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,.15); }

#signal-timeline .icon-wrapper svg { height:30px; }

#signal-timeline .icon-wrapper .bi { font-size:18px; }
#signal-timeline .icon-wrapper .bi { font-size:18px; }
#signal-timeline .icon-wrapper.complete { background:#32b07f; color:#fff; box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,.5);  }

#signal-timeline .stage .icon-wrapper {  transition:all 0.3s cubic-bezier(0.000, 0.500, 0.275, 1); transform:scale(1);  }
#signal-timeline .stage:hover .icon-wrapper { transform:scale(1.1); }

#signal-timeline .icon-wrapper.current { background:#3d9eff; color:#fff; box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,.3);  }


#signal-timeline .icon-wrapper svg path { stroke:#aaa; }
#signal-timeline .icon-wrapper.current svg path,
#signal-timeline .icon-wrapper.complete svg path  { stroke:#fff; }

#signal-timeline .active {}
#signal-timeline .inactive,
#signal-timeline .inactive .step { color:#666; }

#signal-timeline i.question { margin-left:3px; font-size:16px; cursor:help; }

/* Kalendarz */
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number
{
  float: right;
  margin: 5px 5px 0 0;
  color: #444;
  font-size:16px;
}

#operator-dashboard .counter {  position: relative; width: 80px; height: 80px; margin: auto; border-radius: 50%; text-align: center; line-height: 62px; background: #f4f3f6; background:#f9f8fb; box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,.15); margin-bottom:10px; display: flex; justify-content: center; align-items: center; }
#operator-dashboard .counter i.bi {  font-size:32px;  }
#operator-dashboard .counter svg {  height:32px; width:32px;  }
#operator-dashboard .counter img {  height:48px;  }
#operator-dashboard .counter .badge {  position:absolute;  bottom:-3px; right:-3px; padding:0px; width:22px; height:22px; line-height:22px; text-align:center; border-radius:50%; } 

#signal-first-action-section  { border: 0px solid #ebebeb; padding: 50px 10px 30px 10px; border-radius: 8px; text-align:center; margin:30px 0; position:relative; background:#f4f3f6;  }
.date-deadline { font-weight:bold; padding:5px 12px; display: inline-block; font-size: 13px; font-weight: 500; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle;
  background-color: #777; border-radius: 10px;  }

#signal-first-action-section .section { padding: 25px; background: rgba(0,0,0,0.04); border-radius: 8px; margin-bottom:15px; }
#signal-first-action-section .head { font-size:16px; font-weight:500; }
 
#signal-first-action-section .main-icon { position:absolute; top:-20px; left:50%; width:40px; height:40px; margin-left:-20px;  font-size:40px; line-height:40px; text-align:center; border-radius:50%; background:#fff; color:#888; }
#response-box { padding:25px; background:#f4f3f6; border-radius:6px; width:100%; } 
#compose-textarea { background:#fff; }  


#history-timeline  .timeline-item { box-shadow:0 15px 35px -25px rgba(0,0,0,.3); } 
#history-timeline  .timeline-body .title { font-size:14px; font-weight:600; margin-bottom:5px; } 
#history-timeline  .timeline-body { border-radius:10px; padding:15px; } 
#history-timeline  p { color:#343336; } 
#history-timeline .date { font-size:12px; color:#545356; font-weight:500; }
#history-timeline .item-a .timeline-body { background:#f4f7ff; border:1px solid rgba(0, 0, 0, 0.175); } 
#history-timeline .item-b .timeline-body { background:#fff; border:1px solid rgba(0, 0, 0, 0.175); } 
#history-timeline hr { border-color: rgba(0,0,0,.08); margin: 12px 0;  } 
#history-timeline .message-item-content, .message-item-content2 { line-height:1.8; font-size:13.5px;}

#history-timeline.timeline li::before { width:0px; }
#history-timeline.timeline .icon { box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,.15);line-height:40px; background: #f4f3f6; color:#666; font-size:18px; width: 40px; height: 40px; position: absolute; border-radius: 50%; text-align: center; left: 12px; top: 50%; margin-top: -20px; display: flex; justify-content: center; align-items: center; }
#history-timeline.timeline > li.item-b .icon {  background: #fff;   }
#history-timeline .status  {  float:right; color:#fff; padding:5px 10px; font-weight:500; }
#history-timeline .status i { margin-right:3px;  }
#history-timeline .timeline-footer { font-size:13px;}

#history-timeline .timeline-footer .details { margin:5px 15px 0 5px; }


#internal-messages-list { margin-top:25px; }
#internal-messages-list .note-actions { z-index:9; float:right; margin:5px;  }
#internal-messages-list .timeline-body { background:#f4f3f6; border-radius:10px; padding:15px;   } 
#internal-messages-list .timeline-item { box-shadow:none; border:0; margin:0; }  
#send-note-form { padding: 25px; background: #f4f3f6;  border-radius: 6px;  width: 100%; } 
#compose-textarea-send-note { background:#fff; }


#signals_list_info .link_more
{
  margin-top: 5px;
  text-align: left;
}

#signals_list_info .link_more a
{
    font-size: 13px;
    color: #212529;
    text-decoration: none;
    font-weight: 500;
}

.badge-operators { height:28px; width:28px; line-height:25px; text-align:center; padding:0; padding:0; letter-spacing:-1px; border-radius:50%; background:#a2a9b4; background: #a2a9b4; margin: 0px -3px; border: 2px solid #fff;  }
.badge-operators.with_tooltip { cursor:help; }
.badge-operators.large { height:42px; width:42px; line-height:37px; font-size:18px; }


#manuals-section .manual-box { display:flex;}
#manuals-section .box-title { margin:0 0 15px 0; }
#manuals-section svg { height:32px; transition:all 0.2s ease-out 0s; transform:scale(1);  }
#manuals-section .manual-box:hover svg { transform:scale(1); }
#manuals-section svg polygon,
#manuals-section svg rect,
#manuals-section svg path { transition:all 0.2s linear 0s;  }

#manuals-section .manual-box:hover svg polygon,
#manuals-section .manual-box:hover svg rect,
#manuals-section .manual-box:hover svg path {  }


#manuals-section .manual-box p { color:#7a828f;  }
#manuals-section .files { margin-top:25px; }
#manuals-section .files a { color:#4a525f; transition:all 0.2s linear 0s; display:flex; }
#manuals-section .files a i { margin-right:10px; font-size:16px; }
#manuals-section .manual-box a:hover { color:#0d6efd;  }
#manuals-section .manual-box .icon-wrapper { border-radius:50%; margin:10px auto; width: 80px; height: 80px; text-align: center; display: flex; justify-content: center; align-items: center; background: #f9f8fb; box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,.15);
  margin-bottom: 10px;  }
#manuals-section .manual-box .icon-wrapper img  { height:48px;  }

.table .small,
.table.small  { font-size:13px;}
.table-small-text { font-size:13px;}

/*#manuals-section  .icon-wrapper { margin:auto; border-radius: 50%; width: 60px; height: 60px; text-align: center; background: #f4f3f6; box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,.15);    display: flex; justify-content: center; align-items: center;*/

#reminders-list { margin-top:25px; }
#reminders-list .reminder-actions { z-index:9; float:right; margin:5px;  }
#reminders-list .timeline-body { background:#f4f3f6; border-radius:10px; padding:15px;   } 
#reminders-list .timeline-item { box-shadow:none; border:0; margin:0; }  
#send-note-form { padding: 25px; background: #f4f3f6;  border-radius: 6px;  width: 100%; } 

#reminder-form { padding: 25px; background: #f4f3f6;  border-radius: 6px;  width: 100%;  }
#reminder-form #reminder_text,
#reminder-form #date_send,
#reminder-form #hour_send
{ background:#fff; }

.no-bottom-radius { border-bottom-left-radius:0; border-bottom-right-radius:0; }
.no-top-radius { border-top-left-radius:0; border-top-right-radius:0; } 

.actions-box  { display:flex; gap: 15px;    flex-wrap: wrap; align-items:stretch; column-gap:25px;  }
.actions-box > .action {  background: #f4f3f6; border-radius: 8px; padding:15px; text-align:center; flex: 1 1 0;  }
.actions-box .action svg.icon { background:#fff; width:60px; height:60px; padding:15px; border-radius:50%; margin-bottom:10px; }
.actions-box p { font-size:1.4rem; line-height:1.5; }
.actions-box .title { font-size:1.5rem; }
.actions-box .action .btn-mini { width:110px;   }


#list_companies table tr td { min-height:51px;  } 
#list_companies table .number { width:50px;  } 
#list_companies table .name { min-width:80px;  } 
#list_companies table input { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-appearance:none !important; color:#282323; outline:0; width:100%; height:16px; padding:6px 11px !important; line-height:15px; font-size:13px; font-weight:normal; vertical-align:top; background-color:#ffffff; min-height:37px; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:1px solid #e5e9ec; transition:background 0.2s linear 0s, box-shadow 0.2s linear 0s;  } 
#list_companies .select2-container .select2-selection--single { height:auto !important;  } 
#list_companies .select2-container--default .select2-selection--single .select2-selection__rendered { padding-top:5px !important; padding-bottom:2px !important; line-height:20px !important;  } 
#list_companies .select2-container--default .select2-selection--single .select2-selection__arrow { top:5px;  } 
#list_companies .select2-selection.select2-selection--single { border:1px solid #e5e9ec; background:#f4f5f7; border-radius:2px;  } 

#roles-table-permission .grey { color:#bbb; }

#technical-help img { max-height:250px; margin: auto;  }
#technical-help .small-icon-wrapper { border-radius:50%; width:50px; height:50px; text-align:center; font-size:20px; display: flex; justify-content: center; align-items: center; background: #f9f8fb;  box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,.15);   }

#signal-add-confirmation .icon-input { color:var(--main);  position:absolute; left: 15px;  top: 13px; font-size:18px;    }  
#signal-add-confirmation .form-control { background:#fff; color: #000; border-radius: 6px; height: 50px;  font-size:16px; min-width:200px;  padding-left: 44px;  }  

#guide ul  { /*list-style:none;*/ }
#guide ul li { position:relative; margin: 6px 0; line-height:1.6; }
#guide ul li .bullet { position:absolute; left:-25px; }
#guide li span.highlight { background-color: #f0f0f0; padding: 3px 6px 3px 6px; border-left: 4px solid #2980b9; font-weight:600; }
#guide .box-tools .btn-box-tool { font-size:18px; color:#000; }
#guide .guide-box-collapse { cursor:pointer; }


@media (max-width:767px) {
    body { padding-top:0; }
    .content { margin-top:50px; padding:25px; }
}

@media (max-width:767px) {
    .mobile-hide { display:none; }
}

#consultant { color:#fff; border-top:1px solid rgba(255,255,255,0); padding:20px; min-width:240px;  }
#consultant .title { font-weight: 500; font-size:18px; border-top:1px solid rgba(255,255,255,.2); padding-top:20px;  }
#consultant .name { font-size: 15px;  }
#consultant img { width:80px; border-radius:100px; margin:0 10px 10px 0;  }
#consultant a:hover { color:#0d6efd; }

.sidebar-collapse #consultant { display:none; }
#error_domain { font-size:13px; }
.modal { backdrop-filter: blur(5px); }
@media (min-width: 768px) {
  .modal-dialog {
    margin: 50px auto;
  }
}

#advanced_access_table thead tr { background-color: #f2f2f2; }
#advanced_access_table th, #advanced_access_table td { min-width:220px; vertical-align: middle; border: 1px solid #a89f9f }
#advanced_access_table td.legend { background-color: #e5e5e5; }

/* NOTIFICATIONS */

#push-notifications-switcher { position:fixed; background:#fff;  z-index:999; right:20px; bottom:20px; border-radius:60px; width:60px; height:60px; text-align:center; box-shadow:0 10px 20px -15px rgba(0,0,0,1);  
   text-align:center; background:linear-gradient(to bottom, #f4f3f6, #e0e0e0); padding:0px;  transform: scale(1);   }
#push-notifications-switcher.opening { width:420px; height:280px; border-radius:12px; padding:30px 15px;  }
#push-notifications-switcher a { transform: scale(1); transition: all 0.2s ease-out; opacity:1; min-height: 60px; min-width: 60px; display: flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 60px;  }

#push-notifications-switcher:not(.opening)  a:focus-visible {  border:2px solid #777; }

#push-notifications-switcher p.info {font-size:1.2rem;  position:absolute; transition: all 0.3s ease-out; opacity:0; background:#000; color:#fff; padding:5px 12px; border-radius:8px; right:70px; top:18px; z-index:-1; pointer-events: none; } 
#push-notifications-switcher p.info:after { content:""; position:absolute; right:-5px; top:7px; width: 0; height: 0;  border-top: 8px solid transparent; border-bottom: 8px solid transparent;  border-left:8px solid #000; z-index:-1; } 
#push-notifications-switcher-inner {  border-radius:0px; width:60px; height:60px;  display:flex; align-items: center;  justify-content: center; z-index:1; margin:0 auto; }

#push-notifications-switcher, #push-notifications-switcher .bell { transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);  }
#push-notifications-switcher .bell { width:24px;  }

#push-notifications-switcher #push-notifications-content { transition:all 0.3s linear;  opacity:0; visibility:hidden; padding:15px 0; }
#push-notifications-switcher.active #push-notifications-content { opacity:1; visibility:visible;  }
#push-notifications-switcher #push-notifications-content p  { font-size:1.7rem; margin-bottom:25px; font-weight: 500; color:#111620;  }
#push-notifications-switcher.opening p.info,
#push-notifications-switcher.animating p.info  { opacity:0; display:none; }
#push-notifications-switcher.active #push-notifications-switcher-inner {  }
#push-notifications-switcher.opening .bell { width:44px;  }
#push-notifications-switcher #push-notifications-content .step-2 img { border-radius:8px; margin-bottom:20px; height:100px; box-shadow:0 0 25px -20px rgba(0,0,0,.5);  }

#push-notifications-switcher.closed { opacity:0;  transform: scale(0);  }

#push-notifications-close { position:absolute; border:0; top:0px; right:0px; width:40px; height:40px; line-height:40px; text-align:center; font-size:30px; transition:all 0.2s ease-out; background:#f0f2f5; 
border-bottom-left-radius:6px; border-top-right-radius:12px; color:#666; }
#push-notifications-close:hover { color:#000; }

#push-notifications-close:focus-visible { outline: 2px solid #666; } 

#push-notifications-switcher.opening a { cursor: default;  pointer-events: none; }
#push-notifications-switcher:not(.opening):hover a {  animation: shake .4s cubic-bezier(.4,.1,.2,1); opacity:1; }
#push-notifications-switcher:not(.opening):hover p.info { opacity:1;  right:70px; }

@media all and (max-width: 500px) { 
    #push-notifications-switcher { right:15px; bottom:15px;  }
    #push-notifications-switcher.opening { width:calc(100% - 30px); height:320px; }
    #push-notifications-switcher #push-notifications-content p { font-size:1rem }
}

@keyframes shake {
  25% { transform: translate3d(-2px, 0, 0); }
  50% { transform: translate3d(2px, 0, 0); }
  75% { transform: translate3d(-2px, 0, 0); }
  100% { transform: translate3d(0, 0, 0); }
}


body.contrast-high #push-notifications-switcher { background:#222; color:#fff; }
body.contrast-high #push-notifications-switcher .bell path { fill:#ffff00!important; }

/* END NOIFICATIONS */

body.is-councilor, body.is-councilor #panel_main_menu { padding-bottom: 50px; }

body.is-councilor #push-notifications-switcher { bottom:70px; }

.flag_icon { height: 15px; margin-right:5px;  }
.dropdown-menu.langs-dropdown-menu { min-width:86px;  }
.lang-tabs-div { .box-shadow:0;  }
.lang-tabs-div .nav-tabs li > a {  min-width:50px; padding:5px; text-align:center; }  
.lang-tabs-div .nav-tabs li > a .flag_icon { margin:0 5px;   } 
.lang-tabs-div .tab-pane { padding-left:0!important; }

#signal-content-texts { line-height:1.6; }

.form-control.file,
.form-control.consultation_file
 { height:36px!important; padding:6px!important;   }
.form-control.date-picker,
.form-control.hasDatepicker { max-width:120px; text-align:center; }
.text_more ul { padding-left:15px;  }

.box-block-modules  * { line-height:1.6;}

.logs-dictionary { margin-left:15px; padding:0px;  }
.logs-dictionary li { margin:5px 0;}

.ui-sortable-handle { cursor:pointer; } 
.ui-sortable-helper .lang,
.ui-sortable-helper .btn-group { display:none; } 

#profile-form input.form-control { letter-spacing:1px; } 

#two-fa-types-list .two-fa-type { border:2px solid #ddd; background:#fafafa; height:100px; padding:20px; border-radius:8px; transition: all 0.2s ease-out 0s;  }
#two-fa-types-list .two-fa-type:not(.active):hover { cursor:pointer; border-color:#0d6efd; box-shadow: 0px 5px 20px -5px rgba(0,0,0,.2);  }
#two-fa-types-list .two-fa-type.active { border-color:#0d6efd; background:#f0f4fb;  } 
#two-fa-types-list .two-fa-type .title {  width: 100%;  display: block; font-size: 18px;  } 
#two-fa-types-list .two-fa-type i.main, .notification-method i.main  { margin-right:5px; font-size:20px;  } 
#two-fa-types-list .two-fa-type p { margin-top:5px; } 
#two-fa-types-list .flex-center-v, .notification-method .flex-center-v { display:flex; align-items:center;  gap:10px; }
#two-fa-types-list .phone  { letter-spacing: 1px;   }

#notification-methods .title {  font-size: 18px;  } 
#notification-methods .phone { letter-spacing: 1px; background: #eee; border-radius: 14px; padding: 3px 9px; width: fit-content; font-weight: 500; float: right; } 
#notification-methods { gap:15px; }
#notification-methods .notification-method  { border:2px solid #ddd; background:#fafafa; padding:20px; border-radius:8px; transition: all 0.2s ease-out 0s;   flex: 1;  max-width: 50%; box-sizing: border-box; position:relative; }

.two_fa_verification-type-settings-section { padding-top:50px; display:none; }
.two_fa_verification-type-settings-section.active { display:block; }

.two_fa_verification-type-settings-section .step { position:relative; }
.two_fa_verification-type-settings-section .step.line:after { content: ""; height: 2px; width: 100%; background: linear-gradient(to right, #efeef1, #efeef1);   border-radius: 2px; position: absolute; top: 25px; right: 50%; z-index: 0; margin-top: -1px;  transition: all 0.2s ease 0s; }


.two_fa_verification-type-settings-section .step.active:after { background: linear-gradient(to right, #32b07f, #3d9eff); }
.two_fa_verification-type-settings-section .step.complete:after { background: linear-gradient(to right, #32b07f, #32b07f); }

.two_fa_verification-type-settings-section .step-icon { color:#000; width:50px; height:50px; border-radius:50%; text-align:center; line-height:54px; background:#eee; margin:auto; margin-bottom:5px; font-weight:bold; font-size:22px; box-shadow:inset 0px 0px 10px -5px rgba(0,0,0,.3); z-index:9; position:relative; transition: all 0.25s ease-out 0s;  transform:scale(1); }

.two_fa_verification-type-settings-section .step-icon.clickable { cursor:pointer;  }
.two_fa_verification-type-settings-section .step.active {  }
.two_fa_verification-type-settings-section .step.active .step-icon { background:#3d9eff; color:#fff;   transform:scale(1.1);  } 
.two_fa_verification-type-settings-section .step.complete .step-icon { background:#32b07f; color:#fff; } 

.two_fa_verification-type-settings-section .step-nr { font-size:12px; text-align:center; color:#777; margin-bottom:10px;  text-transform: uppercase; letter-spacing:0.5px;  }
.two_fa_verification-type-settings-section .title { font-weight:bold; text-align:center; color:#999;  }
.two_fa_verification-type-settings-section .step.active .title { color:#222;  }

.two_fa_verification-type-settings-section ol { text-align:left; padding:0px; margin:0 0 0 15px; }
.two_fa_verification-type-settings-section ol li  { margin:5px 0; }

.two_fa_verification-type-settings-section .step-content { display:none; padding:30px 30px; margin-top:25px;  background: #f8f8f8;  border-radius: 12px; }
.two_fa_verification-type-settings-section .step-content.active { display:block; }

.two_fa_verification-type-settings-section .phone-number-to-send,
.two_fa_verification-type-settings-section .email-to-send
 {   font-size: 18px; letter-spacing: 1px; font-weight: 500; background: #fff; padding: 10px 12px; width: auto; margin-bottom: 15px; display: inline-block; border-radius: 8px; border: 1px solid #eee; }

#section-two-step-verification-settings .in-progress-label {  position: absolute; top: -12px; left: 50%; margin-left: -60px; width: 120px; text-align: center; padding: 3px; border-radius: 19px; background: #32b07f; color: #fff; text-transform: uppercase;  font-size: 12px;  }

#section-two-step-verification-settings .active-packet-label { position: absolute; top: -12px; left: 50%; margin-left: -45px; width: 90px; text-align: center; padding: 3px; border-radius: 19px; background: #0d6efd; color: #fff; text-transform: uppercase;  font-size: 12px; }

#google-authenticator-verification-image { border: 10px solid #eee; border-radius: 20px; padding: 20px; background: #fff; }
#section-two-step-verification-settings .code-input-wrapper { margin:25px auto; }
#section-two-step-verification-settings .code-input { width:130px; margin:5px auto; background:#fff!important; font-size:20px; font-weight:500; letter-spacing:3px; color:#000; text-align:center; }

.two_fa_verification-type-settings-section .code-label { margin:0; }

@media (max-width: 379px) {
.two_fa_verification-type-settings-section .step-content { background:#fff; padding:0px; }
}

.info_modal .modal-content { padding:1px; }
.info_modal .modal-header { background:url('../img/popup/popup_header_2.jpg'); background-size: cover; background-position: center center; height: 100px; margin: 15px 15px 0 15px; border-radius: 12px; display: block; position: relative; }
.info_modal p { line-height:1.6;  }
.info_modal h2 { text-align:center; font-size:20px; margin: 15px 0 20px 0;  }
.info_modal .icon-wrapper { background: #fff; border-radius: 50%; width: 80px; height: 80px; margin: 0 auto -24px auto; text-align: center;  position: absolute; left: 50%; bottom: 80px; margin-left: -40px; display: flex; justify-content: center; align-items: center;  } 

.info_modal .icon-wrapper img { width:36px; }
.info_modal .modal-footer { text-align:left; padding:15px; }
.info_modal ul  { margin: 15px 0px; padding: 0px; list-style:none;  }
.info_modal ul li { margin: 5px 0;  }
.info_modal .flex  { gap:20px;  }
.info_modal .box { background:#f4f3f6; padding:20px; margin:0px; box-shadow: none; }
.info_modal .green { color:#00ba00;  }
.info_modal .box h3 { margin:0 0 15px 0px;  font-size:18px;  }

#popup-2fa-info-modal.info_modal .modal-header { background-image:url('../img/popup/popup_header_3.jpg'); }  

#modal_edit_translation .modal-dialog,
#modal_edit_mail_text .modal-dialog,
#modal_addSignalistPage .modal-dialog { width:90%; }

#devices-list-table { font-size:16px;  }
#devices-list-table .header { font-size:14px; font-weight:bold; }
#devices-list-table tr:first-child td {  border-top:0; }
#devices-list-table tr td { vertical-align: middle; }
#devices-list-table .action { width:100px; text-align:right; } 
#devices-list-table .icon { width:60px; text-align:center; font-size: 24px;  }

#popup-2fa-add-device #device { color: #000; font-size: 18px; text-align: center; height:50px; }

#timer-info { cursor:pointer; }
#timer-info span { font-size: 11px; color: #444; font-weight:500; }
#timer-info  { width: 150px; float: left; height: 60px; display: flex; align-items: center; letter-spacing: 0.5px;  font-weight: 500; gap: 5px; }
#timer-info .jst-hours  { display:none;  }
#timer-info * { display: inline-block; }

#autologout_modal .c100 { font-size:80px; }
#autologout_modal .c100 > span { width: 100%; height: 100%; font-size: 28px; line-height: 80px; }

.lng-wrapper {  width: fit-content;  height: 35px; border-radius: 20px; display: flex; justify-content: center; align-items: center; gap: 8px; margin: auto; background: #efefef;  font-weight: 500;  padding: 0 15px; } 

#operator_home_filters { gap:15px; justify-content:space-between; align-items:center; }

#help-video-section .video-box { box-shadow:0 0px 0px rgba(0,0,0,0); -webkit-transition:all 0.3s ease; transition:all 0.3s ease; position:relative; padding:20px; border-radius:8px; overflow:hidden; display:flex; justify-content: center; align-items: center; cursor:pointer; margin-bottom:25px; height:180px; text-align:center; color:#fff; } 
#help-video-section .video-bg { position:absolute; top:0; left:0; background:url('../img/video_bg.jpg') no-repeat; background-position:center top; background-size:cover; height:100%; width:100%; -webkit-filter:grayscale(100%); filter:gray; opacity:.1; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } 
#help-video-section .video-box:hover { box-shadow:0 5px 20px rgba(0,0,0,.3); } 
#help-video-section .video-box:hover .video-bg { -webkit-filter:grayscale(0%); filter:none; opacity:1; } 
#help-video-section .video-box h4 { color:#000; z-index:10; } 
#help-video-section .video-box:hover h4 { color:#fff; text-shadow:0 1px 2px rgba(0,0,0,1); } 
#help-video-section .video-content { z-index:9; position:relative; } 
#help-video-section .movie-play { font-size:14px!important; font-weight:bold!important; } 

@media only screen and (max-width:1650px)
{
    #help-video-section .video-box h4 { font-size:16px; } 
} 

@media only screen and (max-width:1300px)
{
    #help-video-section .video-box { padding:10px; }  #help-video-section .video-box h4 { font-size:15px; } 
}