body, html {
    font-family: "eurostilebold", serif;
}
@font-face {
    font-family: 'eurostilebold';
    src: url('/static/core/webfonts/eurostib-webfont.woff2') format('woff2'),
         url('/static/core/webfonts/eurostib-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.px-15vh {
    padding-left: 15vh;
    padding-right: 15vh;
}

.sg-main-container {
    padding-top: 20vh;
    min-height: 80vh;
}

.sg-text-color {
    color: #F39200;
}

.sg-bg-color {
    background-color: #03A9F4;
}
.btn-outline-secondary:hover{
    background-color:inherit;
    color:white;
}

.sg-user-icon {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    color: white;
}

.sg-faq-nav-link {
    font-size:small;
}

.sg-top-nav-link {
    color: white;
    text-decoration: none;
}

.sg-top-nav-link:hover {
    color: rgb(199, 199, 199);
    text-decoration: none;
}

.sg-nav-link {
    color: white;
    text-decoration: none;
}

.sg-nav-link-inverse {
    color: black;
    text-decoration: none;
}

.sg-nav-link:hover {
    color: gray;
}

.sg-nav-link-inverse:hover {
    background-color: #212529;
    color: white;
}

.sg-nav-link-active {
    border-bottom: #F39200 solid 3px;
}

.sg-link {
    color: #F39200;
    font-weight: 1000;
    text-decoration: none;
}

.sg-link:hover {
    color: gray;
}

.sg-hyperlink{
    text-decoration : none;
    font-weight: bold;

}
.sg-hyperlink:hover{
    text-decoration: underline;
}

.sg-button {
    background-color: #F39200;
    color: white;
    border: white;
    padding: 5px;
    padding-right: 20px;
    padding-left: 20px;
    font-weight: bold;
}
.sg-button-lg {
    width:50%;
    background-color:#F39200;
    color:white;
    border: white;
    padding: 5px;
    padding-right: 20px;
    padding-left: 20px;
    font-weight: bold;
}
.sg-button-index {
    background-color: none;
    color: white;
    border: 4px solid white;
    border-radius:0px;
    padding: 5px;
    padding-right: 20px;
    padding-left: 20px;
    font-weight: bold;
}

.sg-button:hover {
    background-color: #03A9F4;
}

.sg-button-index:hover {
    color:white;
    background-color: rgba(255, 255, 255, 0.3);
}

.title-underline {
    border-bottom: #212529 1px solid;
}

.sg-table-option:hover {
    color: #03A9F4 !important;
    cursor: pointer;
}

.new-row {
    text-align: center;
}

.new-row:hover {
    color: #03A9F4;
    cursor: pointer;
}

.model-row {
    display:none;
}

.cursor-click {
    cursor: pointer;
}

.sg-toast {
    position: fixed;
    z-index: 10000;
}

.placeholder-color {
    color: #75758D;
}

.card-clickable:hover {
    box-shadow: 0 0 1rem 0.1rem #03a8f4b4 !important;
}

.sg-index-button-lg {
            color:#F39200;
            border-width:0px;
            width: 100px;
            height: 100px;
          
            border-radius: 0px;
            font-size: 55px;
            text-align: center;
           
}

.sg-index-button-md {
            color:#F39200;
            border-width:0px;
    
            width: 60px;
            height: 60px;
      
            margin-left:20px;
            margin-right:20px;
            border-radius: 15px;
            font-size: 35px;
            text-align: center;
            

}

.sg-index-button-lg.fb:hover {
    color:#4267B2;
    background-color: white;
    border-color:white;
}

.sg-index-button-lg.ig:hover {
    color:#de1b85;
    background-color: white;
    border-color:white;
}
.sg-index-button-lg.dd:hover {
    color:#5865F2;
    background-color: white;
    border-color:white;
}
.sg-index-button-md.letter:hover {
    color:#03A9F4;
    background-color: white;
    border-color:white;
}

.sg-sport-button-md {
    color:#F39200;
    border-width:0px;
    background-color: white;
    padding:0px;
    margin-left:20px;
    margin-right:20px;
    border-radius: 15px;
    font-size: 15px;
    text-align: center; 
}

.sg-sport-button-md:hover {
    color:#03A9F4;
    background-color: white;
    border-color:white; 
    text-decoration: underline; 
}

.sg-sport-button-md:focus{
    color:#F39200;
    background-color: white;
    border-color: white;
    box-shadow: none;
}

.sg-sport-button-md:focus:hover{
    color:#03A9F4;
    background-color: white;
    border-color:white;
}
.sg-accordion {
    padding-bottom: 50px;
}

.sg-accordion-button {
    color:#F39200;
    font-size:large;
}

.sg-accordion-button:not(.collapsed) {
    color:#008AF2;
    background-color:white;

}

.sg-accordion-body {
    font-size: medium;
}