@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

body { font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; font-style: normal;font-weight: 400;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {  font-family: 'Lato', sans-serif; }
    
a:not(.btn), a.actionLink, .tabHeader .thLinks .helpLink,.ui-tabs .ui-tabs-nav li a,
    .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { color: #0ea169; }
a.actionLink, a.actionLink:visited { color: #005780 !important; }
.btn-primary { background-color: #0ea169; border: 0;box-shadow: 0 0px 0 rgba(255,255,255,0); }
.btn-primary:hover, .btn-primary:focus { background-color: #0b8054; border: 0; }
.nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus, .bg-primary { background-color:#0ea169;}
.modal-dialog .modal-title { font-weight:bold; }

.topLinks, .userinfo-container { display: inline-block; margin-left: 15px; }
.headerTop-wrap { text-align: right; padding: 15px 0; background: #00344D; }
.topLinks a, .userinfo-container a { color: #fff;}
.header { z-index: 1000; position: fixed;width: 100%; background: #fff; }
.mainMenuWrap { box-shadow: 0 2px 5px rgba(0,0,0,.1); }
.content-width { max-width:1300px;margin: 0 auto; }
.mag-navbarmenu { --mag-nav-bg-color: #fff; --mag-nav-text-color:#005780; --mag-nav-text-hover-color:#008bce; }
.onboarding-menu> li >a:focus, .onboarding-menu>li>a:hover { background:transparent;color:#008bce; }
.onboarding-menu>li>a { color:#005780;padding-top:20px;padding-bottom:18px; }
.blog-tag a {color:white !important}
.siteBody { margin: 0 auto; padding :180px 15px 100px 15px;max-width:1300px; }

.footer-wrap { padding: 35px 0; background-color: #00344D; color: #fff; border-top: 3px solid #00344D;}
.footer-wrap .socialMedia ul { padding-left: 0;}
.footer-wrap .socialMedia li a { color: #00344d;}
.footer-wrap .footerTabs a, .footer-wrap .footerLinks-actions a { color: #fff; font-size: 14px; font-weight:100;}
.footer-wrap .copyright { margin-top: 35px; font-size: 12px; color: #fff;font-weight:100;}
.footer-wrap .poweredby, .footer-wrap .poweredby a { font-size: 12px;color: #fff;font-weight:100;}
.footer-wrap .footerLinks-actions { margin-top: 20px;}
.social-media-links li.social-media-links-list-item a { background: #008bce; }
.social-media-links li.social-media-links-list-item a:hover { border-color: transparent;color: #00344d; }

.public .siteBodyContainer { background: url(../2022/img/17SMPS-Magentrix_login_background-001.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;}
.button { display: inline-block;background: #2958b5;padding: .9em 1.5em;margin: 2px 0;border: 1px solid rgba(0,0,0,0);
    border-radius: 4px;-webkit-appearance: none;transition: all .3s ease;cursor: pointer;font-weight: 400;line-height: 1.5;color: white; }
.button:hover { background: #0D344D;color: white; }
.dash-banner { margin: -40px auto 0;background: url('img/referral-certified-banner.png') right top no-repeat, url('img/blue-tick_reverse.png') 10px 20px no-repeat;
    background-color: white;height: 300px;max-width: 1270px; }
.dash-banner-cert { background: url('img/referral-certified-banner.png') right top no-repeat, url('img/red-tick-reverse.png') 10px 20px no-repeat; }
.dash-banner-txt { padding: 5px 15px 70px 15px; }
.dash-banner-txt h1 { margin-top: 100px;font-size: 36px;color: #005780;
    background-color: rgba(255, 255, 255, 0.7);display: table;padding-right: 10px; }
.dash-banner-txt p { font-size: 18px;color: #005780;margin-bottom: 20px;font-weight: 400;
    background-color: rgba(255, 255, 255, 0.7);display: table;padding-right: 10px; }
#body_ctl00_Refer_a_Hotel_as_a_Lead, #body_ctl00_Refer_a_Hotel_as_a_Customer,
    #body_ctl00_Refer_Hotels_to_SiteMinder { background-color: #2858B4;padding: 20px;color: white;position: relative;top: -80px;width: 100%; }
#body_ctl00_Refer_a_Hotel_as_a_Lead div.sectionHeader.row, #body_ctl00_Refer_a_Hotel_as_a_Customer div.sectionHeader.row,
    #body_ctl00_Refer_Hotels_to_SiteMinder div.sectionHeader.row { border-top: none;color: white;font-family:Lato, sans-serif;font-size:36px;
    font-style:normal;font-weight:500;padding: 20px 50px 0; }
#body_ctl00_Refer_a_Hotel_as_a_Lead div p, #body_ctl00_Refer_a_Hotel_as_a_Customer div p,
    #body_ctl00_Refer_Hotels_to_SiteMinder div p { padding: 0 50px;font-family: Lato, sans-serif;font-size: 16px;
    font-style: normal;font-weight: 400;top: -10px;position: relative; }
#body_ctl00_Refer_a_Hotel_as_a_Lead div.sectionHeader.row i, #body_ctl00_Refer_a_Hotel_as_a_Customer div.sectionHeader.row i,
    #body_ctl00_Refer_Hotels_to_SiteMinder div.sectionHeader.row i { display: none; }
#body_ctl00_Hotel_details { margin-top: -80px; }
.btn-filter.btn-fix { padding: 8px 10px !important;margin-top: 11px; }
.w-10 { width:10%;white-space: nowrap; }
.w-15 { width:15%;white-space: nowrap; }
.w-20 { width:20%;white-space: nowrap; }
.w-25 { width:25%;white-space: nowrap; }
.w-30 { width:30%; }
.w-35 { width:35%; }

@media(max-width: 767px){
    .headerTop-wrap { padding: 15px 0;}
    .btn-filter.btn-fix { margin-top: 0; }
}

@media(max-width: 1000px){
    .dash-banner { background: white url('img/blue-tick_reverse.png') 10px 0 no-repeat;height: 300px;}
    .dash-banner-cert { background: white url('img/red-tick-reverse.png') 10px 0 no-repeat; }
    .dash-banner-txt { padding: 10px 15px 70px 15px; }
    .dash-banner-txt h1 { margin-top: 60px;font-size: 36px;color: #005780;
        background-color: rgba(255, 255, 255, 0.7);display: table;padding-right: 10px; }
}