:root{
    --dark-blue: #3357f9;
    --dark-blue-two: #333c68;
    --blue: #3387ff;
    --gray-one: #f9f9f9;
    --gray-two: #e6e6e6;
    --gray-tree: #cccccc;
    --gray-four: #3c3c3b;
    --orange-primary: #f98638;
    --orange-secondary: #ffb776;
    --purple-primary: #ba80f4;
    --purple-secondary: #d6b6f3;
    --red-primary: #ed6e68;
    --red-secondary: #6c0500;
    --green-primary: #5fbaa8;
    --control-border-radius: 20px;
    --modules-btn-height: calc((100vw / 12 - 45px)); /*calc((100vw / 12 - 30px));*/
    --modules-btn-width: calc((100vw / 12 - 23px)); /*calc(100vw / 12 - 10px);*/
    --modules-btn-max-height: 11vh;
    --modules-btn-max-width: 13vh;
    --top-bar-height: 6vh;
    --modules-padding-top-bottom: 3vh;
    --footer-height: 5vh;
    --modal-placeholder-color: #6e6e6e;
}

@font-face {
    font-family: 'Kumbh Sans';
    src: url('../fonts/kumbh-sans/KumbhSans-Regular.ttf'),
    url('../fonts/kumbh-sans/KumbhSans-Medium.ttf'),
    url('../fonts/kumbh-sans/KumbhSans-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

body, html{
    background: #FFF;
}
body, html, *{
    font-family: 'Kumbh Sans', sans-serif;
}
input, select, legend,
.navigation>li>a,
.stats li span, h1, h2, h3, h4, h5, h6,
.modal-footer .info span, .table thead tr th,
.table-footer .info span, ::placeholder{
    font-family: 'Kumbh Sans', sans-serif;
}

form {
  margin-bottom: 0px;
}

table thead {
  position: sticky;
  top: 0;
}

.container-fluid,
.page-container{
  padding: 0 25px !important;
}

.page-container {
  height: calc(100% - var(--modules-btn-height) - 160px)!important;
}

.tab-content {
  height: calc(100% - 50px);
}

.footer {
  height: var(--footer-height);
  padding: 0px 25px!important;
  justify-content: space-between;
  align-items: center;
}

.footer i.logo-footer{
  background-image: url(../images/logos/logo_health.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: left;
  width: 100%;
  height: 60%;
}

.footer img{
  position: inherit;
  height: 55%;
  width: auto;
  right: 0;
}

.table tbody a.capitalize,
.capitalize{
    text-transform: capitalize!important;
}

.text-controls-lowercase input {
  text-transform: none!important;
}

.text-no-transform{
  text-transform: none!important;
}

.border-hidden{
    border: 0px!important;
}

.flex-row-reverse {
    display: flex;
    flex-direction: row-reverse;
}

.header-radius{
    border-radius: 6px 6px 0px 0px!important;
    border: 0!important;
}

.dual-input .form-group .col-sm-6 > div:only-child,
.form-group.width-100 [class*=col-]:only-child {
  width: 100%;
}

form input:focus,
form select:focus {
  border: 1px solid var(--gray-tree)!important;
}

.vertical-flex {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.vertical-flex .flex-all-auto {
  flex-basis: 100%;
}

.height-auto{
  height: auto!important;
}

.font-smaller{
  font-size: 10px;
  color: #000;
}

.mb15 {
  margin-bottom: 15px;
}

.mb10 {
  margin-bottom: 10px;
}

.r45 {
  right: 45px!important;
}

.top-right-position{
  position: absolute;
  top: 0;
  right: 0;
}

.bg-gray-2{
  background-color: var(--gray-two)!important;
}

.mxw70{
  max-width: 70px;
}

.ml-9{
  margin-left: 9px!important;
}

.h-30{
  height: 30%!important;
}
.mw-850{
  width: 100%!important;
  max-width: 850px!important;
}

.min-height-410{
  min-height: 410px!important;
}

/*#region componentes*/

.table>tbody>tr>td,
.table>thead>tr>td {
  padding: 4px 12px !important;
  font-size: 12px;
}

.modal .tab-pane .table-all-height .table-responsive,
.form-horizontal .tabbable .display-flex-stretch .display-contents .table-all-height .table-responsive{
  min-height: 120px!important;
}

.form-horizontal .tabbable .display-flex-stretch .form-modal+.form-modal {
  margin-top: 10px !important;
  padding-top: 0px !important;
}

.form-control {
  color: #000;
  padding: 6px 12px;
}

.form-control:not(:first-child) {
  padding-left: 0px;
}

.form-horizontal .form-group.flex-wrap .custom-checkbox-box,
.form-horizontal .form-group.flex-wrap .radio-custom-container {
  padding: 0px 2px!important;
}

.form-horizontal .form-group.flex-nowrap .custom-checkbox-box,
.form-horizontal .form-group.flex-nowrap .radio-custom-container {
  flex-basis: 100%;
}

.form-horizontal .form-group.flex-nowrap .custom-checkbox-box label,
.form-horizontal .form-group.flex-nowrap .radio-custom-container label {
  height: 38px;
}

.form-horizontal .form-group.flex-nowrap .custom-checkbox-box:hover label,
.form-horizontal .form-group.flex-nowrap .radio-custom-container:hover label {
  background-color: var(--gray-four)!important;
  color: white;
}

.form-horizontal .form-group.flex-wrap .custom-checkbox-box:first-of-type,
.form-horizontal .form-group.flex-wrap .radio-custom-container:first-of-type {
  padding-left: 0px;
}

.form-horizontal .form-group.flex-wrap .custom-checkbox-box:last-of-type,
.form-horizontal .form-group.flex-wrap .radio-custom-container:last-of-type {
  padding-right: 0px!important;
}

.flex-nowrap{
  flex-wrap: nowrap;
}

.selectize-control.single .selectize-input.has-options.has-items.dropdown-active {
  background-color: rgba(230, 230, 230, .4) !important;
}

.selectize-control.multi .selectize-input.input-active.dropdown-active,
.selectize-control.single .selectize-input.input-active,
.selectize-input.focus {
    border: 1px solid var(--gray-four) !important;
    background-color: rgba(230, 230, 230, .4) !important;
    color: var(--gray-four);
}

/* INICIO AJUSTES DE SELECTIZE */

/* Estilos para capitalizar texto */
.form-group .input-group input::placeholder , .form-group .input-group .selectize-control .selectize-input input::placeholder {
  text-transform: capitalize !important;
}

/* Agregar flecha a selectores de multiple opcion */
.selectize-control.multi .selectize-input::after{
  content: '\f107';
  font-family: FontAwesome;
  color: #ccc;
  font-size: 16px;
  font-weight: 400;
  display: block;
  position: absolute;
  right: 23px;
  margin-top: -8px;
  width: 0;
  height: 0;
  top: 45%
}

/* Remueve la scrollbar de los selectize */
.selectize-input::-webkit-scrollbar
{
  display: none;
}

/* Estilos para que las opciones de los selectize multiples no desborden su contenedor*/
.selectize-control.multi .selectize-input {
  display: flex;
  flex-wrap:wrap;
}

.selectize-control.multi .selectize-input input, .selectize-control.multi .selectize-input div {
  height: 90% !important;
}

/* FIN AJUSTES DE SELECTIZE */

.item-block[rider-item],
.item-block[optional-coverage-item] {
  display: flex;
  flex-direction: column-reverse;
  background-color: var(--gray-two);
  padding: 4px 10px;
  border-radius: var(--control-border-radius);
  align-items: center;
  font-weight: 400;
  flex-direction: row;
}

.item-block[rider-item] .custom-checkbox-box,
.item-block[optional-coverage-item] .custom-checkbox-box {
  margin-top: 0px;
}

.item-block[rider-item] .custom-checkbox-label,
.item-block[optional-coverage-item] .custom-checkbox-label {
  padding: 0px 10px;
  height: 25px;
}

.v4 button:not(.close),
.v4 .btn,
.btn-v4{
    border-radius: var(--control-border-radius)!important;
    padding: 6px 12px!important;
    text-align: center;
    height:35px;
}

.btn-default-v4 {
    border: 1px solid var(--gray-tree);
    background-color: transparent;
    color: var(--gray-four);
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase!important;
    letter-spacing: 1.5pt!important;
    font-size: 10px!important;
    font-weight: 600!important;
}

.btn-default-v4:hover,
.btn-default:hover{
  background-color: var(--gray-tree)!important;
}

.btn-gray-v4 {
    border: 1px solid var(--gray-four)!important;
    background-color: var(--gray-two)!important;
    color: var(--gray-four)!important;
}

.v4 .filter-btn-block button[type="reset"]{
  border: 1px solid var(--red-primary)!important;
  background-color: transparent!important;
  color: var(--gray-four)!important;
  cursor: pointer!important;
}

.v4 .filter-btn-block button[type="reset"]:hover{
  font-weight: 600;
}

.v4 .filter-btn-block button[type="submit"]{
  border: 1px solid var(--green-primary)!important;
  background-color: transparent!important;
  color: var(--gray-four)!important;
  cursor: pointer!important;
}

.v4 .filter-btn-block button[type="submit"]:hover,
button.advanced:hover{
  font-weight: 600;
}

.btn-danger-v4 {
    border: 1px solid var(--red-primary)!important;
    background-color: var(--red-primary)!important;
    color: var(--gray-one)!important;
}

.btn-danger-v4:hover {
    background-color: var(--gray-one)!important;
    color: var(--red-primary)!important;
    cursor: pointer!important;
}

.btn-success-v4 {
    border: 1px solid var(--green-primary)!important;
    background-color: var(--green-primary)!important;
    color: var(--gray-one)!important;
}

.btn-success-v4:hover {
    background-color: var(--gray-one)!important;
    color: var(--gray-four)!important;
    cursor: pointer;
}

.btn-orange-v4 {
    border: 1px solid var(--orange-primary)!important;
    background-color: var(--orange-primary)!important;
    color: var(--gray-one);
}

.btn-orange-v4:hover {
    border: 1px solid var(--orange-secondary)!important;
    background-color: var(--orange-secondary)!important;
    color: var(--gray-one);
}

.btn-info-v4 {
  border: 1px solid var(--gray-four)!important;
  background-color: var(--gray-four)!important;
  color: var(--gray-one);
}

.btn-info-v4:hover {
  border: 1px solid var(--gray-four)!important;
  background-color: var(--gray-one)!important;
  color: var(--gray-four);
}

.btn-blue-v4 {
    border: 1px solid var(--dark-blue)!important;
    background-color: var(--dark-blue)!important;
    color: var(--gray-one);
}

.btn-blue-v4:hover {
    border: 1px solid var(--blue)!important;
    background-color: var(--blue)!important;
    color: var(--gray-one);
}

.btn-light-gray-v4 {
    border: 1px solid var(--gray-tree)!important;
    background-color: var(--gray-tree)!important;
    color: var(--gray-one);
}

.btn-light-gray-v4:hover {
    border: 1px solid var(--gray-two)!important;
    background-color: var(--gray-two)!important;
    color: var(--gray-one);
}

.btn-dark-gray-v4 {
    border: 1px solid var(--gray-four)!important;
    background-color: var(--gray-four)!important;
    color: var(--gray-one);
}

.btn-dark-gray-v4:hover {
    border: 1px solid var(--gray-four)!important;
    background-color: var(--gray-one)!important;
    color: var(--gray-four);
}

.input-v4-style {
  border: 1px solid var(--gray-two);
  border-radius: var(--control-border-radius);
  padding: 3px 12px;
}

input[type="radio"] {
  width: 20px;
  accent-color: var(--gray-four);
}

.checkbox-inline-container,
.radio-inline-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.checkbox-inline-container > .checkbox-inline,
.radio-inline-container > .radio-inline{
  flex-basis: 100%;
  display: flex;
  justify-content: flex-end;
}

label.checkbox-inline {
  font-weight: 400;
}

.label-inline{
  margin-bottom: 5px;
}

.label-inline label.control-label {
  display: flex;
  justify-content: end;
  font-size: 12px!important;
  padding: 0px 10px 0px 10px!important;
}

.label-inline-2 label.control-label {
  display: flex;
  justify-content: start;
  font-size: 12px!important;
  padding: 0px 10px 0px 5px!important;
}

.form-group .col-sm-5 {
  padding-left: 0px!important;
}

.v4 .form-group .input-group > span.input-group-addon {
  min-width: 26px!important;
  border-radius: var(--control-border-radius)!important;
  border: 0;
  background-color: var(--gray-one)!important;
  padding: 2px!important;
}

.v4 .form-group .input-group span.input-group-addon i[class*=icon-] {
  margin-right: 0px!important;
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
}

.v4 .form-box .input-group .form-control,
.v4 .form-box .input-group .selectize-control,
.v4 .form-group .input-group:only-child:not([class*="col-"]),
.v4 .form-group .input-group input:only-child:not([class*="col-"]) {
    width: 100%!important;
    max-width: 100%!important;
}

.v4 .form-group .input-group > input.form-control,
.v4 .form-group .input-group > input:only-child
{
    border-radius: var(--control-border-radius);
    border: 1px solid var(--gray-two)!important;
    background-color: transparent;
}

.v4 .form-group .input-group > input.form-control:not(:first-child) {
    --br: var(--control-border-radius);
    border-radius: 0px var(--br) var(--br) 0px ;
    border-left: 0px!important;
}

.v4 .form-group .input-group > input.form-control:not(:last-child) {
    --br: var(--control-border-radius);
    border-radius: var(--br) 0 0 var(--br) ;
    border-right: 0px!important;
}
.v4 .form-group .input-group > input.form-control:not(:first-child):not(:last-child){
    border-radius: 0px;
    border-left: 0px!important;
    border-right: 0px!important;
}

.v4 .form-group .input-group > input.form-control[disabled],
.v4 .form-group .input-group > input.form-control[readonly],
.v4 .form-group .input-group > a input.form-control[readonly]
{
    background-color: var(--gray-two)!important;
}

.v4 .form-group .input-group > span:first-child.input-group-addon {
    /*Primer span addon*/
    border-radius: var(--control-border-radius) 0 0 var(--control-border-radius)!important;
    border: 1px solid var(--gray-two)!important;
    border-right: 0!important;
    background: transparent;
    background-color: #eaeaea!important;
    /*padding-left: 10px!important;*/
}

.v4 .form-group .input-group > span:last-child.input-group-addon {
    /*Ultimo span addon*/
    border-radius: 0 var(--control-border-radius) var(--control-border-radius) 0!important;
    border: 1px solid var(--gray-two)!important;
    border-left: 0!important;
    background: transparent;
    /*padding-right: 10px!important;*/
}
.v4 .form-group .input-group > span:not(:last-child):not(:first-child).input-group-addon {
    /*span addon intermedio*/
    border-radius: 0!important;
    border-left: 0!important;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 0!important;
    border-color: var(--gray-two)!important;
}

.v4 .form-group .input-group > .input-group-checkbox {
    border: 1px solid var(--gray-two);
}

.form-group.round-input input{
  border-radius: var(--control-border-radius)!important;
}

.v4 .selectize-input {
    border-radius: var(--control-border-radius)!important;
    border-color: var(--gray-two);
    background-color: var(--gray-one);
}

.v4 .selectize-input.items.locked,
.v4 .selectize-input.items.locked input{
    background-color: var(--gray-two)!important;
}

.v4 textarea {
    border-radius: 6px!important;
    border-color: var(--gray-two);
}

.mt10{
    margin-top: 10px!important;
}

.mt20{
    margin-top: 20px!important;
}

.controls-gray .form-group .input-group input,
.controls-gray .selectize-input,
.controls-gray .selectize-control.single .selectize-input.has-options.has-items.dropdown-active,
.controls-gray .selectize-control.multi .selectize-input.input-active.dropdown-active,
.controls-gray .selectize-control.single .selectize-input.input-active,
.controls-gray .selectize-input.focus{
    border: 1px solid var(--gray-two)!important;
    background-color: var(--gray-two);
}

.controls-gray .form-group .input-group a.btn.btn-default{
    background-color: var(--gray-two)!important;
    border: 1px solid transparent;
}

.controls-gray .form-group .input-group a.btn.btn-default img{
    width: 25px;
    height: 25px;
}

.controls-gray .form-group .input-group{
    border-radius: var(--control-border-radius)!important;
    background-color: var(--gray-two)!important;
}

.controls-gray .form-group .input-group > span.input-group-addon {
  background-color: var(--gray-two)!important;
}

.controls-gray .form-group .input-group > span,
.controls-gray .form-group .input-group > input,
.controls-gray .form-group .input-group > label {
  background-color: transparent!important;
  border: 0px!important;
}

.controls-gray input:-webkit-autofill,
.controls-gray input:-webkit-autofill:hover,
.controls-gray input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px var(--gray-two) inset;
}

.v4 .form-group.has-error .input-group > input.form-control,
.v4 .form-group.has-error .input-group > input:only-child,
.has-error .input-group .form-control,
.has-error .input-group .uploader,
.controls-gray .has-error .input-group,
.has-error .selectize-control .selectize-input{
  border: 1px solid var(--red-primary)!important;
  border-radius: 25px;
}


.controls-white .form-group .input-group a.btn.btn-default{
    background-color: #f9f9f9!important;
    border: 0px solid transparent;
}

.controls-white .form-group .input-group a.btn.btn-default img{
    width: 25px;
    height: 25px;
}

.controls-white .form-group .input-group{
    border-radius: var(--control-border-radius)!important;
    background-color: #f9f9f9!important;
}

.controls-white .form-group .input-group > span.input-group-addon {
  background-color: #f9f9f9!important;
}

.controls-white .form-group .input-group > span,
.controls-white .form-group .input-group > input,
.controls-white .form-group .input-group > label {
  background-color: transparent!important;
  border: 0px!important;
}

.controls-white input:-webkit-autofill,
.controls-white input:-webkit-autofill:hover,
.controls-white input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #f9f9f9 inset;
}

.v4 .form-group.has-error .input-group > input.form-control,
.v4 .form-group.has-error .input-group > input:only-child,
.has-error .input-group .form-control,
.has-error .input-group .uploader,
.controls-white .has-error .input-group,
.has-error .selectize-control .selectize-input{
  border: 1px solid var(--red-primary)!important;
  border-radius: 25px;
}


.btn-success-v4.btn-green-disabled {
    cursor: no-drop;
    opacity: 0.7;
}

.btn-success-v4.btn-green-disabled:hover {
    cursor: no-drop;
    opacity: 0.7;
    background-color: var(--green-primary)!important;
    color: var(--gray-one)!important;
}

div#subsection.tab-section {
    background-color: #FFF;
}

.tab-section .form-tab{
  padding: 20px 20px 0px;
}

/* Comienzo de sección de Reportes */

.tab-section #header-section #filters-section.form-tab.report-filter .form-group{
  margin-bottom: 0px!important;
  height: 27px;
}

.tab-section .form-tab.report-filter .filter-btn-block li .btn {
  padding: 3px 10px!important;
  /*height: 27px!important;*/
  border: 1px solid var(--green-primary)!important;
}

.tab-section #header-section.tab-title{
  padding: 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  clear: both;
  height: 45px!important;
}

.tab-section #header-section.tab-title .form-tab{
  padding: 0px;
}

.tab-section .form-tab.report-filter .selectize-input {
  padding: 3px 12px;
  min-height: 27px!important;
  /*height: 27px!important;*/
}

/* Fin de sección de Reportes */

.tab-section .table-list-container{
  padding: 0px 20px!important;
}

.modal .modal-container .table-list-container{
  padding: unset!important;
}

form[core-form='filter'] .selectize-input{
  background-color: transparent;
  border: 1px solid var(--gray-tree);
}

form[core-form='filter'] ::placeholder{
  color: var(--gray-four);
}

table.table.v4 thead, table.table.v4 thead th {
    background-color: var(--gray-two)!important;
}

table.v4 > thead > tr > th:first-child {
    border-radius: 8px 0px 0px 0px;
}

table.v4 > thead > tr > th:last-child {
    border-radius: 0px 8px 0px 0px;
}

table.v4 > thead {
    border-radius: 8px 8px 0 0;
}
/*#endregion*/


/*#region scrollbar*/

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

::-webkit-scrollbar:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-thumb:vertical {
    background: rgba(150, 150, 150, 0.75);
    border-radius: 100px;
    background-clip: padding-box;
    border: 2px solid transparent;
    min-height: 10px;
}

::-webkit-scrollbar-thumb:horizontal {
    background: rgba(150, 150, 150, 0.75);
    border-radius: 100px;
    background-clip: padding-box;
    border: 2px solid transparent;
    min-width: 10px;
}
/*#endregion*/

/*#region loginv4*/

.login-wrapper {
    width: 400px;
}

.form-login {
    background-color: transparent;
    border-color: transparent;
}

.col-sm-12.text-center.logotype-login.client {
  height: 180px;
  margin-bottom: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.modal.fade.work.login-modal.in form[name='userbundle_user'] {
    padding: 0px 5px;
    margin-bottom: 0px;
}

.modal.fade.work.login-modal.in .modal-dialog {
    background: var(--gray-one);
    border-radius: 6px;
    width: 420px;
    display: table;
    padding: 15px;
}

.modal.fade.work.login-modal.in .modal-dialog .logotype-login.adminseg {
    background: var(--gray-one);
    border-radius: 0px 0px 6px 6px;
}

.form-login .panel-title.d-flex{
  justify-content: space-between;
}

.form-login input,
.form-login .form-actions,
.form-login ::placeholder {
    color: var(--gray-four);
    letter-spacing: 1pt;
    font-family: 'Kumbh Sans', sans-serif;
}

.form-login .panel-heading {
    padding: 0px 8px;
    letter-spacing: 1pt;
}

.form-login .panel-body {
    padding: 10px 0px;
    width: 100%;
}

.form-login .panel-heading,
.form-login .panel-heading .panel-title .navbar-header .navbar-nav li > div a {
    background-color: var(--gray-four)!important;
}

.form-login .panel-title .navbar-header {
    float: right;
    width: auto;
    border: 0px!important;
    color: var(--gray-one);
    background-color: var(--gray-four);
    text-transform: uppercase;
}

.form-login .panel-title .navbar-header .dropdown-menu{
    margin-top: 12px;
}

.form-login .panel-title select,
.form-login .panel-title select option {
    text-transform: uppercase;
}

.form-login .panel-title .navbar-header ul.dropdown-menu li {
    background-color: var(--gray-one);
    padding: 8px 42px 8px 12px;
    color: var(--gray-four);
    border: 1px solid var(--gray-two);
    border-bottom: 0px;
    cursor: pointer;
    letter-spacing: 1pt;
}

.form-login .panel-title .navbar-header ul.dropdown-menu li.selected,
.form-login .panel-title .navbar-header ul.dropdown-menu li:hover {
    background-color: var(--gray-four);
    color: var(--gray-one);
}

.form-login .panel-title .navbar-header ul.dropdown-menu li:hover {
    opacity: 0.8;
}

.form-login .panel-title .navbar-header ul.dropdown-menu li:first-child {
    border-top: 0px;
}

.form-login .panel-title .navbar-header ul.dropdown-menu li:last-child,
.form-login .panel-title select option:last-child {
    border-bottom: 1px solid var(--gray-two);
}

.form-login .panel-title select option[selected] {
    background-color: var(--gray-four);
    color: var(--gray-one);
}

.form-login .panel-heading,
.form-login input.form-control {
    border-radius: var(--control-border-radius);
}

.form-login .panel-body input.form-control {
    border: 1px solid var(--gray-tree)!important;
    background-color: var(--gray-one);
    padding-left: 16px;
}

.form-login .form-actions{
    color: var(--gray-four);
}

.form-login .form-actions .btn-recovery a {
    color: var(--blue)!important;
}

.form-login .form-actions .btn-recovery a:hover {
    text-decoration: underline;
}

.form-login .form-actions input[type="checkbox"] {
    opacity: 0.5;
}

.form-login .form-actions input[type="checkbox"]:checked {
    opacity: 1;
}

.form-login .form-actions .submit-block {
    display: flex;
    flex-direction: row-reverse;
}

.form-login .form-actions .checkbox {
    margin-bottom: 0!important;
    margin-top: 8px;
}


.form-login .form-actions button {
    border-radius: var(--control-border-radius);
    background-color: var(--dark-blue);
    padding: 6px 18px;
    text-transform: uppercase;
    background-position: 0 100%;
    border: 0px;
    transition: all 0.3s ease-in-out;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5pt;
}

.form-login .form-actions button:hover {
    background-color: var(--blue);
    transition: all 0.3s ease-in-out;
}

/*#endregion*/

/*#region topbar*/

/*

Más de 800px de ancho:
Antes: logo, nombre, fecha, access time, idioma y zoom a la izquierda, logo a la derecha
Ahora: Logo, fecha y nombre a la izquierda, zoom, idioma, access time a la derecha

A menos de 800px de ancho:
Antes: logo y zoom a la izquierda, nombre a la derecha
Ahora: Logo y nombre a la izquierda, zoom a la derecha

A menos de 768px de ancho:
Antes: logo a la izquierda, nombre a la derecha
Ahora: Igual

*/


#top-bar.navbar {
    background: var(--gray-four);
    color: var(--gray-one);
    min-height: var(--top-bar-height);
    height: var(--top-bar-height);
    font-size: 11px;
    width: 100%;
    position: inherit;
}

.navbar-inverse .user.dropdown>a {
    color: var(--gray-one)!important;
}

.dropdown-toggle {
    color: var(--gray-one)!important;
    background-color: var(--gray-four)!important;
}

#top-bar.navbar .container-fluid {
    width: 100%;
    height: 100%;
}

#top-bar .navbar-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    height: 100%;
}

#top-bar .top-bar-left,
#top-bar .top-bar-right {
    display: flex;
    flex-basis: 100%;
}

#top-bar .top-bar-left{
  flex-basis: 100%;
  height: 100%;
}

#top-bar .top-bar-left > ul{
  display: flex;
  align-items: center;
}

#top-bar .top-bar-right {
    flex-direction: row-reverse;
    height: 4vh;
    align-items: center;
}

#top-bar .top-bar-right ul{
  margin: 0px;
  height: 3.5vh;
}

#top-bar .top-bar-right li.language{
  padding: 0px 10px;
  height: 3.5vh!important;
  margin-bottom: 0px!important;
}

#top-bar .top-bar-right li.language .selectize-control .selectize-input ,
#top-bar .top-bar-right li.language .selectize-control .selectize-input input {
  height: 3.5vh!important;
  min-height: 3vh!important;
}

#top-bar .top-bar-left .user .dropdown-menu{
    margin-top: 6px;
}

#top-bar.navbar li.isotipo{
  height: 100%;
  display: flex;
  align-items: center;
}

#top-bar.navbar li.isotipo > a.dashboard-name {
  background-size: contain;
  background-image: url(../images/logos/logo_company.png);
  background-repeat: no-repeat;
  background-position-x: 15px;
  width: 140px!important;
  height: 80%!important;
  max-height: 100%;
  filter: grayscale(100%) brightness(1000%);
}

#top-bar.navbar i.company-logo-text {
  background-size: contain;
  background-image: url(../images/logos/logo_health.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 13vw; /*185px!important;*/
  height: 3.5vh;
  margin: 0px 10px;
  max-width: 198px;
}

#top-bar .top-bar-left ul li.info.date a {
    padding-top: 9.5px!important;
    margin: 0px 10px;
    font-size: 11px;
}

.dropdown-menu li a{
    display: flex;
    align-items: center;
    background-color: #FFF;
    color: var(--gray-four);
}

.dropdown-menu li.active a,
.dropdown-menu li a:hover{
    background-color: var(--gray-four)!important;
    color: var(--gray-one)!important;
}

ul[core-container="zoom"] {
    border-radius: var(--control-border-radius);
    border: 1px solid var(--gray-one);
}

button[core-button="zoom-out"],
button[core-button="zoom-in"] {
    border: 0px;
    color: var(--gray-one);
    font-weight: normal;
}

ul[core-container="zoom"] li:nth-child(2){
    width: 36px;
    color: var(--gray-one);
    align-self: center;
    padding: 0px;
}

.language .selectize-control.single .selectize-input{
    border-radius: var(--control-border-radius)!important;
    border: 1px solid var(--gray-one);
}

#top-bar.navbar #select-languaje .selectize-dropdown {
    margin-top: 9px;
}

#top-bar.navbar #select-languaje .selectize-dropdown .selectize-dropdown-content .option {
    background-color: var(--gray-one);
    color: var(--gray-four);
}

#top-bar.navbar #select-languaje .selectize-dropdown .selectize-dropdown-content .option.active{
  background-color: var(--gray-four)!important;
  color: #FFF;
}

#top-bar .selectize-control .selectize-input.dropdown-active{
    background-color: var(--gray-four)!important;
    border-color: var(--gray-one)!important;
}

#top-bar.navbar #select-languaje .selectize-dropdown .selectize-dropdown-content .option.selected,
#top-bar.navbar #select-languaje .selectize-dropdown .selectize-dropdown-content .option:hover {
    background-color: var(--gray-four);
    color: var(--gray-one);
}

#top-bar.navbar #select-languaje .selectize-control.single .selectize-input:after{
    right: 18px;
}

#top-bar.navbar li.access-time {
    padding: 0px;
    padding-left: 4px;
}

#top-bar.navbar li.access-time .time {
    border: 1px solid var(--gray-one);
    border-radius: var(--control-border-radius)!important;
    width: 100px!important;
    text-align: center;
    background-color: var(--gray-one);
    color: var(--gray-four);
    height: 3.5vh;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*#endregion*/

/*#region icons*/
.icon-30,
.icon-24,
.icon-20,
.icon-16,
.icon-13{
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 10px!important;
  display: inline-block;
}

.icon-30 {
  width: 30px;
  height: 30px;
}

.icon-16{
  width: 16px;
  height: 16px;
}

.icon-13{
  width: 13px;
  height: 13px;
}

.icon-20{
  width: 20px;
  height: 20px;
}

.btn>i.icon-24,
.icon-24{
    width: 24px;
    height: 24px;
    margin-right: 5px!important;
}

.user_icon {
    background-image: url(../fonts/icons/user.svg);
}
.user_icon.white,
.dropdown-menu.v4 li a:hover .user_icon,
.user_icon.light {
    background-image: url(../fonts/icons/user_light.svg);
}

.logout_icon {
    background-image: url(../fonts/icons/logout.svg);
}

.dropdown-menu.v4 li a:hover .logout_icon {
    background-image: url(../fonts/icons/logout_light.svg);
}

.dashboard_img {
    background-image: url(../fonts/icons/house.svg);
}

#main-menu .middle-nav li a:hover > .dashboard_img,
#main-menu .middle-nav li a.active > .dashboard_img{
    background-image: url(../fonts/icons/house_white.svg);
}

.network {
    background-image: url(../fonts/icons/network.svg);
}

#main-menu .middle-nav li a:hover > .network,
#main-menu .middle-nav li a.active > .network{
    background-image: url(../fonts/icons/network_white.svg);
}

.collaboration {
    background-image: url(../fonts/icons/collaboration.svg);
}

#main-menu .middle-nav li a:hover > .collaboration,
#main-menu .middle-nav li a.active > .collaboration{
    background-image: url(../fonts/icons/collaboration_white.svg);
}

.calculating {
    background-image: url(../fonts/icons/calculating.svg);
}

#main-menu .middle-nav li a:hover > .calculating,
#main-menu .middle-nav li a.active > .calculating{
    background-image: url(../fonts/icons/calculating_white.svg);
}

.applications {
    background-image: url(../fonts/icons/applications.svg);
}

#main-menu .middle-nav li a:hover > .applications,
#main-menu .middle-nav li a.active > .applications{
    background-image: url(../fonts/icons/applications_white.svg);
}

.contract {
    background-image: url(../fonts/icons/contract.svg);
}

.contract.white,
#main-menu .middle-nav li a:hover > .contract,
#main-menu .middle-nav li a.active > .contract{
    background-image: url(../fonts/icons/contract_white.svg);
}

.finances {
    background-image: url(../fonts/icons/finances.svg);
}

#main-menu .middle-nav li a:hover > .finances,
#main-menu .middle-nav li a.active > .finances{
    background-image: url(../fonts/icons/finances_white.svg);
}

.customer-service-1 {
    background-image: url(../fonts/icons/customer-service-1.svg);
}

#main-menu .middle-nav li a:hover > .customer-service-1,
#main-menu .middle-nav li a.active > .customer-service-1{
    background-image: url(../fonts/icons/customer-service-1_white.svg);
}

.dollar-symbol-3 {
    background-image: url(../fonts/icons/dollar-symbol-3.svg);
}

#main-menu .middle-nav li a:hover > .dollar-symbol-3,
#main-menu .middle-nav li a.active > .dollar-symbol-3{
    background-image: url(../fonts/icons/dollar-symbol-3_white.svg);
}

.supermarket {
    background-image: url(../fonts/icons/supermarket.svg);
}

#main-menu .middle-nav li a:hover > .supermarket,
#main-menu .middle-nav li a.active > .supermarket{
    background-image: url(../fonts/icons/supermarket_white.svg);
}

.flats {
    background-image: url(../fonts/icons/flats.svg);
}

#main-menu .middle-nav li a:hover > .flats,
#main-menu .middle-nav li a.active > .flats{
    background-image: url(../fonts/icons/flats_white.svg);
}

.settings {
    background-image: url(../fonts/icons/settings.svg);
}

#main-menu .middle-nav li a:hover > .settings,
#main-menu .middle-nav li a.active > .settings{
    background-image: url(../fonts/icons/settings_white.svg);
}

.calendar-icon.white {
    background-image: url(../fonts/icons/calendar_icon_white.svg);
}

.plus-circle {
    background-image: url(../fonts/icons/plus.svg);
}

.plus-icon-white {
    background-image: url(../fonts/icons/plus_white.svg);
}

.workflow-icon {
    background-image: url(../fonts/icons/workflow_white_bold.svg);
}

.bday-icon {
    background-image: url(../fonts/icons/bday_white_bold.svg);
}

.hover:hover .add-white,
.add-black {
    background-image: url(../fonts/icons/plus.svg);
}

.add-user{
  background-image: url(../fonts/icons/add-user.svg);
}

.less-user {
  background-image: url(../fonts/icons/less-user.svg);
}

.hover:hover .add-black,
.add-white {
    background-image: url(../fonts/icons/plus_white.svg);
}

.less-black {
    background-image: url(../fonts/icons/actions/less-black.svg);
}

.export-xls{
    background-image: url(../fonts/icons/export/xls.svg);
}

.export-xls-white{
    background-image: url(../fonts/icons/export/xls-white.svg);
}

.export-pdf{
    background-image: url(../fonts/icons/export/pdf.svg);
}

.export-dow{
    background-image: url(/fonts/icons/actions/to_download.svg);
}

.export-pdf-white{
    background-image: url(../fonts/icons/export/pdf-white.svg);
}

.zoom-in{
    background-image: url(../fonts/icons/actions/zoom-in.svg);
}

.zoom-in-white{
    background-image: url(../fonts/icons/actions/zoom-in-white.svg);
}

.edit-file{
    background-image: url(../fonts/icons/actions/edit-file.svg);
}

.mail-send{
    background-image: url(../fonts/icons/actions/mail-send.svg);
}

.mail-send-white{
    background-image: url(../fonts/icons/actions/mail-send-white.svg);
}

.printer{
    background-image: url(../fonts/icons/actions/printer.svg);
}

.file{
    background-image: url(../fonts/icons/actions/file.svg);
}

.checked{
    background-image: url(../fonts/icons/actions/checked.svg);
}

.policy-icon{
    background-image: url(../fonts/icons/policy.svg);
}

.application_copy{
    background-image: url(../fonts/icons/application_copy.svg);
}

.activity-icon{
    background-image: url(../fonts/icons/actions/activity.svg);
}

.report-icon{
    background-image: url(../fonts/icons/report_task.svg);
}

.document-icon{
    background-image: url(../fonts/icons/document.svg);
}

.bell-icon{
    background-image: url(../fonts/icons/bell.svg);
}

.upload-icon{
  background-image: url(../fonts/icons/actions/upload.svg);
}

.bars-icon{
  background-image: url(../fonts/icons/bars-icon.svg);
}

.mail-icon {
  background-image: url(../fonts/icons/mail.svg);
}

.mobile-icon {
  background-image: url(../fonts/icons/mobile.svg);
}

.phone-icon {
  background-image: url(../fonts/icons/phone.svg);
}

.ig-icon {
  background-image: url(../fonts/icons/instagram.svg);
}

.fb-icon {
  background-image: url(../fonts/icons/facebook.svg);
}

.linkedin-icon {
  background-image: url(../fonts/icons/linkedin.svg);
}

.tw-icon {
  background-image: url(../fonts/icons/twitter.svg);
}

.skype-icon {
  background-image: url(../fonts/icons/skype.svg);
}

.chatting-globe-icon{
  background-image: url(../fonts/icons/chatting-globe.svg);
}

.cancel-white{
  background-image: url(../fonts/icons/actions/cancel-white.svg);
}

.refresh-icon{
  background-image: url(../fonts/icons/actions/refresh.svg);
}

.tachometer-icon{
  background-image: url(../fonts/icons/tachometer.svg);
}

.calendar-icon{
  background-image: url(../fonts/icons/calendar.svg);
}

.currency-icon{
  background-image: url(../fonts/icons/currency.svg);
}

.icon-ofac{
  background-image: url(../fonts/icons/actions/ofac.svg);
}

.disabled-icon {
  background-image: url(../fonts/icons/actions/disabled.svg);
}

.enabled-icon {
  background-image: url(../fonts/icons/actions/enabled.svg);
}

.renew-icon {
  background-image: url(../fonts/icons/actions/renew.svg);
}

.force-continuity-icon {
  background-image: url(../fonts/icons/actions/person.duplication.svg);
}

.push-pin-icon {
  background-image: url(../fonts/icons/actions/push-pin.svg);
}

.add-task-icon {
  background-image: url(../fonts/icons/actions/add_task.svg);
}

.speedometer-icon {
  background-image: url(../fonts/icons/speedometer.svg);
}

.boss-icon {
  background-image: url(../fonts/icons/boss-1.svg);
}

.info-2-icon {
  background-image: url(../fonts/icons/actions/info.svg);
}

.safety-icon {
  background-image: url(../fonts/icons/actions/safety.png);
}

.signature-icon {
  background-image: url(../fonts/icons/signature_2.png);
}

.stop-icon {
  background-image: url(../fonts/icons/actions/stop.svg);
}

.play-icon {
  background-image: url(../fonts/icons/actions/play.svg);
}

.anchor-icon {
  background-image: url(../fonts/icons/anchor.svg);
}

.undocking-icon {
  background-image: url(../fonts/icons/undocking.svg);
}

.underwriting-icon {
  background-image: url(../fonts/icons/actions/underwriting.svg);
}

.single-agent-icon {
  background-image: url(../fonts/icons/actions/single-agent.svg);
}

.subagents-icon {
  background-image: url(../fonts/icons/actions/subagents.svg);
}

/*#endregion*/

/*#region pageHeaderv4*/

#main-menu {
   padding: var(--modules-padding-top-bottom) 25px!important;
   margin-bottom: 0px!important;
}

header#main-menu ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

#main-menu .page-header{
  margin-left: 0px!important;
  margin-right: 0px!important;
}

#main-menu .page-header ul.middle-nav li{
  margin: 0px;
  padding: 0px!important;
}

#main-menu .page-header ul.middle-nav li > a {
  border: 0px;
  background-color: #FFF;
  border-color: #FFF;
  border-radius: 10px;
  box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 10%);
  position: relative;
  padding: 0px!important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*height: 95px;
  width: 115px;*/
  height: var(--modules-btn-height)!important;
  width: var(--modules-btn-width)!important;
  max-height: var(--modules-btn-max-height)!important;
  max-width: var(--modules-btn-max-width)!important;
  align-items: center;
}

#main-menu .page-header ul.middle-nav li > a > i{
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 35%!important;
  height: 40%!important;
  display: inline-block;
  margin-bottom: 5px!important;
}

#main-menu .page-header ul.middle-nav li > a > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1;
  font-size: 55%!important;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .5px;
  margin-top: 4%;
  margin-bottom: -6%;
  line-height: 17px;
}

#main-menu .middle-nav li a.active,
#main-menu .middle-nav li a:hover {
    background-color: var(--gray-four)!important;
    color: var(--gray-one);
    border-color: var(--gray-four)!important;
}

/*#endregion*/

/*#region pageContentv4*/

#section .tabbable.page-tabs{
  position: relative;
}

div#section.page-container .tab-content{
    background-color: var(--gray-two);
    border-color: var(--gray-two)!important;
    padding: 15px 15px 10px!important
}

.nav-tabs>li>a{
    background-color: transparent;
    color: #000!important;
    border-radius: 12px 12px 0px 0px;
    border: 1px solid var(--gray-two);
    font-size: 14px;
    margin-right: -1px;
    padding: 14px 20px !important;
    border-bottom: 0px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    font-weight: bold;
    border: 1px transparent;
    background-color: var(--gray-two);
    margin-right: -1px;
    display: flex;
    align-items: center;
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    border-color: var(--gray-two);
    background-color: var(--gray-two);
    border-bottom: 0px!important;
}

.br-top6,
.br-top8,
.quotation-edit .modal-header,
.v4 .modal-header,
.v4 .panel.panel-info,
.v4 .panel-info > .panel-heading,
div#section.page-container .panel.panel-info,
div#section.page-container .panel-info > .panel-heading{
    border-radius: 6px 6px 0 0;
    border: 0px;
}

div#section.page-container .box-resize .panel-info > .panel-heading h6.panel-title{
  font-size: 14px;
  padding: 6px!important;
  display: flex;
  align-items: center;
  height: 38px;
}

div#section.page-container .box-resize .panel-info > .panel-heading h6.panel-title i.fa{
  font-size: 19px;
  margin-right: 10px;
}

.br-top8 {
  border-radius: 8px 8px 0 0!important;
}

.bg-light{
  background-color: var(--gray-one)!important;
}

.bg-dark{
  background-color: var(--gray-tree)!important;
}

.bg-gradient,
.quotation-edit .modal-header,
div#section.page-container .panel-info > .panel-heading {
    background: linear-gradient(to right, var(--dark-blue) 0%, var(--blue) 40%, var(--blue) 100%)
}

ul.table-actions li a i {
  margin-right: 0px!important;
  vertical-align: middle;
}

/*#endregion*/

/*#region dashboard*/

.stat-box{
  margin-top: -60px;
}

.panel .btn-link-box span,
.panel .btn-link-box a {
  font-size: 10px;
  margin-top: 0px;
}

.panel .btn-link-box span i,
.panel .btn-link-box a i {
  font-size: 14px;
  margin-right: 3px!important;
  margin-top: -2px!important;
}

.panel .btn-link-box a i.fa.fa-plus-circle {
  font-size: 16px;
}

.box-resize{
  padding: 0 8px 16px !important;
  color: #000;
}

.box-resize:first-child {
  padding-bottom: 16px !important;
}
.box-resize-container:last-child .box-resize{
  padding-bottom: 8px !important;
}

.box-resize td,
.box-resize th {
  text-transform: initial;
}

ul.buttons-export-chart > li > a.btn {
  padding: 1px 5px!important;
}

.subsection-dashboard{
  background-color: var(--gray-two)!important;
}

div#section.page-container .stats li span {
    border-radius: var(--control-border-radius);
    text-transform: capitalize;
    font-size: 14px!important;
    padding: 7px 10px 5px!important;
    color: black;
}

div#section.page-container .panel-heading a.btn-link,
div#section.page-container .panel-heading .flex-center {
    display: flex;
    align-items: center;
    height: 100%!important;
}

div#section.page-container .workflow .panel-heading .panel-title.flex-center{
    padding: 7.5px 10px!important;
}

div#section.page-container .workflow .panel-info > .panel-heading .btn-link-box > div:last-child {
    margin-right: 5px;
}

.panel-info > .panel-heading .btn-link-box a {
  padding: 6px 0px!important;
}

.panel-info > .panel-heading .btn-link-box a > i {
  margin-right: 3px!important;
}

div#section.page-container .workflow span.workflow-date {
  margin-right: 5px;
}

div#section.page-container .workflow .workflow-box{
  position: relative;
}


div#section.page-container .workflow .workflow-box > div.ul-box{
  width: calc(100% - 5px);
  position: absolute;
  right: 5px;
  top: 7px;
}

div#section.page-container .workflow .workflow-box .btn-v4 {
    padding: 2px 10px!important;
}

div#section.page-container .workflow .workflow-box > div > p:last-child{
    margin-bottom: 0px;
}

div#section.page-container .workflow span.workflow-type,
div#section.page-container .workflow span.state-content {
    display: inline-block;
    margin-bottom: 5px;
}

div#section.page-container .workflow .workflow-box .ul-box ul li a i{
  margin-right: 0px!important;
}

.pending-status{
    background-color: var(--gray-four)!important;
}

.complete-status{
    background-color: var(--blue)!important;
}

.cancelled-status {
    background-color: var(--gray-tree)!important;
}

.inprocess-status {
    background-color: var(--orange-primary)!important;
}

.delayed-status {
    background-color: var(--red-primary)!important;
}

.reagended-status {
    background-color: var(--purple-primary)!important;
}

.birthday .table-responsive thead th:first-child{
    width: 40%;
}

div#section.page-container .table-responsive thead,
div#section.page-container .table-responsive thead th{
    background-color: #FFF;
    font-weight: bold;
    padding: 6px 12px!important;
    font-size: 12px;
}

div#section.page-container .table-responsive thead th.mxw70{
  padding-left: 0px!important;
}

div#section.page-container .table-responsive table.small-pd thead tr th,
div#section.page-container .table-responsive table.small-pd tbody tr td {
  padding: 4px!important;
}

table * {
  font-family: 'Kumbh Sans', sans-serif;
  letter-spacing: 0.2pt!important;
}

div#section.page-container .table>thead>tr>td{
    padding: 8px 12px!important;
}

div#section.page-container table tr[class^="user-"] td {
    padding: 12px!important;
}
div#section.page-container table tr[class^="user-"] td:last-child {
    width: 60px;
}
div#section.page-container table tr[class^="user-"] td:first-child {
    min-width: 40%;
}

.user-status{
    --size: 15px;
    width: var(--size);
    height: var(--size);
    min-width: var(--size);
    min-height: var(--size);
    border-radius: 50%;
    margin-right: 15px;
    margin-top: -2px;
}

.online{
    background-color: #8dc844;
}

.offline{
    background-color: var(--gray-tree);
}

.buttons-export-chart {
    border: 0px;
}

.buttons-export-chart li a img {
    width: 40px;
}

/*#endregion*/

/*#region payments edit*/

.gray-heading,
.first-table-heading{
  border-radius: 6px 6px 0px 0px!important;
  border: 0!important;
  background-color: var(--gray-tree);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  height: 30px;
}

.gray-heading{
  background-color: var(--gray-two);
}

.gray-heading h6,
.first-table-heading h6 {
  padding: 0px!important;
  font-size: 14px;
  font-weight: 600;
}

.first-table-heading a.btn-v4 {
  height: 20px;
  padding: 0px 4px!important;
  display: flex;
  align-items: center;
  font-size: 10px;
}

.first-table-heading a.btn-v4 i{
  margin-right: 4px;
}

.composite-table{
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0!important;
  margin-top: 0;
  border-bottom: 0;
}

.composite-table .table-responsive,
.modal-table.modal-flex .panel-info .composite-table .table-responsive {
  border: 0px!important;
  border-radius: 0px!important;
  max-height: 100%!important;
}

.composite-table .table-responsive thead th {
  background-color: var(--gray-two)!important;
  font-size: 12px!important;
  border-bottom: 0px!important;
}

.composite-table .table-responsive tbody tr {
  border: 0px!important;
}

.composite-table .table-responsive tbody tr td{
  border-bottom: 1px solid var(--gray-tree);
  border-top: 0px;
  font-size: 11px;
}

/*#endregion*/


/*#region add-buttons*/
.add-container{
  position: absolute;
  top: 0;
  right: -15px;
  display: inline-block;
  padding: 0px;
  margin-top: calc((var(--modules-padding-top-bottom) + 29px) * -1);
}

.add-container span:not(:last-child) {
  margin-right: 5px;
}

.add-container span a {
  display: inline-flex;
  align-items: center;
}

/*#endregion*/


/*#region quotations*/

.floating-button,
.quotation-add {
  margin-top: 0px;
}

.add-container a,
.floating-button a,
.quotation-add a {
  height: 36px;
  font-size: 14px;
}

.modal-content.quotation-edit.vertical-flex {
  height: 97%;
}

.modal-content.v4 div#quotations{
    background-color: var(--gray-two)!important;
}

div#quotation > .modal-container > .row:first-of-type {
  margin: 0px;
}

.modal-content.v4 ul.nav >li.active a{
    font-weight: bold;
}

.modal-content.v4 legend {
    background-color: transparent;
}

.panel-link-btn a{
    padding: 6px 12px!important;
}


#quotation_results {
    border-radius: 6px 6px 0 0;
    border: 0px;
}

.quotation-edit .modal-footer > .row > div:first-child{
    display: none;
}

.quotation-edit .modal-body .quotation-container{
  padding: 10px 0px;
}


.quotation-edit .modal-body .quotation-container > div:first-child {
  padding-right: 10px;
  padding-left: 0px;
}

.quotation-edit .modal-body .quotation-container [container-additionals].fade-in{
  padding-right: 10px;
  padding-left: 10px;
}

.quotation-edit .modal-body .quotation-container > div:last-child {
  padding-left: 10px;
  padding-right: 0px;
}

div#section.page-container .quotation-edit .tabbable > .tab-content {
  border: 0px!important;
  border-radius: 0px;
}

.quotation-edit .form-group {
  margin-bottom: 15px!important;
}

.quotation-edit .form-group.mt-0 {
  margin-top: 0px!important;
}

.quotation-edit input[type="number"]{
  text-align: center;
}

.quotation-edit ::placeholder {
  color: var(--gray-four)!important;
  font-size: 12px!important;
}

.quotation-edit .selectize-input{
  padding: 6px 18px;
}

.quotation-edit .custom-checkbox-box label,
.quotation-edit .radio-custom-container label {
  border-radius: var(--control-border-radius)!important;
  background-color: var(--gray-two);
  border-color: var(--gray-two);
}

.quotation-edit .custom-checkbox-box,
.quotation-edit .radio-custom-container {
  margin-top: 5px;
}

.quotation-edit .form-group.flex-wrap .custom-checkbox-box {
  padding: 0px 8px;
}

.quotation-edit .form-horizontal .form-group.flex-nowrap .radio-custom-container {
  width: 20%!important;
}

.quotation-edit .btn-results-action a.btn{
    padding: 4px 12px!important;
}
.quotation-edit .btn-results-action a img.add-black{
  margin-top: -3px;
}

.quotation-edit .input-group,
.quotation-edit .selectize-control,
.quotation-edit .selectize-input {
  height: 35px!important;
}

.quotation-edit .form-horizontal .control-label {
  font-weight: 600;
  letter-spacing: 1px;
}

.quotation-edit [container-additionals] .selectize-control.multi .selectize-input.not-full,
.quotation-edit [container-additionals] .selectize-control.single .selectize-input.not-full,
.quotation-edit [container-additionals] .input-group > input,
.quotation-edit [container-additionals] .selectize-input{
  border-radius: var(--control-border-radius)!important;
  padding: 6px 8px!important;
  color: black;
}

.quotation-edit [container-additionals] .selectize-dropdown .selectize-dropdown-content .option{
  border-radius: 0!important;
}

.quotation-edit [container-additionals] ::placeholder{
  font-size: 12px!important;
  color: black;
}

.quotation-edit [container-additionals] table > thead > tr:first-of-type > th:last-child{
  padding-right: 10px!important;
}

.quotation-edit [container-additionals] tr[data-prototype] td:nth-child(1),
.quotation-edit [container-additionals] tr[data-prototype] td:nth-child(2) {
  width: 25%;
}

.quotation-edit [container-additionals] tr[data-prototype] td:nth-child(3) {
  width: 55px;
}

.quotation-edit [container-additionals] tr[data-prototype] td.delete {
  width: 45px!important;
}

.quotation-edit [container-additionals] .selectize-input{
  border: 1px solid var(--gray-tree);
}

.quotation-edit [container-additionals] input[type='number']{
  -moz-appearance: textfield;
}

.quotation-edit input[type='number']::-webkit-outer-spin-button,
.quotation-edit input[type='number']::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

.quotation-edit [container-additionals] > .panel{
  border-radius: 10px 10px 8px 8px!important;
  background-color: var(--gray-one);
}

.quotation-edit [container-additionals] .table thead,
.quotation-edit [container-additionals] .table thead tr{
  border-radius: 8px 8px 0 0!important;
}

.quotation-edit [container-additionals] .table-responsive td:last-child,
.quotation-edit [container-additionals] .table-responsive th:last-child{
  width: 60px!important;
}

div#section.page-container .quotation-edit [container-additionals] .table-responsive thead tr{
  height: 27px;
}

.quotation-edit [container-additionals] .table thead tr th:first-child{
  border-radius: 8px 0 0!important;
}

.quotation-edit [container-additionals] .table thead tr th:last-child{
  border-radius: 0 8px 0 0!important;
}

.quotation-edit [container-additionals] .table thead tr th a {
  padding-right: 1px;
}

.quotation-edit [container-additionals] .table thead tr th a > img{
  margin-top: -2px;
}

.quotation-edit [quotes-container] {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap:10px;
  background-color: var(--gray-one);
}

.quotation-edit [quotes-container] > div{
  flex-basis: 50%;
  overflow-y: auto;
  display: flex;
}

.quotation-edit [quotes-container] > div:only-child{
  flex-basis: 100%;
}

.quotation-edit [quotes-container] > div:last-child {
  padding-bottom: 0px;
}

.quotation-edit [quotes-container] div.table-border {
  border-radius: 8px!important;
  flex-basis: 100%;
  overflow-y: hidden;
}

.quotation-edit [quotes-container] > div table thead tr th {
  position: inherit!important;
}

.quotation-edit [quotes-container] div table {
  border-collapse: collapse;
  background-color: var(--gray-one)!important;
  margin-top: 0px!important;
  overflow-y: auto;
}

.quotation-edit [quotes-container] div table thead {
  position: sticky;
  top: 0;
}

.quotation-edit [quotes-container] table thead > tr:first-of-type{
  border: 0px;
}

.quotation-edit [quotes-container] tbody tr:hover td {
  background-color: var(--gray-one)!important;
}

.quotation-edit [quotes-container] tbody td {
  letter-spacing: inherit!important;
}

.quotation-edit [quotes-container] .table-header,
.quotation-edit [quotes-container] table thead > tr:first-of-type > th,
.quotation-edit .inline-prototype thead{
  background: linear-gradient(to right, var(--dark-blue) 0%, var(--blue) 40%, var(--blue) 100%);
  color: var(--gray-one)!important;
  height: 28px!important;
  line-height: 1px!important;
  padding: 3px 12px 0!important;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.quotation-edit [quotes-container] .table-subheader{
  height: 22px;
  padding: 2px 0px!important;
  font-size: 11px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--gray-two);
}

.quotation-edit [quotes-container] .table-subheader > div{
  padding: 0px;
  font-size: 11px;
}

.quotation-edit [quotes-container] .table-subheader > div:first-of-type{
  width: 18%;
}

.quotation-edit [quotes-container] .deductible{
  width: 33%;
  padding-left: 3px!important;
  font-size: 10px;
}

.quotation-edit [quotes-container] .table-subheader > div:nth-child(3),
.quotation-edit [quotes-container] .table-subheader > div:nth-child(4),
.quotation-edit [quotes-container] .td.plan-frequency,
.quotation-edit [quotes-container] .td.plan-premium{
  width: 23.5%;
}

.quotation-edit [quotes-container] td.plan-option {
  width: 18%;
  font-size: 10px!important;
}

.quotation-edit [quotes-container] .table-content{
  overflow-y: auto;
  height: calc(100% - 50px);
}

.quotation-edit [quotes-container] table thead > tr:last-of-type {
  height: 22px;
}

.quotation-edit [quotes-container] table thead > tr:last-of-type > th {
  padding: 2px 12px!important;
  font-size: 10px;
  height: 18px!important;
}

.quotation-edit [quotes-container] tbody tr {
  height: 20px;
}

.quotation-edit [quotes-container] tbody tr:last-child {
  border-bottom: 0px;
}

.quotation-edit [quotes-container] tbody tr.separator {
  height: 10px!important;
}

.quotation-edit [quotes-container] tbody tr.separator:last-child{
  display: none;
}

.quotation-edit [quotes-container] tbody tr.separator hr {
  margin: 0;
  border-top: 1px solid var(--gray-tree);
}

.quotation-edit [quotes-container] table thead > tr > th,
.quotation-edit [quotes-container] tbody tr td,
.quotation-edit [quotes-container] .table tr td[rowspan="4"] {
  border: 0px!important;
  padding: 2px 5px!important;
}

.quotation-edit [quotes-container] table tbody tr:first-child,
.quotation-edit [quotes-container] table tbody tr:first-child td {
  border-top: 0px!important;
  padding-top: 5px!important;
}

.quotation-edit [quotes-container] table tbody td{
  text-transform: none!important;
  overflow: hidden!important;
}

.quotation-edit [quotes-container] table tbody td.plan-option,
.quotation-edit [quotes-container] table tbody td.plan-premium{
  text-transform: uppercase!important;
}

.quotation-edit .btn-results-action.flex-container {
  margin-top: unset!important;
  gap: 10px;
}

.quotation-edit .btn-results-action .flex-item {
  height: 35px;
}

.quotation-edit .btn-results-action .flex-item a {
  padding: 6px!important;
}

.quotation-edit .btn-results-action .flex-item a[toggle-additionals] {
  font-weight: 400;
  padding: 0px 3px!important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: var(--gray-four)!important;
  height: 35px;
}

.quotation-edit .btn-results-action .flex-item a[toggle-additionals] div{
  margin-left: 6px;

}

.quotation-edit .btn-results-action[container-actions] .flex-item {
  text-transform: uppercase;
  letter-spacing: 1.5pt;
  font-size: 10px;
}

.quotation-edit .btn-results-action[container-actions] .flex-item a,
.modal-footer .modal-options li button.btn-v4 {
  padding: 8px!important;
  text-transform: uppercase!important;
  letter-spacing: 1.5pt!important;
  font-size: 10px!important;
  font-weight: 600!important;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
}

/*#endregion*/

/*#region  Policy*/
.tab-section .modal-lg{
  height: auto;
}
/*#endregion*/

/*#region modal*/

.modal ::placeholder {
}

.modal input.form-control {
  padding: 5px 12px!important;
}

.modal .modal-header{
  background: linear-gradient(to right, var(--dark-blue) 0%, var(--blue) 40%, var(--blue) 100%);
}

.modal .modal-header button {
  margin-top: 0px!important;
  padding: 0px!important;
}

.modal .modal-header button > i {
  margin-right: 0px!important;
}

.modal-content {
  background-color: #FFF;
  border-radius: 8px;
}

.modal .modal-body,
.modal .modal-footer{
  background-color: var(--gray-two);
  border: 0px;
}

.modal .table-footer.v4 {
  padding: 5px 10px!important;
  height: 43px;
}
/*PAGINADOR-MODAL*/
.permission-list.vertical-flex .table-footer
.flex-row-reverse{
  width:auto!important;
}

.permission-list.vertical-flex .table-footer
.left-part{
  flex-basis:unset;
  gap:4px;
}

.permission-list.vertical-flex .table-footer .center-part{
  position: unset;
  margin-left: auto;
  width: auto;
}

.permission-list.vertical-flex .table-footer .center-part .pagination{
  position: unset;
  margin: 0px;
}

.permission-list.vertical-flex .table-footer .left-part .info{
  white-space: nowrap;
  margin: unset;
}

#tab_columns .vertical-flex .table-footer
.flex-row-reverse{
  width:auto!important;
}

#tab_columns .vertical-flex .table-footer
.left-part{
  flex-basis:unset;
  gap:4px;
}

#tab_columns .vertical-flex .table-footer .center-part{
  position: unset;
  margin-left: auto;
  width: auto;
}

#tab_columns .vertical-flex .table-footer .center-part .pagination{
  position: unset;
  margin: 0px;
}

#tab_columns .vertical-flex .table-footer .left-part .info{
  white-space: nowrap;
  margin: unset;
}

.modal-body .form-group,
.modal-body .label-inline {
  margin: 0 0 10px!important;
}

.modal-body .form-group,
.modal-body .label-inline-2 {
  margin: 0 0 10px!important;
}

div#section.page-container .modal-body .tab-content,
.modal-body .tab-content {
  background-color: var(--gray-one)!important;
  border-radius: 0px;
  padding: 0px!important;
}

div#section.page-container .modal-body .tab-content.pn15-0,
.modal-body .tab-content.pn15-0 {
  padding: 15px 0px!important;
}

div#section.page-container .modal-footer .modal-options li,
.modal-footer .modal-options li{
  max-width: 160px;
}

.modal.fade.work.in.main-modal .modal-dialog.height-auto.vertical-align-center .modal-content.policy-edit .modal-footer .modal-options-box ul.modal-options li{
    max-width: 160px!important;
}

div#section.page-container .modal .tab-content .modal-container,
.modal .tab-content .modal-container, .modal-container.no-tabs {
  background-color: var(--gray-one);
  padding: 10px 20px 20px;
}

.modal .mw-850 .modal-header h4{
  font-size: 16px;
}


div#section.page-container .modal .tab-content,
.modal .tab-content {
  border: 0px!important;
  background-color: var(--gray-one);
}

div#section.page-container .modal .nav-tabs>li>a,
.modal .nav-tabs>li>a {
  margin-right: 0px;
  background-color: var(--gray-two)!important;
  border: 1px solid var(--gray-one)!important;
  border-radius: 8px 8px 0 0;
  color: var(--gray-four)!important;
  padding: 9px 20px!important;
  font-size: 13px;
  height: 93%;
  display: flex;
  align-items: center;
  justify-content: center
}

div#section.page-container .modal-body .nav-tabs>li.active>a,
.modal-body .nav-tabs>li.active>a {
  font-weight: 400!important;
}

div#section.page-container .modal-body .nav-tabs>li.active>a,
div#section.page-container .modal-body .nav-tabs>li.active>a:focus,
div#section.page-container .modal-body .nav-tabs>li.active>a:hover,
.modal-body .nav-tabs>li.active>a,
.modal-body .nav-tabs>li.active>a:focus,
.modal-body .nav-tabs>li.active>a:hover {
  background-color: var(--gray-one)!important;
  border: 1px solid var(--gray-one)!important;
  border-radius: 8px 8px 0 0;
  color: var(--gray-four);
  font-weight: bold!important;
}

.form-modal [class*=col-] label.radio-inline {
  display: inline-flex!important;
}

/*#endregion*/


/*#region footer*/
.table-footer.v4 {
  background-color: var(--gray-two)!important;
  font-family: 'Kumbh Sans'!important;
  border: 0px;
  padding: 10px 28px 0px!important;
  height: 34px;
  font-size: 10px;
  justify-content: space-between;
}

.table-footer.v4 span,
.table-footer.v4 label,
.table-footer.v4 select {
  font-size: 12px!important;
}

.table-footer.v4 select {
  width: auto!important;
  height: 23px!important;
  min-height: 23px!important;
  padding: 0px!important;
  z-index: 2;
}

.table-footer.v4 .info span#total-list-result{
    padding-right: 0px;
}

.table-footer.v4 .info span.hidden-mobile{
    padding-left: 0px;
}

.table-footer.v4 label.info:nth-child(2) {
    margin-left: 15px!important;
}

.table-footer.v4 ul.pagination {
    position: inherit!important;
    float: inherit;
    margin: auto;
    right: auto;
}
.table-footer.v4 .left-part,
.table-footer.v4 .right-part,
.table-footer.v4 .center-part,
.table-footer.v4 .flex-row-reverse{
    padding: 0px!important;
}
.table-footer.v4 .left-part {
    display: flex;
    align-items: center;
    flex-basis: 100%;
    width: auto;
}
/*.table-footer.v4 .left-part,*/
.table-footer.v4 .right-part {
    z-index: 2;
    width: auto;
}

.table-footer.v4 .right-part ul {
    width: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
}

.table-footer.v4 .right-part ul a {
  color: var(--gray-four);
  display: flex;
  align-items: center;
}

.table-footer.v4 .right-part ul a i{
  margin-right: 2px;
}

.table-footer.v4 .center-part {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 10px;
    z-index: 1;
    display: flex;
    justify-content: center;
}

.table-footer.v4 .pagination>li{
    border: 0px!important;
    margin-left: 3px!important;
}
.table-footer.v4 .pagination>li a {
    border-radius: var(--control-border-radius)!important;
    border: 1px solid var(--gray-four);
    color: #000;
    background-color: var(--gray-two);
    font-size: 12px;
    padding:3px 8px!important;
    min-width: 23px;
}

.table-footer.v4 .pagination>.disabled>a,
.table-footer.v4 .pagination>.disabled>a:focus,
.table-footer.v4 .pagination>.disabled>a:hover,
.table-footer.v4 .pagination>.disabled>span,
.table-footer.v4 .pagination>.disabled>span:focus,
.table-footer.v4 .pagination>.disabled>span:hover {
    background-color: var(--gray-tree)!important;
    color: var(--gray-four)!important;
}

.table-footer.v4 .pagination>.active>a,
.table-footer.v4 .pagination>.active>a:focus,
.table-footer.v4 .pagination>.active>a:hover,
.table-footer.v4 .pagination>.active>span,
.table-footer.v4 .pagination>.active>span:focus,
.table-footer.v4 .pagination>.active>span:hover,
.table-footer.v4 .pagination>li>a:focus,
.table-footer.v4 .pagination>li>a:hover,
.table-footer.v4 .pagination>li>span:focus,
.table-footer.v4 .pagination>li>span:hover{
    background-color: var(--gray-four)!important;
    color: var(--gray-one)!important;
}

/*#endregion*/

.left-radius{
    border-radius: var(--control-border-radius) 0px 0px var(--control-border-radius)!important;
}

.right-radius{
    border-radius: 0px var(--control-border-radius) var(--control-border-radius) 0px!important;
}

.no-radius{
    border-radius: 0px!important;
}

.fb-9 {
    flex-basis: calc(9 * 100%/12);
}

/*#region responsive*/

@media (min-width: 1281px) {
  #main-menu .page-header ul.middle-nav li > a {
    border-radius: 12px;
  }
  #main-menu .page-header ul.middle-nav li > a > span {
    font-size: 75%!important;
  }
  #main-menu .page-header ul.middle-nav li > a > i {
    width: 31%!important;
    height: 31%!important;
  }
  #top-bar .top-bar-left ul li.info.date a,
  #top-bar .user.dropdown>a>span,
  #top-bar.navbar li.access-time .time{
    font-size: 14px;
  }
  #top-bar.navbar li.access-time .time{
    width: 115px!important;
  }
  div#section.page-container .stats li span {
    font-size: 14px!important;
    padding: 5px 9px!important;
  }
}

@media (max-width: 1707px){
  .footer {
      display: flex;
  }
}

@media (max-width: 1366px){
  span.float-xxl a {
    height: 26px;
    font-size: 12px;
    margin-top: calc((var(--modules-padding-top-bottom) + 55px) * -1);
    padding: 3px 6px!important;
  }
  span.float-xxl a i {
    height: 21px;
    width: 21px;
  }
}

@media (max-width: 1200px){
    span.float-xl a {
      height: 26px;
      font-size: 12px;
      margin-top: calc((var(--modules-padding-top-bottom) + 55px) * -1);
      padding: 3px 6px!important;
    }

    span.float-xl a i {
      height: 21px;
      width: 21px;
    }

    .page-content .stat-box + .tabbable {
      /*height: calc(100% - 35px)!important;*/
      height: calc(100% - var(--modules-padding-top-bottom) - 26px)!important;
    }

    .page-content ul.stats {
        display: flex!important;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        justify-content: space-between;
        padding-left: 0px;
        width: 100%;
        padding: 0!important;
        align-items: center;
        margin-bottom: calc(var(--modules-padding-top-bottom) - 5px);
    }

    .page-content .stat-box .stats li{
        display: table;
        padding:0px!important;
        margin-top: 0px!important;
        position: inherit;
        margin-left: 0px;
    }

    .stat-box.add-container {
        right: -18px;
    }
}

@media (max-width: 1260px) {
  .stat-box{
    position: initial!important;
    padding:0px;
    margin-top: 0;
    background-color: var(--gray-two);
  }
  .stats {
    width: 100%;
    padding: 0!important;
    display: table;
  }
  .stats li{
    padding:0px!important;
    width: 25%;
  }
  div#section.page-container .stats li span:first-child{
    margin-right: 0px !important;
  }
}

@media (max-width: 1024px){
  .subsection-dashboard .wg-container{
    overflow-y: auto;
    padding: 0px!important;
  }

  .stat-box{
    padding:0 10px 0 1px;
    margin-right: 0px;
  }

  div:not(.reports-container) > .box-resize-container{
    width: 100%;
    height: 100%!important;
    flex-wrap: wrap!important;
  }

  div:not(.reports-container) > .box-resize-container > .box-resize:first-child,
  div:not(.reports-container) > .box-resize-container > .box-resize:last-child,
  div:not(.reports-container) > .box-resize-container > div.box-resize {
    width: 50%!important;
    height: 50%!important;
    padding: 0 8px 16px!important;
  }

  div:not(.reports-container) > .box-resize-container:last-child .box-resize{
    padding-bottom: 16px!important;
  }
}

@media (max-width: 992px){
  span.float-lg a {
    height: 26px;
    font-size: 12px;
    margin-top: calc((var(--modules-padding-top-bottom) + 55px) * -1);
    padding: 3px 6px!important;
  }

  span.float-lg a i {
    height: 21px;
    width: 21px;
  }
/*
  .stat-box{
    padding: 0px!important;
  } */
}

@media (max-width: 991px){
  .table-footer.v4 {
    padding: 10px 15px 0px!important;
  }

  .quotation-edit .modal-body .quotation-container [container-additionals].fade-in {
    padding-right: 0px;
  }
  .quotation-edit .modal-body .quotation-container > div:last-child {
    padding-left: 0px;
  }
}

@media (max-width: 980px){
  #top-bar.navbar .navbar-header .top-bar-right > i.company-logo-text{
    display: none;
  }
  #top-bar.navbar .navbar-header .top-bar-left{
    flex-basis: 100%;
  }
  #main-menu .page-header ul.middle-nav li > a{
    height: calc(100vw / 12 - 25px)!important;
  }
  .middle-nav li a{
    border-radius: 8px!important;
  }
  .page-content .stat-box .stats li.stat-box-ma {
      margin-top: 38px;
  }
  .modal-content.first-modal, #quotation_results {
      min-width: calc(100vw - 18px);
      height: auto;
  }
  #quotation_results {
      margin-left: 0px !important;
      margin-top: 10px !important;
  }
}

@media (max-width: 1000px){
  div[container-additionals].fade-in {
    max-width: 100%;
  }
  div[container-additionals].fade-out {
    height: 0px;
  }
  .modal [container-additionals] .table-responsive{
    max-height: 100%!important;
  }
}

@media (max-width: 872px){
  div#section.page-container .stats li span {
    padding: 6px 6px 4px!important;
  }

  .quotation-edit .selectize-input{
    padding: 6px 9px!important;
  }

  #main-menu .page-header ul.middle-nav li > a > i {
    background-size: contain;
    width: 70%!important;
    height: 70%!important;
  }

  #main-menu .page-header ul.middle-nav li > a > span{
    display: none!important;
  }
}

@media (max-width: 742px){
  .col-lg-12.col-md-12.col-xs-12.flex-center.h30{
        display: flex;
        flex-wrap: wrap;
        width: 200;
    }

  div[class="col-lg-12 col-md-12 col-xs-12 flex-center h30"] label.info {
    font-size: 10px!important;
  }
}

@media (min-width: 800px) and (max-width: 835px){
    .nav.navbar-nav.user-nav .isotipo .dashboard-name {
        width: 130px!important;
        background-size: contain;
        background-repeat: no-repeat;
    }
}

@media (min-width: 769px) {
  .pr0-gt-md{
    padding-right: 0px!important;
  }
}

@media (max-width: 800px){
    .footer {
      display: none;
    }

    .subsection-dashboard .wg-container{
      overflow-y: hidden;
    }

    .box-resize-container{
      height: auto!important;
    }

    .box-resize-container > .box-resize:first-child,
    .box-resize-container > .box-resize:last-child,
    .box-resize-container > div.box-resize {
      width: 100%!important;
      max-height: 550px!important;
      min-height: 200px;
    }

    .box-resize-container {
      display: flex;
      flex-direction: column;
    }
    .box-resize{
      display: inherit;
    }

    .box-resize .panel-body {
      min-height: 300px;
    }

    .box-resize .panel.panel-info {
      width: 100%!important;
    }

    .page-header ul.middle-nav li > a {
        padding: 0px!important;
        border: 0px!important;
        height: 45px!important;
    }
    div#section.page-container.container-fluid {
        height: auto!important;
        margin-top: 5px;
    }
    #top-bar .nav.navbar-nav.user-nav li:last-child:not(.logout-button){
        position: inherit;
    }
    #top-bar .info.date{
        display: none;
    }
    .table>tbody>tr>td,
    .table>thead>tr>td,
    div#section.page-container .table-responsive thead,
    div#section.page-container .table-responsive thead th{
      padding: 4px!important;
    }

    .report-filter {
      margin-top: 0px;
    }

    .table-footer.v4 .pagination {
        top: 0px;
    }
    .hidden-mobile {
      display: none;
    }
}

@media (max-width: 768px){
  #main-menu .page-header ul.middle-nav li > a{
    height: calc(100vw / 12 - 20px)!important;
  }
  .modal.fade.work.login-modal.in .modal-dialog {
      border-radius: 6px;
  }
  #top-bar .nav.navbar-nav.user-nav li:last-child:not(.logout-button) {
      position: absolute;
      right: 10px!important;
  }
  .page-content .stat-box .stats li {
      position: initial!important;
      margin-top: 5px!important;
  }
  .page-content .stat-box .stats li.stat-box-ma {
      margin-left: 4px;
  }
  .force-2-col-md {
      width: calc(3 * 100%/12)!important;
  }

  .report-filter {
    margin-top: 0px;
  }
  .tab-section #header-section #filters-section.form-tab.report-filter .form-group {
    margin-bottom: 7px!important;
  }

  .pl-md-0{
    padding-left: 0px!important;
  }

  .height-inherit-md{
    height: inherit!important;
  }
  .vertical-scroll-sm{
    overflow-x: hidden;
    overflow-y: auto;
  }

  .modal .notify-group.modal-container .selectize-control,
  .modal .notify-group.modal-container .selectize-input{
    height:34px!important;
  }
}

@media (max-width: 730px){
  #main-menu .page-header ul.middle-nav li > a {
    height: calc(100vw / 12 - 16px)!important;
    width: calc(100vw / 12 - 8px)!important;
  }
}
@media (max-width: 594px){
  .table-footer.v4 {
    padding: 10px 0px 0px!important;
  }
  .stat-box{
    padding:0 8px;
  }
}

@media (max-width: 506px){
    .page-header{
        margin-left: 0px!important;
    }
    .form-control {
      padding: 6px!important;
    }
}

div#section.page-container
  .workflow .workflow-box > div:first-child,
  .ui-sortable-handle.box-resize td,
  .ui-sortable-handle.box-resize th,
  .ui-sortable-handle .workflow-box,
  .ui-sortable-handle .chart tspan {
  font-size: 12px!important;
}
@media (max-width: 1200px){
  div#section.page-container
  .workflow .workflow-box > div:first-child,
  .ui-sortable-handle.box-resize td,
  .ui-sortable-handle.box-resize th,
  .ui-sortable-handle .workflow-box,
  .ui-sortable-handle .chart tspan
  {
    font-size: 11px!important;
  }
}

@media (max-height: 768px) {
    :root {
      --modules-padding-top-bottom: 1.8vh;
    }
    #top-bar .top-bar-left ul li.info.date a,
    #top-bar .user.dropdown>a>span,
    #top-bar.navbar li.access-time .time {
      font-size: 12px;
    }

    .box-resize-container {
      height: 49.5%!important;
    }

    .box-resize {
      padding: 0 8px 8px !important;
    }

    .box-resize:first-child {
      padding-bottom: 8px !important;
    }

    .box-resize-container:last-child .box-resize {
      padding-bottom: 0px !important;
    }

    .nav-tabs>li>a{
      font-size: 12px;
    }

    .table>tbody>tr>td, .table>thead>tr>td{
      padding: 3px 10px !important;
      font-size: 11px;
    }

    div#section.page-container .table-responsive thead, div#section.page-container .table-responsive thead th {
      background-color: #FFF;
      font-weight: bold;
      padding: 3px 10px!important;
      font-size: 12px;
    }

    .form-tab.v4 input, .form-tab.v4 ::placeholder {
      font-size: 10px!important;
    }

    div#section.page-container .box-resize .panel-info > .panel-heading h6.panel-title {
      font-size: 11px!important;
      height: 32px!important;
    }

    .panel .btn-link-box div {
      height: 32px!important;
    }

    ul.buttons-export-chart {
      margin-top: 5px;
      margin-bottom: 5px;
    }

    ul.buttons-export-chart .icon-30 {
      width: 22px;
      height: 22px;
    }

    .modal .form-modal .form-group.width-100 [class*=col-].input-group {
        width: 100%!important;
    }

    .dual-input .form-group .col-sm-6 > div:only-child,
    .modal .form-modal .dual-input .form-group [class*=col-]:first-child .input-group,
    .modal .form-modal .dual-input .form-group [class*=col-] > .input-group,
    .modal .form-modal [class*=col-] .input-group:only-child {
        width: 100%!important;
    }

    .tab-content .form-horizontal .form-modal .form-group {
        height: 27px !important;
    }

    #details
    .form-group.width-100
    {
      height: 100% !important;
    }

    .policy-edit .form-group.input-v4-style {
      height: 33px!important;
      min-height: 33px!important;
      padding: 2px 12px;
    }

    .input-v4-style .col-sm-7{
      width: calc(100% / 12 * 7)!important;
    }
    .input-v4-style .col-sm-5{
      width: calc(100% / 12 * 5)!important;
    }

    #top-bar .top-bar-right li.language .selectize-control .selectize-input .item{
      padding: 0px;
      margin-top: 0px!important;
      top: inherit;
    }

    .quotation-edit {
      max-height: 620px;
    }

    .tab-content {
        height: calc(100% - 35px);
    }

    div#section.page-container .stats li span {
        padding: 3px 10px!important;
        font-size: 11px!important;
    }

    .nav-tabs>li>a {
        padding-top: 7px!important;
        padding-left: 12px!important;
        padding-right: 12px!important;
        font-size: 11px!important;
    }

    /* 2 items */
    .modal-footer .modal-options li:first-child:nth-last-child(2),
    .modal-footer .modal-options li:first-child:nth-last-child(2) ~ li{
      width: 50%;
    }

    /* 3 items */
    .modal-footer .modal-options li:first-child:nth-last-child(3),
    .modal-footer .modal-options li:first-child:nth-last-child(3) ~ li {
      width: 33%!important;
    }

    /* 4 items */
    .modal-footer .modal-options li:first-child:nth-last-child(4),
    .modal-footer .modal-options li:first-child:nth-last-child(4) ~ li {
      width: 25%;
    }

    /* 5 items */
    .modal-footer .modal-options li:first-child:nth-last-child(5),
    .modal-footer .modal-options li:first-child:nth-last-child(5) ~ li {
      width: 20%;
    }

    /* 6 items */
    .modal-footer .modal-options li:first-child:nth-last-child(6),
    .modal-footer .modal-options li:first-child:nth-last-child(6) ~ li {
      width: calc(100% / 6 - 12px);
    }

    /* 7 items */
    .modal-footer .modal-options li:first-child:nth-last-child(7),
    .modal-footer .modal-options li:first-child:nth-last-child(7) ~ li {
      width: calc(100% / 7 - 14px);
    }

    .nav-tabs.toolbar-tabs {
      height: 29px!important;
    }

    .modal .nav-tabs>li.active>a,
    .modal .nav-tabs>li>a {
      height: 29px!important;
      padding: 2.5px 12px!important;
    }

    .custom-checkbox-box label, .radio-custom-container label {
      height: 27px!important;
    }

    .add-container {
      margin-top: -49px;
    }

    .add-container a,
    .floating-button a,
    .quotation-add a {
      height: 28px;
      font-size: 11px;
      padding: 3px 8px!important;
    }

    .icon-24{
      height: 20px;
      width: 20px
    }

    #section .selectize-control.multi .selectize-input,
    #section .selectize-control.multi .selectize-input input,
    #section .selectize-control.single .selectize-input,
    #section .selectize-control.single .selectize-input input,
    #section .selectize-input {
      min-height: 100%!important;
      display: flex;
      align-items: center;
    }

    .tab-section .form-tab{
      padding: 10px 20px 0px!important;
    }
    .tab-section .form-tab .filter-btn-block li .btn{
      height: 100%;
    }

    .modal .selectize-input.items.has-options.full.has-items .item{
      font-size: 11px!important;
      height: 24px!important;
    }
    .modal .selectize-input{
      padding: 6px 18px!important;
    }

    .modal [container-additionals] .table-responsive{
      min-height: 150px!important;
      max-height: 100%!important;
    }

    /* Comienzo de sección de Reportes */

    .tab-section #header-section #filters-section.form-tab.report-filter .form-group{
      margin-bottom: 0px!important;
      height: 27px!important;
    }

    .tab-section #header-section.tab-title{
      border-bottom: 0;
      margin-top: 10px;
      height: auto!important;
    }

    .tab-section .form-tab.report-filter .selectize-input {
      padding: 3px 12px!important;
      min-height: 27px!important;
      /*height: 27px!important;*/
    }

    .tab-section .report-filter .input-group,
    .tab-section .report-filter .input-group .selectize-control,
    .tab-section .report-filter .selectize-control.single .selectize-input,
    .tab-section .form-tab.report-filter .filter-btn-block li .btn{
      height: 27px!important;
    }

    .block-absolute{
        top: -60px!important;
        margin: 0px;
    }

    .block-absolute .report-filter{
        padding:0px!important;
    }

    .box-resize-container.claim, .box-resize-container.sales {
        height: calc(50% - 2px)!important;
    }

    /* Fin de sección de Reportes */

    .modal .tabbable .tab-content .modal-container.height-all-sm{
      height: 100%!important;
    }

    .modal .form-modal .form-group input[id^=fake]{
      height: 27px!important;
    }

    .uploader .filename{
      padding-left: 7px!important;
    }

    .notify-group .form-control,
    .notify-group .custom-checkbox-box,
    .modal .modal-dialog .modal-content .modal-body .has-padding .modal-container.notify-group .form-group.flex-wrap[notification-targets] .custom-checkbox-box .custom-checkbox-label,
    .modal .modal-dialog .modal-content .modal-body .has-padding .modal-container.notify-group .form-group.flex-wrap[notification-targets] label.radio-custom-label{
      height: 26px!important;
    }

}

@media (max-width: 1200px) and (max-height: 768px) {
  .page-content .stat-box + .tabbable {
    height: calc(100% - var(--modules-padding-top-bottom) - 15px)!important;
  }
}

@media (max-height: 700px){
  .modal-dialog.modal-lg.vertical-align-center.height-auto {
    height: auto!important;
  }

  .quotation-edit {
    max-height: 609px;
  }
}

@media (max-height: 630px){
  .quotation-edit .form-group {
    margin-bottom: 7px!important;
  }
}

@media (max-height: 768px) and (max-width: 800px){
    #main-menu .page-header ul.middle-nav li > a{
        height: 50px;
    }
}

@media (max-height: 768px) and (max-width: 506px){
  .form-control {
    padding: 6px!important;
  }
}

@media (max-height: 577px){
  .col-md-12.modal-container.form-block{
    margin-top: 0px!important;
  }
}

@media (max-height: 500px){

  .footer {
    display: none;
  }

}

@media (max-width: 390px){
  .modal .tab-content [container-additionals] .table>thead>tr>th:first-child{
      width: 100%!important;
  }
}

/*#endregion*/

/* AJUSTE DE SECCION WIDGETS */

.box-resize.pb0{
    padding-bottom: 0px!important;
}

.options{
    height: calc(50% - 0px)!important;
}

.mr5{
    margin-right: 5px!important;
}

.modal-content.quotation-edit {
    border-radius: 8px 8px 8px 8px!important;
}

.form-horizontal .form-group.flex-nowrap .radio-custom-container label {
    height: 38px;
    padding: 10px;
    min-width: 50px;
}

td.plan-frequency {
    width: 58px;
}

td.plan-premium {
    font-size: 10px!important;
}

.float-r{
  float: right;
}

.modal-footer.v4 button{
    padding: 8px!important;
    text-transform: uppercase;
    letter-spacing: 1.5pt;
    font-size: 10px;
    font-weight: 600;
    height: 32px;
    background: transparent;
}

.warning .v4 .modal-header{
    background: linear-gradient(to right, #dd5353 0%, #dd5353 40%, #f76666 100%);
}

.success .v4 .modal-header {
    background: linear-gradient(to right, #4eac9c 0%, #36bba4 40%, #38cdb3 100%);
}

/* Inicio de nuevo estilo datetimepicker */

.v4 .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{
    background: linear-gradient(to right, var(--dark-blue) 0%, var(--blue) 40%, var(--blue) 100%);
    border-radius: 4px;
}

.v4 .bootstrap-datetimepicker-widget table th{
    text-transform: uppercase;
    font-size: 11px;
}

.v4 .bootstrap-datetimepicker-widget table td.day{
    font-size: 13px;
}

.v4 .bootstrap-datetimepicker-widget table td.day:hover,
.v4 .bootstrap-datetimepicker-widget table td.hour:hover,
.v4 .bootstrap-datetimepicker-widget table td.minute:hover,
.v4 .bootstrap-datetimepicker-widget table td.second:hover{
    border-radius: 4px;
}

.v4 .bootstrap-datetimepicker-widget table thead tr th{
    border-bottom:0px!important;
}

.v4 .bootstrap-datetimepicker-widget table thead tr th span{
    font-family: 'FontAwesome'!important;
    font-size:16px;
}

.v4 .bootstrap-datetimepicker-widget .dropdown-menu li.active a,
.v4 .bootstrap-datetimepicker-widget .dropdown-menu li a:hover {
    background-color: transparent!important;
    color: var(--gray-one)!important;
}

.v4 .bootstrap-datetimepicker-widget .picker-switch td span{
    border-radius:4px;
    font-family: 'FontAwesome'!important;
    line-height: 1.8;
}

.v4 .bootstrap-datetimepicker-widget a[data-action]:hover{
    background-color: white!important;
    color: white;
}

.v4 .bootstrap-datetimepicker-widget a[data-action]:hover span{
    background-color: var(--gray-two);
    color: var(--gray-four)!important;
}

.v4 .bootstrap-datetimepicker-widget a[data-action] span{
    color: var(--gray-four);
    border-radius: var(--control-border-radius)!important;
}

.v4 .bootstrap-datetimepicker-widget.dropdown-menu{
    border: 1px solid rgb(0 0 0 / 1%);
}

table .fa{
    font-family: FontAwesome!important;
}

.v4 .bootstrap-datetimepicker-widget .timepicker span.fa{
    color: var(--blue)!important;
    border-radius: 7px!important;
    padding: 14px 15px!important;
}

.v4 .bootstrap-datetimepicker-widget .timepicker a:hover span.fa{
    color:white!important;
}

.v4 .bootstrap-datetimepicker-widget .timepicker a[data-action]:hover span{
    background: linear-gradient(to right, var(--dark-blue) 0%, var(--blue) 40%, var(--blue) 100%);
}

.v4 .bootstrap-datetimepicker-widget .datepicker-months table td span,
.v4 .bootstrap-datetimepicker-widget .datepicker-years table td span,
.v4 .bootstrap-datetimepicker-widget .datepicker-decades table td span{
    font-size: 12px;
}

.v4 .bootstrap-datetimepicker-widget .datepicker-months table td,
.v4 .bootstrap-datetimepicker-widget .datepicker-years table td{
    padding:0px!important;
}

.v4 .bootstrap-datetimepicker-widget .datepicker-decades table td {
    padding: 12px 0px 0px!important;
}

.v4 .bootstrap-datetimepicker-widget table td span.active{
    background: linear-gradient(to right, var(--dark-blue) 0%, var(--blue) 40%, var(--blue) 100%);
}

.v4 .bootstrap-datetimepicker-widget ul li.collapse.in{
    height: initial!important;
}

.v4 .bootstrap-datetimepicker-widget table td.today.active:before{
    border-bottom-color: white!important;
}

.v4 .bootstrap-datetimepicker-widget table td.today:before{
    border-bottom-color: var(--orange-primary)!important;
}

.v4 .bootstrap-datetimepicker-widget.dropdown-menu{
    overflow: hidden;
    border-radius: 10px;
}

/* Fin de nuevo estilo datetimepicker */

.v4 .modal .tabbable textarea.form-control{
    border: 1px solid var(--gray-two)!important;
    background-color: transparent;
}

.v4 .modal .form-group .input-group > input.form-control.calendar-picker{
    border-right: 1px solid var(--gray-two)!important;
}

.sale-structure{
    background-image: url(../fonts/icons/hierarchy.svg);
}

.flex-stretch,
.v4 .flex-stretch,
.v4 .flex-stretch .tabbable,
.v4 .flex-stretch .tabbable .tab-pane.active{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.v4 .flex-stretch .tabbable .tab-content.active
.v4 .flex-stretch .tabbable .tab-pane .modal-container{
    height:100%!important;
}

.table-footer.v4 .right-part ul.export-ul li a span{
    margin-left:3px;
    margin-top: 5px!important;
}

.table-footer.v4 .right-part ul.export-ul li{
    margin-right:10px;
}

.table-footer.v4 .right-part ul.export-ul li:last-child{
    margin-right: 0px!important;
}

.table-footer.v4 .right-part ul.export-action li:last-child{
  margin-right: 10px!important;
}

.modal .selectize-control.single .selectize-input.not-full input{
    width: 100%!important;
}

td.plan-frequency {
    font-size: 10px!important;
}

.float-l{
  float: left;
}

.quotation-premium{
  font-size: 10px;
  float: right;
}

.quotation-radio {
  width: 17px!important;
  height: 17px!important;
}

.fz-10{
  font-size: 10px;
}

.padd-left-5{
  padding-left: 5px!important;
}

td.plan-option {
    font-weight: bold;
}

.tab-section .modal-table table{
    border-bottom: 1px solid #ddd!important;
}

.pt20{
    padding-top:20px!important;
}

.modal .tab-pane .calc-height-68 .table-footer{
    border-radius: 0px 0px 6px 6px!important;
}

.modal-content.quotation-edit
.modal-body
.tab-content
.modal-container
{
  overflow-y: auto;
}


@media screen and (max-height: 700px)
{
  .modal-content.quotation-edit
  .modal-body
  {
    height: calc(100vh - 100px)!important
  }

  .modal-content.quotation-edit
  .modal-body
  .row
  .tabbable
  .tab-content.has-padding.no-txt-transform
  {
    min-height: unset !important;
  }
}

.panel-gray {
    background-color: transparent;
}

.panel-gray .panel-heading{
    background-color: #cccccc!important;
    background: #cccccc!important;
    height: 40px;
    width: 100%;
    line-height: 1.6;
}

.tab-content #tab_policies .modal-container {
  height: 100% !important;
}

#tab_coverages .modal-container
{
  height: 100% !important;
}

#tab_coverages .modal-flex .panel-info .table-responsive
{
  max-height: 100% !important;
}

.panel-gray .panel-title{
    color: var(--gray-four);
    font-weight: bold;
    line-height: 2.8;
    height: auto!important;
    padding: 0px 15px!important;
    font-size: 14px;
}

.panel-gray .table-responsive{
    border-radius: 0px!important;
    border:0px!important;
}

.panel-gray .table-responsive thead,
.panel-gray .table-responsive thead tr,
.panel-gray .table-responsive thead tr th{
    background-color: #e6e6e6!important;
}

.panel-gray span a {
    border: 1px solid var(--green-primary)!important;
    background-color: var(--green-primary)!important;
    color: var(--gray-one)!important;
    border-radius: var(--control-border-radius)!important;
    padding: 5px 10px;
}

.panel-gray .table-responsive .table-actions li a i{
    margin-right: 5px!important;
}

#details .form-group.width-100
{
  height: auto !important;
}

.add-container.top-initial{
  top: initial;
  bottom: 0px;
}

.add-container.right-20{
  right: 20px;
}

.v4 .form-group .input-group > span:first-child.input-group-addon.readonly{
  background-color: #eaeaea!important;
}

.btn>i.icon-24.m0, .icon-24.m0{
  margin: 0px!important;
}

.tchild-padding-0 .table-responsive{
  padding:0px!important;
}

.info-icon {
    background-image: url(../fonts/icons/info.svg);
}

.credit-card-icon {
    background-image: url(../fonts/icons/credit-card.svg);
}

.btn-v4.btn-default-v4.btn-block.btn-green {
    background-color: #239168;
    border-color: #239168!important;
    font-size: 10px!important;
    font-family: 'Kumbh Sans';
}

.btn-v4.btn-default-v4.btn-block.btn-green:hover{
    background-color: rgb(35 145 104 / 60%)!important;
    border-color: rgb(35 145 104 / 30%)!important;
}

.width-auto .control-label{
    width: auto;
}

.mr-10 .control-label{
  margin-right: 10px!important;
}

.uploader{
    border: 1px solid var(--gray-two)!important;
    background-color: transparent;
    border-radius: var(--control-border-radius);
}

.uploader span.action{
      border-radius: 100px!important;
}

.modal .modal-content.v4 textarea.form-control{
    border: 1px solid #f9f9f9!important;
    background-color: #f9f9f9;
}

.flex-form .form-group.hauto .expanded-container{
  border-radius: var(--control-border-radius);
}

.modal-content.v4 .form-group .input-group > input.form-control,
.modal-content.v4 .form-group .input-group > input:only-child{
      background-color: #f9f9f9;
}

.modal-content.v4 .form-group.width-100 .input-group{
  width: 100%!important;
}

.p-10-30-0{
      padding: 10px 30px 0px;
}

.modal-content.v4 .selectize-input.items.locked{
  background-color: var(--gray-two) !important;;
}

.btn-filter {
    position: relative;
    right: initial!important;
    top: initial!important;
}

.d-contents{
  display: contents;
}

.v4 .checkbox-container .fieldset-checkbox .checkbox-child-container .col-sm-12 .col-checkbox{
      margin-bottom: 6px!important;
}

.v4 .filter-modal .form-inline ul li:first-child
.v4 .tab-section .form-tab .filter-btn-block li:nth-child(1) .input-group .selectize-control, .tab-section .form-tab .filter-btn-block li:nth-child(1) .input-group select{
  width: 100%!important;
}

.v4 .data-agent{
  height:initial;
}

.weekly-block{
    display: flex;
    flex-wrap: wrap;
}

.flex-end, .flex-end form{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.mt-initial-right{
    margin-top: initial;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    right: initial;
    padding: 15px 0px 0px;
}

.h45{
  height:45px;
}

.overflow-hidden{
      overflow: hidden;
}

.p15{
  padding:15px!important;
}

.modal .v4 .expanded-container{
  padding-top: 10px!important;
  padding-bottom: 10px!important;
  border-radius: 10px!important;
  padding-right:0px!important;
}

.modal .v4 .expanded-block{
  padding: 0px;
}

.modal .v4 .expanded-container .row,
.modal .v4 .expanded-block .row{
  height: auto!important;
}

.modal .v4 .expanded-block .row:first-child{
  display: flex;
}

.modal .v4 .expanded-block .row .checkbox-label-block{
    display: flex;
    align-items: center;
    min-height: 19px;
    width:100%!important;
}

.modal .v4 .expanded-container .row {
    margin: 0px;
}

.modal .v4 .expanded-block .row .checkbox-block .custom-checkbox-box label{
    padding: 0px!important;
    height: auto!important;
}

.expanded-block .row .col-sm-2.checkbox-block{
    width: 26px!important;
}

.pt10{
  padding-top:10px!important;
}

.position-right{
  right:10px!important;
}

.modal.modal-list .table-responsive {
    min-height: 409px!important;
}

.modal-body .nav-tabs>li.active>a,
.modal .tab-content .table>thead>tr>th{
      font-weight: bold!important;
}

.modal-footer .info, .table-footer .info{
  font-size: 13px!important;
}

.h30{
  height:30px;
}

.flex-row-reverse.col-sm-9 {
    min-height: 35px;
}

span.visible-md.visible-lg {
    white-space: nowrap;
}

.nav-tabs>li.active>a i.fa-agent{
    background-color: #000!important;
}

.table-actions li a:hover i,
.ul-box  ul li a:hover i,
.buttons-export-chart li a:hover img,
ul.buttons-export-chart > li > a.btn:hover i {
    filter: invert(1) brightness(1) contrast(72%);
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.modal .nav-tabs>li{
    height: 42px!important;
    margin-bottom: -4px;
}

.form-group.mb0,
.modal .form-group.mb0{
  margin-bottom: 0px!important;
}

.form-group .height-100 textarea,
.modal .form-group.height-100 textarea{
  height: 100px!important;
}

table.table.inline-prototype thead {
    position: inherit;
}

.panel.panel-default .table-responsive {
    max-height: 100%;
}

td.text-right.delete {
    text-align: center!important;
}

div table tr td label.info.fs11{
  font-size: 11px!important;
}

table.table.v4.table-hover.bootstrap-sort.no-title.no-option-align thead {
    position: inherit;
}

.stat-box.add-container{
    padding:0px!important;
}

.block-absolute{
    position: absolute;
    top: -73px;
    right: -7px;
    width:40%;
}

.w-368{
  width: 368px;
}

.m-right15{
  margin-right: 15px;
}

.form-group.anual-premium .input-group.col-sm-9 .input-group-btn {
  background-color: var(--gray-two)!important;
  border-radius: 0px var(--control-border-radius) var(--control-border-radius) 0px;
}

div[class="form-group anual-premium"] a.btn.btn-default {
    border: 1px solid var(--green-primary)!important;
    background-color: var(--green-primary)!important;
    color: var(--gray-one)!important;
}

.table-responsive.table-none-srcoll{
    overflow-y: hidden!important;
}

.table-scroll-proto{
    height: 420px;
}

.table-responsive.table-none-srcoll table.table.inline-prototype thead{
    display: table;
    padding: 0px!important;
}

table.table.inline-prototype{
    display: grid;
}

div#section.page-container .table-responsive.table-none-srcoll table.table.inline-prototype thead{
    display: table;
    padding: 0px!important;
}

div#section.page-container .table-responsive.table-none-srcoll table.table.inline-prototype{
    overflow-y: hidden;
}

div#section.page-container .table-responsive.table-none-srcoll table.table.inline-prototype tr td.overflow-initial {
    width: 25%;
}

legend{
    background: transparent!important;
}

table tbody.fs11 tr td{
  font-size: 11px!important;
}

div table thead tr.fs10{
  font-size: 10px!important;
}

.no-options .table-responsive.table-brakedown .table td .form-control {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border: 1px solid var(--gray-two)!important;
    background-color: #eaeaea!important;
}

.table-brakedown .input-group .input-group-addon .icon-24 {
    margin-left: 4px;
    background-color: #eaeaea!important;
}

.table-brakedown .input-group .input-group-addon {
    border-top-left-radius: 12px!important;
    border-bottom-left-radius: 12px!important;
    border: 1px solid var(--gray-two)!important;
    background-color: #eaeaea!important;
  }

table tbody.fs11 tr td{
  font-size: 11px!important;
}

div table thead tr.fs10{
  font-size: 10px!important;
}

.no-options .table-responsive.table-brakedown .table td .form-control {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border: 1px solid var(--gray-two)!important;
    background-color: #eaeaea!important;
}

.table-brakedown .input-group .input-group-addon .icon-24 {
    margin-left: 4px;
    background-color: #eaeaea!important;
}

.table-brakedown .input-group .input-group-addon {
    border-top-left-radius: 12px!important;
    border-bottom-left-radius: 12px!important;
    border: 1px solid var(--gray-two)!important;
    background-color: #eaeaea!important;
}

i.export-pdf-white.icon-30{
    width: 24px!important;
    height: 24px!important;
    margin-top: 5px;
}

i.export-pdf-white.icon-30:hover{
    background-image: url(../fonts/icons/export/pdf-gris.svg);
}

i.export-xls-white.icon-30:hover{
   background-image: url(../fonts/icons/export/xls-gris.svg);
}

input#workflowbundle_task_expiration_date {
  border-radius: 16px!important;
}

input#workflowbundle_task_start_date{
  border-radius: 16px!important;
}

input#workflowbundle_entity_task_expiration_date {
   border-radius: 16px!important;
}

input#workflowbundle_entity_task_start_date {
   border-radius: 16px!important;
}

textarea#workflowbundle_task_description {
    height: 130px!important;
}

.vertical-flex .flex-all-auto .modal.fade.work.in.main-modal .modal-content.policy-edit {
    min-width: 50%;
}

.modal .tabbable textarea.form-control {
    min-height: 65px;
}

.no-options .table-responsive.table-brakedown .table td .form-control {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border: 1px solid var(--gray-two)!important;
    background-color: #eaeaea!important;
}

.table-brakedown .input-group .input-group-addon .icon-24 {
    margin-left: 4px;
    background-color: #eaeaea!important;
}

.table-brakedown .input-group .input-group-addon {
    border-top-left-radius: 12px!important;
    border-bottom-left-radius: 12px!important;
    border: 1px solid var(--gray-two)!important;
    background-color: #eaeaea!important;
}

i.export-xls-white.icon-30 {
    width: 25px!important;
    height: 25px!important;
    margin-top: 5px
}

i.export-pdf-white.icon-30{
    width: 25px!important;
    height: 25px!important;
    margin-top: 5px;
}

i.export-pdf-white.icon-30:hover{
    background-image: url(../fonts/icons/export/pdf-gris.svg);
}

.modal-content.width-50.modal-50{
  width: 55%!important;
}

a.btn.btn-default.more-btn{
  padding: 0px 6px!important;
  height: 25px;
  width: 28px!important;
  margin-left: 0px;
  margin-right: 4px;
}

.modal .selectize-control.single .selectize-input.not-full input::placeholder {
    font-size: 12px!important;
}

/* ----------------FIN----------------------- */

.pb-10{
  padding-bottom: 10px!important;
}

.mw-55{
    min-width: 55%;
}

a.btn.btn-default.more-btn{
  padding: 0px 6px!important;
  height: 25px;
  width: 28px!important;
  margin-left: 0px;
  margin-right: 4px;
}

i.icon-24.zoom-in {
    min-width: 24px;
}

.selectize-input.items.not-full.has-options.has-items.locked {
    height: 35px!important;
}

.max-height-782{
  max-height: 782px
}

.mw-55{
  min-width: 55%;
}

.modal-content.width-50.modal-50{
  width: 55%!important;
}

.modal-tasks .modal-body .tab-content{
    padding: 15px!important;
}

.modal-tasks .icon-section {
    width: 75px;
}

.modal-tasks .info-task h5 {
    font-size: 17px;
    margin: 5px 0 5px;
}

.modal-tasks  .modal-body.flex-all-auto.form-all{
    padding: 15px;
}

.box-task fieldset legend,
.info-task h5, .panel-head-title h5, .panel-head-title h6, .title-task h2{
    font-family: 'Kumbh Sans', sans-serif;
}

.v4 .modal .tabbable .form-group.h100.has-error textarea.form-control{
    border: 1px solid var(--red-primary)!important;
}


.modal-content.width-50.modal-50{
    width: 55%!important;
}

table tbody.fs11 tr td{
    font-size: 11px!important;
}


div table thead tr.fs10{
    font-size: 10px!important;
}

div#activity-modal .single-table [class*=col-md] .modal-content .modal-body [class*=col-md] {
    padding: 5px!important;
}

.v4 div#activity-modal .form-group .input-group > input.form-control.calendar-picker {
    border-radius: 20px!important;
}

.datepicker-decades table td .decade:nth-child(7){
  margin-left:6px;
}

.v4 div#activity-modal .selectize-control.multi .selectize-input.has-items{
    height:100%!important;
}

.modal.fade.work.in.main-modal .modal-body.modal-height-all-min.flex-all-auto.form-all
.single-table [class*=col-md] .modal-content .modal-body [class*=col-md] {
    padding: 5px!important;
}

.no-options .table-responsive table.table.table-condensed th:last-child{
    text-align: right!important;
}

.fs8{
    font-size:8px!important;
}

.h35{
  height: 35px
}

.col-sm-6.p0.pr2{
  padding-right: 2px!important;
}

.section-box-chart .sales{
  height: calc(50% - 23px)!important;
}

.input-border-radius .input-group.col-sm-9 input{
    border-top-right-radius: 25px!important;
    border-bottom-right-radius: 25px!important;
}

.v4 .form-group .input-group span.input-group-addon i[class*=icon-].icon-20.currency-icon {
    width: 25px;
    height: 25px;
}

i[class*=icon-].icon-20.text-uss {
    font-style: normal!important;
    font-size: 12px;
}

.table-brakedown .input-group .input-group-addon i.icon-20.text-uss{
    padding: 5px;
}

.flex-center.h30.text-grid{
    display: grid;
    justify-content: left;
    text-align: left;
}

.background-white-div-kpi{
  height: 100%!important;
  background-color: var(--gray-one)!important;
}

.background-white-div-kpi .all-height {
    margin-top: 8px;
}

.kpi-speed{
    min-height: 440px;
}

.kpi-bar{
    min-height: 220px;
}

button.btn-a-v4,
a.btn-a-v4{
    border: 1px solid var(--gray-tree);
    background-color: transparent;
    color: var(--gray-four);
    border-radius: var(--control-border-radius)!important;
}

.modal-login-recovery .recovery-container {
    background: var(--gray-one);
    padding: 15px;
}

.modal-login-recovery .recovery-container input{
    border: 1px solid var(--gray-two)!important;
    background-color: transparent;
    border-radius: 20px;
}

.model-save-div{
      padding: 10px 15px 0px;
}

.modal-footer .modal-options-box .modal-options{
    display: flex;
    align-items: center;
    justify-content: right;
}

#loading {
  position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 46px;
    right: 0;
    background: rgb(233 233 233 / 80%);
    z-index: 9999999999999999;
    border-radius: 8px;
}

#loading  div{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}

#loading  img {
    width: 20px;
    margin: auto;
    position: absolute;
    top: -50px;
    right: 0;
    left: 0;
    bottom: 0;
}

#loading div::before {
    content: "";
    position: absolute;
    border: 5px solid #000;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-sizing: border-box;
    border-left: 5px solid #3d7abd;
    border-top: 5px solid #3d7abd;
    animation: rotarload 1s linear infinite;
    transform: rotate(100deg);
}

@keyframes rotarload {
    0%   {transform: rotate(0deg)}
    100% {transform: rotate(360deg)}
}

.no-wrap {
  white-space: nowrap;
  font-size: 9.5px!important;
}

.h10 {
  height: 10px!important;
}

.label-check-all{
  position:unset!important;
}

.commission-height{
  max-height: 40rem!important;
}

.commission-row-height{
  max-height: 50rem!important;
}

.p-checkbox .row .expanded-block{
  padding: 5px 25px!important;
}

.vertical-flex .h-300 {
  max-height: 330px!important;
  padding: 0px!important;
}

.form-horizontal .form-group.flex-wrap.rounded .radio-custom-container label{
  width: 100%;
  text-align: center;
  justify-content: center;
  border-radius: 20px;
  border: 1px solid #ccc;
}

.modify-agent{
  display: flex;
  padding: 0 0 0 3px!important;
  background-color: #E9E9E9;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  position: absolute;
  right: 10px;
  transform: translateY(-120%);
  align-items: center;
  font-size: 12px;
}

.modify-agent .custom-checkbox-box > input[type="checkbox"]{
  display: none;
}

.modify-agent .custom-checkbox-box  > label::before {
  content: none!important;
}

.modify-agent .custom-checkbox-box  > label::after {
  font-family: 'FontAwesome';
  content: "\f040";
}

.modify-agent .clicked {
  color: #1F72B3!important
}

.w-48 {
  width: 48%!important;
}

.space-around {
  display: flex!important;
  justify-content: space-around!important;
}

.form-control button[core-button='ofac'] {
  font-family: 'Kumbh Sans';
}
.fs-14{
  font-size: 14px!important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mr-4 {
  margin-right: 1.8rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.mr-6 {
  margin-right: 4rem !important;
}

.mr-7 {
  margin-right: 5rem !important;
}

.mr-8 {
  margin-right: 7.5rem !important;
}

.mr-9 {
  margin-right: 10rem !important;
}

.mr-10 {
  margin-right: 12.5rem !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.ml-4 {
  margin-left: 1.8rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.ml-6 {
  margin-left: 4rem !important;
}

.ml-7 {
  margin-left: 5rem !important;
}

.ml-8 {
  margin-left: 7.5rem !important;
}

.ml-9 {
  margin-left: 10rem !important;
}

.ml-10 {
  margin-left: 12.5rem !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.8rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-6 {
  margin-bottom: 4rem !important;
}

.mb-7 {
  margin-bottom: 5rem !important;
}

.mb-8 {
  margin-bottom: 7.5rem !important;
}

.mb-9 {
  margin-bottom: 10rem !important;
}

.mb-10 {
  margin-bottom: 12.5rem !important;
}


.fs-15
{
  font-size: 1.5rem !important;
}

.fs-1
{
  font-size: 1.75rem !important;
}

.fs-2
{
  font-size: 1.25rem !important;
}

.fs-3
{
  font-size: 1.125rem !important;
}

.fs-4
{
  font-size: 1rem !important;
}

.fs-5
{
  font-size: 0.75rem !important;
}

.fs-5
{
  font-size: 0.875rem !important;
}

.text-blue
{
  color: #3C59FC;
}

.text-grey
{
  color: #aaa;
}

.modal-content .modal-body #tab_transaction [class*='col-'] .form-group:last-child{
  margin-bottom: 10px!important;
}

.chip
{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .0625rem .625rem;
  background: #e6e6e6;
  border-radius: 20px;
  min-width: 90px;
  margin-right: 0.75rem;
  font-size: 1rem;
  font-weight: 800;
}

.fix-request-list .table th.nosort
{
  width: initial !important;
}

.aprove-request-list .table > tbody > tr > td
{
  white-space: pre-wrap;
}

.brl-125
{
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}

.v4 .form-group .input-group > a input.form-control
{
  border: 1px solid var(--gray-two)!important;
}

.importer-img
{
  background-image: url(../fonts/icons/importer.svg);
}

#main-menu .middle-nav li a:hover > .importer-img,
#main-menu .middle-nav li a.active > .importer-img
{
  filter: brightness(0) invert(1);
}

.fix-request-list .table th.nosort
{
  width: initial !important;
}

.fix-request-list .table-responsive,
.aprove-request-list .table-responsive
{
  position: relative;
  overflow: auto;
}
.fix-request-list .table input.form-control
{
  width: auto;
}
.fix-request-list .table,
.aprove-request-list .table
{
  position: absolute;
  table-layout: unset!important;
}

.aprove-request-list .check-container
{
  position: absolute;
  display: flex;
  right: 10;
}

.aprove-request-list .check-container div
{
  margin-left: 10px;
}

.modal .input-group .form-control.h-160
{
  height: 160px!important;
}

select[download-attachment].btn-v4.btn-info-v4.btn-block
{
  padding: 9px!important;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}

select[download-attachment].btn-v4.btn-info-v4.btn-block option
{
  padding: 8px!important;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}
/**/
@media screen and (max-height: 640px) {
  .modal-tasks  .modal-body.flex-all-auto.form-all{
    max-height: 80vh;
  }
}

input[type="text"].color-email {
  color: var(--dark-blue);
}

input[type="text"].color-email-invalid {
  color: var(--red-primary);
}


input[type="text"].color-email {
  color: var(--dark-blue);
}

input[type="text"].color-email-invalid {
  color: var(--red-primary);
}
.icon-notify
{
  background-image: url(../fonts/icons/actions/send_mail.svg);
}

.icon-info-focus
{
  background-image: url(../fonts/icons/actions/new-info.svg);
}

.icon-info-focus:hover
{
  filter: invert(1) brightness(1) contrast(72%);
  filter: drop-shadow(2px 2px 2px  black) invert(75%);
  cursor: help;
}

.icon-reverse-transaction
{
  background-image: url(../fonts/icons/reverse.svg);
}

.icon-reverse-transaction:hover
{
  filter: invert(1) brightness(1) contrast(72%);
}

.quotation-edit {
  height:unset;
  max-width: 1400px
}

.modal .modal-body .tabbable .tab-content .modal-container.credit_account_edit{
  height: 100%!important;
}

.modal .modal-container.credit_account_edit .vertical-flex .table-responsive{
  min-height: auto!important;
}

.pr16{
  padding-right: 16px!important
}

.accountTransfer{
  min-width: 70%!important;
}

form[name="credits_account_transfer"] .modal-dialog{
  width: 60%!important;
}

.modal-dialog .modal-content.agent-edit
{
  min-width:810px;
}

.gap-30{
  gap: 30px;
}

.gap-25{
  gap: 25px;
}


.gap-20{
  gap: 20px;
}


.gap-15{
  gap: 15px;
}

.gap-10{
  gap: 10px;
}

.gap-5{
  gap: 5px;
}

.notify-group .custom-checkbox-box{
  width: 50%!important;
  height: 35px;
}

.notify-group .custom-checkbox-box .custom-checkbox-label{
  height: 34px!important;
}

.modal .notify-group.modal-container .selectize-input.items.has-options.not-full ::placeholder{
  font-size: 12px!important;
}

.coverage-edit .modal-table.modal-flex .panel-info .table-responsive
{
  min-height: unset!important;
  overflow: auto!important;
}

.overflow-y{
  overflow-y: auto;
  overflow-x: hidden;
}

.modal .modal-container.col-md-12.h100{
  height: 100%!important;
}

.max-h-225 {
  max-height: 225px;
}

.min-h-225 {
  min-height: 225px;
}

.min-h-250 {
  min-height: 250px;
}

.min-h-275 {
  min-height: 275px;
}

.h-350 {
  height: 350px;
}

.min-h-300 {
  min-height: 300px;
}

.min-h-325 {
  min-height: 325px;
}

.min-h-350 {
  min-height: 350px;
}

.min-h-375 {
  min-height: 375px;
}

.min-h-400 {
  min-height: 400px;
}

.min-h-425 {
  min-height: 425px;
}

/*QUOTATION*/

.person-age{
  content: url('../fonts/icons/actions/age.svg');
  width: 12px;
  height: 14px;
  margin: auto;
}

.quotation-edit .modal-container.d-block {
  padding: 10px!important;
}

.modal-container .quotation-container{
  gap: 10px;
  height: 100%;
}

.modal .modal-container .quotation-container
.quote-form
{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modal .modal-container .quotation-container .quotation-information-container{
  justify-content: space-between;
}

.modal-container .quotation-container,
.modal-container .quotation-results-container,
.modal-container .quotation-insured-container,
.modal-container .quotation-information-container
{
  padding: unset!important;
}

.modal-container .quotation-results-container,
.modal-container .quotation-insured-container,
.modal-container .quotation-information-container
{
  width: calc(33.33% - 10px);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.quotation-container .modal-container .btn-results-action
{
  margin: unset!important;
  gap: 10px;
}

.modal-container
.quotation-container
.quotation-information-container
.quote-information-form > .w-45{
  width: calc(50% - 5px);
  /*Se pone -5 para que tome los pixeles del gap*/
  padding: unset;
  margin: unset!important;
  flex-grow: 1;
}

.quote-information-form{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.quote-product-title,
.quote-frecuency-title,
.quote-rider-title{
  color: var(--gray-four);
  height: 100%;
}

.quotation-container
.quote-form
.w-24{
  width: 24.37%;
}

.modal-container
.quote-product
{
  display: flex!important;
  gap: 10px;
  margin: unset!important;
  text-transform: capitalize;
}

.quote-product::before, .quote-frecuency::before,
.quote-product::after, .quote-frecuency::after
{
  content: unset!important;
}

.modal-container
.quotation-container
.quote-product
.custom-checkbox-box
{
  margin: unset!important;
  padding: unset!important;
  flex-grow: 1;
  width: 97px!important;
  flex-basis: unset;
}

.modal-container
.quotation-container
.quote-product
.custom-checkbox-box
.custom-checkbox-label
{
  height: 35px;
  width: 100%;
}

.modal-container
.quote-frecuency
{
  display: flex!important;
  gap: 10px;
  width: 100%;
  margin: unset!important;
}

.modal-container
.quotation-container
.quote-frecuency
.radio-custom-container
{
  margin: unset!important;
  padding: unset!important;
  flex-grow: 1;
  width: 75px!important;
  flex-basis: unset;
}

.modal
.quotation-container
.text-white{
  color: white!important;
}

.modal .modal-content .quote-rider .label-rider {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 35px;
  width: 100%;
  cursor: pointer!important;
}

.modal .modal-content .quote-rider
.quote-label-rider {
  cursor: pointer!important;
  width: 100%;
  text-align: center;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quote-rider {
  width: 100%;
  display: flex;
  gap: 10px;
}

.modal .modal-content .modal-body
#quotation .quote-rider .form-group.flex-wrap.w-100{
  margin: unset!important;
  padding: unset;
}

.modal-container .quotation-container
.quote-rider .custom-checkbox-box {
  margin: unset!important;
  padding: unset!important;
  flex-grow: 1;
  width: 97px!important;
  flex-basis: unset;
}

.quote-rider .form-group.flex-wrap.w-100
{
  flex-grow: 1;
}

.modal .modal-container .quote-rider
label.custom-checkbox-label,
.quote-rider .label-rider{
  height: 35px;
}

.modal .modal-container .quotation-container
label.custom-checkbox-label,
.modal .modal-container .quotation-container label.radio-custom-label
{
  background: none;
  border-color: var(--gray-four);
  height: 35px!important;
}

/*ADDITIONAL INSUREDS*/
.quotation-container .quotation-insured-container
.panel.panel-default {
  border-top: none;
}

.modal .quotation-container .quotation-insured-container th{
  background: none!important;
}

.modal .quotation-container .quotation-insured-container
tbody tr {
  border-top: none;
  padding:0 10px!important;
  display: flex;
  gap: 10px;
  align-items:center;
  border: none;
  height: auto!important;
}

.modal .quotation-container
.quotation-insured-container
tr td
{
  padding: unset!important;
  border: none;
  min-width: unset;
  overflow: unset!important;
}

.modal .quotation-edit [container-additionals] .input-group > input,
.modal .quotation-edit .quotation-container .quotation-insured-container[container-additionals] .selectize-input,
.modal .quotation-edit .form-control[disabled]{
  height: 35px!important;
  background-color: transparent;
  border-color: var(--gray-two)!important;
}

.quotation-results-container{
  justify-content: space-between;
}
.quotation-container .tab-content{
  max-height: 568px;
}

.quotation-edit .quotation-results-container .table-header{
  font-weight: bold;
  font-family: 'Kumbh Sans';
  padding: 6px 12px;
  height:28px!important;
  font-size:12px;
}

.quotation-edit .quotation-insured-container td.overflow-initial:nth-child(3) {
  width: 44px!important;
}

.modal .quotation-edit .quotation-container .quotation-insured-container .text-right.delete{
  width: unset!important;
}


.quotation-edit table.table tbody td{
  font-size:10.5px!important;
}

.quotation-edit span.total-quote{
  font-weight: 700!important;
  text-transform: uppercase;
}

.quotation-edit .quotation-container.quotation-edit .quotation-container .controls-white .has-error .input-group
{
  border: unset!important;
}

.quotation-edit .quotation-container .has-error .selectize-control .selectize-input.items.required.invalid.not-full.has-options,
.quotation-edit .quotation-container .quotation-insured-container .overflow-initial
.input-group.has-error input.form-control
{
  border: 1px solid var(--red-primary)!important;
}

.quotation-edit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: transparent!important;
}

.quotation-edit .modal-body{
  height: 100%;
}

.modal .quotation-edit .tab-content{
  height:100%!important;
}

.modal .quotation-edit .modal-container.d-block {
  margin: unset!important;
}

.quotation-edit .btn-insured-action{
  height: 35px;
  width: 100%;
}

.quotation-edit .selectize-dropdown .selectize-dropdown-content .option{
  text-transform: capitalize;
}

.modal .quotation-edit .modal-footer li{
  padding: unset!important;
  margin:unset!important;
}

.modal .quotation-edit .modal-footer .modal-options{
  gap: 10px;
}

.quotation-edit .modal-footer{
  padding: 10px!important;
  display: flex;
  align-items: center;
}

.quotation-edit .not-insurable{
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items:center;
}

.not-insurable ul{
  list-style-type: none;
  color: var(--red-primary);
}

.quotation-edit .quotation-container .selectize-control .selectize-input.items.required.invalid.not-full.has-options{
  border: 1px solid var(--gray-two)!important;
  border-radius: 24px;
}

.modal .quotation-edit .modal-container .quotation-container .quote-information-form div[class^="col-"] .form-group.round-input.has-error .input-group{
  border: 1px solid var(--red-primary)!important;
  border-radius: 20px;
}

.modal .quotation-edit .selectize-input.items.required.full.has-options.has-items {
  padding: 6px 12px!important;
}

.visibility-1333{
  display: none;
}

.quotation-edit .selectize-input.items.not-full.has-options input::placeholder,
.quotation-edit .selectize-input.items.has-options.full.has-items .item,
.quotation-edit .input-group input::placeholder,
.quotation-edit .input-group input,
.quotation-edit p.text-center{
  font-size: 12.5px!important;
  font-family: 'Kumbh Sans'!important;
  color: #3c3c3b!important;
}

.quotation-edit .quotation-container label.custom-checkbox-label,
.quotation-edit .quotation-container label.radio-custom-label,
.quotation-edit .quotation-container label.quote-label-rider
{
  font-size: 12.5px!important;
  font-family: 'Kumbh Sans'!important;
}

@media (max-height: 575px){
  .modal .col-md-12.flex-wrap.quotation-container{
    overflow-y: auto
  }

  .modal .quotation-edit .quotation-results-container .container-tables{
    max-height: 397px;
  }

  .modal .quotation-edit .quotation-information-container,
  .modal .quotation-edit .quotation-insured-container,
  .modal .quotation-edit .quotation-results-container,
  .modal .quotation-edit .quotation-results-container .container-tables {
    height: auto!important;
  }

  .modal .modal-content.quotation-edit .modal-body {
    height: calc(100vh - 100px)!important;
  }
}

@media screen and (max-height:768px){
  .modal-container .quotation-container .quote-information-form .selectize-control,
  .modal-container.quotation-container .custom-checkbox-box .custom-checkbox-label,
  .modal-container .quotation-container .radio-custom-container .radio-custom-label,
  .modal .quotation-edit .selectize-input.items.has-options.full.has-items .item
  {
    height: 35px!important;
  }

  .modal .quotation-edit .modal-container.d-block,
  .modal .quotation-edit .tab-content.has-padding{
    height: 100%!important;
  }

  .modal .quotation-edit .table-responsive thead a img {
    height: 18px;
  }

  .modal .quotation-edit .selectize-input{
    padding: 10px!important ;
  }

  .quotation-edit .selectize-input.items.has-options.full.has-items .item{
    top: unset;
  }
}

@media (min-height: 721px){
  .col-md-12.flex-wrap.quotation-container {
    min-height: 616px;
  }

    .quotation-edit .quotation-insured-container{
      max-height: 569px;
    }
}

@media (max-height:720px){
  .quotation-edit .quotation-information-container, .quotation-edit .quotation-insured-container, .quotation-edit .quotation-results-container,
  .quotation-edit .quotation-results-container .container-tables
  {
    height: 100%;
  }

  .quotation-edit .modal-footer-options button.btn-v4,
  .quotation-edit .modal-options li {
    height: 26px!important;
    min-height: unset!important;
  }

  .modal-content.quotation-edit .modal-body {
    height: 492px!important;
  }

  div#section.page-container .modal .quotation-edit .tab-content .modal-container, .modal .tab-content .modal-container, .quotation-edit .modal-body {
    padding: 7px!important;
    padding-bottom: 7px!important;
  }

  .modal .quotation-edit .quote-form,
  .modal .quotation-edit .quote-rider,
  .modal .quotation-edit .quote-information-form,
  .modal .quotation-edit .quote-product,
  .modal .quotation-edit .quote-frecuency,
  .modal .quotation-edit .quotation-container,
  .modal-container .quotation-results-container,
  .modal-container .quotation-insured-container,
  .modal-container .quotation-information-container,
  .quotation-edit [quotes-container],
  .modal .quotation-edit .modal-footer .modal-options,
  .modal .quotation-container .quotation-insured-container tbody tr,
  .modal .quotation-container .col-sm-12.p0.d-flex.gap-10,
  .quotation-edit .btn-results-action.flex-container
  {
    gap: 7px!important;
  }

  .modal .modal-container .quotation-container .quote-information-form input,
  .modal .quotation-edit .selectize-input.items.has-options.full.has-items .item,
  .modal .modal-container .quotation-container .quote-rider .quote-label-rider,
  .modal .quotation-edit .modal-container .quotation-container .quote-information-form div[class^="col-"],
  .modal .modal-content .quotation-container .custom-checkbox-box .custom-checkbox-label,
  .modal .modal-content .quotation-container .quote-information-form .selectize-control,
  .modal .modal-content .quotation-container .radio-custom-container .radio-custom-label,
  .modal .modal-content .quotation-edit [container-additionals] .input-group > input,
  .modal .modal-content .quotation-edit .quotation-container .quotation-insured-container[container-additionals] .selectize-input,
  .modal .modal-content .quotation-container .quote-rider .label-rider,
  .modal .quotation-edit .overflow-initial .input-group input,
  .modal .quotation-edit .selectize-control.single .selectize-input.not-full,
  .modal .quotation-edit .quotation-container .quotation-insured-container[container-additionals] .selectize-input,
  .quotation-edit .input-group,
  .quotation-edit .selectize-control
  {
    height:26px!important;
    font-size:12px!important;
  }

  .modal .quotation-edit .modal-container .quotation-container.btn-results-action a.btn-v4.btn-block{
    height: 26px!important;
  }

  .quotation-container .btn-block {
    margin-top: unset!important;
    height: 26px!important;
  }

  .quotation-edit .btn-results-action .flex-item {
    height: 26px;
    font-size:12px!important
  }
  .modal .title-products,.modal .title-riders,.modal .title-frecuency{
    margin-bottom: unset;
    font-size: 12px;
  }

  .quotation-edit .quotation-insured-container{
    max-height: 431px;
  }

  .quotation-edit .modal-footer{
    padding: 7px!important;
  }

  .modal .quotation-edit .form-group label{
    line-height: normal;
  }

  .quotation-insured-container tbody img{
    height: 26px
  }
  .quotation-edit .quotation-container .btn-results-action
  {
    margin: unset!important;
    gap: 7px;
  }

  #loading{
    bottom: 34px;
  }
}

@media (min-width: 1001px) and (max-width:1333px){
  td.plan-premium{
    float: left;
  }

  .visibility-1333{
    display: block;
    font-weight: 600
  }

  .hide-1333{
    display: none!important;
  }

  .quotation-edit [quotes-container] .deductible{
    width: 40%;
  }

  .quotation-edit [quotes-container] table thead > tr > th,
  .quotation-edit [quotes-container] tbody tr td,
  .quotation-edit [quotes-container] .table tr td[rowspan="4"]{
    padding: 2px 3px!important;
  }
}

@media screen and (max-width: 1000px) and (max-height: 700px){
  .quotation-edit .modal-container.d-block {
    overflow: auto!important;
  }
}

@media screen and (max-width: 1000px){
  .col-md-12.flex-wrap.quotation-container {
    flex-direction: unset;
  }

  .modal-container .quotation-container,
  .modal-container .quotation-results-container,
  .modal-container .quotation-insured-container, .modal-container
  .quotation-information-container {
    width: 100%;
    margin: unset;
  }

  .modal .quotation-edit .modal-container .quotation-insured-container .overflow-initial{
    width: 100%!important;
  }

  .quotation-edit .quotation-insured-container .fade-in{
    max-width: unset;
  }

  .quotation-edit .btn-results-action.flex-container.justify-content-end.p0{
    width: 50%;
  }
}

@media (max-width: 768px){
  .main-modal-content .modal-content, .modal-lg .modal-content {
    width: auto!important;
  }
}

@media (min-width:1001px) and (max-width: 1324px) and (min-height:721px){
  .modal .quotation-edit .modal-container .quotation-container{
    min-height: 614px;
  }
  .quotation-edit .quotation-insured-container{
    max-height: 568px;
  }

  .quotation-edit [quotes-container]{
    height: 568px;
  }

  .quotation-edit [quotes-container] .deductible{
    width: 40%!important;
  }
}

@media (min-width:1001px) and (max-width: 1324px) and (max-height: 719px) and (min-height: 721px){
  .modal-content.quotation-edit .modal-body {
    height: 470px!important;
  }

  .modal .quotation-edit .modal-container .quotation-container{
    min-height: 431px;
  }
  .quotation-edit .quotation-insured-container,
  .quotation-edit [quotes-container]
  {
    max-height: 398px;
  }

}

@media (max-width: 1024px) and (max-height:620px){
  .modal-content.quotation-edit .modal-body {
    height: 477px!important;
  }

  .quotation-edit .quotation-insured-container {
    max-height: 416px;
  }
}

.btn-additionals-container{
  display: flex;
  gap: 10px;
}


.quote-product .custom-checkbox-box {
  flex: 1 0 calc(20% - 10px);
}

.quote-product::before, .quote-frecuency::before,
.quote-product::after, .quote-frecuency::after{
content: unset!important;
}

.person-age{
content: url('../fonts/icons/actions/age.svg');
width: 17px;
margin: auto;
}

.modal .quotation-container .quotation-insured-container th{
  background: none!important;
}

.modal .quotation-container a:focus{
  color: var(--gray-four);
}

.modal .modal-container .mb0{
  margin-bottom: 0px!important;
}

.quotation-container .input-group-addon + input {
  border-radius: 0px 20px 20px 0px!important;
}

.quotation-edit .quotation-container .form-group.has-error .input-group > input[type="email"].form-control,
.quotation-edit .quotation-container .form-group.has-error .input-group > input[type="number"].form-control
{
  border:unset!important;
}

.btn-additionals-container a {
  display: flex;
  gap: 10px;
}

.modal .quotation-edit .modal-body .has-padding .modal-container .quotation-container .form-group .input-group input::placeholder{
  color: #6e6e6e!important;
}

.modal-content.quotation-edit .btn-v4.btn-default-v4.btn-block:hover {
  background-color: #ddd;
}

.quotation-edit .table-border{
  border-color: #cccc!important;
}

.modal .modal-container .quotation-container label.custom-checkbox-label:hover,
.modal .modal-container .quotation-container label.radio-custom-label:hover,
.quote-rider .form-group:hover .custom-checkbox-box label {
  background: #ddd;
  transition: all ease-in-out .25s;
}

/* QUOTATION END */

.min-h-450 {
  min-height: 450px;
}

.min-h-475 {
  min-height: 475px;
}

.min-h-500 {
  min-height: 500px;
}

.add-container-modal {
  position: absolute;
  top: 0px;
  right: 0px;
}

.mr-30 {
  margin-right: 30px!important;
}

.fit-content {
  width: fit-content;
}

.modal #agent-incentive .table-responsive{
  min-height: 148px!important;
  max-height: 154px!important ;
}

.max-440{
  max-height: 440px;
  min-height: 428px;
}

.modal-footer .modal-options-box .modal-options li.max-w-190{
  max-width: 190px!important;
}

.modal .highcharts-axis-labels.highcharts-xaxis-labels span{
  font-size: 10px!important;
}

.modal #policies_payments table th{
  font-size: 12px;
}

.modify-agent{
  height: 20px;
}

.collapse.in{
  height: calc(100vh - 900px)!important;
}

.well-container {
  max-height: 0px;
  width: 100%;
  float: left;
  display: none;
}

.well-container.in{
  display: block;
  margin-bottom: 10px;
}

#sectionlist.table-box.height-table-list {
  height: calc(100% - 348px)!important;
}

.page-container #sectionlist.table-box.five-filter.height-table-list{
  height: calc(100% - 395px)!important;
}

.page-container #sectionlist.table-box.three-filter.height-table-list{
  height: calc(100% - 303px)!important;
}

.btn.advanced{
  border-color: #397CC9!important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
}

button.advanced:hover {
  font-weight: 600;
}

.tab-section .form-tab .filter-advanced ul.filter-btn-block li .btn.advanced img{
  width: 15px;
  margin: unset;
}

span.filterCounter{
  width: 23px;
  height: 17px;
  border-radius: 19%;
  background: #e35353;
  color: white;
  text-align: center;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-left: 11px;
}

.alert-warning {
  color: #886650!important
}

.max-h-100 {
  max-height: 100px;
}

.position-unset {
  position: unset!important;
}

.group-checkbox.form-group label.radio-custom-label.inline-radio {
  width: 100%;
}

.v4 .form-group.has-error .input-group > input.form-control:not(:first-child):not(:last-child) {
  --br: var(--control-border-radius);
  border-radius: 0px var(--br) var(--br) 0px ;
}

.v4 .modal .form-group.has-error .input-group > input.form-control.calendar-picker{
  border-right: 1px solid var(--red-primary)!important;
}

.v4 .form-group .input-group > input.calendar-picker.form-control:not(:first-child):not(:last-child) {
  border-radius: 0px var(--br) var(--br) 0px ;
}

.align-items-end {
  display: flex;
  align-items: end !important;
}