@charset "utf-8"; @import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);
html {font-size:100%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body {margin:0; font-size:13px; line-height:1.231; padding:0;}
body, input, select, textarea {font-family:Poppins; color:#000;}
b, strong {font-weight:bold;}
blockquote {margin:1em 40px;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
small {font-size:85%;}
ul, ol {margin:1em 0; padding:0 0 0 30px;}
img {border:0; vertical-align:middle;}
form {margin:0;}
fieldset {border:0; margin:0; padding:0;}
label {cursor:pointer;}
input, select, textarea {font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;}
input {line-height:normal; *overflow:visible;}
table input {*overflow:auto;}
input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer; -webkit-appearance:button;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;}
textarea {overflow:auto; vertical-align:top; resize:vertical;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
th, td {vertical-align:top;}
th {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6, form, fieldset {margin:0; padding:0;}
/* Typography */
a, .link {color:#005eb8; text-decoration:none; display:inline; margin-bottom:1px;}
/*a:hover, .link:hover {border-bottom:1px dotted #0072bc; margin-bottom:0; cursor:pointer;}*/
h1 {color:#00AEEF; font-weight:normal; font-size:20px;}
h3 {font-size:16px;}
h2, .subject {font-size:16px; color:black;}
/* Helpers */
.centered {text-align:center;}
.clear {clear:both; height:1px; visibility:none;}
.hidden {display:none;}
.faded {color:#666;}
/* Pagination */
#pagination {border:0; margin:0 0 40px 0; padding:0;}
#pagination li {border:0; margin:0; padding:0; font-size:11px; list-style:none; display:inline;}
#pagination li a {margin-right:2px; display:block; float:left; padding:3px 6px; text-decoration:none;}
#pagination li a:hover {color:#ff0084;}
#pagination .previousOff, #pagination .nextOff {color:#666; display:block; float:left; font-weight:bold; padding:3px 4px;}
#pagination .next a, #pagination .previous a {font-weight:bold;}
#pagination .active {color:#000; font-weight:bold; margin-right:2px; display:block; float:left; padding:3px 6px; text-decoration:none;}
/* Alerts & Notices */
#msg_notice {margin:0; padding:5px 10px 5px 36px; height:16px; line-height:16px; margin-bottom:10px; border:1px solid #0a0; background:url('../images/icons/ok.png') 10px 50% no-repeat #e0ffe0;}
#msg_warning, .warning-banner {margin:0; padding:5px 10px 5px 36px; height:16px; line-height:16px; margin-bottom:10px; border:1px solid #f26522; background:url('../images/icons/alert.png') 10px 50% no-repeat #ffffdd;}
#msg_error {margin:0px 30% 10px; border-radius:4px; padding:10px 10px 10px 36px;  box-sizing:border-box; width:40%; line-height:16px; border:1px solid #ffc0c0; background:url('../images/icons/error.png') 10px 50% no-repeat #fff0f0;}
#msg_info { margin:0; padding:5px; margin-bottom:10px; color:#3a87ad; border:1px solid #bce8f1;  background-color:#d9edf7; }
.warning {background:#ffc; font-style:italic;}
.warning strong {text-transform:uppercase; color:#a00; font-style:normal;}
.error {color:#f00;}
.error input {border:1px solid #f00;}
.button, .button:visited {
background:#005eb8; border-radius:5px; box-shadow:none; color:#fff; font-weight:500; margin:20px 0 0; margin-top:20px; margin-bottom:0px; mix-blend-mode:normal; padding:12px 25px; text-transform:capitalize; font-size:18px; float:none; border:none; font-family:'Poppins',sans-serif; cursor:pointer; display:inline-block; text-align:center;}
/*.button:hover {background-color:#111; color:#fff;}
.button:active {top:1px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.button, .button:visited, .green.button, .green.button:visited {background-color:#91bd09;}
.green.button:hover {background-color:#749a02;}
.blue.button, .blue.button:visited {background-color:#00AEEF;}
.blue.button:hover {background-color:#0299d2;}*/
body {background:#fff;}
#container {background:#fff; width:100%; margin:0 auto;}
#header {position:fixed; margin:auto; padding:2px 0px 7px; width:100%; box-shadow:0 1px 7px 0 rgba(0,0,0,.4); background:#fff; z-index:100;}
.wrap{width:1200px; max-width:95%; margin:0 auto; float:none;}
#logo {height:100%; margin-left:-7px;}
#header #logo img {max-height:48px; max-width:380px; width:auto; height:auto; vertical-align:middle;}
.valign-helper {height:100%; display:inline-block; vertical-align:middle;}
#header p {margin:0 5px; padding:10px 0 0; float:right;}
#nav {float:left; margin-left:40px; padding:0px; }
#nav li {margin:0; padding:0; list-style:none; display:inline; border-right:solid 1px #eaeaea;}
#nav li:last-child{ display:none;}
#nav li a {display:inline-block; width:auto; height:20px; line-height:20px; text-align:center; border:none; border-radius:5px; padding:2px 7px 2px 30px!important; margin:0px 5px; color:#333; background-position:5px 50%; background-repeat:no-repeat;}
.rtl #nav li a {background-position:right center; background-position:calc(100% - 10px) center; margin-right:10px; margin-left:0; border:none; border-radius:5px; padding:2px 10px!important}
#nav li a.active{
background-color:#eaf2ff; color:#176df5; background-image:none !important; padding-left:7px !important;}
#nav li a:hover {background-color:#eaf2ff; color:#176df5;}
#nav li a.home {background-image:url('../images/icons/home.webp');}
#nav li a.kb {background-image:url('../images/icons/kb.png');}
#nav li a.new {background-image:url('../images/icons/new.webp');}
#nav li a.status {background-image:url('../images/icons/status.webp');}
#nav li a.tickets {background-image:url('../images/icons/tix.png');}
#content {padding:75px 0px 20px; margin:auto; height:auto !important; min-height:350px;}
#footer {text-align:center; font-size:11px; color:#333;}
#footer a {color:#333;}
#footer p {margin:10px 0 0 0;}
#footer #poweredBy {display:block; width:126px; height:23px; outline:none; text-indent:-9999px; margin:0 auto; background:url('../images/poweredby.png') top left no-repeat; background-size:auto 20px;}
.front-page-button {}
.main-content {width:70%; padding:0px 10px; box-sizing:border-box;}
#landing_page #new_ticket {margin-top:40px; background:url('../images/new_ticket_icon.png') top left no-repeat;}
#landing_page #new_ticket, #landing_page #check_status {width:295px; padding-left:75px;}
#landing_page #check_status {margin-top:40px; background:url('../images/check_status_icon.png') top left no-repeat;}
#landing_page h1, #landing_page h2, #landing_page h3 {margin-bottom:10px;}
/* Landing page FAQ not yet implemented. */
#faq {clear:both; margin:0; padding:5px;}
#faq ol {font-size:15px; margin-left:0; padding-left:0; border-top:1px solid #ddd;}
#faq ol li {list-style:none; margin:0; padding:0; color:#999;}
#faq ol li a {display:block; padding:5px 0; height:auto !important; overflow:hidden; margin:0; border-bottom:1px solid #ddd; line-height:16px; padding-left:24px; background:url('../images/icons/page.png') 0 50% no-repeat;}
#faq ol li a:hover {background-color:#e9f5ff;}
#faq .article-meta {padding:5px; background:#fafafa;}
#kb {margin:2px 0; padding:5px; overflow:hidden;}
#kb > li {padding:10px; height:auto !important; overflow:hidden; margin:0; background:url(../images/kb_category_bg.png) bottom left repeat-x; border-bottom:1px solid #ddd; display:block;}
#kb > li h4 span {color:#666;}
#kb > li h4 a {font-size:14px;}
#kb > li > i {display:block; width:32px; height:32px; float:left; margin-right:6px; background:url(../images/kb_large_folder.png) top left no-repeat;}
.featured-category {margin-top:10px; width:49.7%; display:inline-block; box-sizing:border-box; vertical-align:top;}
.category-name {display:inline-block; font-weight:400; font-size:120%;}
.featured-category i {color:rgba(0,174,239, 0.8); text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1); display:inline-block; vertical-align:middle;}
.article-headline {margin-left:34px;}
.rtl .article-headline {margin-left:0; margin-right:34px;}
.article-teaser {font-size:90%; line-height:1.5em; height:3em; overflow:hidden;}
.article-title {font-weight:500;}
.faq-content .article-title {font-size:17pt; margin-top:15px;}
#kb-search {padding:10px 0; overflow:hidden;}
#kb-search div {clear:both; overflow:hidden; padding-top:5px;}
#kb-search #query {margin:0; display:inline-block; float:left; width:200px; margin-right:5px;}
#kb-search #cid {margin:0; display:inline-block; float:left; width:200px; margin-right:5px; position:relative; top:2px;}
#kb-search #topic-id {margin:0; display:inline-block; float:left; width:410px;}
#kb-search #searchSubmit {margin:0; display:inline-block; float:left; position:relative; top:2px;}
#kb-search #breadcrumbs {color:#333; margin-bottom:15px;}
#kb-search #breadcrumbs #breadcrumbs a {color:#555;}
#ticketForm div.clear, #clientLogin div.clear {clear:both; padding:3px 0; overflow:hidden;}
#ticketForm div label, #clientLogin div label {display:block;}
label.required, span.required {font-weight:bold;}
#ticketForm div label.required, #clientLogin div label.required {text-align:left;}
/*#ticketForm div input, #clientLogin div input, #ticketForm div textarea, #clientLogin div textarea {width:auto; border:1px solid #aaa; background:#fff; display:block;}*/
#ticketForm div input[type=file], #clientLogin div input[type=file] {border:0;}
#ticketForm div select, #clientLogin div select {display:block; float:left;}
#ticketForm div div.captchaRow, #clientLogin div div.captchaRow {line-height:31px;}
#ticketForm div div.captchaRow input, #clientLogin div div.captchaRow input {position:relative; top:6px;}
#ticketForm > table {table-layout:fixed;}
#ticketForm > table td {width:160px;}
#ticketForm > table td + td {width:auto;}
#ticketForm td textarea, #clientLogin td textarea, #ticketForm div textarea, #clientLogin div textarea {width:600px;}
#ticketForm td em, #clientLogin td em, #ticketForm div em, #clientLogin div em {color:#777;}
#ticketForm td .captcha, #clientLogin td .captcha, #ticketForm div .captcha, #clientLogin div .captcha {width:88px; height:31px; background:#000; display:block; float:left; margin:0px 0px 10px 22px;}
#ticketForm td label.inline, #clientLogin td label.inline, #ticketForm div label.inline, #clientLogin div label.inline {width:auto; padding:0 10px;}
#ticketForm div.error input, #clientLogin div.error input {border:1px solid #a00;}
#ticketForm div.error label, #clientLogin div.error label {color:#a00;}
#ticketTable th {padding-left:3px; font-weight:normal; text-align:left;}
#ticketTable th.required, #ticketTable td.required {font-weight:bold; text-align:left;}
/*#clientLogin {display:block; margin-top:20px; padding:20px; border:1px solid #ccc; border-radius:5px; box-shadow:inset 0 1px 2px rgba(0,0,0,0.3); background:url('../images/lock.png?1319655200') 95% 50% no-repeat #f6f6f6;}*/
.rtl #clientLogin {background-position:5% 50%;}
#clientLogin .instructions {
float:left; width:74%; margin:0px 13%; text-align:center; line-height:22px;}
.rtl #clientLogin .instructions {padding-left:0; padding-right:0; padding-right:2em; padding-left:90px;}
#clientLogin p {clear:both;}
#clientLogin strong {font-size:15px; color:#c84646; display:block;}
#clientLogin #email, #clientLogin #ticketno {margin-right:0;}
/*#clientLogin input[type=text], #clientLogin input[type=password] {padding:5px; border-radius:4px; margin-bottom:15px;}
#clientLogin input[type=submit] {padding:3px 10px; border-radius:4px;}*/
#reply {margin-top:5px; padding:10px; background:#f9f9f9; border:1px solid #ccc;}
#reply h2 {margin-bottom:10px; padding-bottom:5px; border-bottom:2px dotted rgba(0,0,0,0.1);}
#reply > table {width:auto;}
#reply table td {vertical-align:top;}
#reply textarea {width:628px !important;}
#reply input[type=text], #reply #response_options textarea {border:1px solid #aaa; background:#fff;}
/* Ticket icons */
.Icon {width:auto; padding-left:20px; background-position:top left; background-repeat:no-repeat; color:#006699; text-decoration:none;}
.Icon.Ticket {background-image:url('../images/icons/ticket.gif');}
.Icon.webTicket {background-image:url('../images/icons/ticket_source_web.gif');}
.Icon.emailTicket {background-image:url('../images/icons/ticket_source_email.gif');}
.Icon.phoneTicket {background-image:url('../images/icons/ticket_source_phone.gif');}
.Icon.otherTicket, .Icon.apiTicket  {background-image:url('../images/icons/ticket_source_other.gif');}

.Icon.attachment {background-image:url('../images/icons/attachment.gif');}
.Icon.file {background-image:url('../images/icons/attachment.gif');}
.Icon.refresh {background-image:url('../images/icons/refresh.gif');}
.Icon.thread {font-weight:bold; font-size:1em; background-image:url('../images/icons/thread.gif?1319556657');}
#ticketTable {border:1px solid #BCBCBC; border-left:none; border-bottom:none; width:100%;}
#ticketTable caption {padding:10px; text-align:left; color:#000; background:#f5fbfa; border:1px solid #a1c7ec; border-bottom:none; font-weight:bold;}
#ticketTable th {height:24px; line-height:24px; background:#163562; border:1px solid #BCBCBC; border-right:none; border-top:none; padding:5px 5px;}
#ticketTable th a {color:#fff;}
#ticketTable td {padding:5px 5px; border:1px solid #BCBCBC; border-right:none; border-top:none;}
#ticketTable tr.alt td {background:#f9f9f9;}
#ticketInfo{ width:100%;}
i.refresh {color:#0a0; font-size:80%; vertical-align:middle;}
.states small {font-size:70%;}
.active.state {font-weight:bold;}
.search.well {padding:10px; background-color:rgba(0,0,0,0.05); margin-bottom:10px; margin-top:-15px;}
.infoTable {background:#F4FAFF;}
.infoTable th {text-align:left; padding:3px 8px;}
.action-button {-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; color:#777 !important; display:inline-block; border:1px solid #ddd; cursor:pointer; font-size:15px; overflow:hidden; background-color:#dddddd; background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100% #dddddd)); background-image:-webkit-linear-gradient(top, #efefef 0%, #dddddd 100%); background-image:-moz-linear-gradient(top, #efefef 0%, #dddddd 100%); background-image:-ms-linear-gradient(top, #efefef 0%, #dddddd 100%); background-image:-o-linear-gradient(top, #efefef 0%, #dddddd 100%); background-image:linear-gradient(top, #efefef 0%, #dddddd 100%); padding:16px; text-decoration:none; line-height:18px; margin-left:5px;}
.action-button span, .action-button a {color:#777 !important; display:inline-block; float:left;}
.action-button a {color:#777; text-decoration:none;}
table.padded tr > td, table.padded tr > th {
/*  height:20px; padding-bottom:5px;*/}

.external-auth + .external-auth {margin-top:4px;}

a.external-sign-in {text-decoration:none;}
.external-auth-box {vertical-align:middle; border-radius:4px; border:1px solid #777;}
.external-auth-icon {display:inline-block; color:#333; width:30px; padding:5px 10px; border-right:1px solid #ddd;}
.external-auth-name {color:#333; width:100px; padding:5px 10px; line-height:30px; font-size:11pt;}
img.sign-in-image {border:none; max-height:40px; max-width:200px; width:auto; height:auto;}
.login-box {width:100%; 	box-sizing:border-box; 	float:left; padding:15px 0px;}
.rtl .login-box {box-shadow:-12px 0 15px -15px rgba(0,0,0,0.4);}
.flush-right {text-align:right;}
.flush-left {text-align:left;}
.sidebar {margin-bottom:20px; width:30%; 	padding:0px 10px; box-sizing:border-box;}
.rtl .sidebar {margin-left:0; margin-right:20px;}
.sidebar .content {padding:10px; border:1px solid #C8DDFA; background:#F7FBFE;}
.sidebar .content:empty {display:none;}

.sidebar section .header {font-weight:bold; margin-bottom:0.3em;}
.sidebar section + section {margin-top:15px;}
.search-form {padding-top:12px;}
.searchbar .search, .search-form .search {display:inline-block; width:400px; border-radius:5px; border:1px solid #ccc; padding:5px 10px; box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}

.searchbar .search {width:100%; box-sizing:border-box; margin-bottom:10px;}
.bleed {margin:0 !important; padding:0 !important;}
.row {}
.span4 {display:inline-block; width:29.5%; margin:0 1%; vertical-align:top;}
.span8 {display:inline-block; width:66.0%; margin:0 1%; vertical-align:top;}
.truncate {display:inline-block; width:auto; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:bottom;}
.image-hover a.action-button:hover, .image-hover a.action-button {color:initial !important; text-decoration:none;}
table.custom-data {margin-top:10px;}
table.custom-data th {width:25%;}
table.custom-data th {background-color:#F4FAFF; padding:3px 8px;}
table .headline, table.custom-data .headline {border-bottom:2px solid #ddd; border-bottom:2px solid rgba(0,0,0,0.15); font-weight:bold; background-color:white;}
#ticketInfo h1 {padding-bottom:10px; margin-bottom:5px; border-bottom:2px dotted rgba(0, 0, 0, 0.15); line-height:52px;}
#ticketInfo h1 small {font-weight:normal;}
.thread-entry {margin-bottom:15px;}
/*.thread-entry.avatar {margin-left:60px;}*/
.thread-entry.avatar {margin-left:0px;}
.thread-entry.response.avatar {margin-right:0px; margin-left:0;}
/*.thread-entry.response.avatar {margin-right:60px; margin-left:0;}*/
/*.thread-entry > .avatar {margin-left:-60px; display:inline-block; width:48px; height:auto; border-radius:5px;}*/
.thread-entry > .avatar {margin-left:0px; display:inline-block; width:24px; height:auto; border-radius:5px; margin:5px; position:relative; z-index:1;}

/*.thread-entry.response > .avatar {margin-left:initial; margin-right:-60px;}
.thread-entry.response > .avatar {margin-left:initial; margin-right:0px;}*/
.thread-entry.response > .avatar {margin-left:; margin-right:;}
img.avatar {border-radius:inherit;}
.avatar > img.avatar {width:100%; height:auto;}
.thread-entry .header {padding:8px 0.9em; border:1px solid #ccc; border-color:rgba(0,0,0,0.2); border-radius:5px 5px 0 0;}
.thread-entry.avatar .header:before {position:absolute; top:7px; right:-8px; content:''; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #b0b0b0; display:inline-block;}
.thread-entry.avatar .header:after {position:absolute; top:7px; right:-8px; content:''; border-top:7px solid transparent; border-bottom:7px solid transparent; display:inline-block; margin-top:1px;}

.thread-entry.avatar .header {position:relative;}

.thread-entry.response .header {background:#dddddd;}
.thread-entry.avatar.response .header:after {border-left:7px solid #dddddd; margin-right:1px;}

.thread-entry.message .header {background:#C3D9FF;}
.thread-entry.avatar.message .header:before {top:7px; left:-8px; right:initial; border-left:none; border-right:8px solid #CCC;}
.thread-entry.avatar.message .header:before {border-right-color:#9cadcc;}
.thread-entry.avatar.message .header:after {top:7px; left:-8px; right:initial; border-left:none; border-right:7px solid #c3d9ff; margin-left:1px;}

/*.thread-entry .header .title {max-width:500px; vertical-align:bottom; display:inline-block; margin-left:15px;}*/
.thread-entry .header .title {max-width:500px; vertical-align:bottom; display:inline-block; margin-left:0px;}

.thread-entry .thread-body {border:1px solid #ddd; border-top:none; border-bottom:2px solid #aaa; border-radius:0 0 5px 5px;}
.thread-body .attachments {background-color:#f4faff; margin:0 -0.9em; position:relative; top:0.9em; padding:0.3em 0.9em; border-top:1px dotted #ccc; border-top-color:rgba(0,0,0,0.2); border-radius:0 0 6px 6px;}
.thread-body .attachments .filesize {margin-left:0.5em;}
.thread-body .attachments a, .thread-body .attachments a:hover {text-decoration:none;}
.thread-body .attachment-info {margin-right:10px; display:inline-block; width:48%;}
.thread-body .attachment-info .filename {max-width:80%; max-width:calc(100% - 70px);}
.label {font-size:11px; padding:1px 4px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight:bold; line-height:14px; color:#ffffff; vertical-align:baseline; white-space:nowrap; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#999999;}
.label-bare {background-color:transparent; background-color:rgba(0,0,0,0); border:1px solid #999999; color:#999999; text-shadow:none;}
/*.thread-event {padding:0px 2px 15px; margin-left:60px;}*/
.thread-event {padding:0px 2px 15px; margin-left:0px;}
.type-icon {border-radius:8px; background-color:#f4f4f4; padding:4px 6px; margin-right:5px; text-align:center; display:inline-block; font-size:1.1em; border:1px solid #eee; vertical-align:top;}
.type-icon.dark {border-color:#666; background-color:#949494;}
.thread-event img.avatar {vertical-align:middle; border-radius:3px; width:auto; max-height:24px; margin:-3px 3px 0;}
.thread-event .description {margin-left:-30px; padding-top:6px; padding-left:30px; display:inline-block; width:642px; width:calc(100% - 95px); line-height:1.4em;}
.thread-event .type-icon {position:relative;}
.thread-event .type-icon::after {content:""; border:16px solid white; position:absolute; top:-3px; bottom:0; left:-3px; right:0; z-index:-1;}
.thread-entry::after {content:""; border-bottom:2px solid white; display:block;}
.thread-entry::before {content:""; display:block; border-top:2px solid white;}
/*#ticketThread::before {border-left:2px dotted #ddd; border-bottom-color:rgba(0,0,0,0.1); position:absolute; margin-left:74px; z-index:-1; content:""; top:0; bottom:0; right:0; left:0;}*/
#ticketThread::before {border-left:2px dotted #ddd; border-bottom-color:rgba(0,0,0,0.1); position:absolute; margin-left:14px; z-index:-1; content:""; top:0; bottom:0; right:0; left:0;}
#ticketThread {z-index:0; position:relative; border-bottom:2px solid #ddd; border-bottom-color:rgba(0,0,0,0.1);}

.freetext-files {padding:10px; margin-top:10px; border:1px dotted #ddd; border-radius:4px; background-color:#f5f5f5;}
.freetext-files .file {margin-right:10px; display:inline-block; width:48%; padding-top:0.2em;}
.freetext-files .title {font-weight:bold; margin-bottom:0.3em; font-size:1.1em;}





/*BMB footer css*/
/*footer*/

.footerSection{background:#fbfbfb;border-top:1px solid #eee}
.footerSection p{width:100%;text-align:center;line-height:22px}
.footer{padding:30px 0px;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd}
.footer a{width:100%;padding:5px 0px;color:#666;float:left;transition:ease-out .1s}
.footer a:hover{color:#000;padding-left:5px;transition:ease-in .1s;border-left:solid 5px #8f3543}
footer{width:100%;float:left}
.footertop{width:100%;float:left}
.footertop h1{font-size:18px;margin:0 0 5px}
.footertop p{font-size:12px;margin:0px}

.footerbottom{width:100%;float:left;border-top:1px solid #e4e4e4;background:#f7f7f7;padding:20px 0px 0px;margin:0px 0 0}
.footerbottom h1 { font-size:16px!important;}
.footerbottom h2 { font-size:16px!important;}

.footerbottom span.footerheading { font-size:16px!important;font-weight:500;color:#fff;}

.footercol-newc { width:50%!important;}


/*.footerbottom-col{width:25%;padding:25px;min-height:215px;position:relative}
.footerbottom-col:before{content:'';width:1px;height:100%;background:#e4e4e4;right:0;top:0;position:absolute}
.footerbottom-col:last-child:before{display:none}
.footerbottom-col h2{font-size:16px;color:#0f294d;margin:0 0 10px;display:block;float:none}
.footerbottom-col p{margin-bottom:2px;font-size:12px;line-height:1.5;color:#0f294d}
.footerbottom-col p strong{display:block}
.footerbottom-col .whattsap{float:left;margin:10px 0 0}
.footerbottom-col ul{list-style:none}
.footerbottom-col ul li{float:none;display:block;width:100%}
.footerbottom-col ul li a{display:block;color:#0f294d;font-size:12px;float:none}
.footerbottom-col ul li a:hover{text-decoration:underline;color:#0464ea}
.footerbottom-col h3{font-size:12px;line-height:14px;color:#8592a6;margin-bottom:7px;font-weight:normal;float:none}
.footerbottom-col img{margin:0 0 20px;float:none; height:auto; width:auto;}
.footercopyt{width:100%;background:#5a91db;float:left;border-top:1px solid #e4e4e4;padding:20px 0;margin:0px 0;text-align:center}
.footercopyt p{float:left!important;font-size:12px;color:#fff;padding-top:0px;}
.footercopyt-left { width:50%;}
.footercopyt-right { width:auto; float:right;margin:0 60px 0 0;}
.footercopyt-right h2 { padding:7px 13px 0 0;}

.footerbottom span.footerheading { font-size:16px!important;font-weight: 500;color: #fff;}
.footerbottomNew ul{list-style:none; float:left; width:75%;}
.footerbottomNew ul li {width: 20%; float:left;}
.footerbottomNew ul li a{ float:left; width:90%; border:none!important; margin:0px;border-radius: 0px;border: none;font-size: 14px; color: #fff; line-height:22px; padding:3px 0px; transition:all 0.3s;}
.footerbottomNew ul li a:hover{transform:scale(1.1); color:#fff!important; text-decoration:none!important}
.footerbottomNew ul li:first-child a{ padding-left:0px;}
.footerbottomNew ul li:last-child a{ border-right:none;}
.footerbottomNew .footercol .footercol-leftnew { width:100%; float:left;}
.footerbottomNew .footercol .footercol-leftnew ul.registerlogin{}
.footerbottomNew .footercol .footercol-leftnew ul.registerlogin li { float:none;}
.footerbottomNew .footercol .footercol-leftnew ul.socialicons li { float:left; width:100%;}
.footerbottomNew .footercol .footercol-leftnew ul.socialicons li a {border: none !important;margin: 0 0 0 !important;line-height: 29px;}
.footerbottomNew .footercol .footercol-leftnew .socialicons { list-style:none;}
.footerbottomNew .footercol .footercol-leftnew .socialicons li { float:left; width:auto; margin:0 5px 0 0;}
.footerbottomNew .footercol .footercol-leftnew .socialicons li img {width: 28px;border-radius: 8px;transition: all 0.3s ease-in-out;position: relative;top: 0;height: auto;margin: 0px 10px 0 0;float: left;} 
.footerbottomNew .footercol .footercol-leftnew .socialicons li a { color:#fff;}
.footerbottomNew .footercol .footercol-leftnew .socialicons li a:hover { color:#fff;}
.footerbottomNew .footercol.right { padding-right:0;}





.footerbottomNew .footercol .footercol-leftnew { width:30%; float:left;}
.footerbottomNew .footercol .footercol-leftnew:nth-child(2) { width:70%; float:left; margin-bottom:20px;}
.footerbottomNew .footercol .footercol-leftnew.certificatespdf { width:70%!important; float:right;}
.footerbottomNew .footercol .footercol-leftnew ul.registerlogin{}
.footerbottomNew .footercol .footercol-leftnew ul.registerlogin li { float:none;}

.footerbottomNew .footercol .footercol-leftnew ul.socialicons li { float:left; width:32%;}
.footerbottomNew .footercol .footercol-leftnew ul.socialicons li a {border:none !important;margin:0 0 0 !important;line-height:29px;}
.footerbottomNew .footercol .footercol-leftnew .socialicons { list-style:none;}
.footerbottomNew .footercol .footercol-leftnew .socialicons li { float:left; width:auto; margin:0 5px 0 0;}
.footerbottomNew .footercol .footercol-leftnew .socialicons li img {width:28px;border-radius:8px;transition:all 0.3s ease-in-out;position:relative;top:0;height:auto;margin:0px 10px 0 0;float:left;} 
.footerbottomNew .footercol .footercol-leftnew .socialicons li a { color:#fff;}
.footerbottomNew .footercol .footercol-leftnew .socialicons li a:hover { color:#fff;}
.footerbottomNew .footercol.right { padding-right:0;float:right; width:55%;}



.footerbottom.footernew {border-top:none;background:#163562; padding:0;}
.footercol { width:42%;padding-right:0px;}
.footercol h1 { margin-bottom:10px;}

.footerbottom.footernew h1, .footerbottom.footernew h2 {font-weight:500; color:#fff;}
.footerbottom.footernew .footerleft {padding:35px 0 0 0px;}

.footerbottom.footernew .footerright {background:rgba(255, 255, 255, 0.1); padding:30px;}
.footerbottom.footernew .footerright p, .footerbottom.footernew .footerright a { color:#fff;}
.footerbottom.footernew .footercopyt { background:#163562;border-top:solid 1px #2f4a72;margin:20px 0 0;}
body.newhome .footerbottom.footernew .footerright .whattsap { position:relative; padding:0 0px 0 0px;}

.footerbottom.footernew .paymentmethod { margin:0px 0 0;}
.footerbottom.footernew .paymentmethod h2 {float:left;margin:0;font-size:13px !important;}
*/

.fn { float:none!important;}
.fl { float:left!important;}
.fr { float:right!important;}



.footertop { background:#0e284c;width: 100%; padding: 50px 0 0; float:left;}
.footercol { width: 54%; float:left;}
.footercol:nth-child(2){ width:23%; float:left;}
.footercol:nth-child(3){ width:23%; float:left;}
.footercol h3 { color: #fff; font-weight: 400; font-size: 17px; margin: 0 0 10px; float:left; width:100%;}
.footercol ul { margin: 0 0 15px; float:left; padding:0px;}
.footercol li { width: 33%; list-style: none; position:relative; color: ; padding: 0 0 0 15px; margin: 0; float:left; box-sizing:border-box;}
.footercol:nth-child(2) li { width: 100%; float:left;}
.footercol li:before {position:absolute; left:0px; top:4px; width:9px; height:12px; background:url(../images/linkarrow.png) no-repeat 0 0; content:""; display:block;}
.footercol li a { color: #fff !important; font-size: 14px; opacity: .7; font-weight: 300; margin: 0 0 5px;transition: all .1s; float:left; line-height:24px;}
.footercol li a:hover { opacity:1; transition: all .1s; transform: scale(1.02);}
.footercol .col-sm-3{ width:30%; float:left;}
.footercopy {padding: 25px 0;  border-top: solid 1px #37547d; margin: 20px 0 0; float:left;}
.white{ color:#fff;}



.mb-20 { margin-bottom:20px !important;}
.loginright { border:solid 1px #ddd; border-radius:5px; box-shadow:none; box-sizing:border-box; background:#fafafb !important; padding:20px; width:40%; float:left; margin:0px 30% 10px; position:relative; line-height:22px;}
.heading{ font-size:30px; font-weight:500; position:relative; margin-bottom:10px; margin-top:10px; line-height:34px; float:left; padding:0px; color:#000; width:100%;}
.subHeading{width:100%; float:left; margin:0px; padding:10px 0px;}

.btn a, .btn input{ padding:9px 18px; color:#fff!important; background:#005eb8; border-radius:7px; border:solid 1px #5b9cd4; float:left;}
.btn input + input{ margin-left:5px;}
.btn-xl a, .btn-xl input{ padding:9px 18px; color:#fff!important; background:#005eb8; box-sizing:border-box; border-radius:7px; border:solid 1px #5b9cd4; float:left; font-size:18px; line-height:22px;}
.btn-xl input + input{ margin-left:5px;}
.btn-xl input + a{ margin-left:5px;}
.btnGap{ line-height:36px; margin-right:5px;}

.table label span{ width:100%; margin:0px; float:left; padding:0px; line-height:30px; font-weight:bold;}
.table label input, .table select, .form-control{ width:100%; float:left; padding:0px; padding:13px 15px 14px 15px; box-sizing:border-box; height:auto; font-size:15px; position:relative; outline:0; border-radius:4px; line-height:20px; background:#fff; margin:0 0 10px;  font-family:'Poppins',sans-serif !important; border:1px solid #ddd;}
.table label span span{ float:none;}
.phone label{ line-height:30px;}
tr.phone:nth-child(4) label span{width:52%; font-weight:bold;}
tr.phone:nth-child(4) label br{ display:none;}
tr.phone:nth-child(4) label input{width:48.8%;}
tr.phone:nth-child(4) label input + input{width:45%; float:right;}
.row{width:100%; float:left;}
.access-btm{ width:100%; position:absolute; left:0px; bottom:0px; padding:20px; background:#eff7ff; margin:0px; border-top:solid 1px #d4e5f7; text-align:center; box-sizing:border-box; font-size:15px; border-radius:0px 0px 5px 5px;}
.paddingbottom80{ padding-bottom:80px;}
.menuIcon{ display:none;}
.header-menu-overlay{display:none;}
.mobLogin{ display:none;}
#captcha{ margin-left:15px; padding:3px;}
.rightlinkMenu .username{ float:left; margin-right:2px;}
.textBox input{width:100%; padding:0px; padding:13px 15px 14px 15px; box-sizing:border-box; height:auto; font-size:15px; position:relative; outline:0; border-radius:4px; line-height:20px; background:#fff; margin:0 0 10px; font-family:'Poppins',sans-serif !important; border:1px solid #ddd;}
.thread-entry .header .title{ max-width:240px;}
.col-50{width:50%; float:left;}
.line50{ line-height:50px;}



@media all and (max-width:767px){
.col-50{width:100%; float:left;}
.wrap { width:100%;}
 .menuIcon {display:block !important; position:absolute; left:10px; top:8px; cursor:pointer; width:36px; height:36px; background:url(https://www.bookmybooking.com/public/images/mobicon.png) center center/30px 30px scroll no-repeat #023173; border-radius:5px; }
.sidebar{width:100%; margin-bottom:0px;}
.main-content{ width:100%;}
.thread-body{padding:10px 5px!important;}
.thread-body h1, .thread-body .h1{ margin:0px 0px 10px!important; font-size:22px!important; line-height:30px!important;}
.footerbottom {padding:0px 0px 0px; text-align:center!important;}
footer { padding:0 0 0px;}
.footercopyt {padding:14px 0;}
.footerbottomNew ul li { float:left; width:50%;}
.footerbottomNew ul li a {font-size:12px; padding:0px 0px; margin:0 10px 3px 0; text-align:left;}
.footerbottomNew ul {width:100%; margin-bottom:10px;}
ul.hotelier, ul.service-provider{ padding-left:45px!important; box-sizing:border-box; width:100%;}
ul.hotelier a, ul.service-provider a{width:100%!important;}
.footerbottom .row.whiteBG.borderTop .pull-right { float:left;}
.donwlaodapp-footer{ width:94%; margin:0px 3%;}
.donwlaodapp-footer-right{width:68%;}
.donwlaodapp-footer-qr{width:32%;}
.paymentmethod { margin-bottom:10px;}
.regularslider ul li a {width:350px;}
.footerbottomNew .footercol .footercol-leftnew ul.socialicons li {float:none;width:auto;}
.footercopyt-right { width:100%; float:right; margin:0;}
.footerbottom.footernew .footerleft { padding:15px 0 0 0 !important;}
.footerbottomNew .footercol.right { padding-right:0; float:right; width:100%;}
.footerbottom.footernew h1, .footerbottom.footernew h2{ font-size:13px!important; text-align:left;}
.footerbottom-col { width:100%;padding:15px;min-height:auto;}
.footerbottom-col::before { width:100%;background:#e4e4e4;right:inherit;top:inherit;bottom:0; left:0;height:1px;}
.footerbottom p{ width:100%;}
.footercol{ width:100%; padding:0px;}
.footerbottom.footernew .footerright{ padding:25px;}
.footerbottom.footernew .footerright .whattsap{ padding:10px 0px 0px;}
.footerbottom.footernew .footerleft{ padding:15px 0 0 0!important;}
.footerbottomNew .footercol .footercol-leftnew { width:100%!important; float:left; margin:10px 0;}
.footerbottomNew .footercol.right { width:100%;}
.footerbottomNew .footercol .footercol-leftnew.certificatespdf { width:100% !important;float:left; text-align:center;}
.certificates-pdf img {float:none; display:inline-block; width:70px; margin-bottom:10px;}
.footerbottom.footernew .footercopyt { margin:0px 0 0;}
.footerbottom.footernew .footerright{ padding:10px;}
.socialicons li img{ width:28px;}
.footerbottom.footernew .footerleft{ padding:15px 0 0 0!important;}
.footerbottom.footernew .paymentmethod{ margin-top:0px; text-align:center;}
.footersocialcol, .footeracceptedcard{ width:100%; flex:0 0 100%;}
.footerbottom.footernew .paymentmethod h2 { float:none; padding:0;}
.footerbottom.footernew .paymentmethod img { float:none;}
.footercopyt-right { width:100%;float:right;}
.footercopyt p {float:none;}
.footercopyt-left { width:100%;}
.footerbottom span.footerheading{float:none; display:inline-block;}
#nav{position:fixed; top:0px; left:0; z-index:999; margin:0px; bottom:0px;  height:100%; min-height:800px; background:#fff; width:260px; display:none;}
#nav li{ width:100%; float:left; margin:0px; padding:0px; border-bottom:solid 1px #ddd; border-right:0px;}
#nav li a{ width:100%; float:left; margin:0px; padding:0px;  padding:20px 30px 20px 50px !important; box-sizing:border-box; height:auto; text-align:left; font-size:16px; background-position:15px 50%;}
.btnGap{ display:none;}
.loginright{ width:100%; margin:0px;}
.heading{ font-size:21px;}
.btn-xl a, .btn-xl input { padding:9px 15px; font-size:15px; width:100%; margin:0px 0px 5px;}
.btn-xl input + input{ margin:0px 0px 5px;}
.btn-xl input + a{ margin:0px; display:inline-block;}
#clientLogin .instructions{ width:96%; margin:0px 2%;}
.paddingbottom80{ padding-bottom:100px;}
#logo{ margin-left:45px;}
.rightlinkMenu{ display:none;}
.header-menu-overlay{display:none; background:#00000061; position:fixed; top:0px; left:0; z-index:99; width:100%; bottom:0px; height:100%; min-height:800px;}
#nav li a.active, #nav li a:hover{ color:#000;}
#nav li p.mobLogin{margin:0px 20%; width:60%; text-align:center; display:block;}
#nav li p.mobLogin a{ padding:9px 18px!important; color:#fff!important; background:#005eb8!important; border-radius:7px!important; border:solid 1px #5b9cd4!important; float:left; margin-bottom:5px; text-align:center;}
#nav li:last-child{ display:block;}
#nav li a.active{ background-image:url('../images/icons/home.webp')!important; padding-left:50px!important;}
#msg_error {margin:0px 0px 10px; border-radius:4px; padding:10px 10px 10px 36px;  box-sizing:border-box; width:100%;}
.thread-body{overflow:visible!important;}
#ticketForm td .captcha, #clientLogin td .captcha, #ticketForm div .captcha, #clientLogin div .captcha{ margin:0px 0px 10px 6px;}
#captcha{ margin-left:5px;}
#ticketSearchForm input[type="text"]{width:245px;}
.mobileOverFlow{ width:345px; overflow-y:scroll;}
#ticketInfo h1{ line-height:30px; float:left;}
#ticketInfo h1 .pull-right{ width:100%;}
.line50{ line-height:20px;}
tr.phone:nth-child(4) label input{width:45%; float:none;}
.search.well{float:left; width:100%; box-sizing:border-box;border:solid 1px #ccc; margin:0px 0px 10px;}
.action-button{ margin:5px 0px 0px;}
.footertop{ padding:25px 0px 0;}
.footercol{width:100%;}
.footercol img{ margin-bottom:10px;}
.footercol li{ width:50%;}
.footercol:nth-child(2){ width:60%;}
.footercol:nth-child(3){ width:40%;}
.mobRow {width: 100%!important;}


}

@media all and (min-width:768px) and (max-width:990px){
 .menuIcon {display:block !important; position:absolute; left:10px; top:8px; cursor:pointer; width:36px; height:36px; background:url(https://www.bookmybooking.com/public/images/mobicon.png) center center/30px 30px scroll no-repeat #023173; border-radius:5px; }
#logo{ margin-left:45px;}
#nav{position:fixed; top:0px; left:0; z-index:999; margin:0px; bottom:0px;  height:100%; min-height:800px; background:#fff; width:300px; display:none;}
#nav li{ width:100%; float:left; margin:0px; padding:0px; border-bottom:solid 1px #ddd; border-right:0px;}
#nav li a{ width:100%; float:left; margin:0px; padding:0px;  padding:20px 30px 20px 50px !important; box-sizing:border-box; height:auto; text-align:left; font-size:16px; background-position:15px 50%;}
.header-menu-overlay{display:none; background:#00000061; position:fixed; top:0px; left:0; z-index:99; width:100%; bottom:0px; height:100%; min-height:800px;}
#nav li a.active, #nav li a:hover{ color:#000;}
#nav li p.mobLogin{margin:0px 20%; width:60%; text-align:center; display:block;}
#nav li p.mobLogin a{ padding:9px 18px!important; color:#fff!important; background:#005eb8!important; border-radius:7px!important; border:solid 1px #5b9cd4!important; float:left; margin-bottom:5px; text-align:center;}
#nav li:last-child{ display:block;}
#nav li a.active{ background-image:url('../images/icons/home.webp')!important; padding-left:50px!important;}
.button, .button:visited{ font-size:15px;}
.loginright{ width:60%; margin:0px 20% 10px;}
.btn-xl a, .btn-xl input{ padding:8px 13px; font-size:16px;}
#ticketSearchForm input[type="text"]{ width:200px;}
.search.well{margin:0px;}
/*#ticketInfo h1{ line-height:36px;}
.action-button{ padding:8px 16px;}*/
.certificates-pdf img{ width:60px;}
.footerbottomNew .footercol .footercol-leftnew ul.socialicons li{ width:45%;}
.footercol{ width:34%;}
.footerbottomNew .footercol.right{ width:66%;}
.footerbottomNew .footercol .footercol-leftnew{ width:40%;}
.footerbottomNew .footercol .footercol-leftnew:nth-child(2){ width:60%;}

}