/* noto-sans-regular - cyrillic-ext_cyrillic_latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v7-cyrillic-ext_cyrillic_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans'), local('NotoSans'),
       url('../fonts/noto-sans-v7/noto-sans-v7-cyrillic-ext_cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v7/noto-sans-v7-cyrillic-ext_cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v7/noto-sans-v7-cyrillic-ext_cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v7/noto-sans-v7-cyrillic-ext_cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v7/noto-sans-v7-cyrillic-ext_cyrillic_latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/font-awesome-4.7.0/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/font-awesome-4.7.0/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/font-awesome-4.7.0/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/font-awesome-4.7.0/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/font-awesome-4.7.0/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/font-awesome-4.7.0/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Helios';
  src: url('../fonts/Helios/HeliosC.otf');
/*
  src: url('../fonts/font-awesome-4.7.0/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
       url('../fonts/font-awesome-4.7.0/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
	   url('../fonts/font-awesome-4.7.0/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
	   url('../fonts/font-awesome-4.7.0/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
	   url('../fonts/font-awesome-4.7.0/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
*/	   
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Bebas';
  src: url('../fonts/Bebas/BebasNeue Regular.ttf');
  src: url('../fonts/Bebas/BebasNeue Regular.ttf?v=1.0') format('truetype');
/*
  src: url('../fonts/font-awesome-4.7.0/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
       url('../fonts/font-awesome-4.7.0/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
	   url('../fonts/font-awesome-4.7.0/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
	   url('../fonts/font-awesome-4.7.0/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
	   url('../fonts/font-awesome-4.7.0/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
*/	   
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Myriad';
  src: url('../fonts/Myriad/MyriadPro-SemiExt.otf');
  src: url('../fonts/Myriad/MyriadPro-SemiExt.otf?v=1.0.23') format('opentype');
/*
  src: url('../fonts/font-awesome-4.7.0/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
       url('../fonts/font-awesome-4.7.0/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
	   url('../fonts/font-awesome-4.7.0/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
	   url('../fonts/font-awesome-4.7.0/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
	   url('../fonts/font-awesome-4.7.0/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
*/	   
  font-weight: normal;
  font-style: normal;
}
/*********************************************************************************************************************/
/*****************************************        Header           ***************************************************/
/*********************************************************************************************************************/
header{
	font-family: 'Noto Sans', sans-serif, Arial;
}
.header-phone strong {
  background-image: url(img/icon_phone.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 25px;
  padding-bottom: 5px;
  font-weight: normal;
}

.header-phone span {
  opacity: 0.6;
  text-transform: none;
}

.header-gear {
  background-image: url(img/gear.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 5px 0 5px 20px;
  padding-left: 25px;
  font-weight: normal;
}

header .user_header .name {
   text-transform: uppercase;
}
header .white-header-part{
	background-color: #fff;
	position:relative;
	padding:19px 0px;
}

header .header-phone{
	position: absolute;
    top: 50%;
    left: 2%;
    transform: translateY(-50%);
}

header .user-header{
    position: absolute;
	top: 50%;
	transform: translateY(-50%);
    right: 1%;
}

header .user-header{
	display:table;
}

header .user-header .name{
	display: table-cell;
    vertical-align: middle;
	padding-top:10px;
	font-size:10px;
}

.utility-container {
	 margin: 0;
    padding: 4px 15px;
    display: inline-flex;
    height: 77px;
	padding-top: 7px;
}

.util-item {
	text-align: center;
	display: block;
	padding: 0px 0px;
	position:relative;
	
}
.util-item::before {
	content: attr(data-content);
	display: block;
	visibility: hidden;
	text-transform: uppercase;
	text-decoration: none;
	height: 11px;
	color: #002060;
	font-size: 10px;
	text-wrap: suppress;
	margin-bottom:10px;
}
.util-item:hover::before {
	content: attr(data-content);
	visibility: visible;
}
.util-item a {
	padding: 0px 20px;
	
}
.util-item img {
	width: 25px;
	margin-top: 0px;
	height:27px;
	vertical-align: middle;
}
.util-item span {
	display: block;
	visibility: hidden;
	text-transform: uppercase;
	text-decoration: none;
	height: 11px;
	color: #333333;
	font-size: 11px;
}
.util-item .message-circle{
	position: absolute;
    top: 18px;
    right: 17px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background-color: red;
    text-align: center;
    line-height: 15px;
	color:#fff;
}
.ml-icon-link:hover, .ml-icon-link:focus, .hover.ml-icon-link {
}
.util-item:hover span, .util-item:focus span {
	visibility: visible;
}



/*********************************************************************************************************************/
/*****************************************         Menu            ***************************************************/
/*********************************************************************************************************************/
header .menu .NonCurrentTab{	
	    background-color:#a0acc4;
}  
header .menu .NonCurrentTab a{
	    color:#fff;
}
header .menu .NonCurrentTab a:hover{
    	background-color:#002060;
}
header .menu .NonCurrentTab:hover a{
	text-decoration: underline;
    text-underline-position: under;
}

header .menu .CurrentTab{
	    background-color:#002060 !important;
		padding: 0px;
}
header .menu .CurrentTab a{
    
	    color:#ffffff;
}


header .menu .CurrentTab:hover a{
    text-decoration: underline;
    text-underline-position: under;
}

header .menu>div{
    flex: 1 100%;
    text-align: center;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	header .menu>div{
    flex: 1 auto;
    text-align: center;
}
}

header .menu{
    display:flex;
    padding: 0px 15%;
    background-color:#a0acc4;
	width: 100%;
	overflow:hidden;
}
header .menu>div>a{
  font-family:'Noto Sans', sans-serif, Arial;	
  width:100%;
}
header .menu .CurrentTab a{
	padding-left:23px !important;
	padding-right:23px !important;
}
header .menu>div>a img{
  width:0px;
}
.menu  .img-go-back{
  position:absolute;
  width: 20px;
  height: auto;
  left: 20px;
  top: 28px;
}

#T_BACK {
  width: auto;
  position: absolute;
  left: 0;
  /*padding-left: 20px;*/
}
#T_BACK a{
	text-transform: none;
    font-size: 12px;
    line-height: 20px;
    padding-top: 10px;
    text-align: left;
    padding-left: 45px;
}

/*********************************************************************************************************************/
/*****************************************        Footer           ***************************************************/
/*********************************************************************************************************************/
/* General*/
footer {
  height: 15%;
  background-color: #f2f2f2;
  font-family: 'Noto Sans', sans-serif,Arial, Helvetica;
  font-size: 12px;
  color: #333333;
  line-height: 23px;
  text-transform: none;
}
/*********************************************************************************************************************/
/* Line for Footer */

.mlpl-footer__top-bar {
    height: 10px;
    position: static;
    bottom: 0;
    margin: 0;
}

.mlpl-footer__top-bar > div {
    display: inline-block;
    height: inherit;
}

.mlpl-l-top-bar, .mlpl-footer__top-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    margin: -2px 0 0;
    width: 100%;
}

.mlpl-l-top-bar__big, .mlpl-footer__top-bar__big {
    background-color: #a0acc4;
    width: 75%;
}
	
.mlpl-l-top-bar__small, .mlpl-footer__top-bar__small {
    background-color: #002060;
    width: 10%;
}

.mlpl-l-top-bar__medium, .mlpl-footer__top-bar__medium {
    background-color: #c00000;
    width: 15%;
}
#footer-menu li{
    display:inline-block;
    padding: 0px 6px;
}
#footer-menu li:not(:first-of-type)::before{
    content:"\2022";
    color: #999999;
    padding-right: 12px;
}
#footer-menu{
    list-style:none;
    display: inline-block;
    margin-left: 0;
    margin-right:0;
    margin-top: 40px;
    margin-bottom: 6px;
    max-width:800px;
}
footer .logo{
   position:absolute;
}
#footer-menu-container{
    text-align:center;
}
/*********************************************************************************************************************/
/* Copyright for Footer */

.footer-legal__copyright {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
	color: #999;
}
/*********************************************************************************************************************/
/*****************************************        Buttons           **************************************************/
/*********************************************************************************************************************/
.browse-button-disabled{
	background-color: #D9D9D9;
    color: #333;
    cursor: not-allowed;
    pointer-events: none;
	border:none;
}
.ml-button-primary, .ml-button-secondary {
  margin: 10px;
  font-family: 'Noto Sans', sans-serif, Arial;
}

.ml-button-primary {
  color: #FFF;
}

.ml-button-primary:hover, .ml-button-primary:focus, .ml-button-primary:visited, .ml-button-primary:link {
  color: #FFF;
}

.ml-button-primary:focus, .ml-button-secondary:focus {
  box-shadow: 0 0 7px #333;
}

[data-forms="floating-label"] .ml-form-field label {
  display:table;	
  margin-bottom: 0;
}

.ml-link {
  font-size: 14px;
}

.ml-link:hover {
  color: #002060;
}
.ml-form-field *{
	font-family: 'Noto Sans', sans-serif, Arial;
}
/*********************************************************************************************************************/
/*****************************************        Fonts             **************************************************/
/*********************************************************************************************************************/
a{
  font-family:'Noto Sans', sans-serif, Arial;
}

.mlpl-site-title {
  font-family: Georgia;
  font-size: 44px;
  font-weight: bold;
  line-height: 1.5;
  color: #000;
}

.mlpl-site-title-arial-bold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  color: #000;
}

.mlpl-site-title-arial {
  font-family: 'Noto Sans', sans-serif;
  font-size: 26px;
  line-height: 1.5;
  color: #000;
}
/*********************************************************************************************************************/
/*****************************************      Forms               **************************************************/
/*********************************************************************************************************************/
.ml-form {
  padding: 0; /* new */
  position: relative;
}

.ml-form-field {
  margin-bottom: 0; /* new */
  width: auto;
  display: inline-block;
}

/*from style_ml.css*/
.mlFormRegion .mlRegionHeader {
  font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  color: #000;
  padding: 50px 0 40px 0;
  text-align: center;
}
.ml-button-primary{
	font-family: 'Noto Sans', sans-serif, Arial;
}
/*********************************************************************************************************************/
/*****************************************      Messages            **************************************************/
/*********************************************************************************************************************/
.ml-msg{
  padding: 0px 0px 0px 0px;	
  margin-top: 30px;
}

.ml-msg-txt{
  margin-top: 15px;
  margin-bottom: 15px;
}

.high-priority{
  padding: 2px 8px 2px 5px;
  margin: 15px 0 0 15px;
  display: block;
  float: left;
}

.ml-msg-close{
  width: 30px;
  margin: 15px 0 0 0;  
}

.ml-msg.ml-msg-error .ml-msg-txt {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
}

#apex_login_throttle_div {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;	
}

.ml-msg.ml-msg-error .ml-msg-txt ul {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0;
}

.ml-msg.ml-msg-error .ml-msg-txt li, .ml-msg.ml-msg-error .ml-msg-txt a {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  padding-bottom: 3px;
}

.ml-msg.ml-msg-error .ml-msg-txt .aErrMsgTitle
{
  display: none;
}

.htmldbUlErr {
  max-width: 1100px;
}

li.htmldbStdErr a, div.t15success a{
  text-decoration: underline;
  color: #002060;
  font-weight: bold;
  display: inline-block;
}

li.htmldbStdErr a:hover, li.htmldbStdErr a:focus {
  text-decoration: none;
}

li.htmldbStdErr a:focus {
  outline-color: #333;
  text-decoration: none;
}

.ml-msg.ml-msg-msg {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  min-height:37px;
  line-height: 1.4;
  padding: 15px;
  text-align: left;
  margin-bottom: 5px;
}
/*********************************************************************************************************************/
/*****************************************        Body              **************************************************/
/*********************************************************************************************************************/
.page-title {
  text-align: center;
  font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  color: #002060;
  padding: 30px 0 30px 0;
}

.body-content-region{
  background-color: white;
  margin: 0 0 50px 0;
  height: auto;
  display: block;
  padding: 40px 40px 40px 40px;
}

.body-content-region3{
  margin: 0 0 40px 0;
}

body {
  min-width: 1200px;
}

.body-content {
  height: auto;
  display: block;
}

.body-content h6{
  font-family: Georgia, Helvetica, sans-serif;
}

.box-shadow {
  -webkit-box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.1);
}
/*********************************************************************************************************************/
/*****************************************   Blocks on Forms        **************************************************/
/*********************************************************************************************************************/

/*********************************************************************************************************************/
/*****************************************   Elements       **************************************************/
/*********************************************************************************************************************/
.ml-form[data-forms="floating-label"] input:-webkit-autofill + span {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	font-weight: bold;
	font-size: 14px;
	visibility: visible;
	top: -5px;
	margin-top: 13px;
	width: auto;
	background-color: #fff;
	/*text-shadow: -4px 2px 0 0 #FFFFFF, 3px 0 1px 0 #FFFFFF, -2px 0 0 0 #FFFFFF, -3px 1px 2px 0 #FFFFFF, 6px 0 0 0 #FFFFFF, 4px 2px 0 0 #FFFFFF, 1px 1px 0 0 #FFFFFF; */
	text-shadow: -4px 2px 0 0 #FFFFFF, 3px 0 1px 0 #FFFFFF, -2px 0 0 0 #FFFFFF, -3px 1px 2px 0 #FFFFFF, 6px 0 0 0 #FFFFFF, 4px 2px 0 0 #FFFFFF, 1px 1px 0 0 #FFFFFF;
}
.t15Messages .t15success{
	font-family: 'Noto Sans', sans-serif;
	font-size:14px;
	font-weight: normal;
}

select{
    width:400px;
}
.ml-form-field-select .select{
    border:none;
}
.ml-form-field-select .select-hidden {
	display:none;
}
.ml-form-field-select .select-hidden:focus {
	border: solid 1px red;
}
.ml-form-field-select .select .select-styled {
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	position:relative;
	font-size: 14px;
	border: 1px solid #BBBBBB;
	color: #333333;
	width: 100%;
	height: 40px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	line-height: 17px;
	background-color: #fff;
	padding: 10px;
	padding-right: 23px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Dropdown box downwards arrow style */
.ml-form-field-select .select-styled:after {
	content: "";
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-color: #AAA9AA transparent transparent transparent;
	position: absolute;
	top: 16px;
	right: 10px;
}
.ml-form-field-select .select-styled:focus {
	font-weight:bold;
	border: solid 1px #002060;
	outline: 0;
}
.ml-form-field-select .select-styled:focus:after {
	border-color: #002060 transparent transparent transparent;
}

/* dropdown options */
.ml-form-field-select .select-options {
	display: none;
	position:absolute;
	top: 100%;
	right: 0;
	font-size: 14px;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	border-radius: 2px;
	border: solid 1px #002060;
	border-top: 0px;
	list-style: none;
	background-color: #ffffff;
	max-height:200px;
	overflow:scroll;
}
.ml-form-field-select .select-options li {
	margin: 0;
	padding: 12px 0;
	font-size: 14px;
	padding-left: 15px;
    text-indent: 0px;
	border:none;
}

.ml-form-field-select .select-options li:hover ,.ml-form-field-select .select-options li.selected{
	color: #ffffff;
	background: #002060;
	border:none;
}

.ml-form-field-select .select-options li[rel="hide"] {
	display:block;
}
.ml-form-field-select .select-options li:first-child {
	border-top: 0;
}



.ml-form-field-select  > span{
	font-weight:bold;
	line-height:3em;
}

/* ----- Floating label style ----- */
.ml-form[data-forms="floating-label"] .select-label > span
 { 
	transition: 0.3s ease;
	-webkit-transform: translateY(-0.5em);
	-ms-transform: translateY(-0.5em);
	transform: translateY(-0.5em);
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 15px;
	font-size: 14px;
	width: 90%;
}

.ml-form[data-forms="floating-label"] .select-label.selected > span {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    font-size: 14px;
    visibility: visible;
    top: -5px;
    margin-top: 13px;
    width: auto;
    background-color: #fff;
    text-shadow: -4px 2px 0 0 #FFFFFF, 3px 0 1px 0 #FFFFFF, -2px 0 0 0 #FFFFFF, -3px 1px 2px 0 #FFFFFF, 6px 0 0 0 #FFFFFF, 4px 2px 0 0 #FFFFFF, 1px 1px 0 0 #FFFFFF;
    z-index: 100;
	font-weight:bold;
}

.ml-form-field.ml-form-field-select.error .select-styled{
    border-color: red;
    color: red;
}
.ml-form-field.ml-form-field-select.error{
    border:none;
}    

.mlFormRegion.error{
	background: #FDE8E8;
	border:1px solid red;
}
.mlFormRegion+.region-error{
	display:none;
}
.mlFormRegion.error+.region-error{
    font-size: 12px;
    color: #DB1818;
    margin-top: 5px;
	display:block;
}

fieldset.checkbox_group{
        width: 100%;
}
        
.ml-form-field-checkboxes-group label{
    line-height:12.6px;
	position:relative;
	width:auto;
	margin-right:20px;
	line-height: 19.6px;
}
.ml-form-field.error .ml-form-field-checkboxes{
    border: solid 1px #DB1818;
    background-color: #FDE8E8;
    margin-bottom:20px;
}
.ml-form-field-checkboxes-group{
    margin: 15px;
    margin-top: 10px;
    margin-bottom: 3px;
}

.ml-form-field-checkboxes .ml-form-field-errortext, .ml-form-field-radio .ml-form-field-errortext{
	white-space:nowrap;
    position: absolute;
}


.ml-form-field-checkboxes-group input[type=checkbox]:checked + span label:after {
	opacity: 1;
}
.ml-form-field-checkboxes-group input[type=checkbox]:focus + span label:before, .ml-form-field-checkboxes-group input[type=checkbox]:checked + span label:before {
	border-color: #002060;
}
.ml-form-field-radio-group {
	width: auto;
	height: 18px;
	position: relative;
	margin: 10px 12px;
	transition: all 250ms;
	white-space: nowrap;
}
.ml-form-field-radio-group label{
	line-height:14px;
	position:relative;
	margin-right:30px;
}
.ml-form-field-radio-group label:before{
	border: solid 2px #002060;
}
.ml-form-field-radio-group input[type=radio]:focus + label:before, .ml-form-field-radio-group input[type=radio]:checked + label:before {
    border: solid 2px #002060;
}
.ml-form-field-radio-group input[type="radio"]:disabled + label:before{
	border:solid 1px #BBBBBB;
}
.radio_group{
    width:100%;
}


.ml-form-field.error .ml-form-field-radio  {
    border: solid 1px #DB1818;
    background-color: #FDE8E8;
    margin-bottom: 20px;
}
.ml-form-field.error textarea{
	border: solid 1px #DB1818;
    background-color: #FDE8E8;
}
.ml-form-field.error textarea::-webkit-input-placeholder {
	color: red;
}

.ml-form-field.error textarea:-moz-placeholder { /* Firefox 18- */
	color: red;  
}

.ml-form-field.error textarea::-moz-placeholder {  /* Firefox 19+ */
	color: red;  
}

.ml-form-field.error textarea:-ms-input-placeholder {
	color: red;  
}
.ml-button-disabled {
	margin:10px;
    box-sizing: border-box;
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
    border-radius: 2px;
    padding: 12px 14px;
    border: 0;
    display: inline-block;
    outline: none;
}

.ml-button-disabled, .ml-button-disabled:hover, .ml-button-disabled:focus, .focus.ml-button-disabled {
    background-color: #D9D9D9;
    color: #333;
    cursor: not-allowed;
	pointer-events: none;
}
.ml-form-field span.request-time{
	background:inherit;
	color:inherit;
	font-size:13px;

}

/*********************************************************************************************************************/
/*****************************************        Tables              **************************************************/
/*********************************************************************************************************************/


table .ml-table-expcol a:link {
	color: #002060;
	text-decoration: underline;
}
table .ml-table-expcol a.ml-button-disabled{
	text-decoration:none;
	color:#333;
}
table .ml-table-expcol a:visited {
	color: #002060;
}
table .ml-table-expcol a:active, table .ml-table-expcol a:hover {
	text-decoration: none;
}
.ml-table-container {
	padding: 30px;
}
.table-ng .nodatafound{
	font-family: 'Noto Sans', sans-serif, Arial;
}
.ml-table-expcol {
	width: 100%;
	color: #333333;
	font-size: 14px;
	background: #ffffff;
	margin: 0px;
	border-collapse: collapse;
	font-family: 'Noto Sans', sans-serif, Arial;
}
.ml-table-title{
    height: 37px;
    line-height: 37px;
    font-family: Georgia, serif;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    	background: #002060;
    caption-side: top;
    text-align: center;
    padding: 0px;
}
.ml-table-expcol th {
	padding-left:18px;
	border-top: 1px solid #a0acc4;
	border-bottom: 1px solid #a0acc4;
}
.ml-table-expcol >tbody>tr {
	border-bottom: 1px solid #a0acc4;
	text-align: left;
	height: 57px;
}
.ml-table-expcol td{
	padding-left:18px;	
}
.ml-table-expcol tr.expanded {
	border-bottom: 2px solid #a0acc4;
	border-top: 2px solid #a0acc4;
	background: #f2f2f2;
}
.ml-table-expcol tr.expanded>td:first-child {
	/*background: url(../images/border_BG.png) repeat-y left;*/
	border-left: 8px solid #a0acc4;
}
.ml-table-expcol tr.expandable-cell>td {
	/*background: url(../images/border_BG.png) repeat-y left;*/
	border-left: 8px solid #a0acc4;
	border-right: 2px solid #a0acc4;
	
	padding-bottom: 30px;
    padding-top: 20px;
}
.ml-table-expcol tr.expandable-cell {
	/*height:200px;*/
	border-bottom: 2px solid #a0acc4;
	background: url(../images/down-arrow.png) no-repeat top center;
	background-size: 14px;
}
/* Not for pattern this is just placeholder for demo */
.ml-table-expcol tr.expandable-cell>td > div {
	
	font-size:16px;
	color:#7D7D7D;
	
}
/* =================================================*/
.ml-table-expcol:not(.ml-table-without-details) tr.collapsed>td:last-child {
	background: url(../images/expand.svg) no-repeat center ;
	background-size:28px ;
	
	padding-right:20px;
	
}
/*.ml-table-expcol td:last-child:before {
	
	content:"show more";
	display:inline-block;
	
	margin:0;
	font-size: 10px;
	font-weight:normal;
	color: #333333;
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing:0.5px;
	line-height:16px;
}*/

.ml-table-expcol:not(.ml-table-without-details) tr.collapsed>td:last-child:hover {
	background: url(../images/expand-hover.svg) no-repeat center;
	background-size:28px ;
}
.ml-table-expcol:not(.ml-table-without-details) tr.expanded>td:last-child {
	background: url(../images/collapse.svg) no-repeat center;
	background-size:28px ;
	border-right: 2px solid #a0acc4;
}

.ml-table-expcol:not(.ml-table-without-details) tr.expanded>td:last-child:hover {
	background: url(../images/collapse-hover.svg) no-repeat center;
	background-size:28px ;
}
/* =============== Table expand-collase style 2 ============= */
.ml-table-expcol.style2 thead{
	margin-bottom:5px;
	padding-bottom: 5px;
	border-bottom: 5px solid #ffffff;	
}
.ml-table-expcol.style2 thead tr{
	height: 37px ;
	line-height: 37px;
	font-family: Georgia, serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background: #002060;
}

.ml-table-expcol.style2 tbody tr:first-child{
	border-top: 1px solid #a0acc4;
}
.ml-table-expcol.style2 tr.expanded td:first-child {
	border-left: 0px solid #c00000;
	padding-left:17px;
}
.ml-table-expcol.style2  tr.expanded {
	border: 2px solid #c00000;
	
	background: #c00000;
}
.ml-table-expcol.style2 tbody tr.expanded:first-child{
	border-top: 2px solid #c00000;
}
.ml-table-expcol.style2 tr.expanded td:first-child {
	background: none;
}
.ml-table-expcol.style2 tr.expandable-cell td {
	border-right: 2px solid #c00000;
	min-height: 250px;
}
.ml-table-expcol.style2 tr.expandable-cell {
	height:200px;
	border-bottom: 2px solid #c00000;
	background: url(../images/down-arrow-green.png) no-repeat top center;
	background-size: 14px;
}

.ml-table-expcol.style2 tr.expandable-cell td {
	background: none;
	border: 2px solid #c00000;
	min-height: 250px;
}

.ml-table-expcol.style2 tr.expanded td:last-child {
	
	border-right: 2px solid #c00000;
}



/* =============== Table alternate Rows ================= */


.ml-table-alt-rows {
	width: 100%;
	color: #333333;
	font-size: 13px;
	background: #ffffff;
	margin: 0px;
	border-collapse: collapse;
}
.ml-table-alt-rows th {
}
.ml-table-alt-rows tr {
	text-align: center;
	height: 37px;
}
.ml-table-alt-rows tr.even {
	background-color: #FFFFFF;
}
.ml-table-alt-rows tr.odd {
	background-color: #E5F4FB;
}
.ml-table-expcol .a-Icon{
        display:none;
}

.ml-pagination-numbers {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 10px;
    background: #D9D9D6;
    font-size: 15px;
    color: #333333;
    text-align: center;
	display:inline-block;
	cursor:pointer;
	line-height: 17px;
    
    
}
.ml-pagination-numbers:hover {
	background: #002060;
	color: #fff;
}

.ml-current-page {
    background: #002060;
    color: #fff;
}

.pg-next {
	background:#ffffff url(../images/chevron-next.png) no-repeat 15px;
	background-size:20px 30px;
	border:1px solid #002060;
	text-align:left;
	padding-left:5px;
	color:#002060;
	font-weight:bold;
}

.pg-next:hover {
	
	background:#002060 url(../images/chevron-next-hover.png) no-repeat 15px;
	background-size:20px 30px;

}

.pg-back {
	background:#ffffff url(../images/chevron-back.png) no-repeat 0px;
	background-size:20px 30px;
	border:1px solid #002060;
	text-align:right;
	padding-right:5px;
	color:#002060;
	font-weight:bold;
}

.pg-back:hover {
	
	background:#002060 url(../images/chevron-back-hover.png) no-repeat 0px;
	background-size:20px 30px;

}
.ml-table-expcol>tbody>.pagination-row{
	border:none;
	height:85px;
}
.ml-table-expcol>tbody>.pagination-row  .pagination-cell{
	background:none;
	position:relative;
}
.ml-table-expcol>tbody>tr:last-child  .pagination-cell .table-total-results{
	position:absolute;
	font-weight:bold;
	left:25px;
}     
.ml-table-expcol>tbody>tr:last-child  .pagination-cell .pagination-select{
	position:absolute;
	right:0px;
}
.ml-table-expcol>tbody>tr:last-child  .pagination-cell .pagination-block{
	display:block;
	text-align:center;
}
.ml-table-expcol .toogle-link{
	display:block;
	height:50px;
	width:100%;
	padding-right:20px;
}

/*********************************************************************************************************************/
/*****************************************        Flip-card        **************************************************/
/*********************************************************************************************************************/



.ml-card-panel {
	
	width: 100%;
	height: auto;
	/*margin: 20px;*/
	position: relative;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	
}
.ml-card-panel .front .ml-flip-trigger{
	margin-right: 0px;
}
.ml-flip-trigger {
	height:34px;
	margin-top: 0px;
	float: right;
	text-align: center;
	font-size: 10px;
	color: #002060;
	line-height: 1;
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing:0.5px;
	margin-right: 30px;
}

.ml-flip-trigger:hover{
	text-decoration:underline;
}

.ml-flip-trigger:after{
	content:url(../images/flip-icon.svg);
	display:block;
	padding-top:6px;
	margin:auto;
	width:18px;

}

.ml-flip-trigger:hover:after{
	content:url(../images/flip-icon-hover.svg);

}
.ml-card-panel hr {
	border: 0;
	height: 1px;
	background: #a0acc4;
	margin-bottom: 20px;
	margin-top: 5px;
}
.ml-card-panel .front {
    text-align:left;
	float: none;
	overflow: visible;
	top: 0;
	left: 0;
	z-index: 900;
	width: 570px;
	height: auto;

	border-left: #a0acc4 10px solid;
	background: #fff;
	padding: 25px 20px 30px 20px;
	line-height: 1.2;
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.7);
	box-shadow: 0 1px 5px rgba(0,0,0,0.7);
	
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	
	transform:rotateX(0deg) rotateY(0deg);
	/* -- transition is the magic sauce for animation -- */
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	padding-top:10px;
}
.ml-card-panel.flip .front {
	overflow:hidden;
	    height: 0px;
    width: 0px;
    padding: 0px;
	z-index: 900;
	border-color: #eee;
	background: #fff;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform:rotateY(180deg);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.7);
	box-shadow: 0 1px 5px rgba(0,0,0,0.7);
}
.ml-card-panel .back {
	float:left;
	overflow:hidden;
	text-align:left;
	top: 0;
	left: 0;
	z-index: 800;
	width:0px;
	height:0px;
	background: #fff;
	
	
	padding:0px;
	-webkit-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateY(-180deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	transform:rotateY(-180deg);
	/* -- transition is the magic sauce for animation -- */
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    box-shadow: 0 1px 5px 0px rgba(0,0,0,0.3);
}
.ml-card-panel.flip .back {
	overflow:visible;
	height:auto;
	width: 1200px;
	padding: 25px 20px 30px 20px;
	z-index: 1000;
	background: #fff;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
	transform:rotateX(0deg) rotateY(0deg);
	
	/*-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.7);
	
	box-shadow: 0 1px 5px rgba(0,0,0,0.7);*/
	padding-top: 10px;
	border-top:#a0acc4 2px solid;
	
}
.back:before {
    background: #f2f2f2;
    width: 46px;
    height: 45px;
    top: -5px;
}
.back:before, .back:after {
    content: '';
    position: absolute;
    left: 100%;
    margin: 0px 0px 0px -42px;
}
.back:after {
    top: -2px;
    border: 21px solid transparent;
    border-color: transparent transparent #a0acc4 #a0acc4;
}
.back:before, .back:after {
    content: '';
    position: absolute;
    left: 100%;
    margin: 0px 0px 0px -42px;
}

.corner{
	width:0;
    height: 0;
	float:right;
	margin:-27px -20px 0 15px;
	border-style: solid;
	border-width: 43px 0 0 43px;
	border-color: #f2f2f2 transparent transparent #0091da;
}

.corner-white{
	width:0;
    height: 0;
	float:right;
	margin:-25px -20px 0 0;
    border-style: solid;
    border-width: 0 43px 43px 0;
    border-color: transparent #ffffff transparent transparent;
}




.ml-card-title {
	font-family: "Georgia", serif;
	font-size:18px;
	font-weight:bold;
	color:#002060;
	padding-bottom:20px;

}
.policy-flip-card{
	margin-bottom:30px;
}

.policy-flip-card  .ml-button-primary{
	margin-bottom:-10px;
}
.policy-flip-card .front{
	width:1000px;
}
.policy-flip-card .ml-card-title{
	line-height:40px;
}
.policy-flip-card .text-with-tooltip-container{
	position:relative; 
	display:inline-block;
}

.policy-flip-card{
    font-family: 'Noto Sans', sans-serif, Arial;
}
.policy-flip-card [id^=policy-details]{
	width:770px;
	margin:0 auto;
}
.policy-flip-card .info-block .half-parent{
   display:inline-block;
   width:50%;
   vertical-align:top;
   box-sizing:border-box; 
}
.policy-flip-card .info-block{    
	border-top: 1px solid #a0acc4;
    padding-top: 25px;
    margin-bottom: 25px;
}
.policy-flip-card .info-block.main-info{
    border-top:none;
}
    
.policy-flip-card .info-block .caption{
    margin-top: 17px;
    font-size: 20px;
    font-weight: bold;
    color: #002060;
    text-align: center;
}
.policy-flip-card .info-block.main-info th{
    border-top:none;
}
.policy-flip-card .info-block h4{
    margin-bottom:5px;
    font-size:16px;
}
.policy-flip-card .info-block.main-info .label-cell, .policy-flip-card .info-block.main-info .data-cell{
   padding:0px 40px 3px 0px;
   font-size:14px;
   font-family: 'Noto Sans', sans-serif, Arial;
}
.policy-flip-card .info-block.main-info .label-cell{
   font-weight:bold;
   width:250px; 
}

.policy-flip-card .info-block .empty-row{
    height:25px;
}

.policy-flip-card .info-block .info-list{
    list-style: none;
    margin: 0px;
}
.policy-flip-card .info-block .info-list .summ{
    float: right;
    text-align: left;
    width: 100px;
    white-space: nowrap;
}
.policy-flip-card .info-block .info-list li{
    height:20px;
    display:flex;
}
.policy-flip-card .info-block .info-list li .fill-space{
    flex-grow:1;
    border-bottom:2px dotted;
    margin-right:6px;
    margin-bottom:5px;
}
.policy-flip-card .info-block.fin-info .info-list{
    width:850px;
}
.policy-flip-card .info-block.unique-info .info-list{
    margin-right:40px;
}
.policy-flip-card .info-block .info-list .ml-tooltip-trigger.fa{
    position:static;
}
.policy-flip-card .info-block.unique-info .offer-image{
    width:248px;
    height:170px;
    float:left;
    margin-right:15px;
}
.policy-flip-card .info-block.unique-info .offer-info
{
    width: auto;
    float: inherit;
}
.policy-flip-card .info-block.unique-info .due-date{
    color:#002060;
} 
.policy-flip-card .status{
    padding-top: 15px;
    margin-right: 100px;
    font-size: 17px;
    position: relative;
    float:right;
    font-family: 'Noto Sans', sans-serif, Arial;
    color:#3379ac;
}
.policy-flip-card .number{
    padding-top: 15px;
    margin-right: 100px;
    font-size: 17px;
    float:right;
    font-family: 'Noto Sans', sans-serif, Arial;
}
.policy-flip-card .status .ml-tooltip-trigger.fa{
    right:-23px;
    top:21px;
} 
.policy-flip-card .collapsed td{
    font-size:14px;
}

.policy-flip-card .ml-table-expcol.ml-table-without-details td,.policy-flip-card .ml-table-expcol.ml-table-without-details th{
    white-space:nowrap;
}

.policy-flip-card .ml-table-expcol.ml-table-without-details tr td:last-child,.policy-flip-card .ml-table-expcol.ml-table-without-details tr th:last-child{
    width:99%;
    padding-right:10px;
}
.policy-flip-card .ml-table-expcol .collapsed{
    height:35px;
   
}
.policy-flip-card .ml-table-expcol{
  width:auto;
}
.policy-flip-card .ml-table-expcol.ml-table-without-details tr td:first-child,.policy-flip-card .ml-table-expcol.ml-table-without-details tr th:first-child{
   max-width:310px;
   overflow:hidden;
   text-overflow:ellipsis; 
}
.ml-card-panel.flip .action-front {
	display: none;
}
.block ol li {
	text-align: left;
	margin: 0 0 0 28px;
}
.block .action-front {
	display: block;
	padding: 3px;
	background: #333;
	text-align: right;
	font-size: .8em;
	opacity: 0;
	position: absolute;
	cursor: pointer;
	-webkit-transition: opacity .2s linear;
}
.block:hover .action-front {
	opacity: .7;
}
.contact-front{
    font-family: 'Noto Sans', sans-serif, Arial;
}

.contact-front .label-cell, .policy .label-cell{
    font-weight:bold;
    max-width:50%;
    padding-left:10px;
    font-size:14px;
}
.policy .label-cell{
	width:260px;
}
.contact-front .data-cell, .policy .data-cell{
    padding-left:30px;
    max-width:50%;
    font-size:14px;
}

.contact-front .padding-row{
    height:30px;
}
.contact-data{
    font-family: 'Noto Sans', sans-serif, Arial;
}
.ml-card.ml-card-panel .back .contact-data p{
	color: #75787b;
}
.contact-data h5{
    margin: 20px 0px;
    margin-left:7px;
}
.contact-data p{
    padding-left: 43px;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 2px;
}
.contact-data p .info{
    color:#002060;
}

.edit-flip-card-button{
	float: right;
    margin-right: 20px;
}

.contact-data-title {
  font-weight: bold;
  font-size: 14px;
  font-family: 'Noto Sans', sans-serif, Arial;
  color: #002060;
}


.offer-flip-card{
    margin-bottom: 30px;
}
.offer-flip-card.ml-card-panel .front{
   width:1000px;
}
.offer-flip-card.ml-card-panel .front .ml-card-title, .offer-flip-card.ml-card-panel .back .ml-card-title{    
    margin-top: 10px;
    display: inline-block;
}
.offer-flip-card.ml-card-panel .offer-policy-number{
    float: right;
    padding-right: 10px;
    padding-top: 18px;
    font-weight: bold;
    font-family: 'Noto Sans', sans-serif, Arial;
    font-size: 16px;
    color: #97baff;
}


.offer-flip-card .offer .offer-image{
    float: left;
    width: 248px;
    height: 170px;
    margin: 30px;
    margin-top: 5px;
    margin-right:50px;
    margin-bottom:0px;
}
.offer .offer-info{
    width:620px;
    float:left;
}
.back .offer .offer-info{
    width:830px;
}
.offer .offer-info h3{
   margin-top:13px;
}
.offer .offer-min-info{
    font-size:14px;
    color:#333;
    font-family: 'Noto Sans', sans-serif, Arial;
}
.offer .offer-min-info .offer-due-date{
    color:#002060;
}
.offer-flip-card .back .offer .offer-image{
    margin-left:10px;
}
.offer-flip-card .back .ml-msg.ml-msg-msg{
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom:10px;
}
.offer-flip-card .file-size{
    color: #999;
    font-size: 12px;
}
.offer-flip-card .full-info{
    margin-top:30px;
}

/*********************************************************************************************************************/
/*****************************************        DatePicker        **************************************************/
/*********************************************************************************************************************/
input.datepicker::-ms-clear {
    display: none;
}
.ui-datepicker.ui-widget.ui-widget-content{
	z-index:500 !important;
}
.ui-datepicker-calendar .ui-state-default{
	background:#e6f4f9;
    border: none;
	text-align:center;
	height: 100%;
    width: 100%;
    line-height: 31px;
}
.ml-form[data-forms="floating-label"] .datepicker-field.error input + span {
    color: red !important;
}
.ml-form[data-forms="floating-label"] .datepicker-field input:disabled + span {
    background-color:#f2f2f2;
}
.ui-datepicker-calendar  .ui-datepicker-week-end .ui-state-default{
	background: #fff;
}
.ui-datepicker-calendar .ui-state-default.ui-priority-secondary{
	opacity: 1;
}

.ui-datepicker .ui-datepicker-header{
	border:none;
	background:none;
}
.ui-datepicker-calendar .ui-state-default.ui-state-active,.ui-datepicker-calendar .ui-state-default.ui-state-hover{
	background:#002060;
	color:#fff;
}
.ui-datepicker .ui-datepicker-next span.ui-icon{
	background: url(../images/chevron-next.svg) no-repeat;
}
.ui-datepicker .ui-datepicker-prev span.ui-icon{
	background: url(../images/chevron-bk.svg) no-repeat;
}
.ui-datepicker .ui-datepicker-next:hover span.ui-icon{
	background: url(../images/chevron-next-hover.svg) no-repeat;
}
.ui-datepicker .ui-datepicker-prev:hover span.ui-icon{
	background: url(../images/chevron-bk-hover.svg) no-repeat;
}

.ui-datepicker .ui-datepicker-next.ui-state-hover, .ui-datepicker .ui-datepicker-prev.ui-state-hover{
	background:none;
	border:none;
}
.ui-datepicker-calendar td{
	padding:0px;
	height:38px;
	width:38px;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{
	top:2px;
}
 .ui-datepicker .ui-datepicker-next-hover{
	 right:2px;
 }
.ui-datepicker .ui-datepicker-prev-hover{
	left:2px;
}
.ml-form[data-forms="floating-label"] .datepicker-field input + span, .ml-form[data-forms="floating-label"] .datepicker-field input[value=""] + span{
	color:#333;
	width:70%;
}
.ml-form[data-forms="floating-label"] .datepicker-field input:not([value=""]) + span{
	width:auto;
}
.ml-form[data-forms="floating-label"] .datepicker-field input:not([value=""]):focus + span{
	-webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    font-weight: bold;
    font-size: 14px;
    visibility: visible;
    top: -5px;
    margin-top: 13px;
    width: auto;
    background-color: #fff;
    text-shadow: -4px 2px 0 0 #FFFFFF, 3px 0 1px 0 #FFFFFF, -2px 0 0 0 #FFFFFF, -3px 1px 2px 0 #FFFFFF, 6px 0 0 0 #FFFFFF, 4px 2px 0 0 #FFFFFF, 1px 1px 0 0 #FFFFFF;
}
.ml-form[data-forms="floating-label"] .datepicker-field input[value=""]:focus + span{
	transition: 0.3s ease;
    -webkit-transform: translateY(-0.5em);
    -ms-transform: translateY(-0.5em);
    transform: translateY(-0.5em);
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 15px;
    font-size: 14px;
	width:70%;
}
/*********************************************************************************************************************/
/*****************************************        Hints        **************************************************/
/*********************************************************************************************************************/
/* normal tooltip trigger */
.ui-tooltip{
	max-width:600px;
}
.ml-tooltip-trigger.fa  {
    position: absolute;
    right: -33px;
    top: 13px;
	padding:0 5px;
	color:#002060 !important;
    font-size:16px;
    background:transparent !important;
}

.ml-tooltip-trigger.fa:after{
	content: '\f29c';
	font-family: FontAwesome;
}

.ml-tooltip-trigger.fa:hover:after{
	content:'\f059';
}


/* alert tooltip trigger */
.alert.fa{
	color:red;
}
.alert.fa:after{
	content:'\f06a';
}
.alert.fa:hover:after{
	content:'\f06a';
}

/* tooltip style */

.ml-ui-tooltip {
    background: #ffffff !important;
	border: 1px solid #002060 !important ;
}

.ml-ui-tooltip-alert {
    background: #FDE8E8 !important;
	border: 1px solid #DB1818 !important ;
}

/* tooltip arrow style */

.ml-tooltip-arrow, .ml-tooltip-arrow-alert{
	width: 50px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.ml-tooltip-arrow.top, .ml-tooltip-arrow-alert.top {
	
	top: -16px;
	bottom: auto;
}
.ml-tooltip-arrow.left, .ml-tooltip-arrow-alert.left {
	
	left: 40%;
}

.ml-tooltip-arrow.right, .ml-tooltip-arrow-alert.right {
	right: auto;
}


.ml-tooltip-arrow:after, .ml-tooltip-arrow-alert:after{
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ml-tooltip-arrow.top:after, .ml-tooltip-arrow-alert:after {
	bottom: -20px;
	top: auto;
}

.ml-tooltip-arrow:after{
	background: #ffffff;
	border: 1px solid #002060;
}

.ml-tooltip-arrow-alert:after{
	background: #FDE8E8;
	border: 1px solid #DB1818;
}
.ui-tooltip-content{
	font-size:13px;
	font-family: 'Noto Sans', sans-serif, Arial;
}

.question-icon{
	padding:0 5px;
}
.question-icon:after{
	content:"\f29c";
	color:#002060;
	font-family: FontAwesome;
}
.a-RegionMedia-content{
	overflow:visible;
	float:right;
}
.ngRegionHeader{
	padding: 3px 10px;
    font-size: 14px;
    /*color: #5e97c5;*/
	color: #002060;
    font-weight: bold;
	height:18px;
}
/*********************************************************************************************************************/
/*****************************************         Others           **************************************************/
/*********************************************************************************************************************/
.text-muted.file-not-found {
  font-size: 14px;
  font-family: 'Noto Sans', sans-serif, Arial;
}

/*********************************************************************************************************************/
/*****************************************         TABS             **************************************************/
/*********************************************************************************************************************/
.tab-parent{
    border: none;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
   padding:0px;
	
	
}
.ui-tabs .ui-tabs-nav {
    border:none;
	margin: 0;
	padding: 0;
    border-radius: unset;
    background: #f2f2f2;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 15px;
	margin-left: 5px;
	border-bottom-width: 0;
	white-space: nowrap;
	background:#a0acc4;
	border:0px;
	border-radius:0 5px 0 0;
	height:35px;
	outline:0;
	
	
}
.ui-tabs .ui-tabs-nav li a:focus{
    outline: -webkit-focus-ring-color auto 5px !important;
    outline-color: -webkit-focus-ring-color !important;
    
    outline-width: 0px !important;
}
    
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	
	float: left;
	padding: 0 25px 0 25px;
	line-height:35px;
	text-decoration: none;
	color:#FFFFFF;
	font-size:14px;
	
}


.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	top: 10px;
	margin-bottom: 0px;
	background:#ff8080;
	height:55px;
}

.ui-tabs .ui-tabs-nav img{
	width:20px;
	height:auto;
	padding-top:5px;
	margin-left:10px;
	margin-right:10px
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	line-height:45px;
	cursor: text;
	font-weight:bold;
	color:#333333;
	text-decoration:underline;
	
}
.ui-tabs .ui-tabs-nav li.ui-state-hover .ui-tabs-anchor {
	text-decoration:underline;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
	margin-top:-10px;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	border-top:#ff8080 10px solid;
	padding: 1em 1.4em;
	background: none;
}


/*======= Tab dots ========*/

.ml-tab-dots{
	-moz-border-radius : 50%; /* Firefox */
    -webkit-border-radius : 50%; /* Safari & Chrome */
    -khtml-border-radius : 50%; /* Linux browsers */
    border-radius : 50%; /* CSS3 compatible browsers */
    width: 10px;
    height: 10px;
    background: #999999;
    display:inline-block;
	cursor:pointer;
	margin:0px 10px 15px 0px;
}

.ml-tab-dots-active{
    width: 13px;
    height: 13px;
    background: #c00000;
	
}
/* ===================================================================== */
.my-request-inner-block, .queries-inner-block, .appeal-inner-block{
	color: #333;
	text-align: left;
	display: inline-block; 
	float: left;
}
.queries-inner-block{
	padding-top:20px;
	width:100%;
}   
.my-request-inner-block h3{
	margin-bottom: 15px;
}
.queries-inner-block p, .appeal-inner-block p{
	font-size:14px;
}
.queries-inner-block .files-region{
	display:inline-block;
}
.queries-inner-block .upload.row{
	padding-left: 20px;
    margin-left: 50px;
}
.my-request-inner-block p{
	 margin-bottom: 0px;font-size: 14px;
}
.my-request-inner-block .table, .queries-inner-block .table{
	margin-top:15px; margin-left:-15px;
}

#APPEALS .file{
	height:20px;
	background-size: 18px 20px;
}

.ml-form[data-forms="floating-label"] input[type="text"].disabled-input+ span{
	background-color:#f2f2f2;
	    transition: 0.3s ease;
    transition-property: initial;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: initial;
    -webkit-transform: translateY(-0.5em);
    -ms-transform: translateY(-0.5em);
    transform: translateY(-0.5em);
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 10px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 15px;
    font-size: 14px;
    width: 90%;
}
.ml-form[data-forms="floating-label"] input[type="text"].disabled-input, .ml-form-field-select .select-styled.disabled-input{
	background-color:#f2f2f2;
	cursor: not-allowed;
    pointer-events: none;
}
.ml-form-field-checkboxes-group input[type=checkbox].disabled-input{
	pointer-events:none;
}
.ml-form-field-checkboxes-group input[type=checkbox].disabled-input+label{
	pointer-events:none;
	color:#847d7d;
}
.ml-form-field-checkboxes-group input[type=checkbox].disabled-input+label::before{
	background:#f2f2f2;
}

.ml-form-field-checkboxes-group label:before {
	top:1px;
	border-color: #002060;
}
.ml-form-field-checkboxes-group input[type=checkbox].disabled-input+label::before{
	border-color:#BBBBBB;
}
.ml-form-field-checkboxes-group label:after {
	top:5px;
}

    /*progress-indicator*/
.ml-step-container{
	width:100%;
	padding:30px;
}

hr.ml-step-hr{
	border-top: 1px solid #A7A8AA;
	border-bottom:0px;
	margin:10px 20px 0px 20px ;
	
}

.ml-step-header.expanded > hr.ml-step-hr{
	display:none;
}

.ml-step-header{
	height:60px;
	padding: 20px 15px 20px 15px ;
	margin:0;
	background:url(../images/step-border-BG.png) repeat-y 0 0;
	/*border-left:8px solid #D9D9D6;*/
}

.ml-step-header-elements{
	
	display:flex;
}

.ml-step-header-elements > h3{
	
	padding: 0px 5px 0px 5px ;
	text-align: left;
	color:#333333;
	font-weight:normal;
	font-size:16px;
	text-decoration:none;
	margin-top:-2px;
	
	
}
/* ====== expanded ======*/

.expanded{
   background:url(../images/step-border-BG-active.png) repeat-y 0 0;
   /*border-left:8px solid #002060;*/
}
.ml-step-header.expanded > .ml-step-header-elements > h3{
	color:#002060;
	text-decoration:none;
	font-weight:bold;
	
}
/* ====== completed ======*/

.completed{
	background:url(../images/step-border-BG-complete.png) repeat-y 0 0 !important;;
	/*border-left:8px solid #c00000 !important;*/
}
.ml-step-header.completed > .ml-step-header-elements > h3{
	cursor:pointer !important;
	color:#002060;
	text-decoration:underline !important;
	font-weight:normal !important;
}


.ml-step-content {
	/*border-left:8px solid #002060;*/
	background:#fff url(../images/step-border-BG-active.png) repeat-y 0 0;
	padding: 0px 15px 0px 15px;
}
.ml-step-content-div{
	padding: 5px 20px 25px 20px;
}

.ml-step-container .ml-step-content:last-child{
	background:none;
}

.ml-step-container .ml-step-header:first-child {
	
  background:url(../images/step-border-BG.png) no-repeat 0 15px ;
  background-size: 8px 100% !important;
}

.ml-step-container .ml-step-header.completed:first-child {
  background:url(../images/step-border-BG-complete.png) no-repeat 0 15px !important;
  background-size: 8px 100% !important;
}

.ml-step-container .ml-step-header.expanded:first-child {
  background:url(../images/step-border-BG-active.png) no-repeat 0 15px ;
  background-size: 8px 100% !important;
}


/*.ml-step-container .ml-step-header:last-child {
  background:url(/assets/patterns/img/step-border-BG.png) no-repeat 0 0 !important;
  background-size: 8px 50% !important;
	
}*/


.last-child{
 background:url(../images/step-border-BG.png) no-repeat 0 0 !important;
 background-size: 8px 50% !important;
	
}

.last-child.completed{
 background:url(../images/step-border-BG-complete.png) no-repeat 0 0 !important;
 background-size: 8px 50% !important;
	
}

.last-child.expanded{
 background:url(../images/step-border-BG-active.png) no-repeat 0 0 !important ;
 background-size: 8px 50% !important;
	
}


/* ======== Step Style ====== */

.ml-step-numbers {
	
	margin-left:-26px;
	margin-right:10px;
	margin-top:-8px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding:5px;
    background: #d9d9d6;
    font-size: 18px;
	font-weight:bold;
    color: #5E5E5E;
    text-align: center;
	display:inline-block;
   
}

.ml-current-step {
	background: #002060;
	color: #ffffff;
}

.ml-completed-step {
	padding:2px;
	border:4px solid #a0acc4;
	background:#FFFFFF ;
	color: #333333;
}

.ml-completed-step::after {
	
	content:"\f00c";
}

.ml-sub-step-container {
	display:flex;
	width:0px;
	height:auto;
	align-items:center;
	flex-direction: column;
	justify-content:space-between;
	margin-top:-10px;
}
.ml-sub-step {
	
	margin-left:-13px;
	margin-right:10px;
	margin-top:-8px;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    background: #d9d9d6;
	display:inline-flex;
	border: 2px solid #fff;
	
   
}



.mlFormRegion.left-title .mlRegionHeader{
	text-align:left;
	font-size:16px;
	padding-bottom:0px;
	padding-top:30px;
}
.line-on-top{
	display:none;
}
.mlFormRegion.top-line  .line-on-top{
	display:table-row;
}
.mlFormRegion.top-line  .line-on-top hr{
	margin:0px;
	border-top:3px solid rgba(0, 0, 0, 0.1);
}

.autocomplete-list{
	z-index: 10;
   border: solid 1px #002060;
    background: #fff;
    list-style: none;
    width: 100%;
    margin: 0px;
}
.autocomplete-list .list-item{
	padding:10px 5px;	
}
.autocomplete-list .list-item:hover{
	background:#002060;
}
   
   
/* *** Loader *** */
.ml-loader-container{
	width:140px;
	margin:auto;
	
}
.ml-loader-label{
    display: flex;
    justify-content:center;
	margin-top:-20px;
}
.ml-loader-label-dark{
    display: flex;
    justify-content:center;
	margin-top:-20px;
	color:#FFFFFF;
}
.ml-loader, .ml-loader-dark{
	
    height:140px;
    width:140px;
	position:static;
	
    /* css3 transform - scale */
	
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -o-transform:scale(0.5);
	transform:scale(0.5);
}


.ml-loader > div {
    background-color:#002060;
    height:25px;
	width:25px;
    position:absolute;
    
   
    /* css3 radius */
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;

    /* css3 animation */
	
	
	
    -webkit-animation-name:ml-loader;
    -webkit-animation-duration:1.04s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
		-moz-animation-name:ml-loader;
		-moz-animation-duration:1.04s;
		-moz-animation-iteration-count:infinite;
		-moz-animation-direction:linear;
			-o-animation-name:ml-loader;
			-o-animation-duration:1.04s;
			-o-animation-iteration-count:infinite;
			-o-animation-direction:linear;
				animation-name:ml-loader;
				animation-duration:1.04s;
				animation-iteration-count:infinite;
				animation-direction:linear;
	
}

.ml-loader-dark > div {
    background-color:transparent;
    height:25px;
	width:25px;
    position:absolute;
    

    /* css3 radius */
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;

    /* css3 animation */
	
	
	
	
    -webkit-animation-name:ml-loader-dark;
    -webkit-animation-duration:1.04s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
		-moz-animation-name:ml-loader-dark;
		-moz-animation-duration:1.04s;
		-moz-animation-iteration-count:infinite;
		-moz-animation-direction:linear;
			-o-animation-name:ml-loader-dark;
			-o-animation-duration:1.04s;
			-o-animation-iteration-count:infinite;
			-o-animation-direction:linear;
				animation-name:ml-loader-dark;
				animation-duration:1.04s;
				animation-iteration-count:infinite;
				animation-direction:linear;
    
}


.ml-loader > div:nth-child(1),
.ml-loader-dark > div:nth-child(1) {
    left:0px;
    top:57px;

    /* css3 animation */
	
    -webkit-animation-delay:0.39s;
    -moz-animation-delay:0.39s;
    -o-animation-delay:0.39s;
	animation-delay:0.39s;
}
.ml-loader > div:nth-child(2),
.ml-loader-dark > div:nth-child(2) {
    left:17px;
    top:17px;

    /* css3 animation */
    
	-webkit-animation-delay:0.52s;
    -moz-animation-delay:0.52s;
    -o-animation-delay:0.52s;
	animation-delay:0.52s;
}
.ml-loader > div:nth-child(3),
.ml-loader-dark > div:nth-child(3) {
    left:57px;
    top:0;

    /* css3 animation */
	
    -webkit-animation-delay:0.65s;
    -moz-animation-delay:0.65s;
    -o-animation-delay:0.65s;
	animation-delay:0.65s;
}
.ml-loader > div:nth-child(4),
.ml-loader-dark > div:nth-child(4) {
    right:17px;
    top:17px;

    /* css3 animation */
	
    -webkit-animation-delay:0.78s;
    -moz-animation-delay:0.78s;
    -o-animation-delay:0.78s;
	animation-delay:0.78s;
}
.ml-loader > div:nth-child(5),
.ml-loader-dark > div:nth-child(5) {
    right:0;
    top:57px;

    /* css3 animation */
	
    -webkit-animation-delay:0.91s;
    -moz-animation-delay:0.91s;
    -o-animation-delay:0.91s;
	animation-delay:0.91s;
}
.ml-loader > div:nth-child(6),
.ml-loader-dark > div:nth-child(6) {
    right:17px;
    bottom:17px;

    /* css3 animation */
   
	-webkit-animation-delay:1.04s;
    -moz-animation-delay:1.04s;
    -o-animation-delay:1.04s;
	 animation-delay:1.04s;
}
.ml-loader > div:nth-child(7),
.ml-loader-dark > div:nth-child(7)
 {
    left:57px;
    bottom:0;

    /* css3 animation */
	
    -webkit-animation-delay:1.17s;
    -moz-animation-delay:1.17s;
    -o-animation-delay:1.17s;
	animation-delay:1.17s;
}
.ml-loader  > div:nth-child(8),
.ml-loader-dark > div:nth-child(8) {
    left:17px;
    bottom:17px;

    /* css3 animation */
	
    -webkit-animation-delay:1.3s;
    -moz-animation-delay:1.3s;
    -o-animation-delay:1.3s;
	animation-delay:1.3s;
}



/* css3 keyframes - ml-loader */



@-webkit-keyframes ml-loader {
   0%{  -webkit-transform:scale(1.0);background-color: #002060}
   70%{ background-color:#a0acc4 }
   100%{  -webkit-transform:scale(0.5);; background-color:#a3cd4d }
}
@-moz-keyframes ml-loader {
   0%{ -moz-transform:scale(1.0);background-color: #002060}
   70%{ background-color:#a0acc4 }
   100%{ -moz-transform:scale(0.5);background-color:#a3cd4d }
}
@-o-keyframes ml-loader {
   0%{-o-transform:scale(1.0); background-color: #002060}
   70%{ background-color:#a0acc4 }
   100%{-o-transform:scale(0.5); background-color:#a3cd4d }
}

@keyframes ml-loader {
   0%{transform:scale(1.0); background-color: #002060}
   70%{ background-color:#a0acc4 }
   100%{transform:scale(0.5); background-color:#a3cd4d }
}


/* css3 keyframes - ml-loader-dark */


@-webkit-keyframes ml-loader-dark {
   0%{  -webkit-transform:scale(1.0);background-color: #ffffff}
   100%{  -webkit-transform:scale(0.5);; background-color:#ffffff }
}
@-moz-keyframes ml-loader-dark {
   0%{ -moz-transform:scale(1.0);background-color: #ffffff}
   100%{ -moz-transform:scale(0.5);background-color:#ffffff }
}
@-o-keyframes ml-loader-dark {
   0%{-o-transform:scale(1.0); background-color: #ffffff}
   100%{-o-transform:scale(0.5); background-color:#ffffff }
}

@keyframes ml-loader-dark {
   0%{transform:scale(1.0); background-color: #ffffff}
   100%{transform:scale(0.5); background-color:#ffffff }
}

.apex_wait_popup{
	position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -70px;
    margin-left: -70px;
	border: none;
    background: none;
    width: auto;
    padding: 0px;
	font-size: inherit;
}
.apex_wait_overlay{
	/*opacity: 0.5;*/
}        





/*success messsages*/
.ml-msg-left{
	
	min-height:37px;
	line-height:1.4;
	padding: 8px 0px 8px 0px;
	text-align:left;
	color: #333333;
	margin-bottom:5px;
}
.ml-msg-confirmation {
	background: #EDF5DC;
	
}
.confirmation {
    color: #97baff /*#c00000#73982A*/;
    font-size: 18px;
    padding-right: 23px;
    top: 0px;
    padding-left: 2px;
	position: absolute;
	left:5px;
}
.ml-msg-close{
	float:right;
	padding: 2px 8px 2px 8px;
	cursor:pointer;
	color:#002060;
}

.ml-msg-close:after{
	content:url(../images/close-icon.svg);
	display:block;
	width:16px;
}

.ml-msg-close:hover:after{
	content:url(../images/close-icon-hover.svg);
}
.ml-msg-confirmation .ml-msg-txt{
	font-family: 'Noto Sans', sans-serif, Arial;
	margin:0px;
}
.ml-msg-confirmation .ml-msg-close{
	margin:0px;
}
.ml-msg-error .ml-msg-close:before{
	content:'';
	
}
.ml-msg-error  .ml-msg-close:hover:before{
	content:'';
}
.ml-msg-confirmation{
	margin-top:30px;
}
.ml-msg-confirmation .ml-msg-txt {
	position:relative;
    display: inline-block;
    margin-left: 15px;
    margin-right: 10px;
	max-width:1140px;
	padding-left:40px;
}

/* files */
.doc{
	background-image: url(../images/word_file_icon.png);
}
.pdf {
	background-image: url(../images/pdf_file_icon.png);
}
.xls{
	background-image: url(../images/excel_file_icon.png);
}
.rtf {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 19px;
  height: 22px;
  background-image: url(../images/rtf_file_icon.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 19px 22px;
  vertical-align: middle;
  margin-right: 13px;
}
.msg {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 19px;
  height: 22px;
  background-image: url(../images/mail_file_icon.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 19px 22px;
  vertical-align: middle;
  margin-right: 13px;
}
.ml-form-field input{
	font-size:14px;
}
.ml-form-field legend, .ml-form-field label{
	font-size:14px;
}
.ml-form[data-forms="floating-label"] input:focus + span, .ml-form[data-forms="floating-label"] input:not([value=""]) + span{
	font-size:14px;
}
.ml-form[data-forms="floating-label"] input + span, .ml-form[data-forms="floating-label"] input[value=""] + span {
	font-size:14px;
}