body {
	/*background-color: white;*/
	/*
	background-image: url('../img/fondo_cool_home.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	*/
	color: #2F66B0;
	transition: 1.0s ease all;
	overflow-y: auto;
	overflow-x: hidden;
}
/*
h3,h5{
	color:#2F66B0;
}
*/
/*
body.dashboard{
	background-image: none;
}
*/
.bg_no_gradiente{
	background-color: #EFF0F5;
}

.bar_menu{
	/*
	margin-left:30px;
	margin-right:30px;
	*/
	background-color: #FFF;
	/* border-radius: 10px; */
	padding:5px 10px;
	box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
}
span.h2{
	font-size:1.8rem;
	font-weight: bolder;
}
 .h2, .h3{
	color:#2F66B0;
}
h5.card-title, .text-card-bottom{
color: #D95213
}
.text-card-bottom{
	font-weight: bolder;
}

/* =================== DARK CLASSES ================*/
body.dark{
	background-color: #03080f;
	/* background-color: #071f26;	 */
	
	color:#81CBDD;
	/*background-image: url('../img/fondo_cool_home_dark.png');*/

}
body.dashboard.dark{
	background-image: none;
}

.dark footer .container, .dark footer .container-fluid{
border-top: solid 1px #81CBDD;
/* background-color: #2A464E; */
background-color: #071426;


}

.dark .form-control, 
.dark .input-group-text, 
.dark .card-body, 
.dark .banda_short, 
.dark .bar_menu, 
.dark .card,
.dark .band_top_sec, 
.dark .accordion-button, 
.dark .contenido_acordeon,
.dark .modal-content {
	/* background-color: #0F2D36; */
	background-color: #071426;
	
}
.dark .bar_menu, 
.dark .card{
	/* box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .15); */
	box-shadow: none !important;
}
.dark .input-group-text, 
.dark .form-control, 
.dark .banda_short,
.dark .topNav label,  
.dark .banda_top li a i, 
.dark .main-content,
.dark .accordion h2 button, 
.dark .table, 
.dark .modal-body {
	color:#81CBDD;
}
.dark .table thead th, .dark .modal-header{
border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.dark .table th, .dark .table td{
	border-top: 1px solid rgba(255, 255, 255, .05)
}

.dark .accordion-button:hover,
.dark .accordion-button[aria-expanded='true']{
	background-color: #143741;
}
.dark .contenido_acordeon{
	border-bottom: rgba(255, 255, 255, .15)
}

.dark .input-group-alternative{
	border-bottom: solid 1px #81CBDD;
}
.dark .fill_logo{
	filter: saturate(0%) hue-rotate(0deg) brightness(255%) contrast(255%);
}

.dark .btn-primary, .dark .btn-secondary
{
    color: #81CBDD;
    border-color: #0F2D36;
    background-color: #0F2D36;
	border: solid 1px #81CBDD;
   
}

.dark .btn-primary:hover, .dark .btn-secondary:hover
{
	color: #81CBDD;
	border-color: #0F2D36;
    background-color: #0F2D36;
	border: solid 1px #81CBDD;
}

.dark .btn-primary.disabled,
.dark .btn-primary:disabled,
.dark .btn-secondary.disabled,
.dark .btn-secondary:disabled
{
	color: #81CBDD;
	border-color: #0F2D36;
    background-color: #0F2D36;
	border: solid 1px #81CBDD;
}
.dark .btn-primary:not(:disabled):not(.disabled):active,
.dark .btn-primary:not(:disabled):not(.disabled).active,
.dark .show > .btn-primary.dropdown-toggle,
.dark .btn-secondary:not(:disabled):not(.disabled):active,
.dark .btn-secondary:not(:disabled):not(.disabled).active,
.dark .show > .btn-secondary.dropdown-toggle
{
	color: #81CBDD;
	border-color: #0F2D36;
    background-color: #0F2D36;
	border: solid 1px #81CBDD;
}
.dark a,
.dark button.btn-link {
	color: #81CBDD;
}
.dark .logo_footer{
	background-image: url('../img/brand/logo.png');
}
.dark .h2, .dark .h3, .dark h3, .dark .modal-title{
	color:#FFF;
}
.dark .card-header{
	border-bottom:1px solid rgba(255, 255, 255, .05)
}
.dark h5.card-title, 
.dark .text-card-bottom{
	color: #81CBDD
	}
.dark	.avatar{
		background: none;
		color: #81CBDD;
	}
	.dark .bg_no_gradiente, .dark .topNav{
		background-color: #2A464E;
	}

.dark	.text_cliente{
		color:#81CBDD;
	}

.dark	.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active{
	background-color: #0F2D36;
	}
.dark .sub_menu_nav li:hover{
	background-color: #2e6271
}
.dark .navbar-vertical.navbar-expand-xs::-webkit-scrollbar-thumb {
	background-color: #0F2D36;
/*	outline: 1px solid slategrey; */
  }
 .dark .sub_menu_nav li.activo{
	background-color: #2e6271;
	}

/* =================== DARK CLASSES ================*/


/* =================== SWITCH ================*/
.switch_mode.active .fa-moon{
display:none;
}
.switch_mode .fa-sun{
	display:none;
}

.switch_mode.active .fa-sun{
	display:block;
	
	}
/* =================== SWITCH ================*/
.sub_menu_nav{
	font-size: .8em;
	padding-left:20px;
	
}
.left_bars{
	padding:10px;
}
.sub_menu_nav li{
list-style-type: none;

padding:5px 0 5px 15px;;
}
.sub_menu_nav li:hover{
background-color: #FFF;

}
.sub_menu_nav li.activo{
	background-color: #FFF;
	}
.sub_menu_nav .ni, .sub_menu_nav .fa, .sub_menu_nav .far{
	margin-right:10px;
}
.close .navbar-vertical.navbar-expand-xs{
	width:50px;
}

.close .navbar-vertical.navbar-expand-xs.fixed-left + .main-content{
	margin-left:50px
}

.sub_menu_nav li a{
	padding:0px;

	}

.logo_footer{
	width: 120px;
	background-image: url('../img/brand/logo-footer.png');
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 0.2rem;
	margin-top: 0.2rem;
}
.nav-link{
	color: #2F66B0;
}
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active{
	margin-right: 0;
}

.avatar{
	background: none;
	color: #2F66B0;
}
.navbar-vertical.navbar-expand-xs.fixed-left{
	border:none;
}
.navbar-vertical{
	box-shadow: none;
}
.card-body {
	background-color: #FFF;
	border-radius: 10px;
}

.login_box {
 margin-top: 10vh;
/*margin-bottom: 200px;*/

}
.main-content label, .topNav label, .modal label{
	font-size: .8em;
	margin: 0;
}
.main-content .card-header, .modal .modal-header{
	padding:1rem 1.2rem 
}


footer .container, footer .container-fluid{
 	position: fixed; 
	/* padding: 10px; */
	border-top: solid 1px #2F66B0;
	display: flex;
	bottom: 0;
	background-color: #EFF0F5;
	z-index: 100;
	
}
.sidenav-header.logo_top{
	position: fixed; 
	top:30px;
	z-index: 200;
	text-align: left;
	padding-left:20px;
}

.navbar-brand{
	margin-right:0;
}
.sidenav-header.logo_top img{
width:60%
}

.navbar-vertical.navbar-expand-xs{
top:100px;
overflow-x:hidden;
}

footer .container-fluid.cont_dash{
	padding-right:300px !important;
}


footer p {
	text-align: right;
	font-size: .8em;
	width:100%;
}
.form-control, .input-group-text{
	color:#2F66B0;
}
.text_cliente{
	/* padding-left:20px; */
	font-weight: bolder;
	color:#D95213;
	/* width:600px; */
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

.banda_short{
	
	background-color: #FFF;
	width: 60px;
	height: 60px;
	padding: 20px 20px;
	border-radius: 10px;
	margin-right: 20px;
}

.main-content{
	padding-top:120px;
	padding-bottom:115px;
	margin-left:250px;
	transition: 1.0s ease all;
	color:#525f7f;
}

.main-content.asociados{
	padding-top:170px;
}

.main-content.registro{
	padding-top:170px;
}
.seleccionado .main-content.registro{
	padding-top:220px;
	transition: 1.0s ease all;
}

.scrollbar-inner{
	margin-right: 5px;
}
.left_bars img{
	margin-left:20px;
	height:50px
}

.navbar-vertical.navbar-expand-xs::-webkit-scrollbar {
    width: .3em;
}
 
.navbar-vertical.navbar-expand-xs::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(50,50,50,0.3);
}
 
.navbar-vertical.navbar-expand-xs::-webkit-scrollbar-thumb {
  background-color: #2F66B0;
 /* outline: 1px solid slategrey; */
}
.topNav{
/*	margin-left:250px;  */
	position:fixed;
	z-index: 100;
	width:100%;
	background-color: #EFF0F5;
	transition: 1.0s ease all;
}
.topNav label{
	color:#525f7f;
}
.topNav .navbar{
	margin-left:250px;
}
.toggle_menu_left .navbar-vertical.navbar-expand-xs{
max-width:55px;
}
.toggle_menu_left .main-content{
	margin-left: 60px;
}
.modal-dialog.contacto{
	max-width:700px;
}
.modal-header{
	border-bottom:1px solid rgba(0,0,0,.05);
}
.modal-title{
	color:#2F66B0;
}

.modal-body{
	color:#525f7f;
	padding-top:5px;
	padding-bottom:5px;
}
.form_top{
	/* margin-top:15px; */
}
.input-group.input-group-merge .form-control{
padding-left:10px;
}
.tooltip-inner{
	background-color:#2F66B0;
	
}

ul.modal_list{
	margin-left:0;
	padding-left:0;
}
.contenido_acordeon .card{
	margin-bottom: 0;
}

.banda_top li{
display:inline;
margin-right:1.5rem;

}
.banda_top li a {
	color: #8898aa;
}

.banda_top li a i {
	color: #2F66B0;
	font-size: 1.2em;
    margin-top: 9px;
}
.header.banda_top{
	border-radius: 10px 10px 0 0;
	/* padding: 0px 0 5px 0;		 */
}
.band_top_sec{
	background-color: #FAFAFA;
    padding-top: 10px;
	padding-bottom:1px; 
	/* border-radius: 10px; */
}
.suplidor_type li, .list_other_data li, .modal_list li{
list-style-type: none;
padding-bottom:.3rem;
}

.suplidor_type input{
	margin-right:10px;
}

.tools_table i{
	margin-right: 20px;
}

.tools_table {	
	padding: 1rem 1.2rem;
	}

.forma_check{
	margin-top:40px;
}

.tipo_oper{
	display: none; 
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:solid 1px rgba(0,0,0,.05);
	opacity: 0.2;
	transition: 1.0s ease all;	
}

.seleccionado .tipo_oper {
	display: inherit;
	opacity: 1;
}
.navbar-top{
	padding-right: 0;
	padding-left:0;
}
.navbar{
	padding:0;
}


/*    ======= ACCORDEON =========== */
.accordion-button{
	width:100%;
	text-align: left;
	border: 0;
	display: flex;
	background-color: #fff;
/* 	border-top:#ccc solid 1px; */
	padding: .7rem 1.25rem;
	margin-bottom: 1px;
}
.accordion h2 button{
/*	font-size: .9em; */
	color: #8898aa;
	text-transform: uppercase;
	font-weight: bolder;
}
.form-group{
	margin-bottom:1rem;
}

.accordion-button:hover{
	background-color: #D9DDF4;
}
.accordion-button[aria-expanded='true']{
	background-color: #D9DDF4;
	
}
.accordion-button.last[aria-expanded='true']{
	border-radius:0;
}


 .accordion-button.first{
	border-radius:10px 10px 0 0;
}

.accordion-button.last{
	border-radius:0 0 10px 10px;
}

.contenido_acordeon.last{
	border-radius:0 0 10px 10px;
	border:none;
}


.contenido_acordeon{
	background-color: #fff;
/*	border-top:#ccc solid 1px; */
	border-bottom:#ccc solid 1px;
	padding: 1.5rem;
}
.accordion-item h2{
margin-bottom:0;
font-size:.75rem;


}
/*    ======= ACCORDEON =========== */




/*    ======= BreakPoints =========== */
/*    =======  =========== */

@media (max-width: 1399.98px) { 
	footer .container-fluid.cont_dash {
		padding-right: 350px !important;
	}
	.modal-dialog.contacto{
		max-width:1000px;
	}
  }

@media (max-width: 1199.98px) { 
	footer .container-fluid.cont_dash {
		padding-right: 110px !important;
	}
	.main-content, .topNav .navbar{
		margin-left:250px;
	}

	.toggle_menu_left .main-content{
		margin-left: 60px;
	}
	.toggle_menu_left	.navbar-vertical.navbar-expand-xs.fixed-left{
		left:0;
		max-width:55px;
	}
	.sidenav{
		transform: translateX(0px);
	}
	.navbar-vertical.navbar-expand-xs{
		max-width: 250px;;
	}

	.text_cliente{
		width:150px;
	}

 }
 @media (max-width: 575.98px) { 
	 footer .container-fluid.cont_dash {
	padding-right: 50px !important;
}
.left_bars img{
	display:none;
}
.main-content{
	margin-left:250;
}
.topNav .navbar{
	margin-left:-30px;
}
.text_cliente{
	width:100px;
}
.navbar-vertical.navbar-expand-xs {
	top: 120px;

}


}