body{
overflow:hidden;
}
.range-slider {
margin: 0;
box-sizing: border-box;
width: 100%;
}
.range-slider__range {
box-sizing: border-box;
-webkit-appearance: none;
width: calc(100% - (73px));
height: 10px;
border-radius: 5px;
background: #d7dcdf;
outline: none;
padding: 0;
margin: 10px 0 0 0;
}
.range-slider__range::-webkit-slider-thumb {
appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: #2c3e50;
cursor: pointer;
transition: background 0.15s ease-in-out;
}
.range-slider__range::-moz-range-thumb {
width: 20px;
height: 20px;
border: 0;
border-radius: 50%;
background: #2c3e50;
cursor: pointer;
transition: background 0.15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
background: #1abc9c;
}
.range-slider__range:active::-moz-range-thumb {
background: #1abc9c;
}
.range-slider__value {
box-sizing: border-box;
position: relative;
float: right;
width: 60px;
color: #fff;
line-height: 20px;
text-align: center;
border-radius: 3px;
background: #2c3e50;
padding: 5px 10px;
margin-left: 8px;
}
.range-slider__value:after {
position: absolute;
top: 8px;
left: -7px;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-right: 7px solid #2c3e50;
border-bottom: 7px solid transparent;
content: "";
}
::-moz-range-track {
background: #d7dcdf;
border: 0;
}
input::-moz-focus-inner,
input::-moz-focus-outer {
border: 0;
}
.icon_normal {
background-size: 21px !important;
background-position: center !important;
background-image: url('../img/folder_tree.png') !important;
}
.icon_loading{
background-size: 21px !important;
background-position: center !important;
background-image: url('../img/loading_icon_tree.gif') !important;
}
.icon_normal:hover, .icon_normal.open {
background-size: 24px !important;
background-position: center !important;
background-image: url('../img/folder_open_tree.png') !important;
}
.icon_expedient {
background-size: 20px !important;
background-position: center !important;
background-image: url('../img/expedientes.png') !important;
}
.icon_expedient:hover, .icon_expedient.open {
background-size: 21px !important;
background-position: center !important;
background-image: url('../img/expedientes_hover.png') !important;
}
.icon_sync_expedient {
background-size: 20px !important;
background-position: center !important;
background-image: url('../img/expedientes_sync.png') !important;
}
.icon_sync_expedient:hover, .icon_sync_expedient.open {
background-size: 21px !important;
background-position: center !important;
background-image: url('../img/expedientes_hover_sync.png') !important;
}
.icon_sync {
background-size: 21px !important;
background-position: center !important;
background-image: url('../img/folder_tree_sync.png') !important;
}
.icon_sync:hover, .icon_sync.open {
background-size: 22px !important;
background-position: center !important;
background-image: url('../img/folder_open_tree_sync.png') !important;
}
.file_pdf.red_color::before {
content: url('data:image/svg+xml; utf8, ');
}
.file_pdf.blue_color::before {
content: url('data:image/svg+xml; utf8, ');
}
.file_pdf::before {
content: url('data:image/svg+xml; utf8, ');
position: absolute;
left: 6px;
top: 3px;
}
.file_extension::before {
content: attr(file-extension-other);
position: absolute;
left: 0px;
top: 2px;
background-color: var(--file-color-other, #dbdbdb);
color: #fff;
height: 20px;
width: 22px;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
font-size: 8px;
border-radius: 3px;
}
.exclamation_triangle::before {
content: url('data:image/svg+xml; utf8, ');
position: absolute;
left: 6px;
top: 2px;
}
.contain_elements_tree{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.contain_elements_tree>div:nth-child(even){
background-color: #f5f5f5;
}
.icono_tree{
width: 24px;
height: 24px;
line-height: 24px;
display: inline-block;
vertical-align: top;
text-align: center;
margin-right: 5px;
background-repeat: no-repeat;
position: relative;
}
.tree-ocl{
width: 24px;
height: 24px;
}
.tree-ocl>span{
width: 24px;
height: 24px;
display: block;
position: absolute;
background-position: -67px -2px;
background-image: url(../img/tree_icons.png);
z-index: 1;
}
.tree-ocl-open{
width: 24px;
height: 24px;
}
.tree-ocl-open>span{
cursor:pointer;
width: 24px;
height: 24px;
display: block;
position: absolute;
background-position: -131px -2px;
background-image: url(../img/tree_icons.png);
z-index: 1;
}
.tree-ocl-close{
width: 24px;
height: 24px;
}
.tree-ocl-close>span{
cursor:pointer;
width: 24px;
height: 24px;
display: block;
position: absolute;
background-position: -99px -2px;
background-image: url(../img/tree_icons.png);
z-index: 1;
}
.tree-line-node-full::after{
content: '';
width:24px;
position: absolute;
bottom: 0px;
left: 1px;
height: 100%;
background-position: -292px -2px;
background-repeat: repeat-y;
background-image: url(../img/tree_icons.png);
z-index: 0;
}
.tree-line-node::after{
content: '';
width: 24px;
position: absolute;
bottom: 0px;
left: 1px;
height: 10px;
background-position: -292px -2px;
background-repeat: repeat-y;
background-image: url(../img/tree_icons.png);
z-index: 0;
}
.tree-default .tree-wholerow-clicked{
background-color: transparent !important;
}
.area-icon{
display: none !important;
}
.version-icon{
border-radius: 3px !important;
border: 2px solid #adadad !important;
height: 15px !important;
width: 15px !important;
margin-top: 4px !important;
transform: rotate(45deg) !important;
margin-left: 4px !important;
}
.subserie-icon{
border-radius: 100px !important;
border: 2px solid #adadad !important;
height: 18px !important;
width: 18px !important;
margin-top: 4px !important;
}
.serie-icon{
border-radius: 100px !important;
background-color: #adadad !important;
border: 2px solid #adadad !important;
height: 18px !important;
width: 18px !important;
margin-top: 4px !important;
}
.forms_created_tabs{
position: absolute;
top: 0;
left: 0;
background-color: #dfdfdf;
height: 40px;
padding-top: 10px !important;
}
.form_opt-tab{
float: left;
font-weight: 700;
font-size: 14px;
height: 30px;
max-width: 25%;
padding-left: 18px;
padding-right: 18px;
padding-top: 5px;
border-radius: 8px 8px 0 0;
}
.form_opt-tab:hover{
background-color: #c4c4c4;
cursor: pointer;
}
.form_opt-tab.active{
background-color: rgb(249, 249, 249);
}
.forms_content{
padding-top: 40px;
}
@media only screen and (max-width: 1021px) {
.doc_poli-deletion{
width: 50%;
float:left;
margin-top:5px;
}
.doc_poli-days_to_month_input{
width:100%;
}
.doc_poli-days_to_month{
width: 100%;
float:left;
}
.doc_poli-frecuency_dd_month{
width: 30%;
float: left;
}
.doc_poli-frecuency_dd{
font-weight: 600;
width: 40%;
float:left;
color: var(--main-fondo-buttons-purple) !important;
padding-top: 5px;
}
.doc_poli-notify_to{
padding:0 !important;
margin-bottom:10px;
}
.container_select_path_per{
float:left;
width:100% !important;
height: 40px !important;
padding: 0 !important;
margin-bottom:10px;
}
.container_select_path_per_sel{
width: 100% !important;
float:left;
}
.doc_poli-path_sel{
width:100%;
height:40px;
border-radius:5px;
border:1px solid var(--main-border);
position:relative;
}
}
@media only screen and (min-width: 1022px) {
.doc_poli-deletion{
width: 30%;
float:left;
margin-top:5px;
}
.doc_poli-days_to_month_input{
width:60%;
}
.doc_poli-days_to_month{
width: 40%;
float:left;
}
.doc_poli-frecuency_dd_month{
width: 25%;
float: left;
}
.doc_poli-frecuency_dd{
font-weight: 600;
width: 20%;
float:left;
color:var(--main-fondo-buttons-purple) !important;
padding-top: 5px;
}
.doc_poli-notify_to{
padding:0 .75rem 0 0 !important;
margin-bottom:10px;
}
.container_select_path_per{
float:left;
width:123px !important;
height: 40px !important;
padding: 0 !important;
margin-bottom:10px;
}
.container_select_path_per_sel{
width: 123px !important;
float:left;
}
.doc_poli-path_sel{
float:right;
width:68%;
height:40px;
border-radius:5px;
border:1px solid var(--main-border);
position:relative;
}
}
.doc_poli-frecuency_dd_month .vs__search{
position:absolute;
width:100%;
}
.disabled{
cursor:no-drop;
background:#F8F8F8;
}
.policies-create{
cursor:pointer;
border:1px solid var(--main-border);
height:28px;
background:#EFF6FC;
border-radius:5px;
padding:4px;
font-weight:bold;
margin-left:5px;
float:right;
width:20px;
transition:ease-out 0.2s;
}
.policies-create:hover{
background: #3700A4;
color:white;
transition:ease-out 0.2s;
}
.vs__open-indicator{
fill: var(--main-border-inputs) !important;
}
.vs__clear{
fill: var(--main-border-inputs) !important;
}
.vs__dropdown-menu{
overflow-x:hidden !important;
}
#select_policies .vs__search{
position: absolute !important;
width: 100% !important;
background-color: transparent;
}
.preloader {
width: 70px;
height: 70px;
border: 10px solid #eee;
border-top: 10px solid #666;
border-radius: 50%;
animation-name: girar;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes girar {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.container_conditionals_all{
height: 100vh;
width: 100vw;
background: var(--main-fondo-modals);
position: fixed;
left: 0;
top: 0;
z-index: 100;
}
.container_conditionals_all>div{
padding: 0 !important;
border-radius: 5px !important;
position: absolute !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%,-50%);
}
.crt-paint_pictures{
height:100%;
transition:ease-out 0.2s;
}
#select_orderby .vs__dropdown-toggle{
background: var(--main-fondo-inputs) !important;
}
.subodinate-span_title{
padding-left: 10px !important;
color: #8F8F8F;
font-weight: 600;
}
.button-indexing_single_window{
position:absolute;
height:calc(100% - 15px);
right:10px;
top:6px;
border-radius:5px;
color:white;
font-weight:600;
cursor:pointer;
}
.button-indexing_single_window.gray{
border:1px solid #B3B3B3 !important;
background:#B3B3B3;
}
.button-indexing_single_window.greenB{
border:1px solid #00C7A6 !important;
background:#00C7A6
}
.update_form{
font-weight:500;
color:var(--main-fondo-buttons-purple);
cursor:pointer;
}
.update_form:hover{
text-decoration:underline;
}
.hover_table_shared:hover{
background: var(--main-color-cyan);
}
.table-permission_border{
border-left:1px solid #d6d6d6;
border-right:1px solid #D6D6D6;
height:100%;
padding:2px 0 !important;
}
.areas_color{
background-color: #FFF3E5;
}
.rols_color{
background-color: #E5FFFB;
}
.printedJS_button_active{
float:right;
font-weight: 500;
color: var(--main-fondo-buttons-purple);
text-decoration: underline;
cursor: pointer;
}
.select_machines_vs>.vs__dropdown-toggle{
height:48px;
}
@media only screen and (min-width: 1022px) {
.open-rr_1{
padding:0 !important;
background:#EFEFEF;
height:calc(100% - 120px);
position:relative;
}
}
@media only screen and (max-width: 1021px) {
.open-rr_1{
padding:0 !important;
background:#EFEFEF;
height:calc(100% - 118px);
position:relative;
}
}
.permission-contain_cc{
position:absolute !important;
transform:translate(-50%,-50%);
top:50% !important;
left:50% !important;
background:white !important;
height: 100% !important;
z-index:100;
}
#switch_lb .switch label .lever:after, .switch label .lever:before{
content: "";
position: absolute;
display: inline-block;
width: 15px;
height: 15px;
border-radius: 50%;
left: 0;
top: -2px;
-webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
}
#switch_lb .switch label .lever:before, .switch label .lever:after{
content: "";
position: absolute;
display: inline-block;
width: 15px;
height: 15px;
border-radius: 50%;
left: 0;
top: -2px;
-webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
}
.switch label .lever{
content: "";
display: inline-block;
position: relative;
width: 34px;
height: 12px;
background-color: rgba(0, 0, 0, 0.38);
border-radius: 15px;
margin-right: 10px;
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
vertical-align: middle;
margin: 0 16px;
}
.content_icon{
margin-top:15px;
height:28px;
width:28px;
transition:ease-out 0.2s;
border-radius:5px;
cursor:pointer;
}
.content_icon:hover{
background:var(--pdf-nav-right-selected);
transition:ease-out 0.2s
}
.content_icon.active{
background:var(--pdf-nav-right-selected);
transition:ease-out 0.2s
}
.icons_edit_class{
padding:2px;
height:100%;
width:100%;
}
.vs__selected{
color: var(--main-color-inputs) !important;
}
.select_plugin .vs__selected{
width: calc(100% - 50px);
}
.doc_expired{
background: #f8d7daa3 !important;
border-color: #f8d7da !important;
}
.viewind-content_modal{
height:100vh;
position:fixed;
width:400px;
background:white;
right:0;
top:0;
z-index:100;
}
.viewind-content_title{
height:50px;
background:#3700A3;
padding:12px !important;
position:relative;
}
.viewind-content_title>i{
cursor:pointer;
color:var(--main-color-error);
font-weight:600;
position:absolute;
right:10px;
}
.viewind-content_title>span{
text-transform:capitalize;
color:white;
font-weight:600;
font-size:18px;
padding-right:20px;
}
.viewind-content_indexing{
height:calc(100% - 50px);
overflow-y:auto;
}
.viewind-content_indexings_dt{
min-height: 120px !important;
padding:.75rem !important;
}
.select_pagination_scroll{
border:1px solid var(--main-border);
width:100%;
background-color:#fff;
position:absolute;
right:5px;
overflow-y:auto;
max-height:150px;
border-radius:5px;
}
.select_pagination_scroll>div:hover{
background-color: #9ccdff !important;
color:#fff;
cursor: pointer;
}
.select_pagination_scroll>div:nth-child(even){
background-color: var(--table-fondo-stripe);
}
.tree-anchor{
position: relative;
}
.gestion-show_pdf{
background:white;
position:fixed;
z-index:60;
}
@media only screen and (min-width: 1022px) {
.gestion-show_pdf{
min-height:calc(100vh - 100px) !important;
top: 100px;
left: 280px !important;
width: calc(100% - 297px) !important;
}
}
@media only screen and (max-width: 1021px) {
.gestion-show_pdf{
min-height:calc(100vh - 100px) !important;
top: 150px !important;
left: 0px !important;
width: 100% !important;
}
}
.download_cart_plugins{
cursor:pointer;
border: 1px dashed #4F4F4F;
background-color:#fff;
padding:5px 70px 5px 70px;
border-radius: 10px;
position:relative;
}
.download_cart_plugins:hover{
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
border: 1px dashed #192572 !important;
}
.qt_machines_head .name_plugin_input{
background: transparent;
height: 100%;
border:1px solid #333;
color: var(--main-fondo-buttons-purple);
font-weight: bold;
font-size: 15px;
border-radius: 5px;
padding: 0 4px;
width:calc(100% - 30px);
text-transform: uppercase;
}
.qt_machines_head .name_plugin{
margin-top: 1px;
padding: 0 5px;
width:calc(100% - 30px);
}
.qt_machines_head .name_plugin:hover{
border:1px solid #333;
padding: 0 4px;
border-radius: 5px;
cursor: text;
margin-top: 0px;
}
.plugins-select_user .vs__search{
position: absolute;
width: 100%;
}
.plugins-select_user .vs__selected{
width: 100%;
}
.tbl_retention_select>.vs__dropdown-toggle{
height:30px !important;
}
#SeleCloseSeleRete .vs__selected{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width:92% !important;
}
#SeleCloseSeleRete .vs__selected-options{
width:90% !important;
}
#select_users_tunnels .vs__selected-options{
width: calc(100% - 22px);
}
.agent-icond_edit{
cursor:pointer;
font-weight:bold;
border:1px solid var(--main-border);
padding:2px;
border-radius:5px;
position:absolute;
right:5px;
top:10px;
transition:ease-out 0.2s;
}
.agent-icond_edit:hover{
background: #3700A3;
color:white;
transition:ease-out 0.2s;
}
.vs__spinner{
position:absolute;
}
input[type=range]:disabled{
background: #c3c3c359;
cursor: not-allowed;
}
input[type=range]:disabled::-webkit-slider-thumb {
background: #c6bed5;
cursor: not-allowed;
}
.content_versions{
position:relative;
margin-bottom:20px;
cursor:pointer;
height:150px;
width:100px;
background:white;
float:left;
margin:5px;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}
.previewPDFVisualizador{
width:100%;
}
.multicolor{
border:1px solid var(--main-border);
height:14px;
width:14px;
border-radius:50%;
cursor:pointer;
}
.unselected_color{
float:left;
position:relative;
padding:2px;
border-radius:50%;
margin-right:0px !important;
margin-top:6px;
}
.selected_color{
float:left;
position:relative;
padding:2px;
border-radius:50%;
margin-top:5px;
}
.input_signature{
font-family: 'Great Vibes', cursive;
width:calc(100% - 50px);
font-size:64px;
border-bottom: 1px solid #d6d6d6;
outline: none;
background: transparent;
border-left: 0;
border-right: 0;
border-top: 0;
}
.content_signature{
border:1px solid var(--main-border);
height:200px !important;
width:500px !important;
border-radius:5px;
background:#d6d6d638;
}
.active_men{
font-weight:600;
cursor:pointer;
}
.active_men.active{
border-bottom:3px solid purple;
}
.update_form{
font-weight:500;
color:var(--main-fondo-buttons-purple);
cursor:pointer;
}
.update_form:hover{
text-decoration:underline;
}
.ghost {
opacity: 0.5;
background: #c8ebfb;
}
.canvas-container{
width:100% !important;
}
.autosuggest_class{
position:relative;
}
.autosuggest_class > div{
width:100%;
float:left;
}
.autosuggest__results-container{
width:100%;
float:left;
}
.autosuggest__results-container > .autosuggest__results {
background-color: #fff;
border: 1px solid var(--main-border);
position:absolute;
top:36px;
left:0;
z-index:2;
border-radius:5px;
max-height:200px;
overflow-y:auto;
width:100%;
}
.autosuggest__results > ul{
margin:0 !important;
}
.autosuggest__results > ul > li{
padding:8px;
}
.autosuggest__results-item--highlighted{
background-color: #e2f0ff;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
margin: 0;
}
::-webkit-search-cancel-button {
-webkit-appearance: none !important;
}
::-webkit-search-results-button {
-webkit-appearance: none !important;
}
input[type=search] {
-webkit-appearance: none !important;
}
.pdf-app .findbar, .pdf-app .secondaryToolbar {
z-index: 17 !important;
}
.pdf-app #viewerContainer{
left:0 !important;
}
#toolbarViewerLeft{
opacity: 0 !important;
width:220px !important;
}
#sidebarContainer{
display:none !important;
opacity: 0 !important;
height:0 !important;
width:0 !important;
}
.select_area_width_max .vs__selected{
max-width: 200px;
}
.vue-picture-cut_menu-box {
z-index: 30 !important;
}
.vue-picture-cut_mask{
z-index: 20 !important;
}
.class_select_text{
color:#039be5;
font-weight:600;
cursor:pointer;
}
.class_select_text:hover{
background:#1e90ff3b;
border-radius:5px;
padding:2px;
}
#comment_docs[placeholder]:empty:before {
content: attr(placeholder);
color: #555;
cursor: text;
}
.emoji[data-v-5a35c3ac]{
font-size:100% !important;
}
.emoji_class{
float:right;
margin-left:5px;
padding:3px;
font-weight:600;
font-size:20px;
cursor:pointer;
}
.emoji_class.active{
background:var(--main-border);
border-radius:50%;
}
.div_text{
outline:none;
margin-top:2px;
color:#1d2128;
font-weight: 500;
font-size:14px;
border-radius:5px;
width:100%;
background-color:#f1f2f6;
min-height:30px;
float:left;
padding:5px 30px 5px 10px;
}
.name_label_edit{
cursor:pointer;
}
.name_label_edit:hover{
border:1px solid black;
border-radius:5px;
}
.nav_bar__body__builder{
animation-name: example;
animation-duration: 4s;
}
@keyframes nav_bar__body__builder {
from {display: none;}
to {display: inline-block;}
}
.nav_moduls__item_creator {
padding: 0;
cursor: pointer;
font-weight: 600;
background-color: var(--navbar_constructor-buttons-fondo-noselected);
position: relative;
}
.nav_moduls__item_creator.selected {
background: var(--navbar_constructor-buttons-fondo-selected);
border-radius: 8px;
}
.nav_moduls__item_creator:hover>.nav_moduls__item-label_creator>span {
text-decoration: underline;
}
.nav_moduls__item_creator.selected>.nav_moduls__item-label_creator>span{
color: var(--navbar_constructor-buttons-text-selected) !important;
}
.nav_moduls__item_creator.selected>.nav_moduls__item-icon_creator>i{
color: var(--navbar_constructor-buttons-text-selected) !important;
}
.nav_moduls__item_creator.selected>.nav_moduls__item-icon_creator>div{
background: var(--navbar_constructor-buttons-text-selected) !important;
}
.nav_moduls__item-icon_creator{
padding-top: 10px !important;
height: 40px;
}
.nav_moduls__item-icon_creator>i {
color: var(--navbar_constructor-buttons-text-noselected);
font-size: 18px;
}
.nav_moduls__item-icon_creator>div{
background: var(--navbar_constructor-buttons-text-noselected);
font-size: 18px;
}
.nav_moduls__item-label_creator{
height: 40px;
padding-top: 8px !important;
padding-left: 40px !important;
}
.nav_moduls__item-label_creator>span {
font-size: 15px;
margin-top: 1px;
color: var(--navbar_constructor-buttons-text-noselected);;
}
.nav_bar__body_creator{
position:fixed !important;
top:0 !important;
height: 100vh;
width: 280px;
background-position: var(--navbar_constructor-fondo-position);
background-size: var(--navbar_constructor-fondo-size);
background: var(--navbar_constructor-fondo);
z-index: 100;
}
.nav_bar__body_shortcuts{
position:fixed !important;
top:50px !important;
height: calc(100vh - 50px);
width: 280px;
/*background: rgb(255 255 255 / 90%);*/
background-color: white;
/*background: var(--navbar_constructor-fondo);*/
z-index: 63;
box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 10px 0px;
}
.nav_moduls-icons_arrow{
color: var(--navbar_constructor-title);
}
.nav_moduls::-webkit-scrollbar {
display: none;
}
.nav_moduls-label_general_create_title{
font-size: 20px;
color: var(--navbar_constructor-title);
font-weight: 700;
margin: 30px 0 0 0;
height: 40px;
padding-left: 25px !important;
}
.nav_moduls-label_general_create{
font-size: 15px;
color: var(--navbar_constructor-title);
font-weight: 700;
margin-top: 30px;
height: 40px;
padding-left: 25px !important;
}
.open_new_process_nav{
background-color: var(--navbar-process-fondo);
border:1px solid var(--navbar-process-fondo);
height:30px;
cursor:pointer;
}
.open_new_process_nav>span{
color:var(--navbar-process-text);
font-weight: bold;
}
.open_new_process_nav>i{
font-weight:bold;
color:var(--navbar-process-text);
position:absolute;
right: 16px;
font-size: 20px;
}
.open_builder_nav{
position:absolute;
width:100%;
height:30px;
bottom: 50px;
left: 0px;
cursor: pointer;
border: 1px solid var(--navbar_constructor-fondo);
padding: 3px;
background: var(--navbar_constructor-fondo);
}
.open_builder_nav:hover{
opacity: 0.8;
}
.open_builder_nav>i{
font-size: 16px;
color:var(--navbar_constructor-title);
margin-right: 15px;
margin-left: -20px;
}
.open_builder_nav>div{
background:var(--navbar_constructor-title);
}
.open_builder_nav>span{
font-size: 16px;
color:var(--navbar_constructor-title);
font-weight: 600;
text-transform: uppercase;
}
.no_data_class_warning{
color: var(--main-border);
}
.no_data_class_warning ~ span {
color: var(--main-border);
}
.color_new_design_user>div{
background-color: #FFF9E2 !important
}
.color_new_design_user>div .vs__selected{
color: #000 !important;
}
.tippy-tooltip.no-center-theme{
text-align: left !important;
}
.container_menu_icons>i{
cursor:pointer;
}
.pdf-app .textLayer section{
position: absolute;
}
.pdf-app .textLayer section a:hover{
background-color: #ffff00e0;
}
.pdf-app .textLayer section a{
height: 100%;
width: 100%;
cursor: pointer;
display: block;
}
.rule_selected_by_expedient_container_table{
padding:0 5px;
margin-top:0px;
font-size: 11px;
height: 20px;
}
.rule_selected_by_expedient_container_table .rule_selected_by_expedient_primary{
font-size:15px;
}
.rule_selected_by_expedient_container_table .rule_selected_by_expedient_second{
font-size:15px;
}
.rule_selected_by_expedient_container_table_validador{
background:var(--main-color-cyan);
padding:2px 5px 2px 5px;
border-radius:5px;
margin-right: 5px;
max-width: calc(100% - 40px);
color:#4D4D4D;
}
.rule_selected_by_expedient{
background: var(--main-color-cyan);
padding: 2px 5px;
border-radius: 5px;
float: left;
margin-right: 5px;
max-width: calc(100% - 60px);
color:#4D4D4D;
}
.rule_selected_by_expedient_primary{
font-size:18px;
color:#B48311;
font-weight:600;
}
.rule_selected_by_expedient_second{
font-size:18px;
color:#B48311;
font-weight:600;
}
.rule_selected_by_expedient_result{
position:absolute;
left:3px;
bottom:4px;
color:#D90000;
font-weight:bold;
width: 104px;
}
.ghost{
background-color: transparent !important;
}
.list-group_Fields>.field_single_window_dragg_empty{
width: 100%;
height:36px !important;
position:absolute;
top: -3px;
left: 0;
z-index: 2;
border: 1px solid #333;
padding: 6px 5px !important;
font-weight: 400;
border-radius: 0 !important;
margin: 0 !important;
}
.list-group_Fields>.field_single_window_dragg_empty>i{
display:none;
}
.list-group_Fields>.field_single_window_dragg_empty>svg{
display:none;
}
.list-group_Fields>.field_single_window_dragg_edit{
/*width: 100%;
height:36px !important;
position:absolute;
top: -3px;
left: 0;
z-index: 2;
border: 1px solid #333;
padding: 6px 5px !important;
font-weight: 400;
border-radius: 0 !important;
margin: 0 !important;*/
position: relative; height: 25px; width: auto; display: inline-block;
}
.list-group_Fields>.field_single_window_dragg_edit>i{
display:none;
}
.list-group_Fields>.field_single_window_dragg_edit>svg{
display:none;
}
#containerScrollEnable .list-group_Fields>.field_single_window_dragg_edit{
width: 100%;
height:36px !important;
position:absolute !important;
top: -3px !important;
left: 0 !important;
z-index: 2 !important;
border: 1px solid #333;
padding: 6px 5px !important;
font-weight: 400 !important;
border-radius: 0 !important;
margin: 0 !important;
}
.agrupador_edit_single_window_fields> .field_single_window_dragg_empty{
display: inline-block !important;
width: auto !important;
float: none !important;
height: 25px;
margin: 0 5px 0 5px !important;
font-weight: 400;
width:100%;
padding: 0px 35px 0px 5px !important;
font-size: 15px;
background-color: #fff !important;
}
.agrupador_edit_single_window_fields > .field_single_window_dragg_empty>i{
display:none;
}
.agrupador_edit_single_window_fields > .field_single_window_dragg_empty>svg{
right: 10px;
top: 5px;
}
.agrupador_edit_single_window_fields > .field_single_window_dragg_edit{
display: inline-block !important;
width: auto !important;
float: none !important;
height: 25px;
margin: 0 5px 0 5px !important;
font-weight: 400;
width:100%;
padding: 0px 35px 0px 5px !important;
font-size: 15px;
background-color: #d3eafe !important;
}
.agrupador_edit_single_window_fields > .field_single_window_dragg_edit>i{
display:none;
}
.agrupador_edit_single_window_fields > .field_single_window_dragg_edit>svg{
right: 10px;
top: 5px;
}
.field_single_window_dragg_empty{
cursor: grab;
position:relative;
background-color: #fff !important;
border: 1px solid #d3eafe;
border-radius: 5px;
padding: 5px 35px 5px 35px;
margin-bottom: 10px;
height: 32px;
width: 100%;
float:left;
}
.field_single_window_dragg_empty>i{
position:absolute;
top: 7px;
left: 7px;
font-size: 18px;
color:#554e8c;
}
.field_single_window_dragg_empty>svg{
position:absolute;
right:10px;
top:8px;
}
.field_single_window_dragg_edit{
cursor: grab;
position:relative;
background-color: #d3eafe;
border-radius: 5px;
padding: 5px 35px 5px 35px !important;
margin-bottom: 10px;
height: 32px;
width: 100%;
float:left;
}
.field_single_window_dragg_edit>i{
position:absolute;
top: 7px;
left: 7px;
font-size: 18px;
color:#554e8c;
}
.field_single_window_dragg_edit>svg{
position:absolute;
right:10px;
top:8px;
}
.input-tel.is-focused .input-tel__input[data-v-e59be3b4]{
box-shadow: none !important;
}
.input-tel.has-error:not(.is-valid) .input-tel__input[data-v-e59be3b4]{
border-color: var(--main-color-error) !important;
}
.input-tel.is-valid .input-tel__input[data-v-e59be3b4], .input-tel.is-valid .input-tel__input[data-v-e59be3b4]:hover {
border-color: var(--main-color-success) !important;
}
.input-tel__input[data-v-e59be3b4]{
border-color: var(--main-border-inputs) !important;
background-color: var(--main-fondo-inputs) !important;
}
.input-tel__input::placeholder{
color: var(--main-color-placeholder-input) !important;
}
.country-selector__input[data-v-46e105de]{
border-color: var(--main-border-inputs) !important;
background-color: var(--main-fondo-inputs) !important;
}
.vs__search::placeholder{
color: var(--main-color-placeholder-input) !important;
}
.selected_rules_business .vs__search{
height: 28px;
font-size: 13px;
margin: 0 !important;
}
.selected_rules_business .vs__search::placeholder{
font-size: 13px;
}
.selected_rules_business .vs__dropdown-toggle{
min-height: 28px !important;
height: 28px !important;
}
.selected_rules_business .vs__selected{
margin: 0 !important;
height: 28px;
}
.selected_rules_business .vs--single.vs--open{
top: 5px;
}
.container_select_sigle_window{
width:160px !important;
height: 100% !important;
display: inline-block;
padding: 22px 0 !important;
}
.container_select_sigle_window .vs__selected-options{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.container_select_sigle_window .v-select{
height:47px !important;
}
.container_select_sigle_window .vs__dropdown-toggle{
height:47px !important;
}
.container_select_sigle_window_flow{
width:160px !important;
height: 100% !important;
display: inline-block;
padding: 22px 0 !important;
}
.container_select_sigle_window_flow .vs__selected-options{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.container_select_sigle_window_flow .v-select{
height:55px !important;
}
.container_select_sigle_window_flow .vs__dropdown-toggle{
height:55px !important;
}
.container_select_path_per{
width:123px !important;
height: 100% !important;
display: inline-block;
padding: 22px 0 !important;
}
.container_select_path_per .vs__selected-options{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.container_select_path_per .v-select{
height:40px !important;
}
.container_select_path_per .vs__dropdown-toggle{
height:100%;
}
.add_text{
background-color: var(--navbar-button-main-fondo-selected);
color:var(--navbar-button-main-text-selected);
border-radius: 5px;
cursor:pointer;
}
.container_drag_create_single_window::-webkit-scrollbar {
display: none;
}
.verify_area_indexing_text{
display:none;
}
.verify_area_indexing>.verify_area_indexing_text:first-child {
display: block !important;
}
.agents_status_active_config{
float:left;
margin-left:10px;
height: 25px;
background: #2DCB70;
padding: 1px 10px;
border-radius: 5px;
}
.agents_status_cancel_config{
float:left;
margin-left:10px;
height:25px;
background:#FF0000;
padding:1px 10px;
border-radius:5px;
}
.v-select.dropdown {
width: 450px;
}
.v-select .selected-tag {
position: absolute;
}
.v-select input.form-control {
width: 100%;
}
.rombo {
margin: 7px 5px;
width: 8px;
height: 8px;
float:left;
background-color: #ffb749;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after{
top:3px !important;
}
[type="checkbox"]:checked + span:not(.lever):after{
top:3px !important;
}
[type="checkbox"].filled-in:checked + span:not(.lever):before{
top:2px !important;
}
[type="checkbox"].filled-in:checked + span:not(.lever):before {
top: 0;
left: 1px;
width: 8px;
height: 13px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid var(--main-color-buttons-purple);
border-bottom: 2px solid var(--main-color-buttons-purple);
-webkit-transform: rotateZ(37deg);
transform: rotateZ(37deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.menu_min{
cursor:pointer;
height:30px;
width:190px;
position:absolute;
border:1px solid var(--main-border);
background:#F1F1F1;
border-radius:5px;
}
.menu_min:hover{
background:#c1d5e8;
}
.migrate_proccess{
height:26px;
border-radius:20px;
border:1px solid var(--main-border);
position:relative;
padding:0 !important;
}
.migrate_proccess_upload{
position:absolute;
background:rgb(0, 145, 254);
height:100%;
border-radius:20px;
text-align:center;
padding:8px
}
.migrate_proccess_done{
position:absolute;
background:#2DCB70;
height:100%;
border-radius:20px;
text-align:center;
padding:8px
}
.migrate_proccess_error{
position:absolute;
background: var(--main-color-error);
height:100%;
border-radius:20px;
text-align:center;
padding:8px
}
.migrate_proccess>div>span{
color:white;
font-weight:500;
}
.text_element_notregister{
margin-top: 5px;
padding:0 !important;
cursor: no-drop;
color: gray;
}
.text_element_register{
margin-top: 5px;
padding:0 !important;
}
.text_element_register:hover{
color:#0072ff;
text-decoration: underline #0072ff;
}
.iframe_factura{
/*position:fixed;
top:166px;
left:606px;
width: calc(100% - 653px);
height: calc(100vh - 211px);
*/
width:100%;
height:100%;
height: calc(100vh - 606px);
border:none;
}
.subserie_cls{
padding:.75rem !important;
border-bottom:1px solid var(--main-border);
cursor:pointer;
position:relative;
}
.subserie_cls:hover{
background:var(--main-color-cyan);
}
.fields_hidden_button{
border:1px solid var(--main-border);
width:180px;
padding:5px;
border-radius:5px;
cursor:pointer;
transition:ease-out 0.2s;
position:fixed;
top:58px;
right:165px;
z-index:63;
}
.fields_hidden_button:hover{
background:#D6D6D6;
transition:ease-out 0.2s;
}
.estado_arch_central{
height:22px;
width: 160px;
float:left;
border-radius:6px;
}
.gray_document_color+span{
color:#808080;
}
.estado_arch_central>span{
font-size:12px;
font-weight:600;
}
.estado_arch_central.Relocation{
background-color:#E64E25;
color:#fff;
}
.estado_arch_central.reserve{
background-color:#0066EA;
color:#fff;
}
.estado_arch_central.WithoutConfirmation{
background-color:#009A00;
color:#fff;
}
.estado_arch_central.archived{
background-color:#808080;
color:#fff;
}
.fields_hidden_button{
border:1px solid var(--main-border);
width:180px;
padding:5px;
border-radius:5px;
cursor:pointer;
transition:ease-out 0.2s;
position:fixed;
top:58px;
right:165px;
z-index:63;
}
.fields_hidden_button:hover{
background:#D6D6D6;
transition:ease-out 0.2s;
}
.image_alert_ocr_warn{
height:100%;
padding:0;
background-position:center;
background-size:cover;
border-radius:10px 0 0 10px;
}
.image_back_ocr{
height:100%;
background-position:center;
background-size:cover;
border-radius:0 10px 10px 0;
}
.alert_ocr_span_1{
font-size:18px;
font-weight:600;
color:#005CC6;
margin-bottom:10px;
}
.alert_ocr_span_2{
font-weight:500;
color:#8898AA;
margin-bottom:10px
}
.path_span_normal{
font-weight:500;
}
.path_span{
font-weight:500;
cursor:pointer;
}
.path_span:hover{
text-decoration:underline;
}
.path_desing:hover{
text-decoration:underline;
cursor:pointer;
}
#preload{
height:22px;
width:22px;
border-radius: 50%;
border:3px solid #DDDDDD;
animation:3s pre linear infinite;
}
@keyframes pre {
0%{
transform:rotate(0deg);
border-top:3px solid #00BD00;
}100%{
transform:rotate(360deg);
border-top:3px solid #00BD00;
}
}
.img_container_list_wait_machines{
margin: 0px;
width: 70px;
position: absolute;
top: 30px;
left: 20px;
border-radius: 0px 0px 5px 5px;
}
.icon_route{
width:280px;
height:280px;
float:left;
background-size:100%;
background-position:center;
background-repeat:no-repeat;
}
.container_list_wait{
padding: 10px 10px !important;
}
.container_list_wait>div{
background-color:#fafafa;
border-radius:10px;
}
.container_list_wait>div.folders{
background-color:#eaf1f5;
border-radius:10px !important;
position:relative;
padding: 15px 10px 15px 104px !important;
}
.container_list_wait>div.documents{
background-color:#f5f5f5;
border-radius:10px !important;
position:relative;
padding: 15px 10px 15px 104px !important;
}
.title_list_wait_machine{
padding: 0px !important;
color: var(--main-text-color-variant);
font-size: 18px;
font-weight: 500;
}
.subtitle_list_wait_machine{
padding: 0px !important;
color: #a3a5a7;
font-size: 14px;
font-weight: 500;
}
.nestable {
position: relative;
}
.nestable-rtl {
direction: rtl;
}
.nestable .nestable-list {
margin: 0;
padding: 50px 0 0 60px;
list-style-type: none;
}
.nestable-rtl .nestable-list {
padding: 0 40px 0 0;
}
.nestable > .nestable-list {
padding:0;
}
.nestable-item,
.nestable-item-copy {
margin: 10px 0 0;
}
.nestable-item:first-child,
.nestable-item-copy:first-child {
margin-top: 0;
}
.nestable-item .nestable-list,
.nestable-item-copy .nestable-list {
margin-top: 0;
}
.nestable-item {
position: relative;
border-top:3px solid #FFF;
background:#FAFAFA;
min-height:50px;
padding-bottom:10px;
padding-right:10px;
}
.nestable-item.is-dragging .nestable-list {
pointer-events: none;
}
.nestable-item.is-dragging * {
opacity: 0;
filter: alpha(opacity=0);
}
.nestable-item.is-dragging:before {
content: ' ';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color:rgb(213, 234, 255);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.nestable-drag-layer {
position: fixed;
top: 0;
left: 0;
z-index: 100;
pointer-events: none;
}
.nestable-rtl .nestable-drag-layer {
left: auto;
right: 0;
}
.nestable-drag-layer > .nestable-list {
position: absolute;
top: 0;
left: 0;
padding: 0;
background-color: rgba(28, 16, 102,0.8);
color:white !important;
border-radius:8px;
min-height:48px;
padding-right:10px;
padding-bottom: 10px;
box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}
.nestable-drag-layer > .nestable-list .pl_tree_jer, .nestable-drag-layer > .nestable-list .pl_tree_jer_down{
display:none;
}
.nestable-drag-layer > .nestable-list > .nestable-item-copy > .nestable-list{
display:none;
}
.nestable [draggable="true"] {
cursor: move;
}
.nestable-handle {
display: inline;
}
.img_tree_jer{
height:40px;
width:40px;
margin-top:4px;
margin-left:4px;
background-size: cover;
float:left;
border-radius: 50%;
}
.img_tree_jer.br{
border: 2px solid #1534F8;
}
.name_tree_jer{
margin-left:15px;
margin-top:7px;
margin-right:10px;
position:relative;
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
float:left;
}
.pl_tree_jer{
position:absolute;
width:35px;
height:1px;
left:-35px;
top:24px;
border: 2px dashed #CFCFCF;
border-bottom:none;
}
.pl_tree_jer_down{
position:absolute;
width:1px;
left:-36px;
border: 2px solid #CFCFCF;
border-left:none;
}
.tree_container{
padding-top:56px !important;
padding-left:50px !important;
}
.name_tree_icon{
color:#CDCDCD;
float:left;
font-size:15px;
margin-top:17px;
margin-left:5px;
}
.name_tree_super{
color:#A2A2A2;
float:left;
font-size:11px;
margin-left:5px;
font-weight:600;
}
.name_tree_super > i{
color:#CDCDCD;
font-size:15px;
margin-top:11px;
}
.div_nor{
height: 35px;
width: 100%;
float: left;
border: 1px solid rgba(60,60,60,.26);
border-radius: 5px;
outline: none;
font-size: 14px;
color: #000;
padding: 6px 8px !important;
background:#F8F8F8;
}
.sandwich{
position:relative;
}
.sandwich>img{
color:#fff;
}
.sandwich>canvas{
position:absolute;
top:0;
}
.tippy-popper[x-placement^=bottom] .tippy-arrow{
border-bottom: 8px solid #000 !important;
}
.tippy-popper[x-placement^=top] .tippy-arrow {
border-top: 8px solid #000 !important;
}
.tippy-popper[x-placement^=left] .tippy-arrow{
border-left: 8px solid #000 !important;
}
.tippy-popper[x-placement^=right] .tippy-arrow {
border-right: 8px solid #000 !important;
}
.storage_bar_porcentage_usage{
float:left;
height:100%;
}
.storage_bar_porcentage_usage:hover{
background-color: #0c4d7e !important;
}
.storage_bar_porcentage_free{
float:left;
height:100%;
position:relative;
}
.storage_bar_porcentage_free:hover{
background-color: #b3b3b3 !important;
}
.cu_minimizar_modal{
position:absolute;
right:50px;
top:0px;
height:40px;
color:white;
}
.cu_minimizar_modal>i{
height: 100%;
display:block;
}
.uploadFiles_califications{
padding:0 !important;
position:relative;
height:93px;
}
.uploadFiles_califications>div{
position:absolute;
right:0;
}
.uploadFiles_califications_reprobate{
background:var(--main-color-error);
color:var(--main-color-error-text);
}
.uploadFiles_califications_aprobate{
background: var(--main-color-success);
color:var(--main-color-success-text);
}
.uploadFiles_aditional_information{
border-radius:5px;
border:1px solid var(--main-border);
min-height: calc(100vh - 375px);
padding:10px !important;
margin-bottom:10px;
}
.uploadFiles_aditional_information>div{
padding:10px !important;
}
.uploadFiles_aditional_information_date{
position:absolute;
right:0;
top:-10px;
color: #8E8E8E;
font-size: 14px;
}
.uploadFiles_aditional_information_photo{
position:absolute;
height:50px;
width:50px;
border-radius:50%;
border:1px solid var(--main-border);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}
.uploadFiles_aditional_information_spans{
padding:5px 60px 5px !important;
}
.uploadFiles_aditional_information_spans>span.span1{
font-weight: 500;
}
.uploadFiles_aditional_information_spans>span.span2{
font-size: 13px !important;
}
.format_preview_pdf{
height:calc(100% - 44px);
max-height:calc(100% - 44px);
overflow-y:auto;
color:black;
position:relative;
padding:0 !important;
}
.format_preview_virtual{
height:calc(100% - 43px);
max-height:calc(100% - 43px);
background: gray;
border-radius: 0 0 5px 5px;
overflow:auto;
color:black;
position:relative;
padding:0 !important;
}
.drive_body {
padding: 20px !important;
padding-left: 10px !important;
padding-right: 10px !important;
min-height: calc(100vh - 140px) !important;
}
.choice_date_backup{
width: 861px;
margin: 5px auto 0 auto;
border-radius:5px;
background-color: #fff;
}
.pagination_moduls{
height:25px;
min-width:25px;
width: auto;
color: var(--main-text-color);
font-weight:600;
margin:0 5px;
padding:0 5px;
float:left;
border-radius:3px;
cursor:pointer;
}
.pagination_moduls:hover{
color: var(--main-color-buttons-purple);
background-color: var(--main-page-hover);
}
.pagination_arrows{
height:25px;
width:25px;
min-width:25px;
color: var(--main-fondo-buttons-purple);
font-weight:600;
margin:0 5px;
float:left;
cursor:pointer;
border-radius:3px;
}
.pagination_arrows:hover{
background-color: var(--main-page-hover);
}
.pagination_moduls.active{
color:var(--main-color-buttons-purple);
background-color: var(--main-fondo-buttons-purple);
}
.contraste{
padding: 15px .75rem !important;
}
.contraste.active{
height:100%;
padding: 15px .75rem !important;
background: var(--main-fondo-buttons-purple);
}
.cuadro_color{
width: 15px;
height: 15px;
border: 1px solid #D6D6D6;
border-radius: 3px;
}
.comments_menu{
border-bottom:1px solid var(--main-border);
height:40px;
padding:8px 0 !important;
}
.comments_menu_selec{
padding:0 !important;
height:100%;
cursor:pointer;
}
.comments_menu_selec.active{
border-bottom: 3px solid var(--main-fondo-buttons-purple);
padding-bottom:6px !important;
}
.comments_menu_selec>span{
color:black;
font-weight:500;
font-size:14px;
}
.mx-calendar-content .cell{
text-align: center !important;
}
.mx-calendar-content .cell.active{
text-align: center !important;
}
#type_work_f-aditional_info{
height:100px;
padding:0 !important;
overflow:auto;
max-height:100px;
}
.charge_cursor{
cursor: wait !important;
}
.buttons_height{
font-size: 16px;
font-weight: 600;
height: 35px !important;
}
.dark{
background-color:var(--main-fondo-modals);
}
.quillWrapper .ql-snow.ql-toolbar{
min-height:40px !important;
padding:3px .75rem !important;
}
.login{
background:white;
position:absolute;
top:50% !important;
left:50% !important;
transform: translate(-50%, -100%);
}
@media only screen and (min-width : 620px) {
.login_participant_content{
height:80vh;
min-height:80vh;
width:80vw;
background-color:#fff;
position:fixed;
top:10vh;
left:10vw;
}
.login_participant_content-imgq{
position:fixed;
bottom:2.5vh;
right:10vw;
height:5vh;
}
.login_participant_content-principal{
height:100%;
background-color:#F4EFFF;
position:relative;
padding: 40px 50px !important;
}
}
@media only screen and (max-width : 619px) {
.login_participant_content{
height:90vh;
min-height:594px;
width:100vw;
background-color:#fff;
}
.login_participant_content-imgq{
margin-top:2.5vh;
height:5vh;
float:right;
}
.login_participant_content-principal{
height:100%;
min-height:100%;
background-color:#F4EFFF;
position:relative;
padding: 20px 20px !important;
}
}
.title_log_sesion{
height:30px;
border-radius:5px 5px 0 0;
color:var(--main-color-buttons-purple);
font-weighT:600;
background:var(--main-fondo-buttons-purple);
padding:4px .75rem !important;
}
.body_log_sesion{
border-radius:0 0 5px 5px;
background-color:var(--main-color-buttons-purple);
height:80px;
position:relative;
}
.body_log_sesion_navigator{
height:25px;
margin-top:10px;
padding:0 !important;
}
.body_log_sesion_navigator>img{
max-height:100%;
cursor:pointer;
outline:none;
float:left;
}
.body_log_sesion_navigator>div{
width:calc(100% - 35px);
padding: 2px 10px;
font-weight:500;
color:#333;
height:100%;
float:left;
}
.forgot_pass:hover{
text-decoration: underline !important;
cursor:pointer;
}
.vc-sketch-alpha-wrap{
display: none !important;
}
.vc-sketch-sliders{
padding:10px 0 !important
}
.inputClass{
height:30px;
border:1px solid var(--main-border);
border-radius:5px;
padding-left:32px !important;
}
label{
font-size:17px;
}
.on_body_right_r{
height: 100vh !important;
background: -webkit-linear-gradient(left, rgba(88,122,232,1) 0%, rgba(115,150,245,1) 53%, rgba(121,153,247,1) 100%);
float:right;
z-index:1000;
border-left:1px solid black;
border-top:1px solid black;
border-bottom:1px solid black;
}
.on_body_right{
overflow:hidden;
overflow-y:auto;
height:100vh !important;
float:left;
padding-top:64px
}
.on_body_right2{
overflow:hidden;
overflow-y:auto;
height:100vh !important;
float:left;
padding-top:64px
}
.headS{
background: white;
position:relative;
}
.letterFam{
color:white;
font-size:18px;
padding-top:30px !important;
padding-left:50px !important
}
.fotoHead{
background: #E91E63;
height: 45px;
width: 45px;
border-radius: 50%;
position: absolute;
top: 10px;
right: 10px;
}
.hoverUser2:hover{
/*background: #2D323E !important;*/
text-decoration: underline;
color:#6531CA !important;
font-weight: 600;
}
.hoverNormal:hover{
background: var(--main-border) !important;
border-radius: 5px;
text-decoration: underline;
}
.no-seleccionable {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.arrow_navigation{
background-image:linear-gradient( #fff,#ffffff63) !important;
height:100%;
position:relative;
padding:5px !important;
-webkit-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.38);
box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.38);
}
.arrow_left{
height:100%;
background:white;
width:40px !important;
padding:5px !important;
border:1px solid black;
cursor:pointer;
border-radius: 5px 0 0px 5px;
}
.arrow_right{
height:100%;
background:white;
width:40px !important;
padding:5px !important;
border:1px solid black;
cursor:pointer;
border-radius: 0 5px 5px 0;
}
.arrow_icon{
position:absolute;
top:8px;
color:black;
padding-left:2px
}
.navigation{
height:100%;
background:white;
width:calc(100% - 180px) !important;
padding:0px !important;
border:1px solid black;
cursor:pointer;
margin-left:10px !important;
border-radius: 5px;
}
.items{
height:100%;
background:white;
width:40px !important;
padding:5px !important;
border:1px solid black;
cursor:pointer;
margin-left:10px !important;
border-radius: 5px 0 0px 5px;
}
.items2{
height:100%;
background:white;
width:40px !important;
padding:5px !important;
border:1px solid black;
cursor:pointer;
border-radius: 0 5px 5px 0;
}
.menuClickD{
color:black;
width:200px;
background:white;
z-index:100;
position:fixed;
z-index:102;
border-radius: 5px !important;
}
.menuClickD2{
color:black;
width:200px;
background:white;
z-index:100;
position:absolute;
z-index:102;
border-radius: 5px !important;
}
.boxContainer{
padding:0;
height:100%;
color:black;
position:relative;
background-image:linear-gradient( #ffffffeb,#7cafccc7);
border:1px solid gray;
}
.menuS{
z-index:100;
right:19px;
top:34px;
position:absolute;
width: 0;
height: 0;
border:1px solid var(--main-border);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-bottom: 10px solid white;
}
.menuA{
position:absolute;
height:100px;
width:210px;
background:white;
z-index:100;
right:10px;
top:45px;
border-radius:5px;
}
.alertWarn{
color:#856404;
border-color:#ffeeba;
background-color: #fff3cd;
border-radius: .25rem;
font-family: var(--main-font-family);
font-size:20px;
text-align:center;
padding-top:9px
}
.alertSuccess{
color:#155724;
border-color:#c3e6cb;
background-color: #d4edda;
border-radius: .25rem;
font-family: var(--main-font-family);
font-size:20px;
text-align:center;
padding-top:9px
}
.alertDanger{
color:#721c24;
border-color:#f5c6cb;
background-color: #f5c6cb;
border-radius: .25rem;
font-family: var(--main-font-family);
font-size:20px;
text-align:center;
padding-top:9px
}
.vue-notification-group{
bottom:28px !important;
}
.vue-notification {
padding: 10px;
margin: 0 5px 5px;
height:100px;
font-size: 15px !important;
color: #ffffff;
background: #44A4FC;
border-left: 5px solid #187FE7;
}
.notifications_mensajes{
position:absolute;
top:60%;
left:50%;
transform:translate(-50%,-50%);
color:black;
text-align:center;
width:200px;
}
.notifications_body{
padding:0 !important;
height:calc(100% - 125px);
position:relative !important;
}
.notifications_no_notifys{
height:100px !important;
width:100px !important;
background-size:cover !important;
background-position:center !important;
background-repeat:no-repeat !important;
position:absolute;
left:50% !important;
top:40%;
transform:translate(-50%, -50%);
}
.noifications_head{
padding:0 !important;
height:85px;
background-color: var(--main-fondo-buttons-purple);
border-radius:5px 5px 0 0;
}
.notifications_cant{
font-weight:600;
font-size:18px;
display:block;
color: var(--main-color-buttons-purple);
}
.notifications_user_info{
font-weight:600;
font-size:13px;
color: var(--main-color-buttons-purple);
}
.notifications_menu{
height:40px;
padding:8px 0 !important;
background-color: var(--notify_global-menu-fondo);
color: var(--notify_global-menu-color);
}
.notifications_menu_selec{
padding:0 !important;
height:100%;
cursor:pointer;
}
.notifications_menu_selec.active{
border-bottom:3px solid var(--notify_global-menu-border);
padding-bottom:6px !important;
}
.notifications_menu_selec>span{
color:black;
font-weight:500;
font-size:14px;
}
.apexcharts-menu, .apexcharts-menu-open{
color:black
}
.apexcharts-menu{
width:140px !important;
}
.letterStyle{
color:#333 !important;
}
.letterStyle:before{
left: 0px !important;
}
.letterStyle:after{
left: 0px !important;
}
.sombraA{
-webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.1);
box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.1);
}
.sombraAl{
-webkit-box-shadow: 0px -1px 5px -1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px -1px 5px -1px rgba(0,0,0,0.2);
box-shadow: 0px -1px 5px -1px rgba(0,0,0,0.2);
}
.fondoAll{
background-color:white;
background-size:cover;
}
.navigationStyle{
height:28px;
width:186px;
border-right:1px solid black;
padding-left:5px;
padding-top:2px;
float:left;
}
.graficoUsers{
padding:0;
margin-top:10px;
background:transparent;
height:calc(100% - 15px);
}
.zebra_fields>div:nth-child(2n+1):not(.active){
background-color: #f9f9f9;
}
.zebra_fields>div{
border-bottom:1px solid #D6D6D6;
}
.zebra_fields>div:last-child{
border-bottom: 0 !important;
}
.configutarion{
cursor:pointer;
max-width:280px;
height:50px;
width:50px;
background:white;
position:absolute;
top:170px;
border-radius:5px 0 0px 5px;
z-index:100;
border-left:1px solid black;
border-top:1px solid black;
border-bottom:1px solid black;
}
/* ===== Start General ===== */
*:not(.material-icons){
font-family: var(--main-font-family);
}
.qt_nsel {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.qt_noutline{
outline:none !important;
outline-width: 0 !important;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.qt_center{
display:flex;
justify-content: center;
align-items: center;
}
.qt_center-vertical{
display:flex;
align-items: center;
height: 40px;
}
.qt_center-vertical2{
display:flex;
align-items: center;
}
.qt_nso{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline:none !important;
outline-width: 0 !important;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.qt_ndrag{
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.qt_main{
height: 100vh !important;
padding:0 !important;
}
.qt_body{
padding:0 !important;
background: var(--main-fondo-container);
background-size: var(--main-fondo-size);
background-position: var(--main-fondo-position);
}
.qt_content_view{
padding:0 !important;
overflow:hidden;
height:100vh;
position: relative;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
/* ===== End General ===== */
/* ===== Start Board ===== */
.board_flex{
display: flex !important;
}
.board__body{
overflow-x: scroll;
padding:0 !important;
border-left:1px solid var(--main-border);
}
.board__body_content-subtitle{
background-color: var(--table-fondo-gray);
padding:0;
border-bottom:1px solid var(--main-border);
height:30px;
position:relative;
}
.board__body_content-subtitle:not(.not_padding){
padding:5px 10px 5px 10px !important;
}
.board__body_content-subtitle.not_padding{
padding:5px 10px 5px 10px !important;
}
.board__body_content-subtitle>i{
position: absolute;
right: 8px;
top: 6px;
border-radius: 5px;
background-color: var(--table-color-purple);
width: 17px;
cursor:pointer;
}
.board__body_content-subtitle>i:hover{
background-color: var(--table-color-purple);
}
.board__body_content-subtitle.action{
background-color: var(--table-fondo-purple) !important;
}
.board__body_content-subtitle.action>span{
color: var(--table-color-purple) !important;
}
.board__body_content-subtitle>span{
font-weight: 600;
color: var(--table-color-gray);
font-size: 14px;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.board__body>div>div.resizable-component {
position: relative;
border-right: 1px solid var(--main-border);
margin: 0 !important;
height: auto !important;
}
.board__body>div {
padding: 0 !important;
border-top: 1px solid var(--main-border);
border-bottom: 1px solid var(--main-border);
}
.board_head_static{
position:absolute;
left:0 !important;
}
.board__body_content-data{
height: 40px;
padding: 5px 20px !important;
cursor: pointer;
}
.board__body_content-data>span{
font-weight: 500;
color: #333;
font-size: 14px;
cursor: text;
}
.board__body_content-data>i{
font-family: 'Material Icons' !important;
font-weight: normal;
font-style: normal;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga';
color: var(--main-fondo-buttons-purple);
font-size: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid var(--main-border);
border-radius: 5px;
padding:2px;
background-color: var(--main-color-buttons-purple);
}
.board__body_content-data:hover>i{
color: var(--main-color-buttons-purple);
background-color: var(--main-fondo-buttons-purple);
}
.board__body_content-data.zebra{
/* background-color:var(--table-fondo-stripe); */
border-bottom:1px solid var(--main-border-tables);
}
.board__body_content-data.zebra:last-child{
/* background-color:var(--table-fondo-stripe); */
border-bottom:1px solid none;
}
.board__body_content-data.hover{
background-color: var(--table-fondo-hover);
}
.board__body_content-data.active{
background-color: var(--table-fondo-hover);
}
.board__body_content-data:hover{
background-color: var(--table-fondo-hover) !important;
}
.board__body_content-data.action:hover>span{
color:#333 !important;
text-decoration: underline !important;
font-weight:600 !important;
cursor:pointer !important;
}
/* ===== End Board ===== */
/* ===== Start Bank ===== */
.selects-button_add-banks{
width:35px;
height:35px;
float:left;
background-color: var(--navbar-button-main-fondo-selected);
margin-left:10px;
border-radius:5px;
position:relative;
cursor:pointer;
}
.selects-button_add-banks.desactive{
background: var(--navbar-button-main-text-noselected);
width:35px;
height:35px;
float:left;
margin-left:10px;
border-radius:5px;
position:relative;
cursor:pointer;
}
.selects-button_add-banks>i{
color:var(--navbar-button-main-text-selected);
font-size:30px;
position:absolute;
top:3px;
left:3px;
}
.banks__title-cabecaBanks{
font-size: 17px;
color: var(--main-fondo-buttons-purple);
font-weight: 700;
float: left;
padding:0 !important;
}
.title_cabecera{
font-size: 17px;
color: var(--main-fondo-buttons-purple);
font-weight: 700;
float: left;
margin-bottom:15px;
}
/* ===== Start Board ===== */
.board_flex{
display: flex !important;
}
.board__bodyB{
overflow-x:auto;
padding:0 !important;
border-left:1px solid #D6D6D6;
}
.board__bodyB_content-subtitle{
background-color: var(--main-color-cyan);
padding:0;
border-bottom:1px solid #D6D6D6;
height:30px;
position:sticky !important;
top:0px;
text-align:center;
padding:5px 20px 5px 10px !important;
}
.board__bodyB_content-subtitle>i{
position: absolute;
right: 8px;
top: 6px;
border: 1px solid #D6D6D6;
border-radius: 5px;
background-color: var(--main-color-cyan);
width: 17px;
cursor:pointer;
}
.board__bodyB_content-subtitle>i:hover{
background-color: var(--main-color-buttons-purple);
}
.board__bodyB_content-subtitle.action{
background-color: var(--main-fondo-buttons-purple) !important;
}
.board__bodyB_content-subtitle.action>span{
color: var(--main-color-cyan) !important;
}
.board__bodyB_content-subtitle>span{
font-weight: 600;
color: #333;
font-size: 14px;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.board__bodyB>div>div.resizable-component {
position: relative;
border-right: 1px solid #D6D6D6;
padding: 0 !important;
margin: 0 !important;
height: auto !important;
}
.board__bodyB>div {
padding: 0 !important;
border-top: 1px solid #D6D6D6;
border-bottom: 1px solid #D6D6D6;
}
.qt_info_table_tableColums_bottom {
border-bottom: 1px solid #D6D6D6;
}
.qt_info_table_tableColums_top {
border-top: 1px solid #D6D6D6;
}
.board__bodyB_content-data{
min-height:60px !important;
overflow-y:auto;
max-height:300px;
position:relative;
padding: 5px 10px !important;
cursor: pointer;
}
.board__bodyB_content-data>div{
padding: 5px 10px !important;
cursor: pointer;
}
.board__bodyB_content-data>div>span{
font-weight: 500;
color: #333;
font-size: 14px;
cursor: text;
text-align:justify;
}
.board__bodyB_content-data>span{
font-weight: 500;
font-size: 14px;
cursor: text;
}
.board__bodyB_content-data>i{
font-family: 'Material Icons' !important;
font-weight: normal;
font-style: normal;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga';
color: #606060;
font-size: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid var(--main-border);
border-radius: 5px;
padding:2px;
background-color: var(--main-color-cyan);
margin-top:15px;
}
.board__bodyB_content-data:hover>i{
color: var(--main-color-buttons-purple);
background-color: var(--main-fondo-buttons-purple);
}
.board__bodyB_content-data.zebra:not(.active){
background-color:#f2f2f2;
}
.board__bodyB_content-data.selected{
background-color: #fbf2b0 !important;
}
.board__bodyB_content-data.hover{
background-color:#d1faff !important;
}
.board__bodyB_content-data.active{
background-color: #fbf2b0;
}
.board__bodyB_content-data.action:hover>span{
color:#333 !important;
text-decoration: underline !important;
font-weight:600 !important;
cursor:pointer !important;
}
.board__bodyB_content-data_bonus{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
text-align: center;
}
/* ===== End Board ===== */
/* ===== END MODULE BANKS ===== */
.vue-tel-input{
border-radius:5px !important;
border:1px solid #97949c !important;
outline: none !important;
}
.vue-tel-input:focus{
border:1px solid var(--main-border-focus-inputs);
}
.vti__dropdown{
outline: none !important;
}
.vti__dropdown-list{
border:1px solid var(--main-border-focus-inputs) !important;
border-top:0 !important;
box-shadow:none !important;
outline: none !important;
}
.vue-tel-input:focus-within {
box-shadow: none !important;
border:1px solid var(--main-border-focus-inputs) !important;
}
.mx-date-row>td.cell{
text-align:center;
}
.mx-input{
color:var(--main-color-inputs) !important;
height: 34px !important;
padding: 0 10px !important;
border:1px solid var(--main-border-inputs) !important;
border-radius:5px !important;
box-shadow:none !important;
background-color: var(--main-fondo-inputs) !important;
}
label.qt_input_label{
color: var(--main-color-labels-input) !important;
font-size: 15px !important;
font-weight: 550;
padding: 0 !important;
}
textarea.qt_input_area{
height:30px;
width:100%;
float:left;
border:1px solid var(--main-border-inputs);
background: var(--main-fondo-inputs);
border-radius: 5px;
outline:none;
font-size:14px;
color: var(--main-color-inputs);
padding:8px;
}
textarea.qt_input_area:focus{
border:1px solid var(--main-border-focus-inputs);
}
div:has(.qt_input)>.material-icons{
color: var(--main-color-inputs) !important;
}
/*=========================INPUT FILE========================*/
/*=========================INPUT FILE========================*/
[type="checkbox"]:not(:checked):disabled + span:not(.lever):before {
border: 2px solid var(--main-border);
background-color: #e9e9e9 !important;
}
[type="checkbox"]:not(:checked):disabled + span:not(.lever):after {
border: 2px solid var(--main-border) !important;
background-color: #e9e9e9 !important;
}
[type="checkbox"].error:not(:checked):disabled + span:not(.lever):after {
border: 2px solid var(--main-color-error) !important;
background-color: #e9e9e9 !important;
}
[type="checkbox"].success:not(:checked):disabled + span:not(.lever):after {
border: 2px solid #9bd79f !important;
background-color: #e9e9e9 !important;
}
[type="radio"]:not(:checked), [type="radio"]:checked{
pointer-events: visible;
}
/* ===== Start Fichas ===== */
.fichas_teachers_span:hover{
text-decoration:underline;
cursor:pointer;
}
.records__body{
padding:20px !important;
padding-left:10px !important;
padding-right:10px !important;
min-height : calc(100vh - 250px) !important;
}
.records__body_mode-carts{
padding:0 !important;
}
.records__body_mode-carts_body{
padding:0 !important;
}
.records__body_mode-carts_body-item{
padding:20px 10px !important;
display: inline-block;
margin: 0;
width: 100%;
}
.comment_change_note>.ql-container{
max-height:130px;
padding:0 !important;
overflow-y:auto;
}
.records__menu-context{
max-height:auto;
width:210px;
/*border:1px solid var(--context_menu-border);*/
position:fixed;
background-color: var(--context_menu-fondo);
z-index:1000;
padding:10px !important;
border-radius:5px;
}
.records__menu-context>div.title{
padding:0 4px !important;
}
.records__menu-context>div.title>div{
text-align: center;
padding: 3px 0 !important;
border-bottom:1px solid var(--context_menu-border);
}
.records__menu-context>div.title>div>span{
font-size: 13px;
color: var(--context_menu-text);
}
.records__menu-context>div>span{
font-size: 13px;
margin-top: 1px;
color: var(--context_menu-text);
}
.records__menu-context>div>i{
color: var(--context_menu-text);
font-size: 18px;
margin-right:10px;
}
.records__menu-context>div>svg{
fill: var(--context_menu-text);
font-size: 18px;
margin-right:10px;
}
.records__menu-context>div.desactive_campo>i{
color:var(--context_menu-text-desactive) !important;
font-size: 18px;
margin-right:10px;
}
.records__menu-context>div.desactive_campo>svg{
fill:var(--context_menu-text-desactive);
font-size: 18px;
margin-right:10px;
}
.records__menu-context>div.desactive_campo>span{
color:var(--context_menu-text-desactive) !important;
font-size: 13px;
margin-top: 1px;
}
.records__menu-context>div:not(.desactive_campo):hover>span{
/* text-decoration: underline;
color: var(--context_menu-text-hover) !important;
font-weight: 600;
background: #F2F2F2; */
}
.records__menu-context>div.desactive_campo{
cursor:default;
}
.records__menu-context>div:not(.title){
height:35px;
cursor:pointer;
padding:6px 5px !important;
}
.records__menu-context>div:not(.title):hover{
background: #F2F2F2;
border-radius:5px;
}
/*LIST*/
.records__body_mode-list_body{
min-height:calc(100vh - 440px) !important;
}
.records__body_mode-list_body>div:not(.not_height):not(.records__menu-context) {
min-height:calc(100vh - 440px) !important;
}
.records__body_mode-list_head{
height:25px;
padding:0 !important;
position:relative;
}
.info_type_column{
position: absolute;
right: 0;
top: 0;
}
.info_type_column-item{
height: 10px;
width: 10px;
border-radius: 3px;
float: left;
margin-left: 10px;
}
.records__body_mode-list{
padding:0 !important
}
.records__body_mode-list_head-tittle{
font-size: 17px;
color: var(--main-fondo-buttons-purple);
font-weight: 700;
float:left;
}
.records__body_mode-list_head-filters{
font-size: 14px;
color:#424242;
font-weight: 600;
float:right;
width:160px;
}
.records__body_mode-list_head-filters > span{
float:left;
}
.records__body_mode-list_head-filters_sel{
height:25px;
border:1px solid #AAACAE;
border-radius:8px;
float:left;
width:168px;
padding-left:10px;
padding-right:30px;
padding-top:2px;
z-index:40;
position: absolute;
right: 95px;
}
.records__body_mode-list_head-filters_sel>div{
display: none;
padding:0 !important;
}
.records__body_mode-list_head-filters_sel>div>span{
font-size: 13px;
color: #554279;
margin-top:3px;
margin-bottom:5px;
}
.records__body_mode-list_head-filters_sel>div>span:hover{
text-decoration: underline;
color: #6531CA !important;
font-weight: 600;
}
.records__body_mode-list_head-filters_sel:hover>div{
display:block;
}
.records__body_mode-list_head-filters_sel:hover{
cursor:pointer;
background-color: #F5F0FF;
border:none;
transition: all 0.4s;
height:auto !important;
width:auto !important;
}
.records__body_mode-lsit_head-filters_sel > span{
color:#81729E;
}
.records__body_mode-list_head-filters_sel > i{
position: absolute;
color:#fff;
top:5px;
right:5px;
}
/* Editar */
.records__body-form{
position:relative;
}
.vue-tel-input{
border-radius:5px !important;
border:1px solid #97949c !important;
outline: none !important;
}
.vue-tel-input:focus{
border:1px solid #7C60B0;
}
.vti__dropdown{
outline: none !important;
}
.vti__dropdown-list{
border:1px solid #7C60B0 !important;
border-top:0 !important;
box-shadow:none !important;
outline: none !important;
}
.vue-tel-input:focus-within {
box-shadow: none !important;
border:1px solid #7C60B0 !important;
}
.mx-date-row>td.cell{
text-align:center;
}
.mx-datepicker{
width:100% !important;
}
div.qt_input{
height:35px;
width:100%;
float:left;
border:1px solid var(--main-border-inputs);
background: var(--main-fondo-inputs);
border-radius: 5px;
outline:none;
font-size:14px;
color: var(--main-color-inputs);
padding:0 8px;
}
div.qt_input:hover{
border:1px solid var(--main-border-focus-inputs);
}
input.qt_input{
height:35px;
width:100%;
float:left;
border:1px solid var(--main-border-inputs);
background: var(--main-fondo-inputs);
border-radius: 5px;
outline:none;
font-size:14px;
color:var(--main-color-inputs);
padding:0 8px;
}
input.qt_input.error{
border:1px solid var(--main-color-error) !important;
}
input.qt_input:focus{
border:1px solid var(--main-border-focus-inputs);
}
.records__body-form>div:nth-child(1){
padding:0 !important;
position:relative;
margin-bottom:15px;
}
.records__body-form>div:nth-child(2){
padding:0 !important;
position:relative;
margin-bottom:10px;
}
.records__body-form_dragg{
border-top:1px solid var(--main-border);
border-right:1px solid var(--main-border);
height:100%;
padding:5px .75rem !important;
}
.records__body-form_dragg>div{
min-height:250px;
}
.records__body-form_dragg>div>div{
height:50px;
border-bottom: 1px solid var(--main-border);
cursor: -webkit-grab;
cursor: grab;
}
.records__body-form_dragg>div>div.active{
background:#EEE5FF;
}
.records__body-form_dragg>div>div:last-child{
border-bottom: 0px !important;
}
.records__body-form_dragg>div>div>div:nth-child(1){
height:100%;
padding:0 !important;
width:50px;
float:left;
}
.records__body-form_dragg>div>div>div:nth-child(1)>div{
height:40px;
width:40px;
background-color:#7C60B0;
border-radius:100px;
}
.records__body-form_dragg>div>div>div:nth-child(1)>div>span{
color:white;
font-size:17px;
}
.records__body-form_dragg>div>div>div:nth-child(2){
height:100%;
padding:15px 15px !important;
width:calc(100% - 50px);
float:left;
}
.records__body-form_dragg>div>div>div:nth-child(2)>span{
font-size: 15px;
font-weight:600;
text-transform:capitalize;
color: #554279;
}
.records__body-form_border{
width:1px;
height:100%;
background:#EEE5FF;
position:absolute;
top:0;
left:50%;
transform:translate(-50%,0);
}
/*---------------MODAL----------------*/
/*---------------INPUTS----------------*/
.textarea_comment-cu__modal_up{
border: 1px solid #97949C;
resize:none;
border-radius:5px;
padding:5px;
outline:none;
}
.textarea_comment-cu__modal_up:focus{
border:1px solid var(--main-border-focus-inputs);
}
/*---------------INPUTS----------------*/
[type="checkbox"].filled-in:checked + span:not(.lever):after{
background:var(--main-fondo-buttons-purple) !important;
border:var(--main-fondo-buttons-purple) !important;
}
.switch label input[type=checkbox]:checked + .lever{
background:var(--main-fondo-buttons-purple) !important;
}
.switch label input[type=checkbox]:checked + .lever:after{
background:var(--main-fondo-buttons-purple) !important;
opacity: 0.8;
}
/* Table dynamic */
/* ===== End Fichas ===== */
/* ===== Start Documents ===== */
.gestiondoc__body_mode-carts_head{
min-height:20px;
}
.gestiondoc__body_mode-carts_head>span:nth-child(1){
font-size: 15px;
color: var(--main-title-modul-color);
font-weight: 600;
}
.gestiondoc__body_mode-carts_head>button{
border:0;
float:right;
width: 35px;
background-color: var(--main-fondo-buttons-purple);
border-radius: 8px;
margin:-8px 15px 0 5px;
cursor: pointer;
}
.gestiondoc__body_mode-carts_head>button>i{
color: #ffffff;
font-size: 20px;
}
.gestiondoc__body_mode-carts_head>button:hover{
opacity:0.8;
}
.gestiondoc__body_mode-carts_head>span:nth-child(2){
font-size: 14px;
color:#424242;
font-weight: 600;
position: relative;
max-width:190px;
}
.gestiondoc__body_mode-carts_head>span:nth-child(2)>span{
float:left;
}
.gestiondoc__body_mode-carts_head>span:nth-child(2)>div{
min-height:25px;
border-radius:8px;
float:left;
padding-left:10px;
padding-right:30px;
padding-top:2px;
margin-top:-2px;
margin-left:10px;
position: relative;
max-width: 130px;
border: 1px solid #AAACAE;
}
.gestiondoc__body_mode-carts_head>span:nth-child(2)>div:hover{
cursor:pointer;
background-color: #F5F0FF;
border:none;
transition: all 0.4s;
}
.gestiondoc__body_mode-carts_head>span:nth-child(2)>div>span{
color:#81729E;
}
.gestiondoc__body_mode-carts_head>span:nth-child(2)>div>i{
position: absolute;
top:5px;
right:5px;
}
.gestiondoc__body_content{
position:relative;
padding:0 0 10px 0 !important;
min-height:calc(100vh - 297px) !important;
}
.gestiondoc__body_content.drag .gestiondoc__body_content_drag-active{
border: 3px dashed #EEE5FF;
position:absolute;
background: #f5f0ff73;
top:0;
left:0;
height:100%;
}
.gestiondoc__body_content.drag .gestiondoc__body_content_drag-active>div{
position:fixed;
height:40px;
width:220px;
background-color: var(--main-fondo-buttons-purple);
border-radius:3px;
bottom:65px;
transform: translate(-50%,0);
text-align: center;
}
.gestiondoc__body_content.drag .gestiondoc__body_content_drag-active>div>span{
font-size: 13px;
color: var(--main-color-buttons-purple);
}
.gestiondoc__body_content.drag .gestiondoc__body_content_drag-active>i{
font-size:60px;
position:fixed;
bottom:110px;
transform:translate(-50%,0);
color:var(--main-fondo-buttons-purple);
animation: gestiondoc__body_content_drag 2s infinite;
}
@keyframes gestiondoc__body_content_drag {
0%{
bottom:110px;
}
25%{
bottom:115px;
}
50%{
bottom:120px;
}
75%{
bottom:115px;
}
100%{
bottom:120px;
}
}
.gestiondoc__body_content_input-upload{
display:none;
}
.gestiondoc__body_content_archivo-cuadros{
padding:0 .75rem !important;
height:110px;
width:186px;
min-width:150px;
float:left;
cursor:pointer;
margin-bottom:10px;
}
.gestiondoc__body_content_archivo-cuadros:hover>div>div>span{
text-decoration: underline;
color: #6531CA !important;
font-weight: 600;
}
.gestiondoc__body_content_archivo-cuadros>div{
padding:6px .75rem !important;
position:relative;
}
.gestiondoc__body_content_archivo-cuadros>div>img{
max-height:60px;
max-width:100%;
}
.gestiondoc__body_content_archivo-cuadros>div.active{
background-color:#F5F0FF;
border-radius:3px;
}
.gestiondoc__body_content_archivo-cuadros>div>div.active{
background-color:#F5F0FF;
border-radius:3px;
}
.gestiondoc__body_content_archivo-cuadros>div:hover>img.hidden:nth-child(1){
display:none;
}
.gestiondoc__body_content_archivo-cuadros>div:hover>img:nth-child(2){
display:block;
}
.gestiondoc__body_content_archivo-cuadros>div>img:nth-child(2){
display:none;
}
.gestiondoc__body_content_archivo-cuadros>div>img:nth-child(1){
display:block;
}
.gestiondoc__body_content_archivo-cuadros>div:nth-child(2){
padding:0 !important;
}
.gestiondoc__body_content_archivo-cuadros_text{
margin-top:5px;
padding: 2.5px .75rem !important;
max-width:100%;
}
.gestiondoc__body_content_archivo-cuadros_text>input{
margin:5px 0;
border: 1px solid var(--main-border);
border-radius:3px;
outline: none;
height:22px;
padding:0 2px !important;
font-size: 13px;
color: #000;
}
.gestiondoc__body_content_archivo-cuadros>div>.gestiondoc__body_content_archivo-cuadros_text.active{
position:absolute;
top:0;
left:0;
overflow-wrap: break-word;
z-index:10;
max-width:100% !important;
background-color:#F5F0FF;
border-radius:3px;
padding:5px;
}
.gestiondoc__body_content_archivo-cuadros_text>span{
font-size: 15px;
text-transform: capitalize;
margin-top: 1px;
color: #333;
padding:0 !important;
}
.gestiondoc__body_content_archivo-title{
margin-bottom: 5px;
position: sticky;
top:182px;
}
.destroy_enlace{
float:right;
color:#ff0000ba;
font-weight:500;
cursor:pointer;
border:1px solid #ff0000ba;
padding:8px;
border-radius:5px;
background:white;
}
.destroy_enlace:hover{
background: #ff00000a;
}
@media only screen and (min-width: 1022px) {
.correspondence-documents_content{
width: 383px !important;
float:left;
background: var(--main-fondo-content);
height:100%;
overflow:hidden;
border-right:1px solid var(--main-border);
}
.correspondence-view_documents_content{
width: calc(100% - 383px) !important;
float:left;
height:100%;
overflow:hidden;
}
.subordinate-photo_user{
float:left;
height:30px;
width:30px;
min-height:30px;
min-width:30px;
border-radius:50%;
border:1px solid var(--main-border);
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
.gestiondoc-content_expediente{
width:calc(100% - 70%) !important;
padding: 0 !important;
height:calc(100vh - 158px) !important;
border:1px solid var(--main-border);
position:sticky;
top:110px;
}
.createRules-indexings{
padding:0 15px !important;
overflow: hidden auto;
height:calc(100vh - 237px);
}
.createRules-fields{
padding:0 15px !important;
overflow: hidden auto;
height:calc(100vh - 205px);
}
.createRules-conditions{
padding:0 15px;
overflow: hidden auto;
height:calc(100vh - 205px);
}
.rules-content_formulas{
padding:0 15px !important;
overflow: hidden auto;
height:calc(100vh - 238px);
}
.load_info_data{
height: calc(100vh - 102px);
position: fixed;
top: 100px;
left: 280px !important;
background-color: var(--main-fondo-content);
z-index: 5;
width: calc(100vw - 292px) !important;
}
.container_bar_docs{
width: calc(100% - 675px) !important;
left: 280px !important;
padding: 0px !important;
height: 257px;
position: fixed;
z-index: 100;
background: white;
bottom: 0;
border-right:1px solid var(--main-border);
}
.container_bar_docs_noheight{
width: calc(100% - 675px) !important;
left: 280px !important;
padding: 0px !important;
height: 40px;
position: fixed;
z-index: 100;
background: white;
bottom: 0;
border-right:1px solid var(--main-border);
}
.noifications_content{
height:500px;
width:470px;
background: var(--notify_global-menu-fondo);
position:absolute;
left: 70px;
top: 55px;
border-radius: 5px;
}
.menu__body_file_upload{
cursor: pointer;
position: absolute;
right: 260px;
top: 13px;
}
.container_menu_icons{
position:absolute;
top:0px;
left:85px;
height:100%;
padding-top: 13px;
z-index:170;
}
.menu__body_notify{
position: absolute;
right:56px;
top:11px;
padding-left:3px;
padding-top:2px;
height:30px;
width:30px;
border-radius: 50%;
}
.creator_CC-body_content{
max-height:calc(100% - 110px);
overflow-x:hidden;
overflow-y:auto;
padding:0 !important;
}
.path__body{
position:fixed;
bottom:0;
height:45px;
left:calc(50% + 140px) !important;
z-index: 11 !important;
transform:translate(-50%,0);
}
.path__body_iframe{
position:fixed;
bottom:0;
height:45px;
left:50% !important;
z-index: 11 !important;
transform:translate(-50%,0);
}
.fields_hidden_button{
right:390px !important
}
.organize_docs_gestion_central{
padding: 5px !important;
position: fixed !important;
right: 386px;
z-index: 63;
border: none;
top: 52px;
background: transparent;
}
.single_window_all{
overflow-x: hidden !important;
overflow-y: scroll !important;
position:absolute;
padding:0 !important;
background:white;
top: 0px;
max-height: calc(100vh - 102px);
min-height: calc(100vh - 102px);
height: calc(100vh - 102px);
}
.busines_rules_window_all{
overflow-x: hidden !important;
overflow-y: scroll !important;
position:absolute;
padding:0 !important;
background:white;
top: -10px;
left:-39px !important;
max-height: calc(100vh - 100px);
min-height: calc(100vh - 100px);
height: calc(100vh - 100px);
width: calc(100% + 81px) !important;
}
.table_retencion_gestion_central{
overflow-x: hidden !important;
overflow-y: scroll !important;
position:absolute;
padding:0 !important;
background:white;
top: -10px;
left:-41px !important;
max-height: calc(100vh - 100px);
min-height: calc(100vh - 100px);
width: calc(100% + 81px) !important;
}
.header_table_gestion_central{
padding: 0px !important;
position: sticky;
top: 0;
height: 40px;
width: 100%;
z-index:20;
}
.organize_docs{
padding: 5px;
position: fixed;
right: 30px;
z-index: 60;
border: none;
top: 52px;
width: 140px;
background: transparent;
}
.retention_select_area{
min-width: 220px !important;
padding: 5px;
position: fixed !important;
right: 230px;
z-index: 60;
border: none;
top: 54px !important;
background: transparent;
}
.retention_button_purple{
border: 2px solid var(--main-border) !important;
color: white !important;
background: var(--main-border) !important;
padding: 5px 10px !important;
border-radius: 3px !important;
outline: none !important;
cursor: pointer !important;
height: 33px;
float: right;
}
.retention_button_purple.active{
border: 2px solid var(--main-fondo-buttons-purple) !important;
color: var(--main-color-buttons-purple) !important;
background: var(--main-fondo-buttons-purple) !important;
padding: 5px 10px !important;
border-radius: 3px !important;
outline: none !important;
cursor: pointer !important;
height: 33px;
float: right;
}
.retention_button_white{
border: 2px solid var(--main-fondo-buttons-purple);
color: var(--main-fondo-buttons-purple);
background: var(--main-color-buttons-purple);
padding: 0px 10px;
border-radius: 3px;
cursor: pointer;
height: 33px;
margin-right: 5px;
}
.retention_buttons{
padding: 0px;
position: fixed;
top: 60px;
z-index: 60;
right: 16px;
}
.retention_-body{
position:fixed;
left: 279px;
top:100px;
width:calc(100% - 295px);
height: calc(100vh - 100px);
overflow:auto;
background:white;
}
.validation_-body{
position:fixed;
left: 279px;
top:100px;
width:calc(100% - 295px);
height: calc(100vh - 100px);
overflow:hidden;
background:white;
}
.content__body-with-navigator{
min-height : calc(100vh - 102px) !important;
max-height : calc(100vh - 102px) !important;
overflow-y: auto;
overflow-x: hidden;
background-color: var(--main-fondo-content) !important;
}
#vuePdfApp{
height: calc(100vh - 100px);
}
.approbe_pdf #vuePdfApp {
width: 100%;
height: calc(100vh - 102px) !important;
position: absolute;
top: 0;
left: 0;
}
.approbe_pdf #toolbarViewerLeft{
opacity: 1 !important;
}
#viewPdfSub #vuePdfApp{
height: calc(100vh - 183px);
}
#content_sandwich{
padding:0;
height:calc(100vh - 152px);
overflow:auto;
background-color:var(--pdf-background-color);
}
#content_sandwich.active_change{
height:calc(100vh - 190px) !important;
}
.visualizador{
position: fixed !important;
top: 100px;
left: 280px !important;
width: calc(100% - 295px) !important;
}
.visualizador_nav{
position: fixed !important;
top: 100px;
left: 60px !important;
width: calc(100% - 73px) !important;
}
.visualizador_subs{
position: absolute !important;
top: 0;
left: -20px !important;
width: calc(100% + 40px) !important;
}
.dragg_search_advanced{
width:calc(100% - 350px) !important;
height:calc(100% - 5px);
float:left;
max-height: calc(100% - 5px);
overflow-y: auto;
}
.button_white{
border: 2px solid var(--main-fondo-buttons-purple);
color: var(--main-color-buttons-purple);
background: #666666;
padding: 5px 10px;
border-radius: 3px;
cursor: pointer;
float: left;
margin-right: 15px;
}
.button_white.active{
border: 2px solid var(--main-fondo-buttons-purple);
color: var(--main-fondo-buttons-purple);
background: var(--main-color-buttons-purple);
padding: 5px 10px;
border-radius: 3px;
cursor: pointer;
float: left;
margin-right: 15px;
}
.qt_spacing_divs{
margin-top:15px;
}
.config__body{
padding:40px 5px 20px 65px !important;
}
.navbar_config{
width: 280px;
background: var(--contenedor-information-fondo);
height: calc(100vh - 100px) !important;
position: fixed;
left: 280px !important;
top: 100px;
border-radius: 0;
z-index: 2;
}
.show_filedesk{
display: block;
}
/*#notification_animation{
transition: width 0.3s, height 0.3s;
transform: none !important;
height:0px !important;
width:250px !important;
top: unset !important;
bottom:39px !important;
left:280px !important;
cursor:pointer !important;
}*/
#minimazo_container{
transition: width 0.3s, height 0.3s;
transform: none !important;
height:0px !important;
width:250px !important;
top: unset !important;
bottom:39px !important;
left:280px !important;
cursor:pointer !important;
}
#minimazo_container_nav_mini{
transition: width 0.3s, height 0.3s;
transform: none !important;
height:0px !important;
width:250px !important;
top: unset !important;
bottom:39px !important;
left:61px !important;
cursor:pointer !important;
}
.upload_files_sty{
position:fixed;
min-height:100px;
width:450px;
z-index:190;
right:40px;
bottom:30px;
background:white;
border-radius:5px;
border:1px solid var(--main-border);
}
.container_alert_ocr{
height:100% !important;
background-color:#0000006b !important;
position:fixed !important;
top:0 !important;
left:0 !important;
z-index:10000 !important;
}
.container_alert_ocr>div{
left:50%;
top:50%;
transform:translate(-50%,-50%);
z-index:1000;
width:500px;
height:300px;
position:absolute;
background-color:#fff;
border-radius:10px;
}
.records__body_mode-carts_body-item_feature-label{
height: 30px;
border-right:1px solid var(--main-border);
border-bottom: 1px solid var(--main-border);
padding-left: 15px;
}
.menu__body_search-bar_input-placeholder_small {
border-radius: 5px;
height: 25px;
width: 80px;
color: var(--main-color-buttons-purple);
background-color: var(--main-fondo-buttons-purple);
position: absolute;
right: 11px;
top: 10px;
font-weight: 600;
padding-left: 14px;
padding-top: 2px;
z-index: 4001;
cursor: pointer;
}
.records__body_mode-carts_body-item_feature{
padding: 0 !important;
padding-right: 250px !important;
position: relative;
}
.records__body_mode-carts_body-item_feature-count{
position: absolute;
right:0;
top:0;
height: 30px;
width: 250px;
border-bottom: 1px solid var(--main-border);
}
.records__body_mode-carts_body-item_feature-count > i{
position:absolute;
top:5px;
cursor:pointer;
right:5px;
color: #7C60B0;
font-size: 18px;
}
.records__body_mode-carts_body-item_feature-count > span{
font-size: 14px;
color: #333333;;
padding-top:4px !important;
}
.records__body_mode-carts_body-item_feature-count > a{
font-size: 14px;
font-weight: 400;
color:var(--main-fondo-buttons-purple);
padding-top:4px !important;
cursor:pointer;
}
.records__body_mode-carts_body-item_feature-count > a:hover{
text-decoration: underline;
}
.records__body_mode-carts_body-item_feature-label > span{
font-size:15px;
padding:0 !important;
padding-top:5px !important;
color:#000;
}
.nav_bar__body{
height: calc(100vh - 50px) !important;
background: var(--navbar-fondo);
float:left;
background-position: var(--navbar-fondo-position);
background-size: var(--navbar-fondo-size);
position:absolute !important;
top:50px !important;
left:0px !important;
z-index:71;
}
.container_indexing_settings{
border-left:1px solid var(--main-border);
padding:0;
position: fixed;
right: 13px;
width: 383px !important;
top: 100px;
}
.container_indexing_settings_sub_docs{
border-left:1px solid var(--main-border);
padding:0;
position: absolute;
right: 13px;
width: 383px !important;
top: 0px;
}
.menu__body_search_filter{
cursor:pointer;
position: absolute;
right: 222px;
top: 13px;
}
.menu__body_search_filter_suplant{
cursor:pointer;
position: absolute;
right: 62px;
top: 13px;
}
.menu__body_search{
position: absolute;
right:183px;
top:11px;
color:#606060;
padding-left:2px;
padding-top:2px;
height:30px;
width:30px;
background: transparent;
cursor:pointer;
z-index:99
}
.cartsView__body_content_participants_body-item_feature{
padding: 0 !important;
padding-right: 250px !important;
position: relative;
}
.cartsView__body_content_participants_body-item_feature-label{
height: 30px;
border-right:1px solid var(--main-border);
border-bottom: 1px solid var(--main-border);
padding-left: 15px;
}
.cartsView__body_content_participants_body-item_feature-label > span{
font-size:15px;
padding:0 !important;
padding-top:5px !important;
color:#000;
}
.cartsView__body_content_participants_body-item_feature-count{
position: absolute;
right:0;
top:0;
height: 30px;
width: 250px;
border-bottom: 1px solid var(--main-border);
}
.cartsView__body_content_participants_body-item_feature-count > span{
font-size: 14px;
color: #333333;
padding-top: 4px !important;
}
.menu__body_opc-opciones_label>i{
position:absolute;
right:9px;
top:7px;
}
.menu__body_opc-opciones_label:hover{
cursor:pointer;
/*background: var(--menu_header-options-hover-fondo);*/
}
.menu__body_opc-opciones_label{
position:absolute;
right:15px;
top:2px;
color: var(--menu_header-options-color);
padding:4px;
padding-right:50px;
padding-left:10px;
border-radius:8px;
height:40px;
font-weight: 600;
transition: 0.5s;
background: var(--menu_header-options-fondo);
/*width:130px;*/
z-index:100;
}
.gestiondoc__body{
padding: 10px 10px 0 10px !important;
min-height: calc(100vh - 160px) !important;
}
.users__body {
padding: 10px 10px 0 10px !important;
min-height: calc(100vh - 159px) !important;
position:relative;
}
.gestiondoc__body_content_archivo-title>div:nth-child(1){
width: calc(100% - 550px) !important;
font-size: 15px;
color: var(--main-color-buttons-purple);
padding:0 15px !important;
font-weight: 600;
text-align:center;
border-radius: 8px 0 0 8px;
float: left;
background-color: var(--main-fondo-buttons-purple);
border-right: 1px solid var(--main-color-buttons-purple);
}
.gestiondoc__body_content_archivo-title>div:nth-child(2){
width: 150px !important;
float: left;
font-size: 15px;
padding:0 !important;
color: var(--main-color-buttons-purple);
text-align: center;
font-weight: 600;
background-color: var(--main-fondo-buttons-purple);
border-right: 1px solid var(--main-color-buttons-purple);
}
.gestiondoc__body_content_archivo-title>div:nth-child(3){
width: 250px !important;
float: left;
font-size: 15px;
color: var(--main-color-buttons-purple);
padding:0 !important;
text-align: center;
font-weight: 600;
background-color: var(--main-fondo-buttons-purple);
border-right: 1px solid var(--main-color-buttons-purple);
}
.buttom_up{
z-index:59;
border:2px solid var(--main-fondo-buttons-purple);
height:35px;
width:35px;
background:var(--main-color-buttons-purple);
border-radius:10px;
position:fixed;
bottom:10px;
right:55px;
cursor:pointer;
}
.gestiondoc__body_content_archivo-title>div:nth-child(4) {
width: 150px !important;
float: left;
font-size: 15px;
color: var(--main-color-buttons-purple);
padding: 0 !important;
text-align: center;
font-weight: 600;
background-color: var(--main-fondo-buttons-purple);
border-radius: 0 8px 8px 0;
}
.gestiondoc__body_content_archivo-lista>div:nth-child(1){
width:35px !important;
float:left;
}
.gestiondoc__body_content_archivo-lista>div:nth-child(2){
width:calc(100% - 585px) !important;
float:left;
}
.gestiondoc__body_content_archivo-lista>div:nth-child(3){
width:150px !important;
float:left;
}
.gestiondoc__body_content_archivo-lista>div:nth-child(4){
width:250px !important;
float:left;
}
.gestiondoc__body_content_archivo-lista>div:nth-child(5){
width:150px !important;
float:left;
}
.navigator__body_content_retroceso{
height:100%;
min-width:30px;
float:left;
}
.navigator__body_content_retroceso>i{
color: var(--navigator-arrow-color);
font-size: 25px;
cursor:pointer;
opacity: 2;
}
.navigator__body_content_retroceso>i.active{
color: var(--navigator-arrow-color-active);
opacity: 0.4;
}
.navigator__body_content_retroceso>i:nth-child(1){
margin-right: 2.5px;
}
.navigator__body_content_retroceso>i:nth-child(2){
margin-left: 2.5px;
}
.navigator__body_content_routes_gestion_central{
font-size: 15px;
font-weight: 500;
color: var(--navigator-title-color);
padding-top: 3px !important;
}
.navigator__body_content_routes_module__now{
font-size: 15px;
font-weight: 500;
color:var(--navigator-title-color);
padding-top: 3px !important;
}
.navigator__body_content_routes_separate{
height: 12px;
width: 1px;
background-color: var(--navigator-separate-fondo);
margin-right: 30px;
margin-left: 30px;
}
.navigator__body_content_routes{
width: calc(100% - 400px);
}
.navigator__body_content_routes_div_width{
height:50px;
float:left;
/*width:calc(100% - 204px);*/
}
.select_routers_navigator{
width:240px !important;
padding-left:10px !important;
position:absolute !important;
}
.folders_selected{
width:170px !important;
border-radius:5px !important;
position:relative !important;
float:right !important;
margin-left:5px !important;
background-color: var(--main-color-buttons-purple);
border:2px solid var(--main-fondo-buttons-purple) !important;
height:35px !important;
padding:5px !important;
}
.documents_selected{
width:170px !important;
border-radius:5px !important;
position:relative !important;
float:right !important;
background-color: var(--main-color-buttons-purple);
border:2px solid var(--main-fondo-buttons-purple) !important;
height:35px !important;
padding:5px !important;
}
.container_info_document{
width:350px;
background-color:var(--contenedor-information-fondo);
position:fixed;
bottom:0;
right:0;
z-index:100;
padding:0;
border-radius:0;
}
.users_shared{
padding:0 !important;
position:relative;
height:40px;
cursor:pointer;
}
.users_shared:hover{
background:var(--main-color-cyan) !important;
}
.container_send_emails_and_shared_files{
height: 100vh;
width: 100vw;
background: var(--main-fondo-modals);
position: fixed;
left: 0;
top: 0;
z-index: 100;
}
.container_send_emails_and_shared_files>div{
padding:0 !important;
/*min-height:180px !important;*/
width:800px !important;
border-radius:5px !important;
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%,-50%);
}
.send_emails_persons{
padding:0 !important;
background:white;
margin-bottom:20px;
border-radius:5px;
}
.incon_add_p{
float:left;
height:40px;
width:40px;
background:#4285F4;
border-radius:50%;
}
.send_emails_get_link{
width:700px;
background:white;
border-radius:5px;
}
.send_emails_get_link>div{
margin-top:15px;
margin-bottom:10px;
}
.icon_get_link{
float:left;
height:40px;
width:40px;
background:#9AA0A6;
border-radius:50%;
}
.send_emails_head{
padding:4px !important;
background:var(--main-color-cyan);
height:30px;
border-radius:5px 5px 0 0;
}
.send_emails_persons_select{
position:relative;
min-height:180px !important;
}
.send_emails_persons_select>div{
margin-top:10px;
margin-bottom:10px;
}
.div_1{
padding:0px !important;
margin-bottom:10px;
}
.div_2{
padding:0 !important;
position:relative;
}
.generar_enlace{
float:right;
color:var(--main-border);
font-weight:500;
cursor:pointer;
border:1px solid var(--main-border);
padding:8px;
border-radius:5px;
background:white;
}
.generar_enlace.active{
color:#1a73e8;
border:1px solid #1a73e8;
}
.generar_enlace:hover{
background: #F6F9FE;
}
.shared_by_users_modal>div{
padding:0 !important;
min-height:450px !important;
width:700px !important;
background:white !important;
border-radius:5px !important;
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%,-50%) !important;
}
.recors_buttons_blue{
width: auto !important;
padding: 5px 10px !important;
border-radius: 3px !important;
outline: none !important;
float: right;
cursor: pointer !important;
outline: none;
border: 2px solid var(--main-fondo-buttons-blue-inactive) !important;
color: var(--main-color-buttons-blue-inactive) !important;
background: var(--main-fondo-buttons-blue-inactive) !important;
}
.recors_buttons_blue.active{
width: auto !important;
padding: 5px 10px !important;
border-radius: 3px !important;
outline: none !important;
float: right;
cursor: pointer !important;
border: 2px solid var(--main-fondo-buttons-blue) !important;
color: var(--main-color-buttons-blue) !important;
background: var(--main-fondo-buttons-blue) !important;
}
.recors_buttons_purple{
width: auto !important;
padding: 5px 10px !important;
border-radius: 3px !important;
outline: none !important;
float: right;
cursor: pointer !important;
border: 2px solid var(--main-fondo-buttons-purple-inactive);
color: var(--main-color-buttons-purple-inactive);
background: var(--main-fondo-buttons-purple-inactive);
outline: none;
min-height: 33px;
}
.recors_buttons_purple.active{
border: 2px solid var(--main-fondo-buttons-purple) !important;
color: var(--main-color-buttons-purple) !important;
width: auto !important;
background: var(--main-fondo-buttons-purple) !important;
padding: 5px 10px !important;
border-radius: 3px !important;
outline: none !important;
float: right;
cursor: pointer !important;
}
.recors_buttons_green{
width: auto !important;
padding: 5px 10px !important;
border-radius: 3px !important;
outline: none !important;
float: right;
cursor: pointer !important;
border: 2px solid var(--main-info_modul-button_green-inactive-fondo);
color: var(--main-info_modul-button_green-inactive-color);
background: var(--main-info_modul-button_green-inactive-fondo);
outline: none;
}
.recors_buttons_green.active{
border: 2px solid var(--main-info_modul-button_green-fondo) !important;
color: var(--main-info_modul-button_green-color) !important;
width: auto !important;
background: var(--main-info_modul-button_green-fondo) !important;
padding: 5px 10px !important;
border-radius: 3px !important;
outline: none !important;
float: right;
cursor: pointer !important;
}
.recors_buttons_white{
border: 2px solid var(--main-color-buttons-white);
color: var(--main-color-buttons-white);
background: var(--main-fondo-buttons-white);
padding: 0px 10px;
border-radius: 3px;
cursor: pointer;
float: right;
height: 33px;
margin-right: 5px;
}
.nav_congif_small{
display: none;
}
}
@media only screen and (max-width: 1021px) {
.correspondence-documents_content{
width: 97% !important;
float:left;
background: var(--main-fondo-content);
height:100%;
overflow:hidden;
border-right:1px solid var(--main-border);
}
.correspondence-view_documents_content{
width: 97% !important;
float:left;
height:calc(100% - 45px);
overflow:hidden;
}
.subordinate-photo_user{
float:left;
height:30px;
width:30px;
min-height:30px;
min-width:30px;
border-radius:50%;
border:1px solid var(--main-border);
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
.gestiondoc-content_expediente{
width:calc(100% - 50%) !important;
padding: 0 !important;
height:calc(100% - 40px) !important;
border:1px solid var(--main-border);
position:fixed;
top:0;
right:0 !important;
z-index:100;
background:white;
}
.createRules-indexings{
padding:0 15px !important;
overflow: hidden auto;
height:calc(100vh - 136px);
}
.createRules-fields{
padding:0 15px !important;
overflow: hidden auto;
height:calc(100vh - 106px);
}
.createRules-conditions{
padding:0 15px !important;
overflow: hidden auto;
height:calc(100vh - 106px);
}
.rules-content_formulas{
padding:0 15px !important;
overflow: hidden auto;
height:calc(100vh - 138px);
}
.load_info_data{
height: calc(100vh - 110px);
position: fixed;
top: 110px;
left: 0px !important;
background-color: var(--main-fondo-content);
z-index: 5;
width: calc(100vw - 1px) !important;
}
.container_bar_docs{
width: calc(100% - 21px) !important;
left: 11px !important;
padding: 0px !important;
height: 257px;
position: fixed;
z-index: 100;
background: white;
bottom: 0;
border-right: 1px solid var(--main-border);
}
.container_bar_docs_noheight{
width: calc(100% - 21px) !important;
left: 11px !important;
padding: 0px !important;
height: 40px;
position: fixed;
z-index: 100;
background: white;
bottom: 0;
border-right: 1px solid var(--main-border);
}
.noifications_content{
height:500px;
width:calc(100vw - 14px);
background: var(--notify_global-menu-fondo);
position: fixed;
top: 55px;
border-radius: 5px;
left: 8px;
z-index: 70;
}
.menu__body_file_upload{
cursor: pointer;
position: absolute;
right: 165px;
top: 13px;
}
.container_menu_icons{
position:absolute;
top:0px;
right:56px;
height:100%;
padding-top: 13px;
z-index:5;
}
.menu__body_notify{
position: absolute;
right:56px;
top:11px;
color:transparent;
padding-left:3px;
padding-top:2px;
height:30px;
width:30px;
border-radius: 50%;
}
.path__body{
position:fixed;
bottom:0;
height:45px;
left:50% !important;
transform:translate(-50%,0);
float:left;
z-index: 11 !important;
padding-left:0 !important
}
.path__body_iframe{
position:fixed;
bottom:0;
height:45px;
left:50% !important;
transform:translate(-50%,0);
float:left;
z-index: 11 !important;
padding-left:0 !important
}
.creator_CC-body_content{
max-height:calc(100% - 140px);
overflow-x:hidden;
overflow-y:auto;
padding:0 !important;
}
.fields_hidden_button{
right:130px !important;
top:90px;
width:50px;
}
.organize_docs_gestion_central{
padding: 5px;
position: fixed;
right: 180px;
z-index: 63;
border: none;
top: 85px;
background: transparent;
}
.single_window_all{
overflow-x: hidden !important;
overflow-y: scroll !important;
position:absolute;
padding:0 !important;
background:white;
top:0;
max-height: calc(100vh - 110px);
min-height: calc(100vh - 110px);
height: calc(100vh - 110px);
}
.busines_rules_window_all{
overflow-x: hidden !important;
overflow-y: scroll !important;
position:absolute;
padding:0 !important;
background:white;
top: -10px;
left:-19px !important;
max-height: calc(100vh - 110px);
min-height: calc(100vh - 110px);
height: calc(100vh - 110px);
width: calc(100% + 39px) !important;
}
.busines_rules_window_all.menu_activated{
max-height: calc(100vh - 152px);
min-height: calc(100vh - 152px);
height: calc(100vh - 152px);
}
.table_retencion_gestion_central{
overflow-x: hidden !important;
overflow-y: scroll !important;
position:absolute;
padding:0 !important;
background:white;
top: -10px;
left: -19px !important;
max-height: calc(100vh - 110px);
height: calc(100vh - 110px);
width: calc(100% + 40px) !important;
}
.header_table_gestion_central{
padding: 0px !important;
position: sticky;
top: 0;
height: 40px;
left: 0;
z-index: 20;
width: 100%;
}
.organize_docs{
padding: 5px;
position: fixed;
right: 120px;
z-index: 60;
border: none;
top: 85px;
width: 140px;
background: transparent;
}
.retention_select_area{
display: none;
}
.retention_button_purple{
border: 2px solid var(--main-border) !important;
color: white !important;
background: var(--main-border) !important;
padding: 5px 10px !important;
border-radius: 3px !important;
outline: none !important;
cursor: pointer !important;
height: 33px;
float: right;
width: 41px;
}
.retention_button_purple.active{
border: 2px solid var(--main-fondo-buttons-purple) !important;
color: var(--main-color-buttons-purple) !important;
background: var(--main-fondo-buttons-purple) !important;
padding: 5px 10px !important;
border-radius: 3px !important;
outline: none !important;
cursor: pointer !important;
height: 33px;
float: right;
width: 41px;
}
.retention_button_white{
border: 2px solid var(--main-color-buttons-white);
color: var(--main-color-buttons-white);
background: var(--main-fondo-buttons-white);
padding: 0px 10px;
border-radius: 3px;
cursor: pointer;
height: 33px;
margin-right: 5px;
width: 41px;
}
.retention_buttons{
padding: 0px;
position: fixed;
top: 65px;
z-index: 60;
right: 20px;
}
.retention_-body{
position:fixed;
left: 0;
top:110px;
width: 100%;
height: calc(100vh - 110px);
overflow:auto;
background:white;
}
.validation_-body{
position:fixed;
left: 0;
top:110px;
width: 100%;
height: calc(100vh - 110px);
overflow:hidden;
background:white;
}
.content__body-with-navigator{
min-height : calc(100vh - 110px) !important;
max-height : calc(100vh - 110px) !important;
overflow-y: auto;
overflow-x: hidden;
background-color: var(--main-fondo-content) !important;
}
#vuePdfApp{
height: calc(100vh - 110px);
}
.approbe_pdf #vuePdfApp {
width: 100%;
height: calc(100vh - 102px) !important;
position: absolute;
top: 0;
left: 0;
}
.approbe_pdf #toolbarViewerLeft{
opacity: 1 !important;
}
#content_sandwich{
padding:0;
height:calc(100vh - 188px);
overflow:auto;
background-color:var(--pdf-background-color);
}
#content_sandwich.active_change{
height:calc(100vh - 228px) !important;
}
.visualizador{
position: fixed !important;
top: 110px;
left: 0 !important;
width:100% !important;
}
.visualizador_nav{
position: fixed !important;
top: 100px;
left: 0px !important;
width:100% !important;
}
.dragg_search_advanced{
width:100%;
height:calc(100% - 5px);
float:left;
max-height: calc(100% - 5px);
overflow-y: auto;
}
.button_white{
border: 2px solid var(--main-color-buttons-white);
color: var(--main-fondo-buttons-white);
background: var(--main-fondo-buttons-white-inactive);
padding: 5px 10px;
border-radius: 3px;
cursor: pointer;
margin-right: 15px;
width: 100%;
}
.button_white.active{
border: 2px solid var(--main-color-buttons-white);
color: var(--main-color-buttons-white);
background: var(--main-fondo-buttons-white);
padding: 5px 10px;
border-radius: 3px;
cursor: pointer;
float: left;
margin-right: 15px;
}
.nav_congif_small{
display: block;
position: fixed;
height: 50px;
width: 50px;
left:25px;
border-radius: 50%;
border:1px solid var(--main-border);
bottom:5px;
background-color: var(--main-fondo-buttons-purple);
z-index: 69;
}
.nav_congif_small>i{
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
color:white;
}
.info_contadores{
padding:0 !important;
}
.qt_spacing_divs{
margin-top:15px;
padding:0 !important;
}
.config_contadores_c{
padding:0 !important
}
.config__body{
padding:10px 0px !important;
}
.navbar_config{
display: none;
}
#minimazo_container{
transition: width 0.3s, height 0.3s;
transform: none !important;
height:0px !important;
width:250px !important;
top: unset !important;
bottom:39px !important;
left:20px !important;
cursor:pointer !important;
}
#minimazo_container_nav_mini{
transition: width 0.3s, height 0.3s;
transform: none !important;
height:0px !important;
width:250px !important;
top: unset !important;
bottom:39px !important;
left:20px !important;
cursor:pointer !important;
}
.upload_files_sty{
position: fixed;
min-height: 100px;
width: 100%;
z-index: 190;
right: 0px;
bottom: 0;
background: white;
border-radius: 5px;
border: 1px solid var(--main-border);
}
.container_alert_ocr{
height:100% !important;
background-color:#0000006b !important;
position:fixed !important;
top:0 !important;
left:0 !important;
z-index:10000 !important;
}
.container_alert_ocr>div{
left:50%;
top:50%;
transform:translate(-50%,-50%);
z-index:1000;
width:100% !important;
height:300px;
position:absolute;
background-color:#fff;
border-radius:10px;
}
.recors_buttons_purple{
width: 100% !important;
padding: 5px 10px !important;
border-radius: 3px !important;
outline: none !important;
cursor: pointer !important;
border: 2px solid var(--main-fondo-buttons-purple-inactive);
color: var(--main-color-buttons-purple-inactive);
background: var(--main-fondo-buttons-purple-inactive);
outline: none;
min-height: 33px;
}
.recors_buttons_purple.active{
border: 2px solid var(--main-fondo-buttons-purple) !important;
color: var(--main-color-buttons-purple) !important;
width: 100% !important;
background: var(--main-fondo-buttons-purple) !important;
padding: 5px 10px !important;
border-radius: 3px !important;
outline: none !important;
cursor: pointer !important;
}
.recors_buttons_white{
border: 2px solid var(--main-color-buttons-white);
color: var(--main-color-buttons-white);
background: var(--main-fondo-buttons-white);
padding: 0px 10px;
border-radius: 3px;
cursor: pointer;
height: 33px;
margin-right: 5px;
width: 100% !important;
}
.buttom_up{
z-index:59;
border:2px solid var(--main-fondo-buttons-purple);
height:35px;
width:35px;
background:white;
border-radius:10px;
position:fixed;
bottom:10px;
right:18px;
cursor:pointer;
}
.records__body_mode-carts_body-item_feature-label{
display:none;
}
.menu__body_search-bar_input-placeholder_small {
display:none;
}
.records__body_mode-carts_body-item_feature{
padding: 0 !important;
position: relative;
}
.records__body_mode-carts_body-item_feature-count{
height: 30px;
width: 100%;
border-bottom: 1px solid var(--main-border);
}
.records__body_mode-carts_body-item_feature-count > i{
position:absolute;
top:5px;
cursor:pointer;
right:5px;
color: #7C60B0;
font-size: 18px;
}
.records__body_mode-carts_body-item_feature-count > span{
font-size: 14px;
color: #333333;;
padding-top:4px !important;
}
.records__body_mode-carts_body-item_feature-count > a{
font-size: 14px;
font-weight: 400;
color:var(--main-fondo-buttons-purple);
padding-top:4px !important;
cursor:pointer;
}
.records__body_mode-carts_body-item_feature-count > a:hover{
text-decoration: underline;
}
.nav_bar__body{
height: calc(100vh - 50px) !important;
background: var(--navbar-fondo);
float:left;
position:absolute !important;
top:50px !important;
left:0px !important;
width:0 !important;
transition: width 0.5s;
z-index:71;
}
.container_indexing_settings{
display:none !important;
}
.cartsView__body_content_participants_body-item_body-content_title>span:nth-child(1){
width:100% !important;
}
.cartsView__body_content_participants_body-item_body-content_title>span:nth-child(2){
display:none !important;
}
.cartsView__body_content_participants_body-item_feature{
padding: 0 !important;
position: relative;
}
.cartsView__body_content_participants_body-item_feature-label{
display:none;
}
.cartsView__body_content_participants_body-item_feature-count{
height: 30px;
width: 100%;
border-bottom: 1px solid var(--main-border);
}
.cartsView__body_content_participants_body-item_feature-count > span{
font-size: 14px;
color: #333333;
padding-top: 4px !important;
}
.gestiondoc__body{
padding: 10px 0px 0 0px !important;
min-height: calc(100vh - 190px) !important;
}
.users__body {
padding: 10px 0px 0 0px !important;
min-height: calc(100vh - 159px) !important;
position:relative;
}
.menu__body_opc-opciones_label>i{
position:absolute;
right:5px;
top:0px;
font-size:30px;
}
.menu__body_search_filter{
cursor:pointer;
position: absolute;
right: 129px;
top: 13px;
}
.menu__body_search{
position: absolute;
right:90px;
top:11px;
color:#606060;
padding-left:2px;
padding-top:2px;
height:30px;
width:30px;
background: transparent;
cursor:pointer;
z-index:99
}
.menu__body_opc-opciones_label{
position:absolute;
right:5px;
top:1px;
color: var(--menu_header-options-color);
padding:4px;
padding-right:0px !important;
padding-left:0px !important;
border-radius:8px;
height:30px;
font-weight: 600;
transition: 0.5s;
background: var(--menu_header-options-fondo);
width:40px;
z-index: 100;
}
.menu__body_opc-opciones_label>span{
display:none;
}
.gestiondoc__body_content_archivo-title>div:nth-child(1){
width: calc(100% - 300px) !important;
font-size: 15px;
color: #ffffff;
padding:0 15px !important;
font-weight: 600;
text-align:center;
border-radius: 8px 0 0 8px;
float: left;
background-color: #3501A4;
border-right: 1px solid white;
}
.gestiondoc__body_content_archivo-title>div:nth-child(2){
width: 150px !important;
float: left;
font-size: 15px;
padding:0 !important;
color: #ffffff;
text-align: center;
font-weight: 600;
background-color: #3501A4;
border-right: 1px solid white;
}
.gestiondoc__body_content_archivo-title>div:nth-child(3){
display:none;
}
.gestiondoc__body_content_archivo-title>div:nth-child(4) {
width: 150px !important;
float: left;
font-size: 15px;
color: #ffffff;
padding: 0 !important;
text-align: center;
font-weight: 600;
background-color: #3501A4;
border-radius: 0 8px 8px 0;
}
.gestiondoc__body_content_archivo-lista>div:nth-child(1){
width:35px !important;
float:left;
}
.gestiondoc__body_content_archivo-lista>div:nth-child(2){
width:calc(100% - 335px) !important;
float:left;
}
.gestiondoc__body_content_archivo-lista>div:nth-child(3){
width:150px !important;
float:left;
}
.gestiondoc__body_content_archivo-lista>div:nth-child(4){
display: none;
}
.gestiondoc__body_content_archivo-lista>div:nth-child(5){
width:150px !important;
float:left;
}
.navigator__body_content_retroceso{
height:100%;
float:left;
}
.navigator__body_content_retroceso>i{
color: var(--navigator-arrow-color);
font-size: 25px;
cursor:pointer;
opacity: 2;
}
.navigator__body_content_retroceso>i.active{
color: var(--navigator-arrow-color-active);
opacity: 0.4;
}
.navigator__body_content_retroceso>i:nth-child(1){
margin-right: 2.5px;
}
.navigator__body_content_retroceso>i:nth-child(2){
margin-left: 2.5px;
}
.navigator__body_content_routes_gestion_central{
font-size: 15px;
font-weight: 500;
color: var(--navigator-title-color);
padding-top: 3px !important;
}
.navigator__body_content_routes_module__now{
font-size: 15px;
font-weight: 500;
color:var(--navigator-title-color);
padding-top: 3px !important;
width: 50px;
}
.navigator__body_content_routes_separate{
height: 20px;
width: 1px;
background-color: var(--navigator-separate-fondo);
margin-right: 12px;
margin-left: 12px;
}
.navigator__body_content_routes{
width: calc(100% - 66px);
}
.navigator__body_content_routes_div_width{
height:50px;
float:left;
}
.select_routers_navigator{
width:220px !important;
padding-left:0px !important;
position:absolute !important;
}
.folders_selected{
width:170px;
border-radius:5px;
position:relative;
margin-bottom:5px;
border:2px solid var(--main-fondo-buttons-purple) !important;
height:35px !important;
padding:5px;
}
.documents_selected{
width:170px;
border-radius:5px;
position:relative;
border:2px solid var(--main-fondo-buttons-purple) !important;
height:35px !important;
padding:5px;
}
.container_info_document{
width:100%;
height:100vh;
background-color:var(--contenedor-information-fondo);
position:fixed;
bottom:0;
right:0;
z-index:100;
padding:0 0 10px 10px;
border-radius: 0;
}
.users_shared{
padding:0 !important;
position:relative;
height:40px;
cursor:pointer;
}
.users_shared:hover{
background:var(--main-color-cyan) !important;
}
.container_send_emails_and_shared_files{
height: 100vh;
width: 100vw;
background: var(--main-fondo-modals);
position: fixed;
left: 0;
top: 0;
z-index: 100;
}
.container_send_emails_and_shared_files>div{
padding:0 !important;
min-height:180px !important;
width:100% !important;
border-radius:5px !important;
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%,-50%);
}
.send_emails_persons{
padding:0 !important;
background:white;
margin-bottom:20px;
border-radius:5px;
}
.incon_add_p{
float:left;
height:40px;
width:40px;
background:#4285F4;
border-radius:50%;
}
.send_emails_get_link{
width:700px;
background:white;
border-radius:5px;
}
.send_emails_get_link>div{
margin-top:15px;
margin-bottom:10px;
}
.icon_get_link{
float:left;
height:40px;
width:40px;
background:#9AA0A6;
border-radius:50%;
}
.send_emails_head{
padding:4px !important;
background:var(--main-color-cyan);
height:30px;
border-radius:5px 5px 0 0;
}
.send_emails_persons_select{
position:relative;
min-height:180px !important;
}
.send_emails_persons_select>div{
margin-top:10px;
margin-bottom:10px;
}
.div_1{
padding:0px !important;
margin-bottom:10px;
}
.div_2{
padding:0 !important;
position:relative;
}
.generar_enlace{
float:right;
color:#1a73e8;
font-weight:500;
cursor:pointer;
border:1px solid #1a73e8;
padding:8px;
border-radius:5px;
background:white;
}
.generar_enlace:hover{
background: #F6F9FE;
}
.shared_by_users_modal>div{
padding:0 !important;
min-height:450px !important;
max-width:100%;
background:white;
border-radius:5px;
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%,-50%) !important;
}
}
.gestiondoc__body_content_archivo-lista{
padding-left: 20px !important;
height:40px;
cursor:pointer;
}
.gestiondoc__body_content_archivo-lista:hover>div>div>span{
text-decoration: underline;
color: #6531CA !important;
font-weight: 600;
}
.gestiondoc__body_content_archivo-lista.active{
background-color:#F5F0FF;
}
.gestiondoc__body_content_archivo-lista>div{
height:40px;
}
.gestiondoc__body_content_archivo-lista>div>img{
max-height:30px;
max-width:100%;
}
.gestiondoc__body_content_archivo-lista:hover>div>img.hidden:nth-child(1){
display:none;
}
.gestiondoc__body_content_archivo-lista:hover>div>img:nth-child(2){
display:block;
}
.gestiondoc__body_content_archivo-lista>div>img:nth-child(2){
display:none;
}
.gestiondoc__body_content_archivo-lista>div>img:nth-child(1){
display:block;
}
.gestiondoc__body_content_archivo-lista_text{
height:40px;
padding:10px 0.75rem !important;
}
.gestiondoc__body_content_archivo-lista_text>span{
font-size: 15px;
margin-top: 1px;
color: #554279;
padding:0 !important;
}
.gestiondoc__body_content_empty-text{
font-size: 15px;
color: #554279;
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:100%;
}
.gestiondoc__body_addFolder{
position:fixed;
top:0;
left:0;
background: var(--main-fondo-modals);
width:100%;
min-height:100%;
z-index:100;
}
.gestiondoc__body_addFolder>div{
position:absolute;
top:50%;
left:55%;
padding:10px 20px !important;
transform:translate(-50%,-40%);
background: var(--main-color-cyan);
border: 1px solid var(--main-border);
width:470px;
}
.gestiondoc__body_addFolder_small{
position:fixed;
top:0;
left:0;
background: var(--main-fondo-modals);
width:100%;
min-height:100%;
z-index:100;
}
.gestiondoc__body_addFolder_small>div{
position:absolute;
top:50%;
left:50%;
padding:10px 20px !important;
transform:translate(-50%,-40%);
background: var(--main-color-cyan);
border: 1px solid var(--main-border);
width:470px;
max-width: 100%;
}
.span_class_c_folder{
font-size: 17px;
margin-top: 1px;
color: var(--main-fondo-buttons-purple);
font-weight:600;
display: block;
}
.input_class_c_folder{
height:35px;
border-radius: 5px;
width:100%;
background:var(--main-fondo-inputs);
border: 1px solid var(--main-border);
font-size: 14px;
color: var(--main-color-inputs);
display:block;
outline: none;
padding:0 15px;
}
.gestiondoc__body_addFolder_button-cancel{
border: 2px solid var(--main-fondo-buttons-purple);
color: var(--main-fondo-buttons-purple);
background:white;
padding:5px 10px;
border-radius:3px;
cursor:pointer;
float:right;
margin-right:10px;
}
.gestiondoc__body_addFolder_button-cancel:hover{
opacity: 0.5;
}
.gestiondoc__body_addFolder_button-add.active:hover{
opacity: 0.5;
}
.gestiondoc__body_addFolder_button-add.active{
border: 2px solid var(--main-fondo-buttons-purple);
color: var(--main-color-buttons-purple);
background:var(--main-fondo-buttons-purple);
padding:5px 10px;
border-radius:3px;
outline:none;
float:right;
cursor:pointer;
}
.gestiondoc__body_addFolder_button-add{
border: 2px solid var(--main-fondo-buttons-purple-inactive);
color: var(--main-color-buttons-purple-inactive);
background:var(--main-fondo-buttons-purple-inactive);
padding:5px 10px;
border-radius:3px;
outline:none;
float:right;
}
.gestiondoc__body_deleteFolder{
position:fixed;
top:0;
left:0;
background: var(--main-fondo-modals);
width:100%;
min-height:100%;
z-index:100;
}
.gestiondoc__body_deleteFolder>div{
position:absolute;
top:50%;
left:55%;
padding:10px 20px !important;
transform:translate(-50%,-40%);
background: #F5F0FF;
border: 1px solid var(--main-border);
}
.gestiondoc__body_deleteFolder>div>span{
font-size: 17px;
color: var(--main-fondo-buttons-purple);
font-weight:600;
display: block;
}
.gestiondoc__body_deleteFolder>div>.gestiondoc__body_deleteFolder_button-cancel{
border: 2px solid var(--main-fondo-buttons-purple);
color: var(--main-fondo-buttons-purple);
background:white;
padding:5px 10px;
border-radius:3px;
cursor:pointer;
float:right;
margin-right:10px;
margin-top:25px;
}
.gestiondoc__body_deleteFolder>div>.gestiondoc__body_deleteFolder_button-cancel:hover{
opacity: 0.5;
}
.gestiondoc__body_deleteFolder>div>.gestiondoc__body_deleteFolder_button-delete:hover{
opacity: 0.5;
}
.gestiondoc__body_deleteFolder>div>.gestiondoc__body_deleteFolder_button-delete{
border: 2px solid var(--main-fondo-buttons-purple);
color: white;
background:var(--main-fondo-buttons-purple);
padding:5px 10px;
border-radius:3px;
outline:none;
float:right;
cursor:pointer;
margin-top:25px;
}
.gestiondoc__body_menu-context{
max-height:250px;
width:200px;
border:1px solid #F4EEFF;
position:fixed;
background-color:white;
z-index:100;
}
.gestiondoc__body_menu-context>div>span{
font-size: 13px;
margin-top: 1px;
color: #554279;
}
.gestiondoc__body_menu-context>div>i{
color: #7C60B0;
font-size: 18px;
margin-right:10px;
}
.gestiondoc__body_menu-context>div.desactive>i{
color:#EBE2FF;
font-size: 18px;
margin-right:10px;
}
.gestiondoc__body_menu-context>div.desactive>span{
color:#EBE2FF;
font-size: 13px;
margin-top: 1px;
}
.gestiondoc__body_menu-context>div:not(.desactive):hover>span{
text-decoration: underline;
color: #6531CA !important;
font-weight: 600;
}
.gestiondoc__body_menu-context>div.desactive{
cursor:default;
}
.gestiondoc__body_menu-context>div{
height:35px;
cursor:pointer;
}
.gestiondoc__body_carga-archivos{
position:fixed;
bottom:50px;
right:10px;
min-height:40px;
width:362px;
border:1px solid var(--main-border);
}
.gestiondoc__body_carga-archivos>div:nth-child(1){
position: relative;
height:40px;
background:#F5F0FF;
}
.gestiondoc__body_carga-archivos>div:nth-child(1)>span{
font-size: 15px;
color: #554279;
}
.gestiondoc__body_carga-archivos>div:nth-child(1)>i{
font-size: 20px;
color: #554279;
position:absolute;
cursor:pointer;
top:12px;
right:10px;
}
.gestiondoc__body_carga-archivos>div:nth-child(2){
overflow:auto;
background-color: white;
max-height:200px;
padding:5px 0 !important;
}
.gestiondoc__body_carga-archivos>div:nth-child(2)>div{
height:41px;
border-bottom:1px solid #EEE5FF
}
.gestiondoc__body_carga-archivos>div:nth-child(2)>div{
height:41px;
border-bottom:1px solid var(--main-border);
position:relative;
}
.gestiondoc__body_carga-archivos>div:nth-child(2)>div>div:nth-child(1){
height:100%;
width:45px;
float:left;
}
.gestiondoc__body_carga-archivos>div:nth-child(2)>div>div:nth-child(1)>img{
height:30px;
}
.gestiondoc__body_carga-archivos>div:nth-child(2)>div>div:nth-child(2){
height:100%;
padding: 10px 0;
width:calc(100% - 90px);
float:left;
}
.gestiondoc__body_carga-archivos>div:nth-child(2)>div>div:nth-child(2)>span{
font-size: 13px;
color: #554279;
}
.gestiondoc__body_carga-archivos>div:nth-child(2)>div:last-child {
height:41px;
border-bottom:0 !important;
}
.gestiondoc__body_carga-archivos>div:nth-child(2)>div>div:nth-child(3){
height:100%;
width: 45px;
float: left;
}
.gestiondoc__body_carga-archivos>div:nth-child(2)>div>div:nth-child(3)>div{
width: 20px;
height: 20px;
border: 3px solid #EEE5FF;
border-top: 3px solid #7C60B0;
border-radius: 50%;
animation-name: girar;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.gestiondoc__body_carga-archivos>div:nth-child(2)>div>div:nth-child(3)>i{
color:#7C60B0;
}
@keyframes girar {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* ===== End Documents ===== */
/* ===== Start Subordinado ===== */
.subordinado__body{
padding: 20px 10px 0 10px !important;
min-height: calc(100vh - 300px) !important;
}
.subordinado__body_formularios{
height:100%;
padding:0 !important;
}
.subordinado__body_formularios>div{
margin-bottom:0;
}
.subordinado__body_formularios>.subordinado__body_formularios_inputs>label{
color:#554279;
font-size:14px;
font-weight: 600;
}
.subordinado__body_formularios>.subordinado__body_formularios_inputs>div>label{
color:#554279;
font-size:14px;
font-weight: 600;
}
@media only screen and (min-width: 993px){
.subordinado__body_formularios_inputs.active{
float:left !important;
width:calc(100% - 300px) !important;
}
}
.subordinado__body_formularios>.subordinado__body_formularios_file{
height:270px;
width:300px;
float:left;
padding:0 .75rem;
}
.subordinado__body_formularios>.subordinado__body_formularios_file>div{
height:100%;
width:100%;
background-position:center;
background-size:contain;
background-repeat: no-repeat;
position:relative;
border:2px dashed #97949c;
}
.subordinado__body_formularios>.subordinado__body_formularios_file>div.active{
border:2px dashed var(--main-fondo-buttons-purple) !important;
background-color:var(--main-color-cyan);
}
.subordinado__body_formularios>.subordinado__body_formularios_file>input{
display:none;
}
.subordinado__body_formularios>.subordinado__body_formularios_file>div>div{
height:100%;
background: #fffffff2;
cursor:pointer;
}
.subordinado__body_formularios>.subordinado__body_formularios_file>div>div>div>span{
font-size: 15px;
color: white;
}
.subordinado__body_participants_img{
border:2px solid #EEE5FF;
height:250px;
width:300px;
float:left;
padding:0 .75rem;
}
.subordinado__body_formularios>.subordinado__body_formularios_file>div>div>div{
position:absolute;
height:40px;
width:230px;
background-color: var(--main-fondo-buttons-purple);
border-radius:3px;
bottom:15px;
left:50%;
transform: translate(-50%,0);
text-align: center;
}
.subordinado__body_formularios>.subordinado__body_formularios_file>div>div>i{
font-size:60px;
position:absolute;
bottom:60px;
left:50%;
transform:translate(-50%,0);
color:var(--main-fondo-buttons-purple);
animation: subordinado__body_formularios_drag 2s infinite;
}
@keyframes subordinado__body_formularios_drag {
0%{
bottom:60px;
}
25%{
bottom:65px;
}
50%{
bottom:70px;
}
75%{
bottom:65px;
}
100%{
bottom:60px;
}
}
.subordinado__body_mode-carts_head{
height:25px;
}
.subordinado__body_mode-carts_head>span:nth-child(1){
font-size: 17px;
color: var(--main-fondo-buttons-purple);
font-weight: 700;
float: left;
}
.subordinado__body_mode-carts_head>span:nth-child(2){
font-size: 14px;
color:#424242;
font-weight: 600;
float:right;
position: relative;
max-width:180px;
}
.subordinado__body_mode-carts_head>span:nth-child(2)>span{
float:left;
}
.subordinado__body_mode-carts_head>span:nth-child(2)>div{
height:25px;
border:1px solid #AAACAE;
border-radius:8px;
float:left;
padding-left:10px;
padding-right:30px;
padding-top:2px;
margin-top:-2px;
margin-left:10px;
position: relative;
}
.subordinado__body_mode-carts_head>span:nth-child(2)>div:hover{
cursor:pointer;
background-color: #F5F0FF;
border:none;
transition: all 0.4s;
}
.subordinado__body_mode-carts_head>span:nth-child(2)>div>span{
color:#81729E;
}
.subordinado__body_mode-carts_head>span:nth-child(2)>div>i{
position: absolute;
top:5px;
right:5px;
}
.subordinado__body_mode-carts_head>span:nth-child(3){
font-size: 14px;
color:#424242;
font-weight: 600;
float:right;
position: relative;
margin-right: 10px;
max-width:180px;
}
.subordinado__body_mode-carts_head>span:nth-child(3)>span{
float:left;
}
.subordinado__body_mode-carts_head>span:nth-child(3)>div{
height:25px;
border:1px solid #AAACAE;
border-radius:8px;
float:left;
padding-left:10px;
padding-right:30px;
padding-top:2px;
margin-top:-2px;
margin-left:10px;
position: relative;
}
.subordinado__body_mode-carts_head>span:nth-child(3)>div:hover{
cursor:pointer;
background-color: #F5F0FF;
border:none;
transition: all 0.4s;
}
.subordinado__body_mode-carts_head>span:nth-child(3)>div>span{
color:#81729E;
}
.subordinado__body_mode-carts_head>span:nth-child(3)>div>i{
position: absolute;
top:5px;
right:5px;
}
.subordinado__body_mode-carts_head>i{
font-size: 23px;
color: #7C60B0;
font-weight: 700;
cursor:pointer;
float: right;
}
.subordinado__body_content{
position:relative;
padding:0 0 10px 0 !important;
min-height:calc(100vh - 400px) !important;
}
.subordinado__body_content_grupos-cuadros{
height:155px;
width:220px;
margin-bottom: 10px;
padding:20px 10px;
float: left;
}
.subordinado__body_content_grupos-cuadros>div{
border: 1px solid var(--main-border);
border-radius:5px;
height:100%;
cursor:pointer;
padding:0 5px 0 5px !important;
}
.subordinado__body_content_grupos-cuadros.active>div{
border: 1px solid var(--main-fondo-buttons-purple);
}
.subordinado__body_content_grupos-cuadros>div>div:nth-child(1){
height: 100%;
width:calc(100% - 20px);
float:left;
padding: 10px 0 !important;
}
.subordinado__body_content_grupos-cuadros>div>div:nth-child(1)>div:nth-child(1){
background-color: #efefef;
border-radius: 0 3px 3px 0;
position:relative;
padding:0 25px 0 .75rem;
}
.subordinado__body_content_grupos-cuadros>div>div:nth-child(1)>div:nth-child(1)>span{
font-size: 17px;
color: #000000;
font-weight:600;
}
.subordinado__body_content_grupos-cuadros>div>div:nth-child(1)>div:nth-child(1)>i{
font-size: 17px;
color: #000000;
position:absolute;
top:3px;
right:5px;
}
.subordinado__body_content_grupos-cuadros>div>div:nth-child(1)>span:nth-child(2),
.subordinado__body_content_grupos-cuadros>div>div:nth-child(1)>span:nth-child(3){
font-size: 14px;
margin-top: 3px;
color: #333333;
display:block;
}
@media only screen and (min-width: 2348px) {
.subordinado__body_content_participants_body-items{
display: grid;
grid-template-columns: repeat(2, 50%);
grid-gap: 0px;
grid-auto-flow: dense;
}
}
@media only screen and (max-width: 2347px) and (min-width: 1768px) {
.subordinado__body_content_participants_body-items{
display: grid;
grid-template-columns: repeat(2, 50%);
grid-gap: 0px;
grid-auto-flow: dense;
}
}
@media only screen and (max-width: 1767px) and (min-width: 1024px) {
.subordinado__body_content_participants_body-items{
display: grid;
grid-template-columns: repeat(2, 50%);
grid-gap: 0px;
grid-auto-flow: dense;
}
}
/* Masonry on medium-sized screens */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.subordinado__body_content_participants_body-items{
column-count: 1;
}
}
/* Masonry on small screens */
@media only screen and (max-width: 767px) and (min-width: 540px) {
.subordinado__body_content_participants_body-items{
column-count: 1;
}
}
.subordinado__body_content_participants_body-items{
padding: 0 !important;
position: relative;
}
.subordinado__body_content_participants_body-item{
padding:20px 10px !important;
display: inline-block;
margin: 0;
width: 100%;
/*height: 201px !important;*/
}
.subordinado__body_content_participants_body-item_body{
border:1px solid var(--main-border);
border-radius:10px;
padding:5px !important;
position: relative !important;
min-height: 140px !important;
padding-left: 110px !important;
}
.subordinado__body_content_participants_body-item_body-img{
border:none;
width:110px;
height:120px;
text-align:center;
position: absolute;
left: 0;
top: 0;
padding:10px !important;
}
.subordinado__body_content_participants_body-item_body-img>div{
background-size: cover;
background-position: center;
border-radius:10px;
height: 90px;
width: 90px;
cursor:pointer;
}
.subordinado__body_button {
position: absolute;
top:15px;
right: .75rem;
height: 30px;
}
.subordinado__body_button>button {
border: 2px solid var(--main-fondo-buttons-purple);
color: var(--main-fondo-buttons-purple);
background: white;
padding: 0px 10px;
height: 100%;
border-radius: 3px;
cursor: pointer;
float: right;
margin-right: 10px;
}
.subordinado__body_content_participants_body-item_body-img>img{
max-width: 100%;
max-height:100%;
}
.subordinado__body_content_participants_body-item_body-content{
padding:0 !important;
padding-top:5px !important;
}
.subordinado__body_content_participants_body-item_body-content_title{
height:30px;
background: #efefef;
border-radius: 0 5px 5px 0;
padding:0 !important;
padding-right:20px !important;
padding-top:5px !important;
}
.subordinado__body_content_participants_body-item_body-content_title > span{
font-size:16px;
font-weight: 600;
color: #000000;
text-transform: capitalize;
}
.subordinado__body_content_participants_body-item_body-content_title > i{
position: absolute;
right: 18px;
top: 36px;
color: #000000;;
cursor:pointer;
}
.subordinado__body_content_participants_body-item_body-content_title > i:hover{
text-decoration: underline
}
.subordinado__body_content_participants_body-item_body-content_features{
padding:0 !important;
}
.subordinado__body_content_participants_body-item_date{
font-size: 12px;
font-weight: 400;
color: #000;
text-align: left;
padding: 0 !important;
}
.subordinado__body_content_participants_body-item_feature{
padding: 0 !important;
padding-right: 250px !important;
position: relative;
}
.subordinado__body_content_participants_body-item_feature-label{
height: 30px;
border-right:1px solid var(--main-border);
border-bottom: 1px solid var(--main-border);
padding-left: 15px;
}
.subordinado__body_content_participants_body-item_feature-label > span{
font-size:15px;
padding:0 !important;
padding-top:5px !important;
color:#000;
}
.subordinado__body_content_participants_body-item_feature-count{
position: absolute;
right:0;
top:0;
height: 30px;
width: 250px;
border-bottom: 1px solid var(--main-border);
}
.subordinado__body_content_participants_body-item_feature-count > span{
font-size: 14px;
color: #333333;;
padding-top:4px !important;
}
.subordinado__body_content_participants_body-item_more{
padding:0 !important;
padding-top:10px !important;
padding-right: 5px !important;
}
.subordinado__body_content_participants_body-item_more:hover{
cursor: pointer;
}
.subordinado__body_content_participants_body-item_more:hover > span{
text-decoration: underline !important;
}
.subordinado__body_content_participants_body-item_more > span{
float:right;
font-size:13px;
color:#000;
font-weight: 600;
margin-right:5px;
}
.subordinado__body_content_participants_body-item_more > i{
float:right;
color:#000;
padding-top:3px !important;
}
.subordinado__body_menu-context{
max-height:250px;
width:200px;
border:1px solid #F4EEFF;
position:fixed;
background-color:white;
z-index:100;
}
.subordinado__body_menu-context>div>span{
font-size: 13px;
margin-top: 1px;
color: #554279;
}
.subordinado__body_menu-context>div>i{
color: #7C60B0;
font-size: 18px;
margin-right:10px;
}
.subordinado__body_menu-context>div.desactive>i{
color:#EBE2FF;
font-size: 18px;
margin-right:10px;
}
.subordinado__body_menu-context>div.desactive>span{
color:#EBE2FF;
font-size: 13px;
margin-top: 1px;
}
.subordinado__body_menu-context>div:not(.desactive):hover>span{
text-decoration: underline;
color: #6531CA !important;
font-weight: 600;
}
.subordinado__body_menu-context>div.desactive{
cursor:default;
}
.subordinado__body_menu-context>div{
height:35px;
cursor:pointer;
}
/* ===== Start MODULE gestion documental ===== */
/* ===== create group ===== */
.subordinado__body_edit-group{
padding:5px 0 !important;
}
.subordinado__body_edit-group>div:nth-child(1)>button:nth-child(1):hover{
opacity:0.8;
}
.subordinado__body_edit-group>div:nth-child(1)>button:nth-child(1){
border: 2px solid var(--main-fondo-buttons-purple);
color: white;
background: var(--main-fondo-buttons-purple);
padding: 0px 10px;
height: 100%;
border-radius: 3px;
outline: none;
float: right;
cursor: pointer;
height:30px;
}
.subordinado__body_edit-group>div:nth-child(1)>button:nth-child(2):hover{
opacity:0.8;
}
.subordinado__body_edit-group>div:nth-child(1)>button:nth-child(2){
border: 2px solid var(--main-fondo-buttons-purple);
color: var(--main-fondo-buttons-purple);
background: white;
padding: 5px 10px;
border-radius: 3px;
cursor: pointer;
float: right;
height:30px;
margin-right:15px;
}
.subordinado__body_edit-group>div{
padding:0 !important;
position:relative;
margin-bottom:10px;
}
.subordinado__body_edit-group_dragg{
border-top:1px solid var(--main-border);
border-right:1px solid var(--main-border);
height:100%;
padding:5px .75rem !important;
}
.subordinado__body_edit-group_dragg>div{
min-height:250px;
}
.subordinado__body_edit-group_dragg>div>div{
height:50px;
border-bottom: 1px solid var(--main-border);
cursor: -webkit-grab;
cursor: grab;
}
.subordinado__body_edit-group_dragg>div>div.active{
background:#EEE5FF;
}
.subordinado__body_edit-group_dragg>div>div:last-child{
border-bottom: 0px !important;
}
.subordinado__body_edit-group_dragg>div>div>div:nth-child(1){
height:100%;
padding:0 !important;
width:50px;
float:left;
}
.subordinado__body_edit-group_dragg>div>div>div:nth-child(1)>div{
height:40px;
width:40px;
background-color:#7C60B0;
border-radius:100px;
}
.subordinado__body_edit-group_dragg>div>div>div:nth-child(1)>div>span{
color:white;
font-size:17px;
}
.subordinado__body_edit-group_dragg>div>div>div:nth-child(2){
height:100%;
padding:15px 15px !important;
width:calc(100% - 50px);
float:left;
}
.subordinado__body_edit-group_dragg>div>div>div:nth-child(2)>span{
font-size: 15px;
font-weight:600;
text-transform:capitalize;
color: #554279;
}
.subordinado__body_edit-group_border{
width:1px;
height:100%;
background:#EEE5FF;
position:absolute;
top:0;
left:50%;
transform:translate(-50%,0);
}
.subordinado__body_edit-group_dragg-complete{
border-top:1px solid var(--main-border);
border-left:1px solid var(--main-border);
height:100%;
padding:5px .75rem !important;
}
.subordinado__body_edit-group_dragg-complete>div{
min-height:250px;
}
.subordinado__body_edit-group_dragg-complete>div>div{
height:50px;
border-bottom: 1px solid var(--main-border);
cursor: -webkit-grab;
cursor: grab;
}
.subordinado__body_edit-group_dragg-complete>div>div.active{
background:#EEE5FF;
}
.subordinado__body_edit-group_dragg-complete>div>div:last-child{
border-bottom: 0px !important;
}
.subordinado__body_edit-group_dragg-complete>div>div>div:nth-child(1){
height:100%;
padding:0 !important;
width:50px;
float:left;
}
.subordinado__body_edit-group_dragg-complete>div>div>div:nth-child(1)>div{
height:40px;
width:40px;
background-color:#7C60B0;
border-radius:100px;
border:3px solid #1cbf77;
position:relative;
}
.subordinado__body_edit-group_dragg-complete>div>div>div:nth-child(1)>div>i{
top:0;
right:0;
font-size:13px;
color: #1cbf77;
position:absolute;
}
.subordinado__body_edit-group_dragg-complete>div>div>div:nth-child(1)>div>span{
color:white;
font-size:17px;
}
.subordinado__body_edit-group_dragg-complete>div>div>div:nth-child(2){
height:100%;
padding:15px 15px !important;
width:calc(100% - 50px);
float:left;
}
.subordinado__body_edit-group_dragg-complete>div>div>div:nth-child(2)>span{
font-size: 15px;
font-weight:600;
text-transform:capitalize;
color: #554279;
}
.subordinado__body_edit-group_dragg-empty{
height:100%;
min-height:250px;
position:relative;
}
.subordinado__body_edit-group_dragg-empty>i{
font-size:150px;
display:block;
text-align:center;
color: #554279;
position:absolute;
top:50px;
left:50%;
transform:translate(-50%,0);
}
.subordinado__body_edit-group_dragg-empty>span{
font-size:20px;
display:block;
color: #554279;
position:absolute;
top:200px;
left:50%;
transform:translate(-50%,0);
}
/* ===== create group ===== */
.subordinado_container-button{
position:absolute;
right:300px;
}
.subordinado_container-button>button{
border: 2px solid var(--main-fondo-buttons-purple);
color: white;
width: auto;
background: var(--main-fondo-buttons-purple);
padding: 5px 10px;
border-radius: 3px;
outline: none;
float: right;
cursor: pointer;
}
.subordinado_container-button>button:hover{
opacity:0.8;
}
/* ===== End Subordinado ===== */
/* ===== Start Users ===== */
@media only screen and (min-width: 2348px) {
.users__body_content_participants_body-items{
display: grid;
grid-template-columns: repeat(2, 50%);
grid-gap: 0px;
grid-auto-flow: dense;
}
}
@media only screen and (max-width: 2347px) and (min-width: 1768px) {
.users__body_content_participants_body-items{
display: grid;
grid-template-columns: repeat(2, 50%);
grid-gap: 0px;
grid-auto-flow: dense;
}
}
@media only screen and (max-width: 1767px) and (min-width: 1024px) {
.users__body_content_participants_body-items{
display: grid;
grid-template-columns: repeat(2, 50%);
grid-gap: 0px;
grid-auto-flow: dense;
}
}
/* Masonry on medium-sized screens */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.users__body_content_participants_body-items{
column-count: 1;
}
}
/* Masonry on small screens */
@media only screen and (max-width: 767px) and (min-width: 540px) {
.users__body_content_participants_body-items{
column-count: 1;
}
}
.users__body_content_charts{
position: absolute !important;
top:125px;
left:0 !important;
z-index:12;
padding:0 .65rem !important;
}
.users__body_content_charts_interno{
border-radius:0 0 3px 3px;
background-color:var(--main-color-cyan);
padding:0 0 20px 0px !important;
}
.users__body_content_charts_interno-scroll{
max-height:calc(100vh - 365px);
overflow-y:auto;
}
.users__body_content_charts_interno-scroll::-webkit-scrollbar-thumb {
background: #E4D8EB;
border-radius: 4px;
}
.users__body_content_charts_interno-scroll::-webkit-scrollbar-track {
background: var(--main-color-cyan);
border-radius: 4px;
}
.users__body_content_participants_body-items{
padding: 0 !important;
position: relative;
}
.users__body_content_participants_body-items{
padding: 0 !important;
position: relative;
}
.users__body_content_participants_body-item{
padding:10px !important;
display: inline-block;
margin: 0;
width: 100%;
/*height: 201px !important;*/
}
.users__body_content_participants_body-item_body{
border:1px solid var(--main-border);
border-radius:5px;
padding:5px !important;
position: relative !important;
min-height: 140px !important;
padding-left: 110px !important;
}
.users__body_content_participants_body-item_body-img{
border:none;
width:110px;
height:120px;
text-align:center;
position: absolute;
left: 0;
top: 0;
padding:10px !important;
}
.users__body_content_participants_body-item_body-img>img{
max-width: 100%;
max-height:100%;
}
.users__body_content_participants_body-item_body-content{
padding:0 !important;
padding-top:5px !important;
}
.users__body_content_participants_body-item_body-content_title{
height:30px;
background: var(--main-fondo-buttons-purple);
border-radius: 0 5px 5px 0;
padding:0 !important;
padding-right:20px !important;
padding-top:5px !important;
}
.users__body_content_participants_body-item_body-content_title > span{
font-size:16px;
font-weight: 600;
color:#fff;
}
.users__body_content_participants_body-item_body-content_title > i{
position: absolute;
right: 18px;
top: 39px;
color:#fff;
cursor:pointer;
}
.users__body_content_participants_body-item_body-content_title > i:hover{
color:#fff;
text-decoration: underline
}
.users__body_content_participants_body-item_body-content_features{
padding:0 !important;
}
.users__body_content_participants_body-item_date{
font-size:14px;
font-weight: 600;
color:#9D9FA2;
padding:0 10px !important;
}
.users__body_content_participants_body-item_feature{
padding: 0 !important;
padding-right: 250px !important;
position: relative;
}
.users__body_content_participants_body-item_feature-label{
height: 30px;
border-right:1px solid var(--main-border);
border-bottom: 1px solid var(--main-border);
padding-left: 15px;
}
.users__body_content_participants_body-item_feature-label > span{
font-size:15px;
padding:0 !important;
padding-top:5px !important;
color:#525151;
}
.users__body_content_participants_body-item_feature-count{
position: absolute;
right:0;
top:0;
height: 30px;
width: 250px;
border-bottom: 1px solid var(--main-border);
text-align: center;
}
.users__body_content_participants_body-item_feature-count > span{
font-size: 14px;
font-weight: 600;
color:#505050;
padding-top:8px !important;
}
.users__body_content_participants_body-item_more{
padding:0 !important;
padding-top:10px !important;
padding-right: 5px !important;
}
.users__body_content_participants_body-item_more:hover{
cursor: pointer;
}
.users__body_content_participants_body-item_more:hover > span{
text-decoration: underline !important;
}
.users__body_content_participants_body-item_more > span{
float:right;
font-size:13px;
color:var(--main-fondo-buttons-purple);
font-weight: 600;
margin-right:5px;
}
.users__body_content_participants_body-item_more > i{
float:right;
color:var(--main-fondo-buttons-purple);
padding-top:3px !important;
}
.users__body_content_participants_body-items{
padding: 0 !important;
position: relative;
}
.users__body_content_participants_body-items{
padding: 0 !important;
position: relative;
}
.users__body_mode-carts_head>span:nth-child(1){
font-size: 17px;
color: var(--main-fondo-buttons-purple);
font-weight: 700;
float: left;
}
.users__body_mode-carts_head>span:nth-child(2){
font-size: 14px;
color:#424242;
font-weight: 600;
float:right;
position: relative;
max-width:180px;
}
.users__body_mode-carts_head>span:nth-child(2)>span{
float:left;
}
.users__body_mode-carts_head>span:nth-child(2)>div{
height:25px;
border:1px solid #AAACAE;
border-radius:8px;
float:left;
padding-left:10px;
padding-right:30px;
padding-top:2px;
margin-top:-2px;
margin-left:10px;
position: relative;
}
.users__body_mode-carts_head>span:nth-child(2)>div:hover{
cursor:pointer;
background-color: #F5F0FF;
border:none;
transition: all 0.4s;
}
.users__body_mode-carts_head>span:nth-child(2)>div>span{
color:#81729E;
}
.users__body_mode-carts_head>span:nth-child(2)>div>i{
position: absolute;
top:5px;
right:5px;
}
.users__body_mode-carts_head>span:nth-child(3){
font-size: 14px;
color:#424242;
font-weight: 600;
float:right;
position: relative;
margin-right: 10px;
max-width:180px;
}
.users__body_mode-carts_head>span:nth-child(3)>span{
float:left;
}
.users__body_mode-carts_head>span:nth-child(3)>div{
height:25px;
border:1px solid #AAACAE;
border-radius:8px;
float:left;
padding-left:10px;
padding-right:30px;
padding-top:2px;
margin-top:-2px;
margin-left:10px;
position: relative;
}
.users__body_mode-carts_head>span:nth-child(3)>div:hover{
cursor:pointer;
background-color: #F5F0FF;
border:none;
transition: all 0.4s;
}
.users__body_mode-carts_head>span:nth-child(3)>div>span{
color:#81729E;
}
.users__body_mode-carts_head>span:nth-child(3)>div>i{
position: absolute;
top:5px;
right:5px;
}
.users__body_mode-carts_head>i{
font-size: 23px;
color: #7C60B0;
font-weight: 700;
cursor:pointer;
float: right;
}
.users__body_head{
height:25px;
padding: 0 !important;
}
.users__body_head-title{
font-size: 17px;
color: var(--main-fondo-buttons-purple);
font-weight: 700;
float:left;
}
.users__body>div>div.title_primary{
font-size: 17px;
color: var(--main-fondo-buttons-purple);
font-weight: 700;
float: left;
margin-bottom:20px;
}
.users__body_menu-context{
max-height:350px;
width:200px;
border:1px solid #F4EEFF;
position:fixed;
background-color:white;
z-index:1000;
}
.users__body_menu-context>div>span{
font-size: 13px;
margin-top: 1px;
color: #554279;
}
.users__body_menu-context>div>i{
color: #7C60B0;
font-size: 18px;
margin-right:10px;
}
.users__body_menu-context>div.desactive>i{
color:#EBE2FF;
font-size: 18px;
margin-right:10px;
}
.users__body_menu-context>div.desactive>span{
color:#EBE2FF;
font-size: 13px;
margin-top: 1px;
}
.users__body_menu-context>div:not(.desactive):hover>span{
text-decoration: underline;
color: #6531CA !important;
font-weight: 600;
}
.users__body_menu-context>div.desactive{
cursor:default;
}
.users__body_menu-context>div{
height:35px;
cursor:pointer;
}
.users__button-body{
position:absolute;
right:21px;
height:30px;
z-index:1;
}
div.icon{
position:absolute;
color:white;
top:8px;
left:10px;
}
.users__button-body>div{
float:left;
}
.users__button-body>button.button_done{
border: 2px solid var(--main-fondo-buttons-purple);
color: white;
width:auto;
background: var(--main-fondo-buttons-purple);
padding: 5px 10px;
border-radius: 3px;
outline: none;
float: right;
cursor: pointer;
}
.users__button-body>button:hover{
opacity:0.8;
}
.users__button-body>div.button_add-persons{
left: -25px;
top: 0;
height:30px;
}
.users__button-body>div.button_add-persons>button{
border: 2px solid var(--main-fondo-buttons-purple);
color: var(--main-fondo-buttons-purple);
background: white;
padding: 0px 10px;
height: 100%;
border-radius: 3px;
cursor: pointer;
float: right;
margin-right: 10px;
}
.users__button-body>div.button_add-persons>button:hover{
opacity:0.8;
}
.users__body-form{
margin-top:0px;
}
.users__form-photo>div>div.letter_span{
position:absolute !important;
left:50% !important;
transform:translate(-38%,0) !important;
top:25px !important;
}
.users__form-photo>div>div.letter_span>span{
color:white;
}
.users__form-content{
position:relative !important;
padding:5px 0.75rem !important;
}
.users__form-content>div{
padding-left:0 !important;
margin-bottom:10px !important;
}
.users__body_formularios_file{
height:270px;
width:300px;
float:left;
padding:0 .75rem;
}
.users__body_formularios_file>div{
height:100%;
width:100%;
background-position:center;
background-size:contain;
background-repeat: no-repeat;
position:relative;
cursor:pointer;
}
.users__body_formularios_file>div.dragg_border{
border:2px dashed #97949c;
}
.users__body_formularios_file>div.active{
border:2px dashed var(--main-fondo-buttons-purple) !important;
background-color:var(--main-color-cyan);
}
.users__body_formularios_file>input{
display:none;
}
.users__body_formularios_file>div>div{
height:100%;
background: #fffffff2;
cursor:pointer;
}
.users__body_formularios_file>div>div>div>span{
font-size: 15px;
color: white;
}
.users__body_participants_img{
border:2px solid #EEE5FF;
height:250px;
width:300px;
float:left;
padding:0 .75rem;
}
.users__body_formularios_file>div>div>div{
position:absolute;
height:40px;
width:230px;
background-color: var(--main-fondo-buttons-purple);
border-radius:3px;
bottom:15px;
left:50%;
transform: translate(-50%,0);
text-align: center;
}
.users__body_formularios_file>div>div>i{
font-size:60px;
position:absolute;
bottom:60px;
left:50%;
transform:translate(-50%,0);
color:var(--main-fondo-buttons-purple);
animation: users__body_formularios_drag 2s infinite;
}
[type="checkbox"].error.filled-in:checked + span:not(.lever):after{
background: var(--main-color-error) !important;
border: var(--main-color-error) !important;
}
[type="checkbox"].success.filled-in:checked + span:not(.lever):after{
background:#9bd79f !important;
border:#9bd79f !important;
}
@keyframes users__body_formularios_drag {
0%{
bottom:60px;
}
25%{
bottom:65px;
}
50%{
bottom:70px;
}
75%{
bottom:65px;
}
100%{
bottom:60px;
}
}
.u_button_add_teacher{
border: 2px solid var(--main-fondo-buttons-purple) !important;
color: var(--main-color-buttons-purple) !important;
width: auto !important;
background: var(--main-fondo-buttons-purple) !important;
padding: 5px 10px !important;
border-radius: 3px !important;
outline: none !important;
cursor: pointer !important;
}
.u_button_add_teacher>i{
float:left;
margin-left:5px;
}
/* ===== End Users ===== */
/* ===== Start Virtual Exam ===== */
[type="radio"] + span:before, [type="radio"] + span:after{
content: '';
position: absolute;
left: 0;
top: 0;
margin: 4px;
width: 16px;
height: 16px;
z-index: 0;
-webkit-transition: .28s ease;
transition: .28s ease;
}
/* ===== End Virtual Exam ===== */
/* ===== Start Iframes ===== */
.cu__modal_up{
position: fixed;
height:80%;
width:80%;
border-radius: 5px;
z-index:100000;
background-color: white;
}
.cu__modal_up>iframe {
border-radius: 0 0 5px 5px;
height:calc(100% - 40px);
border:0;
padding:0 !important;
}
.cu__modal_up_head{
height:40px;
background-color:var(--main-fondo-buttons-purple);
border-radius: 5px 5px 0 0;
color:white;
}
.cu__modal_up_head>i{
cursor:pointer;
color:#A6AAB2;
}
.cu_close_modal{
position: absolute;
right: 11.25px;
top: 0px;
color:white;
cursor: pointer;
height: 40px;
width: 30px;
}
.cu_close_modal>i{
height: 100%;
display: block;
padding-top: 7px;
}
/* ===== End Iframes ===== */
/* ===== Start Login ===== */
.iniciar-session{
margin-top:30px;
}
.iniciar-session>button{
border:0;
border-radius:5px;
height:40px;
font-size:20px;
cursor:pointer;
font-weight: 600;
text-transform:uppercase;
padding:0 30px;
background-color:var(--button-login_active-fondo);
color:var(--button-login_active-color);
}
.iniciar-session>button:hover{
opacity:0.8;
}
.fondo_login{
height:100%;
width:100%;
opacity: 0.9;
background-size: cover;
background-position: center;
background-size: cover;
}
.menu-rules_neg{
padding:0 !important;
height:40px;
background:white;
position:fixed;
bottom:0;
border-top:1px solid var(--main-border);
left:0 !important;
}
@media only screen and (max-width: 602px) {
.subordinate-photo_user{
float:left;
height:30px;
width:48px;
min-height:30px;
min-width:30px;
border-radius:50%;
border:1px solid var(--main-border);
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
.gestiondoc-content_expediente{
width:100% !important;
padding: 0 !important;
height:calc(100% - 40px) !important;
border:1px solid var(--main-border);
position:fixed;
top:0;
right:0 !important;
z-index:100;
background:white;
}
.contain_login{
height:100vh;
width:100%;
position:fixed;
top:0;
left:0 !important;
background-position: var(--navbar-login-fondo-position);
background-size: var(--navbar-login-fondo-size);
background: var(--navbar-login-fondo);
}
}
@media only screen and (min-width: 603px) {
.contain_login{
height:100vh;
width:352px;
position:fixed;
top:0;
left: var(--contain-login-position) !important;
background-position: var(--navbar-login-fondo-position);
background-size: var(--navbar-login-fondo-size);
background: var(--navbar-login-fondo);
}
}
.contain_login_title{
color:var(--contain-login-title);
background-color:transparent !important;
font-weight:700;
font-size:20px;
text-transform:uppercase;
padding:5px 20px!important;
border-radius:5px;
}
.contain_login_text{
color:var(--contain-login-text);
font-weight:600;
padding:10px 0 !important;
}
.contain_login_text-participant{
color:var(--contain-login-text);
font-size:20px;
font-weight:600;
padding:10px 0 !important;
}
.copyright_text{
color:#A1A1A1;
font-weight:500;
font-size:16px;
}
.contain_login_input{
height:40px;
padding:0 40px !important;
margin-bottom:15px;
position:relative;
}
.contain_login_input input{
width:100%;
height:100%;
outline:none;
border:0;
padding:0 10px 0 40px !important;
border-radius:5px;
background-color:#fff;
color:#ADB6BD;
font-size: 18px;
font-weight:500;
}
.contain_login_input input:not(.shadow_none){
box-shadow: 0 2px 2px 0 #c1c1c1, 0 3px 1px -4px #c1c1c1, 0 1px 5px 0 #c1c1c1;
}
.contain_login_input input::placeholder {
color: #ADB6BD;
font-size: 18px;
font-weight:500;
}
.contain_login_input img.user{
position:absolute;
height:20px;
top:10px;
left:45px;
}
.contain_login_input img.password{
position:absolute;
height:24px;
top:8px;
left:50px;
}
/* ===== End Login ===== */
/* ===== Start Profile ===== */
.profile_separator{
padding:10px 30px 10px !important;
}
.profile_separator>div{
border-top:1px solid var(--main-border);
}
.profile_info_user_container{
margin-top:20px;
margin-bottom:20px;
}
.profile_info_user_cuadros{
height:100px;
margin-bottom:15px;
}
.profile_info_user_cuadros>div{
border:1px solid var(--main-border);
height:100%;
padding:10px 15px !important;
}
.profile_person_menu{
height:45px;
border-bottom:1px solid var(--main-border);
padding:0 !important;
}
.profile_person_menu>div{
color:#777986;
font-size:13px;
padding:10px 0 !important;
cursor:pointer;
height:100%;
}
.profile_person_menu>div.active{
color:var(--main-fondo-buttons-purple);
font-size:13px;
padding:10px 0 !important;
cursor:pointer;
font-weight:600;
border-bottom:3px solid var(--main-fondo-buttons-purple);
}
.profile_button{
padding:0 !important;
margin:10px;
float:right;
border: 2px solid var(--main-fondo-buttons-purple);
color: white;
width: auto;
background: #666666;
font-weight:550;
padding: 5px;
border-radius: 8px;
outline: none;
cursor: pointer;
position:relative;
width:35px;
height:35px;
}
.profile_button.active{
padding:0 !important;
margin:10px;
float:right;
border: 2px solid var(--main-fondo-buttons-purple);
color: white;
width: auto;
background: var(--main-fondo-buttons-purple);
font-weight:550;
padding: 5px;
border-radius: 8px;
outline: none;
cursor: pointer;
position:relative;
width:35px;
height:35px;
}
.profile_person_records{
padding:30px 0 !important;
}
.profile_person_records_name{
font-size:14px;
font-style: italic;
font-weight:600;
color:#333;
}
.profile_person_records_slash{
font-size:14px;
font-style: italic;
color:#333;
margin:0 5px;
}
.profile_photo_person{
height:90px;
width:90px;
max-width:100%;
float:left;
border:1px solid var(--main-border);
background-position:center;
background-size:cover;
background-repeat:no-repeat;
border-radius:50%;
position:absolute;
left:50%;
top:20px;
transform: translate(-50%,0);
}
.profile_person_profesion{
padding:0 !important;
margin-top:40px;
}
.profile_person_profesion>div{
padding:0 !important;
font-size:16px;
color:var(--main-fondo-buttons-purple);
}
.profile_person_profesion>div.info_important{
padding:0 !important;
font-size:16px;
color:black;
}
.profile_person_name{
padding:0 !important;
margin-top:15px;
}
.profile_person_name>b{
font-size:16px;
}
.profile_person{
height:auto;
}
.profile_person_register_date{
padding:0 !important;
margin-top:9px;
}
.profile_person_register_date>div{
background-color: #fff;
color: #020202;
font-size: 15px;
border-radius:3px;
}
.profile_person_register_content{
padding:0 0 10px 30px !important;
position:relative;
}
.profile_person_register_content_division{
width:0;
height:100%;
position:absolute;
top:0;
left:15px;
border: 1px solid var(--main-fondo-buttons-purple);
}
.profile_person_register_content_button-plus{
background-color: var(--main-fondo-buttons-purple);
color:white;
cursor:pointer;
height:10px;
width:10px;
font-weight:600;
border-radius:100px;
position:absolute;
top:14px;
left:11px;
}
.profile_person_register_content_button-plus.active{
border-radius:0px !important;
}
.profile_person_register_content_data{
background-color: #eaeaea;
padding: 10px 0px 0px !important;
border-radius: 4px;
}
.profile_person_register_content_data>div:nth-child(1){
color: #020202;
font-size: 13px;
text-align: left;
padding-bottom: 10px !important;
}
.profile_person_register_content_data_text{
background-color: white;
border-radius: 5px;
margin-bottom:10px;
padding:5px 15px !important;
}
.profile_person_register_content_data_text>div{
position: relative;
padding:0 !important;
}
.profile_person_register_content_data_text_name-time{
padding:5px 0 !important;
position: relative;
}
.profile_person_register_content_data_text_name-time>b{
text-align: left;
padding-left: 5px !important;
padding-right: 105px !important;
text-transform: capitalize;
}
.profile_person_register_content_data_text_name-time>span{
position: absolute;
font-size: 13px;
right: 0px;
top: 6px;
}
.profile_person_register_content_data_text_action{
padding:0px;
position: relative;
border-top: 2px solid #efefef;
overflow-wrap: break-word;
text-align:justify;
}
.profile_person_register_content_data_text_action>b{
font-size: 14px;
color: gray;
display:block;
}
.profile_person_register_content_data_text_action>div>span{
font-size: 12px;
color: #333;
}
.profile_person_register_content_data_text_action>div>div>span{
font-size: 12px;
color: #333;
}
/* ===== End Profile ===== */
/* ===== Start path ===== */
/* ===== End path ===== */
/* ===== Start content ===== */
.content__body-without-navigator{
min-height : calc(100vh - 90px) !important;
}
.content__body-container{
padding-right: 0px !important;
padding-left: 0px !important;
margin: 0;
}
/* ===== End content ===== */
/* ===== Start Navbar ===== */
.nav_perfil{
position:relative;
}
.nav_perfil__logo{
padding:0 !important;
height:64px;
position:relative;
}
.nav_perfil__logo-full{
position:absolute;
left: -10px;
padding-left:28px;
top:50px;
}
.contain_range{
position:relative;
width:calc(100% - 50px);
float:left;
margin-bottom:10px;
padding:5px 0 !important;
}
.slider {
-webkit-appearance: none;
appearance: none;
margin:0;
width: 100%;
border-radius:3px;
height: 0.4rem;
background: var(--main-fondo-buttons-purple-inactive);
outline: none;
-webkit-transition: .2s;
transition: opacity .2s;
z-index:59 !important;
}
.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--main-fondo-buttons-purple);
cursor: pointer;
z-index:999;
border: 2px solid var(--main-color-buttons-purple);
}
.tooltip_slider_range{
width:50px;
margin-top:1px;
float:left;
height:32px;
padding:5px;
}
.tooltip_slider_range>div{
width:100%;
height:100%;
float:left;
color:#7C60B0;
font-weight:500;
border-radius:3px;
background-color:var(--main-color-cyan);
border:1px solid var(--main-border);
}
.filter_content_all{
position:fixed;
right:0 !important;
height:100vh;
top:0;
width:383px !important;
background:white;
z-index:100;
padding:0 !important;
}
.filter_header{
padding:0 !important;
height:55px;
background: var(--filters-head-fondo);
}
.filter_header>div{
padding: 14px .75rem !important;
}
.filter_header>div>span{
font-weight:600;
color:black;
font-size:16px;
padding:10px;
}
.filter_header>div>i{
color:var(--main-color-error);
position:absolute;
right:10px;
cursor:pointer;
}
.filter_labels_headers{
height:35px;
background:var(--contain_table-fondo)
}
.filter_labels_headers>div{
padding:5px !important;
}
.filter_labels_headers>div>span{
font-weight:500;
color: var(--contain_table-color);
}
.filter_labels_content{
padding:0 !important;
border:1px solid var(--main-border);
margin-bottom:10px;
}
.filter_checkbox{
margin-bottom:5px;
}
.filter_checkbox>label>span{
color:black !important;
}
.filter_body_box{
margin-top:10px;
margin-bottom:10px;
padding:0 !important;
}
.filter_buttons_content{
height:50px;
background:white;
position:absolute;
bottom:0;
}
.filter_content_allOptions{
padding:.75rem !important;
overflow-y: auto;
max-height: calc(100% - 120px);
height: calc(100% - 120px);
}
.support_content_chat{
position:fixed;
height:calc(100% - 270px);
z-index:1000;
background:white;
width:25% !important;
right:120px !important;
bottom:35px;
border-radius:5px;
padding:0 !important;
}
.support_chat_head{
height:60px;
border-bottom:1px solid var(--main-border);
background:var(--main-color-cyan);
}
.support_chat_head_photo{
float:left;
background:white;
border:1px solid var(--main-border);
margin-top:7px;
height:45px;
width:45px;
background-size:contain;
background-position:center;
background-repeat:no-repeat;
border-radius:50%;
}
.support_chat_head_content_names{
float:left;
padding:7px 10px;
}
.support_chat_head_content_names_cargo{
padding:0 !important;
text-transform:capitalize;
}
.support_chat_head_content_names_cargo>span{
font-weight:500;
}
.support_chat_head_content_names_user{
padding:0 !important;
overflow-wrap:break-word;
}
.support_chat_body_chat{
background:#E5DDD5;
height:calc(100% - 124px);
padding: .75rem !important;
overflow-y:auto;
}
.support_chat_sendMessages{
background:#F0F0F0;
height:64px;
border-radius:0 0 5px 5px !important;
}
.nav_perfil__logo-full>img{
max-width: 100%;
}
.nav_perfil__logo-small{
position:absolute;
left:calc(50% - 15.25px);
top:50px;
}
.nav_perfil__logo-small>img{
height:20px;
}
.nav_perfil__up-arrow{
position:absolute;
right:0;
top:15px;
color:var(--main-fondo-buttons-purple);
cursor:pointer;
height: 30px;
width: 30px;
}
@media only screen and (max-width: 1020px) {
.nav_perfil__up-arrow{
displaY:block !important;
}
}
@media only screen and (min-width: 1021px) {
.nav_perfil__up-arrow{
displaY:none !important;
}
}
.nav_perfil__info-perfil{
padding-top:30px !important;
padding-left:20px !important;
font-size:14px;
position:relative;
}
.nav_perfil__info-perfil_hr{
height:1px;
background-color:#F1F1F1;
position:absolute;
left:0 !important;
}
.nav_perfil__info-perfil_nombre{
padding:0 !important;
color:#787A7F;
font-weight:600;
font-size:13px;
}
.nav_perfil__info-perfil_email{
padding:4px 0 !important;
color:#787A7F;
font-size:13px;
}
.nav_perfil__image{
padding: 0;
z-index:100;
}
.nav_perfil__image-big{
position:absolute;
top:159px;
left:50%;
transform:translate(-50%,0);
}
.nav_perfil__image-small{
position: absolute;
top: 105px;
left: 50%;
transform: translate(-50%,0);
}
.nav_perfil__image-full{
width:90px;
border:5px solid #00E882;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.nav_perfil__image-full.min{
margin-top:23px;
height:45px;
width:45px;
border-radius:50%;
}
.nav_perfil__image-full.max{
height:70px;
width:70px;
border-radius:0 15px 0 25px;
}
.nav_perfil__image-empty{
width:90px;
border:5px solid #00E882;
text-align:center;
font-weight: 800;
color:var(--main-fondo-buttons-purple);
background:#fff;
}
.nav_perfil__image-empty.min{
margin-top:23px;
height:45px;
width:45px;
border-radius:50%;
font-size:15px;
padding-top:6px;
}
.nav_perfil__image-empty.max{
height:70px;
width:70px;
border-radius:0 25px 0 35px;
font-size:30px;
padding-top:15px;
}
.nav_moduls__container{
position: relative;
overflow: hidden;
overflow-y: auto;
padding:0;
cursor: pointer;
}
.nav_moduls__container::-webkit-scrollbar {
width: 2px;
height: 4px;
}
.nav_moduls__container::-webkit-scrollbar-thumb {
background: #E4D8EB;
border-radius: 4px;
}
.nav_moduls__container::-webkit-scrollbar-thumb:active {
background-color: #FFFFFF;
}
.nav_moduls__container::-webkit-scrollbar-thumb:hover {
background: #00FC82;
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.nav_moduls__container::-webkit-scrollbar-track {
background: #FFFFFF;
border-radius: 4px;
}
.nav_moduls__container::-webkit-scrollbar-track:hover,
.nav_moduls__container::-webkit-scrollbar-track:active {
background: #FFFFFF;
}
.nav_moduls{
padding-top:20px !important;
}
.nav_moduls.min{
padding-left: 0 !important;
padding-right: 0 !important;
}
.nav_moduls-label{
font-size: 15px;
color: #9E9BA4;
font-weight: 700;
margin-top:0;
height:40px;
padding-left: 35px !important;
}
.nav_moduls-label_general{
font-size: 15px;
color: var(--navbar-labels-groups);
font-weight: 700;
margin-top:30px;
height:40px;
padding-left: 25px !important;
}
.nav_moduls__item{
padding:0;
background: var(--navbar-buttons-fondo-noselected);
cursor:pointer;
font-weight: 600;
position: relative;
}
.nav_moduls__item.selected{
background: var(--navbar-buttons-fondo-selected);
color: var(--navbar-buttons-text-selected) !important;
/*border-radius: 8px;*/
}
.nav_moduls__item.selected>div>span {
color: var(--navbar-buttons-text-selected) !important;
}
.nav_moduls__item.selected>div>i {
color: var(--navbar-buttons-text-selected) !important;
}
.nav_moduls__item.selected>div>div {
background: var(--navbar-buttons-text-selected) !important;
}
.nav_moduls__item:not(.selected):hover{
background: rgba(0,0,0,0.1);
}
.nav_moduls__item:hover>div>span {
text-decoration: underline;
font-weight: 600;
}
.nav_moduls__item-icon{
padding-top:10px !important;
height:40px;
}
.nav_moduls__item-icon>i{
color: var(--navbar-buttons-text-noselected);
font-size:25px;
}
.nav_moduls__item-icon>div{
background: var(--navbar-buttons-text-noselected);
font-size:18px;
}
.nav_moduls__item-label{
height:40px;
padding-top: 8px !important;
padding-left: 50px !important;
}
.nav_moduls__item-label>span{
font-size:15px;
margin-top:1px;
/*color: var(--navbar-buttons-text-noselected);*/
color: #060606;
font-weight: 500;
}
.nav_moduls__item_dashboard{
padding-top: 3px !important;
/*border-radius: 8px;*/
margin-bottom: 15px;
background-color: var(--navbar-button-main-fondo-noselected);
border:0 !important;
outline:none !important;
position: relative;
}
.nav_moduls__item_dashboard.selected{
/*background: var(--navbar-button-main-fondo-selected);*/
background: var(--navbar-buttons-fondo-selected);
}
.nav_moduls__item_dashboard>div>span{
padding:0;
cursor:pointer;
font-weight: 600;
color: var(--navbar-button-main-text-noselected);
}
.nav_moduls__item_dashboard>div>i{
color: var(--navbar-button-main-text-noselected);
}
.nav_moduls__item_dashboard>div>div{
background: var(--navbar-button-main-text-noselected);
}
.nav_moduls__item_dashboard.selected>div>span{
color: var(--navbar-button-main-text-selected);
}
.nav_moduls__item_dashboard.selected>div>i{
color: var(--navbar-button-main-text-selected);
}
.nav_moduls__item_dashboard.selected>div>div{
background: var(--navbar-button-main-text-selected);
}
.nav_moduls__separate{
/*height:1px;
border-radius:60px; */
color:var(--navbar-labels-groups);
/*margin-top:10px;
margin-bottom:10px;*/
}
.nav_footer{
height:40px;
position:absolute;
bottom:0;
font-size:10px;
color: #000;
padding-top:5px !important;
}
.nav_footer>.active{
color: #000;
font-weight: 600;
font-size:12px;
}
/* ===== End Navbar ===== */
/* ===== Start navigator ===== */
.navigator__body{
height: 50px;
padding: 40px !important;
padding-top: 10px !important;
padding-bottom: 0 !important;
width:100%;
padding-bottom: 10px !important;
background: var(--navigator-fondo);
position: sticky;
top: 50px;
z-index: 60;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.navigator__body_small {
height: 60px;
padding: 10px !important;
background: var(--navigator-fondo);
float:left;
width:100%;
}
.navigator__body_content-color{
height:100%;
padding:0 !important;
}
.navigator__body_content_filter{
min-height: 30px;
min-width: 30px;
background-color: var(--main-fondo-buttons-purple);
border-radius: 8px;
}
.navigator__body_content_filter>div:nth-child(1){
height:25px;
min-width:25px;
cursor:pointer;
}
.navigator__body_content_filter>div:nth-child(1)>i{
color:#fff;
margin-top: 5px;
}
.navigator__body_content_filter>div:nth-child(1)>span{
margin-left:10px;
text-transform:uppercase;
font-size:13px;
font-weight:600;
color:#333;
}
.navigator__body_content_filter_expandible{
display:block;
height:100%;
margin:10px 0 0 0;
}
.navigator__body_content_filter_expandible>div{
position:relative;
height:32px;
}
.navigator__body_content_filter_expandible>div>div{
width:155px;
position:absolute;
top:0;
left: 35px;
}
.navigator__body_content_options{
height:30px;
width:30px;
float:right;
background-color: var(--navigator-button_list-fondo);
border-radius: 8px;
}
.navigator__body_content_options>i{
color: var(--navigator-button_list-color);
font-size: 20px;
cursor:pointer;
}
.navigator__body_content_routes{
height:100%;
float:left;
color: var(--navigator-home-color);
padding:0 .75rem !important;
}
.navigator__body_content_routes .navigator__body_content_routes_separate_label-text{
font-size: 15px;
color: var(--navigator-name_paths-color);
margin-right:4px;
margin-left:2px;
font-weight: 600;
}
.navigator__body_content_routes_separate_label{
padding: 10px 3px;
padding-top:15px;
}
.navigator__body_content_routes_separate_label>i{
color: var(--navigator-arrows-color);
}
.navigator__body_content_routes_separate_label>i:last-child{
margin-left: -11px;
}
/* ===== End navigator ===== */
/* ===== Start menu ===== */
.body__participants_view-modal_data>div:nth-child(1)>i{
position:absolute;
font-size:15px;
cursor:pointer;
top:5px;
left:0;
border:0 !important;
outline: none !important;
}
.body__participants_view-modal_data>div:nth-child(2).empty > .body__participants_view-modal_data_icons{
position:absolute;
left:5px;
top:5px;
font-size:15px;
cursor:pointer;
border:0 !important;
outline: none !important;
color:#333;
}
.body__participants_view-modal_data>div:nth-child(2).approve > .body__participants_view-modal_data_icons{
position:absolute;
left:5px;
top:5px;
font-size:15px;
cursor:pointer;
border:0 !important;
outline: none !important;
color:#fff;
}
.body__participants_view-modal_data>div:nth-child(2).disapprove > .body__participants_view-modal_data_icons{
position:absolute;
left:5px;
top:5px;
font-size:15px;
cursor:pointer;
border:0 !important;
outline: none !important;
color:#fff;
}
.menu__body{
height:50px;
position: fixed;
position: -webkit-sticky;
top:0;
left:0;
z-index: 61;
/*padding: 20 !important;*/
width:100%;
}
.menu__body_small {
height: 50px;
position: sticky;
position: -webkit-sticky;
top: 0;
left: 0;
z-index: 60;
padding: 0 !important;
width: 100%;
}
.menu__body_opc{
position:relative;
padding:0 !important;
height: 50px;
background-color: var(--menu_header-fondo);
z-index: 60;
}
.menu__body_opc-opciones_label:hover>span{
/*color: var(--menu_header-options-hover-color);*/
font-weight: 600;
/*padding-left:0px !important;*/
}
.menu__body_opc-opciones_label:hover>i{
color: var(--menu_header-options-hover-color);
}
.menu__body_opc-opciones_label.active>span{
display:block;
}
.menu__body_opc-opciones_label.active{
background: rgba(255,255,255,0.8);
border:none;
min-height:100px;
height: auto;
min-width:220px;
/*padding-top:15px !important;*/
z-index: 100;
backdrop-filter: blur(10px);
}
.menu__body_opc-opciones_user.active{
background: var(--menu_header-options-active-fondo);
border:none;
min-height:120px;
padding-top:15px !important;
}
.menu__body_opc-opciones_label.active_p{
background: var(--menu_header-options-active-fondo);
border:none;
min-height:150px;
padding-top:15px !important;
}
.menu__body_opc-opciones_label.disabled{
color: var(--menu_header-options-disabled-fondo);
}
.menu__body_opc-opciones_items{
padding-top:20px;
display: block;
transition: opacity 1s linear;
transform:translate(0);
opacity: 1;
}
.menu__body_opc-opciones_items.hidden{
transform:translate(9999px);
opacity: 0;
}
.menu__body_opc-opciones_item{
position:relative;
height: 40px;
padding-left:25px;
}
.menu__body_opc-opciones_item:hover > span{
text-decoration: underline;
color:var(--menu_header-options-submenus-hover) !important;
font-weight: 600;
}
.menu__body_opc-opciones_item > i{
color: var(--menu_header-options-submenus);
font-size: 18px;
position: absolute;
left:13px;
}
.menu__body_opc-opciones_item > span{
font-size: 15px;
margin-top: 12px;
color: var(--menu_header-options-submenus);
font-weight: 600;
margin-left: 29px;
}
.menu__body_leng{
float: right;
width: 53px;
height: auto;
position:absolute;
left:15px;
top:13px;
cursor:pointer;
z-index:180;
}
.menu__body_leng>i{
color: var(--menu_header-navbar_active);
}
.menu__body_leng>div{
background: var(--menu_header-navbar_active);
}
.menu__body_leng-text{
font-weight: 700;
font-size:16px;
color: var(--menu_header-text-translate);
}
.correspondence_icon_active{
color: var(--menu_header-correspondence_icon);
margin-left:10px;
font-size:18px !important;
}
.menu__body_user{
float: right;
width: 400px;
height: 100%;
position:absolute;
left:75px;
cursor:pointer;
padding-top: 8px;
/*top:8px;
padding-left: 50px;*/
}
.menu__body_user_small{
float: right;
width: 400px;
height: 100%;
position:absolute;
left:17px;
cursor:pointer;
padding-top: 8px;
/*top:8px;
padding-left: 50px;*/
}
.menu__body_user-img{
height:30px;
width: 30px;
background-color: var(--main-fondo-buttons-purple);
border-radius: 50%;
position: absolute;
background-size:cover !important;
background-position:center !important;
top:7px;
text-align: right;
}
.menu__body_user-text {
font-weight: 500;
font-size:15px;
color: var(--menu_header-name_user);
padding:0 !important;
text-align: right;
}
.icons_menu_actives{
background: var(--menu_header-icons);
color: var(--menu_header-icons);
fill: var(--menu_header-icons);
}
.menu__body_user-pltext{
font-weight: 400;
font-size:13px;
color: var(--menu_header-name_user);
padding:0 !important;
margin-top:-5px;
text-align: right;
}
.menu__body_notify.activeclick{
background: #ECECEC;
}
.menu__body_notify:hover>span{
display:inline-block;
}
.menu__body_notify>span{
display:none;
}
.menu__body_notify_open{
z-index: 10000 !important;
right: 0 !important;
}
.menu__body_notify>i{
color:#606060;
transition: color 0.6s linear;
}
.menu__body_notify>.active_menu__body_notify{
position: absolute;
background-color: #41c4c9;
top:5px;
right:5px;
height:8px;
width:8px;
border-radius:100%;
}
.menu__body_notify-label{
position:absolute;
top:4px;
left:0;
font-weight: 600;
text-align:center;
width:30px;
}
.menu__body_notify-label>span{
color:transparent;
}
.menu__body_notify:hover{
cursor:pointer;
}
.menu__body_notify.active:hover>i{
color:#F5F0FF !important;
}
.menu__body_notify.active:hover>.menu__body_notify-label>span{
color:#494949 !important;
font-size:12px;
}
.menu__body_notify.disabled{
color:#ABABAB !important;
}
.menu__body_notify.disabled>i{
color:#ABABAB !important;
}
.menu__body_notify.disabled > .menu__body_notify-count{
background-color:#ABABAB !important;
}
.menu__body_notify-count{
position:absolute;
top:3px;
right:3px;
height:5px;
width:5px;
background-color:#FF7488;
border-radius:50%;
}
.menu__body_search.up{
z-index:4001;
}
.menu__body_search.cancel{
color:var(--main-color-error);
padding-top:1px;
padding-left:1px;
}
.menu__body_search-bar{
position: absolute;
left:3px;
top:20px;
z-index:4000;
padding-right:260px !important;
padding-left:260px !important;
height: 50px;
padding-top:10px !important;
display: block;
transition: opacity 0.6s linear;
transform:translate(0);
opacity: 1;
}
.menu__body_search-bar.hidden{
transform:translate(9999px);
opacity: 0;
}
.menu__body_search-bar_small{
position: absolute;
height: 50px;
transition: opacity 0.6s linear;
transform:translate(0);
opacity: 1;
width:100% !important;
border-radius:5px;
border:1px solid var(--menu_header-search_container-border);
background: var(--menu_header-search_container-fondo);
left: 50% !important;
transform: translate(-50%, 0) !important;
padding:10px !important;
}
.menu__body_search-bar_small.hidden{
transform:translate(9999px);
opacity: 0;
}
.menu__body_search-bar_input{
border:none;
border-bottom:2px solid var(--menu_header-search-border);
height:30px;
color: var(--menu_header-search-color);
font-weight:500;
font-family: var(--main-font-family) !important;
background: transparent;
padding-right:100px !important;
}
.menu__body_search-bar_input_2{
border:none;
border-bottom:2px solid var(--menu_header-search-border);
height:30px;
color: var(--menu_header-search-color);
font-weight:500;
font-family: var(--main-font-family) !important;
background: transparent;
padding-right:0px !important;
}
.menu__body_search-bar_input_small{
border:none;
border-bottom:2px solid var(--menu_header-search-border);
height:100%;
color: var(--menu_header-search-color);
font-weight:500;
font-family: var(--main-font-family) !important;
background: transparent;
padding-right:87px !important;
}
.menu__body_search-bar_input_small::placeholder{
color: var(--menu_header-search-color);
}
.menu__body_search-bar_input.loading{
height:28px !important;
border:none !important;
}
.menu__body_search-bar_input-loading{
background-color: var(--menu_header-search-loading);
height:2px;
}
.menu__body_search-bar_input-loading>.indeterminate{
background-color: var(--menu_header-search-loading_infinity);
}
.menu__body_search-bar_input-loading_small{
background-color: var(--menu_header-search-loading);
height: 2px;
bottom: 2px;
}
.menu__body_search-bar_input-loading_small>.indeterminate{
background-color: var(--menu_header-search-loading_infinity);
}
/* ===== End menu ===== */
.tb_dynamic__body-add{
border-right:1px solid #D6D6D6;
width:30px;
position:relative;
float:left;
height:100%;
cursor:pointer;
}
.tb_dynamic__body-add>.add_text{
writing-mode: vertical-lr;
margin: 10px 3px;
}
.tb_dynamic__body-add>.add_text>span{
color: #554279;
font-weight: 600;
font-size:13px;
}
.tb_dynamic__body-add>.add_text>i{
color: #554279;
background-color:white;
border:1px solid #D6D6D6;
border-radius:3px;
cursor:pointer;
margin-top:4px;
}
/*---------------MODAL----------------*/
.tb_dynamic__body_addColumn{
padding:10px 20px !important;
}
.tb_dynamic__body_addColumn>span{
font-size: 17px;
margin-top: 1px;
color: var(--main-fondo-buttons-purple);
font-weight:600;
display: block;
}
.tb_dynamic__body_addColumn_button-cancel{
border: 2px solid var(--main-color-buttons-white);
color: var(--main-color-buttons-white);
background: var(--main-fondo-buttons-white);
padding:5px 10px;
border-radius:3px;
cursor:pointer;
float:right;
margin-right:10px;
margin-top:10px;
}
.tb_dynamic__body_addColumn_button-cancel:hover{
opacity: 0.5;
}
.tb_dynamic__body_addColumn>.tb_dynamic__body_addColumn_button-add.active:hover{
opacity: 0.5;
}
.tb_dynamic__body_addColumn>.tb_dynamic__body_addColumn_button-add{
border: 2px solid #cbbcd2;
color: #a98aab;
background:#cbbcd2;
padding:5px 10px;
border-radius:3px;
outline:none;
float:right;
margin-top:10px;
}
.tb_dynamic__body_addColumn_button-add.active:hover{
opacity: 0.5;
}
.tb_dynamic__body_addColumn_button-add{
border: 2px solid #cbbcd2;
color: #a98aab;
background:#cbbcd2;
padding:5px 10px;
border-radius:3px;
outline:none;
float:right;
margin-top:10px;
}
.tb_dynamic__body_update{
border: 2px solid #2ac58b;
color: white;
background: #2ac58b;
padding: 5px 10px;
border-radius: 3px;
outline: none;
float: right;
cursor: pointer;
margin: 10px 10px 0 0;
}
.tb_dynamic__body_addColumn_button-add.active{
border: 2px solid var(--main-fondo-buttons-purple);
color: white;
background:var(--main-fondo-buttons-purple);
padding:5px 10px;
border-radius:3px;
outline:none;
float:right;
cursor:pointer;
}
.tb_dynamic__body_addColumn>.tb_dynamic__body_addColumn_button-add.active{
border: 2px solid var(--main-fondo-buttons-purple);
color: white;
background:var(--main-fondo-buttons-purple);
padding:5px 10px;
border-radius:3px;
outline:none;
float:right;
cursor:pointer;
}
.tb_dynamic__body_input-color{
padding:3px 0 !important;
}
.tb_dynamic__body_input-color>input{
display:none;
opacity:0;
}
.tb_dynamic__body_input-color>span{
float:left;
height:30px;
width:30px;
border-radius: 0 10px 0 15px;
border:3px solid #EAEAEA;
}
.tb_dynamic__body_input-color>b{
float:left;
color: #554279;
margin-top:3px;
margin-left:10px;
}
.resizer_approve_retention .resizable-r{
z-index: 10 !important;
right: 0 !important;
width:6px !important;
}
.resizable-component > .resizable-r[data-v-7a68f144] {
z-index: 10 !important;
right: 0 !important;
width:6px !important;
}
/* ===== Start Notify ===== */
.notify__body_carga-archivos{
position:fixed;
z-index:200;
bottom:50px;
right:10px;
min-height:40px;
width:362px;
}
.notify__body_carga-archivos>div{
height:auto;
padding:5px 0 !important;
}
.notify__body_carga-archivos_content{
height:100%;
position:relative;
background-color:white;
margin-bottom:10px;
padding:5px .75rem !important
}
.notify__body_carga-archivos_content>div:nth-child(1)>div:nth-child(1){
height:100%;
width:45px;
float:left;
margin-right:10px;
padding:3px 0 !important;
}
.notify__body_carga-archivos_content>div:nth-child(1)>div:nth-child(1)>img{
height:35px;
border-radius:100%;
}
.notify__body_carga-archivos_content>div:nth-child(1)>div:nth-child(2){
height:100%;
padding: 10px 0;
width:calc(100% - 90px);
float:left;
}
.notify__body_carga-archivos_content>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>span{
font-size: 14px;
color: #554279;
font-weight:600;
}
.notify__body_carga-archivos_content>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>span{
font-size: 14px;
color: #5d5d5d;
font-weight:500;
}
.notify__body_carga-archivos_content>div:nth-child(1)>div:nth-child(3){
position:absolute;
top:50%;
right:10px;
width:24px;
height:24px;
transform:translate(0,-50%);
}
.notify__body_carga-archivos_content>div:nth-child(1)>div:nth-child(3)>div{
width: 20px;
height: 20px;
border: 3px solid #EEE5FF;
border-top: 3px solid #7C60B0;
border-radius: 50%;
animation-name: girar;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.cargando_notify_delete{
transition: all 5s ease-in-out;
position:absolute;
bottom:0;
left:0;
height:3px;
background-color:#554279;
}
.cargando_notify_info{
transition: all 5s ease-in-out;
position:absolute;
bottom:0;
left:0;
height:3px;
background-color:blue;
}
.cargando_notify_success{
transition: all 5s ease-in-out;
position:absolute;
bottom:0;
left:0;
height:3px;
background-color:#3af866;
}
.cargando_notify_error{
transition: all 5s ease-in-out;
position:absolute;
bottom:0;
left:0;
height:3px;
background-color: var(--main-color-error);
}
.cargando_notify_warn{
transition: all 5s ease-in-out;
position:absolute;
bottom:0;
left:0;
height:3px;
background-color:#f8d04d;
}
.notify__body_carga-archivos_content>div:nth-child(1)>div:nth-child(3)>i{
color:#7C60B0;
cursor:pointer;
}
@keyframes girar {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.animation_fadein{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
animation-name: identifier;
animation-duration: 2s;
}
@keyframes identifier {
0% { opacity:1; }
100% { opacity:0 }
}
/* ===== End Notify ===== */
/* ===== Start CartsView ===== */
@media only screen and (min-width: 1349px) {
.cartsView__body_content_participants_body-items{
display: grid;
grid-template-columns: repeat(3, 33%);
grid-gap: 0px;
grid-auto-flow: dense;
}
}
@media only screen and (max-width: 1348px) and (min-width: 768px) {
.cartsView__body_content_participants_body-items{
column-count: 2;
}
}
@media only screen and (max-width: 767px) and (min-width: 540px) {
.cartsView__body_content_participants_body-items{
column-count: 1;
}
}
.cartsView__body_content_participants_body-items{
padding: 0 !important;
position: relative;
}
.cartsView__body_content_participants_body-item{
padding:20px 10px !important;
display: inline-block;
margin: 0;
width: 100%;
}
.cartsView__body_content_participants_body-item_body{
border-radius:10px;
padding:5px !important;
position: relative !important;
/*min-height: 186px !important;*/
padding-left: 110px !important;
}
.cartsView__body_content_participants_body-item_body-img{
border:none;
width:110px;
height:120px;
text-align:center;
position: absolute;
left: 0;
top: 0;
padding:10px !important;
}
.cartsView__body_content_participants_body-item_body-img>div{
background-size: cover;
background-position: center;
border-radius:50%;
height: 70px;
width: 70px;
cursor:pointer;
margin-left: 10px;
margin-top: 9px;
}
.cartsView__body_content_participants_body-item_body-img>img{
max-width: 100%;
max-height:100%;
}
.cartsView__body_content_participants_body-item_body-content{
padding:0 !important;
padding-top:5px !important;
}
.cartsView__body_content_participants_body-item_body-content_title{
height:30px;
background: #efefef;
border-radius: 0 5px 5px 0;
padding:0 !important;
padding-right:20px !important;
padding-top:5px !important;
}
.cartsView__body_content_participants_body-item_body-content_title > span{
font-size:16px;
font-weight: 600;
color:#000;
text-transform: capitalize;
}
.cartsView__body_content_participants_body-item_body-content_title > i{
position: absolute;
right: 18px;
top: 36px;
color:#000;
cursor:pointer;
}
.cartsView__body_content_participants_body-item_body-content_title > i:hover{
text-decoration: underline
}
.cartsView__body_content_participants_body-item_body-content_features{
padding:0 !important;
}
.cartsView__body_content_participants_body-item_date{
font-size: 12px;
font-weight: 400;
color: #000;
text-align: left;
padding: 0 !important;
}
.cartsView__body_content_participants_body-item_more{
padding:0 !important;
padding-top:10px !important;
padding-right: 5px !important;
height:28px;
}
/*.cartsView__body_content_participants_body-item_more:hover{
cursor: pointer;
}
.cartsView__body_content_participants_body-item_more:hover > span{
text-decoration: underline !important;
}*/
.cartsView__body_content_participants_body-item_more > span{
/*float: right;
margin-right: 5px;*/
font-size: 13px;
color: #000;
font-weight: 600;
position: absolute;
right: 8px;
bottom: 6px;
cursor: pointer;
}
.cartsView__body_content_participants_body-item_more > span:hover{
text-decoration: underline;
}
.cartsView__body_content_participants_body-item_more > i{
float:right;
color:#000;
padding-top:3px !important;
}
.cartsView__body_content_participants_body-items{
padding: 0 !important;
position: relative;
}
.cartsView__body_content_participants_body-items{
padding: 0 !important;
position: relative;
}
.cartsView__body_mode-carts_head>span:nth-child(1){
font-size: 17px;
color: var(--main-fondo-buttons-purple);
font-weight: 700;
float: left;
}
.cartsView__body_mode-carts_head>span:nth-child(2){
font-size: 14px;
color:#424242;
font-weight: 600;
float:right;
position: relative;
max-width:180px;
}
.cartsView__body_mode-carts_head>span:nth-child(2)>span{
float:left;
}
.cartsView__body_mode-carts_head>span:nth-child(2)>div{
height:25px;
border:1px solid #AAACAE;
border-radius:8px;
float:left;
padding-left:10px;
padding-right:30px;
padding-top:2px;
margin-top:-2px;
margin-left:10px;
position: relative;
}
.cartsView__body_mode-carts_head>span:nth-child(2)>div:hover{
cursor:pointer;
background-color: #F5F0FF;
border:none;
transition: all 0.4s;
}
.cartsView__body_mode-carts_head>span:nth-child(2)>div>span{
color:#81729E;
}
.cartsView__body_mode-carts_head>span:nth-child(2)>div>i{
position: absolute;
top:5px;
right:5px;
}
.cartsView__body_mode-carts_head>span:nth-child(3){
font-size: 14px;
color:#424242;
font-weight: 600;
float:right;
position: relative;
margin-right: 10px;
max-width:180px;
}
.cartsView__body_mode-carts_head>span:nth-child(3)>span{
float:left;
}
.cartsView__body_mode-carts_head>span:nth-child(3)>div{
height:25px;
border:1px solid #AAACAE;
border-radius:8px;
float:left;
padding-left:10px;
padding-right:30px;
padding-top:2px;
margin-top:-2px;
margin-left:10px;
position: relative;
}
.cartsView__body_mode-carts_head>span:nth-child(3)>div:hover{
cursor:pointer;
background-color: #F5F0FF;
border:none;
transition: all 0.4s;
}
.cartsView__body_mode-carts_head>span:nth-child(3)>div>span{
color:#81729E;
}
.cartsView__body_mode-carts_head>span:nth-child(3)>div>i{
position: absolute;
top:5px;
right:5px;
}
.cartsView__body_mode-carts_head>i{
font-size: 23px;
color: #7C60B0;
font-weight: 700;
cursor:pointer;
float: right;
}
/*.cartsView__add_new{
position: fixed;
bottom:60px;
}*/
.cartsView__add_new:hover{
text-decoration: underline;
}
/* ===== End CartsView ===== */
/* ===== Start Charts ===== */
.heatmap_flex{
display:flex
}
.heatmap__body{
overflow-x:auto;
overflow-y:hidden;
padding:0 !important;
border-left:1px solid var(--main-border);
}
.heatmap__body>div{
padding:0 !important;
border-top:1px solid var(--main-border);
border-bottom:1px solid var(--main-border);
}
.heatmap__body>div>div.resizable-component{
position:relative;
padding:0 !important;
margin:0 !important;
height: auto !important;
}
.heatmap__body-separador{
height:100%;
width:1px;
position:absolute;
top:0;
left:50%;
z-index:2;
border-right:1px solid var(--main-border);
}
.heatmap__body_content-title:not(.quest){
padding:0;
height:30px;
border-right:1px solid var(--main-border);
border-bottom:1px solid var(--main-border);
background-color: var(--main-fondo-buttons-purple);
position:relative;
padding:5px !important;
}
.heatmap__body_content-title.quest{
padding:0;
height:30px;
border-bottom:1px solid var(--main-border);
background-color: var(--main-fondo-buttons-purple);
position:relative;
padding:5px !important;
}
.heatmap__body_content-title>span{
color: var(--main-color-cyan);
font-weight: 600;
font-size:14px;
transition: all .5s ease-out;
}
.heatmap__body_content-data>i{
color:white;
margin-top:2px;
}
.heatmap__body_content-data{
height:30px;
padding:5px !important;
cursor:pointer;
}
.heatmap__body_content-data.selected{
opacity:0.5 !important;
}
.heatmap__body_content-data.hover{
opacity:0.8;
}
.heatmap__body_content-data>div>span{
font-size: 14px;
color: #685889;
cursor:text;
}
.resizable-component.quest > .resizable-r{
width:6px !important;
right:0px !important;
}
.heatmap__body_campos{
width:30px;
}
.heatmap_textarea{
border:1px solid var(--main-border);
min-height:50px;
max-height:150px;
resize:vertical;
min-width:100%;
outline:none;
font-size: 13px;
color: #685889;
cursor:text;
}
/*Percent*/
.percent_flex{
display:flex
}
.percent__body{
overflow-x:auto;
overflow-y:hidden;
padding:0 !important;
border-left:1px solid var(--main-border);
}
.percent__body>div{
padding:0 !important;
border-top:1px solid var(--main-border);
border-bottom:1px solid var(--main-border);
}
.percent__body>div>div.resizable-component{
position:relative;
border-right:1px solid var(--main-border);
padding:0 !important;
margin:0 !important;
height: auto !important;
}
.percent__body-separador{
height:100%;
width:1px;
position:absolute;
top:0;
left:50%;
z-index:2;
border-right:1px solid var(--main-border);
}
.percent__body_content-title:not(.line_not){
padding:0;
height:30px;
border-left:1px solid var(--main-border);
border-bottom:1px solid var(--main-border);
background-color: var(--main-fondo-buttons-purple);
position:relative;
padding:5px !important;
text-align: center;
}
.percent__body_content-title.line_not{
padding:0;
height:30px;
border-bottom:1px solid var(--main-border);
background-color: var(--main-fondo-buttons-purple);
position:relative;
padding:5px !important;
text-align: center;
}
.percent__body_content-title>span{
color: var(--main-color-cyan);
font-weight: 600;
font-size:14px;
transition: all .5s ease-out;
}
.percent__body_content-data{
height:30px;
padding:5px 20px !important;
cursor:pointer;
position: relative;
text-align: center;
}
.percent__body_content-data>span{
font-size: 14px;
color: #685889;
cursor:text;
}
.percent__body_content-data>div>span{
font-size: 13px;
color: #685889;
cursor:text;
}
/* ===== End Charts ===== */
/* ===== Start MODULE formats ===== */
.type_format{
float:left;
border-radius:8px;
padding-left:12px;
padding-right:12px;
font-size:14px;
margin-left:5px;
margin-right:10px;
margin-top:1px;
color:white;
text-align:center;
}
.button_guardar_format{
position: absolute;
right: 10px;
top: 15px;
height: 30px;
width: auto;
}
.button_guardar_format>button{
border: 2px solid var(--main-fondo-buttons-purple);
color: white;
background: var(--main-fondo-buttons-purple);
padding: 0px 10px;
height: 100%;
border-radius: 3px;
outline: none;
float: right;
cursor: pointer;
}
.format_test_competence-item{
padding:0 !important;
border: 1px solid #BFBFBF;
border-radius:8px;
margin-bottom:20px;
}
.porcent_competence_remove{
position:absolute;
background-color:var(--main-color-error);
height:20px;
width:20px;
text-align:center;
color:white;
right:-10px;
top:8px;
cursor:pointer;
padding-top: 2px;
}
.quest_fixed_body-label-open{
float:right;
}
@media only screen and (min-width: 1349px) {
.control_page_{
position:absolute;
z-index:1;
height:100%;
left:-50px;
top: 140px;
}
.name_page_{
position:absolute;
z-index:1;
height:100%;
right:-60px;
top: 140px;
}
}
@media only screen and (max-width: 1348px) and (min-width: 768px) {
.control_page_{
position:absolute;
z-index:1;
height:100%;
left:-50px;
top: 140px;
}
.name_page_{
position:absolute;
z-index:1;
height:100%;
right:-60px;
top: 140px;
}
}
@media only screen and (max-width: 767px) and (min-width: 0) {
.control_page_{
position:absolute;
z-index:1;
height:100%;
left:-50px;
top: 140px;
}
.name_page_{
position:absolute;
z-index:1;
height:100%;
right:-60px;
top: 140px;
}
}
.control_page_sticky{
position:sticky;
top:100px;
}
.control_page{
color:white;
background-color:#3F0AA8;
padding:10px;
padding-bottom:3px;
border-radius:10px;
cursor:pointer;
height:30px;
width:30px;
margin-bottom:15px;
position:relative;
}
.control_page.disabled{
color:#BDBDBD;
background-color:#9E9E9E !important;
}
.control_page>i{
position:absolute;
top:6px;
left:6px;
font-size:18px;
}
.control_page>b{
position:absolute;
top:50%;
left:50%;
font-size:15px;
transform: translate(-50%,-50%);
}
.name_page_sticky{
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform:rotate(90deg);
transform: rotate(90deg);
white-space:nowrap;
display:block;
bottom:0;
width:80px;
height:25px;
font-size:14px;
color:white;
text-align:center;
border-radius:10px;
background-color:var(--main-fondo-buttons-purple);
position:sticky;
top:110px;
}
.formats__paper_container.without_margin{
margin:0 !important;
}
.formats__paper_container.without_margin.first{
border-radius: 10px 10px 0 0;
border-bottom: none;
margin-top:15px !important;
}
.formats__paper_container.without_margin.middle{
margin:0 !important;
border-radius: 0;
border-bottom: none;
border-top: none;
}
.formats__paper_container.without_margin.last{
margin:0 !important;
border-radius: 0 0 10px 10px;
border-top: none;
}
.img_map{
position:absolute;
filter:alpha(opacity=40);
opacity:.4;
border-radius:1px;
cursor:pointer;
z-index:10 !important;
}
.img_map.active{
filter:alpha(opacity=80);
opacity:.8;
border:2px solid #3C06A6;
cursor:move;
z-index:16 !important;
}
.rectangle_create{
border: 1px solid #FF0000;
position: absolute;
}
.counter_page{
height:12px;
width:25px;
font-size:8px;
background-color:#000;
color:white;
position:absolute;
text-align:center;
left:50%;
top:-20px;
transform: translate(-50%,0);
display:none;
}
.img_map.active>.counter_page{
display:block;
}
.counter_for_page{
}
.barra_lex{
overflow:hidden;
overflow-x: scroll;
}
.barra_lex>div{
height:1px;
}
.formats__paper_personalized{
position: relative;
left: 50% !important;
transform: translate(-50%,0);
background-color: white;
height: 100%;
width: 999px !important;
min-height: 100px;
padding-bottom:30px !important;
}
.formats__paper_personalized.up{
height: calc(100% - 30px) !important;
top: 30px;
}
.formats__paper_personalized.up.down{
height: calc(100% - 60px) !important;
background-size:100% 100%;
background-position: center;
background-repeat: no-repeat;
top: 30px;
}
.formats__paper_personalized>.cnv{
border: 2px dashed #EFECF6;
background-color: white;
}
.formats__paper_personalized.header{
padding-left: 40px;
padding-right: 40px;
padding-top: 40px;
}
.formats__paper_personalized.down {
margin-bottom: 30px;
}
.formats__paper_container_personalized{
padding:0 !important;
background-color: #E0E0E0;
border: 1px solid #A09EA5;
border-radius: 8px;
margin-top: 15px;
margin-bottom: 15px;
position: relative;
transform-origin: left top;
overflow:hidden;
}
.barra_lex{
position:sticky;
z-index:20;
}
#personalizade_parameters{
height:200px;
position:relative;
padding:0 !important;
}
.page_contenedor{
padding:10px !important;
padding-left:0 !important;
padding-right:0 !important;
}
.page_num{
border:1px solid #d6d6d6;
border-radius:3px;
padding:0 !important;
}
.page_num-title{
height:30px;
background-color:var(--main-color-cyan);
position:relative;
border-bottom:1px solid #d6d6d6;
}
.page_num-title>b{
position:absolute;
top:4px;
left:15px;
color:#462E63;
}
.page_num-body{
padding: 0 !important;
}
.page_num-bodye_contenedor{
padding: 15px !important;
}
.page_num-body_group{
border:1px solid #d6d6d6;
padding-top:10px !important;
}
.page_num-body_group>hr{
border:1px solid #d6d6d6;
border-bottom:none;
margin-top:10px;
}
.page_num-body_group-enunciado{
padding:0 !important;
padding-left:40px !important;
position:relative;
}
.color_rect_group{
background-color:var(--main-color-error);
height:30px;
width:30px;
border-radius:3px;
position:absolute;
left:5px;
top:23px;
}
.formats__body_mode-carts_body-item.as{
cursor:pointer;
}
.formats__body_mode-carts_body-item_body.selected{
background-color:#FEFCF8;
border-color: #FED696;
cursor:pointer;
}
.button_guardar_formats{
position: absolute;
right: 15px;
top: 15px;
height: 30px;
width: auto;
}
.button_guardar_formats>button{
border: 2px solid var(--main-fondo-buttons-purple);
color: white;
background: #420EA9;
padding: 0px 10px;
height: 100%;
border-radius: 8px;
outline: none;
float: right;
cursor: pointer;
}
.button_guardar_formats>button>i{
margin-right:15px;
}
.button_guardar_formats>button:hover{
background: #513587;
}
.punteado{
border-style: dotted;
border-width: 2px;
border-color: 660033;
border-radius: 8px;
padding: 5px !important;
position: relative !important;
min-height: 140px !important;
padding-left: 110px !important;
}
.formats__body_mode-carts_body-item_body{
border: 1px solid var(--main-border);
border-radius: 8px;
padding: 5px !important;
position: relative !important;
min-height: 150px !important;
padding-left: 120px !important;
padding-right:10px !important;
}
@media only screen and (min-width: 2348px) {
.formats__body_mode-carts_body-items:not(.one_column){
display: grid;
grid-template-columns: repeat(2, 50%);
grid-gap: 0px;
grid-auto-flow: dense;
}
}
@media only screen and (max-width: 2347px) and (min-width: 1768px) {
.formats__body_mode-carts_body-items:not(.one_column){
display: grid;
grid-template-columns: repeat(2, 50%);
grid-gap: 0px;
grid-auto-flow: dense;
}
}
@media only screen and (max-width: 1767px) and (min-width: 1024px) {
.formats__body_mode-carts_body-items:not(.one_column){
display: grid;
grid-template-columns: repeat(2, 50%);
grid-gap: 0px;
grid-auto-flow: dense;
}
}
/* Masonry on medium-sized screens */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.formats__body_mode-carts_body-items:not(.one_column){
column-count: 1;
}
}
/* Masonry on small screens */
@media only screen and (max-width: 767px) and (min-width: 540px) {
.formats__body_mode-carts_body-items:not(.one_column){
column-count: 1;
}
}
.formats__body{
padding:20px !important;
padding-left:10px !important;
padding-right:10px !important;
min-height : calc(100vh - 240px) !important;
}
.formats__body_mode-carts{
padding:0 !important;
margin-top:15px;
}
.formats__body_mode-carts_head{
padding-bottom:15px !important;
}
.formats__body_mode-carts_head-tittle{
font-size: 17px;
color: #4505BE;
font-weight: 700;
float:left;
}
.formats__body_mode-carts_head-filters{
font-size: 14px;
color: #9D9FA2;
font-weight: 600;
float:right;
position: relative;
width:120px;
}
.formats__body_mode-carts_head-filters > span{
float:left;
}
.formats__body_mode-carts_head-filters_sel{
height:25px;
border:1px solid #AAACAE;
border-radius:8px;
float:left;
padding-left:10px;
padding-right:30px;
padding-top:2px;
margin-top:-2px;
margin-left:10px;
position: relative;
}
.formats__body_mode-carts_head-filters_sel:hover{
cursor:pointer;
background-color: #F5F0FF;
border:none;
transition: all 0.4s;
}
.formats__body_mode-carts_head-filters_sel > span{
color:#81729E;
}
.formats__body_mode-carts_head-filters_sel > i{
position: absolute;
top:5px;
right:5px;
}
.formats__body_mode-carts_body{
padding: 0 !important;
}
.formats__body_mode-carts_body-items{
padding: 0 !important;
position: relative;
}
.formats__body_mode-carts_body-items.one_column{
column-count: 1;
}
.formats__body_mode-carts_body-items.one_column>.formats__body_mode-carts_body-item{
margin: 0 !important;
}
.formats__body_mode-carts_body-item{
padding:10px !important;
display: inline-block;
margin: 0 0 0.5em;
width: 100%;
}
.formats__body_mode-carts_body-item_body-img{
border:none;
text-align:center;
position: absolute;
left: 0;
top: 0;
padding: 10px !important;
}
.formats__body_mode-carts_body-item_body-content{
padding:0 !important;
padding-top:5px !important;
}
.formats__body_mode-carts_body-item_body-content_title{
height: 40px;
border-radius: 8px;
position: relative;
/*background: #efefef;*/
padding: 4px 0 0 0px !important;
}
.formats__body_mode-carts_body-item_body-content_title > span{
font-size: 15px;
font-weight: 600;
color: #000;
width: calc(100% - 40px);
float:left;
padding:0px !important;
}
.formats__body_mode-carts_body-item_body-content_title > i{
position: absolute;
right: 17px;
top: 8px;
color: #000;
cursor: pointer;
}
.formats__body_mode-carts_body-item_body-content_title > i:hover{
color:#4002B7;
text-decoration: underline
}
.formats__body_mode-carts_body-item_body-content_features{
padding: 0 !important;
}
.formats__body_mode-carts_body-item_date{
font-size: 12px;
font-weight: 400;
color: #000;
text-align: left;
padding: 0 !important;
padding-left: 10px !important;
}
.formats__body_mode-carts_body-item_feature{
padding: 0 !important;
padding-right: 50px !important;
position: relative;
}
.formats__body_mode-carts_body-item_feature-label{
height: 30px;
border-right: 1px solid var(--main-border);
border-bottom: 1px solid var(--main-border);
padding-left: 15px;
}
.formats__body_mode-carts_body-item_feature-label > span{
font-size: 15px;
padding: 0 !important;
padding-top: 5px !important;
color: #000;
}
.formats__body_mode-carts_body-item_feature-count{
position: absolute;
right:0;
top:0;
height: 30px;
width: 50px;
border-bottom: 1px solid var(--main-border);
text-align: center;
}
.formats__body_mode-carts_body-item_feature-count > span{
font-size: 14px;
color: #333333;
padding-top: 4px !important;
}
.formats__body_mode-carts_body-item_more{
padding:0 !important;
padding-top:10px !important;
padding-right: 5px !important;
}
.formats__body_mode-carts_body-item_more:hover{
cursor: pointer;
}
.formats__body_mode-carts_body-item_more:hover > span{
text-decoration: underline !important;
}
.formats__body_mode-carts_body-item_more > span{
float: right;
font-size: 13px;
color: #000;
font-weight: 600;
margin-right: 5px;
}
.formats__body_mode-carts_body-item_more > i{
float: right;
color: #000;
padding-top: 3px !important
}
[type="checkbox"].filled-in:checked+span:not(.lever):after {
background: var(--main-fondo-buttons-purple) !important;
border: var(--main-fondo-buttons-purple) !important;
}
.formats__create_body{
position: relative;
padding: 20px 10px 0 10px !important;
min-height: calc(100vh - 260px) !important;
}
select.qt_input {
height: 35px;
width: 100%;
float: left;
border: 1px solid var(--main-border-inputs);
background: var(--main-fondo-inputs);
border-radius: 5px;
outline: none;
font-size: 14px;
color: var(--main-color-inputs);
padding: 0 8px;
}
.country-selector__input[data-v-46e105de]{
color: var(--main-color-inputs) !important;
}
.country-selector__toggle__arrow[data-v-46e105de], .country-selector__toggle__arrow path.arrow[data-v-46e105de]{
color: var(--main-color-inputs) !important;
fill: var(--main-color-inputs) !important;
}
.formats__create_body_head {
height: 45px;
padding: 0 0 0 .75rem !important;
}
.formats__create_body_head>span:nth-child(1) {
font-size: 17px;
color: var(--main-fondo-buttons-purple);
font-weight: 700;
float: left;
}
.menu_sel_opc {
height: 43px;
font-size: 13px;
border-bottom: 1px solid var(--main-border);
cursor: pointer;
padding: 0px 0 !important;
}
.menu_sel_opc>div{
padding: 10px 0 !important;
}
.menu_sel_opc>div.active {
color: var(--main-fondo-buttons-purple);
font-size: 13px;
padding: 10px 0 !important;
cursor: pointer;
font-weight: 600;
border-bottom: 3px solid var(--main-fondo-buttons-purple);
}
.formats__create_body_config{
padding: 10px 20px 10px 20px !important;
}
.tittle_config{
padding:0 !important;
font-weight: 600;
color:#4D4D4D;
font-size: 14px;
margin-bottom: 20px;
}
.formats__create_body_config__opcs{
padding-top: 30px !important;
}
.formats__create-basic_config{
padding: 0 !important;
}
.formats__create-basic_config-item{
padding: 0 !important;
padding-right: 5px !important;
padding-left: 5px !important;
padding-top: 15px !important;
}
.formats__create-basic_config-item.e1{
padding-right: 5px !important;
}
.formats__create-basic_config-item.e2 {
padding-right: 5px !important;
padding-left: 5px !important;
}
.formats__create-basic_config-item.e3 {
padding-left: 5px !important;
}
.formats__create-basic_config-item.e4 {
padding-left: 5px !important;
}
.formats__create-basic_etiquetas{
padding: 0 !important;
}
.formats__create-basic_appear{
padding: 0 !important;
position:relative;
}
.formats__create-basic_appear-item{
padding: 0 !important;
}
.formats__create-basic_appear-item>label>span {
font-size: 14px !important;
color:#000;
font-weight: 400;
}
@media only screen and (min-width: 1349px) {
.formats__paper{
position: relative;
left: 50% !important;
transform: translate(-50%,0);
background-color: white;
height: 100%;
width: 999px !important;
min-height: 100px;
padding-bottom:30px !important;
}
.formats__paper_editor{
position: absolute;
left: 50%;
transform: translate(-50%, 0);
background-color: white;
height: 100%;
width: 999px;
padding: 40px !important;
padding-top: 30px !important;
}
.formats__paper.up{
height: calc(100% - 30px) !important;
top: 30px;
}
.formats__paper.up.down{
height: calc(100% - 60px) !important;
background-size:100% 100%;
background-position: center;
background-repeat: no-repeat;
top: 30px;
}
.formats__paper_container.editor>div{
text-align:center;
}
.quest_fixed{
padding: 15px !important;
/*padding-left: 100px !important;*/
padding-right: 50px !important;
width: 100%;
position: relative;
}
.quest_dynamics{
padding: 15px !important;
/*padding-left: 100px !important;*/
padding-right: 50px !important;
width: 100%;
position: relative;
}
.quest_bonus {
padding: 15px !important;
/*padding-left: 100px !important;*/
padding-right: 50px !important;
width: 100%;
position: relative;
}
.formats__paper_container{
padding:0 !important;
background-color: #E0E0E0;
border: 1px solid #A09EA5;
border-radius: 8px;
margin-top: 15px;
margin-bottom: 15px;
position: relative;
transform-origin: left top;
}
.quest_fixed_remove {
height: 20px;
width: 20px;
background-color: #FF0000;
position: absolute;
right: 30px;
top: 15px;
color:white;
padding-top: 2px !important;
cursor: pointer;
}
.quest_bonus_remove {
height: 20px;
width: 20px;
background-color: #FF0000;
position: absolute;
right: 30px;
top: 15px;
color:white;
padding-top: 1px !important;
cursor: pointer;
}
}
/* Masonry on medium-sized screens */
@media only screen and (max-width: 1348px) and (min-width: 768px) {
.formats__paper{
position: relative;
left: 0 !important;
background-color: white;
height: 100%;
width: 999px !important;
min-height: 100px;
padding-bottom:30px !important;
}
.formats__paper.qt{
width: 100% !important;
}
.formats__paper_editor{
position: absolute;
left: 0;
background-color: white;
height: 100%;
width: 999px;
padding: 40px !important;
padding-top: 30px !important;
}
.formats__paper.up{
height: calc(100% - 15px) !important;
top: 15px;
}
.formats__paper.up.down{
height: calc(100% - 30px) !important;
top: 15px;
}
.quest_fixed{
padding: 0px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
/*padding-left: 100px !important;
padding-right: 20px !important;*/
width: 100%;
position: relative;
}
.quest_dynamics{
padding: 0px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
/*padding-left: 100px !important;
padding-right: 20px !important;*/
width: 100%;
position: relative;
}
.quest_bonus {
padding: 0px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
/*padding-left: 100px !important;
padding-right: 50px !important;*/
width: 100%;
position: relative;
}
.formats__paper_container{
padding:0 !important;
background-color: #fff;
margin-top: 15px;
margin-bottom: 15px;
position: relative;
transform-origin: left top;
}
.quest_fixed_remove {
height: 20px;
width: 20px;
background-color: #FF0000;
position: absolute;
right: 0;
top: 25px;
color:white;
padding-top: 2px !important;
cursor: pointer;
}
.quest_bonus_remove {
height: 20px;
width: 20px;
background-color: #FF0000;
position: absolute;
right: 0;
top: 25px;
color:white;
padding-top: 2px !important;
cursor: pointer;
}
}
/* Masonry on small screens */
@media only screen and (max-width: 767px) and (min-width: 0) {
.formats__paper{
position: relative;
left: 0 !important;
background-color: white;
height: 100%;
width: 999px !important;
min-height: 100px;
padding-bottom:30px !important;
}
.formats__paper.qt{
width: 100% !important;
}
.formats__paper_editor{
position: absolute;
left: 0;
background-color: white;
height: 100%;
width: 999px;
padding: 40px !important;
padding-top: 30px !important;
}
.formats__paper.up{
height: calc(100% - 5px) !important;
top: 5px;
}
.formats__paper.up.down{
height: calc(100% - 10px) !important;
top: 5px;
}
.formats__paper_container{
padding:0 !important;
background-color: #fff;
margin-top: 15px;
margin-bottom: 15px;
position: relative;
transform-origin: left top;
}
.quest_fixed{
padding: 0px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
/*padding-left: 100px !important;
padding-right: 20px !important;*/
width: 100%;
position: relative;
}
.quest_dynamics{
padding: 0px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
/*padding-left: 100px !important;
padding-right: 20px !important;*/
width: 100%;
position: relative;
}
.quest_bonus {
padding: 0px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
/*padding-left: 100px !important;
padding-right: 50px !important;*/
width: 100%;
position: relative;
}
.quest_fixed_remove {
height: 20px;
width: 20px;
background-color: #FF0000;
position: absolute;
right: 0;
top: 25px;
color:white;
padding-top: 2px !important;
cursor: pointer;
}
.quest_bonus_remove {
height: 20px;
width: 20px;
background-color: #FF0000;
position: absolute;
right: 0;
top: 25px;
color:white;
padding-top: 2px !important;
cursor: pointer;
}
}
.formats__paper_container.header{
overflow-y:hidden;
}
.formats__paper_container.editor{
overflow-x:auto;
overflow-y:hidden;
}
.formats__paper>.cnv{
border: 2px dashed #EFECF6;
background-color: white;
}
.formats__paper.header{
padding-left: 40px;
padding-right: 40px;
padding-top: 40px;
}
.formats__paper.down {
margin-bottom: 30px;
}
.formats__create-aditional_information{
padding: 0 !important;
}
.formats__create_body_config__type{
padding: 0 !important;
}
.formats__create-basic_type-item{
float:left;
padding-left:20px;
padding-right: 100px;
}
.formats__create-basic_type-item>label>span {
font-size: 14px !important;
color: #000;
font-weight: 400;
}
.float_label_int{
color:#000 !important;
font-size:8px;
font-weight: 300;
padding:0 !important;
}
.btn_class_add{
background-color: var(--navbar-button-main-fondo-selected);
border-radius: 4px;
color: var(--navbar-button-main-color-selected);
position: absolute;
right:0;
top:10px;
text-align: center;
height: 30px;
padding-top: 5px;
padding-left: 40px !important;
padding-right: 25px !important;
cursor: pointer;
}
.btn_class_add>i{
position: absolute;
left:5px;
top:3px;
}
.qt_input_select{
padding: 0 !important;
}
.quest_fixed_id{
height: 30px;
/*width: 70px;*/
background-color: #410EA8;
/*position: absolute;
left:30px;
top: 15px;*/
color:white;
font-weight: 700;
padding-top: 5px !important;
}
.quest_fixed_body {
min-height: 55px;
/*width: 100%;*/
background-color: #fff;
/*right: 30px;*/
border: 1px solid #B4B2B8;
/*border-bottom: none;*/
padding: 0 !important;
padding-bottom:15px !important;
}
.quest_fixed_body-content>.quest_fixed_body-data {
min-height: 28px;
max-height: 150px;
overflow: hidden;
overflow-y: auto;
padding:10px !important;
}
.quest_fixed_body-content{
overflow:auto;
}
.quest_fixed_body > .quest_fixed_body-info{
bottom: -30px;
left:0;
width: 100%;
}
.quest_fixed_body-info_opc{
font-size: 15px;
padding-top: 3px !important;
height: 30px;
background-color: var(--main-color-cyan);
}
.ql-picker-item[data-value='8px']::before,
.ql-picker-label[data-value='8px']::before {
content: '8px' !important;
}
.ql-picker-item[data-value='10px']::before,
.ql-picker-label[data-value='10px']::before {
content: '10px' !important;
}
.ql-picker-item[data-value='12px']::before,
.ql-picker-label[data-value='12px']::before {
content: '12px' !important;
}
.ql-picker-item[data-value='14px']::before,
.ql-picker-label[data-value='14px']::before {
content: '14px' !important;
}
.ql-picker-item[data-value='16px']::before,
.ql-picker-label[data-value='16px']::before {
content: '16px' !important;
}
.ql-picker-item[data-value='18px']::before,
.ql-picker-label[data-value='18px']::before {
content: '18px' !important;
}
.ql-picker-item[data-value='20px']::before,
.ql-picker-label[data-value='20px']::before {
content: '20px' !important;
}
.ql-snow .ql-formats {
display: inline-block;
vertical-align: middle !important;
}
.empty_question_fixed{
color:#7D7D7D;
font-size: 14px;
text-align: center;
padding-top: 30px !important;
}
.empty_question_fixed>.btn_add{
font-weight: 600;
text-decoration: underline;
color: var(--navbar-button-main-fondo-selected);
cursor: pointer;
}
.quest_fixed_body-label{
font-size:15px;
padding-top:10px !important;
padding-bottom:10px !important;
position: relative;
}
.quest_fixed_body-label > span{
position:absolute;
right:30px;
top:20px;
font-size:12px;
}
.quest_fixed_body-label > span >i{
position:absolute;
left:-25px;
top:-2px;
}
.quest_fixed_body-label > span:hover{
text-decoration: underline;
cursor:pointer;
}
.qt_fixed_componets>span{
float:left
}
.qt_fixed_componets>span>div{
height:10px;
width:10px;
border-radius:3px;
float:left;
margin-top:7px;
margin-right:5px;
}
/*.quest_fixed_answers-data > div > .hr{
height:1px;
background-color:#BFBFBF;
}*/
.quest_fixed_answers-data{
background-color:#fff;
}
.quest_fixed_answers-data-opc{
padding-left:15px !important;
min-height:30px;
background-color:#F9F9F9;
padding-top:10px !important;
padding-bottom:10px !important;
max-height: 60px;
overflow: auto;
overflow-x:hidden;
border: 1px solid #BFBFBF;
border-radius:5px;
}
.quest_fixed_answers-data-opc>span{
font-family: "Arial" !important;
font-size:15px;
}
.quest_fixed_answers-data-opc_number{
color:#554279;
margin-top:10px;
margin-bottom:10px;
}
.quest_fixed_answers-data-opc_pts{
color:#554279;
margin-top:35px;
margin-bottom:10px;
}
.quest_fixed_body-values{
padding:0 !important;
}
.value_in{
padding: 10px !important;
}
/* QUESTIONS BONUS */
.quest_bonus_id {
height: 30px;
/*width: 70px;*/
background-color: #07C290;
/*position: absolute;
left:30px;
top: 15px;*/
color:white;
font-weight: 700;
padding-top: 5px !important;
}
.quest_bonus_body {
min-height: 55px;
/*width: 100%;*/
background-color: #fff;
/*right: 30px;*/
border: 1px solid #B4B2B8;
/*border-bottom: none;*/
padding: 0 !important;
}
.quest_bonus_body>.quest_bonus_body-data {
min-height: 28px;
max-height: 250px;
overflow: hidden;
overflow-y: auto;
padding: 10px !important;
font-family: "Arial" !important;
font-size: 15px;
}
.quest_bonus_body>.quest_bonus_body-info {
bottom: -30px;
left: 0;
width: 100%;
}
.quest_bonus_body-info_opc {
font-size: 15px;
padding-top: 3px !important;
height:30px;
background-color: #D5FFF1;
}
/* QUESTIONS DYNAMICS */
.quest_dynamics_id {
height: 30px;
/*width: 70px;*/
background-color: #F89536;
/*position: absolute;
left:30px;
top: 15px;*/
color:white;
font-weight: 700;
padding-top: 5px !important;
}
.quest_dynamics_body {
/*height: 380px;*/
width: 100%;
background-color: #fff;
right: 30px;
border: 1px solid #B4B2B8;
padding: 10px !important;
padding-top: 0 !important;
}
.quest_dynamics_body-sep{
padding-top: 15px !important;
}
.format_test-results{
padding:0 !important;
padding-top:15px !important;
position:relative;
}
.format_test-results_item{
padding: 10px !important;
position:relative;
}
.format_test-results_item>i{
position:absolute;
top:50%;
transform:translate(0,-50%);
left:-8px;
}
.format_test-results_item-border{
border:1px solid #D1D1D1;
padding:0 !important;
}
.format_test-results_item-title{
height:30px;
background-color:var(--main-color-cyan);
position:relative;
color:var(--main-fondo-buttons-purple);
padding-top:3px !important;
}
.format_test-results_item-title.inner{
background-color:var(--main-fondo-buttons-purple);
color:white;
}
.qt_input.readonly{
background-color:#EAEAEA;
}
.format_test-results_item_remove{
position:absolute;
right:5px;
top:5px;
height:20px;
width:20px;
background-color:var(--main-color-error);
color:white;
border-radius:1px;
cursor:pointer;
}
.format_test-results_item_remove>i{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.format_test-results_item-config{
padding:0 !important;
padding-top:15px !important;
padding-bottom:15px !important;
}
.format_test-results_item-config_c{
position:relative;
padding:0 !important;
}
.format_test-results_item-config_color{
height:25px;
width:25px;
border-radius:5px;
background-color:#E0E0E0;
position: absolute;
top:25px;
left:calc(50% + 5px);
transform: translate(-50%,0);
cursor:pointer;
}
.format_test-results_item-text{
padding:10px !important;
padding-top:0 !important;
}
.format_test-results_item-text>.input_content>textarea{
border:1px solid #97949C;
border-radius:5px;
max-width:100%;
min-width:100%;
height:100px;
padding:10px !important;
}
.format_test-results_picker{
position:fixed !important;
transform: translate(-50%, -50%);
z-index:30;
}
.format_test_competence{
padding:0 !important;
padding-top:15px !important;
position:relative;
}
.format_test_competence-content{
padding:10px !important;
}
.format_test_competence-item{
padding:0 !important;
border: 1px solid #BFBFBF;
border-radius:8px;
}
.format_test_competence-item_title{
height:30px;
background-color:#F4F4F4;
border-radius:8px 8px 0 0;
color:var(--main-fondo-buttons-purple);
}
.format_test_competence-title_compe{
float:left;
padding-top: 4px !important;
position:relative;
padding-left:30px !important;
}
.format_test_competence-title_compe>i{
position:absolute;
left:0;
top:4px;
}
.format_test_competence-title_compo{
float:left;
padding-left:35px !important;
position:relative;
padding-top: 4px !important;
}
.format_test_competence-title_compo-color{
height:10px;
width:10px;
border-radius:3px;
position:absolute;
left:20px;
top:10px;
}
/* ===== End MODULE formats ===== */
.vc_title{
padding-left:.75rem !important;
height:22px;
float:left;
font-weight: 600;
margin-right:25px;
/*min-width:200px;*/
}
.vc_line_separator{
background:var(--main-border);
height:2px;
float:left;
margin-top:10px;
width:100%;
min-width:10% !important;
border-radius:5px
}
.profile_divs_titles{
margin-top: 15px;
}
.profile_divs_titles>span{
font-weight: 600;
font-size: 18px;
}
.profile_divs_bd>span{
font-weight: 400;
font-size: 15px;
}
.banks_spacing_inputs{
padding-right:5px !important
}
.banks__spacing_inputs{
margin-top:15px !important
}
.creator_CC-body{
background-color:#fff;
height:100%;
border-radius:5px;
padding:0 20px !important;
}
.creator_CC-body_title{
height:40px;
border-bottom: 1px solid #97949C;
padding:8px 0 !important;
}
.creator_CC-body_title>span{
color: #333;
font-weight:600
}
.creator_CC-body>div:nth-child(2){
height:55px;
padding:10px 0 !important;
}
.creator_CC-body_content>div:nth-child(even){
background-color: var(--table-fondo-stripe);
}
.creator_CC-body_content-carts-cmp{
height:40px;
padding:10px !important;
}
.creator_CC-body_content-carts-cmp>div:nth-child(1){
width:calc(100% - 30px);
float:left;
}
.creator_CC-body_content-carts-cmp>div:nth-child(1)>span{
color:#333
}
.creator_CC-body_content-carts-cmp>div:nth-child(2){
margin-left:8px;
width:22px;
float:left;
height:22px;
}
.creator_CC-body_content-carts-cmp>div:nth-child(2)>i{
font-size:22px;
color:#333
}
.creator_CC-body_content-carts{
height:40px;
padding:10px .75rem !important;
}
.creator_CC-body_content-carts>div:nth-child(2){
width:calc(100% - 60px);
float:left;
}
.creator_CC-body_content-carts>div:nth-child(2)>span{
color:#333
}
.creator_CC-body_content-carts>div:nth-child(3){
margin-left:8px;
width:22px;
float:left;
height:22px;
}
.creator_CC-body_content-carts>div:nth-child(2)>i{
font-size:22px;
color:#333;
}
.creator_CC-body_content-carts-color{
margin-right:8px;
min-width:22px;
float:left;
min-height:22px;
border-radius:5px;
border:2px solid var(--main-border);
}
.creator_CC-body_content-carts-color.action:hover{
border:2px solid var(--main-fondo-buttons-purple);
}
.creator_CC-body_content-color_labels{
margin-right:8px;
width:22px;
float:left;
height:22px;
border-radius:5px;
border:2px solid var(--main-border);
}
/*----------------------------------*/
.info__modul-body{
position: -webkit-sticky !important;
position: sticky !important;
top:0px !important;
z-index:50;
left:0;
height:60px;
background-color: var(--main-info_modul-fondo);
margin-bottom:20px;
border-radius:5px;
padding:10px !important;
}
.info__modul-body_content{
float:left;
height:42px;
}
.info__modul-body_cart:not(.model_3_inactive){
min-width: 254px;
max-width:270px;
margin-right:10px;
float:left;
height:100%;
border-radius:5px;
padding:0;
background-color: var(--main-info_modul-cart-fondo);
}
.info__modul-body_cart.model_3_inactive{
margin-right:10px;
float:left;
height:100%;
border-radius:5px;
padding:0 0 0 .75rem;
background-color: var(--main-info_modul-cart-inactive-fondo);
}
.info__modul-body_cart-img.model_1{
height:100%;
width:20px;
float:left;
}
.info__modul-body_cart-img.model_1>img{
max-width:100%;
max-height:100%;
}
.info__modul-body_cart-text.model_1{
height:100%;
width:100%;
float:left;
}
.info__modul-body_cart-title.model_1{
margin-top:1px;
padding: 0 10px 0 10px !important;
}
.info__modul-body_cart-title.model_1>span{
font-size:14px;
font-weight: 600;
color: var(--main-info_modul-cart-title);
}
.info__modul-body_cart-valor.model_1{
margin-top:-5px;
}
.info__modul-body_cart-valor.model_1>span{
font-size:17px;
font-weight: 600;
color: var(--main-info_modul-cart-value);
}
.info__modul-body_cart-img.model_3{
height:100%;
width:40px !important;
min-width:40px !important;
float:left;
}
.info__modul-body_cart.active{
background-color: var(--main-info_modul-cart-active-fondo) !important;
}
.info__modul-body_cart-img.model_3>img{
max-width:100%;
max-height:100%;
}
.info__modul-body_cart-img.model_2{
height:100%;
width:20px;
float:left;
}
.info__modul-body_cart-img.model_2>img{
max-width:100%;
max-height:100%;
}
.info__modul-body_cart-text.model_2{
height:100%;
width:100%;
float:left;
}
.info__modul-body_cart-title.model_2{
margin-top:1px;
padding: 0 10px 0 10px !important;
}
.info__modul-body_cart-title.model_2>span{
font-size:14px;
font-weight: 600;
color: var(--main-info_modul-cart-title);
}
.info__modul-body_cart-valor.model_2{
margin-top:-5px;
text-transform: capitalize;
}
.info__modul-body_cart-valor.model_2>span{
font-size:15px;
font-weight: 600;
color: var(-main-info_modul-cart-value);
}
.info__modul-body_cart-date.model_2{
margin-top:-5px;
display:none;
}
.info__modul-body_cart-date.model_2>span{
font-size:10px;
font-weight: 500;
color: var(--main-info_modul-cart-date);
}
.info__modul-body_button{
margin-left:10px;
height:100% !important;
float:right;
font-size:14px;
font-weight: 600;
border-radius:5px;
outline: none;
border:0;
padding:0 10px;
cursor:pointer;
text-transform: capitalize;
}
.info__modul-body_button:hover{
opacity:0.8;
}
.info__modul-body_button>i{
margin-right:10px;
}
.info__modul-body_button>img{
width:20px;
margin-right:10px;
}
.button_purple{
color: var(--main-info_modul-button_purple-color);
background-color: var(--main-info_modul-button_purple-fondo);
}
.button_green{
color: var(--main-info_modul-button_green-color);
background-color: var(--main-info_modul-button_green-fondo);
}
.info__modul-body_button_multiple{
margin-left:10px;
height:100% !important;
float:right;
font-size:14px;
font-weight: 600;
border-radius:5px;
outline: none;
border:0;
padding:0 10px;
cursor:pointer;
text-transform: capitalize;
}
.info__modul-body_button_multiple>div:nth-child(1):hover .info__modul-body_button_multiple{
opacity:0.8;
}
.info__modul-body_button_multiple>div:nth-child(1){
height:100%;
}
.info__modul-body_button_multiple>div:nth-child(1)>img{
width:20px;
margin-right:10px;
}
.info__modul-body_button_multiple.button_purple>div:nth-child(2){
width:40px;
height:100%;
background-color: var(--main-info_modul-button_purple-menu-fondo);
margin-left:10px;
border-radius:5px;
}
.info__modul-body_button_multiple.button_purple>div:nth-child(2).active{
width:40px;
height:100%;
background-color: var(--main-info_modul-button_purple-menu-fondo-active);
margin-left:10px;
border-radius:5px;
}
.info__modul-body_button_multiple.button_green>div:nth-child(2){
width:40px;
height:100%;
background-color: var(--main-info_modul-button_green-menu-fondo);
margin-left:10px;
border-radius:5px;
}
.info__modul-body_button_multiple.button_green>div:nth-child(2).active{
width:40px;
height:100%;
background-color: var(--main-info_modul-button_green-menu-fondo-active);
margin-left:10px;
border-radius:5px;
}
.info__modul-body_button_multiple>div:nth-child(3){
width:100%;
background-color: var(-main-info_modul-button_multiple-fondo);
position:absolute;
top:42px;
left:0 !important;
border:1px solid var(-main-info_modul-button_multiple-border);
border-radius:0 0 5px 5px;
z-index:100;
}
.info__modul-body_button_multiple>div:nth-child(3)>div{
height:43px;
color: var(-main-info_modul-button_multiple-color);
}
.info__modul-body_button_multiple>div:nth-child(3):hover{
background-color: var(-main-info_modul-button_multiple-hover);
}
.info__modul-body_button_multiple>div:nth-child(3)>div>img{
width:20px;
margin-right:10px;
}
.previsualizador_question>div:nth-child(1){
width:100%;
height:40px;
background-color: var(--navbar-button-main-fondo-selected);
}
.previsualizador_question>div:nth-child(1)>div{
padding-top:10px;
padding-left:15px;
}
.previsualizador_question>div:nth-child(2){
height:400px;
background:#EEEEEE;
padding:0 !important;
border-left: 0px;
border-top: 0px;
border-bottom: 1px solid var(--main-border);
border-right: 1px solid var(--main-border);
overflow:auto;
}
.previsualizador_question_titulo>span{
font-weight:600;
color:white;
}
.previsualizador_question_titulo>span:nth-child(2){
float:right;
padding-right:10px;
}
.previsualizador_question>div:nth-child(2)>div{
padding: 12px 15px !important;
height:1144px;
width:895px;
}
.button_gray{
color: var(--main-info_modul-button_gray-color);
background-color: var(--main-info_modul-button_gray-fondo) !important;
}
.info__modul-body_button_multiple.button_gray>div:nth-child(2){
width:40px;
height:100%;
background-color:var(--main-info_modul-button_gray-menu-fondo);
margin-left:10px;
border-radius:5px;
}
.info__modul-body_button_multiple.button_gray>div:nth-child(2).active{
width:40px;
height:100%;
background-color: var(--main-info_modul-button_gray-menu-fondo-active);
margin-left:10px;
border-radius:5px;
}
/*=============== CONFIG ==============*/
.config__body{
min-height : calc(100vh - 148px) !important;
}
.config__body_head-tittle{
font-size: 17px;
color: var(--main-fondo-buttons-purple);
font-weight: 700;
float: left;
margin-bottom: 20px;
}
.navbar_config_container{
padding:0 !important;
height:auto;
}
.navbar_config-scroll::-webkit-scrollbar {
width: 2px;
height: 2px;
}
.navbar_config-scroll::-webkit-scrollbar-thumb {
background: #E4D8EB;
border-radius: 4px;
}
.navbar_config-scroll::-webkit-scrollbar-thumb:active {
background-color: var(--main-color-cyan);
}
.navbar_config-scroll::-webkit-scrollbar-thumb:hover {
background: #00FC82;
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.navbar_config-scroll::-webkit-scrollbar-track {
background: var(--main-color-cyan);
border-radius: 4px;
}
.navbar_config-scroll::-webkit-scrollbar-track:hover,
.navbar_config-scroll::-webkit-scrollbar-track:active {
background: var(--main-color-cyan);
}
/*---------------------------------------------------------------------------------*/
.navbar_config_container-scroll::-webkit-scrollbar {
width: 2px;
height: 2px;
}
.navbar_config_container-scroll::-webkit-scrollbar-thumb {
background: #E4D8EB;
border-radius: 4px;
}
.navbar_config_container-scroll::-webkit-scrollbar-thumb:active {
background-color: var(--main-color-cyan);
}
.navbar_config_container-scroll::-webkit-scrollbar-thumb:hover {
background: #00FC82;
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.navbar_config_container-scroll::-webkit-scrollbar-track {
background: var(--main-color-cyan);
border-radius: 4px;
}
.navbar_config_container-scroll > .striped_config_container:nth-child(odd){
background-color: #f8f8f8
}
.navbar_config_container-scroll::-webkit-scrollbar-track:hover,
.navbar_config_container-scroll::-webkit-scrollbar-track:active {
background: var(--main-color-cyan);
}
.navbar_menu_option{
padding:10px !important;
}
.navbar_menu_option.active{
background-color:var(--main-fondo-buttons-purple);
border-radius:8px;
}
.navbar_menu_option.active>div>div>.navbar_config_icon{
color: var(--navbar-buttons-text-selected) !important;
fill: var(--navbar-buttons-text-selected) !important;
}
.navbar_menu_option.active>div>div>.navbar_config_span{
color: var(--navbar-buttons-text-selected) !important;
}
.navbar_menu_option.active>div>.navbar_menu_option-icons{
color: var(--navbar-buttons-text-selected) !important;
}
.navbar_menu_option>div{
padding:0 !important;
outline:none;
cursor:pointer;
position:relative;
}
.navbar_menu_option-icons{
float:right;
font-size: 24px !important;
cursor:pointer;
position:absolute;
right:0;
top:1.5px;
color:#7C60B0;
}
.config_photo_school{
height:150px;
width:230px;
max-width:250px;
float:left;
border:1px solid var(--main-border);
background-position:center;
background-size:cover;
background-repeat:no-repeat;
margin-top:10px;
cursor:pointer;
border-radius:5px;
}
.config_name_insti{
padding:10px !important;
position:relative;
}
.config_name_insti>div.edit_name{
font-weight:500;
padding:5px;
cursor:pointer;
width: 277px;
}
.config_name_insti>div.edit_name:hover{
border:1px solid var(--main-border);
border-radius:5px;
width: 277px;
}
.container_configuration{
border:1px solid var(--main-border);
border-radius:5px;
position:relative;
padding:10px .85rem !important;
}
.calification-type_label{
padding:0 !important;
margin-bottom:10px;
}
.calification-type_label>span{
font-weight:600;
font-size:15px;
}
.calification-type_country{
height:20px;
padding:0 !important;
}
.calification-type_country>span{
font-weight:500;
font-size:13px;
}
.container_table_calification-type{
border:1px solid #D6D6D6;
margin-top:10px;
padding:0 !important;
}
.container_table_calification-type>div:last-child{
border-bottom:0 !important;
}
.container_table_calification-type-title{
padding:0 !important;
background-color:var(--main-fondo-buttons-purple);
height:30px;
border-bottom:1px solid #D6D6D6;
}
.visualizar_respaldo_container-title{
padding:0 !important;
position:sticky;
top:40px;
z-index:9;
}
.visualizar_respaldo_container-title>div{
width:861px;
margin:5px auto;
background-color:var(--main-color-cyan);
padding:5px .75rem;
color:#333;
font-weight:600;
font-size:18px;
}
.visualizar_respaldo_container-img{
padding:0;
position:relative;
width:861px;
margin:0 auto 20px auto;
}
.visualizar_respaldo_container-img>img{
display:block;
width:100%;
}
.container_table_calification-type-title>div{
padding:5px !important;
height:100%;
border-right:1px solid #D6D6D6;
}
.container_table_calification-type-title>div:last-child{
border-right:0 !important;
}
.container_table_calification-type-title>div>span{
color: var(--navbar-buttons-text-selected);
font-weight: 600;
font-size: 14px;
}
.slot_main_see_answer_res{
padding:0 !important;
height:calc(100% - 83px);
max-height:calc(100% - 83px);
overflow-y:auto;
}
.slot_main_see_answer{
padding:10px 0 !important;
max-height:360px;
overflow-y:auto;
}
.container_table_calification-type-title.desactive{
padding:0 !important;
background-color:#666666;
height:30px;
border-bottom:1px solid #D6D6D6;
}
.container_table_calification-type-title.desactive>div{
padding:5px !important;
height:100%;
border-right:1px solid #D6D6D6;
}
.container_table_calification-type-title.desactive>div:last-child{
border-right:0 !important;
}
.container_table_calification-type-title.desactive>div>span{
color: #fff;
font-weight: 600;
font-size: 14px;
}
.container_table_calification-type-data.calify{
padding:0 !important;
height:45px;
border-bottom:1px solid #D6D6D6;
}
.container_table_calification-type-data.calify>div:not(.comment){
padding:12px !important;
}
.container_table_calification-type-data.calify>div{
height:100%;
border-right:1px solid #D6D6D6;
}
.container_table_calification-type-data:not(.calify){
padding:0 !important;
height:30px;
border-bottom:1px solid #D6D6D6;
}
.container_table_calification-type-data:not(.calify)>div{
padding:5px !important;
height:100%;
border-right:1px solid #D6D6D6;
}
.container_table_calification-type-data>div:last-child{
border-right:0 !important;
}
.container_table_calification-type-data>div>span{
color: #333;
font-weight: 500;
font-size: 14px;
}
.config_add_domain{
padding:0;
border-bottom:1px solid var(--main-border);
padding:5px !important;
}
.config_add_domain>span{
font-size: 14px;
font-weight: bold;
color: var(--main-fondo-buttons-purple);
cursor: pointer;
text-decoration: underline;
}
.config_add_domain.desactive{
padding:0;
border-bottom:1px solid var(--main-border);
padding:5px !important;
}
.config_add_domain.desactive>span{
font-size: 14px;
font-weight: bold;
color: #666666;
cursor: pointer;
text-decoration: underline;
}
.edit_calification-type{
border: 2px solid var(--main-fondo-buttons-purple);
color: #fff;
font-size:14px;
font-weight:500;
background: var(--main-fondo-buttons-purple);
border-radius: 3px;
padding:0 5px;
outline: none;
cursor: pointer;
height: 35px;
position:absolute;
right:.85rem;
top:10px;
}
.navbar_config_icon{
float:left;
font-size: 18px !important;
color:var(--main-fondo-buttons-purple);
fill: var(--main-fondo-buttons-purple);
}
.data_usage-promed>span{
color: #606060;
font-weight:600;
font-size: 12px;
}
.navbar_config_span{
/*color: var(--main-fondo-buttons-purple);*/
color:#000;
font-weight: 500;
padding:2px 0 0 10px;
width:177px;
float:left;
}
.navbar_config_span:hover{
text-decoration:underline;
}
.navbar_config_subMenu{
color:var(--main-fondo-buttons-purple);
font-weight:500;
font-size:14px;
cursor:pointer;
outline:none;
}
.navbar_config_subMenu:hover{
text-decoration:underline;
}
@media only screen and (min-width: 1349px) {
.navbar_config_photo{
position:absolute;
height:50px;
width:50px;
border:1px solid #fff;
background-color:#fff;
background-size:contain;
background-repeat:no-repeat;
background-position:center;
border-radius:50%;
float:left;
}
.navbar_config_open{
display:none;
}
.config__body{
padding:1.5rem 5px 1.5rem 280px !important;
}
.config__body-carts-items{
display: grid;
grid-template-columns: repeat(3,33%);
grid-gap: 0px;
grid-auto-flow: dense;
}
.config_nav_width_label{
height:25px;
width:210px;
}
.config_nav_name_instituion{
padding-left:60px !important;
font-weight:500;
}
.config_nav_name_instituion_content{
padding-top:4px;
}
}
/* Masonry on medium-sized screens */
@media only screen and (max-width: 1348px) and (min-width: 768px) {
.navbar_config_photo{
position:absolute;
height:50px;
width:50px;
border:1px solid #fff;
background-color:#fff;
background-size:contain;
background-repeat:no-repeat;
background-position:center;
border-radius:50%;
float:left;
top: 13px;
left: 9px;
}
.navbar_config{
width: 64px;
position: fixed;
left: 310px !important;
top: 100px;
height: calc(100vh - 100px) !important;
border-radius: 0;
z-index: 2;
background: var(--contenedor-information-fondo);
}
.show_filedesk{
display: none;
}
.navbar_config_open{
width:40px;
height:100%;
cursor:pointer;
}
.config__body-carts-items{
column-count: 1;
}
.navbar_config_span{
display: none;
}
.config_nav_width_label{
height:25px;
}
.config_nav_name_instituion_content{
display: none;
}
}
/* Masonry on small screens */
@media only screen and (max-width: 767px) and (min-width: 1px) {
.navbar_config_photo{
position:absolute;
height:50px;
width:50px;
border:1px solid #fff;
background-color:#fff;
background-size:contain;
background-repeat:no-repeat;
background-position:center;
border-radius:50%;
float:left;
top: 13px;
left: 9px;
}
.navbar_config{
width:64px;
height:40px;
position:absolute;
left:-11px;
top:0;
height:100%;
border-radius:0;
z-index:2;
background: var(--contenedor-information-fondo);
}
.show_filedesk{
display: none
}
.navbar_config_open{
width:40px;
height:100%;
cursor:pointer;
}
.config__body-carts-items{
column-count: 1;
}
.navbar_config_span{
display: none;
}
.config_nav_width_label{
height:25px;
}
.config_nav_name_instituion_content{
display: none;
}
}
.config__body-carts{
padding:0 !important;
}
.config__body-carts-items{
padding: 0 !important;
position: relative;
}
.config__body-carts-item{
padding:10px !important;
display: inline-block;
margin: 0;
width: 100%;
}
.config__body-carts-item_body{
border:1px solid var(--main-border);
border-radius:8px;
padding:5px !important;
position: relative !important;
min-height: 160px !important;
}
.config__body-carts-item_body-content{
padding:0 !important;
padding-top:5px !important;
}
.config__body-carts-item_body-content_title{
height:30px;
border-radius: 8px;
position:relative;
background: #F5F0FF;
padding:5px 0 0 30px !important;
}
.config__body-carts-item_body-content_title>div:nth-child(1){
background-color:#9D9FA2;
height: 25px;
width: 25px;
border-radius: 8px;
position: absolute;
left: 2.5px;
top: 2.5px;
border: 2px solid #fff;
}
.config__body-carts-item_body-content_title > span{
font-size:16px;
font-weight: 600;
color:var(--main-fondo-buttons-purple);
}
.config__body-carts-item_body-content_title > i{
position: absolute;
right: 23px;
top: 8px;
color:var(--main-fondo-buttons-purple);
cursor:pointer;
}
.config__body-carts-item_body-content_title > i:hover{
text-decoration: underline
}
.config__body-carts-item_body-content_features{
padding:0 !important;
}
.config__body-carts-item_date{
font-size: 12px;
font-weight: 400;
color: #000;
text-align: left;
padding: 0 !important;
padding-left: 15px !important;
}
.config__body-carts-item_feature{
padding: 0 !important;
position: relative;
}
.config__body-carts-item_feature-label{
height: 30px;
border-bottom: 1px solid var(--main-border);
padding-left: 15px;
}
.config__body-carts-item_feature-label > span{
font-size:15px;
padding:0 !important;
padding-top:5px !important;
color:#000;
}
.config__body-carts-item_feature-count{
position: absolute;
right:0;
top:0;
height: 30px;
width: 300px;
border-bottom: 1px solid var(--main-border);
text-align: center;
}
.config__body-carts-item_feature-count > i{
position:absolute;
top:5px;
cursor:pointer;
right:5px;
color: #7C60B0;
font-size: 18px;
}
.config__body-carts-item_feature-count > span{
font-size: 14px;
font-weight: 500;
color:#5f576d;
padding-top:4px !important;
}
.config__body-carts-item_feature-count > a{
font-size: 14px;
font-weight: 400;
color:var(--main-fondo-buttons-purple);
padding-top:4px !important;
cursor:pointer;
}
.config__body-carts-item_feature-count > a:hover{
text-decoration: underline;
}
.config__body-carts_body-item_more{
cursor: pointer;
}
.config__body-carts_body-item_more:hover > span{
text-decoration: underline;
}
.config__body-carts_body-item_more > span{
float:right;
font-size:13px;
color:var(--main-fondo-buttons-purple);
font-weight: 600;
margin-right:5px;
}
.config__body-carts_body-item_more > i{
float:right;
color:var(--main-fondo-buttons-purple);
padding-top:3px !important;
}
/*-----------------Participants_Entry------------------------*/
.records__container_notes{
background-color:#fff;
margin:10px 0;
border:1px solid var(--main-border);
padding:.75rem 1.50rem !important;
border-radius:5px;
}
.records__container_notes-title>div:nth-child(1){
width:calc(100% - 85px);
float:left;
}
.records__container_notes-title>div:nth-child(1)>span{
color:#3F0E9E;
font-size:18px;
text-transform:capitalize;
font-weight:600;
margin-top:2px;
}
.records__container_notes-title>div:nth-child(1)>b{
display:inline-block;
margin-right:5px;
height:22px;
width:22px;
border-radius:3px;
}
.records__container_notes-title>div:nth-child(2){
background-color:#D9534F;
border-radius:3px;
float:right;
padding:0 5px !important;
margin-top:4px;
}
.records__container_notes-title>div:nth-child(2)>span{
color:#fff;
font-size:13px;
font-weight:600;
}
.records__container_notes-teachers>span{
color:#333;
font-size:14px;
font-weight:500;
display:block;
}
.records__container_notes-teachers>div>span{
color:#333;
font-size:15px;
font-weight:600;
display:block;
}
.records__conteiner_notes-subtitles{
margin-top:10px;
/*border-bottom:2px solid var(--main-border);*/
padding:5px .75rem !important;
}
.records__conteiner_notes-dates{
padding: 1px 0 0 .75rem !important;
/*height: 30px;*/
}
.records__conteiner_notes-dates>div:nth-child(1)>div>b{
display:inline-block;
margin-right:5px;
height:10px;
width:10px;
border-radius:3px;
}
.records__conteiner_notes-dates>div:nth-child(1)>div>span{
color:#207dab;
cursor: pointer;
}
.records__conteiner_notes-dates>div:nth-child(1)>div>span:hover{
text-decoration: underline;
}
.records__conteiner_notes-average_i{
padding:10px .75rem .75rem .75rem !important;
}
.records__conteiner_notes-average_i>div:nth-child(2){
border-radius:3px 0 0 3px;
padding:5px .75rem !important;
}
.records__conteiner_notes-average_i>div:nth-child(3){
border-radius:0 3px 3px 0;
padding:5px 0 !important;
}
.records__conteiner_notes-average_i>div:nth-child(2).empty{
background-color:var(--main-border);
color:#333;
}
.records__conteiner_notes-average_i>div:nth-child(3).empty{
background-color:var(--main-border);
color:#333;
}
.records__conteiner_notes-average_i>div:nth-child(2).approve{
background-color:#DFF0D8;
color:#3C763D;
}
.records__conteiner_notes-average_i>div:nth-child(3).approve{
background-color:#DFF0D8;
color:#3C763D;
}
.records__conteiner_notes-average_i>div:nth-child(2).disapprove{
background-color:#ec9b9b;
color:#c53b3b;
}
.records__conteiner_notes-average_i>div:nth-child(3).disapprove{
background-color:#ec9b9b;
color:#c53b3b;
}
/*-------------------Censos-----------------*/
.buttons_censos>button:nth-child(2){
border: 2px solid var(--main-fondo-buttons-purple);
color: var(--main-fondo-buttons-purple);
background: white;
padding: 5px 10px;
border-radius: 3px;
cursor: pointer;
float: right;
margin-right: 15px;
}
.censos__body{
padding: 20px !important;
padding-left: 10px !important;
padding-right: 10px !important;
min-height: calc(100vh - 250px) !important;
}
.censos__body_head{
height:25px;
padding: 0 !important;
}
.censos__body_head-title{
font-size: 17px;
color: var(--main-fondo-buttons-purple);
font-weight: 700;
float:left;
}
.censos__body-item {
padding: 10px !important;
display: inline-block;
margin: 0;
width: 100%;
}
.censos__body-items{
padding: 0 !important;
position: relative;
}
@media only screen and (min-width: 2348px) {
.censos__body-items{
display: grid;
grid-template-columns: repeat(2, 50%);
grid-gap: 0px;
grid-auto-flow: dense;
}
}
@media only screen and (max-width: 2347px) and (min-width: 1768px) {
.censos__body-items{
display: grid;
grid-template-columns: repeat(2, 50%);
grid-gap: 0px;
grid-auto-flow: dense;
}
}
@media only screen and (max-width: 1767px) and (min-width: 1024px) {
.censos__body-items{
display: grid;
grid-template-columns: repeat(2, 50%);
}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.censos__body-items{
column-count: 1;
}
}
/* Masonry on small screens */
@media only screen and (max-width: 767px) and (min-width: 540px) {
.censos__body-items{
column-count: 1;
}
}
.censos__body_mode-carts_body-item{
padding:20px 10px !important;
display: inline-block;
margin: 0;
width: 100%;
}
.censos__body_mode-carts_body-item_body{
border:1px solid var(--main-border);
border-radius:8px;
padding:5px !important;
position: relative !important;
min-height: 140px !important;
}
.censos__body_mode-carts_body-item_body-content{
padding:0 !important;
padding-top:5px !important;
}
.censos__body_mode-carts_body-item_body-content_title{
height:30px;
border-radius: 8px;
position:relative;
background: #efefef;
padding:5px 0 0 0 !important;
}
.censos__body_mode-carts_body-item_body-content_title>div:nth-child(1){
background-color:#9D9FA2;
height: 25px;
width: 25px;
border-radius: 8px;
position: absolute;
left: 2.5px;
top: 2.5px;
border: 2px solid #fff;
}
.censos__body_mode-carts_body-item_body-content_title > span{
font-size:16px;
font-weight: 600;
color:#000;
}
.censos__body_mode-carts_body-item_body-content_title > i{
position: absolute;
right: 23px;
top: 8px;
color:#000;
cursor:pointer;
}
.censos__body_mode-carts_body-item_body-content_title > i:hover{
text-decoration: underline
}
.censos__body_mode-carts_body-item_body-content_features{
padding:0 !important;
}
.censos__body-options{
height:40px;
border-radius:3px;
margin-bottom:10px;
border:1px solid #E9DEFF;
background-color: var(--main-color-cyan);
padding:9px 0 9px 10px !important;
}
.censos__body-options_text{
float:left;
height:100%;
cursor:pointer;
color: var(--main-fondo-buttons-purple);
font-weight: 600;
width:calc(100% - 30px);
}
.censos__body-options_text:hover{
color: #6531CA !important;
text-decoration: underline;
}
.censos__body-options_check{
float:right;
height:100%;
width:30px;
}
.button_download{
border: 2px solid var(--main-fondo-buttons-purple);
border-radius: 3px;
background-color:var(--main-fondo-buttons-purple);
float:right;
color:white;
font-weight:600;
padding:8px 10px;
cursor:pointer;
}
.button_download.inactive{
border: 2px solid #cbbcd2;
color: #a98aab;
background: #cbbcd2;
cursor:default;
}
.census_status{
cursor:pointer;
position:absolute;
top:10px;
right:10px;
height:10px;
width:10px;
vertical-align: middle;
border-radius:50%;
}
.census_status::before,
.census_status::after {
left: 0;
top: 50%;
margin-left: -1px;
margin-top: -6px;
position: absolute;
vertical-align: middle;
width: 12px;
height: 12px;
border-radius: 50%;
}
.census_status.no_func,
.census_status.no_func::before,
.census_status.no_func::after{
background-color:gray;
}
.census_status.no_func::before {
content: "";
animation: bounce 1.5s infinite;
}
.census_status.no_func::after {
content: "";
animation: bounce 1.5s -0.4s infinite;
}
.census_status.active,
.census_status.active::before,
.census_status.active::after{
background-color:#2ECC71;
}
.census_status.active::before {
content: "";
animation: bounce 1.5s infinite;
}
.census_status.active::after {
content: "";
animation: bounce 1.5s -0.4s infinite;
}
.census_status.pinter_online,
.census_status.pinter_online::before,
.census_status.pinter_online::after{
background-color:rgba(68, 4, 158, 0.994);
}
.census_status.pinter_online::before {
content: "";
animation: bounce 1.5s infinite;
}
.census_status.pinter_online::after {
content: "";
animation: bounce 1.5s -0.4s infinite;
}
.census_status.scan_online,
.census_status.scan_online::before,
.census_status.scan_online::after{
background-color:rgb(0, 132, 250);
}
.census_status.scan_online::before {
content: "";
animation: bounce 1.5s infinite;
}
.census_status.scan_online::after {
content: "";
animation: bounce 1.5s -0.4s infinite;
}
.census_status.inactive,
.census_status.inactive::before,
.census_status.inactive::after{
background-color:#E74C3C;
}
.census_status.inactive::before {
content: "";
animation: bounce 1.5s infinite;
}
.census_status.inactive::after {
content: "";
animation: bounce 1.5s -0.4s infinite;
}
.help_docs{
cursor:pointer;
position:absolute;
top:10px;
right:10px;
height:10px;
width:10px;
vertical-align: middle;
border-radius:50%;
}
.help_docs::before,
.help_docs::after {
left: 0;
top: 50%;
margin-left: 2px;
margin-top: -7px;
position: absolute;
vertical-align: middle;
width: 15px;
height: 15px;
border-radius: 50%;
}
.help_docs.help,
.help_docs.help::before,
.help_docs.help::after{
background-color:#FDAF1A;
}
.help_docs.help::before {
content: "";
animation: bounce 1.5s infinite;
}
.help_docs.help::after {
content: "";
animation: bounce 1.5s -0.4s infinite;
}
@keyframes bounce {
0% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
100% {
transform: scale(2);
-webkit-transform: scale(2);
opacity: 0;
}
}
@-webkit-keyframes bounce {
0% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
100% {
transform: scale(2);
-webkit-transform: scale(2);
opacity: 0;
}
}
.censos__body_mode-carts_body-item_date{
font-size: 12px;
font-weight: 400;
color: #000;
text-align: left;
padding: 0 !important;
padding-left: 12px !important;
}
.censos__body_mode-carts_body-item_feature{
padding: 0 !important;
padding-right: 200px !important;
position: relative;
}
.censos__body_mode-carts_body-item_feature-label{
height: 30px;
border-right:1px solid var(--main-border);
border-bottom: 1px solid var(--main-border);
padding-left: 15px;
}
.censos__body_mode-carts_body-item_feature-label > span{
font-size:15px;
padding:0 !important;
padding-top:5px !important;
color:#000;
}
.censos__body_mode-carts_body-item_feature-count{
position: absolute;
right:0;
top:0;
height: 30px;
width: 200px;
border-bottom: 1px solid var(--main-border);
}
.censos__body_mode-carts_body-item_feature-count > i{
position:absolute;
top:5px;
cursor:pointer;
right:5px;
color: #7C60B0;
font-size: 18px;
}
.censos__body_mode-carts_body-item_feature-count > span{
font-size: 14px;
color: #333333;;
padding-top:4px !important;
}
.censos__body_mode-carts_body-item_feature-count > a{
font-size: 14px;
font-weight: 400;
color:var(--main-fondo-buttons-purple);
padding-top:4px !important;
cursor:pointer;
}
.censos__body_mode-carts_body-item_feature-count > a:hover{
text-decoration: underline;
}
.censos__body_mode-carts_body-item_more{
padding:0 !important;
padding-top:10px !important;
padding-right: 5px !important;
}
.censos__body_mode-carts_body-item_more:hover{
cursor: pointer;
}
.censos__body_mode-carts_body-item_more:hover > span{
text-decoration: underline !important;
}
.censos__body_mode-carts_body-item_more > span{
float: right;
font-size: 13px;
color: #000;
font-weight: 600;
margin-right: 5px;
}
.censos__body_mode-carts_body-item_more > i{
float:right;
color:#000;
padding-top:3px !important;
}
.see_question-body{
position:fixed;
top:0;
right:0;
height:100%;
width:350px;
z-index:1000;
background-color:white;
}
.see_question-body_title{
height:45px;
background-color:#7F7F7F;
padding:12px .75rem !important;
margin-bottom:10px;
position:relative;
}
.see_question-body_title>i{
position:absolute;
top:10px;
right:10px;
cursor:pointer;
color:#fff;
}
.see_question-body_title>span{
color: #fff;
font-weight: 600;
font-size: 14px;
}
.see_question-body_content{
height:calc(100% - 65px);
max-height:calc(100% - 65px);
overflow-y:auto;
}
.see_question-body_content_items{
background-color:var(--main-color-cyan);
padding:0 .75rem 5px .75rem !important;
border-radius:5px;
margin-bottom:10px;
}
.see_question-body_content_items-date{
padding:10px 5px !important;
border-bottom:1px solid #E9DEFF;
margin-bottom:10px;
color:#7C60B0;
}
.see_question-body_content_items-item{
margin-bottom:10px;
padding:0 0.75rem !important;
}
.see_question-body_content_items-item_text{
background-color:#fff;
position:relative;
word-break: break-all;
padding:10px 10px 5px 10px !important;
border-radius:5px;
}
.see_question-body_content_items-item_text>img{
max-width:100%;
max-height:200px;
cursor: zoom-in;
}
.see_question-body_content_items-item_text.fixed_change>div.see_question-body_content_items-item_fixed{
background-color: var(--main-fondo-modals);
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index: 1000;
}
.see_question-body_content_items-item_message_extract{
position:absolute;
border:1px solid #c4b9d6;
top:0;
left:0;
height:100%;
width:100%;
background-color:#f1f1f1a3;
border-radius:0px;
color:#333;
font-weight: 600;
}
.see_question-body_content_items-item_text.fixed_change>div.see_question-body_content_items-item_fixed>img{
-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
transition: all 1s ease-in;
max-width:90%;
max-height:90%;
padding: 10px;
background-color: #fff;
cursor: zoom-out;
}
/*-------------------Commentary-----------------*/
.cartsView__paper_container {
padding: 0 !important;
background-color: white;
border: 1px solid #A09EA5;
border-radius: 8px;
margin-top: 15px;
margin-bottom: 15px;
position: relative;
}
.cartsView__paper {
height:100px;
}
.cartsView_empty_question_fixed {
color: #7D7D7D;
font-size: 14px;
text-align: center;
padding-top: 30px !important;
}
.btn_add {
font-weight: 600;
color: var(--navbar-button-main-fondo-selected);
cursor: pointer;
}
.btn_add:hover {
text-decoration:underline;
}
.tittle_appear {
padding: 0 !important;
font-weight: 600;
color: #4D4D4D;
font-size: 14px;
margin-bottom: 20px;
position: relative;
height:21px;
margin-top:15px;
}
.comments__body{
padding:0 !important;
height:100%
}
.comments__body_content{
min-height:100px;
border-radius:5px;
/*border:1px solid var(--main-border);*/
}
.comments__body_content-img{
height:60px;
width:60px;
float:left;
border:1px solid var(--main-border);
background-color:#fff;
background-position:center;
background-size:cover;
}
.comments__body_content-name{
width:calc(100% - 90px);
float:left;
margin:10px 0 0px 20px;
color: #3b5998;
font-weight: bold;
text-transform:capitalize;
}
.comments__body_content-date{
width:calc(100% - 90px);
float:left;
margin:0 0 10px 20px;
font-size: 12px;
color:#575857;
}
.comments__body_content-divisor{
border-bottom:1px solid var(--main-border);
margin-top:10px;
}
.comments__body_content-button{
padding:10px 0 0 0 !important;
}
.comments__body_content-button>button{
border: 2px solid var(--main-fondo-buttons-purple);
color: white;
width: auto;
background: var(--main-fondo-buttons-purple);
padding: 5px 10px;
border-radius: 3px;
outline: none;
float: right;
cursor: pointer;
}
/*-----------------------Commentary table-------------------*/
.qt_mobile{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width: 100%;
}
.qt_mobile>span{
font-weight: 600;
font-size:15px;
}
/*----------- PARTICIPANTS ENTRY -------------*/
.body__participants_view{
padding:0 !important;
height:100vh;
overflow:hidden;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}
.head__participants_view{
position:sticky;
top:55px;
left:0;
z-index:10;
padding:20px 10px 0 10px !important;
margin-bottom:20px;
}
.head__participants_view>div{
padding:15px !important;
border-bottom:1px solid var(--main-border);
border-radius:5px;
background-color:#F3EFFD;
}
.logo_institution_participant{
height:80px;
float:left;
/*margin-right:20px*/
}
.body__participants_view-modal{
position:fixed;
top:0;
left:0;
height:100%;
padding:0 !important;
z-index:100;
}
.body__participants_view-modal>div:nth-child(1){
position:fixed;
top:0;
left:0;
height:100%;
background-color:#e6e6e68a;
}
.body__participants_view-modal>div:nth-child(2){
position:fixed;
top:50% !important;
left:50% !important;
transform:translate(-50%,-50%) !important;
background-color:#fff;
border-radius:5px;
padding:0 !important;
z-index:100;
}
.body__participants_view-modal_title{
background-color:#2E3192;
color:#fff;
font-size:18px;
font-weight:500;
height:50px;
border-radius:5px 5px 0 0;
margin-bottom:10px;
position:relative;
}
.body__participants_view-modal_title>i{
position:absolute;
top:50% !important;
right:10px !important;
transform:translate(0%,-50%) !important;
cursor:pointer;
}
.body__participants_view-modal_firstS{
padding:5px 1.5rem !important;
margin-bottom:10px;
}
.body__participants_view-modal_firstS>div{
background-color:#F7F7F7;
border-radius:5px;
padding:5px .75rem !important;
color:#4E4E4E;
font-weight:500;
}
.body__participants_view-modal_secondS{
padding:5px 1.5rem !important;
margin-bottom:10px;
}
.body__participants_view-modal_secondS>div:nth-child(1){
padding:5px !important;
border-bottom:2px solid #DDDDDD;
}
.body__participants_view-modal_data{
padding:5px !important;
border-bottom:1px solid #DDDDDD;
position:relative;
}
.body__participants_view-modal_data>div:nth-child(1){
position:relative;
padding:0 !important;
color:#585858;
font-weight:500;
padding:0 0 0 20px !important;
}
.body__participants_view-modal_data>div:nth-child(2){
padding:0 !important;
font-weight:500;
position:relative;
}
.body__participants_view-modal_data>div:nth-child(2)>span{
outline:none;
border:0;
}
.body__participants_view-modal_data>div:nth-child(2).empty{
background-color:var(--main-border);
border-radius:5px;
color:#333;
cursor:not-allowed;
}
.body__participants_view-modal_data>div:nth-child(2).approve{
background-color:var(--main-info_modul-button_green-fondo);
color:var(--main-info_modul-button_green-color);
border-radius:5px;
cursor:pointer;
}
.body__participants_view-modal_data>div:nth-child(2).disapprove{
background-color:#F37575;
border-radius:5px;
color:#fff;
cursor:pointer;
}
.partici_entry_name_agrupator{
padding-left:10px;
cursor:pointer;
font-weight:500;
}
.partici_entry_name_agrupator:hover{
text-decoration:underline;
}
.partici_entry_containe_record{
background-repeat:no-repeat;
background-position:center;
border:2px solid #E4E4E4;
border-radius:10px;
margin-top:10px;
}
.participants_orientator>span{
cursor:pointer;
padding-left:8px;
color:#7B4DBA;
font-weight:500;
}
.participants_orientator>span:hover{
text-decoration:underline;
}
.period{
padding-left:8px;
color:#7B4DBA;
font-weight:500;
float:right;
}
.logParticipants_content_big{
padding:0 !important;
overflow:hidden scroll;
height:100vh;
max-height:100vh;
}
.logParticipants_name_institution{
position:absolute;
top:-55px;
left:50%;
transform:translate(-50%,0);
}
.logParticipants_name_institution>span{
font-weight:600;
font-size:25px;
color:#400BA8;
}
.logParticipants_header{
height: 84px;
display: flex;
overflow-x: auto;
overflow-y: hidden;
}
.logParticipants_header_logo_content{
height: 100%;
float: left;
}
.logParticipants_header_promedio_content{
height:100%;
min-width:280px;
max-width:250px;
background:white;
float:left;
margin-left:20px;
border-radius:10px;
}
.logParticipants_header_img{
margin: 15px 0px 0 15px;
height:100%;
float:left;
}
.logParticipants_header_img>img{
height:60%;
}
.logParticipants_header_title{
padding:10px 0 0 0;
}
.logParticipants_header_title>span{
color:#666666;
font-weight: 600;
font-size: 17px;
text-transform: capitalize;
}
.logParticipants_header_note{
padding:0px 0;
}
.logParticipants_header_note>span{
text-transform: capitalize;
color:#3F0E9E;
font-weight: 600;
font-size: 25px;
}
.logParticipants_header_select_period{
padding:6px 0 !important;
float:right !important;
}
.logParticipants_notes_content{
position:relative;
padding: 15px 20px 20px;
float:left;
}
.logParticipants_notes_borders{
padding:0 !important;
border-bottom:2px solid var(--main-border);
border-right:2px solid var(--main-border);
border-top:2px solid var(--main-border);
border-radius:10px;
margin-bottom:10px;
}
.logParticipants_notes_icon_teachers{
height:25px;
width:25px;
background:#E5E5E5;
border-radius:5px;
float:left;
}
.logParticipants_notes_icon_teachers>img{
height:15px;
width:15px;
}
.logParticipants_notes_teachers{
padding:0 45px !important;
position:relative;
}
.logParticipants_notes_teachers_line{
height:calc(100% - 9px);
border:1px solid black;
position:absolute;
left:10px;
top:0;
}
.logParticipants_notes_teachers_all{
position:relative;
}
.logParticipants_notes_teachers_line_horizontal{
width:25px;
border:1px solid black;
position:absolute;
left:-35px;
top:12px;
}
.logParticipants_notes_columns_content{
padding: 5px 0 0 80px !important;
}
.logParticipants_notes_head_columns_table{
border-bottom: 1px solid var(--main-border);
padding: 5px 0 0 33px !important;
height:35px;
}
.button_container_pdf{
position:fixed !important;
right:233px;
bottom:45px;
}
.button_container_pdf>.button_add{
height:50px;
width:50px;
background:white;
border-radius:50%;
cursor:pointer;
}
.button_container_pdf>.button_remove{
height:50px;
width:50px;
background:white;
border-radius:50%;
cursor:pointer;
margin-top:5px;
margin-bottom:5px;
}
.input-tel__input{
border:1px solid rgba(60,60,60,.26) !important;
}
.country-selector__input{
border:1px solid rgba(60,60,60,.26) !important;
}
.country-selector__label{
display: none !important;
}
.qt_info_table_container_body{
width:100% !important;
}
@media only screen and (min-width: 2348px) {
.qt_info_table_container_body{
display: grid;
grid-template-columns: repeat(3, 33.333%);
grid-gap: 0px;
grid-auto-flow: dense;
}
}
@media only screen and (max-width: 2347px) and (min-width: 1768px) {
.qt_info_table_container_body{
display: grid;
grid-template-columns: repeat(3, 33.333%);
grid-gap: 0px;
grid-auto-flow: dense;
}
}
@media only screen and (max-width: 1767px) and (min-width: 1424px) {
.qt_info_table_container_body{
display: grid;
grid-template-columns: repeat(3, 33.333%);
grid-gap: 0px;
grid-auto-flow: dense;
}
}
@media only screen and (max-width: 1425px) and (min-width: 1024px) {
.qt_info_table_container_body{
display: grid;
grid-template-columns: repeat(2, 50%);
grid-gap: 0px;
grid-auto-flow: dense;
}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.qt_info_table_container_body{
column-count: 1;
}
}
@media only screen and (max-width: 767px) and (min-width: 540px) {
.qt_info_table_container_body{
column-count: 1;
}
}
.qt_info_table_container_body-item{
padding:5px !important;
display: inline-block;
margin: 0;
width: 100%;
}
.qt_info_table_container{
margin-top:20px;
padding:0 !important;
position:relative;
}
.qt_info_table_container>div>span{
font-size:14px;
font-weight:bold;
color:#6B6B6B;
}
.qt_info_table_container_info{
border:1px solid #d6d6d6;
padding: 0 !important;
margin-top:15px;
}
.qt_info_table_head{
height:30px;
background:var(--main-color-cyan);
padding:4px 5px !important;
position:relative;
}
.qt_info_table_head>i{
color:var(--main-fondo-buttons-purple);
float:left;
padding-top:3px !important;
/*top:7px;
position:absolute;*/
}
.qt_info_table_head>span{
color:var(--main-fondo-buttons-purple);
font-weight:bold;
padding-left:6px;
}
.qt_info_table_body{
margin-top:8px;
margin-bottom:8px;
}
.qt_info_table_label{
font-size:14px;
font-weight:bold;
color:#6B6B6B;
}
.qt_info_table_span_data{
font-size:14px;
font-weight:500;
color:#6B6B6B;
}
.qt_info_table_color{
height:20px;
width:20px;
border-radius:5px;
float:left;
margin-left:5px;
border: 1px solid #d6d6d6;
}
.qt_info_table_span_no_columns{
font-size:14px;
font-weight:500;
}
.qt_info_table_span_add_column{
font-size:14px;
font-weight:bold;
color:var(--main-fondo-buttons-purple);
cursor:pointer;
text-decoration:underline;
}
.qt_info_table_tableColums_headSpan{
font-size:14px;
font-weight:bold;
color:var(--main-fondo-buttons-purple);
cursor:pointer;
}
.qt_info_table_add_agrupator{
height:92px;
padding-right:0 !important;
}
.qt_info_table_tableColums{
border-bottom:1px solid #d6d6d6;
padding:0 !important;
background:#ECECEC;
}
.qt_info_table_clear{
float:right !important;
color:var(--main-color-error) !important;
font-weight:bold !important;
cursor:pointer !important;
}
.qt_info_table_tableColums_body:last-child{
border-right: 0 !important;
}
.qt_info_table_tableColums_head{
border-right:1px solid #d6d6d6 !important;
}
.qt_info_table_tableColums_footer{
border-bottom:1px solid #d6d6d6;
height:40px
}
/*MACHINES*/
.machines__body{
padding:10px !important;
padding-left:10px !important;
padding-right:10px !important;
min-height : calc(100vh - 102px) !important;
position:relative;
}
.button_qualtake_machine{
border: 1px solid #E8E8E7;
color: var(--main-fondo-buttons-purple);
background: white;
padding: 0px 20px;
border-radius: 3px;
cursor: pointer;
height: 33px;
margin-right: -2px;
float: right;
margin-top: 25px;
}
.button_qualtake_machine:hover{
background-color:var(--main-color-cyan);
cursor:pointer;
}
.button_qualtake_machine>img{
width:20px;padding-top:2px
}
.button_qualtake_machine>span{
padding-left:5px;
}
.update_location2{
padding:5px;
margin-left:2px;
}
.update_location{
padding:0px !important;
}
.update_location:hover{
border:1px solid #97949C;
border-radius:5px;
cursor:pointer;
width: 100%;
}
.chart_vc_line_separator{
background: #000;
height: 2px;
float: left;
margin-top: 10px;
width: 100%;
border-radius: 5px;
}
.chart_vc_title{
padding-left: .75rem !important;
height: 22px;
color:#000;
float: left;
font-weight: 600;
margin-right: 25px;
min-width: 370px;
}
.qt_input_label_charts_carts{
background:#fff;
border-radius:5px;
padding:10px 0.75rem !important;
margin-top:7px;
}
.table_graphics_body{
padding:0 !important;
border: 1px solid #D6D6D6;
}
.table_graphics_body:last-child{
border-right:0 !important
}
.table_graphics_body_content{
padding:0 !important;
border-right: 1px solid #D6D6D6;
}
.table_graphics_body_content>.table_graphics_body_content-data:last-child{
border-bottom:0 !important
}
.table_graphics_body_content-title{
height:30px;
background-color: var(--main-fondo-buttons-purple);
border-bottom: 1px solid #D6D6D6;
padding: 5px !important;
position:relative;
}
.table_graphics_body_content-title>div{
position:absolute;
top:5px;
left: 5px;
width:20px;
height:20px;
border:1px solid #D6D6D6;
border-radius:3px;
}
.table_graphics_body_content-title>span{
color: #fff;
font-weight: 600;
font-size: 14px;
}
.table_graphics_body_content-data{
height:35px;
border-bottom: 1px solid #D6D6D6;
padding: 6px 5px !important;
overflow-y:auto;
max-height:35px;
}
.table_graphics_body_content-data>span{
color: #333;
font-weight: 500;
font-size: 14px;
}
.qt_location{
position:relative;
}
.qt_location>label{
float:left;
}
.qt_ubication_input{
height:22px !important;
width:100% !important;
margin-bottom: -3px !important;
float:left;
padding-right:18px !important;
padding-left:0 !important;
font-size:15px;
}
.qt_icon{
/*position:absolute !important;
right:-2px !important;
top:4px !important;*/
padding-top:5px;
cursor:pointer !important;
font-weight: bold !important;
}
.qt_icon_clear{
color: var(--main-color-error) !important;
}
.qt_icon_done{
color: #2CCC71 !important;
}
.qt_machines{
margin-top:15px;
}
.qt_machines_head{
padding:4px 10px !important;
height:30px;
background:var(--contain_table-fondo);
position:relative;
border-radius: 5px 5px 0 0;
border-left: 1px solid #d6d6d6;
border-top: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
}
.qt_machines_head.desactive{
padding:4px 10px !important;
height:35px;
background:var(--main-border);
position:relative;
border-radius: 5px 5px 0 0;
border-left: 1px solid #d6d6d6;
border-top: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
}
.qt_machines_head>span{
color: var(--contain_table-color);
font-weight: bold;
padding-left: 6px;
}
.qt_machines_body{
padding:10px 5px 10px !important;
border-radius: 0 0 5px 5px;
border-left: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
}
.qt_machines_space{
margin-bottom:10px;
}
/*MACHINES*/
/*COMMENTS*/
.qt_comment_commentUsers_container{
margin-top:15px;
position:relative;
}
.qt_comment_commentUsers_i_emisor{
color:#F4EFFD;
right:42px
}
.qt_comment_commentUsers_i_receptor{
color:#D9F7CA;
left:42px;
transform: rotate(57deg);
}
.qt_comment_commentUsers_flecha{
position:absolute !important;
top:17px
}
.qt_comment_commentUsers_box_comments{
min-height:50px;
width:calc(100% - 50px);
border-radius:5px;
position:relative;
overflow-wrap:break-word;
}
.qt_comment_commentUsers_box_comments>div{
padding:5px 10px !important;
margin-bottom: 10px;
}
.qt_comment_commentUsers_box_comments_emisor{
background:#F4EFFD;
margin-right:50px;
}
.qt_comment_commentUsers_box_comments_receptor{
background:#D9F7CA;
margin-left:50px;
}
.qt_comment_commentUsers_verMas{
font-weight:bold;
text-decoration:underline;
cursor:pointer;
color:#3D069F;
padding-left:12px;
}
.qt_comment_commentUsers_verMenos{
display:block;
font-weight:bold;
text-decoration:underline;
cursor:pointer;
color:#3D069F;
}
.qt_comment_commentUsers_dateComment{
width:100%;
display:block;
padding:2px 8px;
font-size:13px;
text-align:right;
margin-top:-12px;
}
.qt_comment_commentUsers_photoEmisor{
right:0px;
}
.qt_comment_commentUsers_photoReceptor{
left:0px;
}
.qt_comment_commentUsers_photo{
position:absolute;
top:7px;
height:35px;
width:35px;
background-size:cover;
background-position:center;
float:right;
border-radius:50%;
}
.conten_comment_grande{
position:fixed;
z-index: 103;
width:350px;
top:0;
right:0;
height:100%;
background-color:#fff;
animation-name: right_left;
animation-duration: .5s;
}
.conten_comment_grande_title{
min-height:55px !important;
z-index:1 !important;
position:absolute !important;
top:0 !important;
left:0 !important;
background-color: #3D069F;
padding:0 !important;
border-bottom:1px solid var(--main-border) !important;
}
.conten_comment_background_open{
background: #7F7F7F !important;
}
.conten_comment_background_format{
background: #6892A1 !important;
}
.conten_comment_background_work{
background: #C09E75 !important;
}
.conten_comment_background_format_test{
background: #886872 !important;
}
.conten_comment_background_format_test_compe{
background: #2C84BE !important;
}
.conten_comment_background_format_censo{
background: #AD4B46 !important;
}
.conten_comment_grande_title-subtitle{
color:#ffffff;
font-weight:500;
font-size:16px;
position:relative;
}
.conten_comment_grande_title-subtitle_down{
margin:0px 0 0 0;
padding:0px;
}
.conten_comment_grande_title-subtitle_down>li{
color:#ffffff;
font-weight:500;
font-size:12px;
list-style-type: circle;
}
.conten_comment_grande_title_icon{
position:absolute;
top:13px;
right:.75rem;
cursor:pointer;
color:#ffffff;
}
.conten_comment_grande_body{
overflow-y:auto;
overflow-x:hidden;
margin-top:70px;
}
.conten_comment_grande_input{
padding:18.5px .75rem !important;
border-top:1px solid var(--main-border);
background-color: var(--main-color-cyan);
position:absolute;
bottom:0;
left:0;
}
@keyframes right_left {
from {right:-300px;}
to {right:0px;}
}
.conten_comment_grande_input-contenedor{
width:calc(100% - 105px);
float:left;
border-radius:5px;
background-color:#fff;
padding:7px 5px;
position:relative;
}
.conten_comment_grande_input-contenedor>textarea{
border:0;
outline:none;
color:#333;
resize:none;
overflow-y:auto;
padding:0px 10px;
}
.conten_comment_grande_input-contenedor>span{
font-size:8px;
position:absolute;
font-weight:500;
bottom:-16px;
right:5px;
}
.conten_comment_grande_input-contenedor>textarea:focus{
border:0;
outline:none;
}
.conten_comment_grande_input-open{
float:left;
width:35px;
height:35px;
background-color:#008C7F;
border-radius:5px;
margin-right:10px;
padding:2px 3px;
cursor:pointer;
}
.conten_comment_grande_input-open>span{
color:#fff;
font-size:30px;
}
.conten_comment_grande_input-send{
height:35px;
width:55px;
border-radius:5px;
padding:5px 20px;
position:absolute;
top:20px;
right:5px;
}
.conten_comment_grande_input-send.active{
background-color:#008C7F;
cursor:pointer;
}
.conten_comment_grande_input-send.disactive{
background-color:#A6A6A6;
cursor:default;
}
.conten_comment_grande_input-send>span{
color:#fff;
transform:rotate(-30deg);
font-size:20px;
}
.cargando_info_spinner{
border-color: var(--main-fondo-buttons-purple);
}
.cart_profile_view{
border:1px solid var(--main-border);
}
.config_icon_nameInstitu{
position:absolute;
right:-18px;
top:9px;
cursor:pointer;
}
.config_input_change_name{
font-weight:500;
border:1px solid var(--main-border);
height:35px;
border-radius:5px;
width:277px !important;
}
.buttom_up:hover{
opacity:0.7;
}
.buttom_up>i{
color:var(--main-fondo-buttons-purple);
font-size:40px;
}
.support_buttom{
z-index:100;
border:2px solid var(--main-fondo-buttons-purple);
height:55px;
width:55px;
background:white;
border-radius:50%;
position:fixed;
bottom:50px;
right:50px;
cursor:pointer
}
.support_buttom:hover{
opacity:0.7;
}
.support_buttom>div{
position:absolute;
height:20px;
width:20px;
background:var(--main-fondo-buttons-purple);
border-radius:50%;
top:-3px;
right:-3px;
font-weight:600;
}
.support_buttom>div>span{
font-size:10px;
color:white;
}
.support_buttom>i{
color:var(--main-fondo-buttons-purple);
font-size:40px;
}
.qt_image_divs{
margin-top: 20px;
height: 60px;
width: 60px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-left:10px;
float:left;
}
#MazPhoneNumberInput{
height:33px !important;
}
#MazPhoneNumberInput .input-phone-number{
height:33px !important;
}
#MazPhoneNumberInput .input-tel__input{
padding-top:0 !important;
}
#MazPhoneNumberInput .input-tel__label{
display:none !important;
}
.f_padding_inputs {
padding:0 10px 0 0 !important;
}
.f_padding_inputs_color {
padding:0 0 0 10px !important;
}
.f_column_spacing {
margin-bottom:15px;
}
.banks_inputs_create_question {
/*padding: 0 10px 0 0 !important*/
}
.c_padding_input{
padding:0 0 0 10px !important;
}
.padding_containers{
padding:0 15px 0 0 !important;
}
.c_padding_input_name{
padding:0 10px 0 0 !important;
}
@media only screen and (max-width : 991px) and (min-width : 1px) {
.f_padding_inputs_color {
padding:0 0 0 10px !important;
}
.f_padding_inputs {
padding:0 !important;
}
.banks_inputs_create_question {
padding: 0 !important
}
.profile_spacing {
margin-bottom:10px !important;
}
.c_padding_input{
padding:0 !important;
}
.c_padding_input_name{
padding:0 !important;
}
.c_padding_input{
padding:0 0 0 10px !important;
}
.padding_containers{
padding:0 !important;
}
}
@media only screen and (max-width : 1024px) and (min-width : 992px) {
.f_padding_inputs_color {
padding:0 0 0 10px !important;
}
.f_padding_inputs {
padding:0 !important;
}
.banks_inputs_create_question {
padding: 0 10px 0 0 !important
}
.profile_spacing {
margin-bottom:10px !important;
}
.c_padding_input{
padding:0 !important;
}
.c_padding_input_name{
padding:0 10px 0 0 !important;
}
.padding_containers{
padding:0 15px 0 0 !important;
}
}
@media only screen and (max-width : 1268px) and (min-width : 1025px) {
.f_padding_inputs_color {
padding:0 0 0 10px !important;
}
.f_padding_inputs {
padding:0 !important;
}
.banks_inputs_create_question {
padding: 0 10px 0 0 !important
}
.profile_spacing {
margin-bottom:10px !important;
}
.c_padding_input{
padding:0 !important;
}
.c_padding_input_name{
padding:0 10px 0 0 !important;
}
.padding_containers{
padding:0 15px 0 0 !important;
}
}
@media only screen and (max-width : 1368px) {
}
@media only screen and (max-width : 1440px) {
}
/*Change password*/
.change_pass_content{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%);
z-index: 500;
width: 100%;
margin-top: 10px;
border-radius: 5px;
}
.text_forgot_pass{
text-align:right;
margin-top:15px;
}
.text_forgot_pass>label{
cursor:pointer !important;
}
.text_forgot_pass:hover{
text-decoration:underline;
}
.config_logs_content{
margin-top:10px;
padding:0 !important;
}
.config_logs_content>div{
padding:0 !important;
margin-bottom:10px;
}
.config_logs_menu{
background:var(--main-color-cyan);
border-radius:5px;
padding-top:7px !important;
}
.config_logs_menu_close{
padding:0 !important;
position:relative;
}
.config_logs_menu_close_profile{
float:left !important;
border-radius:50% !important;
height:35px;
width:35px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.config_logs_history{
background:white;
border:1px solid var(--main-border) !important;
border-radius:5px !important;
cursor:pointer;
}
.config_logs_history:hover{
background: var(--main-border);
}
/*Change password*/
/*Configuration*/
.container_zona_horaria{
height:105px;
}
.container_zona_horaria>span{
font-size:20px;
}
.preferences_container{
position:relative;
padding:0 !important;
}
.preferences_lenguage{
position:relative;
}
.preferences_flags{
margin-top:20px;
margin-bottom:10px;
}
.preferences_flags_container{
position:relative;
height:127px !important;
width:200px !important;
margin-bottom:20px;
}
.preferences_flags_images{
width:100%;
cursor:pointer;
border-radius:5px;
height:100%;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}
.preferences_flags_icon_done{
position:absolute;
right:0px;
height:25px;
width:25px;
border-radius:50%;
background:var(--main-fondo-buttons-purple);
color:white;
top:10px;
text-align:center;
padding-top:3px;
}
.clear_icon_min-max{
cursor:pointer;
}
.title_add_type_qualify-content{
position:sticky;
top:0;
left:0;
z-index:3
}
.divisor_minimun-maximun{
border-right:1px solid var(--main-border);
}
.divisor_minimun-maximun-top{
border-top:1px solid var(--main-border);
}
.add_type_qualify-content_title{
background-color:var(--main-fondo-buttons-purple);
height:30px;
padding: 0 !important;
border-bottom:1px solid var(--main-border);
}
.add_type_qualify-content{
margin-top:20px;
padding:0 !important;
border:1px solid var(--main-border);
overflow-y:auto;
max-height:155px;
}
.container_table_calification-type_selection-type{
margin-top:10px;
padding:0 !important;
position:sticky;
bottom:10px;
left:0;
z-index:10;
background-color:#fff;
}
.add_type_qualify-content_button{
height:35px;
border:1px solid var(--main-border);
border-top:0;
}
.config_letter_tables{
color: #fff;
font-weight: 600;
font-size: 14px;
}
.agents_machine_heads{
border:0px !important;
height:35px;
padding-top:5px !important;
}
.agents_status{
cursor:pointer;
}
.agents_status_letter>span{
font-weight:bold;
color:white;
}
.agents_status_active{
position: absolute;
right: 6px;
height:25px;
background:#2DCB70;
padding:1px 10px;
border-radius:5px;
}
.agents_status_inactive{
float:right;
height:25px;
background:#666666;
padding:1px 10px;
border-radius:5px;
}
.agents_status_await{
float:right;
height:25px;
background:#0000FF;
padding:1px 10px;
border-radius:5px;
}
.agents_status_cancel{
/*float:right;*/
position: absolute;
right: 6px;
height:25px;
background:#FF0000;
padding:1px 10px;
border-radius:5px;
}
.agents_status_noLicense{
float:right;
height:25px;
background:#856404;
padding:1px 10px;
border-radius:5px;
}
.name_agent_se{
height:25px;
float:left;
padding:1px 10px;
}
.name_agent_se:hover{
border:1px solid gray;
cursor:pointer;
border-radius:5px;
}
.name_agent_se>span{
color: var(--main-fondo-buttons-purple);
font-weight: bold;
}
.name_agent_normal{
height:25px;
float:left;
padding:1px 10px;
}
.name_agent_normal>span{
color: var(--main-fondo-buttons-purple);
font-weight: bold;
}
.overflow_carts{
overflow-y: auto !important;
height:calc(100% - 220px) !important;
max-height:calc(100% - 220px) !important;
width:100% !important;
}
#draggable-container {
position: fixed;
z-index: 110;
transition: width 0.3s, height 0.3s;
}
.draggable-header {
z-index: 110;
height:40px;
}
.table_examn_content_alert.completo{
position:fixed !important;
z-index:10000;
top:0;
right:0;
height:100%;
border-radius:0 !important;
}
.table_examn_content_alert:not(.completo){
position:absolute;
top:0;
right:0;
height:100%;
border-radius:13px;
}
.table_examn_content_alert>div{
background-color:#fff;
position:absolute;
top:50% !important;
left:50% !important;
min-height:200px !important;
transform:translate(-50%,-50%) !important;
border-radius:5px;
padding:.75rem !important;
}
.table_examn_content_alert_title{
height:100%;
margin-bottom:10px;
padding:20px .75rem !important;
}
.table_examn_content_alert_title>b{
display:block;
font-size:17px;
}
.table_examn_content_alert_title>span{
font-weight:500;
}
.table_examn_content_alert_button{
height:50px;
position:absolute;
bottom:0;
left:0;
width:100%;
padding:5px 20px;
}
.table_examn_content_alert_button_basic{
border: 2px solid var(--main-info_modul-button_green-fondo);
color: var(--main-info_modul-button_green-color);
background: var(--main-info_modul-button_green-fondo);
font-weight:500;
padding: 5px 10px;
border-radius: 3px;
outline: none;
cursor: pointer;
}
.table_examn_content_alert_button_accept{
border: 2px solid var(--main-info_modul-button_purple-fondo);
color: var(--main-info_modul-button_purple-color);
background: var(--main-info_modul-button_purple-fondo);
padding: 5px 10px;
border-radius: 3px;
outline: none;
float: right;
cursor: pointer;
}
.table_examn_content_alert_button_cancel{
border: 2px solid var(--main-info_modul-button_purple-fondo);
color: var(--main-info_modul-button_purple-fondo);
background: var(--main-info_modul-button_purple-color);
padding: 5px 10px;
border-radius: 3px;
cursor: pointer;
float: right;
margin-right: 10px;
}
.profile_person_content{
padding-top:10px !important;
height:auto;
}
.profile_person_content>div{
position:relative;
padding:0 5px !important;
margin-bottom:10px;
}
.profile_cart_user{
padding:5px;
position:relative;
border-radius:5px;
padding:0 !important;
}
.profile_info_user{
padding-top:120px;
}
.profile_info_user_span{
color:#8E8E8E;
font-size:14px;
}
.profile_info_user_span>span{
font-weight:600;
}
.profile_graphics_init_session{
padding:5px 0 !important;
position:relative !important;
border-radius:5px !important;
margin-top:10px !important;
}
.profile_box_comments{
border-radius:5px;
padding:0 !important;
border:1px solid var(--main-border);
margin-bottom:10px;
}
.profile_time_line{
border-radius:5px;
padding:10px !important;
margin-bottom: 10px;
}
.profile_studies{
border-radius:5px;
border:1px solid var(--main-border);
padding:10px !important;
margin-bottom:10px;
}
.profile_change_lenguague{
border-radius:5px;
border:1px solid var(--main-border);
padding:10px !important;
}
.profile_comments_user{
border-radius:5px;
padding:0 !important;
position:relative;
margin-bottom:10px;
}
.profile_photo_user_comment{
height: 60px;
width: 60px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin:20px;
float:left;
position:absolute;
}
.profile_delete_comment{
position:absolute;
right:9px;
top:6px;
color:#8E8E8E;
border-radius:50%;
height:30px;
width:30px;
cursor:pointer;
z-index:10 !important;
}
.profile_delete_comment>i{
font-size:18px;
color:#7C60B0;
height:30px;
width:30px;
text-align:center;
padding:6px 0;
}
.profile_delete_comment:hover{
background:var(--main-fondo-buttons-purple);
}
.profile_delete_comment>i:hover{
color:white !important;
}
.profile_date_comment{
position: absolute;
right: 9px;
bottom: 3px;
color: #8E8E8E;
font-size: 14px;
}
.profile_date_comment_up{
position: absolute;
right: 9px;
top: 3px;
color: #8E8E8E;
font-size: 14px;
}
.profile_content_comment{
margin-top:15px;
padding:10px 90px !important;
position:relative;
height:70px;
}
.profile_content_comment>div>span{
color:#8E8E8E;
font-size:14px;
}
.profile_no_data{
border-radius:5px;
padding:0;
position:relative;
}
.profile_content_right{
padding:0 !important;
margin-bottom:10px;
}
.profile_alert_warn{
font-size:15px;
padding:5px !important;
}
.profile_img_change_lenguage{
height: 70px;
width: 70px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-left:10px;
float:left;
}
.content_iframe{
position:fixed;
width:200px;
height:40px;
padding-left:30px;
padding-right:30px;
z-index:200px;
left:50%;
bottom: 0 !important;
transform:translate(-50%,0);
z-index:110;
}
.content_iframe>.center{
height:40px;
background-color: #0B0021;
width:100%;
border-radius:20px 20px 0 0;
position:relative;
padding-top:9px;
padding-left:20px;
}
.content_iframe>.active>i{
color: #01D316 !important;
}
.content_iframe>.center>i{
color:white;
position:absolute;
top:9px;
left:35px;
}
.content_iframe>.center>b{
color:white;
}
.title_modal{
padding: 8px 30px 10px 10px !important;
font-weight:500;
}
/*Configuration*/
.content_chat_private{
padding:0 !important;
height:calc(100vh - 230px);
border:1px solid var(--main-border);
}
.content_user_and_participants{
height:100%;
padding:0 !important;
border-right:1px solid var(--main-border);
}
.cabecera_chat_private{
background-color:var(--main-color-cyan);
height:59px;
border-bottom:1px solid var(--main-border);
position: relative;
z-index: 10;
display: flex;
align-items: center;
box-sizing: border-box;
}
.content_chats{
height:100%;
padding:0 !important;
}
.content_chat_photo{
height:40px;
width:40px;
border-radius:50%;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.content_chat_name_and_rol{
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
min-width: 0;
}
.user_division_bottom{
border-bottom:1px solid #ecebeb;
}
.division_bottom{
border-bottom:1px solid var(--main-border);
}
.division_top{
border-top:1px solid var(--main-border);
}
.chat_name_personc{
display: flex;
align-items: flex-start;
line-height: normal;
}
.chat_name_personc>div{
display: flex;
flex-grow: 1;
font-weight: 500;
font-size: 14px;
line-height: 21px;
}
.chat_rol_personc{
font-size: 10px;
display: flex;
align-items: flex-start;
color:#4a4a4a;
}
.content_chat_private-chat{
padding:.75rem !important;
max-height:calc(100% - 123px);
height:calc(100% - 123px);
overflow:auto;
background-color:#e5ddd5;
}
.chat_private_message{
position:relative;
margin-bottom:3px;
padding: 6px 7px 5px 9px !important;
}
.chat_private_message.receptor{
float:right;
border-radius:7.5px 0 7.5px 7.5px;
background-color:#D9F7CA;
}
.chat_private_message.receptor>.chat_private_date{
float:right;
font-size:10px;
}
.chat_private_message.receptor>.arrow{
position:absolute;
top:-3px;
right:-8px;
color:#D9F7CA;
}
.chat_private_message.emisor{
float:left;
border-radius:0 7.5px 7.5px 7.5px;
background-color:#F4EFFD;
}
.chat_private_message.emisor>.chat_private_date{
float:right;
font-size:10px;
}
.chat_private_message.emisor>.arrow{
position:absolute;
top:-3px;
left:-8px;
color:#F4EFFD;
}
.content_chat_write{
min-height:63px;
border-top:1px solid var(--main-border);
background-color:#f0f0f0;
}
#chat_comment{
height:60px !important;
padding:0 !important;
background-color:#fff;
}
.content_users_chat{
height:calc(100% - 59px);
max-height:calc(100% - 59px);
overflow:hidden scroll;
}
.chat_private_search{
background-color:#fff;
border-radius:30px;
height:40px;
}
.chat_private_search>input{
background-color:transparent;
width:100%;
height:100%;
border:0;
outline:none;
}
.chat_private_send_button{
height:63px;
padding:0;
color:#919191;
cursor:pointer;
}
.chat_private_send_button.active{
color:var(--main-fondo-buttons-purple);
}
.chat_comment_vue-editor{
background-color:#fff;
padding:12px !important;
border-radius:30px;
height:46px;
}
.chat_comment_vue-editor>div{
max-height:22px;
height:22px;
overflow:auto;
border:0;
outline:none;
padding:0 !important;
}
.chat_private_user_bodyone{
cursor:pointer;
height: 72px;
padding:0 0 0 .75rem !important;
}
.chat_private_user_bodyone:hover{
background-color:#f7f7f7;
}
/*--------------------------------------TREE JERAR----------------------------------------------*/
.tree_tree{
height:calc(100vh - 380px);
overflow: hidden;
max-width: 100%;
}
.tree_user_content-photo{
width:80px;
height:80px;
float:right;
border-radius:8px;
position:relative;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-color:#fff;
}
.tree_user_content{
width:310px;
text-align:left !important;
}
.tree_user_content-info{
width:calc(100% - 70px);
float:right;
padding: 0 0 0 5px;
margin-left:-10px;
}
.tree_user_content-info>.title{
background-color:#EFEFEF;
color:#4D4D4D;
font-weight:700;
font-size:15px;
}
.tree_user_content-info>.email{
font-size:12px;
color:#3D3D3D;
font-weight:500;
}
.tree_user_content-info>.rol{
font-size:10px;
font-style: italic;
color:#6f6f6f;
}
.tree_user_content-info>.areas_content>.areas{
float:left;
margin-right:5px;
}
.tree_user_content-info>.areas_content>.areas>div{
height:10px;
width:10px;
margin-right:1px;
float:left;
border-radius:2px;
}
.tree_user_content-info>.areas_content>.areas>b{
color:#3801A4;
font-size:10px;
font-weight:700;
}
.tree_tree ul {
padding-top: 30px;
position: relative;
margin-top: -7px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.tree_tree li {
float: left; text-align: center;
list-style-type: none;
position: relative;
padding: 20px 5px 0 5px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.tree_tree li::before, .tree_tree li::after{
content: '';
position: absolute; top: 0; right: 50%;
border-top: 2px solid #E6E6E6;
width: 50%;
height: 20px;
}
.tree_tree li::after{
right: auto; left: 50%;
border-left: 2px solid #E6E6E6;
}
.tree_tree li:only-child::after, .tree_tree li:only-child::before {
display: none;
}
.tree_tree li:only-child{
padding-top: 0;
}
.tree_tree li:first-child::before, .tree_tree li:last-child::after{
border: 0 none;
}
.tree_tree li:last-child::before{
border-right: 2px solid #E6E6E6;
border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
}
.tree_tree li:first-child::after{
border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
}
.tree_tree ul ul::before{
content: '';
position: absolute;
top: 0;
left: 50%;
border-left: 2px solid #E6E6E6;
width: 0;
height: 100%;
}
.tree_tree li a{
border: 2px solid #E6E6E6;
padding: 10px;
text-decoration: none;
color: #666;
font-size: 11px;
display: inline-block;
border-radius: 8px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.tree_tree li a:hover, .tree_tree li a:hover+ul li a {
background: #F3EFFE;
color: #000;
border: 2px solid var(--main-border);
}
.tree_tree li a:hover+ul li::after,
.tree_tree li a:hover+ul li::before,
.tree_tree li a:hover+ul::before,
.tree_tree li a:hover+ul ul::before{
border-color: var(--main-border);
}
/*--------------------------------------TREE JERAR----------------------------------------------*/
/*--------------------------------------LOG PARTICIPANTS----------------------------------------*/
.logParticipants_options_pdf_real{
position:absolute;
height:100%;
width:100%;
}
.select_option{
cursor:pointer;
}
.select_option:hover{
background: gray;
border-radius: 5px;
}
/*---------------------------------------LOG PARTICIPANTS---------------------------------------*/
/*---------------------------------------VUE EDITOR---------------------------------------*/
.ql-container {
box-sizing: border-box;
font-family: Arial;
height: 100%;
margin: 0;
position: relative
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%
}
.ql-clipboard p {
margin: 0;
padding: 0
}
/*FUENTE DEL EDITOR HTML*/
/*ESTUDIANTES LOGEADO*/
.logParticipants_content_child{
padding:0 0 0 64px !important;
}
.logParticipants_content_child>div{
padding: 10px 10px 0px !important;
}
.logParticipants_content_son{
position:relative !important;
}
.logParticipants_content_all_notes{
padding:.75rem 1.50rem !important;
}
.logParticipants_orientador_period{
padding-left:16px !important;
}
.logParticipants_period{
padding:0 !important;
margin-top:10px;
}
.logParticipants_notes_bodyfor{
padding: 0 0 0 30px !important;
height:100%;
}
.logParticipants_content_agrupators{
border-bottom:1px solid var(--main-border);
padding:4px 0 !important;
}
.logParticipants_content_agrupators_names{
padding:0 !important;
text-transform:capitalize;
}
.logParticipants_content_agrupators_names>div{
position:relative !important;
padding:2px 0 !important;
}
.logParticipants_content_agrupators_colors{
position:absolute;
left:-30px;
top:4px;
width:18px;
height:18px;
border-radius:5px;
border:1px solid var(--main-border);
}
.logParticipants_content_agrupators_barPorcentaje{
padding-left:10px !important;
float:left;
}
.logParticipants_content_agrupators_barPorcentaje>div{
position:relative;
height:25px;
max-width:200px;
border:1px solid var(--main-border);
border-radius:8px;
}
.logParticipants_content_agrupators_barPorcentaje_color{
border-radius:5px;
height:100%;
background-color:#DAD6FE;
}
.logParticipants_content_agrupators_barPorcentaje>div>span{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
}
.logParticipants_content_columns{
float:left;
padding:0 0 0 .75rem !important;
position:relative;
}
.logParticipants_columns_names>div{
position:relative;
padding:5px 0 5px 0 !important;
}
.logParticipants_columns_names_icons{
height:25px;
width:25px;
background:#E5E5E5;
border-radius:5px;
float:left;
}
.logParticipants_columns_names_icons>img{
max-height: 15px;
max-width: 15px;
}
.logParticipants_columns_names_titles>span{
padding-left:8px !important;
font-weight:400;
}
.logParticipants_columns_content_comments>div{
padding: 10px 0px 0 30px !important;
}
.logParticipants_columns_content_comments>div>img{
max-height: 15px;
max-width: 15px;
cursor:pointer;
}
.logParticipants_columns_content_peso{
padding:0 !important;
}
.logParticipants_columns_content_peso>div{
padding: 8px 0px 0 25px !important;
}
.logParticipants_columns_content_peso>div>span{
font-weight:500;
}
.logParticipants_columns_content_calification{
padding:0 !important;
}
.logParticipants_columns_content_calification>div{
padding: 8px 0px 0 1px !important;
}
.logParticipants_columns_content_calification_none{
color: #D1D1D1;
font-weight: 900;
letter-spacing: -2px !important;
}
.logParticipants_columns_content_calification_normal{
font-weight:500;
}
.logParticipants_columns_content_showExam{
padding:0 !important;
}
.logParticipants_columns_content_showExam>div{
margin-top:5px;
height:25px;
width:25px;
background:#E5E5E5;
border-radius:5px;
float:right;
}
.logParticipants_columns_content_showExam>div>img{
max-height: 15px;
max-width: 15px;
cursor:pointer;
}
.logParticipants_columns_content_showExam{
padding:0 !important;
}
.logParticipants_columns_content_showExam>div{
margin-top:5px;
height:25px;
width:25px;
background:#E5E5E5;
border-radius:5px;
float:right;
cursor:pointer;
}
.logParticipants_columns_content_showExam>div>img{
max-height: 15px;
max-width: 15px;
cursor:pointer;
}
.logParticipants_columns_content_copyRuteExam{
padding:0 !important;
}
.logParticipants_columns_content_actionButtons{
margin-top:5px;
height:25px;
width:25px;
background:#E5E5E5;
border-radius:5px;
float:right;
cursor:pointer;
}
.logParticipants_columns_content_actionButtons>i{
font-size:17px
}
.logParticipants_columns_content_lineNull{
padding:0 !important;
}
.logParticipants_columns_content_lineNull>div{
margin-top:5px;
height:25px;
width:25px;
float:right;
}
.logParticipants_columns_content_lineNull>div>span{
color: #D1D1D1;
font-weight: 900;
letter-spacing: -2px !important;
}
/*ESTUDIANTES LOGEADO*/
/*
.clearfix:after {content:".";display:block; height:0;clear:both;visibility:hidden;}
.clearfix { display:inline-block; }
.clearfix { display:block; }
* html .clearfix { height:1px; }
*/
.desactive_campo>i{
color:#EBE2FF !important;
cursor:default;
}
.desactive_campo>svg{
fill:#EBE2FF !important;
cursor:default;
}
.desactive_campo>span{
color:#EBE2FF !important;
cursor:default;
}
/* End hide from IE Mac */
.config_active_session_photo_user{
cursor:pointer;
position:absolute;
border:1px solid var(--main-border);
border-radius:50%;
height:30px;
width:30px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
top: 0;
left: 50%;
transform: translate(-50%, 0);
}
.container_list_wait.cortar{
opacity: .6 !important;
}
.container_list_wait.cortar>div{
border:1px dashed #929292;
}
.container_list_wait{
padding: 10px !important;
float:left;
max-width:100%;
height:200px;
}
.container_list_wait.active>div{
border:1px solid var(--main-fondo-buttons-purple);
border-radius:10px;
}
.container_list_wait_folder{
padding: 10px !important;
float:left;
/*width:345px;*/
height:120px;
}
.container_list_wait_folder>div{
/*border:1px solid var(--main-border);*/
border-radius:10px;
background: #FAFAFA;
}
.container_list_wait_folder.active>div{
border:1px solid var(--main-fondo-buttons-purple);
border-radius:10px;
}
.img_container_list_wait{
max-height:110px;
width:90%;
margin-top:20px;
}
.title_list_wait{
padding: 0px !important;
color: var(--main-text-color-variant);
font-size:18px;
font-weight:500;
}
.input_list_wait{
padding: 0px !important;
color: var(--main-text-color-variant);
font-size:18px;
font-weight:500;
height:27px;
border:1px solid var(--gestion_documental-border-hover);
border-radius:5px;
}
.input_list_wait:focus{
padding: 0px !important;
color: var(--main-text-color-variant) !important;
font-size:18px !important;
font-weight:500 !important;
height:27px !important;
border:1px solid var(--gestion_documental-border-hover) !important;
border-radius:5px !important;
}
.title_list_wait_none{
padding: 0px !important;
color: var(--main-text-color-variant);
font-size:18px;
font-weight:500;
}
.title_list_wait:not(.trash):hover{
border:1px solid var(--gestion_documental-border-hover);
border-radius:5px;
height:27px;
}
.subtitle_list_wait{
padding: 0px !important;
color:#a3a5a7;
font-size:14px;
font-weight:500;
}
.data_list_wait{
padding: 0px !important;
color: var(--gestion_documental-list_wait-color);
font-size:12px;
font-weight:500;
}
#vs_select_one>div>div>span{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100% - 6px);
position: absolute;
}
.draw {
overflow: hidden;
position: relative;
border-radius:5px !important;
}
.draw::before, .draw::after {
content: '';
box-sizing: border-box;
position: absolute;
border: 2px solid transparent;
width: 0;
height: 0;
border-radius:5px !important;
}
.draw::before {
top: 0;
left: 0;
border-top-color: #60daaa;
border-right-color: #60daaa;
animation: border 2s infinite;
border-radius:5px !important;
}
.draw::after {
bottom: 0;
right: 0;
animation: border 2s 1s infinite, borderColor 2s 1s infinite;
border-radius:5px !important;
}
@keyframes border {
0% {
width: 0;
height: 0;
}
25% {
width: 100%;
height: 0;
}
50% {
width: 100%;
height: 100%;
}
100% {
width: 100%;
height: 100%;
}
}
@keyframes borderColor {
0% {
border-bottom-color: #60daaa;
border-left-color: #60daaa;
}
50% {
border-bottom-color: #60daaa;
border-left-color: #60daaa;
}
51% {
border-bottom-color: transparent;
border-left-color: transparent;
}
100% {
border-bottom-color: transparent;
border-left-color: transparent;
}
}
.config_users_photo{
cursor:pointer;
margin-top:1px !important;
border:1px solid var(--main-border);
border-radius:50% !important;
height:28px;
width:28px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.shared_by_users_modal{
height: 100vh;
width: 100vw;
background: var(--main-fondo-modals);
position: fixed;
left: 0;
top: 0;
z-index: 110;
}
.style_buttons_key{
height:30px;
border:2px solid black;
border-radius:5px;
width:80px;
padding:2px 3px;
float:left;
}
.table_hover_config:hover{
background-color: #dedede85;
}
.info_contadores>div{
/*border:1px solid black;*/
background:#eae8e878;
border-radius:5px;
height:auto;
}
.button_sesion_accept{
background-color:#005DC7;
border:2px solid #005DC7;
border-radius:3px;
outline:none;
color:#fff;
font-size:15px;
font-weight:600;
padding:5px 10px !important;
float:right;
cursor: pointer;
}
.users_selections_modal{
float:left;
margin-bottom:5px;
margin-left:3px;
background: var(--main-info_modul-fondo);
width:160px;
height:35px;
border-radius:30px;
position:relative;
}
.users_selections_modal_photo{
position:absolute;
left:10px;
top:5px;
height:25px;
width:25px;
border-radius:50%;
background-position:center;
background-size:cover;
}
.users_selections_no_photo_default{
top:5px;
left:10px;
position:absolute;
height:25px;
width:25px;
border-radius:50%;
border:1px solid var(--main-border);
}
.users_selections_modal_span_name{
padding:6px 40px 0 40px;
font-weight:500;
}
.users_selections_modal_clear_user{
top:10px;
right:5px;
position:absolute;
color:var(--main-color-error);
cursor:pointer;
}
.img_height{
max-height: 100px;
margin:0;
width:70px;
position:absolute;
top:30px;
left:20px;
border-radius: 0 0 5px 5px;
}
.loader {
position:absolute;
top:50%;
left:50%;
z-index:100;
transform:translate(-50%,-50%);
border: 10px solid #b2b2b2; /* Light grey */
border-top: 10px solid var(--main-fondo-buttons-purple); /* Blue */
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.tex_loading{
animation-name: tex_loading;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count:
infinite;
}
@keyframes tex_loading {
0% { opacity:1; }
25% { opacity:.5; }
40% { opacity:.3; }
55% { opacity:1; }
60% { opacity:.5; }
75% { opacity:.3; }
100% { opacity:1; }
}
.toolbar-demo-wrapper {
display: flex;
height: 100%;
}
.toolbar-demo-wrapper > :first-child {
flex: 8 0 10px;
}
.toolbar-demo-wrapper > :last-child {
flex: 4 0 10px;
}
.pdf-app .dropdownToolbarButton:after{
display:none !important
}
.pdf-app .dropdownToolbarButton>select{
width: 100% !important;
outline:none !important;
margin-top:2px !important;
border: 1px solid var(--pdf-font-color) !important;
color: var(--pdf-font-color) !important;
background: var(--pdf-select-fondo) !important;
}
.pdf-app[class] .dropdownToolbarButton>select>option{
background: var(--pdf-select-fondo) !important;
}
.pdf-app[class] #toolbarContainer, .pdf-app[class] .findbar, .pdf-app[class] .secondaryToolbar{
background: var(--pdf-select-fondo) !important;
}
.pdf-app .doorHanger, .pdf-app .doorHangerRight{
border: 0 !important;
}
.pdf-app .thumbnailImage {
border: 0 !important;
box-shadow: none !important;
opacity: 1 !important;
}
.pdf-app .thumbnailSelectionRing{
padding: 1px !important;
}
.pdf-app .thumbnail.selected {
box-shadow: none;
}
.pdf-app .thumbnail.selected .thumbnailSelectionRing img{
box-shadow: 0 8px 17px 2px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(137 137 137 / 68%), 0 5px 5px -3px rgb(58 58 58 / 32%) !important;;
}
.pdf-app #toolbarSidebar {
padding: 0 5px !important;
}
.pdf-app #thumbnailView{
width: 100% !important;
}
.loadingInProgress #sidebarContainer {
top: 0px !important;
z-index:10 !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pdf-app .pdfViewer .page{
box-sizing: content-box !important;
}
.pdf-app .pdfViewer .canvasWrapper{
box-sizing: content-box !important;
}
.pdf-app .pdfViewer .canvasWrapper>canvas{
box-sizing: content-box !important;
}
html[dir=ltr] .pdf-app #sidebarToggle {
margin: 4px 2px 0 0 !important;
}
html[dir=ltr] .pdf-app #presentationMode {
margin: 4px 2px 0 0 !important;
}
html[dir=ltr] .pdf-app #secondaryToolbarToggle {
margin: 4px 2px 0 0 !important;
}
html[dir=ltr] .pdf-app #toolbarViewerLeft, html[dir=rtl] .pdf-app #toolbarViewerRight {
max-height:32px !important;
}
html[dir=ltr] .pdf-app .splitToolbarButton {
margin: 4px 2px 0 0 !important;
}
.pdf-app .toolbarField {
margin: 6px 0 0 0 !important;
}
.pdf-app .toolbarLabel {
margin: 6px 2px 0 0 !important;
}
.pdf-app .toolbar {
z-index:11 !important;
padding: 0 5px !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color:var(--pdf-fondo-head) !important;
box-shadow: inset 0 1px 1px rgb(0 0 0 / 15%), inset 0 -1px 0 hsl(0deg 0% 100% / 5%), 0 1px 0 rgb(0 0 0 / 15%), 0 1px 1px rgb(126 135 147 / 48%);
}
.pdf-app[class] .dropdownToolbarButton:hover, .pdf-app[class] .overlayButton, .pdf-app[class] .secondaryToolbarButton:focus, .pdf-app[class] .secondaryToolbarButton:hover, .pdf-app[class] .toolbarButton:focus, .pdf-app[class] .toolbarButton:hover, .vue-pdf-app-icon:hover[class] {
color: var(--pdf-toolbar-font-color-hover) !important;
}
.pdf-app[class] .splitToolbarButtonSeparator{
background-color: var(--pdf-toolbar-font-color-hover) !important;
}
.pdf-app[class] .verticalToolbarSeparator{
background-color: var(--pdf-toolbar-font-color-hover) !important;
}
.pdf-app .toolbar #toolbarContainer{
background-color:var(--pdf-fondo-head) !important;
}
.pdf-app .findbar, .pdf-app .secondaryToolbar, html[dir=ltr] .pdf-app #toolbarContainer{
box-shadow: none !important;
}
.pdf-app[class] {
background-color: var(--pdf-background-color) !important;
border: 0 !important;
}
.pdf-app[class] .dropdownToolbarButton, .pdf-app[class] .overlayButton, .pdf-app[class] .secondaryToolbarButton, .pdf-app[class] .toolbarButton {
color: var(--pdf-font-color) !important;
}
.pdf-app[class] #sidebarContent {
background-color: #aeaeae9e !important;
}
html[dir=ltr] .pdf-app #viewFind{
display:none !important;
}
html[dir=ltr] .pdf-app #findbar{
left:50%;
transform:translate(-50%,0);
}
.pdf-app #findInput {
pointer-events: none;
}
.pdf-app .doorHanger:before, .pdf-app .doorHangerRight:before {
display:none !important;
}
.pdf-app[class] .doorHanger:after, .pdf-app[class] .doorHangerRight:after {
display:none !important;
}
#findbarOptionsOneContainer{
display:none !important;
}
#findbarOptionsTwoContainer>label{
display:none !important;
}
.pdf-app .findbar {
min-width: 300px !important;
}
.pdf-app .findbar.wrapContainers>div{
clear: none !important;
}
#findbarMessageContainer{
display:none !important;
}
.pdf-app #sidebarResizer{
width:0 !important;
height:0 !important;
pointer-events: none !important;
}
.pdf-app #errorWrapper{
top:42px !important;
width:calc(100% - 20px) !important;
left: 10px !important;
padding: 10px !important;
}
#thumbnailView>a:last-child>.thumbnail>.thumbnailSelectionRing{
margin-bottom:10px;
}
.pdf-app #errorMoreInfo {
width: 100% !important;
background-color:#fff !important;
border:0 !important;
margin: 10px 0 0 0 !important;
padding: 10px !important;
outline: none !important;
border-radius:5px;
min-height: 60px !important;
resize: vertical !important;
}
#errorShowMore{
border-radius:5px;
border:0;
font-weight:500;
color:#333;
padding: 5px 10px;
margin-left:10px;
cursor:pointer;
}
#errorShowLess{
border-radius:5px;
border:0;
font-weight:500;
color:#333;
padding: 5px 10px;
margin-left:10px;
cursor:pointer;
}
#errorClose{
border-radius:5px;
border:0;
font-weight:500;
color:#333;
padding: 5px 10px;
cursor:pointer;
}
.pdf-app .textLayer>span{
box-sizing: content-box !important;
}
.container__tableRetention>div{
background-color: white;
}
.container__table_gestion_retention>div:nth-child(even){
background-color:#f5f5f5;
}
.container__tableRetention>div.active:hover{
background-color: var(--table-fondo-hover) !important;
}
.container__tableRetention>div.active{
background-color: var(--table-fondo-hover);
}
.container__tableRetention>div.selected{
background-color: var(--table-fondo-hover);
}
.container__tableRetention>div.selected:hover{
background-color: var(--table-fondo-hover) !important;
}
.active_fort{
background-color: var(--table-fondo-hover) !important;
}
input.indexInput{
height:100%;
border:none;
outline:none;
width:100%;
background:transparent;
}
.indexacion_head{
padding:0 !important;
border:1px solid var(--main-border);
height:40px;
background:var(--main-color-cyan);
}
.indexacion_body{
padding:0 !important;
border-top:0;
border-bottom:1px solid var(--main-border);
border-right:1px solid var(--main-border);
border-left:1px solid var(--main-border);
height:40px;
}
.indexacion_body:nth-child(odd){
background-color:#f8f8f8;
}
.indexacion_body:last-child{
border-bottom:1px solid var(--main-border);
}
.indexacion_body:hover{
background:#ffffe5 !important;
}
.hover_field:hover{
background:#ffffb6 !important;
}
/*.tree-default .tree-icon, .tree-default .tree-node{
background-image: url('../img/bosques.jpg') !important;
background-size: 24px 24px;
background-position: center !important;
}*/
.sync {
vertical-align: middle;
width: 16px;
height: 16px;
line-height: 1;
background-repeat: no-repeat;
}
.sync[class*="icon-"] {
display: inline-block !important;
background-color: var(--folder-color-open) !important;
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
.sync[class*="icon-"]:hover {
display: inline-block !important;
background-color: var(--folder-color-open) !important;
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
.icon-folder {
background-position: -1383px -109px !important;
}
.tree-icon.tree-themeicon-custom.sprite {
vertical-align: middle;
margin-bottom: 0.2em;
margin-right: 0.1em;
}
.normal {
vertical-align: middle;
width: 16px;
height: 16px;
line-height: 1;
background-repeat: no-repeat;
}
.normal[class*="icon-"] {
display: inline-block !important;
background-color: var(--folder-color-open) !important;
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
.normal[class*="icon-"]:hover {
display: inline-block !important;
background-color: var(--folder-color-open) !important;
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
.expedient {
vertical-align: middle;
width: 16px;
height: 16px;
line-height: 1;
background-repeat: no-repeat;
}
.expedient[class*="icon-"] {
display: inline-block !important;
background-color: var(--expedient-color-open) !important;
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
.expedient[class*="icon-"]:hover {
display: inline-block !important;
background-color: var(--expedient-color-open) !important;
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
/*AQUI ESTOY*/
.folder_no_cc[class*="icon-"] {
display: inline-block !important;
background-color: #414141 !important;
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
.folder_no_cc[class*="icon-"]:hover {
display: inline-block !important;
background-color: #414141 !important;
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
.expedient_no_cc[class*="icon-"] {
display: inline-block !important;
background-color: #414141 !important;
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
.expedient_no_cc[class*="icon-"]:hover {
display: inline-block !important;
background-color: #414141 !important;
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
.sync_expedient {
vertical-align: middle;
width: 16px;
height: 16px;
line-height: 1;
background-repeat: no-repeat;
}
.sync_expedient[class*="icon-"] {
display: inline-block !important;
background-color: #414141 !important;
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
.sync_expedient[class*="icon-"]:hover {
display: inline-block !important;
background-color: #414141 !important;
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
.tree-icon.tree-themeicon-custom.sprite {
vertical-align: middle;
margin-bottom: 0.2em;
margin-right: 0.1em;
}
/*VISOR PDF*/
.loader {
position:absolute;
top:50%;
left:50%;
z-index:100;
transform:translate(-50%,-50%);
border: 10px solid #b2b2b2; /* Light grey */
border-top: 10px solid var(--main-fondo-buttons-purple); /* Blue */
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.tex_loading{
animation-name: tex_loading;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count:
infinite;
}
@keyframes tex_loading {
0% { opacity:1; }
25% { opacity:.5; }
40% { opacity:.3; }
55% { opacity:1; }
60% { opacity:.5; }
75% { opacity:.3; }
100% { opacity:1; }
}
.pdf-app .thumbnail {
position:relative;
}
.created_tag{
position:absolute;
top:0;
left:1px;
height:100%;
width:calc(100% - 2px);
font-size:10px;
}
.created_tag>div{
position:absolute;
top:0;
/*text-transform:uppercase;*/
right:-1px;
padding:3px 8px 5px 10px;
border-radius: 0 0 0 2px;
}
.created_tag.ocr{
border:2px solid #2CCBA6;
}
.created_tag.ocr>div{
background-color:#2CCBA6;
color:#fff;
font-weight:600;
}
.created_tag.scan{
border:2px solid #187CAF;
}
.created_tag.scan>div{
background-color:#187CAF;
color:#fff;
font-weight:600;
}
.created_tag.blank{
border:2px solid gray;
}
.created_tag.blank>div{
background-color:gray;
color:#fff;
font-weight:600;
border-radius:0 !important;
}
#thumbnailView>a:last-child>.thumbnail>.created_tag{
height:calc(100% - 10px) !important;
}
/*VISOR PDF*/
.tree-anchor{
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 10px !important;
}
.tree-wholerow-ul{
min-width: auto !important;
}
.fa-circle::before {
content: url('data:image/svg+xml; utf8, ');
position: absolute;
left: 6px;
top: 3px;
}
.fa-exclamation-triangle::before {
content: url('data:image/svg+xml; utf8, ');
position: absolute;
left: 6px;
top: 2px;
}
.fa-file-pdf-o.red_color::before {
content: url('data:image/svg+xml; utf8, ');
}
.fa-file-pdf-o.blue_color::before {
content: url('data:image/svg+xml; utf8, ');
}
.fa-file-pdf-o::before {
content: url('data:image/svg+xml; utf8, ');
position: absolute;
left: 6px;
top: 3px;
}
.tree-leaf{
width:100%;
}
.tree-container-ul > .tree-node{
width:100%;
}
.fa-file-pdf-o+span{
text-decoration:underline;
color:#515151;
}
.action_table{
height:20px;
width:20px;
border:1px solid var(--main-border);
border-radius:5px;
background:white;
cursor:pointer;
}
.action_table:hover{
background:#D6D6D6;
}
.tippy-content{
color:white !important;
overflow-wrap: break-word;
}
.tree-anchor{
width:100%;
}
.tree-selected{
width:100%;
}
.filter_container_options{
background: var(--filters-fondo-stripe);
border-radius:5px;
padding:8px !important;
position:relative;
margin-bottom:10px;
min-height:40px;
}
.filter_container_options .options_expand{
max-height: 0;
padding:0 !important;
transition: all 0.15s ease-out;
}
.filter_container_options.active .options_expand{
max-height: 5000px;
transition: all 0.8s ease-in;
}
#secondaryToolbar .download{
display: none !important;
}
#secondaryToolbar .openFile{
display: none !important;
}
#secondaryToolbar .print{
display: none !important;
}
#secondaryToolbar .presentationMode{
display: none !important;
}
#secondaryToolbar .bookmark{
display: none !important;
}
.documents_selected>i{
color: gray;
}
.documents_selected>span{
color: gray;
}
.folders_selected>i{
color: gray;
}
.folders_selected>span{
color: gray;
}
.label_text{
display:none;
height:15px;
width:150px;
position:absolute;
right:20px;
padding:0px;
}
.show_label_class{
position:absolute;
right:0;
height:16px;
width:16px;
z-index: 30;
}
.show_label_class:hover > .label_text{
display:block;
}
.labels_colors{
padding:9px !important;
height:40px;
margin-bottom:10px;
border-radius:5px;
cursor:pointer;
}
.labels_colors .icon_done_checked{
display:none;
}
.checkboxes:checked+.select_colors .icon_done_checked{
display:block;
}
.label_text_style{
font-weight:500;
color:white;
font-size:13px;
margin-top:2px;
}
.error>.vs__dropdown-toggle{
border:1px solid var(--main-color-error) !important;
}
.vs__dropdown-toggle{
border-radius: 5px !important;
border: 1px solid var(--main-border-inputs) !important;
background: var(--main-fondo-inputs) !important;
min-height: 35px !important;
}
.country-selector__input{
min-height: 35px !important;
height: 35px !important;
padding-top: 0 !important;
}
.input-tel__input{
min-height: 35px !important;
height: 35px !important;
}
.country-selector__country-flag{
top:10px !important;
}
.country-selector__toggle{
top:5px !important;
}
.vs__selected-options>input::placeholder{
color:#808080;
}
.general__body {
padding: 20px 10px 0 10px !important;
min-height: calc(100vh - 159px) !important;
position:relative;
}
.v-select.drop-up.vs--open .vs__dropdown-toggle {
border-radius: 4px !important;
border-top-color: var(--main-border-inputs) !important;
border-bottom-color: var(--main-border-inputs) !important;
}
[data-popper-placement='top'] {
border-radius: 4px 4px 0 0 !important;
border-top-style: solid !important;
border-bottom-style: none !important;
box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15) !important;
}
.select_filter_organize:hover{
background:var(--main-border) !important;
}
.button_organize_docs{
cursor:pointer;
border:1px solid var(--main-border);
padding:6px !important;
border-radius:5px;
transition:ease-out 0.3s;
height: 34px;
}
.button_organize_docs:hover{
background: var(--main-fondo-buttons-purple);
transition:ease-out 0.3s;
}
.button_organize_docs:hover>div>span{
color: var(--main-color-buttons-purple);
transition:ease-out 0.3s;
}
.button_organize_docs:hover>div>i{
color: var(--main-color-buttons-purple);
transition:ease-out 0.3s;
}
.button_organize_docs:hover>i{
color: var(--main-color-buttons-purple);
transition:ease-out 0.3s;
}
.organize_doc_open{
position:absolute;
height:auto;
width:400px;
background:white;
border-radius:5px;
top:5px;
right: 5px;
}
.truncate_two_lines{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.truncate_three_lines{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.contenedor_contador{
height: 110px;
border-radius: 10px;
padding: 15px !important;
position:relative;
}
.contenedor_contador>.ver_helpers_contador{
position: absolute;
right: 10px;
bottom: 5px;
color: #ffffff;
font-size: 10px;
text-decoration: underline;
font-weight: 600;
cursor: pointer;
}
.contenedor_contador>.ver_registros_contador{
position: absolute;
right: 15px;
bottom: 10px;
color: #ffffff;
font-size: 10px;
text-decoration: underline;
font-weight: 600;
cursor: pointer;
}
.contenedor_contador.dark>.ver_registros_contador{
color: #291C6A !important;
}
.contenedor_contador>span{
color: #ffffff;
font-weight: 700;
}
.contenedor_contador.dark>span{
color: #3F3F3F !important;
}
.select_document_or_folder{
background-color: #CDE8FF !important;
border: 1px solid #A5D6FF !important;
}
.action_download_selected{
float:left;
width: 260px !important;
border: none;
background: transparent;
}
.action_download_selected.active{
float:left;
width: 212px !important;
border: none;
background: transparent;
}
.action_download_selected.active>.vs__dropdown-toggle{
border-radius: 5px 0 0 5px !important;
}
.action_download_selected__button{
cursor:pointer;
width: 40px;
height:35px;
float:right;
background: var(--main-fondo-buttons-purple);
border-radius:0 3px 3px 0;
}
.item_mnd:hover{
background: var(--table-fondo-hover) !important;
cursor:pointer;
}
.connntt_text>b{
font-weight:500;
color:#000;
}
.content_stripe>div:nth-child(even){
background-color: var(--table-fondo-stripe);
}
.content_stripe>div{
padding: 0 5px !important;
height: auto;
min-height:30px !important;
}
.content_stripe>div:hover{
background-color: #ffea824a !important;
}
@media only screen and (max-width: 1021px) {
.indexing_modal_indx_1{
width:100%;
float:left;
margin-bottom:10px;
}
.indexing_modal_indx_2{
width:100%;
float:left;
margin-left: 0px;
margin-bottom:10px;
}
.user_register_activity{
padding: 0 !important;
height:30px;
position:relative;
float:left;
}
.user_register_activity>span{
display:none;
}
.user_register_activity>img{
height:22px;
position:absolute;
left:50%;
top:5px;
border-radius:50%;
transform: translate(-50%,0);
}
.tool_filters_menu{
height:88px;
margin-top:9px;
padding:3.8px 5px !important;
border-bottom:1px solid var(--main-border);
}
.container_scroll_table_register{
height:calc(100% - 88px);
padding:0 !important;
overflow-y:auto;
}
.tool_filters_menu>div:nth-child(2){
width:50%;
float:right;
padding: 3px 0px 3px 5px;
}
.tool_filters_menu>div:nth-child(3){
width:50%;
float:right;
padding: 3px 5px 3px 0px;
}
.content_stripe{
padding:0 !important;
height:calc(100% - 97px);
position:relative;
}
.content_stripe.charge{
padding:0 !important;
height:calc(100% - 97px);
position:relative;
}
.content_stripe{
padding: 0 !important;
height:calc(100% - 97px);
max-height:calc(100% - 97px);
overflow-y:auto;
}
.register_activity{
background:white;
width:100%;
position: fixed !important;
bottom: 0px !important;
top:unset !important;
max-height:calc(100vh - 6px);
width: 100vw !important;
left:0 !important;
padding-top:10px;
}
.register_activity_active{
background:white;
position: fixed !important;
bottom: -6px !important;
top:unset !important;
height:24px !important;
width: 24px !important;
left:-2px !important;
transition: all 0.5s ease-out;
}
.register_activity_active_iframe{
background:white;
position: fixed !important;
bottom: -6px !important;
top:unset !important;
height:24px !important;
width: 24px !important;
left:-2px !important;
transition: all 0.5s ease-out;
}
}
@media only screen and (min-width: 1022px) {
.indexing_modal_indx_1{
width:49%;
float:left;
}
.indexing_modal_indx_2{
width:49%;
float:left;
margin-left: 10px;
}
.user_register_activity{
margin-top: 5px;
padding-left:30px !important;
position:relative;
float:left;
}
.user_register_activity>img{
height:22px;
position:absolute;
left:0;
top:0;
border-radius:50%;
}
.tool_filters_menu{
height:45px;
margin-top:9px;
padding:3.8px .75rem !important;
border-bottom:1px solid var(--main-border);
}
.container_scroll_table_register{
height:calc(100% - 45px);
padding:0 !important;
overflow-y:auto;
}
.tool_filters_menu>div:nth-child(2){
width:223px;
float:right;
}
.tool_filters_menu>div:nth-child(3){
width:223px;
float:right;
margin-right:10px;
}
.content_stripe{
padding:0 !important;
height:calc(100% - 47px);
position:relative;
}
.content_stripe.charge{
padding:0 !important;
height:calc(100% - 47px);
position:relative;
}
.content_stripe{
padding: 0 !important;
height:calc(100% - 47px);
max-height:calc(100% - 47px);
overflow-y:auto;
}
.register_activity{
background:white;
width:100%;
position: fixed !important;
bottom: 0px !important;
top:unset !important;
max-height:calc(100vh - 6px);
width: calc(100vw - 298px) !important;
left:280px !important;
padding-top:10px;
}
.register_activity_iframe{
background:white;
width:100% !important;
position: fixed !important;
bottom: 0px !important;
top:unset !important;
max-height:calc(100vh - 6px);
left:0px !important;
padding-top:10px;
}
.register_activity_active{
background:white;
position: fixed !important;
bottom: -6px !important;
top:unset !important;
height:24px !important;
width: 24px !important;
left:278px !important;
transition: all 0.5s ease-out;
}
.register_activity_active_iframe{
background:white;
position: fixed !important;
bottom: -6px !important;
top:unset !important;
height:24px !important;
width: 24px !important;
left:-2px !important;
transition: all 0.5s ease-out;
}
}
.register_activity_iframe>.resizable-t{
height:24px !important;
background-color:var(--main-color-success);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align:center;
}
.register_activity_iframe>.resizable-t:before{
content: '——';
font-weight: bold;
letter-spacing: -2px;
color: #fff;
}
.register_activity>.resizable-t{
height:24px !important;
background-color: var(--main-color-success);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align:center;
}
.register_activity>.resizable-t:before{
content: '——';
font-weight: bold;
letter-spacing: -2px;
color: #fff;
}
.send_comment{
font-size:18px !important;
position:absolute;
right:2px;
bottom:8px;
z-index:100;
border-radius:50%;
padding:5px;
transition:ease-out 0.2s;
cursor:pointer;
}
.send_comment.active{
color:#2BC8A3;
}
.send_comment.active:hover{
background:#2bc8a338;
transition:ease-out 0.2s;
}
.vs--disabled>div{
background: #f8f8f8 !important;
}
.container_type_consult{
transition: ease-out 0.2s;
height:auto;
width:0;
height:91px;
background:white;
z-index:100;
top:40px !important;
border-radius:5px 0 0 5px;
position:absolute;
right:0;
}
.container_type_consult>div:last-child{
border:0 !important;
border-radius:0 0 0 5px;
}
.container_type_consult>div{
display:none;
}
.container_type_consult.active{
width:200px;
border:1px solid var(--main-fondo-buttons-purple);
}
.container_type_consult.active>div{
display:flex;
}
.label_cs_co{
height:30px;
border-bottom:1px solid var(--main-fondo-buttons-purple);
cursor:pointer;
}
.label_cs_co.active{
height:30px;
border-bottom:1px solid var(--main-fondo-buttons-purple);
background:var(--main-fondo-buttons-purple);
}
.label_cs_co>span{
font-weight:500;
color:black;
}
.label_cs_co.active>span{
font-weight:500;
color:var(--navbar-buttons-text-selected);
}
.table_indexing{
cursor:pointer;
}
.table_indexing:hover{
background:var(--table-fondo-hover);
}
.rules-row_select{
background: var(--table-fondo-hover);
}
.rules-content_formulas_divs{
width:100%;
min-height:50px;
background:#EEF3F6;
border-radius:10px;
padding:8px !important;
margin:5px 0;
}
.rules-content_formulas_divs>div{
position:relative;
padding:0 !important;
}
.rules-icon_move{
position:absolute;
top:0px;
left:0px;
color:#757575;
cursor:pointer;
}
.rules-icon_remove{
cursor:pointer;
position:absolute;
right:5px;
top:3px;
padding:2px !important;
background:white;
color:var(--main-color-error);
font-weight:600;
border-radius:5px;
}
.rules-content_name_select{
padding:0 0 8px 0 !important;
}
.rules-content_span{
width:150px;
height:25px;
padding:2px 0 0 0 !important;
}
.rules-content_span>span{
padding-left:30px;
font-weight:600;
color:#528198;
float:left;
}
.rules-content_select{
padding:0 !important;
}
.rules-content_select>select{
height:25px
;font-size:12px;
}
.empty_or_not_list:empty:after {
content: attr(data-text);
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.empty_single_container:empty:after {
content: attr(data-text);
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.empty_single_container:empty {
height:150px;
}
.fields-name_ind_pri{
padding:0 !important;
font-weight:700;
color:#4D4D4D;
}
.fields-doc_type_ind_pri{
padding:0 !important;
font-weight:500;
color:#4D4D4D;
font-size:12px;
}
.fields-hr{
padding:0 !important;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
margin-bottom: 10px;
}
.fields-content_forms{
padding:3px !important;
position:relative;
min-height:40px;
margin-bottom:10px;
border-radius:4px;
}
.fields-content_move_div{
height:100%;
width:30px;
float:left;
min-height: 40px;
position:relative;
}
.fields-content_move_div>i{
color:white;
cursor:pointer;
position:absolute;
left:60%;
top:50%;
transform:translate(-50%,-50%);
}
.fields-content_data{
width:calc(100% - 30px) !important;
padding:0 0 0 .75rem !important;
}
.fields-content_name_doc{
color:white;
font-weight:700;
font-size:12px;
padding:0 0 0 3px !important;
}
.fields-content_name_doc>span{
padding:0 !important;
font-weight:400;
color:#fff;
}
.fields-name_label_form.opacity_fixed{
background: #ffffffba;
}
.fields-name_label_form{
height:20px;
background:white;
padding:0 30px 0 3px !important;
}
.fields-name_label_form>span{
font-weight:600;
}
.fields-svg_icon{
height:20px;
width:20px;
background:white;
position:absolute;
right:7px;
top:13px;
border:2px solid #A7AAAC;
border-radius:5px;
}
.list-group_Fields{
position: relative;
}
.list-group_Fields>.rules-content_formulas_divs{
width: 100%;
height:36px;
position:absolute;
top: -3px;
left: 0;
z-index: 2;
background-color: #fff;
padding: 0 !important;
border-radius: 0;
margin: 0;
}
.list-group_Fields>.rules-content_formulas_divs>div:nth-child(1){
height: 100%;
}
.list-group_Fields>.rules-content_formulas_divs .rules-content_span{
height: 100%;
width: 100% !important;
padding:6px 5px !important;
float:left;
text-align: center;
}
.list-group_Fields>.rules-content_formulas_divs .rules-content_span:after{
content: attr(data-cut);
font-weight: 700;
color: #528198;
letter-spacing: 2px;
}
.list-group_Fields>.rules-content_formulas_divs .rules-content_span>span{
display: none;
}
.list-group_Fields>.rules-content_formulas_divs .rules-content_select{
display: none;
}
.list-group_Fields>.rules-content_formulas_divs>div:nth-child(1)>i{
display: none;
}
.list-group_Fields>.rules-content_formulas_divs>div:nth-child(2){
display: none;
}
.list-group_Fields>.fields-content_forms{
width: 100%;
height:34px;
position:absolute;
top: -2px;
left: 0;
z-index: 2;
padding: 0 !important;
border-radius: 0;
margin: 0;
}
.list-group_Fields>.fields-content_forms .fields-content_data{
width: 100% !important;
padding: 0 !important;
}
.list-group_Fields>.fields-content_forms .fields-content_name_doc{
font-size: 9px;
height: 11px;
padding: 0 5px;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.list-group_Fields>.fields-content_forms .fields-content_move_div{
display:none;
}
.list-group_Fields>.fields-content_forms .fields-svg_icon{
display:none;
}
.list-group_Fields>.fields-content_forms .fields-name_label_form{
display: block;
margin-top: 1px;
background-color: transparent;
padding: 2px !important;
height: 18px;
}
.list-group_Fields>.fields-content_forms .fields-name_label_form>span{
display: block;
background-color: #fff;
height: 18px;
font-size: 13px;
text-align: center;
padding: 0 5px;
color: #271d6e;
overflow: hidden;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.list-group_Fields>.fields-content_forms .fields-name_label_form.opacity_fixed>span{
background-color: #ffffffba !important;
}
.list-group_Fields>.field_editable_empty{
width: 100%;
border: 1px solid #9D9D9D;
height:36px;
position:absolute;
top: -3px;
left: 0;
z-index: 2;
background: #F6F6F6;
padding: 5px 5px;
overflow: hidden;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.list-group_Fields>.field_editable_empty>i{
display:none;
}
.list-group_Fields>.field_editable_empty>span{
font-weight:600;
color:#747474;
font-size: 14px;
}
.field_editable_empty{
width:100%;
float:left;
border:2px solid #9D9D9D;
height:35px;
position:relative;
background:#F6F6F6;
padding:5px 5px 5px 35px;
}
.field_editable_empty>i{
position:absolute;
top:4px;
left:4px;
color:#757575;
cursor:pointer;
}
.field_editable_empty>span{
font-weight:600;
color:#747474;
}
.businnesRulDate{
height: 26px !important;
width: 130px !important;
}
.businnesRulDate>div{
height: 100% !important;
width: 100% !important;
}
.businnesRulDate>div>input{
height: 100% !important;
width: 100% !important;
border: 0 !important;
font-weight: 500;
border-radius: 0 !important;
}
.editable {
word-wrap: break-word !important;
font-weight: 600;
border:0;
outline: none;
background-color: white;
height:auto !important;
float:left;
padding: 3px 25px 5px 5px !important;
min-width: 100%;
border-radius:5px;
min-height:30px;
width: 300px;
position:relative;
}
[type="checkbox"].filled-in:not(:checked) + span.whiter:after {
background-color: #fff !important;
}
.dragger_class_field{
padding: 5px 10px !important;
}
.dragger_class_field>div{
position:relative;
border: 1px solid #b7b7b7;
border-radius: 5px;
padding: 5px 10px 5px 35px !important;
}
.dragger_class_field>div>div{
z-index:1;
height:22px;
width:20px;
position:absolute;
top:5px;
left: 5px;
}
.dragger_class_field>div>b{
color: var(--main-fondo-buttons-purple)
}
.dragger_class_field[draggable="true"]{
opacity: 0.3;
background-color: transparent;
}
.dragger_class_field[draggable="true"]>div{
background-color: #f9f9f9;
}
.tabselected.active{
background:var(--main-color-cyan);
}
.agent-machine_users:hover{
background:var(--main-color-cyan) !important;
}
/*REGLA DE NEGOCIO*/
.createRules-style_conditions_div-dates.ajustar1{
height:30px;
float:left;
max-width: 187px;
min-width:140px;
margin:5px 10px 0 10px;
}
.createRules-style_conditions_div-dates.ajustar2{
height:30px;
float:left;
min-width: 50px;
margin:5px 10px 0 10px;
display:flex;
}
.createRules-style_conditions_div-dates_c2.ajustar1{
height:100%;
outline:none;
border:0px;
font-weight:600;
font-size:16px;
background:white;
}
.createRules-style_conditions_div-dates_c2.ajustar2{
height:100%;
outline:none;
border:0px;
font-weight:600;
font-size:16px;
background:white;
width:50px;
}
.createRules-icons_2{
font-weight:600;
color:#56849B;
}
.createRules-icons_2.ajustar1{
font-size:45px;
}
.createRules-icons_2.ajustar2{
font-size:30px;
}
.createRules-icons_1{
font-weight:600;
color:#56849B;
}
.createRules-icons_1.ajustar1{
font-size:50px;
}
.createRules-icons_1.ajustar2{
font-size:35px;
}
.createRules-icons_drag.ajustar1{
font-size:50px;
color:#56849B;
}
.createRules-icons_drag.ajustar2{
font-size:35px;
color:#56849B;
}
.createRules-icons_remove{
position:absolute;
color:#56849B;
transform:rotate(300deg);
}
.createRules-icons_remove.ajustar1{
font-size:50px;
}
.createRules-icons_remove.ajustar2{
font-size:35px;
}
.createRules-style_conditions_div-numbers{
height:30px;
float:left;
padding-top:3px;
}
.createRules-style_conditions_div-numbers.ajustar1{
min-width:120px;
}
.createRules-style_conditions_div-numbers.ajustar2{
width:137px;
}
.createRules-style_conditions_div-text{
height:30px;
float:left;
padding-top:3px;
}
.createRules-style_conditions_div-text.ajustar1{
min-width:120px;
}
.createRules-style_conditions_div-text.ajustar2{
width:158px;
}
.createRules-style_conditions_div-text>span{
color:#4E7F96;
font-weight:600;
}
.createRules-style_conditions_div-text.ajustar1>span{
font-size:17px;
margin:5px 10px 0 10px;
}
.createRules-style_conditions_div-text.ajustar2>span{
font-size:12px;
margin:8px 10px 0 10px;
}
.createRules-style_conditions_div-fields{
height:30px;
float:left;
margin:5px 10px 0 10px;
}
.createRules-style_conditions_div-fields.ajustar1{
width:140px;
}
.createRules-style_conditions_div-fields.ajustar2{
width:50px;
}
.createRules-style_conditions_div{
cursor: move;
height:40px;
background:#DAE4EB;
position:relative;
float:left;
}
.createRules-style_conditions_div.ajustar2{
width:100%;
}
.createRules-content_divs_fields.ajustar2{
display: flex;
overflow-x: auto;
}
.createRules-content_body_data.ajustar1{
height: calc(100vh - 270px) !important;
padding:10px 20px 20px 20px !important;
}
.createRules-content_body_data.ajustar2{
height: calc(100vh - 310px) !important;
padding:10px 25px 10px 10px !important
}
.createRules-content_input{
margin-top: 10px;
float:left;
}
.createRules-content_input.ajustar1{
width:calc(100% - 200px);
padding: 0 10px 0 20px !important;
}
.createRules-content_input.ajustar2{
width:calc(100% - 72px);
padding: 0 10px 0 20px !important;
}
.createRules-content_button{
margin-top: 33px;
float:left;
}
.createRules-content_button.ajustar1{
width:200px;
padding: 0 20px 0 10px !important;
}
.createRules-content_button.ajustar2{
width:50px;
}
.createRules-content_body_dragg{
float:left;
height:calc(100vh - 100px);
}
.createRules-content_body_dragg.ajustar1{
width: calc(100% - 602px);
}
.createRules-content_body_dragg.ajustar2{
width: 100%;
}
.createRules-content_menu{
float:left;
border-left: 1px solid var(--main-border);
position:relative;
padding:0 !important;
border-right:1px solid var(--main-border);
overflow: hidden;
background:white;
}
.createRules-tabs_ajustado{
cursor:pointer;
float:left;
width: 150px;
position:relative;
background:white;
height:40px;
border-top:1px solid var(--main-border);
border-left:1px solid var(--main-border);
}
.createRules-tabs_ajustado.active{
background: var(--main-color-cyan) !important;
}
.createRules-content_menu.ajustar1{
width: 600px;
height:calc(100vh - 140px);
}
.createRules-content_menu.ajustar2{
height:calc(100% - 40px);
min-width: 327px;
max-width: 400px;
position: fixed;
right: 0;
top: 0;
z-index: 68;
}
.createRules-content_tabs{
position:fixed;
z-index:60;
padding:0 !important;
}
.createRules-content_tabs.ajustar1{
top:110px;
right:17px;
}
.createRules-content_tabs.ajustar2{
z-index: 65 !important;
bottom:0;
left:0;
}
.createRules-content_tabs.ajustar3{
z-index: 65 !important;
bottom:0;
left:0;
/*transform: rotate(-90deg);
top:50%;
right: -285px;
display:flex;*/
}
/*REGLAS DE NEGOCIO*/
.hideScroll::-webkit-scrollbar {
display: none;
}
.copy_link_css{
color: #606060;
border: 1px solid var(--main-border);
border-radius: 5px;
padding: 2px;
background-color: var(--main-color-cyan);
cursor:pointer;
width:24px;
height:24px;
transition:ease-out 0.2s;
}
.copy_link_css:hover{
background: #3700A4;
color:white;
transition:ease-out 0.2s;
}
.singleWindow-menu_ss{
height:40px;
background:white;
position:fixed;
bottom:0;
border-top:1px solid var(--main-border);
padding:0 !important;
}
.singleWindow-menu_ss.active{
background:var(--main-color-cyan);
}
@media only screen and (min-width: 1022px) {
.singleWindow-button_save{
position:fixed;
top: 50px;
right:20px;
z-index: 60;
}
.singleWindow-content_indexings{
/*position:absolute;
top: 0;
right: 0;
z-index: 0;*/
width: 383px !important;
float:left;
background:white;
height:100%;
overflow:auto;
padding: 0 !important;
}
.singleWindow-content_router_si.active{
width: calc(100% - 383px) !important;
border-right:1px solid var(--main-border);
}
.singleWindow-content_router_si{
position:relative;
width: 100%;
float:left;
height:100%;
overflow-x: hidden;
overflow-y: auto;
padding:0 !important;
}
.singleWindow-content_fields_ss{
position:absolute;
top: 0;
right: 02px;
z-index: 20;
width: 381px !important;
float:left;
background:white;
height:100%;
padding: 0 0 5px 0 !important;
}
}
@media only screen and (max-width: 1021px) {
.singleWindow-button_save{
position:fixed;
top: 77px;
right:20px;
z-index: 60;
}
.singleWindow-content_indexings{
z-index: 68;
top: 0;
right: 0;
position:fixed !important;
width: 383px !important;
float:left;
background:white;
height:calc(100% - 40px);
border-left:1px solid var(--main-border);
overflow:auto;
padding: 0 !important;
}
.singleWindow-content_router_si{
position:relative;
width: 100% !important;
float:left;
height:calc(100% - 40px);
overflow-x: hidden;
overflow-y: auto;
border-right:1px solid var(--main-border);
padding:0 !important;
}
.singleWindow-content_fields_ss{
position:fixed;
top: 0;
right: 0;
z-index: 100;
width: 381px !important;
float:left;
background:white;
height:calc(100% - 40px);
padding: 0 0 5px 0 !important;
}
}
.textAnnotation{
cursor:pointer !important;
}
.pagina_selected{
padding: 0 !important;
}
.pagina_selected>canvas{
border: 2px solid #3183c8;
}
.search_active_div{
height: 100%;
width:30px;
cursor:pointer;
border-radius:3px;
}
.search_active_div > span{
color: #868e96;
font-size: 21px;
}
.search_active_div:hover{
background-color: #dde6ee;
}
.search_active_div:hover > span{
color: #1a4971;
}
.search_active_div.active{
background-color: #dde6ee;
}
.search_active_div.active > span{
color: #1a4971;
}
.content_div_search{
cursor:pointer;
overflow-wrap: break-word;
border-radius:3px;
padding:10px !important;
margin-top:5px;
background-color:#fff;
border:2px solid var(--main-border);
font-size:13px;
}
.content_div_search:hover{
background-color:#dde6ee;
border:2px solid #3183c8;
}
.search_highlight{
background-color:#ffffb6a6;
font-size:13px;
}
.content_preview:hover{
background-color:#485056cc;
opacity: 1;
}
.content_preview{
padding:5px;
position:absolute;
bottom:20px;
left:50%;
transform:translate(-50%,0);
height:32px;
border-radius:3px;
background-color: transparent;
opacity: 0;
}
.content_preview>div:first-child{
cursor:pointer;
margin-right:5px;
height:22px;
width:22px;
min-width:22px;
float:left;
border-radius:3px 0 0 3px;
}
.content_preview>div:first-child:hover{
background-color:#333333b3;
}
.content_preview>div:first-child>span{
color:#fff;
font-size:20px;
}
.content_preview>div:last-child{
cursor:pointer;
margin-left:5px;
height:22px;
width:22px;
min-width:22px;
float:left;
border-radius:0 3px 3px 0;
}
.content_preview>div:last-child:hover{
background-color:#333333b3;
}
.content_preview>div:last-child>span{
color:#fff;
font-size:20px;
}
#upload-button {
width: 150px;
display: block;
margin: 20px auto;
}
#pdf-main-container {
float:left;
background-color: #f1f3f5;
}
#pdf-loader {
display: none;
text-align: center;
color: #999999;
font-size: 13px;
line-height: 100px;
height: 100px;
}
#pdf-meta {
overflow: hidden;
margin: 0 0 20px 0;
}
#pdf-buttons {
float: left;
}
#page-count-container {
float: right;
}
#pdf-current-page {
display: inline;
}
#pdf-total-pages {
display: inline;
}
#pdf-canvas {
box-sizing: border-box;
}
#page-loader {
height: 100px;
line-height: 100px;
text-align: center;
display: none;
color: #999999;
font-size: 13px;
}
#text-layer {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
line-height: 1.0;
}
#text-layer > div {
color: transparent;
position: absolute;
white-space: pre;
cursor: text;
font-family: sans-serif;
transform-origin: 0% 0%;
}
#text-layer > div > a {
color: transparent;
cursor: pointer;
font-family: sans-serif;
}
#container_pdf_pages{
direction: ltr;
position:relative;
margin: 0 auto;
}
#container_pdf_pages #text-layer ::selection {
background: #00f;
}
#container_pdf_pages ::selection {
background: rgba(0,0,255,.3);
}
#text-layer > section {
color: transparent;
position: absolute;
white-space: pre;
cursor: text;
transform-origin: 0% 0%;
}
#text-layer > .linkAnnotation > a {
position: absolute;
font-size: 1em;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.linkAnnotation:hover{
background: #ffff005e;
border-radius: 5px;
}
.table_indexing_change_name{
font-weight:bold;
color:black;
padding-left:10px;
padding-right:10px;
border-radius:5px;
}
.table_indexing_change_name:hover{
border:1px solid #000;
}
.dowload_report-options{
color:black;
height:30px;
cursor:pointer;
}
.dowload_report-options:hover{
background: var(--main-fondo-buttons-purple);
transition:ease-out 0.2s
}
.dowload_report-options:hover>span{
color:white;
}
.download_report{
border-radius:5px;
border:1px solid var(--main-fondo-buttons-purple);
background:white;
width:230px;
position:absolute;
z-index:100;
right:0px;
transition:ease-out 0.2s
}
.show_column_table{
border-radius:5px;
height:20px;
width:20px;
position:absolute;
right:5px;
top:5px;
background:white;
cursor:pointer;
transition:ease-out 0.2s;
}
.show_column_table:hover{
background:var(--main-fondo-buttons-purple);
color:white;
transition:ease-out 0.2s;
}
.board_flex_table_resize>div.resizable-component{
position: relative;
border-right: 1px solid var(--main-border);
margin: 0 !important;
height: auto !important;
}
.active_table_index{
background-color: var(--table-fondo-hover) !important;
}
.icon_sort_indexing{
position: absolute !important;
top: 2px !important;
right:5px !important;
border:none !important;
width: 26px !important;
}
.icon_sort_indexing:hover{
background:transparent !important;
}
.container_documentByIndex>div{
padding:10px !important;
height:95px;
}
.container_documentByIndex>div:last-child {
border-bottom: 0 !important;
}
.container_documentByIndex>div:nth-child(even) {
background-color: var(--table-fondo-stripe);
}
.container_IndexData>div{
padding:8px !important;
/* height:95px; */
}
.container_IndexData>div:last-child {
border-bottom: 0 !important;
}
.container_IndexData>div:nth-child(even) {
background-color: var(--table-fondo-stripe);
}
.bussines-button_create_rulermayor{
position: fixed !important;
z-index: 60;
top: 59px !important;
right: 10px !important;
}
.bussines-button_create_rulermenor{
position: fixed !important;
z-index: 60;
top: 64px !important;
right: 5px !important;
}
.bussines-content_table{
padding:0 !important;
height: calc(100vh - 102px);
background: white;
position: fixed;
z-index: 0;
}
.bussines-content_table.ajustar1{
left: 280px !important;
top: 100px !important;
width: calc(100% - 295px) !important;
}
.bussines-content_table.ajustar2{
left: 0px !important;
top: 150px !important;
width: 100% !important;
}
.bussines-heade_table{
position:sticky;
background:white;
height:35px;
border-left:1px solid var(--main-border);
border-top:1px solid var(--main-border);
border-right:1px solid var(--main-border);
background:var(--main-fondo-buttons-purple);
padding:0 !important;
left: 0 !important;
top: 0 !important;
}
.bussines-content_body_table{
position:fixed;
z-index:60;background:white;
padding:0 !important;
overflow-x: hidden !important;
overflow-y: scroll !important;
}
.bussines-content_body_table.ajustar1{
left: 280px !important;
top: 100px !important;
width:calc(100% - 279px) !important;
max-height: calc(100vh - 100px) !important;
min-height: calc(100vh - 100px) !important;
}
.bussines-content_body_table.ajustar2{
left: 0px !important;
top: 105px !important;
width:100% !important;
max-height: calc(100vh - 105px) !important;
min-height: calc(100vh - 105px) !important;
}
.row_selected_dt{
background:#deffdf;
}
.view_indexings_cc{
cursor:pointer;
border:1px solid var(--main-border);
padding:5px;
border-radius:5px;
transition:ease-out 0.2s;
}
.view_indexings_cc:hover{
background:#1B0F66;
color:white;
transition:ease-out 0.2s;
}
.rule_edit_selected_time{
background-color: #deffdf;
animation: rule_edit_selected_time 1s infinite linear;
transition: all 1s ease-in-out;
}
@keyframes rule_edit_selected_time {
from {background-color: #deffdf;}
to {background-color: #f0fff0;}
}
#select_report_sharelink .action_download_selected.active{
width: calc(100% - 40px) !important;
}
#select_report_sharelink .vs__selected>span{
width: 100% !important;
}
#range_input_history .mx-input{
border:0 !important;
height:40px !important;
}
.sharedLink-access{
position:relative;
height:20px;
cursor:pointer;
float:left;
border-radius:5px 5px 0 0;
}
.sharedLink-access:hover>i{
border-radius:5px;
}
.sharedLink-option_links{
width:auto;
height:auto;
border:1px solid var(--main-border);
position:absolute;
background:white;
top:20px;
left:0px;
border-radius:0 5px;
z-index:100
}
.sharedLink-options_for_select{
height:30px;
transition:ease-out 0.2s;
}
.sharedLink-options_for_select.active{
background:var(--main-color-cyan) !important;
}
.sharedLink-options_for_select:hover{
background:#EBEBEB;
transition:ease-out 0.2s;
}
.sharedLink-options_for_select>span{
margin-top:4px;
font-weight:500;
}
.triangulo_butt {
width: 0;
height: 0;
border-right: 8px solid transparent;
border-top: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 8px solid var(--main-border);
rotate: 300grad;
}
@media only screen and (max-width: 1021px) {
.database-body{
overflow-x: auto;
position: fixed;
height: calc(100vh - 103px);
width: 100% !important;
background: white;
left: 0 !important;
top: 105px !important;
z-index: 63 !important;
padding: 0 !important;
}
}
@media only screen and (min-width: 1022px) {
.database-body{
overflow-x: auto;
position: fixed;
height: calc(100vh - 103px);
width: calc(100% - 297px) !important;
background: white;
left: 281px !important;
top: 100px !important;
z-index:63 !important;
padding:0 !important;
}
}
.container_database{
padding: 10px !important;
border-bottom: 1px solid var(--main-border) !important;
height: 95px;
}
.add_columns{
cursor:pointer;
position:absolute;
z-index:12;
background:white;
border-left:0;
border-top:1px solid var(--main-border);
border-bottom:1px solid var(--main-border);
border-right: 1px solid var(--main-border);
padding:0 !important;
background:white !important;
width:35px;
transition:ease-out 0.2s;
}
.add_columns:hover{
background-color: #EDF5FD !important;
transition:ease-out 0.2s;
}
.add_rows{
cursor:pointer;
position:absolute;
bottom: -35px;
height: 35px;
padding:0;
border-bottom:1px solid var(--main-border);
border-right:1px solid var(--main-border);
transition:ease-out 0.2s;
}
.add_rows:hover{
background-color: #EDF5FD !important;
transition:ease-out 0.2s;
}
.button_bd_edit{
cursor:pointer;
position:absolute;
height:20px;
width:20px;
background:white;
right:3px;
border-radius:5px;
top:8px;
transition:ease-out 0.2s;
z-index:60;
}
.button_bd_edit:hover{
background-color: #EDF5FD !important;
transition:ease-out 0.2s;
}
.button_clear_image{
height:20px;
width:20px;
background:white;
position:absolute;
border-radius:5px;
right:5px;
top:5px;
transition:ease-out 0.2s;
cursor:pointer;
}
.button_clear_image:hover{
background-color: #ECF5FD !important;
transition:ease-out 0.2s;
}
#inputs_date_bd .mx-input{
border: 0 !important;
width:100%;
height:39px !important;
background-color: transparent !important;
}
.over_yellow:hover{
background: var(--table-fondo-hover) !important;
}
#select_obsoletes .vs__search{
position: absolute !important;
width: 100% !important;
}
#select_retentionTable .vs__search{
position: absolute !important;
width: calc(100% - 18px) !important;
}
#select_createIndenxing .vs__search{
position: absolute !important;
width: calc(100% - 18px) !important;
}
#select_createIndenxing .vs__selected-options{
width: calc(100% - 145px) !important;
}
.content_operation_value{
padding: 10px !important;
}
.content_operation_sis{
position:relative;
padding:13px 0 13px 0 !important;
}
.content_operation_br{
position:relative;
padding:13px 0 13px 0 !important;
}
.inputValidetaEh{
height: 40px !important;
margin-top: 12px !important;
}
.ValidetaEh.LeftsideValideta{
background: #fff !important;
width: calc(100% - 60px) !important;
border-radius: 5px !important;
border: 0 !important;
height:40px !important;
box-shadow: 0 2px 2px 0 #c1c1c1, 0 3px 1px -4px #c1c1c1, 0 1px 5px 0 #c1c1c1 !important;
}
.ValidetaEh.LeftsideValideta #captcha{
text-align: center !important;
height: 40px !important;
}
.buttonValidetaEh{
background-color: var(--main-fondo-buttons-purple) !important;
color: #fff;
height: 40px !important;
width: 40px !important;
margin-left: 20px !important;
border-radius: 5px !important;
padding: 0 !important;
border: 0 !important;
box-shadow: 0 2px 2px 0 #c1c1c1, 0 3px 1px -4px #c1c1c1, 0 1px 5px 0 #c1c1c1 !important;
display:flex;
justify-content: center;
align-items: center;
}
.butt_group_config_and_alias{
height:100%;
width:50px;
position: relative;
border-radius:5px;
float:left;
background: #DBDBDB;
}
.butt_add_alias{
height:25px;
width:20px;
border:1px solid #D0FFE5;
border-radius:5px;
float:left;
margin-top: 4px;
margin-left: 5px;
background: #D0FFE5;
}
.butt_add_alias>i{
font-size: 18px;
}
.field_add_alias{
min-width: 120px;
background: rgb(255, 255, 255);
position: absolute;
left:6px;
bottom: -31px;
border: 1px solid #D0FFE5;
background:#D0FFE5;
height: 35px;
border-radius: 5px;
z-index:10;
}
.fa-file-other-o::before {
content: attr(file-extension-other);
position: absolute;
left: 0px;
top: 2px;
background-color: var(--file-color-other, #dbdbdb);
color: #fff;
height: 20px;
width: 22px;
display:flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
font-size: 8px;
border-radius: 3px;
}
.selected_menu_reserv:hover{
background-color: #dceeff;
}
.table-striped:nth-child(odd) {
background-color: var(--filters-fondo-stripe);
}
.table-striped:nth-child(even) {
background-color: #fff;
}
.menu_field{
position: absolute;
bottom: -1px;
left:45px;
}
.menu_field>.elm-tab{
cursor: pointer;
height: 35px;
width: 35px;
position: relative;
border-radius:8px 8px 0 0;
float:left;
}
.menu_field>.elm-tab>i{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
font-size: 22px;
color:rgba(0,0,0,0.3);
}
.menu_field>.elm-tab.active{
background:rgb(234, 235, 238);
border-top: 1px solid var(--main-border);
border-left: 1px solid var(--main-border);
border-right: 1px solid var(--main-border);
}
.menu_field>.elm-tab._.active{
background:rgb(255, 255, 255) !important;
}
.menu_field>.elm-tab.active>i{
color:rgb(0,0,0);
}
/* ------------------------------TABLAS-------------------------------------------- */
.tables_fd-head {
background: var(--table-fondo-purple);
color: var(--table-color-purple);
border-bottom: 1px solid var(--main-border-tables);
border-top: 1px solid var(--main-border-tables);
height: 35px;
position: relative;
padding:6px 6px 6px 48px !important;
}
.tables_fd-head>span {
color: var(--table-color-purple);
font-weight: 500;
}
.tables_fd-all_data{
z-index:12;
float:left;
/*background:white;*/
border-bottom:1px solid var(--main-border-tables);
border-right: 1px solid var(--main-border-tables);
left:0;
padding:0 !important;
min-height:40px !important;
}
.tables_fd-body_table{
position:relative;
height:100%;
padding: 0 !important;
border-bottom:1px solid var(--main-border-tables);
}
.tables_fd-body_table:last-child {
border-bottom: none;
}
.tables_fd-menu_selection{
right:0;
top:35px;
border-radius:5px;
position:absolute;
width:230px;
height:auto;
z-index: 68;
background: white;
padding:10px;
}
.tables_fd-titles_menus{
padding:6px 5px !important;
margin-bottom:5px;
height: 35px;
position:relative;
cursor:pointer;
border-radius:5px;
}
.tables_fd-titles_menus:last-child{
margin-bottom:0;
}
.tables_fd-titles_menus>i{
float:left;
font-size:18px;
padding:3px 10px 2px 0 !important;
font-weight: 500;
}
.tables_fd-titles_menus>span{
font-weight: 500;
}
.tables_fd-titles_menus:hover{
background: #F2F2F2;
}
.tables_fd-menu_selection-division{
width:100%;
border-top:1px solid var(--main-border-tables);
position: absolute;
bottom: -4px;
left: 0px;
margin-top:1px;
margin-bottom:1px;
}
/* ------------------------------TABLAS-------------------------------------------- */
.folders-charge_nm{
height:100%;
width:100%;
position:absolute;
z-index:1;
border-radius:10px;
}
#select_users_cs .vs__search{
position: absolute !important;
width: 100% !important;
background: transparent !important;
}
.icon_img{
height: 20px;
float: left;
position: relative !important;
top: 2px !important;
padding:0 !important;
}
/*------------------FORMS------------------------*/
.autosuggest__results{
z-index:50 !important;
}
.form_element_input{
/*border-bottom: 1px solid #EAEAEA;*/
padding: 0 !important;
}
.form_element_input>div{
padding: 5px !important;
}
.head_form_input{
/*border-right: 1px solid #EAEAEA;*/
/*overflow: hidden;*/
padding-left: 3px !important;
height: auto !important;
}
.title_form_input{
/*min-height: 36px !important;*/
padding: 0px 5px 0px 5px !important;
font-size: 16px !important;
font-weight: 500 !important;
}
.title_form_input_desc{
margin-bottom: 10px;
padding: 10px;
}
.title_form_input>.description{
font-size: 14px !important;
white-space: pre-wrap !important;
font-weight: 400 !important;
}
.title_form_input>.subtitle{
font-size: 12px !important;
font-weight: 400 !important;
}
.title_form_input>b{
color: red;
position: absolute;
left: 2px;
}
.body_form_input{
/*border-right: 1px solid #EAEAEA;*/
padding: 6px !important;
position: relative;
border-radius: 10px;
}
.element_form_input{
min-height: 45px;
border: 1px solid #b9b9b9;
border-radius: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 16px;
}
.body_form_input.filedesk{
background: rgb(244, 247, 249);
}
.element_form_input.invalid{
border: 1px solid red;
}
.element_form_input.textarea{
resize: vertical;
height: 90px;
padding:10px;
}
.element_form_input.readonly{
background: rgb(248, 252, 255);
}
.element_form_input.switch{
padding-top: 10px;
border: none;
}
.element_form_input-date>.mx-input-wrapper>input{
height: 45px !important;
}
.readonly{
background: rgb(248, 252, 255);
}
.element_form_input_selector{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.element_form_input-count{
position: relative;
font-size: 10px;
border-radius: 60px;
padding: 0 2px;
float: left;
}
.element_form_input-info{
position: relative;
font-size: 10px;
border-radius: 60px;
padding: 0 2px;
z-index: 2;
float: left;
margin-left: 5px;
}
.element_form_input-info.invalid{
color:red !important;
}
.element_form_input-info.valid{
color:rgb(2, 196, 3) !important;
}
.element_form_input_selector>.add{
position: absolute;
top: 8px;
right: 45px;
height: 40px;
width: 40px;
border-radius: 6px 0 0 6px;
cursor: pointer;
border: 1px solid #b9b9b9;
padding-top: 9px;
text-align: center;
}
.element_form_input_selector>.remove{
position: absolute;
top: 8px;
right: 6px;
height: 40px;
width: 40px;
border-radius: 0 6px 6px 0;
cursor: pointer;
border: 1px solid #b9b9b9;
padding-top: 9px;
text-align: center;
}
.element_form_input_selector>div:hover{
background-color: aliceblue;
}
.country-selector__toggle {
top: 11px !important;
}
.input-tel__input{
height: 45px !important;
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}
.country-selector__input{
height: 45px !important;
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}
.country-selector__country-flag{
padding-top: 4px !important;
}
.form_file_upload{
border-radius:5px;
position:absolute;
bottom:6px;
left:5px;
z-index:3;
}
.form_file_upload>.users__body_formularios_file>div>.qt_center{
background:rgb(198, 255, 241);
border-radius:5px;
border: 1px solid #1C1066;
border-style: dashed;
}
.remove_file{
height:15px;
width:15px;
background:red;
border-radius:50%;
color:white;
position:absolute;
top:-4px;
right:-4px;
padding-left:1px;
padding-top:1px;
cursor:pointer;
z-index:2333;
}
.remove_file>i{
font-size:12px;
}
.form_file_uploades{
background: rgba(0, 0, 0, 0.1);
border-radius:5px;
overflow:auto;
padding-left:5px;
padding-right:5px;
position: relative;
display: flex;
flex-flow: wrap;
align-items: center;
justify-content: center;
}
.file_to_download_link_unique{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.form_file_upload>.users__body_formularios_file>div>.qt_center>i{
font-size: 30px;
position: absolute;
bottom: 50% !important;
left: calc(50% - 142px) !important;
transform: translate(-50%,50%) !important;
color: #1C1066 !important;
animation: none !important;
}
.form_file_upload>.users__body_formularios_file>div>.qt_center>div{
position: absolute;
bottom: 50% !important;
left: 50% !important;
transform: translate(-50%,50%) !important;
width: 242px;
background-color: transparent !important;
}
.form_file_upload>.users__body_formularios_file>div>.qt_center>div>span{
color: #1C1066 !important;
}
.file_to_download_link{
position:relative;
}
.element_form_input-ext{
position: absolute;
font-size: 10px;
bottom: -10px;
background: white;
border-radius: 60px;
padding: 0 2px;
right: 13px;
color: rgb(52, 65, 77);
}
.file_to_download{
background:rgb(255, 255, 255,0.1);
border-radius:5px;
min-height: 40px;
float:left;
padding: 10px;
padding-top:7px;
position:relative;
margin-right:8px;
margin-top:8px;
margin-bottom:8px;
cursor:pointer;
}
.file_to_download:hover{
-webkit-box-shadow: 0px 0px 5px 0px rgba(138,138,138,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(138,138,138,1);
box-shadow: 0px 0px 5px 0px rgba(138,138,138,1);
}
.file_to_download>span>a:hover{
cursor:pointer;
}
.file_to_download>div{
border-radius: 8px;
color: white;
text-align:center;
font-weight:600;
font-size:11px;
padding:2px;
float:left;
}
.file_to_download>span{
font-weight:500;
float:left;
margin-left:10px;
}
.form_file_uploades>.progress{
position:absolute;
top:0;
left:0;
}
.edit_image_form{
position:relative;
height:200px;
padding:0;
float: left;
}
.view_image_form{
position:absolute;
top:0;
left:0;
height: 100%;
width: 100%;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.edit_button_image_form{
position:absolute;
bottom:10px;
left:15px;
float:right;
border:none;
width: 50px;
height: 26px;
line-height: 26px;
text-align: center;
font-size: 12px;
border-radius: 2px;
background-color: #fff;
box-shadow: 0 0 3px 0 rgb(0 0 0 / 30%);
cursor: pointer;
}
.change_button_image_form{
position:absolute;
bottom:8px;
z-index: 30;
left:25px;
}
.remove_signature{
height:20px;
width:20px;
background:red;
border-radius:50%;
color:white;
position:absolute;
top:8px;
right:8px;
padding-left:1px;
padding-top:1px;
cursor:pointer;
z-index:2333;
}
.remove_signature>i{
font-size:18px;
}
.level_opt_form{
float:left;
position:relative;
}
.level_opts_container{
width:100%;
position: relative;
padding-left: 10px;
display: flex;
}
.noover{
filter: brightness(50%);
}
.over{
filter: brightness(90%);
}
.over.toselect{
cursor:pointer;
filter: brightness(100%);
}
.level_opt_form>span{
position: absolute;
bottom: -10px;
left: 2px;
}
.input_select_form_flow > .vs__dropdown-toggle{
height: 45px !important;
}
.input_select_form_flow_multiple > .vs__dropdown-toggle{
min-height: 45px !important;
}
.edit_sign_form{
position:relative;
padding:10px !important;
float: left;
border: 1px solid #b9b9b9;
border-radius: 5px;
}
.view_sign_form{
position:relative;
height: calc(100% - 30px);
width: 100%;
background-position: left;
background-size: contain;
background-repeat: no-repeat;
}
.edit_sign_form>span{
padding: 0 !important;
padding-top:2px !important;
font-size:10px;
color:gray;
}
.button_sign_form{
background: white;
border-radius:5px;
border:2px dotted #b9b9b9;
color: #00C08D;
cursor:pointer;
}
.remove_signature{
height:20px;
width:20px;
background:red;
border-radius:50%;
color:white;
position:absolute;
top:8px;
right:8px;
padding-left:1px;
padding-top:1px;
cursor:pointer;
z-index:2333;
}
.remove_signature>i{
font-size:18px;
}
.hr_parent{
position: relative;
padding: 0 !important;
}
.hr_custom{
position: absolute;
border: none;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.edit_image_form{
position:relative;
height:200px;
padding:0;
float: left;
}
.view_image_form{
position:absolute;
top:0;
left:0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
}
.send_btn_form{
height: 60px;
}
.btn-send__form{
position: absolute;
top: 50%;
height: 43px;
font-size: 15px;
font-weight: 500;
padding: 10px;
padding-top:10px;
padding-left: 50px;
padding-right: 25px;
border-radius: 10px;
cursor:pointer;
opacity: 0.6;
filter: brightness(50%);
}
.btn-send__form>i{
position: absolute;
left:15px;
top: 8px;
}
.btn-send__form.enabled{
opacity: 1;
filter: brightness(100%);
}
.btn-send__form.center{
transform: translate(-50%, -50%);
left: 50%;
}
.btn-send__form.left{
transform: translate(0, -50%);
left: 20px;
}
.btn-send__form.right{
transform: translate(0, -50%);
right: 20px;
}
.etext_form{
padding:10px !important;
}
.text_content_field {
white-space: pre-wrap !important;
}
.menu_field{
position: absolute;
bottom: -1px;
left:45px;
}
.ql-picker-options{
background: white !important;
}
.menu_field>.elm-tab{
cursor: pointer;
height: 35px;
width: 35px;
position: relative;
border-radius:8px 8px 0 0;
float:left;
}
.menu_field>.elm-tab>i{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
font-size: 22px;
color:rgba(0,0,0,0.3);
}
.menu_field>.elm-tab.active{
background:rgb(234, 235, 238);
border-top: 1px solid var(--main-border);
border-left: 1px solid var(--main-border);
border-right: 1px solid var(--main-border);
}
.menu_field>.elm-tab._.active{
background:rgb(255, 255, 255) !important;
}
.menu_field>.elm-tab.active>i{
color:rgb(0,0,0);
}
.ql-tooltip{
z-index:5;
background: #fff !important;
width: 250px !important;
border: 1px solid rgba(0,0,0,0.1);
box-shadow: rgb(198, 198, 198) 0px 0px 13px -3px;
}
.ql-tooltip-arrow{
border-bottom: 6px solid #fff !important;
box-shadow: rgb(198, 198, 198) 0px 0px 13px -3px;
}
.ql-editor{
padding:0 !important;
border: none !important;
overflow-y: hidden !important;
}
.ql-fill{
fill: #000 !important;
}
.ql-bubble .ql-picker {
color: rgb(67, 67, 67)333 !important
}
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected, .ql-bubble.ql-toolbar .ql-picker-item:hover, .ql-bubble .ql-toolbar .ql-picker-item:hover, .ql-bubble.ql-toolbar .ql-picker-label.ql-active, .ql-bubble .ql-toolbar .ql-picker-label.ql-active, .ql-bubble.ql-toolbar .ql-picker-label:hover, .ql-bubble .ql-toolbar .ql-picker-label:hover, .ql-bubble.ql-toolbar button.ql-active, .ql-bubble .ql-toolbar button.ql-active, .ql-bubble.ql-toolbar button:focus, .ql-bubble .ql-toolbar button:focus, .ql-bubble.ql-toolbar button:hover, .ql-bubble .ql-toolbar button:hover{
color: #000 !important;
}
.ql-stroke{
stroke:#000 !important;
}
.dynamic-style> :last-child::after {
content: " *";
color: rgb(254, 0, 0);
}
.device_viewport{
width: 30px;
height: 30px;
position: relative;
color:rgba(0,0,0,0.3);
}
.device_viewport.active{
color:#000;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 50%;
box-shadow: rgb(201, 201, 201) 0px 0px 13px -3px;
}
.vue-grid-item.vue-grid-placeholder {
background: green !important;
}
.grid::before {
content: '';
background-size: calc(calc(100% - 5px) / 12) 40px;
background-image: linear-gradient(
to right,
rgb(237, 237, 237) 1px,
transparent 1px
),
linear-gradient(to bottom, rgb(237, 237, 237) 1px, transparent 1px);
height: calc(100% - 5px);
width: calc(100% - 5px);
position: absolute;
background-repeat: repeat;
margin:5px;
}
.add_new_page_opc{
/*background: rgba(255,255,255,0.4);*/
height: 30px;
border-radius: 5px;
text-align: left;
position:absolute;
width: 100%;
left:0;
padding-top:4px;
font-weight: 500;
cursor:pointer;
color:#000;
opacity:0.6;
}
.add_new_page_opc:hover{
/*background: var(--main-color-success);*/
color: var(--main-color-success);
}
.add_new_page_opc.up{
top: -67px;
}
.add_new_page_opc.down{
bottom:-55px;
}
.box_drag {
padding: 5px 20px;
border-radius: 60px;
background: white;
font-weight: 700;
font-size: 15px;
position: fixed;
bottom: 0;
left: 0;
z-index: -1;
opacity: 0;
}
.form_content-pages {
height: 47px;
position: absolute;
bottom: 0;
z-index: 8;
padding-left: 176px !important;
padding-right: 92px !important;
}
.form_content-pages>div>span:hover{
font-weight: 700;
color:rgb(11, 11, 93);
}
.centered_fc {
overflow: hidden;
height: 47px;
padding-top: 10px;
display:flex;
justify-content: left;
margin-bottom: -17px;
}
.fc-pages_item {
float: left;
margin-left: 20px;
font-weight: 600;
height: 100%;
/*min-width: 20px;*/
border-radius: 1px;
text-align: center;
padding-left: 5px;
padding-right: 5px;
flex-grow: 0;
flex-shrink: 0;
}
.fc-pages_item>span {
color: rgb(61, 61, 61) !important;
}
.fc-pages_item.active {
border-bottom: 3px solid #004060;
}
.fc-pages_item.active>span {
color: #004060 !important;
}
.fc-pages_item:hover {
text-decoration: underline;
color: black;
cursor: pointer;
}
.fc-pages_add {
height: 43px;
margin-left: 15px;
position: absolute;
right: 10px;
top: 3px;
padding-left: 30px;
font-size: 14px;
font-weight: 600;
background: var(--main-color-success);
color: var(--main-color-success-text);
border-radius: 8px;
padding-right: 10px;
padding-top: 12px;
text-transform: capitalize;
}
.fc-pages_add_count{
height: 43px;
margin-left: 15px;
position: absolute;
right: 10px;
top: 3px;
padding-left: 30px;
font-size: 14px;
font-weight: 600;
text-transform: capitalize;
color:#000;
padding-top:12px;
opacity:0.7;
}
.fc-pages_add:hover {
cursor: pointer;
}
.fc-pages_add>i {
position: absolute;
left: 5px;
font-size: 18px;
top: 12px
}
.form_inputs_banner {
position: absolute;
right: 0;
width: 280px;
background: white;
border-left: 1px solid rgb(212, 212, 212);
height: 100%;
z-index: 40;
overflow: hidden;
overflow-y: auto;
}
.form_inputs_selected {
position: absolute;
right: 0;
width: 280px;
background: rgb(234, 235, 238);
border-left: 1px solid rgb(212, 212, 212);
height: 100%;
z-index: 99;
overflow: hidden;
overflow-y: auto;
}
.form_structure {
height: 100%;
position: absolute;
left: 0;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
/*padding-top: 30px;*/
}
.form_structure.menu {
width: calc(100% - 280px);
}
.form_structure.menu_sp {
width: calc(100% - 560px);
margin-left: 280px;
}
.form_str_page {
position: relative;
margin-top: 50px;
margin-bottom: 10px;
/*min-height: 200px !important;*/
}
.form_str_page_structure {
border: 1px solid #e1e1e1;
border-radius: 10px;
padding: 16px !important;
background: white;
}
.form_str_page_structure.active {
border: 2px solid #004060;
}
.form_str_page>.content>.banner_content {
position: absolute;
height: 16px;
width: 100px;
top: -16px;
right: -2px;
background-color: #e1e1e1;
border-radius: 60px 3px 0 0;
font-size: 11px;
font-weight: 700;
}
.form_str_page_structure.active>.content>.banner_content {
background-color: #004060;
color: white;
}
.form_str_page_structure>.content>.banner_content>i {
font-size: 14px;
color: red;
cursor: pointer;
position: absolute;
right: 1px;
width: 14px;
}
.group_inputs_content {
padding: 10px;
border: 1px solid rgb(212, 212, 212);
border-radius: 8px;
float: left;
position: relative;
}
.group_inputs_content._over {
border-radius: 3px;
background: #fafffe;
cursor: pointer;
-webkit-box-shadow: 0px 0px 0px 1px rgba(110, 164, 153, 1);
-moz-box-shadow: 0px 0px 0px 1px rgba(110, 164, 153, 1);
box-shadow: 0px 0px 0px 1px rgba(110, 164, 153, 1);
}
.group_inputs_content._active {
border-radius: 3px;
background: #E2F2FF;
cursor: pointer;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 143, 255, 1);
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 143, 255, 1);
box-shadow: 0px 0px 0px 1px rgba(0, 143, 255, 1);
}
.form_inputs_content {
float: left;
/*padding-left: 10px;
padding-right: 10px;*/
position: relative;
}
.form_inputs_content._over {
cursor: pointer;
z-index: 2;
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(110, 164, 153, 1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(110, 164, 153, 1);
box-shadow: inset 0px 0px 0px 1px rgba(110, 164, 153, 1);
}
.form_inputs_content._over::before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #65b8a7;
opacity:0.1;
pointer-events: none;
z-index: 3;
}
.form_inputs_content._active {
cursor: pointer;
z-index: 1;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 143, 255, 1), inset 0px 0px 0px 1px rgba(0, 143, 255, 1);
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 143, 255, 1), inset 0px 0px 0px 1px rgba(0, 143, 255, 1);
box-shadow: 0px 0px 0px 1px rgba(0, 143, 255, 1), inset 0px 0px 0px 1px rgba(0, 143, 255, 1);
}
.form_inputs_content._active::before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #6599c4;
opacity:0.1;
pointer-events: none;
z-index: 1;
}
.container_layout {
position: relative;
display: flex;
flex-flow: wrap;
}
.container_layout.active {
-webkit-box-shadow: 0px 0px 0px 1px rgba(110, 164, 153, 1), inset 0px 0px 0px 1px rgba(110, 164, 153, 1);
-moz-box-shadow: 0px 0px 0px 1px rgba(110, 164, 153, 1), inset 0px 0px 0px 1px rgba(110, 164, 153, 1);
box-shadow: 0px 0px 0px 1px rgba(110, 164, 153, 1), inset 0px 0px 0px 1px rgba(110, 164, 153, 1);
}
.layout_drop_zone {
z-index: 60;
position: absolute;
border-radius: 60px;
background: rgb(110, 164, 153);
text-align: center;
color: rgb(110, 164, 153);
}
.layout_drop_zone>i {
display: none;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.layout_drop_zone.up {
height: 12px;
width: 80px;
left: 50%;
top: 0;
transform: translate(-50%, -50%)
}
.layout_drop_zone.down {
height: 12px;
width: 80px;
left: 50%;
bottom: 0;
transform: translate(-50%, 50%)
}
.layout_drop_zone.left {
height: 80px;
width: 12px;
left: 0;
top: 50%;
transform: translate(-50%, -50%)
}
.layout_drop_zone.right {
height: 80px;
width: 12px;
right: 0;
top: 50%;
transform: translate(50%, -50%)
}
.layout_drop_zone.active {
background: white;
-webkit-box-shadow: 0px 0px 0px 2px rgba(110, 164, 153, 1);
-moz-box-shadow: 0px 0px 0px 2px rgba(110, 164, 153, 1);
box-shadow: 0px 0px 0px 2px rgba(110, 164, 153, 1);
}
.layout_drop_zone.active.up,
.layout_drop_zone.active.down {
height: 24px;
}
.layout_drop_zone.active.left,
.layout_drop_zone.active.right {
width: 24px;
}
.layout_drop_zone.active>i {
display: block;
}
.drag_zone {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background: rgba(110, 164, 153, 0.2);
z-index: 5;
}
.qt_center-vertical {
display: flex;
align-items: center;
}
.DraggElementItem {
/*padding: 0 !important;*/
background-color: #fff;
}
.DraggElementItem_cart{
height:90px;
border-radius:10px;
border: 1px solid var(--main-border);
cursor:grab;
}
.DraggElementItem_cart:hover{
background: rgb(226, 242, 255);
box-shadow: rgb(0, 143, 255) 0px 0px 0px 1px inset;
}
.DraggElementItem-conIcon {
position: relative;
box-sizing: border-box;
height: 50px;
width: 50px;
float: left;
}
.DraggElementItem-conIcon>img {
height: 25px;
width: 25px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.items_layout_empty {
height: 165px;
background: rgba(110, 164, 153, 0.1);
width: 100%;
border-radius: 8px;
}
.delete_field {
position: absolute;
left: -10px;
background: red;
border-radius: 50%;
font-size: 16px;
padding: 3px;
color: white;
z-index: 400;
top: -11px;
}
.copy_field {
position: absolute;
left: -10px;
background: #004060;
border-radius: 50%;
font-size: 16px;
padding: 3px;
color: #fff;
z-index: 400;
top: 15px;
}
.preview_button{
cursor:pointer;
position:absolute;
top:12px;
height:30px;
padding-top:3px;
padding-left:3px;
padding-right:8px;
border-radius:60px;
background:white;
color:rgb(0, 0, 0, 0.6);
border: 1px solid rgba(0,0,0,0.1);
padding-left: 30px;
cursor: pointer;
}
.preview_button>i{
position: absolute;
left:8px;
top:6px;
font-size:15px;
}
.preview_button:hover {
color: #000;
}
.theme_button{
cursor:pointer;
position:absolute;
top:13px;
left:0;
height:30px;
padding-top:3px;
padding-left:3px;
padding-right:8px;
border-radius:0 10px 10px 0;
background:white;
color:rgb(0, 0, 0, 0.6);
border: 1px solid rgba(0,0,0,0.1);
padding-left: 30px;
transition: background-color 0.3s;
cursor: pointer;
}
.theme_button>i{
position: absolute;
left:8px;
top:6px;
font-size:15px;
}
.theme_button:hover {
background: linear-gradient(270deg, #f06, #ffcc00, #abf200, #00d2ff, #3f00ff, #f06);
background-size: 1200% 1200%;
color:white;
-webkit-animation: RainbowAnimation 10s ease infinite;
-moz-animation: RainbowAnimation 10s ease infinite;
animation: RainbowAnimation 10s ease infinite;
}
@-webkit-keyframes RainbowAnimation {
0% {background-position: 0% 50%}
50% {background-position: 100% 50%}
100% {background-position: 0% 50%}
}
@-moz-keyframes RainbowAnimation {
0% {background-position: 0% 50%}
50% {background-position: 100% 50%}
100% {background-position: 0% 50%}
}
@keyframes RainbowAnimation {
0% {background-position: 0% 50%}
50% {background-position: 100% 50%}
100% {background-position: 0% 50%}
}
/*------------------FORMS------------------------*/
.table-striped:nth-child(odd) {
background-color: var(--filters-fondo-stripe);
}
.table-striped:nth-child(even) {
background-color: #fff;
}
.docs-striped{
background-color: var(--filters-fondo-stripe);;
}
/*------------------FORMS------------------------*/
.folder_open{
background-image: url('../img/folders/carpeta_abierta.svg');
background-position: center;
background-size: cover;
color: red;
}
.folder_close{
background-image: url('../img/folders/carpeta_abierta.svg');
color: red;
}
.cm-s-default .cm-var {
color: #00fdff;
}
.cm-s-default .cm-var-original {
color: #00ff88;
}
.cm-s-default .cm-var-text-original {
color: #ff8c00;
}
.cm-s-default .cm-var-reserve {
color: #9affb0;
}
#dataPickerRange .mx-datepicker-popup{
transform: translateX(-50%);
}
.opc_input{
padding:0 !important;
position:relative;
padding-right: 60px !important;
}
.opc_shild{
position: absolute;
right:0;
top:3px;
cursor:pointer;
}
.opc_act{
padding-top:3px;
float:left;
height:30px;
border:1px solid rgba(60,60,60,.26);
color: rgb(60,60,60);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.opc_act.add{
border-radius:5px 0 0 5px;
border-right:none;
}
.opc_act.remove{
border-radius: 0 5px 5px 0;
}
.CodeMirror.cm-s-default{
border-radius: 10px;
}
.span_color_button{
float: left;
display: inline-block;
cursor: pointer;
text-decoration: underline;
color: var(--main-fondo-buttons-purple);
font-weight: 600;
margin-top: 10px;
}
.dbs_icons_data_source_info_additional{
height:35px;
width:35px;
float:left;
}
.emoji_height{
height:100%;
width:60px;
}
.emoji_height .emoji-type-image{
height:35px !important;
width:35px !important;
top: 50% !important;
position: absolute;
transform: translate(0, -50%);
transform: translate(-50%, -50%);
left: 50%;
}
/*AQUI VA TODO LO DE LOGIN*/
.btn-take_form {
position: absolute;
left: 50%;
top: 50%;
height: 43px;
background-color: rgb(22, 108, 204);
color: white;
transform: translate(-50%, -50%);
font-size: 14px;
font-weight: 500;
padding: 10px;
padding-left: 25px;
padding-right: 25px;
border-radius: 10px;
cursor: pointer;
}
.icon-take_form {
position: absolute;
top: 50%;
left: calc(50% - 110px);
transform: translate(-50%, -50%);
font-size: 30px;
color: rgba(112, 160, 215, 0.3);
}
.btn-send_form {
/*position: absolute;
right: 20px;
top: 50%;*/
height: 43px;
background-color: #414141;
color: white;
/*transform: translate(0, -50%);*/
font-size: 14px;
font-weight: 500;
padding: 10px;
/*padding-left: 25px;
padding-right: 25px;*/
text-align: center;
padding-top: 8px;
width: 43px;
border-radius: 10px;
cursor: pointer;
}
.btn-send_form.active {
background-color: #02664b;
}
.btn-next_last_form {
/*position: absolute;
top: 50%;*/
height: 43px;
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid rgba(0, 0, 0, 0.1);
color: black;
/*transform: translate(0, -50%);*/
font-size: 14px;
font-weight: 500;
padding: 10px;
/*padding-left: 25px;
padding-right: 25px;*/
padding-top: 8px;
width: 43px;
text-align: center;
border-radius: 10px;
cursor: pointer;
}
.btn-next_last_form.next {
right: 20px;
}
.btn-next_last_form.past {
left: 20px;
}
.barra {
position: fixed;
top: 0;
left: 0;
height: 35px;
background: rgba(0, 0, 0, 0.2);
width: 100%;
z-index: 100;
backdrop-filter: blur(10px);
}
.barra_ce {
position: absolute;
left: 0;
top: 0;
/*transform: translate(-50%,0);*/
/*width:450px;*/
display: flex;
flex-direction: row;
}
.barra_ce>div {
color: white;
font-weight: 500;
float: left;
height: 35px;
/*min-width: 150px;*/
padding-top: 7px;
text-align: center;
padding-left: 15px;
padding-right: 15px;
cursor: pointer;
}
.barra_ce>div.active {
color: white;
font-weight: 500;
float: left;
height: 35px;
/*min-width: 150px;*/
padding-top: 7px;
text-align: center;
padding-left: 15px;
padding-right: 15px;
background: rgba(0, 0, 0, 0.2);
}
.cbox_select_decision {
position: absolute;
left: 50% !important;
top: 50%;
transform: translate(-50%, -50%);
width: 50px;
background: white;
border-radius: 8px;
}
.btn-decision {
height: 45px;
font-size: 20px;
font-weight: 600;
text-align: center;
padding-top: 8px;
border-radius: 8px;
margin-top: 10px;
cursor: pointer;
}
.require_label {
padding-top: 10px !important;
padding-bottom: 10px !important;
background: rgb(252, 218, 218);
border-radius: 10px;
margin-bottom: 20px;
}
.require_label>.title_rl {
font-weight: 600;
color: rgb(249, 49, 49);
}
.require_label>.item_rl {
color: rgb(255, 84, 84);
}
.require_label>.item_rl:hover {
text-decoration: underline;
cursor: pointer;
}
.head_vars {
height: 40px;
background-color: #555556;
color: white;
font-weight: 600;
padding-top: 8px !important;
padding-left: 15px !important;
border-right: 1px solid white;
}
.head_vars.val {
background-color: #1b0f66 !important;
}
.body_vars {
background-color: #f2f2f2;
}
/*AQUI TERMINA TODO LO DE LOGIN*/
.menu_table_height{
margin-bottom:5px;
height:28px;
padding-top:3px !important;
cursor:pointer;
}
.menu_table_height:hover{
background: #f4f6f8 !important;
}
.icon_img_process{
height: 20px;
float: left;
position: relative !important;
top: 4px !important;
padding:0 !important;
}