html {
	width: 100%;
    height: 100%;
}    
body {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 17px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
    overflow: hidden auto;
}
#slides {
    height: calc(100% + 0px);
    min-height: -webkit-fill-available;
    width: 100%;
    /*    background: url(/api/src/assets/img/fondo.svg);*/
    background-size: cover;
    background-position: bottom;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slide {
	background: #fff;
    width: 360px;
    height: initial;
    transition: transform 1s;
    color: white;
    position: relative;
    padding: 44px;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
}
.slide > a > img {
    height: 50px;
    margin: 0 0 15px -4px;
}
.slide .btns {
    display: flex;
    justify-content: flex-end;
    margin: 20px -2px 0 0;
}
h1 {
    color: #adb7be !important;
    margin-bottom: 20px;
}
h4 { 
	font-size: 24px;
    font-weight: 500;
    color: #232323;
    margin: 0 0 15px;
    line-height: initial !important;
}	
h6 {
    font-size: 15px;
    font-weight: 500;
    color: #232323;
    margin: 0 0 10px;
    line-height: 1.4;
}
h6.slide-note {
    font-size: 14px;
    opacity: 0.5;
    margin: 0 0 20px;
}
p, li {
	color: #232323;
    line-height: 1.4;
}
ul {
    padding: 0 0 0 19px;
}
li {
    list-style-type: disc;
    padding: 5px 0;
}
.steps-icon-progress li {
    display: block;
}
.steps-icon-progress li:before {
    top: 15px;
}
p a {
    color: #00a8ff;
    font-weight: 500;
    text-decoration: none;
}
h6 a { 
	color: #00a8ff;
    text-decoration: none;
    transition: 0.3s;
}	
p a:hover, h6 a:hover { 
	text-decoration: underline;
}	
input.form-control {  
	font-size: 17px;
    padding: 8px 0px;
    border-radius: 0px;
    border: 0px solid;
    border-bottom: 1px solid #232323;
    width: 100%;
}
select.form-control#codigo_area {
    font-size: 17px;
    padding: 8px 0px;
    border-radius: 0px;
    border: 0px solid;
    border-bottom: 1px solid #232323;
    width: 38%;
}
.btn-accion {

}
.btn-accionando {
    display: none;
    background: #2dc2e4 !important;

}
.slide input.form-control {  
    margin: 0px 0 10px 2px;
    color: #000 !important;
}
.slide_3 input.form-control {
    margin: 0px 0 40px 2px;
}
.slide_2 input.form-control {
    margin: 0 0 40px 0px;
}
.btn { 
    background: #00a8ff;
    color: #fff;
    padding: 5px 25px 8px;
    border-radius: 50px;
    text-decoration: none !important;
    font-size: 17px;
    transition: 0.3s;
    font-weight: 500;
    cursor: pointer;
    border: 0;
}
.btn:hover { 
	background: #005da6;
}
.a_disabled { 
    pointer-events: none;
    cursor: default !important;
    opacity: 0.5 !important;
}
input:disabled {
    opacity: 0.5;
    background: #fff;
}
input.form-control:focus {
	outline: -webkit-focus-ring-color auto 0px;
    border-bottom: 1px solid #00a8ff;
}
.form-control:focus {
    border-bottom: 1px solid #00a8ff !important;
    box-shadow: inherit !important;
}
.slide_2 > a, .slide_3 > a, .slide_4 > a { 
	display: flex;
    text-decoration: none;
    color: #232323 !important;
    margin-bottom: 10px;
    transition: 0.3s;
    cursor: pointer;
}
.slide_2 > a img, .slide_3 > a img, .slide_4 > a img { 
	border-radius: 50%;
	margin-right: 10px;
}
.slide_2 > a:hover img, .slide_3 > a:hover img, .slide_4 > a:hover img { 
	background: #d1d2d4;
}
.form-check { 
    margin: 0 0 20px;
}
.form-check input{ 
	margin: 3px 4px 3px 0px;
}
.form-check label { 
	color: #232323;
}
#r_email, #r_password, #r_nombre, #r_negocio, #r_telefono, #r_actividad, 
#r_archivo, #r_actividad, #r_detalle, #r_fecha_tope, #r_fecha_pedido, #r_archivo_size {     
	color: #e81123;
	display: none;
}
#r_archivo_size span {     
	display: block;
}

.tags { 
    margin: 0 0 30px;
}
.tags a {
    background: #00a8ff;
    border-radius: 4px;
    margin: 0px 5px 10px 0;
    display: inline-block;
    color: #fff;
    padding: 5px 10px 5px;
    transition: 0.3s;
}
.tags a:hover, .tags a:focus { 
    background: #fa424a;
}
.tags a.sel { 
    background: #fa424a;
}
.slide textarea.form-control {
    height: auto;
    color: #000 !important;
    min-height: 70px;
}
.form-control-error {     
    border-bottom: 1px solid #e81123 !important;
}
.linePreloader {
	display: none;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right,rgba(0, 168, 255, 0),rgba(0, 168, 255, 1));
    background-color: #fff;
    position: absolute;
    top: 0px;
    bottom: initial;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0;
    background-size: 20%;
    background-repeat: repeat-y;
    background-position: -25% 0;
    animation: scroll 1.2s ease-in-out infinite;
}
#precarga {
    height: 100%;
}
#Contet_W .barra {
    margin: -52px 0px 0;
    position: absolute;
    width: 100%;
}
.page-content {
    padding: 0px 0 0;
    height: initial;
}
.site-header .dropdown a.dropdown-toggle {
    font-size: 19px;
}
.nombreUsuario {
    font-size: 15px !important;
}
#Contet_W {
    height: 100%;
    padding: 80px 0 0;
}
.Contet_W_barra {
    padding: 132px 0 0 !important;
}
#Contet_W .form-check input {
    margin: 5px 4px 0px 0px;
}
#Contet_W .slide {
    width: 450px;
    margin: 10px 0;
}
.search {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}
.search input {
    margin: 0 0 0 2px !important;
}
.search a {
    color: #232323 !important;
}
.search a i{
    
}
#searchResultado {
    padding: 0px;
    position: absolute;
    width: 100%;
    z-index: 100;
    display: none;
    margin: -40px 0 0;
}
#searchResultado ul {
    background: #fff;
    padding: 8px 0px;
    margin-top: 5px;
    border-radius: 4px;
    box-shadow: 0px 3px 6px rgba(0,0,0,.2);
    max-height: 170px;
    overflow: overlay;

}
#searchResultado ul li a {
    padding: 8px 15px;
    color: #252526;
    display: block;
    font-family: 'Proxima Nova',sans-serif;
    font-size: 17px;
}
#searchResultado ul li i {     
    font-size: 15px;
    color: #00a8ff;
    padding: 0px 8px 0;
}
#searchResultado ul li:hover { 
    background: #f5f5f6; 
    color: white;
}
.slide_3 {
    position: relative;
}

#table_W { 
    width: 100%;
    margin-bottom: 20px;
    color: #00a8ff;
    font-weight: 500;
}
#table_W tbody { 
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
#table_W tbody tr { 
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#table_W .acc{ 

}
#table_W .acc i{ 
    color: #fa424a;
    font-size: 21px;
    margin-left: 10px;
}
.input-group_W { 
    position: relative;
}
.input-group_W input{  }
.input-group_W i {
    position: absolute;
    top: 0;
    right: 0;
    background: #00a8ff;
    height: 100%;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    color: #fff !important;
    padding: 0 0 0 2px;
    cursor: pointer;
    transition: 0.3s;
}
.input-group_W i:hover { 
    background: #5b5b5c;
}
.input-group_W .form-control:disabled, .input-group_W .form-control[readonly] {
    background-color: #eceeef !important;
}
.side-menu-list {
    padding: 0;
}
.side-menu-list > li, .side-menu-list > li ul li {
    list-style: none;
}
#Contet_W .slide div > #cargar { 
    width: 100%;
    height: inherit;
    margin: 0 0 20px;
    padding: 5px 0 0;
}
#Contet_W .slide div > #cargar input { 
    font-size: 14px;
    display: block;
    margin: 0 auto;
    background: #adb7be;
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
}
.seleccion {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 40px;
}
.seleccion button {
    background: #ffffff;
    border: 2px solid #898785;
    height: 100px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    width: 47%;
    color: #252526;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 500;
    transition: 0.3s;
    flex-direction: column;
}
.seleccion button span {
    font-size: 21px;
    text-transform: capitalize;
}
.seleccion button:hover, .seleccion button:focus {
    background: #00a8ff;
    border: 1px solid #00a8ff;
    color: #fff;
}
.seleccion button.select { 
    background: #00a8ff;
    border: 1px solid #00a8ff;
    color: #fff;
}
.modal-dialog-centered {
    min-height: calc(100% - 4rem);
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-content {
    min-width: 500px;
}
.listando_modal {

}
.listando_modal div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #f4f5f6;
}
.listando_modal img {
    height: 60px;
    border-radius: 50%;
    margin-right: 10px;
}
.listando_modal span {
    font-size: 19px;
    font-weight: 500;
}
.listando_modal a {
    background: #00a8ff;
    padding: 10px 20px 10px;
    border-radius: 50px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: 0.3s;
} 

.listando_modal a:hover{
    background: #3fbdff;
}
.slide_2 {     
    position: relative; 
}
#slides .date {
    display: flex;
    margin: 0 0 30px;
}
#slides .date input {
    margin: 0;
    border: 0 !important;
    border-bottom: 1px solid #ced4da !important;
    border-radius: 0 !important;
}
#slides .date > span {
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ced4da;
}
.bootstrap-datetimepicker-widget table th {
    height: 30px;
    line-height: 30px;
    width: 30px;
}
.bootstrap-datetimepicker-widget .picker-switch {
    list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 22em;
    border-radius: .25rem;
    border-top: 1px solid #dbe4ea;
    font-size: 15px;
}
.bootstrap-datetimepicker-widget.dropdown-menu li {
    list-style: none;
}
.bootstrap-datetimepicker-widget table td.day {
    height: 30px;
    line-height: 30px;
    width: 30px;
}

.alert-messaje {
    background: #323232;
    padding: 30px 40px;
    margin: 0 0 24px;
    text-align: center;
}


/* Document scrollbar */
::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-track {
    background: #fff;
    box-shadow: inset 0 0 6px rgba(42, 42, 40, 0.3);
    border-radius: 0;
}
::-webkit-scrollbar-thumb {
    border-radius: 0;
    box-shadow: inset 0 0 6px rgba(42, 42, 40, 0.5);
    background: #adb7be;
}

/* ANIMACIONES */
@keyframes scroll{
	50%{background-size:80%}
	100%{background-position:125% 0;}
}

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



}

@media screen and (max-width: 1366px) {



}

@media screen and (max-width: 1290px) {



}

@media screen and (max-width: 1220px) {
  


}

@media screen and (max-width: 990px) {

    #Contet_W #slides {
        background: #fff;
    }
    #Contet_W .slide {
        width: 100%;
        height: 100%;
        padding: 24px 24px 70px;
        box-shadow: 0 0 0;
        margin: 0;
    }
    .Contet_W_barra {
        padding: 80px 0 0 !important;
    }
    #Contet_W .linePreloader {
        position: fixed;
        top: 80px;
    }
    .modal-content {
        min-width: 100%;
        padding: 10px;
    }


}

@media screen and (max-width: 767px) {

    .slide {
        width: 280px;
    }

}

@media screen and (max-width: 585px) {

    .slide {
        box-shadow: 0 0 0;
    }

}

@media (max-width: 585px) and (orientation: landscape) {

}

@media screen and (max-width: 390px) {


    .slide {
        width: 100%;
        padding: 44px 20px;
    }


}

@media screen and (max-width: 340px) {



}

@media screen and (min-width:0\0) { 
/* Tus estilos CSS para IE9, IE10, IE11  */


}

@supports (-ms-ime-align:auto) { 
/* Tus estilos CSS para EDGE */


}

@-moz-document url-prefix() { 
/* Tus estilos CSS para Mozilla */


}