@font-face {
    font-family: 'Oswald regular';
    src: url('/Custom/fonts/Oswald regular.ttf');
}

@font-face {
    font-family: 'Oswald 300';
    src: url('/Custom/fonts/Oswald 300.ttf');
}

@font-face {
    font-family: 'Oswald 700';
    src: url('/Custom/fonts/Oswald 700.ttf');
}

@font-face {
    font-family: 'Oswald 300';
    src: url('/Custom/fonts/Oswald 300.ttf') format('truetype');
}

@font-face {
    font-family: 'fontawesome-webfont.ttf';
    src: url('/Custom/fonts/fontawesome-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Oswald-Medium.ttf';
    src: url('/Fonts/Oswald/Oswald-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PTSansNarrow-Regular.ttf';
    src: url('/Fonts/PT_Sans_Narrow/PTSansNarrow-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PTSansNarrow-Regular.ttf';
    src: url('/Fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf') format('truetype');
}

.myOswaldMed {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 200;
    width: inherit;
}

.myPTSansNarow {
    font-family: 'PT Sans Narrow', sans-serif !important;
    font-size: 16px;
    font-weight: 100;
    width: inherit;
}

.myPTSansNarow18 {
    font-family: 'PT Sans Narrow', sans-serif !important;
    font-size: 18px;
    font-weight: 100;
    width: inherit;
}

.quoteLabelText {
    font-family: 'PT Sans Narrow', sans-serif !important;
    font-size: 19px;
    font-weight: 100;
}

.quoteLabelLargeText {
    font-family: 'PT Sans Narrow', sans-serif !important;
    font-size: 22px;
    font-weight: 300;
}

.quoteLabelSmallText {
    font-family: 'PT Sans Narrow', sans-serif !important;
    font-size: 17px;
    font-weight: 100;
}

.quoteLabelTextBox {
    font-family: 'PT Sans Narrow', sans-serif !important;
    font-size: 22px;
    font-weight: 200;
}

.myRoboto {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 100;
    width: inherit;
}

.mySideNavSubMenuText {
    font-family: 'PT Sans Narrow', sans-serif !important;
    font-size: 17px;
    font-weight: 100;
    width: inherit;
}

.myLableText {
    font-family: 'PT Sans Narrow', sans-serif !important;
    font-size: 17px;
    font-weight: 100;
    width: inherit;
}

.myLableText20 {
    font-family: 'PT Sans Narrow', sans-serif !important;
    font-size: 20px;
    font-weight: 100;
    width: inherit;
}

.myLableBoltText {
    font-family: 'PT Sans Narrow', sans-serif !important;
    font-size: 17px;
    font-weight: 100;
    width: inherit;
    font-weight:bold;
}

.myLabel400 {
    font-family: 'Oswald regular', sans-serif;
    font-weight: 300;
    top: 0px;
    left: 0px;
    font-size: 1.2rem;
}

.myLabel400Inherit {
    font-family: 'Oswald regular', sans-serif;
    font-weight: 300;
    top: 0px;
    left: 0px;
    font-size: 1.2rem;
    width:inherit;
}

.myLabel350 {
    font-family: 'Oswald regular', sans-serif !important;
    font-weight: 400 !important;
    font-size: 1rem;
}

.myLabel350Inherit {
    font-family: 'Oswald regular', sans-serif !important;
    font-weight: 400 !important;
    font-size: 1rem;
    width:inherit;
}

.myLabel300 {
    font-family: 'Oswald regular', sans-serif !important;
    font-weight: 400 !important;
    font-size: .90rem;
}

.myLabel300Inherit {
    font-family: 'Oswald regular', sans-serif !important;
    font-weight: 400 !important;
    font-size: .90rem;
    width:inherit;
}

.mySubmenuText {
    font-family: 'Oswald 300', sans-serif !important;
    font-weight: 300 !important;
    width: 100% !important;
    font-size: 1rem;
}

.myNavMenuText {
    font-family: 'Oswald regular', sans-serif;
    font-weight: 400;
    font-size: 1rem;
}

.myNavDropMenuText {
    font-family: 'Oswald regular', sans-serif;
    font-weight: 400;
    font-size: 1rem;
}

.mySideNavMenuText {
    font-family: 'Oswald regular', sans-serif;
    font-weight: 400;
    font-size: .9rem;
}


.Oswald300Text {
    font-family: 'Oswald 300', sans-serif !important;
    font-weight: 300 !important;
    font-size: .8rem;
}

.Oswald300 {
    font-family: 'Oswald 300', sans-serif !important;
    font-weight: 300 !important;
    width: 100% !important;
    font-size: 1rem;
}

.myfontOswald {
    font-family: 'Oswald regular', sans-serif !important;
    font-weight: 400;
}

.myfontPTSansNarrow {
    font-family: 'PT Sans Narrow', sans-serif !important;
    font-weight: 400;
}

.myfontRobotoCondensed {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 400;
}

.helpMessageText {
    font-family: 'PT Sans Narrow', sans-serif !important;
    font-size: 19px;
    font-weight: 100;
}


html .RadSearchBox .rsbInput {
    height: 100%;
}

html .RadSearchBox .rsbInner {
    height: 35px !important;
}

/*.RadSearchBox .rsbButtonSearch {
    height: 106px;
}*/

.RadSearchBox {
    height: 35px !important;
}

.FontAwesome {
    font-family: 'fontawesome-webfont.ttf', sans-serif !important;
    font-weight: 100 !important;
    font-size: 1rem;
    width: inherit;
    top: 0px;
    left: 0px;
}

.Oswald300 {
    font-family: 'Oswald 300', sans-serif !important;
    font-weight: 300 !important;
    width: 100% !important;
    font-size: 1rem;
}

.Oswald400 {
    font-family: 'Oswald regular', sans-serif;
    font-weight: 400;
    width: 100%;
    top: 0px;
    left: 0px;
    font-size: 1rem;
}


.Oswald700 {
    font-family: 'Oswald 700', sans-serif;
    font-weight: 700;
    width: 100%;
    font-size: 1rem;
}

.Oswald300-inherit {
    font-family: 'Oswald 300', sans-serif;
    font-weight: 300;
    width: inherit;
    font-size: 1rem;
}

.Oswald400-inherit {
    font-family: 'Oswald regular', sans-serif;
    font-weight: 400;
    width: inherit;
    font-size: 1rem;
}

.Oswald700-inherit {
    font-family: 'Oswald 700', sans-serif;
    font-weight: 700;
    width: inherit;
    font-size: 1rem;
}

.Oswald300-color {
    font-family: 'Oswald 300', sans-serif;
    font-weight: 300;
    width: 100%;
    color: #005dab;
    font-size: 1rem;
}

.Oswald400-color {
    font-family: 'Oswald regular', sans-serif;
    font-weight: 400;
    width: 100%;
    color: #005dab;
    font-size: 1rem;
}

.Oswald700-color {
    font-family: 'Oswald 700', sans-serif;
    font-weight: 700;
    width: 100%;
    color: #005dab;
    font-size: 1rem;
}

.Oswald300-inherit-color {
    font-family: 'Oswald 300', sans-serif;
    font-weight: 300;
    width: inherit;
    color: #005dab;
    font-size: 1rem;
}

.Oswald400-inherit-color {
    font-family: 'Oswald regular', sans-serif;
    font-weight: 400;
    width: inherit;
    color: #005dab;
    font-size: 1rem;
}

.Oswald700-inherit-color {
    font-family: 'Oswald 700', sans-serif;
    font-weight: 700;
    width: inherit;
    color: #005dab;
    font-size: 1rem;
}

.Oswald300-fixed-color {
    font-family: 'Oswald 300', sans-serif;
    font-weight: 300;
    color: #005dab;
    font-size: 1rem;
}

.Oswald400-fixed-color {
    font-family: 'Oswald regular', sans-serif;
    font-weight: 400;
    color: #005dab;
    font-size: 1rem;
}

.Oswald400-fixed {
    font-family: 'Oswald regular', sans-serif;
    font-weight: 400;
    font-size: 1rem;
}

.Oswald700-fixed-color {
    font-family: 'Oswald 700', sans-serif;
    font-weight: 700;
    color: #005dab;
    font-size: 1rem;
}

.failureNotification {
    font-size: 1em;
    color: Red;
}

/* re-size spanco logo to */
.topnav .navbar-brand img {
    height: 4rem;
}

.navbar-brand img {
    height: 4rem;
}

.main-navigation .navigation-logo {
    padding-top: 0;
}


.help_display {
    width: 26px !important;
    height: 24px !important;
    border: none !important;
}

.help_display_sm {
    width: 22px !important;
    height: 20px !important;
    border: none !important;
}

/*sidenav color */
.sidenav-sblue {
    background-color: #125eaa;
    color: #212832;
}

    .sidenav-sblue .sidenav-menu .sidenav-menu-heading {
        color: #a7aeb8;
    }

    .sidenav-sblue .sidenav-menu .nav-link {
        color: #fff;
    }

        .sidenav-sblue .sidenav-menu .nav-link .nav-link-icon {
            color: #a7aeb8;
        }

        .sidenav-sblue .sidenav-menu .nav-link .sidenav-collapse-arrow {
            color: #fff;
        }

        .sidenav-sblue .sidenav-menu .nav-link:hover {
            color: #fbf282;
        }

        .sidenav-sblue .sidenav-menu .nav-link.active {
            color: #fff;
        }

            .sidenav-sblue .sidenav-menu .nav-link.active .nav-link-icon {
                color: #0061f2;
            }

    .sidenav-sblue .sidenav-menu-nested {
        border-left-color: #d4dae3;
    }

    .sidenav-sblue .sidenav-footer {
        background-color: #272f3b;
    }

        .sidenav-sblue .sidenav-footer .sidenav-footer-subtitle {
            color: #fff;
        }

.spancoblue {
    background-color: #125eaa;
}



.myspancoblue {
    color: #fff !important;
    background-color: #125eaa !important;
    border-color: none;
}

.mylinkbutton:link {
    color: inherit;
    text-decoration: none;
}

/*styling Rad checkbox*/
button.RadCheckBox {
    font-size: 15px !important;
    /* font-family: 'Oswald regular',sans-serif !important;*/
    /*text-align: left !important;*/
    white-space: nowrap !important;
    overflow: hidden !important;
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/*color of text of check box*/
.rbText {
    /*color: #005dab !important;*/
    color: inherit !important;
}

/* makes the checkbox icon elastic in addition to the label text */
.RadButton.RadCheckBox .rbIcon,
.RadButton.RadCheckBox .rbIcon::before {
    font-size: 22px;
    width: 1.5rem;
    height: 1.5rem;
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.form-control-error {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fbfab7;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control-error:focus {
        color: #495057;
        background-color: #fbfab7;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

/*.form-control-error {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fbf282;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control-error:focus {
        color: #495057;
        background-color: #fbf282;     
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); 
    }*/

.navbarcolor {
    background: #303f9f !important;
}

.mh-160 {
    min-height: 160px !important;
}

.mh-320 {
    min-height: 320px !important;
}

.mr-50px {
    margin-right: 50px !important
}

.mr-60px {
    margin-right: 60px !important
}

.mr-70px {
    margin-right: 70px !important
}

.mr-80px {
    margin-right: 80px !important
}

.mr-90px {
    margin-right: 90px !important
}

.mr-100px {
    margin-right: 100px !important
}

.rounded-circle-70 {
    border-radius: 70% !important;
}

.selected-text > a:hover {
    color: #212121 !important;
    width: 100% !important;
}

/*.selected-text > a:link {
            color: red !important;
        }*/

/*.selected-text > a:visited {
     color: red !important; 
}*/

/***********************************************************/
/* colors */
/***********************************************************/

.mycardcolor {
    background-color: #fff !important;
}

.grey-100 {
    background-color: #f8f9fa !important;
}

.grey-200 {
    background-color: #e9ecef !important;
}

.grey-300 {
    background-color: #dee2e6 !important;
}

.grey-400 {
    background-color: #ced4da !important;
}

.grey-500 {
    background-color: #adb5bd !important;
}

.grey-600 {
    background-color: #868e96 !important;
}

.grey-700 {
    background-color: #495057 !important;
}

.grey-800 {
    background-color: #343a40 !important;
}

.grey-900 {
    background-color: #212529 !important;
}

.grey-lighten-5 {
    background-color: #fafafa !important;
}

.grey-lighten-4 {
    background-color: #f5f5f5 !important;
}

.grey-lighten-3 {
    background-color: #eeeeee !important;
}

.grey-lighten-2 {
    background-color: #e0e0e0 !important;
}

.grey-lighten-1 {
    background-color: #bdbdbd !important;
}

.grey-darken-1 {
    background-color: #757575 !important;
}

.grey-darken-2 {
    background-color: #616161 !important;
}

.grey-darken-3 {
    background-color: #424242 !important;
}

.grey-darken-4 {
    background-color: #212121 !important;
}


.checkboxlist-mr-70x label {
    margin-right: 70px;

}

.RadGridHeight .rgDataDiv {
    height: auto !important;
}

.RadGridFont .rgMasterTable {
    font-size: 10px !important;
    font-family: Arial !important;
}

.RadGridHeader {
    font-family: 'Oswald regular', sans-serif;
    font-weight: 400;
    font-size: .9rem;
    background-color: #cccccc !important;
    height: 50px !important;
}

.RadGridNestedHeader {
    font-family: 'Oswald regular', sans-serif;
    font-weight: 400;
    font-size: .75rem;
    background-color: #cccccc !important;
    height: 40px !important;
}

.RadGridMasterTable {
    font-size: .9rem !important; 
}


.RadGridFooter {
    background-color: #cccccc !important;
}

.rdpStandard .riFocused {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .rdpStandard .riFocused:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }


.my-alert-warning {
    color: #7f5400;
    background-color: #fdeccc;
    border-color: #fce5b8;
}

.my-alert-warning hr {
    border-top-color: #fbdca0;
}

.my-alert-warning .alert-link {
    color: #4c3200;
}

.my-alert-blue {
    color: #006c6f;
    background-color: #125eaa;
    border-color: #b8f2f3;
}

.my-alert-blue hr {
    border-top-color: #a2eeef;
}

.my-alert-blue .alert-link {
    color: #003a3c;
}


.nounderlines {
    text-decoration: none !important;
    color: #0061f2 !important;
}

/* radiobuttonlist styling 1 */
.radioButtonList input[type="radio"] {
    width: auto;
     
}

.radioButtonList label {
    width: auto;
    display: inline;
    font-size: 0.9rem;
    color: inherit;
    padding-left: 10px;
}
/* radiolist styling 2 */
.radiostyle {
    height: auto;
}

.radiostyle label {
    margin-left: 5px !important;
    margin-right: 15px !important;
    display: inline;
}

/*checkbox styling*/
input[type=checkbox] {
    transform: scale(1.1);
}

.checkbox .btn, .checkbox-inline .btn {
    padding-left: 2em;
    min-width: 8em;
}

.checkbox label, .checkbox-inline label {
    text-align: left;
    padding-right: 2em;
    padding-left: 0.5em;
    display: inline;
}

.checkbox input[type="checkbox"] {
    float: none;
}

.myheaderfontsize {
    font-size: 2rem !important;
}

.myhyperstyle a {
    background-image: url('/Images/FontAwesome/drafting-compass-duotone.svg');
 
    background-repeat:no-repeat;
    text-decoration:none;
}

.linkedin-logo {
    background: url('/Images/Logo/WhiteLinkedIn.png') no-repeat !important;
}
 
.hr-quote{
    background-color: darkgray;
    height:1px;
}

.bg-sales {
    background-color: #FFFFCC !important;
}

.bg-engineer {
    background-color: #D7DBDD !important;
}

.bg-cost {
    background-color: #A6ACAF !important;
}

/*@media (min-width: 992px) {
    .container {
        max-width: 1160px !important;
    }
}

@media (min-width: 1200px) {
    .container {*/
/* max-width: 1540px !important; */
/*max-width: 100% !important;
    }
}*/



/* another way how to track screen sizes*/
/*@media (min-width: map-get($grid-breakpoints, sm)) {
    .something {
        padding: 10px;
    }
}

@media (min-width: map-get($grid-breakpoints, md)) {
    .something {
        padding: 20px;
    }
}*/
/*html {
    font-size: 14px;
}

@include media-breakpoint-up(sm) {
    html {
        font-size: 16px;
    }
}

@include media-breakpoint-up(md) {
    html {
        font-size: 20px;
    }
}

@include media-breakpoint-up(lg) {
    html {
        font-size: 28px;
    }
}*/