.wzd-btn-sp {
      padding-top:15px;
      padding-bottom:15px;
}

.margin-greyzone {
    margin: 0px auto 10px;
}
 
.mgn-bottom {
    padding-bottom:15px;
}

.btn-wzd-select {
    margin-bottom:15px;
}

.caw-btn, .caw-btn:active{
  border: none;
  height: auto;
  margin-top: 12px;
  white-space: normal;
  background-color: transparent;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  display:block;
}
.cowgotit {
  color: #fff!important;
  background-color: #1b6c1c!important;
  border-color: #071a07!important; 
}
.cowgotit:hover,.cowgotit:focus, .cowgotit:active{
    color: #fff!important;
    background-color: #114311!important;
    border-color: black!important; 
}

#caw-content {
    background-color: #eee;
}
.panel-collapse {
    background-color:#bfbfbf;
}

.table-padding {
    margin-top:10px;
}


@media (max-width: 767px) {
    .healthAbroad, .healthAbroad:active {
        background-repeat: no-repeat;
        background-size: 150px 150px;
        width: 150px;
        height: 150px;
        background-image: url('../png/tile_healthabroad.png');
        margin-left: auto;
        margin-right: auto;
    }
    .travelInsurance, .travelInsurance:active {
        background-repeat: no-repeat;
        background-size: 150px 150px;
        width: 150px;
        height: 150px;
        background-image: url('../png/tile_travelinsurance.png');
        margin-left: auto;
        margin-right: auto;
    }
    .generalConsularServices, .generalConsularServices:active {
        background-repeat: no-repeat;
        background-size: 150px 150px;
        width: 150px;
        height: 150px;
        background-image: url('../png/tile_generalconsularservices.png');
        margin-left: auto;
        margin-right: auto;
    }
    .destinationInformation, .destinationInformation:active {
        background-repeat: no-repeat;
        background-size: 150px 150px;
        width: 150px;
        height: 150px;
        background-image: url('../png/tile_destinationinformation.png');
        margin-left: auto;
        margin-right: auto;
    }
    .passport, .passport:active {
        background-repeat: no-repeat;
        background-size: 150px 150px;
        width: 150px;
        height: 150px;
        background-image: url('../png/tile_passport.png');
        margin-left: auto;
        margin-right: auto;
    }
    .children, .children:active {
        background-repeat: no-repeat;
        background-size: 150px 150px;
        width: 150px;
        height: 150px;
        background-image: url('../png/tile_children.png');
        margin-left: auto;
        margin-right: auto;
    }
    .emergencyAssistance, .emergencyAssistance:active {
        background-repeat: no-repeat;
        background-size: 150px 150px;
        width: 150px;
        height: 150px;
        background-image: url('../png/tile_emergencyassistance.png');
        margin-left: auto;
        margin-right: auto;
    }
    .citizenship, .citizenship:active {
        background-repeat: no-repeat;
        background-size: 150px 150px;
        width: 150px;
        height: 150px;
        background-image: url('../png/tile_citizenship.png');
        margin-left: auto;
        margin-right: auto;
    }
    .side-panel-width {
        width: 85%;
    }

    table.table.table-hover.table-rounded {
        font-size: 85%;
    }
}

@media (min-width: 768px) {
    .healthAbroad, .healthAbroad:active {
        background-repeat: no-repeat;
        background-size: 150px 150px;
        width: 150px;
        height: 150px;
        background-image: url('../png/tile_healthabroad.png');
        margin-left: auto;
        margin-right: auto;
    }
    .travelInsurance, .travelInsurance:active {
        background-repeat: no-repeat;
        background-size: 150px 150px;
        width: 150px;
        height: 150px;
        background-image: url('../png/tile_travelinsurance.png');
        margin-left: auto;
        margin-right: auto;
    }
    .generalConsularServices, .generalConsularServices:active {
        background-repeat: no-repeat;
        background-size: 150px 150px;
        width: 150px;
        height: 150px;
        background-image: url('../png/tile_generalconsularservices.png');
        margin-left: auto;
        margin-right: auto;
    }
    .destinationInformation, .destinationInformation:active {
        background-repeat: no-repeat;
        background-size: 150px 150px;
        width: 150px;
        height: 150px;
        background-image: url('../png/tile_destinationinformation.png');
        margin-left: auto;
        margin-right: auto;
    }
    .passport, .passport:active {
        background-repeat: no-repeat;
        background-size: 150px 150px;
        width: 150px;
        height: 150px;
        background-image: url('../png/tile_passport.png');
        margin-left: auto;
        margin-right: auto;
    }
    .children, .children:active {
        background-repeat: no-repeat;
        background-size: 150px 150px;
        width: 150px;
        height: 150px;
        background-image: url('../png/tile_children.png');
        margin-left: auto;
        margin-right: auto;
    }
    .emergencyAssistance, .emergencyAssistance:active {
        background-repeat: no-repeat;
        background-size: 150px 150px;
        width: 150px;
        height: 150px;
        background-image: url('../png/tile_emergencyassistance.png');
        margin-left: auto;
        margin-right: auto;
    }
    .citizenship, .citizenship:active {
        background-repeat: no-repeat;
        background-size: 150px 150px;
        width: 150px;
        height: 150px;
        background-image: url('../png/tile_citizenship.png');
        margin-left: auto;
        margin-right: auto;
    }
    .side-panel-width {
        width: 40%;
    }
}

@media (min-width: 992px) {
    .healthAbroad, .healthAbroad:active {
        background-repeat: no-repeat;
        background-size: 200px 200px;
        width: 200px;
        height: 200px;
        background-image: url('../png/tile_healthabroad.png');
        margin-left: auto;
        margin-right: auto;
    }
    .travelInsurance, .travelInsurance:active {
        background-repeat: no-repeat;
        background-size: 200px 200px;
        width: 200px;
        height: 200px;
        background-image: url('../png/tile_travelinsurance.png');
        margin-left: auto;
        margin-right: auto;
    }
    .generalConsularServices, .generalConsularServices:active {
        background-repeat: no-repeat;
        background-size: 200px 200px;
        width: 200px;
        height: 200px;
        background-image: url('../png/tile_generalconsularservices.png');
        margin-left: auto;
        margin-right: auto;
    }
    .destinationInformation, .destinationInformation:active {
        background-repeat: no-repeat;
        background-size: 200px 200px;
        width: 200px;
        height: 200px;
        background-image: url('../png/tile_destinationinformation.png');
        margin-left: auto;
        margin-right: auto;
    }
    .passport, .passport:active {
        background-repeat: no-repeat;
        background-size: 200px 200px;
        width: 200px;
        height: 200px;
        background-image: url('../png/tile_passport.png');
        margin-left: auto;
        margin-right: auto;
    }
    .children, .children:active {
        background-repeat: no-repeat;
        background-size: 200px 200px;
        width: 200px;
        height: 200px;
        background-image: url('../png/tile_children.png');
        margin-left: auto;
        margin-right: auto;
    }
    .emergencyAssistance, .emergencyAssistance:active {
        background-repeat: no-repeat;
        background-size: 200px 200px;
        width: 200px;
        height: 200px;
        background-image: url('../png/tile_emergencyassistance.png');
        margin-left: auto;
        margin-right: auto;
    }
    .citizenship, .citizenship:active {
        background-repeat: no-repeat;
        background-size: 200px 200px;
        width: 200px;
        height: 200px;
        background-image: url('../png/tile_citizenship.png');
        margin-left: auto;
        margin-right: auto;
    }
}

.bw {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.bw:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
    filter: gray;
}

.well {
  /* min-height: 20px; */
  padding: 0px;
  margin-bottom: 0px;
  background-color: #e0e0e0 !important;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.09);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.09);
}
.wizard>.content{
    display:block;
    min-height:7em;
    overflow-y:auto;
    position:relative;
    text-align: center;}
.wizard > .content > .body {
  float: left;
  position:inherit;
  width: 100%;
  height: 95%;
  padding-top: 2.5%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  /* padding: 2.5%; */
}

.greyzone {
    background-color: #e0e0e0!important;
}

*:focus {
    outline: none;
}


/* When below is turned on, ul bullets does not work,
however it is needed for main question menu formatting.
Temporary turning off.
-MH
.wizard > .content > .body ul {
  list-style: none !important;
}
*/

/* Used in place of built-in bootstrap <ul class="list-unstyled">. -MH */
#caw-close {margin: 0 40px 0 0;}
.caw-close {padding:2px 0px 0px 8px;}
#loadingDiv {
    height: 250px;
}

#caw-close-div {
    z-index: 40;
    margin: 20px 0 0 20px;
}

/* Summary tags is needed for pulled content. Unsure how turning off will affect site
#caw-content summary {
    display: none !important;
}
*/

#caw-content summary.healthtabexpandablesection {
    display:block !important;
}
#cawbc {
    color:#969696;
    font-weight: normal;
}
#cawbcQues {
    color:#969696;
    font-weight: normal;
    margin: -10px 0 0 0;
}
.caw-lead-question {
    color:white!important;
    display: table;
}

.caw-full-width {
    width:100%;
}

.caw-glyph {
    font-size: small;
}

.well-alert {
    margin:5px 15px;
}

.mobile-remove-padding {
     padding-left:0px;
}

/* Searchfield clear icon */
#searchClear {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: auto;
    font-size: 18px;
    cursor: pointer;
    color: #ccc;
    z-index: 10;
}

/* new css by Chris Soueidan for type 2 and 3 scenarios */
/* jquery steps new CSS*/

.wizard > .steps {
    position: relative;
    display: none;
    width: 100%;
}

.wizard > .content {
    background: transparent;
    display: block;
    margin: 0.1em;
    /*min-height: 15em;*/
    overflow-y: auto;
    position: relative;
    width: 100%;
    border-radius: 5px;
}

.wizard > .content > .body {
    float: left;
    position: inherit;
    width: 100%;
    height: 95%;
    /*padding: 2.5%;*/
}
/* Turning off for testing on TYPE 2
.wizard > .actions a {
    background: #335075;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 5px;
}
*/
.wizard > .actions a:hover,
.wizard > .actions a:active {
    background: #1c578a;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active {
    background: #eee;
    color: #aaa;
}

.wizard > .actions {
    text-align: center;
}
/* Remove bullets for content using div class='list-unstyled' */
.wizard > .content > .body > .text-left > .list-unstyled ul {
     list-style: none !important;
     padding-left:0 !important;
}

/* Remove bullets for driving questions */
.wizard > .content > .body > .btn-wzd-select ul {
     list-style: none !important;
}

.greyzone-breadcrumbs {
    background: transparent;
    padding: 0;
    color: #777;
}

.greyzone-btns > ul > li {
    margin-bottom: 15px;
}

.select-greyzone {
    padding: 5px 0 15px;
}

hr.hr-greyzone {
    border: 1px dotted #777;
}

ul .bold-lists > li > details > summary > a {
    color: red;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition:all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.custom-modal-disclaimer {
    background-color: #111;
    opacity: 100%;
}

.custom-modal-disclaimer > .modal-dialog > .modal-content {
    border: none;
    box-shadow: none;
    color: #fff;
    text-align: left;
}

.custom-modal-disclaimer > .modal-dialog > .modal-content > .modal-header > .modal-title {
    text-align: center;
}

.custom-modal-disclaimer > .modal-dialog > .modal-content > .modal-body {
    background-color: #111;
}


.well-vendors{
    background-color:#e5e5e5;
    box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.16);
    border:0;
    padding:20px;
}

.vendor {
    display: block;
    height: 180px;
    background-color: #335075;
    border-radius: 22px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    margin: 15px 15px 30px;
    color: #fff;
    padding: 5%;
    text-align: center;
}
.vendor > ul {
  padding-left: 0;
}
.vendor a {
    color: #fff;
}

.vendor:hover,
.vendor:focus {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    background-color: #1c578a;
    text-decoration: none;
}

.red-bg {
    background-color: #bc3331;
}

.red-bg:hover,
.red-bg-focus {
    background-color: #842322;
}

.owl-wrapper a {
    text-decoration: none;
}

.detail-summary{
    background-color:#e5e5e5;
    padding:15px;
    -webkit-transition: all .1s ease-out;
    transition:all .1s ease-out;
}

.detail-summary:hover{
        background-color:#fafafa;

}
.dark-summary{
    color:#333;
}

/*custom table formatting*/
.bg-primary{background-color:#335075;color:#fff;}
.table-rounded{border-radius:6px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}
.table-rounded > tbody >tr >td:first-child{font-weight: normal;}
.table-rounded > tbody >tr >td:first-child > span {font-size:.8em;color:#666;font-weight:normal;margin-left:5px;}
.table-rounded > tbody >tr >td:first-child > span::before{content:"*";}
.table-rounded > thead >tr >th:first-child {border-top-left-radius: 8px;}
.table-rounded > thead >tr >th:last-child {border-top-right-radius: 8px;}
.table-rounded > tbody >tr:last-child > td:first-child {border-bottom-left-radius: 8px;}
.table-rounded > tbody >tr:last-child > td:last-child {border-bottom-right-radius: 8px;}
.table-rounded > tbody >tr:last-child > td > ul::before{content:"Special instructions";}
.table-rounded > tbody >tr:last-child > td > ul > li::before{content:" -  "}
.table-rounded > tbody >tr:last-child > td > ul > li {font-size:.9em;color:#333;margin-left:5px;font-weight:normal;margin-top:3px;}
.table-rounded > tbody >tr:last-child {background-color: #f8f8f8;}

.btn-default {
    color: #335075 !important;
    background-color: #eaebed !important;
    border-color: #dcdee1 !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
    color: #335075 !important;
    background-color: #cfd1d5 !important;
    border-color: #bbbfc5 !important;
}

.btn-success {
    color: #fff !important;
    background-color: #1b6c1c !important;
    border-color: #071a07 !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
    color: #fff !important;
    background-color: #114311 !important;
    border-color: black !important;
}

.ewrc-modal > h4, .h4 {
    margin-top: 12px;
}

/* Needed for clickable links in iOS devices (without 'href') */
.ios-click {
    cursor: pointer;
}

/* Service Provider List DataTable */
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-color: inherit !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody, table.dataTable tfoot td, table.dataTable tfoot th, table.dataTable thead td, table.dataTable thead th, table.dataTable.no-footer{
    border-bottom: inherit;
}

.newlead {
    font-size: 24px;
}

/*Adjustment for printer icon */
table>thead>tr>th .fa-lg{
     line-height: 24px;     
     float: right;

}

.centerIcon{
    float: right;

}

th.randomSPL, td.randomSPL, th.hideSPL, td.hideSPL {
    display: none;
}