*:hover {
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 2500ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
html {
  font-size: 14px;
}
body.login-body {
    background-image: url('/img/bg.jpg');
    background-image: url(/img/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.login {
    background: rgba(255, 255, 255, 0.8);
    padding: 30px 20px;
    max-width: 400px;
    border-radius: 10px;
    margin: 14% auto 0;
    backdrop-filter: blur(10px);
}
.login-body footer {
    position: absolute;
    background: black;
    padding: 15px 0;
    width: 100%;
    border-top: none !important;
    bottom: 0;
}
body.login-body header.login-header {
    display: none;
}
.login-form-box input.user-input, .login-form-box input#Password {
    width: 85%;
    padding: 9px;
    border: 1px solid #c5c5c5;
}
.login-form-box i.fas.fa-user-circle, .login-form-box i.fas.fa-key {
    color: black;
    font-size: 25px;
    display: inline-block;
    width: 25px;
}
.loginRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    flex-flow: row wrap;
}
.loginRow span.text-danger.field-validation-error {
    display: block;
    width: 100%;
    text-align: right;
}
.login-tools > div:first-of-type {
    text-align: right;
    padding: 5px 15px;
}
    .login-tools > div:first-of-type input {
        margin-right: 5px;
    }
.txt-center {
    text-align: center;
}
a.passForgot {
    margin-bottom: 10px;
    display: inline-block;
    color: black;
    text-transform: uppercase;
}
.loginbt, .basicBtn {
    background: black !important;
    border-color: black !important;
    text-transform: uppercase;
    margin: 2px 0 0 0;
    opacity: 1;
    color:white !important;
}
    .loginbt:hover, .basicBtn:hover {
        opacity: 0.5 !important;
    }
    .basicBtn.basicCancel {
        background: #818181 !important;
        border-color: #585858 !IMPORTANT;
    }
.loginHead {
    text-align: center;
    margin-bottom: 20px;
}
    .loginHead img {
        width: 90px;
        height: auto;
    }
.foot-b-cont {
    text-align: center;
}
    .foot-b-cont img {
        width: 140px;
        height: auto;
    }
    .footerImg {
        width: 90px;
        height: auto;
    }
nav.navbar {
    background-color: #ebebeb !important;
    padding: 5px 0;
    margin-bottom: 0 !important;
}
a.navbar-brand.brandImg img {
    width: 50px;
}
@media (min-width: 768px) {
    html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    background: #f9f9f9;
}
.cont {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}
.sideMenu {
    width: 10px;
    height: 86vh;
    position: relative;
    background: #d7d7d7;
    left: 0;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 2500ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
    .sideMenu ul {
        opacity: 0;
        list-style: none;
        width: 100%;
        padding: 10px 0;
    }
    .sideMenu.OpenSide {
        width: 14%;
        -webkit-box-shadow: 3px 0px 21px 0px rgba(0,0,0,0.09);
        -moz-box-shadow: 3px 0px 21px 0px rgba(0,0,0,0.09);
        box-shadow: 3px 0px 21px 0px rgba(0,0,0,0.09);
    }
        .sideMenu.OpenSide ul li {
            padding: 0 15px;
            border-bottom: 1px solid #bbbbbb;
            background: transparent;
            min-width: 200px;
        }
        .sideMenu.OpenSide ul li:hover {
            background: black;
        }
            .sideMenu.OpenSide ul li:hover a {
                color: white !important;
            }
    .sideMenu.OpenSide ul {
        opacity:1;
    }
    .sideMenu ul a {
        text-decoration: none;
        color: black;
        text-transform: uppercase;
        display: block;
        padding: 10px 0;
        pointer-events: none;
    }
    .sideMenu.OpenSide ul a {
        pointer-events: initial;
    }
            .sideMenu ul a i {
                margin-right: 5px;
                width: 20px;
            }
button.menuSwitch {
    border: none;
    font-size: 30px;
    margin-left: 10px;
    background: transparent;
    padding: 0 12px;
    border-radius: 6px;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 2500ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
    button.menuSwitch.oppened {
        background: black;
        color: white;
    }
a.navbar-brand.brandImg {
    text-align: center;
    width: 78%;
    padding-left: 12%;
}
a.nav-link.text-dark.logout i {
    margin-left: 5px;
}

a.nav-link.text-dark.logout {
    background: black;
    color: white !important;
    padding: 9px 14px;
    border-radius: 60px;
    font-size: 14px;
}
.tableR table {
    border: 1px solid lightgray;
    width: 100%;
}
    .tableR table th {
        background: #ebebeb;
        border-bottom: 1px solid black;
    }
    .tableR table th, .tableR table td {
        padding: 10px 7px;
    }
    .tableR table td {
        border-bottom: 1px solid lightgray;
        color: #000000;
    }
.sectionCont {
    padding: 20px;
    background:white;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.09);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.09);
    margin-top: 40px;
}
.sectionHeader {
    font-size: 1.5rem;
    margin-bottom: 20px;
    border-bottom: 1px solid lightgray;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}
.tableR {
    margin-bottom: 20px;
}
footer.border-top.footer.text-muted {
    text-align: center;
}

/*  Clases drag and drop file */

.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 100%;
    padding: 25px;
    border: 1px dashed rgba(24, 94, 144, 1);
    border-radius: 3px;
    transition: 0.2s
}

.choose-file-button {
    flex-shrink: 0;
    background-color: rgba(137, 206, 255, 1);
    border: 1px solid rgba(24, 94, 144, 1);
    border-radius: 3px;
    padding: 8px 15px;
    margin-right: 10px;
    font-size: 12px;
    text-transform: uppercase
}

.file-message {
    font-size: small;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0
}

.mt-100 {
    margin-top: 100px
}

/*  FIN Clases drag and drop file AYUDA */

/**Loader Style**/
/**Loader Styles*/
.loader-container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff82;
    z-index: 1060;
}

    .loader-container .loader-content {
        position: fixed;
        left: 47%;
        top: 47%;
    }

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}

    .lds-dual-ring:after {
        content: " ";
        display: block;
        width: 64px;
        height: 64px;
        margin: 8px;
        border-radius: 50%;
        border: 10px solid #fff;
        border-color: #009fe5 transparent #002d59 transparent;
        animation: lds-dual-ring 1.2s linear infinite;
    }

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/**Fin Loader Style**/
/*  FIN Clases drag and drop file AYUDA */

footer.border-top.footer.text-muted {
    text-align: center;
    padding: 15px;
}
    footer.border-top.footer.text-muted a {
        color:#6c757d  !important;
    }
select#EmitterId {
    width: 100%;
    padding: 10px 5px;
    border-radius: 5px;
}
.bg-info {
    background-color: black !IMPORTANT;
    padding: 10px 15px !important;
    border-radius: 10px;
}
table.dataTable.no-footer {
    border: none;
    margin-bottom: 10px;
}
.dataTables_filter {
    width: 40%;
    margin-bottom: 10px;
}
    .dataTables_filter label {
        width: 100%;
    }
    .dataTables_filter input {
        margin-left: 10px !important;
        width: 60%;
    }
table a.actionsTooltip {
    background: black;
    font-size: 11px;
    color: white !IMPORTANT;
    border-radius: 100px;
    padding: 5px 10px;
    opacity: 1;
    display: inline-block;
/*    max-width: 80px;*/
    margin: 4px auto;
}
a.btn.btn-effect-ripple.btn-default.actionsTooltip.delete {
    background: #cb0000;
}
a.btn.btn-effect-ripple.btn-default.actionsTooltip.edit {
    background: #00b300;
}
label.col-form-label.upladHead {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.modal-footer button {
    margin-left: 10px;
}
table.dataTable thead th:last-child, table.dataTable tbody td:last-child {
    width: 13% !important;
    text-align: center;
}
button.btn.basicBtn i {
    margin-right: 5px;
}
select, input[type=text], input[type=email], input[type=phone], input[type=password], .select2-container .select2-selection--single {
    width: 100%;
    max-width: 350px;
    padding: 8px;
    border: 1px solid lightgray;
    border-radius: 4px;
    color: gray;
    background-color: #fbfbfb !IMPORTANT;
}
.select2-container .select2-selection--single {
    height:auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px !important;
}
.form-group {
    margin-bottom: 20px;
    align-items: baseline;
}
#frmCrearCliente .row {
    margin-bottom: 10px;
}
.CodigoDeActividad {
    display: flex;
    width: 95%;
}
#frmCrearCliente .row label {
    display: block;
}
.basicBtnAlt {
    background: green !important;
    border-color: green !important;
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1550px;
    }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1450px;
    }
}