.divider {
  height: 1px;
  width:100%;
  display:block; /* for use on default inline elements like span */
  margin: 15px 0;
  overflow: hidden;
  background-color: #333;
}

/* title */
.navbar-default .navbar-brand {
    color: #777;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  
}
 
.navbar-brand > img { height: 100%; }
 
.language img { margin-top: -2px; }
 
/*.alert ul, .alert ul li {
    margin:0px; padding:0px; list-style-type:none;
}*/
 
.spacer-10top { margin-top: 10px; }
.spacer-20top { margin-top: 20px; }
.spacer-20right {margin-right: 20px; }
.spacer-20left { margin-left: 20px; }
.spacer-10left { margin-left: 10px; }
.spacer-15bottom { margin-bottom: 15px; }
 
.padding-10right { padding-right: 10px; }

.back-block { padding:20px; }
 
.right-block h2,
.back-block h4 {
    margin-top: 0;
    padding-top: 0;
}

.back-block dl,
.back-block .aler,
.Search-back-block .form-group:last-child { margin-bottom: 0; }

.mandatory { color: #cf0101; }

.bold {font-weight: bold;}

thead { font-weight: bold; }
 
input[type=checkbox] {
    height: 25px;
    margin-top: 3px;
}
 
.request-status {margin-top: 10px; margin-bottom: -10px;}
.mark-complete-top {margin-top: 20px; margin-bottom: -10px; padding: 0;}
.mark-complete-bottom {margin-bottom: 0; padding : 0;}
 
.right-block .btn-block{white-space: normal; text-align:left;}
 
.output .alert,
#additionalFields,
#requestError .alert { margin-top: 15px; }
 
#myDeploymentOutput .alert { margin-top: 20px; }
 
.retrievePNRLink { padding-top: 7px; }
 
.returnJourney { margin-bottom: 15px; }
 
 
.addInfoTemplate p { margin-bottom: 0; }
 
table tr { cursor: pointer; }
.ShowAsPointer {
    cursor:pointer;
}
/******RESPONSIVE****/
 
@media (min-width:768px) {
    .text-right-responsive { text-align: right; }
    .text-left-responsive { text-align: left; }
}
@media (min-width: 768px){
    .main {
    padding-right: 40px;
    padding-left: 40px;
    float :right;
}}
.sidebar {
    position: fixed;
    top: 50px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
}
 
.Sidebar-header {
    display: inline-block;
    color: #fff;
    background-color: #2f7891;
    cursor: pointer;
    text-decoration: none;
    padding: 1rem 1.5rem;
    font-weight: bold;
   /* font-size:16px;*/
}
 
.Sidebar-header:hover {
    color: #2f7891;
    text-decoration: none;
    background-color: #eee;
}
 
.Sidebar-subheader {
    display: inline-block;
    color: #2f7891;
    background-color: #e6eef1;
    cursor: pointer;
    text-decoration: none;
    padding: 1rem 1.5rem;
    font-weight: bold;
    /*font-size:15px;*/
}
 
.Sidebar-subheader:hover {
    color: #2f7891;
    text-decoration: none;
    background-color: #eee;
}
 
.Sidebar-selectedheader {
    display: inline-block;
    color: #000000;
    background-color: #d6e5ea;
    cursor: pointer;
    text-decoration: none;
    padding: 1rem 1.5rem;
    font-weight: bold;
    /*font-size:16px;*/
}
 
.Sidebar-selectedheader:hover {
    color: #2f7891;
    text-decoration: none;
    background-color: #eee;
}
 
.Sidebar-icon {
    font-size: 1rem;
    padding-top: 4px;
    float: right;
}
 
.Sidebar-menu {
 
    margin-bottom: .2rem;
 
    cursor: pointer;
}
 
.Sidebar-menu a {
    position: relative;
    display: block;
    outline: none;
}
 
@media only screen and (min-width: 1550px) {
    .Sidebar-header {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
 
.Sidebar-header.active {
    color: #782d2d;
    background-color: #dfcdb5;
}
 
.Sidebar-options {
    width: 295px;
    top: 0;
    left: 285px;
    position: absolute;
    background-color: #eaf2f4;
    display: none;
 
   
    
}
 
@media only screen and (min-width: 1370px) {
    .Sidebar-options {
        padding: 0 1rem;
    }
}
 
@media only screen and (min-width: 1600px) {
    .Sidebar-options {
        padding: 0 2rem;
    }
}
 
@media only screen and (max-width: 991px) {
    .Sidebar-options {
        margin-left: -35px;
    }
}
 
.Sidebar-item {
    position: relative;
    display: block;
    padding-bottom: 1rem;
    width: 275px;
   
}
 
.Sidebar-item a {
    color: #2f7891;
    text-decoration: none;
    padding: 1rem;
}
 
.Sidebar-item:first-child {
    padding-top: .5rem;
}
 
.Sidebar-item:hover {
    font-size: 1.5rem;
}
 
.Sidebar-item.active a {
    font-weight: 600;
}
 
.Sidebar-item .icon {
    color: #903636;
    margin-right: .5rem;
}
 
@media only screen and (min-width: 1520px) {
    .Sidebar-item .icon {
        margin-right: 1.5rem;
        font-size: 2rem;
    }
}
/********************/
 
 
/***My Deployments***/
 
#search-link {
    margin-left: 20px;
    padding: 3px 0 0 20px;
    border-left: 2px solid;
}
 
.deployments { margin-top: 20px; }
 
input[type=checkbox] {
    height: 15px;
    margin-top: 3px;
}
 
/********************/
 
 
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
 
/*body  > .container {
  padding: 60px 15px 0;
}*/
/*.container .text-muted {
  margin: 20px 0;
}*/
 
#footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}
 
.footer-text { margin-top: 20px; }
 
#conferma-powered { margin-top: 7px; }
 
 
/**modals**/
 
#auditModal .modal-dialog,
#activityModal .modal-dialog,
#faxHistoryModal .modal-dialog,
#TripPayAccessModal .modal-dialog,
#documentUploadModal .modal-dialog { width:60%; }
 
 
/*----------------------------------------------------------*/
 
.ajax__calendar_prev, .ajax__calendar_next { z-index: 1; }
 
.datepicker { margin-top: 70px !important; }
 
.pageControl {
    padding: 0 !important;
    margin: 0 !important;
}
 
input[type=file] { padding-top: .7rem; }
 
.imgContainer {
    position: relative;
    overflow: scroll;
}
 
#pdf {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    clear: both;
    width: 100%;
    max-width: 900px;
    height: 600px;
    padding: 0;
    margin: 0;
    z-index:1;
    border: 0;
}
 
.imageTools {
    clear: both;
    padding: 10px 0 0 20px;
    position: absolute;
    z-index:10;
}
 
.imgTool { margin-right: 20px; }
 
.Form-uploadWrapper {
    width: 95%;
    display: table;
}
 
.Form-warningBorderBtm { border-bottom: 1px solid #d6d7d9; }
 
/*------------------------------------*\
    #FILE-UPLOAD
\*------------------------------------*/
 
/*
 * These classes override the browsers 'input[type=file]' styles
*/
 
.btn-file {
    position: relative;
    overflow: hidden;
}
 
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
 
.bg-cancelled {
    background:#f5f5f5;
    border-radius: 10px;
}
 
.bg-error {
    background:#f2dede;
    border-radius: 10px;
}
 
.TripPayLogoHeader {
    height:20px;
    width:100px;
}
 
.HelpDeskImage {
    height:28px;
}
 
/*------------------------------------*\
    #UTILITIES
\*------------------------------------*/
 
/*
 * Utility/Helper classes
*/
 
.u-wrapText {
    overflow-wrap: break-word;
    word-wrap: break-word;
}
 
.status-circle {
    height:40px;
    width:40px;
    max-height:40px;
    max-width:40px;
    min-height:40px;
    min-width:40px;
    border-radius: 50px;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-style: solid;
    border-color: #bbc3c6;
    background: #2f7891;
    border: 2px;
  
 
   
}
 
footer{
     bottom:0;
}

.back-block.dashboard{
    max-width:300px;
    border-width:2px;
    border-color:#bbc3c6;
    border-style: solid;
}
.secondaryColour{
      color: #2f7891;
}



/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
}

    /* Hide default HTML checkbox */
    .switch input {
        display: none;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 14px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.sliderColorChecked {
    color: #2196F3;
}

.sliderColorUnchecked {
    color: #ccc;
}


.helpIconContainer {
    cursor: pointer;
    padding-top: 0.4em;
}

.helpIconsAlign {
    float: right;
    padding-right: 2em;
}

.helpIcon {
    font-size: 1.5em;
    color: #347B93;
    cursor: pointer;
    pointer-events: none;
}

.center-Text{
    text-align: center !important;
}