/** Bootstrap overrides **/
.rounded {border-radius: .5rem !important;}
.form-control, .input-group-text, .btn {border-radius: .5rem;}
.list-group-item {border:0;}
.list-group-item:first-child {border-radius:0;}
.list-group-item:focus, .list-group-item:hover {z-index: 0;}
a:hover {color:#b82317;}
.btn {border:0;font-weight:500}
.border {border: 1px solid #cfd2d3 !important;}

.modal-content {border-radius:0;}
.modal-header {border-bottom:0;}
.modal-footer {border-top:0;}
.modal-body .position-bottom {position:absolute;bottom:0;}

.nav-pills {border-bottom:solid 2px #c9cccd;}
.nav-pills .nav-link {border-radius: 0;color:#808080;font-weight:700;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {color:#2a3280;background-color: #fff;font-weight:700;}
.tab-content {background:url('../img/bg-tab-content.png') repeat-x;padding-top:2rem;}
.tab-pane .col-12 {padding-top:0.25rem;padding-bottom:0.25rem;}


/** Colores corporativos **/
.color-white {color:#fff;}
.color-gray {color:#797d7f;}
.color-dark {color:#1d1d1b;}
.color-blue {color:#2a3280;}
.color-red {color:#b82317;}
.color-red-2 {color:#71170c;}
.line-gray {height:1px;background-color:#c9cccd;width:100%;}

.bg-blue {background-color:#2a3280;}
.bg-blue-white {background: -moz-linear-gradient(left, rgba(42,50,128,1) 0%, rgba(42,50,128,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(42,50,128,1) 0%,rgba(42,50,128,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(42,50,128,1) 0%,rgba(42,50,128,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3280', endColorstr='#332a3280',GradientType=1 ); /* IE6-9 */}

.btn-alone {height:34px;padding-top:10px;padding-left:20px;padding-right:20px;}

a.btn.btn-gray {padding-top:10px;height:34px;}
.btn-gray {background-color:#e3e5e7;color:#2a3280;}
.btn-gray:hover {background-color:#d3d3d3;color:#2a3280;}

.btn.bg-blue-white {color:#fff;height:34px;/*padding-top:10px;*/}
.btn.bg-blue-white:hover {color:#fff!important;background-color:#2a3280;}
a.btn.bg-blue-white {color:#fff;padding-top:11px;}

.btn-candado {background-image:url('../img/ico-candado.svg');background-repeat: no-repeat;padding-left:20px;background-size:34px 34px;}


/** General **/
body {font-family: 'Barlow', sans-serif;}
.stroke {text-decoration:line-through;}
.extrabold {font-weight:800;}
.bold {font-weight:700;}
.medium {font-weight:500;}
.light {font-weight:300;}
.logo {margin-bottom:1rem;display:block;}
.back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 20px;display:none;width:30px;height:25px;background-color:#e3e5e7;-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);}
.mi-carro:hover {text-decoration: none;background-color:#2a3280;}
.fix-for-form {padding-bottom:80px;}
.fixed-ws {position:fixed;right:20px;bottom:20px;z-index:99999999;}
.fix-height-product-with-stock {margin-top:17px;}
.fix-height-uac {margin-top:6rem;}
.vendedor-border {border-right:solid 1px #9B9B9B;}
.link-vendedor:hover {text-decoration: none;color:#2a3280;}
@media(min-width: 768px) { 
	.link-vendedor img {width:200px;height:200px;}
	.link-vendedor span {font-size:1.75rem;}
}
.clients-list a {color:#2a3280;}
@media(min-width: 768px) { 
.clients-list {height:350px;overflow-x:hidden;overflow-y: auto;line-height:2rem;}
}


.totales-group .btn[type="submit"] {min-width:150px;}
.totales-group .btn[type="button"] {background-color:#fff;}
.totales-group-border {border-top:solid 2px #cacdce;border-bottom:solid 2px #cacdce;}
.carro-img {width:100px;height:auto;margin-right:0.5rem;}
.totales-group .form-check-label a {color:#71170c;font-weight:500;}

/** Font sizes **/
.size-9 {font-size:0.625rem;line-height:1.3;}
.size-10 {font-size:0.75rem;line-height:1.1;}
.item .size-10 {font-size:0.875rem;}
.item .btn.size-10 {font-size:0.75rem;}
.size-11 {font-size:0.75rem;line-height:1.3;}
.size-12 {font-size:0.875rem;line-height:1.3;}
.size-14 {font-size:1rem;line-height:1.1;}
.bg-title .size-14 {font-size:1.125rem;}
.size-16 {font-size:1rem;}
.size-17 {font-size:1.0625rem;}
.size-18 {font-size:1.125rem;}
.content p {font-size:0.875rem;font-weight:300;}

/** evaluanos **/
.evaluanos {position:fixed;left:0;top:48%;z-index:99;display:none;}


/** top-bar **/
#top-bar {background: -moz-linear-gradient(top, rgba(233,232,240,1) 0%, rgba(233,232,240,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(233,232,240,1) 0%,rgba(233,232,240,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(233,232,240,1) 0%,rgba(233,232,240,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e8f0', endColorstr='#00e9e8f0',GradientType=0 ); /* IE6-9 */}

.form-search .input-group-text, .form-search .form-control {border:0;background-color:#fff;height:34px;}
.form-search .input-group-text {padding: .375rem 0 .375rem .375rem;}
.my-account:hover {cursor:pointer;}
.dropdown-menu {border-radius:0;}
.dropdown-item {background:url('../img/arrow-dropdown.svg') no-repeat top left;margin-bottom:4px;}

/** left menu **/
#left-menu {margin-bottom:1rem;}
#left-menu .collapse {padding-left:1rem;}
#left-menu > .list-group-item {border:0;border-top:1px solid #e9ebed;}
#left-menu a {color:#1d1d1b;background:url('../img/arrow-right.svg') no-repeat top right;}
#left-menu a:hover {color:#b82317;}
#left-menu .collapse a {border:0;text-decoration: none;}
#left-menu a[aria-expanded="true"] {font-weight:700;color:#b82317;background:url('../img/arrow-bottom.svg') no-repeat top right;}

/** items (productos) **/
.item {margin-bottom:1rem;}
.item .form .btn {width:100%;padding:0;height:34px;padding-top:2px;}
.item a:hover {text-decoration: none;}
.item a:hover h4 {color:#2a3280;}
.item .form-control {padding:5px;}
.item .form-control, .item .btn {height:34px;}
.item .btn:hover {background-color:#2a3280;}
.item .fix-height {height:50px;}


.form-custom .form-control {border-radius:0;min-width:150px;height:34px;}
.form-custom option {font-size:0.625rem;}
.form-custom .input-group-text {border-radius:0;}
.form-custom .desde, .form-custom .hasta {max-width:120px;min-width:120px;}
.form-custom .start_date .input-group-text, .form-custom .end_date .input-group-text {padding:0;}


/** datepicker **/
.datepicker {font-size:0.6875rem;padding:1rem;border-radius:0;}


/** clientes **/
.form-custom-2 label {font-size:0.875rem;color:#1d1d1b;padding-left:.5rem;}
.form-custom-2 .form-control {border-radius:0;height:34px;}
.form-custom-2 .btn {height:34px;min-width:140px;}
.form-custom-2 a.btn {padding-top:10px;}
.form-custom-2 .fix-height {min-height:36px;}
.bg-title {background:url('../img/bg-bottom.png') repeat-x left top;padding-top:4rem;padding-bottom:1rem;margin-bottom:1rem;min-height:96px;}
.bg-title .bg-blue-white {min-width:150px;}

/** facturas **/
.container-facturas .form-check-input {margin-left:0;margin-top:-5px;}


/** tables **/

.table-custom th {font-size:0.875rem;font-weight:600;color:#2a3280;vertical-align: middle;}
.table-custom td {font-size:0.75rem;font-weight:300;vertical-align: middle;}
.table-custom .pdf {color:#1d1d1b;}
.table-custom .fix-width {width:84px;}
@media(min-width: 768px){.table-custom .fix-width {width:96px;}}
@media(min-width: 992px){.table-custom .fix-width {width:140px;}}
.table-cart input[type="number"] {max-width:80px;}

@media(min-width: 1200px) { .fixed-bottom-factura {position: absolute;right: 0;bottom: -16px;left: 0;z-index: 1030;} }

/** donut chart**/
.donut-chart {position: relative;border-radius: 50%;overflow: hidden;}
.donut-chart .slice {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.donut-chart .chart-center {position: absolute;border-radius: 50%;}
.donut-chart .chart-center span {display: block;text-align: center;}
.donut-chart.chart2 {width: 160px;height: 160px;background: #e1e1e1;}
.donut-chart.chart2 .slice.one {clip: rect(0 160px 80px 0);-webkit-transform: rotate(90deg);transform: rotate(90deg);background: #C20B19;}
.donut-chart.chart2 .slice.two {clip: rect(0 80px 160px 0);-webkit-transform: rotate(327.6deg);transform: rotate(327.6deg);background: #C20B19;}
.donut-chart.chart2 .chart-center {top: 20px;left: 20px;width: 120px;height: 120px;background: #fff;}
.donut-chart.chart2 .chart-center span {font-size: 40px;line-height: 120px;color:#2a3280;font-weight:900;}


/** footer **/

body, html {height:100%;position:relative;}
#content {min-height: 100vh;position:relative;}
#content main {padding-bottom:290px;}
.page-footer {position:absolute;bottom:0;width:100%;height:290px;overflow:hidden;}
.page-footer a {color:#fff;}

.bg-footer {background: rgb(42,50,128); /* Old browsers */
background: -moz-linear-gradient(top, rgba(42,50,128,1) 1%, rgba(42,50,128,1) 70%, rgba(28,34,103,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(42,50,128,1) 1%,rgba(42,50,128,1) 70%,rgba(28,34,103,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(42,50,128,1) 1%,rgba(42,50,128,1) 70%,rgba(28,34,103,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3280', endColorstr='#1c2267',GradientType=0 ); /* IE6-9 */}
.bg-footer-before {background:url('../img/trama-footer-superior.png') repeat-x top left;width:100%;height:70px;}
.bg-footer-after {background:url('../img/trama-footer-inferior.png') repeat-x top left;width:100%;height:130px;}


@media (min-width: 576px) { 
	.item {min-height:435px;}
}

@media(min-width: 768px){
	#cambiar-clave .modal-body {padding-right:10rem;padding-left:10rem;}
	.modal-dialog { max-width:750px; }
	#sidebar {position:fixed;width:180px;}
	.container-facturas {max-height:430px;overflow-x:hidden;overflow-y: auto;}
}

@media(min-width: 992px){
	.item {min-height:406px;}
	.col-lg-1-5 {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
	.col-lg-4-5 {-ms-flex: 0 0 80%;flex: 0 0 80%;max-width: 80%;}
	#sidebar {width:240px;}
}

@media(min-width: 1200px){
	.item {min-height:396px;}
	.item.cot {min-height:310px;}
	.col-xl-1-5 {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
	.col-xl-4-5 {-ms-flex: 0 0 80%;flex: 0 0 80%;max-width: 80%;}
	.size-xl-12 {font-size:0.75rem;line-height:1.1;}
	.offset-xl-1-5 {margin-left:20%;}
	#sidebar {width:228px;}
}