@font-face {
    font-family: 'MuseoSans-500';
    src: url('../Font/MuseoSans-500.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

:root {
    --orangeColor: #FF6C0E;
    --greenColor: #153E35;
    --lightOrangeColor: #ffd3b6;
    --BlueColor: #1D7695;
    --LightBlueColor: #DEF2FF;
    --DarkBlueColor: #3E506C;
}


.cont {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.MuseoSans500600 {
    font-family: 'MuseoSans-500';
    font-weight:600;
}
.MuseoSans500400 {
    font-family: 'MuseoSans-500';
    font-weight: 400;
}
.lightOrangeBG {
    background-color: var(--primary--highlight--Color);
}

.backgroundIcon {
    color: var(--primary--highlight--Color);
}

.mainIconColor {
    color: var( --primary--Color);
}

.mainTitle {
    font-weight: 800;
    color: var( --primary--Color);
    font-family: 'MuseoSans-500';
    margin: 0;
    line-height: 0;
}

.subTitle {
    font-weight: 400;
    color: var(--secondary--Color);
    font-family: 'MuseoSans-500';
}

.iconStyling {
    font-size: 0.8em;
    background-color: #7a7a7a;
    padding: 1.5% 1.9%;
    border-radius: 125px;
    color: white;
}
.iconSizeBackBtn {
    font-size: 2em;
    color: #221f36;
}

.iconSizeBackBtn:hover {
    color: var( --primary--Color);
}

.subTitleOptionsMenu .subTitle {
    padding-left: 5.2%;
}

.optionsTopContainer{
    border-bottom: solid #e9e9e9 2px;
}

.organgeColorTbK {
    color: var( --primary--Color);
}

.greeColorTbk {
    color: var(--secondary--Color);
}

.greenBGColorTbk {
    background-color: var(--secondary--Color);
}

.lightGreyBGs {
    background-color:#F4F4F4;
}

.fontsize1 {
    font-size: 1em;
}
.fontsize12 {
    font-size: 1.2em;
}

.fontsize15 {
    font-size: 1.5em;
}

.borderRadius5 {
    border-radius:5px;
}

.inheritHeight {
    height:inherit;
}

.defaultBtn {
    min-width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    border: none;
}

.form-control:focus {
    border-color: var( --primary--Color) !important;
    box-shadow: 0 0 0 0.25rem rgba( 255, 108, 14, 0.25) !important;
}

.smallInputBoxes {
    max-width: 85px;
    text-align: center;
}