:root{
    --dark-blue: #3357f9;
    --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;
    --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-footer.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 ::placeholder,
.text-controls-lowercase input {
  text-transform: lowercase!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;
}

.r45 {
  right: 45px!important;
}

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

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

/*
.vertical-scroll-sm{
  overflow-x: hidden;
  overflow-y: auto;
}
*/

.mxw70{
  max-width: 70px;
}

.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!important;
}

.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);
}

.item-block[rider-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 {
  margin-top: 0px;
}

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

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

.btn-default-v4 {
    border: 1px solid var(--gray-tree);
    background-color: transparent;
    color: var(--gray-four);
}

.btn-default-v4:hover {
  font-weight: bold!important;
  color: var(--gray-four);
}

.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{
  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-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: 11px!important;
  padding: 0px 10px 0px 10px!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;
}

.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%;
}

.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]{
    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;
}

.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;
}

.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,
.tab-section .reports-container{
  padding: 0px 20px;
}

.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{
  border-bottom: 0;
  margin-top: 10px;
  height: auto!important;
}

.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;
}

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;
}

/*.logotype-login.client span img {
    width: 240px;
    margin-bottom: 20px;
}

.logotype-login.client span i {
    width: 240px;
    height: 180px;
    margin-bottom: 20px;
    background-image: url(../images/logos/login.png);
}*/

.col-sm-12.text-center.logotype-login.client {
  height: 180px;
  margin-bottom: 20px;
  background-image: url(../images/logos/login.png);
  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;
}

.modal.fade.work.login-modal.in form[name='userbundle_user'] .nav.navbar-nav.user-nav li:last-child:not(.logout-button){
    position: inherit!important;
}

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

/*input:placeholder-shown{
    background-color: var(--gray-two)!important;
}*/

.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:not(:hover) {
    color: var(--gray-four)!important;
}

.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: 10px;
    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-white-header.png);
  background-repeat: no-repeat;
  background-position-x: 15px;
  width: 140px!important;
  height: 80%!important;
  max-height: 100%;
}

#top-bar.navbar i.company-logo-text {
  background-size: contain;
  background-image: url(../images/logos/logo_company_text.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-dropdown .selectize-dropdown-content .option:hover {
    opacity: 0.8;
}*/
#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{
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 10px;
  display: inline-block;
}

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

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

.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);
}

.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-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);
}

/*#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 > i.calculating,
#main-menu .page-header ul.middle-nav li > a > i.finances,
#main-menu .page-header ul.middle-nav li > a > i.flats,
#main-menu .page-header ul.middle-nav li > a > i.settings {
  background-size: contain;
}*/

#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%;
}

#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 {
  height: 44px;
}

.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,
.quotation-edit{
  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{
  padding: 0 20px!important;
  margin-top: calc(var(--modules-padding-top-bottom) / -2 + 7px);
}

.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 {
  font-size: 11px!important;
  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: 13px!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%;
}

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:first-child{
  font-size: 11px;
}

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;
}

div#section.page-container .table-actions li img{
    width: 24px;
    height: 24px;
}

div#section.page-container .actions_small .table-actions li img{
    width: 24px;
    height: 24px;
}

.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'!important;
    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: 13px;
  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;
}

.small-controls label,
.small-controls .input-group-addon,
.small-controls .input-group,
.small-controls .selectize-control,
.small-controls .selectize-input {
  height: 27px!important;
  min-height: 27px!important;
}

.small-controls label{
  font-size: 10px!important;
}

.modal-content .modal-body .small-controls [class*=col-] .form-group,
.modal-content .modal-body .small-controls [class*=col-] .form-group:last-child{
  margin-bottom: 7px!important;
  margin-top: 0px!important;
}

.form-horizontal .small-controls .form-control,
.form-horizontal .small-controls .select2,
.form-horizontal .small-controls .select2-container .select2-choice,
.form-horizontal .small-controls ::placeholder {
  font-size: 10px!important;
}

.modal .small-controls input.form-control,
.modal .small-controls .selectize-input{
  padding: 4px 8px!important;
}

.modal .small-controls .input-group-addon + input.form-control {
  padding-left: 3px!important;
}

/*#endregion*/


/*#region add-buttons*/
.add-container{
  position: absolute;
  top: 0;
  right: -15;
  display: inline-block;
  padding: 0px;
  margin-top: calc((var(--modules-padding-top-bottom) + 41px) * -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;
  /*margin-top: -64px;
  margin-top: calc((var(--modules-padding-top-bottom) + 41px) * -1);
  margin-right: -15px;*/
}

/*.floating-button a img,
.quotation-add a img {
  width: 20px!important;
}*/

.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-container{
  height: 505px;
}

.main-modal-content .modal-content:first-child,
#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: 13px!important;
}

.quotation-edit .form-group input,
.quotation-edit .selectize-dropdown,
.quotation-edit .selectize-input,
.quotation-edit .selectize-input input {
  font-size: 13px!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)!important;
  border-color: var(--gray-two)!important;
}

.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!important;
}

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

.quotation-edit .btn-results-action .btn-additionals-container{
  max-width: 190px;
}

.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;
}

.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;
  background-color: var(--gray-one);
  height: 34px!important;
  font-size: 11px!important;
  padding: 6px 8px!important;
  color: black;
}

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

.quotation-edit [container-additionals] ::placeholder{
  font-size: 11px!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[item-prototype] td:nth-child(4) > .input-group {
  padding-top: 0px;
}

.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']{
  /*width: 44px;*/
  text-align: center;
}

.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);
  height: calc(100% - 54px)!important;
}

.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;
}

div#section.page-container .quotation-edit [container-additionals] .table-responsive thead th{
  background-color: var(--gray-tree)!important;
  color: var(--gray-four)!important;
  padding: 0px 8px 0px 12px!important;
  border: 0px!important;
  height: 27px!important;
}

.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 [container-additionals] .inline-prototype .selectize-control {
  height: 28px!important;
}

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

.quotation-edit [quotes-container] > div{
  flex-basis: 50%;
  overflow-y: auto;
  padding-bottom: 5px;
  display: flex;
  /*border: 1px solid var(--gray-two);
  border-radius: 8px!important;*/
}

.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: 0px;
  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{
  background: linear-gradient(to right, var(--dark-blue) 0%, var(--blue) 40%, var(--blue) 100%);
  color: var(--gray-one)!important;
  /*border-radius: 8px 8px 0 0;*/
  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: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--gray-two);
}

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

.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);
  border: 1px solid var(--gray-two);
  border-radius: 0 0 8px 8px!important;
}

.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: 2px solid var(--gray-two);
}

.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: 20px!important;
}

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

.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: 32px;
}

.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;
  letter-spacing: 1.5pt;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
}

/*#endregion*/

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

/*#region modal*/

.modal ::placeholder {
  color: var(--modal-placeholder-color);
}

.modal input.form-control {
  padding: 6px 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: 34px;
}

.modal-body .form-group,
.modal-body .label-inline {
  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-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: 130px!important;
}


div#section.page-container .modal .tab-content .modal-container,
.modal .tab-content .modal-container{
  background-color: var(--gray-one);
  padding: 10px 20px 20px;
  /*height: 100%!important;*/
}

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;
}

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: 2px 6px!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: 65%!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: 15px!important;
    padding: 5px 9px!important;
  }
}

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

@media (max-width:1530px) {
  /*#main-menu .page-header ul.middle-nav li > a{
    height: 75px;
    width: 95px;
  }
  #main-menu .page-header ul.middle-nav li > a > i{
    height: 35px;
    width: 35px;
  }*/
}

@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{
        width: 100%;
        position: initial!important;
        padding: 0px !important;;
        display: inline-block;
        margin-top: 0px;
    }*/

    .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-cell;
        padding:0px!important;
        width: auto!important;
        margin-top: 0px!important;
        position: inherit;
        margin-left: 0px;
    }

    .page-content .stat-box .stats li span{
        margin: 0px 5px 0px 5px!important;
    }

    .page-content .stat-box .stats li:first-child span{
        margin-right: 0px!important;
    }

    .page-content .stat-box .stats li:last-child span{
        margin-left: 0px!important;
    }

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

@media (max-width: 1278px), (max-height: 768px) {
  /*#main-menu .page-header ul.middle-nav li > a{
    height: 60px;
    width: 80px;
  }
  #main-menu .page-header ul.middle-nav li > a > i{
    height: 30px;
    width: 30px;
  }*/
}

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

  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-container.d-block > div.row > div > div:not(:last-child) {
    margin-bottom: 20px;
  }

  .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: 913px){
  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 (min-width: 800px) and (max-width: 1199px){

}

@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;
    }

    .small-controls label,
    .small-controls .input-group-addon,
    .small-controls .input-group,
    .small-controls .selectize-control,
    .small-controls .selectize-input {
      height: 27px!important;
      min-height: 27px!important;
    }

     form .main-modal .modal-body .small-controls .control-label{
      font-size: 10px!important;
    }

    .modal-content .modal-body .small-controls [class*=col-] .form-group,
    .modal-content .modal-body .small-controls [class*=col-] .form-group:last-child{
      margin-bottom: 5px!important;
    }

    .form-horizontal .small-controls .form-control,
    .form-horizontal .small-controls .select2,
    .form-horizontal .small-controls .select2-container .select2-choice,
    .form-horizontal .small-controls ::placeholder {
      font-size: 10px!important;
    }

    .modal .small-controls input.form-control,
    .modal .small-controls .selectize-input{
      padding: 4px 8px!important;
    }

    .modal .small-controls .input-group-addon + input.form-control {
      padding-left: 3px!important;
    }

}

@media (min-width: 769px) and (max-width: 800px), (max-height: 768px){

    /*Correcciones de clases de bootstrap sobreescritas*/
    form .main-modal .modal-body .small-controls .form-group .input-group.col-sm-9{
      width: 75%!important;
    }

    form .main-modal .modal-body .small-controls .form-group .input-group.col-sm-6,
    form .main-modal .modal-body .small-controls .control-label.col-sm-6 {
      width: 50%!important;
    }

    form .main-modal .modal-body .small-controls .control-label.col-sm-4 {
      width: 33.33333333%;
    }

    form .main-modal .modal-body .small-controls .form-group .input-group.col-sm-3,
    form .main-modal .modal-body .small-controls .control-label.col-sm-3 {
      width: 25%!important;
    }
    form .main-modal .modal-body .small-controls .form-group .input-group.col-sm-2{
      width: 16.66666667%!important;
    }
}

@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;
  }
}

@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;
  }
}

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

@media (max-width: 368px){
    /*ul.middle-nav{
        --col-width: calc((100vw - 30px)/3);
        grid-template-columns:  var(--col-width) var(--col-width) var(--col-width);
    }*/
}


@media (max-height: 862px) {

  .quotation-edit {
    display: flex;
    flex-direction: column;
    max-height: 702px;
    /*height: 97%;*/
  }
  /*.quotation-edit .modal-body{
    flex-basis: 100%;
  }*/

}
@media (max-height: 778px) {

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

@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;
    }

    /*.stat-box {
      margin-top: calc(var(--modules-padding-top-bottom) / -2 + 3px)!important;
    }*/

    .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: 13px!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;
    }

    .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;
    }

    .quotation-results-container {
      height: 440px;
    }

    .quotation-edit .input-group,
    .quotation-edit .selectize-control,
    .quotation-edit .selectize-input {
      height: 27px!important;
    }
    .tab-content {
        height: calc(100% - 35px);
    }

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

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

    /*.modal-footer .modal-options li {
      width: 33%!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: 13px;
      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: 13px!important;
      height: 24px!important;
    }
    .modal .selectize-input{
      padding: 6px 18px!important;
    }
    .quotation-edit [container-additionals] > .panel {
      height: 100%!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,
    .tab-section .reports-container{
      padding: 0px 20px!important;
    }*/
    .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 */

    .form-modal .small-controls [class*=col-] label{
      font-size: 10px!important;
    }

    .small-controls label,
    .small-controls .input-group-addon,
    .small-controls .input-group,
    .small-controls .selectize-control,
    .small-controls .selectize-input {
      height: 27px!important;
      min-height: 27px!important;
    }

    .small-controls label{
      font-size: 10px!important;
    }

    .modal-content .modal-body .small-controls [class*=col-] .form-group,
    .modal-content .modal-body .small-controls [class*=col-] .form-group:last-child{
      margin-bottom: 5px!important;
    }

    .form-horizontal .small-controls .form-control,
    .form-horizontal .small-controls .select2,
    .form-horizontal .small-controls .select2-container .select2-choice,
    .form-horizontal .small-controls ::placeholder {
      font-size: 10px!important;
    }

    .modal .small-controls input.form-control,
    .modal .small-controls .selectize-input{
      padding: 4px 8px!important;
    }

    .modal .small-controls .input-group-addon + input.form-control {
      padding-left: 3px!important;
    }

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



}

/*@media (max-width: 1278px) and (max-height: 768px) {
  .stat-box {
    margin-top: calc(var(--modules-padding-top-bottom) / -2 + 1px);
  }
}*/


@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;
  }

  .quotation-results-container {
    /*max-height: 450px;
    min-height: 200px;
    height: auto;*/
    height: 433px;
  }
}

@media (max-height: 652px){
  .tab-content .form-horizontal .form-modal .form-group,
  .modal-body .form-group,
  .modal-body .label-inline {
    margin-bottom: 7px!important;
  }
}

@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 */

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

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

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

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

.quotation-edit [quotes-container] .table-subheader > div:nth-child(2) {
    font-size: 10px;
}

.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;
}

.stats li:first-child span{
  margin-right:0px!important;
}

.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;
    border-radius: 0 var(--control-border-radius) var(--control-border-radius) 0!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;
}

.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;
}

.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;
  text-align: end!important;
  float: right;
}

.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;
}

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

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

.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;
}

.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: #d1d1d1!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;
}

.modal.modal-list .table-footer .pagination{
  top: -5px;
}

.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;
}

.modal .modal-height-xs-2 .tab-content{
  min-height: auto!important;
}

.modal .modal-height-xs-2 .tab-content .minheight-modal{
  min-height: 155px!important;
}

.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: 507px;
}

td.text-right.delete {
    text-align: center!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%;
}

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

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

.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;
}

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;
}

.modal-content.policy-edit {
    min-width: 56%;
}

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