/* CAMP colors
    #d93833 - RED
    #275996 - BLUE      
    #005595 - CAMP LOGO Blue
    #910021 - CAMP LOGO Red

    2026 colors:
    #ff623f - orange
    #fbae42 - yellow
    #275996 - dark blue
    #56d4fa - light blue
    #fdf8ef - light yellow/tan
*/
@font-face {
    font-family: DMSans;
    src: url('DMSans-Regular.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Zillo;
    src: url('ZillaSlab-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html, body, form{margin:0px auto !important; padding:0px !important;}
body {
    font-family: DMSans, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 1.0em;
    color: #272727;
    text-align: left;
    background-color: white;
}

.pagewrapper {
    width: 100%;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background-color: #fff;    
}
#header_wrapper {
    width: 100%;
    padding: 0px;
    text-align: left;
    overflow: hidden;
    margin: 0px auto 0px auto;
}
    #header_wrapper img {
        width: 100vw !important;
        height: auto !important;        
    }
.pagewrapper div.content_wrapper {
    width: 100%;
    padding: 0px 0px 20px 0px;
    background: #fff url('../images/BG.png') no-repeat 0 0;
    min-height: 500px;
}
div.navMenu {
    position:absolute;
    top:20px;
    left:450px;
    margin: 0px auto 0px 100px;
    padding: 0px;
    width: 100%;
    overflow: hidden;
    text-align:right;
}

div.footer_wrapper {
    width: 100%;
    margin: 0px auto 0px auto;
    padding: 0px;
    background-color: #fdf8ef;
    display:flex;
    font-family:Zillo;
}
    div.footer_wrapper div.tristate {
        flex: 1 15%;
        padding: 20px;
        width: 15%;
    }
    div.footer_wrapper div.acalogo {
        flex: 1 10%;
        padding: 20px;
        width: 10%;
    }
div.footer_wrapper div.LargeText{flex:1 20%; width:20%; font-size:1.0em !important; margin:0 !important; text-align:left !important; font-weight:bold !important; padding-top:40px;}
    div.footer_wrapper div.NormalText {
        flex: 1 50%;
        width: 50%;
        font-size: 0.9em !important;
        margin: 0 !important;
        text-align: left !important;
        padding-top: 40px;
    }
div.footer_logo {
    margin: 0px auto 10px auto;
    padding-top: 5px;
    background-color: #275996;
    width: 100%;
}

/* content class around all pages not using 3rd party controls*/
.pagewrapper div.content_wrapper div.content{margin:0px auto; padding-top:0px;}
div.content img{border:none;}
div.content hr{border:none; border-bottom:solid 1px #999; text-align:center; width:90%; height:1px;}
div.content .hrdotted{border:none; border-bottom:dotted 1px #339; text-align:center; width:90%; height:1px;}

div.content h1{margin:5px 0 5px 0; padding:0; font-size:1.4em; color:#1E1F23; font-weight:bold;}
div.content h2 {
    font-size: 1.4em;
    color: #d93833;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 5px;
    margin: 0px;
    margin-bottom: 5px;
    text-align: left;
    font-weight: bold;
}
div.content h3 {
    font-size: 1.2em;
    color: #275996;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 5px;
    margin: 0px;
    margin-bottom: 5px;
    text-align: left;
}
div.content h4 {
    font-size: 1.1em;
    color: #d93833;
    padding-bottom: 5px;
    margin: 0px;
    margin-bottom: 5px;
    text-align: left;
}
div.content h5 {
    color: #910021;
    font-size: 1.1em;
    padding-bottom: 5px;
    margin: 0px;
}
div.content .hrdotted {border:none; border-bottom:dotted 1px #1BA0E1; text-align:center; width:90%; height:1px;}
.url a, .url a:link, .url a:active, .url a:visited {
    color: #275996;
    text-decoration: none;
    border-bottom: dotted 1px #275996;
    font-size: 1.0em;
}
    .url a:hover {
        text-decoration: none;
        color: #d93833;
        border-bottom: solid 1px #d93833;
        font-size: 1.0em;
    }

/*rates section of the home page*/
#mobile {
    display: none;
}
.RatesDisplay{
    font-family:Zillo;
    font-weight:bold;  
    width:90%;
}

.RatesDisplay .Header {
    text-align: left;   
    font-size:1.6em;
    padding: 25px 0px 5px 5px;
}   
.RatesDisplay .title {
    padding: 5px 5px 5px 15px;
    font-size:1.3em;
}
.RatesDisplay .rate {
    padding: 5px;
    font-size:1.3em;
    text-align:center;
}
.RatesDisplay .details {
    font-size: 0.9em;
    padding: 10px;
    font-weight: normal;
    background-color:#eee;
}
/* home page grid of the buttons - attendee/exhibior/speaker/media */
.NewReg{
   padding:20px 10px 0px 10px;
   margin:0px auto;
   text-align:center;
}
.NewReg .left{
    text-align:left !important;
}
    .NewReg .options {
        display: flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
        flex-direction: row;
        flex-flow: row wrap;
    }
.NewReg .buttons{
    flex:1; 
    width:25%;
    text-align:center;
}
    .NewReg .flexcontainer {
        display: flex;
        display: -ms-flexbox;
        padding-top: 10px;
        flex-wrap: wrap;
        flex-direction: row;
        flex-flow: row wrap;
    }
/* end home page grid */
/* flex container for most pages */
.flexcontainer {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    flex-direction: row;
    flex-flow: row wrap;
    padding-top: 5px;
}
    .flexcontainer .regformLeft {
        flex: 1 35%;
        -ms-flex: 1 35%; /* IE 10 */
        max-width: 35% !important;
        padding: 5px 5px 0px 0px;
        margin: 0px;
        text-align: right;
    }
    .flexcontainer.regformRight {
        flex: 1 65%;
        -ms-flex: 1 65%; /* IE 10 */
        max-width: 65% !important;
        text-align: left;
        padding: 0px 0px 0px 5px;
    }
    .flexcontainer .regformBold {
        flex: 1;
        -ms-flex: 1; /* IE 10 */
        width: 65%;
        background-color: #fff;
        color: #d93833;
        font-size: 1.0em;
        text-align: left;
        padding: 0px 0px 0px 5px;
        font-weight: bold;
        border-radius: 6px;
    }
    .flexcontainer .attendeeLeft {
        flex: 1 49%;
        -ms-flex: 1 49%; /* IE 10 */
        max-width: 50% !important;
        padding: 5px 0px 0px 5px;
        margin: 0px;
        text-align: left;
    }

    .flexcontainer .attendeeRight {
        flex: 1 49%;
        -ms-flex: 1 49%; /* IE 10 */
        max-width: 50% !important;
        text-align: left;
        padding: 5px 0px 0px 5px;
    }

/* end flex container for most pages */
.pageheader{
    display:none;
}

div.content .required{font-size:11px; COLOR:#c00;}
div.content .notes, div.content .updateProgress{font-size:0.8em;}
div.content .updateProgress{color:#A62205;}
div.content .error, div.content .rLarge{color:#c00;}
.Saving {
    color: #eb2502;
    font-size: 1.6em;
    font-weight: bold;
}

.pinned{  position:fixed;  right:0;  top:150px;  background-color:#fff;  color:Red;  width:50px;  height:50px;}
.textSmall{font-size:.9em;}
.badge {
    width: 320px;
    border: solid 1px #272727;
    background-color: #fff;
    padding: 0px;
    margin:0px auto;
}

    .badge .body {
        margin: 0px auto;
        padding: 0px;
        padding-top:20px;
        height:180px;
    }

    .badge p {
        margin: 0px auto;
        padding: 5px 0px;
        font-size: 1.2em;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
    }

    .badge .Informal {
        font-size: 1.6em;
    }

    .badge .FullName {
        font-size: 1.2em;
    }

    .badge .footer {
        color: #fff;
        font-size: 1.1em;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        background-color: #fff;
        height: 30px;
        display: none;
    }
.ProfileQuestion {
    background-color: #e1e1e1;    
    font-weight: bold;
    text-align: left;
    padding: 5px 0px 5px 10px;    
}

.ProfileAnswers {
    text-align: left;
    padding: 5px 0px 5px 25px;
    margin-bottom: 10px;
    font-weight:normal !important;
}
div.greyBox{background-color:#f3f3f3; padding:10px; margin:0px auto; width:95%;}
div.greyBox ul, li{margin:0; padding:3px; list-style:none; text-align:left;}
div.greyBox div.innerBox {border:none; background-color:#fff; padding:10px;}
div.greyBox div.innerBox  h2{font-weight:normal; font-size:1.3em; color:#4ca6dc; border-bottom:1px solid #e3e3e3; padding-bottom:5px; margin:0px; margin-bottom:5px; text-align:left;}
    div.greyBox div.innerBox h3 {
        font-size: 1.2em;
        color: #275996;
        font-weight: bold;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 5px;
        margin: 0px;
        margin-bottom: 5px;
        text-align: left;
    }

    div.greyBox div.innerBox div.colHeader {
        font-size: 1.1em;
        color: #fff;
        text-align: left;
        font-weight: bold;
        padding: 5px;
        background-color: #275996;
        flex-wrap: nowrap;
    }
div.greyBox div.innerBox div.item{text-align:left;}
div.greyBox div.innerBox div.title{font-size:1.1em; font-weight:bold; font-style:italic;}
div.greyBox div.innerBox .details{font-size:0.9em; padding:5px 10px; background-color:#f3f3f3; text-align:left;}
div.greyBox div.innerBox .waitlist{background-color:#FFF8DC; text-align:left; padding:5px;font-style:italic;}
    div.greyBox div.innerBox .bwaitlist {
        text-align: left;
        padding: 5px;
        font-style: italic;
    }
/* Grey Box FLEX */
.greyBox .flexcontainer {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    flex-direction: row;
    flex-flow: row wrap;
    padding-top: 5px;
}
    .greyBox .flexcontainer .col1 {
        flex: 1 60%;
        -ms-flex: 1 60%; /* IE 10 */
        max-width: 60% !important;
        padding: 0px 0px 0px 5px;
        margin: 0px;
        text-align: left;
    }

    .greyBox .flexcontainer .col2 {
        flex: 1 25%;
        -ms-flex: 1 25%; /* IE 10 */
        max-width: 25% !important;
        text-align: center;
        padding: 0px 0px 0px 5px;
    }
    .greyBox .flexcontainer .col3 {
        flex: 1 15%;
        -ms-flex: 1 15%; /* IE 10 */
        max-width: 15% !important;
        text-align: right;
        padding: 0px 5px 0px 0px;
    }
    .greyBox .flexcontainer .col4 {
        flex: 1 38%;
        -ms-flex: 1 38%; /* IE 10 */
        max-width: 37% !important;
        text-align: right !important;
        padding: 0px 5px 0px 0px;
    }
    .greyBox .flexcontainer .col5 {
        flex: 1 50%;
        -ms-flex: 1 50%; /* IE 10 */
        max-width: 50% !important;
        text-align: left !important;
        padding: 0px 0px 0px 5px;
    }
    .greyBox .flexcontainer .col6 {
        flex: 1 30%;
        -ms-flex: 1 30%; /* IE 10 */
        max-width: 30% !important;
        text-align: left !important;
        padding: 0px 0px 0px 5px;
    }
/* end  Grey Box FLEX */
/* Review page*/
.review, .managereview {
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    border: solid 1px #000;
    border-radius:10px;
}
.managereview{width:100%;}
.managereview div{text-align:left;}
    .review .headerL, .managereview .headerL, .review .headerR, .managereview .headerR {
        text-align: left;
        background-color: #d93833;
        color: #fff;
        font-size: 1.2em;
        height: 30px;
        font-weight: bold;
        padding: 5px;        
    }
    .review .headerR, .managereview .headerR {
        text-align: right;
    }
        .review .headerR a, .managereview .headerR a {
        font-weight: normal;
        border-bottom-color: #fff;
        font-size: 1.1em;
     
    }
    .review .sectionL, .review .sectionR, .managereview .sectionL, .managereview .sectionR {
        font-weight: bold;
        padding: 5px;
        background-color: #efefef;
        font-size: 1.2em;
        color: #d93833;
    }
    .review .sectionL, .managereview .sectionL {
        flex: 1 60%;
        -ms-flex: 1 60%; /* IE 10 */
        min-width: 60% !important;
        text-align: left;
    }
    .review .sectionR, .managereview .sectionR {
        flex: 1 28%;
        -ms-flex: 1 28%; /* IE 10 */
        min-width: 28% !important;
        text-align: right;
    }
    .review h3, .managereview h3 {
        color: #eb2502;
        display: inline;
        font-size: 1.2em;
        border: none;
        text-transform: none;
    }
    .review .colHeader, .managereview .colHeader {
        background-color: #D7D7D7;       
        font-size: 1.1em;
        font-weight: normal;
        padding: 4px;
    }
    .review .groupHeader, .managereview .groupHeader {
        background-color: #D7D7D7;
        font-size: 0.9em;
        font-weight: normal;
        padding: 2px;
    }
    .review .title, .managereview .title {
        text-align: left;
        padding: 2px 0px;
        font-size: 1.1em;
        color: #3870a8;
        font-weight: normal;
    }
/* need class files for the labels (Name:) vs the actual data */
    .review .labelcol1, .managereview .labelcol1 {
        flex: 1 19%;
        -ms-flex: 1 19%; /* IE 10 */
        max-width: 19% !important;
        padding: 0px 0px 0px 5px;
        margin: 0px;
        text-align: left;
    }
    .review .datacol1, .managereview .datacol1 {
        flex: 1 29%;
        -ms-flex: 1 29%; /* IE 10 */
        max-width: 29% !important;
        padding: 0px 0px 0px 5px;
        margin: 0px;
        text-align: left;
    }
    .review .labelcol2, .managereview .labelcol2 {
        flex: 1 19%;
        -ms-flex: 1 19%; /* IE 10 */
        max-width: 19% !important;
        padding: 0px 0px 0px 5px;
        margin: 0px;
        text-align: left;
    }

    .review .datacol2, .managereview .datacol2 {
        flex: 1 29%;
        -ms-flex: 1 29%; /* IE 10 */
        max-width: 29% !important;
        padding: 0px 0px 0px 5px;
        margin: 0px;
        text-align: left;
    }

    .review .item, .managereview .item {
        text-align: left;
        padding: 0px 10px;
        flex: 1;
        -ms-flex: 1; /* IE 10 */
    }
    .review .rate, .managereview .rate {
        text-align: right;
        padding: 0px 10px;
        flex: 1;
        -ms-flex: 1; /* IE 10 */
        color: red;
    }
        /* we need the following columns - Qty, Title, Date/Time, Rate */
    .review .col1, .managereview .col1, .review .col1, .managereview .col1 {
        flex: 1 5%;
        -ms-flex: 1 5%; /* IE 10 */
        max-width: 5% !important;
        padding: 2px 0px 2px 5px;
        margin: 0px;
        text-align: left;
    }
    .review .col2, .managereview .col2, .review .col2, .managereview .col2 {
        flex: 1 65%;
        -ms-flex: 1 65%; /* IE 10 */
        max-width: 65% !important;
        padding: 2px 0px 2px 5px;
        margin: 0px;
        text-align: left;
    }
    .review .col3, .managereview .col3, .review .col3, .managereview .col3 {
        flex: 1 14%;
        -ms-flex: 1 14%; /* IE 10 */
        max-width: 14% !important;
        padding: 2px 0px 2px 0px;
        margin: 0px;
        text-align: right;
    }
    .review .col4, .managereview .col4, .review .col4, .managereview .col4 {
        flex: 1 13%;
        -ms-flex: 1 13%; /* IE 10 */
        max-width: 15% !important;
        padding: 2px 5px 2px 0px;
        margin: 0px;
        text-align: right;
    }

    .review .details, .managereview .details {
        font-size: 0.9em;
        padding: 0px 10px;
    }

    .review .footerL, .managereview .footerL, .review .footerR, .managereview .footerR {
        background-color: #000;
        color: #fff;
        font-size: 1.2em;
        font-weight: bold;
        height: 30px;
        padding-right: 5px;
    }
    .review .footerL, .managereview .footerL {
        flex: 1 50%;
        -ms-flex: 1 49.5%; /* IE 10 */
        max-width: 49.5% !important;
        padding: 5px 0px 0px 3px;
        margin: 0px;
        text-align: left;
    }

    .review .footerR, .managereview .footerR {
        flex: 1 49.5%;
        -ms-flex: 1 49.5%; /* IE 10 */
        max-width: 50% !important;
        padding: 5px 3px 0px 0px;
        margin: 0px;
        text-align: right;
    }

.cancelHeader{margin-top:15px; padding:5px; font-weight:bold; text-align:center;}
.cancelText{padding:0px 10px 10px 10px; text-align:center; font-size:0.9em;}

/*checkout page*/
#paymentPage{text-align:left;}
#checkout {
    border: dotted 1px #275996;
    text-align: center;
    padding: 10px;
    background-color: #c1d7f0;
    max-width: 500px;
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 10px;
    margin: 0px auto;
}
div.instructions{background-color:#EBEBF5; border:solid 1px #99C;}
div.Help{padding:5px 10px; text-align:left; color:#333; font-size:13px;}
.waitHeader{background-color:#339; color:#fff; font-size:1.0em; font-weight:normal; padding-left:5px;}

div.trackBar{margin:0px auto; padding:0px; text-align:center;}
div.trackBar td {
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    width:100px;
}
    div.trackBar img {
        width: 88px;
        height:94px;
    }
div.viewreg {
    margin: 0px auto;
    padding: 0px;
    text-align: center;
}

    div.viewreg td {
        margin: 0px auto;
        padding: 0px;
        text-align: center;
        width: 172px;
    }

/* Admin Styles*/
div#GridOuter{background:#000; width:98%; padding:10px 5px 10px 5px; text-align:center;}
div#GridFilter{background:#333; Width:100%; padding:10px 0 10px 0;}
div#GridFilter td{color:#fff; font-size:12px;}
/* QuickLinks Menu*/
div.adminMenu {
    padding: 0px;
    margin: 0px auto;
    background: #20c0da;
    border: solid 1px #000;
    min-height: 100%;
    width: 180px
}
    div.adminMenu div.MenuHeader {
        background: #20c0da url(../images/QuickHeader.gif) repeat-x top center;
        color: #fff;
        font-weight: bold;
        height: 26px;
        margin: 0px auto;
        padding-top: 5px;
        padding-left: 10px
    }
div.adminMenu div.MenuBody{width:180px; margin:0px auto; background-color:#fff}
div.adminMenu ul{margin:0px auto; padding:0px 0px; text-align:left}
div.adminMenu li{text-align:left; padding:0px !important; margin:0px !important; list-style-type:none; border-bottom:solid 1px #fff; background-color:#f2f2f2}
div.adminMenu li a, div.adminMenu li a:link, div.adminMenu li a:visited, div.adminMenu li a:active, div.adminMenu li a:hover{border:none; font-size:12px; height:22px; display:block; background:transparent; text-decoration:none;}
div.adminMenu li a, div.adminMenu li a:link, div.adminMenu li a:visited, div.adminMenu li a:active{color:#000; padding:5px 0px 0px 5px; color:#333; border-left:solid 4px #ccc;}
    div.adminMenu li a:hover {
        color: #eb2502;
        font-weight: normal;
        padding: 5px 0px 0px 5px;
        border-left: solid 4px #eb2502;
    }
div.adminMenu a.links{border:none !important; color:#0000ff !important}

div.mHelp{background-color:#eee; border:solid 1px #999; padding:10px; text-align:left;}
/*#CancelledReg{margin-bottom:10px;}*/
#CancelledReg p.headerrow{background-color:#d93833; color:#fff; font-size:1.2em; height:30px; font-weight:bold; padding-left:5px; border:none; margin:0px; padding-top:3px;}
#CancelledReg p.detail{margin:0px; padding:2px 0px 2px 10px; border:none;}
div.InfoPopup{position:absolute; z-index:10; border:solid 1px #000; background-color:#ddd; color:#000; font-size:12px; width:300px; padding:4px; margin-left:10px;}

.gridLite{border-collapse: collapse;font-family:arial,helvetica,sans-serif; font-size:12px;}
.gridLite th{border:1px solid #e3e3e3; white-space:nowrap; padding:5px; vertical-align:top; background-color:#e3e3e3; font-size:13px; color:#000; font-weight:bold;}
.gridLite td{border:1px solid #e3e3e3; padding:5px; vertical-align:top; font-size:12px;}
.gridLite a, .gridLite a:link, .gridLite a:visited, .gridLite a:active{color:#1772AF; text-decoration:underline; border:none;}
.gridLite a:hover{color:#c00; text-decoration:underline; border:none;}

span.blueCheck {color:Blue;}

.audit{width:90%; margin:0px auto; padding:0px; border:solid 1px #000; font-size:14px;}
.audit td.header{text-align:left; background-color:#0073b6; color:#fff; font-size:1.2em; height:30px; font-weight:bold; padding:5px;}
.audit td.section{font-weight:bold; padding:5px; background-color:#efefef; font-size:1.1em; color:#0073b6;}
.audit td.colHeader{border-bottom:solid 1px #D7D7D7; background-color:#fff; color:#000; font-size:0.9em; font-weight:bold; padding:4px; text-align:left;}
.audit td.item{text-align:left; padding:2px 10px; font-size:0.9em;}
.audit td.rate{color:#F03; text-align:right; padding-right:5px; font-size:0.9em;}

.dlgrid td{background-color:#fff;border:1px solid #4c607a; padding:5px; width:300px; overflow:visible;text-align:left;font:12px/16px "segoe ui",arial,sans-serif;}
.dlgrid .dlheader{width:850px; background-color:#F1F5FB; color:#4c607a; font-weight:bold; font:12px/16px "segoe ui",arial,sans-serif; padding:5px;}
.dlgrid a, .dlgrid a:link, .dlgrid a:active, .dlgrid a:visited{ color:#4c607a; text-decoration:underline; border:none; font-size:1.0em;}
.dlgrid a:hover{ text-decoration:none; color:#1e3287; border:none; font-size:1.0em; }


/* ADMIN Loign Page styles*/
div.HomeBox {
    margin: 40px auto 0px auto !important;
    padding: 0px !important;
    text-align: left;
    width: 80%;
    border-radius: 6px;
    border: solid 2px #d93833;
}

    div.HomeBox h3 {
        background-color: #d93833;
        color: white !important;
        padding: 10px !important;
        font-size: 1.4em;
        margin: 0px auto;
    }

    div.HomeBox h4 {
        background-color: #F2BE1A;
        color: white !important;
        padding: 10px !important;
        font-size: 1.4em;
        margin: 0px auto;
    }

    div.HomeBox h2 {
        font-size: 1.2em !important;
        border-bottom: 1px solid #272727;
        color: #272727;
    }

    div.HomeBox td {
        text-align: left;
        padding: 10px;
        vertical-align: top;
        line-height: 1.4em;
    }

/* Telerik Grid overrides*/
.RadGrid_Bootstrap td, .RadGrid_Bootstrap th, .RadGrid_Default td, .RadGrid_Default th {
    font-family: DMSans, 'Segoe UI', Helvetica, Sans-Serif !important;
    font-size: 0.9em !important;
    color: black;
}

.RadWindow_Bootstrap td, .RadWindow_Bootstrap th, .RadMenu {
    font-family: DMSans, 'Segoe UI', Helvetica, Arial, Sans-Serif !important;
    font-size: 0.9em;
    text-align: left;
}
/* rad styling to override the ALL standard .NET buttons */
.rfdSkinnedButton {
    background-color: #275996 !important;
    background-image: linear-gradient(#4985d0, #275996) !important;
    border: 2px solid #275996 !important;
    color: white !important;
    border-radius: 20px !important;
    font-family: DMSans, 'Segoe UI', Helvetica, sans-serif !important;
}

    .rfdSkinnedButton:hover, .rfdSkinnedButton:focus {
        background-color: #ff623f !important;
        background-image: linear-gradient(#f68933, #ff623f) !important;
        border: 2px solid #d93833 !important;
        color: white !important;
        border-radius: 20px !important;
        font-family: DMSans, 'Segoe UI', Helvetica, Verdana, sans-serif !important;
    }

.btnNormal {
    background-color: #275996;
    color: white;
    font-family: DMSans, 'Segoe UI', Helvetica, Verdana, sans-serif !important;
    padding: 5px 10px;
    border-radius: 10px !important;
    border:none;
}