/* -----------------------------------------------
Title: Intellirisk - RMIS
Author:  AIG, Mphasis
Copyright:  2015
Version: v60.3
--------------------------------------------------*/

/*---------------------- Reset styles ----------- */

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {  
  margin:0;
  padding:0;
  border:0;
  outline:0;  
  vertical-align:baseline;
  background:transparent;
  font-family:'futura_std_book', Arial, Helvetica, sans-serif;
  
/*  -webkit-text-size-adjust:85%; */
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; vertical-align:baseline; background:transparent; /* -webkit-text-size-adjust:85%; */}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select {vertical-align:middle;}
text-indent: 0.01px; /* Removes default arrow from firefox*/
/* ----------------- Fonts styles --------------
--------------------------------------------- */
@font-face {
  font-family: futura_std_bold;
  src: url("../fonts/FuturaStd-Bold.eot") format("embedded-opentype");
  src: url("../fonts/FuturaStd-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-Bold.woff") format("woff"), url("../fonts/FuturaStd-Bold.ttf") format("truetype"), url("../fonts/FuturaStd-Bold.otf") format("opentype"), url("../fonts/FuturaStd-Bold.svg#svgFontName") format("svg");
}

@font-face {
  font-family: futura_std_bold_obliqe;
  src: url("../fonts/FuturaStd-BoldOblique.eot") format("embedded-opentype");
  src: url("../fonts/FuturaStd-BoldOblique.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-BoldOblique.woff") format("woff"), url("../fonts/FuturaStd-BoldOblique.ttf") format("truetype"), url("../fonts/FuturaStd-BoldOblique.otf") format("opentype"), url("../fonts/FuturaStd-BoldOblique.svg#svgFontName") format("svg");
}

@font-face {
  font-family:futura_std_book;
  src: url("../fonts/FuturaStd-Book.eot") format("embedded-opentype");
  src: url("../fonts/FuturaStd-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-Book.woff") format("woff"), url("../fonts/FuturaStd-Book.ttf") format("truetype"), url("../fonts/FuturaStd-Book.otf") format("opentype"), url("../fonts/FuturaStd-Book.svg#svgFontName") format("svg");
}

@font-face {
  font-family:futura_std_book_obliqe;
  src: url("../fonts/FuturaStd-BookOblique.eot") format("embedded-opentype");
  src: url("../fonts/FuturaStd-BookOblique.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-BookOblique.woff") format("woff"), url("../fonts/FuturaStd-BookOblique.ttf") format("truetype"), url("../fonts/FuturaStd-BookOblique.otf") format("opentype"), url("../fonts/FuturaStd-BookOblique.svg#svgFontName") format("svg");
}

@font-face {
  font-family: futura_std_heavy;
  src: url("../fonts/FuturaStd-Heavy.eot") format("embedded-opentype");
  src: url("../fonts/FuturaStd-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-Heavy.woff") format("woff"), url("../fonts/FuturaStd-Heavy.ttf") format("truetype"), url("../fonts/FuturaStd-Heavy.otf") format("opentype"), url("../fonts/FuturaStd-Heavy.svg#svgFontName") format("svg");
}

@font-face {
  font-family: futura_std_heavy_obl;
  src: url("../fonts/FuturaStd-HeavyOblique.eot") format("embedded-opentype");
  src: url("../fonts/FuturaStd-HeavyOblique.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-HeavyOblique.woff") format("woff"), url("../fonts/FuturaStd-HeavyOblique.ttf") format("truetype"), url("../fonts/FuturaStd-HeavyOblique.otf") format("opentype"), url("../fonts/FuturaStd-HeavyOblique.svg#svgFontName") format("svg");
}

@font-face {
  font-family: futura_std_light;
  src: url("../fonts/FuturaStd-Light.eot") format("embedded-opentype");
  src: url("../fonts/FuturaStd-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-Light.woff") format("woff"), url("../fonts/FuturaStd-Light.ttf") format("truetype"), url("../fonts/FuturaStd-Light.otf") format("opentype"), url("../fonts/FuturaStd-Light.svg#svgFontName") format("svg");
}

@font-face {
  font-family: futura_std_light_ob;
  src: url("../fonts/FuturaStd-LightOblique.eot") format("embedded-opentype");
  src: url("../fonts/FuturaStd-LightOblique.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-LightOblique.woff") format("woff"), url("../fonts/FuturaStd-LightOblique.ttf") format("truetype"), url("../fonts/FuturaStd-LightOblique.otf") format("opentype"), url("../fonts/FuturaStd-LightOblique.svg#svgFontName") format("svg");
}

@font-face {
  font-family: futura_std_med;
  src: url("../fonts/FuturaStd-Medium.eot") format("embedded-opentype");
  src: url("../fonts/FuturaStd-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-Medium.woff") format("woff"), url("../fonts/FuturaStd-Medium.ttf") format("truetype"), url("../fonts/FuturaStd-Medium.otf") format("opentype"), url("../fonts/FuturaStd-Medium.svg#svgFontName") format("svg");
}

@font-face {
  font-family: futura_std_med_obl;
  src: url("../fonts/FuturaStd-MediumObliquee.eot") format("embedded-opentype");
  src: url("../fonts/FuturaStd-MediumOblique.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-MediumOblique.woff") format("woff"), url("../fonts/FuturaStd-MediumOblique.ttf") format("truetype"), url("../fonts/FuturaStd-MediumOblique.otf") format("opentype"), url("../fonts/FuturaStd-MediumOblique.svg#svgFontName") format("svg");
}
/*==================================================================================================== 
=================        Master Styles for Desktop/Mobile/Tablet     =================================
====================================================================================================== */
html {background:#d1d1d1; height: 100%; }
body {background:#FFF;font-family:'futura_std_book', Arial, Helvetica, sans-serif;font-size: 87.5%;color: #000; max-width: 1240px; margin:0 auto; display: table;line-height: 1.2; width: 100%;height: 100%; min-height: 100%; zoom:1;}

*{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
	font-weight: 300;
 }

a { font-family:'futura_std_book', Arial, Helvetica, sans-serif; text-decoration: none; }
/* accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none;    text-decoration: none; }
a, a:active, a:visited,{color: #fff; text-decoration: none;}

#login-sec > div.passch1-info > div > div.forpwdinfo-title > div > div > a{color:#0073ae;font-size:16px;text-decoration: underline;}
a:hover { color: #fff; text-decoration: underline; }
#over-lay { background:#000; display:none; bottom:0; left:0; top:0; position:absolute; opacity:0.6; margin:0; overflow:visible; height:100%; width:100%; z-index:750; }
.trademrk{font-size:10px;vertical-align:super;left: 187px;right: 0;position: absolute;top: 17px;}
#my-container { display: table-cell; table-layout: fixed; height: 100%; position: relative; vertical-align: top; zoom:1; overflow: hidden; }

header { background: #001871; color:#FFF; height:57px; padding:10px 10px 12px; position: relative; }
header #mobile-menu { display: none;}
header .logo { float:left; }
header h1 { color:#FFF; float:left; font-size:20px; padding:0.250em 0 0 0.8em; letter-spacing: 1px; display: inline-block;}

footer { background:#001871;color:#F0F0F0;height: 60px;width:100%;position:absolute;bottom: 0px;}
footer .foot-copy{text-align: center;padding: 10px 0 0 8px;line-height: 1.6;font-size: 11px;}

footer .foot-copy .foot-term::before {content: "|";padding: 0 7px 0 2px;}

#caro-container img{width:100%;}

.date-cont{position:relative;}
.date-icon{font-size: 22px; position: absolute;width:12px;height:19px;padding: 10px 10px 10px 10px;margin:0;}

 /* Slider CSS Start Here */
 .slide_wrapper{ clear: both; position: relative;}
 .slider{ width: 100%; overflow: hidden; position: relative; height: 400px; margin-bottom:10px; transition: height 0.4s ease;}
 .slide_wrapper ul,.slide_wrapper ul li{ list-style: none;}
 .slider li img{ width: 100%; border:0; height: 100%;}
 .slider ul{ position: absolute; top:0; left:0; width: 300%; height: 100%;}
 .slider ul li{position: absolute; top:0; bottom:0; height: 100%; overflow: hidden; width:34%;}
 .slide_page { position: absolute; left: 20px; bottom: 10px; z-index:10;}
 .slide_page li{ display: inline-block; width: 12px; height: 12px; box-sizing: content-box; text-indent: -999em; margin-right: 4px; background: #fff; border-radius:10px; cursor: pointer; border: 1px solid #776B6B; box-shadow: 0 0 4px #776B6B;}
 .slide_page li.active{ background:#0962F3;}
 /* Slider CSS End Here */
.car-cont1,.car-cont2,.car-cont3 {position: absolute;top:346px;color:#00a4e3;left:20px;}
.car-head{color:#00a4e3;}

.container{padding:0 0 40px 0;}
h2{padding-bottom:10px;font-size: 21px;text-align: center;}
*:focus {outline: none;}
/*.login {margin: 154px auto; width: 328px; border: 1px solid #ccc; border-radius: 6px;position: absolute;right: 53px;z-index:999;}
.login-screen {background-color: #fff;padding: 20px;border-radius: 5px;}*/
.login {margin:119px auto; width: 27%; height:369px;border-radius: 10px;position: absolute; float:right; right: 53px;z-index:10;}
.login-screen {background-color:rgba(255,255,255, 0.85);padding: 20px;border-radius: 5px;box-shadow:1px 2px 6px 1px #9C959C;height:373px;}

.app-title {text-align: center;color: #777;padding: 4px 0 36px 0;}
a, a:hover{color: #fff;display:inline-block;margin:0 5px; text-decoration:none;}
.signin-info,.sec-ques{color: #a1a1a1; text-decoration: none;float:left;margin: 47px 0 0 178px;}
.signin-info a{color:#0073ae; text-decoration: none;padding-left: 15px;}
.crea-insu{padding-left: 5px; padding-right: 39px;}
.crea-brok{padding-left: 5px; padding-right: 39px;}

.my-login a.last-pass{color:#3371bc;float: right;padding: 13px 10px 10px 0px;}
.my-login a.last-pass:hover{color:#0073ae; text-decoration:none;}

.login a.crea-acc{color:#0073ae;font-size:13px}
.login a.crea-acc:hover{color:#0073ae; text-decoration:none;font-size:13px }
.login-form {text-align: center;}
.control-group {margin-bottom: 30px;}

#login-sec .forgot-pwd,.passch1-info,#login-sec .forgot-pwdinfo,#login-sec .temp-pwd,#login-sec .change-pwd,#login-sec .passch-info, #login-sec .fail-pwd,#login-sec    .login-agree  { margin: 0 auto; width: 33%;height: 369px; border-radius: 10px;position: absolute; float: inherit;  z-index: 10;
}

/* License Agreement hide  */
#login-sec .login-agree{display:block;}
.para1{color:#ff0000;padding:37px 0 15px 0;}
div.mailinfo > h1{text-align:center;}
div.mailinfo > h1{padding: 12px 0;}
a.edit-close { color: #00a4e3;float: right; margin: 20px;font-size: 16px;}
/* ------------- */

#login-sec .login-agree{ width:100%; height:100%; margin:0;padding-left: 20%; padding-right: 20%;}
#login-sec > div.login-agree > div > div.agree-title{padding: 0 34px 0 34px;}
#login-sec > div.login-agree > div > div.agree-title > h1{float: left;padding: 15px 0;}
#login-sec > div.login-agree > div > div.agree-title > div{width: 27%; float: right;}
#login-sec > div.login-agree > div > div.control-group > div.agr-submit{width:100%; text-align:center;}
#login-sec > div.login-agree > div > div.control-group{ padding:55px 23px 0 8px;}
#login-sec > div.login-agree > div > div.agree-title .ui-dropdownchecklist-selector-wrapper, .ui-widget.ui-dropdownchecklist-selector-wrapper{height:37px;border-radius: 5px;}

#login-sec > div.login-agree > div > div.control-group > div.mailinfo > p{font-size: 12px; padding-bottom: 20px;color: #aaaaaa; line-height: 1.2;}

div.control-group > div.mailinfo > h3{padding: 10px 0;font-size: 13px;color: #aaaaaa;font-weight: bold;}

#login-sec > div.login-agree > div > div.agree-title > .port-sec .ui-widget-content {width: 14%;}

#login-sec .forgot-pwd .forpwd-screen,.pass-screen,#login-sec .forgot-pwdinfo .forpwdinfo-screen,#login-sec .temp-pwd .temp-screen,#login-sec .change-pwd .change-screen ,#login-sec .fail-pwd .fail-screen,#login-sec .passch-info .pass-screen, #login-sec .login-agree .agree-screen { box-shadow: 1px 2px 6px 1px #9C959C;background-color: rgba(255,255,255, 0.85);padding: 20px;border-radius: 13px; height: 450px;}

#login-sec .login-agree .agree-screen{background:#fff; height:auto;}
#login-sec > div.login-agree > div > div.control-group > div.mailinfo{overflow-y: scroll;height:420px;margin-bottom:24px; padding: 27px 10px;}
#login-sec > div.login-agree > div > div.control-group > div.agr-chk{padding: 0 0 30px 0; color: #aaaaaa;} 

/*#login-sec > div.login-agree > div > div.control-group > div.mailinfo { height:517px;}*/
#login-sec .forgot-pwd ,.forpwdinfo-title,forpwd-screen .forpwd-title, #login-sec .forgot-pwdinfo .forpwdinfo-screen .forpwdinfo-title, #login-sec .temp-pwd .temp-screen .temp-title, #login-sec .change-pwd .change-screen .change-title,#login-sec .passch-info .pass-screen 
.chinfo-title, #login-sec .fail-pwd .fail-screen .fail-title, #login-sec .login-agree .agree-screen agree-title {text-align: center; color: #777; padding-top: 20px; padding-left:5%; width:95%}

#login-sec .forgot-pwd .forpwd-screen .control-group,#login-sec .temp-pwd .temp-screen .control-group,#login-sec .fail-pwd .fail-screen .control-group{    margin: 30px 0 15px 0;  }

#login-sec .change-pwd .change-screen .control-group{margin: 10px 0 10px 0;margin-bottom: 10p;}

#login-sec .forgot-pwd .forpwd-screen  .control-group .aigui-input,#login-sec .temp-pwd .temp-screen  .control-group .aigui-input,#login-sec .change-pwd .change-screen  .control-group .aigui-input,#login-sec .fail-pwd .fail-screen  .fail-group .aigui-input,{ box-shadow: none; height: 49px;height: 49px\9; background: rgb(255,255,255);    z-index: 10; width: 91%;    font-size: 14px;    color: #9A9A99;padding: 0;}

#login-sec .forgot-pwd .forpwd-screen .control-group .forgot_mailid,#login-sec .temp-pwd .temp-screen .control-group .temp_mailid,#login-sec .change-pwd .change-screen .control-group .change_mailid,.control-group #username-auth {border-left: none; border-right: none; background: none; border-radius: 0; font-size: 17px;}

.forpwd-que h4{font-weight:bold;color: #67675E;}

#login-sec .temp-pwd .temp-screen .control-group .temp_mailid{color:#0073ae;}
#login-sec .temp-pwd .temp-screen .control-group .tem-info,#login-sec .temp-pwd .temp-screen .control-group .tem-info1{text-align: center; font-size: 14px;padding-bottom: 20px;}
#login-sec .temp-pwd .temp-screen .control-group .tem-info1{padding-top:20px;}

#login-sec .forgot-pwd .forpwd-screen  .control-group .forpwd-que{text-align: left; padding-left: 13px;line-height: 2; margin-bottom: 13px;color: #9A9A99;}

#login-sec .forgot-pwd .forpwd-screen .forpwd-submit{text-align: center; padding: 69px 0 0 0; margin-left: 31%; }
#login-sec .forgot-pwd .forpwd-screen .forpwd-submit .back-sign{float: right;padding-top: 21px;}
#login-sec .forgot-pwd .forpwd-screen .forpwd-submit .back-sign a { color: #0073ae; text-decoration: none; }

div.control-group input#username-auth{background:transparent;background:none;border: 0;border: 1px solid #ccc;border-right: none;border-left: none;font-size: 17px;}
#login-sec .change-pwd .change-screen .control-group .aigui-input { margin-bottom:15px;}

#login-sec .forgot-pwdinfo,.chinfo-title,.forpwdinfo-screen .mailinfo,#login-sec{padding-top: 0px;}
div.passch1-info > div > div.forpwdinfo-title > h3{padding:10px;}

#login-sec .forgot-pwdinfo .forpwdinfo-screen .mailinfo .info1,.forpwdinfo-title > div > div > p, #login-sec .forgot-pwdinfo .forpwdinfo-screen .mailinfo .info2,
#login-sec .passch-info .pass-screen .mailinfo .info1{font-size: 14px; text-align: center; padding-bottom: 23px;line-height: 1.3;}

#login-sec .fail-pwd .fail-screen .fail-title .control-group .alert-icon{margin:0 0 22px 129px;}
#login-sec .fail-pwd .fail-screen .fail-title .control-group .mailinfo p.info1{font-size: 20px;margin: 33px 0 106px 43px;color: #DA6666;}

#login-sec .forgot-pwdinfo .forpwdinfo-screen .mailinfo .info3 {font-size: 14px; text-align: center; padding-bottom: 23px;padding-left: 19px;padding-right: 33px;}

#login-sec .forgot-pwdinfo .forpwdinfo-screen .close-brow,.forgot-pwdinfo > div > div.close-brow,#login-sec .temp-pwd .temp-screen .continue-but,#login-sec .passch-info .pass-screen  .continue-but,.passch1-info > div > div.continue-but{text-align: center; padding: 85px 0 0 0;}

#login-sec .forgot-pwdinfo .forpwdinfo-screen .close-brow .br-close,#login-sec .temp-pwd .temp-screen .continue-but .but-cont{width: 150px;}

#login-sec .passch-info .pass-screen .chinfo-title h1{width: 100%;font-size: 24px;}

.user-info  input, .user-country  input, select, .user-add input, select, .sec-info input, select, .auth-info1 input, select,.auth-info2 input, select{color:#000;font-size: 14px;height:45px;height:45px\9;padding:0;}

.port-sec input,select{height:49px; width:282px;border-color: #d1d0ce;box-shadow: inset 0px 2px 0px #f5f5f5;text-indent: 38px;}
input.address:-ms-input-placeholder { color:#9A9A99; }

input[type="checkbox"], input[type="radio"]{width: 18px;height: 17px;}
input, select {color:#000;}

.login .login-form .control-group .aigui-input {box-shadow: none; height:42px; height:42px\9;background:rgb(255,255,255);z-index: 10;width: 91%;font-size: 14px;color:#9A9A99;padding:0;}

.btn {border: 2px solid transparent; background: #001871;  color: #fff; font-size: 16px; padding: 10px 0;  text-decoration: none;
    text-shadow: none;  border-radius: 5px; box-shadow: none; transition: 0.25s;width: 101px; background-image: -o-linear-gradient(top, #3498db, #2980b9);}
	
.btn:hover {text-decoration: none; background: #001871;border-radius: 5px;color:#00a4e3;}

.login  .login-sign{ text-align:center; padding:35px 34px 0 0; margin-left:10%}
.login-link { font-size: 12px; color: #444; display: block;margin-top: 12px;}

/* user information */
#log-user-info {background: #fff;border: 1px solid #cacaca;border-radius: 10px;display: none; margin: 52px auto;position: absolute;
    top: 60px;left: 270px;width: 710px;z-index: 960;}
.log-user-sec {padding: 0px;margin: 0px;}
.log-user-header {padding: 20px 40px;text-align:center}
.log-user-sec h1 {color: #000;}
.log-user-sec .user-add { width: 46%; float: left;  padding: 33px 0 0 0;}
.log-user-sec .user-add ul li{padding-bottom:30px;}

.log-user-sec .sec-info{	width: 46%;   float: right;    padding: 53px 0 8px 0;height: 369px;}
.log-user-sec .sec-info ul li:first-child{	padding-bottom: 10px;    text-align: left;    padding-left: 10px;}
.log-user-sec .sec-info ul li{	padding-bottom:30px;}

.log-user-sec .user-info {  width: 46%;   float: left;   padding: 33px 0 0 0;}
.log-user-sec .user-info ul li{	padding-bottom:30px;}

.log-user-sec .user-country{width: 46%;float: right;padding: 7px 0 8px 0;}
.log-user-sec .user-country ul li:first-child{	padding-bottom: 10px;text-align: left;padding-left: 10px;}
.log-user-sec .user-country ul li{	padding-bottom:30px;}

.log-user-sec .auth-info1{width: 46%;float: left;padding: 7px 0 8px 0;}
.log-user-sec .auth-info1 ul li:first-child{padding-bottom: 10px;text-align: left;padding-left: 10px;}
 .log-user-sec .auth-info1 ul li{padding-bottom:30px;}
 .log-user-sec .auth-info2 {width: 46%;float: right;padding: 33px 0 0 0;height: 369px;}
 .log-user-sec .auth-info2 ul li{padding-bottom:30px;}
 .user-btn-sec{clear: both;text-align: center;padding: 17px 0 10px;min-height: 75px;position: absolute;margin-top: 374px;width: 90%;}
 .user-btn-sec .back-but{width::50%;float:left;padding-bottom: 15px; }
 .user-btn-sec .next-but{float:right;}
 .sliderInfo{height:471px;}

 .slide_login { float:right; left: 20px; bottom: 10px; z-index:10;}
 .slide_login li{ display: inline-block; width: 7px; height: 7px; box-sizing: content-box; text-indent: -999em; margin-right: 4px; background: #fff; border-radius:10px; border: 1px solid #fff; box-shadow: 0 0 4px #333;}
 .slide_login li.active{ background: #00a4e3; width:7px; height:7px;}

.car-text{margin: 27px 8px;min-height: 400px;} 

.car-text h1{padding: 6px 0px 11px 12px;	color: #00a4e3;}

.car-text div ul li {list-style:none;color: #00a4e3; line-height: 1.5; font-size: 18px; padding: 0 0 0 19px;}
.car-text div ul  li:before {  content:"\f111";  font-family: FontAwesome; color: #00a4e3; /* or whatever color you prefer */
    margin-right: 4px;font-size: 10px;padding:0 20px 0 0;}

.crea-insu{ padding-left: 5px; padding-right: 39px; }
 .crea-brok{ padding-left: 5px;  padding-right: 39px; }
 .red{border-width: 1px; border-style: solid; border-color: red; border-radius: 4px;}

.custom-alert {
  font-size:32px;
  background:#666;
  background:rgba(0,0,0,0);
  -webkit-border-radius:1100%;
  -moz-border-radius:100%;
  -o-border-radius:100%;
  border-radius:100%;
  border:4px solid #c41c30;
  color:#c41c30;
  text-align:center;
  display:table-cell;
  vertical-align:middle;
  width:45px;
  height:45px;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  -o-transition:.5s;
  transition:.5s;
}

.custom-icon:hover { background:rgba(0,0,0,0.6);}
.fix-editor {display:none;}
.icon-wrapper { display:inline-block; height:32px\9;} 
 
.aigui-alert { justify-content: flex-start;	height:80px;  padding: 15px;}
.my-alert .aigui-success .fa-circle-o {
    font-size: 42px;
    position: relative;
   
}
.aigui-alert.aigui-success .aigui-alert-text { display: inline-block; font-size: 18px; line-height: 1.2;}
.aigui-alert .aigui-alert-text {margin: 0 10px 0 10px; padding: 5px 15px;}
.aigui-alert .aigui-close { cursor: pointer; top: 6px; right: 5px; font-size: 20px;}


.fail-alert {display: none;}

.fail-text{font-size: 18px;word-spacing: 0.1em;}


#log-user-info input::-webkit-input-placeholder {color: #000 !important;}
 
#log-user-info input:-moz-placeholder { /* Firefox 18- */color: #000 !important;  }
 
#log-user-info input::-moz-placeholder {  /* Firefox 19+ */color: #000 !important;  }
 
#log-user-info input:-ms-input-placeholder {  color: #000 !important;  }
/*------------------------------- Drop Down List Styles ----------------------------------- */

 .aigui-checkbox input[type="checkbox"] + label div {
    background: #fff; border: 2px solid #d1d0ce; border-radius: 3px; display: inline-block; height: 100%; line-height: 12px; padding: 10px; margin:0 0 10px 0; font-size: 12px; position: relative; text-align: center;  top: 2px; width: 100%; }
 .aigui-checkbox input[type="checkbox"] + label div:hover { border: 2px solid #0073ae; }
 .aigui-checkbox input[type="checkbox"]:checked + label div { background:#00a4e3; border: 2px solid #0073ae; color: #fff;}
.port-sec { padding: 0 0 0 0; margin:0 0 0 0;}
#body-sec{margin-top:0px;}
.port-sec .aigui-select select { border: 1px solid #d1d0ce; border-radius: 0; margin: 0px;  padding: 7px 8px; }
.port-sec .aigui-select-right span { font-size:12px; right: 20px; top: 7px; }
.port-sec .ui-dropdownchecklist-item {
position: relative; }
.port-sec .ui-dropdownchecklist-item input[type=checkbox] { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute; }
.port-sec .ui-dropdownchecklist-item span {
cursor: pointer; position: absolute; width: 14px; height: 14px; top: 2px; border:1px solid #c3c3c3; background: #f3f3f3; }
.port-sec .ui-dropdownchecklist-item span:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=30); opacity: 0.5;
content: ''; position: absolute;
width: 10px;
height: 6px; background: transparent;   
    left: 1px;    top: 2px; border: 3px solid #FFF;
border-top: none; border-right: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.port-sec .ui-dropdownchecklist-item span:hover::after {
 
opacity: 0.5; border: 3px solid #FFF; border-top: none;
border-right: none;
    -webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.port-sec .ui-dropdownchecklist-item input[type=checkbox]:checked + span {
    background: #56b30b; border:1px solid #53b305; }
.port-sec .ui-dropdownchecklist-item input[type=checkbox]:checked + span:after {
    border: 3px solid #FFF;
border-top: none; border-right: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); opacity: 1;
}

/*------------------------------- Drop Down List Styles ----------------------------------- */
/** Simple modifications needed for DropDownCheckList to take advantage of ThemeRoller settings */

.ui-dropdownchecklist, .ui-dropdownchecklist-selector { width: 100% !important;  }
.ui-dropdownchecklist .ui-widget-content, .ui-dropdownchecklist .ui-widget-header {
border: none;}

.port-sec .ui-widget-content {background: #FFF; border:1px solid #cacaca !important; padding: 4px 2px 7px 10px;overflow-y:scroll;overflow-x: hidden;min-height:100px;max-height:185px; width:41%;}

#ddcl-injuryList-ddw >.ui-widget-content,#ddcl-bodyPart-ddw >.ui-widget-content{position: absolute;vertical-align:top;top:-120px;height: 120px !important;width:82%;}
#ddcl-causeList-ddw>.ui-widget-content{width:83%;}
#ddcl-causeList-ddw>.ui-widget-content,#ddcl-injuryList-ddw >.ui-widget-content,#ddcl-bodyPart-ddw >.ui-widget-content,.ui-widget-content{width:289px\9;}

@-moz-document url-prefix() 
{
#ddcl-causeList-ddw>.ui-widget-content,#ddcl-injuryList-ddw >.ui-widget-content,#ddcl-bodyPart-ddw >.ui-widget-content,.port-sec .ui-widget-content {width:41%;}

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-dropdownchecklist-indent {
padding-left: 7px;}
/* Font size of 0 on the -selector and an explicit medium on -text required to eliminate 
   descender problems within the containers and still have a valid size for the text */
.ui-dropdownchecklist-selector-wrapper, .ui-widget.ui-dropdownchecklist-selector-wrapper {
vertical-align: middle;
font-size: 0px; height:45px}
.ui-dropdownchecklist-selector-wrapper { background:#FFF; border:1px solid #cacaca; padding: 7px 0; }
.ui-dropdownchecklist-selector {
padding: 1px 2px 2px 2px;
font-size: 0px;}
.ui-dropdownchecklist-selector .ui-dropdownchecklist-text { color:#000; font-size: 14px;    padding:0 0 0 10px;}
.ui-dropdownchecklist-text { color:#000; font-size: 14px; padding:0 0 0 20px; letter-spacing: 1px; word-spacing:2px; width:100% !importants; }
.ui-dropdownchecklist-item, .ui-dropdownchecklist-item input {    vertical-align: middle;}
.ui-dropdownchecklist-group {
padding: 1px 2px 2px 2px;}
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none; border:0; width:10px; }
.port-sec .ui-icon { color:#000; font-size:14px; margin: 0 10px 0 0; }
/*----------------------------------------------------*/

/*Authentication statrs here */
#main-sec > div.authen-succ{margin: 94px auto; width: 33%; height: 369px; border-radius: 10px; position: absolute; float: inherit; z-index: 10;}
#main-sec > div.authen-succ > div{background-color: rgba(255,255,255, 0.85); padding: 20px;  border-radius: 13px;  box-shadow: 1px 2px 6px 1px #9C959C; height: 470px;}
#main-sec > div.authen-succ > div > div.authen-title{text-align: center; color: #777; padding-top: 54px; padding-left: 5%; width: 95%;}

#main-sec > div.authen-succ > div > div.authen-title > div > p{font-size: 14px; text-align: center;padding-bottom: 23px; line-height: 1.3 ;   padding: 16px 0px 0 12px;}
#main-sec > div.authen-succ > div > div.authen-title > div > p:nth-child(2){padding:16px 66px 0 66px;}
#main-sec > div.authen-succ > div > div.authen-title > div > p:nth-child(4){padding-right: 10px; padding-left: 24px;}
#main-sec > div.authen-succ > div > div.close-brow{text-align: center; padding: 60px 0 0 0;}

#main-sec > div.authen-succ > div > div.close-brow > a{border: 2px solid transparent; background: #3498DB; color: #fff; font-size: 16px; padding: 10px 0; text-decoration: none; text-shadow: none; border-radius: 5px; box-shadow: none; transition: 0.25s; width: 138px;}
#main-sec > div.authen-succ > div > div.authen-title > i{ font-size: 40px; color: #78a22f;padding: 4px;}
#main-sec > div.authen-succ > div > div.authen-title > h1{color: #78a22f;}

/*Authentication failed statrs here */
#main-sec > div.authen-failed{margin: 94px auto; width: 33%; height: 369px; border-radius: 10px; position: absolute; float: inherit; z-index: 10;}
#main-sec > div.authen-failed > div{background-color: rgba(255,255,255, 0.85); padding: 20px;  border-radius: 13px;  box-shadow: 1px 2px 6px 1px #9C959C; height: 470px;}
#main-sec > div.authen-failed > div > div.authfail-title{text-align: center; color: #777; padding-top: 54px; padding-left: 5%; width: 95%;}

#main-sec > div.authen-failed > div > div.authfail-title > div > p{font-size: 14px; text-align: center;padding-bottom: 23px; line-height: 1.3 ;   padding: 5px 0px 0 12px;}
#main-sec > div.authen-failed > div > div.authfail-title > div > p:nth-child(1){padding-left: 102px; padding-right: 74px; padding-top:25px;}
#main-sec > div.authen-failed > div > div.authfail-title > div > p:nth-child(3){padding:5px 40px 0 61px;;}
#main-sec > div.authen-failed > div > div.authfail-title > div > p:nth-child(5){padding-right: 10px; padding-left: 24px;}
#main-sec > div.authen-failed > div > div.close-brow{text-align: center; padding: 60px 0 0 0;}

#main-sec > div.authen-failed > div > div.close-brow > a{border: 2px solid transparent; background: #3498DB; color: #fff; font-size: 16px; padding: 10px 0; text-decoration: none; text-shadow: none; border-radius: 5px; box-shadow: none; transition: 0.25s; width: 138px;}
#main-sec > div.authen-failed > div > div.authfail-title > i{ font-size: 34px;padding: 4px; color: #c41c30; display:inline-block;}
#main-sec > div.authen-failed > div > div.authfail-title > h1{color: #c41c30;;}

.plchold
{
    position: relative;
    background-color: #fff;
	    font-size: 12px;
}
.plchold::after
{
    position: absolute;
    left: 4px;
    top: 5px;
    content: attr(data-placeholder);
    pointer-events: none;
    opacity: 0.5;
    z-index: 1;
}
 
/*--------------------------------------------------------------------------------
Success failure alert message for edit function   - Desktop
---------------------------------------------------------------------------------- */ 
.my-alert ,.fail-alert{box-sizing: border-box; display: none; left: 0; overflow: hidden;position: absolute; width: 100%; z-index:964;box-shadow: 1px 2px 13px #C1B9B9;}
.aigui-alert { justify-content: flex-start; padding:15px;height: 70px;}
.aigui-alert .aigui-close:hover { color:#00a4e4; }
.my-alert .aigui-success .fa-circle-o { font-size:42px; position: relative;height: 41px;padding:0; margin:0;}
.aigui-alert.aigui-success .aigui-icon-success i { font-size: 22px; left: 7px; top: 10px; }
.aigui-alert.aigui-success .aigui-alert-text { display: inline-block; font-size: 18px;}
.aigui-alert .aigui-alert-text { margin:0 10px 0 10px; padding:10px 15px; }
.fail-alert{display:none;}
.ir-button,.passch1-info > div > div.continue-but > a{border-radius: 5px; font-size:14px;letter-spacing: 1px;}


/*==================================================================================================== 
******************        Master Styles for Desktop/Mobile/Tablet - ENDs Here    ********************
====================================================================================================== */


/*======================================================================================================== 
=========================        Styles For Tablets Version - STARTs Here    =============================
=========================        iPad and Tablets (portrait and landscape)   =============================
========================================================================================================= */
@media only screen and (min-width:768px) and (max-width : 1024px) {
    .my-alert { z-index:771; }
	.state-indicator { z-index: 7; }
	.login{width: 50%;}
	#log-user-info{left: 27px !important;}
	
	#login-sec .forgot-pwd{ width: 50%;}
	@media (max-width: 1100px){ .slider{ height: 360px;}}
	
	
}
/*======================================================================================================== 
*************************        Styles For Tablets Version - ENDs Here      *****************************
=========================        iPad and Tablets (portrait and landscape)   =============================
========================================================================================================= */

/*======================================================================================================= 
=========================        Styles For Mobile Version - STARTs Here    =============================
=========================   iPhone and Smartphones (portrait and landscape) =============================
========================================================================================================= */
@media only screen and (max-width : 767px) {
	 @media (max-width: 640px){ .slider{ height: 260px;}} 
    html{ background: #fff;}
    body { background: #fff; display: block; height: 100%; }
    #my-container { display: block; min-width: 320px; max-width: 767px;height:700px;padding: 0 0 55px;}
    header { height: 52px; }
    header h1 { font-size:18px; padding:0.250em 0 0 0.35em; }
    header h1 label { font-size:14px; }
    header #mobile-menu { display: inline-block; float:right; font-size:22px;padding:0;margin:0;}
    header #mobile-menu:hover { text-decoration: none; }
    header .logo { width:60px; }  
	
	.passch1-info {
    background-color: #fff;
    border: 1px solid #cbc9c9;
    border-radius: 8px / 7px;
    box-shadow: 1px 2px 6px 1px #9C959C;
    height: 449px;
    margin: 20px auto;
    width: 343px;  
}
	
	.state-indicator { z-index: 6;}
	.login {width:85%;left:10px}
	.login {margin: 0; width: 27%;  height: 369px; border-radius: 10px; position: absolute; float: right; right: 53px; z-index: 11;}
	.login-screen {margin: 20px auto;width: 343px;height: 464px; -webkit-border-radius: 8px/7px;-moz-border-radius: 8px/7px; border-radius: 8px/7px;  background-color:#fff; -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31); -moz-box-shadow: 1px 2px 6px 1px #9C959C; box-shadow: 1px 2px 5px rgba(0,0,0,.31);
	border: solid 1px #cbc9c9;
	}

.ui-dropdownchecklist-dropcontainer.ui-widget-content{width:69%;}	
	
.slide_pagination { position: absolute;display: inline-block; margin: 4px 2px; padding:0; width: 65px; z-index: 10; background-color: #ffffff;}
.ui-widget-content{width:239px;}

#log-user-info {margin: 0; width: 97%; left:5px !important; border-radius: 10px; position: absolute; margin:0; max-height:562px; float: right; right: 53px; z-index: 10; bottom: 0; left: 0; right: 0; top:68px !important; justify-content: space-around; align-items: center; flex-wrap: wrap; overflow: auto;}
	
.signin-info, .sec-ques { margin: 0px 0 0 0;  width: 100%;padding: 14px 0;}

/* start forgot password Screen*/

#login-sec .forgot-pwd,#login-sec .forgot-pwdinfo,#login-sec .temp-pwd,#login-sec .change-pwd,#login-sec .fail-pwd,#login-sec .passch-info{ width: 95%; left:9px !important;}
.log-user-sec .user-country ul li { padding-bottom: 16px;}
#login-sec .forgot-pwd .forpwd-screen .forpwd-submit{margin-left:2%;}
#login-sec .forgot-pwd .forpwd-screen, #login-sec .forgot-pwdinfo .forpwdinfo-screen,#login-sec .temp-pwd .temp-screen,#login-sec .change-pwd .change-screen, #login-sec .fail-pwd .fail-screen{height:auto;}
#login-sec .fail-pwd .fail-screen .fail-title{ padding-left:0; width:100%;}
#login-sec .fail-pwd .fail-screen .fail-title .control-group .mailinfo p.info1 {margin: 33px 0 106px 18px;}
/* end forgot password Screen*/
	
.log-user-sec .user-country { width:90%;padding: 10px 0 0px 0; float:none}
.log-user-sec .user-info { width:90%;}
.log-user-sec .user-add { width:90%;}
.log-user-sec .sec-info { width:90%;padding: 10px 0 0px 0; float:none}
.log-user-sec {min-height: 500px;}
.log-user-sec .auth-info1{ width:90%;}
.log-user-sec .auth-info2 { width:90%;padding: 10px 0 0px 0; float:none}
	
.user-btn-sec{position: static;margin:8px 0;width: 91%;}
.crea-insu{padding:0 0 0 0};
.signin-info { margin-top:0px !important; width:100%}

#login-sec > div.login-agree > div > div.control-group { padding: 0;}
/* Login Screen / Licence Agreement start Here */	

#login-sec .login-agree .agree-screen {height:667px;margin:20px 7px; width: 343px;}	
#login-sec .login-agree{padding:0;}
#login-sec > div.login-agree > div > div.agree-title {padding:0}
#login-sec > div.login-agree > div > div.agree-title > div { float: right; width: 37%;}
#login-sec > div.login-agree > div > div.agree-title > .port-sec .ui-widget-content { width: 30%;}
#login-sec > div.login-agree > div > div.agree-title > h1 {font-size: 22px;}
#login-sec > div.login-agree > div > div.control-group > div.mailinfo{overflow-y: scroll; height: 420px;margin-bottom: 24px; padding: 27px 10px;}

/* Login Screen / Licence Agreement start Here */	


}


/*======================================================================================================= 
*************************        Styles For Mobile Version - ENDs Here      *****************************
=========================   iPhone and Smartphones (portrait and landscape) =============================
========================================================================================================= */

/* ================= Height Issue Fix - Right Filter Accordian for Mobile Version  ============================= */
@media (max-height:500px){
        
}  .state-indicator { z-index: 5; }
/* ================ Height Issue Fix - Right Filter Accordian for Mobile Version - Ends  ============================= */