@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400');
@import url('https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,700');


html,
body {
	height: 100%;
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	overflow-y: overlay;
	overscroll-behavior: contain; /* esto es para no recargar la pagina en celular */
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #ffffff;
}

.loader {
	width: 2.5rem;
	height: 2.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -0.8125rem;
	margin-left: -0.8125rem;
	border-radius: 3.75rem;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

.loader1 {
	width: 2.5rem !important;
	height: 2.5rem;
	position: absolute;
	top: 50%;
	left: 65%;
	border-radius: 3.75rem;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border:  0.25rem solid #ae9a63;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border:  0.25rem solid #ae9a63;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border:  0.25rem solid #ae9a63;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border:  0.25rem solid #ae9a63;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border:  0.25rem solid #ae9a63;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border:  0.25rem solid #ae9a63;
		border-left-color: transparent;
	}
}


@media screen and (orientation: landscape) {
  .app-container {
    display: none !important;
  }
  .cuerpoh {
    display: block;
  } 
}

@media screen and (orientation: portrait) {
  .app-container {
    display: flex;
  }
  .cuerpoh {
    display: none;
  }  
}


/* Tamaño del scroll */
.scrollbar-sidebar::-webkit-scrollbar {
  width: 0rem;
  height: 0.5rem;
}

 /* Estilos barra (thumb) de scroll */
.scrollbar-sidebar::-webkit-scrollbar-thumb {
  background: #979ba0;
  border-radius:  0.25rem;
}

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

.scrollbar-sidebar::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  box-shadow: 0 0 0.125rem 1px rgba(0, 0, 0, 0.2);
}

 /* Estilos track de scroll */
.scrollbar-sidebar::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius:  0.25rem;
}

.scrollbar-sidebar::-webkit-scrollbar-track:hover, 
.scrollbar-sidebar::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}


/* Tamaño del scroll */
.scrollbar-sidebar::-moz-scrollbar {
  width: 0rem;
  height: 0.5rem;
}

 /* Estilos barra (thumb) de scroll */
.scrollbar-sidebar::-moz-scrollbar-thumb {
  background: #979ba0;
  border-radius:  0.25rem;
}

.scrollbar-sidebar::-moz-scrollbar-thumb:active {
  background-color: #999999;
}

.scrollbar-sidebar::-moz-scrollbar-thumb:hover {
  background: #b3b3b3;
  box-shadow: 0 0 0.125rem 1px rgba(0, 0, 0, 0.2);
}

 /* Estilos track de scroll */
.scrollbar-sidebar::-moz-scrollbar-track {
  background: #e1e1e1;
  border-radius:  0.25rem;
}

.scrollbar-sidebar::-moz-scrollbar-track:hover, 
.scrollbar-sidebar::-moz-scrollbar-track:active {
  background: #d4d4d4;
}

.fixed-header .app-main {
 /*   padding-top: 2.7rem*/
 padding-top: 2.2rem;
}

.app-main {
    flex: 1;
    display: flex;
    z-index: 8;
    position: relative;
	overflow-x:hidden
}

.app-main .app-main__outer {
    flex: 1;
    flex-direction: column;
    display: flex;
    z-index: 12
}

.app-main .app-main__inner {
    padding: 20px 10px 10px;
    flex: 1;
}

.app-container {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    margin: 0
}

.app-theme-white.app-container {
    background: #ffffff;
}

.app-theme-white .app-footer .app-footer__inner,
.app-theme-white .app-header {
  /*  background: #fafbfc*/
	background: #f7f7f7
}


.fixed-sidebar .app-main .app-main__outer {
    z-index: 9;
    padding-left: 420px
}


.app-header {
    height: 3.125rem;
    display: flex;
    align-items: center;
    align-content: center;
    position: relative;
    z-index: 10;
    transition: all .2s
}
.app-header.header-shadow {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03)
}
.app-header .app-header__content {
    display: flex;
    align-items: center;
    align-content: center;
    flex: 1;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0rem;
	padding-left:0px;
    height: 3.125rem
}
.app-header .app-header__content .app-header-left {
    display: flex;
    align-items: center;
	font-size:0.9rem;
}

/*.dropdown .dropdown-menu .dropdown-item {
font-size:0.8rem;
}*/

.app-header .app-header__content .header-menu .nav-link {
    color: #6c757d
}
.app-header .app-header__content .header-menu .nav-link i {
    color: #adb5bd
}
.app-header .app-header__content .header-menu .nav-link:hover {
    color: #212529
}
.app-header .app-header__content .app-header-right {
    align-items: center;
    display: flex;
    margin-left: auto
}
.app-header .header-user-info>.widget-heading,
.app-header .header-user-info>.widget-subheading {
    white-space: nowrap
}
.app-header .header-user-info>.widget-subheading {
    font-size: .8rem
}
.app-header__logo {
   /* padding: 0 1.5rem;*/
    height: 3.125rem;
    width: 3.5rem;
    display: flex;
    align-items: center;
    transition: width .2s;
	padding-left:0.5rem;
	
}
.app-header__logo .logo-src {
    height: 3.125rem;
    width: 15.625rem;
    background: url(../img/logo-color40x40.png) no-repeat;
	margin-top:0.5rem;
}

.app-header__menu,
.app-header__mobile-menu {
    display: none;
    padding: 0 1.5rem;
    height: 3.125rem;
    align-items: center
}
.fixed-header .app-header {
    position: fixed;
    width: 100%;
    top: 0
}
.fixed-header .app-header .app-header__logo {
    visibility: visible
}

.fixed-header:not(.fixed-sidebar):not(.closed-sidebar) .app-sidebar .app-header__logo {
    visibility: hidden
}
.app-header.header-text-light .app-header-left>.nav>li>.nav-link {
    color: rgba(255, 255, 255, 0.7)
}
.app-header.header-text-light .app-header-left>.nav>li>.nav-link .nav-link-icon {
    color: rgba(255, 255, 255, 0.8)
}
.app-header.header-text-light .app-header-left>.nav>li>.nav-link:hover {
    color: #fff
}
.app-header.header-text-light .app-header-right .icon-wrapper-alt .fa,
.app-header.header-text-light .app-header-right .icon-wrapper-alt .icon {
    color: rgba(255, 255, 255, 0.7) !important;
    transition: all .2s
}
.app-header.header-text-light .app-header-right .icon-wrapper-alt .icon-wrapper-bg {
    background: rgba(255, 255, 255, 0.1) !important;
    transition: all .2s;
    opacity: 1
}
.app-header.header-text-light .app-header-right .icon-wrapper-alt:hover .fa,
.app-header.header-text-light .app-header-right .icon-wrapper-alt:hover .icon {
    color: rgba(255, 255, 255, 0.9) !important
}
.app-header.header-text-light .app-header-right .icon-wrapper-alt:hover .icon-wrapper-bg {
    background: rgba(255, 255, 255, 0.15) !important
}
.app-header.header-text-light .app-header-right .icon-wrapper-alt .badge-dot {
    border-color: transparent
}
.app-header.header-text-light .app-header-right>.header-btn-lg .widget-content-left .btn-group>.btn,
.app-header.header-text-light .app-header-right>.header-btn-lg .widget-heading,
.app-header.header-text-light .app-header-right>.header-btn-lg .widget-subheading {
    color: rgba(255, 255, 255, 0.8)
}
.app-header.header-text-light .app-header-right>.header-btn-lg .header-user-info>.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2)
}
.app-header.header-text-light .search-wrapper .input-holder .search-icon {
    background: rgba(0, 0, 0, 0.1)
}
.app-header.header-text-light .search-wrapper .input-holder .search-input::placeholder,
.app-header.header-text-light .search-wrapper .input-holder .search-input::-webkit-input-placeholder,
.app-header.header-text-light .search-wrapper .input-holder .search-input:-ms-input-placeholder,
.app-header.header-text-light .search-wrapper .input-holder .search-input:-moz-placeholder,
.app-header.header-text-light .search-wrapper .input-holder .search-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5) !important
}
.app-header.header-text-light .search-wrapper.active .input-holder {
    background: rgba(255, 255, 255, 0.1)
}
.app-header.header-text-light .search-wrapper.active .input-holder .search-input {
    color: rgba(255, 255, 255, 0.8)
}
.app-header.header-text-light .search-wrapper.active .input-holder .search-icon {
    background: rgba(255, 255, 255, 0.1)
}
.app-header.header-text-light .header-btn-lg::before {
    background: rgba(255, 255, 255, 0.2)
}
.app-header.header-text-light .header-btn-lg .hamburger-inner,
.app-header.header-text-light .header-btn-lg .hamburger.is-active .hamburger-inner,
.app-header.header-text-light .header-btn-lg .hamburger-inner::before,
.app-header.header-text-light .header-btn-lg .hamburger-inner::after,
.app-header.header-text-light .header__pane .hamburger-inner,
.app-header.header-text-light .header__pane .hamburger.is-active .hamburger-inner,
.app-header.header-text-light .header__pane .hamburger-inner::before,
.app-header.header-text-light .header__pane .hamburger-inner::after {
    background-color: rgba(255, 255, 255, 0.8) !important
}
.app-header.header-text-light .search-wrapper .input-holder .search-icon span::after {
    border-color: rgba(255, 255, 255, 0.8)
}
.app-header.header-text-light .search-wrapper .close::before,
.app-header.header-text-light .search-wrapper .close::after,
.app-header.header-text-light .search-wrapper .input-holder .search-icon span::before {
    background: rgba(255, 255, 255, 0.8)
}
.app-header.header-text-light .app-header__logo .logo-src {
    background: url(assets/images/logo.png)
}
.app-header.header-text-light .app-header__mobile-menu .hamburger-inner,
.app-header.header-text-light .app-header__mobile-menu .hamburger-inner::before,
.app-header.header-text-light .app-header__mobile-menu .hamburger-inner::after {
    background: rgba(255, 255, 255, 0.9)
}
.app-header.header-text-dark .app-header-left>.nav>li>.nav-link {
    color: rgba(0, 0, 0, 0.7)
}
.app-header.header-text-dark .app-header-left>.nav>li>.nav-link .nav-link-icon {
    color: rgba(0, 0, 0, 0.8)
}
.app-header.header-text-dark .app-header-left>.nav>li>.nav-link:hover {
    color: #000
}
.app-header.header-text-dark .app-header-right .icon-wrapper-alt .fa,
.app-header.header-text-dark .app-header-right .icon-wrapper-alt .icon {
    color: rgba(0, 0, 0, 0.7) !important;
    transition: all .2s
}
.app-header.header-text-dark .app-header-right .icon-wrapper-alt .icon-wrapper-bg {
    background: rgba(0, 0, 0, 0.1) !important;
    transition: all .2s;
    opacity: 1
}
.app-header.header-text-dark .app-header-right .icon-wrapper-alt:hover .fa,
.app-header.header-text-dark .app-header-right .icon-wrapper-alt:hover .icon {
    color: rgba(0, 0, 0, 0.95) !important
}
.app-header.header-text-dark .app-header-right .icon-wrapper-alt:hover .icon-wrapper-bg {
    background: rgba(0, 0, 0, 0.15) !important
}
.app-header.header-text-dark .app-header-right .icon-wrapper-alt .badge-dot {
    border-color: transparent
}
.app-header.header-text-dark .app-header-right>.header-btn-lg .widget-content-left .btn-group>.btn,
.app-header.header-text-dark .app-header-right>.header-btn-lg .widget-heading,
.app-header.header-text-dark .app-header-right>.header-btn-lg .widget-subheading {
    color: rgba(0, 0, 0, 0.8)
}
.app-header.header-text-dark .app-header-right>.header-btn-lg .header-user-info>.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2)
}
.app-header.header-text-dark .search-wrapper .input-holder .search-icon {
    background: rgba(0, 0, 0, 0.1)
}
.app-header.header-text-dark .search-wrapper.active .input-holder {
    background: rgba(0, 0, 0, 0.1)
}
.app-header.header-text-dark .search-wrapper.active .input-holder .search-input {
    color: rgba(0, 0, 0, 0.8)
}
.app-header.header-text-dark .search-wrapper.active .input-holder .search-icon {
    background: rgba(0, 0, 0, 0.1)
}
.app-header.header-text-dark .header-btn-lg::before {
    background: rgba(0, 0, 0, 0.2)
}
.app-header.header-text-dark .header-btn-lg .hamburger-inner,
.app-header.header-text-dark .header-btn-lg .hamburger.is-active .hamburger-inner,
.app-header.header-text-dark .header-btn-lg .hamburger-inner::before,
.app-header.header-text-dark .header-btn-lg .hamburger-inner::after,
.app-header.header-text-dark .header__pane .hamburger-inner,
.app-header.header-text-dark .header__pane .hamburger.is-active .hamburger-inner,
.app-header.header-text-dark .header__pane .hamburger-inner::before,
.app-header.header-text-dark .header__pane .hamburger-inner::after {
    background-color: rgba(0, 0, 0, 0.8) !important
}
.app-header.header-text-dark .search-wrapper .input-holder .search-icon span::after {
    border-color: rgba(0, 0, 0, 0.8)
}
.app-header.header-text-dark .search-wrapper .close::before,
.app-header.header-text-dark .search-wrapper .close::after,
.app-header.header-text-dark .search-wrapper .input-holder .search-icon span::before {
    background: rgba(0, 0, 0, 0.8)
}
.app-header.header-text-dark .app-header__logo .logo-src {
    background: url(assets/images/logo-inverse.png)
}

.centro-imagen {
    width: 100%;
    height: 100%;
    margin: 0px auto;
    text-align: center;
}


.app-footer {
    height: 2.5rem;
}
.app-footer .app-footer__inner {
    padding: 0 1.5rem 0 .75rem;
    height: 2.5rem;
    display: flex;
    align-content: center;
    align-items: center
}
.app-footer .app-footer__inner .app-footer-left {
    display: flex;
    align-items: center
}
.app-footer .app-footer__inner .app-footer-right {
    margin-left: auto;
    display: flex
}
.fixed-footer .app-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 7
}
.fixed-footer .app-footer .app-footer__inner {
    margin-left: 0px;
    box-shadow: 0.3rem -0.46875rem 2.1875rem rgba(4, 9, 20, 0.02), 0.3rem -0.9375rem 1.40625rem rgba(4, 9, 20, 0.02), 0.3rem -0.25rem 0.53125rem rgba(4, 9, 20, 0.04), 0.3rem -0.125rem 0.1875rem rgba(4, 9, 20, 0.02)
}
.fixed-footer .app-main .app-main__outer {
    padding-bottom: 2.5rem;
}

.piecopy{
    font-size: 0.875rem;
    font-weight: 400;
    margin-left: 0.625rem;
}

.pierutina{
font-size: 1rem;
    font-weight: 500;
    margin-left: 4rem;
    color: #2b9086;
}

.pieerror{
    font-size: 0.875rem;
    font-weight: 500;
    margin-left: 4rem;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}

body.modal-open {
    padding-right: 0 !important;
    overflow: hidden;
}

.marron{
 color:#ae9a63 !important;
}

.cgris {
 color: #607d8b57;
}

.verde{
background-color:#00bfa5;
}

.frojo {
background-color: #d9232e;
}

.rojo {
color: #d9232e;
}

.cverde {
color: #269840;
}

.fverde {
background-color:#269840;
}


.verdecli {
color: #269840 !important;
}
.azul {
color: #0099FF;
}

.naranja {
color: #FF8800 !important;
}

.naranjasolo {
color: #FF8800;
}

.gris {
background-color: #607d8b57;
}

.fnaranja {
background-color: #FF8800 !important;
}

.negro {
color: #000000;
}


.letra-blanca{
color: white;
font-weight: 400;
}

.letra-negra{
color: #000000;
font-weight: 400;
}

.loading {
 width: 100%;
 text-align: center;
 padding-top: 25%;
}

.loading1 {
 width: 100%;
 text-align: center;
}



/* ESTO ES PARA LOS SELECT NEGROS*/

.dropdown-content li:hover,
.dropdown-content li.active {
    background-color: #eee;
	font-weight:500;		
}

.dropdown-content li>a,
.dropdown-content li>span {
    display: block;
    padding: .5rem;
    font-size: .9rem;
    color: #000000;
}

.select-wrapper .search-wrap .md-form input:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: 0 1px 0 0 #000000 !important;
    box-shadow: 0 1px 0 0 #000000 !important
}

.md-form input:not([type]):focus:not([readonly]), .md-form input[type="text"]:not(.browser-default):focus:not([readonly]), .md-form input[type="password"]:not(.browser-default):focus:not([readonly]), .md-form input[type="email"]:not(.browser-default):focus:not([readonly]), .md-form input[type="url"]:not(.browser-default):focus:not([readonly]), .md-form input[type="time"]:not(.browser-default):focus:not([readonly]), .md-form input[type="date"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), .md-form input[type="number"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search-md"]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #000000;
    -webkit-box-shadow: 0 1px 0 0 #000000;
    box-shadow: 0 1px 0 0 #000000;
}

.select-wrapper:not(.md-outline) .select-dropdown:focus {
   border-bottom: 1px solid #000000;
    -webkit-box-shadow: 0 1px 0 0 #000000;
    box-shadow: 0 1px 0 0 #000000;
}

.select-wrapper.active span.caret,
.select-wrapper.active label.mdb-main-label {
    color: #000000;
}

.select-wrapper .search-wrap .md-form input {
  color:#212529;
  font-style:italic;

}

/* DATATABLES*/
table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(229, 229, 229, .3);
}

.table tbody tr:hover td, .table tbody tr:hover th {

/* color tabla    background-color: #ae9a6350;
	background-color: #2bbbad91;*/
	background-color: #0a998b;
    color: #ffffff;
}

#dtdescucli.table tbody tr:hover td input.form-control{
	/*background-color: #0a998b;*/
    color: #ffffff;
}

.table tbody tr:hover td i {
    color: #212529;
}

.table tbody tr td i {
    color: #60666b;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}


#dttabla_wrapper .dataTables_scrollBody {
overflow-x: hidden !important;
}

.no-sort::after { display: none!important; }
.no-sort::before { display: none!important; }
.no-sort { pointer-events: none!important; cursor: default!important; }

.permiso::after { display: none!important; }
.permiso::before { display: none!important; }
.permiso{ pointer-events: auto!important; cursor: pointer!important; }

/* FIN DE DATATABLES*/


.vcentra {
 position: absolute;
  top: 50%;
  transform: translateY(-50%);
}  

.vcentra-home {
 position: relative;
  top: 50%;
  transform: translateY(-50%);
}  
  
.md-form input:not([type]):focus:not([readonly]),
.md-form input[type="text"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="password"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="email"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="url"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="time"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="date"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="tel"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="number"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="search"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="search-md"]:focus:not([readonly]),
.md-form textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #066c62; !important;
    -webkit-box-shadow: 0 1px 0 0 #066c62; !important;
    box-shadow: 0 1px 0 0 #066c62; !important;
}

.md-form input:not([type]):focus:not([readonly])+label,
.md-form input[type="text"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="password"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="email"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="url"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="time"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="date"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="datetime"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="tel"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="number"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="search"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="search-md"]:focus:not([readonly])+label,
.md-form textarea.md-textarea:focus:not([readonly])+label {
    color: #066c62;
}	

/* MENU STYLE*/
.navbar {
    font-weight: 400;
    -webkit-box-shadow: none;
    box-shadow: none; 
}

.md-pills .nav-link {
    color: #000000;
	font-weight:400;
    border-top-left-radius: 0.438rem;
    border-top-right-radius: 0.438rem;
}

.md-pills .nav-linkr {
    color: #000000;
	font-weight:400;
    border-radius: 0.438rem;
	padding:0.625rem;
}

.md-pills .nav-link:hover {
 background-color: #2bbbad !important;
 color:#FFFFFF; 
}

.md-pills .nav li:hover {
 background-color: #2bbbad !important;
 color:#fc0000;
 
}

.md-pills a:not([href]):not([tabindex]):hover
{
 color:#ae9a63;
/* background-color: #FFFFFF !important;*/
}

.md-pills a:not([href]):not([tabindex]):visited
{
 color:#ae9a63;
/* background-color: #FFFFFF !important;*/
}

.spinner-border-sm-cecils {
    width: 1.5rem;
    height: 1.5rem;
    border-width: 0.2em;
}

.nav li:hover .dropdown-menu {
    display: block;
	position: absolute; 
	transform: translate3d(0.625rem,  3.125rem, 0rem);
	top: 0px; 
	left: 0px; 
	will-change: transform;	
}



.nav li:hover .dropdown-menu-right {
    display: block;
	position: absolute;
    transform: translate3d(-5.688rem, 3.125rem, 0rem);
    top: 0px;
    left: 0px;
    will-change: transform;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

/* MENU LATERAL*/
.navbar {
  	z-index: 1040;
}
.side-nav {
  margin-top: 60px !important;
  margin-bottom:50px !important;
  width:40px;
  height:83vh;
  background-color:rgba(62, 69, 81, 1)   !important;
}

.colorcta2 {
  background-color:rgba(181, 11, 27, 0.85)   !important;
}

.colorcta1 {
  background-color:rgba(5, 124, 122, 0.79)   !important;
}


.double-nav .breadcrumb-dn p {
    color: #fff;
}

.side-nav .collapsible a {
    height: 36px;
    font-size: 3rem;
    font-weight: 300;
    line-height: 18px;
    color: #fff;
	padding-left:8px;
}

.side-icono{
font-size:1.125rem !important;
margin-top:8px;
}

.side-icono-gr{
font-size: 1.8rem !important;
margin-right: 0px;
margin-left: -0.1rem;
}

.side-icono-gr-home{
font-size: 1.5rem !important;
margin-right: 0px;
margin-left: -0.1rem;
}

.fs15{
font-size: 1.4rem;
}

.side-nav .collapsible>li a.collapsible-header:hover i.fa-trash {
color:#FF0000;
}

.side-nav .collapsible>li a.collapsible-header:hover i.fa-dollar-sign {
color:#efff00e8;
}

.side-nav .collapsible>li a.collapsible-header:hover i.fa-home {
color:#efff00e8;
}

.usuario-nombre{
  font-size: 0.8rem;
  font-weight: 500;
}	

/* INICIO*/
.color-cecils-rojo {
background-color: #d9232e !important;
}

.color-cecils {
background:#ae9a63;
}

.color-cecils-letra {
color:#ae9a63;
}

.color-cecils-inicio {
background:#ae9a63;
}

.btn-outline-cecils {
    color: #ae9a63 !important;
    background-color: transparent !important;
    border: 2px solid #ae9a63 !important;
}

.btn-desbloqueo-cecils {
    color: #fff;
    background-color: #ae9a63 !important;
}

.btn-outline-cecils-inicio {
    color: #ffffff !important;
    background-color: #ae9a63 !important;
    border: 2px solid #b6b6b6 !important;
}

.btn-outline-cecils-inicio:hover {
    color: #E41F14 !important;
    background-color: #ae9a63 !important;
 /*   border: 2px solid #6c757d !important;*/
}

.btn-outline-cecils-borro {
    color: #ffffff !important;
    background-color: #d9232e !important;
}

.btn-outline-cecils-warning {
    color: #ffffff !important;
    background-color: #FF8800 !important;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #f5f5f5 inset !important;
	font-size:1rem;
}
/*Change text in autofill textbox
input:-webkit-autofill{
    -webkit-text-fill-color: yellow !important;
}*/

.mt-5 {
    margin-top: 5px
}
.mt-10 {
    margin-top: 10px
}
.mt-15 {
    margin-top: 15px
}
.mt-20 {
    margin-top: 20px
}
.mt-25 {
    margin-top: 25px
}
.mt-30 {
    margin-top: 30px
}
.mt-35 {
    margin-top: 35px
}
.mt-40 {
    margin-top: 40px
}
.mt-45 {
    margin-top: 45px
}
.mt-50 {
    margin-top: 50px
}
.mt-55 {
    margin-top: 55px
}
.mt-60 {
    margin-top: 60px
}
.mt-65 {
    margin-top: 65px
}
.mt-70 {
    margin-top: 70px
}
.mt-75 {
    margin-top: 75px
}
.mt-80 {
    margin-top: 80px
}
.mt-85 {
    margin-top: 85px
}
.mt-90 {
    margin-top: 90px
}
.mt-95 {
    margin-top: 95px
}
.mt-100 {
    margin-top: 100px
}
.mt-105 {
    margin-top: 105px
}
.mt-110 {
    margin-top: 110px
}
.mt-115 {
    margin-top: 115px
}
.mt-120 {
    margin-top: 120px
}
.mt-125 {
    margin-top: 125px
}
.mt-130 {
    margin-top: 130px
}
.mt-135 {
    margin-top: 135px
}
.mt-140 {
    margin-top: 140px
}
.mt-145 {
    margin-top: 145px
}
.mt-150 {
    margin-top: 150px
}
.mt-155 {
    margin-top: 155px
}
.mt-160 {
    margin-top: 160px
}
.mt-165 {
    margin-top: 165px
}
.mt-170 {
    margin-top: 170px
}
.mt-175 {
    margin-top: 175px
}
.mt-180 {
    margin-top: 180px
}
.mt-185 {
    margin-top: 185px
}
.mt-190 {
    margin-top: 190px
}
.mt-195 {
    margin-top: 195px
}
.mt-200 {
    margin-top: 200px
}
.mb-5 {
    margin-bottom: 5px
}
.mb-10 {
    margin-bottom: 10px
}
.mb-15 {
    margin-bottom: 15px
}
.mb-20 {
    margin-bottom: 20px
}
.mb-25 {
    margin-bottom: 25px
}
.mb-30 {
    margin-bottom: 30px
}
.mb-35 {
    margin-bottom: 35px
}
.mb-40 {
    margin-bottom: 40px
}
.mb-45 {
    margin-bottom: 45px
}
.mb-50 {
    margin-bottom: 50px
}
.mb-55 {
    margin-bottom: 55px
}
.mb-60 {
    margin-bottom: 60px
}
.mb-65 {
    margin-bottom: 65px
}
.mb-70 {
    margin-bottom: 70px
}
.mb-75 {
    margin-bottom: 75px
}
.mb-80 {
    margin-bottom: 80px
}
.mb-85 {
    margin-bottom: 85px
}
.mb-90 {
    margin-bottom: 90px
}
.mb-95 {
    margin-bottom: 95px
}
.mb-100 {
    margin-bottom: 100px
}
.mb-105 {
    margin-bottom: 105px
}
.mb-110 {
    margin-bottom: 110px
}
.mb-115 {
    margin-bottom: 115px
}
.mb-120 {
    margin-bottom: 120px
}
.mb-125 {
    margin-bottom: 125px
}
.mb-130 {
    margin-bottom: 130px
}
.mb-135 {
    margin-bottom: 135px
}
.mb-140 {
    margin-bottom: 140px
}
.mb-145 {
    margin-bottom: 145px
}
.mb-150 {
    margin-bottom: 150px
}
.mb-155 {
    margin-bottom: 155px
}
.mb-160 {
    margin-bottom: 160px
}
.mb-165 {
    margin-bottom: 165px
}
.mb-170 {
    margin-bottom: 170px
}
.mb-175 {
    margin-bottom: 175px
}
.mb-180 {
    margin-bottom: 180px
}
.mb-185 {
    margin-bottom: 185px
}
.mb-190 {
    margin-bottom: 190px
}
.mb-195 {
    margin-bottom: 195px
}
.mb-200 {
    margin-bottom: 200px
}
.ml-5 {
    margin-left: 5px
}
.ml-10 {
    margin-left: 10px
}
.ml-15 {
    margin-left: 15px
}
.ml-20 {
    margin-left: 20px
}
.ml-25 {
    margin-left: 25px
}
.ml-30 {
    margin-left: 30px
}
.ml-35 {
    margin-left: 35px
}
.ml-40 {
    margin-left: 40px
}
.ml-45 {
    margin-left: 45px
}
.ml-50 {
    margin-left: 50px
}
.ml-55 {
    margin-left: 55px
}
.ml-60 {
    margin-left: 60px
}
.ml-65 {
    margin-left: 65px
}
.ml-70 {
    margin-left: 70px
}
.ml-75 {
    margin-left: 75px
}
.ml-80 {
    margin-left: 80px
}
.ml-85 {
    margin-left: 85px
}
.ml-90 {
    margin-left: 90px
}
.ml-95 {
    margin-left: 95px
}
.ml-100 {
    margin-left: 100px
}
.ml-105 {
    margin-left: 105px
}
.ml-110 {
    margin-left: 110px
}
.ml-115 {
    margin-left: 115px
}
.ml-120 {
    margin-left: 120px
}
.ml-125 {
    margin-left: 125px
}
.ml-130 {
    margin-left: 130px
}
.ml-135 {
    margin-left: 135px
}
.ml-140 {
    margin-left: 140px
}
.ml-145 {
    margin-left: 145px
}
.ml-150 {
    margin-left: 150px

}
.ml-155 {
    margin-left: 155px
}
.ml-160 {
    margin-left: 160px
}
.ml-165 {
    margin-left: 165px
}
.ml-170 {
    margin-left: 170px
}
.ml-175 {
    margin-left: 175px
}
.ml-180 {
    margin-left: 180px
}
.ml-185 {
    margin-left: 185px
}
.ml-190 {
    margin-left: 190px
}
.ml-195 {
    margin-left: 195px
}
.ml-200 {
    margin-left: 200px
}
.mr-5 {
    margin-right: 5px
}
.mr-10 {
    margin-right: 10px
}
.mr-15 {
    margin-right: 15px
}
.mr-20 {
    margin-right: 20px
}
.mr-25 {
    margin-right: 25px
}
.mr-30 {
    margin-right: 30px
}
.mr-35 {
    margin-right: 35px
}
.mr-40 {
    margin-right: 40px
}
.mr-45 {
    margin-right: 45px
}
.mr-50 {
    margin-right: 50px
}
.mr-55 {
    margin-right: 55px
}
.mr-60 {
    margin-right: 60px
}
.mr-65 {
    margin-right: 65px
}
.mr-70 {
    margin-right: 70px
}
.mr-75 {
    margin-right: 75px
}
.mr-80 {
    margin-right: 80px
}
.mr-85 {
    margin-right: 85px
}
.mr-90 {
    margin-right: 90px
}
.mr-95 {
    margin-right: 95px
}
.mr-100 {
    margin-right: 100px
}
.mr-105 {
    margin-right: 105px
}
.mr-110 {
    margin-right: 110px
}
.mr-115 {
    margin-right: 115px
}
.mr-120 {
    margin-right: 120px
}
.mr-125 {
    margin-right: 125px
}
.mr-130 {
    margin-right: 130px
}
.mr-135 {
    margin-right: 135px
}
.mr-140 {
    margin-right: 140px
}
.mr-145 {
    margin-right: 145px
}
.mr-150 {
    margin-right: 150px
}
.mr-155 {
    margin-right: 155px
}
.mr-160 {
    margin-right: 160px
}
.mr-165 {
    margin-right: 165px
}
.mr-170 {
    margin-right: 170px
}
.mr-175 {
    margin-right: 175px
}
.mr-180 {
    margin-right: 180px
}
.mr-185 {
    margin-right: 185px
}
.mr-190 {
    margin-right: 190px
}
.mr-195 {
    margin-right: 195px
}
.mr-200 {
    margin-right: 200px
}
.pt-5 {
    padding-top: 5px
}
.pt-10 {
    padding-top: 10px
}
.pt-15 {
    padding-top: 15px
}
.pt-20 {
    padding-top: 20px
}
.pt-25 {
    padding-top: 25px
}
.pt-30 {
    padding-top: 30px
}
.pt-35 {
    padding-top: 35px
}
.pt-40 {
    padding-top: 40px
}
.pt-45 {
    padding-top: 45px
}
.pt-50 {
    padding-top: 50px
}
.pt-55 {
    padding-top: 55px
}
.pt-60 {
    padding-top: 60px
}
.pt-65 {
    padding-top: 65px
}
.pt-70 {
    padding-top: 70px
}
.pt-75 {
    padding-top: 75px
}
.pt-80 {
    padding-top: 80px
}
.pt-85 {
    padding-top: 85px
}
.pt-90 {
    padding-top: 90px
}
.pt-95 {
    padding-top: 95px
}
.pt-100 {
    padding-top: 100px
}
.pt-105 {
    padding-top: 105px
}
.pt-110 {
    padding-top: 110px
}
.pt-115 {
    padding-top: 115px
}
.pt-120 {
    padding-top: 120px
}
.pt-125 {
    padding-top: 125px
}
.pt-130 {
    padding-top: 130px
}
.pt-135 {
    padding-top: 135px
}
.pt-140 {
    padding-top: 140px
}
.pt-145 {
    padding-top: 145px
}
.pt-150 {
    padding-top: 150px
}
.pt-155 {
    padding-top: 155px
}
.pt-160 {
    padding-top: 160px
}
.pt-165 {
    padding-top: 165px
}
.pt-170 {
    padding-top: 170px
}
.pt-175 {
    padding-top: 175px
}
.pt-180 {
    padding-top: 180px
}
.pt-185 {
    padding-top: 185px
}
.pt-190 {
    padding-top: 190px
}
.pt-195 {
    padding-top: 195px
}
.pt-200 {
    padding-top: 200px
}
.pt-260 {
    padding-top: 260px
}
.pb-5 {
    padding-bottom: 5px
}
.pb-10 {
    padding-bottom: 10px
}
.pb-15 {
    padding-bottom: 15px
}
.pb-20 {
    padding-bottom: 20px
}
.pb-25 {
    padding-bottom: 25px
}
.pb-30 {
    padding-bottom: 30px
}
.pb-35 {
    padding-bottom: 35px
}
.pb-40 {
    padding-bottom: 40px
}
.pb-45 {
    padding-bottom: 45px
}
.pb-50 {
    padding-bottom: 50px
}
.pb-55 {
    padding-bottom: 55px
}
.pb-60 {
    padding-bottom: 60px
}
.pb-65 {
    padding-bottom: 65px
}
.pb-70 {
    padding-bottom: 70px
}
.pb-75 {
    padding-bottom: 75px
}
.pb-80 {
    padding-bottom: 80px
}
.pb-85 {
    padding-bottom: 85px
}
.pb-90 {
    padding-bottom: 90px
}
.pb-95 {
    padding-bottom: 95px
}
.pb-100 {
    padding-bottom: 100px
}
.pb-105 {
    padding-bottom: 105px
}
.pb-110 {
    padding-bottom: 110px
}
.pb-115 {
    padding-bottom: 115px
}
.pb-120 {
    padding-bottom: 120px
}
.pb-125 {
    padding-bottom: 125px
}
.pb-130 {
    padding-bottom: 130px
}
.pb-135 {
    padding-bottom: 135px
}
.pb-140 {
    padding-bottom: 140px
}
.pb-145 {
    padding-bottom: 145px
}
.pb-150 {
    padding-bottom: 150px
}
.pb-155 {
    padding-bottom: 155px
}
.pb-160 {
    padding-bottom: 160px
}
.pb-165 {
    padding-bottom: 165px
}
.pb-170 {
    padding-bottom: 170px
}
.pb-175 {
    padding-bottom: 175px
}
.pb-180 {
    padding-bottom: 180px
}
.pb-185 {
    padding-bottom: 185px
}
.pb-190 {
    padding-bottom: 190px
}
.pb-195 {
    padding-bottom: 195px
}
.pb-200 {
    padding-bottom: 200px
}
.pl-5 {
    padding-left: 5px
}
.pl-10 {
    padding-left: 10px
}
.pl-15 {
    padding-left: 15px
}
.pl-20 {
    padding-left: 20px
}
.pl-25 {
    padding-left: 25px
}
.pl-30 {
    padding-left: 30px
}
.pl-35 {
    padding-left: 35px
}
.pl-40 {
    padding-left: 40px
}
.pl-45 {
    padding-left: 45px
}
.pl-50 {
    padding-left: 50px
}
.pl-55 {
    padding-left: 55px
}
.pl-60 {
    padding-left: 60px
}
.pl-65 {
    padding-left: 65px
}
.pl-70 {
    padding-left: 70px
}
.pl-75 {
    padding-left: 75px
}
.pl-80 {
    padding-left: 80px
}
.pl-85 {
    padding-left: 85px
}
.pl-90 {
    padding-left: 90px
}
.pl-95 {
    padding-left: 95px
}
.pl-100 {
    padding-left: 100px
}
.pl-105 {
    padding-left: 105px
}
.pl-110 {
    padding-left: 110px
}
.pl-115 {
    padding-left: 115px
}
.pl-120 {
    padding-left: 120px
}
.pl-125 {
    padding-left: 125px
}
.pl-130 {
    padding-left: 130px
}
.pl-135 {
    padding-left: 135px
}
.pl-140 {
    padding-left: 140px
}
.pl-145 {
    padding-left: 145px
}
.pl-150 {
    padding-left: 150px
}
.pl-155 {
    padding-left: 155px
}
.pl-160 {
    padding-left: 160px
}
.pl-165 {
    padding-left: 165px
}
.pl-170 {
    padding-left: 170px
}
.pl-175 {
    padding-left: 175px
}
.pl-180 {
    padding-left: 180px
}
.pl-185 {
    padding-left: 185px
}
.pl-190 {
    padding-left: 190px
}
.pl-195 {
    padding-left: 195px
}
.pl-200 {
    padding-left: 200px
}
.pr-5 {
    padding-right: 5px
}
.pr-10 {
    padding-right: 10px
}
.pr-15 {
    padding-right: 15px
}
.pr-20 {
    padding-right: 20px
}
.pr-25 {
    padding-right: 25px
}
.pr-30 {
    padding-right: 30px
}
.pr-35 {
    padding-right: 35px
}
.pr-40 {
    padding-right: 40px
}
.pr-45 {
    padding-right: 45px
}
.pr-50 {
    padding-right: 50px
}
.pr-55 {
    padding-right: 55px
}
.pr-60 {
    padding-right: 60px
}
.pr-65 {
    padding-right: 65px
}
.pr-70 {
    padding-right: 70px
}
.pr-75 {
    padding-right: 75px
}
.pr-80 {
    padding-right: 80px
}
.pr-85 {
    padding-right: 85px
}
.pr-90 {
    padding-right: 90px
}
.pr-95 {
    padding-right: 95px
}
.pr-100 {
    padding-right: 100px
}
.pr-105 {
    padding-right: 105px
}
.pr-110 {
    padding-right: 110px
}
.pr-115 {
    padding-right: 115px
}
.pr-120 {
    padding-right: 120px
}
.pr-125 {
    padding-right: 125px
}
.pr-130 {
    padding-right: 130px
}
.pr-135 {
    padding-right: 135px
}
.pr-140 {
    padding-right: 140px
}
.pr-145 {
    padding-right: 145px
}
.pr-150 {
    padding-right: 150px
}
.pr-155 {
    padding-right: 155px
}
.pr-160 {
    padding-right: 160px
}
.pr-165 {
    padding-right: 165px
}
.pr-170 {
    padding-right: 170px
}
.pr-175 {
    padding-right: 175px
}
.pr-180 {
    padding-right: 180px
}
.pr-185 {
    padding-right: 185px
}
.pr-190 {
    padding-right: 190px
}
.pr-195 {
    padding-right: 195px
}
.pr-200 {
    padding-right: 200px
}

/* HOME*/
.btn {
    margin: .375rem;
    color: inherit;
    text-transform: uppercase;
    word-wrap: break-word;
    white-space: normal;
    cursor: pointer;
    border: 0;
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    padding: .84rem 2.14rem;
    font-size: .81rem;
    
}

.btn-rounded {
    border-radius: 0.5em;
}

.btn-default {
    color: #fff;
    background-color: #2bbbad !important;
	border-radius:50px;
	 border:solid 1px #2bbbad;
}

.btn-default:hover {
   border:solid 1px #2bbbad;
   color: #2bbbad;
   background-color: #ffffff !important;
}

.btn-default:hover i {
   color: #2bbbad !important;
}

.btn-rojo {
    color: #fff;
    background-color: #CC0000 !important;
	border-radius:50px;
	border:solid 1px #CC0000;
}

.btn-rojo:hover {
   border:solid 1px #CC0000;
   color: #CC0000;
   background-color: #ffffff !important;
}

.btn-rojo:hover i {
   color: #2bbbad !important;
}

.btn-rojob {
    color: #fff;
    background-color: #CC0000 !important;
	border-radius:50px;
	border:solid 1px #CC0000;
}

.btn-rojob:hover {
   border:solid 1px #CC0000;
   color: #CC0000;
   background-color: #ffffff !important;
}

.btn-rojob:hover i {
   color: #CC0000 !important;
}



.modal-dialog.modal-notify.modal-info .modal-header {
    background-color: #066c62;
}

.modal-dialog.modal-notify .estrecho {
padding-right:5px;
padding-left:5px;
padding-top:13px;
padding-bottom:13px;
}

.alto-icono-lateral {
margin-top:8px
}

video {
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
  margin-top:0px;
  padding-top:0px;
  position: relative;
 }
 
.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
} 

.iconoalcentropo1 {
  font-size: 4rem;
  height: 100%;
  color: #ae9a634f !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}  

.fa-13rx {

	webkit-animation: fa-spin 1s linear infinite;
    animation: fa-spin 1s linear infinite;
}

.oculto {
display:none !important;
}

/* CONSULTA */

.nohayresultado{
line-height: 50vh;
text-align: center;
font-size: 25px;
font-weight: 300;
}

.consulta_subtitulo {
    font-size: 14px;
    font-weight: 600;
    color: #ae9a63;
    text-transform: uppercase;
    letter-spacing: 0.2em;
	text-align:center;
}

.consulta_titulo {
    font-size: 60px;
    text-transform: uppercase;
    color: #2f2f2f;
    margin-top: -4px;
	text-align:center;
}

.ancho_display {
max-width: 100vw;
}

.consulta_detalle {
    font-size: 14px;
    font-weight: 400;
	text-align:center;
}

.consulta_micelanea {
    font-size: 1rem;
    font-weight: 600;
}	

.consulta_separa {
border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #d3d3d3;
}

.texto-corte {    
      white-space: nowrap;
      overflow: hidden;
}

.pi-links {
	width: 100%;
	position: absolute;
	right: 1rem;
	bottom: 1.5625rem;
	z-index: 9;
	padding-right: 0.4375rem;
	text-align: right;
}

.pi-links a {
    display: inline-block;
    border: none;
    font-size: 0.875rem;
    min-width: 2.25rem;
	min-height: 2.25rem;
    padding: 0.3125rem 0px 0.3125rem;
    border-radius: 3.125rem;
    text-transform: uppercase;
	color: #d9232e;
	background: #ffffff;
	border: 1px solid #d9232e;
	cursor: pointer;
    text-align: center;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.pi-links a i {
	display: inline-block;
    margin-top: 5px;
	color:#d9232e;
}

.pi-links-bloqueo {
	width: 100%;
	position: absolute;
	right: 1rem;
	bottom: 1.5625rem;
	z-index: 9;
	padding-right: 0.4375rem;
	text-align: right;
}

.pi-links-bloqueo a {
    display: inline-block;
    border: none;
    font-size: 0.875rem;
    min-width: 2.25rem;
	min-height: 2.25rem;
    padding: 0.3125rem 0px 0.3125rem;
    border-radius: 3.125rem;
    text-transform: uppercase;
	cursor: pointer;
    text-align: center;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;	
	border: 1px solid #d9232e;
    background-color: #d9232e;
    color: #fff;
}

.pi-links-bloqueo a i {
	display: inline-block;
    margin-top: 5px;
	color:#ffffff;
}

#modalcierrepe .modal-dialog {
margin:0rem;
}
#modalcierrepe .modal-body {
padding: 0.2rem;
}

.box{
  height:auto;
  overflow: hidden;
}

@supports(object-fit: cover){
    .box img{
      object-fit: cover;
  object-position: center center;
    }
}

/* PEDIDOS CLIENTES*/

.form-control::placeholder { color: #999999; font-style:italic; font-weight:500; font-size:1rem }


.form-control {
    color: #495057;
    background-color: #fff;
    border: 1px solid #ae9a63;
}

.input-group-text {
    color: #495057;
    background-color: #f7f7f7;
    border: 1px solid #ae9a63;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ae9a63;
    outline: 0;
/*    box-shadow: 0 0 0 0.2rem rgb(174 154 99 / 25%);*/
	box-shadow: 2px 0px 0 0.2rem rgb(174 154 99 / 25%);
}

.btocliente {
	width: 100%;
	right: 1rem;
	bottom: 1.5625rem;
	z-index: 9;
}

.btocliente a {
    display: inline-block;
    border: none;
    font-size: 0.875rem;
    min-width: 2.25rem;
	min-height: 2.25rem;
    padding: 0.3125rem 0px 0.3125rem;
    border-radius: 3.125rem;
    text-transform: uppercase;
	color: #ae9a63;
	background: #ffffff;
	border: 1px solid #ae9a63;
	cursor: pointer;
    text-align: center;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.btocliente a i {
	display: inline-block;
    margin-top: 5px;
	color:#ae9a63;
}

.btoclienteocu {
	width: 100%;
	right: 1rem;
	bottom: 1.5625rem;
	z-index: 9;
}

.btoclienteocu a {
    display: inline-block;
    border: none;
    font-size: 0.875rem;
    min-width: 2.25rem;
	min-height: 2.25rem;
    padding: 0.3125rem 0px 0.3125rem;
    border-radius: 3.125rem;
    text-transform: uppercase;
	color: #269840;
	background: #ffffff;
	border: 1px solid #269840;
	
	cursor: pointer;
    text-align: center;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.btoclienteocu a i {
	display: inline-block;
    margin-top: 5px;
	color:#269840;
}

.btoclienteotro {
	width: 100%;
	right: 1rem;
	bottom: 1.5625rem;
	z-index: 9;
}

.btoclienteotro a {
    display: inline-block;
    border: none;
    font-size: 0.875rem;
    min-width: 2.25rem;
	min-height: 2.25rem;
    padding: 0.3125rem 0px 0.3125rem;
    border-radius: 3.125rem;
    text-transform: uppercase;
	color: #ffffff;
	background: #d9232e;
	border: 1px solid #d9232e;
	
	cursor: pointer;
    text-align: center;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.btoclienteotro a i {
	display: inline-block;
    margin-top: 5px;
	color:#ffffff;
}

.btoclienteotrousua{
 font-size: 0.8rem;
 font-weight: 400;
 color: #d9232e;
 display:inline-block;
}	

#frm-clipe .btn-outline-cecils-inicio:hover {
   color: #ffffff !important; 
}

.errorcliente{
font-size:0.85rem;
}

.cuitcliente {
font-size:0.875rem;
font-weight: bold;
}

.rscliente {
font-size:11px;
font-weight:bold;
}

.rsdire {
    font-size: 0.75rem;
    font-weight: 600;
    color: #937c6f;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.iconoalcentrocli {
  font-size: 4rem;
  height: 70%;
  color: #ae9a634f !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.cuitclientevalido {
font-size:1rem;
font-weight: bold;
}

.rsclientevalido {
font-size:0.85rem;
font-weight:bold;
}

#cliente-data .card {
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
	box-shadow: none;
}

.factuclientevalido{
 font-size: 0.9rem;
 font-weight: 400;
}

.flota-dere {
float:right;
}

.cierra-modaldere {
 font-size: 1.2rem;
 margin-left: auto;
 margin-right: 5px;
 margin-top: 5px;
}

.negri-edito {
font-weight:600 !important;
color: #212529 !important;
font-size:0.9rem;
margin-top:-0.75rem;
}

.memo-cliente{
  height: 80vh !important;
  resize: none;
  font-size: 0.9rem;
  overflow-y:scroll !important; 
}	

.modal-pdf-impre {
padding:0px !important; 
background-color:#ffffff;
}

.cierra-modalimprime {
 font-size: 1.2rem;
 margin-right: 5px;
 margin-top: 5px;
 margin-bottom: 5px;
 float:right
}

/* PEDIDOS CARGA*/
.total {
    background-color: #ae9a63;
    color: ffffff;
    padding: 5px;
    border-radius: 0.3rem;
    font-size: 1rem;
	font-weight:500;
}	

.scanpag .badge {
	padding: 0.3em;
    font-size: 65%;
    font-weight: 700;
    margin-left: -2.2rem;
    background-color: #f7a546;
    color: #000000 !important;
    position: absolute;
    margin-top: 0.6rem;
}

#pedidoarti .consulta_detalle {
    font-size: 1rem;
    font-weight: 400;
}

#pedidoarti .consulta_titulo {
  font-weight:400;
}

#pedidoarti .consulta_micelanea {
  font-weight:500;
}

.consulta_micelaneai {
font-size:0.8rem;
}

#pedidoarti img {
  border: 1px solid #d0d0d0;
}

.pedi_precio {
 font-size: 1.4rem;
 font-weight: 500;
 color: #ae9a63;
} 

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

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

.number-input {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.number-input button {
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  height: 2px;
  transform: translate(-50%, -50%);
}

.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
  text-align: center;
}

.number-input.number-input {
 /* border: 1px solid #ced4da;*/
  border:1px solid #ae9a63;
  width: 10rem;
  border-radius: .25rem;
  margin-left:auto;
}

.number-input.number-input button {
  width: 2.6rem;
  height: .7rem;
}

.number-input.number-input button.minus {
  padding-left: 10px;
}

.number-input.number-input button:before,
.number-input.number-input button:after {
  width: .7rem;
  background-color: #495057;
}

.number-input.number-input input[type=number] {
  max-width: 4.5rem;
  padding: .5rem;
 /* border: 1px solid #ced4da;*/
  border:1px solid #ae9a63;
  border-width: 0 1px;
  font-size: 1rem;
  height: 2rem;
  color: #495057;
  font-weight:500;
}

.btocomprar {
	width: 100%;
	right: 1rem;
	bottom: 1.5625rem;
	z-index: 9;
}

.btocomprar a {
    display: inline-block;
    border: none;
    font-size: 0.875rem;
    min-width: 2.25rem;
	min-height: 2.25rem;
    padding: 0.3125rem 0px 0.3125rem;
    border-radius: 3.125rem;
    text-transform: uppercase;
	color: #ffffff;
	background: #ae9a63;
	border: 1px solid #ae9a63;
	
	cursor: pointer;
    text-align: center;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.btocomprar a i {
	display: inline-block;
    margin-top: 5px;
	color:#ffffff;
}

.subtotal {
    font-size: 1rem;
    font-weight: 600;
}

.agotado {
    background-color: #d9232e;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 500;
    border-radius: 0.25rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
	display:block;
}	

#pedidoarti .pi-links-bloqueo {
	right: 0rem;
    bottom: 0rem;
    padding-right: 1rem;
    top: 0.7rem;
}	

#pedidoarti .pi-links-bloqueo a i {
	display: inline-block;
	color:#ffffff;
	font-size:1.5rem;
	margin-top:0px;
}

#pedidoarti .pi-links-bloqueo a {
    display: inline-block;
    border: none;
    min-width: 1.7rem;
    min-height: 1.7rem;
    border-radius: 3.125rem;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border: 1px solid #d9232e;
    color: #fff;
    padding-top: 0.05rem;
	padding-bottom:0rem;
}

#frm-colores .custom-control-label {
font-size:1rem;
font-weight:400;
padding-top: 0.07rem;
}

#frm-colores .colo-stock {
padding-top: 0.1rem;
text-align:right;
}

#frm-colores .number-input.number-input {
    width: inherit;
}

#frm-colores .custom-control-input[type="checkbox"]:checked+label:before {
  border-color: #ae9a63;
  background-color: #ae9a63;
  box-shadow: inset 0 0 0px 0px white;
}

#frm-colores .custom-control-input[type="checkbox"]+label:before {
  border-color: #ae9a63;
  box-shadow: inset 0 0 0px 0px white;
}

#frm-colores .custom-control-noinput[type="checkbox"]+label:before {
display:none;
}

#frm-colores .number-input.number-input input[type=number] {
  width: 4.5rem;
  max-width:none;
}

#frm-colores  .number-input.number-input button {
    width: 1.5rem;
}

#frm-colores  .number-input.number-input button.minus {
   padding-left: 7px;
}

#frm-colores .bloqueo-color{
    font-size: 1rem;
    font-weight: 400;
    padding-top: 0.07rem;
	padding-left: 0.6rem;
}	

#frm-colores .artibloqueado.number-input button:before,
#frm-colores .artibloqueado.number-input button:after{
background-color:#e1e1e1;
}

#frm-colores .artibloqueado.number-input input[type=number] {
    color: #cfcfcf;
	border: 1px solid #ced4da;
	border-bottom: 0px;
    border-top: 0px;
}	

#frm-colores .artibloqueado.number-input {
  border: 1px solid #ced4da;
}

/* REVISION DEL PEDIDO*/

.btomiro {
	width: 100%;
	right: 1rem;
	bottom: 1.5625rem;
	z-index: 9;
}

.btomiro a {
    display: inline-block;
    border: none;
    font-size: 0.875rem;
    min-width: 1.4rem;
    min-height: 1.4rem;
    padding: 0.1rem 0px 0.1rem;
    border-radius: 3.125rem;
    text-transform: uppercase;
    color: #ffffff;
    background: #ae9a63;
    border: 1px solid #ae9a63;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.btomiro a i {
	display: inline-block;
    margin-top: 1px;
	color:#ffffff;
}

#cuerporeviso .consulta_titulo {
    font-size: 1rem;
	font-weight:500;
	}
	
#cuerporeviso .consulta_titulo-miro {
    font-size: 0.95rem;
    text-transform: uppercase;
    color: #2f2f2f;
	font-weight:500;
}	


#cuerporeviso .carrito {
margin-top: 0.15rem;
font-size: 1rem;
float:left;
}

#cuerporeviso .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.375rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	margin:0rem;
}

#cuerporeviso .btn:hover {
    color: #ffffff;
}

.altofila {
height:2.7rem;
}

.fondofila {
background-color:#f7f7f7;
}

.borro
{
 color:#FFFFFF;
 background-color: #d9232e;;
 margin-left:0.60rem !important;
}


.veo
{
 color:#FFFFFF;
 background-color: #000000;
}

.veomarron
{
 color:#FFFFFF;
 background-color: #ae9a63;
}

.edito
{
 color:#FFFFFF;
 background-color: #ae9a63;
}

.gris
{
  color: #ededed;
  background-color: #b9b9b9;
}

.canceedito
{
  color: #ededed;
  background-color: #FF6600;
}

/*TOTALIZADO*/

.titulo-popo {
font-size:1.2rem;
text-transform:uppercase;
font-weight:500;
}

.subtitulo-popo{
font-size:1rem;
font-weight:500;
text-align:right;
}

.popover-footer {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1.5rem;
    background-color: #f7f7f7;
	text-align:center;
	font-weight:500;
	color:#000000; 
}

/*DUPLICADO*/

.dupli-nropedido
{
 font-size: 1.1rem;
 font-weight: 500;
}

.dupli-datos {
 font-weight: 400;
 color: #979da3;
}	

.dupli-datosn {
 font-weight: 400;
 color: #000000;
}

.dupli-fondofila {
background-color:#f9f9f9;
}

#pedidos-data .btoclienteotro a {
    font-size: 1.5rem;
    padding: 0rem;
}

#pedidos-data .opaco {
/*opacity:10%;*/
    opacity: 0.3;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

#pedidos-data .comun {
/*opacity:10%;*/
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

#pedidos-data .activo {
background-color:#ae9a6363;

}

.iconoalcentropo2 {
    font-size: 2rem;
    height: 100%;
    color: #ae9a634f !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.error-duplica {
    border-radius: 0.2rem;
    color: white;
    text-align: center;
    font-weight: 400;
    font-size: 0.8rem;
    background-color: #d9232e;
	padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

#totalescopio .nohayresultado{
line-height: 13vh;
}

/*CIERRE*/

.abonano {
color: #000000;
font-weight:400;
}

.abonasi {
color: #269840;
font-weight:500;
}

.anuncio-titulo{
font-weight:400;
text-align:center
}

.md-toast-success {
    background-color: #29893e;
}	

#frm-cierre .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #ae9a63;
    background-color: #ae9a63;
}

#frm-cierre .custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgb(174 154 99 / 25%);
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #adb5bd;
}

.iconoalcentropo3 {
    font-size: 1.2rem;
    height: 100%;
    color: #ffffff !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	margin:0px;
}	

.btn-outline-cecils-sucess {
    color: #ffffff !important;
    background-color: #29893e !important;
}

.btn-outline-cecils-disabled {
    color: #000000 !important;
    background-color: #607d8b1c !important;
}

#frm-cierre .btn-outline-abona {
padding-left:0.75rem;
padding-right:0.75rem;
font-weight:500;
}

.apago {
    pointer-events: none !important;
}


@media not all and (min-resolution:.001dpcm) 
{
  @supports (-webkit-appearance: none) and (stroke-color:transparent)
  {
    .number-input.def-number-input.safari_only button:before, .number-input.def-number-input.safari_only button:after {margin-top: -.3rem;}
  }
}


@media screen and (max-width: 991px){
.consulta_titulo {
    font-size: 3rem;
	}
}

@media screen and (max-width: 767px){
.consulta_titulo {
    font-size: 3rem;
	}
}

@media screen and (max-width: 575px){
.consulta_titulo {
    font-size: 1.5rem;
	}
.consulta_subtitulo {
    font-size: 0.75rem;
}		
}

@media screen and (max-width: 392px){
#cuerporeviso .btn {
    padding: 0.3rem 0.3rem;
}	
}

@media screen and (min-width: 360px) and (max-width: 392px){
#cuerporeviso .borro
{
margin-left:0rem !important;
}
}

@media screen and (min-width: 393px) and (max-width: 411px){
#cuerporeviso .borro
{
margin-left:0.08rem !important;
}
}

@media screen and (min-width: 412px) and (max-width: 431px){
#cuerporeviso .borro
{
margin-left:0.27rem !important;
}
}

@media screen and (min-width: 432px) and (max-width: 452px){
#cuerporeviso .borro
{
margin-left:0.48rem !important;
}
}