body,html,.row-offcanvas {
  height:100%;
}

body {
  padding-top: 80px;
  padding-bottom: 20px;
}

.nav {
    font-weight: bolder;
}

.navbar-header {
    background-color:#6BDBD3;
}

.navbar-collapse {
    background-color:#6BDBD3;
}

.navbar-inverse .navbar-nav > li > a {
    color: #005b58;
}

.navbar-nav {
    margin-top: 15px;
    color: #005b58;
}

.navbar-brand {
    background-image:url(/images/Destination_Travel_Logo_2018_Bilingual_1.png);
    background-repeat:no-repeat;
    background-position: center;
    white-space:nowrap;
    cursor: pointer;
    display: block;
    width:225px;
    height:82px;    
}

/*@media all and (min-width:768px)*/
.navbar-right {
    float: right !important;
    margin-right: 25px;
}

#sidebar {
  padding-top: 15px;
  width: inherit;
  min-width: 290px;
  max-width: 290px;
  background-color:#DEF0F2;
  float: left;
  height: 100%;

  position:relative;
  overflow-y:auto;
  overflow-x:hidden;
}

#main {
  padding-top: 15px;
  height: calc(100vh - 100px);
  box-sizing: border-box;
  overflow:auto;
}


/*
 * off Canvas sidebar
 * --------------------------------------------------
 */
@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    width:calc(100% + 220px);
  }
  
  .row-offcanvas-left
  {
    left: -220px;
  }

  .no_row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    /*transition: all 0.25s ease-out;*/
    width: calc(100%);
  }

  .no_row-offcanvas-left
  {
    left: 0;
  }

  .row-offcanvas-left.active {
    left: 0;
  }

  .sidebar-offcanvas {    
    position: absolute;
    top: 0;
  }
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* Carousel */
.carousel-caption {
    top: 0;    
    bottom: auto;
    z-index: 10 !important;
}

.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

@media screen and (min-width: 768px) {
    .carousel-caption {
        z-index: 10 !important;
    }
}

.panel-title {
    color: #1ca2a0;
    font-size: 20px;
    font-weight: 300;
}

.panel-body {
    background-color: #DEF0F2;
}

.ui-grid {
    width:auto;
    min-width: 500px;
    height: 410px;
}


.login {
    padding-top: 15px;
}

.form-horizontal .control-label{
  text-align:left;
}

.form-control-search {
    width: 150px;
}

.control{
     width: 200px; 
     padding:4px;
}

.control-group{
     width: 350px; 
     padding:4px;
}

.loginform-control {
    height: 35px;
}


.linehr {
    border-top:2px solid;
    margin-top: 3px;
    color: #005a57;
}

.lighthr {
    border-top:1px solid;
    margin-top: 3px;
    color: #70a3a0;
}

.wizard a {
    background: #baf2ee;
    display: inline-block;
    margin-right: 5px;
    min-width: 300px;
    max-width: 300px;
    outline: none;
    padding: 10px 40px 10px;
    position: relative;
    text-align:center;
    text-decoration: none;
    color: #369893;
}
.wizard .active {
    background: #69d8d0;
    color: #fff;
}

.selected_menu {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 25px;
    color: #005a57;
}

.gap-right {
  margin-right: 20px; 
}

.selectwidthauto
{
    width:auto !important;
}

.datepickergroupsize{
    width:150px;
}

.modal-body {
    background-color:#DEF0F2;
}

.form-signin{max-width:330px;margin:0 auto;padding:15px;}
.form-signin .form-signin-heading,.form-signin .checkbox{margin-bottom:10px;}
.form-signin .checkbox{font-weight:normal;}
.form-signin .form-control{position:relative;font-size:16px;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px;}
.form-signin .form-control:focus{z-index:2;}
.form-signin input[type="text"]{margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.form-signin input[type="password"]{margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0;}
.account-wall{margin-top:20px;background-color:#f7f7f7;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);box-shadow:0 2px 2px rgba(0,0,0,0.3);padding:40px 0 20px;}
.login-title{color:#555;font-size:18px;font-weight:400;display:block;}
.profile-img{width:96px;height:96px;display:block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin:0 auto 10px;}

.alert-dismissable .close, .alert-dismissible .close {
    color:#a94442;font-size:30px;opacity:1;
}

.popover {
    max-width: 450px;
}

.popover-content {
    width: 400px;
    text-align:justify;
    word-wrap:normal;
    padding-right:30px;
    padding-left:8px;
    margin-top:-55px;
}

#footer {
    height: 120px;
    font-size:15px;
    padding-top: 20px; 
    padding-bottom: 10px; 
    background-color: #6bdbd3;
}

#footer a {
    color: #005a57;
}

#desclaimer {
    margin: -15px;
    padding: 10px;
}

.policy-payment-declined {
  padding: 0 5px 5px 5px;
  border-width: 3px;
  border-style: solid;
  border-color: red;
}

.covidred {
    color: red;
}

.app-modal-window .modal-lg {
  width: 110rem;
}


#download-dtl-panel-heading {
    font-size: large;
    color: #FFFFFF;
    background-color: #00a0c3;
}

#download-dth-panel-heading {
    font-size: large;
    color: #FFFFFF;
    background-color: #21afa5;
}

#download-dtc-panel-heading {
    font-size: large;
    color: #FFFFFF;
    background-color: #c60751;
}

#download-disi-panel-heading {
    font-size: large;
    color: #FFFFFF;
    background-color: #008066;
}

#dtc-panel-heading-xl {
    font-size: x-large;
    color: #FFFFFF;
    background-color: #c60751;
}

#dth-panel-heading-xl {
    font-size: x-large;
    color: #FFFFFF;
    background-color: #21afa5;
}

#dtl-panel-heading-xl {
    font-size: x-large;
    color: #FFFFFF;
    background-color: #00a0c3;
}

#student-panel-heading-xl {
    font-size: x-large;
    color: #FFFFFF;
    background-color: #008066;
}

#agent-dtc-panel-heading {
    font-size: medium;
    text-align:center;
    color: #FFFFFF;
    background-color: #c60751;
}

#agent-dth-panel-heading {
    font-size: medium;
    text-align:center;
    color: #FFFFFF;
    background-color: #21afa5;
}

#agent-dtl-panel-heading {
    font-size: medium;
    text-align:center;
    color: #FFFFFF;
    background-color: #00a0c3;
}

#agent-student-panel-heading {
    font-size: medium;
    text-align:center;
    color: #FFFFFF;
    background-color: #008066;
}

#dtc-menu-heading {
    color: #FFFFFF;
    background-color: #c60751;
}

#dth-menu-heading {
    color: #FFFFFF;
    background-color: #21afa5;
}

#dtl-menu-heading {
    color: #FFFFFF;
    background-color: #00a0c3;
}

#student-menu-heading {
    color: #FFFFFF;
    background-color: #008066;
}

.p-left {
    float: left;
}

.p-right {
    float: right;
}

.padd4 {
    padding: 4px;
}

.padd8 {
    padding: 8px;
}

.redBackground {
    background-color: red !important; 
    color: white;
}

.admin-notes {
    background-color: red !important; 
    color: white;
    padding: 2px;
}

.borderless td, .borderless th {
    border: none !important
}

.noborder {
    border: none !important
}

#DTGPaymentCheckoutFrame {
    width: 435px;
    height: 170px;
    border: 0px;
}

.becomeagent-nav {
    margin-right: 15px;
}

.becomeagent-nav > a {
    color: #005b58;
    text-decoration: none;
}

.becomeagent-nav > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

.consumer-view-details-caption {
    font-size:14px; 
    padding-top: 4px; 
    padding-bottom: 4px; 
    color: #005a57; 
    font-weight: bolder;
}

.consumer-view-details-content {
    background: #F2FAFC;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}