@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

* {
    font-size: 15px;
    font-weight: lighter;
    font-family: "Roboto", sans-serif;
}

h1 {
    font-size: 40px;
    font-weight: lighter;
    color: #585657;
}

h2 {
    font-size: 35px;
    font-weight: lighter;
    color: #585657;
}

h3 {
    font-size: 25px;
    font-weight: normal;
    color: #585657;
}

h4 {
    font-size: 25px;
    font-weight: bold;
    color: #585657;
}


.card-body, html, body {
    /*background: #fBfBfB !important;*/
}

html, body {
    height: auto;
    padding: 0 !important;
    background-color: white;
}

html {
    height: 100%;
}

.BodyLogin {
    padding: 0;
    margin: 0;
    height: 100% !important;
}

#main-wrapper {
    background: #fBfBfB !important;
    height: 100%;
}

.navbar-header a.btn b > img {
    max-width: 25px;
    max-height: 25px;
}

.navbar-header a.btn span > img {
    max-width: 125px;
    max-height: 40px;
}

.oculto {
    display: none;
}

.btn, .form-control, input, select {
    border-radius: 5px !important;
}

.NoRoundedLeft {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.NoRoundedRight {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

/*
.dataTable_paginateFooter
{
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
}*/

/*
.dataTables_paginate a.btn.Inabtn1
{
    border-radius: 0 !important;
}


.dataTables_paginate li:last-child a.btn
{
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.dataTables_paginate li:first-child a.btn
{
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}*/


/*
.row.formBusqueda input,
.row.formBusquedaParametros input,
.row.formBusquedaClientesMRevisiones input
{
    height: 42px;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}*/


.row#FormDefinirObjetivos label {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0px;
    padding-bottom: 0;
    vertical-align: middle;
}

.row#FormDefinirObjetivos input {
    height: 42px;
    margin: 0 auto;
}

.row#FormDefinirObjetivos input[type="radio"] {
    height: auto;
    vertical-align: middle;
}

.login-content.card {
    border-radius: 5px;
}

/*
.row.formBusqueda .btn {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}


.row#FormDefinirObjetivos .btn 
{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}


.row#FormDefinirObjetivos .btn:last-child {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}


.row#FormDefinirObjetivos .btn:first-child {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}*/


.row.formBusquedaParametros,
.row.formBusquedaClientesMRevisiones {
    padding-right: 0 !important;
}

.row.formBusquedaParametros > .form-group.row:first-child,
.row.formBusquedaClientesMRevisiones > .form-group.row:first-child {
    padding-right: 25px !important;
}

.row.formBusquedaParametros > .form-group.row:last-of-type,
.row.formBusquedaClientesMRevisiones > .form-group.row:last-of-type {
    padding-left: 25px !important;
    padding-right: 0;
    margin-right: 0;
}

@media (max-width: 767px) {
    .row.formBusquedaParametros > .form-group.row:first-child,
    .row.formBusquedaClientesMRevisiones > .form-group.row:first-child {
        padding-right: inherit !important;
    }

    .row.formBusquedaParametros > .form-group.row:last-of-type,
    .row.formBusquedaClientesMRevisiones > .form-group.row:last-of-type {
        padding-left: inherit !important;
    }
}

@media (max-width: 575px) {
    .row.formBusqueda input {
        border-top-right-radius: 5px !important;
        border-top-left-radius: 5px !important;
        border-bottom-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }

    .row.formBusqueda .btn {
        border-bottom-right-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
        border-top-right-radius: 0px !important;
        border-top-left-radius: 0px !important;
    }
}

/*
@media (max-width: 992px) 
{
    .row#FormDefinirObjetivos .btn:last-child {
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 5px !important;
    }


    .row#FormDefinirObjetivos .btn:first-child {
        border-top-right-radius: 5px !important;
        border-bottom-left-radius: 0px !important;
    }
}*/


.modal .Inainput1, #CreateForm .Inainput1 {
    margin-top: -5px;
}

.CategoriasText {
    margin-top: 10px;
}

.Inainput1, .Inainput1:-webkit-autofill {
    background-color: white !important;
    color: #585657 !important;
    border: 1px solid #fafafa !important;
}

.Inainput2, .Inainput2:-webkit-autofill {
    background-color: #e8edef !important;
    color: #585657 !important;
    border: 1px solid #e8edef !important;
}


.Inainput1:-webkit-autofill {

    -webkit-text-fill-color: #585657;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.Inainput2:-webkit-autofill {
    -webkit-text-fill-color: #585657;
    -webkit-box-shadow: 0 0 0px 1000px #e8edef inset;
}

.Inainput1[disabled], .Inainput2[disabled] {
    background: transparent !important;
    font-style: italic;
    border: none !important;
    margin-top: -5px !important;
}

.Inainput1:not([disabled]):not(.disabled):hover, .Inainput1:not([disabled]):not(.disabled):-webkit-autofill:hover,
.Inainput1:not([disabled]):not(.disabled):focus, .Inainput1:-webkit-autofill:not([disabled]):not(.disabled):focus,
.Inainput2:not([disabled]):not(.disabled):hover, .Inainput2:not([disabled]):not(.disabled):-webkit-autofill:hover,
.Inainput2[readonly]:not([disabled]):not(.disabled):hover, .Inainput2[readonly]:not([disabled]):not(.disabled):-webkit-autofill:hover,
.Inainput2:not([disabled]):not(.disabled):focus, .Inainput2:-webkit-autofill:not([disabled]):not(.disabled):focus {
    border-color: #585657 !important;
}

.Inainput1:not([disabled]):not(.disabled):-webkit-autofill:hover, .Inainput1:-webkit-autofill:not([disabled]):not(.disabled):focus {
    -webkit-text-fill-color: #585657;
    -webkit-box-shadow: 0 0 0px 1000px #fafafa inset;
}

.Inainput2:not([disabled]):not(.disabled):-webkit-autofill:hover, .Inainput2:-webkit-autofill:not([disabled]):not(.disabled):focus {
    -webkit-text-fill-color: #585657;
    -webkit-box-shadow: 0 0 0px 1000px #e9e8e8 inset;

}

.Inainput1:not([disabled]):not(.disabled):focus, .Inainput1:-webkit-autofill:not([disabled]):not(.disabled):focus,
.Inainput2:not([disabled]):not(.disabled):focus, .Inainput2:-webkit-autofill:not([disabled]):not(.disabled):focus {
    font-weight: bold;
}

input::-webkit-input-placeholder, input:focus::-webkit-input-placeholder,
input:-moz-placeholder, input:focus:-moz-placeholder, input::-moz-placeholder, input:focus::-moz-placeholder,
input:-ms-input-placeholder, input:focus:-ms-input-placeholder {
    font-weight: normal !important;
}


.row.formBusqueda,
.row#FormDefinirObjetivos,
.row.formBusquedaParametros,
.row.formBusquedaClientesMRevisiones {
    padding: 0 15px;
    vertical-align: middle;
}

.InabtnTodos {
    background-color: #3db7b0;
    color: white;
    min-width: 100px;
}

#ModalVincularAgente .BotonesSelectorAgentes {
    width: 50%;
}

.InabtnTodos:not([disabled]):not(.disabled):hover, .InabtnTodos:not([disabled]):not(.disabled):focus {
    background-color: #26968E !important;
    color: white;
}

.InabtnNinguno {
    background-color: #ef7a7a;
    color: white;
    min-width: 100px;
}

.InabtnNinguno:not([disabled]):not(.disabled):hover, .InabtnNinguno:not([disabled]):not(.disabled):focus {
    background-color: #c04e50 !important;
    color: white;
}

.InabtnAccept {
    background-color: #3db7b0;
    color: white;
}

.InabtnAccept:not([disabled]):not(.disabled):hover, .InabtnAccept:not([disabled]):not(.disabled):focus {
    background-color: #26968E !important;
    color: white;
}

.InabtnCancel {
    background-color: #ef7a7a;
    color: white;
}

.InabtnCancel:not([disabled]):not(.disabled):hover, .InabtnCancel:not([disabled]):not(.disabled):focus {
    background-color: #c04e50 !important;
    color: white;
}


.InabtnCancel:not([disabled]):not(.disabled):active, .InabtnAccept:not([disabled]):not(.disabled):active {
    font-weight: bold;
}


.Inabtn1 {
    background-color: white !important;
    border: 1px solid #444f56 !important;
    color: #444f56 !important;
}

.Inabtn1:not([disabled]):not(.disabled):active, .Inabtn1:not([disabled]):not(.disabled):hover, .Inabtn1:not([disabled]):not(.disabled):focus {
    box-shadow: none;
}

.Inabtn1:not([disabled]):not(.disabled):hover, .Inabtn1:not([disabled]):not(.disabled):focus {
    background-color: #444f56 !important;
    color: #f9f8f8 !important;
}


.Inabtn1:not([disabled]):not(.disabled):active {
    background-color: #353e3d !important;
    border-color: #353e3d !important;
    color: #f9f8f8 !important;
}


.Inabtn2 {
    background-color: #e9e8e8 !important;
    border: 1px solid #e9e8e8 !important;
    color: #585657 !important;
}

.Inabtn2:not([disabled]):not(.disabled):active, .Inabtn2:not([disabled]):not(.disabled):hover, .Inabtn2:not([disabled]):not(.disabled):focus {
    box-shadow: none;
}

.Inabtn2:not([disabled]):not(.disabled):hover, .Inabtn2:not([disabled]):not(.disabled):focus {
    background-color: #FAFAFA !important;
    border-color: #585657 !important;
}


.Inabtn2:not([disabled]):not(.disabled):active {
    border: 2px solid #585657 !important;
}


.Inabtn3:not([disabled]):not(.disabled) {
    background-color: white !important;
    color: #444f56 !important;
}

.Inabtn3:not([disabled]):not(.disabled):active, .Inabtn3:not([disabled]):not(.disabled):hover, .Inabtn3:not([disabled]):not(.disabled):focus {
    box-shadow: none;
}

.Inabtn3:not([disabled]):not(.disabled):hover, .Inabtn3:not([disabled]):not(.disabled):focus {
    background-color: #26968e !important;
    color: white !important;
}


.Inabtn3:not([disabled]):not(.disabled):active, .Inabtn3.active:not([disabled]):not(.disabled) {
    background-color: #3DB7B0 !important;
    color: white !important;
    font-weight: initial !important;
}


.NewInabtn {
    background-color: #3DB7B0 !important;
    color: #fafafa !important;
    font-weight: bold;
}

.NewInabtn:not([disabled]):not(.disabled):hover, .NewInabtn:not([disabled]):not(.disabled):focus {
    background-color: #26968e !important;
}

/*
.NewInabtnlogin:not([disabled]):not(.disabled):active {
    text-decoration: underline;
    font-style:italic;
}*/


.Inabtnlogin {
    background-color: #353a3d !important;
    border: 1px solid #f9f8f8 !important;
    color: #f9f8f8 !important;
}

/*
.Inabtnlogin:active, .Inabtnlogin:hover, .Inabtnlogin:focus {
    box-shadow: none;
}*/

a.Inabtnlogin:not([disabled]):not(.disabled):hover, a.Inabtnlogin:not([disabled]):not(.disabled):focus {
    background-color: #444f56 !important;
}


a.Inabtnlogin:not([disabled]):not(.disabled):active {
    text-decoration: underline;
    font-weight: bold;
}


.Inabtnlogin2:not([disabled]):not(.disabled):active {
    background-color: #444f56 !important;
    /* border-color: #444f56 !important;*/
    color: white !important;
}

.loginValidation {
    padding: 0;
    padding-bottom: 1em;

}

.field-validation-error, .validation-summary-errors {
    color: #C04E50 !important;
    padding-left: 2em;
    padding-top: 0em;
    padding-right: 0;
}

.loginValidation.validation-summary-errors {
    padding-left: 1em;
}

.field-validation-error *, .validation-summary-errors * {
    font-size: 90%;
}


.field-validation-error::before, .validation-summary-errors::before {
    /*Copiado de Font Awesome 5 Free*/
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #C04E50;
    font-family: 'Font Awesome 5 Free';
    content: "\f057";
    font-weight: 900;


    position: absolute;
    left: 0.75em;
    top: 0.25em;
    width: 1em;
    height: 1em;
    background-color: white;
    border-radius: 100%;
    display: inline-block;
}

.loginValidation.validation-summary-errors::before {
    left: -0.25em;
}

footer, .footer {
    display: none;
}

/*
.row.page-titles, footer, .footer {
    background-color: #353a3d;
    background-color: #444f56;
    color: #f9f8f8;
}
 footer a, .footer a,  .row.page-titles a
 {vertical-align: initial; padding: 0; color: #8bacb8;}

.row.page-titles a{font-size: 14px;}



 footer a:hover, .footer a:hover,  footer a:focus, .footer a:focus,
 .row.page-titles a:hover, .row.page-titles a:focus
 {color: #4f8693; 
        text-decoration: underline !important;}

 footer a:active, .footer a:active,
 .row.page-titles a:active
 {color: #678d9b;}*/


.row.page-titles, .header {
    background: #fff;
}

.row.page-titles a {
    vertical-align: initial;
    padding: 0;
}


.row.page-titles a:hover, .row.page-titles a:focus {
    text-decoration: underline !important;
}

.row.page-titles a:active {
    font-weight: bold;
}


.sidebar-nav > ul > li {
    background: #4b555b;
    margin-bottom: 0px;
}

.sidebar-nav ul li ul {
    padding-left: 0 !important;
}

.sidebar-nav ul li ul li {
    background: #babebf;
    border-bottom: solid 1px white;
    /*padding-left: 28px !important;*/
}

.sidebar-nav ul li ul li:last-child {
    border-bottom: none !important;
}

.sidebar-nav ul li ul li:hover, .sidebar-nav ul li ul li:focus, .sidebar-nav ul li ul a:hover, .sidebar-nav ul li ul a:focus, .sidebar-nav ul li ul li.active {
    background: #3db7b0;
    font-weight: bold !important;
}

.sidebar-nav ul li ul li:active,
.sidebar-nav ul li ul a:active {
    background: #26968e;
}

@media (min-width: 768px) {
    .mini-sidebar .sidebar-nav > ul > li {
        width: 60px;

    }
}


.mini-sidebar .sidebar-nav > ul > li:hover {
    width: auto;
    background: #4b555b !important;
    font-weight: bold !important;
}


.sidebar-nav #sidebarnav > li:hover > a, .sidebar-nav #sidebarnav > li.active > a,
.sidebar-nav #sidebarnav > li:hover > a i, .sidebar-nav #sidebarnav > li.active > a i,
.sidebar-nav #sidebarnav a:focus, .sidebar-nav #sidebarnav a:focus i {
    color: #3db7b0;
    font-weight: bold !important;
}

.sidebar-nav li:hover .has-arrow:after, .sidebar-nav a.has-arrow:focus:after, .sidebar-nav li.active .has-arrow:after {
    border-color: #3db7b0;
}


.sidebar-nav li .has-arrow:after {
    border-color: #fafafa;
}

.sidebar-nav > ul > li > a i, .sidebar-nav > ul > li > a {
    color: #fafafa;
}

.sidebar-nav > ul > li > ul > li > a i, .sidebar-nav > ul > li > ul > li a {
    color: #fafafa !important;
}


/*
.sidebar-nav ul li a:hover, .sidebar-nav ul li a:hover i,
.sidebar-nav ul li a:focus, .sidebar-nav ul li a:focus i,
.sidebar-nav ul li a.active, .sidebar-nav ul li a.active i,
.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li.active > a,
.sidebar-nav > ul > li.active > a i {
    color: #8bacb8;
}*/


/*
.sidebar-nav > ul > li.active > a {
    border-left: 3px solid #8bacb8;
}*/


#sidebarnav .BlankSpaceDivider {
    height: 20px;
    background: #fff !important;
    display: none !important;
}

@media (max-width: 768px) {
    #sidebarnav .BlankSpaceDivider {
        height: 5px !important;
    }
}


@media (min-width: 768px) {
    .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
        background: #444f56;
    }
}

footer, .footer {
    margin-bottom: 0;
}

.page-wrapper {
    background: #f9f8f8;
    padding-bottom: 0;
}

#LoginBody {
    position: relative;
    height: 100%;
}

#LoginContent {
    background-image: url("../images/FondoLogin.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 70%;
    background-position: 50%;
}

#ButtonsLogin {
    margin-bottom: 0;

}

#LoginBody, #LoginHeader {
    background: white;
}

#LoginHeader {
    height: 20%;
    max-height: 200px;
    text-align: center;
}

#LoginHeader img {
    height: 100%;
    padding: 30px;
    padding-top: 50px;
}

#LoginBody form {
    width: 60%;
    max-width: 30em;
    background: rgba(255, 255, 255, .65);
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 3em 2em;

}


#LoginBody form input {
    width: 100% !important;
}

#FormDefinirObjetivos {
    background: white;
    padding: 10px 0 !important;
    margin-left: 0;
    margin-right: 0;
}

#FormDefinirObjetivos .row {
    margin-left: 0;
    margin-right: 0;
}


.login-form h2 {
    margin-top: -0.5em;
    margin-bottom: 1em;
    color: #f9f8f8;
    font-size: 35px;
    font-weight: lighter;
}


.login-form label {
    color: #f9f8f8;
    text-transform: uppercase;
}

.login-form input:not([type='submit']), .login-form select {
    border: 1px solid #444f56;
    background-color: #444f56;
    color: #f9f8f8;
}

.login-form input.btn {
    margin-top: 15px;
}

.login-form select {
    display: block;
    width: 100%;
    border: 1px solid transparent;
    padding: 5px;
}

.InputHiddenSelect {
    width: 0;
    height: 0;

    position: fixed;
    top: -5000px;
    left: -5000px;
    z-index: -1;
}


.login-form input:not([type='submit']):not([disabled]):not(.disabled):hover, .login-form select:not([disabled]):not(.disabled):hover {
    /*border-radius: 5px;*/
    border: 1px solid #f9f8f8;
    color: #f9f8f8;
}

.login-form input:not([type='submit']):not([disabled]):not(.disabled):focus, .login-form select:not([disabled]):not(.disabled):focus {
    border: 3px solid #f9f8f8;
    color: #f9f8f8;
}

.login-form select:not([disabled]):not(.disabled):hover {
    /* padding: 4px;*/
}

.login-form select:focus {
    /*padding: 2px;*/
}

.login-content {
    background-color: #353a3d !important;
}

.card-body {
    box-shadow: none;
    border-radius: 0;
    margin: 0;
}


#ResumenDatos *, .widget-ten span i, .widget-ten p {
    opacity: 1;
    color: #fafafa !important;
}

.navbar .dropdown-menu {
    /* background: #444f56*/
    background-color: background: #fff;
    border-radius: 0;
    color: #585657;
}

.optionMenu {
    text-align: left !important;
}


.navbar .dropdown-item, .header ul.dropdown-user li a {
    border: none;
    border-radius: 0;
}

.navbar .dropdown-item.active {
    background-color: #444f56;
    font-weight: bold;
}


.slimScrollDiv, .sidebar-nav, .header .top-navbar .navbar-header {
    background-color: #FAFAFA;
    /*background-color: #353a3d;*/
}

.nav-bar {
    background: #fafafa;
    color: #585657 !important;
}

.nav-bar .nav-link:hover, .nav-bar .nav-link:focus {
    background-color: #e9e8e8 !important;
}


.navbar .navbar-header, .sidebar-nav {
    background-color: initial !important;
}


.header .btn-img:hover, .header .btn-img:focus, .nav-link:focus, .nav-link:hover {

    background-color: #e9e8e8 !important;
}

.header .btn-img:active, .nav-link:active {
    font-weight: bold;
    opacity: 0.8;
    background-color: #e9e8e8 !important;
}

/*
.nav-link:focus, .nav-link:hover 
{
    color: #8bacb8 !important;
}

.nav-link:active
{
    color: #678d9b !important;
}*/

.navbar .dropdown-item, .header ul.dropdown-user li a {
    border-radius: 0 !important;
}

.navbar .dropdown-item:focus, .header ul.dropdown-user li a:focus, .navbar .dropdown-item:hover, .header ul.dropdown-user li a:hover,
.navbar .dropdown-item:active, .header ul.dropdown-user li a:active {

    background-color: #3DB7B0;
    color: white;
}

.navbar .dropdown-item:active, .header ul.dropdown-user li a:active {
    font-weight: bold;
}

.navbar-nav.my-lg-0 {
    position: absolute;
    right: 0;

}

.table {
    white-space: nowrap;
}

.table * {
    font-size: 12px !important;
}

table * {
    border: none !important;
}

/*
.table tr td
{
    border-color: #353a3d !important;
}

.table tr td:first-child, .table th td:first-child
{
    border-left: solid 1px #353a3d !important;
}

.table tr
{
    border-bottom: solid 1px #353a3d !important;
}
.table tr td:last-child, .table th td:last-child
{
    border-right: solid 1px #353a3d !important;
}*/


.ListaVinculados {
    margin-top: 10px;
    min-height: 100px;
    max-height: 300px;
    height: auto !important;
    overflow-y: auto;
    padding: 0 !important;
}

#CreateForm .form-control.ListaVinculados {
    margin-top: 10px;
}


/*
.ListaVinculados:hover
{
background-color: white !important;
}*/
.ListaVinculados li {
    display: block;
    overflow: hidden;
    padding: 5px !important;
    background-clip: padding-box;
}

.ListaVinculados li a i, .table tbody tr td a {
    color: #3DB7B0;
}

.ListaVinculados li.selected a {
    color: #444949 !important;
    font-weight: bold !important;
}

.table tbody.BodyParams tr.ParamChild td {
    font-style: italic;
}


.table tbody:not(.BodyParams) tr:not(.ParamChild):nth-of-type(2n+1) td, .table tbody:not(.BodyParams) tr:not(.ParamChild):nth-of-type(2n+1),
    /*.table tbody.BodyParams tr.ParamChild td, .table tbody:not(.BodyParams) tr.ParamChild,*/
.table tbody.BodyParams tr td,
.ListaVinculados li:nth-of-type(2n+1), .modal .ListaVinculados li:nth-of-type(2n+1) a,
.InputHoverHint div:nth-of-type(2n+1), .select-pure__options .select-pure__option:nth-of-type(2n+1) {
    background: #d3d3d3;
    color: #353a3d;
}

.table tbody:not(.BodyParams) tr:not(.ParamChild):nth-of-type(2n) td, .table tbody:not(.BodyParams) tr:not(.ParamChild):nth-of-type(2n),
    /*.table tbody.BodyParams tr:not(.ParamChild) td, .table tbody.BodyParams tr:not(.ParamChild), */
.table tbody.BodyParams tr.ZebraRow td,
.ListaVinculados li:nth-of-type(2n), .modal .ListaVinculados li:nth-of-type(2n) a,
.InputHoverHint div:nth-of-type(2n), .select-pure__options .select-pure__option:nth-of-type(2n) {
    background: #FFF;
    color: #444f56;
}

.table tbody tr:hover td, .table tbody tr:hover, .table tbody tr:hover td i, .table tbody tr:hover i,
.ListaVinculados li:hover, .ListaVinculados li.selected, .ListaVinculados li.selected a,
.modal .ListaVinculados a:hover, .modal .ListaVinculados a:focus, .ListaVinculados li:hover a i,
.modal .ListaVinculados a:active, .modal .ListaVinculados a.active, .InputHoverHint div:hover,
.select-pure__options .select-pure__option:hover, .select-pure__options .select-pure__option:focus, .select-pure__options .select-pure__option.select-pure__option--selected {
    background-color: #3DB7B0 !important;
    color: #FAFAFA !important;
    border-top: none;
}

.table tbody tr.selected td, .table tbody tr.selected, .table tbody tr.selected td i, .table tbody tr.selected i {
    background-color: #26968e !important;
    color: #FAFAFA !important;
    border-top: none;
    font-weight: bold;
}


.select-pure__options .select-pure__option.select-pure__option--selected {
    background: #26968e;
    font-style: italic;
}

.modal .ListaVinculados li {
    padding: 0 !important;
}

.modal .ListaVinculados li a {
    padding: 5px;
}


.table tbody td a:hover i, .table tbody td a:focus i, .ListaVinculados li:hover a,
.ListaVinculados li a:hover i, .ListaVinculados li a:focus i {
    color: #585657 !important;
}

/*.table tbody tr:active td, .table tbody tr:active
{
        background-color: #353e3d !important;
        border-color: #353e3d !important;
        color: white !important;
}*/
tbody tr td:last-child {
    text-align: initial;
}

.table td {
    min-width: 50px !important;
    max-width: 200px !important;

    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}

.fix-header .header {
    width: 100%;
    position: fixed;
    top: 0;
}

.fix-header .row.page-titles {
    margin-top: 70px;
    position: fixed;
    top: 0;
}

.header .nomCliente, .header .nomEmpresa {
    display: inline-block;
    margin: 0;
    padding: 0;
    outline: 0;
    border: none;
    width: 100px;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.header .nomEmpresa {
    width: auto !important;
}

@media (max-width: 767px) {
    .fix-header .row.page-titles {

    }
}

.dataTables_info, .dataTables_paginate {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 10px;
    padding-bottom: 10px;

}


.dataTables_paginate {
    font-size: 0;
}

.dataTables_paginate li {
    display: inline-block;
    font-size: 0;
}

.dataTables_info {
    font-size: 12px;
}


.PaginateBtn.AnteriorSiguienteBtn {
    background-color: transparent;
    margin: 0 !important;
    padding: 0.25em;
}

.PaginateBtn {
    background-color: white;
    color: #1b839e !important;
    margin: 0 1px;
    padding: 0.25em 0.5em;
    border: solid 2px #FAFAFA;
}

.PaginateBtn:not([disabled]):not(.disabled):active,
.PaginateBtn:not([disabled]):not(.disabled):hover,
.PaginateBtn:not([disabled]):not(.disabled):focus {
    box-shadow: none;
}


.PaginateBtn.AnteriorSiguienteBtn:not([disabled]):not(.disabled):active {
    text-decoration: underline !important;
}


.PaginateBtn.AnteriorSiguienteBtn:not([disabled]):not(.disabled):hover,
.PaginateBtn.AnteriorSiguienteBtn:not([disabled]):not(.disabled):focus {
    color: #3DB7B0 !important;
}

.PaginateBtn:not([disabled]):not(.disabled):not(.AnteriorSiguienteBtn):hover,
.PaginateBtn:not([disabled]):not(.disabled):not(.AnteriorSiguienteBtn):focus {
    background: #3DB7B0;
    color: white !important;
}


.PaginateBtn:not([disabled]):not(.disabled):not(.AnteriorSiguienteBtn):active {
    background: #26968e;
    color: white !important;
}


.dataTables_paginate li > a.active {
    background-color: #26968e !important;
    font-weight: bold;
    color: white !important;
}


.table.dataTable {
    overflow-y: hidden;
}


.table thead > tr > td {
    border: none !important;
}

table thead td.Inabtnlogin a, table thead td.Inabtnlogin {
    color: white !important;
    background-color: #585657 !important;
}


table thead td.Inabtnlogin:not([disabled]):not(.disabled) a:focus, table thead td.Inabtnlogin:not([disabled]):not(.disabled) a:hover
    /*table thead td.Inabtnlogin:not([disabled]):not(.disabled):focus, table thead td.Inabtnlogin:not([disabled]):not(.disabled):hover*/
{
    color: white !important;
    text-decoration: underline !important;
    /*font-style: italic;
    font-weight: bold;*/

}

/*
tbody:before 
{
    content: "@";
    display: block;
    line-height: 10px;
    text-indent: -99999px;
}

thead > tr > td:first-child 
{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

thead > tr > td:last-child 
{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}


tbody > tr:first-child  > td:first-child { border-top-left-radius: 10px;   }
tbody > tr:first-child  > td:last-child  { border-top-right-radius: 10px;  }
tbody > tr:last-child  > td:first-child  { border-bottom-left-radius: 10px;}
tbody > tr:last-child  > td:last-child   { border-bottom-right-radius: 10px;}
*/
/*
table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

table::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

table::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}*/


/*
table::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
    border-radius: 10px;
    border: solid 3px transparent;
}

    table::-webkit-scrollbar-thumb:hover {
        background: #b3b3b3;
    }

    table::-webkit-scrollbar-thumb:active {
        background-color: #999999;
    }

table::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 10px;
    border: solid 3px transparent;
}

table::-webkit-scrollbar-track:hover, table::-webkit-scrollbar-track:active {
    background: #d4d4d4;
}
table::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}*/


.HasClearButton .FilterText {
    padding-right: 85px;
}

.FilterText {
    height: 42px;
    padding-right: 45px;
}

.SearchButton, .FilterButton, .ClearFilterButton {
    position: absolute;
    top: 0px;
    right: 15px;
    color: #3DB7B0;
    border: none;
    background: transparent;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.ClearFilterButton {
    border-radius: 0 !important;
    right: 56px;
}

.SearchButton, .ClearFilterButton {
    width: 42px;
    height: 42px;
    padding: 0;
}

.FilterButton {
    width: 45px;
    height: 45px;
    padding: 8px;
}

.SearchButton:focus, .SearchButton:hover,
.FilterButton:focus, .FilterButton:hover,
.ClearFilterButton:focus, .ClearFilterButton:hover {
    color: #26968e;
    border: solid 1px #585657 !important;
    box-shadow: none !important;
}


.card-body > h2 {
    padding-right: 45px;
}

.ButtonsTitle {
    margin-top: 10px;
}

.ButtonsTitle a i, .ButtonsTitle a, .ButtonsCircle a i, .ButtonsCircle a {
    font-size: 15px !important;
    padding: 2px;
}


#DIVAgentesVinculados .ButtonsTitle a i, #DIVAgentesVinculados .ButtonsTitle a,
#DIVAgentesVinculados .ButtonsCircle a i, #DIVAgentesVinculados .ButtonsCircle a {
    padding: 3px;
}


.CircleButton /*, #DIVAgentesVinculados .ButtonsCircle a i*/
{
    font-size: 15px !important;
    padding: 10px !important;
}

#DIVAgentesVinculados .ButtonsCircle a, #DIVTraducciones .ButtonsCircle a {
    font-size: 15px !important;
    padding: 6px 4px !important;
}

#DIVAgentesVinculados .ButtonsCircle a i, #DIVAgentesVinculados .ButtonsCircle a,
#DIVTraducciones .ButtonsCircle a i, #DIVTraducciones .ButtonsCircle a {
    font-size: 16px !important;
}

.ButtonsTitle a, .ButtonsCircle a, .CircleButton {
    background: #3DB7B0;
    border-radius: 100%;
    padding: 5px;
    color: #FAFAFA !important;
}


.ButtonsTitle a:active, .ButtonsCircle a:active, a:active .CircleButton {
    color: #e9e8e8 !important;
}

.ButtonsTitle a:focus, .ButtonsTitle a:hover,
.ButtonsCircle a:focus, .ButtonsCircle a:hover,
a:focus .CircleButton, a:hover .CircleButton {
    background: #26968e;
}

.CircleButton {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 8px !important;
}


.row.page-titles {
    margin-bottom: 0;
}

.footer, footer {
    margin-top: 0;
}


@media (min-width: 690px) and (max-width: 1025px) {
    .navbar-expand-md .navbar-nav .nav-link.sidebartoggler {
        display: none !important;
    }
}

.row.page-titles h3 {
    color: #585657;
}

#main-wrapper .container-fluid {
    margin: 0;
    padding: 0;
    margin-top: 110px;
}

#CreateForm .form-group, #CreateForm {
    width: 100%;
}

#CreateForm label, #CreateForm span {
    margin-top: 3px;
}

#CreateForm .text-danger {
    color: #D50000 !important;
}

@media (max-width: 767px) {
    .row.page-titles .text-right {
        text-align: left !important;
    }

    #main-wrapper .container-fluid {
        margin-top: 80px;
    }

    .HomePage #main-wrapper .container-fluid {
        margin-top: 50px;
    }
}

.HomePage .col-lg-6, .HomePage .col-lg-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.HomePage h2 {
    font-size: 24px;
    line-height: 24px;
}

.HomePage .widget-ten .media-body p {
    line-height: 12px;
    font-size: 12px;
}

.HomePage .card-body {
    padding-right: 10%;
    padding-left: 10%;
}

.HomePage .col-lg-6 .card {
    padding: 10px 0;
    border-radius: 0px;
}


.HomePage .col-lg-6 .card .card-title {
    display: block;
    text-align: center;
    border-bottom: solid 10px #fBfBfB;
    margin-bottom: 0;

}

.HomePage .col-lg-6 .card .card-title + div {
    padding: 20px;
}

.HomePage #TopVentasAgente h4 {
    color: #3DB7B0 !important;
}

.HomePage #DatosResumen .card {
    border-radius: 10px;
}

.HomePage #TopVentasImagen, .HomePage #VentasMensualesImagen {
    display: inline-block;
    width: 100%;
    height: 35vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 100%;
}


.HomePage #TopVentasImagen {
    background-image: url(../images/Top5VentasAgentes.png);
}

.HomePage #VentasMensualesImagen {
    background-image: url(../images/ImporteVentasMensuales.png);
}

.HomePage .card {
    box-shadow: none;
}

#ContentEditCreate {
    /*max-width: 1300px;*/
    background: white;
    padding: 15px;
    margin-left: -5px;
    margin-right: -5px;
}

#ContentEditCreate .EditCreateActions a {
    margin: 10px 25px;
    display: inline-block;
}

/*
@media (min-width: 1300px) {

    #ContentEditCreate {
        margin-left: auto;
        margin-right: auto;
    }
}*/


/*
.Login .footer, .Login footer
{
    background-color: #353a3d;
}


.Login #LoginImageLeft 
{
    background-image: url("../images/HomeImage.jpg");
    background-size: cover;
}

.Login #LoginImage
{
   width: 90%;
    margin-left: 5%;
    margin-top: 15%;
    height: 100%;
}


.Login footer, .Login .footer 
{
    bottom: 0px;
    left: 0;
    right: 0;
}

.Login .footer a i
{
    padding: 5px; margin: 0 5px;
    border-radius: 50%;
    background-color: #f9f8f8;
    color: #444f56;
}

.Login .footer a:hover, .Login .footer a:focus
{
    text-decoration: none !important;
}

.Login .footer a:hover i, .Login .footer a:focus i
{
    opacity: 0.75;
}

.Login .footer a:active i
{
    opacity: 1;
    color: #353a3d;
}
    
    
.Login form
{
    padding: 5% 0;

}
    
.Login .form-group label
{
    margin-top: 7px;
}

.Login .form-group input[type="submit"] 
{
    margin-top: 2%;
    margin-bottom: 2%;
}


@media (max-width: 767px)
{
    .Login form
    {
        margin-top: 5%;
    }

    .Login #LoginImage, .Login .Inabtn1
    {
        width: 80% !important;
        margin: 5% 10%;
    }
    
    .Login .form-group
    {
        padding: 0 30px;
        text-align: left;
    }

    .Login form .text-center
    {
        text-align: left !important;
    }

}


@media (max-width: 577px) 
{
    .Login form .form-group .text-right {
        text-align: left !important;
    }
    .Login form .text-center
    {
        text-align: center !important;
    }
}

  

@media (max-width: 767px),  (max-height: 450px) 
{
    .Login footer, .Login .footer 
    {
        position: relative;
        margin-left: -15px;
    }
}*/
input[type="checkbox"]:hover {
    border-width: 100px;
    background-color: red;
}


@media (max-width: 767px) and (min-width: 576px) {
    .col-sm-push-3 {
        margin-left: 25%;
    }

}

@media (max-width: 576px) {
    #CreateForm {
        padding-left: 35px;
    }

    .text-right-xs {
        text-align: right !important;
    }

    .text-left-xs {
        text-align: left !important;
    }

    .text-center-xs {
        text-align: center !important;
    }

    .m-t-0-xs {
        margin-top: 0 !important;
    }
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1300px;
    }
}

.ct-series-a .ct-bar,
.ct-series-a .ct-line,
.ct-series-a .ct-point,
.ct-series-a .ct-slice-donut {
    stroke: #abbd4a;
}

.ct-series-b .ct-bar,
.ct-series-b .ct-line,
.ct-series-b .ct-point,
.ct-series-b .ct-slice-donut {
    stroke: #e0774c;
}

.bg-InaColor1 {
    background-color: #71C6DA;
}

.bg-InaColor2 {
    background-color: #EF7A7A;
}

.bg-InaColor3 {
    background-color: #F2C812;
}

.bg-InaColor4 {
    background-color: #3DB7B0;
}

.table > thead > tr > th {
    border-color: #353a3d !important;
    text-align: left;
}

.InputHoverHint.notVisible {
    visibility: hidden;
}

.InputHoverHint {
    max-height: 250px;
    overflow-y: auto;
    background-color: white;
    display: inline-block;
    position: absolute;
    z-index: 1;

    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;

    border: 1px solid #444f56 !important;
    border-top: none !important;
    margin: 0 !important;
}

.InputHoverHint div {
    width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.25rem 0.75rem !important;
}

/*
::placeholder, :-ms-input-placeholder, ::-ms-input-placeholder
{
    font-style: italic !important;
}*/

.InputHoverHint div:hover {
    cursor: pointer;
}


input.inputWithHoverHint, .ArrowBackground {
    background-image: url(/images/custom-select-black.png) !important;
    background-position: 97% 50%;
    background-position-x: calc(100% - 14px);
    background-repeat: no-repeat;
    padding-right: 30px !important;
}

.ArrowBackground {
    background-position-y: 20px;
}


.inputWithHoverHint:focus, .ArrowBackground:focus {
    background-image: url(/images/custom-select.png) !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.header .top-navbar .navbar-nav > .nav-item > .nav-link .SettingsButton {
    margin-right: 2px;
    margin-left: 2px;
    top: -4px;
    position: relative;
}


@media (max-width: 767px) {
    .header .top-navbar .navbar-nav > .nav-item > .nav-link .SettingsButton {
        top: 2px;
    }
}


.checkBoxLabel + input[type='checkbox'] {
    display: none;
}


.EditionDevice .checkBoxLabel + input[type='checkbox'] + .checkBoxInput {
    margin-right: 10px;
}

.checkBoxLabel + input[type='checkbox'] + .checkBoxInput {
    margin-right: 10%;
    font-size: 0;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    display: block;
    background: white;
    /* border: 1px solid white !important;*/
    cursor: pointer !important;
    margin-top: -2px !important;
}

.checkBoxLabel + input[type='checkbox']:checked + .checkBoxInput {
    background-image: url("../images/CheckBoxActive.png");
    background-size: 100%;

}


.checkBoxLabel:hover + input[type='checkbox'] + .checkBoxInput, .checkBoxLabel + input[type='checkbox']:hover + .checkBoxInput, .checkBoxLabel + input[type='checkbox'] + .checkBoxInput:hover {
    border: 1px solid #353a3d !important;
}

.checkBoxLabel:active + input[type='checkbox'] + .checkBoxInput, .checkBoxLabel + input[type='checkbox']:active + .checkBoxInput, .checkBoxLabel + input[type='checkbox'] + .checkBoxInput:active {
    border: 2px solid #444f56 !important;
    background-color: #fafafa;
}

.text-cargando {
    font-style: italic;
}

.NumRegistros, .PalabraRegistros {
    display: none;
}


@media (max-width: 767px) {
    .header .dropdown-menu-right .dropdown-user li a {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow-x: hidden;
    }

    .header .dropdown-menu-right > .dropdown-user > li > a:hover,
    .header .dropdown-menu-right > .dropdown-user > li:hover a {
        white-space: normal !important;
    }
}

#ModalDeleteRegistro .modal-footer, .ModalVinculacion .modal-footer {
    margin-right: 0;
    margin-left: 0;
}

.dropdown-submenu {
    display: none;
    padding-left: 1.5em;
    margin-top: 0.25em;
}

.dropdown-submenu.show {
    display: block;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}


.ListaVinculados .DeleteLink, .ListaVinculados .ViewModification {
    float: right;
}

.modal .ListaVinculados a {
    width: 100%;
    display: inline-block;
}

.modal .ListaVinculados {
    margin: 1em auto !important;
}

.ModalVinculacion input {
    margin: 0 auto;
    padding-right: 35px;
    background-image: url("../images/SearchIcon.png");
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}

.ModalVinculacion i {
    display: none;
}

div#VinculacionesTabs {
    margin-left: 26px !important;
    margin-right: 13px !important;
}

#VinculacionesTabs .ButtonsCircle a {
    padding: 0 3px !important;
}

div#VinculacionesTabs .Inabtn3 {
    border-radius: 5px !important;
    margin: 0 2px;
}


@media (max-width: 575px) {
    div#VinculacionesTabs {
        margin-left: -13px !important;
        margin-right: -13px !important;
    }
}

div#VinculacionesTabs .nav-tabs {
    border-bottom: none;
}


div#VinculacionesTabs .tab-content {
    padding-right: 0;
    padding-left: 0;

}


div#VinculacionesTabs .ListaVinculados li {
    padding-left: 1px;
}

/*
.LinkModalVinculacion {
    padding: 2px 5px;
    position: absolute;
    right: 10px;
    font-size: 200%;
    border: 2px solid transparent !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}*/


.modal .row, .modal * .row {
    margin-right: 0;
    margin-left: 0;
}

.ModalConfiguracion .col-1, .ModalConfiguracion .col-2 {
    text-align: center;
}

.ModalConfiguracion > .modal-dialog {
    margin-left: auto !important;
    margin-right: auto !important;
}

.ModalConfiguracion .modal-lg .modal-content .modal-header .modal-title {
    margin-left: auto !important;
    margin-right: auto !important;
}

#ModalConfigurarCreacion.ModalConfiguracion > .modal-dialog > .modal-content > .modal-body > .row {
    width: 200%;
    min-width: 1200px;
}

#ModalConfigurarModificacion.ModalConfiguracion > .modal-dialog > .modal-content > .modal-body > .row {
    width: 200%;
    min-width: 1170px;
}

@media (min-width: 1650px) {
    #ModalConfigurarModificacion.ModalConfiguracion > .modal-dialog > .modal-content > .modal-body > .row {
        width: 100%;
    }
}

@media (min-width: 1700px) {
    #ModalConfigurarCreacion.ModalConfiguracion > .modal-dialog > .modal-content > .modal-body > .row {
        width: 100%;
    }
}

@media (min-width: 992px) {
    #ModalConfigurarCreacion.ModalConfiguracion .modal-lg {
        max-width: initial !important;
    }

    #ModalConfigurarModificacion.ModalConfiguracion .modal-lg {
        max-width: initial !important;
    }

    #ModalConfigurarCreacion.ModalConfiguracion > .modal-dialog > .modal-content > .modal-body > .row {

        min-width: 1000px;
    }
}


.ModalConfiguracion .modal-body {
    overflow-x: auto;
    overflow-y: auto;
    background-origin: border-box !important;
    margin: 10px 10px;
    background: #fafafa !important;
    padding: 10px;
}

.ModalConfiguracion .modal-body .row {
    padding: 0 !important;
}

.ModalConfiguracion .modal-body .col-2 .checkBoxForMyInput {
    margin: 0;
}

.ModalConfiguracion .modal-body .col-2 {
    margin-right: -10px;
}


.ModalConfiguracion .checkBoxLabel + input[type='checkbox'] + .checkBoxInput {
    width: 15px;
    height: 15px;
    margin: 0 !important;
}


.ModalConfiguracion .modal-body .HeaderLine {
    margin-bottom: 10px;
}

.ModalConfiguracion .ColumnaDatos h5 {
    font-style: italic;
    font-weight: bold;
    text-align: center;
}

.ModalConfiguracion .ColumnaDatos .col-2.HeaderLine {
    margin-left: -2px !important;
    margin-right: -2px !important;
}


.ModalConfiguracion .ColumnaDatos .col-8 + .col-2 {
    margin-left: -3px !important;
    margin-right: 0px !important;
}

.ModalConfiguracion .ColumnaDatos .col-8 + .col-2 + .col-2 {
    margin-left: 0px !important;
    margin-right: -3px !important;
}

/*
.ModalConfiguracion .ColumnaDatos .col-2 
{
    margin-left: -3px !important;
    margin-right: -3px !important;
}*/
.ModalConfiguracion .ColumnaDatos .form-group {
    margin: 0 !important;
}


.ModalConfiguracion .ColumnaDatos .form-control {
    padding-left: 10px;
    height: 30px !important;
}

.ModalConfiguracion .ColumnaDatos .col-8 {
    text-align: right;
}

.ModalConfiguracion .ColumnaDatos {
    padding: 0px !important;
}


.ModalConfiguracion .ColumnaDatos > h5.col-12 {
    border-bottom: solid 10px #fafafa !important;
    padding: 10px !important;
    height: 50px;
}

.ModalConfiguracion .ColumnaDatos {
    background: white;
    border-left: solid 5px #fafafa !important;
    border-right: solid 5px #fafafa !important;
}

.ModalConfiguracion .ColumnaDatos .row {
    padding: 0;
}

.checkBoxForMyInput {
    font-size: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 5px;
    display: inline-block;
    background: white;
    /*border: 1px solid #444f56 !important;*/
    cursor: pointer !important;
    margin: 0 !important;
    vertical-align: middle;
}

.checkBoxForMyInput.checked {
    background-image: url("../images/RequiredActive.png");
    background-size: 100%;
}

.checkBoxForMyInput.checked.LockedInput {
    background-image: url("../images/LockedActive.png") !important;
}

.checkBoxForMyInput.checked.CheckedInput {
    background-image: url("../images/CheckBoxActive.png") !important;
}


.checkBoxForMyInput.CheckedInput {
    width: 30px;
    height: 30px;
}

/*
.checkBoxForMyInput:hover
{
     border: 2px solid #353a3d !important;
}*/

.checkBoxForMyInput:active {
    border-width: 2px !important;
    /*
    border: 3px solid #444f56 !important;
    background-color: #f9f8f8;*/
}

.CategoriasSelectedSpan:hover, .CategoriasSelectedSpan:focus, .CategoriasSelectedSpan:active
.CategoriasSelectedSpanEdit:hover, .CategoriasSelectedSpanEdit:focus, .CategoriasSelectedSpanEdit:active {
    background-color: white !important;
}

.CategoriasSelectedSpan, .CategoriasSelectedSpanEdit {
    padding: 0;
    height: auto;
}

.CategoriasSelectedSpan .select-pure__select {
    padding-right: 40px;
}

.select-wrapper {
    margin: auto;
    max-width: 600px;
    width: calc(100% - 40px);
}

.select-pure__select {
    align-items: center;
    border-radius: 4px;
    box-sizing: border-box;
    color: #363b3e;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: left;
    min-height: 44px;
    padding: 0px 5px;
    position: relative;
    transition: 0.2s;
    width: 100%;
    height: 100%;
}

.select-pure__options {
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: 1px solid #585657;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    color: #585657;
    display: none;
    left: 0;
    max-height: 225px;
    overflow-y: auto;
    position: absolute;
    top: 53px;
    margin-top: -5px;
    width: 100%;
    z-index: 5;
}

.select-pure__select--opened .select-pure__options {
    display: block;
}

.select-pure__option {
    box-sizing: border-box;
    min-height: 44px;
    line-height: 25px;
    padding: 10px;
}

.select-pure__option:hover {
    font-weight: bold;
}

.select-pure__option--selected {
    cursor: default !important;
    pointer-events: none;
}

.select-pure__option--hidden {
    display: none;
}

.select-pure__selected-label {
    cursor: initial;
    display: inline-block;
    margin: 5px 10px 5px 0;
}


.category, .select-pure__selected-label {
    width: auto;
    width: auto;
    max-width: 100%;
    padding: 5px 12px;
    background-color: lightgrey;
    border-radius: 5px;
    color: #353a3d;
    transition: none;
}

.category {
    background: #585657;
    color: white !important;
}

.category:active {
    background: #26968e;
}

.category:hover, .category:focus {
    font-weight: bold;
}

.category:hover, .category:focus, tr:hover .category {
    background: white !important;
    color: #3DB7B0 !important;
}

.category:focus {
    border: 3px solid #e9e8e8 !important;
}


.select-pure__selected-label {
    color: white;
    background-color: #3DB7B0;
}


.category.selected, .select-pure__selected-label {
    font-weight: bold;
}

.select-pure__selected-label:hover {
    background-color: #26968e;
}

.category.hover {
    cursor: pointer;
}

.select-pure__selected-label:last-of-type {
    margin-right: 0;
}

.select-pure__selected-label i {
    cursor: pointer;
    display: inline-block;
    margin-left: 7px;
}

.select-pure__selected-label i:hover {
    opacity: 1;
    color: #e9e8e8;
}

.select-pure__autocomplete {
    background: #f9f9f8;
    border-bottom: 1px solid #e4e4e4;
    border-left: none;
    border-right: none;
    border-top: none;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    padding: 10px;
    width: 100%;
}


.footer {
    padding: 10px;
}

.footer, .footer * {
    font-size: 75%;
}

.BrokenChainBack {
    background-image: url("../images/BrokenChain.png");
    background-size: contain;
    min-height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 50px;
}

.ErrorText {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #353a3d;
    left: 50%;
}

.ErrorText p {
    color: #353a3d;
    font-size: 120%;
}

#DatosModificaciones {
    overflow: auto;
}

#ModalRevision p {
    margin: 2px auto;
    margin-top: 5px;
}

.RowModifications {
    font-weight: bold;
    /*font-size: 80%;*/
    margin: -1px !important;
}

.RowModifications > .col-4, .RowModifications > .col-6 {
    padding: 2px !important;
    padding-left: 5% !important;
    padding-right: 2% !important;
}


.RowModifications.Modified {
    font-style: italic;
    color: #3DB7B0;
    font-weight: 800;
}

.RowModifications * {
    font-size: inherit;
}

#ModalRevision .modal-body {
    overflow-x: auto;
}

#ModalRevision .checkBoxLabel + input[type='checkbox'] + .checkBoxInput {
    margin-top: 0 !important;
}


#ModalRevision .modal-body > .row,
#DatosModificaciones,
#ModalRevision .modal-body > .row > .row, #HeaderModifications,
.RowModifications {
    padding: 0;
}

#HeaderModifications .col-4, #HeaderModifications .col-6 {
    padding: 10px 0;
}

.RowModifications * {
    margin: 0 !important;
}

#HeaderModifications {
    padding-right: 15px;
}

#RowDataModification {
    padding-top: 2.5%;
    padding-bottom: 5%;
}

#ChecksModificaciones .checkBoxInput {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0;
    vertical-align: middle;
}

#ChecksModificaciones {
    color: #353a3d;
}

#ModalRevision .modal-dialog {
    margin: 0 auto;
}

#ModalRevision .modal-body {
    padding-top: 0;
    padding-bottom: 0;
}

#ModalObjetivos form {
    overflow-y: auto;
    margin-top: 15px;
}

#ModalObjetivos .form-group .control-label {
    padding-top: 7px;
}


#ModalObjetivos .form-group {
    margin-bottom: 0.5rem;
}

#ModalTraducciones .modal-header .modal-title {
    width: 100%;
}

.sidebar-nav ul li a.notImplemented {
    font-style: italic;
    color: grey !important;
    cursor: default !important;

}

.NumInicio, .NumFinal, .NumTotal {
    font-weight: bold;
    font-size: 120%;
    color: #3DB7B0;
}


.modal-header, .modal-content, .modal-footer {
    border: none;
}

#FormGeneracionClientes {
    background: white;
    padding: 20px 10px;
}

#FormGeneracionAgentes {
    background: white;
    padding: 20px 10px;
}

#DivGeneracionClientes {
    padding: 5px;
}

#DivGeneracionAgentes {
    padding: 5px;
}

#DivGeneracionClientes .row {
    margin: 0;
}

#DivGeneracionAgentes .row {
    margin: 0;
}

#DivGeneracionClientes #FormGeneracionClientes div.row > div.col-12 {
    font-weight: bold;
}

#DivGeneracionAgentes #FormGeneracionAgentes div.row > div.col-12 {
    font-weight: bold;
}

.NoGuardar #GuardarClientesWeb {
    display: none;
}

.NoGuardar #GenerarCsvWeb,
.NoGuardar #GuardarAgentesWeb {
    display: none;
}

#_ClienteInicial, #_ClienteFinal {
    max-width: 47.5% !important;
}

#_AgenteInicial, #_AgenteFinal {
    max-width: 47.5% !important;
}

#GenerarClientesWeb, #GuardarClientesWeb {
    max-width: 66% !important;
}

#GenerarAgentesWeb, #GuardarAgentesWeb {
    max-width: 66% !important;
}

#_ClienteInicial, #GenerarClientesWeb {
    margin-right: 2.5% !important;
}

#_AgenteInicial, #GenerarAgentesWeb {
    margin-right: 2.5% !important;
}

.NoGuardar #GenerarClientesWeb {
    margin-right: 0 !important;
}

.NoGuardar #GenerarAgentesWeb {
    margin-right: 0 !important;
}

#_ClienteFinal, #GuardarClientesWeb {
    margin-left: 2.5% !important;
}

#_AgenteFinal, #GuardarAgentesWeb {
    margin-left: 2.5% !important;
}

@media (max-width: 767px) {

    #_ClienteInicial, #_ClienteFinal, #URLB2B {
        margin-top: 1%;
        margin-bottom: 1%;
    }

    #_AgenteInicial, #_AgenteFinal, #URLB2B {
        margin-top: 1%;
        margin-bottom: 1%;
    }
}

.tableBodyScroll tbody {
    display: block;
    max-height: 500px;
    overflow-y: auto;
}

.tableBodyScroll thead, .tableBodyScroll tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}


.checkBoxIcon {
    font-size: 0;
    width: 13px;
    height: 13px;
    border-radius: 1px;
    display: inline-block;
    background: white;
    border: 1px solid #3DB7B0 !important;
    margin-top: -8px !important;
}

.checkBoxIcon.checked {
    background-image: url("../images/CheckBoxActive.png");
    background-size: 100%;
}

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

#ModalRevision .modal-body > .row {
    background: #fafafa;
}

.modal-content, .modal-body {
    background: white !important;
}


#HeaderModifications {
    padding: 0;
}

#HeaderModifications .col-12 {
    padding: 0 !important;
    max-width: calc(100% - 17px);
    margin-bottom: 10px;
    font-weight: 800;
}

.EditColumn {
    cursor: pointer !important;
}

.EditColumn:hover {
    font-weight: bolder;
}

#ModalRevision .modal-body .EditColumn:hover i {
    opacity: 0.75;
    display: inline-block;
}

#ModalRevision .modal-body .col-4 i {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 8px;
    display: none;
    color: #3DB7B0;
}

#ModalRevision .modal-body .col-4 {
    background: white;
    max-width: calc(33.33333% - 8px);
    margin: 0 4px !important;
}

#ModalRevision .modal-body .col-6 {
    background: white;
    max-width: calc(50% - 8px);
    margin: 0 4px !important;
}


#ModalRevision .modal-body > .row {
    padding: 25px 10px;
}

.modal-footer .checkBoxInput {
    background-color: #fafafa !important;
}

input[type='radio'] {
    display: none;
}

input[type='radio'] + label:before {
    content: '';
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    border: solid 1px #e9e8e8;
    border-radius: 100%;
    background-color: white;
    vertical-align: middle;
    margin: 0 0.25em;
    padding: 0.25em;
    cursor: pointer;
}

input[type='radio'] + label:hover:before, input[type='radio'] + label:focus:before {
    border: solid 1px #585657;
    background-color: #fafafa;
}

input[type='radio'] + label:active:before {
    border: solid 2px #585657;
    background-color: #e9e8e8;
}

input[type='radio']:checked + label:before {
    background-image: url("../images/RadioButtonActive.png");
    background-size: 100%;
}

#ModalSettings .control-label:not(.checkBoxLabel) {
    margin-top: 7px;
}

#ModalSelectEmpresa .modal-body {
    padding: 15%;
    border-radius: 5px;
}

#ModalSelectEmpresa #LogoImage {
    background-image: url("../images/InaLogin_oscuro.png");
    background-size: contain;
    background-position: 50%;
    height: 100px;
    margin-bottom: 20%;
    background-origin: content-box;
    padding: 5%;
    background-repeat: no-repeat;
}

#ModalSelectEmpresa label {
    font-weight: 800;
}

#CreateForm .row, #CreateForm .form-control {
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px;
    padding-right: 5px;
}

#CreateForm .form-control {
    height: 30px;
    padding-left: 8px;
}

#CreateForm .CategoriasSelectedSpan.form-control {
    height: auto;
}

.NonVisibleInput {
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0;
    left: -50px;
    z-index: -1000;
}

#CreateForm .ButtonModalDevice.form-control {
    width: 200px;
    padding: 4px 10px;
    margin-top: -2px;
    margin-left: 5px;
    height: auto;
    min-height: 30px;
}

#graficoVentas, #graficoAgentes {
    width: 100%;
    height: auto;
    padding: 20px;
}

.ShowMenu, .HideMenu {
    background-repeat: no-repeat;
    opacity: 1 !important;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
}

.ShowMenu, .ShowMenu:active {
    background-image: url("../images/ShowMenu.png") !important;
    opacity: 0.7 !important;
}

.HideMenu, .HideMenu:active {
    background-image: url("../images/HideMenu.png") !important;
    opacity: 0.7 !important;
}


.ShowMenu:hover, .HideMenu:hover,
.ShowMenu:focus, .HideMenu:focus {
    opacity: 1 !important;
}

table tr td.notResizable {
    width: 100px;

}


table tr td.tdShowLinkParameter {
    width: 30px;
    text-align: center;
}

.InaNotification.notify {
    top: -14px;
    right: -14px;
}

.InaNotification.notify .point {
    background-color: #3DB7B0;
}

.InaNotification.notify .heartbit {
    border-color: #3DB7B0;
}

.sidebar-nav ul li a {
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}


.sidebar-nav #sidebarnav > li:hover > a, .sidebar-nav #sidebarnav > li.active > a, .sidebar-nav #sidebarnav > li:hover > a i, .sidebar-nav #sidebarnav > li.active > a i, .sidebar-nav #sidebarnav a:focus, .sidebar-nav #sidebarnav a:focus i {
    white-space: normal;
    overflow-x: initial;
    text-overflow: initial;
}

.sidebar-nav ul li ul li:hover, .sidebar-nav ul li ul li:focus, .sidebar-nav ul li ul a:hover, .sidebar-nav ul li ul a:focus, .sidebar-nav ul li ul li.active {
    white-space: normal;
    overflow-x: initial;
    text-overflow: initial;
}

#EncuestaPlenius {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 20px;
    z-index: 1000;
    background: #eff1f2;
}

#EncuestaPlenius iframe {
    width: 100%;
    height: calc(100% - 30px);
}