body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

body, input{
	font-family: Calibri;
	font-size: 15px;
}

body .container.body .right_col {
    background: #ffffff;
}

.jqx-button-arctic, .jqx-fill-state-normal-arctic, .jqx-button-tiendaya, .jqx-button-tiendaya2{
	height: 24px !important;
}

.form{
	margin-bottom: 15px;
}

.form-admin {
	height: 25px;
	padding: 0;
}

.btn {
    padding: 2px 12px;
}

.jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal{
	padding-left: 0;	
}

.sidebar{
	    margin-top: 11px !important;
}

.navbar-brand {
	height: 70px !important;
}

.page-header {
	margin: 20px 0 20px;
}

.tituloSistema {
	color: lightslategray;
	text-transform: uppercase;
	margin-left: 250px;
}

.jqx-grid{
	margin-bottom: 30px;
}

.btn-info {
	border-radius: 20px !important;
	font-size: 18px;
	background-color: #5bc0de !important;
    border-color: #46b8da !important;
}

.btn-primary {
	border-radius: 20px !important;
	font-size: 18px;
}

.btn-success {
	border-radius: 20px !important;
	font-size: 18px;
}

.btn-power {
	border-radius: 20px !important;
	font-size: 18px;
	background: #cc4c19;
}

.btn-print {
	border-radius: 20px !important;
	font-size: 18px;
	background: #f37d1c;
}

.btn-cinema {
	width: 55px;
	text-align: center;
}

.btn-slategray {
	border-radius: 20px !important;
	font-size: 18px;
	background: slategrey;
}

.btn-close {
	border-radius: 20px !important;
	font-size: 18px;
	background: darkslategray;
}

.btn-mg5{
	margin-bottom: 5px;
}

.btn-danger {
	border-radius: 20px !important;
	font-size: 18px;
}

.btn-warning {
	border-radius: 20px !important;
	font-size: 18px;
}

.btn100{
	width: 100%;
	color: #fff !important;
	margin-bottom: 5px;
}

.btn200-info{
	width: 350px;
	height: 50px;
	font-size: 30px;
	background: white;
	border: 1px solid #269abc;
	border-radius: 25px;
}

.btn200-info:hover{
	background: #269abc;
	border: 1px solid #269abc;
	color: white;
}

.btn200-success{
	width: 350px;
	height: 50px;
	font-size: 30px;
	background: white;
	border: 1px solid #28a745;
	border-radius: 25px;
	color: #28a745;
}

.btn200-success:hover{
	background: #28a745;
	border: 1px solid #28a745;
	color: white;
}

.hrwhite{
  	border-top: none !important;
}

.hrwhite10{
	border-top: none !important;
	margin-bottom: 10px;
	margin-top: 10px;
}

.hr10{
  	margin-bottom: 10px;
  	margin-top: 10px;
}

.hrwhite50{
  	border-top: none !important;
  	height: 50px;
}

.fa-lg {
  	font-size: 1.33333333em;
  	line-height: .1em;
	vertical-align: 2px;
}

.center-btn{
	display: flex;
  	justify-content: center;
  	align-items: center;
}

 #side-menu .fa{
	width: 30px;
    text-align: center;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.tdcol-1{
	width: 10%;
}

.tdcol-n60{
	min-width: 60px;
	max-width: 60px;
}

.tdcol-n1{
	min-width: 120px;
	max-width: 120px;
}

.tdcol-2{
	width: 20%;
}

.tdcol-n2{
	min-width: 240px;
}

.tdcol-3{
	width: 30%;
}

.tdcol-n3{
	min-width: 360px;
	max-width: 360px;
}

.tdcol-n4{
	min-width: 480px;
	max-width: 480px;
}

.tdcol-n5{
	min-width: 600px;
	max-width: 600px;
}

.tdcol-n6{
	min-width: 720px;
	max-width: 720px;
}

.tdcol-4{
	width: 40%;
}

.tdcol-5{
	width: 50%;
}

.tdcol-6{
	width: 60%;
}

.tdcol-7{
	width: 70%;
}

.tdcol-8{
	width: 80%;
}

.tdcol-9{
	width: 90%;
}

.tdcol-10{
	width: 100%;
}

.container-fluid{
	background: white;
	width: 100%;
	//ERROR VISTA TIENDAYA COMENTAR PARA QUE NO HAGA SCROLL HORIZONTAl*/
	/*min-width: 1400px;*/
	/*//*/
}

.mostrador-title{
	height: 30px;
    overflow-y: hidden;
}

.panel-primary{
	border-color: transparent !important;
	box-shadow: none;
}

.panel {
	box-shadow: none;	
}

@media (max-width: 769px){
	.tituloSistema {
		margin-left: 20px;
	}
	.nav-usuario{
		margin-top: -35px !important;
	    width: 50%;
	    float: right;
	}
}

.botonBodegaAdd {
	width: 40px;
	height: 40px;
	padding: 8px;
}

.botonBodegaAdd:focus {
	border: none;
}

.botonBodegaAdd i {
	font-size: 25px !important;
}

.botonBodegaDev {
	width: 40px;
	height: 40px;
	padding: 8px;
}

.botonBodegaDev:focus {
	border: none;
}

.botonBodegaDev i {
	font-size: 22px !important;
	color: white;
}

.formsCompletosCasillas {
	width: 100% !important;
}

.perfilBN {
	background: slategray;
    padding: 5px;
    margin-left: 15px;
}

.btn-info:hover {
	background-color: #31b0d5 !important;
    border-color: #269abc !important;
}

.btn-tpaga {
	border-radius: 20px !important;
	font-size: 18px;
	background-color: darkblue !important;
    border-color: #46b8da !important;
}

.btn-tpaga:hover {
	background-color: midnightblue !important;
}

.page-header {
    color: #337ab7;
}

.navbar .navbar-right li a {
    color: #337ab7 !important;
    text-decoration: none !important;
}

.nav-md .main_container {
	background: #2A3F54 !important;	
}

.nav-sm .main_container {
	background: #2A3F54 !important;	
}

.img-fluid {
    max-width: 100% !important;
    height: auto !important;
}

/*//OCULTOS*/
.form-hidden {
	display: none !important;
}
h5 {
	margin-top: 5px !important;
	margin-bottom: 2px !important;
}
h4 {
	margin-top: 5px !important;
	margin-bottom: 2px !important;
	font-size: 14px;
}
.sectionProveedor {
	margin-top: 15px;
}

.position-relative {
	position: relative;
}

.d-inline-block {
	display: inline-block;
}

.d-block {
	display: block;
}

.position-absolute {
	position: absolute;
}

.top-7 {
	top: 7px;
}

.right-25 {
	right: 25px;
}

.p-5-10 {
	padding: 5px 10px;	
}

.mt-8 {
  margin-top: 8px;
}


/*// ADMIN TENANTS*/
.list-group-item {
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.list-group-item:hover {
    background-color: #f5f5f5;
}

.pre-scrollable {
    max-height: 430px !important;
}

.scroll-horizontal {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

.scroll-horizontal .list-group-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

#loader {
    background: white;
    padding: 15px;
    text-align: center;
    border-radius: 20px;
}

.glyphicon-spin {
    font-size: 35px;
    animation: spin 1s infinite linear;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}