.color-tyrkys {color: #01546B;}
.bg-tyrkys {background-color: #01546B !important;}
.bg-tyrkys:hover {background-color: #02313E !important;}
.bg-tyr {background-color: #D1F4FC !important;}
.color-orange {color: #ff9900;}
.border-info:hover {background-color:#FF9900; !important;}
.bg-orange {background-color: #FF9900;}
.DarkGray {background-color: #2C3E50;}
.line-bottom {text-underline-offset: 5px;}
.fs-7{font-size:1.15rem !important}
.lh-2-5 {line-height: 2.50 !important;}
.lh-3 {line-height: 3 !important;}
header {background-color: #01546B;}
header a {padding: 0 3px !important;}
header h1 {color: #ffffff !important;text-shadow: 1px 1px 3px #000000 !important;}
header h2 {color: #9FCAD7 !important;text-shadow: 1px 1px 3px #000000 !important;}
.variant {color: #CFE4EB !important;text-shadow: 1px 1px 3px #000000 !important;}
header {border-bottom: 6px solid #FF9900;}
.size-3 {width: 30px !important; height: 30px !important;padding: 0 !important;}
.size-2 {width: 26px !important; height: 26px !important;padding: 0 !important;}
.size-1 {width: 22px !important; height: 22px !important;padding: 0 !important;}
.size-0 {width: 19px !important; height: 19px !important;padding: 0 !important;}
main {line-height: 130%;}
.form-div {text-align: center;padding-top: 0.5rem !important;}
ol li {padding-bottom: 0;}
.ol-li li {padding-bottom: 0 !important;}
.label-pill {border: 2px solid #6c757d !important;border-radius: 50rem !important;}
.label-pill:hover {color: white !important; background-color: #A3A9AF !important;text-shadow: 1px 1px 1px #000000 !important;}
.label-circle {border: 2px solid #6c757d !important;border-radius: 50% !important;}
.label-circle:hover {color: white !important; background-color: #A3A9AF !important;text-shadow: 1px 1px 1px #000000 !important;}
.label-circle-no {padding-left: 9px !important;padding-right: 9px !important;}
.callout {background-color: #EDFBFE;border: #4AD5F2 solid 1px;border-left-color: #7DE2F6;border-left-width: 6px;/*border-right: #7DE2F6 solid 4px;border-top: #7DE2F6 solid 1px;*/}
.footer-custom {background-color: #013D4E; text-shadow: 1px 1px 1px #093f59;border-top: 5px solid #FF9900;}
.footer-custom h3 {border-bottom: 1px dashed #FF9900;}
.footer-custom h4 {font-size: 1.3rem;color: #FF9900;text-shadow: 1px 1px 1px #000000;}
.footer-custom a {font-size: 1.2rem;color: #BE7830 !important;font-weight: 600 !important;text-shadow: 1px 1px 1px #01242E;border-bottom: 1px dashed #015269;}
.footer-custom a:hover {color: #FF9900 !important;}
.t-shadow {text-shadow: 1px 1px 4px #000000;}
.text-warning {color: #EE7202 !important;}
@media (min-width: 768px) {
    main {text-align: justify;}
}
@media (max-width: 680px) {
    .tooltips .tooltiptext {width: 250px;}
}
@media (min-width: 992px) {
    .form-div {text-align: left;}
}
.tooltips {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: auto;
}
.tooltips sup {
}
.tooltips .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #FAEDCB;
    color: #000;
    text-align: left;
    border: 1px solid #A38842;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 80%;
    left: 180%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 14px;
}
.tooltips:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
@media (max-width: 680px) {
    .tooltips .tooltiptext {left: -50px;bottom: 125%;}
}