File: /var/www/vhost/disk-apps/agile-selling-wpb/resources/views/css_panel.blade.php
<style>
@font-face {
font-family: "Mystery Quest";
src: url("https://fonts.googleapis.com/css?family=Muli");
}
*{
font-family: 'Muli', sans-serif;
}
/* Select cabecera */
.selectHeader{
border: 0px solid #ccc !important;
color: #ffffff !important;
background-color: rgba(255, 255, 255, 0) !important;
margin-left: 30px !important;
width: 110px !important;
}
/* Fondo del select desplegarse la lista de opciones */
#selectHeader option {
background-color: #cacaca;
}
.header-sede{
display: flex;
align-items: center;
padding: 10px 15px;
color: #f5f5f5;
width: 40%;
float: left !important;
}
.input-sm {
height: 30px;
padding: 5px 20px !important;
font-size: 14px;
line-height: 1.5;
border-radius: 3px;
}
.fa-info-circle:before {
content: "\f05a";
margin: 5px;
color: #565656;
font-size: 18px;
}
.header-sede p{
margin: 0 0 0px !important;
}
.p-nombre-sede{
font-size:1.3em;
font-weight: 700;
}
@media (max-width: 900px){
.p-nombre-sede{
font-size:1em;
font-weight: 600;
}
}
.ruta{
font-size: 22px;
color: #292929;
font-weight: 500;
}
.ruta:hover{
color: #fdd600;
}
.separador-ruta{
color: #efe760;
margin-right: 8px;
margin-left: 5px;
}
textarea[disabled]{
background-color: #ffffff !important;
}
option {
font-weight: normal;
display: block;
white-space: pre;
font-size: 16px;
min-height: 1.2em;
padding: 15px 15px 15px !important;
margin-top: 10px !important;
}
.labelPedido{
font-weight: 700;
font-size: 16px;
margin: 5px;
}
.imglogin {
max-width: 100%;
height: auto;
display: block;
margin-top: 20px;
}
.login-logo{
/* display: flex; */
justify-content: center;
margin-top: 40px !important;
}
.imgHome {
max-width: 60%;
height: auto;
display: block;
margin: 0px 0px;
}
.iconMini2{
margin-left: 10px;
font-size: 16px;
padding: 7px 9px;
border-radius: 50px !important;
color: black;
}
.iconMini{
margin-left: 10px;
font-size: 16px;
padding: 7px 9px;
cursor: pointer;
border-radius: 50px !important;
color: #656262;
}
.iconMini:hover{
background-color: #e6e4e4;
color: #000;
}
.btnCancel{
margin-right:10px;
color:black;
}
.btnCancel a{
color:black;
}
.modalDirection{
display: none; padding-right: 17px;
}
.modal-dialog-direction{
height: 100%;
width: 60%;
}
.modal-content-direction{
height: 100%;
width: 100%;
}
.modal-color-icon{
color: #e65877;
}
.modal-body-direction{
height: 100%;
width: 100%;
padding: 0px;
}
.modal-row-direction{
margin-right: 2px;
margin-left: 2px;
margin-top: 15px;"
}
.modal-row-btn-direction{
margin-right: 15px;
margin-bottom: 15px;
margin-top:10px;
margin-left: 15px;
}
.modal-information{
display: none;
padding-right: 17px;
}
.modal-information label{
font-weight: 700;
}
.modal-qualification{
display: none;
padding-right: 17px;
}
.section-transfer-order{
margin: 0px 0px;
}
.title-modal-qualification{
display:flex;
justify-content: center;
margin-bottom: 10px;
}
table.dataTable tbody tr:hover {
background-color: #fff;
-webkit-box-shadow: 1px 3px 10px -1px rgba(115,114,115,1);
-moz-box-shadow: 1px 3px 10px -1px rgba(115,114,115,1);
box-shadow: 1px 3px 10px -1px rgba(115,114,115,1);
}
.boxTypeOrder{
display:flex;
align-items: center;
justify-content: center;
margin-top: 15px;
height: 100px;
}
.row1-boxTypeOrder{
width:15%;
}
.row2-boxTypeOrder{
width:30%;
}
.label-boxTypeOrder{
font-weight: 600;
font-size: 17px;
}
label{
font-weight: 500;
font-size: 15px;
color: #474747;
}
.form-order{
margin-top:3em;
}
.box-transfer{
border-top: 0px solid #d2d6de;
}
.btn-add-transfer{
margin-left:3px;
margin-bottom: 15px;
}
.btn-add-transfer i{
margin-right:5px;
}
.boxEdit{
margin: 0px 0px;
}
.itarget{
margin-top: 16px;
}
.swal-button--Eliminar {
background-color: {{$identity->btnBox_color}};
}
.swal-button--Ok {
background-color: {{$identity->btnBox_color}};
}
.btnBox{
background-color: {{$identity->btnBox_color}} !important;
color: #fff !important;
}
.btnBox:hover{
background-color: {{$identity->btnBox_hover_color}} !important;
color: #fff !important;
}
.btnAux{
background-color: {{$identity->btnBox_color}} !important;
color: #fff !important;
}
.btnAux i{
margin-right: 5px;
}
.btnAux:hover {
background-color: {{$identity->btnBox_hover_color}} !important;
color: #fff !important;
}
.btnBoxBorder{
border-color: {{$identity->btnBox_color}} !important;
}
.direct-chat-text{
background: #eee ;
border: 1px solid #eee ;
}
.btnSendChat{
margin-top: 9px;
}
.btnSendChat i{
font-size: 1.5em;
}
.trchat{
cursor: pointer;
}
.direct-chat-warning .right > .direct-chat-text:after, .direct-chat-warning .right > .direct-chat-text:before {
border-left-color: {{$identity->btnBox_color}} ;
}
.bigWidthBox{
width: 100% !important;
}
.floatBoxChat{
float: right !important;
}
.btnBox a{
color: #fff !important;
}
.bckChat{
background-color: #eaeaea !important;
}
.right .direct-chat-text {
margin-right: 20px !important;
}
.padLabel{
padding-right: 20px !important;
}
.txtTD{
text-align: center;
font-size: 1.2em;
color: #0073b7;
}
.btnBox i{
/* margin-right:5px; */
}
.btnAdd{
background-color: #f4f4f4;
border-color: #ddd;
}
.btnAdd a{
color:#fff;
}
.btnAdd i{
margin-right:5px;
}
.btnAdd:hover{
background-color: #ccc;
border-color: #ddd;
color: #fff !important;
}
.btnPlusDir{
margin-top:23px;
}
.title-contenedor{
display: inline-block;
font-size: 2em;
margin: 0;
line-height: 1;
cursor: pointer;
}
#contenedor-elemento{
display: block;
}
#contenedor-elemento2{
display:none;
}
#add-elemento{
display: none;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 50px;
}
.nameUser{
display: flex;
flex-flow: row;
align-items: center;
height: 50px;
color: white;
}
.nameUser p{
margin-bottom: 0px;
}
.cerrarSesion{
width: 50px;
border-left: 1px;
border-left: 1px solid #dedede;
padding: 9px 15px !important;
text-align: center !important;
cursor: pointer;
}
#menu-usuario{
display: flex;
align-items: center;
padding: 9px 15px;
}
.p-list-Pedidos{
/* margin: 0 0 0px !important; */
}
.cerrarSesion:hover {
background-color:#222d3280 !important;
}
.sidebar-toggle:hover{
background-color: #222d3280 !important;
color: #fff;
}
.label-check{
margin-right: 15px;
}
.menu-usuario{
position: absolute;
top: 100%;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
font-size: 14px;
color: black;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 3px 6px rgba(0,0,0,.175);
border-color: #eee;
}
.menu-usuario p{
cursor: pointer;
padding: 8px;
}
.menu-usuario p:hover{
background-color: rgba(238, 237, 237, 0.459);
color: #777;
}
.box-info{
padding: 10px 30px;
}
.titulo2-modal{
display: flex;
justify-content: center;
}
#box-acta-entrega{
display: block;
}
.filtro-dosimetros input{
margin-left: 5px;
margin-right: 15px;
}
input[type=checkbox] {
opacity: 0;
float:left;
}
input[type=checkbox] + label {
margin: 0 0 0 20px;
position: relative;
cursor: pointer;
font-size: 16px;
font-family: monospace;
float: left;
}
input[type=checkbox] + label ~ label {
margin: 0 0 0 40px;
}
input[type=checkbox] + label::before {
content: ' ';
position: absolute;
left: -35px;
top: -3px;
width: 20px;
height: 20px;
display: block;
background: white;
border: 1px solid #A9A9A9;
}
input[type=checkbox] + label::after {
content: ' ';
position: absolute;
left: -35px;
top: -3px;
width: 20px;
height: 20px;
display: block;
z-index: 1;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==') no-repeat center center;
-ms-transition: all .2s ease;
-webkit-transition: all .2s ease;
transition: all .3s ease;
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
input[type=checkbox]:checked + label::after {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(0.8);
opacity: 1;
}
/* INPUT UI */
.ui-autocomplete {
position: absolute;
top: 100%;
left: 0;
z-index: 1500;
display: none;
float: left;
min-width: 160px;
padding: 7px 10px;
margin: 7px 0 0;
list-style: none;
font-size: 15px;
text-align: left;
background-color: #ffffff;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 1px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.ui-autocomplete li div {
display: block;
padding: 10px 30px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
/* white-space: nowrap; */
}
.ui-state-hover,
.ui-state-active,
.ui-state-focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
cursor: pointer;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0px;
position: absolute;
width: 1px;
}
/*ESTILOS PARA SWITCH BOOTSTRAP*/
.switch{
margin-left: 10px;
}
.checkbox.checbox-switch {
padding-left: 0;
}
.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch {
display: inline-block;
position: relative;
padding-left: 0;
}
.checkbox.checbox-switch label input,
.checkbox-inline.checbox-switch input {
display: none;
}
.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span {
width: 35px;
border-radius: 20px;
height: 18px;
border: 1px solid #dbdbdb;
background-color: rgb(255, 255, 255);
border-color: rgb(223, 223, 223);
box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
background: rgb(255,255,255);
content: " ";
top: 0;
position: relative;
left: 0;
transition: all 0.3s ease;
box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.checkbox.checbox-switch label > input:checked + span:before,
.checkbox-inline.checbox-switch > input:checked + span:before {
left: 17px;
}
/* Switch Default */
.checkbox.checbox-switch label > input:checked + span,
.checkbox-inline.checbox-switch > input:checked + span {
background-color: rgb(180, 182, 183);
border-color: rgb(180, 182, 183);
box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:checked:disabled + span,
.checkbox-inline.checbox-switch > input:checked:disabled + span {
background-color: rgb(220, 220, 220);
border-color: rgb(220, 220, 220);
box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:disabled + span,
.checkbox-inline.checbox-switch > input:disabled + span {
background-color: rgb(232,235,238);
border-color: rgb(255,255,255);
}
.checkbox.checbox-switch label > input:disabled + span:before,
.checkbox-inline.checbox-switch > input:disabled + span:before {
background-color: rgb(248,249,250);
border-color: rgb(243, 243, 243);
box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}
/* Switch Light */
.checkbox.checbox-switch.switch-light label > input:checked + span,
.checkbox-inline.checbox-switch.switch-light > input:checked + span {
background-color: rgb(248,249,250);
border-color: rgb(248,249,250);
box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
/* Switch Success */
.checkbox.checbox-switch.switch-success label > input:checked + span,
.checkbox-inline.checbox-switch.switch-success > input:checked + span {
background-color: rgb(222, 213, 52);
border-color: rgb(222, 213, 52);
box-shadow: rgb(222, 213, 52) 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
background-color: rgb(153, 217, 168);
border-color: rgb(153, 217, 168);
box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
}
/* STAR qualification*/
/* Rating Star Widgets Style */
.rating-stars ul {
list-style-type:none;
padding:0;
-moz-user-select:none;
-webkit-user-select:none;
}
.rating-stars ul > li.star {
display:inline-block;
}
/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
font-size:2.5em; /* Change the size of the stars */
color:#ccc; /* Color on idle state */
}
/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
color:#FFCC36;
}
/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
color:#FFCC36;
}
.disabledStar{
pointer-events:none;
opacity:0.6;
}
.content-logo-mini{
background-color:#ffffff !important;
display:flex;
justify-content:center;
align-items:center;
height: 140px;
}
.barraPrincipal{
background-color:{{$identity->bar_color}} !important;
}
.colorIconAside{
color: {{$identity->icon_color}};
}
.colorIniciales{
color:{{$identity->bar_color}} !important;
}
/*Estilo modal loader*/
/* LOADER 2 */
#loader-2 span{
display: inline-block;
width: 20px;
height: 20px;
border-radius: 100%;
background-color: #3498db;
margin: 35px 5px;
}
#loader-2 span:nth-child(1){
animation: bounce 1s ease-in-out infinite;
background-color: #b0b3b1;
}
#loader-2 span:nth-child(2){
animation: bounce 1s ease-in-out 0.33s infinite;
background-color: {{$identity->bar_color}};
}
#loader-2 span:nth-child(3){
animation: bounce 1s ease-in-out 0.66s infinite;
background-color: {{$identity->icon_color}};
}
@keyframes bounce{
0%, 75%, 100%{
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
25%{
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.three{
margin-top: 23%;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.btn-info {
background-color: #ff0000;
border-color: #ff0000;
}
.btn-info:hover {
background-color: #bd0d0d;
border-color: #bd0d0d;
color: #fff;
}
.btn-info:focus {
color: #fff;
background-color:#ff0000;
border-color: #ff0000;
}
.switchBanner{
display: -webkit-inline-box !important;
}
.aTable:hover{
color: #a2a1a1 !important;
}
a:hover, a:active, a:focus {
outline: none;
text-decoration: none;
color: #ffffff !important;
}
.auxiliar {
color: #ffffff !important;
text-decoration:none;
}
.auxiliar:hover {
color:#ffffff !important;
}
.auxiliar-black{
color:#444;
}
.spin-deliveryMan{
display:none;
}
.spin-deliveryMan i{
color: #484a49;
}
.containerOrderFilter{
display: flex;
flex-direction: column;
}
.formFilter{
margin: 20px 0;
}
.ordersNotAccepted{
display:none;
}
.ordersNotAccepted i {
margin-left:5px;
margin-right:5px;
color:#dd4b39;
font-size:16px;
margin-bottom: 10px;
}
.iconAlertCreateDiscount i {
margin-left:5px;
margin-right:5px;
color:#dd4b39;
font-size:16px;
margin-bottom: 10px;
}
.starGold{
color:gold;
}
.starGrey{
color:grey;
}
.label-product-info{
color:#485986;
font-size:1.5em;
margin-bottom: 20px;
}
.div-content-info{
margin-bottom:20px;
}
.label-subT-info{
font-weight: 700;
margin-top: 20px;
}
.p-subT-info{
margin-top: 20px;
}
.p-total-info{
color:#485986;
font-size:1.5em;
font-weight: 700;
}
.modal-loading{
background: rgba(255, 255, 255, 0.92);
justify-content: center;
display: none;
}
.section-evidence{
margin: 0px 0px;
}
.h4-evidences{
font-weight: 600;
}
.textareaEdit{
width:100%;
}
.box-transfer-order{
border-top: 0px solid #d2d6de;
}
.view_photo{
cursor:pointer;
}
/* background select bootstrap */
.select2-container .select2-selection--single {
height: 34px !important;
border-radius: 0px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #3c8dbc;
border-color: #367fa9;
padding: 1px 10px;
color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
margin-right: 5px;
color: rgba(255,255,255,0.7);
}
.btnReportProducts .btnReportProducts.focus, .btnReportProducts:focus {
color: #333 !important;
}
.btnReportProducts .btnReportProducts.focus, .btnReportProducts:focus, .btnReportProducts:hover {
color: #333 !important;
text-decoration: none;
}
.buttonsAddDiscount{
padding-right: 15px;
}
.fontSize13{
font-size: 13px !important;
}
.buttonAddProductDiscount{
margin-top: 24px !important;
}
.displayGrid{
display:grid;
}
.widthSelectDiscount{
width: 240px !important;
}
.displayNone{
display:none;
}
.totalPrice{
display: -webkit-box;
font-size: 20px;
font-weight: 600;
}
.cardDetailDiscount{
width: 50%;
margin-left: 25%;
}
/* */
/* autocomplete google maps */
#map {
height: 50%;
width: 100%;
position: relative !important;
}
#description {
font-family: Roboto;
font-size: 15px;
font-weight: 300;
}
#infowindow-content .title {
font-weight: bold;
}
#infowindow-content {
display: none;
}
#map #infowindow-content {
display: inline;
}
.pac-card {
margin: 10px 10px 0 0;
border-radius: 2px 0 0 2px;
box-sizing: border-box;
-moz-box-sizing: border-box;
outline: none;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
background-color: #fff;
font-family: Roboto;
position: fixed;
}
#pac-container {
padding-bottom: 12px;
margin-right: 12px;
z-index: 10000 !important;
position: fixed;
}
.pac-controls {
display: inline-block;
padding: 5px 11px;
}
.pac-controls label {
font-family: Roboto;
font-size: 13px;
font-weight: 300;
}
#pac-input {
background-color: #fff;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
margin-left: 12px;
padding: 5px 11px 5px 13px;
text-overflow: ellipsis;
width: 400px;
}
#pac-input:focus {
border-color: #4d90fe;
}
#title {
color: #fff;
background-color: #4d90fe;
font-size: 25px;
font-weight: 500;
padding: 6px 12px;
}
#target {
width: 345px;
}
.content-target-aviso{
width: 100%;
display: none;
justify-content: center;
align-items: center;
}
.target-aviso{
width: 90%;
display: flex;
flex-flow: column;
justify-content: center;
color: #f3b94b;
background-color: #feffca;
padding: 10px;
}
.content-box-order{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
}
.box-form{
width: 80% !important;
}
.row-form{
width: 100%;
height: 90px;
}
.content-box-form{
display:flex;
justify-content: center;
}
.img-small{
width: 20%;
}
.td-vertical-center{
vertical-align: middle !important;
text-align:center;
}
.media-left{
display:block;
}
.media-center{
text-align: center;
}
.media-object{
margin: 0 auto;
width: 80px;
height: auto;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0,0,0,.15);
-webkit-clip-path: circle(41.8% at 50% 50%);
clip-path: circle(41.8% at 50% 50%);
}
.media-object-small{
margin: 0 auto;
width: 30px;
height: auto;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0,0,0,.15);
-webkit-clip-path: circle(41.8% at 50% 50%);
clip-path: circle(41.8% at 50% 50%);
}
.media-object-big{
width: 200px;
}
.newClip{
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
width: 100px;
}
.chatSize{
height: 70vh;
}
.starsSmall{
font-size: 1em !important;
}
.modal-scraper{
width:80%;
}
.search-scraper{
padding-top: 40px;
padding-bottom: 30px;
}
.row-title{
margin-top: 30px;
}
.alert-text{
display: none;
justify-content: center;
padding: 10px;
background-color: #aeefb638;
margin-bottom: 10px;
animation-name: alert-text;
animation-duration: 4s;
}
@keyframes alert-text {
0% {background-color: white;
display: flex;
}
25% {background-color: #aeefb638;}
}
.title-alert-text{
color: #08a600;
animation-name: title-alert-text;
animation-duration: 4s;
}
@keyframes title-alert-text {
0% {color: white;
}
25% {color: #08a600;}
}
.icon-alert-text{
margin-left: 10px;
}
.label-type{
margin-top: 10px;
font-size: 1.1em;
font-weight: 600;
}
.box-products-e{
border-top: 2px solid #f4f4f4;
margin-top:10px;
}
.row-products{
margin-top:10px;
background-color:#f5f3f3;
padding-top: 8px;
padding-bottom: 8px;
}
.box-values{
border-top: 2px solid #f4f4f4;
margin-top:10px;
}
.label-total-order{
margin-bottom:15px;
font-weight: 600;
font-size: 20px;
}
.label-cost-delivery{
margin-bottom:15px;
font-weight: 600;
font-size: 20px;
}
.col-label{
display:flex !important;
align-items: center !important;
}
.label-number-order{
/* margin-bottom:15px;
margin-left:3px; */
/* font-weight: 600;
font-size: 20px; */
}
.label-total-value{
margin-bottom:15px;
color:rgb(248, 3, 3);
font-weight: 700;
font-size: 23px;
}
.label-number-total-value {
/* margin-bottom:15px; */
margin-left: 3px;
font-weight: 600;
}
.textDecorationLine {
text-decoration: line-through !important;
}
.marginRight {
margin-right: 5px;
}
.displayNone{
display: none;
}
.row-discounts{
background-color: #ccc;
}
.labelCollected{
padding-right: 1em;
}
@media (min-width: 768px){
.modal-dialog {
width: 800px;
}
}
.labelTitleParameter{
color: #fdab00;
}
.card-home{
text-decoration:none;
color: #333 !important;
}
.card-home:hover{
text-decoration:none;
color: #333 !important;
}
.btn-file {
position: relative;
overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;
}
.content-btn-file{
display: flex;
justify-content: center;
}
.text-red {
color: #dd4b39 !important;
margin-left: 5px !important;
}
.td-discount{
display: flex !important;
}
.label-city-info{
color: #999;
font-size: 2em;
margin-bottom: 20px;
}
.Toaster-ec {
display: none;
min-width: 100px;
width: 300px;
height: 80px;
background: #fff;
border-radius: 5px !important;
box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .2) !important;
}
.Toaster-iconContainer {
position: relative;
display: inline-block;
width: 80px;
height: 100%;
}
.Toaster-icon {
position: absolute;
width: 32px;
height: 32px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
.Toaster-icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
}
.Toaster-icon--error {
background: #e38f8f;
}
.Toaster-messageContainer {
position: relative;
display: inline-block;
height: 100%;
width: 215px;
}
.Toaster-message {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-weight: 300;
}
.select_type_order{
position: relative !important;
float: left !important;
height: 50px !important;
min-height: 60px !important;
color: #777 !important;
font-weight: 400 !important;
font-size: 1.2em !important;
background-color: #fff;
/* box-shadow: 1px 2px 10px -2px rgba(0, 0, 0, 0.3); */
border-radius: 3px !important;
transition: all 375ms ease-in-out !important;
}
/*responsive*/
@media (max-width: 767px) {
.logo {
width: 100%;
float: none;
display: none !important;
}
.main-sidebar {
top: 0px !important;
}
.row1-boxTypeOrder {
width: 100%;
}
.row2-boxTypeOrder {
width: 100%;
}
.boxTypeOrder {
flex-flow: column;
}
.row1-boxTypeOrder {
width: 30%;
}
.btnPlusDir {
margin-left: -20px;
}
.modal-dialog-direction {
width: 100%;
}
/* .sidebar{
overflow-y: scroll;
position: fixed;
} */
}
@media (max-width: 430px) {
.row1-boxTypeOrder {
width: 60%;
}
.header-sede {
width: 10%;
}
.selectHeader {
margin-left: 50px !important;
width: 80px !important;
}
#menu-usuario {
display: none !important;
}
.box-form {
width: 100% !important;
}
.col-xs-2 {
width: 50%;
}
.col-xs-3 {
width: 80%;
}
.col-xs-4, .col-xs-5, .col-xs-6 {
width: 100%;
}
.col-xs-8 {
width: 100%;
}
.delete-product{
/* margin-top: -25px;
margin-bottom: 15px; */
padding-left: 30px;
padding-right: 0px;
}
.nameProduct, .quantityProduct, .priceProduct {
width: 33%;
}
.pluProduct{
display: none;
}
.plu-list-orders{
display: none;
}
.btn-app {
font-size: 9px;
}
.explorationContainer .exploreCanvas .displayArea {
box-shadow: none!important;
top: 0px !important;
}
}
.marginLeft35{
margin-left: 35px;
}
.displayFlex{
display: inline-flex !important;
}
/* css order list modal */
.rowpMain > div{
background: #ffffff;
padding: 10px;
border: 1px solid grey;
}
.rowDivBorder > div{
border: 1px solid grey;
}
.labelModal{
padding-top: 13.8px;
padding-bottom: 13.8px;
}
.inputModal{
padding: 10px;
}
/* ocultar algunos scroll en igt */
.hideScrollOffset{
overflow-x: hidden;
}
/* .hideVerticalScrolling{
overflow-y: hidden;
} */
</style>