<<<<<<< HEAD
/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html {
color: #222;
font-size: 1em;
line-height: 1.4;
background-color:#efefef;
height:100%;
}
body{
background-color:#efefef;
overflow-y: scroll !important;
overflow-x: hidden !important;
height:100%;
}
.table td{
vertical-align:top;
}
#landing{
height:100% !important;
min-height:1268px !important;
}
/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* Vendor-prefixed and regular ::selection selectors cannot be combined:
* https://stackoverflow.com/a/16982510/7133471
*
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers
*/
.hidden {
display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
* causes content to wrap 1 word per line:
* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap; /* 1 */
}
/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
-webkit-clip-path: none;
clip-path: none;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
white-space: inherit;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important; /* Black prints faster:
http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/* ==========================================================================
Author's custom styles
========================================================================== */
html{
height:100%;
}
body{
overflow-x: hidden;
padding-left: 0px !important;
padding-right: 0px !important;
/*-webkit-overflow-scrolling: touch;*/
height:100%;
}
body.app{
padding-left: 0px !important;
padding-right: 0px !important;
}
body.modal-open {
overflow: hidden;
}
.bg-light-warning{
background:#fff3e1;
border:solid 1px #f6c77e;
overflow-x: hidden;
}
.pin{
position:absolute;
bottom:0px;
width:34px;
height:37px;
background:url('../img/pin.png') no-repeat;
}
.pin-wire{
position:absolute;
top:-95px;
height:105px;
width:34px;
background:url('../img/pin_wire.png') repeat-y;
}
.pin-left{
left:20px;
}
.pin-right{
right:20px;
}
#footer{
position:fixed;
bottom:0px;
width:100%;
text-align:center;
padding:2px auto;;
background-color:#18bc9c;
color:#fff;
}
.shadow-1{
box-shadow: 0 27px 24px 0 rgba(0,0,0,.1),0 40px 77px 0 rgba(0,0,0,.12) !important;
}
.logo-login{
display:inline-block;
width:100%;
height:110px;
background:transparent url('../img/logo_medium.png') center center / 90% auto no-repeat;
margin:0px auto !important;
}
.logo-login-mini{
display:inline-block;
width:100%;
height:110px;
background:transparent url('../img/logo_medium.png') center center / 60% auto no-repeat;
margin:0px auto !important;
}
.logo-bar{
display:inline-block;
width:200px;
height:65px;
background:transparent url('../img/logo_bar.png') center center/ 100% auto no-repeat;
padding:0px;
}
.row-offcanvas-left.active #miniresults{
display:inline-block;
top:0px;
right:10px;
position:relative;
background:#2c3e50;
border-radius:10%;
width:70px;
height:30px;
text-align:center;
padding-top:5px;
transition: all .3s ease-out ;
z-index:1;
}
.dropdown-divider{
margin-top: -0.25rem !important;
border-top: 1px solid #aed9d1;
}
.dropdown-menu .dropdown-menu {
margin-top:-2.75rem;
left:100%;
margin-left: .1rem;
margin-right: .1rem;
}
.calendar{
background:transparent url('../img/calendar.png') 97% 45% / auto 70% no-repeat;
}
#subheader{
background-color:#18BC9C;
color:#fff;
position:relative;
}
.card{
box-sizing:border-box !important;
transition:500ms !important;
}
#landing{
width:100%;
overflow-x:hidden !important;
}
#landing .nav-item a.active{
background-color:#2C3E50 !important;
color:#fff !important;
}
.no-border{
border:0px;
}
.ribbon {
position: absolute;
right: -5px; top: -5px;
z-index: 1;
overflow: hidden;
width: 75px; height: 75px;
text-align: right;
}
.ribbon span {
font-size: 10px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 20px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 100px;
display: block;
background: #79A70A;
background: linear-gradient(#F79E05 0%, #FF8D0A 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 19px; right: -21px;
}
.ribbon span::before {
content: "";
position: absolute; left: 0px; top: 100%;
z-index: -1;
border-left: 3px solid #FF8D0A;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #FF8D0A;
}
.ribbon span::after {
content: "";
position: absolute; right: 0px; top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #FF8D0A;
border-bottom: 3px solid transparent;
border-top: 3px solid #FF8D0A;
}
.bootstrap-table .btn-group button {
background-color:white ;
border: 1px solid #ced4da;
color:#2C3E50;
}
.title-over-table{
position:absolute;
}
tr:hover td{
box-sizing:border-box;
background-color:#fff;
box-shadow:
inset 0px -2000px 20px 2000px rgba(255,230,190,0.45);
}
.row_rent{
background-color:#f5f5f5;
}
.row_sale{
background-color:#d4f5ef !important;
}
.row_reserved{
background-color:#FFB5B5 !important;
}
.thead-inverse th{
background-color:#18bc9c !important;
color:#fff;
}
.thead-inverse th .badge-help{
background:#15ad8f;
color:#fff;
}
.pagination li a {
color: #fff;
background-color: #18bc9c;
}
.pagination .active a{
color: #fff;
background-color: #0F7864;
}
.card .bg-light{
background:#e9f1f0 !important;
}
.col-20{
width:20px;
}
.col-100{
width:100px;
}
.col-150{
width:150px;
}
.col-160{
width:160px;
}
.col-200{
width:300px;
}
.col-300{
width:300px;
}
.col-400{
width:400px;
}
.col-500{
width:500px;
}
.signature-img-class{
width:100%;
height:auto;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
input[type=text],select,textarea,input[type=password]{
background-color:#f4f6f5 !important;
}
input[disabled]{
background-color:#ecf0f1 !important;
color:#bcc1c6!important;
background:#ecf0f1 url('../../../assets/img/lock.png') 99% 50% / 22px 22px no-repeat !important;
}
.border-light{
border-color:#dadada !important;
}
.card-root .nav-item{
border:0px;
background-color:#f5f5f5;
}
.card-root .nav-item .active{
background-color:#18BC9C;
color:#fff !important;
}
#card_sale .nav-link,#employee .nav-link {
position:relative ;
}
#card_sale .nav-link .badge-noti-error,#employee .nav-link .badge-noti-error {
display:block;
position:absolute;
top:5px;
right:8px;
font-size:0.8em;
background: #ff3019;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#ff3019',GradientType=1 );
color:white;
width:20px;height:20px;
text-align:center;
line-height:20px;
border-radius:50%;
font-weight:bold;
z-index: 1000;
}
#card_sale .nav-link .badge-noti-ok,#employee .nav-link .badge-noti-ok {
display:inline-block;
position:absolute;
bottom:12px;
left:-5px;
font-size:0.7em;
background: transparent;
color:white;
width:auto;
text-align:center !important;
margin:0px auto;
font-weight:bold;
z-index: 1000;
color:#18BC9C;
}
#employee .nav-link .badge-noti-ok {
left:5px;
}
#card_sale .nav-link .badge-noti-error,#employee .nav-link .badge-noti-error {
display:block;
position:absolute;
top:5px;
right:8px;
font-size:0.8em;
background: #ff3019;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#ff3019',GradientType=1 );
color:white;
width:20px;height:20px;
text-align:center;
line-height:20px;
border-radius:50%;
font-weight:bold;
z-index: 1000;
}
#card_sale .nav-link .badge-noti-warning,.badge-noti-warning-menu,#employee .nav-link .badge-noti-warning {
display:block;
position:absolute;
top:5px;
right:20px;
font-size:0.8em;
background: #f88000;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#ff3019',GradientType=1 );
color:white;
width:25px !important;height:25px !important;
text-align:center;
line-height:23px;
border-radius:50%;
font-weight:bold;
-webkit-animation: pulsate 1.5s ease-out;
-webkit-animation-iteration-count: infinite;
opacity: 0.0;
}
.badge-noti-warning-menu{
top:5px;
right:5px;
width:20px;height:20px;
-webkit-animation:none;
opacity: 1;
}
.badge-big{
width:30px;height:30px;
top:5px;
right:5px;
font-size:1.1em;
line-height:25px;
}
.badge-big-2{
font-size:1.1em;
}
@-webkit-keyframes pulsate {
0% { opacity: 0.3;}
50% {opacity: 1.0;}
100% { opacity: 0.3;}
}
.inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.faked-inputfile{
font-size: 1em;
line-height: 1.5;
background-color: white;
border:solid 1px #18bc9c;
display: inline-block;
width:200px;
font-weight: 700;
padding: 0.375rem 0.75rem;
text-align:center;
overflow:hidden;
}
.inputfile + label {
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
color: white;
background-color: #18bc9c;
display: inline-block;
width:auto !important;
border-radius: 0.25rem;
border:solid 1px #18bc9c;
padding: 0.375rem 0.75rem;
margin-bottom:-2px;
position:relative;
bottom:-2px;
}
.inputLabel{
font-weight:bold;
}
.inputfile:focus + label,
.inputfile + label:hover {
background-color: #18bc9c;
}
.inputfile + label {
cursor: pointer; /* "hand" cursor */
}
.inputfile:focus + label {
outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
pointer-events: none;
}
.inputfile:focus + label,
.inputfile.has-focus + label {
outline: -webkit-focus-ring-color auto 5px;
}
#card_sale .nav-link.active .badge-noti-ok {
color:#fff !important;
}
.tab-icon{
padding-left:1rem;
padding-right:1rem;
}
.intense-red{
background: #ff3019 !important;
background: -moz-radial-gradient(center, ellipse cover, #ff3019 0%, #cf0404 100%) !important;
background: -webkit-radial-gradient(center, ellipse cover, #ff3019 0%,#cf0404 100%) !important;
background: radial-gradient(ellipse at center, #ff3019 0%,#cf0404 100%) !important;
}
#internet .nav-link.active{
background-color:#18BC9C !important;
color:#fff;
}
.trans-comment{
height:200px;
}
.badge-help{
position:relative;
font-size:0.8rem;
padding:0px;
background-color:#f5f5f5;
padding:1px 7px;
width:auto;
float:right;
right:0px;
top:0px;
border-radius:50%;
color:#999;
}
.img-position{
position:absolute;
background-color:rgba(44,62,80,0.8);
color:#fff;
padding:5px;
border-radius:50%;
width:32px;
height:32px;
text-align:center;
top:10px;
left:10px;
font-weight:bold;
}
.img-drag{
position:absolute;
bottom:4rem;
right:1rem;
color:rgba(0,0,0,0.7);
font-size:2em;
}
.forced-tab-modal{
min-height:300px !important;
}
.keep-open .dropdown-item,.keep-open .dropdown-item label{
padding:0px;
margin:0px;
padding-left:2px ;
}
.modal-image{
max-height:300px !important;
}
.modal-image-big {
width:auto !important;
transition:none !important;
min-height:100% !important;
height:100% !important;
}
.xtra-comments{
height:100px;
}
#modal-item .nav-link.active,#modalEmployee .nav-link.active{
background-color:#2c3e50;
color:#fff;
}
.info-exclusive{
background:#e6f8f4;
border:solid 1px #bfe4dc;
}
.profile-pic{
display:inline-block;
width:50px;
height:50px;
background: transparent url('../img/user.png') center center /cover no-repeat;
}
.media-username{
position:relative;
top:0px;left:0px;
width:100% !important;
text-align:center;
}
.media-username h5,.media-username span{
display:inline-block;
width:100%;
margin-left:-20%;
}
.profile-pic-employee{
display:inline-block;
width:200px;
height:200px;
}
#navbarResponsive .nav-link,#navBarFinalSell .nav-link{
padding-right: 0.2rem;
padding-left: 0.2rem;
transition: all .5s ease-out ;
}
.box-group{
background-color:#f1f1f1;
padding-bottom:10px;
}
.table > tbody > tr > td {
vertical-align: top;
}
#navbarResponsive .nav-item a:hover{
}
#navbarResponsive .dropdown-item{
transition: none;
font-weight:normal !important;
letter-spacing: 0px !important;
}
.dropdown-menu{
padding:5px;
-moz-transition: all .5s ease-out ;
-ms-transition: all .5s ease-out ;
-o-transition: all .5s ease-out ;
transition: all .5s ease-out ;
}
.dropdown-menu:hover{
-webkit-box-shadow: 1px 1px 50px 2px rgba(24,188,156,1);
-moz-box-shadow: 1px 1px 50px 2px rgba(24,188,156,1);
box-shadow: 1px 1px 50px 2px rgba(24,188,156,1);
}
button:hover{
}
.dropdown-menu a{
border-radius:5px;
}
.dropdown-menu a:hover{
background:#cdebe5;
color:#333;
-webkit-transition: all .5s ease-out;
}
.modal-content{
-webkit-box-shadow: 1px 1px 2500px 2200px rgba(44,62,80,0.9) !important;
-moz-box-shadow: 1px 1px 2500px 2200px rgba(44,62,80,0.9) !important;
box-shadow: 1px 1px 2500px 2200px rgba(44,62,80,0.9) !important;
}
.nav-link,div,li{
-moz-transition: all .5s ease-out ;
-ms-transition: all .5s ease-out ;
-o-transition: all .5s ease-out ;
transition: all .5s ease-out ;
}
.modal .modal-content div,th div,.keep-open ul {
transition:none;
}
#sidebar .card-block div{
transition:none !important;
}
.modal .nav-link{
transition: none ;
}
#card_sale .nav-link:hover{
-webkit-box-shadow: 1px 1px 200px 20px rgba(24,188,156,0.5);
-moz-box-shadow: 1px 1px 200px 20px rgba(24,188,156,0.5);
box-shadow: 1px 1px 200px 20px rgba(24,188,156,0.5);
}
.lowercase{
text-transform:lowercase !important;
}
.first-capitalize{display:inline-block;}
.first-capitalize:first-letter{
text-transform: uppercase;
}
.capitalize{
text-transform:capitalize !important;
}
.square{
display:inline-block;
width:20px;
height:20px;
}
.legend{
margin-top:10px;
}
.color_legend-1{
background-color:#aff3e6;
}
.color_legend-0{
background-color:#ffc5c5;
}
.color_legend-3 {
background-color:#FF7272;
}
.canvas-sign{
min-height:300px;
}
.card-image,.card-image-lazy{
min-height:200px;
position: relative;
overflow: hidden;
background:#f5f5f5 url('../img/no-image.png') center center / 100px 80px no-repeat;
}
.card-image-lazy{
width:100%;
height:100%;
text-align:right;
/*background:#f5f5f5 url('../img/no-image.png') center center / 100px 80px no-repeat; */
position:relative;
}
.card-image-lazy span{
display:inline-block;
position:relative;
top:10px;
right:10px;
opacity:0.8 !important;
}
.improve-image{
filter:contrast(95%) brightness(115%);
width:100% !important;
height:auto !important;
position:absolute;
top:50%;
left:50%;
}
.card-image img{
width:100% !important;
height:auto !important;
position: absolute;
top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
}
.landing-cards-wrapper{
padding-top:15px;
}
.mobile-exclusivity{
position:absolute;
top:-10px;
left:-8px;
width:25px;
height:25px;
-webkit-animation-name: spin;
-webkit-animation-duration: 4000ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 4000ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 4000ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: spin;
animation-duration: 4000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.nav-tabs{
border-bottom:0px !important;
}
.modal{
overflow-x:hidden;
-webkit-overflow-scrolling: touch;
z-index:10300;
}
.spin{
-webkit-animation-name: spin;
-webkit-animation-duration: 4000ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 4000ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 4000ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: spin;
animation-duration: 4000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.alert{
position:fixed;
top:0px !important;
left:0px;
width:100%;
z-index:99999;
min-height:100px;
margin-top:0px !important;
padding-top:40px;
box-sizing:border-box;
transition: all 2s ease-out ;
opacity:0;
}
.alert-success{
background-color:#c0dd7a;
color:#526a17;
font-weight:bold;
opacity:1;
}
.alert-danger{
opacity:1;
}
/*
* Off Canvas
* --------------------------------------------------
*/
@media screen and (max-width: 991px) {
.row-offcanvas {
position: relative;
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
.row-offcanvas-right {
right: 0;
}
.row-offcanvas-left {
left: 0;
}
.row-offcanvas-right
.sidebar-offcanvas {
right: -100%; /* 12 columns */
}
.row-offcanvas-right.active
.sidebar-offcanvas {
right: -50%; /* 6 columns */
}
.row-offcanvas-left
.sidebar-offcanvas {
left: -100%; /* 12 columns */
}
.row-offcanvas-left.active
.sidebar-offcanvas {
left: -50%; /* 6 columns */
}
.row-offcanvas-right.active {
right: 50%; /* 6 columns */
}
.row-offcanvas-left.active {
left: 50%; /* 6 columns */
}
.sidebar-offcanvas {
position: absolute;
top: 0;
width: 50%; /* 6 columns */
}
.tab-icon{
padding-left:0.5rem;
padding-right:0.5rem;
}
.dropdown-menu:hover{
-webkit-box-shadow: 1px 1px 158px 72px rgba(24,188,156,1);
-moz-box-shadow: 1px 1px 158px 72px rgba(24,188,156,1);
box-shadow: 1px 1px 158px 72px rgba(24,188,156,1);
}
}
/*
* Custom media queries
*/
@media only screen and (max-width: 530px) {
body #login .card{
margin-top:-25px;
}
.block-mobile{
width:50%;
margin-left:0px !important;
margin-top:5px;
}
#footer{
font-size:0.7rem;
}
.hidden-in-mobile{
display:none;
}
body .card{
transition:none;
}
.modal-open .card{
opacity:0;
transition: opacity .3s ease-in-out
}
.modal-open .modal .card{
opacity:1;
}
.modal-open{
position:fixed;
overflow-y:hidden !important;
height:100%;
}
.modal-open .modal{
margin-right: 0 !important;
transition:none !important;
}
.modal-open #navbarTop,.modal-open #subheader,.showing-filters #navbarTop,.showing-filters #subheader {
display:none !important;
}
.modal-open,.modal-open .modal,.modal-open .modal-body{
border:0px !important;
background-color:transparent !important;
}
.modal-content{
border:0px !important;
}
.show-filter{
z-index:1020;
}
.sidebar-offcanvas {
position: fixed;
top: 0px;
z-index:1000;
width:100%;
min-height:100% !important;
transition: none ;
}
.row-offcanvas-left.active{
left:0px !important;
}
.row-offcanvas-left.active .autoscroll{
overflow:scroll;
}
.row-offcanvas-left.active .sidebar-offcanvas{
position: fixed;
top:0px;
left:0px;
width: 100%; /* 6 columns */
z-index:1000;
margin:0px !important;
max-width:100%;
padding:0px !important;
height:100% !important;
background-color:#fff;
overflow-y:scroll !important;
}
.row-offcanvas-left.active .sidebar-offcanvas .autoscroll{
position:relative;
top:0px;
}
.modal{
padding:0px !important;
}
.modal,.modal-dialog{
margin:0px !important;
}
.modal-content{
border-radius:0px !important;
position: absolute !important;
top: 0px !important;
min-height:100%;
background-color:#fff;
}
.modal-body{
background-color:#fff;
overflow-y:auto !important;
}
.modal-header{
background-color:#2c3e50 !important;
border-radius:0px !important;
color:#fff;
}
.close .text-danger{
color:#fff !important;
}
.navbar.toggler{
transition:none !important;
}
section .card .card-header .float-right{
float:left;
width:100%;
font-size:0.9em;
}
section .card #headingOneOne .float-right{
width:auto;
}
section .nav-tabs .nav-item{
width:50%;
text-align:left;
background-color:#fff;
}
section .nav-tabs .nav-item:nth-child(odd){
border-right:solid 1px #a9c8c2;
}
section .nav-tabs .nav-item .nav-link,#employee .nav-link{
margin:0px;
border-bottom:solid 1px #a9c8c2 !important;
}
section .nav-tabs .nav-item .nav-link .badge-noti-ok{
left:5px !important;
}
section .nav-tabs .nav-item .nav-link .badge-noti-warning{
right:10px !important;
}
section .nav-tabs .nav-item .nav-link.active{
border:0px;
border-radius:0px;
}
section .nav-tabs .nav-item .nav-link br{
display:none;
}
section .nav-tabs .nav-item .nav-link .fa-2x{
font-size:1rem;
}
#card_sale .navbar .form-inline{
width:100% !important;
}
#card_sale .navbar .form-inline .btn{
width:100% !important;
margin:0px !important;
margin-top:2px !important;
}
}
@media only screen and (max-width: 400px) {
.block-mobile{
width:100%;
margin-left:0px !important;
margin-top:5px;
}
.slider-handle{
width:40px;
height:40px;
top:-12px;
}
}
@media only screen and (max-width: 440px) {
.logo-login{
background:transparent url('../img/logo_medium_vertical.png') center center / auto 100% no-repeat;
}
body{
overflow-x:hidden !important;
}
}
@media only screen and (min-width:530px){
.row-offcanvas-left.active #miniresults{
display:inline !important;
position:relative;
background:transparent;
color:#fff;
width:auto;
height:auto;
text-align:right;
top:0px;
right:0px;
}
}
@media only screen and (max-width: 767px) {
#landing .nav-item{
width:auto;
}
#landing .nav-item a{
width:auto;
background-color:#fff !important;
text-align:center;
padding:3px 2px;
}
.title-over-table{
padding-top:0.5em;
font-size:1.5em;
}
.forced-tab-modal{
min-height:auto !important;
}
.table-search{width:100px !important;}
}
@media only screen and (max-width: 580px) {
#landing .nav-item{
width:100%;
}
.show-filter button,.show-reorder button{
top:auto!important;
bottom:20px !important;
width:55px !important;
height:55px !important;
}
.media-username h5,.media-username span{
margin-left:-20% !important;
}
}
@media only screen and (min-width:580px){
.show-filter{
position:absolute !important;
bottom:20px !important
}
}
@media only screen and (max-width:768px){
.media-username h5,.media-username span{
margin-left:-12%;
}
#navbarResponsive .nav-item a{
display:block;
width:100%;
border:solid 1px rgba(255,255,255,0.3) !important;
text-align:center;
border-radius:5px;
margin-bottom:5px;
background-color:transparent !important;
color:#fff;
font-weight:bold;
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
#navbarResponsive .dropdown-menu{
background-color:transparent !important;
padding:0px !important;
border:0px !important;
}
#navbarResponsive .dropdown-menu:hover{
box-shadow:none !important;
}
#navbarResponsive .dropdown-menu .dropdown-item{
background-color:transparent !important;
padding: 0.5rem 2rem;
}
#navbarResponsive .nav-item a:hover{
letter-spacing:0px;
font-weight:normal;
font-weight:bold;
border-color: rgba(255,255,255,0.7) !important;
background-color: rgba(255,255,255,0.1) !important;
-webkit-box-shadow: 1px 1px 5px 5px rgba(255,255,255,0.2);
-moz-box-shadow: 1px 1px 5px 5px rgba(255,255,255,0.2);
box-shadow: 1px 1px 5px 5px rgba(255,255,255,0.2);
}
.profile-pic{
margin-left:10px;
}
}
@media only screen and (min-width: 576px) and (max-width:992px) {
#employee-photos .inputfile + label {
width:100% !important;
}
#employee-photos .faked-inputfile{
width:100% !important;
}
}
@media only screen and (min-width: 767px) {
.hidden-md-up{
display:none;
}
}
@media only screen and (max-width: 992px) {
td,th{
font-size: 0.79rem;
}
.dropdown-menu .dropdown-menu {
margin-top:0rem;
}
#landing .nav-item a{
width:auto;
background-color:#fff !important;
text-align:center;
padding:5px 10px;
border:solid 1px #ddd !important;
border-bottom:0px !important;
}
.show-filter, .show-reorder{
display:block;
position:fixed;
}
.show-filter button{
position:fixed;
width:55px;
height:55px;
z-index:1030;
bottom:20px;
right:20px;
border-radius:50%;
font-size:1.5rem;
background-color:#18BC9C;
border:solid 1px #18BC9C;
}
.show-reorder button{
position:fixed;
width:45px;
height:45px;
z-index:10290;
top:110px;
right:20px;
border-radius:50%;
font-size:1.5rem;
background-color:#18BC9C;
border:solid 1px #18BC9C;
}
.slider {
display: inline-block;
vertical-align: middle;
position: relative;
}
.slider.slider-horizontal {
width: 85%;
height: 20px;
margin-left:5% !important;
margin-right:10% !important;
}
}
@media only screen and (min-width: 992px) {
#navbarResponsive .navbar-nav .active{
background-color:#18bc9c;
-webkit-box-shadow: inset -2px 20px 13px 15px #2c3e50;
-moz-box-shadow: inset -2px 20px 13px 15px #2c3e50;
box-shadow: inset -2px 20px 13px 15px #2c3e50;
}
#landing .nav-item a{
width:auto;
background-color:#fff !important;
text-align:center;
padding:5px 10px;
border:solid 1px #ddd !important;
border-bottom:0px !important;
}
.show-filter{
display:none;
}
.show-reorder{
display:none;
}
#card_sale .nav-link .badge-noti-ok {
left:0px;
}
#navbarResponsive .nav-link{
padding-right: 0.18rem;
padding-left: 0.18rem;
}
.badge-noti-warning-menu{
top:-3px;
}
.comment-area{
height:300px;
}
#navbarTop .dropdown-menu{
z-index:1001;
}
.slider {
display: inline-block;
vertical-align: middle;
position: relative;
}
.slider.slider-horizontal {
width: 100%;
height: 20px;
margin-left:0% !important;
margin-right:0% !important;
}
}
@media only screen and (min-width: 1024px) {
#navbarResponsive .nav-link{
padding-right: 0.5rem;
padding-left: 0.5rem;
}
}
@media only screen and (min-width: 1200px) {
td,th{
font-size: 1rem;
}
#landing .nav-item a{
width:auto;
padding:5px 10px;
}
#navbarResponsive .nav-link{
padding-right: 1rem;
padding-left: 1rem;
}
}
@media only screen and (min-width: 1400px) {
td,th{
font-size: 1.1rem;
}
#landing .nav-item a{
width:auto;
padding:5px 15px;
}
}
.has-error{
border:solid 2px #e9aaaa;
-webkit-box-shadow: inset 1px 1px 20px 1px rgba(245,89,17,0.3);
-moz-box-shadow: inset 1px 1px 20px 1px rgba(245,89,17,0.3);
box-shadow: inset 1px 1px 20px 1px rgba(245,89,17,0.3);
animation: glow-grow 1s ease-out infinite;
}
@keyframes glow-grow {
0% {
opacity: 1;
}
50% {
opacity: 0.7;
}
100% {
opacity: 1;
}
}
@-moz-keyframes spin {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
.selectorarrowleft::after, .selectorarrowleft::before {
display:none !important;
}
.mydpicon {
display:none !important;
}
.btnpicker, .btnpickerenabled {
background-image:url('../../../assets/img/calendar.png') !important;
background-position:50% 50% !important;
background-repeat:no-repeat !important;
background-size:auto 60% !important;
}
.btnpicker,.btnpickerenabled{
padding: 1.1rem 1.2rem !important;
}
.btnpicker:hover,.btnpickerenabled:hover{
background-color:#d4f5ef !important;
}
.mydp .selector{
border: 1px solid #ced4da !important;
width:100% !important;
height:auto !important;
z-index:9000 !important;
}
.selector{
z-index:9000 !important;
}
.mydp .datevalue{
padding-top:5px !important;
padding-bottom:5px !important;
}
.mydp .selectedday{
border-radius:0.25rem !important;
}
.mydp .markcurrday{
font-weight:bold !important;
}
.mydp .header{
min-height:35px !important;
}
.mydp .headermonthtxt,.mydp .headeryeartxt{
min-width:70px !important;
min-height:100% !important;
height:100% !important;
}
.mydp .headerlabelbtn,.mydp .headerlabelbtn{
display:inline-block !important;
padding:5px 10px !important;
text-align:center !important;
min-width:100% !important;
min-height:30px !important;
border-radius:0.25rem !important;
border: 1px solid #ced4da !important;
background: #d8ece8 !important;
color: #33846a !important;
}
.mydp .selector{
-webkit-box-shadow: 0px 0px 40px 30px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 40px 30px rgba(255,255,255,1);
box-shadow: 0px 0px 40px 30px rgba(255,255,255,1);
}
.mydp .yearcell,.mydp .monthcell{
padding-top:10px !important;
padding-bottom:10px !important;
background-color:#fff!important;
border-radius:0.25rem;
border:solid 1px #ced4da;
}
@media only screen and (max-width: 530px) {
.mydp .datevalue{
padding-top:10px !important;
padding-bottom:10px !important;
}
.mydp .yearcell,.mydp .monthcell{
padding-top:20px !important;
padding-bottom:20px !important;
}
.mydp .header{
min-height:60px !important;
}
.mydp .headerlabelbtn,.mydp .headerlabelbtn{
min-height:50px !important;
}
}
.mydp .weekdaytitle {
background-color: #18bc9c !important;
color: #fff !important;
}
.mydp .highlight {
color: #18bc9c !important;
font-weight:bold !important;
}
.mydp .caltable, .mydp .monthtable, .mydp .yeartable, .mydp .daycell, .mydp .monthcell, .mydp .yearcell {
color: #212529 !important;
}
.mydp .selectedday {
background:#18bc9c !important;
color:white !important;
}
.mydp .selectedday .datevalue, .mydp .selectedmonth .monthvalue, .mydp .selectedyear .yearvalue {
background:transparent !important;
}
.mydp .datevalue, .mydp .monthvalue, .mydp .yearvalue {
background:transparent !important;
}
table .selected td {
background:#FFF4E2 !important;
}
.carousel-control-prev, .carousel-control-next,
.carousel-control-prev:hover, .carousel-control-next:hover {
background-color:transparent !important;
border:none !important;
box-shadow:none !important;
}
.fixed-table-container{
border: 0px !important;
}
.modal-content {
margin-left: auto !important;
margin-right: auto !important;
}
.modal-image,.carousel-item.active img{
width:auto !important;
height:580px !important;
}
.fade {
display:none;
}
.fade.active {
display:block;
}
#navbarResponsive,#navbarResponsive div{
transition:none !important;
}
.img-ul {
border:2px dashed rgba(0,0,0,0.125) !important;
border-radius:3px !important;
margin:20px 0 !important;
}
.img-ul-upload.img-ul-button {
background-color: #18bc9c !important;
font-size:15px !important;
border-radius:5px !important;
text-transform:none !important;
box-shadow:none !important;
}
.img-ul-drag-box-msg[_ngcontent-c16] {
font-weight:normal !important;
}
.img-ul-clear.img-ul-button {
display:none !important;
}
.img-ul-x-mark {
display:none !important;
}
.img-ul-container {
background:transparent !important;
}
.img-ul-image {
border:1px solid rgba(0,0,0,0.1) !important;
border-radius:5px !important;
background-color:#fff !important;
margin-bottom:10px !important;
}
.pos-image {
width:auto !important;
height:320px !important;
}
.pos-image-full{
display:block;
width:100%;
height:auto;
max-height:300px;
overflow:hidden;
}
.photo-card-order {
overflow:hidden !important;
}
.sortable-choosen {
opacity:1 !important;
}
.sortable-ghost {
opacity:0 !important;
}
.card-photo {
height:300px !important;
}
.fixed {
position:sticky !important;
z-index:999 !important;
}
my-date-picker,ng-dropdown-panel-items{
}
my-date-picker .mydp{
background-color: #f4f6f5 !important;
}
my-date-picker.has-error{
border: 0px !important;
background-color: white !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
animation: none;
}
my-date-picker.has-error .mydp{
border: solid 2px #e9aaaa;
animation: glow-grow 1s ease-out infinite;
}
my-date-picker.has-error .mydp .selection{
-webkit-box-shadow: inset 1px 1px 20px 1px rgba(245,89,17,0.3);
-moz-box-shadow: inset 1px 1px 20px 1px rgba(245,89,17,0.3);
box-shadow: inset 1px 1px 20px 1px rgba(245,89,17,0.3);
animation: glow-grow 1s ease-out infinite;
background-color: #f4f6f5 !important;
}
my-date-picker .mydp .selection{
background-color: #f4f6f5 !important;
}
.signaturepad canvas{
border: 1px solid #fff;
height:300px;
}
signature-pad{
display:inline-block;
border: 1px solid #ced4da;
border-radius: 0.25rem;
overflow:hidden !important;
width:100% !important;
height:300px;
}
.btnclearenabled{
display:none !important;
}
.ng-overlay-container{
position:relative !important;
width:auto !important;
height:auto !important;
height:0px !important;
max-height:0px !important;
overflow:hidden;
}
.ng-invalid .ng-dropdown-panel,.ng-dropdown-panel{
position: relative !important;
z-index: 99999 !important;
top: 0px !important;
height:300px !important;
max-height:300px !important;
border: 0px !important;
overflow:hidden;
}
.ng-invalid .ng-dropdown-panel-items,.ng-dropdown-panel-items{
position: relative !important;
height:300px !important;
max-height:300px !important;
border: 1px solid #ced4da !important;
overflow:hidden;
width:auto !important;
z-index:99999;
}
.ng-select.ng-invalid.opened,.ng-select.opened{
height:340px !important;
max-height:340px !important;
}
@-webkit-keyframes editable {
0% { opacity: 0.3;}
50% {opacity: 1.0;}
100% { opacity: 0.3;}
}
.btnActivated{
-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
}
.btnDeactivated .fa{
color:#a2a2a2 !important;
}
.modal-tabs{
background: #e9f1f0 !important;
}
#employeeAdd .modal-body{
min-height:400px !important;
}
.table-bordered{
border-collapse: collapse;
border-spacing : 1px;
}
table .selected td,.table-bordered tr.selected td{
border-top:solid 1px #18BC9C !important;
border-bottom:solid 1px #18BC9C !important;
}
table .selected td:first-child{
background-image:url('../../../assets/img/selected.png') !important;
background-position:0% 50% !important;
background-repeat:no-repeat !important;
}
#employee-photos .profile-pic-employee{
width:100% !important;
height:auto !important;
}
#loading{
position:fixed;
top:0px;
left:0px;
z-index:20000;
width:100% !important;
height:100%;
background-color:transparent !important;
text-align:center;
-moz-transition: none ;
-ms-transition: none ;
-o-transition: none ;
transition: none ;
color:rgb(129, 129, 129);
}
.loaderDesktop{
background-color:transparent !important;
}
#loading-content{
position:relative;
left:0%;
width:100%;
text-align:center !important;
color:rgb(138, 138, 138);
background-color:#fff !important;
width:300px;
border-radius:0.25rem;
border:solid 1px #fff;
margin-left:auto;
margin-right:auto;
padding:15px 30px;
font-weight:normal;
z-index:99999;
-webkit-box-shadow: 60px 60px 325px 350px rgba(255,255,255,1);
-moz-box-shadow: 60px 60px 325px 350px rgba(255,255,255,1);
box-shadow: 60px 60px 325px 350px rgba(255,255,255,1);
top:45%;
}
.btn-outline-warning:hover .fa,.btn-outline-danger:hover .fa{color:#fff !important;}
.pos-image-full {
cursor:pointer !important;
}
.portals-icon {
width:25px;
height:25px;
display:inline-block;
border-radius:2px;
border:solid 1px rgba(0,0,0,0.2);
}
.portals-icon.disabled {
opacity:0.2;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
=======
/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html {
color: #222;
font-size: 1em;
line-height: 1.4;
background-color:#efefef;
height:100%;
}
body{
background-color:#efefef;
overflow-y: scroll !important;
overflow-x: hidden !important;
height:100%;
}
.table td{
vertical-align:top;
}
#landing{
height:100% !important;
min-height:1268px !important;
}
/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* Vendor-prefixed and regular ::selection selectors cannot be combined:
* https://stackoverflow.com/a/16982510/7133471
*
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers
*/
.hidden {
display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
* causes content to wrap 1 word per line:
* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap; /* 1 */
}
/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
-webkit-clip-path: none;
clip-path: none;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
white-space: inherit;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important; /* Black prints faster:
http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/* ==========================================================================
Author's custom styles
========================================================================== */
html{
height:100%;
}
body{
overflow-x: hidden;
padding-left: 0px !important;
padding-right: 0px !important;
/*-webkit-overflow-scrolling: touch;*/
height:100%;
}
body.app{
padding-left: 0px !important;
padding-right: 0px !important;
}
body.modal-open {
overflow: hidden;
}
.bg-light-warning{
background:#fff3e1;
border:solid 1px #f6c77e;
overflow-x: hidden;
}
.pin{
position:absolute;
bottom:0px;
width:34px;
height:37px;
background:url('../img/pin.png') no-repeat;
}
.pin-wire{
position:absolute;
top:-95px;
height:105px;
width:34px;
background:url('../img/pin_wire.png') repeat-y;
}
.pin-left{
left:20px;
}
.pin-right{
right:20px;
}
#footer{
position:fixed;
bottom:0px;
width:100%;
text-align:center;
padding:2px auto;;
background-color:#18bc9c;
color:#fff;
}
.shadow-1{
box-shadow: 0 27px 24px 0 rgba(0,0,0,.1),0 40px 77px 0 rgba(0,0,0,.12) !important;
}
.logo-login{
display:inline-block;
width:100%;
height:110px;
background:transparent url('../img/logo_medium.png') center center / 90% auto no-repeat;
margin:0px auto !important;
}
.logo-login-mini{
display:inline-block;
width:100%;
height:110px;
background:transparent url('../img/logo_medium.png') center center / 60% auto no-repeat;
margin:0px auto !important;
}
.logo-bar{
display:inline-block;
width:200px;
height:65px;
background:transparent url('../img/logo_bar.png') center center/ 100% auto no-repeat;
padding:0px;
}
.row-offcanvas-left.active #miniresults{
display:inline-block;
top:0px;
right:10px;
position:relative;
background:#2c3e50;
border-radius:10%;
width:70px;
height:30px;
text-align:center;
padding-top:5px;
transition: all .3s ease-out ;
z-index:1;
}
.dropdown-divider{
margin-top: -0.25rem !important;
border-top: 1px solid #aed9d1;
}
.dropdown-menu .dropdown-menu {
margin-top:-2.75rem;
left:100%;
margin-left: .1rem;
margin-right: .1rem;
}
.calendar{
background:transparent url('../img/calendar.png') 97% 45% / auto 70% no-repeat;
}
#subheader{
background-color:#18BC9C;
color:#fff;
position:relative;
}
.card{
box-sizing:border-box !important;
transition:500ms !important;
}
#landing{
width:100%;
overflow-x:hidden !important;
}
#landing .nav-item a.active{
background-color:#2C3E50 !important;
color:#fff !important;
}
.no-border{
border:0px;
}
.ribbon {
position: absolute;
right: -5px; top: -5px;
z-index: 1;
overflow: hidden;
width: 75px; height: 75px;
text-align: right;
}
.ribbon span {
font-size: 10px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 20px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 100px;
display: block;
background: #79A70A;
background: linear-gradient(#F79E05 0%, #FF8D0A 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 19px; right: -21px;
}
.ribbon span::before {
content: "";
position: absolute; left: 0px; top: 100%;
z-index: -1;
border-left: 3px solid #FF8D0A;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #FF8D0A;
}
.ribbon span::after {
content: "";
position: absolute; right: 0px; top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #FF8D0A;
border-bottom: 3px solid transparent;
border-top: 3px solid #FF8D0A;
}
.bootstrap-table .btn-group button {
background-color:white ;
border: 1px solid #ced4da;
color:#2C3E50;
}
.title-over-table{
position:absolute;
}
tr:hover td{
box-sizing:border-box;
background-color:#fff;
box-shadow:
inset 0px -2000px 20px 2000px rgba(255,230,190,0.45);
}
.row_rent{
background-color:#f5f5f5;
}
.row_sale{
background-color:#d4f5ef !important;
}
.row_reserved{
background-color:#FFB5B5 !important;
}
.row_vacational{
background-color:#DFE6EC !important;
}
.thead-inverse th{
background-color:#18bc9c !important;
color:#fff;
}
.thead-inverse th .badge-help{
background:#15ad8f;
color:#fff;
}
.pagination li a {
color: #fff;
background-color: #18bc9c;
}
.pagination .active a{
color: #fff;
background-color: #0F7864;
}
.card .bg-light{
background:#e9f1f0 !important;
}
.col-20{
width:20px;
}
.col-100{
width:100px;
}
.col-150{
width:150px;
}
.col-160{
width:160px;
}
.col-200{
width:300px;
}
.col-300{
width:300px;
}
.col-400{
width:400px;
}
.col-500{
width:500px;
}
.signature-img-class{
width:100%;
height:auto;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
input[type=text],select,textarea,input[type=password]{
background-color:#f4f6f5 !important;
}
input[disabled]{
background-color:#ecf0f1 !important;
color:#bcc1c6!important;
background:#ecf0f1 url('../../../assets/img/lock.png') 99% 50% / 22px 22px no-repeat !important;
}
.border-light{
border-color:#dadada !important;
}
.card-root .nav-item{
border:0px;
background-color:#f5f5f5;
}
.card-root .nav-item .active{
background-color:#18BC9C;
color:#fff !important;
}
#card_sale .nav-link,#employee .nav-link {
position:relative ;
}
#card_sale .nav-link .badge-noti-error,#employee .nav-link .badge-noti-error {
display:block;
position:absolute;
top:5px;
right:8px;
font-size:0.8em;
background: #ff3019;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#ff3019',GradientType=1 );
color:white;
width:20px;height:20px;
text-align:center;
line-height:20px;
border-radius:50%;
font-weight:bold;
z-index: 1000;
}
#card_sale .nav-link .badge-noti-ok,#employee .nav-link .badge-noti-ok {
display:inline-block;
position:absolute;
bottom:12px;
left:-5px;
font-size:0.7em;
background: transparent;
color:white;
width:auto;
text-align:center !important;
margin:0px auto;
font-weight:bold;
z-index: 1000;
color:#18BC9C;
}
#employee .nav-link .badge-noti-ok {
left:5px;
}
#card_sale .nav-link .badge-noti-error,#employee .nav-link .badge-noti-error {
display:block;
position:absolute;
top:5px;
right:8px;
font-size:0.8em;
background: #ff3019;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#ff3019',GradientType=1 );
color:white;
width:20px;height:20px;
text-align:center;
line-height:20px;
border-radius:50%;
font-weight:bold;
z-index: 1000;
}
#card_sale .nav-link .badge-noti-warning,.badge-noti-warning-menu,#employee .nav-link .badge-noti-warning {
display:block;
position:absolute;
top:5px;
right:20px;
font-size:0.8em;
background: #f88000;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#ff3019',GradientType=1 );
color:white;
width:25px !important;height:25px !important;
text-align:center;
line-height:23px;
border-radius:50%;
font-weight:bold;
-webkit-animation: pulsate 1.5s ease-out;
-webkit-animation-iteration-count: infinite;
opacity: 0.0;
}
.badge-noti-warning-menu{
top:5px;
right:5px;
width:20px;height:20px;
-webkit-animation:none;
opacity: 1;
}
.badge-big{
width:30px;height:30px;
top:5px;
right:5px;
font-size:1.1em;
line-height:25px;
}
.badge-big-2{
font-size:1.1em;
}
@-webkit-keyframes pulsate {
0% { opacity: 0.3;}
50% {opacity: 1.0;}
100% { opacity: 0.3;}
}
.inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.faked-inputfile{
font-size: 1em;
line-height: 1.5;
background-color: white;
border:solid 1px #18bc9c;
display: inline-block;
width:200px;
font-weight: 700;
padding: 0.375rem 0.75rem;
text-align:center;
overflow:hidden;
}
.inputfile + label {
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
color: white;
background-color: #18bc9c;
display: inline-block;
width:auto !important;
border-radius: 0.25rem;
border:solid 1px #18bc9c;
padding: 0.375rem 0.75rem;
margin-bottom:-2px;
position:relative;
bottom:-2px;
}
.inputLabel{
font-weight:bold;
}
.inputfile:focus + label,
.inputfile + label:hover {
background-color: #18bc9c;
}
.inputfile + label {
cursor: pointer; /* "hand" cursor */
}
.inputfile:focus + label {
outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
pointer-events: none;
}
.inputfile:focus + label,
.inputfile.has-focus + label {
outline: -webkit-focus-ring-color auto 5px;
}
#card_sale .nav-link.active .badge-noti-ok {
color:#fff !important;
}
.tab-icon{
padding-left:1rem;
padding-right:1rem;
}
.intense-red{
background: #ff3019 !important;
background: -moz-radial-gradient(center, ellipse cover, #ff3019 0%, #cf0404 100%) !important;
background: -webkit-radial-gradient(center, ellipse cover, #ff3019 0%,#cf0404 100%) !important;
background: radial-gradient(ellipse at center, #ff3019 0%,#cf0404 100%) !important;
}
#internet .nav-link.active{
background-color:#18BC9C !important;
color:#fff;
}
.trans-comment{
height:200px;
}
.badge-help{
position:relative;
font-size:0.8rem;
padding:0px;
background-color:#f5f5f5;
padding:1px 7px;
width:auto;
float:right;
right:0px;
top:0px;
border-radius:50%;
color:#999;
}
.img-position{
position:absolute;
background-color:rgba(44,62,80,0.8);
color:#fff;
padding:5px;
border-radius:50%;
width:32px;
height:32px;
text-align:center;
top:10px;
left:10px;
font-weight:bold;
}
.img-drag{
position:absolute;
bottom:4rem;
right:1rem;
color:rgba(0,0,0,0.7);
font-size:2em;
}
.forced-tab-modal{
min-height:300px !important;
}
.keep-open .dropdown-item,.keep-open .dropdown-item label{
padding:0px;
margin:0px;
padding-left:2px ;
}
.modal-image{
max-height:300px !important;
}
.modal-image-big {
width:auto !important;
transition:none !important;
min-height:100% !important;
height:100% !important;
}
.xtra-comments{
height:100px;
}
#modal-item .nav-link.active,#modalEmployee .nav-link.active{
background-color:#2c3e50;
color:#fff;
}
.info-exclusive{
background:#e6f8f4;
border:solid 1px #bfe4dc;
}
.profile-pic{
display:inline-block;
width:50px;
height:50px;
background: transparent url('../img/user.png') center center /cover no-repeat;
}
.media-username{
position:relative;
top:0px;left:0px;
width:100% !important;
text-align:center;
}
.media-username h5,.media-username span{
display:inline-block;
width:100%;
margin-left:-20%;
}
.profile-pic-employee{
display:inline-block;
width:200px;
height:200px;
}
#navbarResponsive .nav-link,#navBarFinalSell .nav-link{
padding-right: 0.2rem;
padding-left: 0.2rem;
transition: all .5s ease-out ;
}
.box-group{
background-color:#f1f1f1;
padding-bottom:10px;
}
.table > tbody > tr > td {
vertical-align: top;
}
#navbarResponsive .nav-item a:hover{
}
#navbarResponsive .dropdown-item{
transition: none;
font-weight:normal !important;
letter-spacing: 0px !important;
}
.dropdown-menu{
padding:5px;
-moz-transition: all .5s ease-out ;
-ms-transition: all .5s ease-out ;
-o-transition: all .5s ease-out ;
transition: all .5s ease-out ;
}
.dropdown-menu:hover{
-webkit-box-shadow: 1px 1px 50px 2px rgba(24,188,156,1);
-moz-box-shadow: 1px 1px 50px 2px rgba(24,188,156,1);
box-shadow: 1px 1px 50px 2px rgba(24,188,156,1);
}
button:hover{
}
.dropdown-menu a{
border-radius:5px;
}
.dropdown-menu a:hover{
background:#cdebe5;
color:#333;
-webkit-transition: all .5s ease-out;
}
.modal-content{
-webkit-box-shadow: 1px 1px 2500px 2200px rgba(44,62,80,0.9) !important;
-moz-box-shadow: 1px 1px 2500px 2200px rgba(44,62,80,0.9) !important;
box-shadow: 1px 1px 2500px 2200px rgba(44,62,80,0.9) !important;
}
.nav-link,div,li{
-moz-transition: all .5s ease-out ;
-ms-transition: all .5s ease-out ;
-o-transition: all .5s ease-out ;
transition: all .5s ease-out ;
}
.modal .modal-content div,th div,.keep-open ul {
transition:none;
}
#sidebar .card-block div{
transition:none !important;
}
.modal .nav-link{
transition: none ;
}
#card_sale .nav-link:hover{
-webkit-box-shadow: 1px 1px 200px 20px rgba(24,188,156,0.5);
-moz-box-shadow: 1px 1px 200px 20px rgba(24,188,156,0.5);
box-shadow: 1px 1px 200px 20px rgba(24,188,156,0.5);
}
.lowercase{
text-transform:lowercase !important;
}
.first-capitalize{display:inline-block;}
.first-capitalize:first-letter{
text-transform: uppercase;
}
.capitalize{
text-transform:capitalize !important;
}
.square{
display:inline-block;
width:20px;
height:20px;
}
.legend{
margin-top:10px;
}
.color_legend-1{
background-color:#aff3e6;
}
.color_legend-0{
background-color:#ffc5c5;
}
.color_legend-3 {
background-color:#FF7272;
}
.canvas-sign{
min-height:300px;
}
.card-image,.card-image-lazy{
min-height:200px;
position: relative;
overflow: hidden;
background:#f5f5f5 url('../img/no-image.png') center center / 100px 80px no-repeat;
}
.card-image-lazy{
width:100%;
height:100%;
text-align:right;
/*background:#f5f5f5 url('../img/no-image.png') center center / 100px 80px no-repeat; */
position:relative;
}
.card-image-lazy span{
display:inline-block;
position:relative;
top:10px;
right:10px;
opacity:0.8 !important;
}
.improve-image{
filter:contrast(95%) brightness(115%);
width:100% !important;
height:auto !important;
position:absolute;
top:50%;
left:50%;
}
.card-image img{
width:100% !important;
height:auto !important;
position: absolute;
top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
}
.landing-cards-wrapper{
padding-top:15px;
}
.mobile-exclusivity{
position:absolute;
top:-10px;
left:-8px;
width:25px;
height:25px;
-webkit-animation-name: spin;
-webkit-animation-duration: 4000ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 4000ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 4000ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: spin;
animation-duration: 4000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.nav-tabs{
border-bottom:0px !important;
}
.modal{
overflow-x:hidden;
-webkit-overflow-scrolling: touch;
z-index:10300;
}
.spin{
-webkit-animation-name: spin;
-webkit-animation-duration: 4000ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 4000ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 4000ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: spin;
animation-duration: 4000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.alert{
position:fixed;
top:0px !important;
left:0px;
width:100%;
z-index:99999;
min-height:100px;
margin-top:0px !important;
padding-top:40px;
box-sizing:border-box;
transition: all 2s ease-out ;
opacity:0;
}
.alert-success{
background-color:#c0dd7a;
color:#526a17;
font-weight:bold;
opacity:1;
}
.alert-danger{
opacity:1;
}
/*
* Off Canvas
* --------------------------------------------------
*/
@media screen and (max-width: 991px) {
.row-offcanvas {
position: relative;
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
.row-offcanvas-right {
right: 0;
}
.row-offcanvas-left {
left: 0;
}
.row-offcanvas-right
.sidebar-offcanvas {
right: -100%; /* 12 columns */
}
.row-offcanvas-right.active
.sidebar-offcanvas {
right: -50%; /* 6 columns */
}
.row-offcanvas-left
.sidebar-offcanvas {
left: -100%; /* 12 columns */
}
.row-offcanvas-left.active
.sidebar-offcanvas {
left: -50%; /* 6 columns */
}
.row-offcanvas-right.active {
right: 50%; /* 6 columns */
}
.row-offcanvas-left.active {
left: 50%; /* 6 columns */
}
.sidebar-offcanvas {
position: absolute;
top: 0;
width: 50%; /* 6 columns */
}
.tab-icon{
padding-left:0.5rem;
padding-right:0.5rem;
}
.dropdown-menu:hover{
-webkit-box-shadow: 1px 1px 158px 72px rgba(24,188,156,1);
-moz-box-shadow: 1px 1px 158px 72px rgba(24,188,156,1);
box-shadow: 1px 1px 158px 72px rgba(24,188,156,1);
}
}
/*
* Custom media queries
*/
@media only screen and (max-width: 530px) {
body #login .card{
margin-top:-25px;
}
.block-mobile{
width:50%;
margin-left:0px !important;
margin-top:5px;
}
#footer{
font-size:0.7rem;
}
.hidden-in-mobile{
display:none;
}
body .card{
transition:none;
}
.modal-open .card{
opacity:0;
transition: opacity .3s ease-in-out
}
.modal-open .modal .card{
opacity:1;
}
.modal-open{
position:fixed;
overflow-y:hidden !important;
height:100%;
}
.modal-open .modal{
margin-right: 0 !important;
transition:none !important;
}
.modal-open #navbarTop,.modal-open #subheader,.showing-filters #navbarTop,.showing-filters #subheader {
display:none !important;
}
.modal-open,.modal-open .modal,.modal-open .modal-body{
border:0px !important;
background-color:transparent !important;
}
.modal-content{
border:0px !important;
}
.show-filter{
z-index:1020;
}
.sidebar-offcanvas {
position: fixed;
top: 0px;
z-index:1000;
width:100%;
min-height:100% !important;
transition: none ;
}
.row-offcanvas-left.active{
left:0px !important;
}
.row-offcanvas-left.active .autoscroll{
overflow:scroll;
}
.row-offcanvas-left.active .sidebar-offcanvas{
position: fixed;
top:0px;
left:0px;
width: 100%; /* 6 columns */
z-index:1000;
margin:0px !important;
max-width:100%;
padding:0px !important;
height:100% !important;
background-color:#fff;
overflow-y:scroll !important;
}
.row-offcanvas-left.active .sidebar-offcanvas .autoscroll{
position:relative;
top:0px;
}
.modal{
padding:0px !important;
}
.modal,.modal-dialog{
margin:0px !important;
}
.modal-content{
border-radius:0px !important;
position: absolute !important;
top: 0px !important;
min-height:100%;
background-color:#fff;
}
.modal-body{
background-color:#fff;
overflow-y:auto !important;
}
.modal-header{
background-color:#2c3e50 !important;
border-radius:0px !important;
color:#fff;
}
.close .text-danger{
color:#fff !important;
}
.navbar.toggler{
transition:none !important;
}
section .card .card-header .float-right{
float:left;
width:100%;
font-size:0.9em;
}
section .card #headingOneOne .float-right{
width:auto;
}
section .nav-tabs .nav-item{
width:50%;
text-align:left;
background-color:#fff;
}
section .nav-tabs .nav-item:nth-child(odd){
border-right:solid 1px #a9c8c2;
}
section .nav-tabs .nav-item .nav-link,#employee .nav-link{
margin:0px;
border-bottom:solid 1px #a9c8c2 !important;
}
section .nav-tabs .nav-item .nav-link .badge-noti-ok{
left:5px !important;
}
section .nav-tabs .nav-item .nav-link .badge-noti-warning{
right:10px !important;
}
section .nav-tabs .nav-item .nav-link.active{
border:0px;
border-radius:0px;
}
section .nav-tabs .nav-item .nav-link br{
display:none;
}
section .nav-tabs .nav-item .nav-link .fa-2x{
font-size:1rem;
}
#card_sale .navbar .form-inline{
width:100% !important;
}
#card_sale .navbar .form-inline .btn{
width:100% !important;
margin:0px !important;
margin-top:2px !important;
}
}
@media only screen and (max-width: 400px) {
.block-mobile{
width:100%;
margin-left:0px !important;
margin-top:5px;
}
.slider-handle{
width:40px;
height:40px;
top:-12px;
}
}
@media only screen and (max-width: 440px) {
.logo-login{
background:transparent url('../img/logo_medium_vertical.png') center center / auto 100% no-repeat;
}
body{
overflow-x:hidden !important;
}
}
@media only screen and (min-width:530px){
.row-offcanvas-left.active #miniresults{
display:inline !important;
position:relative;
background:transparent;
color:#fff;
width:auto;
height:auto;
text-align:right;
top:0px;
right:0px;
}
}
@media only screen and (max-width: 767px) {
#landing .nav-item{
width:auto;
}
#landing .nav-item a{
width:auto;
background-color:#fff !important;
text-align:center;
padding:3px 2px;
}
.title-over-table{
padding-top:0.5em;
font-size:1.5em;
}
.forced-tab-modal{
min-height:auto !important;
}
.table-search{width:100px !important;}
}
@media only screen and (max-width: 580px) {
#landing .nav-item{
width:100%;
}
.show-filter button,.show-reorder button{
top:auto!important;
bottom:20px !important;
width:55px !important;
height:55px !important;
}
.media-username h5,.media-username span{
margin-left:-20% !important;
}
}
@media only screen and (min-width:580px){
.show-filter{
position:absolute !important;
bottom:20px !important
}
}
@media only screen and (max-width:768px){
.media-username h5,.media-username span{
margin-left:-12%;
}
#navbarResponsive .nav-item a{
display:block;
width:100%;
border:solid 1px rgba(255,255,255,0.3) !important;
text-align:center;
border-radius:5px;
margin-bottom:5px;
background-color:transparent !important;
color:#fff;
font-weight:bold;
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
#navbarResponsive .dropdown-menu{
background-color:transparent !important;
padding:0px !important;
border:0px !important;
}
#navbarResponsive .dropdown-menu:hover{
box-shadow:none !important;
}
#navbarResponsive .dropdown-menu .dropdown-item{
background-color:transparent !important;
padding: 0.5rem 2rem;
}
#navbarResponsive .nav-item a:hover{
letter-spacing:0px;
font-weight:normal;
font-weight:bold;
border-color: rgba(255,255,255,0.7) !important;
background-color: rgba(255,255,255,0.1) !important;
-webkit-box-shadow: 1px 1px 5px 5px rgba(255,255,255,0.2);
-moz-box-shadow: 1px 1px 5px 5px rgba(255,255,255,0.2);
box-shadow: 1px 1px 5px 5px rgba(255,255,255,0.2);
}
.profile-pic{
margin-left:10px;
}
}
@media only screen and (min-width: 576px) and (max-width:992px) {
#employee-photos .inputfile + label {
width:100% !important;
}
#employee-photos .faked-inputfile{
width:100% !important;
}
}
@media only screen and (min-width: 767px) {
.hidden-md-up{
display:none;
}
}
@media only screen and (max-width: 992px) {
td,th{
font-size: 0.79rem;
}
.dropdown-menu .dropdown-menu {
margin-top:0rem;
}
#landing .nav-item a{
width:auto;
background-color:#fff !important;
text-align:center;
padding:5px 10px;
border:solid 1px #ddd !important;
border-bottom:0px !important;
}
.show-filter, .show-reorder{
display:block;
position:fixed;
}
.show-filter button{
position:fixed;
width:55px;
height:55px;
z-index:1030;
bottom:20px;
right:20px;
border-radius:50%;
font-size:1.5rem;
background-color:#18BC9C;
border:solid 1px #18BC9C;
}
.show-reorder button{
position:fixed;
width:45px;
height:45px;
z-index:10290;
top:110px;
right:20px;
border-radius:50%;
font-size:1.5rem;
background-color:#18BC9C;
border:solid 1px #18BC9C;
}
.slider {
display: inline-block;
vertical-align: middle;
position: relative;
}
.slider.slider-horizontal {
width: 85%;
height: 20px;
margin-left:5% !important;
margin-right:10% !important;
}
}
@media only screen and (min-width: 992px) {
#navbarResponsive .navbar-nav .active{
background-color:#18bc9c;
-webkit-box-shadow: inset -2px 20px 13px 15px #2c3e50;
-moz-box-shadow: inset -2px 20px 13px 15px #2c3e50;
box-shadow: inset -2px 20px 13px 15px #2c3e50;
}
#landing .nav-item a{
width:auto;
background-color:#fff !important;
text-align:center;
padding:5px 10px;
border:solid 1px #ddd !important;
border-bottom:0px !important;
}
.show-filter{
display:none;
}
.show-reorder{
display:none;
}
#card_sale .nav-link .badge-noti-ok {
left:0px;
}
#navbarResponsive .nav-link{
padding-right: 0.18rem;
padding-left: 0.18rem;
}
.badge-noti-warning-menu{
top:-3px;
}
.comment-area{
height:300px;
}
#navbarTop .dropdown-menu{
z-index:1001;
}
.slider {
display: inline-block;
vertical-align: middle;
position: relative;
}
.slider.slider-horizontal {
width: 100%;
height: 20px;
margin-left:0% !important;
margin-right:0% !important;
}
}
@media only screen and (min-width: 1024px) {
#navbarResponsive .nav-link{
padding-right: 0.5rem;
padding-left: 0.5rem;
}
}
@media only screen and (min-width: 1200px) {
td,th{
font-size: 1rem;
}
#landing .nav-item a{
width:auto;
padding:5px 10px;
}
#navbarResponsive .nav-link{
padding-right: 1rem;
padding-left: 1rem;
}
}
@media only screen and (min-width: 1400px) {
td,th{
font-size: 1.1rem;
}
#landing .nav-item a{
width:auto;
padding:5px 15px;
}
}
.has-error{
border:solid 2px #e9aaaa;
-webkit-box-shadow: inset 1px 1px 20px 1px rgba(245,89,17,0.3);
-moz-box-shadow: inset 1px 1px 20px 1px rgba(245,89,17,0.3);
box-shadow: inset 1px 1px 20px 1px rgba(245,89,17,0.3);
animation: glow-grow 1s ease-out infinite;
}
@keyframes glow-grow {
0% {
opacity: 1;
}
50% {
opacity: 0.7;
}
100% {
opacity: 1;
}
}
@-moz-keyframes spin {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
.selectorarrowleft::after, .selectorarrowleft::before {
display:none !important;
}
.mydpicon {
display:none !important;
}
.btnpicker, .btnpickerenabled {
background-image:url('../../../assets/img/calendar.png') !important;
background-position:50% 50% !important;
background-repeat:no-repeat !important;
background-size:auto 60% !important;
}
.btnpicker,.btnpickerenabled{
padding: 1.1rem 1.2rem !important;
}
.btnpicker:hover,.btnpickerenabled:hover{
background-color:#d4f5ef !important;
}
.mydp .selector{
border: 1px solid #ced4da !important;
width:100% !important;
height:auto !important;
z-index:9000 !important;
}
.selector{
z-index:9000 !important;
}
.mydp .datevalue{
padding-top:5px !important;
padding-bottom:5px !important;
}
.mydp .selectedday{
border-radius:0.25rem !important;
}
.mydp .markcurrday{
font-weight:bold !important;
}
.mydp .header{
min-height:35px !important;
}
.mydp .headermonthtxt,.mydp .headeryeartxt{
min-width:70px !important;
min-height:100% !important;
height:100% !important;
}
.mydp .headerlabelbtn,.mydp .headerlabelbtn{
display:inline-block !important;
padding:5px 10px !important;
text-align:center !important;
min-width:100% !important;
min-height:30px !important;
border-radius:0.25rem !important;
border: 1px solid #ced4da !important;
background: #d8ece8 !important;
color: #33846a !important;
}
.mydp .selector{
-webkit-box-shadow: 0px 0px 40px 30px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 40px 30px rgba(255,255,255,1);
box-shadow: 0px 0px 40px 30px rgba(255,255,255,1);
}
.mydp .yearcell,.mydp .monthcell{
padding-top:10px !important;
padding-bottom:10px !important;
background-color:#fff!important;
border-radius:0.25rem;
border:solid 1px #ced4da;
}
@media only screen and (max-width: 530px) {
.mydp .datevalue{
padding-top:10px !important;
padding-bottom:10px !important;
}
.mydp .yearcell,.mydp .monthcell{
padding-top:20px !important;
padding-bottom:20px !important;
}
.mydp .header{
min-height:60px !important;
}
.mydp .headerlabelbtn,.mydp .headerlabelbtn{
min-height:50px !important;
}
}
.mydp .weekdaytitle {
background-color: #18bc9c !important;
color: #fff !important;
}
.mydp .highlight {
color: #18bc9c !important;
font-weight:bold !important;
}
.mydp .caltable, .mydp .monthtable, .mydp .yeartable, .mydp .daycell, .mydp .monthcell, .mydp .yearcell {
color: #212529 !important;
}
.mydp .selectedday {
background:#18bc9c !important;
color:white !important;
}
.mydp .selectedday .datevalue, .mydp .selectedmonth .monthvalue, .mydp .selectedyear .yearvalue {
background:transparent !important;
}
.mydp .datevalue, .mydp .monthvalue, .mydp .yearvalue {
background:transparent !important;
}
table .selected td {
background:#FFF4E2 !important;
}
.carousel-control-prev, .carousel-control-next,
.carousel-control-prev:hover, .carousel-control-next:hover {
background-color:transparent !important;
border:none !important;
box-shadow:none !important;
}
.fixed-table-container{
border: 0px !important;
}
.modal-content {
margin-left: auto !important;
margin-right: auto !important;
}
.modal-image,.carousel-item.active img{
width:auto !important;
height:580px !important;
}
.fade {
display:none;
}
.fade.active {
display:block;
}
#navbarResponsive,#navbarResponsive div{
transition:none !important;
}
.img-ul {
border:2px dashed rgba(0,0,0,0.125) !important;
border-radius:3px !important;
margin:20px 0 !important;
}
.img-ul-upload.img-ul-button {
background-color: #18bc9c !important;
font-size:15px !important;
border-radius:5px !important;
text-transform:none !important;
box-shadow:none !important;
}
.img-ul-drag-box-msg[_ngcontent-c16] {
font-weight:normal !important;
}
.img-ul-clear.img-ul-button {
display:none !important;
}
.img-ul-x-mark {
display:none !important;
}
.img-ul-container {
background:transparent !important;
}
.img-ul-image {
border:1px solid rgba(0,0,0,0.1) !important;
border-radius:5px !important;
background-color:#fff !important;
margin-bottom:10px !important;
}
.pos-image {
width:auto !important;
height:320px !important;
}
.pos-image-full{
display:block;
width:100%;
height:auto;
max-height:300px;
overflow:hidden;
}
.photo-card-order {
overflow:hidden !important;
}
.sortable-choosen {
opacity:1 !important;
}
.sortable-ghost {
opacity:0 !important;
}
.card-photo {
height:300px !important;
}
.fixed {
position:sticky !important;
z-index:999 !important;
}
my-date-picker,ng-dropdown-panel-items{
}
my-date-picker .mydp{
background-color: #f4f6f5 !important;
}
my-date-picker.has-error{
border: 0px !important;
background-color: white !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
animation: none;
}
my-date-picker.has-error .mydp{
border: solid 2px #e9aaaa;
animation: glow-grow 1s ease-out infinite;
}
my-date-picker.has-error .mydp .selection{
-webkit-box-shadow: inset 1px 1px 20px 1px rgba(245,89,17,0.3);
-moz-box-shadow: inset 1px 1px 20px 1px rgba(245,89,17,0.3);
box-shadow: inset 1px 1px 20px 1px rgba(245,89,17,0.3);
animation: glow-grow 1s ease-out infinite;
background-color: #f4f6f5 !important;
}
my-date-picker .mydp .selection{
background-color: #f4f6f5 !important;
}
.signaturepad canvas{
border: 1px solid #fff;
height:300px;
}
signature-pad{
display:inline-block;
border: 1px solid #ced4da;
border-radius: 0.25rem;
overflow:hidden !important;
width:100% !important;
height:300px;
}
.btnclearenabled{
display:none !important;
}
.ng-overlay-container{
position:relative !important;
width:auto !important;
height:auto !important;
height:0px !important;
max-height:0px !important;
overflow:hidden;
}
.ng-invalid .ng-dropdown-panel,.ng-dropdown-panel{
position: relative !important;
z-index: 99999 !important;
top: 0px !important;
height:300px !important;
max-height:300px !important;
border: 0px !important;
overflow:hidden;
}
.ng-invalid .ng-dropdown-panel-items,.ng-dropdown-panel-items{
position: relative !important;
height:300px !important;
max-height:300px !important;
border: 1px solid #ced4da !important;
overflow:hidden;
width:auto !important;
z-index:99999;
}
.ng-select.ng-invalid.opened,.ng-select.opened{
height:340px !important;
max-height:340px !important;
}
@-webkit-keyframes editable {
0% { opacity: 0.3;}
50% {opacity: 1.0;}
100% { opacity: 0.3;}
}
.btnActivated{
-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
}
.btnDeactivated .fa{
color:#a2a2a2 !important;
}
.modal-tabs{
background: #e9f1f0 !important;
}
#employeeAdd .modal-body{
min-height:400px !important;
}
.table-bordered{
border-collapse: collapse;
border-spacing : 1px;
}
table .selected td,.table-bordered tr.selected td{
border-top:solid 1px #18BC9C !important;
border-bottom:solid 1px #18BC9C !important;
}
table .selected td:first-child{
background-image:url('../../../assets/img/selected.png') !important;
background-position:0% 50% !important;
background-repeat:no-repeat !important;
}
#employee-photos .profile-pic-employee{
width:100% !important;
height:auto !important;
}
#loading{
position:fixed;
top:0px;
left:0px;
z-index:20000;
width:100% !important;
height:100%;
background-color:transparent !important;
text-align:center;
-moz-transition: none ;
-ms-transition: none ;
-o-transition: none ;
transition: none ;
color:rgb(129, 129, 129);
}
.loaderDesktop{
background-color:transparent !important;
}
#loading-content{
position:relative;
left:0%;
width:100%;
text-align:center !important;
color:rgb(138, 138, 138);
background-color:#fff !important;
width:300px;
border-radius:0.25rem;
border:solid 1px #fff;
margin-left:auto;
margin-right:auto;
padding:15px 30px;
font-weight:normal;
z-index:99999;
-webkit-box-shadow: 60px 60px 325px 350px rgba(255,255,255,1);
-moz-box-shadow: 60px 60px 325px 350px rgba(255,255,255,1);
box-shadow: 60px 60px 325px 350px rgba(255,255,255,1);
top:45%;
}
.btn-outline-warning:hover .fa,.btn-outline-danger:hover .fa{color:#fff !important;}
.pos-image-full {
cursor:pointer !important;
}
.portals-icon {
width:25px;
height:25px;
display:inline-block;
border-radius:2px;
border:solid 1px rgba(0,0,0,0.2);
}
.portals-icon.disabled {
opacity:0.2;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
>>>>>>> 271ec40528ff75eebeda71fef7a68e69c86d31ba