@import url("https://fonts.googleapis.com/css?family=Ubuntu:400,500,600,700|Roboto:400,500,300,700&subset=latin,latin-ext");

:root {
  --dg-border-radius: 0;
  --dg-breadcrumb-bg: #f5f5f5;
  --dg-breadcrumb-padding-y: 1rem;
  --dg-breadcrumb-padding-x: 1rem;
}

.breadcrumb { 
  --bs-breadcrumb-bg: var(--dg-breadcrumb-bg);
  --bs-border-radius: var(--dg-border-radius);
  --bs-breadcrumb-padding-y: var(--dg-breadcrumb-padding-y);
  --bs-breadcrumb-padding-x: var(--dg-breadcrumb-padding-x);
}

a { text-decoration: none !important; }

#main-body { position: relative; }
#header { height: 72px; background-color: #1c84c6; color: #fff; border-top: 1px solid #1c84c6; border-bottom: 1px solid #1c84c6; font-family: "Roboto", Helvetica, Arial, sans-serif; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.head-left { float: left; }
.head-middle { float: left; margin: 0px 20px 0px 0px; }
.head-right { float: right; }

.header-left-icon { color: #fff; }
.header-left-icon a { color: #fff; }
.header-left-icon i { line-height: 48px; padding: 0px 11px 0px 15px; margin: 11px 0px; }
.header-left-icon i:hover { color: #c6b31c; transition: all .7s ease; cursor: pointer; }

.header-icon-left-border { color: #fff; }
.header-icon-left-border a { color: #fff; }
.header-icon-left-border i { line-height: 48px; border-left: #fff solid 1px; padding: 0px 11px 0px 15px; margin: 11px 0px; }
.header-icon-left-border i:hover { color: #c6b31c; transition: all .7s ease; cursor: pointer; }

.header-right-icon { color: #fff; }
.header-right-icon a { color: #fff; }
.header-right-icon i { line-height: 48px; padding: 0px 11px 0px 15px; margin: 11px 5px; }
.header-right-icon i:hover { color: #c6b31c; transition: all .7s ease; cursor: pointer; }

#main-body .badge { font-size: .5em; vertical-align: top; padding: .35em .35em }
.badge-danger { background-color: #d9534f !important; color: #fff; }

.popover { color: #333; }

#main-wrapper { display: flex; width: 100%; }
@media (max-width: 991px) {
  #left-menu { position: fixed; overflow: auto; top: 0px; bottom: 0px; z-index: 10; margin-left: -232px; transition: all .4s ease;  }
  .left-menu-show { transition: all .4s ease; margin-left: 0px !important; border-right: 1px solid rgba(0,0,0,.03); box-shadow: 0 3px 35px 3px rgba(0,0,0,.52); }
  .main-bar-show { transition: all .4s ease; margin-left: 250px; }
  .main-body-hide { overflow: hidden; }
}

#left-menu { min-width: 232px; vertical-align: top; background-color: #f8f8f8; width: 232px; padding: 0px; border-right: 1px solid #1c84c6; }
#left-menu .sidebar-nav li.active > a { border-left-color: #333; background-color: #0099da50; }
#left-menu .sidebar-nav { margin-bottom: 0px; }

#content-wrapper { vertical-align: top; }
#main-box { padding: 10px 15px; }

#footer { width: 100%; height: 52px; background-color: #2a2725; color: #fff; border-top: 1px solid #848383; border-bottom: 1px solid #848383; padding: 15px; text-align: center; }
#footer a { color: #92A2DA; }

.title { color: #00033F; background-color: inherit; font-size: 1em; font-weight: bold; }
.description { color: #00033F; background-color: inherit; }
.inputbox { font-size: 12px; }
.inputbutton { color: #000000; font-size: 1em; font-weight: bold; }
.image {  padding: 5px; border: solid 1px #ddd; }
.special { color: #000000; background-color: #FFF8E9; font-size: 0.9em; border: solid 1px #000000; padding: 2px; margin-bottom: 5px; }

.clearsidetitle {  }
.clearsidecontent {  }

.tabledata  { border-width: 1px; border-color: #C4DAF5; border-style: solid; padding: 2px !important; }
.divdata { line-height: 18px; margin: 0px; padding: 1px; }
.tablepresentation { border-bottom: 1px solid #ccc; padding: 2px !important; }
.tablepresentation img { padding: 0px 5px 0px 0px; }

a.mainmenu { color: #004080; background-color: inherit; text-decoration: none; }
a.mainmenu:hover { color: #004080; background-color: inherit; text-decoration: none; }

a.upmenu { color: #004080; background-color: inherit; text-decoration: none; }
a.upmenu:hover { color: #004080; background-color: inherit; text-decoration: none; }

a.linktitle { color: #0099da; background-color: inherit; font-size: 1.1em; text-decoration: none; }
a.linktitle:hover { color: #0099da; background-color: inherit; font-size: 1.1em; text-decoration: none; }

a.linkdesc { color: #004080; background-color: inherit; text-decoration: none; }
a.linkdesc:hover { color: #004080; background-color: inherit; text-decoration: none; }

a.linkspecial { color: #000000; background-color: inherit; text-decoration: none; }
a.linkspecial:hover { color: #000000; background-color: inherit; text-decoration: none; }

a.linksmall { }
a.linksmall:hover { }

.dotsh {  }
.dotsv {  }
.lineh {  }
.empty {  }

.favbutton { border-radius: 3px; background-color: #ddd; background-image: url(images/bgbtn.gif); background-repeat: repeat-x; border: 1px solid #ddd; border-bottom: 1px solid #ccc; color: #333; font-family: tahoma, sans-serif, arial; font-size: 11px; line-height: 18px; padding: 0px 5px 0px 5px; text-shadow: 1px 1px 0 #fff; margin: 2px; }
.favbutton:active { background-image: none !important; text-shadow: none !important; }
.favbutton:hover { border: 1px solid #999; border-bottom-color: #888; color:#000; background-color: #d5d5d5; background-position: 0 -6px; }
.favcount { border-radius: 3px; background-color: #ddd; background-image: url(images/bgbtn.gif); background-repeat: repeat-x; border: 1px solid #ddd; border-bottom: 1px solid #ccc; color: #333; font-family: tahoma, sans-serif, arial; font-size: 11px; line-height: 18px; padding: 0px 5px 0px 5px; text-shadow: 1px 1px 0 #fff; margin: 2px; }

.quotestyle { font-size: 10px; font-family: helvetica, arial, sans-serif; color: #838383; background-color: #F5F5F5; display: block; padding: 3px; }

.fa-05x { font-size: 50% !important; }
.fa-06x { font-size: 60% !important; }
.fa-07x { font-size: 70% !important; }
.fa-08x { font-size: 80% !important; }
.fa-09x { font-size: 90% !important; }

#modalcookies { overflow: hidden; }

.img-caption h1 a, .img-caption h2 a, .img-caption h3 a, .img-caption h4 a, .img-caption h5 a, .img-caption h6 a {  color: #fff; text-decoration: none !important; } 
a.btn-caption {  color: #fff !important; text-decoration: none !important; } 
input[type="file"] { height: auto !important; }
a.panel-footer-side { color: #0099da !important; }

.margin-top-xs { margin-top: 5px !important; }
.margin-bottom-xs { margin-bottom: 5px !important; }
.margin-left-xs { margin-left: 5px !important; }
.margin-right-xs { margin-right: 5px !important; }

.margin-top-sm { margin-top: 10px !important; }
.margin-bottom-sm { margin-bottom: 10px !important; }
.margin-left-sm { margin-left: 10px !important; }
.margin-right-sm { margin-right: 10px !important; }

.margin-top-md { margin-top: 20px !important; }
.margin-bottom-md { margin-bottom: 20px !important; }
.margin-left-md { margin-left: 20px !important; }
.margin-right-md { margin-right: 20px !important; }

.margin-top-lg { margin-top: 40px !important; }
.margin-bottom-lg { margin-bottom: 40px !important; }
.margin-left-lg { margin-left: 40px !important; }
.margin-right-lg { margin-right: 40px !important; }

.header-full-img { float: left; overflow: hidden; }
.header-no-menu { border-bottom: solid 1px #ddd; margin-bottom: 40px; }
.navbar-default .navbar-brand-img { padding-left: 45px; }

.carousel-inner > .item > img, .carousel-inner > .item > a > img { margin: auto; }

.i-success { color: #3c763d; background-color: #ddffef; border-color: #02c66c; padding: 5px; border: 1px solid; border-radius: 2px;}
.i-success a { color: #02c66c; }
.i-warning { color: #8a6d3b; background-color: #fceedb; border-color: #f0ad4e; padding: 5px; border: 1px solid; border-radius: 2px;}
.i-warning a { color: #f0ad4e; }
.i-danger { color: #634d28; background-color: #fce3db; border-color: #f08f4e; padding: 5px; border: 1px solid; border-radius: 2px;}
.i-danger a { color: #f75d41; }

.panel-primary .panel-heading h2 { color: #fff; margin: 0; font-size: 1.1em; font-family: "Lato", "Open Sans", sans-serif; font-weight: normal; line-height: 100%; }
.panel-default .panel-heading h2 { color: #333; margin: 0; font-size: 1.1em; font-family: "Lato", "Open Sans", sans-serif; font-weight: normal; line-height: 100%; }

.panelone { border: 0 !important; }
.panelone .panel-heading { background-color: inherit !important; padding: 0 !important; display: block; margin: 5px 0 15px 0; border-bottom: 1px dotted #e4e9f0 !important; }
.panelone .panel-body { padding: 0 0; }
.panelone .panel-heading h2 { margin: 0 0 -2px 0; padding-bottom: 5px; display: inline-block; border-bottom: 2px solid #0099da; font-size: 1.5em; font-family: "Open Sans", sans-serif; font-weight: normal; line-height: 100%; color: #555; }

.paneltwo { border: 0 !important; }
.paneltwo .panel-heading { background-color: inherit !important; padding: 0 !important; display: block; margin: 5px 0 15px 0; border-bottom: 1px dotted #e4e9f0 !important; }
.paneltwo .panel-body { padding: 0 0; }
.paneltwo .panel-heading h2 { margin: 0 0 -2px 0; padding-bottom: 5px; display: inline-block; border-bottom: 2px solid #33db5f; font-size: 1.5em; font-family: "Open Sans", sans-serif; font-weight: normal; line-height: 100%; color: #555; }

.panelthree { border: 0 !important; }
.panelthree .panel-heading { background-color: inherit !important; padding: 0 !important; display: block; margin: 5px 0 15px 0; border-bottom: 1px dotted #e4e9f0 !important; }
.panelthree .panel-body { padding: 0 0; }
.panelthree .panel-heading h2 { margin: 0 0 -2px 0; padding-bottom: 5px; display: inline-block; border-bottom: 2px solid #e73c3c; font-size: 1.5em; font-family: "Open Sans", sans-serif; font-weight: normal; line-height: 100%; color: #555; }

.ql-align-center { text-align: center; }
.ql-align-right { text-align: right; }
.ql-align-justify { text-align: justify; }
.ql-syntax { background-color: #23241f; color: #f8f8f2; }
.ql-size-small { font-size: 0.75em; }
.ql-size-large { font-size: 1.5em; }
.ql-size-huge { font-size: 2.5em; }
.ql-font-serif { font-family: Georgia, Times New Roman, serif; }
.ql-font-monospace { font-family: Monaco, Courier New, monospace; }

.no-display { display: none; }
.inline { display: inline; }

.list-group .active a { color: #ffffff; }
#main-body .popover-content { padding: 0; }
.popover-content .list-group { margin-bottom: 0; }

.filedown { cursor: pointer; }
.spandown { cursor: pointer; border: 1px solid #000; padding: 3px 3px 5px 3px; margin-left: 5px; }
.downform .inputbox { height: 31px; }
.choosefile:hover { color: #2a6496; background-color: yellow; }

.phrase-info { padding: 0px 3px; margin: 0px 3px; }

.infoheader { font-size: 1.4em; text-align: center; margin: 10px 0px; }
.infocontent { margin: 10px 0px; }
.infofooter { text-align: center; margin: 10px 0px; }

.slim-btn { line-height: 1 !important;}
.mousepointer { cursor: pointer; }
.hideform { display: none; }

.panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; }
.input-group-addon { padding: 8px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; }
.panel-body { padding: 15px; }
.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgb(0 0 0 / 5%); }
.form-group { margin-bottom: 15px; }

.backgr-banner { background-color: #000000; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0; transition: all .5s ease; }
.dim-backgr-banner { opacity: 0.7 !important; }
.off-backgr-banner { z-index: -1 !important; }

.all-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.mainscrollbelt { position: relative; overflow: hidden; }
a.linkbelt { color: #000000; background-color: inherit; text-decoration: none; }
a.linkbelt:hover { color: #000000; background-color: inherit; text-decoration: none; }

.scrollbeltf { color: #000000; background-color: #FFF8E9; font-size: 1em; border: solid 1px #000000; padding: 2px; }

.scrollbeltv { position: relative; text-align: left; overflow: hidden; color: #000000; background-color: #FFF8E9; font-size: 1em; border: solid 1px #000000; padding: 0px; }
.scrollbeltvl1 { position: absolute; width: 100%; }
.scrollbeltvl2 { position: absolute; width: 100%; }

.scrollbelth { color: #000000; background-color: #FFF8E9; font-size: 1em; border: solid 1px #000000; padding: 0px; text-align: left; width: 100%; }
.scrollbelthl1 { position: absolute; white-space: nowrap; }
.scrollbelthl2 { position: absolute; white-space: nowrap; }

@media (max-width: 575px) {
  .hidden-xs { display: none !important; }
}

@media (min-width: 576px) and (max-width: 767px) {
  .hidden-sm { display: none !important; }
}
  
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md { display: none !important; }
}
  
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg { display: none !important; }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .hidden-xl { display: none !important; }
}

@media (min-width: 1400px) {
  .hidden-xxl { display: none !important; }
}

.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.dropdown-menu hr { background-color: #e7e7e7; border: 0; height: 1px; margin: 0; }
.dropdown-menu li.dropdown-divider { height: auto; margin: 0px; }

.popover-header { margin-top: 0px !important}