/* general styles */
html,body{
    padding:0;
    margin:0;
    border:0;
    height: 100%; /* vital for fill-height-scrolling-divs*/
    font-size:13px;

}

form{
    margin:0;
    height:100%; /* vital for fill-height-scrolling-divs*/
    width:100%;
}
table{
    font-size:13px;
    
}

.table{
    border: 1px solid #DCDCEF;
}


.table-striped > tbody > tr > th {
    background-color : #424249;
    color:white;
}

.table-striped > tbody > tr > th > a {
    background-color : #424249;
    color:white;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #Eeeeee;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #ffffff;
}

td{
    vertical-align:top;
}

img{
    border:none;
}

a{
    color: #408c63;
}
a:hover{
    color:#295585;
}

.form-control{
    border-color:#bebebe;
    
}

.datepicker .today{
    border:1px solid #bbbbbb;
}

/* fill remaining plus scolling */

.hw100{
    height:100%;
    width:100%;
}

.filter-page{
    padding:0 20px 20px 20px;
}

.filler-page{
    height:100%;
    width:100%;
    display: table; 
}

.filler{
    height:100%;
    display: table-row;  

}

.filler > :first-child{
    height:100%;
    width:100%;
    display: table; 
    
}

.scroller{
    height:100%;
    display: table-row; 
}

.scroller > :first-child{
    height:100%;
    position: relative;
}

.scroller > :first-child > :first-child{
    height:100%;
    width:100%;
    position: absolute;
    overflow-y:auto;
    
}




/* bootstrap/bootstrap-flatly overrides */
.container-fluid{
    padding: 3px;
}

.container-fluid .row{
    margin: 0;
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,
.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,
.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{
    padding: 0 3px;
}

.form-group{
    margin-bottom:2px;
}

.row label,
.checkbox label{
    margin-bottom:1px;
    font-size:12px;
    font-weight:bold;

}

.input-sm{
    height: 20px;
    line-height:1;
    border-radius:2px;
    border-width:1px;
    font-size:12px;
    padding:0 0 0 3px;
    font-weight:bold;
}

select.input-sm{
    height: 20px;
    line-height:2;
  /*  width:inherit;
    min-width:100%;*/
}
textarea.input-sm{
    border-radius:2px;
    border-width:1px;
}

.input-sm.input-group-addon{
   
    border-width:1px;
    height: 20px;
    line-height:10px;
    font-size:11px;
    padding:0 3px;

}
.input-sm.input-group-addon:hover{
    color:#295585;
}
.btn-sm{
    border-radius:2px;
    padding: 0px 4.5px;
    height: 20px;
    line-height:10px;
    background:#00652E;
    color:#ffffff;
}
.btn-sm:hover{
    background:#295585;
}
.btn-login{
    background:#00652E;
    color:#ffffff;
}
.btn-login:hover{
    background:#295585;
    color:#ffffff;
}

.table-condensed td, .table-condensed th {
    padding:5px !important;
}

div.checkbox{
    margin-bottom:0;
}

/* make sure inline forms do not go into stacked mode until we get *very* narrow*/
@media (min-width: 100px) {
    
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    }
}
/* end bootstrap/bootstrap-flatly overrides */




.on-form-image-button{
    font-size:1.3em;
}
.on-form-image-button i {
    display:inline-block;
    margin: 3px 0 0 3px;
}

.input-group-addon i{
    font-size:1.3em;
}

.form-group .checkbox{
    margin-top:1.5em;
}


.form-link-row{
    margin: 0.75em 0.5em;
}



/* login styles */
.login-form{
    width:30%;
    min-width:500px;
    margin:40px auto;
}

.login-form-key{
    margin-top:100px;
}


/* frameset styles*/
#frame-header{
    border-bottom:1px solid #eeeeee; 
}

#frame-menu{
    border-right:1px solid #eeeeee;   
}

#frame-body{
    border-left:1px solid #eeeeee;   
}

.header{
    background: #7FAAEF/* main color*/;
    color:#ffffff;
}

.header a, .header i{
    color:inherit;
    text-decoration:underline;
}

.header-name{
    padding:15px;
}

/* main menu styles */

.main-menu{
    height:100%;
}

.main-menu a{
    color: inherit;
    text-decoration: none !important;
}

.main-menu-header{
    background: #7FAAEF /* main color*/;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    height:3em;
    cursor:pointer; 
    clear:both;   
    overflow:hidden;
}

.main-menu-header i{
    font-size:1.5em;
    float:right;
    padding:0.5em 0.5em 0.4em 0.1em;
}

.menu-header-text{
    float:left;
    padding:0.7em;
}

.main-menu-pane-content{
    padding:0.5em;
}

.menu-sub-menu {
    list-style-type:none;
    margin:0;
    padding:0;
}

.menu-sub-menu li{
    margin-bottom:0.25em;
}

/* link button styles */
.linkbtn{
    float:left;
    padding:0.25em 1em 0.25em 2em;
    position:relative;
    border:1px solid #eeeeee;
    
    margin:10px 5px 5px 5px;
    background:#0F9D58;
    color:#ffffff !important;
}

.linkbtn.linkbtn-no-float{
    float:none;
}

.linkbtn:hover{
    background:#F4B400;
    color:#ffffff;
}

.linkbtn:before {
  content: "\f0fe" /* fa-plus-square */; 
  font-family: FontAwesome;
  position: absolute;
  z-index: 1;
  margin:0 -1.3em;
}


/* list entity styles */
.list-entity-buttons{
    height:1.5em;
}


.cancelbtn:before {
  content: "\f056 " /* fa-minus-circle*/; 
}

.transferbtn:before{
    content:"\f064"  /* fa-share */
}

.quitbtn:before{
    content:"\f00d "  /* fa-times */
}

/* data grid styles */
.page-grid{
    padding:0.5em;
    
}


.page-grid .filler > :first-child{
     border: 1px solid #d2d2d9;
}

.page-grid-nav{
    padding:5px 0;
}

.page-grid-nav-btn{
    float:left;
    width:30px;
    border:1px solid #eeeeee;
    border-radius: 0px;
    padding:3px 5px;
    margin:0 5px;
    text-align:center;
    background:#424249;
    color:#ffffff;
}

.page-grid-nav-btn:hover{
    background:#00652E;
}
/*
.page-grid .table td
{
   border-left: 1px solid #d2d2d9;
}
.page-grid .table th
{
   border-left: 1px solid #ffffff;
}
.page-grid .table td:first-child
{
   border-left: 0px;
}
.page-grid .table th:first-child
{
   border-left: 0px;
}
    

.page-grid .table tr:last-child
{
   border-bottom: 1px solid #d2d2d9;
}
    */

.aspNetDisabled .page-grid-nav-btn{
    color:#ffffff;
    background: #eeeeee;
}

.jmDataGrid {
    width: 100%;
}

.JMDBTableTR:hover{
    cursor: pointer;
}

A.JMDBTableTH {
    text-transform: capitalize;
}


/* lookups */
.maintain-lookups{
    margin:5px;
    width:70%;
    min-width:500px;
}

.maintain-lookups-details{
    margin:2em;
}







.FormBackground
{
    margin:0;
    padding:0;
    overflow-x:auto; padding-bottom:10px;
}

/* toolbar */
#utilbartable
{
    border: 1px solid #ffffff;
    background: #7FAAEF; 
}

#utilbartable TD
{
    border:1px solid #ffffff;
    text-align:center;
    min-width:2em;
}
#utilbartable a
{
    text-decoration:none; 
    padding: 5px;
    display:block;
    color: #ffffff !important;

}
#utilbartable a i{
    line-height:1.3em;
}
#utilbartable a:hover
{
    text-decoration:none;
    background:#295585; 
    color:#ffffff;
}


/* form tabs*/
.TabSelectedStyle,
.TabUnSelectedStyle{		
    padding: 4px 10px;
    border: 1px solid #eeeeee;
}

.TabSelectedStyle{
   
    background:#0F9D58;    
    color:#ffffff;
}

.TabUnSelectedStyle{
    border: 1px solid #eeeeee;
    background: #7FAAEF;
    color:#ffffff;
}

.TabUnSelectedStyle:hover{
    background:#F4B400;;  
    cursor:pointer;
}

.TabSelectedStyle a,
.TabUnSelectedStyle a{
    text-decoration:none;
}
.HeaderCellStyle{
    height:20px;
}
.tab_button_style
{
    height:100%;
}

.HeaderCellStyle a
{
    text-decoration:none;
}

.button_cell_style
{
    border-width:0px 0px 1px 0px;border-color:White;border-style:Solid;cursor:Default;
}


.tab_blank_header_style
{
    font-size:2px;
    cursor:default;
    border-width:0px 0px 1px 0px;
    border-color:White;
    border-style:Solid;
    width:100%;
}
.ContentCellContainer
{
    height:100%;
    width:100%;
    border:1px solid #cacaca;
    padding:0 0 0 0;
}

.ElTab-main-table{
    border:0;
    border-collapse:collapse;
    height:100%;
    table-layout:fixed;
    margin:5px;
    min-height: 200px;
 
}
.ScrollingInner {
    padding: 5px 10px 20px 10px;
}

.ElTab-main-table .ElTab-main-table{
   
}
.ElTab-tabs{
    width:100%;
    height:100%;
    table-layout:fixed;
    border-bottom:1px solid #cccccc; 
    
}

.ElTab-tabs-inner td{
    
}

.ELTabHeaderRow {
    height: 20px;
    font-size: 0;
    white-space: nowrap;    
}

.ELTabHeaderRow  div
{
    display: inline;
     font-size: 10pt;
    
    margin: 0 0 0 0;
}
.ELTabHeaderContainer 
{
    position: relative;
    width: 100%;
}
.ELTabHeaderBlock {
    width: 98%;
   overflow: hidden;
    white-space: nowrap;
    z-index: 1
}

.ELTabScrollButtons {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 100;
 
}
.ELTabScrollButtons div
{
       display: inline;
       cursor: hand; cursor: pointer;
    padding: 5px 5px 5px 5px;
    margin: 1px 1px 1px 1px;
        
    min-height: 20px;

       
}
.ELTabScrollFooter {
    clear: both;
}
.ELTabBodyContainer {
    background-color:#E1EDFF;
    padding :3px 0px 0px 3px;

     border-top: 0px outset black;
     border-right:1px solid #9ABEEE;
     border-bottom:2px outset lightgrey;
     border-left:1px solid white;
}
.ELTabContainer {
    
}


.popuppanel
{
    padding:4px 10px 4px 10px;
}


.tabpanel
{
    border-width:0px;
    border-color:white black black white;
    border-style:Solid;
    height:100%;
    overflow:auto;
    
    color:Gray;
    padding:0px 2px 0px 0px;
    margin:0;
    cursor:Default;

}

.tabgrouppanel{
    margin:20px 0;
}
.tabgrouppanelheader
{
    font-weight:500;
    height:20px;
}

.DGListbox
{
    overflow:auto;
    border : 1px solid black;
    background-color :Window;
    
}

.ELTAB { border:1px solid lime; margin:0px; padding:0px;height:100%  }
.ELTAB .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px; border:1px solid black; }
.ELTAB .ajax__tab_outer {padding:0px 4px 0px 4px; border:1px solid black; }
.ELTAB .ajax__tab_inner {padding:0px;}
.ELTAB .ajax__tab_tab {  margin:0px;}
.ELTAB .ajax__tab_hover .ajax__tab_outer {}
.ELTAB .ajax__tab_hover .ajax__tab_inner {}
.ELTAB .ajax__tab_hover .ajax__tab_tab {}
.ELTAB .ajax__tab_active .ajax__tab_outer {background-color:#E1EDFF}
.ELTAB .ajax__tab_active .ajax__tab_inner {}
.ELTAB .ajax__tab_active .ajax__tab_tab {height : 100%;}
.ELTAB .ajax__tab_body {height : 100%;font-family:verdana,tahoma,helvetica;font-size:10pt;padding:0px;background-color:#ffffff;  border:1px solid red; }

.progressBackgroundFilter { 
  position:absolute; 
   overflow:hidden; 
  padding:0; 
  margin:0; 
  height:100%;
  text-align:center;
  width:100%;
 background-color:#ddddd;
  filter:alpha(opacity=50); 
  opacity:0.5; 
  z-index:1000; 
} 


 

.processMessage {  
  position:absolute;  
  padding:10px; 
  width:100px; 
  z-index:1001; 
  background-color:#fff; 
} 

.popup_div {
    left:1px;
    visibility: hidden; 
    overflow: hidden; 
    width: 100px; 
    height: 1px;
    z-index: 1;
    position:static;
    display:block;
    max-width : none;
    padding: 0 0 0 0;
    
   }







.accordionHeader {
    padding: 5px; border: 1px solid rgb(47, 79, 79); color: white; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; margin-top: 5px; cursor: pointer; background-color: rgb(46, 77, 123);
}
#master_content .accordionHeader a {
    color: rgb(255, 255, 255); text-decoration: none;
}
#master_content .accordionHeader a:hover {
    text-decoration: underline;
}
.accordionHeaderSelected {
    padding: 5px; border: 1px solid rgb(47, 79, 79); color: white; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; margin-top: 5px; cursor: pointer; background-color: rgb(80, 120, 179);
}
#master_content .accordionHeaderSelected a {
    color: rgb(255, 255, 255); text-decoration: none;
}
#master_content .accordionHeaderSelected a:hover {
    text-decoration: underline;
}
.accordionContent {
    border-width: medium 1px 1px; border-style: none dashed dashed; border-color: currentColor rgb(47, 79, 79) rgb(47, 79, 79); padding: 10px 5px 5px; background-color: rgb(211, 222, 239);
}


.loader_bg { vertical-align: middle }
#update_progress {
    z-index: 1000;
    position: absolute;
    display: none;
    text-align: center;
    vertical-align: middle;
    padding-top: 20px;
    overflow: hidden;
    opacity: 0.6;
    filter: alpha(opacity=60);
    background-color : Gray;
}



.mceToolbar {

    z-index: 3;
}
.mceButton{ z-index:  2;}

.mceIcon{ z-index: 1;}


.refreshbtn
{
    BORDER-RIGHT: 0px solid;
    FLOAT: left;
    BACKGROUND-IMAGE: url(images/refreshimage.gif);
    MARGIN: 2px;
    FONT: 9px tahomA;
    BORDER-LEFT: 0px solid;
    WIDTH: 93px;
    BORDER-BOTTOM: 0px solid;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 22px;
    BACKGROUND-COLOR: transparent;
}
A.refreshbtn:link
{
    BACKGROUND: url(images/refreshimage.gif) no-repeat 0px 0px;
    TEXT-DECORATION: none
}
A.refreshbtn:visited
{
    BACKGROUND: url(images/refreshimage.gif) no-repeat 0px 0px;
    TEXT-DECORATION: none
}
A.refreshbtn:active
{
    BACKGROUND: url(images/refreshimage.gif) no-repeat 0px 0px;
    TEXT-DECORATION: none
}
A.refreshbtn:hover
{
    BACKGROUND: url(images/refreshimage.gif) no-repeat -93px 0px
}



/* select contact*/
.select-contact-add-contact{
    height:1.5em;
}

.membership-refund-dialog input{
    color:black;
}
.input-group .form-control {
    z-index :0;
}

.outlined
{
   /* border: 1px solid #cccccc;
    padding: 3px 3px 3px 3px;*/
   
}


/* tab style overrides*/

.ELTabPageContent
{
    width:100%;
    height:100%;
}

.highlight-panel{
    border:1px solid #424249;
    overflow:hidden;
    padding:5px;

}

.highlight-panel .highlight-panel{
    border:1px solid #424249;
    margin: 5px 5px 5px 5px;
    padding:5px;
    background-color: #eeeeee;

}

.highlight-panel .highlight-panel .highlight-panel{
    border:1px solid #424249;
    margin: 5px 5px 5px 5px;
    padding:5px;
    background-color: white;

}
.highlight-panel .highlight-panel .ContentCellContainer{
    border:1px solid #424249;
    margin: 5px 5px 5px 5px;
    padding:5px;
    background-color: white;

}
.super-highlight-panel{
    border:1px solid #424249;
    background-color: #FFE9E2;
    padding:5px;
    overflow:hidden;


}

.form-label{
    display:block;
    font-size:12px;
    min-height:20px;
    font-weight :  normal !important;
}
hr{
    margin-top :5px;
    margin-bottom :5px;
}

.InlineAlert{
    display:inline;
    min-width: 60px;
    padding:3px;
}

.panel .panel-heading
{
    padding: 5px 15px;
    font-size : 1.2em;
    font-weight :bold;
    background-color:#7FAAEF;
}
.panel .panel-body{
    padding : 5px;
}
.panel .panel-body .table{
    margin-bottom:0px;
}

.panel {
     margin-top:8px;
}

.highlight-panel .form-control{
    height: 20px;
    line-height:1;
    border-radius:2px;
    border-width:1px;
    font-size:12px;
    padding:0 0 0 3px;
    font-weight:bold;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #7FAAEF;
    background: #7FAAEF;
    font-weight: normal;
    color: #fff;
}


.btn{
    background:#0F9D58;
    color:#ffffff !important;
}


.btn:hover{
    background:#F4B400;
    color:#ffffff;
}
.alert-danger {
    background-color: #EA4335;
    border-color: #EA4335;
    color: #ffffff;
}







.mce-tinymce, .mce-container-body, #code_ifr {
    min-height: 100% !important;
}
/*Container body*/
.mce-container-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
/*Editing area*/
.mce-container-body .mce-edit-area {
    position: absolute;
    top: 69px;
    bottom: 37px;
    left: 0;
    right: 0;
}
.table .mce-container-body .mce-edit-area, .tinymax .mce-container-body .mce-edit-area {
    position: static;
    top: 69px;
    bottom: 37px;
    left: 0;
    right: 0;
}

.mce-container-body
{
    min-height:auto !important;  
}

/*Footer*/
.mce-tinymce .mce-statusbar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}


.proddiv{
    margin-top:10px;
    padding-top:10px;

}
   .noproduct {
        background-color:#F2D7D5 !Important;
    }


.client_type_8 {
    background-color: darkseagreen;
    color: white;
}
.client_type_9 {
    background-color: white;
    color:black;
}
.client_type_10 {
    background-color: lightgreen;
    color: black;
}
.client_type_11 {
    background-color: red;
    color:white;
}
.client_type_12 {
    background-color: white;
    color: black;
}
.client_type_13 {
    background-color: white;
    color: black;
}
.client_type_14 {
    background-color: yellow;
    color: black;
}

.polStatusInforce td
{
   background-color: #d0f2c1;
   font-weight: bold;
}

.polStatusExtended td {
    background-color: #d0f2c1;
    font-weight: bold;
}
.polStatusNew td {
    background-color: #f8f6b5;
    font-weight: normal;
}

contactList,
.opaque-container,
.checkboxList,
.tripDetails,
.travellerSummary,
.quoteTraveller,
.onlineMQTCs,
.mq-trip-container,
.mq-policy-container,
.mq-cards-container,
.policyIndividualContainer {
    background: #fafafa;
    padding: 0px 10px 0px 10px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    display:block;
}

label {
    font-weight: 500;
}

.mq-policy-container label,
.mq-cards-container label {
    display: block;
    padding:10px 10px 10px 10px;
}

.mq-bold {
    font-weight: 700;
}


.mq-trip-container,
.mq-policy-container,
.mq-cards-container {
    background-color: #EEF6FB;
    padding-top: 5px;
}

    .mq-trip-container > div,
    .mq-policy-container > div,
    .mq-cards-container > div,
    .mq-cards-container-box > div {
        margin-right: 10px;
    }

    .mq-trip-container div:last-child .btn,
    .mq-policy-container div:last-child .btn,
    .mq-cards-container div:last-child .btn {
        margin-bottom: 10px;
    }


.QuestionDiv {
    margin-bottom: 10px;
}

.filter-applicant {
    margin-bottom: 30px;
}

.filter-applicant-question {
    margin-bottom: 20px;
}

.yes-no input {
    display: block;
    float: left;
}

.yes-no span {
    display: block;
    float: left;
    margin-left: 10px;
    margin-right: 20px;
}


.yes-no-clear {
    clear: both;
    display: block;
}