﻿:root {
	--SWDarkBlue: #0264a1;
	--SWMedBlue: #b9cde0;
	--SWLightBlue: #f3f7fa;
}

input[type="text"],  input[type="date"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"],select.form-control
{
	background-image: -webkit-linear-gradient(top, #b9cde0 5%, #fefcf9 30%);
	background-image:         linear-gradient(to bottom, #b9cde0 5%, #fefcf9 30%);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#fefcf9");
}

input, textarea:not(.memoReason) {
  text-transform : uppercase;
}

.input-group-addon.time, .input-group-addon.calendar-date {
	border-left:none;  
}

.paymentoptions 
{
	background-image : none;
	filter: none !important;
}

.sideBar
{    
	color: White;
	background-image: -webkit-linear-gradient(top, #b9cde0 70%, #fefcf9 100%);    
	background-image:         linear-gradient(to bottom, #b9cde0 70%, #fefcf9 100%); 
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#fefcf9");
}

.scrollsection {
   overflow-y:auto;
   height: 100%;
   -webkit-overflow-scrolling: touch;   
}

.input-align {
  padding-left: 0px;
}

.input-align-lb {
  padding-left: 0px;  
  margin-top: -10px;
}

.sidebarnav {
  margin: 0px;
  padding:10px !important; 
  border: 0px;
  background-image: -webkit-linear-gradient(top, #b9cde0 5%, #fefcf9 95%);
  background-image :         linear-gradient(to bottom, #b9cde0 5%, #fefcf9 95%);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#fefcf9") !important;
  border-radius:0px;
  color: #0264a1;
  width: 100%;
  text-align:left;
}

.summaryShade {    
	color: White;
	background-image: -webkit-linear-gradient(top, #b9cde0 70%, #fefcf9 100%);    
	background-image:         linear-gradient(to bottom, #b9cde0 70%, #fefcf9 100%); 
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#fefcf9");
}

.sideBar .icon-text
{
	display:inline-block; 
	margin-top:4px;
	width:100%;
}

.sideBar .icon-text .s1
{
	float:left;
}

.sideBar .icon-text .s2
{
	float:left;
	margin-top:7px;
	margin-left:2px;    
}

.sideBar .icon-text:hover .s2.link {
	text-decoration: underline;
	color: #B47705;
}

.sideBar .icon-text .s3
{
	float:left;
	margin-top:0px;
	margin-left:2px;
	padding-bottom:8px;
	word-wrap:break-word;
	width:300px;   
}

.sideBar .icon-text .s4
{
	float:left;
	margin-top:7px;
	margin-left:2px;  
	color:#b47705;  
}

@media (max-width: 599px) {
    .miniMenu {
	    display:inline-block;
    }
    #sidebarRecordSeq {
	    float: right !important;   
    }
    #sidebarSummary {
	    margin: 7px 0px 0px 0px;
    }
}

@media (min-width: 600px) {
    .miniMenu {
	    display:none !important;
    }
}
@media (min-width: 586px) and (max-width: 645px) {
#sideBarRecordSeq {
	float: none !important;     
}
}

a {
    color: #0264a1;
}

a.constraint
{
    color:inherit;
}

a:hover {
  color: #B47705;
  text-decoration: none;
  padding-right: 0px;
}
a:focus {
	 outline:none;
}
#exitbutton:hover{
  padding: 6px 12px;
}
a.btn {
  padding-top: 6px;
}

a.uploadBtn {
	padding-right: 15px;
}

.btn-primary-safeway-blue
{
	background-color: #0264a1;
	color:#fff;    
}

.btn-primary-safeway-small:hover,
.btn-primary-safeway-small:focus,
.btn-primary-safeway-blue:hover,
.btn-primary-safeway-blue:focus {        
	color:#fff; 
	box-shadow:0px 0px 3px 3px #b9cde0;
}

.form-control {
	padding-left: 5px;
	max-width: 95%;
}

.row {
	padding-bottom: 5px;
}

btn-primary-safeway:active,
.btn-primary-safeway {
  background-image: -webkit-linear-gradient(top, #b47705 70%, #845704 100%) !important;
	background-image:         linear-gradient(to bottom, #b47705 70%, #845704 100%) !important;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b47705", endColorStr="#845704");
	color:#fff;    
}

.btn-primary-safeway:hover,
.btn-primary-safeway:focus {
   color:#fff;  
   box-shadow:0px 0px 3px 3px #b9cde0;
}

.sideBar .btn-primary-safeway:hover,
.btn-primary-safeway:focus {
	box-shadow:0px 0px 3px 3px #B3D0E3;
}


.btn-primary .badge {
	background-image: -webkit-linear-gradient(top, #B47705 70%, #845704 100%) !important;
	background-image:         linear-gradient(to bottom, #B47705 70%, #845704 100%) !important;
	text-shadow: none;
}

.alert-info:not(button, .azure-maps-control-list-button):not(div, .azure-maps-control-dropdown):not(div, .azure-maps-control-container) {
	background-color: #d9edf7;
	color: #31708f;
	border-color: #bce8f1;
}

.alert-info-error{
  background-color: #b94a48 !important; 
  color: #fff; 
  padding: 8px;     
  height: 40px !important;
  font-size: medium;
  border: 0px; 
}

.alert-info-sub {
  background-color: #b9cde0 !important;
  color: #0264a1; 
  padding: 8px;  
}

.panel-heading {
  background-color: #0264a1 !important;
  color: #fff !important;
  border-radius: 0px !important;
}

.panel-heading1 {
  background-color: #ffffff;
  color: #0264a1;
  padding: 0px 15px 0px 0px;
}

.panel-heading a:visited, .panel-heading a:hover, .panel-heading a:focus{
	text-decoration: none !important;
}
  
.panel-heading1 a:visited, .panel-heading1 a:hover, .panel-heading1 a:focus, a.uploadveh{
	text-decoration: none !important;    
 }

.panel-heading1 .collapseHeader.collapsed:after, .panel-heading1 .accordion.collapsed:after{
  content: "";
}

.panel-heading1 .collapseHeader.collapsible:after, .panel-heading1 .accordion.collapsible:after {
  content: "";
}

.panel-heading1 a:hover {
  color: #B47705;
  text-decoration: none;
  padding-right: 10px;
}
/*remove grey border*/
.panel {
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
		  box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
}

.panel-group .panel{
	border-radius: 0px !important;
	border: 0px;
}

.main-header1 {
  background-color: #0264a1 !important;
  color: #fff; 
  padding: 10px 0px 8px 8px;
  height: 40px !important;
  font-size: medium;
  border: 0px;
  border-radius: 0px;
  margin-bottom: 20px;
}

.uploadHeading {
	padding-bottom: 35px;
}

.main-header2 {
  background-color: #b9cde0 !important;
  color: #0264a1; 
  padding: 8px; 
  height: 40px;
  border-radius: 0px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.main-header3 {
  background-color: #E3EBF3;
  color: #0264a1; 
  padding: 8px;  
  border-radius: 0px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.main-header4 {
  background-color: #0264a1 !important;
  color: #fff; 
  padding: 8px 0px 8px 8px;        
  font-size: medium;
  border: 0px;
  border-radius: 0px;
  margin-bottom: 20px;
}

.main-header5 {
 background-color: #0264a1 !important;
  color: #fff; 
  padding: 8px 0px 8px 8px;     
  font-size: medium;
  border: 0px;
  border-radius: 0px;
}

.main-header2 .sub-header {
	font-size:12px;
}

.main-header6 {
  background-color: #0264a1 !important;
  color: #fff; 
  padding: 10px 0px 8px 8px;
  height: 40px !important;
  font-size: medium;
  border: 0px;
  border-radius: 0px;
}

.checkbox-splitter {
  background-color: #b9cde0 !important;
  color: #0264a1; 
  padding: 8px;  
  border-radius: 0px;
  margin-bottom: 0px;
  border: 1px solid transparent;
}

.main-header1-warning {
  color:#FF9900;
  background-color: rgb(252, 248, 242);
  padding: 10px 0px 8px 8px;
  height: 40px !important;
  font-size: medium;
  border: 1px solid transparent;
  border-radius: 1px;
  margin-bottom: 20px;
  border-color: #faebcc;
}

.main-header1-info {
  color:#31708f;
  background-color: #d9edf7;
  padding: 10px 0px 8px 8px;
  height: 40px !important;
  font-size: medium;
  border: 1px solid transparent;
  border-radius: 1px;
  margin-bottom: 20px;
  border-color: #bce8f1;
}

.alert-info-error span {
	vertical-align:middle;
}

.btn.btn-secondary
{
	padding-left:5px;
	width:103px;    
	margin-bottom:5px;
	margin-left:7%;
	border-radius: 4px;
	border: 1px solid #dedede;
	cursor: pointer;
	color:#0264a1;
	text-align:center;
	font-weight: bold;
	background: #dedede;
}

.glyphicon-chevron-down:hover, .glyphicon-chevron-up:hover, .glyphicon-chevron-right:hover{
  cursor: pointer;
  color: #B47705;
}

.alert { 
  border-radius: 0px;
}

div.alert 
{
	margin-left: 15px;
	margin-right: 15px;
}

div.alert.no-margin {
    margin: 0px;
}

.child-alert-no-x-margin div.alert {
    margin-left: 0px;
    margin-right: 0px;
}

.row .row
{
	margin:0px;
 
}

.nav-tabs:not(.timetable) 
{
	border-bottom: 0px;
	height: 40px !important;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 0px;
	display: table;
	width: 100%;
}

.nav-tabs > li.active > button:hover {
	color: #0264a1;
	cursor: default;    
}

 .nav-tabs > li.active > button,
.nav-tabs > li.active > button:focus,
 .nav-tabs > li.active > div,
.nav-tabs > li.active > div:focus {
  background-image: -webkit-linear-gradient(top, #dedede 5%, #fefcf9 95%) !important;
  background-image:         linear-gradient(to bottom, #dedede 5%, #fefcf9 95%) !important;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#dedede", endColorStr="#fefcf9") !important;
  cursor: default;
  border: 0px !important;
}
 
.nav-tabs > li > button,
.nav-tabs > li > div {
  margin: 0px;
  padding:10px 0 10px 8px !important; 
  border: 0px;
  background-image: -webkit-linear-gradient(top, #b9cde0 5%, #fefcf9 95%);
  background-image :         linear-gradient(to bottom, #b9cde0 5%, #fefcf9 95%);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#fefcf9") !important;
  border-radius:0px;
  color: #0264a1;
  width: 100%;
  text-align:left;
}

.nav-tabs > li > div {
  font-weight: normal;
  cursor: pointer;
  height: 100%;
}

 .nav:not(.timetable) > li:hover,
 .nav > li > button:hover,
 .nav > li > button:focus,
 .nav > li > div:hover,
 .nav > li > div:focus {
	background-image: -webkit-linear-gradient(top, #b9cde0 70%, #fefcf9 100%);
	background-image: linear-gradient(to bottom, #b9cde0 70%, #fefcf9 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#fefcf9");
	text-decoration: none;
	color: #b47705;
	outline-color: #5e9ed6 !important;
}

:focus {
    outline-color: #5e9ed6 !important;
}

.nav > li > button[disabled],
.nav > li > div[disabled] 
{
	cursor: not-allowed;
	background-image: -webkit-linear-gradient(top, #b9cde0 5%, #fefcf9 95%);
	background-image :         linear-gradient(to bottom, #b9cde0 5%, #fefcf9 95%);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#fefcf9") !important;
	color: #0264a1;
}

.nav > li 
{
	display: table-cell;
	width: auto;
	float:none;
}



.tab-error
{
	color: #b94a48;
	padding-left:10px;
	font-size: 14px;
}

@media (max-width: 767px) {
  .tab-responsive {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
#results
{
	-webkit-overflow-scrolling: touch;
}

.nav > li > a {
	position: relative;
	display: block;
	padding: 8px 2% 2% 8px;

}

fieldset.two-radio{
	width: 85%;
}

fieldset.two-radio-wide{
	width: 95%;
}

fieldset.two-radio.fullWidth {
    width: 100%;
}

fieldset.two-radio label{
	border: 1px solid #d3d3d3;
	text-align: center;
	margin-bottom: 0;
	width: 50%;
	float: left;
	clear: none;
	padding: 0px;
}

fieldset.two-radio-wide label:first-of-type{
	border-radius: 5px 0 0 5px;
	border-right: none;
}
fieldset.two-radio-wide label:last-of-type{
	border-radius: 0 5px 5px 0;
}

fieldset.two-radio-wide label{
	border: 1px solid #d3d3d3;
	text-align: center;
	margin-bottom: 0;
	width: 50%;
	float: left;
	clear: none;
	padding: 0px;
}

fieldset.two-radio label:first-of-type{
	border-radius: 5px 0 0 5px;
	border-right: none;
}
fieldset.two-radio label:last-of-type{
	border-radius: 0 5px 5px 0;
}

.contentBox fieldset.two-radio label input[type="radio"]{
	width: auto;
	margin-bottom: 0;
}

@media (max-width: 400px) {
	fieldset.two-radio label.double {
		width:40% !important;    
	} 
}

fieldset.two-radio.three-radio label {
	width:33.33%
}

fieldset.two-radio.four-radio {
	width:100%
}

fieldset.two-radio.four-radio label {
	width:25%
}

/*Added on the 25/06/2019 for AL Renewal Percentage Radio Buttons*/
fieldset.two-radio.four-radio-renewalpercentage {
	width:85%;
}

/*Added on the 25/06/2019 for AL Renewal Percentage Radio Buttons*/
fieldset.two-radio.four-radio-renewalpercentage label {
	width:25%;
}

fieldset.two-radio.five-radio label {
	width:20%
}

fieldset.two-radio.six-radio label {
	width: 16%
}

@media (min-width:294px) and (max-width: 999px) {
    fieldset.two-radio.four-radio label.doubleline {
        width: 50% !important;
    }
}

@media (max-width: 294px) {
    fieldset.two-radio.four-radio label.doubleline.fourline {
        width: 100% !important;
    }
}

.sidebar-radio {
	background-color: #dedede; 
	color: #0264a1;
}

.sidebar-radio label:hover{
	background-color: #6699CC;
	cursor: pointer;
}

.claimsChargeableRadio {   
	font-weight: normal;
	font-size:14px;
	padding-left:5px;
	padding-right:15px;
	padding-top: 6px;
}

.claimsChargeableRadio:nth-child(2) {
	padding-right:0px;
}

.sidebar-negligence-chevron {
	padding-right:15px;
	font-size: 12px;
	padding-top:4px;
}

/*The side bar wraps below the main section when window minimized. This media query caters for minimized window when the sidebar is still on the right hand side*/
/* No greater than 1000px, no less than 600px */
@media (max-width:1000px) and (min-width:600px) {
	.sideBar .claimsChargeableRadio {
		font-size:12px;
		padding-right:5px;
		padding-top: 4px;
	}
	.sidebar-negligence-chevron {
		padding-right:3px;
	}
	.sideBar .header.claimsChargeableHeader {
		padding-left:0px;
	}
	.sideBar .claimsChargeableLeft {
		font-size:14px;
	}	
}

@media (max-width: 600px) {
	.claimsChargeableText {
		padding-right:20%;
	}
	.sub-header.claims-sidesave {
		padding-right: 24px;
	}
	.sub-header.claims-sidesave .savedisk {		
		padding-top: 0px;
		padding-right:10px;		 
	}
}

fieldset.two-radio.vertical label{
	float: none;    
	border-radius: 5px;
	border: none;
	text-align: left;
	padding-left: 10px;
	width: 100%;  
}

fieldset.sidebar label{
	width: 100%;
	margin: -7px 0px 0px 0px;
}

fieldset.sidebar label input{
	display:none;
}

fieldset.sidebar label span{
	color: #0264a1;
}

.modal-content input.btn {
  width: auto;
}

.modal-content {
  background: #f5f5f5;
  border-bottom: 3px solid #eee;
  position: relative;
  margin-bottom: 25px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  border: 0px rgba(0, 0, 0, 0);
}

.modal-content h2  {
	background-image: -ms-linear-gradient(top, #0264a1 70%, #99bbdd 100%);  /*ie10*/
	background-image: -webkit-linear-gradient(top, #0264a1 70%, #99bbdd 100%);    
	background-image:         linear-gradient(to bottom, #0264a1 70%, #99bbdd 100%); 
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#0264a1", endColorStr="#99bbdd");/*ie6-9*/
	margin: 0;
	text-transform: none;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	line-height: 1;
	position: relative;
	border-top: 3px solid #0264a1;
	padding: 14px 16px 16px 16px;
}
.modal-content .innerBox {
  padding: 16px;
  overflow: hidden;
}
.modal-content input {
  width: 100%;
}
.modal-content table td {
  vertical-align: top;
}

.uppercase
{
	text-transform: uppercase;
}

.alert-error{
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
  font-size: 14px !important; /*adding to override the table.datatable font size of 12*/
}  

.field-validation-error, .validation-summary-errors {
	color: #b94a48;
}

.lblor
{
	font-weight: normal !important;
}

.alert-warning {
    color: #FF9900;
    background-color: rgb(252, 248, 242);
}

.alert.alert-warning.margin-0, .warning-margin-0 .alert.alert-warning {
	margin: 0;
}

.add-entity{
	display: block;
	border: 1px solid #dedede;
	border-radius: 4px;
	padding: 10px;
	cursor: pointer;
	color:#0264a1;
	text-align:center;
	font-weight: normal;
	background: #dedede;
	font-size: 16px;
	white-space: normal;
}

button .add-entity{
    width: 100%
}

.add-entity:hover {
	background-color :#fff;	
	color: #0264a1;
}

h1, h2, h3, h4, nav, .btn-primary-safeway {
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
}

h1, h2, h3, h4, nav, .btn-primary-safeway-blue {
  -webkit-font-smoothing: antialiased; 
  text-transform: uppercase;
}

h1, h2, h3, h4, nav, .btn-primary-safeway-small {
  -webkit-font-smoothing: antialiased; 
  text-transform: uppercase;
}

button {
	font-weight: normal;
}

h2 {
  font-size: 20px;  
}

h3 {
  color: #cb262b;
  font-size: 16px;
}
h4 {
  font-size: 15px;
  text-transform: none;
}

.sideBar .edit
{
	float: right;
	display: block;	
	padding: 12px 15px 12px 16px;
	border-left:1px solid #DEDEDE;
	color: #b47705;
	cursor: pointer;
	font-weight: bold;
	font-size: 15px;
}

.sideBar .edit:hover{
	background: #dedede;
}

.sideBar .sub{
	 font-weight: normal;
	 padding-left: 8px;
	 padding-right: 8px;
}
.sideBar .edit h4
{
	text-transform: uppercase;
}

.sideBar .add
{
	float: right;	
	padding: 12px 15px 11px 15px;
	border-left:1px solid #DEDEDE;
	color: #666;
	cursor: pointer;
}

.sideBar .add:hover{
	background: #dedede;
}

.sideBar .add h4
{
	text-transform: uppercase;
}
.sideBar .header
{    
	display: block;		
	color: #0264a1;
	background-color: #ffffff;
	padding-left: 8px;
	padding-bottom:0px;	
	margin-bottom: 0px;
	margin-top:0px;
		
}

.sideBar .reserveheader .reserveheaderactive
{    
	display: block;		
	color: black;
	padding-left: 0px;
	padding-bottom:0px;	
	margin-bottom: 0px;
	margin-top:1px;		
}

.sideBar .reserveheaderactive
{    
	background-color: #dedede;
}

.sideBar .sub-header
{    
	display: block;
	color: #b47705;		
	margin-top:0px;
}

.sideBar .main-header
{    
	display: block;
	color: #ffffff;	
	background-color: #0264a1;
	cursor: pointer;
	/*trbl*/
	margin: 3px 0px 0px -10px;
	height: 40px !important;
	font-size: medium;
}

.sideBar h4.main-header
{
	margin-top: 1px;
}

.sideBar .row
{
	padding-bottom: 0px;
}

.sideBar .content
{
	display: block;		
	color: #0264a1;	
	margin-top:0px;
	margin-bottom:0px;
	font-weight: normal;
}

.sideBar .content-red
{
	display: block;		
	color: red;	
	margin-top:0px;
	margin-bottom:5px;
	font-weight: normal;
}

.sideBar .sub-content
{
	display:inline-block; 
	padding-top:15px; padding-left:18px; padding-bottom:10px;
}

.sideBar .sub-content:hover
{
	cursor:pointer;
}  

.form-entity{
	padding-left:0px !important; 
	padding-right:0px !important;
}

.input-xxsmall {
  width: 20px;
}

.input-xmini {
  width: 40px;
}

.input-mini {
  width: 50px;
}

.input-mini55 {
    width: 55px;
}

.input-xsmall {
  width: 60px;
}
.input-small7 {
  width: 70px;
}
.input-small8 {
  width: 80px;
}
.input-small {
  width: 90px;
}
.input-med {
  width: 150px;
}
.input-large {
  width: 210px;
}
.input-xlarge {
  width: 270px;
}
.input-xxlarge {
  width: 330px;
}
.input-xxxlarge {
  width: 420px;
}

.input-xxxxlarge {
	width: 685px;
}

/*override bootstrap styles*/

.glyphicon-calendar:before { 
	content: "\d83d\dcc5";
}

.glyphicon-calendar.ff:before {
  content: "\1f4c5"; 
}

.input-group-addon {
	padding-top: 0px;
	padding-bottom: 0px;
	text-align:justify; /*bootstrap centers this which throws off icons when screen minimized*/
}

.input-group.date
{
	width:150px;     
}

.input-group.time
{
	width:150px;
	max-width:99%;    
}

.input-group.datetime
{
	width:240px;
	max-width:99%;
}

.input-group.datetime .form-control, .input-group.date .form-control,  .input-group.time .form-control, .claims-adjuster .form-control
{
	max-width:100%;    
}

h5.lbl:not(.required):after
{
	content: " (optional)";
	color: Gray;
	white-space: nowrap;
	font-style:italic;
	
}

h5.reqlbl.required:after
{
	content: " *";
	color: red;
	white-space: nowrap;
}

.camera.alert-error-icon {
	color:#b94a48;		
}

h5.required.req-error {
	color:#b94a48;
}

.alert-error-txt,
.input-group-addon.alert-error-txt:hover .glyphicon,
.input-group-addon.alert-error-txt:hover .fa {
	color:#b94a48;
}

.alert-warning-txt {
	color:#FF9900;
}

.errorRow
{
	background-color: #f2dede;
	border-color: #eed3d7;
}

input.required.req-error:not([type='radio']), textarea.required.req-error, button.req-error, select.required.req-error, label.req-error, label.req-error div.checkbox-desc
{   
	border-color:#eed3d7;
	color:#b94a48;
	background-image: -webkit-linear-gradient(top, #FFE6E6 5%, #FFF5F5 30%) ;
	background-image:         linear-gradient(to bottom, #FFE6E6 5%, #FFF5F5 30%) ;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#FFE6E6", endColorStr="#FFF5F5");   
}

.picker-switch .btn, .timepicker a.btn
{
	padding: 0px;
}

/*calendar display*/

/*display last month and next month days with same colour as current month (appeared disabled)*/
.bootstrap-datetimepicker-widget td.old:not(.disabled),
.bootstrap-datetimepicker-widget td.new:not(.disabled),
.bootstrap-datetimepicker-widget td span.old:not(.disabled),
.bootstrap-datetimepicker-widget td span.new:not(.disabled) {
  color: #333;
}

/*ensure classes old and new above don't override disabled dates*/
.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}


.collapseHeader.collapsible:after, .accordion.collapsible:after {
	content: "\e080";
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	float: right !important;
	color: #0264a1;
}

.main-header1.collapseHeader.collapsible:after, .accordion.collapsible:after { 
  color: #dedede;
}

.panel-title.collapsible:after {
	margin-top: -15px;
}

.collapseHeader.collapsed:after, .accordion.collapsed:after {
	content: "\e114";
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	float: right !important;
	color: #0264a1;
}

.main-header1.collapseHeader.collapsed:after, .accordion.collapsed:after{
	color: #dedede;
	padding-right:5px;
}


.panel-title.collapsed:after {
	margin-top: -15px;
}
.start-group
{
	border-bottom-right-radius: 0px; 
	border-top-right-radius: 0px;    
}
.middle-group
{
	border-radius: 0px;
	margin-left:-5px;
}
.end-group
{
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;    
	margin-left:-4px;
}
.addon-icon
{
	padding:7.5px 7px 8px 7px;
	background-color:rgb(238, 238, 238);
	border: solid;
	border-width: 1px 1px 1px 0px;
	border-color: #ccc;
}

.native-date 
{
	display:none !important;
}

.dropdown-date 
{
	display:none !important;
}

.show 
{
	display: block !important;    
}

.hide 
{
	display: none !important;    
}

.combodate:first-child 
{   
	margin-left: -15px;
}


.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999;
}

.tt-dropdown-menu {
  width: 422px;
  max-height: 300px;
  overflow-y:auto;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
	 -moz-border-radius: 8px;
		  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	 -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
		  box-shadow: 0 5px 10px rgba(0,0,0,.2);
   -webkit-overflow-scrolling: touch;
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 12px;
  line-height: 24px;
  cursor: pointer;
}

.tt-suggestion:nth-child(odd)
{
	background-color: #DFDFE3;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0264a1;
}

.tt-suggestion p {
  margin: 0;
}

@media (max-width: 400px) {
	.tt-dropdown-menu {
	  width: 300px;
	}

	.col-sm-12, .col-sm-8, .col-sm-4
	{
		padding-right:0px;
	}
	.container
	{
		padding-left:0px;
	}   
    .recentsHeader {
        margin-top: 46px !important;
    }
}

.box-shadow
{
	 box-shadow: 0px 0px 35px -16px #000;
     -webkit-box-shadow: 0px 0px 23px -16px #000;
     -moz-box-shadow: 0px 0px 23px -16px #000;
}

/*Icons*/
.ui-icon {
	display: inline-block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	width: 33px;
	height: 33px;
	background-image: url(images/Safeway-Icons_Sprite-33.png) /*{iconsContent}*/;
}
.ui-icon-car { background-position: 0px 0px; }
.ui-icon-house { background-position: 0px -33px; }
.ui-icon-summary { background-position: 0px -165px; }
.ui-icon-person { background-position: 0px -858px; }
.ui-icon-dollar { background-position: 0px -528px; }
.ui-icon-warning { background-position: 0px -264px; }
.ui-icon-question { background-position: 0px -561px; }

/*Large Icons*/
.ui-l-icon { width: 44px; height: 44px; background-image: url(images/Safeway-Icons_Sprite-44.png)/*{iconsContent}*/; }
.ui-l-icon-car { background-position: 0px 0px; }
.ui-l-icon-house { background-position: 0px -44px; }
.ui-l-icon-summary { background-position: 0px -220px; }
.ui-l-icon-person { background-position: 0px -1144px; }
.ui-l-icon-warning { background-position: 0px -352px; }
.ui-l-icon-dollar { background-position: 0px -704px; }

/*Small Icons*/
.ui-s-icon { width: 22px; height: 22px; background-image: url(images/Safeway-Icons_Sprite-22.png)/*{iconsContent}*/; }
.ui-s-icon-question { background-position: 0px -374px; }

.ui-xs-icon { width: 18px; height: 18px; background-image: url(images/Safeway-Icons_Sprite-18.png)/*{iconsContent}*/; }
.ui-xs-icon-question { background-position: 0px -305px; background-repeat: no-repeat; display: inline-block;}
.del-icon
{
	font-size:18px;
	padding: 9px 11px 13px 11px;
	
	cursor: pointer;
}

.del-icon:hover
{
	background: #dedede;
}

.icon-size-med{
    font-size: 14px;
}

.reserve
{
	display: block;
	color: black;		
	margin-top:0px;
	font-size: 14px;
}

.reserve-clicked
{
	display: block;
	color: #b47705;		
	margin-top:0px;
	font-size: 14px;
}

.reserve-open
{
	display: block;
	color: green;		
	margin-top:0px;
	font-size: 14px;
}

.reserve-closed
{
	display: block;
	color: red;		
	margin-top:0px;
	font-size: 14px;
}

.reserve-closed span,
.reserve-open span,
.reserve-clicked span,
.reserve span {
	color: inherit;
}

button.h5.reserve-closed,
button.h5.reserve-open,
button.h5.reserve-clicked,
button.h5.reserve{
    margin-top: 10px;
}

.spanButton{
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
}

.reserve:hover, .reserve-open:hover, .reserve-clicked:hover, .reserve-closed:hover
{
	cursor: pointer;
}

.fa-md {
	font-size: 1.15em;
}

.fa-save
{
	font-size:20px;
	padding-top: 2px;
}

.fa-umbrella
{
	font-size:20px;
	padding-top: 7px;
	padding-right: 3px; 
}

.fa-dollar
{
	font-size:20px;
	padding-top: 7px;
	padding-right: 3px;  
}

.fa-dollar.recipient {
	font-size: 17px;
	padding-top: 0px;
	padding-right: 0px;
}

.trash
{
	font-size:18px;
	padding-top: 10px;
	padding-right: 20px;   
}

.user
{
	font-size:15px;
	padding-top: 8px;
	color: #b47705;
}

.sidebar-icon
{
	font-size:12px;
	color: #b47705;
}

.savedisk
{
	font-size:17px;
	padding-top: 5px;
	padding-right: 3px;   
}

.cancel
{
	font-size:16px;    
}

.pencil, .ok
{
	 font-size:18px;
	 padding-left:5px;
}

.ok
{
	 padding-top: 10px;
}

.notice {
	padding-top: 10px;
	padding-bottom: 15px;
	background:#E8F0FF;	
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #829BCC;
	margin-bottom: 10px;
	font-size: 12px;
	font-style: italic;	
}

.label-trash
{
	font-size: 18px;
	padding-right: 14px;    
	cursor: pointer;   
}

.modal-dialog {
	top: 15vh;
}

.save-btn {  padding:0px 15px 0px 15px; }
.save-btn > button { width: 100%; }

.tip {
	margin-left: 10px;
}

.tipdiv { 
  padding: 1px;
  margin-top: 5px;
  margin-bottom : 5px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
		  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tipdiv-content {
  padding: 9px 14px;
}

.tip:hover,
.tip:focus { 
  cursor: pointer;
  filter: alpha(opacity=80);
  opacity: .8;
}

.popover-title 
{
	color: #0264a1;
	font-size: 12px;
	text-transform: none;
}

.popover:not(.clockpicker-popover)
{
	max-width: 300px;
	width:300px;
}

.input-group-addon.checkbox {   
	background-color: #EAF0F6;   
}

.wrkApp .row {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	padding-top:7px;
	padding-bottom:0px;
	border:1px solid #ccc;
	margin-bottom:2px;
}

.checkbox-desc {
	 height: 100%;
	 padding-top:14px;
	 min-height:50px;
	 min-width:100%;
 }

/*prevent calendar becoming blurred on resizing*/
@media (max-width: 1200px) {
	.fa.fa-calendar {
		width:20% !important;
	}  
}

.dummytip {
	margin-top: 16px; /*must set the height of the other cols in this row to same height as tip icon*/
}

/*/************slowness indicator**********/
#loading {
	margin-left: 10vw;
	margin-top: 15vh;
	position: absolute;
	left: 0;
	right: 0;
	width: 300px;
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotateY(360deg) ; } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotateY(360deg) ; } }
@keyframes spin { 100% { -webkit-transform: rotateY(360deg) ; transform:rotateY(360deg) ; } }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#loading {
		margin: 15vh auto auto auto;
	}
}

.glyphicon-refresh-animate:not(.glyphicon-ok):not(.glyphicon-remove) {
	-webkit-animation: refresh-spin .8s infinite linear;
	   -moz-animation: refresh-spin .8s infinite linear;
		 -o-animation: refresh-spin .8s infinite linear;
			animation: refresh-spin .8s infinite linear;
	
}

@-webkit-keyframes refresh-spin {
	from { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg);}
	to { -webkit-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg);}
}

@-moz-keyframes refresh-spin {
	from { -moz-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg);}
	to { -moz-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg);}
}

@-o-keyframes refresh-spin {
	from { -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg);}
	to { -o-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg);}
}

@keyframes refresh-spin {
	from { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg);}
	to { -webkit-transform: scale(1) rotate(360deg); -moz-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg);}
}

.panel-row{
	padding-left: 0px; 
	margin-bottom: 10px;
}

.row-icon{
	padding-left: 7px;
}

.row-error{
	padding-right: 0px; 
	padding-left: 0px; 
	font-weight:bold;
}

.row-errmsg{
	padding-left:15px; 
	padding-right:5px;
	margin-left: 0px !important;
}

.modal-backdrop.slownessIndicator {
  background-color: #F8F8F8;
}

/*checkboxes*/
.custom-checkbox-label 
{
	 font-weight: normal;
	 display: inline;  /* This removes the gap between the checkboxs */
}

.input-group-checkbox {
    font-weight: normal;
    display: block;
    margin: 0;
}

.input-group:not(.input-group-wrapper):hover .checkbox-desc, .keyboardfocus, fieldset.two-radio label:hover, label.req-error:hover
{
	background-image:none;
	filter:none;
	background-color:#6699CC;
}

.inputBackgroundStyle{
    background-image: -webkit-linear-gradient(top, #b9cde0 5%, #fefcf9 30%);
	background-image:         linear-gradient(to bottom, #b9cde0 5%, #fefcf9 30%);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#fefcf9");
}

table.dataTable.display tbody tr:hover label {
	background-color: #fff;
}


/*notepad texteditor*/
.tooltip {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 5px 5px 8px #CCC;
	-webkit-box-shadow: 5px 5px 8px #CCC;
	box-shadow: 5px 5px 8px #CCC;
	opacity: 1 !important;
	z-index: 9999;
	background-color: #fefcf9;
	background-image: -webkit-linear-gradient(top, #b9cde0 70%, #fefcf9 100%);
	background-image: linear-gradient(to bottom, #b9cde0 70%, #fefcf9 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#fefcf9") alpha(opacity=100) !important;
}

.tooltip-inner {
	padding: 3px 8px;
	text-align: center;
	text-decoration: none;
	background-color: #fefcf9;
	background-image: -webkit-linear-gradient(top, #b9cde0 70%, #fefcf9 100%);
	background-image: linear-gradient(to bottom, #b9cde0 70%, #fefcf9 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#fefcf9") alpha(opacity=100) !important;
	color: #0264a1;
	border-radius: 4px;
	max-width: 380px;
	z-index: 9999;
	opacity: 1 !important;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  background-image: url(images/Safeway-Icons_Sprite-33.png);
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #0264a1;
}

.note-toolbar, .notebody, .main-header2-gradient{  
	color: #0264a1; 
	background-image: -webkit-linear-gradient(top, #b9cde0 70%, #fefcf9 100%);    
	background-image:         linear-gradient(to bottom, #b9cde0 70%, #fefcf9 100%); 
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#fefcf9");
	border-width: 0px;
	border: none;
}

@media screen {
	.notegrid {		
		color: #0264a1;
	}

    .notegrid font[color="#000000"] {		
		color: #0264a1 !important;
	}
}

.note-editable span {
	font-size: 14px !important;
	font-weight: normal;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.note-editable p, .notegrid p{
    margin: 0px;
}

.pointer:hover {
	cursor: pointer;
}

.currency-alignment {
	float: right;
}

.two-radio-note {
	margin-top: -8px;	
}

.two-radio-note label:nth-child(1){
	margin-right: 10px;	
}

.two-radio-note label:nth-child(2){
	margin-right: 15px;	
}

.claims .two-radio-note label:nth-child(2){
	margin-right: 10px;	
}

.img-responsive:not(.ui-icon):not(.ui-s-icon):not(.ui-l-ico) {
	width: auto;
}

.fileUpload {
	position: relative;
	overflow: hidden;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	width:170px;
}

.uploadmain .fileUpload input.upload {
	padding-bottom: 10px;
	width: 100%;
}


.uploadrow {
	padding-left:5px;
	padding-right:5px;
}

.fileUpload.btn.multi {
	cursor: pointer;
	text-align:left;
	padding-left:3px;
}

.uploadapp .fileUpload.btn.multi {
	width:300px;
}

.fileUpload span.multi, .fileUpload.uploadLink{
	color: #0264a1;
	cursor: pointer;
	font-weight: normal;
}

.fileUpload.uploadLink {
	text-align: center;
}

.fullWidth {
	width:100%;
}

.fullMaxWidth {
    max-width: 100% !important;
}

.smallfont {
	font-size:11px;
	font-weight: normal;
}

.uploadplaceholder {
	margin-left:10px;
	width:150px;
	height:130px;
	border:solid;
	border-width:1px;
	border-color:#b9cde0;
	display:none;
}

.uploadimg {
	margin-top:10px;
	width:150px;
	height:130px;
	cursor: pointer;	
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.uploadimg:active {  
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  transform: translateY(4px);
}

.smsupload .uploadimg {
    margin: 0px;
    width: 240px;
    height: 207px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.smsupload .cards {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.smsupload.card-col {
    max-width: 256px; /* Max width is Image Width (240px) + Card Col padding (16px)*/
	padding-left: 0px;
	padding-right: 16px;
}

.uploaddel {    
	vertical-align: top;
	margin-left: -22px;
	margin-top:12px;
	display:inline-block;  
	padding-left: 3px;
	padding-right: 4px;
	background: white;
	color: #0264a1;
}
.uploaddel:hover, .uploaddel:focus {
	padding-left: 3px;
	padding-right: 4px;
	outline-offset: 0px;
} 

.container.upload .row {
	padding-left:15px;
	padding-right:5px;      
}

.container.upload .panel-body .row {
	padding-left:0px;
	padding-right:0px;      
}

.container.upload .panel-body {
	margin-top:-15px;
	margin-bottom:-15px;
}

.uploadmain .panel-body {
	margin-top:0px;
	margin-bottom:-15px;
}

 .uploadveh{
	display: block;
	border: 1px solid #dedede;
	border-radius: 4px;
	padding: 10px;	
	cursor: pointer;
	color:#0264a1;
	text-align:center;
	background: #dedede;
	height: 40px;
	text-transform : uppercase;
}
 
.uploadveh h5 {
	padding-top: 12px;
}

.uploadveh.addanother {
	margin-top:10px;
}

label .uploadimg {
	font-weight: lighter;
}

#qrprint {
	color:#0264a1;
	cursor: pointer;
	margin-right: -90px;
	margin-top: 30px;
	float:right;   
}

.qrcode {
	margin-top: -60px;
	float:right;   
}

.qrprintheader {
	color:  #C4C6C6 !important; 
}

.qrreader {
	color:#0264a1;
	cursor: pointer;
	margin-right: -90px;
	margin-top: 30px;
	font-size: 10px;  
}

@media print 
{ 
	 #swlogo {
	   width:50%;
	} 
	#qrprint {
		display:none;
	} 
	
	.qrcode {
		margin-top: -58px;
		float:right;   
	} 

	.qrreader  {
		display:none;
	} 
}

@media screen {
	.printview {
		display:none;
	}

	.collapseRatingCalculation {
		overflow-x:auto;
	}
}

@media print {
    .screenview {
        display: none;
    }

    .ratingCalc .collapse {
        display: block;
    }

    .printRemovePaddingBottom {
        padding-bottom: 0px;
    }

    .printTextCenter {
        text-align: center;
    }

    .glyphicon {
        display: none;
    }

    .rowMinus {
        display: none;
    }

    .rowPlus {
        display: none;
    }

    .printThis {
        display: block !important;
    }

    .repeaterList {
        max-height: none !important;
    }
    
    .filterText {       
        display: block !important;       
	}         
}

.textbox-label {
	display: block;
	width: 100%;
	min-height: 34px;
	padding: 6px 0px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
}

btn-primary-safeway-small:active,
.btn-primary-safeway-small
{    
	background-image: -webkit-linear-gradient(top, #b47705 70%, #845704 100%) !important;
	background-image:         linear-gradient(to bottom, #b47705 70%, #845704 100%) !important;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b47705", endColorStr="#845704");
	color:#fff;   
	border-color: #fff;        
}

.panel-heading4 {
  background-color: #f3f7fa !important;
  color: #0264a1; 
  padding: 8px; 
  height: 40px;
  border-radius: 0px;  
  border: 1px solid transparent;
  border-bottom: 0px solid transparent !important;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.historybody.panel-body {
	padding: 0px !important;
	border-style: none;
	border: 0px !important;
}


.historytab > .nav > li.dropdown > a:hover,
.historytab > .nav > li.dropdown > a:focus
 {
  background-image: -webkit-linear-gradient(top, #b9cde0 70%, #fefcf9 100%) !important;    
	background-image:         linear-gradient(to bottom, #b9cde0 70%, #fefcf9 100%) !important; 
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#fefcf9") !important;
  text-decoration: none !important;
  color: #b47705 !important;  
}

.navbar-header.historytab
 {  
	background-color: #0264a1 !important;  
	margin: 0px !important;     
	padding:0px 0px 0px 0px !important; 
	border: 0px !important;            
}

.navbar-toggle.actions {    
  padding: 5px 5px !important;  
}

.navbar-brand
{
	padding-top: 10px;
	padding-bottom: 10px;
}


.historytab > .nav > li.dropdown > a
{
	  margin: 0px !important;
	  padding:10px 0 10px 8px !important; 
	  border: 0px !important;
	  background-image: -webkit-linear-gradient(top, #b9cde0 5%, #fefcf9 95%) !important;
	  background-image :         linear-gradient(to bottom, #b9cde0 5%, #fefcf9 95%) !important;
	  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#fefcf9") !important;
	  border-radius:0px !important;
	  color: #0264a1 !important;
	  width: 100% !important;
	  text-align:left;
}

#clienthistorypage .nav > li.dropdown
{       
	width: 33.3%;    
}

.navbarTwoItems 
{
	width: 50% !important;
}

.navbarThreeItems 
{       
	width: 33.33% !important;
}

.navbarFourItems 
{       
	width: 25% !important;
}

@media (max-width: 767px) 
{
	.nav > li.dropdown
	{
		display: table-row;
		width: auto;
		float:none;
	}
}

.capFirstLetter  
{
	text-transform: capitalize; 
}

#clienthistorypage .panel
{
	box-shadow: 0px 0px 0px rgba(0,0,0,0.05) !important;
}

#clienthistorypage .main-header2
{
	margin-bottom:0px !important;       
}

#clienthistorypage .main-header3
{   
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#clienthistorypage .navbar
{
	margin-bottom:0px !important; 
}

.panel-default.sideBar 
{
	border-color: White;
	background-image: none;
	filter: initial;
}

.panel-title2 .accordion.collapsible:after{
	color: #0264a1;
	font-size: 14px !important;
	padding-right:5px;
	font-weight:normal !important;
}

h4.panel-title2
{
	font-size: 14px !important;
}

@media (max-width: 767px) 
{
	.padsmall
	{
		padding-left:20px !important; 
		padding-right:0px;
	}
}

#clienthistorypage .dropdown-menu
{
	top:auto;
}

#clienthistorypage nav, .btn-primary-safeway-small, #clientsearchpage nav
{
	-webkit-font-smoothing: antialiased;
	text-transform: capitalize;
}

.warnicon:after {
	content: "\e107";
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	padding-right: 5px;
}

.warniconln:before {
	content: "\e107";
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	padding-right: 5px;
}

.successiconln:before {
	content: "\e089";
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	padding-right: 5px;
}

.menubutton {
	color: #b47705;
	text-decoration: none;
	background-color: white;
	border: none;
	width: 100%;
	text-align: left;
	padding: 3px 10px;
}

.menubutton:hover {
	background-color: #f5f5f5;
}

.duedate:first-child {
   height:30px; 
}

.linkBlack {
	color:#000;
}

/*carousel*/
.carousel-inner > .item > a > img,.carousel-inner > .item > img {
	width: 30%;    
	margin: auto;
}
.carousel-indicators  {
	bottom: -40px
}
.carousel-indicators li {
	border-color: #0264a1;
}

.carousel-indicators li.active {
	background-color: #0264a1;   
}

.carousel-inner > .item img {
	width: 300px;
}
.carousel-control.left, .carousel-control.right {
	background-image:none;
	filter: 0px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	color: #0264a1;
}
/*end carousel*/

/*datatables.net overrides and new styles*/
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  background-color: #0264a1;
}

/*don't display the responsive icon on group rows*/
table.dataTable.dtr-inline.collapsed > tbody > tr.group > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.group > th:first-child:before {
  display: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  background-color: #b47705;
}

.dataTables_wrapper {
	padding:5px;
}

.DTTT.btn-group {
	display: block;
	float:right;
	padding-left: 50px;
}
tr.odd {
	background-color: #f3f7fa  !important;
}
table.dataTable {
	font-size: 12px !important;
	color: #000;
	border-collapse: collapse !important;
}

.pagination > li > a:hover {
	 border: 1px solid black;
     z-index: 2;
} 

.pagination > li > span:hover { border: none; }

.pagination > li > a:focus { 
    border: 1px solid black;
    z-index: 2;
} 

.pagination > li > span:focus { border: none;}

.paginate_button { border: none !important; }

.dataTables_wrapper .highlight {
	color:#0264a1;
}

@media screen and (max-width: 767px) { 
	.dataTables_wrapper .dataTables_filter
	{
		float: none;
		text-align: center;
		width: 100%;
	}
}
@media screen and (max-width: 767px) { 
	.dataTables_wrapper .dataTables_length
	{
		float: none;
		text-align: center;
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	div.DTTT 
	{
		display: block;
		float: none !important;
		margin-bottom: 40px;
		margin-left: auto;
		width: 100%;
		padding-left: 30% !important;
	}
}

@media screen and (max-width: 450px) {
	div.DTTT 
	{
		display: block;
		float: none !important;
		margin-bottom: 40px;
		margin-left: auto;
		width: 100%;
		padding-left: 13% !important;
	}
}
table.dataTable.hover tbody tr:hover, table.dataTable.hover tbody tr.odd:hover, table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover, table.dataTable.display tbody tr.odd:hover, table.dataTable.display tbody tr.even:hover {
	background-color: whitesmoke;
}

.white-background-row table.dataTable tbody tr.insertedChildRow {
	background-color: #fff !important;
}

.btn.btn-default {
	padding-right: 12px;
}

ul.pagination {
white-space: normal !important;
}

@media (min-width: 1px) { .paginate_button:not(.first):not(.last):not(.next):not(.previous) { display: none !important; }}
@media (min-width: 992px) { .paginate_button:not(.first):not(.last):not(.next):not(.previous) { display: inline-block !important; }}

/*end datatables.net*/

.blueText {
	color: #0264a1;
}

.redText {
	color: red;
}

.greenText {
	color: green;
}

.textDarkRed {
	color: #b94a48;
}

.darkRedText {
    color: #b94a48 !important;
}

.medRedText {
    color: #d9534f !important;
}

.darkRedBorder {
	border: 2px solid #b94a48;
}

.highlightCell {
	font-weight: bold !important;
	color: #b47705;
}

.disabled {
	cursor: not-allowed !important;
}
.gridedit.tpx-popup-dialog {
	background-color: #ffffff;
	z-index:9999;
}

.gridedit.tpx-popup-dialog .ui-dialog-titlebar {
	display:none;
}

.gridedit.tpx-popup-dialog .ui-dialog-title {
	color: #ffffff;
}

.gridedit .tpx-dialog-body {
	min-height: 50px !important;
}

.gridpopup .input-group-addon{ cursor: pointer;}

.gridpopup {
  left: 0;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  border-radius: 4px;
  border:solid;
  border-width: 1px;
  border-color:rgba(0, 0, 0, 0.2);

  -webkit-box-shadow: 2px 4px 12px 0px #000000;
	 -moz-box-shadow: 2px 4px 12px 0px #000000;
		  box-shadow: 2px 4px 12px 0px #000000;
}

.gridpopup:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 7px;
}
.gridpopup:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid white;
	position: absolute;
	top: -6px;
	left: 8px;
	border-width: 7px;
}

/*ShowInputDialog End*/

.ui-widget-content {  border:1px solid #dddddd; background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x; color: #333333;}
.ui-dialog { overflow: hidden; padding: .2em; outline: 0; z-index: 101; position: absolute !important; }
.ui-draggable .ui-dialog-titlebar {cursor: move;}
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;}
.ui-helper-clearfix::after { clear: both; }
.ui-helper-clearfix::before, .ui-helper-clearfix::after { content: ""; display: table; border-collapse: collapse;}
.ui-widget-header { color: #ffffff; font-weight: bold;}
.ui-draggable-handle {-ms-touch-action: none; touch-action: none;}
.ui-helper-clearfix { min-height: 0px;}
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis;}
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px;}
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none;  overflow: auto;}
.ui-resizable-n { cursor: n-resize; height: 7px;width: 100%;top: -5px;left: 0px;}
.ui-resizable-e { cursor: e-resize;width: 7px;right: -5px;top: 0px;height: 100%;}
.ui-resizable-handle {position: absolute;font-size: 0.1px;display: block;-ms-touch-action: none;touch-action: none;}
.ui-resizable-s {cursor: s-resize;height: 7px;width: 100%;bottom: -5px;left: 0px;}
.ui-resizable-w { cursor: w-resize;width: 7px; left: -5px; top: 0px; height: 100%;}
.ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px;}
.ui-resizable-sw {cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px;}
.ui-resizable-ne {cursor: ne-resize; width: 9px; height: 9px; right: -5px;top: -5px;}
.ui-resizable-nw {cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px;}

.tpx-dialog-body.ui-dialog-content.ui-widget-content { width: 100% !important; height: 100% !important;}
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {background-color: #0264a1 !important;border-color: #0264a1 !important;}
.ui-dialog-titlebar-close { top: 15px !important; border: none !important; font-size: 1.5em !important; background: #0264a1 !important;}

.ui-widget-overlay
{
	  position: fixed !important;
}

/*ShowInputDialog End*/

@media (min-width: 0px) 
{ 
	.col-lg-half{ width:50% !important; float: left; position :relative; min-height: 1px; padding-right: 5px;}
	.batchShowOnMobile{ display: block !important; height: 10px;} 
	.batchHideOnMobile{ display: none !important;} 
	.batchShowOnMobile2{ display: block !important; height: 10px;} 
	.batchHideOnMobile2{ display: none !important;} 
}   
@media (min-width: 768px) 
{ 
	.col-lg-half{ width:  25% !important; float: left; position :relative; min-height: 1px; padding-right: 5px;}
	.batchShowOnMobile2{ display: none !important;}
	.batchHideOnMobile2{ display: block !important;}
}  
@media (min-width: 1200px) 
{ 
	.col-lg-half{ width:  4.165% !important; float: left; position :relative; min-height: 1px; padding-right: 5px;}
	.batchShowOnMobile{ display: none !important;} 
	.batchHideOnMobile{ display: block !important;} 
}
div.typeaheadWidth  .twitter-typeahead {
	display: block !important;
}
							
/*Batch Process End*/

[disabled].form-control, [readonly].form-control, fieldset[disabled] .form-control, .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled, option[disabled] {
	cursor: not-allowed;
	background-color: #eee !important;
	background-image: none !important;
	opacity: 1 !important;
}

option[disabled] {
	background-color: #f2dede !important;
	color: #b94a48;
}

/*display grid buttons side by side*/
.dt-buttons.ui-buttonset li {
	display:inline;
}

/*overwrite buttons hover style*/
button.dt-button:hover,
div.dt-button:hover,
a.dt-button:hover {
  text-decoration: none;
  padding-right:12px;
}

/*display grid buttonset beside the show entries*/
.dt-buttons.ui-buttonset {
	display:inline;
}

.dt-buttons.ui-buttonset li a {
	 display:inline;
}  

.word_wrap
{
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.textLeftOrRight {
	display : block;
	padding-top: 5px; 
	padding-bottom: 15px;
	float: right !important;
}

.gridButtons {
	display : block;
	padding-top: 5px;
	padding-bottom: 15px;
}


@media (max-width: 989px) {
    .grid-functionality.notFullWidth select { margin-left: 16px;}
    .grid-functionality.notFullWidth .gridButtons { margin-left: 15px;}
}

@media (min-width: 989px) and (max-width: 1200px) {   
    .grid-functionality.notFullWidth .gridButtons { margin-left: -10px;}
    .grid-functionality.notFullWidth .gridSearch { margin-left: -20px;}
    .claims-datatable .dataTables_wrapper .gridSearch { margin-left: -20px;}
    .claims-datatable .grid-functionality.notFullWidth .gridSearch { margin-left: -8px !important;}
    .mapDimensions.savedImg { width: 285px !important;}
    .mapWarning { margin-top: 7px !important;
                  padding: 10px !important;
}
}

.gridLayout > div {
	text-align : left !important;
	float : left !important;
}

.paginationMargin {
	margin-top: 10px !important;
}

@media (min-width: 1px) {  .textLeftOrRight{ text-align: left !important;}}
@media (min-width: 768px) { .textLeftOrRight{ text-align: right !important;}}

.progress {
	margin-bottom:0px;	
}
.progress span {
	vertical-align: top;
}

.uploadmain .progress, .upload .progress {
	height: 22px !important;
}

.upload .progress {
	margin-bottom:5px;
}

.uploadmain progress, .upload progress {
	-webkit-appearance: none !important;
	appearance: none;
	height: 100% !important;	
}

.upload progress {
	width: 95% !important;
}	

.uploadmain progress {
	width: 92% !important;	
}

@media (max-width: 1000px){ 
   .upload progress { 	
		width: 90% !important;	
	}
}

@media (max-width: 1000px){
   .uploadmain progress { 	
		width: 83% !important;	
	}
}

@media (max-width: 500px){
	.upload progress { 	
		width: 85% !important;	
	}
}


.uploadmain progress[value]::-webkit-progress-bar, .upload progress[value]::-webkit-progress-bar {
  background-color: #EAF0F6;
  border-radius: 2px;  
}

.uploadmain progress[value]::-webkit-progress-value, .upload progress[value]::-webkit-progress-value {
	background-color: #0264a1 !important;
}

.upload .panel-group {
	margin-bottom:10px;
}

#ShowSSN{
	margin-top: 35px;
}

.group {
background-color : #b9cde0 !important;
}
/*Adding bootstrap callout styles*/
/* Base styles (regardless of theme) */
.bs-callout {
	margin: 20px 0;
	padding: 15px 30px 15px 15px;
	border:1px solid #eee;
	border-left: 5px solid #eee;
   
}

.bs-callout h4 {
	margin-top: 0;
}

.bs-callout p:last-child {
	margin-bottom: 0;
}

.bs-callout code,
.bs-callout .highlight {
	background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
	border-left-color: #ce4844;
}

.bs-callout-warning {
	border-left-color: #B47705;
}

.bs-callout-info {
	border-color: #d0e3f0;
}

.bs-callout-danger h4,
.bs-callout-danger a.alert-link {
	color: #B94A48;
}

.bs-callout-warning h4,
.bs-callout-warning a.alert-link {
	color: #B47705;
}

.bs-callout-info h4,
.bs-callout-info a.alert-link {
	color: #3A87AD;
}

.bs-callout a.alert-link {
	font-weight: bold;
}

.error-heading {
	text-align:center;    
	color: #B47705;
	cursor: pointer;
}

.error-detail {
	text-align:center;    
	color: #B47705;
	padding: 20px;
	background-color: #FBF9F5;    
	word-wrap: break-word;
}

.bs-callout-warning > .panel-footer {   
  margin-top:50px;
  border:none;  
}

.panel-footer {
	text-align:center;
	padding-left: 0px;
	padding-right:0px;
}

.noPaddingLeftRight {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.dropdown-submenu {
	position:relative;
}
.dropdown-submenu>.dropdown-menu {
	top:0;
	left:100%;
	margin-top:-6px;
	margin-left:-1px;
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
	display:block;
}
.dropdown-submenu>a:after {
	display:block;
	content:" ";
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-left-color:#cccccc;
	margin-top:5px;
	margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
	border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
	float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
}

.collapseHeader.collapsible:after, .accordion2.collapsible:after {
	content: "\e080";
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	padding-left: 15px;
	float: right !important;
	color: #0264a1;
}


.collapseHeader.collapsed:after, .accordion2.collapsed:after {
	content: "\e114";
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	padding-left: 15px;
	float: right !important;
	color: #0264a1;
}

.HiddenAfter:after {
	content:none;
	display:none;
}


.clm .collapseHeader.collapsible:after {
	content: "\e080"; /*chevron right*/
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	padding-left: 15px;
	float: right !important;
	color: #0264a1;
}

.clm .collapseHeader.collapsed:after {
	content: "\e114"; /*chevron down*/
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	padding-left: 15px;
	float: right !important;
	color: #0264a1;
}

.clmicontext {
	padding-left: 38px !important;
}

.issuePolicy {
	background-image: -webkit-linear-gradient(top, #b47705 70%, #845704 100%) !important;
	background-image:         linear-gradient(to bottom, #b47705 70%, #845704 100%) !important;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b47705", endColorStr="#845704");
	color:#fff;
	width: 135px !important;    
}

.issuePolicyRow {
	padding-left: 0px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	*cursor: hand;
	padding: 0px !important;
	margin: 15px;
}

.dataTables_info {
  margin-right: 20px;
}

.gridButton:hover{
	border: 1px solid black;
	color: #2a6496;
	background-color: #eee;
}

.gridButton:focus{
	border: 1px solid black;
	color: #2a6496;
	background-color: #eee;
}

.gridButton {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.4285;
	color: #428bca;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

[ng-cloak] {
	display: none !important;
}

@media (min-width: 1px) {.textDesktop { white-space: normal;}}
@media (min-width: 1200px) {.textDesktop { white-space: nowrap;}}

.unlockuser {
	color: red;
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	cursor: pointer;
	white-space: nowrap;
	margin-top: -1px;
	width: 90%;
	height: 17px;
	padding-top: 16px !important
}

.unlockuser::before {
	content: "\e020";
	padding-right: 10px;
}

.unlockuser:hover {
	 color: #B47705;
}

.accordion.collapsible:hover {
	 color: #B47705;
	 cursor: pointer;
}

.accordion.collapsible:hover:after {
	 color: #B47705;
	 cursor: pointer;
}

.accordion {
	cursor:pointer;
	text-decoration: none !important;
}

div[tpx-form]:not(.midPage) {
	margin-top: -10px;
}

.midPage {
	margin-top: 1px;
}

.repeaterRow {
	line-height: 24px;
	overflow: auto;
	min-height: 28px;
}

.repeaterRow:nth-child(odd) {
	background-color: #f3f7fa !important;
}

.repeaterList {
	border: 0px solid white; 
	border-image: none; 
	font-size: 12px; 
	overflow-y: scroll;
	box-shadow: none; 
	-webkit-overflow-scrolling: touch;
}

.glyphicon:hover, .fa:hover {
	color: #B47705;
	cursor: pointer;
}

.reviewPhotos .glyphicon:active, .reviewPhotos .fa:active {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  transform: translateY(1px);
}

.plusicon {
	float: left;
	font-size: 20px;
	margin-left: -5px;
	margin-top: -3px;
	margin-right: 5px;
}

.textLink:hover,
.cell-fa:hover,
.cell-glyphicon:hover {
	color: #B47705;
}

.textLinkAllChildren:hover *,
.textLinkAllChildren:hover span.icon-span:before {
    color: #B47705;
}

h4[disabled].textLink {
    pointer-events: none;
}

.hoverLinkEffect > :not(.notLinked){
	color: #B47705;
}

.countUpload {
	position: absolute;
	text-align:center;
	top: -2px;
	right: 20px;
	padding: 2.5px 6.5px 2px 6px;
	color: #0264a1;
	font-size: 16px;
	border-radius: 50px;
	border: .12em solid #0264a1;

}

.countUploadDoc {
	color: white;
	border-color: white;
	width: fit-content;
	position: inherit;
	margin-top: -3px;
}

.countImage {
	margin-left:24px;
	padding: 1px 5px;
	color: white;
	font-size: 16px;
	border-radius: 50px;
	border: .13em solid white;
	box-shadow: 0px 0px 5px #4d4d4d;
}

.countImage:hover {
	color: #B47705;
	border: .13em solid #B47705;
}

.headerLabel {
	color: #B47705;
}

.iframeCover {
	position: absolute;
	border: none;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.dropdown-menu > li > button[disabled] {
	cursor: not-allowed;
}

.btn-hidden { 
	border:none !important; 
	background: none !important;
	background-color: inherit;
	box-shadow:none !important;
} 

.btn-hidden:focus {
	outline:0;
}

.expandMapRoad {    
	top: 243px;
	right: 32px;
	font-size: 19px;
	position: absolute;
	z-index: 1000;
	display: inline-block;
	text-align: center;
	color: #444;
	height: 34px;
	width: 34px;
	line-height: 30px;
	overflow: hidden;
	padding: 0;
	border-radius: 50%;
	cursor: pointer;
	background-color: #fff;
	border: 2px solid #444;
	box-shadow: 0px 0px 1px 2px #fff;
}

.expandMapRoadAzure {
	top: 145px;
	right: 10px;
	font-size: 19px;
	position: absolute;
	display: inline;
	text-align: center;
	color: #83888d;
	height: 32px;
	width: 32px;
	line-height: 30px;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	background-color: #fff;
	box-shadow: rgba(0,0,0,.16) 0 0 4px;
}

.expandMapRoad:hover {
	 background-color: #ddd;
}

.expandMapAerial {
	top: 243px;
	right: 32px;
	font-size: 19px;
	position: absolute;
	z-index: 1000;
	display: inline-block;
	text-align: center;
	color: #fff;
	height: 34px;
	width: 34px;
	line-height: 30px;
	overflow: hidden;
	padding: 0;
	border-radius: 50%;
	cursor: pointer;
	background-color: #444;
	border: 2px solid #222;
	box-shadow: 0px 0px 1px 2px #333;
}

.expandMapAerialAzure {
	top: 145px;
	right: 10px;
	font-size: 19px;
	position: absolute;
	display: inline;
	text-align: center;
	color: #83888d;
	height: 32px;
	width: 32px;
	line-height: 30px;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	background-color: #011c2c;
	border: 2px solid #222;
	box-shadow: rgba(0,0,0,.16) 0 0 4px;
}

.expandMapRoadAzure:hover,
.expandMapRoadAzure:focus,
.expandMapAerialAzure:hover,
.expandMapAerialAzure:focus{
	color:#31acce;
}

.expandMapAerial:hover {
	background-color: #777;
}

.expandStreetView {
	top: 345px;
	right: 32px;
	font-size: 19px;
	position: absolute;
	z-index: 1000;
	display: inline-block;
	text-align: center;
	color: #fff;
	height: 34px;
	width: 34px;
	line-height: 30px;
	overflow: hidden;
	padding: 0;
	border-radius: 50%;
	cursor: default;
	background-color: #444;
	border: 2px solid #222;
	box-shadow: 0px 0px 1px 2px #333;
}

.expandStreetViewAzure {
	top: 9px;
	right: 14px;
	font-size: 13.333px;
	position: absolute;
	display: inline;
	text-align: center;
	color: #b3b3b3;
	height: 40px;
	width: 40px;
	line-height: 40px;
	overflow: hidden;
	padding: 0;
	border-radius: 2px;
	cursor: default;
	background-color: rgba(68, 68, 68, 1);
	box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
}

.expandStreetView:hover {
	background-color: #777;
}

.expandStreetViewAzure:hover {
	color: #fff;
}

.streetViewIframe {
	position: relative;
	width: 100%;
	height: 100%;
}

.streetViewIframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0;
}

.azure-maps-control-container,
.azure-maps-control-button {
	z-index:inherit !important;
}


div.alert-info div.azure-maps-control-container.light button.azure-maps-control-list-button {
	color: #333 !important
}

div.alert-info div.azure-maps-control-container.dark button.azure-maps-control-list-button {
	color: #fff !important
}

.noteCategorySrch {  
	width:150px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	border-right:0px;
	margin-bottom:10px !important;
}

.email-spacing {
	margin-bottom:5px; 
	width:283px; 
	max-width: 100%;
}

.selected {
	color: green;
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
}

.selected::after {
	content: "\e013";
	padding-left: 10px;
}

.reviewPhoto {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	width: 270px;
	padding-bottom: 10px;
}

.reviewPhoto.docReview {
	width:100%;
}

.reviewPhoto:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.reviewPhoto .vehDetails {
	padding: 20px 30px;
}

.reviewPhoto .rotate {
	cursor: pointer;
}

.reviewPhoto .caption, .reviewPhoto .caption h3{
  color: #0264a1 !important;
  text-align: center;
  margin-top:10px;
}

.reviewPhoto .thumbnail {	
	cursor: pointer;	
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.reviewPhoto .thumbnail:active {  
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); 
  transform: translateY(4px);
}
/*:active is only applied to specific elements in IE*/
.activeStyle {  
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); 
  transform: translateY(4px);
}

.north {
transform:rotate(0deg);
-ms-transform:rotate(0deg); /* IE 9 */
-webkit-transform:rotate(0deg); /* Safari and Chrome */
}
.west {
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-webkit-transform:rotate(90deg); /* Safari and Chrome */
}
.south {
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* IE 9 */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
	
}
.east {
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Safari and Chrome */
}


/*MODAL*/
#myImg {
	border-radius: 5px;
	cursor: pointer;
	transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */

.reviewPhoto .modal.modalImage {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 50px; /* Location of the box */
	left: 0px;
	top: 0px;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
	/*Animation for image carousel*/
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

/* Modal Content (image) */
.reviewPhoto .modal-content {
	margin: auto;
	display: block;
	width: 80%;
	height:80%;
	margin-top: 0px;
	max-width: 700px;
}

/* Caption of Modal Image */
#caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

@-webkit-keyframes zoom {
	from {-webkit-transform:scale(0)}
	to {-webkit-transform:scale(1)}
}

@keyframes zoom {
	from {transform:scale(0)}
	to {transform:scale(1)}
}

/* Add Animation to memo dialog*/

.modalMemo.modal.fade:not(.in) .modal-dialog {
	-webkit-transform: translate3d(95%, 0, 0);
	transform: translate3d(95%, 0, 0);
}

/* The Close Button */
.reviewPhotos .closeModal {
	position: absolute;
	top: 5px;
	right: 15px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
	opacity:0.8;
}

.reviewPhotos .closeModal:hover,
.reviewPhotos .closeModal:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/* The Rotate Button */
.reviewPhoto .modal .rotate {
	position: absolute;
	top: 15px;
	right: 45px;
	color: #f1f1f1;
	font-size: 20px;
	font-weight: bold;
	transition: 0.3s;
	opacity: 0.8;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
	.modal-content {
		width: 100%;
	}
}
/*END MODAL*/

.modal .carousel-indicators  {
	bottom: -40px
}

.modal .carousel-indicators li {
	border-color: #f1f1f1;
}

.modal .carousel-indicators li.active {
	background-color: #f1f1f1;   
}

.carousel-inner > .item > a > img {
	  margin: auto;
}

.modal .carousel-control .glyphicon-chevron-left, .reviewPhotos .carousel-control .glyphicon-chevron-right {
	color: #f1f1f1;
}

.modal .carousel-control {	
	width: 5%;
}
/*end reviewPhotos Modal carousel*/

/*reviewPhoto gridView tileView*/

.reviewPhoto.gridView {
	width: 98.5%;
	padding-bottom: 4px;
}

.reviewPhoto .caption.gridView {
	margin-top:-100px
}

/* flip back to tiled view on smaller screens */
@media only screen and (max-width: 950px){
	.reviewPhoto.gridView {
	width:270px;
	padding-bottom:10px;
	}

	.reviewPhoto .caption.gridView {
		margin-top:0px;		
	}	
}

.reviewPhoto .badge {
	background-color: #0264a1;
	color:#fff;
	margin-left: 5px;
	margin-right: 10px;
}

/*Review Photos pager*/
.reviewPhotoPager.pager {
  padding-left: 3px;
  padding-right: 18px;
  margin: 10px 0;
  text-align: center;
  list-style: none;
}

.reviewPhotoPager.pager button {
  color: #0175be;
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.reviewPhotoPager.pager button:hover,
.reviewPhotoPager.pager button:focus {
  text-decoration: none;
  background-color: #eee;
}
.reviewPhotoPager.pager.pager button.next {
  float: right;
}

.reviewPhotoPager.pager.pager button.previous {
  float: left;
}
.reviewPhotoPager.pager button.disabled:hover,
.reviewPhotoPager.pager button.disabled:focus,
.reviewPhotoPager.pager button.disabled {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

/*wrk app calendar*/
.wrkApp .day:not([class*='disabled']) {
	background-color: #b47705;
	color: white;
}

.wrkApp .day:not([class*='disabled']):hover {
	color: black;
}

.wrkApp .active.day:not([class*='disabled']) {
	border: 2px solid black;
}

.wrkApp .active.day:not([class*='disabled']):hover {
	background-color: #eeeeee;
}

 .wrkApp .radioBtn {	
	height:25px;
	margin-top:1px;
	border-radius:25px;
}

.wrkApp .roundCheck {	
	height:25px;
	margin-top:1px;
	border-radius:25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-background-color: buttonface;
    background-color: rgb(221,221,221);
    align-items: flex-start;
    position: absolute;
    z-index: 2;
}

.roundCheckbox, .btn .roundCheckbox {	
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 1;
}

.roundCheck::-ms-check {
    display: none;
}
 
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){ /* IE 10 & 11 */
    .wrkApp .roundCheck {
        background-color: rgb(221,221,221);
        margin-top: 0;
    }

    .wrkApp .roundCheckbox {
        justify-content: flex-start;
        font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
    }

    .wrkApp .roundCheckbox.selected::after {
        content:"\e013";	
	    color:green;	
        margin-left: 3px;
        margin-top: -1px;
        position: relative;
        padding-top: 1px !important;
    }
}
 
.wrkApp .radioBtn.selected {
	padding:5px;
	height:25px;
	margin-top:1px;	
}
.mapDimensions {
	margin-top: 10px; 
	margin-bottom: 100px; 
	height: 400px;
}

.mapDimensions .btn {
	margin-top : 20px;
}

.mapDimensions .button {
	color: none !important;
}

.mapDimensions.savedImg {
	margin-top: 10px; 
	margin-bottom: 10px; 
	height: 400px;
	width: 345px;
}

.mapWarning {	
	margin-left: 0px !important;
	margin-right:0px !important;
	margin-top: 11px;
}

.popover {
  z-index: 1040;  
}

.wrkApp .radioBtn.selected::after {
	content:"\e013";	
	color:green;	
	padding: 0px;
}

.wrkApp .roundCheckbox.selected::after {
	content:"\e013";	
	color:green;	
	padding-top: 2px;
    padding-left: 0px !important;
    z-index: 3;
    pointer-events: none;
}

.wrkApp .radioBtn:focus, .wrkApp .roundCheck:focus {	
	outline:none;
}

.wrkApp .clearfix {
	padding:5px;
}

@media only screen and (max-width: 991px) {
	.wrkApp .card {
		padding-left: 30px;
	}
}

.gold {
	color:#b47705;
}

.functionality-off > div > :not(table):not(.dataTables_scroll) {
	display:none !important;   
}

.claims-header-right {
	float:right;
	margin-right:16px;
}

.claims-nopadding-right-top {
	padding-right:0px;
	padding-top:0px;
}

.claims-checkbox {
	min-height:50px;
	min-width:50px;
}

.claims-datetime-block {
	display:inline-block;
}

.claims-textless {
	margin-top:35px;
}

.claims-radiobutton {
	margin-left:7px;
}

.claims-checkbox-desc {
	padding-left:10px;
}

.claims-nomargin-bottom {
	margin-bottom:0px;
}

.claims-bi-padding-right {
	padding-right:15px;
}

.claims-bi-padding-top {
	padding-top:0px;
}

.claims-bi-padding-bottom {
	padding-bottom:0px;
}

.claims-bi-padding-left {
	padding-left:0px;
}

.claims-bi-padding-left-large {
	padding-left:5px;
}

.claims-bi-margin-top {
	margin-top:5px;
}

.claims-bi-margin-top-med {
	margin-top:10px;
}

.claims-bi-margin-top-large {
	margin-top:25px;
}

.claims-bi-margin-right {
	margin-right:10px;
}

.claims-table {
	width:100%;
}

.claims-box-margin{
	margin:0px 0 20px 0;
}

.claims-iframe{
	overflow:hidden;
	margin-top:15px;
}

.claims-frameheight {
	height:755px;
}

.flexible-container {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom:100%
}
 
.flexible-container iframe,   
.flexible-container object,  
.flexible-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.claims-mainimage {
	padding-top:10px;
	padding-bottom:10px;
}

.claims-newfunction-nav {
	margin-bottom:5px;
	z-index:999;
}

.claims-master-headertext {
	color:#1075be;
    padding-left: 44px;
}

.claims-master-headersubtext {
	color:#666666;
	padding-left:20px;
	margin-left:40px;  
	white-space:nowrap;
}

.claims-claimstatus{
	padding-top:50px;
}

.claims-claimtypeloss{
	padding-top:0px; 
	margin-top:0px;
}

.claims-notepad-header{
	color:#b94a48; 
	padding-left:5px;
}

.claims-notepad-textlabel{
	margin-top:2px;
}

.claims-notepad-sysdispbutton{
	text-align:right;
}

.claims-notepad-sysdispbutton-margin{
	margin-top:-6.5px;
}

.claims-notepad-notedate{
	margin-top:2px;
	color:#b47705;
}

.claims-notepad-notetext{
	margin-top:-30px;
}

.claims-notepad-summernote{
	margin:-10px 0 20px 0;
}

.claims-notepad-categories{
	width:242px;
	margin-bottom: 10px;
	margin-right: 15px;
}

.claims-notepad-add{
	margin-left:20px;
}

.claims-veh-checkbox{
	float:right;
	margin-right:9px;
}

.claims-veh-lookup{
	vertical-align:bottom;
}

.claims-checkbox-width{
	width:85%;
}

.claims-checkbox-align{
	text-align:center;
}

.claims-veh-checkbox-input{
	margin:0px !important;
	position:relative !important;
	vertical-align:middle;
}

.claims-addviolation{
	white-space:normal !important;
}

.claims-accdesc{
	cursor:default;
}

.claims-acclocmap-warning{
	margin-top:20px; 
	margin-left:0px; 
	margin-right:0px;
}

.claims-acclocmap-hide{
	padding-right: 5px; 
	font-size: 18px; 
	margin-top: 0px;
}

.claims-workrequest-actdate{
	margin-left:10px;
}

.claims-workrequest-workapp{
	margin-top:-15px;
}

.claims-workrequest-search{
	width:107px;
}

.claims-workrequest-time{
	width:105px;
}

.wrkApp .row.wrkAppContainer {
	margin-left:15px;
	margin-right:15px;
	padding-bottom:15px;	
}

.wrkApp .row.ContainerCoverages {
	margin-left:15px;
	margin-right:15px;
	padding-bottom:10px;	
}

.colCoverages {
	margin-top: 5px;
}

.titleTooltip {
	align-items: center;
	display: flex;
}

.wrkAppDisplay{
	padding-left:2px;
	padding-right:0px;
	margin:0px;
}

.wrkAppCol {
	margin-top:10px;
}

.wrkApp .badge {
	 background-color:#b47705;
}

.wrkApp .native-date {
	width:130px;
}

.claims-workrequest-dist{
	background-color:#b47705;
}

.claims-workrequest-day{
	color:#b47705;
	min-width:40px;
}

.claims-workrequest-timeselected{
	margin:0px;
}

.claims-workrequest-insuredlist{
	flex-wrap:wrap;
}

.claims-workrequest-insuredlistitem{
	width: 50%; 
	min-width: 230px;
}

.claims-workrequest-input{
	min-height: 65px; 
	min-width: 50px; 
	text-align: center; 
	height: 75px;
}

.claims-workrequest-checkdesc{
	height:75px;
}

.claims-subhead{
	padding-right:0px;
}

.claims-sidesave{
	padding-top:5px;
}

.claims-typeloss{
	padding-top:9px;
}

.claims-adjuster{
	padding-top:8px;
}

.claims-adjuster-bottom{
	padding-bottom:2px;
}

.claims-mustreadnote{
	padding-left:15px;
}

.claims-edit{
	padding-right:5px;
}

.claims-coverage-pointer{
	cursor:pointer;
}

.claims-reserve-header{
	padding-right: 0px; 
	padding-top: 10px;
}

.claims-reserve-view{
	color:#0264a1;
	padding-top:9px
}

/*Notepad*/
.noteHeader {
	margin:0 0 -5px 0;
}
.noteSearchContainer .selected span, .selectpicker .selected span {	
	color: #b47705;
}

.noteSearchContainer .selected::after, .selectpicker .selected::after{	
	font-family: none;
	content: none;	
}

.selectpicker {
	max-width:300px;
}

.noteSearchContainer {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
	padding:15px;	
	padding-bottom: 5px;
	padding-top: 20px;
	margin-top : 35px !important;
}

.noteSearchContainer .input-group-addon {
	border-bottom-left-radius :0px;
	border-top-left-radius:0px;
}

.noteSearch {
	max-width:100%;
	border-right:0px;
	text-transform: none;
}

.policyNumberSearch {
	max-width:100%;
	border-right:0px;	
}

.notepad .glyphicon-search {
	margin-top: 2px;	
	padding:0px;
	cursor: pointer;
}

.notepad .glyphicon-arrow-down {
	margin-top: 2px;
    margin-right: 20px;	
	cursor: pointer;
}

.noteFilter {
	padding:0px;
	margin-right: -10px;
}

.clm.notepad .two-radio-note {
	margin-top: -10px;
}

.noteFilter .noteCategorySrch .btn{
	border-bottom-right-radius :0px;
	border-top-right-radius:0px;
	margin:0px;
	width:95%;	
}

.notepad .filterText {
	padding:0px;
	margin-top: 3px; 
}

.notepad .filterTextSm {
	padding:0px;
	margin-top: 0px;
	margin-left:-30px;
}

.mustReadBtn {
	padding:9px 12px;
	top:0px;
	font-size:14px;
	background-color:#eee;
	border: 1px solid #ccc;
	border-radius:4px;
	color:#b47705;
}

/* smaller screens */
@media only screen and (max-width: 991px){
	.noteFilter .noteCategorySrch .btn {
		border-bottom-right-radius :4px;
		border-top-right-radius:4px;
		width: 100%;		
	}
	.noteFilter .noteCategorySrch {	
		max-width:100%;
	}
}

.noteRemove {	
	border-bottom-left-radius :4px !important;
	border-top-left-radius:4px !important;
    border-bottom-right-radius :0px;
	border-top-right-radius:0px;
}

.noteFilter .divide {
	border-bottom: solid 1px gainsboro;
	padding-bottom: 4px;
}

.noteFilter .glyphicon-ok {
	color: #b47705;
}

.noteFilter .dropdown-menu > li > a:hover,
.noteFilter .dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}

.filterText {
	font-size:x-small;
	color: #b47705;
}

.clearFilter {
	font-size:x-small;
	color: red;
    float:right;   
    margin-right:12px;
    cursor: pointer;
}

.clearFilter:hover{
	color: #B47705;
}

.noteSearchContainer span:not(.nonClick):active {  
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  transform: translateY(1px);
}

mark{
	background: yellow;   
}

.nonClick {
	cursor : default !important;
}

.subBtnTxt {
	font-size:11px;	
}

.btnTextMain {
	font-size:11px;	
}

.claims-newfunction-nav .statusBtn {
	width: 120px;
}

.claims-newfunction-nav .statusBtnSal {
	width: 130px;
}


.dateDisplay {
	z-index: -50; 
	left: 0px; 
	top: 0px; 
	width: 36px; 
	height: 36px; 
	position: absolute;
}

.RedDate .extra {
	border: solid 2px red;
	border-radius: 5px;
}

.sp2Date .extra2 {
	border: 2px solid blue;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.BlueDate .extra2 {
	border: 2px solid blue;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.GreenDate .extra3 {
	content: "";
	width: 26px;
	height: 26px;
	-webkit-transform: scaleY(0.5774) rotate(-45deg);
	-ms-transform: scaleY(0.5774) rotate(-45deg);
	transform: scaleY(1) rotate(-45deg);
	left: 5px;
	top: 5px;
	border: solid 2px rgba(76, 174, 76, 1) !important;
	z-index: -51; 
}

.reportDate .extra5 {
	z-index: 10;
	left: 12px;
}

.reportDate.ie .extra5 {
	left: 0px;
}

.reportDate .extra5:after {
	content: "R";
	border: 2px solid rgba(254, 139, 0, 1);
	transform: translateY(0px) translateX(10px);
}

.dateOfLoss .extra4 {
	z-index: 10;
	left: -10px;
}

.dateOfLoss.ie .extra4 {
	left: -20px;
}

.dateOfLoss .extra4:after {
	content: "L";
	border: 2px solid rgba(254, 139, 0, 1);
	transform: translateY(0px) translateX(10px);
}

.physicianDate .extra7 {
	left: -18px;
}

.physicianDate.ie .extra7 {
	left: 0px;
}

.physicianDate .extra7::before {
	content: "";
	border-top: 2px solid red;
	transform: translateY(13px) translateX(14px) rotate(-45deg);
	position: absolute;
	height: 25px;
	width: 25px;
}

.calendar-print .physicianDate .extra7 {
	left: -15px;
}

.calendar-print .physicianDate.ie .extra7 {
	left: 0px;
}

.calendar-print .physicianDate .extra7:before {
	transform: translateY(10px) translateX(10px) rotate(-45deg);
	height: 30px !important;
	width: 30px !important;
}

.calendar-header.biworksheet-print .physicianDate .extra7:before {
	transform: translateY(10px) translateX(10px) rotate(-45deg);
	height: 24px !important;
	width: 24px !important;
}

.painDate .extra8 {
	left: -18px;
}

.painDate.ie .extra8 {
	left: 0px;
}

.painDate .extra8::after {
	content: "";
	border-top: 2px solid blue;
	transform: translateY(13px) translateX(-2px) rotate(45deg);
	position: absolute;
	height: 25px;
	width: 25px;
}

.calendar-print .painDate .extra8 {
	left: -15px;
}

.calendar-print .painDate.ie .extra8 {
	left: 0px;
}

.calendar-print .painDate .extra8:after {
	transform: translateY(10px) translateX(-10px) rotate(45deg);
	height: 30px !important;
	width: 30px !important;
}

.calendar-header.biworksheet-print .painDate .extra8:after {
	transform: translateY(10px) translateX(10px) rotate(45deg);
	height: 24px !important;
	width: 24px !important;
}

.sp1Date .extra9 {
    top: 60%;
    border-top: 2px solid green;
}

.calendar-print .sp1Date .extra9 {
    top: 45%;
    border-top: 2px solid green;
}

.extra10 {
    display: none;
}

.unrelatedDate .extra10 {
   display: block;
   color: darkred;
}

.otherDate .extra6 {
	border: 7px solid rgb(255, 0, 180);
	border-radius: 50%;
	position: absolute;
	top: 11px;
	left: 11px;
	height: 13px !important;
	width: 13px !important;
}

.calendar-print .otherDate .extra6 {
	top: 8px;
	left: 8px;
}

.datepicker-inline .GreenDate .extra3 { 
	width: 21px;
	height: 21px;
	top: 5px;
	left: 5px;
}

.printPreviewBody .GreenDate .extra3, .printPreviewBody .dateDisplay { 
	z-index: 1;
}

.datepicker-inline td, 
.datepicker-inline th,
.datepicker-inline td .dateDisplay {
	width: 30px;
	height: 30px;
}

.datepicker-inline table tr td.old, .datepicker-inline table tr td.new {
	font-size: 10px;
}

.calendar-print {
	display: none;
}

.calendar-header {
	display: none;
}

.calendar-footer {
	display: none;
}

@media print {
	.calendar-print {
		display: block !important;
		margin-top: 50px;
	}    

	.calendar-header {
		display: block !important;
	}
	
	.calendar-footer {
		display: block !important;
	}

	.printHide {
		display: none !important;
	}
}

.calendar-print .datepicker2 .prev,
.calendar-print .datepicker2 .next,
.calendar-print-preview .datepicker2 .prev,
.calendar-print-preview .datepicker2 .next {
	visibility: hidden;
	padding: 0px;
	font-size: 1px;
}

.calendar-print .datepicker2 {
	padding: 0px;
}

.calendar-print .datepicker-switch {
	padding: 0px;
}

.claims-bi-padding-top-arrow {
	padding-top:3px;
}

.dataTable .highlight{
	background-color: #f0939d !important;
}

.dataTable .other-highlight{
	background-color: rgb(252, 248, 242) !important;
}

.dataTable .other-highlight td{
	color: #ff9900 !important;
}

.dataTable .other-highlight-no-text{
	background-color: rgb(252, 248, 242) !important;
}

.dataTable .highlight-success.even {
    background-color: #DFF0D8 !important;
}

.dataTable .highlight-success.even .sorting_1 {
    background-color: #DFF0D8 !important;
}

.dataTable.safeway-table .highlight-success.even,
.dataTable.safeway-table .highlight-success.even .sorting_1 {
    background-color: #DFF0D8 !important;
}

.dataTable .highlight-success.odd {
    background-color: #C1E2B3 !important;
}

.dataTable .highlight-success.odd .sorting_1 {
    background-color: #C1E2B3 !important;
}

.dataTable.safeway-table .highlight-success.odd,
.dataTable.safeway-table .highlight-success.odd .sorting_1 {
    background-color: #C1E2B3 !important;
}

.recentLink {
	color:#0264a1;
	font-size:12px;
	cursor:pointer;	
	white-space: nowrap;
}

.paddingRight15 {
	padding-right:15px;
}

.paddingRight20 {
	padding-right:20px !important;
}

.recentLink:hover {
	text-decoration: underline;	
}

.underline, .underline-important {
	text-decoration: underline;
}

.underline:hover {	
	cursor: pointer;
	color: #B47705;
}

.underline-important:hover {
	cursor: pointer !important;
	color: #B47705 !important;
}

.noteIcon {
	padding-left: 10px;
}

.noteIcon.pad {
	padding-top: 2px;
}

.glyphicon-search.noteIcon {
	margin-left:-10px;
}

@media (max-width: 353px) {
	.nav-tabs > li > button.start {
		margin: 0px;
		padding: 10px 0 29px 8px !important;
		border: 0px;
		background-image: -webkit-linear-gradient(top, #b9cde0 5%, #fefcf9 95%);
		background-image: linear-gradient(to bottom, #b9cde0 5%, #fefcf9 95%);
		filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#fefcf9") !important;
		border-radius: 0px;
		color: #0264a1;
		width: 100%;
		text-align: left;
	}

	.nav > li:hover, .nav > li > button.start:hover,
	.nav > li > button.start:focus {
	  background-image: -webkit-linear-gradient(top, #b9cde0 70%, #fefcf9 100%);    
		background-image:         linear-gradient(to bottom, #b9cde0 70%, #fefcf9 100%); 
		filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#fefcf9");
	  text-decoration: none;
	  color: #b47705;     
	}
}

.clm.notepad .fadeOut {
	display:none;
}

.subroIn h3 {
	margin:0px;
}

.subroIn .bottomMargin {
	margin-bottom:15px;
}

.subroIn .topMargin {
	margin-top:15px;
}

.subroIn .bottomMarginSm {
	margin-bottom: 10px;
}

.subroIn .addButton {
	margin-bottom: 10px;
	margin-top:10px;
}

/*screen width greater than 768*/
@media (min-width: 768px) {
	.subroIn .reviseOffer {
		float: right;
	}

    .anchorHeader.subAnchor{
        width: inherit;
    }
}
/*screen width less than 768*/
@media (max-width: 768px) {

	.subroIn .btn.reviseOffer {
		margin-top: 10px;
	}

    .anchorHeader.subAnchor {
        width: 100%;
    }
}

.column-not-visible {
	display: none !important;
}

.deleted-visible {
	display: inline;
}

.datatable-border{
    border: 2px solid #b9cde0;
}

.policy-link {
	cursor:pointer;
}

.policy-link:hover{
	text-decoration:underline;
}

.previous-policy{
	cursor:pointer;
	text-decoration:underline;
}

.specialNote {
	display: table-cell !important;
}

.specialNote::after {
		color: #0264a1;
		content: "\270f";
		font-size: 16px;
		margin-left: -10px;
}

.confirm-padding{
	padding-top:35px;
}

.column-visibility-padding{
	padding-left:400px;
}

.upload .photoStatusMsg {
	padding-top:10px;
	padding-left: 2px !important;
	padding-right: 0px;
	margin-bottom: -15px;
	margin-left: -15px;
	margin-right: -5px;
}

.alert-success.darkBlue, .alert-error.darkBlue {
	background-color : #0264a1;
}

.alert-success.grey, .alert-error.grey {
	background-color : #dedede;	
}

.uploadmain .glyphicon-ok, .uploadmain .glyphicon-remove  {
	padding-left: 10px;
}

.alert-success.grey,.alert-success.darkBlue {
	color: #3bb300;
}

.alert-error.darkBlue {
	color: #6f2b2a;
}

.uploadmain .photoStatusMsg .alert {
	margin-bottom:0px;
}

.upload .glyphicon-ok.alert-success,  .upload .glyphicon-remove.alert-error {
	margin-left: 10px;	
}

.closeSidebar {
	margin-right: 5px;
	padding-top: 5px;
}

.coverage-sidebar-top {
	margin-top: 15.5px !important;
}

.coverage-sidebar-top-large {
	margin-top: 28px !important;
}

.welcomeMsg {
	color:#666666;
	font-size:11px;
}

.master .header {
	margin-bottom:5px; 
	padding-left:35px;
}

.master .mainHeader {
	color:#0175be;
	white-space:nowrap;
}

.master .subHeader {
	color:#666666;
	margin-top:-10px;
	white-space:nowrap;
	font-size:11px;
}

.master .contentController {
	margin-left: 2px;
	margin-right: 2px;
}

.master .headerIcon {
	margin-top:10px;
	margin-right:5px;
}

.master .box-shadow {	
	padding-bottom: 10px;
}

.bottomMarginSm {
	margin-bottom: 10px;
}

.maxFullWidth {
	max-width :100% !important;
}

.clock {
	width:105px;
}
.clockEdit {
	width:145px;	
}

.timetable .nav > li {
	width:100px;
	float:left;
}

.nav-tabs.timetable
{  
  margin-bottom: 20px;
}

.claim-print {
	display: none;
}

.claim-print-content{
	display: none;
}

.biworksheet-print h4.printheader {
	border-bottom:  1px solid black;
	font-weight:    bold;
	font-size:      16px;
    margin-top:     10px;
    margin-bottom:  10px;
}

.biworksheet-print h5 {
	font-weight: bold;
}

.bi-print-text h5, .bi-print-text h4{
	margin-top: 2px;
	margin-bottom: 2px;
}

.bi-print-grid-text h5, .bi-print-grid-text h4{
	padding-left: 0px;
    padding-right: 0px;
    float: left;
    font-size:12px;
}

.hideCalendar {
	display: none !important;
}

@media print {
	.claim-print-content {
		display: block !important;
	}

	.claim-print {
		display: block !important;
	}

	.hideCalendar {
		display: none !important;
	}
}


.customBullet:before {
	content: "\2a";
	font-family: 'Glyphicons Halflings', Helvetica, Arial, sans-serif;
	font-size: 9px;
	float: left;
	color: #b9cde0;
	padding-top: 12px;
}

.claimsSideBarHeader {
	padding-top: 0px; 
	margin-top:-4px;
	margin-bottom:0px;
}

.claimsMiniMenu {
	margin-right:10px;
	padding-top:5px;
	margin-left:10px;
	margin-top: 2px;
}

.sideBar .sub-header.claimsSideBarSaveIcon {
	padding-right:10px;
	color:#fff;
}

.claimsSideBarSaveLbl {
	padding-top:10px;
	padding-bottom:10px;
}

.sideBar .contentText {
	color:#0264a1;
}

.sideBar .claimsChargeableBreak {
	background-color:rgba(0,0,0,0);
	padding-top:4px;
}

.sideBar .claimsChargeableHeader {	
	margin-bottom: 2px;
	padding-bottom:2px;
}

.sideBar .claimsCharegeableSection {
	margin-bottom: 20px;
}

.sideBar .claimsChargeableLeft {
	padding-left:2px;
	padding-right:0px;
}

.sideBar .claimsChargeableText {
	margin-top:9px;
}

.sideBar .claimsChargeableRight {
	padding-left:0px;
	padding-right:0px;
}

.sideBar .bottomMarginSm {
	margin-bottom: 10px;
}

.openClaim {
    font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	cursor: pointer;
	white-space: nowrap;
}

.openClaim::before {
    content:"\e118";
}

.openClaimDetails {
    font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	cursor: pointer;
	white-space: nowrap;
}

.openClaimDetails::before {
    content:"\e032";
}

.gridGlyph {
    font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
    cursor: pointer;
    white-space: nowrap;
}

.gridGlyph.glyphFolder::before {
    content: "\e118";
 }

.lock {
    font-family : "Glyphicons Halflings", Helvetica, Arial, sans-serif;
    cursor: pointer;
    white-space: nowrap;
}

.lock::before {
    content:"\e033";
}

.newWindow {
    font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
    cursor: pointer;
    white-space: nowrap;
}

.newWindow::before {
    content: "\e164";
}

.newSMS {
	font-family: "FontAwesome", Helvetica, Arial, sans-serif;
	cursor: pointer;
	white-space: nowrap;
	font-weight: bold;
}

.newSMS::before {
	content: "\f0e5";
}

.rowOpen{
	color: green;
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	cursor: pointer;
	white-space: nowrap;
}

.rowOpen::before {
	content: "\002b";
	padding-right: 5px;
}

.rowOpen:hover {
	 color: #B47705;
}

.rowClose{
	color: red !important;
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	cursor: pointer;
	white-space: nowrap;
}
.activity-claims-margin {
	margin-top: 5px;
}

.bootstrap-select.input-med {
	width: 150px !important;
}

	
.rowClose::before {
	content: "\2212";
	padding-right: 5px;
}

.rowClose:hover {
	 color: #B47705;
}	

.cellClick{
	color: #0264a1;
	cursor: pointer;
}

.cellLink{
	color: #0264a1;
	cursor: pointer;
    text-decoration: underline;
}

.cellClick:hover, .cellLink:hover {
	background-color: #eaeaea;
	color: #B47705;
}

.noTextTransform {
	text-transform: none !important;
}

.adjHistory {
	margin-left: -24px;
}

.adjHistory td:first-child {
	width: 75px;
}

.adjHistory td:nth-child(2) {
	width:133px;
}

.adjHistory td:nth-child(3) {
	width: 140px;
}

.adjHistory td:nth-child(4) {
	width: 140px;
}

.adjHistory td:nth-child(5) {
	width: 148px;
}

.adjHistory td:nth-child(6) {
	width: 135px;
}

/*dynamically display icons on grid depending on child rows*/
.hideDrillDown.rowOpen::before {
	content: "";
}

.rowOpen.showDrillDown::before {
	content: "\002b";
	color: green;
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	cursor: pointer;
	white-space: nowrap;
	padding-right: 5px;
}

.rowClose.showDrillDown::before {
	content: "\2212";
	padding-right: 5px;
	color: red !important;
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	cursor: pointer;
	white-space: nowrap;
}

/*remove sorting icons*/
#adjusterHistoryGrid .sorting::after, #adjusterHistoryGrid .sorting_desc::after, #adjusterHistoryGrid .sorting_asc::after{
	content: none;
}

/*remove surplus white space between heading and grid*/
.endorsementDetailsGrid thead {
	display: none;
}

.Endorsementdescription li {
	margin-left: -20px;
	font-size: 12px;
}

ul.Endorsementdescription {
	list-style: square !important;
}

.left-arrow {
	display: inline-block;
	width: 40px !important;
	padding-right: 0px !important;
	padding-left: 5px !important;
}

.never {
	display:none;
}

.displayNone {
	display:none;
}

.green {
	color: green;
}

.datepicker2 td.new:not(.disabled) {
	color: black !important;
}

.deleteCheck{
	color: red;
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	cursor: pointer;
	white-space: nowrap;
}

.deleteCheck::before {
	content: "\e020";
}

.holdCheck {
	color: #0264a1;
	font-family: "FontAwesome", Helvetica, Arial, sans-serif;
	cursor: pointer;
	white-space: nowrap;
	font-size: 14px;
}

.holdCheck::before {
	content: "\f04c";
}

.editGridRow {
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	cursor: pointer;
	white-space: nowrap;
}

.editGridRow::before {
    content: "\270f";
}

.emailGridRow {
    font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
    cursor: pointer;
    white-space: nowrap;
    padding-left: 24px !important;
}

.emailGridRow::before {
    content: "\2709";
}

.uploadGridRow {
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	cursor: pointer;
	white-space: nowrap;
	padding: 0px !important;
	font-size: 17px;
}

.uploadGridRow::before {
	content: "\e027";
}

.holdCheck:hover, .deleteCheck:hover, .editGridRow:hover {
    color: #B47705;
}

#adjusterHeaderGrid .deleteCheck {
    font-size: 14px;
    text-align: center;
}

.policyLimitcheckboxDesc {
	width:112px;
}

@media (max-width: 768px) {
	.adjuster	[class*="col-"]{
	  margin-bottom: 5px;
  }

	.fullWidthSm {
		width: 100%;
		max-width:285px;
		float: none !important;		
	}
}

@media (min-width: 768px) {
	.sizeSave {
		width: 85px;
	}
}

.polGridCol1 {
	width:70%;
}

@media (max-width: 767px) {
	.reviewPhotos .realignText { text-align:left }
}

@media (min-width: 767px) {
	.reviewPhotos .realignText { text-align:center }
}

.reviewPhotos .dataTable .highlight{
	background-color: #dff0d8 !important;
}

.okIcon:before {
	content:"\e089";
	color: green;	
}

.removeIcon:before {	
	content:"\e088";
	color: #a94442;
	font-size:16px;
}

.removeIcon:hover:before {
	font-size:18px;
}

.gridGlyphicon {
	top: 0px;
	display:block;
}

.uploadReviewed {
	margin-top:-25px;
	margin-bottom: 5px;
	color: #a94442;
}

.uploadReviewed:hover {
	cursor: pointer;
}

.gridNavigationShort .paginate_button {
	margin: 2px !important;
}

.client-history-claims{
	padding-left:20px;
	margin-right:7px;
}

.darkRed {
	color: #a94442 !important;
}

.darkGreen {
	color: #3c763d;
}

.gridDateButtons {	
	border-radius:2px !important;
	border: 1px solid #999 !important;
}

.clienthistory .navbar-toggle {
	background-color: transparent !important;
	display: block;
}

.clienthistory .navbar-default {
	background-color: #0264a1 !important;
	border-color: #e7e7e7;
}

#clientsearchpage .navbar-default {
	background-color: #0264a1;
	border-color: #e7e7e7;
}

#mainpage .navbar-default {
	background-color: #0264a1;
	border-color: #e7e7e7;
}

#clienthistorypage .dropdown-submenu>.dropdown-menu {
	top:0;
	left:-100%;
	margin-top:-6px;
	margin-left:-1px;
	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}

#clienthistorypage .navbar-default .navbar-toggle:hover,
#clienthistorypage .navbar-default .navbar-toggle:focus {
	background-color: #0264a1;
}

#clienthistorypage .glyphicon.glyphicon-th {
	font-size: 20px;
}

.navbar-default .navbar-toggle {
  border: none;
}

.trashcan {
	color: #0264a1;
}

.trashcan:hover {
	color: #B47705;
	cursor:pointer;
}

.rowPlus {
	color: green;
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	cursor: pointer;
	white-space: nowrap;
}

.rowPlus::before {
	content: "\002b";
	padding-right: 5px;
}

.rowPlus:hover {
	 color: #B47705;
}

.rowMinus {
	color: red !important;
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	cursor: pointer;
	white-space: nowrap;
}

.rowMinus::before {
	content: "\2212";
	padding-right: 5px;
}

.rowMinus:hover {
	 color: #B47705;
}

.clientSearchIcons:hover {
	 color: #B47705;
}

.clientHistoryIcons {
	 color: #0264a1;
     font-size: 16px;
}

.clientHistoryIcons:hover {
	 color: #B47705;
}

.red {
    color: red;
}

.mini-menu-text{
	color: rgb(180, 119, 5); 
	font-size:12px;
	line-height: 0.9em;
}

.mini-menu-header{
  color: #fff; 
  padding: 5px 10px 8px 8px !important;
  height: 30px !important;
  font-size: medium;
  border: 0px;
  background-color: rgb(2, 100, 161) !important;
  margin-bottom: 10px !important;
}

table.dataTable td input[type=checkbox] {
	width: 18px;
	height: 18px;
}

.centerForm {
	display: flex; 
	justify-content: center; 
	align-items: center;
}

.underLinePrint {
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
}

.checked-checkbox {
	padding-right: 2px; 
	padding-bottom: 2px; 
	padding-left: 1px;
	border-radius:1px !important;
	border: 1px solid black !important;
    display: inline-block !important;
}

.empty-checkbox {
	padding-right: 16px;
	border-radius:1px !important;
	border: 1px solid black !important;
}

.checkboxPrint {
	padding-left: 5px;
	padding-right: 5px;   
}

.safeway-color-blue {
	color: #0264a1;
}

.safeway-color-blue:hover{
	color: #b47705;
}

.fa-lock.claimsLock {
	color: #5cb85c;
}

.singleCheckbox{
	border-radius: 3px; 
	border: 1px solid #ccc;
	border-image: none; 
	width: 32px;
	height: 32px;
	padding-top: 7px;
	padding-left: 7px; 
	margin-right: auto; 
	margin-left: auto; 
	background-color: rgb(234, 240, 246);
}

.singleCheckbox input
{
	margin: 0px auto; 
	width: 16px; 
	height: 16px;
	cursor: pointer; 
}

.content-list
{
	font-size:15px;
	padding-left:28px;
	padding-bottom:8px;
	cursor:pointer;
}

.content-list :hover{
	color:#b47705;
}

.uploadInfoMsg {
	padding-top: 10px;    
}

.uploadInfoMsg span {
	padding-right:5px;
}

.docTrack .group {
	padding:5px;
}

.docTrack {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
}

.docTrack .row {
   padding-top:5px;  
   margin-left:-15px;
}

.docTrack .row span {
   padding-left: 5px;
}

.docTrack .rowGroup {
   padding-top:0px;
   padding-right:0px !important;
   margin-top:-5px;
}

.docTrack:nth-child(odd) {
	background-color: #f3f7fa;    
}

.gridRepHeader {
	font-size:12px;
	font-weight:bold;
}

.testClass .testHeader,
.testClass .main-header1,
.testClass .panel-heading,
.testClass .mini-menu-header,
.testClass .navbar-default,
.testClass .btn-primary-safeway,
.testClass .btn-primary-safeway-blue {
    background-color: #ff99a8 !important;
    color: white !important;
    background-image: none !important;
}

.testClass .main-header2,
.testClass .panel-title2.main-header2 a,
.testClass .panel-title2.main-header2 a:after,
.testClass .main-header2 span:after,
.testClass .main-header2 span:before,
.testClass .main-header7,
.testClass .cards h4.main-header2 {
	background-color: #ffbfc6 !important;
	color: white !important;
	background-image: none !important;
}

.claims-coveragetip{
   border-radius: 15px; 
   border: 2px solid red;
   width: 100%; 
   height: 100%; 
   cursor: pointer;
}

.mobileScroll {
	-webkit-overflow-scrolling: touch;
}

.recentsEffDateDOL {
	width: 30px;
}
.recentsType {
	width: 30px;
}
.recentActDate {
	width: 30px;
}

.releasePolicy {
	margin-top: -30px;
	color: #5cb85c;
}

.removePointerEvents[disabled] {
	pointer-events: none;
}

.docsDescription {
    width: 150px;
}

.docsDatePrinted {
    width: 150px;
}

.notepadWindow {
    z-index: 5;
    position: relative;
    margin-right: 5px;
    margin-top: -5px;
}

.notepadToolbarBtn {
    z-index: 2;
    position: relative;
    margin-right: 5px;
    margin-top: -6px;  
}

.sidebar.notepadWindow {
    padding-right: 10px;
    margin-top: -25px;  
}

.sidebar.notepad.pencil {
    padding-right: 40px;
    margin-top: 5px;
}

.pageTopIcon {   
    margin-top: 10px;   
}

.notepadTop {
    padding-top:15px;
}

.btn-toolbar .btn-group{
  float: none;
}

.claimIcon {
    float: right; 
    padding: 10px 4px 0px; 
}

/* Font Definitions */
@font-face {
    font-family: "Cambria Math";
}

@font-face {
    font-family: "Bookman Old Style";
}

p.MsoNormal, li.MsoNormal, div.MsoNormal {
    margin:0px;
	margin-bottom:0px;
    font-size: 12.0pt;
    font-family: "Times New Roman",serif;
}

p.MsoTitle, li.MsoTitle, div.MsoTitle {
    margin:0px;
	margin-bottom:0px;
    text-align: center;
    font-size: 14.0pt;
    font-family: "Bookman Old Style",serif;
    font-weight: bold;
}

p.MsoBodyText, li.MsoBodyText, div.MsoBodyText {
    margin:0px;
	margin-bottom:0px;
    font-size: 10.0pt;
    font-family: "Times New Roman",serif;
}

.wordBody p, .wordBody h1, .wordBody span, .wordBody div{
    line-height: 1;
}

.witness {
    margin:0px;
	margin-bottom:0px;
    page-break-after: avoid;
    font-size: 12.0pt;
    font-family: "Times New Roman",serif;
    font-weight: bold;
}

.releaseInput {
    width: 100px;
    height: 25px; 
    line-height: 1; 
    display: inline; 
    text-transform: none;
}

p.MsoNormal2, li.MsoNormal2, div.MsoNormal2
{  
    margin:0px;
	margin-bottom:0px;
	line-height:200%;
	font-size:12.0pt;
	font-family:"Times New Roman",serif;
}

p.MsoHeader2, li.MsoHeader2, div.MsoHeader2
{   
    margin:0px;
	margin-bottom:0px;
	line-height:200%;
	font-size:12.0pt;
	font-family:"Times New Roman",serif;
}

p.MsoFooter2, li.MsoFooter2, div.MsoFooter2
{   
    margin:0px;
	margin-bottom:0px;
	line-height:200%;
	font-size:12.0pt;
	font-family:"Times New Roman",serif;
}

p.MsoBodyText3, li.MsoBodyText3, div.MsoBodyText3
{   
    margin:0px;
	margin-bottom:0px;
	font-size:12.0pt;
	font-family:"Times New Roman",serif;
	letter-spacing:-.15pt;
	layout-grid-mode:line;
}

p.MsoBodyText2, li.MsoBodyText2, div.MsoBodyText2
{   
    margin:0px;
	margin-bottom:0px;
	line-height:200%;
	font-size:11.0pt;
	font-family:"Times New Roman",serif;
	letter-spacing:-.15pt;
}

.pdReleasePreviewPage {
    position: relative; 
    min-height: 29.7cm;
    padding: 5px;
    margin: 15px;
    border: 1px #d3d3d3 solid;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}

.pdReleasePage {    
    position: relative;
    width: 21cm;
    min-height: 29.7cm;
    padding: 0.4in;
    margin: 1cm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.allReleasePreviewPage {
    position: relative; 
    min-height: 29.7cm;
    padding: .3in;
    margin: 15px;
    border: 1px #d3d3d3 solid;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    text-align:justify;
}

.allReleasePage {    
    position: relative;
    width: 21cm;
    min-height: 29.7cm;
    padding: 0.7in;
    margin: 1cm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    text-align:justify;
}

.subpage {    
    position: absolute;
    bottom: 48px;
}

@media print {
    .allReleasePage {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
    }

    .pdReleasePage {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
    }
}

.pageClass1C {
    margin-bottom: 130px !important;
}

.pageClass2C {
    margin-bottom: 150px !important;
}

.pageClass3C {
    margin-bottom: 680px !important;
}

.pageClass1F{
    margin-bottom: 130px !important;
}

.pageClass2F {
    margin-bottom: 90px !important;
}

.pageClass3F {
    margin-bottom: 610px !important;
}

.veh-calc > tbody > tr > td:not(:nth-child(-n+3)), .veh-calc-sub > tbody > tr > td:not(:nth-child(-n+3)), .veh-calc > thead > tr > th:not(:nth-child(-n+3)), .veh-calc-sub > thead > tr > th:not(:nth-child(-n+3)) {
    text-align: right;
    padding-right: 20px;
}

.insertedChildCell {
    cursor: default !important;   
}

#PendingUnauthorizedChecksGrid .insertedChildCell {
    padding-left: 10px !important;
}

#noteMarkMustRead.glyphicon {
	position: inherit;
	top: 0px;
	font-family: 'Glyphicons Halflings', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.menu-dropdown {
    right: 0px;
    background-image: -webkit-gradient(linear,left top, left bottom,color-stop(25%, #b9cde0),to(#fefcf9));
    background-image: -webkit-linear-gradient(top,#b9cde0 25%,#fefcf9 125%);
    background-image:    -moz-linear-gradient(top,#b9cde0 25%,#fefcf9 125%);
    background-image:      -o-linear-gradient(top,#b9cde0 25%,#fefcf9 125%);
    background-image:         linear-gradient(to bottom,#b9cde0 25%,#fefcf9 125%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#fefcf9");
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
       -moz-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    border: none !important;
    left: auto !important;
    margin-top: 40px;
    min-width: 220px;
    padding-top: 0px;
}

.menu-padding {
    padding-left: 10px;
}

.menu-text {
    color: #b47705;
    line-height: 1.25em;
    font-size: 14px;
    text-align: center;
    height: 35px;
    margin-top: -1px !important;
}

.uploads-text {
	color: #008000;
	line-height: 1.15em;
	font-size: 14px;
	text-align: center;
	margin-top: 30px;
}

.uploads-text-md {
	color: #008000;
	line-height: 1.15em;
	font-size: 15px;
	text-align: center;
	margin-top: 30px;
}

.menu-button-position {
    padding-left: 0px;
    padding-bottom: 10px;
}

.menu-button-position[disabled] {
    cursor: not-allowed;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    opacity: .65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
}

.menu-button-position[disabled] .btn {
    pointer-events: none;
}

.menu-button {
    height: 95px;
    width: 95px;
    padding: 3px;
    white-space: normal;
    text-align: inherit;
    background-color: white !important;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    border: 1.2px solid #B0B0B0 !important;
}

.menu-icon-padding {
    text-align: center;
}

.menu-icon-padding > div {
    display: inline-block !important;
}

.sidebar-top {
    margin-top: 0;
    padding-top: 0;
    padding-right: 5px;
}

.sidebar-top > span {
    line-height: 40px;
    vertical-align: middle;
    padding: 0 5px;
}

.sidebar-top > .menu {
    margin-top: 6px;
    margin-left: -45px;
    margin-right: -10px;
    font-size: 21px;
    border: none !important;
    background: transparent !important;
    outline: none !important;
}

.sidebar-top .menu > ul {
    list-style-type: none;
}

.sidebar-top .menu button {
    display: block;
    background: transparent;
    outline: none;
    border: none;
}

.sidebar-top .menu-dropdown {
    margin-top: 20px;
}

.sidebar-top .mini-menu-header {
    padding: 0 !important;
    line-height: 30px;
}

.sidebar-wrap {
    word-wrap: break-word;
}

.sidebar-nowrap {
    white-space: nowrap;
}

.top-0 {
    top: 0px;
}

.padding-top-0 {
    padding-top: 0px;
}

.padding-bottom-0 {
    padding-bottom: 0px !important;
}

.padding-left-0 {
    padding-left: 0px;
}

.padding-right-0 {
    padding-right: 0px;
}

.padding-right-5 {
	padding-right: 5px;
}

.padding-right-10 {
	padding-right: 10px;
}

.padding-right-15 {
    padding-right: 15px;
}

.padding-right-30 {
	padding-right: 30px !important;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-top-5 {
	padding-top: 5px;
}

.padding-top-10 {
	padding-top: 10px;
}

.padding-top-10-important {
	padding-top: 10px !important;
}

.padding-top-15 {
	padding-top: 15px;
}

.padding-top-15-important {
	padding-top: 15px !important;
}

.padding-left-10 {
	padding-left: 10px !important;
}

.padding-left-15 {
	padding-left: 15px !important;
}

.padding-left-25 {
	padding-left: 25px !important;
}

.margin-top-0 {
	margin-top: 0;
}

.margin-top-5 {
	margin-top: 5px;
}

.margin-top-6 {
	margin-top: 6px;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-left-25 {
    margin-left: 25px;
}

.margin-left-15 {
	margin-left: 15px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-3 {
    margin-left: 3px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.margin-bottom-0-important {
	margin-bottom: 0px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-6 {
	margin-bottom: 6px;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-y-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

@media(max-width: 768px) {
	.margin-top-15-xs {
		margin-top: 15px;
	}
}

@media(max-width: 992px) {
    .margin-top-15-sm {
        margin-top: 15px;
    }
}

@media(min-width: 992px) {
    .margin-top-15-md {
        margin-top: 15px;
    }
}

.menu-button:active {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
       -moz-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    -webkit-transform: translateY(2px);
       -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
         -o-transform: translateY(2px);
            transform: translateY(2px);
}

.menu-button-row .menu-button-position {
    padding-bottom: 20px;
}

.menu-button-row .menu-padding {
    margin-left: 10px;
}

.clms-admin-menu-button {
    height: 150px;
    width: 150px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    -webkit-transition: all 0.1s linear !important;
    -moz-transition: all 0.1s linear !important;
    -o-transition: all 0.1s linear !important;
    transition: all 0.1s linear !important;
}

.clms-admin-menu-button:hover,
.clms-admin-menu-button:focus {
    box-shadow: 0 0.5em 0.5em -0.3em #6699CC;
    border-color: #6699CC !important;
    -webkit-transform: translateY(-0.25em);
    -moz-transform: translateY(-0.25em);
    -o-transform: translateY(-0.25em);
    transform: translateY(-0.25em);
}

.systems-menu-title {
    display: inline;
}

.system-menu-button {
    height: 95px;
    width: 95px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-top: 15px;
    border: 1px solid black;
    -webkit-transition: all 0.1s linear !important;
    -moz-transition: all 0.1s linear !important;
    -o-transition: all 0.1s linear !important;
    transition: all 0.1s linear !important;
}

.system-menu-button:hover,
.system-menu-button:focus {
    box-shadow: 0 0.5em 0.5em -0.3em #6699CC;
    border-color: #6699CC !important;
    -webkit-transform: translateY(-0.25em);
    -moz-transform: translateY(-0.25em);
    -o-transform: translateY(-0.25em);
    transform: translateY(-0.25em);
}

.system-menu-button > .menu-text {
    font-size: 11px;
}

#systemmenumain {
    background: #b9cde0;
    -webkit-transition: all 0.2s ease-out !important;
    -moz-transition: all 0.2s ease-out !important;
    -o-transition: all 0.2s ease-out !important;
    transition: all 0.2s ease-out !important;
}

#systemmenumain.pink-gradient {
    background: pink;
}

@media (min-width: 992px) {
    #systemmenumain {
        background: linear-gradient(0deg, pink, transparent 30%, transparent, transparent, #b9cde0 70%, transparent) !important;
        background: linear-gradient(0deg, pink, transparent, #b9cde0) !important; /* smoother gradient transition - top to bottom */
        background-size: 100% 300% !important;
        background-size: 100% 200% !important; /* smoother gradient transition - top to bottom */
        background-position-y: 0% !important;
        -webkit-transition: all 0.2s ease-out !important;
        -moz-transition: all 0.2s ease-out !important;
        -o-transition: all 0.2s ease-out !important;
        transition: all 0.2s ease-out !important;
    }

    #systemmenumain.pink-gradient {
        background-position-y: 100% !important;
    }
}

.dashboard .glyphicon-time {
    color: #80bfff;
}

.dashboard .accordion {
	display:block; 
	height:15px
}

.dashboard .accordion span {
	margin-right: 10px;
}

.dashboard .panel-title2 {
	z-index: 1;
	position: relative;
	margin-bottom: 0;
}

.dashboard .panel-collapse {
	z-index: 0;
	position: relative;
	box-shadow: 0px 0px 35px -16px #000;
}

.dashboard .panel-row a:hover {
	padding-right: 10px;
}

.buttonFloatRight {
    margin-top: 15px;
    margin-right: 15px;
}

.buttonFloatLeft {
    margin-top: 15px;
    margin-left: 15px;
}

.pad-right-5 {
    padding-right: 5px !important;
}

.sideBarScroll {
    max-height: 100vh;
    overflow-y: hidden;    
}

.sideBarScroll:hover{
    overflow-y: scroll;
    margin-right: -17px;
}

.menuScroll {
    outline: none; /*remove blue border on chrome*/
}

.menuScroll:hover {
    overflow-y: scroll;
    margin-right: -17px !important;      
}
    
@media (pointer:coarse) {
    .sideBarScroll{
        overflow-y: scroll;
        margin-right: 0px !important;
    }
}

.sticky-main-wrapper {
    height: auto !important;
}

.floatMainContent {
    z-index: 6;
}

.errorSectionBackground {
    background-color: lightgrey;
}

.warningMargins {
    margin-top:0px;
    margin-bottom:0px;
    margin-right:5px !important;
    margin-left:5px !important;
}

.sticky-main-wrapper.is-sticky .sideBarContent {
    margin-top:0px;
}

.claimsPayCategoryRadio {   
	font-weight: normal;
	font-size:14px;
	padding-top: 6px;
    padding-right: 15px;
}

label.claimsChargeableRadio:hover, label.claimsPayCategoryRadio:hover {
    cursor: pointer;
}

.payClicked {
    color: green; 
    padding-right: 15px
}

.sidebar-tip-margin {
    margin-right: 4px;
    margin-top: 6px;
}

.sub-menu .glyphicon {
    margin-right: 5px;
    margin-left: -5px;
    font-size: 15px;
}

.sub-menu td .glyphicon {
    display: inline-block;
    vertical-align: top;
    padding-top: 3px;
}

.sub-menu td .fa {
    display: inline-block;
    vertical-align: top;
    padding-top: 3px;
    margin-right: 4px;
    margin-left: -6px;
    font-size: 17px;
}

.sub-menu .item-text {
    display: inline-block;
    width: 90%;
}

.sub-menu .panel-body {
    padding: 0px;
}

.sub-menu .panel-body table tr td {
    color: #0264a1;
    cursor: pointer;
    padding-left: 15px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.no-touch .sub-menu .panel-body table tr td:hover {
    color: #B47705;
}

.sub-menu .panel-body table tr td:active {
    color: #B47705;
    -webkit-box-shadow: 0 4px 16px 4px rgba(0,0,0,0.2) inset;
       -moz-box-shadow: 0 4px 16px 4px rgba(0,0,0,0.2) inset;
            box-shadow: 0 4px 16px 4px rgba(0,0,0,0.2) inset;
}

.sub-menu .panel-body table tr td span { /* Fix for IE */
    pointer-events: none;
}

.sub-menu .panel-body table tr td[disabled] {
    cursor: not-allowed;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    background: #E8E8E8;
}

.no-touch .sub-menu .panel-body table tr td[disabled]:hover {
    color: #0264a1;
}

.sub-menu .panel-body table tr td[disabled]:active {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.sub-menu .panel-group {
    margin-bottom: -4px;
}

.sub-menu .panel-body .table {
    margin-bottom: 0px;
}

.sub-menu .panel-group .panel {
    margin-bottom: -3px;
}

.sub-menu .panel-heading {
    cursor: pointer;
    height: 30px;
    padding-top: 7px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.collapseBICovers, .collapsePDCovers, .collapsePICovers, .collapseMPCovers, 
.collapseUMCovers, .collapseUDCovers, .collapseUICovers, .collapseVehCovers {
    overflow-x:auto;
}

.goldCoverages {
    color:#b47705;
    font-weight: bold;
    font-size: large;
}

.collaspibleHeadingFont {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.1;
    padding-right: 5px;
}

.divShadow {	
    padding-top:10px;
	padding-bottom:10px;
	border:1px solid #ccc;
	margin-bottom:2px;
	cursor: pointer;	
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);    
}

.divShadow:active {  
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  transform: translateY(4px);
}

.no-margin-left {
	margin-left:0px !important;
}

#spinner {
    z-index: 10;
    opacity:1;
}

.modal-backdrop.spinnerBackdrop {
  background-color: #F8F8F8; 
  opacity: 0.2;
  z-index:0;
}

.swUploadApp .nav-tabs > li.active > a,
.swUploadApp .nav-tabs > li.active > a:hover,
.swUploadApp .nav-tabs > li.active > a:focus {
    color: #b47705;  
}
 
 .swUploadApp .nav:not(.timetable) > li:hover,
 .swUploadApp .nav > li > button:hover,
 .swUploadApp .nav > li > button:focus {
    background-image: none;    
	filter: none;         
}

.swUploadApp .logon {
    float:right;
    margin: 10px 15px -5px;
}

.swUploadApp input.form-control {
    text-transform:inherit !important;
}

.appIcon {
    display:none;
}

.swUploadApp .appIcon {
    display:block;
}

.grid-align-amount {
    padding-right: 20px !important;
    float: right;
}

.biHighlight
{  
    background-color: #d9534f;
    color: white;
    border: #d43f3a;
}

.card-layout {
    padding-left: 10px;
    padding-right: 10px;
}

.cards {
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
       -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

.cards h4:not(.card-title) {
    color: #0264a1;
    background-color: #E3EBF3 !important;
    border-bottom: 1px solid #D1DEEB;
    padding: 8px;
    padding-left: 13px;
    margin-top: 0;
    height: 35px;
}

.cards .row [class*=col]:first-child {
    padding-right: 0;
}

.cards .row [class*=col]:first-child span:not(.safeEsign):not(.expandMapRoadAzure):not(.expandMapAerialAzure):not(.expandStreetViewAzure) {
	color: #b47705;
}

.cards .row [class*=col] span:not(.safeEsign):not(.expandMapRoadAzure):not(.expandMapAerialAzure):not(.expandStreetViewAzure) {
	color: #0264a1;
}

.cards.totals .row [class*=col]:first-child {
    text-align: inherit;
}

.cards.totals .row [class*=col] {
    text-align: right;
}

.cards .bold {
    font-weight: bold;
}

.cards .popover-title > div > span, .popover-content {
    color: #0264a1 !important;
}

.card-row {
    padding-left: 5px;
    padding-right: 5px;
}

.card-col {
    padding-left: 8px;
    padding-right: 8px;
}

.row.card-grid {
    -webkit-column-width: 19em;
       -moz-column-width: 19em;
            column-width: 19em;
    -webkit-column-gap: 1em;
       -moz-column-gap: 1em;
            column-gap: 1em;
}

.row.card-block {
    -webkit-column-width: 26em;
       -moz-column-width: 26em;
            column-width: 26em;
    -webkit-column-gap: 1em;
       -moz-column-gap: 1em;
            column-gap: 1em;
}

.row.card-block > div,
.row.card-grid > div {
    display: inline-block;
    padding: 2px;
    width: 100%;
}

.card-block .cards,
.card-grid .cards {
    display: inline-block;
    height: 100%;
    width: 100%;
}

.card-body {
    padding: 1.25rem;
}

.card-title {
    margin-bottom: .75rem;
}

@media (max-width: 1199px) {
    .header-seq {
        display: none;
    }
}

@media (min-width: 1200px) {
    .sidebar-seq {
        display: none;
    }
}

@media (max-width: 599px) {
    .header-seq {
        display: block;
    }

    .sidebar-seq {
        display: none;
    }
}

.collapse-icon {
    margin-bottom: 5px !important;
}

.collapse-icon .icon-text:before {
	float: right !important;
	font-family: FontAwesome, Helvetica, Arial, sans-serif;
	content: "\f078";
	color: #0264a1;
	font-size: 16px;
	padding-top: 8px;
	padding-right: 14px;
	cursor: pointer;
}

.collapse-icon .icon-span:before {
	float: right !important;
	font-family: FontAwesome, Helvetica, Arial, sans-serif;
	content: "\f078";
	color: #0264a1;
	font-size: 16px;
	padding-right: 2px;
	cursor: pointer;
}

.collapse-icon.collapsed .icon-text:before,
.collapse-icon.collapsed .icon-span:before {
    float: right !important;
    content: "\f054";
}

.main-header1 .collapse-icon .icon-text:before {
    padding-top: 2px;
    color: #fff;
}

.main-header2 .collapse-icon .icon-text:before {
    padding-right:8px;
    padding-top: 2px;
}

.main-header2 .icon-text:before {
    padding-right:8px;
    padding-top: 4px;
}

.main-header3 .icon-text:before {
    padding-top: 0px;
    padding-right: 8px;
}

.alert .collapse-icon .icon-text:before {
	padding-right: 8px;
	padding-top: 2px;
}

.alert-success .collapse-icon .icon-text:before {
	color: #3c763d 
}

.alert-error .collapse-icon .icon-text:before {
	color: #b94a48
}

.alert-warning .collapse-icon .icon-text:before {
	color: #FF9900
}

.alert-info .collapse-icon .icon-text:before {
	color: #31708f
}

.collapse-all-icon .icon-text:before {
	float: right !important;
	font-family: FontAwesome, Helvetica, Arial, sans-serif;
	content: "\f066";
	font-size: 16px;
	cursor: pointer;
	padding-right: 14px;
}

.collapse-all-icon.collapsed .icon-text:before {
    float: right !important;
    content:"\f065";
}

.main-header1 .collapse-all-icon .icon-text:before {
    padding-top: 2px;
    color: #fff;
}

.collapse-icon .icon-text:hover:before,
.collapse-icon .icon-span:hover:before {
    color: #B47705;
}

.collapse-all-icon .icon-text:hover:before {
    color: #B47705;
}



.showSignOff {    
    transition: 1s;    
}

.currency-format {
    text-align: right;
}

.currency-format span {
    color: black !important;
}

.main-header7 {
    background-color: #b9cde0;
    color: #0264a1;
    padding: 8px;
    border-radius: 0;
    margin-bottom: 20px;
    margin-top: 0;
    height: 35px;
}

.inline-images {
    max-width: 500px;
    padding: 10px;
    margin: 0 auto !important;
}

.inline-images div {
    padding: 0;
    margin: 0;
}

.inline-images div img {
    width: 100%
}

.error-section-hidden {
    margin-bottom: -15px;
}

.no-select {
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

.quote-policy .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0px !important;
    margin: 2px;
}

.form-control-shadow {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-radius: 0px;
}

.checkbox-gradient-icon {
    background: transparent;
    background: -ms-linear-gradient(bottom, #aeaeae 5%, #848484 95%);
    background: -webkit-linear-gradient(top, #aeaeae 5%, #848484 95%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /* color:black there for IE as transparent doesn't work */
    color: #848484;
}

.checkbox-odd {
    background-color: white !important;
}

.checkbox-even {
    background-color: #f3f7fa !important;
}

.input-group.checkbox-odd:hover .checkbox-desc,
.input-group.checkbox-even:hover .checkbox-desc,
.checkbox-odd.keyboardfocus,
.checkbox-even.keyboardfocus {
    background-image: none;
    filter: none;
    background-color: #6699CC !important;
}

.checkbox-odd:hover .marked-row,
.checkbox-even:hover .marked-row,
.checkbox-odd.keyboardfocus.marked-row,
.checkbox-even.keyboardfocus.marked-row {
    color: #555 !important;
}

.singleCheckboxOption div.keyboardfocus {
    background-color: transparent !important;
}

.dnr-desc {
    border: none !important;
    border-radius: 0px;
}

.dnr-checkbox {
    min-height: 50px; 
    min-width: 50px; 
    text-align: center; 
    background-color: transparent !important; 
    border: none !important;
}

.dnr-checkbox-wrapper {
    max-height: 400px; 
    min-height: 10px; 
    overflow-y: auto; 
    border-bottom: 1px solid #f1f1f1; 
    border-bottom-left-radius: 5px; 
    border-bottom-right-radius: 5px;
}

.dnr-checkbox-input {
    margin:0px !important;
    position:relative !important;
    vertical-align:middle;
}

.glyphicon.accordion.collapsed:after {
    content: none !important;
}

li > a.tab-button{
    margin: 0px;
    padding: 10px 0 10px 8px !important;
    border: 0px !important;
    background-image: -webkit-linear-gradient(top, #b9cde0 5%, #fefcf9 95%);
    background-image: linear-gradient(to bottom, #b9cde0 5%, #fefcf9 95%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#fefcf9") !important;
    border-radius: 0px;
    color: #0264a1;
    width: 100%;
    text-align: left;
    font-weight: normal;
}

li > a.tab-button:focus, li > a.tab-button:active {
    background-image: -webkit-linear-gradient(top, #dedede 5%, #fefcf9 95%) !important;
    background-image: linear-gradient(to bottom, #dedede 5%, #fefcf9 95%) !important;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#dedede", endColorStr="#fefcf9") !important;
    cursor: default;
    border: 0px !important;
}

li > a.tab-button.active {
    background-image: -webkit-linear-gradient(top, #dedede 5%, #fefcf9 95%) !important;
    background-image: linear-gradient(to bottom, #dedede 5%, #fefcf9 95%) !important;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#dedede", endColorStr="#fefcf9") !important;
    cursor: default;
    border: 0px !important;
}

.dark li > a.tab-button.active {
    
    background-image: -webkit-linear-gradient(top, #0264a1 5%, #0264a1 95%) !important;
    background-image: linear-gradient(to bottom, #0264a1 5%, #0264a1 95%) !important;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#0264a1", endColorStr="#0264a1") !important;    
    cursor: default;
    border: 0px !important;
    color: #fff;
}

.dark li > a.tab-button.active:focus {
    color: #fff;
}

.dark-sub li > a.tab-button.active {
	background-image: -webkit-linear-gradient(top, #b9cde0 5%, #b9cde0 95%) !important;
	background-image: linear-gradient(to bottom, #b9cde0 5%, #b9cde0 95%) !important;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#b9cde0", endColorStr="#b9cde0") !important;
	cursor: default;
	border: 0px !important;
	color: #0264a1;
}

.dark-sub li > a.tab-button.active:focus {
	color: #0264a1;
}

.glyphicon.darkBackground {
    color: #fff;
}

.dnrs {
    max-height: 400px; 
    min-height: 10px; 
    overflow-y: auto; 
    border-bottom: 1px solid #f1f1f1; 
    border-bottom-left-radius: 5px; 
    border-bottom-right-radius: 5px;
}

.dnrGrid {
    width: 100%;
}

.nonRenewReasons > label {
    display: block;
}

.no-dnr-warning {
    text-align: center; 
    padding-top: 15px; 
    padding-bottom: 15px; 
    margin-top: 5px; 
    display: none;
}

.filenameColWidth {
	max-width: 120px;
	word-wrap: break-word;
}

.errorBackground {
    background-color: #b94a48 !important;
}

.a-xs-icon > img { height: 25px; width: 25px; vertical-align: baseline; }
.a-sm-icon > img { height: 35px; width: 35px; vertical-align: baseline; }
.a-md-icon > img { height: 45px; width: 45px; vertical-align: baseline; }
.a-lg-icon > img { height: 65px; width: 65px; vertical-align: baseline; }
.a-xl-icon > img { height: 95px; width: 95px; vertical-align: baseline; }

#userRolesAccessGrid .admin-marked-row {
	color: #3c763d !important;
	background-color: #dff0d8 !important;
}

#userRolesAccessGrid .admin-marked-row-remove {
	background-color: #f2dede !important;
	color: rgb(185, 74, 72) !important;
}

.marked-row {
	border-color: #f5e79e !important;
	color:#FF9900 !important;
	background-color: rgb(252, 248, 242) !important;
}

.marked-row-error {
	background-color: rgb(238, 211, 215) !important;
	color: rgb(185, 74, 72) !important;
}

.marked-row-success {
	background-color: #dff0d8 !important;
	color: #3c763d;
	border-color: #d6e9c6;
}

.process-policy .summaryShade {
    margin-top: -20px;
    padding-top: 20px;
    margin-bottom: -10px;
    padding-bottom: 10px;
    color: #0264a1;
}

.process-policy .summaryShade h1 {
    display: inline;
    color: #b47705;
}

.process-policy .summaryShade .tip {
    margin-top: 6px;
    margin-right: 5px;
    margin-left: 0px;
    float: left !important;
}

.veh-state-report .insertedChildRow {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-100%, #b9cde0), to(#fefcf9));
    background-image: -webkit-linear-gradient(top, #b9cde0 -100%, #fefcf9 100%);
    background-image:    -moz-linear-gradient(top, #b9cde0 -100%, #fefcf9 100%);
    background-image:      -o-linear-gradient(top, #b9cde0 -100%, #fefcf9 100%);
    background-image:         linear-gradient(to bottom, #b9cde0 -100%, #fefcf9 100%);
}

#agencyproductgrid .insertedChildRow {
    background: none;
}

@media print {

    .grid-functionality > div > :not(table),
    .dont-print {
        display: none !important;
    }

    table.dataTable thead [class*="sorting"]:after {
        content: "";
    }

    .print-report.a {
        font-weight: bold;
        font-size: 16px;
    }

    .printable-reciept .main-header1,
    .printable-reciept .main-header2 {
        font-weight: bold;
        font-size: 17px;
        margin-left: 5px;
    }

    .printable-reciept .main-heading,
    .printable-reciept .sub-headings {
        font-weight: bold;
    }
}

.printable-reciept {
    background-color: white;
}

.printable-reciept .main-header2 {
    margin-top: 0px;
}

.printable-reciept .main-heading {
    color: #0175be;
    font-size: 17px;
}

.printable-reciept .sub-headings {
    color: #0175be;
    font-size: 15px;
}

@media (min-width: 992px) {
    .futureAgntSubmit {
        margin-top: 36px;
    }
}

@media (max-width: 991px) {
    .futureAgntSubmit {
        margin-top: -36px;
    }
}

.gridHover {
    margin: 0px;
}

.gridHover:hover {
	 color: #B47705;
}

.vehicle-details-header {
  background-color: #b9cde0  !important;
  color: #0264a1; 
  padding: 8px; 
  height: 40px;
  border-radius: 0px;
  margin-bottom: 20px;
  border: 4px solid #0264a1;
}

.centerText {
  text-align: center;
}

#logfilesummarygrid .glyphicon {
	font-size: 14px;
	padding-top: 10px;
	margin-top: -1.5px;
	width: 150px;
}

#logfilesummarygrid th:nth-of-type(2),
#logfilesummarygrid th:nth-of-type(5) {
	text-align: center;
}

#logfiledetailsgrid th {
	background-color: #E3EBF3;
	color: #0264a1;
}

.gridRightText {
	text-align: right;
	padding-right: 60px !important;
}

.gridTextLeftOfFilterIcon {
	text-align: right;
	padding-right: 35px !important;
}

#schtransreasoncodegrid tbody tr td.disabled input {
    opacity:0.5;
    pointer-events: none;
    cursor: not-allowed;
}

.pdfFullScreen {
    position: fixed;
    height: 90%; 
    width: 100%;
    max-width: 100%;
}

.documentsFullScreen {
	position: absolute;
	height: 90%;
	width: 100%;
}

@media (min-width: 992px) {
	.documentsFullScreen {
		position: absolute;
		height: 100%;
		width: 100%;
	}
}

.pdfInline {
    height: 1001px;
    width: 100%;
}

#clientsearchpage .RecentsTop .main-header1 {
    margin-top:20px;
}

.ellipsis-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-overflow.mainHeader {
    float: left;
    max-width: 85%;
}

.ellipsis-overflow.subHeader {
    float: left;
    max-width: 90%;
    font-size: 15px;
}

.ellipsis-overflow.header {
    display: inline-block;
}

.ellipsis-overflow.max-w-85 {
    max-width: 85%;
}

.ellipsis-overflow.max-w-92 {
    max-width: 92%;
}

.ellipsis-overflow.max-w-100 {
	max-width: 100%;
}

@media (min-width: 991px) {
    .ellipsis-overflow.max-w-md-75 {
        max-width: 75%;
    }
    .ellipsis-overflow.max-w-md-80 {
        max-width: 80%;
    }
}

@media (max-width: 991px) {
    .ellipsis-overflow.mainHeader {
        float: left;
        max-width: 75%;
    }
    .ellipsis-overflow.max-w-sm-75 {
        max-width: 75%;
    }
}

@media (min-width: 599px) and (max-width: 991px) {
    .ellipsis-overflow.max-w-sm-45 {
        max-width: 45%;
    }
}

@media (max-width: 599px) {
    .ellipsis-overflow.max-w-xs-50 {
        max-width: 50%;
    }
}

.calendar-key-width {
    width: 24px; 
    height: 24px;
}

.calendar-notes-heading {
    font-weight: bold;
    padding-top: 20px;
}

@media (max-width: 768px) {
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
}

@media screen {

    .anchorHeader.mainHeader {
        position: fixed;
        z-index: 1002;
        background-color: #FFF;
        width: 100%;
    }
}

/*don't display on every page*/
@media print {
    .anchorHeader.mainHeader {       
        margin-bottom: -260px;       
        z-index: 1002;
        background-color: #FFF;
        width: 100%;
    }
}

.anchorHeader.subAnchor{
    position: fixed;
    z-index: 1001;
    background-color: #FFF;
}

.dropdown-menu {
    z-index:1002;
}

.mustReadPopout {
    margin-top: 11px !important;
}

/* a class for half of col-lg-5 */
.col-lg-25 {
    position: relative;
    min-height: 1px;
}

@media (min-width: 1200px) {
    .col-lg-25 {
        float: left;
        width: 20.833333335%;
    }
}

.col-lg-25 .noteCategorySrch .btn {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.noteFilterSmall {
    float: left;
    width: 50% !important;
    max-width: 100% !important;
}

.noBorderLeftRadius .btn {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.font12 {
    font-size: 12px; 
}

.checkMaintenanceSearchRadio {   
	font-weight: normal;
	font-size:12px;
	padding-top: 5px;
    padding-right: 15px;
}

.deleteCheck.disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    color: grey;
}

.refresh-size {
    line-height: 1.3; 
    font-size: 19px; 
    margin-top: -2px;
    margin-right: 5px;
}

.sideMenuHeaderText {
    padding-left: 5px !important;
}

.lineHeight0 {
   line-height: 0;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.rowCloseOriginalIcon{
    color: #d9534f !important;
}

.rowCloseOriginalIcon.highlightSelected {
    color: #b47705 !important;
}

table.dataTable.safeway-table .odd {
    background-color: #f3f7fa !important;
}

table.dataTable.safeway-table thead tr {
    background-color: #E3EBF3 !important;
    color: #0279BE;
}

table.dataTable.safeway-table thead th {
    padding: 10px;
}

/*Overwrite the CSS for the Cirlce "+" to ensure it is not displayed on sub rows inserted into the table*/
table.dataTable.dtr-inline.collapsed > tbody > tr > td.insertedChildCell:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: initial;
    left: initial;
    height: initial;
    width: initial;
    display: none;
    position: initial;
    color: initial;
    border: initial;
    border-radius: initial;
    text-align: initial;
    line-height: initial;
    box-shadow: initial;
    box-sizing: initial;
    content: initial;
    background-color: initial;
}  

table.dataTable.dtr-inline.collapsed > tbody > tr > td.insertedChildCell:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
    position: initial;
    padding: initial;
    cursor: initial;
}

.grid-padding-0 > .dataTables_wrapper {
    padding: 0px;
}

.functionality-margin-top-10 > .dataTables_wrapper > .col-sm-4 {
    margin-top: 10px;
}

.dataTable-margin-top-0 > .dataTables_wrapper > .dataTable {
    margin-top: 0px !important;
}

.functionality-padding-left > .dataTables_wrapper > .dataTables_info {
    padding-left: 10px;
}

/*needed to overwrite the odd/even grid colour*/
#clienthistorypage .marked-row,
table.dataTable .marked-row.force{
	background-color: rgb(252, 248, 242) !important;
}

/*needed to overwrite the odd/even grid colour*/
#agencymaintenance .marked-row {
	background-color: rgb(252, 248, 242) !important;
}

/*needed to overwrite the odd/even grid colour*/
#subscriptionsummarygrid .marked-row {
	background-color: rgb(252, 248, 242) !important;
}

table.dataTable.safeway-table .odd.marked-row-error {
	background-color: rgb(242, 186, 194) !important;
}

table.dataTable.safeway-table .even.marked-row-error {
	background-color: rgb(238, 211, 215) !important;
}

.monitoring-row-error {
	background-color: rgb(242, 186, 194) !important;
	color: rgb(185, 74, 72) !important;
}

table.dataTable .odd.monitoring-row-error {
	background-color: rgb(242, 186, 194) !important;
}
table.dataTable .even.monitoring-row-error {
	background-color: rgb(242, 186, 194) !important;
}

.noteHeadingBlack {
    color: black;
    padding-left: 0px;
}

@media(max-width: 992px) {
    .pull-right.pull-right-switch-sm {
        float: left !important;
    }
    .margin-top-10-sm {
        margin-top: 10px;
    }
}

.form-control.input-group-textbox {
    max-width: 100%;
}

.border-left-0 {
    border-left: 0px;
}

.input-group-addon:hover .glyphicon,
.input-group-addon:hover .fa {
    color: #B47705;
}

a.input-group-addon:hover {
    padding-right: 12px
}

.addon-box-shadow:active {
    box-shadow: 0 0 8px rgba(102, 175, 233, .6);
}

.input-group-addon span.glyphicon {
    pointer-events: none;
}

.non-chevron-glyphicon-title-button {
    position:relative; 
    top:-19px; 
    left:-20px;
    padding: 5px;
    padding-bottom: 0px;
    margin-right: 5px;
}

.adminToolsResponseLabel {
    overflow-wrap:break-word; 
    overflow-y:auto; 
    max-height: 300px; 
    padding: 10px;
}

.headerTextLink {
    padding-top: 2px;
    cursor:pointer;
    padding-right: 15px;
}

.tableIcon {
    top: 0;
    display: table-cell;
}

.dateColWidth {
    width: 65px;
}

.add-entity-btn{
    width: 100%;
    text-transform: uppercase;
}

.icon-button{
    border:0;
    background:none;
}

.icon-button:focus{
    color: #b47705;
    outline: none;
}

.sidebar-entity-spacing .entity {
    margin-top: 15px;
}

.sidebar-entity-spacing:last-child:not(.no-bottom-spacing) {
    margin-bottom: 15px;
}

/* Main Use - If an icon is in a col-xs/sm/md-1 the alignment can be incorrect - Removing Left Padding can fix this */
@media(max-width: 1200px) {
    .no-padding-left-md {
        padding-left: 0;
    }
}

.btn.va-middle:before {
    vertical-align: middle;
}

.float-right {
    float: right;
}

.display-block {
    display: block;
}

.display-flex {
    display: flex;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-center {
    -webkit-align-self: center;
    align-self: center;
}

.align-bottom {
    -webkit-align-self: flex-end;
    align-self: flex-end;
}

.align-top {
    -webkit-align-top: flex-start;
    align-self: flex-start;
}

.flex-float-right {
    margin-left: auto !important;
}

@media(max-width: 992px) {
    .flex-column-sm {
        flex: 1 1 auto;
        flex-direction: column;
    }
    
    .flex-column-sm div {
        -webkit-align-self: auto;
        align-self: auto;
    }

    .align-end-sm {
        -webkit-align-self: end !important;
        align-self: end !important;
    }
}

.exp-req-error
{   
	border-color:#eed3d7;
	color:#b94a48;
	background-image: -webkit-linear-gradient(top, #FFE6E6 5%, #FFF5F5 30%) ;
	background-image:         linear-gradient(to bottom, #FFE6E6 5%, #FFF5F5 30%) !important;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#FFE6E6", endColorStr="#FFF5F5");   
}

.printPreviewBody {
    background-color:  #525659 ;    
}

.printPreviewOuter {
    text-align:center;
    margin: 50px 0px;
}

.printPreviewInner {
    padding: 19px;
    max-width: 826.2px;
    min-width: 826.2px;
    background-color: #fff;
    display: inline-block;
    text-align: left;
}

.printPreviewSidebar{
    background-color: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    border-right: 1px black solid;
}

.pageBreak {
    display: block !important; 
    page-break-before: always;
}

.double-line-column {
    padding-top: 16px;
}

.datatable-Padding .dataTables_wrapper .claims-table > thead > tr > th {
    padding-left: 0px !important;
    padding-right: 29.5px !important;
}

.downloadLetter {
    font-size: 21px;
}

.sidebar-hidden-spacing {
  width: 20px;
}

#bigrid [data-column-index="3"].sorting::after, #bigrid [data-column-index="3"].sorting_desc::after, #bigrid [data-column-index="3"].sorting_asc::after,
#bisusgrid [data-column-index="3"].sorting::after, #bisusgrid [data-column-index="3"].sorting_desc::after, #bisusgrid [data-column-index="3"].sorting_asc::after,
#bigrid [data-column-index="4"].sorting::after, #bigrid [data-column-index="4"].sorting_desc::after, #bigrid [data-column-index="4"].sorting_asc::after{
	content: none;
}

#claimtechbigrid [data-column-index="3"].sorting::after, #claimtechbigrid [data-column-index="3"].sorting_desc::after, #claimtechbigrid [data-column-index="3"].sorting_asc::after,
#claimtechbigrid [data-column-index="11"].sorting::after, #claimtechbigrid [data-column-index="4"].sorting_desc::after, #claimtechbigrid [data-column-index="4"].sorting_asc::after{
	content: none;
}

#FCSGrid[data-column-index="0"].sorting::after, #FCSGrid [data-column-index="0"].sorting_desc::after, #FCSGrid [data-column-index="0"].sorting_asc::after {
	content: none;
	padding-right: 0px !important;
}

#FCSGrid tbody tr.even > .cellClick, table.dataTable.order-column.stripe tbody tr.even > .cellClick {
	background-color: #f9f9f9;
	border-top-style: hidden;
	padding-left: 0px !important;
}

#FCSGrid tbody tr.odd > .cellClick, table.dataTable.order-column.stripe tbody tr.odd > .cellClick {
	background-color: #f1f1f1;
	border-top-style: hidden;
	padding-left: 0px !important;
}

#FCSGrid tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1,
#FCSGrid tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
	border-top-style: hidden;
}

#FCSGrid tbody tr:hover > .cellClick {
	background-color: #eaeaea;
}

#bigrid [data-column-index="4"] {
	width:0px !important;
	padding-right: 0px !important;
}

.cell-fa {
	font-family: FontAwesome, Helvetica, Arial, sans-serif;
	cursor: pointer;
	white-space: nowrap;
}

.cell-glyphicon {
	font-family: "Glyphicons Halflings", Helvetica, Arial, sans-serif;
	cursor: pointer;
	white-space: nowrap;
	font-size: 16px;
}

@media (max-width: 768px) {
    .col-xs-12 .input-group .width-auto {
        width: auto;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .col-xs-12 .input-group .width-auto,
    .col-sm-12 .input-group .width-auto {
        width: auto;
    }
}

#paymentsgrid.dataTable thead > tr > th {
	padding-right: 25px !important;
}

.pay-panel-body{
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.bold-text{
    font-weight: Bold;
}

.underline-text{
    text-decoration: underline;
}

.larger-header{
    height:50px !important;
}

.width-30-important {
    width: 30% !important;
}

.width-40-important {
    width: 40% !important;
}

.width-50-important {
    width: 50% !important;
}

.width-60-important {
    width: 60% !important;
}

.width-100-important {
	width: 100% !important;
}

.checkbox-group {
    display: table-cell;
}

.input-group-checkbox .input-group .checkbox-desc  {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    min-height: 34px !important;
    padding: 6px 10px;
}

.bootstrap-select select:disabled {
    display: none !important;
}

.input-group .bootstrap-select:not(:first-child):not(:last-child) button.dropdown-toggle {
    border-left: 0px;
}

.input-group .bootstrap-select:nth-last-child(2) + div.input-group-addon {
    border-left: 1px solid #ccc;
}

.input-group .bootstrap-select:nth-last-child(2) button.dropdown-toggle {
    border-right: 0px;
}

.input-group-checkbox .checkbox-desc {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
       -o-transition: none;
          transition: none;
}

.padding-0 {
    padding: 0px;
}

.padding-0-important {
	padding: 0px !important;
}

.compile:hover {
    color: #b47705;  
}

.printPreviewBody .fa-exclamation-triangle, .calendar-print .fa-exclamation-triangle{
    cursor: default;
    color: darkred !important;
}

.printPreviewBody .extra6, .printPreviewBody .fa-exclamation-triangle {
    opacity: 0.8 !important;
}

.dms {
    height: 20px; 
    margin-bottom: 0px;
    font-size: 25px;
}

.noHeader {
    margin-top: 30px;
}

.no-left-padding .panel-body {
    padding-left: 0px !important;
}

.main-header2-height-auto {
    height: auto;
    min-height: 40px;
}

.overview .cards .row [class*=col] {
    padding-right: 0;
}

.ellipsis-overflow-2 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   max-height: 2.857em;
   min-height: 2.857em;
}

.ellipsis-overflow-2-nowrap {
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: 1.257em;
   min-height: 1.257em;
   white-space:nowrap;
}

.ellipsis-overflow-3 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   max-height: 4.2855em;
   min-height: 4.2855em;
}

.ellipsis-overflow-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	max-height: 5.61em;
	min-height: 5.61em;
}

.overviewAddressHeight {
	max-height: 5.8em;
	min-height: 5.8em;
}

.topIcon {
    color: #0175be; 
    float: left;
    margin-top:7px;
    font-size: 16px;
    margin-left: 10px; 
    position: relative; 
    z-index: 2; 
    user-select: none;
}

.toggleMain {
    transition: all 0.5s ease-in-out;
}

.height0 {
    height: 0px !important;
    min-height: 0px !important;
    max-height: 0px !important;
}

.height0 .sticky-wrapper {
    height: 0px !important;
    min-height: 0px !important;
    max-height: 0px !important;
}

.delay-visible {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s 0.5s, opacity 0s linear;
}

.delay-hidden {
	visibility: hidden;
	opacity: 0;
	transition:  0s 0.5s, opacity 0s linear;
}

.left-padding-none{
    padding-left: 0px !important;
}

.right-padding-none-small-col {
    padding-right: 0px !important;
    width:         15%; 
}

.alternate {
   padding: 5px;
}

.alternate .alternate-row:nth-child(2n) {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #f3f7fa !important;
}

.overviewType {
    overflow: hidden; 
    display: inline-block; 
    white-space: nowrap;
}

.policeReportMargin h5{ 
    margin: 6px 0px;
}

.white-background {
    background-color: #fff;
}

.calendar-print .new.day, .calendar-print .old.day, .calendar-print .prev, .calendar-print .next, 
.printPreviewInner .new.day, .printPreviewInner .old.day, .printPreviewInner .prev, .printPreviewInner .next {
    font-size: 0px !important;
    padding: 0px !important;
}

.printPreviewInner .prev, .printPreviewInner .next, .printPreviewInner .datepicker-switch {
   background-color: #fff !important;
}

.modal-body .compile.pointer:hover {
	cursor: auto;
    color: inherit;    
}

.autoHeading {
    height: auto !important;
}

.logOutLink {
	color:#0264a1;
	font-size:15px;	
    padding-top:15px;
    padding-left:2px;
    cursor:pointer;
}

.recentsLink {
    color:#0264a1;
    cursor:pointer;
}

    .recentsLink:hover, .logOutLink:hover, .showLink:hover, .claimTechLink:hover {
        color: #B47705;
    }

.showLink {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #0264a1;
    cursor: pointer;
}

.word-wrap {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

.margin-right-35 {
	margin-right: 35px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-right-25 {
    margin-right: 25px;
}

.margin-right-25-important {
	margin-right: 25px !important;
}

.margin-right-5{
    margin-right: 5px;
}

.margin-right-8 {
	margin-right: 8px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-15 {
	margin-right: 15px;
}

.margin-left-50 {
    margin-left: 50px;
}

.overflow-wrap-break {
    overflow-wrap: break-word;
}

.email-textbox {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.email-textbox + a {
    display:none !important;
}

.email-input-group {
    width: 100%;
}

.right-padding-none{
    padding-right: 0px !important;
}

.padding-top-35{
    padding-top: 35px !important;
}

.padding-left-5{
    padding-left: 5px !important;
}

.selectpicker.notepadWindow .btn.btn-default {
	line-height: 1.2;
}

.selectpicker.notepadWindow :not([class*='col-']):not(.input-group-btn):not([class*='form-control']).bootstrap-select {
	width:129px;
}

.notepadWindow .alert-error
{
	margin-left: 0px;
	margin-right: 0px;
}

.lowercase {
	text-transform: lowercase;
}

.noteEmailBtn {
    padding: 6px 10px;
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 1.4285;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    margin-top: 2px;
    background-color: white;
    color: #0264a1;
}


/* The switch - the box around the slider */
.switchSlider {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-top: -9px;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 6px;
  left: 6px;
  right: 0px;
  bottom: 0px;
  background-color: #ccc;
  -webkit-transition: .1s;
  transition: .1s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .1s;
  transition: .1s;
}

input:focus + .slider {
  box-shadow: 0 0 1px #0264a1;
}

/* The switch - the box around the slider */
.switchSlider.smallSlider {
	width: 45px;
	height: 30px;
	margin-top: 0px;
}

.slider.smallSlider {
	top: 6px;
	left: 0px;
	right: -5px;
	bottom: 0px;
}

.slider.smallSlider::before {
	height: 17px;
	width: 17px;
	left: 4px;
	bottom: 4px;
}

.switchOn {
  background-color: #449d44;
}

.switchOn:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.main-header-fit-content {
    height: auto !important; 
    overflow: auto; 
    display: block;
}

.phoneWrapper {
	display: flex;
	justify-content: center;
}

.phone {
	max-width: 290px;
}

.phone::before {
    position: absolute;
    content: '';
    width: 50px;
    height: 6px;
    background: #fff;
    left: calc(50% - 25px);
    top: 17px;
    border-radius: 10px;
}

.phone::after {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background: #fff;
    left: calc(50% - 15px);
    border-radius: 30px;
    bottom: 10px;
}

.phone .phoneBorder {
	border: 10px solid black;
	border-top-width: 40px;
	border-bottom-width: 50px;
	border-radius: 20px;
}

.phone .phoneContainer {
	height: 490px;
	min-height: 490px;
	max-height: 490px;
	display: flex;
	flex-direction: column;
}

.phone .phoneHeadingContainer {
	flex: 0 0 auto;
}

.phone .phoneHeading {
	display: flex;
	margin-top: 0px;
	margin-bottom: 0px;
	justify-content: center;
	align-items: center;
}

.phone .phoneScroller {
	flex: 1 1 auto;
	overflow-y: auto;
}

.message {
	background-color: lightgray;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 8px;
	padding: 6px;
	display: inline-block;
	word-wrap: break-word;
	white-space: normal;
	max-width: 100%;
}

.message.active {
	border: 2px solid #FF9900;
}

.message.fromSafeway {
	background-color: #b9cde0 !important;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 0px;
}

/*Add reverse class to switch the from and to messages to the opposite sides*/
.message.reverse {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 0px;
	border: 2px solid transparent; /*Add transparent  border with same height as the hover border so the message does not increase in height when hovered over*/
	white-space: pre-wrap;
}

.message.fromSafeway.reverse {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 8px;
}
	
.message.reverse:hover {
	border: 2px solid #FF9900;
	cursor: pointer;
}

.warning-grid-icon {
    font-size: 16px;
    color: #ff9900;
}

.no-gutter {
  margin-right: 0;
  margin-left: 0;
}

.no-gutter > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.no-edge-gutter > [class*="col-"]:first-child {
  padding-left: 0;
}

.no-edge-gutter > [class*="col-"]:last-child {
  padding-right: 0;
}

/*State Radio button list*/
.radio-list-row {
    margin-top: -20px !important;
    margin-bottom: 15px !important;
    background-color: #b9cde0;
}

.radio-list-cont {
    display: flex;
    width: 100%;
}

.radio-list-cont-small {
    width: 36%;
}

.radio-list {
    font-weight: normal;
    cursor: pointer;
    background-color: #b9cde0;
    color: #0264a1;
    border-right: white solid 1px;
    border-bottom: white solid 1px;
    padding: 5px 0px;
    flex: 1;
    white-space: nowrap;
    margin-bottom: 0px;
    text-align: center;
}

.radio-list-cont-small .radio-list {
     border-bottom: none;
}

.radio-list:last-child {
    border-right: none;
}

.radio-list-cont-small .radio-list:last-child {
    border-right: white solid 1px;
}

.radio-list:hover {
     background-color: #eee !important;
}

@media all and (max-width: 460px) {
    .radio-list-cont {flex-wrap: wrap;} 
    .radio-list.state-radio12, .radio-list.state-radio11 { flex: 1 1 15%; }
    .radio-list.state-radio10 { flex: 1 1 18%; } 
    .radio-list.state-radio9 { flex: 1 1 25%; }
    .radio-list.state-radio8 { flex: 1 1 20%; }
    
    .radio-list.state-radio12:nth-child(6n), .radio-list.state-radio11:nth-child(6) {border-right: none;}
    .radio-list.state-radio10:nth-child(5n) {border-right: none;} 
    .radio-list.state-radio9:nth-child(3n) {border-right: none;}
    .radio-list.state-radio8:nth-child(4n) {border-right: none;}
}

@media (min-width: 0px) {
    .radio-list-cont-small { width: 100%; }
}
@media (min-width: 768px) {
    .radio-list-cont-small { width: 37.5%; }
}
@media (min-width: 992px) {
    .radio-list-cont-small { width: 36.6%; }
}
@media (min-width: 1200px) {
    .radio-list-cont-small { width: 36%; }
}

.tipMargin {
	margin-top: 3px; 
}

@media (min-width: 1199px) {
    .sideBar .tt-dropdown-menu {
	    width: 160px;
	}
}

@media (max-width: 1199px) {
	.sideBar .tt-dropdown-menu {
	    width: 110px;
	}
}

@media (max-width: 582px) {
	.sideBar .tt-dropdown-menu {
	    width: 160px;
	}
}
 
.specialUpload {
	display: table-cell !important;
}

.specialUpload::after {
		color: #0264a1;
		content: "\e027";
		font-size: 16px;
		margin-left: -5px;
}

.specialUploadGreen {
	display: table-cell !important;
}

.specialUploadGreen::after {
	color: green;
	content: "\e027";
	font-size: 16px;
	margin-left: -5px;
}

.specialUploadYellow {
	display: table-cell !important;
}

.specialUploadYellow::after {
	color: #ff9900;
	content: "\e027";
	font-size: 16px;
	margin-left: -5px;
}

.specialUploadRed {
	display: table-cell !important;
}

.specialUploadRed::after {
	color: #c9302c;
	content: "\e027";
	font-size: 16px;
	margin-left: -5px;
}

.specialWarnYellow {
	display: table-cell !important;
}

.specialWarnYellow::after {
	color: #ff9900;
	content: "\e107";
	font-size: 16px;
	margin-left: -5px;
}

.specialWarnRed {
    display: table-cell !important;
}

.specialWarnRed::after {
	color: #c9302c;
	content: "\e107";
	font-size: 16px;
	margin-left: -5px;
}

.claimTechLink {
    cursor: pointer;
}

.claimTechExternalLinkGrid {
	color: green;
	font-size: 16px !important;
}

.specialDownload {
    display: table-cell !important;
}

.specialDownload::after {
    color: #0264a1;
    content: "\e026";
    font-size: 16px;
    margin-left: -5px;
}

.selectedApp {
    background-color: #428bca;
    color: white !important;
}

.selectpicker.single-only .bootstrap-select .selected.active > a {
    background-color: transparent;
    color: #b47705;
}

.selectpicker.single-only .bootstrap-select .selected.active > a .check-mark {
    display: inline-block;
    float: right;
    color: #b47705;
    margin-top: 3px;
}

.bootstrap-select.fullMaxWidth .bs-searchbox input.form-control {
    max-width: 100%;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* works for any size icon - xs,sm,md,lg etc*/
.a-print-percentage {
    background-position-y: 84.7%;
}

.a-circle-percentage {
    background-position-y: 4.4%;
}

.a-user1-percentage {
    background-position-y: 41.3%;
}

.a-car-percentage {
    background-position-y: 54.3%;
}

.a-pay-percentage {
    background-position-y: 69.5%;
}

.datatable-footer {
    font-weight: bold;
    font-size: 13px;
}

/* clears the 'X' from Internet Explorer */
input[type=text].hideX::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type=text].hideX::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

/* clears the 'X' from Chrome */
input[type="text"].hideX::-webkit-search-decoration,
input[type="text"].hideX::-webkit-search-cancel-button,
input[type="text"].hideX::-webkit-search-results-button,
input[type="text"].hideX::-webkit-search-results-decoration {
	display: none;
}

.bg-success-override {
    background-color: #DFF0D8 !important;
}

.uploadDocTypeSelect .dropdown-toggle {
    max-width: 176px;
}

.uploadDocTypeSelect.heading .dropdown-toggle {
	min-width: 260px;
	max-width: 260px;
}

@media (min-width: 768px) and (max-width: 992px) {
	.uploadDocTypeSelect.heading .dropdown-toggle {
		min-width: 200px;
		max-width: 200px;
	}
}

.green-overlay {
	position: relative;
}

.green-overlay:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,120,0,0.4);
	z-index: 999;
	border-radius: 50%;
}

.radiolbl.small {
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: normal;
    font-size: 14px;
}

.radiolbl input[type="radio"] {
    margin: 0;
    vertical-align: -1px;
} 

.main-header-radio {
	margin-top: -2px;
	white-space: nowrap;
}

.sidebar-background {
	background-color: #b9cde0 !important;
}

@media (max-width: 1499px) {
	.cover-header {
		float: left;
	}

}

@media (min-width: 1500px) {
	.cover-header {
		float: right;
	}
}

.line-through {
	text-decoration: line-through;
}

.inline-grid{
	display: -ms-inline-grid;
}

.dark-blue-red {
	color: #cf4343 !important;
}

#FCSGrid [data-column-index="0"],
#FCSGrid [data-column-index="1"] {
	width: 0px !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
}

/*lg widths*/
@media (min-width: 1500px) {
	.lgNoPaddingLeft {
		padding-left: 0px;
	}
}

@media (min-width: 1200px) {
	.lgPaddingLeft {
		padding-left: 40px !important;
	}
}

.fillDarkRed {
	fill: #851c15;
}

.fillLightRed {
	fill: #cc6962;
}

svg path.impactArea:hover {
	cursor: pointer;
	fill: #b47705;
}

.prRed {
	color: #c9302c !important;
}

.redTextImportant {
	color: red !important;
}

.greenTextImportant {
	color: green !important;
}

.defaultCursor {
	cursor: default !important;
}

.heading-checkbox label {
	font-weight: normal;
	margin-bottom: 0px;
}

.heading-checkbox input[type="checkbox"] {
	margin-top : 0;
	margin-left: 10px;
	margin-right: 5px;
}

.z-index-auto {
	z-index: auto;
}

.agencyUserName {
    width: 65px;
}

@media print {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left !important;
	}

	.col-sm-12 {
		width: 100% !important;
	}

	.col-sm-11 {
		width: 91.66666667% !important;
	}

	.col-sm-10 {
		width: 83.33333333% !important;
	}

	.col-sm-9 {
		width: 75% !important;
	}

	.col-sm-8 {
		width: 66.66666667% !important;
	}

	.col-sm-7 {
		width: 58.33333333% !important;
	}

	.col-sm-6 {
		width: 50% !important;
	}

	.col-sm-5 {
		width: 41.66666667% !important;
	}

	.col-sm-4 {
		width: 33.33333333% !important;
	}

	.col-sm-3 {
		width: 25% !important;
	}

	.col-sm-2 {
		width: 16.66666667% !important;
	}

	.col-sm-1 {
		width: 8.33333333% !important;
	}
}

.fileContainer {
	word-break: break-all;
	word-wrap: break-word;
	margin: 5px;
}

.fileIcon {
	color: white;
	font-size: 36px;
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative;
}

.fileIcon:hover {
	color: white;
	cursor: default;
}

.fileType {
	font-size: 9px;
	color: red;
	font-weight: bold;
	display: flex;
	justify-content: center;
	position: relative;
	margin-top: -17px;
	margin-left: -3px;
}

.fileName {
	display: inline-block; 
	max-width: 150px; 
	font-size: 12px; 
	margin-top: 5px; 
	min-width: 52px; 
	text-align: center;
}

.padding-top-50 {
	padding-top: 50px;
}

.typeahead-width-100 .twitter-typeahead {
	width: 100%;
	display: block !important;
}

.noteEmailBtn:hover, .noteEmailBtn:active {
	background-color: #e6e6e6;
	color: #b47705;
	border-color: #adadad;
}

.notepadBtnClicked {
	background-color: #e6e6e6;
	color: #333;
	border-color: #adadad;
}

.modal-border {
	margin: 0px -15px;
	border-top: 1px solid #e5e5e5;
	padding: 25px 15px 0px 15px;
}

button.btn.glyphok::before {
	font-family: fontAwesome, Helvetica, Arial, sans-serif;
	content: "\f00c\00a0";
}

button.btn.glyphdanger::before {
	font-family: fontAwesome, Helvetica, Arial, sans-serif;
	content: "\f00d\00a0";
}

.border-bottom-att {
	border-bottom: solid 1px #E3EBF3;
}

.hideInsertedChildRow .insertedChildRow {
	display: none;
}

sup.trademark {
	font-size: x-small;
	vertical-align: super;
}

.maxHeight {
	min-height: 100%;
	height: 100%;
	height: fill-available;
	height: -moz-available;
	height: -webkit-fill-available;
}

.glyphiconAfterInput {
	display: inline;
}

.pushable {
	background-image: -webkit-linear-gradient(top, #0163a0 0%, #01446d 100%);
	background-image: -o-linear-gradient(top, #0163a0 0%, #01446d 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0163a0), to(#01446d));
	background-image: linear-gradient(to bottom, #0163a0 0%, #01446d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0163a0', endColorstr='#01446d', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #0264a1;
	box-shadow: 8px 8px 8px 1px rgba(0,0,0,0.7);
}

.pushable:hover,
.pushable:focus {
		background-color: #01446d;
		background-position: 0 -15px;
}

.pushable:active,
.pushable.active {
	background-color: #01446d;
	border-color: #0264a1;
	transform: translateY(6px);
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.btnShadow {
	cursor: pointer;
	margin-top: 10px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.btnShadow:active {
	transform: translateY(4px);
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.backgroundColorWhite {
	background-color: white;
}

.dateColWidth80 {
	width: 80px;
}

.online-header1 {
	color: #0264a1;
	padding: 10px 5px 8px 8px;
	height: 20px !important;
	font-size: medium;
	margin-bottom: 10px;
}

.online-header2 {
	color: #0264a1;
	padding: 5px 5px 8px 8px;
	height: 20px !important;
	font-size: medium;
	margin-bottom: 30px;
}

.online-margin-left {
	margin-left: 40px;
}

.online-header3 {
	color: #0264a1;
	padding: 5px 5px 8px 8px;
	height: 20px !important;
	font-size: medium;
	margin-bottom: 15px;
}

.btn-primary-online {
	background-color: #0264a1;
	color: #fff;
	padding: 5px 10px 5px 10px;
	border-radius: 4px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

.greenColor {
	color: #008000;
}

.btn-add-online {
	background-color: #008000;
	color: #fff;
	padding: 5px 10px 5px 10px;
	border-radius: 4px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

.btn-primary-online:hover,
.btn-primary-online:focus {
	color: #fff;
	box-shadow: 0px 0px 3px 3px #b9cde0;
}

.greySideBarColor {
	background-image: linear-gradient(to bottom, #dedede 1%, #fefcf9 50%);
	filter: none;
}

.dateColWidth100 {
	width: 100px;
}

.btn-outline-primary {
	border-color: #357ebd;
	color: #357ebd;
}

.btn-outline-primary.active {
	border-color: #357ebd;
	color: #fff;
	background-color:#3071a9
}

.btn-outline-primary.active::after {
	content: "\e013";
	font-family: 'Glyphicons Halflings', Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #fff;
}

.btn-outline-primary:focus, .btn-outline-primary:hover {	
	color: #fff;
	background-color: #5e9ed6
}

.btn.alert-info-error:hover,
.btn.alert-info-error:focus {
	color: #fff;
	box-shadow: 0px 0px 3px 3px #b9cde0;
}

.unverifiedVIN {
	margin-top: -34px;
}

#reportsmenumain {
	background: linear-gradient(0deg, pink, transparent 30%, transparent, transparent, #b9cde0 70%, transparent) !important;
	background: linear-gradient(0deg, pink, transparent, #b9cde0) !important; /* smoother gradient transition - top to bottom */
	background-size: 100% 300% !important;
	background-size: 100% 200% !important; /* smoother gradient transition - top to bottom */
	background-position-y: 0% !important;
	-webkit-transition: all 0.2s ease-out !important;
	-moz-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	transition: all 0.2s ease-out !important;
	padding-top:10px;
	padding-bottom:10px;
}

.online-quote-width {
	width: 500px;
}

@media(min-width: 1200px) {
	.col-lg-2.dateFromReport {
		width: 16.66666667%;
	}
}

@media(min-width: 1800px) {
	.col-lg-2.dateFromReport {
		width: 13%;
	}
}

#esignreportid_wrapper .gridButtons {
	text-align: right;
}

@media (max-width:1920px) and (min-width: 1800px) {
	.col-lg-2.bookmarkReportStatesList {
		width: 12%;
	}
}

@media (max-width:990px) and (min-width: 768px) {
	.col-sm-3.bookmarkReportStatesList {
		width: 29%;
	}
}

@media (max-width:1920px) and (min-width:1200px) {
	.col-lg-2.reportStatesList {
		width: 11%;
	}
}

#onlinequotereportid_wrapper .gridButtons {
	text-align: right;
}

#onlinequoteactivityreportid_wrapper .gridButtons {
	text-align: right;
}

@media (max-width:1920px) and (min-width: 1800px) {
	.col-lg-1.reportButton {
		width: 10%;
	}
}

@media (max-width:1800px) and (min-width: 1500px) {
	.col-lg-1.reportButton {
		width: 12%;
	}
}

@media (max-width:1500px) and (min-width: 1200px) {
	.col-lg-1.reportButton {
		width: 14%;
	}
}

.reporttotalsdatacontainer {
	display: flex;
	justify-content: center;
}

.reporttotalspercent {
	padding-left: 0px;
	font-size: 40px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	margin-top: 0px;
	color: #ffc40c;
}

.reporttotalsfractional {
	padding-right: 3px;
	font-weight: bold;
	font-size: 14px;
	margin-top: 5px;
}
.reporttotalsheader {
	color: #0175be;
	margin-bottom: 0px
}

input[type="radio"][disabled] {
	border: 1px double gray;
	background-color: hsl(0, 0%, 90%);
	border-radius: 50%;
	height: 13px;
	width: 13px;
	appearance: none;
}

	input[type="radio"][disabled]:checked {
		background: radial-gradient(darkgray 0%, darkgray 40%, transparent 50%, transparent);
	}

@page {
	margin: 19mm 19mm 19mm 19mm;
}

.hide-keep-width {
	opacity: 0;
	pointer-events: none !important;
}

.cards-print h4:not(.card-title) {
	border-bottom: 1px solid #D1DEEB;
	margin-top: 0;
	height: 35px;
	padding: 8px;
}

.cards-print .bold {
	font-weight: bold;
}

.paymentdue {
	height: 40px;
}

.paymentdue:first-of-type {
	height: 35px;
}

@media print {
	@page {
		margin-bottom: 0.5cm;
	}

	.printsummary .ng-hide {
		display: none !important
	}
}

.FullWidthContainer {
	margin: 10px;
}

.valign-middle {
	vertical-align: middle;
}

.LNReport table {
	border-collapse: separate;
	border-spacing: 2px;
	width: 100%
}

.LNReport table caption {
	background-color: var(--SWDarkBlue);
	border-top: black 1px solid;
	color: white;
	font-weight: bold;
}

.LNReport table thead {
	text-align: left;
}

.LNReport table th {
	border-bottom: solid 1px black;
	background-color: var(--SWLightBlue);
}

.LNReport pre {
	background-color: white;
	border: 0;
	margin: 0;
	padding: 0;
}

.LNReport .SWLightBlue { background-color: var(--SWLightBlue) }

table.dataTable.display tbody tr.odd:not(.marked-row):not(.admin-marked-row):not(.admin-marked-row-remove) > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd:not(.marked-row):not(.admin-marked-row):not(.admin-marked-row-remove) > .sorting_1 {
	background-color: #f1f1f1 !important;
}

table.dataTable.display tbody tr.even:not(.marked-row):not(.admin-marked-row):not(.admin-marked-row-remove) > .sorting_1, table.dataTable.order-column.stripe tbody tr.even:not(.marked-row):not(.admin-marked-row):not(.admin-marked-row-remove) > .sorting_1 {
	background-color: #f9f9f9 !important;
}

table.dataTable.display tbody tr.odd:is(.admin-marked-row) > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd:is(.admin-marked-row) > .sorting_2,
table.dataTable.display tbody tr.odd:is(.admin-marked-row) > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd:is(.admin-marked-row) > .sorting_3{
	background-color: #dff0d8 !important;
}

table.dataTable.display tbody tr.even:is(.admin-marked-row) > .sorting_2, table.dataTable.order-column.stripe tbody tr.even:is(.admin-marked-row) > .sorting_2,
table.dataTable.display tbody tr.even:is(.admin-marked-row) > .sorting_3, table.dataTable.order-column.stripe tbody tr.even:is(.admin-marked-row) > .sorting_3 {
	background-color: #dff0d8 !important;
}

table.dataTable.display tbody tr.odd:is(.admin-marked-row-remove) > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd:is(.admin-marked-row-remove) > .sorting_2,
table.dataTable.display tbody tr.odd:is(.admin-marked-row-remove) > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd:is(.admin-marked-row-remove) > .sorting_3 {
	background-color: #f2dede !important;
}

table.dataTable.display tbody tr.even:is(.admin-marked-row-remove) > .sorting_2, table.dataTable.order-column.stripe tbody tr.even:is(.admin-marked-row-remove) > .sorting_2,
table.dataTable.display tbody tr.even:is(.admin-marked-row-remove) > .sorting_3, table.dataTable.order-column.stripe tbody tr.even:is(.admin-marked-row-remove) > .sorting_3 {
	background-color: #f2dede !important;
}
table.dataTable.display tbody tr:not(.marked-row):not(.admin-marked-row-remove):hover > .sorting_1,
table.dataTable.display tbody tr.odd:not(.marked-row):not(.admin-marked-row-remove):hover > .sorting_1,
table.dataTable.display tbody tr.even:not(.marked-row):not(.admin-marked-row-remove):hover > .sorting_1, table.dataTable.order-column.hover tbody tr:not(.marked-row):not(.admin-marked-row-remove):hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:not(.marked-row):not(.admin-marked-row-remove):hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:not(.marked-row):not(.admin-marked-row-remove):hover > .sorting_1 {
	background-color: #eaeaea !important;
}

table.dataTable.order-column tbody tr:not(.marked-row):not(.admin-marked-row):not(.admin-marked-row-remove) > .sorting_1,
table.dataTable.order-column tbody tr:not(.marked-row):not(.admin-marked-row):not(.admin-marked-row-remove) > .sorting_2,
table.dataTable.order-column tbody tr:not(.marked-row):not(.admin-marked-row):not(.admin-marked-row-remove) > .sorting_3, table.dataTable.display tbody tr:not(.marked-row):not(.admin-marked-row) > .sorting_1,
table.dataTable.display tbody tr:not(.marked-row):not(.admin-marked-row):not(.admin-marked-row-remove) > .sorting_2,
table.dataTable.display tbody tr:not(.marked-row):not(.admin-marked-row):not(.admin-marked-row-remove) > .sorting_3 {
	background-color: #f9f9f9 !important;
}

.input-group-addon.checkbox.plainCheckbox {
	background-color: white;
	padding-left: 1px;
}
.font-size-16 {
	font-size: 16px;
}

.font-size-19 {
	font-size: 19px;
}

.borderBottomGrey {
	border-bottom: 1px solid #ccc;
}

.borderTopGrey {
	border-top: 1px solid #ccc;
}

.radio-multiple {
	display: flex;
	width: 100% !important;
}

.calendar-print thead {
	display: table-row-group
}

.clickable:hover {
	cursor: pointer;
	color: #b47705 !important;
	text-decoration: underline;
}

.sideBarScroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.3);
	background-color: #F5F5F5;
}

.sideBarScroll::-webkit-scrollbar {
	width: 17px;
	background-color: #f1f1f1;
}

.sideBarScroll::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.3);
	background-color: #c2c2c2;
	border: 2px solid #F5F5F5;
}

.sideBarScroll::-webkit-scrollbar-thumb:vertical:hover {
	background-color: #a8a8a8;
}

.button-checkbox {
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 50px;
	background-color: #f3f7fe;
	border: #0264a1 solid 1px;
	color: #0264a1;
	padding: 6px 12px;
	cursor: pointer;
}

.button-checkbox.active, .button-checkbox:hover {
	background-color: #0264a1;
	border-color: #0264a1;
	color: #ffffff;
}

.shortcuts-icon {
	border-radius: 8px;
	border: #B47705 solid 1px;
	margin: 0px;
	padding: 0px 5px;
	cursor: pointer;
}

.shortcuts-icon.darkRedText {
	border: #b94a48 solid 1px;
}

.OtherInsuredPolicies, .OtherInsuredVehiclePolicies, .OtherInsuredLicensePolicies {
	float: left;
}

.gridImg {
	height: 25px;
	width: 29.25px;
}

.mySafewayAppLogo {
	padding: 20px 20px 20px 75px;
}

.appStoreLogoSave {
	padding-left: 15px;
}

.logoHeight {
	height: 50px;
}

.logoHeightHigher {
	height: 75px;
}

.mySafewayAppInfo {
	font-weight: bold;
}

.addMarginTop {
	margin-top: 10px;
}

.mobileLink {
	color: #0264a1;
	font-size: 12px;
}

.eoreportid .buttons-pdf {
	display: none !important;
}

.reportControlWidth {
	max-width: 200px;
	width: 100%;
}

.pull-right::before {
	float: right;
}

.row-group-one {
	font-weight: normal !important;
}

.row-group-two {
	font-weight: bold !important;
}

.image-delete-button {
	color: #b94a48;
	background-color: whitesmoke;
	border-radius: 5px;
	height: 25px;
	width: 25px;
	padding-top: 4.5px !important;
	padding-left: 3px !important;
	padding-bottom: 4px !important;
	padding-right: 3px !important;
	font-size: 1.7rem;
}

.progressTime {
	font-weight: bold;
	font-size:20px;
}

.report-dropdown {
	max-width: 200px
}

.esignIFrameSigningCompleted {
	min-height: 80%;
}

.esignIFrameSigningInProgress {
	min-height: 100%;
}

.scrollbarHide{
	overflow:hidden;
}

.sxlegal-container .nav-tabs:not(.timetable) {
	width: auto;
}

.sxlegal-container .nav > li {
	display: inline-block;
}

.sxlegal-container .nav-tabs > li > a {
	position: relative;
	display: block;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	background-image: none !important;
}

.sxlegal-container .nav-tabs > li > a:hover {
	text-decoration: underline;
}

.sxlegal-container .nav-tabs > li.active > a:hover {
	text-decoration: none;
}

.sxlegal-container .nav-tabs > li.active > a {
	color: #B47705;
}

.sxlegal-container .nav:not(.timetable) > li:hover,
.sxlegal-container .nav > li > button:hover,
.sxlegal-container .nav > li > button:focus,
.sxlegal-container .nav > li > div:hover,
.sxlegal-container .nav > li > div:focus {
	background-image: none !important;
}

.zoom-out {
	zoom: 80%;
	-moz-transform: scale(0.8);
	-moz-transform-origin: 0 0;
}

.zoom-out .successiconln {
	top: 4px;
	position: relative;
}

.sxlegal-container .zoom-in {
	zoom: 120%;
	-moz-transform: scale(1.2);
	-moz-transform-origin: 0 0;
}

.sxlegal-container .icon-size-med {
	font-size: 15px;
}

.sxlegal-container .icon-size-large {
	font-size: 25px;
}

.margin-top-34 {
	margin-top: 34px;
}

.min-max-w-35p {
	min-width: 35px;
	max-width: 35px;
	word-wrap: break-word;
}

.min-max-w-55p {
	min-width: 55px;
	max-width: 55px;
	word-wrap: break-word;
}

.min-max-w-75p {
	min-width: 75px;
	max-width: 75px;
	word-wrap: break-word;
}

.min-max-w-100p {
	min-width: 100px;
	max-width: 100px;
	word-wrap: break-word;
}

.min-max-w-200p {
	min-width: 200px;
	max-width: 200px;
	word-wrap: break-word;
}

.min-max-w-300p {
	min-width: 300px;
	max-width: 300px;
	word-wrap: break-word;
}

.sxlegal-header {
	height: auto !important;
	min-height: 30px;
	display: flex;
	justify-content: flex-end
}

.sxlegal-header span:first-child {
	margin-right: auto !important;
}

.sxlegal-container .header-btn {
	font-size: 19px
}

.sxlegal-container .alternate {
	padding: 0px;
}

.sxlegal-container .alert-info-error {
	padding: 10px 0px 8px 8px;
}

.border-radius-top-left-0 {
	border-top-left-radius: 0px;
}

.h-w-32 {
	width: 32px;
	height: 32px;
}

tr.highlight-success-sxlegal {
	background-color: #DFF0D8 !important;
}

.policyQuotaMonth {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0px;
}

.policyQuotaMonth:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-right: 1px solid;
}

.flex-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.word-svg {
	margin-top: -2px;
	height: 23px;
}

.folder-svg {
	margin-top: -2px;
	height: 25px;
}

.parking-svg {
	height: 16px;
	display: inline-block;
	margin-bottom: 2px;
}

td:hover .word-svg {
	height: 31px;
	margin-left: -3px;
}

td:active .word-svg {
	height: 21px;
	margin-left: 2px;
}

.header-icon {
	margin-right: 5px;
	top: -6px
}

.chevron-toggle:before {
	display: inline-block;
	width: 15px;
}

.pink-background {
	background-color: #ff99a8 !important;
}

.blue-background {
	background-color: #0264a1 !important;
}

.preview-header {
	color: #fff;
	padding: 10px 0px 8px 8px;
	height: 40px !important;
	font-size: medium;
	border: 0px;
	border-radius: 0px;
	margin-bottom: 20px;
}

.w-15 {
	width: 15px;
}

.notepad-tip-icon {
	padding: 2px 0px 0px 0px;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	background-image: none;
	border: 1px solid darkgray;
	border-radius: 3px;
	width: 27px;
	height: 25px;
	display: inline-block;
}

.info-color-hover:hover {
	color: #31708f;
	cursor: default;
}

.padding-top-4 {
	padding-top: 4px;
}

.rotate-minus-90 {
	transform: rotate(-90deg)
}

.font-size-18 {
	font-size: 18px;
}

.icon {
	font-family: 'Glyphicons Halflings';
}

.checkbox-blue {
	color: #0075FF;
}

.clm-res-dash {
	padding-left: 2px;
	padding-right: 2px;
	font-size: 19px;
}

.litigation-icon {
	font-size: 11px;
}

.litigation-icon.reserve-open:hover {
	color: green;
}

.letterLink {
	color: #0264a1;
	cursor: pointer;
}

.letterLink:hover {
	background-color: #eaeaea;
	color: #B47705;
}

/* If a child element inside letterLink has this class then when child is hovred the parent the following css is applied to the parent */
.letterLink:has(.noLetterLink:hover) {
	background-color: white;
	color: #0264a1;
}

.insertedChildRowHeading {
	margin-left: 15px;
	width: 96%
}

.childRow {
	background-color: #f1f1f1;
	font-size: 10px;
	margin-right: 20px !important;
	margin-left: 20px !important;
	padding-top: 15px;
}

.claimCarMenu {
	vertical-align: top;
	width: 50px;
	height: 40px;
}

.claimCarMenuSmall {
	vertical-align: top;
	width: 30px;
	height: 30px;
}