@import "icheck-bootstrap.min.css";
@import "custom-switch-sizes.css";
@import "table-vertical.css";
@import "form-material.css";

/*body {font-size: 14px !important;}*/

tr.align-middle td,
tr.align-middle th,
td.align-middle {
   vertical-align: middle;
}

.content-header h1,
.content-header h2,
.content-header h3,
.content-header h4,
.content-header h5,
.content-header h6 {
   font-size: 1.1rem !important;
}

.content-header.with-border {
   margin-bottom: 15px;
   border-bottom: 1px solid;
}

span.required:before,
i.required:before {
   content: '*';
   color: red;
}

[v-cloak] {
   display: none;
}

.card-title i.fa,
.card-subtitle i.fa {
   color: #6B6B6B;
}

.card-subtitle {
   font-size: 1rem;
   padding-bottom: 15px;
   margin-bottom: 15px;
   border-bottom: 1px solid #999999;
}

.btn-rounded {
   border-radius: 60px;
}

/*categorie styling*/
.categories {
   cursor: pointer;
   text-align: center;
   margin: 5px 0;
   padding: 10px 15px;
   background-color: #E2E2E2;
   border-radius: 3px;
   color: #6B6B6B;
   text-transform: uppercase;
   display: inline-block;
   font-weight: 500;
   padding-bottom: 7px;
   border-bottom: 3px solid #6EC89B;
}

.selectedGat {
   background-color: #6B6B6B;
   color: #E2E2E2;
   border-bottom: 3px solid #45b4d4;
}

/* Dark Blue*/
.darkblue-panel {
   text-align: center;
   background: #2f323e;
   border-radius: 0px;
   margin-left: 2px;
   margin-top: 2px;
   margin-right: 0px;
}

.darkblue-panel .darkblue-header {
   background: transparent;
   padding: 1px;
   margin-bottom: 0px;
}

.darkblue-panel h1 {
   color: #f2f2f2;
}

.darkblue-panel h5 {
   font-weight: 200;
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 5px;
   color: white;
}

.darkblue-panel footer {
   color: white;
}

.darkblue-panel footer h5 {
   margin-left: 10px;
   margin-right: 10px;
   font-weight: 900;
}

/*Panel Size*/
.pn {
   height: 180px;
   width: 142px;
   cursor: pointer;
   box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}

.pn:hover {
   box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.3);

}

.pointer {
   cursor: pointer;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

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

label.error {
   color: red;
   font-size: 0.8rem;
}

@media (min-width: 576px) {
   .modal-dialog {
      /*max-width: 800px !important;*/
   }
}

.text-overflow {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

table#carrito thead th,
table#carrito tbody td {
   vertical-align: middle;
}

table#carritototal th *,
table#carritototal td * {
   margin-bottom: 0;
}