/* Common styles goes here */
/* Tag overrides goes here */
@font-face {
    font-family: "EffraRegular";
    src: url("../fonts/effra_std_rg-webfont.eot");
    src: url("../fonts/effra_std_rg-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/effra_std_rg-webfont.woff") format("woff"),url("../fonts/effra_std_rg-webfont.ttf") format("truetype"),url("../fonts/effra_std_rg-webfont.svg#EffraRegular");
}

@font-face {
    font-family: "EffraBold";
    src: url("../fonts/effra_std_bd-webfont.eot");
    src: url("../fonts/effra_std_bd-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/effra_std_bd-webfont.woff") format("woff"),url("../fonts/effra_std_bd-webfont.ttf") format("truetype"),url("../fonts/effra_std_bd-webfont.svg#EffraRegular");
}
body {
    font-size: .95em;
}
body, .ui-jqgrid {

    font-family:'Source Sans Pro',Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif, EffraRegular;
}
.modal {
    z-index : 1150;
}
.btn.loading > .fa:before {
	content: "\f110";
}
.btn.loading > .fa {
	-webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}
.w-auto {
	width:auto;
}
.o-auto {
	overflow: auto;
}
.w-20 {
	width: 20%;
}
.w-60px {
	width: 60px;
}
.w-100px {
    width: 100px;
}
.w-115px {
    width: 115px;
}
.w-min-120px{
    min-width: 120px;
}
.pl-7px {
	padding-left: 7px !important;
}
.pl-40px {
    padding-left: 40px;
}
.bg-black {
	background-color: #000;
}
.bg-antiquewhite {
    background-color:antiquewhite;
}
.bg-blue{
    background-color: #428bca!important;
}
.badge-font {
    font-size: 0.925em;
}
.w-10px {
    width: 10px;
}
.datepicker-dropdown {
    z-index: 1040;
}
.invisible-clone {
	visibility:hidden!important;
}
/* Text color styles */
.text-xlc-blue {
	color:#00008b;
}
.text-dark-1 {
	color: #A5A9AD;
}
.text-teal,
a.text-teal,
.text-teal a,
.text-teal a:hover {
	color: #00AFAD !important;
    text-decoration:none;
}
.text-dark-2,

.dropdown-item.text-dark-2:hover,
.dropdown-item.text-dark-2:active {
	color: #666666;
}
.text-olive {
	color: #758D22;
}
.text-dark-sand {
    color: #807267;
}
.text-orange {
	color: #CD8735;
}
.text-orange-light {
	color: #b39f8b;
}
.text-violet {
    color: #B348AE;
}
.text-color-1 {
    color: #3D92E4;
}
.text-color-2 {
    color: #FDC689;
}
.text-color-3 {
    color:#66BBDD;
}
.text-color-4 {
    color: #b55a04;
}
.text-color-5 {
    color: #5f84d0;
}
.text-color-6 {
    color: #83a00b;
}
.text-color-7 {
    color: #6AA3CB;
}
.text-color-8 {
    color: #ababab;
}
/* end: text color styles */
/* Icon colors 
   .icon-c(olor)-*
*/
.icon-c-home {
	color: #758D22;
}
/* end: icon colors */
.header-sign-out-text {
	font-size: .725em;
}
.page-footer {
	height: 50px;
}
.page-content {
	min-height: 400px;
}
.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent; 	  
	border-right:7px solid #FFF;
	font-size: 0;
	position: absolute;
	right: 0;
	top:12px;
}
.submenu > li .arrow-left {
    top: 6px;
}
/* Removed as dropdown menu is getting cut off
 #main-header {
	overflow: hidden;
}*/
.xl-contenteditable {
    height: 250px;
    resize: both;
    overflow:auto;
}
.xl-contenteditable *,
.MsoNormalTable * {
    padding: 0;
    margin: 0;
}
.xl-contenteditable table td {
    border: 1px dashed #cccccc;
}
.nav-tabs a.nav-link.active {
	color: #42464c;
}
.nav-tabs a.nav-link {
	color: #777777;
	border-color: #818182 #e9ecef #ddd;
    margin-right: 4px;
    background-color: #f5f5f5;
}
input.input-validation-error,
select.input-validation-error {
	border: 1px solid red;
}
.xlc-bg-foundation {
	background-color: #42464C;
}
.xlc-bg-light-1 {
	background-color: #e6e6e6;
}
.greetings-container {
	font-size: 0.875em;
	border-right: 1px solid #303337;
	border-left: 1px solid #303337;
}
.xlc-edit-list {
    cursor:pointer;
    font-size:1.5em;
    color:#000;
}
.xlc-title-1 {
	border-color: #45474b!important;
	background: #4c4f53;
	color: #fff;
	border-radius: 20px;
	font-size: 1.1rem;
	padding: 5px;
}
.xlc-title-2 {
    font-size: 1.35em;
    font-weight: 300;
    display: block;
    color: #42464C;
    text-align: left;
    border-bottom: 1px solid #C1C1C1;
}
#main-header,
.xlc-title-1,
.xlc-title-2 {
    font-family: 'Source Sans Pro',EffraRegular, Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
}
b,strong, .font-weight-bold, .ui-widget-header {
    /*font-family: EffraBold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;*/
}
.xlc-header-title-bg {
    background-color: #F1F3F4;
}
.xlc-banner-bg {
    background-color: #f1f3f4;/*#6c7b83;*/
}
/*Login page */
#login-box,
.xlc-box {
	max-width: 360px;
	background-color: #42464c;
    color: #A5A9AD;
}
.reset-password-page .xlc-box {
    max-width: 390px;
}
.fl-box {
	border-radius: 35px;
    height: 35px;
    width: 35px;
    display: inline-block;
    line-height: 34px;
    font-size: 1em;
    border: 1px solid #ddd;
    color: #868e96;
    /*font-weight: bold;*/
    background-color: #eeeeee;
}
.greetings-col {
	height: 53px;
	padding-top:8px;
}
.nav-title-row {
	height: 53px;
	font-size: 0.95em;
	font-weight: bold;
}
.dropdown-item:active {
	background-color: inherit;
}

.cursor-pointer {
	cursor: pointer;
}
.d-device-inline,
.d-device-block,
.d-device-inline-block {
    display: none;
}
.is-device .d-device-none {
    display: none !important;
}
.is-device .d-device-inline {
    display: inline !important;
}
.is-device .d-device-block {
    display: block !important;
}
.is-device .d-device-inline-block {
    display: inline-block !important;
}

#tab-application {
    font-size: 0.925em;
}
#tab-application li a {
    border-radius: 0;
    padding: 8px 2px;
}
/*Login page */
/*TODO: remove this style */
#login-box {
	max-width: 360px;
	border-radius: .25rem;
	
}
.login-page {
	padding:20px;
}
/*jqGrid styles */
.list-user-page .ui-jqgrid-bdiv,
.search-user-page .ui-jqgrid-bdiv,
.websold-page .ui-jqgrid-bdiv,
.webprospects-page .ui-jqgrid-bdiv,
.viewallapps-page .ui-jqgrid-bdiv,
.ui-jqgrid-bdiv {
    overflow-x:hidden;
}
.jqgrid-container {
    overflow:auto;
}
/*Sidebar releated styles */
.printable-logo {
	background-image :url(../Images/xl_logo.png);
	background-repeat: no-repeat;
	height: 73px;
	background-position-x: right;
    background-size: contain;
    background-position-y: center;
    background-color: #000;
    width: 73px;
	max-width: 73px;
}
.nav-logo {
	background-image :url(../images/AXA-xl-logo-1x.png);
	background-repeat: no-repeat;
	height: 63px;
	background-position-x: right;
    background-size: contain;
    background-position-y: center;
    width: 225px;
	max-width: 225px;
}
#left-menu {
    font-family: 'Source Sans Pro',Arial, Helvetica,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
}
#left-menu li.menu-item,
.submenu > li {
    position:relative;
}
#left-menu {
	padding-bottom: 100px;
	position: fixed;
	top: 63px;
	left: 0;
	width: 225px;
    z-index: 1100;
    font-size: .925em;
    overflow-x: hidden;
}
#left-menu.show,
#left-menu:not(.collapsing) {
    overflow-y: auto;
}
#left-menu li.active {
	background: #000000;
	background: -moz-linear-gradient(top, #000000 0%, #45484d 2%, #000000 100%);
	background: -webkit-linear-gradient(top, #000000 0%,#45484d 2%,#000000 100%);
	background: linear-gradient(to bottom, #000000 0%,#45484d 2%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
	border-left: 3px solid #6AA3CB;
	padding-left:4px !important;
}
#left-menu .submenu > li.active {
    padding-left: 17px !important;
}
#left-menu li:hover {
	background: #000000;
	background: -moz-linear-gradient(top, #000000 0%, #45484d 2%, #000000 100%);
	background: -webkit-linear-gradient(top, #000000 0%,#45484d 2%,#000000 100%);
	background: linear-gradient(to bottom, #000000 0%,#45484d 2%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
	border-left: 3px solid #6AA3CB;
	padding-left:4px !important;
}
#left-menu .submenu li:hover {
	padding-left:17px !important;
}
#left-menu li a,
#left-menu li a:link {
	color:#A5A9AD;
	text-decoration:none;
}
.highlight {
    /*background-color: rgba(255, 193, 7, 0.32);*/
 
    border-bottom: 2px solid orange;
}
.chosen-container {
    width: 100% !important;
    font-size: 1em;
}
.chosen-container-single .chosen-single {
    height: 30px;
    line-height: 30px;
}
.chosen-container-single .chosen-single div {
    top: 3px;
}
.hidden {
    display:none;
}
.border-bottom-1 {
	border-bottom: 1px solid #000000;
}
.border-bottom-2 {
	border-bottom: 2px solid #000000;
}
.border-left-1 {
	border-left: 1px solid #000000;
}
/*.menu-item {
    border-bottom: 1px solid #343a40;
}*/
.submenu li {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:20px;
	list-style: none;
}
/* end:sidebar related styles */
/* Start: Override JQGrid styles for AITredesign */
.ui-jqgrid .ui-widget, .ui-jqgrid .ui-jqgrid-view, .ui-jqgrid .ui-state-default.ui-jqgrid-hdiv, .ui-jqgrid .ui-state-default.ui-jqgrid-pager, .ui-jqgrid .ui-jqgrid-bdiv {width: auto !important;}
.ui-jqgrid .ui-jqgrid-htable th div {height:30px !important;width:auto !important;}
/* End: Override JQGrid styles for AITredesign */ 
/* start: footer styles */
#page-footer {
	font-size:.825em;
}
/* end: footer styles */
.required:after {
	content: "*";
	color: red; 
}
/* start: jqgrid themes */
#gbox_jqTable,
.ui-jqgrid .ui-jqgrid-htable th,
.jqgrid-container table,
#jqTablePager {
    border: 0px solid #C7C7C7 !important;
}
.ui-jqgrid .ui-jqgrid-titlebar,
.ui-jqgrid-labels,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-jqgrid .ui-pg-table {
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}
.myAltRowClass {
    background-color: #eeeeee;
}
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    color: #eeeeee;
    background-color: #45484d
}
.ui-jqgrid-htable .ui-state-hover {
    color: #666;
}
.ui-jqgrid tr.jqgrow td {
    padding-left: 5px;
    padding-right: 5px;
}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    padding-top: 5px;
}
.underline,
.ui-widget-content td a {
    color: #00008f;
    font-weight: bold;
    cursor: pointer;
}
.online{
     color: grey;
}
.ui-jqgrid .ui-jqgrid-title
{
    margin: .1em 0 .2em;
    font-size: 14px;
    padding-bottom: 1.2em;
}
.ui-jqgrid tr.jqgrow td
{
    word-wrap: break-word; /* IE 5.5+ and CSS3 */
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    overflow: hidden;
    height: auto;
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px;
    white-space: normal !important;
}
.ui-jqgrid tr.jqgrow td,
.ui-jqgrid tr.jqgrow td a
{
    font-size: 14px;
}
.ui-jqgrid .ui-jqgrid-htable {
    font-size: 13px;
}
.ui-jqgrid .ui-jqgrid-htable th div
{
    overflow: visible !important;
    height: auto !important;
    height: auto;
    overflow: hidden;
    padding-right: 4px;
    padding-top: 2px;
    position: relative;
    vertical-align: text-top;
    white-space: normal !important;
}
th.ui-th-column div
{
    white-space: normal !important;
    height: auto !important;
    padding: 2px;
}
#pg_jqTablePager {
    font-size: 1em;
}
#jqTablePager input[type='text'], #jqTablePager input[type='submit'] {
    padding-top: 0;
    line-height: normal;
}
/* end: jqgrid themes*/

/* iPad fixed position issue fix */
.fix-fixed #main-header, 
.fix-fixed #left-menu, 
.fix-fixed #page-container {
    position: absolute !important;
}
.fix-fixed #page-container {
    height: calc(100vh - 53px);
    overflow: auto;
    top:53px;
    padding-top:35px !important;
}

/* End : iPad fixed position issue fix */

/* Web app related styles */
#page-projects-disciplines .input-group-addon {
    padding: .5rem .3rem;
}
.limits-quote .form-check-inline {
	margin-left: 0;
	margin-right: .75em;
}

select#AddedEndorsementList option,
select#AvailableEndorsementList option {
    margin: 3px 0;
}
#UWNotes-formId .validation-summary-errors ul {
 margin-bottom:0;
}
.header-coloured-table.table thead th, .table.header-coloured-table thead th {
background-color: #e9eeef;
}
/* Bootstrap styles override */
/*.form-control,
.input-group .form-control {
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}
*/
/*.form-control,
.input-group .form-control,
#page-projects-disciplines .input-group-addon {
     padding: .25rem .5rem;
}
*/
/* TODO : remove this in bs beta 3 */
.progress-bar {
    transition:width 1s ease;
}
.bg-progress-bar {
    background-color: #9fd9b4!important;
}
/* end : remove this in bs beta 3 */
.progress {
    height: 0.6rem;
}
#xl-loader-mask {
    background-color: #FFF;
    position:absolute;
    width:100%;
    height: calc(100vh);
    left: 0;
    top: 0;
    margin: 0;
    z-index: 4999;
    opacity: 0
}
.xl-loader {
    position:fixed;
    z-index: 5000;   
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    padding: 10px;
    color: #A5A9AD;
    border-radius: 3px;
    border: 1px solid #ddd;
}
#xl-ajax-loader-mask {
    background-color: #000;
    position:fixed;
    padding:0;
    margin:0;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 4999;
    opacity: 0.4
}
.xl-ajax-loader {
    position:fixed;
    z-index: 5000;   
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);    
    padding: 10px;
    color: #A5A9AD;
}
.xl-loader-text {
    color: #FFF;
    font-size: 0.825rem;
}
/* Page loader */
#page-loader {
    top: -4px;
}
#page-loader-text {
    padding: 0 5px;
    font-size: 0.825em;
}
.print-page #main-header,
.print-page #left-menu,
.print-page #left-menu_new,
.print-page .btn,
.print-page .d-print-none,
.print-page.print-premium-page .d-premium-none {
    display:none !important;
}
.print-page #page-container {
    padding-left: 20px !important;
    padding-top: 5px !important;
}
.print-page .col-form-label {
    padding-top: 0;
    padding-bottom: 0;
}

@media print {
  .btn {
      display: none;
  }
}

#page-design-title {
    background-image: url('../images/Red-header-banner.png');
    background-size: auto 100%;
    background-repeat:no-repeat;
    height:63px;
    width:auto;
}
.title-color-bar {
    width: 13px;
    /*height: 63px;*/
}
.page-title-text {
    font-size: 1.2em;
    line-height: 1.3em;
    width: 100%;
    padding-right: 25px;
}
.bg-peach {
    background-color: #F58466;
}
#left-menu::-webkit-scrollbar {
  width: 7px;
  height: 8px;
  background-color: #ddd;

}
#left-menu::-webkit-scrollbar-thumb {
    background: #3c3c3c; 
}
.fa-info-circle:before {
    content: "";
    background-image: url(../images/info-circle-icon.png);
    font-style: normal;
    width: 25px;
    height: 21px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 18px;   
    background-position: 0px 3px;

}
.fa-info-circle {
    float:left;
}

/* Header Banner image changes */
.xlc-banner-img {
    background-size: auto 100%;
    background-repeat: no-repeat;
    height: 63px;
    width: auto;
}
.summary-links p{
    line-height: .75;
}
.summary-links a:not(.text-danger){    
    color: #000000;
    text-decoration:underline;
    cursor: pointer;
}
.summary-links a{    
    font-size:.85em !important;
}
a.search-result{    
    color: #00008f !important;
}
.font-md{
    font-size: 0.85em !important;
}
.highlight-on-hover:hover{
    background-color: #eeeeee;
}
body.no-validate .input-validation-error {
    border-color: #ced4da !important;
}
.xlc-header{
    font-size: 1.05em;
}
.xlc-content-highlight{
    font-size: .85em;
    background-color: #f5f5f5;
    border: 3px solid #c3c3c3;
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 3px 3px 5px 6px #ccc;
}
.xlc-content-highlight .xlc-header{
    font-size: 1.15em;
}
.xlc-content-highlight table td{
    border: none;
}
table.xlc-rating-table th, table.xlc-rating-table td {
    padding: .3rem 1.4rem .3rem 1.4rem !important;
}
.border-bottom-1:after, .border-bottom-2:after {
    content: "\00a0";
}
/*Redesign changes*/
.text-dark{
    color:#333333!important;
}
.text-fast{
    color:#027180!important;
}
.text-memo{
    color:#c91432!important;
}
.alert-info{
    color:#0c5460;
    background-color:#b5d0ee !important;
    border-color:#b5d0ee !important;
}

.alert-success{
    color: #155724;
    background-color: #9fd9b4;
    border-color: #c3e6cb;
}

.underline:hover{
    color: #00005b;
    font-weight: bold;
}

.jqGridSearch{
    display: block;
    width: 100%;
    padding: 3px 1px 2px 5px !important;
    font-size: .875rem;
    font-family: 'Source Sans Pro';
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.jqGridInlineButton {
    padding :2px 10px 0px 10px !important;
    margin-right: 5px !important;
}

.lmstextarea {
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0.5%;
}
.display-none {
    display: none;
}
.display-block {
    display: block;
}