﻿/*body {
    color: #00464f;
}

.ibox-content{
    padding-left:0px;
    padding-right:0px;
}
.navbar-default
{

}*/

@font-face {
	font-family: "Varela Round";
	src: url("../fonts/VarelaRound-Regular.ttf") format("truetype");
}

.help-block {
	display: inline;
	font-weight: bolder;
}

.k-messages-fixed {
	position: fixed;
	top: 65px;
	width: 100%;
	z-index: 1000;
	border-radius: 0px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: inherit;
	line-height: 28px
}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #e5e6e7;
	border-radius: 4px
}

.select2-container {
	width: 100% !important;
}

#spinner-modal.modal {
	text-align: center;
	padding: 0 !important;
}

	#spinner-modal.modal:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -4px;
	}

#spinner-modal div.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

/*Changes to Theme*/

.navbar-minimalize.minimalize-styl-2 {
	margin-left: 25px;
}

.badge.badge-danger {
	float: right;
}

dt,
dd {
	line-height: 1.5;
}

.form-group {
	margin-bottom: 10px;
}


@media (min-width: 768px) {
	.dl-horizontal dt {
		width: 33%;
	}

	.dl-horizontal dd {
		margin-left: 34%;
	}
}


.control-label {
	overflow: hidden;
	text-overflow: ellipsis;
}

.ibox-content.container-fluid {
	padding: 0px 15px 0px 15px;
}


.btn-100 {
	width: 100%;
	height: 100%;
}

/*Bootstrap*/

@media only screen and (min-width: 768px) {
	.flex-fix {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
	}

	.info-user {
		position: relative;
	}

	.vcenter {
		position: relative;
		top: calc(50% - 10px);
	}

	.vcenter-icon {
		position: relative;
		top: calc(50% - 13px);
	}

	.vcenter-button {
		position: relative;
		top: calc(50% - 15px);
	}

	.vcenter-label {
		position: relative;
		top: calc(50% - 9px);
	}

    .vcenter-user {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

	.full-height-sm {
		height: 50%;
		margin-top: 5px;
	}
}

@media only screen and (max-width: 767px) {
	.flex-fix-xs {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
	}

	.full-height-sm {
		height: 50%;
		margin-top: 5px;
	}

	.vcenter-icon {
		position: relative;
		top: calc(50% - 13px);
	}

	.leftProposal.perfil {
		width: 100px;
	}

	.rightProposal.perfil {
		width: calc(100% - 145px);
	}


    .nav.metismenu > li > a {
        padding: 14px 0 14px 0;
    }
    .nav > li > a i {
        margin: 0;
    }
    .nav.metismenu.alignIcons {
        text-align: center;
    }

    .nav.metismenu > li.user {
        padding-left: 0 !important;
    }
    .nav.metismenu > li:last-child {
        width: calc(100%);
    }
}

@media (max-width: 767px) {
	.notice-charge {
		width: 100%;
	}

	.notice-charge-title {
		float: none !important;
		width: auto !important;
	}

	.text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
		text-align: inherit;
	}

	.text-left-xs {
		text-align: left;
	}

	.text-center-xs {
		text-align: center;
	}

	.text-right-xs {
		text-align: right;
	}

	.text-justify-xs {
		text-align: justify;
	}

	.padding-top-xs-15 {
		padding-top: 15px !important;
	}

	.padding-bottom-xs-15 {
		padding-bottom: 15px !important;
	}

    .margin-bottom-xs-15 {
        margin-bottom: 15px !important;
    }

    .margin-top-xs-15 {
        margin-top: 15px !important;
    }

    .margin-top-xs-30 {
        margin-top: 30px !important;
    }

    .margin-bottom-xs-30 {
        margin-bottom: 30px !important;
    }

	.margin-label {
		margin-right: 0 !important;
	}

	.no-padding-xs-left {
		padding-left: 0;
	}

	.no-padding-xs-right {
		padding-right: 0;
	}

	.no-padding-xs {
		padding: 0;
	}

	.displayTableRow .checkbox {
		display: block;
	}

    .policy-status-label-inside {
        float: left;
        max-width: 100%;
    }
    }

@media (min-width: 768px) and (max-width: 991px) {
    .body-small .navbar-static-side {
        display: block;
        z-index: 2001;
        position: absolute;
        width: 200px;
    }
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }

	.text-left-sm {
		text-align: left;
	}

	.text-center-sm {
		text-align: center;
	}

	.text-right-sm {
		text-align: right;
	}

	.text-justify-sm {
		text-align: justify;
	}

    .padding-top-sm-15 {
        padding-top: 15px !important;
    }

	.padding-bottom-sm-15 {
		padding-bottom: 15px !important;
	}

	.margin-label {
		margin-right: 0 !important;
	}

    .margin-top-sm-15 {
        margin-top: 15px !important;
    }

    .margin-bottom-sm-15 {
        margin-bottom: 15px !important;
    }

    .margin-top-sm-30 {
        margin-top: 30px !important;
    }

    .margin-bottom-sm-30 {
        margin-bottom: 30px !important;
    }

	.no-padding-sm-left {
		padding-left: 0;
	}

	.no-padding-sm-right {
		padding-right: 0;
	}

	.no-padding-sm {
		padding: 0;
	}

	.displayTableRow .checkbox {
		display: block;
	}

	.leftProposal.perfil {
		width: 100px;
	}

	.rightProposal.perfil {
		width: calc(100% - 145px);
	}

    .policy-status-label-inside {
        max-width: 100%;
        float: left;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
		text-align: inherit;
	}

	.text-left-md {
		text-align: left;
	}

	.text-center-md {
		text-align: center;
	}

	.text-right-md {
		text-align: right;
	}

	.text-justify-md {
		text-align: justify;
	}

	.full-height-lg {
		height: 100%
	}

	.no-padding-md-left {
		padding-left: 0;
	}

	.no-padding-md-right {
		padding-right: 0;
	}

	.no-padding-md {
		padding: 0;
	}

	.displayTableRow .checkbox {
		display: table-cell;
	}

	.leftProposal.perfil {
		width: 200px;
	}

	.rightProposal.perfil {
		width: calc(100% - 245px);
	}
    .policy-status-label-inside {
        max-width: 80%;
        float: right;
    }
}

@media (min-width: 1200px) {
	.text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
		text-align: inherit;
	}

	.text-left-lg {
		text-align: left;
	}

	.text-center-lg {
		text-align: center;
	}

	.text-right-lg {
		text-align: right;
	}

	.text-justify-lg {
		text-align: justify;
	}

	.full-height-lg {
		height: 100%
	}

	.no-padding-lg-left {
		padding-left: 0;
	}

	.no-padding-lg-right {
		padding-right: 0;
	}

	.no-padding-lg {
		padding: 0;
	}

	.displayTableRow .checkbox {
		display: table-cell;
	}

	.leftProposal.perfil {
		width: 255px;
	}

	.rightProposal.perfil {
		width: calc(100% - 300px);
	}
    .policy-status-label-inside {
        max-width: 80%;
        float: right;
    }
}

/*todo optimizacao mobile*/
.navbar-default {
    position: fixed;
    top: 0;
    overflow-y: auto;
    height: 100%;
    overflow-x: hidden;
}

/*Messages*/

.container-fluid > a:first-child > .row.message-wrapper, .container-fluid > .row.message-wrapper:first-child, .container-fluid > .row.policy-content:first-child {
	border-top: 1px solid #ddd;
}

.message-hide {
	display: none;
}

.message-wrapper, .policy-content, .generalData-content {
	color: #555;
	padding: 14px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.message-content, .message-content > div:first-child,
.message-content, .message-content > div:last-child,
.message-content > a > div:first-child,
.message-content > a > div:last-child {
	padding: 0 !important;
	margin: 0 !important;
}

.message-wrapper:hover, .message-wrapper.unread:hover {
	cursor: pointer;
	background-color: #f7f7f7;
}

.message-wrapper.policy:hover {
	cursor: default;
}

.message-wrapper.unread {
	background-color: #e6e6e8;
}

.message-text-title {
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

.message-text-category, .message-text-content {
	font-size: 12px;
	line-height: 15px;
}

.message-actionstate {
	position: absolute;
	right: 15px;
	top: 24px;
}

.message-expense {
	margin: 5px 0;
}

.message-text-value {
	font-size: 14px;
}

.message-text-category, .message-text-content span {
	font-weight: bold;
}

.message-text-date {
	font-size: 9px;
}

.message-wrapper .label, .modal-header .label {
	font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	padding: 6px 12px;
}

	.modal-header .label.top.right {
		position: absolute;
		top: 15px;
		right: 15px;
	}

.modal {
	color: #555;
}



.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.nav-item.select {
	margin-left: 10px;
}


.message-wrapper a {
	color: #555;
}

.voffset {
	margin-top: 10px;
}

/*Filters*/

.clearfilter {
	display: none !important;
}

	.clearfilter.hasfilters {
		display: block !important;
	}

/* Policy */

.border-charge-policy {
	border: 1px solid #e6e6e8;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.policy-content {
	padding: 12px 20px;
}



.generalData-content .message-text-content .label-warning {
	font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 6px;
	margin-left: 10px;
}

.generalData-content {
	padding-top: 20px;
}

.label-successrefund {
	background-color: #5cb85c;
	color: #ffffff;
}


/* NEW CSS */

@font-face {
	font-family: "Varela Round";
	src: url('../fonts/HelveticaNeueLTPro-Bd.otf');
	src: url('../fonts/HelveticaNeueLTPro-Bd.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Varela Round";
	src: url('../fonts/HelveticaNeueLTPro-Lt.otf');
	src: url('../fonts/HelveticaNeueLTPro-Lt.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "HelveticaRegular";
	src: url('../fonts/HelveticaNeueLTPro-Roman.otf');
	src: url('../fonts/HelveticaNeueLTPro-Roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: "Varela Round";
}

#wrapper {
	background: url("../Images/bgLogo.jpg");
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
    height: 100%;
}

#wrapper-login {
	background: url("../Images/bgLogoLogin.jpg");
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
}

.wrapper-content {
	padding: 10px 50px 40px;
}

h1.title {
	font-family: 'Varela Round';
	font-size: 24px;
	padding: 0 25px;
}

.vcenter-label i.fa-chevron-right {
	margin-top: -4px;
	float: right;
}

.vcenter-label-line {
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 100%;
}

.vcenter-label-line i.fa-chevron-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.label {
	font-family: "Varela Round";
	font-size: 14px;
	padding: 8px 24px;
	text-align: center;
	border-radius: 5px;
	min-height: 33px;
}

button.label.bg-yellow:hover, input.label.bg-yellow:hover {
	/*background-color: #FFF;
    color: rgb(243, 182, 50);*/
	background-color: rgb(231, 231, 232);
}

button.label {
	box-shadow: none;
	border: none;
}

.margin-label {
	margin-right: 30px;
}

.margin-label-line {
    margin-right: 45px;
}

section .row.row-list {
	padding: 10px 25px;
	border-radius: 5px;
	margin-bottom: 15px;
}

section .row-list .title {
	font-family: 'Varela Round';
	font-size: 18px;
}

section .row-list .content {
	font-family: 'Varela Round';
	font-size: 13px;
	line-height: 18px;
}

section .row.row-list:hover {
	background-color: rgb(0, 96, 112);
	color: #FFF;
	cursor: pointer;
}

section .row.row-list.no-hover:hover {
	background-color: rgb(231, 231, 232);
	color: rgb(0, 96, 112);
	cursor: default;
}

section .row.row-list.no-hover.bg-transparent:hover {
	background-color: transparent;
	cursor: default;
}

section .row.row-list.no-hover.text-white:hover {
	color: #FFF;
}

section .row.row-list:hover .btn-questionaries, section .row.row-list:hover .label-receipt-warning {
    background-color: #FFF;
    color: rgb(0, 96, 112);
}

section .row.row-list.unclickable:hover {
	cursor: default;
}

.rowMessage {
	background-color: rgb(231, 231, 232);
}

	.rowMessage.messageRead {
		background-color: rgb(210, 211, 213);
	}

		.rowMessage.messageRead .noRead, #homeMessages .noRead {
			display: none;
		}
/* -- Btn -- */
.btn {
	font-family: "Varela Round";
	font-size: 13px;
	text-transform: uppercase;
	padding: 7px 24px;
	text-align: center;
	line-height: 17px;
}

.modal-footer .btn:hover, .content .btn:hover {
	color: rgb(0, 96, 112);
	background-color: rgb(231, 231, 232);
}

.btn-link:hover {
	color: rgb(0, 96, 112);
}

.btn.focus, .btn:focus, .btn:hover {
	color: #ffffff;
}

#resetButton:hover {
	text-decoration: underline;
	color: rgb(0, 96, 112);
}

a.forget-password:hover {
	text-decoration: underline;
	color: rgb(0, 96, 112);
}

/* END -- Btn -- END */

/* -- Modal -- */

.modal {
	text-align: center;
}

@media screen and (min-width: 768px) {
	.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	width: 700px;
}

.modal-content {
	border-radius: 15px;
}

.modal-header {
	padding: 31px;
	padding-bottom: 15px;
	border: none;
}

.modal-body {
	padding: 10px 31px;
}

.modal-footer {
	padding: 31px;
	padding-top: 20px;
	border: none;
}

.modal-header .title {
	font-family: "Varela Round";
	font-size: 22px;
}

.modal-header .content, .modal-body {
	font-family: 'Varela Round';
	font-size: 16px;
	line-height: 22px;
}

.modal-header .label.label-popup {
	line-height: 21px;
}

	.modal-header .label.label-popup.label-close {
		position: absolute;
		top: 15px;
		right: 15px;
		font-size: 35px;
		cursor: pointer;
	}

/* END -- Modal -- END */


/* Select */

select.form-control {
	font-family: "Varela Round";
	font-size: 13px;
	padding: 8px 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* Some browsers will not display the caret when using calc, so we put the fallback first */
	background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") rgb(231, 231, 232) no-repeat calc(100% - 20px) !important;
	text-align-last: center;
	border: none;
	border-radius: 5px;
}

/*For IE*/

select::-ms-expand {
	display: none;
}

select:active {
	border: none;
}

select option {
	padding: 10px
}

/* END -- Select -- END */

/* Margins & Padding */

.no-padding-right {
	padding-right: 0;
}

.no-padding-left {
	padding-left: 0;
}

.margin-top-header {
	margin-top: 68px;
}

.no-margin {
	margin: 0;
}

/* END -- Margins & Padding -- END */

/* Nav item */

.nav-tabs {
	border: none;
	margin-bottom: 10px;
}

.nav-item > a.nav-link {
    font-family: "Varela Round";
    font-size: 10px;
    border-radius: 5px;
    padding: 8px 15px;
    background-color: rgb(231, 231, 232);
    text-transform: uppercase;
    color: rgb(0, 96, 112);
    margin-right: 15px;
    margin-bottom: 10px;
    /*min-width: 165px;*/
    text-align: center;
}
    .nav-item > a.nav-link.no-margin-right {
        margin-right: 0;
    }

    .nav-tabs > .col-xs-3:first-child {
        padding-left: 0;
    }

.nav-item.active > a.nav-link, a.nav-link:hover {
	background-color: rgb(0, 96, 112) !important;
	color: #FFF !important;
}

/* END -- Nav item -- END */

/* NavBar Default */
/*todo Optimização mobile*/
.sidebar-collapse {
    height: 100%;
}
.navbar-default {
    width: 222px; /*todo optimizaçãomobile*/
    color: white;
    border-right: none;
}

@media (min-width: 768px) {
    #page-wrapper {
        margin-left: 222px; /*todo optimizaçãomobile*/
    }

	.nav.metismenu > li:not(:first-child) {
		margin: 5px 0 0 10px; /*todo optimizaçãomobile*/
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	.navbar-default .nav.metismenu li:not(.user) > a:hover, .navbar-default .nav.metismenu > li.active > a, .navbar-default .nav.metismenu li:not(.user) > a:focus {
		background-color: #FFF;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		font-family: "Varela Round";
		color: rgb(0, 96, 112);
	}

	.nav.metismenu > li > a {
		padding: 14px 20px 14px 15px;
	}

    /*todo optimizaçãomobile*/
    .nav.metismenu > li:last-child {
        width: calc(100% - 10px);
    }

        .nav.metismenu > li:last-child a {
            margin-left: 10px;
        }

        .nav .img-circle {
            border: 4px solid #FFF;
            width: 75px !important;
            height: 75px !important;
        }

	.mini-navbar .nav .img-circle {
		width: 50px !important;
		height: 50px !important;
	}

	.mini-navbar .nav.metismenu > li {
		margin: 5px 0 0 0;
		border-radius: 0;
	}

	.mini-navbar .navbar-default .nav.metismenu li:not(.user) > a:hover, .mini-navbar .navbar-default .nav.metismenu > li.active > a {
		border-radius: 0;
	}

    .mini-navbar .nav.metismenu > li:last-child {
		width: 100%;
	}

	.mini-navbar .nav.metismenu > li > a {
		padding: 14px 20px 14px 25px;
	}

	.mini-navbar .info-user {
		display: none !important;
	}

	.login-logo {
		background-position: left !important;
	}
}

.nav.metismenu > li.active {
	border: none;
}

.nav.metismenu > li > a {
	color: #FFF;
	font-family: "Varela Round";
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
}

.nav.metismenu > li:first-child {
	padding-top: 35px;
	margin-bottom: 18px;
}

/*todo optimização mobile */

.nav.metismenu.alignIcons {
    min-height: 100%;
    display: table;
    width: 100%;
}
.nav.metismenu > li:last-child {
    display: table-row; 
    height: 0;
    
}

/*
.nav.metismenu > li:last-child {
    position: absolute;
    bottom: 30px;
}*/

.nav.metismenu > li.user > a:hover, .nav.metismenu li.user a {
	padding: 0;
	background-color: transparent;
	color: #FFF;
}

.nav.metismenu > li > a:hover, .nav.metismenu > li.active > a, .nav.metismenu > li > a:focus {
	background-color: #FFF;
	color: rgb(0, 96, 112);
}

.nav.metismenu > li.user {
	padding-left: 10px;
	font-size: 13px;
}

	.nav.metismenu > li.user span {
		font-family: "Varela Round";
		font-size: 18px;
		width: 100px;
		display: block;
	}

.nav.metismenu > li .nav-label {
	padding-left: 5px;
}

.nav-header {
	padding: 0 0;
	background-color: transparent;
	border: none;
}

.nav.metismenu > li > a i.fa {
	font-size: 24px;
}

.nav.metismenu > li > a .badge {
	font-family: "Varela Round";
	font-size: 10px;
	position: absolute;
	top: 5px;
	left: 8px;
}

body.mini-navbar .navbar-default .nav li a span.badge {
	display: block;
}

.nav.metismenu .img-circle {
	border: 4px solid #FFF;
	width: 50px;
	height: 50px;
}

.nav.metismenu .info-user {
	padding-left: 10px;
}

/* END -- NavBar - Default -- END */

.btn-double-line {
	font-family: "Varela Round";
	font-size: 10px;
	line-height: 13px;
	border-radius: 5px;
	min-height: 33px;
	padding: 3px 24px;
	text-transform: none;
}

.btn-questionaries {
	font-family: "Varela Round";
	padding: 3px 20px 0 10px;
	margin-right: -10px;
	text-align: left;
	text-transform: uppercase;
}

.loginColumns {
	width: 100%;
	max-width: 100%;
	padding: 50px 20px 20px 20px;
}

.login-logo {
	background-position: center;
	height: 137px;
}

.login-title, .login-title-form {
	font-family: "Varela Round";
	font-size: 24px;
	text-transform: uppercase;
}

.login-subtitle {
	font-family: "Varela Round";
	font-size: 48px;
	line-height: 57px;
	text-transform: uppercase;
	margin-top: 28px;
}

.login-message {
	font-family: "Varela Round";
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
}

.login-title-form {
	margin-bottom: 24px;
}

.btn-login {
	font-family: "HelveticaRegular";
	font-size: 19px;
	padding: 7px 61px;
	border-radius: 8px;
}

.loginColumns input, .has-success .form-control, .qis textarea, .qis select, .qis input:not([type="submit"]) {
	border: 2px solid rgb(0, 96, 112);
	padding: 19px 25px;
	font-family: HelveticaRegular;
	font-size: 12px;
	border-radius: 8px;
	color: #000;
	box-shadow: none;
}

.qis select {
    padding: 11px 25px;
}

input.label.color-blue.bg-yellow.margin-label:empty {
	display: inline-block;
	border-width: 0;
}

.loginColumns .form-control:focus, .qis .form-control:focus {
	border: 2px solid rgb(0, 96, 112) !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
	text-transform: uppercase;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	text-transform: uppercase;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	text-transform: uppercase;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	text-transform: uppercase;
}

.notice-charge {
	float: left;
	font-size: 22px;
	padding: 19px 24px;
}

.notice-charge-label {
	height: 100%;
	margin-top: 5px;
	margin-right: 9px;
	float: left;
}

	.notice-charge-label i {
		font-size: 30px;
	}

.notice-charge-title {
	float: right;
	width: 100px;
	white-space: normal;
}

.notice-charge-description {
	padding: 20px;
}

/* WIZARD */

.leftProposal {
	z-index: 1;
	width: 110px;
	float: left;
}

.rightProposal {
	background-color: #FFF;
	margin-left: -32px;
	border: 2px solid rgb(0, 96, 112);
	border-radius: 5px;
	min-height: 500px;
	width: calc(100% - 110px);
	float: left;
}

	.rightProposal .contentDetail {
		margin: 30px 15px 15px 45px;
	}

.ibox-content {
	border-radius: 5px;
	padding: 15px 0 55px 20px;
}

.vertical-timeline-block {
	margin: 5px 0;
	min-height: 50px;
}

.vertical-timeline-content::before {
	content: '';
	position: absolute;
	top: 16px;
	right: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-right: 0;
}

a .vertical-timeline-content:hover::before, a .vertical-timeline-content.active::before {
	content: '';
	position: absolute;
	top: 16px;
	right: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-right: 7px solid #fff;
}

.dark-timeline .vertical-timeline-content:before {
	border-color: transparent #FFF transparent transparent !important;
}

.dark-timeline .vertical-timeline-content {
	background: transparent;
	color: #FFF;
	font-family: "Varela Round";
	font-size: 14px;
	border-radius: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	min-height: 50px;
}

.dark-timeline a .vertical-timeline-content:hover, .dark-timeline a .vertical-timeline-content.active {
	background: #FFF;
	color: rgb(0, 96, 112);
	font-family: "Varela Round";
}

.vertical-container {
	width: 100% !important;
	margin: 0 !important;
}

/* END -- WIZARD -- END */
textarea {
	resize: none;
}

.vertical-timeline-icon {
	border-color: #FFF;
}

	.vertical-timeline-icon.bg-blue:hover, .vertical-timeline-icon.bg-blue.active {
		background-color: #FFF;
		color: rgb(0, 96, 112);
	}

	.vertical-timeline-icon.bg-yellow:hover, .vertical-timeline-icon.bg-yellow.active {
		background-color: rgb(243, 182, 50);
		border-color: rgb(243, 182, 50);
		color: #fff;
	}

	.vertical-timeline-icon.bg-grey {
		border-color: rgb(231, 231, 232);
	}













.checkbox {
	padding-left: 30px;
}

	.checkbox label {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		padding-left: 5px;
		min-height: 35px;
	}

		.checkbox label .content {
			height: 100%;
			padding: 5px;
		}

		.checkbox label::before {
			content: "";
			display: inline-block;
			position: absolute;
			width: 30px; /*41*/
			height: 30px;
			left: 0;
			margin-left: -30px;
			border-radius: 8px;
			background-color: #fff;
			-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
			-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
			transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
			border: 2px solid rgb(0, 96, 112);
		}

		.checkbox label::after {
			display: inline-block;
			position: absolute;
			width: 25px; /*37*/
			height: 25px;
			left: -9px;
			top: 1px;
			margin-left: -20px;
			padding-left: 4px;
			font-size: 20px;
			color: rgb(0, 96, 112);
		}

	.checkbox input[type="checkbox"],
	.checkbox input[type="radio"] {
		opacity: 0;
		z-index: 1;
	}

		.checkbox input[type="checkbox"]:focus + label::before,
		.checkbox input[type="radio"]:focus + label::before {
			outline: thin dotted;
			outline: 0;
			outline-offset: -2px;
		}

		.checkbox input[type="checkbox"]:checked + label::after,
		.checkbox input[type="radio"]:checked + label::after {
			font-family: "FontAwesome";
			content: "\f00c";
		}

		.checkbox input[type="checkbox"]:disabled + label,
		.checkbox input[type="radio"]:disabled + label {
			opacity: 0.65;
		}

			.checkbox input[type="checkbox"]:disabled + label::before,
			.checkbox input[type="radio"]:disabled + label::before {
				background-color: #eeeeee;
				cursor: not-allowed;
			}

	.checkbox.checkbox-circle label::before {
		border-radius: 50%;
	}

	.checkbox.checkbox-inline {
		margin-top: 0;
		margin-left: 0;
		margin-right: 10px;
	}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
	background-color: #337ab7;
	border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
	background-color: #d9534f;
	border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
	background-color: #5bc0de;
	border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
	background-color: #5cb85c;
	border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox.checkbox-sm label::before {
	width: 30px;
	height: 30px;
	top: -13px;
}

.checkbox.checkbox-sm label::after {
	width: 30px;
	height: 30px;
	padding-left: 4px;
	font-size: 20px;
	left: 1px;
	top: -13px;
}

.checkbox.checkbox-sm label {
	padding-left: 18px;
	top: 13px;
}

.checkbox.checkbox-md label::before {
	width: 34px;
	height: 34px;
	top: -17px;
}

.checkbox.checkbox-md label::after {
	width: 34px;
	height: 34px;
	padding-left: 4px;
	font-size: 24px;
	left: 1px;
	top: -18px;
}

.checkbox.checkbox-md label {
	padding-left: 22px;
	top: 17px;
}

.checkbox.checkbox-lg label::before {
	width: 46px;
	height: 46px;
	top: -28px;
}

.checkbox.checkbox-lg label::after {
	width: 46px;
	height: 46px;
	padding-left: 4px;
	font-size: 36px;
	left: 1px;
	top: -31px;
}

.checkbox.checkbox-lg label {
	padding-left: 34px;
	top: 32px;
}

.radio {
	padding-left: 20px;
}

	.radio label {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		padding-left: 5px;
	}

		.radio label::before {
			content: "";
			display: inline-block;
			position: absolute;
			width: 17px;
			height: 17px;
			left: 0;
			margin-left: -20px;
			border: 1px solid #cccccc;
			border-radius: 50%;
			background-color: #fff;
			-webkit-transition: border 0.15s ease-in-out;
			-o-transition: border 0.15s ease-in-out;
			transition: border 0.15s ease-in-out;
		}

		.radio label::after {
			display: inline-block;
			position: absolute;
			content: " ";
			width: 11px;
			height: 11px;
			left: 3px;
			top: 3px;
			margin-left: -20px;
			border-radius: 50%;
			background-color: #555555;
			-webkit-transform: scale(0, 0);
			-ms-transform: scale(0, 0);
			-o-transform: scale(0, 0);
			transform: scale(0, 0);
			-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
			-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
			-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
			transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
		}

	.radio input[type="radio"] {
		opacity: 0;
		z-index: 1;
	}

		.radio input[type="radio"]:focus + label::before {
			outline: thin dotted;
			outline: 5px auto -webkit-focus-ring-color;
			outline-offset: -2px;
		}

		.radio input[type="radio"]:checked + label::after {
			-webkit-transform: scale(1, 1);
			-ms-transform: scale(1, 1);
			-o-transform: scale(1, 1);
			transform: scale(1, 1);
		}

		.radio input[type="radio"]:disabled + label {
			opacity: 0.65;
		}

			.radio input[type="radio"]:disabled + label::before {
				cursor: not-allowed;
			}

	.radio.radio-inline {
		margin-top: 0;
	}

.radio-primary input[type="radio"] + label::after {
	background-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::before {
	border-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::after {
	background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
	background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
	border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
	background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
	background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
	border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
	background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
	background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
	border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
	background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
	background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
	border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
	background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
	font-family: 'FontAwesome';
	content: "\f00c";
}

input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
	color: #fff;
}

input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
	color: #fff;
}

.radio.radio-sm label::before {
	width: 30px;
	height: 30px;
	top: -13px;
}

.radio.radio-sm label::after {
	width: 22px;
	height: 22px;
	padding-left: 4px;
	font-size: 20px;
	left: 4px;
	top: -9px;
}

.radio.radio-sm label {
	padding-left: 18px;
	top: 13px;
}

.radio.radio-md label::before {
	width: 34px;
	height: 34px;
	top: -17px;
}

.radio.radio-md label::after {
	width: 26px;
	height: 26px;
	padding-left: 4px;
	font-size: 24px;
	left: 4px;
	top: -13px;
}

.radio.radio-md label {
	padding-left: 22px;
	top: 17px;
}

.radio.radio-lg label::before {
	width: 46px;
	height: 46px;
	top: -28px;
}

.radio.radio-lg label::after {
	width: 36px;
	height: 36px;
	padding-left: 4px;
	font-size: 36px;
	left: 5px;
	top: -23px;
}

.radio.radio-lg label {
	padding-left: 34px;
	top: 32px;
}

.displayTable {
	display: table;
	width: 100%;
}

.displayTableRow {
	display: table-row;
}

	.displayTableRow .checkbox {
		margin-top: 5px;
		margin-bottom: 0;
	}

.k-messages-success {
	background-color: rgb(46, 140, 147);
	color: #FFF;
	font-family: "Varela Round";
}

.k-messages-error {
	background-color: #2E89B2;
	color: #fff;
	font-family: "Varela Round";
}

.alert-info, .alert-danger {
	border-color: transparent;
}

.form-horizontal.qis .control-label {
	text-align: left;
}

.qis .form-group label {
	color: rgb(0, 96, 112);
}

.rightProposal .img-circle {
	border: 4px solid rgb(0, 96, 112);
}

.leftProposal .nav > li.active {
	border-left: 0;
	background: transparent;
}

.img-text {
	font-family: "Varela Round";
	font-size: 12px;
}

	.img-responsive:hover .img-hover-content {
		opacity: 1;
        cursor: pointer;
	}

.img-hover-content {
    position: absolute;
    bottom: -5px;
    left: 15px;
    height: 50%;
    width: 100px;
    opacity: 0;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

	.img-hover-content i {
		z-index: 8;
		position: absolute;
		left: calc(50% - 12.5px);
		top: 7px;
	}

	.img-hover-content .bg-img {
		width: 100%;
		height: 100%;
		background: #FFF;
		opacity: 0.5;
		position: absolute;
		top: 0;
		z-index: 0;
	}

.leftProposal.perfil .ibox-content {
	z-index: 30;
	float: left;
	position: relative;
	padding: 30px 0 30px 0;
}

	.leftProposal.perfil .ibox-content li:first-child {
		margin-bottom: 5px;
	}

	.leftProposal.perfil .ibox-content .nav-pills > li > a {
		border-radius: 0;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	.leftProposal.perfil .ibox-content li i {
		font-size: 15px;
	}

	.leftProposal.perfil .ibox-content li.active > a, .leftProposal.perfil .ibox-content .vertical-timeline-content:hover {
		background-color: #FFF;
		color: rgb(0, 96, 112);
	}

	.leftProposal.perfil .ibox-content .vertical-timeline-content {
		color: #FFF;
	}

.btn-upload {
	padding: 12px 24px;
	line-height: 16px;
}

.receipt-warning .text-primary {
	width: 45px;
	white-space: normal;
}

#cookieConsent {
	position: fixed;
	z-index: 9999;
	left: 10px;
	top: 10px;
	right: 10px;
	background-color: rgb(231, 231, 232);
	color: #000;
	padding-right: 0;
	border: 1px solid rgb(0, 96, 112);
}

	#cookieConsent button {
		border: 1px solid rgb(0, 96, 112);
		background-color: rgb(0, 96, 112);
		opacity: 1;
		color: #fff;
		padding: 0 20px;
		text-shadow: none;
		font-weight: 400;
		float: none;
		position: absolute;
		top: -1px;
		right: -1px;
		bottom: -1px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

		#cookieConsent button:hover {
			background-color: #fff;
			color: rgb(0, 96, 112);
		}

.gdpr-section {
	padding: 15px;
}

	.gdpr-section h1 {
		margin-top: 0;
	}

	.gdpr-section ol {
		padding-left: 0;
		counter-reset: item;
		padding-top: 15px;
	}

.gdpr-section li {
	display: block;
}
.gdpr-section ol li:before {
	content: counters(item, ".") ". ";
	counter-increment: item;
	font-weight: bold;
	font-size: 18px;
	padding-right: 13px;
}

	.gdpr-section ol[type='a'] {
		counter-reset: listStyle;
		counter-reset: item;
	}

.gdpr-section ol[type='a'] li {
	counter-increment: listStyle;
}

	.gdpr-section ol[type='a'] li:before {
		content: counter(listStyle, lower-alpha) ")";
	}

.gdpr-section li ol li {
	display: table;
	margin-top: 10px;
}

	.gdpr-section li ol li:before {
		font-size: 13px;
		display: table-cell;
		padding-right: 10px;
	}


.gdpr-section ol > li {
	margin-top: 15px;
}

.gdpr-section ol > li:first-child {
	margin-top: 0;
}

.gdpr-section .gpdr-contacts {
	margin-left: 50px;
	margin-top: 5px;
}

.gdpr-section table {
	margin-bottom: 0;
}

.gdpr-section table th {
	text-align: center;
}

.gdpr-section li ol li>div {
	display: table-cell;
}

.gdpr-section li h2 {
	padding: 0;
	margin: 0;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
}

	.gdpr-section li h3 {
		padding: 0;
		margin: 0;
		display: inline-block;
		font-size: 13px;
		font-weight: bold;
		padding-bottom: 10px;
	}

.gdpr-marketing-authorization {
	padding-left: 30px;
}

.gpdr-marketing-options, .gpdr-profile-options {
    margin-left: 30px;
}

.tab-pane .gdpr-section {
	padding: 0;
}

#side-menu li.descendants {
	margin-bottom: 30px;
	padding-right: 10px;
}

	#side-menu li.descendants button {
		width: 100%;
		color: rgb(0, 96, 112);
	}

#side-menu li a i {
    vertical-align: middle;
    width: 38px;
    text-align: center;
}

body.mini-navbar .descendants {
	display: none;
}

.policy-status-label {
    border: 1px solid transparent;
}

.policy-status-label-inside {
    display: block;
    word-wrap: break-word;
    white-space: normal;
    text-align: left;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.policy-header .policy-status-label {
	position: relative;
	top: -3px;
}

.policy-status-label[data-stateid='3'] {
	background-color: rgb(0, 96, 112);
	border-color: rgb(0, 96, 112);
	color: #fff;
}

.policy-status-label[data-stateid='0'],
.policy-status-label[data-stateid='5'],
.policy-status-label[data-stateid='8'],
.policy-status-label[data-stateid='9'],
.policy-status-label[data-stateid='10'],
.policy-status-label[data-stateid='11'],
.policy-status-label[data-stateid='12'],
.policy-status-label[data-stateid='13'],
.policy-status-label[data-stateid='14'],
.policy-status-label[data-stateid='16'] {
	background-color: rgb(243, 182, 50);
	border-color: rgb(243, 182, 50);
	color: rgb(0, 96, 112);
}

.policy-status-label[data-stateid='1'],
.policy-status-label[data-stateid='2'],
.policy-status-label[data-stateid='4'],
.policy-status-label[data-stateid='6'],
.policy-status-label[data-stateid='7'],
.policy-status-label[data-stateid='15'],
.policy-status-label[data-stateid='17'] {
	background-color: rgb(187, 11, 36);
	border-color: rgb(187, 11, 36);
	color: #fff;
}

#policyList .row:hover .policy-status-label[data-stateid='3'] {
	border-color: rgb(231, 231, 232);
}

.policy-holder-norefunds-warnings {
	display: inline-block;
}

.gpdr-marketing-options .checkbox.has-error label:before, .gpdr-profile-options .checkbox.has-error label:before {
    border-color: #a00202;
}

.gpdr-marketing-options span.help-block, .gpdr-profile-options span.help-block {
    color: #a00202;
}

.full-modal {
    width: 95%;
}

.modal-body.qisPopup {
    position: relative;
    overflow-y: auto;
    padding: 15px;
    max-height: 550px;
}

#beneficiaries hr {
	width: 100%;
	border-top: 1px solid rgb(0, 96, 112);
    margin-top: 20px;
}

.dependents:hover {
	color: white;
	background-color: rgb(0, 96, 112);
    cursor: pointer;
}
