.template_togestiono #selectEmpresaV3{
  background: #ef662f;
}
.template_togestiono #Menu_Modulos li.active>a {
    background-color: #ef662f !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #ef662f61 !important;
}
.template_togestiono #strNombreRol:focus, #strNombreRol:active, #strNombreRol:hover {
    box-shadow: 0 14px 26px -12px rgba(239, 102, 47, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 102, 47, 0.29); 

}
.template_togestiono #strNombreRol{
  color: #fff !important;
  background-color: #ef662f !important;
  border-color: #ef662f !important;
  box-shadow: 0 2px 2px 0 #ef662f00, 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 #ef662f57 !important;
}
/*.template_togestiono.text-info{
  color: #ef662f !important;
}*/



.quantity {
  position: relative;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}

.quantity input {
  width: 45px;
  height: 42px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 20px;
  border: 1px solid #eee;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #eee;
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}


@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: sticky;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.waveWrapperInner {
    position: fixed;
    width: 100%;
    
    height: 100%;
    bottom: -1px;
    background-image: linear-gradient(  #0093dd 40%,#3044b5 40%);
}
.bgTop {
    z-index: 15;
    opacity: 0.75;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.2;
}
.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}



.chart-box {
	height: 60vh
}
/*TITULO PARA GRAFICAS*/
.btn-chart-header-first {
	color: white !important;
	position: absolute !important;
	right: 15px !important;
	top:-18px !important;
	z-index: 999 !important;
	padding: 5px 10px 5px 10px !important;
}


.container-portada{
	width: 100%;
	height:400px;
	background-image: url(../directory/img/2.jpg);
	background-size: 200%;
	animation:movimiento 10s infinite linear alternate;
}

@keyframes movimiento{
	from{
		background-position: bottom left;
		}to{
			background-position: top right;
		}
}
.p{color: white}

.modalcontainer{

    position: relative;
    width: 100%;
    max-width: 10000px;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
  .modalcontainer {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .modalcontainer {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .modalcontainer {
    width: 1900px;
  }
}
.columma-right{
      margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
#right{
	    width: 200px;
    padding: 0;
    margin-right: -200%;
    background: #fff none repeat scroll 0 0;
    border-left: 2px solid #009635;
    border-right: 2px solid #009635;
}
.main-raised{
	
}

@media (min-width: 768px) {
 .main-raised {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .main-raised {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .main-raised {
    width: 1840px;
  }
}
.responsive {
  width: 100%;
  height: auto;
}
.btn-chart-header-second {
	color: white !important;
	position: absolute !important;
	right: 55px !important;
	top:-18px !important;
	z-index: 999 !important;
	padding: 5px 10px 5px 10px !important;
}


.m-t-n-15 {
	margin-top: -15px !important;
}

.chart-card-title {
	top:2px;
	font-weight: 300;
	font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
	position: absolute
}

/*TABLA PARA MOSTRAR MUCHOS DATOS DE CONTABILIDAD*/
.table-griddata thead {
	text-align: center;
	color: #00bcd4 !important;
}

.table-griddata tbody tr td {
	text-align: right;
}

.table-griddata tbody tr td:first-child {
	text-align: left;
	color: #00bcd4 !important;
}

.table-griddata tbody tr:last-child td {
  text-align: right;
  color: #00bcd4 !important;
}

.table-griddata tbody tr:last-child {
  color: #00bcd4 !important;
}

.table-griddata tbody tr:last-child td:first-child {
	text-align: left;
}


.table-right-10 tbody td{
    padding-right: 10px;
}
.historia1{

background: url(../Atem/img/lineal-diagonal-3.png) no-repeat bottom #f2f2f2;
    background-size: 50%;
}

.multi-item-carousel1{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}

// non-related styling:
body{
  background: #333;
  color: #ddd;
}
h1{
  color: white;
  font-size: 2.25em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 1);
}

	.logo-image {
  width: 46px;
  height: 46px;
  border-radius: 100%;
  overflow: hidden;
  margin-top: -2px;
}







/*.check .info-check {
	background-color: #00bcd4 !important;
}*/

/*.circle .info-check {
	border-color: #00bcd4 !important;
}*/
#buscador {
	top: -7px;
}

.form-check .info-check .form-check-input:checked~.check {
  background-color: #00bcd4 !important
}

.form-check .info-check .form-check-input:checked~.circle {
  border-color: #00bcd4;
}

.dataTables_scrollBody::-webkit-scrollbar {
width: 12px;
height: 8px;
}

.dataTables_scrollBody::-webkit-scrollbar-track {
/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
border-radius: 10px;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
background-color: #cecece;
border-radius: 10px;
/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}
.top_-55 {
	top:-55px !important;
}
.loader_1 {
	position:absolute;height:60px;top: CALC(50% - 30px);right: CALC(50% - 60px);
}
.transparent {
	background: transparent;
}
.table_minimus td {
	padding: 0px !important
}
.table_minimus tr {
	padding: 0px !important
}
.table_minimus_wo td {
	white-space: nowrap;
	border-color: #ddd0 !important;
}
.table_minimus_wo tr {
	white-space: nowrap;
	border-color: #ddd0 !important;
	
}
.table_minimus_wo th {
	white-space: nowrap;
	border-color: #ddd0 !important;
	
}
.border-bottom-gray {
	border-bottom: solid 1px #cecece !important;
}
.w-100 {
	width: 100%
}
.p-0 {
	padding: 0px !important;
}
.m-0 {
	margin: 0px !important;
}
.p-10 {
	padding: 10px !important;
}
.font-12 {
	font-size: 12px
}
.font-13 {
	font-size: 13px
}
.font-30 {
	font-size: 30px !important
}

.white {
	color: white !important;
}
.gray {
	color: #ffffffad
}
.gray2 {
	color: #cecece !important;
}
.bg-gray2 {
	background-color: #cecece !important;
}


.is-focused.pro_info_input  .pro_titulo_input {
	color: #00bcd4 !important;
}

.is-focused.pro_info_input .pro_input_whit_check {
	background-image: linear-gradient(to top, #00bcd4 2px, rgba(0, 188, 212, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px) !important;
}

.is-focused.pro_info_input .pro_input_icon {
	color: #00bcd4 !important;
}




.is-focused.pro_warning_input  .pro_titulo_input {
	color: #ff9800 !important;
}

.is-focused.pro_warning_input .pro_input_whit_check {
	background-image: linear-gradient(to top, #ff9800 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px) !important;
}

.is-focused.pro_warning_input .pro_input_icon {
	color: #ff9800 !important;
}







.is-focused.pro_gray_input  .pro_titulo_input {
	color: #999999 !important;
}
.is-focused.pro_gray_input .bmd-label-static {
	color: #999999 !important;
}
.is-focused.pro_gray_input .pro_input_whit_check {
	background-image: background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px) !important;
}

.is-focused.pro_gray_input .pro_input_icon {
	color: #999999 !important;
}


.bloque_grafico {
	height: 350px;
}
.absolute {
	position: absolute;
}
.noclick {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%
    height:100%;
    z-index: 9999; /* or maybe higher */
    cursor: progress !important;
    background-color: transparent;
}

.close {
	outline:none !important;
}
.color-rojo {
    color:red !important;
}
.color-verde {
    color:green !important;
}

.display-none {
    display:none;
}
.hide {
    display:none;
}
.obj-info> li> div> button:hover,.obj-info> li> div> a:hover {
    background-color: #00bcd4 !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4) !important;
}
.obj-panel-white i  {
color: #868686 !important;
}
.btn-ocultar-menu-modulos {
	position: sticky !important;
	top:10px !important;
	left: -10px !important;
	z-index: 1049 !important;
	padding:10px !important;
	border-radius: 0px 5px 5px 0px !important;
    background-color: #ffffff5e !important;
}

@media (max-width: 993px) {
	.btn-ocultar-menu-modulos {
		display: none
	}

}
@media (min-width: 993px) {
	.wrapper-escritorio-oculto {
		width: 0px;
	}
	.wrapper-escritorio-oculto> .sidebar-wrapper {
		width: 0px !important;
	}
	.content-pantalla-completa {
		width: 100%
	}
}
.oculto {
	display: none !important;
}
#nombreUsuario {
	left:50px;
}

.materialpro_tabla_modal td {
	padding: 0px 5px;
	margin-right: 5px;
	margin-left: 1px;
	white-space: nowrap;
}
.materialpro_tabla_modal th {
	padding: 0px 5px;
	margin-right: 5px;
	margin-left: 1px;
	white-space: nowrap;
}
.materialpro_tabla_modal{
	width: 100%;
	font-size: 13px;
	overflow-y: auto;
}