/*RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14pt;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	/* letter-spacing: 1px; */
}
body {
	line-height: 1;
	background-color: #ffffff;
	background-image: url('images/background.png');
	background-position: center top;
	background-size: auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

small{font-size:12px;}

/*General Styles */
body{font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color:#546670;letter-spacing: 0.4px;}
header{
    background:white;
    position:fixed;
    z-index:1000;
    top: 0;
    padding: 0 30px;
    width: 100%;
}
header>  div.row {max-width: 1370px;margin: auto;}

header.fixedHeader{margin: 0; width:100%;}
section{}
div{}
ul{}
img {max-width:100%;}
li{
    line-height: 23px;
    margin: 15px 10px;
}
ol li{list-style-type: decimal;}
h1,h2,h3,h4,h5,h6{font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color:#546670;font-weight: 700;}
h1{
    font-size: 30px;
    line-height: 50px;
    text-transform: uppercase;
}
h2{
    font-size: 25px;
    color: #2382c4;
    margin: 9px 0;
}
h3{}
h4{}
h5{}
h6{}
a { text-decoration:none; }
em {font-style:italic;}
a:visited {color: #2382c4;}
a:active { color: #003466; }
a:hover, a:focus {color: #2382c4; text-decoration:none;}
p{
     margin: 10px 0; 
    line-height: 25px;
    font-size: 11pt;
}
strong{
    font-weight: bold;
}
table{ background:white;}
td{}
tr{}
th{}
.button{display:inline-block; background:transparent;color: #666666;padding: 8px 20px;font-size:20px;margin: 20px 0;font-weight: bold;}

a.btn{
    margin:2px;
    color:white;
}
.btn-group-vertical>.btn, .btn-group>.btn {    
    margin: 0;
    border-width: 2px;
    box-shadow: 2px 2px 0px #b5b5b5;
}

.btn-primary, a.btn-outline-primary:hover{
    color: #ffffff !important;
    background: #2382c4;
    border-color: #2382c4;
}
.btn{
    width: max-content;
    color: white;
    padding: 6px 12px;
    margin: 2px 2px;
    border-radius: 25px;
    font-weight: bold;
    font-size: 18px;
	    font-weight: 600 !important;
    padding: .3em .7em .3em .7em;
}
.btn.btn-unired{background: #e54857;}
.btn.btn-unigreen{background: #7cb042;}
.btn.btn-uniblue{background: #1e6ba1; user-select:all;}
.btn.btn-uniaqua{background: #36cb78;}
.btn.btn-unisilver{background: #9f9f9f;}
.btn.btn-deeporange{background: #dd7047;}
.btn.btn-orange{background: #e56d48;}
.btn.btn-orange:hover{
    color: #e56d48;
    background: white;
    border-color: #e56d48;
}
.btn.btn-deeporange:hover{
    color: #dd7047;
    background: white;
    border-color: #dd7047;
}
.btn.btn-unired:hover{
    color: #e54857;
    background: white;
    border-color: #e54857;
}
.btn.btn-uniblue:hover{
    color: #1e6ba1;
    background: white;
    border-color: #1e6ba1;
}
.btn.btn-unigreen:hover{
    color: #7da139;
    background: white;
    border-color: #99ca3c;
}
.btn.btn-uniaqua:hover{
    color: #32995f;
    background: white;
    border-color: #36cb78;
}
.btn.btn-unisilver:hover{
    color: #6c757d;
    background: white;
    border-color: #6c757d;
}
.btn.btn-secondary:hover{
    color: #6c757d;
    background: white;
    border-color: #6c757d;
}
a.btn-outline-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary:active {
    background: #ffffff;
    border-color: #2382c4;
    background-color: #ffffff;
    color: #2382c4!important;
    text-decoration:none;
}
.btn-default {
    background:#aaa;
    color:white!important;
}
.btn-default:hover{
	color: #aaa!important
}
.dir_btn{
    text-align: center;
    padding: 10px;
}
a.bluelink, .bluelink, .whitebox a.bluelink{
    color: #1e6ba1;
    font-weight: bold;
    line-height: 1.2;
    display: inline-flex;
    flex-flow: column;
}
.bluelink:before{
    font-size: 25px;
    line-height: .10;
}
.iconbtns{
    text-align-last: justify;
}
.discipline-icon:before{
    font-family: "senator";
    font-style: normal;
    font-weight: 400;
    font-size: 2em;
    display: inline-block;
    margin: 2px 8px;
}
.editbtn:before{
    font-size: 20px;
    display: inline-block;
    margin: 0px 10px;
}
.btn.longbtn, .longbtn{
    width: 99%;
    font-size: 20px;
    font-weight: bold;
    white-space: normal;
    margin: 5px 0px;
}
.longbutt, .fullbutt {
    font-weight:normal;
    font-size:18pt;
    padding: 8px 38px;
    text-decoration:none;
    white-space: normal; 
    width:400px; 
    max-width:100%;
}
.fullbutt {width:100%;}
.text.text-subwarn {color: #f99922;}
.appform {text-align: left;clear: both;}
.pagination{text-align:right;float: right; margin:10px 0;}
.pagination li {
    margin: 0;
}
span.danger {color:red;}
.errorwarn {font-size:400%;text-align:center;line-height:140px;color: #ffffff;text-shadow: 2px 2px black;}
.match {background:yellow;}
.popdiv{display:none;}
/*Form Styles */

/*Preloader*/

.unilogo {
    position: absolute;
    left: 50%;
    top: 15%;
    margin: 0px auto;
    z-index: 1;
    transform: translate(-50%);
    width: 250px;
}
.sk-cube-grid {
    width: 50px;
    height: 50px;
    margin: 0px auto;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
}

.sk-cube-grid .sk-cube {
    width: 30%;
    height: 30%;
    margin: 1.6%;
    background-color: #f68b1f;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1s infinite ease-in-out;
    border-radius: 10px;
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.closebox {    text-align: center;
    background: #2382c4;
    width: 30px;
    font-size: 30px;
    border-radius: 30px;
    margin-left: 10px;
    margin-top: 10px;
    color: white;
cursor:pointer;
}
.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.92);
    /* change if the mask should have another color then white */
    opacity: 1;
    z-index: 11111;
    /* makes sure it stays on top */
    height: 100%;
    overflow: hidden;
}


@-webkit-keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

.overlaymask {
    position:fixed;
    top:0;
    left:0;
    background: rgba(255,255,255, 0.85);
    width:100%;
    height:100%;
    z-index: 1000;
}

.imageoverlay {
    width: 100%;
    position:absolute;
    z-index: 1001;
    top: 0;
    height:auto;
    text-align:center;
}
.imageoverlay img{
    
margin-top: 20px;
    
border: 6px solid #757575;
    
border-radius: 5px;
max-width:90%;
}

.imageoverlayclose {
    font-size:30px;
    position: absolute;
    top: 10px;
    background: white;
    padding: 8px 14px;
    border-radius: 28px;
    border: 6px solid #757575;
    cursor: pointer;
    margin-left: -30px;
}

.toggle {
    background: #2981c4;
    cursor:pointer;
    color: white;
    padding: 10px;
    border-radius: 10px;
}
/*Structure styles*/

/*Header Style*/
.logocont{text-align: left;padding-top: 20px;vertical-align: middle;padding-bottom: 10px;}
.logo img{max-height:60px;transition: all 0.4s ease-in-out;}
.fixedHeader .logo img {max-height: 60px;opacity: 1;}
.unihealth-link {
    display: block;
    margin: auto;
    max-width: 240px;
    margin-top: 110px;
    
    font-weight: bold;
    text-align: center;
    font-size: 18px;
}
/*Navigation styles*/
.navbar-expand-md .navbar-collapse {flex-direction: row-reverse;}
.navbar {margin-bottom:0;}
nav a {font-family: "century-gothic", sans-serif;}
nav .nav-item.active > a{font-weight:bold;color: #2ea3f2;}
.dropdown-menu{border:0; width:250px; right:0; left:auto;}

.dropdown-menu .dropdown-item{display:block; text-align:center; padding:10px 20px;}
.dropdown-menu {background: white;border-top: 3px solid #2682C4;box-shadow: 0 2px 5px rgba(0, 0, 0, .1);-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);-webkit-transform: translateZ(0);border-radius: 0;}

.navbar-toggler {
    width: 35px;
    height: 35px;
    background: white;
    border: 0;
    color: #7cb042;
    float: right;
    font-size: 32px;
    padding: 2px;
    margin-top: 10px;
}
.navbar-toggler:before {/* font-weight:bold; */}
.blue  a {color: #7cb042!important;}
.navbar-brand, .navbar-nav>li a {
    color: #2682C5;
    font-size: 16px;
    padding: 6px 25px!important;
}
.navbar-nav>li:last-child {}
.navbar-nav>li a:hover, .navbar-nav>li>a.active {
    color: #2ea3f2;
   
}

.navbar-nav li {margin: 20px 0;}
.dropdown-menu .dropdown-item {border: 0;color: #2682C4;}
.dropdown-menu .dropdown-item:hover{ background-color: rgba(0, 0, 0, .03);}
/*User bar */

.user_bar {visibility:visible;font-size: 10px;background-color: #ffffff;padding: 5px ;border-top: 3px solid #2382c4; border-bottom:0;width: 100%;z-index: 100;}
#usermenu {position: fixed;
    width: 100%;
    z-index: 100;
    bottom: 0;
}
#admin_usr_panel{
    background:white;
    position:absolute;
    bottom: 55px;
    width:100%;
    border-top: 3px solid #7cb042;
    padding-bottom: 15px;
}
.adminicons .icon{font-size:12px; text-align:center;}
.adminicons .icon a:before{content: ''; font-family: 'FontAwesome'; font-size:20px; display:flex; width:20px; height:20px; margin: 10px auto; }
.adminicons .clients_icon a:before{content:"\f0c0"}
.adminicons .quote_home_icon a:before{content:"\f1ec"}
.adminicons .app_home_icon a:before{content:"\f0f6"}
.adminicons .reports_icon a:before{content:"\f03a"}
.adminicons .preferences_icon a:before{content:"\f013"}
.adminicons .configuration_icon a:before{content:"\f085"}
.adminicons .payments_adminpanel_icon a:before{content:"\f0d6"}
.adminicons .zones_icon a:before{content:"\f278"}
.adminicons .currency_icon a:before{content:"\f155"}
.adminicons .content_icon a:before{content:"\f1c5"}
.adminicons .documents_icon a:before{content:"\f019"}
.adminicons .contact_us_icon a:before{content:"\f2b9"}
/*Divider*/
.divider{position:relative;margin: 5px 0 0; overflow:hidden;}
.divider span{background:#2382c4;display:block;height: 12px;width: 40%;margin: auto;}
.divider:before{content:"";display:block;height: 12px;background:#99cdef;position:absolute;width: 100%;left: -50%;z-index: -1;}
.divider:after{content:"";display:block;height: 12px;background:#95c04d;position:absolute;width: 100%;right: -50%;z-index: -1;top: 0px;}
/*Top section styles */


/*Content styles */
.content {padding: 0px 0 15px;margin-top: 95px;}
.contentheading {text-align:center;font-size: 25px;color:white;padding: 0;text-transform:uppercase;}
.contentheading {background: #2382c4;text-align:center;font-size:35px;color:white;padding: 40px 0;text-transform:uppercase;margin-bottom: 40px;background-image: url('images/header.png');background-repeat: no-repeat;background-position: right;}
.contentsubhead {background: none;text-align:center;font-size:15px;color:white;font-weight: normal;}

/*Control Panels*/
.container > .usericons{
    margin: 40px auto;
    min-height:70px;
    background: #9992;
    max-width: 900px;
}

.usericons .icon{
    padding:0px 10px;
}
.usericons .icon .cpicon:before{
    display: block;
    margin: 10px auto;
}
.usericons .treatmenticon.icon a {background:white;color: black;}
.usericons .icon a{
    display:block;
    text-align:center;
    padding: 10px 0;
    background:white;
    border:1px solid #3d464a;
    margin:10px 0;
    text-transform:uppercase;
    font-weight:bold;
    height: 170px;
    border-radius: 10px;
    box-shadow: inset 0px 0px 7px #aaa;
    color: #2382c4;
}
.usericons .icon.active a {
    background: #1976af;
    color: white;
    text-decoration:none;
}  

.usericons .treatmenticon.icon.active a span:before {
	color:white;
}
.usericons .treatmenticon.icon a span:before {
	font-size: 60px;
	padding-bottom: 20px;
}
.usericons .icon a:hover, .usericons .cpgroup .groupcpicon:hover, .usericons .icon.active a .cpicon, .usericons .icon a:hover .cpicon{
    text-shadow: -1px -1px #adadad;
    text-decoration: none;
}
.usericons .cpicon {
    color: #818181;
    text-shadow: 1px 1px #000000;
}

.usericons .icon a, .usericons .groupcpicon{
    background-image: url('../../images/panel_widget_icon.svg');
    background-position: center;
    background-repeat: no-repeat;
    padding: 0px;
    color: #353c40;
    font-size: 12px;
    line-height: 1.5;
    width: 171px;
    transition: transform .2s;
    border: 0px;
    box-shadow: 0px 0px 10px 0px #b7b7b7;
    border-radius: 14px;
}
.usericons .icon a:hover, .usericons .groupcpicon:hover{
    transform: scale(1.2);
    text-shadow: none;
}

.usericons .cpicon:before, .usericons .cpgroup .icon a{
    color: #5b5b5b;
    font-size: 230%;
    display: block;
    width: auto;
    padding: 35px 0px 60px;
    text-shadow: none;
}
.usericons .cpicon, .usericons .icon a:before{
    font-family: "senator";
    font-weight: 100;
}

.usericons .cpicon.quoteproduct:before{
    padding: 20px 0px 60px;
}
.icon.groupcpicon.ttip, .modal .groupcpicon, .modal .cpgroup a{
    height: 170px;
    width: 170px;
    max-width:170px;
}
.usericons .icon.groupcpicon .cpicon:before {
    font-family: "senator";
    content: '\e820';
    color: #85b32d;
    font-size: 50px;
    margin: auto;
    display: block;
    padding: inherit;
    text-shadow: 0px 0px #000000;
}
.groupcpicon{
    display:block;
    color: #2382c4;
    text-align:center;
    background:white;
    border:1px solid #3d464a;
    text-transform:uppercase;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 10px;
    box-shadow: inset 0px 0px 7px #aaa;
}
.icon.groupcpicon.ttip, .modal .groupcpicon, .modal .cpgroup a{
    height: 170px;
    width: 170px;
    max-width:170px;
}
.logout-btn{
    min-width: 100%;
}
.logout-btn a{
    background: #2382c4;
    display: block;
    width: 70%;
    font-size: 20px;
    font-weight: bold;
    white-space: normal;
    padding: 6px 12px;
    border-radius: 5px;
    box-shadow: 2px 2px 0px #b5b5b5;
    padding: 10px;
    margin-left: 15%;
    text-align: center;
    text-decoration:none;
    color: white;
}

/* Modal styling */
.modal-body label {width:100%;}
.modal-body textarea {width:95%;}
.modal-body .chosen-container {min-width:95%;}
.modal-body select, .modal-body input:not([type='checkbox']){width: 95%;}
.modal-body .prefix + input:not([type='checkbox']){width: 50%;margin-left: 10px;}
.modal-body .chosen-container-single .chosen-single {
    padding: 9px 0 0 8px;
    height: 40px;
    background-color: #fff;
    color: #70828b;
    border: 1px solid #ccc;
}
#event_modal label, #event_modal strong {font-weight:bold;color: #999;font-size: 14px;}
#event_modal .modal-content {background: #eee;}
#updatesModal input[name='submit_form']{display:none;}
.updateslink{
    font-size: 1.5em;    
    display: inline-block;
    line-height: 40px;
    margin-left: 10px;
}
#filterbtn, #updatebtn{cursor: pointer;font-size: 18px;border: 1px solid;padding: 0px 4px;margin-right:10px;display: inline-block;width: 20px;text-align: center;font-weight: bold;line-height: 16px;height: 20px;}
.updateslist > li {
	padding:10px;	
}
.updateslist > li:nth-child(odd){
    border-radius:5px;
background: #eee;
}
.updateslist .delete_note{background: #ffffff;text-align:center;margin-right: 5px;float: right;border: 2px solid;height: 20px;line-height: 17px;border-radius: 20px;font-size: 10px;font-weight: bold;}
	#updates h4 {margin-top:10px;}
#updates .filelist{}
	#updates .filelink{display:block;text-align:center;background: #3cc7ef;color: white;padding:5px;border-radius:10px;font-size: 12px;max-width: 450px;}
.modal-body[type='checkbox'], .modal-body input[type='checkbox']{max-width:10%; margin:0px;}
.modal-body .checklabel{max-width:85%; margin:5px 0px;}

/*Card styling*/
.card-body select, .card-body input:not([type='submit']):not([type='checkbox']):not([type='radio']){width: 90%;}
.card input[type='submit']{max-width: 100%;}
.card input.date{
    border:2px solid #2382c4;
    border-radius: 5px;
    margin: 10px 6px;
    padding: 5px;
}
.card{margin-bottom:10px;}
.panel-body {flex: 1 1 auto;
    padding: 1rem 1rem;}

/*mod links*/
.extralinks{
    position: relative;
    
}
a.extralinkstoggle{background: #fefeff;text-align: center;margin: 15px 5px;border: 3px solid #2382c4;color: #2382c4;padding: 5px 15px;position: relative;display: block;width: 100px;text-transform: uppercase;}
a.extralinkstoggle:hover, .modlinks a:hover{color: #3d464a;}
.modlinks {background: white;padding: 0;margin: 30px 0;}
.modlinks li {display:inline-block;}
.modlinks a {color: #2382c4;border: 2px solid;display:block;padding: 18px 18px;text-align:center;margin: 5px 5px 5px 0;text-transform: uppercase;max-width: 200px;font-weight: bold;}
.imagepreview {min-width:250px; min-height:200px; background-size:contain; background-repeat:no-repeat; }
/*filter box */
.togglebox {background: #2382c4;padding: 1px 15px;color: #2382c4;margin: 20px 0;border-radius: 10px;}
.togglebox>a {display:block;margin: 10px;}
.togglebox>a h4 {color: #ffffff!important;font-size: 20px;margin-bottom: 9px;letter-spacing: 1px;}
.togglebox>a h4:before{content : '- ';}
.togglebox>a.inactive h4:before{content : '+ ';}

.bottom {color:white;background: #3d454b!important;position:relative;margin-top: 250px;padding: 25px 0px 0px;}
.bottom .container{max-width:1170px;}
.bottom:before{content:"";background-image: url('images/world-landmarks.png');background-size: contain;max-width: 1170px;height: 275px;display:block;background-repeat: no-repeat;width: 100%;position: absolute;top: -274px;background-position: center;right: calc((100% - 1170px)/ 2);}
.bottom > div , footer > div {padding-top: 20px;margin: 0 auto;max-width: 1370px;}
.bottom h1, .bottom h2, .bottom h3, .bottom h4, .bottom h5, .bottom h6 .bottom a {color: #2382c4;}
.bottom a{display:block;color:white;margin: 1em 0;font-size: 18px;line-height: 27px;font-weight: 500;max-width: 330px;}
.bottom table a {margin:0;}
.bottom h4{padding-bottom: 0px;line-height: 20px; font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    color: #F68B1F !important;}
.disclaimer{
    border-top-width: 1px;
    border-bottom-width: 1px;
    font-size: 17px;
    border-top-color: #fff8;
    border-bottom-color: #fff8;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-style: solid;
    }
.disclaimer p {margin:0;}
.footerlogo img{max-width: 200px;}
.footerlink {display:block;background-image:url('/template/developer/images/footer-logo.png');width: 170px;height:50px;background-size: contain;background-repeat: no-repeat;}
.footerlogo a{display:block;text-align: left;color:white;}
.footerlogo a img {}
.footerlogo {padding-bottom:10px;margin-bottom: 5px;}
/*Footer Styles */ 
footer {text-align: center;color:white;background: #3d454b!important;padding: 0;padding-bottom: 0;margin: 0;font-size: 10pt;}
/*Widget Styles */
.closelink:before {content:'X';position:absolute;background: #3d464a;z-index: 100;left: 5px;color: white;padding: 5px 9px;border-radius: 15px;margin-top: -10px;}
#login_7 {background: #2382c4;padding:10px;text-align:center;position:relative;}
#login_7 > a {border:1px solid;padding:5px;display:inline-block;background:transparent;color: #fff;padding: 9px 40px;font-size: 18px;margin: 25px 0;text-transform: uppercase;font-weight: bold;}
#login_7 > a img {display:none;}
#loginbox_7 {background:white;padding:10px;left:50%;border: 4px solid #6c8c36;z-index:100;margin: auto;}
#loginbox_7 h3{background: #ebebeb;border: 0;}
#loginbox_7 > div {width:400px; margin: auto;}
#login_14{float: right;text-align:right;position:relative;}
#login_14 > a {display:inline-block;background:transparent;color: #2382c4;padding: 9px 25px;font-size: 18px;margin: 25px 0 10px;text-transform: uppercase;font-weight: bold;}
#login_14 > a img {display:none;}
#loginbox_14 {position:absolute; background:white; padding:10px; width: 300px; right:0; border:1px solid; z-index:100;}
#menu_13 {text-align: right;float: right;}
#menu_13 .navbar-nav {
    float: none;
    /*display:inline-block;*/
    margin: 0 auto;
}
/*Side Widget */
#sidewidget {
    position: fixed;
    right: 0;
	top: 110px;
	z-index: 10;
}
#sidewidget #help_11{}
#sidewidget .morehelplink {
    width: 250px;
    background: white;
    z-index: 1;
    display: block;
}
#sidewidget .helptitle{display:block; cursor: pointer; width:15px; background: #7cb021; color:white; text-align:center; padding:3px;float: left;}
#sidewidget .helpcontent{font-size:90%; border-top: 2px solid #ccc; border-left:4px solid #ccc; border-bottom:2px solid #ccc; float:right; padding: 4px 15px; display: block; background: white; min-height:130px; max-height:400px; overflow:auto; width: 300px;padding-top: 8px;}
#sidewidget .helpcontent #helpcontent {}
#sidewidget #helpclose {right: 30px; cursor: pointer; background:  #7cb021;padding: 0 4px;border-radius: 50%;color: white;font-weight: bold;position: fixed;text-align: center;}
.helpcontent h2 {font-size:120%;}
#sidewidget .helpcontent img {max-width:95%!important; height:auto!important;clear: left;}
.help p, #helpcontent p {clear:both;}
.side_form {    background: #ebebeb;
    padding: 5px 20px 5px;
    border-radius: 10px;
}
.side_form h3 {
    color: #3c7dc3;
}
.side_form label {width:100%;font-size: 14px;}
.side_form .checkbox-group label {
    font-size: 15px;
    color: #616161;
    margin: 5px 0;
    /* float: left; */
    width: 80%;
}
/*Mod stylings */
.secmenu {padding: 18px 29px;margin: 20px;color: #8f8f8f;border-bottom: 1px solid #2382c4;z-index: 1000;}
.secmenu h4 {font-size:20px;display: none;}
.secmenu li {margin: 5px 5px;list-style-type: none;display: inline;border-top: 1px solid #2382c4;border-left: 1px solid #2382c4;border-right: 1px solid #2382c4;padding: 20px;border-radius: 10px 10px 0 0;color: #2382c4;}
.secmenu li.active{background:#2382c4;color:white;z-index: -1;}
.secmenu li.complete{background:#a7a7a7; border-color:#a7a7a7; }
.secmenu a{
    color: #e5e5e5;
    font-weight: bold;
}
.membergroup h3 {cursor:pointer;background: white;border-radius:10px;color: #2382c4;margin: 0;padding: 10px;border: 1px solid;}
.member {
    border: solid 3px #f1f1f1;
    margin: 5px;
    padding: 10px 10px 1px;
    max-width: 640px;
    border-radius: 10px;
}
.notes {}
.note {
    margin: 10px;
    background: #ffffff;
    padding: 20px 10px;
    border-radius: 10px;
}
.note span {font-size:12px;}
.contacts-heading {margin-top:50px; text-align:center; margin-bottom: 20px;}
.contacts-heading h2 {color: #2382c4;}
.contacts {/* border-top: 1px solid #2382c4; */padding-top: 40px;text-align:center;line-height:25px;padding-bottom: 40px;}
.contacts h3{}
.contacts h4{ font-size:20px; font-weight:600; margin-bottom:10px;}
.contacts h5{ font-size:16px; }
.contacts a{display:block; color:#2382c4;}
.contact-details {padding-bottom:30px;clear:both;margin-top: 50px;border-top: 1px solid #2382c4;border-bottom: 1px solid #2382c4;}
.contact-details .container {max-width:900px;}
.contact-details h1 {font-weight:normal;}
.contact-details .darkbox {margin-bottom: 30px}
.login.data_form{} 
/* Article Stylings */
article div {background-repeat:no-repeat;}
article h1 {color: #2382c4;margin: 40px 0 10px;font-size: 23pt;font-weight: 700;line-height: 39px;text-transform: none;}
article h2 {color: #3d464a;font-weight: 700;font-size: 20px;}
article a, article a:visited {text-decoration:underline; color:#3d464a}
article a:hover{text-decoration:underline; color:#2382c4}
.homeheader, .pageheader{
    background-position: center;
    background-image: url("images/unilifeheader-large.jpg")!important;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #71a13c;
    }
.clientheader{
    background-position: center;
    background-image: url("images/clientheader-large.jpg")!important;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #f2f4f5;
    }
    .contactbanner {width:100%;height: 820px;background-image: url("/images/articles/AdobeStock_206342719.jpg");border-top: 4px solid  #2382c4;border-bottom: 4px solid  #2382c4;background-size: cover;background-position: right;background-color: white;}
     .grouplifebanner {width:100%;height: 520px;background-image: url("/images/articles/AdobeStock_99482544.jpg");border-top: 4px solid  #2382c4;border-bottom: 4px solid  #2382c4;margin-top: 25px;background-size: cover;background-position: center;background-color: #f3f4f4;}
        .grouplifebanner2 {width:100%;height: 600px;background-image: url("/images/articles/AdobeStock_162103915.jpg");border-top: 4px solid  #2382c4;border-bottom: 4px solid  #2382c4;margin-top: 25px;background-position: center;background-size: cover;background-color: #f3f4f4;}
        .individuallifebanner {width:100%;height: 350px;background-image: url("/images/articles/AdobeStock_208924566.jpg");border-top: 4px solid  #2382c4;border-bottom: 4px solid  #2382c4;margin-top: 25px;background-position: center;background-size: cover;background-color: #f3f4f4;}
        .individuallifebanner2 {width:100%;height: 700px;background-image: url("/images/articles/AdobeStock_201710558.jpg");border-top: 4px solid  #2382c4;border-bottom: 4px solid  #2382c4;margin-top: 0;background-position: center;background-size: cover;background-color: #f3f4f4;}
.productbox {
    margin: 10px;
    border: 1px solid;
    padding: 15px 10px;
    text-align: center;
    height: 200px;
    background: #ddd;
    border-radius: 30px;
    border: 0;

}
.productblurb {
    margin-bottom: 35px;
}

   
.productblurb .row{margin-bottom:20px;max-width: 890px;margin: auto;}
.productblurb .row > div > div {text-align:center;border: 1px solid #ccc;margin: 10px -5px;padding: 20px;height: 180px;}
.pb2 .row > div > div {text-align:center;border: 1px solid #ccc;margin:5px -10px;padding:20px 15px;}
.pb2 .row > .col-md-4 > div {height:220px;}
.productblurb .row div img {width: 80px!important;height: 80px!important;}
.productblurb p {text-align:center;}
.productblurb .ticklist li:before{color:white;}
.productblurb .productheading {font-size: 29px;text-align:center;display: block;}
.puppyback {background-image: url("/images/articles/AdobeStock_178401454.jpg")!important;background-size: cover;background-repeat: no-repeat;background-position: bottom;padding-bottom: 530px;background-color: #2382c4;}
.puppyback p, .contact p {font-size: 13pt;line-height: 21pt;}
.productlinks a {background: #2382c4;padding: 20px;display: inline-block;width: 46%;color: white;margin: 10px;font-size: 20px;}
.headerimage, .pageheader, .clientheader {
   max-height: 320px;
    overflow: hidden;
    position: relative;
    height: calc(100vw / 6);
    background-repeat: no-repeat;
}
.headerimage img, .clientheader img {width: 500px;height: auto!important;max-width: 300px;margin-top: 85px;margin-left: 160px;}
.headerimage h1 {max-width: 500px;
    font-size: 39px;
    top: 40px;
    left: 55px;
    color: white;
    margin-left: 80px;}
.greybox {background: #f0f3f5;padding: 30px 50px;}
.greenbox .whitebox {
    background: white;
    color: #3d464a;
    text-align: center;
    line-height: 16pt;
    padding: 35px 25px;
    font-size: 10pt;
    width: 80%;
    margin: auto;
    }
.whitebox .row {text-align:center!important;}   
.whitebox .row div:first-child{border-right: 1px solid #2382c4;} 
.whitebox div h3 {color:#2382c4!important; font-size:13pt!important; text-align:center}
.infobox {border: 2px solid #2382c4;margin: 20px 0;padding:5px;border-radius:10px;background: white;}
.valueprop h2{ font-size:36px; text-align:center; margin:10px 0 50px;}
.valueprop {text-align:center;padding: 35px 0 5px;}
.valueprop .col-sm-3{ width:20%}
.valueprop img {width:70px;}
.darkbox {background: #F3F4F4;padding: 20px 0 50px;}
.darkbox p {font-size: 13pt;}
.darkbox hr {border-color: #cdcdcd;}
.infographic h3 {color: #7CB040;font-size:14pt;/* line-height: 30px; */text-align: right;vertical-align: middle;height: 100%;z-index: 1000;display: flex;position: relative;top: 35%;float: right;right: 0;}
.subhead {font-size:13pt;margin-bottom: 30px;}
.greenhead {background: #2382c4;text-align:center;font-size:35px;color:white;padding: 40px 0;text-transform:uppercase;margin-bottom: 40px;background-image: url('images/header.png');background-repeat: no-repeat;background-position: right; background-size: cover;}
.greenbox {margin-top: 20px;padding: 50px;text-align:center;background-position: center;color: #f68b1f;background-size: cover;background: white;margin-bottom: 20px;}

.greenhead .contentheading {background:none;padding:0;font-size: 25px;margin: 0;line-height: 34px;text-transform: none;}
.greenback .container {max-width: 900px;}
.greenhead h2, .greenhead h1 {text-shadow: 1px 1px black;}
.greenback .productblurb .row > div > div {
    text-align: center;
    border: 1px solid #ccc;
    margin: 8px -7px;
    padding: 4px;
    height: 190px;
}
.greenbox h1 {color:white;font-size: 190%;margin-bottom: 30px;margin-top: 10px;}
.greenbox h3 {color:white;}

.greenbox p {margin: 15px 0;}
.greenbox .number {display:block; color:#7CB040; background:white; width:50px; line-height:50px; margin:auto; border-radius:100%; font-size:15pt; font-weight:bold;}
.greenbox a, .darkbox a{color: #2382c4;}
.whitebox a {color:#3d464a;}
.greenbox .row, .darkbox .row{text-align:left;}
.greentext {font-weight:bold; color: #7CB040}
.address strong{color:#2382c4; margin-right:12px;}
a.download {text-align:center;display: block;}
.subfocus {max-width:600px; margin:auto; font-size:15px; margin-top:40px;}
.highlight {font-weight:700;line-height: 32px;font-size: 18px;}
.bios span {display:block;width: 55%;padding: 0;margin:15px auto;vertical-align:middle;background: white;height: 280px;text-align: center;}
.bios img {width:100%!important;height:auto!important;vertical-align: middle;}
.bios {line-height:25px;text-align: center!important; margin-bottom:30px;}

.infographic {max-width:1000px;margin:auto;position:relative;z-index: 1;}
.infographic .row {margin-bottom:30px;display: flex;}
.infographic .row > div:last-child:before {content:"";position:absolute;left: -50px;top: 0;display: block;border-right: 4px solid #2382c4;width: 2px;z-index: -1;height: 125%;}
.infographic .borderbox:before{content: "";width: 60px;height:5px;display:block;border-top: solid 4px #2382c4;position:absolute;top: 40%;left: -60px;}
.infographic .row:first-child > div:last-child:before{top:50%}
.infographic .row:last-child > div:last-child:before{top:auto;bottom: 52%;}
.infographic .borderbox { max-width: 400px;position: relative;}
.borderbox {border: 4px solid #2382c4;padding: 15px 25px;border-radius: 25px;}
.borderbox p {margin:10px 0;}
#individual-insurance > div:nth-child(8) > div:nth-child(3) > div.row > div.col-sm-3 {width:28%;}
#individual-insurance > div:nth-child(8) > div:nth-child(3) > div.row > div.col-sm-9 {width:72%;}
#intermediaries p, #disclaimer p, #legal p {margin: 20px 0;line-height: 28px;}
.examples {margin-bottom:20px;font-size: 12pt;}
.examples.borderbox {min-height: 230px;}
.examples p {font-size:12pt;}
.examples h3 {font-size:14pt; color: #2382c4; margin-bottom:20px }
.examples .row div {text-align:center;}
.examples img {max-width: 80px;max-height: 80px;margin-bottom: 3px;margin-top: 20px;}
.examples span {display: inline-block;width:30%; text-align:center; font-size:12pt}
.examples .h {width:5%;font-size: 25pt;font-weight:bold;color:#2382c4;}
.infographic img {z-index: 920;height:70px!important;width:70px!important;position: relative;top: -25px;margin-left: 30px;}
.infographic p {font-size:10pt;}
.greenbox .infographic .borderbox:before, .greenbox .infographic .borderbox, .greenbox .infographic .row > div:last-child:before{ border-color:white;}
.ticklist {}
.ticklist li{}
.ticklist.white li {display:inline;}
.darkbox .ticklist.white li{display:block;}
.ticklist li:before{font-family:"FontAwesome";content:'\f00c';color: #2382c4;margin-right: 10px;font-size: 22px;}
.ticklist.white li:before{color:white;}
.productlist {padding:0;}
.productlist li {border-bottom: 1px solid #2382c4;font-weight:bold;padding: 20px 0 20px;margin: 0;font-size: 120%;}
.productlist li a {color:#3d464a;}
.artlist .row {border-top: 1px dotted #2382c4;}
.artlist .article {padding:30px;}
.artlist h1, .artlist h2, .artlist h3, .artlist h4, .artlist h5, .artlist h6 {font-size: 15px; line-height: 23px}
.artlist .contenttitle {font-size: 20px; line-height: 30px; margin-top: 15px;}
.artlist .article:nth-child(odd) {border-right: 1px dotted #2382c4;border-style: dotted;}
.artthumb {width:80%;}
.artdate {font-size:12px; color:#2382c4;}
.catmenu {    background: #f7f7f7;
    width: 300px;
    padding: 20px;
    margin: 10px auto;
    max-width: 100%;}
   article .download img{width: 150px;display:block;margin: 15px auto;}
   article .download span{border:2px solid white;padding:20px 15px;margin-top:10px;display:inline-block;color: white;font-size:16pt;border-radius: 4px;}
      article .download span:hover{color:#2382c4;background:white;border: 2px solid;}
.team {    line-height: 25px;
    margin-top: 20px;
    background: rgba(1,1,1,0.2);
    padding: 15px;}
.addressbox p {font-size:10pt;}
/*Policy module */
/*Policy module */
.templatefile{
    display:inline-block;
    max-width:32%;
    margin-right:1%;
}
#templatefiles {
    background: #2981c4;
    padding: 10px;
    border-radius: 10px;
}

#templatefiles h4 {
    color:white;
    margin-bottom: 10px;
}

.imagelink, .imagelink:hover {
    color:white;
}
.messageheader {
    
}
.originalmessage {
    
max-width: 500px;
    
background: #eee;
    
padding: 10px;
    
border-radius: 10px;
}
.memberreply{
        margin-left: 40px;
        background: #f5f5f5;
        max-width: 600px;
        padding: 10px;
        border-radius: 10px;
        margin-bottom: 10px;
}
.adminreply {
    background: #9b9b9b;
    max-width: 600px;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    color: white;
}
/*documents module */

.doc_icon {display:block;margin:auto;width: 64px;height: 95px;vertical-align: bottom;line-height: 90px;}
.doc_icon img {width:64px;}
.doclist {text-align:center;}
.doclist .ttip{text-align:center;display: block;margin-top: 15px;min-height: 140px;}
.doclist .ui-accordion-content{background: #f1f1f1; padding-top:40px;}
.doclist .tooltip {margin-top: 26px;}
.resistantailink {padding: 10px;
  margin: 10px;
  border-radius: 10px;
  font-weight: bold;}

/* Application Module */

#file_downloads .button{
    color: white;
}
.reqlist {background:#efefef; padding:10px;}
.reqlist .rec:before{font-family:"FontAwesome";content:'\f00c';color: #2382c4;margin-right: 10px;font-size: 22px;}
.reqlist .nr:before{font-family:"FontAwesome";content:'\f00d';color: red;margin-right: 10px;font-size: 22px;}

.signature-pad-body canvas {border: 4px solid #2382c4;border-radius: 15px;}
/* Quote Module */
.cpgroup{
    display: inline-flex;
    width: 170px;
    margin: 10px;
}
.cpgrouplink {display:block;clear:both;color: white!important;font-weight:bold;font-size:30px;background: #2382c4;padding: 10px;margin: 10px;}
.quote_form .icon a {padding: 17px 6px;}
 a.prod_button{color: #215721;}
.quote_form .icon a:before{display:block; width: 60px; height:60px;background:url('/images/icons/producticons.png'); margin:5px auto }
.quote_form
.usericons .termone a:before{background-position: 0 -120px;}
.usericons .termtwo a:before {background-position: 0 -180px;}
.usericons .t100single a:before{background-position:0 0;}
.usericons .t100joint a:before{background-position:0 -60px;}
.usericons .dtaone a:before{background-position: 0 -240px;}
.usericons .dtatwo a:before{background-position: 0 -300px;}


#edudesc a:after, #secedudesc a:after{content:"?";margin-left: 12px;background: #7cb021;display:inline-block;width: 30px;text-align:center;color:white;border-radius:15px;height: 30px;font-weight: bold;line-height: 28px;font-size: 28px;}
#edudesc, #secedudesc {margin:20px 0;display: block;}
.quotedesc {font-size:30px;text-align:center;color: #2382c4; margin: 20px 0;}
.quote_results .personal_details {/* text-align:center; */line-height: 30px;}
.personal_details label, .personal_details span, .personal_details select {width: 48%;display:inline-block;max-width: none;margin: 10px 0%;}
.personal_details label {margin-right:4%}
.personal_details span {padding:10px;background: #eee;border-radius: 10px;}
.personal_details .col-md-12 label {width:24%; width: calc(24% - 8px); margin: 10px 0.5%;}
.quote_results .personal_details .col-md-12 label {width:24%; width: calc(24% - 8px); margin: 10px 0%;}

.personal_details .col-md-12 span {width:74%; width:calc(74% + 8px); margin:10px 0.5%;}
.quote_results .personal_details .col-md-12 span {margin-left: 2%;margin-right: 0%;}
.quote_results h4 {color:#2382c4;}
.quote_results h5 {font-weight:normal; margin-top:20px;}
.quote_summary {
    position: relative;
    border-top: 1px solid #2382c4;
    border-bottom: 1px solid #2382c4;
    padding: 30px;
    margin: 30px 0;
}
.quote_summary h3{color:#2382c4;text-align: center;font-weight:normal;font-size: 25px;}
.quote_summary h4{color: #3d464a;text-align: center;}
.bigplus, .bigequals {
    display: inline;
    font-size: 70px;
    color: #2382c4;
    position: absolute;
    top: 210px;
    margin-left: -20px;
}
.totalpremium {max-width: 600px;margin: 2% auto 7%;text-align:center;padding: 30px;}
.premium, .threespan.totalpremium {width: 22.33%;background:#efefef;margin: 5%;text-align:center;padding: 30px;line-height:30px;display: inline-block;}

.premium strong, .totalpremium strong{}
.totalpremium, .threespan.totalpremium {/* margin:auto; */background:#2382c4;color:white; line-height:30px;}
.totalpremium h4{color:white;}
.quotebuttons {text-align:center;margin-top: 20px;margin-bottom: 20px;}
.quotebuttons .button{margin: 5px 0.5%;display: inline-block;width: 99%;}
.quotebuttons .button.half-button {width: 49%; margin:5px 0.5%; }
.admin_dump{display:none;line-height: 25px;}
.appform ul li {list-style-type: disc; list-style-position: inside;} 
/*Graphs styles */
.graphlegend {background:#ddd; padding:15px; float:left; border-radius:5px;}
.graphlegend strong{display:block; margin-bottom:10px}
.graphlegend .legendlabel {display:inline-block;}
.graphlegend .legendlabel span {width:10px; height:10px; display:inline-block; margin:0 10px; border-radius:10px;}
.graph {margin-top: 30px;}
/*providers module */
.providers_search {background:#f9f9f9;padding:10px 30px;margin-bottom:10px;/* height: 200px; */border-radius: 10px;border:1px solid #2382c4;}
.providers_search .chosen-container-single .chosen-single, .providers_search select, .providers_search .form-control {
    border: 1px solid #999;
    height: 48px;
    border-radius: 10px;
    background-color: #fff;
    width:100%;
    padding: 10px;
}
.providerlist {background:#f9f9f9;padding:10px 30px;margin-bottom:10px;/* height: 200px; */border-radius: 10px;border:1px solid #2382c4;}
.providerlist .provider {background:white; margin:10px; padding: 10px 20px;}
.providerlist .provider h3 .marker{display:inline-block;background:url('/images/mapicon.png');color:white;font-size: 15px;height: 30px;width: 26px;background-size: contain;background-repeat:no-repeat;text-align:center;background-position: top center;line-height: 22px;}
.providerlist .provider h3 .marker.pacmarker{background-image:url('/images/mapicon_red.png')}
.providerlist .provider h3 { font-size: 140%; color:#2382c4; cursor:pointer}
.providerlist .row {margin-bottom: 10px;}
.map_legend {
    position: relative;
    top: -100px;
    left: 10px;
    background: #fff;
    width: 250px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 2px;
    }
.map_icon {
    margin: 10px 15px;
    font-size: 11px;
    line-height: 10px;
}
.map_icon:before{content:"";display:inline-block;width: 15px;height: 15px;background: #00c1f0;margin-right: 10px;border-radius: 100%;border: 1px solid #777;}
.map_icon.pac:before{
    background: #ff2a2a;
}
/*Events module */
#proceduresdiv .procedure {
    background: #afaeae;
    padding: 10px;
    border-radius:10px;
    margin: 10px;
}
#proceduresdiv .procedure a {
    color: white;
}
.mask {position:fixed;display:none;width: 100%;height: 100%;background:rgba(111,111,111,0.9);top: 0;left: 0;z-index: 1000;}
#proceduresdiv .procedure a.prodelete {
    float: right;
    background: black;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    text-align: center;
}
.procedureblock{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);margin:auto;max-width: 100%;background:white;width: 500px;border-radius: 10px;border: 2px solid #3c7dc3;padding: 20px;z-index: 1001;}
.procedureblock .close {
    position: fixed;
    display: block;
    width: 40px;
    height: 40px;
    background: #3c7dc3;
    top: -20px;
    left: -20px;
    border-radius: 50px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 25px;
    line-height: 40px;
    cursor: pointer;
}
.procedureblock .chosen-container, .procedureblock .select2  {width: 100%!important;}

/*Json Select Boxes */
.select2-container, .select2-container .select2-selection--single {
    max-width: 500px;
    height: 50px;
    border-radius: 10px;
    border-color: #ccc;
    margin-left: 2px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {height:50px;}
.eventpanel {
	display:none;
}
#claimdiv {font-size:70%; line-height:100%;}
#claimdiv input[type=checkbox]{margin: 20px 5px;}
#claimdiv a {
    word-wrap: break-word;
    max-width: 115px;
    display: inline-block;
}
.claimstatus {
   padding: 30px;
   margin-top: 20px;
}
.claimstatus .row div {
    text-align:center;
    position:relative;
}
.claimstatus .row div .icon{
	font-size: 40px;
	padding: 5px;
	background: #eee;
	display: block;
	width: 65px;
	margin: auto;
	height: 65px;
	line-height: 55px;
	border-radius: 35px;
}

.claimstatus .row div:before{
	content: "..................";
	display:block;
	position:absolute;
	top: 20%;
	left: -36px;
}
.claimstatus .row div:first-child:before{
	content:none;
}

.claimstatus .row .active{}
.claimstatus .row .inactive{
    color: #e5e5e5;
}
.claimstatus .row .current{
    color: #3c7dc3;
}
.claimstatus .row .current.red{
    color: #dc3545;
}
.closebtn, .pin {display:block; }
.floatclaim {position: relative;}
.floatclaim .data_table {padding: 10px;border-radius: 18px;display: block;background: #ddd;margin-right: 15px;}
#benefitsData {font-size: 13px;}
#benefitsData h2{font-size: 16px;}
#benefitsData a{color: #626d78;}
.closebtn:after{content:"\1F5D9"; height:30px; width:30px; position:absolute; right:-10px; padding:7px; background: #ccc; border-radius:30px; border: 2px solid #1d72ab; font-weight:bold;}
.pin:after{content: '\1F4CC';height:30px;width:30px;position:absolute;left: -15px;padding:10px;font-weight:bold;font-size: 150%;}
    .pin.pinned:after{transform: rotate(315deg);top: 5px;}
/*Tasks module*/
.leftmenu {background:#7bb142;}
.leftmenu h3 {color:white;padding: 20px;}
.leftmenu li {display: block;list-style-type: disc;list-style-position: inside;color: white;margin: 0;padding: 15px 30px;margin-right: -15px;}
.leftmenu li.active{background:white; color:#7bb142;}
.leftmenu .btn {display:block;text-align:left;background: #96c762;}
.leftmenu li a {color:white;}
.leftmenu li.active a {color:#7bb142;}
.task {border:solid 3px;min-height: 200px;border-radius:10px;margin-bottom: 30px;}
.task.overdue{background-color:#ffbbbb;}
.task a {color:#777;}
.task .taskhead {color:white; margin:0; height:55px; font-size:17px; font-weight:bold; padding:10px}
.task .taskhead .col-xs-8 {text-align:right;}
.task .taskbody {padding:10px;}
.task .taskbody div > div {margin-bottom:10px;}
.taskspanel {margin:0;}
.task_users .task_user {display:inline-block; background:#7bb142; margin:10px; padding:15px; color:white; border-radius:15px;}
.listtask  {
    margin: 3px 5px;
}
.listtask .taskhead {padding:10px;color:white;border-radius: 10px;}
.listtask .sublink{ display:inline-block; margin-left: 15px;}
.listtask .sublink a {color:white;}
.tasks-toolbar {margin: 0 10px;}
.tasks-toolbar .fa {color:#cfcbcb; padding: 10px 5px; font-size:25px; }
.tasks-toolbar form {display: inline-block;}
.comment{padding:3px; font-size:14px; }
.comment:nth-child(odd){background:#e9e9e9;}
.comment span {width:60%; display:inline-block; font-size:18px; color:#555555; font-weight:bold;}
/*Lightbox style*/
.lightboxmask{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(255,255,255,0.8);
    z-index: 1000;
}
.lightboxcontainer .closelightbox {
    display: block;
    background: #99ca3c;
    color: white;
    width: 30px;
    height: 30px;
    text-align: center;
    position: fixed;
    line-height: 30px;
    border-radius: 40px;
    margin-left: -50px;
    margin-top: -50px;
    font-size: 20px;
    cursor: pointer;
    font-weight: bold;
    text-shadow: 1px 1px black;
}
.lightboxcontainer {
    position: fixed;
    z-index: 1100;
    top: 30px;
    left: 10%;
    background: white;
    padding: 30px;
    overflow: auto;
    width: 80%;
    height: 80%;
    border: 5px solid #99ca3c;
    border-radius: 10px;
}

.lightbox {
    
}

.infopipbox {
  position: fixed;
  z-index: 1100;
  background: white;
  padding: 10px 30px 30px;
  width: 500px;
  top: 100px;
  left: calc(100%/2 - 250px);
  text-align: center;
  border-radius: 20px;
  font-size: 20px;
  max-width: calc(90vw - 60px);
  
}

.lightboxmask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgb(98 98 98 / 80%);
  z-index: 1000;
  left: 0;
}
.lightbox {
  position:relative;
}
.lightboxcontainer .closelightbox {
  display: block;
  background: #99ca3c;
  color: white;
  width: 30px;
  height: 30px;
  text-align: center;
  position: fixed;
  line-height: 30px;
  border-radius: 40px;
  margin-left: -50px;
  margin-top: -50px;
  font-size: 20px;
  cursor: pointer;
  font-weight: bold;
  text-shadow: 1px 1px black;
}
.lightboxcontainer {
  position: fixed;
  z-index: 1100;
  top: 30px;
  left: 10%;
  background: white;
  padding: 30px;
  overflow: auto;
  width: 80%;
  height: 80%;
  border: 5px solid #99ca3c;
  border-radius: 10px;
}
.lightbox .x-only{
    padding: 5px 10px;
    margin-left: 95%;
    color: #f6891f;
  
    cursor: pointer;

    /*! background: white; */
    border-radius: 100%;
}
.lightbox .x-only:before{
  font-family: "senator";
   content:'\e92c';
  
}
.lightboxcontent {
  margin-top: 20px;
  max-height: calc(80vh);
  overflow: auto;
  line-height: 1.5em;
  font-family: century gothic;
  font-size: 15px;
}
.lightboxcontent ol {
  text-align: left;
}
.lightboxcontent li {
  margin: 15px 20px;
}
.infopipbox:has(.collapsebox) {
  background:#ccc;
  text-align: left;
  width: 600px;
  padding: 10px 30px 30px;
  left: max(30px, calc(100%/2 - 300px));
}
.lightbox .collapsebox {
  background: white;
  margin: 10px;
  border-radius: 20px;
  padding: 5px 20px;
  word-break: break-word;
}
.lightbox .collapsebox div {
  display:none;
}
.lightbox .collapsebox h4 {
  font-size:14px;
  cursor: pointer;
  display:block;
  text-align:left;
  font-weight: normal;
  position: relative;
  margin: 10px 0;
  color: #1e6ba1;
}
.lightbox .collapsebox h4:after {
  content:"+";
  display:inline-block;
  position: absolute;
  right: 0;
  background: #f6891f;
  border-radius: 100%;
  color: white;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
}
.lightbox .collapsebox h4.active:after {
  content:"-";
  line-height: 10px;
}
#calcurrency{
        font-size: 30px;
    font-weight: bold;
}
#calcnumber {
    font-size: 30px;
    font-weight: bold;
    color: #2382c4;
}
#calcfreq {
    font-weight: bold;
}
#calculator{
        border-bottom: 2px solid;
    background: white;
    padding: 5px;
    text-align:center
}
.lightboxcontent{
    margin-top: 30px;
}
.secmenutoggle {/* display:block; *//* width: 100px; *//* height: 100px; *//* float: right; *//* z-index: 100; */}
.secmenutoggle:before {content:'+';display:block;float:right;width: 30px;height: 30px;background:white;color: #2382c4;border-radius:100%;font-size: 31px;padding: 0;cursor: pointer;z-index: 1000;text-align: center;line-height: 27px;}
.secmenutoggle.open:before {content: '-';}

.plusminus:before {content:'-'; display:block; width:30px; height: 30px; font-size:30px; float:left;}
.plusminus.plus:before {content:'+';}
                                /*Page specific styles */

#health .headerimage{margin-bottom: 40px;}
#health .greenbox .ticklist.white li{display:block;}
.address {line-height:30px;}
/*Editor Rules */
.cke_editable h1 {color:#2382c4;margin: 60px 0;font-size: 30px;font-weight:bold;line-height: 50px;}
.cke_editable h2 {color: #3d464a;font-weight: bold;font-size: 20px;}
.cke_editable table td {border : 1px solid black}
.cke_editable blockquote{border : 2px solid black}
#text_15 table {margin:auto;}
/*Media rules */

@media(min-width:2000px){
    .individuallifebanner{height:400px;background-size: 2100px;}
    .individuallifebanner2{background-size: 2100px;height:900px;}
    .contactbanner {height: 870px;background-size: 2100px;background-position: center;}
    .grouplifebanner {height: 570px;background-size: 2100px;}
    .grouplifebanner2 {height: 750px;background-size: 2100px;}
    .puppyback {background-size:2100px;}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1201px) {  }

/* Medium devices (desktops, 992px and up) */
@media (max-width: 1200px) { .bottom:before {
   right:0;
} }

@media(max-width: 1040px){
    .navbar-brand, .navbar-nav>li a, .navbar-nav>li {
        border: 0;
        padding: 2px 5px!important;
        margin: 0px;
    }
    .navbar-nav>li:last-child {border-right: 0;}
}

/* Small devices (tablets, 992px and down) */
@media (max-width: 992px) { .headerimage h1 {
    padding:10px;
    font-size: 32px;
    max-width: 440px;
    margin-left: 25px;
}
.examples.borderbox  {text-align:center;min-height: auto;}
.claimstatus .row div:before{
	content:none;
}
.secmenu li {display:none;border-radius: 10px;border-bottom: 1px solid;}
.secmenu li.active { display:block;}
.whitebox .row div:first-child {
    border-right: 0;
}
.headerimage img {width: 450px;max-width: 30%;margin-top: 85px;margin-left: 60px;}
.individuallifebanner2 {height: 580px;}
.individuallifebanner{height:250px;}
.grouplifebanner {height: 450px;}
.grouplifebanner2 {height: 500px}
 .contactbanner {height: 550px;}
 #individual-insurance > div:nth-child(8) > div:nth-child(3) > div.row > div.col-sm-3 {width:100%;}
#individual-insurance > div:nth-child(8) > div:nth-child(3) > div.row > div.col-sm-9 {width:100%;}
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 768px) { 
.dropdown-menu{border: 1px solid;width:250px;position:relative;width:100%;text-align: right!important;box-shadow: none;background: white;border-left: 0;border-right: 0;border-radius: 0;}
.dropdown-menu a.dropdown-item {text-align: right;color: #2382c4;}
.premium, .totalpremium {width: 98%;}
.bigplus, .bigequals {display:none;}
 .headerimage h1 {
    padding:10px;
    font-size: 30px;
    margin-left: 10px;
    max-width: 300px;
}
.comment span {width:100%; max-width: 100%;}
.productblurb .row > div > div {margin: 10px 0;height: auto!important;}
.homeheader {
    /* background-position: bottom center; */
}
.navbar .container-fluid{justify-content: end;}
.navbar-collapse {clear:both;}
.valueprop .col-sm-3 {
    width: 100%;
}
.headerimage img {width: 400px;max-width: 41%;margin-top: 95px;margin-left: 45px;display: none;}

.infographic {max-width:1000px;margin:auto;position:relative;z-index: 1;}
.infographic .row {margin-bottom:30px;display: block;}
.infographic .row > div:last-child:before {content:none;}
.infographic .borderbox:before{content:none;}
.darkbox .infographic h3, .greenbox .infographic h3 {text-align:center;float: none;display: block;margin-bottom: 15px;/* height: 125px; */padding-top: 80px;}
.infographic .borderbox {position: relative;margin: auto;text-align: center;}
.infographic img {z-index: 920;height:70px!important;width:70px!important;position: absolute;top: 0px;left: calc(50% - 70px);}
.navbar-brand, .navbar-nav>li a {
   
    border: 0;
    
}
.navbar-nav>li:last-child {
    border-right: 0;
}
#claimdiv .floatclaim{position:relative!important; top: 0!important;}
.pin, .closebtn{display:none;}
.individuallifebanner2 {height: 490px;}
.individuallifebanner{height:200px;}
.contactbanner {height: 450px;}
.grouplifebanner {height: 350px;}
.grouplifebanner2 {height: 350px;}

.footerlogo .row div, .footerlogo .row div img{text-align:center; margin:auto; display:block;}
.footerlink {background-image:url('/template/developer/images/footer-logo-c.png');width: 100%;height:50px;background-size: contain;background-position: center;}

}

@media (min-width: 600px){
    .usericon-inner {
        max-width: 800px;
        margin: auto;
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width: 600px) { 
    
.individuallifebanner2 {height: 360px;}
.individuallifebanner{height:170px;}
.contactbanner {height: 350px;}
.grouplifebanner {height: 280px}
.grouplifebanner2 {height: 320px}
.examples span, .examples .h {width:100%;display:block;line-height: 25px;vertical-align: middle;}

}

@media(max-width:450px){
	.headerimage h1 {
    padding:10px;
    font-size: 20px;
    max-width: 220px;
}
.headerimage img {width: 350px;max-width: 40%;margin-top: 110px;margin-left: 20px;}
.homeheader {
}
.individuallifebanner2 {height:300px;}
.individuallifebanner{height:150px;}
.contactbanner {height: 250px;}
.grouplifebanner {height: 220px}
.grouplifebanner2 {height: 300px}
}