h1{font-size:1.75em;margin-bottom:.75em;}
h2{font-size:1.25em;margin:.5em 0 1em;}
h3{font-size:1em;margin:.5em 0 1em;font-weight:bold;}

.form-control-plaintext:focus{outline:none;}
.sm{font-size:.85em}
.nowrap{white-space:nowrap;}
.table-sm thead th{background:#fff;}
.table-sm tbody td{vertical-align:middle;}
.notpaid{color:#f66;}
.help{cursor:help;}
.icon{vertical-align:middle;margin-top:-2px;}
.unit{display:inline-block;margin-left:.5em;}
.popupBox{width:320px;}
.popupWideBox{width:480px;}
.hide{display:none;}

.form{width:100%;}
.form label{margin:0;padding-right:1em;}
.form th,.form td{padding:.4em 0;}
.form .error{border-color:#f00;}
.trading-form input[type="text"].form-control{width:auto;max-width:110px;display:inline-block;}
.trading-form select.form-control{max-width:160px;display:inline-block;}
.trading-form select[disabled],.trading-form input[disabled]{background:#eee;}
.trading-form button[disabled]{background:#eee !important;}
.info .value{white-space:nowrap;padding-left:1em;}
.info .card-title{margin-bottom:0;}
.confirm-btn[disabled]{background:#666;}

.booking-form{max-width:800px;}
.booking-form label{text-align:right;}
.booking-form th{vertical-align:top;}
.booking-form .tancode{width:80px;text-align:center;font-size:1rem;display:inline-block;}
.booking-form .iti__country.iti__standard{min-width:240px;}
.booking-form .input-description{display:inline-block;margin:.25em 1em 0;font-size:.8em;line-height:1.25em;max-width:100%;}
.booking-form .input-description label.checkbox{display:block;margin-top:.5em; text-align:left;}
.booking-form .input-description label.disabled{color:#bbb;}
.booking-form-container .confirm-btn[disabled]{opacity:.5;}
.booking-form-container #error-msg{margin:0;padding:0;text-align:center;font-size:.9rem;color:#ff0000;}
.booking-form-container .enter-phone-container{margin-top:0;margin-bottom:1rem;text-align:center;}
.booking-form-container .enter-phone-container p{margin:.5rem;padding:0;}
.booking-form-container .info{font-size:.9rem;}

.input-group .icon.address,
.input-group .icon.reference{display:block; height:18px; width:18px; background:url(../img/book.png) no-repeat; background-size:contain;}

.destinations-list, .references-list{padding-bottom:1px; max-height:50vh; overflow-y:auto;}
.destinations-list .destination td, 
.references-list .reference td{border:1px solid #ced4da; border-left:0; border-right:0; padding:.5rem 1rem; font-size:.9em; cursor:pointer;}
.destinations-list .destination td:hover,
.references-list .reference td:hover{background:#6c757d; color:#fff; }

.mainHeader{padding: 1rem;margin-bottom:1rem;border-bottom: 1px solid #dee2e6;}
.mainHeader .logo{margin-bottom: .5rem;}
.mainHeader .hamburger{display:none;float:right;margin:.25rem;padding:.5rem;width:2.6rem;height:2.6rem;}
.mainHeader .hamburger span{font-size:2rem;line-height:.55;}
.mainHeader .hamburger:hover span{color:#fff;}

.headerNav{float:right;margin:.25rem;overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(0, 1, 0.5, 1);}
.headerNav.open{max-height:500px;transition: max-height .5s ease-in-out;}
.headerNav a{color:#343a40;padding:.5rem;}
.headerNav a.btn{margin-left:1rem;}

.mainContainer{padding:0 22px;}

.weightaccountNav{text-align:center;margin:.25rem .5rem 1rem;}
.weightaccountNav a{display:inline-block;}
.weightaccountNav .btn{min-width:120px;margin:0 0 .5rem .5rem;}

table.tableTotals{width:100%;}
.totalHead th,
.totalValues th,
.totalValues td{padding:0 6px 0 10px;}

table tr[data-href]:hover{background:#eaeaff; cursor:pointer;}
.cardTransaction{margin-left:-.5rem;margin-right:-.5rem;}

.profileForm{max-width:700px;}
.profileForm label{text-align:right;}
a.btn.btn-outline-secondary:hover{color:#fff;}
.accessDenied{margin:10vh; text-align:center;}
/*.container{min-width:760px;}*/

a[class^="i-"]{text-decoration:none;}
.i-cancel{color:#ff0000;}
.i-cancel:hover{color:#cc0000;}
.i-ok{color:#009900;}
.i-exclamation{color:#ff6633; cursor:pointer;}

@media (max-width:575.98px){
    .pagination{margin:.5rem 0 0;}
    .speechbubbles{left:5px !important;}
    .speechbubbles-arrow{left:35px !important;}
    .card.info{width:60%;min-width:250px;margin:0 auto 1rem !important;}
    .cardTransaction{margin:0 -1.5rem 1rem !important;}
    .popupBox{width:auto;}
    
}
@media (max-width:767.98px){
    h1{margin-bottom:.5rem;}
    .hidden-sm-down{display:none}
    .mainHeader .hamburger{display:block;}
    .headerNav a{display:block;text-align:right;}
    .headerNav a.btn{border:0;}
    
    .tableContainer table {overflow-x:auto;display: block;width: fit-content;max-width: 100%;}
    .tableContainer td:first-of-type, th:first-of-type {border-left: none;}
    .tableContainer td:last-of-type, th:last-of-type {border-right: none;}
    
    table.tableTotals{}
    table.tableTotals tr th:first-child {content:"";}
    table.tableTotals tr th:first-child {content:"";}
    
    .form .form-control-plaintext{padding:0;}
    .form .form-group.row{margin:0;padding:0;}
    .form .form-group.row label{padding-top:1rem;text-align:left;font-weight:bold;}
    
    .card.info{margin-bottom:0;font-size:.9rem;margin-left:-.5rem;margin-right:-.5rem;}
    .cardTransaction{margin:0 0 1rem;}
    .popupWideBox{width:auto;}
    
    footer{font-size:.9rem;}
}
@media (max-width:991.98px){
    .weightaccountNav{margin:.25rem -0.75rem 1rem;}
    .weightaccountNav a.btn{min-width:auto;width:auto;padding:.5rem .75rem;margin:0 .1rem .5rem !important;line-height:inherit;font-size:.9rem;}
}
@media (max-width:1199.98px){}

@media (min-width:576px){}
@media (min-width:768px){
    .hidden-md-up{display:none}
    .headerNav{max-height:500px;}
    .weightaccountNav{display:inline-block;float:right;}
}
@media (min-width:992px){}
@media (min-width:1200px){}

@media print{}
@media screen and (prefers-reduced-motion:reduce){}


#popup_container {font-family: inherit; font-size: 1em; min-width: 200px;max-width: 700px;background: #FFF;border: 0;color: #000; border-radius: 5px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
#popup_title {display:none;font-size: 14px;font-weight: bold;text-align: center;line-height: 1.75em;color: #666;background: #CCC url(../img/alerts/title.gif) top repeat-x;border: solid 1px #FFF;border-bottom: solid 1px #999;cursor: default;padding: .4em;margin: 0em;}
#popup_content {background: 23px 27px no-repeat url(../img/alerts/info.gif);padding: 24px;margin: 0em;}
#popup_content.alert {background-image: url(../img/alerts/info.gif);}
#popup_content.confirm {background-image: url(../img/alerts/important.gif);}
#popup_content.prompt {background-image: url(../img/alerts/help.gif);}
#popup_content.popup select{margin-bottom:1px}
#popup_message {margin:0 0 0 43px;text-align:center; font-family: inherit; font-size: 1.5rem; font-weight:500;   line-height: 1.5; color: #212529;}
#popup_panel {text-align: center;margin: 0; white-space:nowrap;}
#popup_panel input[type="button"]{ font-size: 1.25rem}
#popup_prompt { font-size: 1rem;}
#popup_ok {margin-top: 1.5em}
#popup_ok:focus {box-shadow: none !important;}
#ui-datepicker-div{display:none;}

.address-list{padding-bottom:1px; max-height:50vh; overflow-y:auto;}
.address-list table{width:100%;border-collapse:collapse;}
.address-list .address td{border:1px solid #ced4da; border-left:0; border-right:0; padding:.5rem 1rem; font-size:.9em; cursor:pointer;}
.address-list .address td:hover{background:#6c757d; color:#fff; }

.required {color:red;font-weight:bold;}