html,
body {
  overflow-x: hidden;
  font-size: 14px;
  background-color: #eee
}
footer {
  padding:10px 0 30px 0;
}

a{
    color:#3462b0;
    text-decoration:none;
}

/*colors*/
.mcap{color:#eb79b3}
.ocap{color:#f79b2e}

.lcap{color:#ccc}
.dcap{color:#999}
.cap{color:#aaa}
.edcap{color:#666}
.eedcap{color:#333}
.rcap{color:#c00}
.gcap{color:green}
.wcap{color:#fff}
.bcap{color:#10afc2}
.ycap{color:#7c750b}
.lycap{color:#efdeb4}
.tcap{color:#6E8194}

.rupcoming{overflow:hidden}
.rupcoming .upi{filter:alpha(opacity=50);opacity:0.5;}
.rupcoming .upi:hover{filter:alpha(opacity=100);opacity:1;}

[data-letters-small]:before,[data-letters]:before {
  content:attr(data-letters);
  display:inline-block;
  font-size:14px;width:36px; height:36px;line-height:36px;font-weight:bold;
  text-align:center;
  border-radius:50%;
  background:#c7dbe5;
  vertical-align:middle;
  margin-right:0;
  color:#3462b0;
  }
  
  [data-letters-small]:before{
      content:attr(data-letters-small);
      font-size:12px;width:28px; height:28px;line-height:28px;font-weight:bold;
  } 
  

.dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
  }
  .dropdown-menu li.active {
    background-color: #e9ecef;
  }
  .dropdown-menu label {
    display: flex;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }
  .dropdown-menu input[type=checkbox] {
    margin-right: 6px;
  }  
  .dropdown-menu .dropdown-divider {
  margin-top: 2px;
  margin-bottom: 4px;
}
  
  
  
  
img.rounded{
  width:36px; height:36px;
  border-radius: 50% !important;
  object-fit: cover;
}

img.rounded_small{
  width:28px; height:28px;
  border-radius: 50% !important;
  object-fit: cover;
}

.online_indicator,.online_indicator_small{color:green;font-size:10px;position:absolute;margin-left:28px;line-height:100%}
.online_indicator_small{margin-left:21px;font-size:9px}

h1,h2,h3,h4,h5{margin-bottom:1.5rem}

.ffo{font-family:  sans-serif;font-weight:300}
.ffc{font-family:Consolas,monospace}
.w100p{width:100%}

button.btn,a.btn,input.btn{
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
   padding:9px 10px;
   font-size:15px;
  -moz-box-shadow:0 1px 2px #aaa;-webkit-box-shadow:0 1px 2px #aaa;box-shadow:0 1px 2px #aaa;
}


.btn-normal{
    background-color:#fff;
    border:1px solid #bbb;
    box-shadow: none !important;
    outline: none !important;
}
.btn-normal:hover{
    background-color:#fafafa;
    border:1px solid #aaa;
}
.btn-normal.disabled,.btn-normal:disabled,.btn-normal[disabled]{
    background-color:#fafafa;
    color:#aaa;
    border:1px solid #eee;
}
.btn i.fad{
    margin-left:5px;
    margin-right:5px;
    filter:alpha(opacity=50);opacity:0.5;
    font-size:17px;
}
.btn span.fad{
    filter:alpha(opacity=50);opacity:0.5;
    font-size:17px;
}

.btn-sm{
   font-size:13px !important;
   padding:7px 8px;
}


.btn-primary{
    background-color:#3462b0;
    border-color:#3462b0;
    
}
.btn-outline-primary{
    color:#3462b0;
    border-color:#3462b0;
}

div.list-group a.list-group-item.active{border-color:#3462b0;background-color:#3462b0;}

.dropdown-item.active{background-color:#3462b0;}

.dropdown-item{font-size:15px;}
.dropdown-item .fad{
    filter:alpha(opacity=50);opacity:0.5;
    font-size:17px;
}



textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]: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,
.form-select:focus,
.form-control:focus,
.uneditable-input:focus {   
  border-color:#999;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.1);
  outline: 0 none;
}

.text-blue{color:#3462b0}
.text-light-blue{color:#c7dbe5}
.text-white{color:#fff}
.text-black{color:#000}

.bg-primary{background-color:#3462b0 !important}
.bg-blue{background-color:#3462b0}
.bg-light-blue{background-color:#c7dbe5}

.ovsy{overflow-y:scroll}


/*option panels*/
.opti{cursor: hand; cursor: pointer;padding:3px 3px;border-bottom:1px solid #eee;font-size:12px}
.opti:hover{background:#eee;color:#666}
.opti span.zahr{float:right;font-size:11px}
.opti span.deac{float:right;font-size:11px}
.opti span.lom{color:#aaa}
.opti span.rs{color:#aaa;font-size:11px}
.opti span.it{color:#000;font-weight:bold}
#possible span.deac{display:none}
#active span.zahr{display:none}

.card-pd{
    border-color:#eee;
}
.card-pd .card-header{
    background-color:#eee;
}
.card-pd .card-header a.nav-link{
    color:#000;
}
.card-pd .card-header a:hover.nav-link{
    border-bottom-color:#bbb;
}
.card-pd .card-header a:hover.nav-link.active{
    border-bottom-color:#fff;
}


.tooltip-inner {white-space: pre-wrap;}

.table-responsive span.fas,.table-responsive span.far,.table-responsive span.fad,.table-responsive span.fa{font-size:150%}
.table-responsive td{vertical-align:middle}

.table-responsive td a.btn,.table-responsive td button{white-space:nowrap !important}

div.container-full{margin:0;padding:0}
div.display{background:#fff;padding:5px;text-align:center;font-size:25px;font-weight:bold;margin-bottom:10px;
-moz-box-shadow:0 0 2px #666;-webkit-box-shadow:0 0 2px #666;box-shadow:0 0 2px #666;}

.ffm{font-family:monospace}

.modal-content{
    border:none;
   -webkit-border-radius: 1em !important;
   -moz-border-radius: 1em !important;
        border-radius: 1em !important;
}
.padding{padding:1em}


.hnd{cursor: hand; cursor: pointer}
.bo{font-weight:bold}
.unde{font-weight:bolder}
.ce{text-align:center}
.upc{text-transform:uppercase}
.nw{white-space:nowrap;}
.vat{vertical-align:top}

.w-10{width:10px !important}
.w-20{width:20px !important}
.w-30{width:30px !important}
.w-40{width:40px !important}
.w-50{width:50px !important}
.w-60{width:60px !important}
.w-70{width:70px !important}
.w-80{width:80px !important}
.w-90{width:90px !important}
.w-100{width:100px !important}
.w-110{width:110px !important}
.w-120{width:120px !important}
.w-130{width:130px !important}
.w-140{width:140px !important}
.w-150{width:150px !important}
.w-160{width:160px !important}
.w-170{width:170px !important}
.w-180{width:180px !important}
.w-190{width:190px !important}
.w-200{width:200px !important}
.w-250{width:250px !important}
.w-300{width:300px !important}
.w-350{width:350px !important}
.w-400{width:400px !important}
.w-450{width:450px !important}
.w-500{width:500px !important}
.w-550{width:550px !important}

.mw-10{max-width:10px}
.mw-20{max-width:20px}
.mw-30{max-width:30px}
.mw-40{max-width:40px}
.mw-50{max-width:50px}
.mw-60{max-width:60px}
.mw-70{max-width:70px}
.mw-80{max-width:80px}
.mw-90{max-width:90px}
.mw-100{max-width:100px}
.mw-110{max-width:110px}
.mw-120{max-width:120px}
.mw-130{max-width:130px}
.mw-140{max-width:140px}
.mw-150{max-width:150px}
.mw-160{max-width:160px}
.mw-170{max-width:170px}
.mw-180{max-width:180px}
.mw-190{max-width:190px}
.mw-200{max-width:200px}
.mw-250{max-width:250px}
.mw-300{max-width:300px}
.mw-350{max-width:350px}
.mw-400{max-width:400px}
.mw-450{max-width:450px}
.mw-500{max-width:500px}
.mw-550{max-width:550px}
.mw-600{max-width:600px}
.mw-650{max-width:650px}
.mw-700{max-width:700px}
.mw-800{max-width:800px}
.mw-900{max-width:900px}

.mh-10{max-height:10px}
.mh-20{max-height:20px}
.mh-30{max-height:30px}
.mh-40{max-height:40px}
.mh-50{max-height:50px}
.mh-60{max-height:60px}
.mh-70{max-height:70px}
.mh-80{max-height:80px}
.mh-90{max-height:90px}
.mh-100{max-height:100px}
.mh-110{max-height:110px}
.mh-120{max-height:120px}
.mh-130{max-height:130px}
.mh-140{max-height:140px}
.mh-150{max-height:150px}
.mh-160{max-height:160px}
.mh-170{max-height:170px}
.mh-180{max-height:180px}
.mh-190{max-height:190px}
.mh-200{max-height:200px}
.mh-250{max-height:250px}
.mh-300{max-height:300px}
.mh-350{max-height:350px}
.mh-400{max-height:400px}
.mh-450{max-height:450px}
.mh-500{max-height:500px}
.mh-550{max-height:550px}
.mh-600{max-height:600px}
.mh-650{max-height:650px}


.h-10{height:10px}
.h-20{height:20px}
.h-30{height:30px}
.h-40{height:40px}
.h-50{height:50px}
.h-60{height:60px}
.h-70{height:70px}
.h-80{height:80px}
.h-90{height:90px}
.h-100{height:100px}
.h-110{height:110px}
.h-120{height:120px}
.h-130{height:130px}
.h-140{height:140px}
.h-150{height:150px}
.h-160{height:160px}
.h-170{height:170px}
.h-180{height:180px}
.h-190{height:190px}
.h-200{height:200px}
.h-250{height:250px}
.h-300{height:300px}
.h-350{height:350px}
.h-400{height:400px}
.h-450{height:450px}
.h-500{height:500px}
.h-550{height:550px}
.h-600{height:600px}
.h-650{height:650px}


.wr{white-space:normal}
.vam{vertical-align:middle}

.fs10{font-size:10px} .fs11{font-size:11px} .fs12{font-size:12px} .fs13{font-size:13px} .fs14{font-size:14px} .fs15{font-size:15px} .fs16{font-size:16px} .fs17{font-size:17px} .fs18{font-size:18px} .fs19{font-size:19px} .fs20{font-size:20px} .fs22{font-size:22px} .fs25{font-size:25px} .fs30{font-size:30px} .fs40{font-size:40px}

.lh100p{line-height:100%}.lh110p{line-height:110%}.lh120p{line-height:120%}.lh130p{line-height:130%}


div.xnav{
   white-space:nowrap;
   height:40px;
   background:#fff;
   -moz-box-shadow:0 1px 2px #666;-webkit-box-shadow:0 1px 2px #666;box-shadow:0 1px 2px #666;
   overflow:visible
}
div.xnav a.nav-ahref{
   color:#000
}
div.xnav a.dropdown-item.selected{
   font-weight:bold
}
div.xnav a.dropdown-item:hover{
   background-color:#2e3e4e;
   color:#fff
}
div.xnav button span.fa{
   vertical-align: middle
}
div.xnav button{
   padding:6px 8px;
   font-size:13px;
}
div.xnav a.panel-link{
   color:#ccc;
   display:inline-block;
   padding:10px
}
div.xnav span.hdtitle{
   color:#000;
   display:inline-block;
   padding-left:5px;
   font-size:15px;
   font-weight:bold
}
div.xnav ul.nav-pills{
   display:inline-block;
   margin-left:1rem;
}

.nav-pills a.nav-link {background-color: #ddd;margin-left:1px;margin-right:1px;color:#000;padding-left:0.8rem;padding-right:0.8rem}
.nav-pills a.nav-link.active {background-color: #449d44}

div.xnav div.ulc{
   display:inline-block;
   float:right;
   background:#fff;
}
div.xnav ul{
   padding:0;
   margin:0;
   margin:3px;
}
div.xnav li{
   display:inline-block;
   text-decoration:none;
   vertical-align: middle;
   padding:0;
   margin:0;
}

div.mini-navbar{padding:5px 8px;background-color:#e3e3e3;font-size:13px}
div.mini-navbar-ws{
    padding:0;background-color:#e3e3e3;font-size:13px;
    -moz-box-shadow:0 3px 3px #aaaaaa66;-webkit-box-shadow:0 3px 3px #aaaaaa66;box-shadow:0 3px 3px #aaaaaa66}
div.mini-navbar-ws a.nav-link span.fas{
    color:#888
}

/*sidebar*/
div.mbox{margin:0;padding:0}
div.mside{float:left;width:220px;margin:0;padding:0}
div.mbox div.grp{background:#ccc;padding:4px 17px;color:#999;text-transform: uppercase;font-size:11px}
main.mcontent{margin:0;padding:0}


div.scontent{padding:2em;max-width:1800px;margin:0 auto;}
div.scontent_page{padding:1em;background:#fff;
   -webkit-border-radius: 5px !important;
   -moz-border-radius: 5px !important;
        border-radius: 5px !important;
}
@media (max-width:48em) {
   div.scontent{padding:0em}
    div.scontent_page{padding:1em;background:#fff;
       -webkit-border-radius: 0 !important;
       -moz-border-radius: 0 !important;
            border-radius: 0x !important;
    }
}   


footer{
    padding-top:30px;
    margin-top:100px;
    padding-bottom:50px;
    border-top:5px solid #e3e3e3 
}

footer.mini{
    padding-top:30px;
    margin-top:100px;
    padding-bottom:50px;
    border-top:1px solid #e3e3e3 
}

footer.mini a{
    display:inline-block;
    padding:0 5px;
}

div.opanel{background:#e3e3e3}

div.olpanel{border-bottom:1px solid #ccc;}
div.olpanel a.logo{text-align:center;background:#e3e3e3;display:block;padding:8px 5px 6px 5px}

div.opanel a,div.opanel a:active,div.opanel a:visited{
   display:block;color:#000;padding:12px 10px;
   border-bottom:1px solid #ccc;
   white-space:nowrap;overflow:hidden;text-decoration:none;vertical-align: middle;
}
div.opanel a:hover{text-decoration:none;background-color:#eee}
div.opanel a.selected,div.opanel a.selected:hover{
    background:#3462b0;color:#fff;border-bottom:1px solid #3462b0
}

div.opanel a i{display:inline-block;width:30px;text-align:center;color:#666;font-size:18px;vertical-align: middle;padding-bottom:2px}
div.opanel a.selected i{color:#fff}


div.opanel span.icount{
   float:right;
   -webkit-border-radius: 2px !important;
   -moz-border-radius: 2px !important;
        border-radius: 2px !important;
        display:inline-block;
        background-color:#449d44;
        color:#fff;
        line-height:10px;
        font-size:10px;
        padding:2px 3px;
        margin-top:-2px;
        margin-right:-2px;
}

div.mside.collapse.show + main.mcontent {margin-left:220px}

.box_pg_title{display:inline-block;font-size:22px;padding-left:10px;line-height:24px;vertical-align:middle}

.on-big,.logo-on-big{}
.on-menu-wide{}
.on-small,.logo-on-small{display:none}
.onle{text-align:left !important}

div.opanel .txt{}
div.opanel span.badge-light{background-color: #c00;color:#fff}
div.opanel span.msufix{}

@media (max-width:48em) {
   div.mside{width:50px}
   div.mside.collapse.show + main.mcontent {margin-left:50px}
   div.opanel{text-align:center}
   div.opanel a span.txt{display:none}
   div.opanel div.grp{display:none}
   div.opanel a.logo{padding:5px 0}
   div.opanel a.logo img{width:32px;height:32px}
   div.opanel span.msufix{position:absolute;margin-left:-10px;margin-top:-10px}
   .on-menu-wide{display:none}
}   

.mbox.force_thin div.mside{width:50px}
.mbox.force_thin div.mside.collapse.show + main.mcontent {margin-left:50px}
.mbox.force_thin div.opanel{text-align:center}
.mbox.force_thin div.opanel a span.txt{display:none}
.mbox.force_thin div.opanel div.grp{display:none}
.mbox.force_thin div.opanel a.logo{padding:5px 0}
.mbox.force_thin div.opanel a.logo img{width:32px;height:32px}
.mbox.force_thin div.opanel span.msufix{position:absolute;margin-left:-10px;margin-top:-10px}
.mbox.force_thin .logo-on-big{display:none}
.mbox.force_thin .logo-on-small{display:inline-block}

@media (max-width:48em) {
   .on-big,.logo-on-big{display:none !important}
   .on-small,.logoon-small{display:inline-block}
}   

#copanel.collapse {
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
}

#copanel.collapsing {
  opacity: 0.8;
  width: 0;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-property: width;
       -o-transition-property: width;
          transition-property: width;
}



.emptyb{
    padding:3em 0; text-align:center; color:#aaa;
}


.invi{display:none}


/*reverse tabs*/
ul.tres{
}
ul.tres li.nav-item{

}
ul.tres li.nav-item a.nav-link{
    background-color:transparent;
    color:#000;
    border-radius:0;
    border:none;
    border-bottom:3px solid transparent;
    margin-right:2px;
    padding:10px 10px;
    border-left:1px solid #ddd
}
ul.tres li.nav-item a.nav-link.active{
    /*background-color:#fff;*/
    border-bottom:3px solid #666;
}


/*smart tabs*/
ul.smart-tabs{
}
ul.smart-tabs li.nav-item{

}
ul.smart-tabs li.nav-item a.nav-link{
    background-color:#ddd;
    color:#000;
    border-radius:0;
    border:none;
    border-top:3px solid #eee;
    margin-right:2px;
    padding:10px 10px;
}
ul.smart-tabs li.nav-item a.nav-link.active{
    background-color:#fff;
    border-top:3px solid #1a76d1;
}
div.tab-panel{
    background-color:#fff;
    padding:1.5em;
}

ul.smart-tabs.inversed li.nav-item a.nav-link{
    background-color:#eee;
    color:#000;
    border-radius:0;
    border:none;
    border-top:3px solid #fff;
    margin-right:2px;
    padding:10px 15px;
}
ul.smart-tabs.inversed li.nav-item a.nav-link.active{
    background-color:#ddd;
    border-top:3px solid #1a76d1;
}

ul.smart-tabs.list-group{
  display: none;
}

ul.smart-tabs.list-group a.list-group-item.active{
    border-color:#3462b0;
    background-color:#3462b0;
}

@media (max-width:960px) {
  ul.smart-tabs{
    display: none;
    margin-bottom: 1em;
  }
  ul.smart-tabs.list-group{
    display: block;
  }
}


/*reporting*/
table.stata{width:100%;table-layout:fixed}
table.stata td{padding:0;overflow:hidden}
table.stata td div{padding:5px;font-size:11px;white-space:nowrap;-moz-box-shadow:0 1px 1px #aaa;-webkit-box-shadow:0 1px 1px #aaa;box-shadow:0 1px 1px #aaa;margin-bottom:4px;background-image:url(/static/i/srf.png?1)}
table.stata td:first-child div{-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;
-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;}
table.stata td:last-child div{-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;
-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;}




/*forms*/

input[type=email].form-control,input[type=text].form-control,input[type=password].form-control,input[type=tel].form-control,input[type=phone].form-control,input[type=name].form-control,input[type=url].form-control{
  -webkit-border-radius: 2px !important;
     -moz-border-radius: 2px !important;
          border-radius: 2px !important;
   line-height:42px;height:42px;font-size:13px
}

textarea.form-control{
  -webkit-border-radius: 2px !important;
     -moz-border-radius: 2px !important;
          border-radius: 2px !important;
   font-size:13px;padding:12px;
}
select.form-select{
  -webkit-border-radius: 2px !important;
     -moz-border-radius: 2px !important;
          border-radius: 2px !important;
   height:40px;font-size:13px;vertical-align:middle
}

/*textarea.form-control{
}
input[type=email].form-control{
}
input[type=text].form-control{
}
input[type=password].form-control{
}

button.btn,a.btn,input.btn{
  -webkit-border-radius: 2px !important;
     -moz-border-radius: 2px !important;
          border-radius: 2px !important;
   padding:10px 10px;
   font-size:13px;
  -moz-box-shadow:0 1px 2px #aaa;-webkit-box-shadow:0 1px 2px #aaa;box-shadow:0 1px 2px #aaa;
}*/

/*
button.btn-lg,a.btn-lg,input.btn-lg{
   font-size:18px;
}
button.btn-sm,a.btn-sm,input.btn-sm{
   padding:6px 5px;
   font-size:11px;
}
a.btn-success,a.btn-primary,a.btn-danger{color:#fff}
a.btn-default{color:#000}

button.btn-link,a.btn-link,input.btn-link{
  -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;
}


.fa.form-control-feedback {
    line-height: 42px;
}
.input-sm ~ .fa.form-control-feedback {
    line-height: 40px;
}
.input-lg ~ .fa.form-control-feedback {
    line-height: 46px;
}
.has-feedback-left input.form-control {
    padding-left: 34px;
    padding-right: 12px;
}
.has-feedback-left .form-control-feedback {
    left: 0; 
}
.form-horizontal .has-feedback-left .form-control-feedback {
    left: 12px;
}
.has-feedback-left input.input-sm {
  padding-left: 30px;
}
.has-feedback-left input.input-lg {
  padding-left: 46px;
}







textarea{resize: none}

.table-va-middle tbody>tr>td{
    vertical-align: middle;
}

.modal-header{background-color:#ddd;color:#000;font-size:20px}
.modal-body{background-color:#fff}
.modal-footer{background-color:#eee}

.form-group label{padding-bottom:2px}

.row.small-gutter [class*='col-']:not(:first-child){
  padding-left:3px;
}
.row.small-gutter [class*='col-']:not(:last-child){
  padding-right:3px;
}

.note{background:#ffc;color:#76661d;padding:10px}
*/

.col-form-label{line-height: 1.2;font-size:14px}
.col-form-info{line-height: 1.2;font-size:14px;color:#666}
.modal-dark{background-color:#edf2f9}


.maa{
    margin: 0 auto;
}

/*sign in form*/
.form-signin {
  padding: 15px;
  margin: 0 auto;
}


/*filter line*/
.fline{
    vertical-align:botom;
}
.fline .fiact{
    border-color:#1a76d1;
}
.fopt{
    display:inline-block;
    vertical-align:bottom;
    padding-right:10px;
    max-width:200px;
}
.fopt.invi{
    display:none;
}
.fopt.half{
    max-width:100px;
}
.fopt label{
    display:block;
    font-size:11px;
    line-height:120%;
    margin:0;padding:0 0 5px 0;
}
.fbox{
   background:#eee;display:inline-block;padding:6px 8px 15px 15px;
   -webkit-border-radius: 5px !important;
   -moz-border-radius: 5px !important;
        border-radius: 5px !important;
}

.thcont{display:inline-block;vertical-align:middle}
.thlink{display:inline-block;vertical-align:middle}







.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}



/*cenove plany*/
table.plans{margin:40px auto;width:860px}
table.plans td{padding:14px 20px;font-size:14px;border-right:1px solid #aaa;border-bottom:1px dotted #ddd;width:25%;background:#fff}
table.plans td:first-child{border-left:1px solid #aaa}
table.plans tr.planhd td{background:#333;font-size:26px;color:#fff}
table.plans tr.spothd td{border-color:#fff;font-size:14px;color:#dcecf5;padding-top:10px;padding-bottom:0}
table.plans tr:last-child td{border-bottom:8px solid #333}


table.plans tr td.acc20{background-color:#dcecf5}
table.plans tr.spothd td.acc20{background-color:#0b6ba2;border-bottom:1px solid #0b6ba2}
table.plans tr.planhd td.acc20{background-color:#0b6ba2}

table.plans tr td.selected{background-color:#dcecf5}
table.plans tr.spothd td.selected{background-color:#0b6ba2;border-bottom:1px solid #0b6ba2}
table.plans tr.planhd td.selected{background-color:#0b6ba2}

.frcap{border:3px solid #ccc}
.frcapl{border:3px solid #fafafa}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #0b6ba2;
    text-align: left;
    background-color: #c7dbe5;
    border-radius: .25rem;
}

.tooltip-arrow {
    --bs-tooltip-bg: #c7dbe5;
}

/*suggest*/
.ac_results {
	border:1px solid #666;
	background-color: #fff;
	padding: 0;
	margin: 3px 0 0 0;
	list-style: none;
	position: absolute;
	z-index: 10000;
	display: none;
	/*filter:alpha(opacity=90);opacity:0.9;*/
	width:300px;overflow:hidden;
   overflow-x: hidden;
}

.ac_results ul{margin:0;padding:0}

.btn{white-space:normal}

.hlg,.hlg:focus{
   border-width:2px;
   /*border-color:#428bca*/
   border-color:#c00
   /*-webkit-appearance: none;
   box-shadow: none !important;*/
}


.ac_results li {padding:0;white-space: nowrap;
	color: #101010;
	text-align: left;
	list-style-type:none;
	margin:0;
	font-size:14px;color:#333
}
.ac_results li span.inte{font-size:14px;background-color:#fff;display:block;padding:4px 5px}
.ac_results li.ac_over span {cursor:pointer;background-color:#333;color:#fff}
.ac_match {font-weight:bold;color:#000}


/*item of terms*/
.trm{display:block;background:#eee;padding:2px 3px;float:left;font-size:14px;margin:0 0 1px 1px}
.trm:hover{background:#ddd}
.trm span.min{font-size:11px}

a.tsel,a.tsel:hover{background:#3462b0;color:#fff}


.note{background:#ffc;color:#76661d;padding:10px}




.google-btn {
    display: inline-block;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    color: #333333;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-align:center;
}

.google-btn img {
    width: 30px;
    margin-right: 10px;
}

.google-btn:hover {
    background-color: #f1f1f1;
}



.timeline-with-icons {
  border-left: 1px solid hsl(0, 0%, 90%);
  position: relative;
  list-style: none;
}

.timeline-with-icons .timeline-item {
  position: relative;
}

.timeline-with-icons .timeline-item:after {
  position: absolute;
  display: block;
  top: 0;
}

.timeline-with-icons .timeline-icon {
  position: absolute;
  left: -44px;
  background-color: #337ab7;
  color: #fff;
  border-radius: 50%;
  height: 31px;
  width: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
}