.e-control {
    font-family: "Poppins", sans-serif;
}

.e-tab .e-toolbar-items .e-toolbar-item .e-tab-text {
    font-family: "Poppins", sans-serif;
}

.e-card {
    font-family: "Poppins", sans-serif;
} 

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
}

.validation-message {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.a-with-style {
    color: #007bff !important;
    cursor: pointer !important;
}

.general-loader {
    border: none !important;
}

.e-dlg-container {
    z-index: 999 !important;
}

.modal-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999999999 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    --sk-color: white;
}

.custom-separator-height {
    line-height: 3;
}

.custom-modal .k-window-title { 
    color: #ffffff !important;
}

.custom-modal .k-window-titlebar {
    background: #0177b5;
}

.custom-modal .k-window-titlebar span {
    margin-left: 5px;
}

.e-dialog {
    background-color: #25378b;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.e-dialog .e-dlg-header-content {
    background-color: #25378b;
    color: #ffffff !important;
}

.e-grid td.e-active {
    background: rgba(4, 137, 177, 0.22) !important;
}

.slider-success .e-handle,
.slider-success .e-range {
    background-color: #23af47 !important;
}

.slider-warning .e-handle,
.slider-warning .e-range {
    background-color: #fbbc06 !important;
}

.slider-info .e-handle,
.slider-info .e-range {
    background-color: #02abfe !important;
}

.control_wrapper {
    max-width: 800px;
    margin: auto;
    border: 1px solid #dddddd;
    border-radius: 3px;
    float: left;
}

.e-treeview .e-list-text {
    width: 95%;
}

.treeCount.e-badge {
    padding: 0.4em;
    vertical-align: text-bottom;
}

.material .treeCount.e-badge {
    vertical-align: middle;
}

.nodetext {
    float: left;
}

.e-rtl .nodetext {
    float: right;
}

.nodebadge {
    float: right;
    margin-right: 5px
}

.e-rtl .nodebadge {
    float: left;
    margin-left: 5px
}

.sub-option {
    line-height: 2;
}

.ddl-inline {
     display: inline !important;
}

.div-hide {
    display: none;
}

.div-visible {
    display: inline-block;
}

.non-border,
.non-border ul li {
    border: none !important;
}


/*buttons custom syncfunsion*/
.e-btn.e-outline.e-primary, .e-css.e-btn.e-outline.e-primary {
    border-color: #25378b;
    color: #25378b;
}
.e-btn.e-outline.e-primary:hover, .e-css.e-btn.e-outline.e-primary:hover {
    background-color: #25378b;
    border-color: #25378b;
    color: #fff;
}
.e-btn.e-outline.e-primary:active, .e-btn.e-outline.e-primary.e-active, .e-css.e-btn.e-outline.e-primary:active, .e-css.e-btn.e-outline.e-primary.e-active {
    background-color: #25378b;
    border-color: transparent;
    box-shadow: none;
    color: #fff;
}
.e-btn.e-outline.e-primary:focus, .e-css.e-btn.e-outline.e-primary:focus {
    background-color: #25378b;
    border-color: #25378b;
    color: #fff;
    box-shadow: none;
}

/*custom elements grid css for syncfusion*/
.e-pager .e-currentitem, .e-pager .e-currentitem:hover {
    background: #25378b;
    color: #fff;
    opacity: 1;
}
/*custom elements css for dropdrownlist*/
.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] {
    align-self: center;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
    padding: 8.5px;
}



@font-face {
    font-family: 'Toast_icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

#toast_types button {
    margin: 5px;
    min-width: 160px;
    max-width: 160px;
}

.toast-icons {
    font-family: 'Toast_icons' !important;
    speak: none;
    font-size: 55px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#toast_type .e-toast-icon.e-icons {
    height: auto;
    font-size: 30px;
}

.toast-icons.e-success::before {
    content: "\e701";
}

.toast-icons.e-error::before {
    content: "\e700";
}

.toast-icons.e-info::before {
    content: "\e704";
}

.toast-icons.e-warning::before {
    content: "\e703";
}

#toast_types {
    text-align: center;
}
.toast-top {
    z-index: 1000 !important;
}

.e-card .e-card-image {
    min-height: 300px;
}

.e-card .e-card-header .e-card-header-caption .e-card-header-title {
    font-size: 20px;
    font-family: Helvetica, 'Segoe UI';
    font-weight: bold;
}

.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
    padding-top: 5px;
}

.card .card-title {
    text-transform: none !important; 
}

.breadcrumb-no-border {
    border: none !important;
    font-size: 1rem;
    margin-top: 10px;
}

.breadcrumb .breadcrumb-item {
    font-size: 1rem;
}

.company-actions {
    padding-left: 5px;
    cursor: pointer;
    height: 20px;
}

.company-edit-action:hover {
    color:red !important;
} 

.company-edit-control{
    display: none;
}

.company-field{
    padding-top: 10px;
}

.e-query-builder {
    border: none !important;
}

.closeMenuButton {
    cursor: pointer;
}

.image_nodata{
    width: 12rem;
}

.logo-image {
    width: 50%;
    height: 50%;
    -webkit-object-fit: contain;
    object-fit: contain;
}

.e-query-builder {
    margin: 0 auto;
}

.btn_group_directory .dropdown-toggle::after {
    display: none !important;
    content: none;
}
.btn_group_document_options button{
    width: 30px !important;
    height: 30px !important;
}
.btn_document_favorite {
    cursor: pointer;
}
.btn_document_favorite i {
    font-size: 1rem;
}
.btn_document_favorite i:hover {
    color: #25378b !important;
}

.control-files {
    max-height: 350px;
    overflow: auto;
}

.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
    color: white;
}

/*.e-tab-text {
    color: white !important;
}*/

.navbar .navbar-menu-wrapper {
    box-shadow: 0 4px 6px 0 rgba(12,0,46,.05);
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    color: #0663b1;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-icon {
    color: #0663b1;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
    color: #76838f;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    color: #76838f;
    background: #f5f5f5;
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
    color: #0663b1;
}

.e-toolbar-item.e-active .e-tab-text {
    color: #0663b1 !important;
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    background: #fff;
}

.display-3 {
    color: #013c75;
    font-size: 2rem !important;
    line-height: 1.2;
    font-weight: bold;
}

.company-actions.text-warning {
    color: red !important;
}

.nav-link .align-self-center .active {
    border-bottom-color: #F4D419;
}

#loader-dodo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 95vh;
    padding-top: 35vh;
}
/* css del componente Kebab (botón con listado de opciones) */
.e-dropdown-btn, .e-btn, .e-css.e-btn {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #6c757d;
}

.e-dropdown-btn, .e-btn:hover, .e-css.e-btn:hover {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #fff;
}

.e-dropdown-btn, .e-btn.e-active, .e-css.e-btn.e-active {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #6c757d;
}
/* FIN css del componente Kebab (botón con listado de opciones) */

/*alto de los combo box*/
.e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
    height: 40px;
}
/*alto de la caja de texto*/
.input-group > .form-control:not(:last-child) {
    height: 40px;
}
/*sección del menú superior donde esta el logo*/
.navbar .navbar-brand-wrapper {
    background: #fff;
    box-shadow: 0 4px 6px 0 rgba(12,0,46,.05);
}
/*seleccionar un item del menú que no se desplega*/
.sidebar .nav .nav-item .active {
    background: #1a1c29;
    border-radius: 1.313rem 0rem 0rem 1.313rem;
}
/*barra superior*/
/*.navbar .navbar-menu-wrapper {
    background: #222437;
}*/
/* FIN sección información del usuario*/

.form-group label {
    margin-bottom: .1rem;
}
.form-control-lg {
    height: 40px;
}
.form-group {
    margin-bottom: 1.0rem;
}
.input-group-prepend {
    height: 40px;
}

/*sección información del usuario*/
.profile-name a {
    font-size: 0.75rem;
    color: #fff;
    font-weight: 500;
}
.profile-name p {
    line-height: 12px;
    margin: 5px;
    font-size: 0.65rem;
}
.profile-name .info-company p {
    margin-top: -5px;
}
.sidebar-light .sidebar .nav:not(.sub-menu) > .nav-profile:hover > .nav-link {
    background: #dddee3;
}
.sidebar .nav .nav-item.nav-profile .profile-image img {
    width: 50px;
    height: 50px;
    margin-left: -15px;
    margin-top: 0;
}
@media (min-width: 992px) {
    .sidebar-icon-only .sidebar .nav .nav-item.nav-profile .profile-image img {
        margin-left: 1px;
    }
}
/*FIN sección información del usuario*/

.autocomplete-container {
    border-bottom: 1px solid #373535;
    word-wrap: break-word !important;
    width: 100%;
}

.autocomplete-container-name {
    display: block !important;
    opacity: .87;
    font-size: 16px;
    margin-top: 8px;
    word-wrap: break-word !important;
    width: 100%;
}

.autocomplete-container-email {
    opacity: .54;
    font-size: 12px;
    margin-top: -5px;
    margin-bottom: 7px;
}

/*color azul a todas las etiquetas de los formularios*/
form {
    color: #25378b;
}

/*distancia entre líneas de texto en los formularios*/
p span {
    line-height: 1.5;
}

/*alto del control text area*/
span.e-control-container.e-control-wrapper.e-multi-line-input.e-input-group.valid {
    height: 120px;
}

/*label de un textarea*/
#Description-label {
    /*width: 175px;*/
}


.visit-detail {
    line-height: 0.3rem !important;
}

.card-select {
    width: 18%;
    height: 30px;
    background-color: #25378b;
    color: white !important;
    font-size: small;
    margin-top: 15px;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

.card-select div {
    margin-left: 13px;
    margin-top: 8px;
}

.card-select span {
    color: white !important;
}

.e-kanban .e-card .e-card-tag {
    background: #ececec;
    color: #6b6b6b;
    margin-right: 5px;
    line-height: 1.1;
    font-size: 13px;
    border-radius: 3px;
    padding: 4px;
    font-weight: bold;
}

.swal2-container {
    z-index: 3000000001 !important;
}

.e-orgchart-template-div-style {
    position: absolute;
    width: 177px;
    height: 54px;
    border: 1px solid #666666;
    background: #96d58e;
    box-sizing: border-box;
    border-radius: 5px;
}

e-orgchart-template-name-style {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1px;
    color: #363636;
    margin-top: 8px;
    height: 8px
}

.modal-search-grid {
    max-height: 360px !important;
    overflow: auto;
}