@font-face {
    font-family: SangBleu-Republic-Book;
    src: url(https://media.kensingtontours.com/raw/upload/v1727980897/kt/live/static/fonts/SangBleu/Republic/SangBleuRepublic-Book-WebS.woff2) format("woff2"),url(https://media.kensingtontours.com/raw/upload/v1727980897/kt/live/static/fonts/SangBleu/Republic/SangBleuRepublic-Book-WebXL.woff) format("woff"),url(https://media.kensingtontours.com/raw/upload/v1727980897/kt/live/static/fonts/SangBleu/Republic/SangBleuRepublic-Book-WebXL.woff2) format("woff2")
}

@font-face {
    font-family: SangBleu-Republic-Regular;
    src: url(https://media.kensingtontours.com/raw/upload/v1727980897/kt/live/static/fonts/SangBleu/Republic/SangBleuRepublic-Regular-WebS.woff2) format("woff2"),url(https://media.kensingtontours.com/raw/upload/v1727980897/kt/live/static/fonts/SangBleu/Republic/SangBleuRepublic-Regular-WebXL.woff) format("woff"),url(https://media.kensingtontours.com/raw/upload/v1727980897/kt/live/static/fonts/SangBleu/Republic/SangBleuRepublic-Regular-WebXL.woff2) format("woff2")
}

@font-face {
    font-family: SangBleu-Sunrise-Regular;
    src: url(https://media.kensingtontours.com/raw/upload/v1727982476/kt/live/static/fonts/SangBleu/Sunrise/SangBleuSunrise-Regular-WebS.woff) format("woff")
}

fieldset{padding:10px !important;}
table tr td{padding-top:10px !important;}
#edit_profile { border: 1px solid #444; font-weight: normal; background-color: #fff; padding: 3px 6px; color: #333; text-decoration: none; } 
.colnames th{padding:5px; font-size:14px;}
.subheading{padding:5px !important; font-size:18px;}
.userdisplayname a{color:#333 !important;}
.logout-link a{color:#FFF !important;}
.dot-under{border-bottom: 1px dotted;}
.container {width:955px !important;padding:0 !important;}
.top-header {    
    position: relative;
    z-index: 9000;
}
.bg-tan {
    background-color: #3A2F3C; /*Dark Purple*/
}
.bg-grey {
    background-color: #3A2F3C; /* Dark Purple*/
}
.frm-error {
    background-color: #f7b0b0;
}

.header-phone-number {
    display: block;
    color: #FDF9EC;
    font-weight: 700 !important;
}

.tan-link:link, .tan-link:visited, .tan-link:hover, .tan-link:active {
    color: #a29061 !important;
}

.white-link:link, .white-link:visited, .white-link:hover, .white-link:active {
    color: #FDF9EC;
}
.white-link a:link, .white-link a:visited, .white-link a:hover, .white-link a:active {
    color: #FDF9EC;
}
.sub-head{Font-size: 16px;
color: #a29061;
Font-weight: 600;}
.f10{font-size:10px !important;}
.f12{font-size:12px !important;}
.f14{font-size:14px !important;}
.f16{font-size:16px !important;}
.f18{font-size:16px !important;}
.f20{font-size:20px !important;}
.f22{font-size:22px !important;}
.f24{font-size:24px !important;}
.f28{font-size:28px !important;}
.f30{font-size:30px !important;}

.col-white{color:#FDF9EC;}
.col-tan{color:#a29061;}
.col-red{color:#e71c24;}
.col-grey{color:#333 !important;}
.col-light-brown{color: #a29061;}
.col-light-purple{color: #E0D7E6;}
.col-light-tan{color:#FDF9EC;}

.fl{float:left;}
.fr{float:right;}

.clr{clear:both;}

.marg-t10{margin-top:10px;}
.marg-t20{margin-top:20px;}
.marg-t30{margin-top:30px;}
.marg-b10{margin-bottom:10px !important;}
.marg-b20{margin-bottom:20px;}
.marg-r10{margin-right:10px;}
.marg-r20{margin-right:20px;}

.marg-5{margin:5px;}


.pad-t10{padding-top:10px;}
.pad-t20{padding-top:20px;}
.pad-t25{padding-top:25px;}
.pad-t30{padding-top:30px;}

.pad-tb15{ padding: 25px 0 25px 0 !important;}
.pad-r10{padding-right:10px;}
.pad-r20{padding-right:20px;}
.pad-5{padding:5px;}
.pad-20{padding:20px;}
.pad-10{padding:10px;}

.tac{text-align:center;}
.tar{text-align:right;}
.tal{text-align:left;}
.u{text-decoration:underline !important;}
.w100{width:100%}
.w50{width:50%;}
.w33{width:33%;}
.w37{width:37.33%;}
.w25{width:25%;}

.footer-logo {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height:145px;
}

.red-button:link, .red-button:visited {
    border: 1px solid #767260;
    background-color: #767260;
}

.red-button:hover {
    border: 1px solid #625F50;
    background-color: #625F50;
}

.red-button:active {
    border: 1px solid #767260;
    background-color: #767260;
}

.btn-submit, .red-button {
    /*border: 1px solid #767260;
    background-color: #767260;
    color: #FDF9EC;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    padding: 3px 10px 5px 10px;
    margin-top: 10px;*/
    cursor: pointer;
    height: 2.8rem;
    line-height: 1;
    font-size: 1.4rem;
    color: #FDF9EC !important;
    text-align: center;
    padding: .625rem 1.25rem;
    text-decoration: none;
    background: #767260;
    border: 1px solid #767260;
    -webkit-transition: .2s;
    transition: .2s;
    white-space: nowrap;
    display: inline-block;
    border-radius: 8px;
    font-weight: 500 !important;
    letter-spacing: 0.01rem;
}

.btn-submit:hover, .red-button:hover {
    background: #625f50;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    text-decoration: none;
}


.header-transparent {
    background-color: #F5F0E2;
    color: rgb(51, 51, 51);
    display: block;
    font-family: 'SangBleu-Sunrise-Regular', 'Arial';
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    line-height: 20px;
    position: relative;
    width: 100%;
}

.nav-row {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width:100%;
    height:40px !important;
}
.nav-row li {
    display:inline;
    font-family: 'SangBleu-Sunrise-Regular', 'Arial';
    font-size: 1.35rem;
    font-weight: normal;
    line-height: 20px;    
    padding:11px 15px 11px 15px;
    position: relative;
    text-transform:uppercase;
    letter-spacing: 0.05rem;
}

.nav-row li:hover,
.nav-row li:hover a:active, .nav-row li:hover a:visited, .nav-row li:hover a:link{
    background-color:#3A2F3C;
    cursor:pointer;
    color:#F5F0E2;
}
.col-xs-4{min-width:112px !important;}
.nav-row li a {
    color: #3A2F3C;
}

.nav-row li a:active, .nav-row li a:visited, .nav-row li a:link {
    color: #3A2F3C;
    text-decoration: none;
}

.nav-row li a:hover {
    color: #3A2F3C;
    text-decoration: none;
}

/*h2 { color: #422406; font-size:16px; padding: 10px 0px 10px 0px; margin:0px; }*/
h2{font-size: 48px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #a29061 !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important;

}
.quote-request-modal, .remodal, .contact-us-form {
    padding: 0;
    margin-left: 2px;
    margin-right: 2px;
    background-color: #F5F0E2 !important;
    border-radius: 0;
}

.dn{display:none;}
.db{display:block;}

.remodal {
    padding: 0 !important;
    border-radius: 0 !important;
}


.quote-request-body, .remodal-body {
    padding: 12px;
    font-size: 14px;
    color: #3A2F3C;
}

.quote-request-modal,
.remodal,
.contact-us-form {
  padding: 0;
  margin-left: 2px;
  margin-right: 2px;
  background-color: #ffffff;
  border-radius: 0;
}
.quote-request-modal .remodal-close,
.remodal .remodal-close,
.contact-us-form .remodal-close {
  left: auto;
  right: 20px;
  top: 7px;
  text-align: center;
  background-color: #ffffff;
}
.quote-request-modal .remodal-close:hover,
.remodal .remodal-close:hover,
.contact-us-form .remodal-close:hover,
.quote-request-modal .remodal-close:active,
.remodal .remodal-close:active,
.contact-us-form .remodal-close:active,
.quote-request-modal .remodal-close:link,
.remodal .remodal-close:link,
.contact-us-form .remodal-close:link,
.quote-request-modal .remodal-close:visited,
.remodal .remodal-close:visited,
.contact-us-form .remodal-close:visited {
  text-decoration: none;
}
.quote-request-modal .remodal-close:hover::after,
.remodal .remodal-close:hover::after,
.contact-us-form .remodal-close:hover::after,
.quote-request-modal .remodal-close:active::after,
.remodal .remodal-close:active::after,
.contact-us-form .remodal-close:active::after,
.quote-request-modal .remodal-close:link::after,
.remodal .remodal-close:link::after,
.contact-us-form .remodal-close:link::after,
.quote-request-modal .remodal-close:visited::after,
.remodal .remodal-close:visited::after,
.contact-us-form .remodal-close:visited::after {
  color: #3A2F3C;
}
.quote-request-modal .remodal-close::after,
.remodal .remodal-close::after,
.contact-us-form .remodal-close::after {
  color: #3A2F3C;
}
.quote-request-modal .form-field-row,
.remodal .form-field-row,
.contact-us-form .form-field-row {
  margin-bottom: 8px;
}
.quote-request-modal .kids-ages-row,
.remodal .kids-ages-row,
.contact-us-form .kids-ages-row {
  margin-bottom: 12px;
}
.quote-request-modal input,
.remodal input,
.contact-us-form input,
.quote-request-modal select,
.remodal select,
.contact-us-form select {
  padding: 2px;
  font-size: 14px;
}
.quote-request-modal input:focus,
.remodal input:focus,
.contact-us-form input:focus,
.quote-request-modal select:focus,
.remodal select:focus,
.contact-us-form select:focus {
  font-size: 14px;
}
.quote-request-modal textarea,
.remodal textarea,
.contact-us-form textarea {
  width: 100%;
  max-width: 100%;
  height: 123px;
}
.quote-request-modal .adults-label,
.remodal .adults-label,
.contact-us-form .adults-label {
  margin-right: 4px;
}
.quote-request-modal .adults-input,
.remodal .adults-input,
.contact-us-form .adults-input {
  margin-right: 10px;
}
.quote-request-modal .kids-label,
.remodal .kids-label,
.contact-us-form .kids-label {
  margin-right: 12px;
}
.quote-request-modal .grey-label,
.remodal .grey-label,
.contact-us-form .grey-label {
  color: #64686d;
}
.quote-request-heading,
.remodal-heading {
  margin-top: 0;
  background-color: #E0D7E6;
  padding: 12px;
  font-size: 18px;
  color: #3A2F3C;
}

#pnlRewardForm input, #pnlRewardForm select {
    width: 175px;
}





.link-tile{width:305px;height:198px;position:relative;float:left;margin-left:305px}
.link-tile-overlay {
    position: absolute;
    width: 305px;
    z-index: 10;
    top: 0;
    background-color: #767260;
    padding: 5px;
}

.tile-button {
    position:absolute;
    z-index:20;
}

.tan-title-text{color:#a29061;font-size:24px;font-weight:700;}
.white-title-text{color:#FFF;font-size:24px;font-weight:700;}

.primary-heading-text {
    font-size: 30px;
    font-weight: 700;
    font-family: 'SangBleu-Sunrise-Regular', 'Arial' !important;
    text-transform: uppercase;
    letter-spacing: 0.15rem;
}
.secondary-heading-text {
    font-size: 22px;
    font-weight: 700;
    font-family: SangBleu-Republic-Book, 'Times New Roman' !important;
    letter-spacing: 0.025rem;
}
.subheading-text {
    font-size: 18px;
    font-weight: 700;
    font-family: 'SangBleu-Sunrise-Regular', 'Arial' !important;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
}
.white-title-text {
    color: #E0D7E6;
    font-size: 24px;
    font-weight: 700;
    font-family: 'SangBleu-Sunrise-Regular', 'Arial' !important;
    text-transform: uppercase;
}

.open-text{font-family: 'Open Sans', sans-serif !important;}
.merry-text{font-family: Merriweather, serif !important;}
.monty-text{font-family: Montserrat, sans-serif !important;}
.sangbleu-republic-book-text{font-family: 'SangBleu-Republic-Book','Times New Roman' !important;}
.sangbleu-sunrise-regular-text{font-family: SangBleu-Sunrise-Regular,'Arial' !important;}

.b-border-box{
    border-bottom:1px solid #64686d;
}

.tool-container{
    margin:0 30px 0 30px;
}
.tool-container>img {
    width: auto;
    height: 200px;
    justify-content: center;
    margin:auto;
}

.brochure-container {
    display: inline-block;
    text-align: center;
    width: calc(98%/6);
}
.brochure-container img {
    width: 100%;
    max-width: 103px;
    max-height: 134px;
    border: 1px solid #FDF9EC;
}
.brochure-container div {
    text-align:center;
}

div.dottedbottomborder {
    border-bottom: #FDF9EC dotted 1px;
    width: 198px;
    color: #FDF9EC;
    clear: both;
    text-align: right;
    padding: 2px;
    font-size: 16px;
}

.footer-holder {
    background-color: #3A2F3C !important;
    padding-top: 20px;
    padding-bottom: 20px;
    /*background-image: url('https://assets.travel-media.co/image/upload/c_scale,w_200/v1729624763/kt/live/static/logos/kensington%20tours%20logos/rebrand/KT_Logo_Horiz_Creme.png');*/
    background-position: center;
    background-repeat: no-repeat;
}

.footer-links>div>a {color:#FDF9EC !important;}
.share-link, .share-link:visited{color:#FDF9EC !important;text-decoration:none !important;}
.share-link:hover, .share-link:active{color:#E0D7E6 !important;text-decoration:none !important;}
.bottom-nav-regions{font-size:12px !important;}

.error{font-weight:bold; color:#FF0000;font-size:12px;}
.success { font-weight:bold; color:green;font-size:12px;}


/******************************************/
/* HTML tag styles                        */
/******************************************/

body {
    font-family: 'SangBleu-Republic-Book','Times New Roman' !important;
    font-size: 14px;
    color: #3A2F3C;
    height: 100%;
    margin: 0px;
    letter-spacing: normal;
    background-color: #FDF9EC
}

img { border: none; }
form { padding: 0px; margin: 0px; } 
table {
	border-style:none;
	border-collapse:collapse;
}
th { padding: 4px;  }
td { padding: 4px;  }

.quoterequests td, .quoterequests th { vertical-align: top; width: auto; }
.quoterequests td.tripname_col, .quoterequests th.tripname_col { min-width: 20em; }
.quoterequests tr.hidden_row { background-color: #F6F6F6; }
.quoterequests td.hide_col, .quoterequests th.hide_col
{ 
   /*border-left: dotted 1px #666666;*/
  border-left: solid 1px #E4E0C9;
  width: 7em !important; 
  text-align: center !important; 
}
.quoterequests tr.hidden_row td.hide_col, .quoterequests tr.hidden_row th.hide_col { border-left-color: #C5C5C5; }
.quoterequests a { text-decoration: none; border-bottom: 1px dotted; }

th.subheading { color: #3A2F3C; background-color:#E0D7E6; border-bottom: solid 1px #3A2F3C; }

.hiddenrequests th.subheading, p.hiddenrequests { color: #5D5D5D; background-color:#E6E6E6; border-bottom-color: #C5C5C5;padding: 2px 4px;margin-top: 0; }
.hiddenrequests a { font-weight: normal !important; text-decoration: none !important; color: #5D5D5D !important;border-bottom: 1px dotted !important; }

.circlelist img, .iconheading img { vertical-align: middle; }
.iconheading { white-space: nowrap; }

h3 { color: #422406; font-size:14px; padding:8px 0px 8px 0px; margin:0px; }
h3 .support{font-size:12px;color:#333;font-weight:bold;}
h4 { color: #555555; font-size:14px; padding:0px; margin:0px; margin-bottom: 4px; }
h5 { font-size:11px; font-weight:bold; padding:0px; margin:0px; }

fieldset{
	font-weight: normal;
	padding:5px;
	background-color:#FBF8F3;
	border: 2px solid #F1E2D0;
}

legend{
	font-weight: bold;
}

a:link, a:visited, a:active { color: #767260; font-weight:700; }
a:hover { color: #767260; }

input { font-size: 14px; color: #444444;}
textarea { font-size: 11px; color: #444444;}
select { font-size: 11px; color: #444444;}
input.login { width: 240px; }
input.button { text-transform: uppercase; }
input.tiny { width: 30px; }
input.short { width: 80px; }
input.long, textarea.long, select.long { width: 240px; }

/******************************************/
/* Shared tag styles                        */
/******************************************/
#ktUser
{
	position:absolute;
	right:0;
	top: 0;
	padding:0px;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	font-size:10px;
	padding:1px;
}

#wrapper {
	width:955px;
	text-align:left;
	margin:0 auto;
}

th
{
    text-align: left;
}

#header { height: 70px; text-align:right; padding-top:4px; }
#headeragent { height: 110px; color: #000000; text-align:right; padding:10px; border: solid 1px #000000; }
#pagebody {height: 100%;background-color: #FDF9EC;}
#sidebar { float: left; width:200px !important; padding-right: 20px; margin-top:2px; }
#content_1col { position:relative; width: 100%; float:left; }
#content_2col { position:relative; width: 720px; float: left; }
#footer { float:left; width:955px; text-align:center; }
#footer .logos img { vertical-align: middle; }

.header_logo { float: left;max-height:77px; max-width:340px; }
.header_summary { float: right; display: inline; }
.header_title { font-size: 14px; }
.header_profile {
	float: left; 
	font-weight:bold;  
	padding-left: 56px;
	text-align: left; 
	display: inline; 
}

.header_divide { width: 100%; height: 14px; background-color:#E4E0C9; border-bottom: solid 1px #C4C0A7; }
.footer_divide { width: 100%; height: 8px; background-color:#E4E0C9; border-top: solid 1px #C4C0A7; margin-top: 2px; }
.dotted_divide { 
	height: 2px;
	width: 100%;
	/*border-bottom: dotted 1px #666666;*/
    border-bottom: solid 1px #E4E0C9;
	margin: 0px;
	padding: 0px;
}
tr.hidden_row .dotted_divide
{
    border-bottom-color: #C5C5C5;
}

#navigation {clear:both; margin:0px; padding:0px; background-color:#444444; width: 100%; }
#navigation a:link, #navigation a:visited { color: #FFFFFF; } 
#navigation ul {
	font-family:Arial,Helvetica,sans-serif;
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:14px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align:left;
	display:inline;
}
#navigation li {
	display:inline;
	padding:0px 11px;
	background:transparent url(https://images.traveledge.com/assets/images/bg_vertline.gif) no-repeat scroll 0px;
}
#navigation li.firstnav {
	display:inline;
	padding:0px 11px;
	background: none;
}
.navigation_public { float: left; background-color: #231F20; padding: 12px; width: 100px; display: inline; text-align: center; }
.navigation_agent { float: left; background-color:#444444; padding: 12px; width: 807px; display: inline; }

.bordered { border: solid 1px #C4C0A7; padding: 10px; }
.bgshaded { background-color: #FBF8F3; }
.bgshaded1 { background-color: #EAE0D3; }
.bgshaded2 { background-color:#F4F0DC;}
.bgshadeddark { background-color: #F4F0DC; }

.sidebar_module { border-top: solid 1px #C4C0A7; }
.sidebar_module1 { border: solid 1px #C4C0A7; }
.sidebar_module_content { padding: 10px 10px 16px 10px; }
.sidebar_image { padding-right: 6px; float: left; }
.sidebar_image2{width:80px; height:103px}


.center { text-align: center; }

#itin_preview { font-family: Arial, Helvetica, sans-serif; }

.button { margin-bottom: 6px; }
.travellerTitle { font-size: 10px; vertical-align:top; }
#contact_us { position: absolute; bottom: 10px; right: 10px; }

.reservedQuote {
	color:#63AB63;
}

.statusicon {
	border: 1px solid white;
	width: 10px;
	height: 10px;
}

.status_PND{ background-color: #FC8181; margin: 0 auto; }
.status_RSV { background-color: #8ACDFD; margin: 0 auto; }
.status_CNF { background-color: #8fb68f; margin: 0 auto; }

.LabelNewsLetter { border-bottom: 2px solid #B59759 }
.sizeNLetter { font-size: 1em; font-weight:bold; }
.TxtColorNsLetter { color:#A3815A; font-weight:bold; }

.cb_hide, cb_unhide { outline: 2px solid white; }
.cb_hide:checked, cb_unhide:checked { outline: 2px solid #E4E0C9; }
.cb_highlight { outline: 2px solid orange !important; }

.fitform label { width: 95px; display: inline-block; }
.fitform select, .fitform input, .fitform textarea { margin: 0; padding: 0; }
.fitform select, .fitform input, .fitform textarea, .fitform label { vertical-align: text-top; }

.roomgroups { float: right; width: 40%; }

.quoteinput div { vertical-align: top; }
.quotesubmit { float: right; clear: right; padding: 5px; }

.itin_summary { padding: 0.5em 0.25em; border-top: solid 1px #C4C0A7; }
.itin_summary div { vertical-align: top; display: inline-block; padding: 0.25em; }
.itin_summary p, .itin_summary dl { margin-top: 0; }
.itin_summary dd { margin: 0; }
.itin_summary hr { width: 90%; border-top: dotted 1px #C4C0A7; border-bottom: none; height: 0; }
.itin_summary .itin_thumb { margin: 0; width: 120px; }
.itin_summary .itin_info { display: inline-block; padding-left: 1em; width: 70%; margin: 0; }
.itin_summary .itin_price, .itin_summary .itin_location, .itin_summary .itin_accom { width: 32%; text-align: center; }
.itin_summary .amount { font-size: 1.4em; font-weight: bold; line-height: 120%; display: block; }
.itin_summary.even { background-color: #F4F0DC; }

#TB_title { background-color: #E0D7E6 !important; border-bottom: solid 1px #3A2F3C !important; }

#commhistory tfoot { border-top: 1px solid grey; margin-top: 0.5em; font-weight: bold; }
#vpohistory tfoot { border-top: 1px solid grey; margin-top: 0.5em; font-weight: bold; }
.na { color: #C4C0A7; font-style: italic; font-weight: normal; }

.indicator_col, .tripref_col, .money_col, .date_col { white-space: nowrap; }
.indicator_col { text-align: center; }
.money_col { text-align: right; }

.money_col a, .tripref_col a { text-decoration: none; border-bottom: 1px dotted; }
.money_col a:hover, .tripref_col a:hover { text-decoration: none; }

tr.colnames { background-color: #FAF8F4; }
tr.colnames.hidden_row { background-color: #eeeeee; }
tr.colnames td, tr.colnames th { vertical-align: middle; }

.grid-container a:link, .grid-container a:visited {
    color: #39889F;
}

.grid-container a:hover, .grid-container a:active {
    color: #39889F;
    text-decoration: underline;
}

.grid-container p {
    line-height: 170%;
    margin-top: 0;
    padding-top: 0;
}

.grid-container h3 {
    font-family: 'Trajan Pro', serif;
    font-size: 18px;
    font-weight: normal;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 4px;
    padding-bottom: 0;
    letter-spacing: 0;
    text-transform: uppercase;
}

hr {
    clear: both;
    display: block;
    
    height: 1px;

    border: none;
    background-color: #D6D8DA;
}

dl {
    margin-bottom: 0;
}

dt {
    margin-top: 10px;
    font-weight: bold;
}

dd {
    margin-left: 0;
    margin-top: 5px;
}

.gradient-button {
    cursor: pointer;
    color: white;
    padding: 2px 5px 3px 5px;
    font-weight: bold;
    
    background: #afcfd9; /* Old browsers */
    background: -moz-linear-gradient(top,  #afcfd9 0%, #3988a0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afcfd9), color-stop(100%,#3988a0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #afcfd9 0%,#3988a0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #afcfd9 0%,#3988a0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #afcfd9 0%,#3988a0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #afcfd9 0%,#3988a0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afcfd9', endColorstr='#3988a0',GradientType=0 ); /* IE6-9 */

    border: 1px solid #3988A0;
    *margin-left: -20px;
}

a.gradient-button:link, a.gradient-button:hover, a.gradient-button:active, a.gradient-button:visited {
    color: white;
}



/******************************************/
/* Heared stats styles                    */
/******************************************/

table.stats { border-style:none; border-collapse:collapse;}
table.stats td { vertical-align: top;padding-bottom: 0px;padding-top: 0px;padding-left: 4px;padding-right: 4px;}
td.stats_title { text-align: left;}
td.stats_data { text-align: right;font-weight: bold;}


/******************************************/
/* Grid Layout                            */
/******************************************/

div.row {
    clear: both;
    float: left;
    display: block;
    margin-top: 12px;
    margin-bottom: 12px;
}

.span1 {
    width: 70px;
    float: left;
}

td.span1 {
    width: 80px;
}

.span4 {
    float: left;
    width: 280px;
}


.span8 {
    width: 560px;
    float: left;
    margin-left: 20px;
}

.header{
    display:flex !important;
    align-items: center;
}

.header .home-logo {
    width: 300px;
}

.collapsible-container {
    border: 1px solid #d3cde3;   
    margin: 10px 0;
}

.collapsible-header {
    background-color: #e6dfea;
    color: #2f2f4f;
    font-weight: bold;
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.toggle-icon {
    font-size: 18px;
}

.collapsible-body {
    background-color: #fefaf0;
    padding: 10px;
    display: none;
}
.survey-container {
    padding-top:5px;
    width: inherit;
}

.question {
    margin-bottom: 30px;
}

.rating {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px 0;
}

.rating-button {
    font-family: 'Segoe UI', sans-serif;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #ccc;
    background-color: white;
    color: black;
    font-size: 16px;
    font-weight: bold;
    margin: 1px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

    .rating-button:hover {
        border-color: #00aaff;
        background-color: #e6f7ff;
    }

    .rating-button.selected {
        background-color: #00aaff;
        border-color: #00aaff;
        color: white;
        box-shadow: 0 0 10px rgba(0, 170, 255, 0.6);
    }

.labels {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #555;
}
.btn-right {
    float:right
}

.question.error {
    border-left: 4px solid red;
    padding-left: 10px;
    background-color: #fff3f3;
}
.token-warning {
   color: red;
}