body {
  font-family: "Segoe UI", Roboto, Verdana, "Helvetica Neue", "Liberation Sans",Arial,sans-serif;
  color: #0b3057;
  background-color: #fff;
  height: 100%;
}

h1{font-size:2em;color:#80a7ae;font-weight:bold;}
h2{font-size:1.5em;color:#2d539e;font-weight:600;}
h3{font-size:1.2em;color:#80a7ae;font-weight:bold;}
h4{font-size:1.2em;color:#7f8cae;font-weight:bold;}
button, input {overflow: visible;}

.header { display:block; background: linear-gradient( rgba(87, 108, 156, 1) 0%, rgba(182, 184, 199, 1) 87% ); }
.header_menu { width: 100%; position: relative; z-index: 50; height: 6.25em; }
.header_menu.before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #45629d;}

.head-link {font-size:1.2em; color:#e2f3ff; font-weight:bold; text-decoration: none; }
.deviz {color:#e8ddb5;; font-weight:bold; }
.top_menu { border-radius: 1rem; max-width: 50rem;}
.bg-menu { background-color: #5b78a5; }
.bg-menu1 { background-color: #b6b8c7; }
.item-color { color: #e2f3ff; }
.item-color:hover, .item-color:focus {color: #e4ffbc;}
.active { color: #fff !important; font-weight: 500;}

.nav-color { background-color: #233353;}
.nav-pills > li > a:hover { background-color: rgba(0, 0, 0, 0.1);}
.bg-menu { background-color: #5b78a5;}
.item-link-border { color:  #8498ab; border-left: 1px solid #8498ab;}
.item-link-border:hover{ color: #0b3057; border-left: 2px solid #084fa4;}

.hide { display: none;}
.verb { display: inline; }
.arrow_up { width: 16px; height: 16px;}
.hide_arrow { fill: white; }

.item-link-img:hover + .hide_arrow { fill: #0b3057; }
.item-link-img:hover + .hide { display: inline;}
.item-link-img:hover + .verb { display: none; }

.dblue { color: #123a64; }
.ddblue { color: #0b3057;}
.hblue { color: #0057b7;}
.gold { color: #e8ddb5;}
.dgrey { color: #556f88;}
.sblue { color: #5b78a5;}
.bg-lgrey { background-color: #f9fafc;}
.bg-faq { background-color: #f4f6fa;}
.bg-free { background-color: #aee5d8;}
.bg-gold { background-color: #e8ddb5;}
.link-grey { color: #b4c4d4 !important; text-decoration-color:  #9daccd;}
.link-grey:hover { color: #9daccd !important;}

.btn-gold { background-color: #e8ddb5;; border-width: 2px !important;}
.btn-gold:hover{ border-color: #ffd52e; background-color: white;}

.sm-title { font-size: .875em !important; font-weight: 400 !important; color: #556f88;}
.sbold { font-weight: 500 !important;}

.dark-block { background: #184e6e; border-radius: 2rem; color: white; padding: 1rem; }
.dark-block-text { color: #9daccd;}

.info-block { background-color: #d2e8f8; border-top-right-radius: 3em; }
.info-block0  { border-radius: 1rem; color: white; padding: 1rem; }
.info-block1 { background: #4f7c98; }
.info-block2 { background: #a2b0c1; }
.info-block3 { background: #e8ddb5; }

.info-link1 { text-decoration: none; color: #dee2e6; font-size: .875em; }
.info-link2 { text-decoration: none; color: #6b8199; font-size: .875em; }
.info-link1:hover {color: #fff;}
.info-link2:hover {color: #184e6e;}

.menu_top1 { background-color: #343993; }
.menu_top2 { background-color: #6a3493; }
.menu_top3 { background-color: #347993; }
.menu_top4 { background-color: #657e29; }
.sec-bg { background-color: #edf6ff; }
.menu-bg { background-color: #e1e1e1; border: 1px solid #c9c7c7; border-radius: 4px; }



.sm-link { font-size: .875em !important; font-weight: 400 !important; color: #9daccd; text-decoration: none;}
.sm-link:hover { color: white;}
.sm-12 { font-size: .875em !important;}

.custom-toggler.navbar-toggler { border: 2px solid white;}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.required:after { content: " *"; color: red;}

.bg-date,.bg-date-link { background-color: #cedced;}
.bg-date-link:hover { background-color: #5b78a5; color: white;}

.news-link { display: block; text-decoration: none; color: #6b8199; font-size: .875em; }
.news-link:hover {color: #0b3057;}

.form-with-button-inside {
  display: flex;
  flex-direction: row;
  background-color: white;
  border-radius: 1em;
  padding: 1px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
.form-with-button-inside input {
  flex-grow: 2;
  border: none;
  padding: 0.6em 1em;
  border-radius: 1em 0 0 1em;
}
.form-with-button-inside input:focus { outline: none;}
.form-with-button-inside:focus-within { outline: 1px solid rgb(255, 213, 46);}
.form-with-button-inside button { border-radius: 1em; padding: 0.6em 1em; margin: 2px;}

.input-button-inside {
  flex-grow: 2;
  border: none;
  padding: 0 1em;
  border-radius: 1em 0 0 1em;
}

.input-button-inside:focus {
  outline: none;
}

.input-button-inside:focus-within {
  outline: 1px solid rgb(255, 213, 46);
}

.button-inside {
  border-radius: 1em;
  padding: 0.25em 1em;
  margin: 2px;
}

.faq a { color: #0057b7; text-decoration: none; }
.faq a:hover { text-decoration: underline; }
.faq-active { background-color: #5b78a5; color: white;}

.dom-item:hover { background-color: #d9e8ff; color: #0b3057; border-top-right-radius: 1em;}

.striped-list > *:nth-of-type(odd) > h2 > button.collapsed {
  background-color: rgba(0, 0, 0, 0.05);
}

.logo { width: 100%; float: left; padding: 10px; height: 100px;}
.logo_a { margin:auto; width:182px; height:80px; position:relative; }
.logo_img { width: 178px; max-width: 100%; max-height:78px; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain;}

.card-shadow, .card-shadow-light { transition: box-shadow .3s;}
.card-shadow:hover { box-shadow: 0 0 11px rgba(33,33,33,.2); }
.card-shadow-light:hover { box-shadow: 0px 0px 7px 2px rgba(233, 233, 233, .8);}

.hover_image:hover {text-decoration: none;}
.hover_image:hover img:first-child{display:none;}
.hover_image:hover img:last-child{display:inline-block;}

.form-control-clear { z-index: 10; pointer-events: auto; cursor: pointer; }

.result { color: #2d878b;}
.hr-200 {width:200px;}
.text-just p, .text-just li { text-align: left; text-justify: auto;}

.img_l { float: left;  margin-right:0.5em; padding:0.5em;}
.img_r { float: right; margin-right:0.5em; padding:0.5em;}
.img_c { display: block; margin-left: auto !important; margin-right: auto !important; margin-top: 1em; margin-bottom: 1em; }

.mono { font-family: "Fira Mono", "DejaVu Sans Mono", "Menlo", "Consolas", "Liberation Mono", Monaco, "Lucida Console", "Courier New", monospace; }

.auth_box { display:block; margin:auto; background: #eee; border:1px dotted #4f718a; padding:1em; margin-bottom:0.25em; line-height:1.5em;}
.auth_box:hover {border:1px solid #4f718a;}
.auth_box h6 { font-weight:600; font-size:1.5em; text-align:center; margin-bottom:6px; margin-top:6px; color:#80a7ae; }
.auth_err { font-size: 0.9rem; color: #dc3545; padding-top:3px; }

.form-label { font-weight: 600; margin-bottom: 0.5rem; display: inline-block;}

.button1 { border: 1px solid transparent; border-color: #6c757d; font-size: 1rem; font-weight: 600; text-align: center; white-space: nowrap; vertical-align: middle; padding: 0.375rem 0.75rem; border-radius: 0.25rem; cursor: pointer;}
.button1 { color: #fff; background-color: #778088; display: inline-block; }
.button1:hover { color: #e2f3ff; background-color:#002ead; transition: 0.7s; }

.footer { padding: 0.5em 0; color: #999; text-align: center; background-color: #f9f9f9; border-top: 1px solid #e5e5e5;}
.footer p:last-child { margin-bottom: 0; }

.fs2 { border:1px dotted #4f718a;  background-color: #e8f8fc;}
.fs2:hover {border:1px solid #4f718a;}
.confirm:hover {border:1px solid #b80b38;}
.legend-text { font-size:1em; font-weight:600; color: #4f718a; }

.radio-white:checked { border-color: #f4f5f9;}
.radio-white { border: 2px solid rgba(0,0,0,.4);}

@media (min-width: 992px) {
  .error-block {
    display: none !important;
  }
}

@media (max-width: 992px) {
  .error-none {
    display: none !important;
  }
  .error-block {
    display: block !important;
  }
}

@media (max-width: 576px) {
  .d-xs-none {
    display: none !important;
  }
  .d-xs-block {
    display: block !important;
  }
}

@media (min-width: 1160px) {
}

@media (max-width: 1030px) {
}

@media (max-width: 694px) {
}




.hostmaster { background-color: #c8ecff; color: #1862ae;  height: 2.2em; }

.main { background-color: #eef3ff; padding: 5px; }

.faq_section li {display: block;padding: 3px 0px;}
.faq_section li a, .faq_section li a:visited {text-decoration:none;}
.faq_section li a {margin-left: 5px;}
.faq_section li a:hover {text-decoration: underline;}
.faq_section li::before{content: "\00BB";}

.auth_box { display:block; margin:auto; background: #e7fbff; border:1px dotted #4f718a; padding:1em; margin-bottom:0.25em; line-height:1.5em;}
.auth_box:hover {border:1px solid #4f718a;}
.auth_box h6 { font-weight:600; font-size:1.5em; text-align:center; margin-bottom:6px; margin-top:6px; color:#80a7ae; }
.auth_err { font-size: 0.9rem; color: #dc3545; padding-top:3px; }

.button1 { border: 1px solid transparent; border-color: #6c757d; font-size: 1rem; font-weight: 600; text-align: center; white-space: nowrap; vertical-align: middle; padding: 0.375rem 0.75rem; border-radius: 0.25rem; cursor: pointer;}
.button1 { color: #fff; background-color: #778088; display: inline-block; }
.button1:hover { color: #e2f3ff; background-color:#002ead; transition: 0.7s; }

.form-label { font-weight: 600; margin-bottom: 0.5rem; display: inline-block;}

.in_add { color:#b80b38;padding-left:2px;margin: 0;}

.fs2 { border:1px dotted #4f718a; }
.fs2:hover {border:1px solid #4f718a;}
.confirm:hover {border:1px solid #b80b38;}
.legend-text { font-size:1em; font-weight:600; color: #4f718a; }