|
@ -1,14 +1,10 @@ |
|
|
|
|
|
|
|
|
.item-container { |
|
|
.item-container { |
|
|
background-image: -webkit-linear-gradient(white, white); |
|
|
background-image: -webkit-linear-gradient(white, white); |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.item-header { |
|
|
.item-header { |
|
|
padding-left: 30px; |
|
|
padding-left: 30px; |
|
|
background-image: -webkit-linear-gradient(white, #c3c9d4); |
|
|
background-image: -webkit-linear-gradient(white, #c3c9d4); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.col-sm, |
|
|
.col-sm, |
|
|
.col-sm-1, |
|
|
.col-sm-1, |
|
|
.col-sm-10, |
|
|
.col-sm-10, |
|
@ -19,11 +15,9 @@ |
|
|
.col-sm-4, |
|
|
.col-sm-4, |
|
|
.col-xl-auto { |
|
|
.col-xl-auto { |
|
|
position: relative; |
|
|
position: relative; |
|
|
|
|
|
|
|
|
padding-right: 7.5px; |
|
|
padding-right: 7.5px; |
|
|
padding-left: 7.5px; |
|
|
padding-left: 7.5px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#location_table thead th { |
|
|
#location_table thead th { |
|
|
border-bottom: none; |
|
|
border-bottom: none; |
|
|
background-color: #67b7dc; |
|
|
background-color: #67b7dc; |
|
@ -31,7 +25,6 @@ |
|
|
width: 250px; |
|
|
width: 250px; |
|
|
height: 30px; |
|
|
height: 30px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .card-header { |
|
|
.accounts-dashboard-wrap .card-header { |
|
|
background-color: |
|
|
background-color: |
|
|
transparent; |
|
|
transparent; |
|
@ -41,8 +34,6 @@ |
|
|
border-top-left-radius: .25rem; |
|
|
border-top-left-radius: .25rem; |
|
|
border-top-right-radius: .25rem; |
|
|
border-top-right-radius: .25rem; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .fa:hover { |
|
|
.accounts-dashboard-wrap .fa:hover { |
|
|
-ms-transform: scale(1.5); |
|
|
-ms-transform: scale(1.5); |
|
|
/* IE 9 */ |
|
|
/* IE 9 */ |
|
@ -50,36 +41,28 @@ |
|
|
/* Safari 3-8 */ |
|
|
/* Safari 3-8 */ |
|
|
transform: scale(1.5); |
|
|
transform: scale(1.5); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .card-header>.card-tools { |
|
|
.accounts-dashboard-wrap .card-header>.card-tools { |
|
|
float: right; |
|
|
float: right; |
|
|
margin-right: -.625rem; |
|
|
margin-right: -.625rem; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.right { |
|
|
.right { |
|
|
float: left; |
|
|
float: left; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .tooltip:hover .tooltiptext { |
|
|
.accounts-dashboard-wrap .tooltip:hover .tooltiptext { |
|
|
visibility: visible; |
|
|
visibility: visible; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .col-6 { |
|
|
.accounts-dashboard-wrap .col-6 { |
|
|
-ms-flex: 0 0 50%; |
|
|
-ms-flex: 0 0 50%; |
|
|
flex: 0 0 50%; |
|
|
flex: 0 0 50%; |
|
|
max-width: 50%; |
|
|
max-width: 50%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .fa-cog { |
|
|
.accounts-dashboard-wrap .fa-cog { |
|
|
content: "\f013" |
|
|
content: "\f013" |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .fa, |
|
|
.accounts-dashboard-wrap .fa, |
|
|
.fas { |
|
|
.accounts-dashboard-wrap .fas { |
|
|
font-weight: 900; |
|
|
font-weight: 900; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .fa, |
|
|
.accounts-dashboard-wrap .fa, |
|
|
.accounts-dashboard-wrap .fab, |
|
|
.accounts-dashboard-wrap .fab, |
|
|
.accounts-dashboard-wrap .fad, |
|
|
.accounts-dashboard-wrap .fad, |
|
@ -94,7 +77,6 @@ |
|
|
text-rendering: auto; |
|
|
text-rendering: auto; |
|
|
line-height: 1; |
|
|
line-height: 1; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .info-box .info-box-icon { |
|
|
.accounts-dashboard-wrap .info-box .info-box-icon { |
|
|
|
|
|
|
|
|
border-radius: .25rem; |
|
|
border-radius: .25rem; |
|
@ -108,10 +90,7 @@ |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
width: 70px; |
|
|
width: 70px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .info-box { |
|
|
.accounts-dashboard-wrap .info-box { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2); |
|
|
box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2); |
|
|
border-radius: .25rem; |
|
|
border-radius: .25rem; |
|
|
background: #fff; |
|
|
background: #fff; |
|
@ -122,64 +101,50 @@ |
|
|
padding: .5rem; |
|
|
padding: .5rem; |
|
|
position: relative; |
|
|
position: relative; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .o_datepicker .o_datepicker_input { |
|
|
.accounts-dashboard-wrap .o_datepicker .o_datepicker_input { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
cursor: pointer; |
|
|
cursor: pointer; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap #overdue { |
|
|
.accounts-dashboard-wrap #overdue { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
cursor: pointer; |
|
|
cursor: pointer; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .o_input { |
|
|
.accounts-dashboard-wrap .o_input { |
|
|
border: 1px solid #cfcfcf; |
|
|
border: 1px solid #cfcfcf; |
|
|
border-top-style: none; |
|
|
border-top-style: none; |
|
|
border-right-style: none; |
|
|
border-right-style: none; |
|
|
border-left-style: none; |
|
|
border-left-style: none; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .in_graph { |
|
|
.accounts-dashboard-wrap .in_graph { |
|
|
padding-left: 90px; |
|
|
padding-left: 90px; |
|
|
height: auto; |
|
|
height: auto; |
|
|
padding-bottom: 65px; |
|
|
padding-bottom: 65px; |
|
|
text-align: center !important; |
|
|
text-align: center !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .oh_dashboards { |
|
|
.accounts-dashboard-wrap .oh_dashboards { |
|
|
padding-top: 15px; |
|
|
padding-top: 15px; |
|
|
background-color: #f8faff !important; |
|
|
background-color: #f8faff !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .container-fluid.o_in_dashboard { |
|
|
.accounts-dashboard-wrap .container-fluid.o_in_dashboard { |
|
|
padding: 0px !important; |
|
|
padding: 0px !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .o_action_manager { |
|
|
.accounts-dashboard-wrap .o_action_manager { |
|
|
overflow-y: scroll !important; |
|
|
overflow-y: scroll !important; |
|
|
max-width: 100%; |
|
|
max-width: 100%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
// new tile |
|
|
// new tile |
|
|
|
|
|
|
|
|
body { |
|
|
.oh_dashboards { |
|
|
background-color: #ececec; |
|
|
background-color: #ececec; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .container { |
|
|
.accounts-dashboard-wrap .container { |
|
|
margin: 50px 0 0 100px; |
|
|
margin: 50px 0 0 100px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .o_dashboards { |
|
|
.accounts-dashboard-wrap .o_dashboards { |
|
|
color: #2a2a2a; |
|
|
color: #2a2a2a; |
|
|
background-color: #f2f2f2 !important; |
|
|
background-color: #f2f2f2 !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .dash-header { |
|
|
.accounts-dashboard-wrap .dash-header { |
|
|
|
|
|
|
|
|
margin: 15px 0px 12px 0 !important; |
|
|
margin: 15px 0px 12px 0 !important; |
|
|
display: block; |
|
|
display: block; |
|
|
padding: 7px 25px 7px 0; |
|
|
padding: 7px 25px 7px 0; |
|
@ -195,24 +160,17 @@ body { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .dashboard-h1 { |
|
|
.accounts-dashboard-wrap .dashboard-h1 { |
|
|
|
|
|
|
|
|
display: block; |
|
|
display: block; |
|
|
padding: 7px 25px 7px 0; |
|
|
padding: 7px 25px 7px 0; |
|
|
color: #0e1319; |
|
|
color: #0e1319; |
|
|
font-size: 2rem; |
|
|
font-size: 2rem; |
|
|
font-weight: 400; |
|
|
font-weight: 400; |
|
|
color: |
|
|
color: #212529; |
|
|
|
|
|
|
|
|
#212529; |
|
|
|
|
|
float: left; |
|
|
float: left; |
|
|
margin-bottom: 0; |
|
|
margin-bottom: 0; |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .card { |
|
|
.accounts-dashboard-wrap .card { |
|
|
position: relative !important; |
|
|
position: relative !important; |
|
|
border-top: 0 !important; |
|
|
border-top: 0 !important; |
|
@ -230,19 +188,16 @@ body { |
|
|
box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.05) !important; |
|
|
box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.05) !important; |
|
|
border-radius: 0.25rem; |
|
|
border-radius: 0.25rem; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .card-header { |
|
|
.accounts-dashboard-wrap .card-header { |
|
|
border: 0; |
|
|
border: 0; |
|
|
padding: 0; |
|
|
padding: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .card-header>.card-tools { |
|
|
.accounts-dashboard-wrap .card-header>.card-tools { |
|
|
float: right; |
|
|
float: right; |
|
|
margin-right: 0.375rem; |
|
|
margin-right: 0.375rem; |
|
|
margin-top: 5px; |
|
|
margin-top: 5px; |
|
|
margin-bottom: 10px; |
|
|
margin-bottom: 10px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .card-header i.fa { |
|
|
.accounts-dashboard-wrap .card-header i.fa { |
|
|
font-size: 1.3rem; |
|
|
font-size: 1.3rem; |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
@ -253,7 +208,6 @@ body { |
|
|
-webkit-transition: 0.3s linear; |
|
|
-webkit-transition: 0.3s linear; |
|
|
transition: 0.3s linear; |
|
|
transition: 0.3s linear; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .dropdown-toggle::after { |
|
|
.accounts-dashboard-wrap .dropdown-toggle::after { |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
margin-left: 0.255em; |
|
|
margin-left: 0.255em; |
|
@ -265,12 +219,9 @@ body { |
|
|
border-left: 0.3em solid transparent; |
|
|
border-left: 0.3em solid transparent; |
|
|
color: #7891af; |
|
|
color: #7891af; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .account-details { |
|
|
.accounts-dashboard-wrap .account-details { |
|
|
display: flex; |
|
|
display: flex; |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.main-title { |
|
|
.main-title { |
|
|
color: #a3a3a3; |
|
|
color: #a3a3a3; |
|
|
display: block; |
|
|
display: block; |
|
@ -278,7 +229,6 @@ body { |
|
|
font-size: 20px; |
|
|
font-size: 20px; |
|
|
font-weight: 400; |
|
|
font-weight: 400; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .main-title { |
|
|
.accounts-dashboard-wrap .main-title { |
|
|
display: block; |
|
|
display: block; |
|
|
margin-bottom: 5px; |
|
|
margin-bottom: 5px; |
|
@ -291,13 +241,11 @@ body { |
|
|
border-bottom-left-radius: 0; |
|
|
border-bottom-left-radius: 0; |
|
|
border-bottom-right-radius: 0; |
|
|
border-bottom-right-radius: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .card-body { |
|
|
.accounts-dashboard-wrap .card-body { |
|
|
background-color: rgba(255, 255, 255, 0.9) !important; |
|
|
background-color: rgba(255, 255, 255, 0.9) !important; |
|
|
color: #212529; |
|
|
color: #212529; |
|
|
padding-top: 0; |
|
|
padding-top: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .tile.wide.invoice { |
|
|
.accounts-dashboard-wrap .tile.wide.invoice { |
|
|
margin-bottom: 27px; |
|
|
margin-bottom: 27px; |
|
|
-webkit-box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05); |
|
|
-webkit-box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05); |
|
@ -310,33 +258,25 @@ body { |
|
|
border: 1px solid rgba(0, 0, 0, 0.07); |
|
|
border: 1px solid rgba(0, 0, 0, 0.07); |
|
|
height: 140px; |
|
|
height: 140px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .box-1 .main-title { |
|
|
.accounts-dashboard-wrap .box-1 .main-title { |
|
|
background: #67b7dc; |
|
|
background: #67b7dc; |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .box-2 .main-title { |
|
|
.accounts-dashboard-wrap .box-2 .main-title { |
|
|
background: #6794dc !important; |
|
|
background: #6794dc !important; |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .box-3 .main-title { |
|
|
.accounts-dashboard-wrap .box-3 .main-title { |
|
|
background: #8067dc; |
|
|
background: #8067dc; |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .box-4 .main-title { |
|
|
.accounts-dashboard-wrap .box-4 .main-title { |
|
|
background: #c767dc; |
|
|
background: #c767dc; |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .count { |
|
|
.accounts-dashboard-wrap .count { |
|
|
margin-bottom: 1rem; |
|
|
margin-bottom: 1rem; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.accounts-dashboard-wrap .main-title~div { |
|
|
.accounts-dashboard-wrap .main-title~div { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
@ -344,14 +284,10 @@ body { |
|
|
padding: 1rem; |
|
|
padding: 1rem; |
|
|
background: #fff; |
|
|
background: #fff; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#location_table { |
|
|
#location_table { |
|
|
background-color: #fff; |
|
|
background-color: #fff; |
|
|
color: (--mauve); |
|
|
color: (--mauve); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#tile_main_div:hover { |
|
|
#tile_main_div:hover { |
|
|
border-top-left-radius: 10px; |
|
|
border-top-left-radius: 10px; |
|
|
border-bottom-left-radius: 10px; |
|
|
border-bottom-left-radius: 10px; |
|
@ -360,7 +296,6 @@ body { |
|
|
border-left: 8px solid var(--mauve); |
|
|
border-left: 8px solid var(--mauve); |
|
|
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); |
|
|
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#tiles:hover { |
|
|
#tiles:hover { |
|
|
border-top-left-radius: 10px; |
|
|
border-top-left-radius: 10px; |
|
|
border-bottom-left-radius: 10px; |
|
|
border-bottom-left-radius: 10px; |
|
@ -368,45 +303,34 @@ body { |
|
|
animation-duration: 0.25s; |
|
|
animation-duration: 0.25s; |
|
|
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); |
|
|
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.details_table{ |
|
|
.details_table{ |
|
|
align-content: left; |
|
|
align-content: left; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.graph_details_table{ |
|
|
.graph_details_table{ |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 45px; |
|
|
top: 45px; |
|
|
right: 15px; |
|
|
right: 15px; |
|
|
|
|
|
|
|
|
background-color: white; |
|
|
background-color: white; |
|
|
border-collapse: collapse; |
|
|
border-collapse: collapse; |
|
|
border: 1px solid #ddd; |
|
|
border: 1px solid #ddd; |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.graph_details_table th{ |
|
|
.graph_details_table th{ |
|
|
background-color:#67b7dc; |
|
|
background-color:#67b7dc; |
|
|
color: white; |
|
|
color: white; |
|
|
width: 250px; |
|
|
width: 250px; |
|
|
height: 30px; |
|
|
height: 30px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.graph_details_table td{ |
|
|
.graph_details_table td{ |
|
|
border: 1px solid #ddd; |
|
|
border: 1px solid #ddd; |
|
|
height: 20px; |
|
|
height: 20px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.graph_details_table tr:nth-child(even){background-color: #f2f2f2;} |
|
|
.graph_details_table tr:nth-child(even){background-color: #f2f2f2;} |
|
|
|
|
|
|
|
|
.graph_details_table tr:hover {background-color: #ddd;} |
|
|
.graph_details_table tr:hover {background-color: #ddd;} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#product_moves_selection{ |
|
|
#product_moves_selection{ |
|
|
position: relative; |
|
|
position: relative; |
|
|
right: 10px; |
|
|
right: 10px; |
|
|
top: 5px; |
|
|
top: 5px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
:root { |
|
|
:root { |
|
|
/* Primary */ |
|
|
/* Primary */ |
|
|
--mauve: #7D7EAF; |
|
|
--mauve: #7D7EAF; |
|
@ -431,67 +355,51 @@ height: 20px; |
|
|
--grey-lighter: #fafafa; |
|
|
--grey-lighter: #fafafa; |
|
|
--grey-dark-lighter: #f3f3f3; |
|
|
--grey-dark-lighter: #f3f3f3; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* Background */ |
|
|
/* Background */ |
|
|
.bg-mauve-light { |
|
|
.bg-mauve-light { |
|
|
background-color: var(--mauve-light); |
|
|
background-color: var(--mauve-light); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bg-pink-dark-light { |
|
|
.bg-pink-dark-light { |
|
|
background-color: var(--pink-dark-light); |
|
|
background-color: var(--pink-dark-light); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bg-pink-light { |
|
|
.bg-pink-light { |
|
|
background-color: var(--pink-light); |
|
|
background-color: var(--pink-light); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bg-peach-light { |
|
|
.bg-peach-light { |
|
|
background-color: var(--peach-light); |
|
|
background-color: var(--peach-light); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bg-orange-light { |
|
|
.bg-orange-light { |
|
|
background-color: var(--orange-light); |
|
|
background-color: var(--orange-light); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bg-gold-light { |
|
|
.bg-gold-light { |
|
|
background-color: var(--gold-light); |
|
|
background-color: var(--gold-light); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bg-green-light { |
|
|
.bg-green-light { |
|
|
background-color: var(--green-light); |
|
|
background-color: var(--green-light); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* Text */ |
|
|
/* Text */ |
|
|
.text-mauve { |
|
|
.text-mauve { |
|
|
color: var(--mauve); |
|
|
color: var(--mauve); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.text-pink-dark { |
|
|
.text-pink-dark { |
|
|
color: var(--pink-dark); |
|
|
color: var(--pink-dark); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.text-pink { |
|
|
.text-pink { |
|
|
color: var(--pink); |
|
|
color: var(--pink); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.text-peach { |
|
|
.text-peach { |
|
|
color: var(--peach); |
|
|
color: var(--peach); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.text-orange { |
|
|
.text-orange { |
|
|
color: var(--orange); |
|
|
color: var(--orange); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.text-gold { |
|
|
.text-gold { |
|
|
color: var(--gold); |
|
|
color: var(--gold); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.text-green { |
|
|
.text-green { |
|
|
color: var(--green); |
|
|
color: var(--green); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* Cards */ |
|
|
/* Cards */ |
|
|
|
|
|
|
|
|
/*.dashboard-card { |
|
|
/*.dashboard-card { |
|
|
border-radius: 0.3rem; |
|
|
border-radius: 0.3rem; |
|
|
display: flex; |
|
|
display: flex; |
|
@ -500,71 +408,58 @@ height: 20px; |
|
|
margin: 1rem auto; |
|
|
margin: 1rem auto; |
|
|
height: 90px; |
|
|
height: 90px; |
|
|
}*/ |
|
|
}*/ |
|
|
|
|
|
|
|
|
.dashboard-card__icon-container { |
|
|
.dashboard-card__icon-container { |
|
|
height: 50px; |
|
|
height: 50px; |
|
|
width: 50px; |
|
|
width: 50px; |
|
|
border-radius: 50%; |
|
|
border-radius: 50%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dashboard-card__icon-container i { |
|
|
.dashboard-card__icon-container i { |
|
|
font-size: 20px; |
|
|
font-size: 20px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dashboard-card__details { |
|
|
.dashboard-card__details { |
|
|
margin-left: 0rem !important; |
|
|
margin-left: 0rem !important; |
|
|
max-width: 120px; |
|
|
max-width: 120px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dashboard-card__details h3 { |
|
|
.dashboard-card__details h3 { |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
font-size: 1.5rem; |
|
|
font-size: 1.5rem; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dashboard-card__details h4 { |
|
|
.dashboard-card__details h4 { |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
font-size: 0.7rem; |
|
|
font-size: 0.7rem; |
|
|
color: var(--grey); |
|
|
color: var(--grey); |
|
|
margin-top: -5px; |
|
|
margin-top: -5px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
h2.section-header { |
|
|
h2.section-header { |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
font-size: 1.5rem; |
|
|
font-size: 1.5rem; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.chart-container { |
|
|
.chart-container { |
|
|
border-radius: 0.3rem; |
|
|
border-radius: 0.3rem; |
|
|
padding: 1rem; |
|
|
padding: 1rem; |
|
|
margin: 1rem auto; |
|
|
margin: 1rem auto; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.chart-container.card-shadow { |
|
|
.chart-container.card-shadow { |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.half_chart.chart-container.card-shadow { |
|
|
.half_chart.chart-container.card-shadow { |
|
|
height: 49%; |
|
|
height: 49%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.chart-container h2 { |
|
|
.chart-container h2 { |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
font-size: 1.125rem; |
|
|
font-size: 1.125rem; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.item-container { |
|
|
.item-container { |
|
|
background-color: var(--grey-lighter); |
|
|
background-color: var(--grey-lighter); |
|
|
border-radius: 0.3rem; |
|
|
border-radius: 0.3rem; |
|
|
padding: 1.2rem 1rem; |
|
|
padding: 1.2rem 1rem; |
|
|
margin: 1rem auto; |
|
|
margin: 1rem auto; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.item-container:hover { |
|
|
.item-container:hover { |
|
|
background-color: var(--grey-dark-lighter); |
|
|
background-color: var(--grey-dark-lighter); |
|
|
transition: all 0.3s ease-in-out; |
|
|
transition: all 0.3s ease-in-out; |
|
|
cursor: pointer; |
|
|
cursor: pointer; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.count-container { |
|
|
.count-container { |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
font-size: 2rem; |
|
|
font-size: 2rem; |
|
@ -579,40 +474,33 @@ h2.section-header { |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.item-header { |
|
|
.item-header { |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: flex-start; |
|
|
align-items: flex-start; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.item-title h3 { |
|
|
.item-title h3 { |
|
|
font-size: 1.3rem; |
|
|
font-size: 1.3rem; |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.item-content ul { |
|
|
.item-content ul { |
|
|
list-style: none; |
|
|
list-style: none; |
|
|
padding-left: 0px; |
|
|
padding-left: 0px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.item-content ul>li { |
|
|
.item-content ul>li { |
|
|
font-size: 0.9rem; |
|
|
font-size: 0.9rem; |
|
|
color: var(--grey); |
|
|
color: var(--grey); |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* Misc */ |
|
|
/* Misc */ |
|
|
.card-shadow { |
|
|
.card-shadow { |
|
|
-webkit-box-shadow: 1px 3px 5px 0px rgba(222, 222, 222, 1); |
|
|
-webkit-box-shadow: 1px 3px 5px 0px rgba(222, 222, 222, 1); |
|
|
-moz-box-shadow: 1px 3px 5px 0px rgba(222, 222, 222, 1); |
|
|
-moz-box-shadow: 1px 3px 5px 0px rgba(222, 222, 222, 1); |
|
|
box-shadow: 1px 3px 5px 0px rgba(222, 222, 222, 1); |
|
|
box-shadow: 1px 3px 5px 0px rgba(222, 222, 222, 1); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.table td, |
|
|
.table td, |
|
|
.table th { |
|
|
.table th { |
|
|
border-top: 1px solid #eceff2; |
|
|
border-top: 1px solid #eceff2; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.crm_scroll_table { |
|
|
.crm_scroll_table { |
|
|
max-height: 395px; |
|
|
max-height: 395px; |
|
|
overflow-y: auto; |
|
|
overflow-y: auto; |
|
@ -620,12 +508,10 @@ h2.section-header { |
|
|
.recent_activity_div .crm_scroll_table { |
|
|
.recent_activity_div .crm_scroll_table { |
|
|
max-height: 435px; |
|
|
max-height: 435px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.crm_scroll_table thead { |
|
|
.crm_scroll_table thead { |
|
|
position: sticky; |
|
|
position: sticky; |
|
|
top: 0; |
|
|
top: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dashboard-card__stat_late:hover { |
|
|
.dashboard-card__stat_late:hover { |
|
|
border-bottom-color: darkgray; |
|
|
border-bottom-color: darkgray; |
|
|
} |
|
|
} |
|
@ -656,7 +542,6 @@ h2.section-header { |
|
|
border: 1px solid #d2d4dd; |
|
|
border: 1px solid #d2d4dd; |
|
|
transition: all 0.3s ease-in-out; |
|
|
transition: all 0.3s ease-in-out; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.btn_info { |
|
|
.btn_info { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 18px; |
|
|
top: 18px; |
|
@ -669,44 +554,33 @@ h2.section-header { |
|
|
#top_product_selection { |
|
|
#top_product_selection { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 18px; |
|
|
top: 18px; |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
#top_product_button { |
|
|
#top_product_button { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 1px; |
|
|
top: 1px; |
|
|
right: 63px; |
|
|
right: 63px; |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
#product_move_select { |
|
|
#product_move_select { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 1px; |
|
|
top: 1px; |
|
|
right: 63px; |
|
|
right: 63px; |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#product_move_selection { |
|
|
#product_move_selection { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 18px; |
|
|
top: 18px; |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#stock_move_select { |
|
|
#stock_move_select { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 1px; |
|
|
top: 1px; |
|
|
right: 63px; |
|
|
right: 63px; |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
#stock_moves_selection { |
|
|
#stock_moves_selection { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 18px; |
|
|
top: 18px; |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.location_table_value{ |
|
|
.location_table_value{ |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* X-Small devices (portrait phones, less than 576px)*/ |
|
|
/* X-Small devices (portrait phones, less than 576px)*/ |
|
|
@media (max-width: 575.98px) { |
|
|
@media (max-width: 575.98px) { |
|
|
#top_product_selection{ |
|
|
#top_product_selection{ |
|
@ -722,7 +596,6 @@ text-align: center; |
|
|
margin-left: -100%; |
|
|
margin-left: -100%; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.tile-container { |
|
|
.tile-container { |
|
|
padding: 1rem; |
|
|
padding: 1rem; |
|
|
display: flex; |
|
|
display: flex; |
|
@ -735,108 +608,83 @@ text-align: center; |
|
|
background-size: cover; |
|
|
background-size: cover; |
|
|
background-position-x: right; |
|
|
background-position-x: right; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.tile-container:hover { |
|
|
.tile-container:hover { |
|
|
opacity: 0.9; |
|
|
opacity: 0.9; |
|
|
cursor: pointer; |
|
|
cursor: pointer; |
|
|
transition: all 0.4s ease-in-out; |
|
|
transition: all 0.4s ease-in-out; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.title-container__icon-container { |
|
|
.title-container__icon-container { |
|
|
padding: 1.3rem 1rem; |
|
|
padding: 1.3rem 1rem; |
|
|
border-radius: 0.5rem; |
|
|
border-radius: 0.5rem; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.title-container__icon { |
|
|
.title-container__icon { |
|
|
font-size: 1.5rem; |
|
|
font-size: 1.5rem; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.title-container__count { |
|
|
.title-container__count { |
|
|
font-size: 1.6rem; |
|
|
font-size: 1.6rem; |
|
|
font-weight: 600; |
|
|
font-weight: 600; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.title-container__title { |
|
|
.title-container__title { |
|
|
font-size: 1rem; |
|
|
font-size: 1rem; |
|
|
font-weight: 600; |
|
|
font-weight: 600; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* Colors */ |
|
|
/* Colors */ |
|
|
.red-bkg { |
|
|
.red-bkg { |
|
|
background-color: #FFE1E2; |
|
|
background-color: #FFE1E2; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.red-font { |
|
|
.red-font { |
|
|
color: #E8565E; |
|
|
color: #E8565E; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.blue-bkg { |
|
|
.blue-bkg { |
|
|
background-color: #C2D5FF; |
|
|
background-color: #C2D5FF; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.blue-font { |
|
|
.blue-font { |
|
|
color: #225AE3; |
|
|
color: #225AE3; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.green-bkg { |
|
|
.green-bkg { |
|
|
background-color: #BDE4E0; |
|
|
background-color: #BDE4E0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.green-font { |
|
|
.green-font { |
|
|
color: #2CA79A; |
|
|
color: #2CA79A; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.pink-bkg { |
|
|
.pink-bkg { |
|
|
background-color: #FFE4EF; |
|
|
background-color: #FFE4EF; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.pink-font { |
|
|
.pink-font { |
|
|
color: #CE3372; |
|
|
color: #CE3372; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.yellow-bkg { |
|
|
.yellow-bkg { |
|
|
background-color: #F9ECC6; |
|
|
background-color: #F9ECC6; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.yellow-font { |
|
|
.yellow-font { |
|
|
color: #CBA846; |
|
|
color: #CBA846; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.white-bkg { |
|
|
.white-bkg { |
|
|
background-color: #FFFFFF; |
|
|
background-color: #FFFFFF; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.white-font { |
|
|
.white-font { |
|
|
color: #FFFFFF; |
|
|
color: #FFFFFF; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/*Second Section CSS */ |
|
|
/*Second Section CSS */ |
|
|
.card-contianer__header { |
|
|
.card-contianer__header { |
|
|
background-color: #37274B; |
|
|
background-color: #37274B; |
|
|
padding: 0.4rem; |
|
|
padding: 0.4rem; |
|
|
border-top: 3px solid #D84315; |
|
|
border-top: 3px solid #D84315; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.card-container__content { |
|
|
.card-container__content { |
|
|
padding: 1rem; |
|
|
padding: 1rem; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.card-container__normal-header { |
|
|
.card-container__normal-header { |
|
|
font-size: 1.2rem; |
|
|
font-size: 1.2rem; |
|
|
color: #000000; |
|
|
color: #000000; |
|
|
font-weight: 600; |
|
|
font-weight: 600; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.card-container__header-text { |
|
|
.card-container__header-text { |
|
|
font-size: 1.2rem; |
|
|
font-size: 1.2rem; |
|
|
color: #FFFFFF; |
|
|
color: #FFFFFF; |
|
|
font-weight: 400; |
|
|
font-weight: 400; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.dashboard-card { |
|
|
.dashboard-card { |
|
|
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; |
|
|
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; |
|
|
padding: 1.5rem; |
|
|
padding: 1.5rem; |
|
@ -846,19 +694,15 @@ text-align: center; |
|
|
justify-content: space-between !important; |
|
|
justify-content: space-between !important; |
|
|
align-items: flex-start !important; |
|
|
align-items: flex-start !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dashboard-card--border-top { |
|
|
.dashboard-card--border-top { |
|
|
border-top: 5px solid #000; |
|
|
border-top: 5px solid #000; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dashboard-card--border-top-red { |
|
|
.dashboard-card--border-top-red { |
|
|
border-color: #D32F2F; |
|
|
border-color: #D32F2F; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dashboard-card--border-top-blue { |
|
|
.dashboard-card--border-top-blue { |
|
|
border-color: #2962FF; |
|
|
border-color: #2962FF; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dashboard-card--border-top-green { |
|
|
.dashboard-card--border-top-green { |
|
|
border-color: #00FF00; |
|
|
border-color: #00FF00; |
|
|
} |
|
|
} |
|
@ -877,34 +721,28 @@ text-align: center; |
|
|
.dashboard-card--border-top-black { |
|
|
.dashboard-card--border-top-black { |
|
|
border-color: black; |
|
|
border-color: black; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dashboard-card--border-top-rebecca { |
|
|
.dashboard-card--border-top-rebecca { |
|
|
border-color: #663399; |
|
|
border-color: #663399; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dashboard-card--border-top-steel { |
|
|
.dashboard-card--border-top-steel { |
|
|
border-color: #607D8B; |
|
|
border-color: #607D8B; |
|
|
} |
|
|
} |
|
|
.dashboard-card--border-top-orange { |
|
|
.dashboard-card--border-top-orange { |
|
|
border-color: #FFA500; |
|
|
border-color: #FFA500; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dashboard-card__title { |
|
|
.dashboard-card__title { |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
|
display: block; |
|
|
display: block; |
|
|
margin-top: 0.5rem; |
|
|
margin-top: 0.5rem; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dashboard-card__count { |
|
|
.dashboard-card__count { |
|
|
font-size: 3rem; |
|
|
font-size: 3rem; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dashboard-card__stats { |
|
|
.dashboard-card__stats { |
|
|
list-style: none; |
|
|
list-style: none; |
|
|
padding-left: 0; |
|
|
padding-left: 0; |
|
|
width: 50% |
|
|
width: 50% |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dashboard-card__stat_late { |
|
|
.dashboard-card__stat_late { |
|
|
padding: 0.5rem 0rem; |
|
|
padding: 0.5rem 0rem; |
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1); |
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1); |
|
@ -917,9 +755,6 @@ text-align: center; |
|
|
padding: 0.5rem 0rem; |
|
|
padding: 0.5rem 0rem; |
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1); |
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.dashboard-card__stat-count_late { |
|
|
.dashboard-card__stat-count_late { |
|
|
min-width: 25px; |
|
|
min-width: 25px; |
|
|
min-height: 20px; |
|
|
min-height: 20px; |
|
@ -956,10 +791,7 @@ text-align: center; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
border-radius: 50%; |
|
|
border-radius: 50%; |
|
|
} |
|
|
} |
|
|
|
|
|
.oh_dashboards { |
|
|
|
|
|
|
|
|
body{ |
|
|
|
|
|
background:#eee; |
|
|
|
|
|
font-family: 'Raleway', sans-serif; |
|
|
font-family: 'Raleway', sans-serif; |
|
|
} |
|
|
} |
|
|
.main-part{ |
|
|
.main-part{ |
|
@ -1036,7 +868,6 @@ background-color:#803D9B; |
|
|
background-color: #16A085; |
|
|
background-color: #16A085; |
|
|
min-height: 120px; |
|
|
min-height: 120px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.col-lg-3:hover { |
|
|
.col-lg-3:hover { |
|
|
-ms-transform: scale(1); |
|
|
-ms-transform: scale(1); |
|
|
/* IE 9 */ |
|
|
/* IE 9 */ |
|
|