html {
scroll-behavior: smooth;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url(vendor/bootstrap.min.css);
@import url(all.min.css);
@import url(fonts/flaticon.css);
@import url(vendor/animate.min.css);
@import url(vendor/aos.css);
@import url(vendor/owl.carousel.min.css);
@import url(vendor/slick.css);
@import url(vendor/jquery.fancybox.min.css);
/* ******************************
:: 3.0 GLOBAL CSS
****************************** */
:root {
--h1-size: 4rem;
--h1-weight: 600;
--h2-size: 3rem;
--h2-weight: 600;
--h3-size: 1.5rem;
--h3-weight: 600;
--h4-size: 1.3rem;
--h4-weight: 600;
--h5-size: 1.2rem;
--h5-weight: 600;
--h6-size: 1rem;
--h6-weight: 600;
--p-size: 1rem;
--p-weight: 400;
--nav-item-color: #444;
--nav-hover-color: #2c2e30;
--nav-toggler-color: #7e8085;
--primary-color: #565656;
--primary-color-2: #7c4fe0;
--secondary-color: #666;
--secondary-color-2: #777;
--social-color-1: #3b5999;
--social-color-2: #55acee;
--social-color-3: #dd4b39;
--social-color-4: #00b489;
--white-color: #ffffff;
--primary-t-color: #222;
--primary-p-color: #565656;
--primary-l-color: rgba(0, 0, 0, 0.12);
--secondary-l-color: rgba(45, 49, 54, 0.09);
--valid-color: #28a745;
--invalid-color: #ffa200;
--primary-bg-color: #f6f9fe;
--primary-bg-color-2: linear-gradient(-47deg, #8731E8 0%, #4528DC 100%);
--primary-bg-color-3: #ffffff;
--primary-bg-color-4: rgba(16, 16, 45, 1);
--nav-bg-color: #d3d3d3;
}
* {
margin: 0;
padding: 0;
}
body {
font-family: 'Montserrat', sans-serif;
font-size: 1rem;
line-height: 1.5;
font-weight: 400;
color: var(--primary-color);
scroll-behavior: smooth;
background-color: #556574
}
@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,400italic);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css);
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
body {
background: #556574;
background-color: #556574 !important;
color: #fff;
}
body.login {
background-color: white;
max-width: 500px;
margin: 10vh auto;
padding: 1em;
height: auto;
}
.main-dashboard h5 {
color: #fff;
}
/* general utility classes */
.warn {
color: lightsalmon;
}
/* header */
header[role=banner] {
background: #26313C;
/*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);*/
}
.main-header .header-logo{
width: 265px;
background: #26313C;
text-align: center;
padding: 10px;
height: 110px;
}
.main-header .header-logo h1{
padding: 10px 5px;
font-size: 13px;
font-weight: 500;
color: #fff;
text-align: center;
margin-top: 6px;
}
.header-logo img{
width: 200px;
margin-top: 20px;
}
.main-header{
display: flex;
}
.header-navigation ul{
display: flex;
margin-left: 30px;
}
.header-navigation ul li{
margin-right: 30px;
font-size: 14px;
margin-top: 25px;
}
.header-navigation ul li a{
color: #000;
text-decoration: none;
font-size: 13px;
font-weight: 500;
}
.main-header .utilities {
width: 100%;
background: slategray;
color: #ddd;
}
.main-header .utilities li {
border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}
.main-header .utilities li a {
padding: 0.7em;
display: block;
color: #fff;
}
.main li.active.dashboard {
background: #5c4636;
}
nav[role=navigation] {
background: #26313C;
color: #fff;
/* icons */
}
/*nav[role=navigation] li {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}*/
.main li a {
font-weight: 500;
color: #ffffffd9;
text-decoration: none;
display: block;
padding: 14px 0px 14px 17px;
font-size: 12px;
border-radius: 10px;
margin: 5px 10px;
position: relative;
}
.main li a:hover {
background: #3D4B58;
/*border-left: 2px solid #FED9AF;*/
}
.top-bar-img img{
width: 16px;
margin-right: 14px;
}
.navbar-custom-menu, .main-header .navbar-right {
float: right;
margin-left: auto;
}
.navbar-custom-menu {
margin-top: 15px;
margin-right: 14px;
margin-left: auto;
}
.main-header .navbar-nav>li {
display: inline-block;
position: relative;
}
.main-header .navbar .nav>li>a {
color: #132436;
}
.main-header .navbar .nav>li>a {
color: #132436;
}
.drop-image img {
width: 40px;
margin-top: 4px;
border-radius:100%;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
position: absolute;
right: 0;
left: auto;
background-color: #3d4b58;
border-color: #3d4b58;
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.dropdown-menu {
box-shadow: none;
border-color: #eee;
}
.dropdown-menu>li>a {
color: #777;
}
/* current nav item */
.current, .dashboard .dashboard a, .write .write a, .edit .edit a, .comments .comments a, .users .users a {
background-color: rgba(255, 255, 255, 0.1);
}
/* panels */
.panel {
background-color: white;
color: darkslategray;
-webkit-border-radius: 0.3rem;
-moz-border-radius: 0.3rem;
-ms-border-radius: 0.3rem;
border-radius: 0.3rem;
margin: 1%;
}
.panel > h2, .panel > ul {
margin: 1rem;
}
/* lists */
ul, li {
list-style-type: none;
margin: 0;
padding: 0;
}
main li {
position: relative;
padding-left: 1.2em;
margin: 0.5em 0;
}
main li:before {
content: "";
position: absolute;
width: 0;
height: 0;
left: 0;
top: 0.3em;
border-left: solid 10px #dde;
border-top: solid 5px transparent;
border-bottom: solid 5px transparent;
}
@media screen and (min-width: 600px) {
.main-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
height: 75px;
}
.main-header .utilities {
display: contents;
margin: 0 auto;
margin-left: auto;
}
.dropdown-toggle .span-color{
color: #fff;
font-size: 13px;
}
.main-header .utilities li {
display: inline-block;
border:none;
}
.main-header .utilities li a {
padding: 0px 15px;
text-decoration: none
}
.utilities .dropdown ul.dropdown-menu.settings-menu.show {
margin-top: 15px;
}
nav[role=navigation] {
position: relative;
width: 265px;
top: 1px;
padding-bottom: 150px;
/* height: 100%;*/
overflow: hidden;
z-index: 10;
}
.main-nav-div{
position: fixed;
width: 265px;
height: 100%;
overflow-y: scroll;
}
/* width */
.main-nav-div::-webkit-scrollbar, .table-responsive::-webkit-scrollbar {
width: 5px;
height: 5px;
}
/* Track */
.main-nav-div::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
.main-nav-div::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
.main-nav-div::-webkit-scrollbar-thumb:hover, .table-responsive::-webkit-scrollbar-thumb:hover {
background: #555;
}
main[role=main] {
margin: 75px 0 40px 200px;
}
main[role=main]:after {
content: "";
display: table;
clear: both;
}
.dropdown-toggle::after{
color: #fff;
}
.panel {
margin: 2% 0 0 2%;
float: left;
width: 96%;
}
.panel:after {
content: "";
display: table;
clear: both;
}
.box, .twothirds, .onethird {
padding: 1rem;
}
.onethird {
width: 33.333%;
float: left;
}
.twothirds {
width: 66%;
float: left;
}
}
@media screen and (min-width: 900px) {
.panel {
width: 47%;
clear: none;
}
.panel.important {
width: 96%;
}
.panel.secondary {
width: 23%;
}
}
.main .active{
background-color:#3D4B58;
color:#fff;
}
.main .active:after, .main li a:hover:after{
content: "";
height: 42px;
width: 6px;
background-color: #00ADEF;
position: absolute;
left: -11px;
top: 3px;
border-radius: 5px;
}
.main li a img {
width: 17px;
height: auto;
margin-right: 10px;
}
/*footer*/
footer {
/* position: fixed;*/
bottom: 0;
width: 100%;
padding: 8px;
background:#26313c;
box-shadow: 0px -1px 4px -1px rgb(0 0 0 / 28%);
margin-top: 30px;
}
.footer-content {
margin-left: 21%;
margin-top: 16px;
}
.footer-content p{
font-size: 13px;
color: #fff;
font-weight: 600;
}
.side-bar-toggle a svg{
color: #fff;
font-size: 19px;
}
.side-bar-toggle{
margin-top: 26px;
margin-left: 20px;
}
.dashboard-body {
margin: 8% 0% 0% 21%;
}
.welcome-main h5 {
margin-bottom: 15px;
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
color: #fff;
}
.page-title h5{
margin-top: 5px;
}
/*** customer management **/
.work-activity-boxes .box-titile h4 {
font-size: 12px;
margin-bottom: 15px;
}
.work-activity-boxes .box-counts h3{
margin-left: 0px;
}
.single-card{
background-color: #3D4B58;
/*box-shadow: 0px 0px 3px #fbeae1;*/
border-radius: 5px;
padding: 20px;
margin-bottom: 30px;
color:#fff;
}
.total-records h5 {
font-size: 16px;
font-weight: 600;
margin-top: 10px;
text-transform: uppercase;
}
.flocation, .table-filters{
display: flex;
}
.esp-filters select{
width: 85px !important;
}
.esp-filters .has-search .form-control{
width: 220px;
}
.table-filters{
float: right;
}
.flocation{
line-height: 35px;
margin-right: 20px;
font-size: 10px;
font-weight: 600;
}
.table-filters .flocation:last-child{
margin-right: 0px;
}
.flocation .form-control {
background-color: #f2f2f2;
border: none;
width: 130px;
font-size: 12px;
outline: none;
box-shadow: none;
margin-left: 10px;
}
.main-table {
margin-top: 15px;
}
.dataTables_length{
margin-bottom: 15px;
}
#DataTables_Table_0_filter input{
border: 1px solid #556574 !important;
background-color: #556574 !important;
}
.dataTables_wrapper .dataTables_filter input {
margin-left: 0.5em;
outline: none !important;
box-shadow: none !important;
border: 1px solid #3d4b58;
height: 25px;
background-color: #3d4b58;
color: #fff;
}
.table-bordered td{
font-size: 12px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
border: 1px solid #26313c;
background: linear-gradient(to bottom, #26313c 0%, #26313c 100%);
}
.dataTables_length label, .dataTables_filter{
font-size: 12px;
font-weight: 600;
}
.main-table table th{
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
text-align: center;
}
.main-table table td{
text-align: center;
font-size: 12px;
line-height: 15px;
font-weight: 500;
padding: 10px;
}
.table td, .table th {
padding: 5px 0.15rem;
}
.main-table table td img{
width: 80px;
}
.main-table table td a{
text-decoration: underline;
color: #fff;
}
/*.table-striped tbody tr:nth-of-type(odd) {*/
/* background-color: #f5faff;*/
/*}*/
table.dataTable tbody tr{
background-color: transparent;
}
.table td, .table th {
border-top: 1px solid #546473;
color: #fff !important;
}
.pending{
color: #ffb23f;
}
.table-num input{
width: 40px !important;
text-align: center;
}
.pn-button, .table-num input{
border: 1px solid #ccc;
width: 30px;
text-align: center;
height: 35px;
padding: 9px 10px;
color: #000;
margin: 2px;
font-size: 12px;
text-decoration: none;
outline: none;
box-shadow: none;
}
.totla-pages-count{
display: flex;
line-height: 40px;
margin-left: 20px;
font-size: 12px;
}
.table-num {
font-size: 12px;
}
.totla-pages-count .form-control{
width: 70px;
outline: none;
box-shadow: none;
margin-left: 10px;
}
.table-pagination{
display: flex;
}
/*** booking management **/
.from-date-inputs .form-control{
width: 100px;
height: 40px;
font-size: 12px;
}
.from-date-inputs .form-group{
position: relative;
}
img.from-date-icon, img.to-date-icon {
position: absolute;
right: 7px;
width: 15px;
top: 10px;
}
.table-action-buttons a img{
width: 16px !important;
margin-right: 3px;
}
/*** logiin page **/
.havenot-account a, .forgot-pwd{
color: #fff !important;
text-decoration: none;
font-weight: 500;
}
.login-body{
background-color: #556574;
overflow: hidden;
}
.modal-content{
background-color: #3D4B58;
border-color: #3D4B58;
}
.login-logo {
position: absolute;
left: 50%;
top: 37%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 99;
width: 35%;
}
.login-header-logo img {
width: 250px;
}
.login-header-logo{
text-align: center;
margin-bottom: 60px;
}
.welcom-msg h5 {
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
color: #fff;
}
.welcom-msg p {
font-size: 14px;
margin: 0;
color:#fff;
}
.welcom-msg{
margin-bottom: 8px;
}
.login-main-form form .form-control{
/*border-color: #26313c !important;*/
outline: none;
box-shadow: none;
font-size: 12px;
height: 40px;
/*background-color: #26313c !important;*/
}
hr {
border-top: 1px solid #556574;
}
.modal-close .close{
color: #fff;
}
.login-main-form form label{
font-size: 12px;
font-weight: 500;
color:#fff;
}
.login-button-main{
outline: none !important;
box-shadow: none !important;
border: none !important;
width: 100%;
/*background-color: #240f00;*/
color: #fff;
text-align: center;
font-size: 14px;
padding: 11px;
/*background: rgb(80,147,225) !important;*/
/*background: linear-gradient(90deg, rgba(80,147,225,1) 0%, rgba(37,203,213,1) 100%) !important;*/
background-color: #7FCF7F !important;
}
.bg-black-button{
outline: none !important;
box-shadow: none !important;
border: none !important;
font-size: 14px;
padding: 10px 15px;
color: #fff;
text-align: center;
background-color: #7FCF7F !important;
font-weight: 600;
margin-bottom: 15px;
}
.bg-black-button img{
width: 20px;
margin-top: -5px;
margin-right: 5px;
}
.login-button-main:hover, .login-button-main:active, .login-button-main:focus{
/*background-color: #240f00 !important;*/
color: #fff !important;
}
.login-form {
width: 70%;
margin: auto;
padding-top: 20%;
padding-bottom: 20%;
}
.login-right {
background-color: #3D4B58;
}
.remember-button {
font-size: 12px;
margin-top: 15px;
}
.dont-have-account p {
font-size: 14px;
}
.property-content h5{
color: #fff !important;
}
.dont-have-account p a{
color: #fff !important;
}
.remember-button a {
float: right;
}
p.havenot-account {
font-size: 12px;
text-align: center;
font-weight: 500;
margin-top: 30px;
}
.login-main-section .row .col-sm-4{
padding-left: 0px;
}
.login-main-section .row .col-sm-8{
padding-right: 0px;
}
/*** customer profile **/
.Customer-profile-img {
text-align: center;
}
.Customer-profile-img img {
width: 120px;
margin-bottom: 10px;
}
.Customer-profile-img h4 {
font-size: 18px;
font-weight: 600;
margin-bottom: 0px;
}
.Customer-id{
/* color: #D25800;*/
color: #23ced5;
font-size: 12px;
font-weight: 600;
margin: 0;
}
.Customer-profile-img small {
font-weight: 600;
}
.bookings-count-boxes.emf .single-box {
margin: 0px 10px 20px 0px;
}
.bookings-count-boxes.emf .single-box:last-child{
margin-right: 0px;
}
.active-status{
color: green;
font-size: 12px;
font-weight: 600;
margin-top: 8px;
}
.active-status svg{
font-size: 9px;
margin-bottom: 2px;
}
.Customer-contact-details ul li {
font-size: 14px;
margin-bottom: 10px;
}
.Customer-contact-details ul li:last-child{
margin-bottom: 0px;
}
.Customer-contact-details ul li img{
width: 14px;
margin-right: 5px;
}
.Customer-contact-details {
padding: 15px 0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
}
.Customer-about h5, .Customer-social-media-links h5 {
font-size: 16px;
font-weight: 600;
}
.Customer-about p{
font-size: 12px;
}
.Customer-social-media-links ul li{
display: inline-block;
margin-right: 3px;
}
.Customer-social-media-links ul li img{
width: 30px;
}
.Customer-social-media-links{
margin-bottom: 15px;
}
.Customer-inactive-remove-butons a.btn{
width: 100%;
margin-bottom: 10px;
outline: none !important;
box-shadow: none !important;
font-weight: 500;
}
a.btn.btn-primary.login-button-main {
background: #7FCF7F !important;
}
.inactive-button{
border-color: #1A1A1A;
color: #1A1A1A;
background-color: #3D4B58;
}
.inactive-button:hover, .inactive-button:active, .inactive-button:focus{
color: #1A1A1A !important;
background-color: #3D4B58 !important;
border-color: #1A1A1A;
}
.first-box{
background: rgb(35,0,215);
background: linear-gradient(90deg, rgba(35,0,215,1) 0%, rgba(152,0,197,1) 100%);
}
.second-box{
background: rgb(1,224,255);
background: linear-gradient(90deg, rgba(1,224,255,1) 0%, rgba(46,11,255,1) 100%);
}
.third-box{
background: rgb(229,0,190);
background: linear-gradient(90deg, rgba(229,0,190,1) 0%, rgba(222,89,0,1) 100%);
}
.fourth-box{
background: rgb(3,97,25);
background: linear-gradient(90deg, rgba(3,97,25,1) 0%, rgba(152,187,3,1) 100%);
}
.fifth-box {
background: rgb(0 173 239);
background: linear-gradient(
90deg
, rgb(0 245 255) 0%, rgb(6 164 224) 100%);
}
.bookings-count-boxes.admin-boxes {
margin-bottom: 25px;
}
.bookings-count-boxes.admin-boxes .single-box{
width: 20%;
margin: 0px;
}
.bookings-count-boxes.admin-boxes .single-box:not(:last-child){
margin-right: 10px;
}
.bookings-count-boxes.admin-boxes .single-box .orders-title h4 {
font-size: 20px;
font-weight: 600;
color: #fff;
}
.single-box .orders-title h5{
color: #fff;
}
.single-box {
width: 24%;
padding: 20px;
color: #fff;
border-radius: 3px;
margin: 0px 20px 20px 0px;
height: 110px;
/*box-shadow: 0px 0px 10px #b0cdef;*/
}
.single-box:last-child{
margin-right: 0px;
}
.box-titile img{
margin-right: 5px;
width: 35px;
height: 35px;
}
.box-titile {
display: flex;
}
.box-titile h4 {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0px;
color: #fff;
}
.box-counts h3 {
font-weight: 600;
}
.bookings-count-boxes {
display: flex;
}
.box-counts h3 {
font-size: 30px;
font-weight: 600;
margin-left: 40px;
color: #fff;
}
.Customer-profile > .row > .col-sm-8{
padding-left: 0px;
}
.ongoing{
color: #DF0000 !important;
}
.completed{
color: #009222;
}
#button-top.show {
opacity: 1;
visibility: visible;
}
.add-employee-button-main .login-button-main {
width: 160px;
margin-bottom: 15px;
float: right;
padding: 8px;
}
.add-employee-button-main .login-button-main svg{
border: 1px solid #fff;
border-radius: 50%;
padding: 2px;
margin-right: 2px;
color: #fff;
width: 15px;
height: 15px;
}
.emf .box-counts h3 {
font-size: 28px;
font-weight: 600;
margin-left: 0px;
margin-top: 5px;
}
.emf .box-counts small{
font-size: 8px;
}
.flex-div{
display: flex;
margin-top: 10px;
}
.flex-div .first-count:first-child{
margin-right: 15px;
}
.flex-div .first-count small{
text-transform: uppercase;
}
.flex-div .first-count h3 {
font-size: 28px;
line-height: 10px;
margin-bottom: 0px;
}
.emf .box-titile h4 {
margin-bottom: 0px;
font-size: 14px;
font-weight: 500;
}
.box-counts.empf2 h3 {
margin-top: 28px;
}
.box-counts.empf1 h3 {
margin-top: 18px;
}
.box-counts.empf3 h3 {
margin-top: 18px;
}
.emf-main h5 {
margin-top: 15px;
}
.location-details p{
margin-bottom: 5px;
font-size: 12px;
font-weight: 500;
}
.location-details{
margin-bottom: 15px;
}
.location-details h4{
margin-bottom: 10px;
}
/** food item details **/
.food-item-title{
position: relative;
}
.food-cost p {
margin: 0px;
font-size: 10px;
}
.food-cost h4 {
margin: 0;
color: #D25800;
font-size: 14px;
}
.food-cost .active-status svg {
font-size: 6px;
}
.food-cost {
position: absolute;
right: 0;
top: -2px;
}
.green{
color: green;
font-weight: 500;
}
.instock-switch .switch {
position: relative;
display: inline-block;
width: 56px;
height: 28px;
}
.instock-switch .switch input {
opacity: 0;
width: 0;
height: 0;
}
.instock-switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.instock-switch .slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 2px;
bottom: 1px;
background-color: #009222;
-webkit-transition: .4s;
transition: .4s;
}
.instock-switch .out-ofstock .slider:before{
background-color: #212529;
}
.instock-switch input:checked + .slider {
background-color: #F2F2F2;
}
.instock-switch input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
.instock-switch input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.instock-switch .slider.round {
border-radius: 34px;
}
.instock-switch .slider.round:before {
border-radius: 50%;
}
label.switch.out-ofstock {
margin-top: 10px;
}
.bg-red, .bg-red:focus, .bg-red:active, .bg-red:hover{
background-color: #DF0000 !important;
color: #fff !important;
border-color: #DF0000 !important
}
.addon-section{
position: relative;
}
.addon-section .login-button-main{
width: 65px;
position: absolute;
top: 0px;
right: 0px;
padding: 7px;
}
.totla-salary{
color: #D25800;
font-weight: 600;
}
.year-select{
display: flex;
float: right;
}
.year-select select{
width: 85px;
margin-left: 10px;
margin-top: -8px;
background-color: #F4D9C6;
outline: none;
box-shadow: none;
font-size: 12px;
color: #240F00;
font-weight: 500;
}
.year-select select:focus, .year-select select:active{
outline: none;
box-shadow: none;
background-color: #F4D9C6 !important;
}
.employee-payroll-main{
margin-bottom: 15px;
}
.employee-payroll-main hr{
margin-top: 0px;
}
.em-img img{
width: 100px;
}
.em-img{
text-align: left;
}
.employee-payroll-details .col-sm-2{
padding-right: 0px;
}
.employee-payroll-details .col-sm-5{
padding-left: 0px;
}
.em-title{
margin-top: 18px;
margin-left: -30px;
}
.from-date-to-dates{
font-size: 15px;
margin-bottom: 15px;
}
.from-all-dates .from-date-inputs .form-group{
margin-bottom: 0px;
}
.has-search .form-control {
padding-left: 40px;
font-size: 12px;
height: 35px;
width: 255px;
margin-right: 20px;
outline: none;
box-shadow: none;
border-radius: 2px;
border-color: #1A1A1A;
}
.has-search .form-control-feedback {
position: absolute;
z-index: 2;
display: block;
width: 2.375rem;
height: 2.375rem;
line-height: 2.375rem;
text-align: center;
pointer-events: none;
color: #aaa;
}
.has-search .form-control-feedback img{
width: 18px;
margin-left: 0px;
margin-bottom: 4px;
}
.attendance-img {
width: 14px !important;
margin-top: 16px;
}
.halfday-work1{
display: grid;
text-align: center !important;
margin-left: 13px;
border: none !important;
}
.halfday-work1 > img{
margin-bottom: 0px;
margin-top: 7px;
width: 12px !important;
border: none;
}
.emp-name{
text-align: left !important;
}
.payroll-title h4 {
font-size: 14px;
margin: 0;
margin-top: 7px;
font-weight: 600;
}
.payroll-title h4 span {
float: right;
}
.employee-input .form-control {
/*background-color: #EFEFEF !important;*/
font-size: 12px;
height: 35px;
/* color: #818181; */
border: none;
border-radius: 2px;
outline: none;
box-shadow: none;
font-weight: 500;
}
.employee-input .form-control:focus, .employee-input .form-control.active{
box-shadow: none;
outline: none;
border: none;
}
.single-field{
margin-bottom: 15px;
}
.add-payroll-submit-buttons{
width: 30%;
display: flex;
}
.add-payroll-submit-buttons .btn:first-child{
margin-right: 15px;
}
.add-payroll-submit-buttons{
margin-top: 20px;
}
.add-payroll-submit-buttons .btn{
padding: 5px 0;
font-size: 14px;
}
#accordion2 .single-card{
padding: 10px;
margin-bottom: 15px;
border-radius: 5px;
border: none;
}
#accordion2 .single-card .card-header{
background-color: #3D4B58;
border: none;
padding: 10px 10px 0px;
}
#accordion2 .single-card .card-header a{
text-decoration: none;
}
#accordion2 .single-card .card-header a h3{
font-size: 16px;
color: #212529;
margin-bottom: 0px;
font-weight: 600;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
#accordion2 .card-block.col-12 {
padding-top: 20PX;
}
#accordion2 .accordion-head a svg{
position: absolute;
right: 17px;
top: 0px;
background-color: #D25800;
border-radius: 50%;
color: #fff;
padding: 2px;
width: 15px;
height: 15px;
}
.assign-order-page .col-sm-5{
max-width: 30%;
padding-right: 0;
padding-left: 8px;
}
.assign-order-page .col-sm-7{
max-width: 70%;
}
.assign-order-page .em-img{
width: 95px;
}
.assign-order-page .em-title{
margin-left: 0px;
}
.assign-order-page .em-img img {
width: 156px !important;
}
.assign-order-page .em-title h4 {
font-size: 16px;
}
.main-table .login-button-main{
color: #fff;
text-decoration: none;
padding: 5px 7px;
font-size: 12px;
}
.employee-img-add{
margin-bottom: 20px;
width: 85px;
}
.span.inventory-action-buttons{
display: flex;
}
.action-buttons{
text-align:center;
}
.condor-security .action-buttons{
border-top: 1px solid #26313c69;
padding-top: 15px;
}
.action-buttons .btn{
margin-right:5px;
outline:none !important;
border: none !important;
box-shadow:none !important;
font-size: 13px;
text-decoration: none;
color: #fff !important;
font-weight: 600;
}
.action-buttons .btn.view-button{
background-color: #7FCF7F !important;
}
.action-buttons .btn.edit-button{
background-color: #8ec63f !important;
}
.action-buttons .btn.delete-button{
background-color: #df0000 !important;
}
span.inventory-action-buttons img {
width: 23px !important;
border: 1px ridge #ccc;
border-radius: 3px;
margin-right: 2px;
}
.add-inventory-inputs .single-field label{
font-size: 14px;
font-weight: 600;
}
.employee-input .form-group label{
font-weight: 500;
font-size: 12px;
}
.employee-input .form-group{
display: flex;
}
.employee-input .form-group input{
margin-right: 5px;
margin-top: 5px;
}
.add-cam-img {
background-color: #efefef;
width: 100%;
height: 250px;
padding: 30% 40%;
}
.single-location{
background-color: #3D4B58;
padding: 5px;
border-radius: 5px;
margin-bottom: 18px;
box-shadow: 0px 0px 3px #fbeae1;
}
.Location-title h4 a {
color: #212529;
font-size: 16px;
font-weight: 600;
text-decoration: none;
}
.Location-title {
padding: 5px 10px;
}
.Location-title p {
font-size: 13px;
margin-bottom: 5px;
}
.Location-title p img {
width: 10px;
margin-top: -5px;
}
.location-management-main .col-sm-4{
padding: 0px 8.5px;
}
.location-management-main{
margin: 0px 20px;
}
.location-welcome-main > .row{
margin: 0px 3px;
}
.spl-button{
border-radius: 2px;
border: none;
box-shadow: none;
outline: none;
font-size: 12px;
padding: 5px 10px;
background-color: #D25800;
margin-top: 15px;
}
.spl-button:hover, .spl-button:active, .spl-button:focus{
outline: none !important;
box-shadow: none !important;
background-color: #D25800 !important;
border: none !important;
}
.single-extra-filed {
display: flex;
margin-bottom: 15px;
}
.single-extra-filed .form-control {
height: 40px;
}
.cost-input {
width: 100px;
margin: 0px 10px;
}
.single-extra-filed a img{
height: 40px;
}
.cam-button{
margin-bottom: 15px;
}
.shut-down-page {
text-align: center;
padding: 100px 90px;
border-radius: 5px;
}
.shut-down-button-main{
padding: 8px 20px;
outline: none;
box-shadow: none;
border: none;
font-weight: 600;
font-size: 12px;
background-color: #DF0000;
color: #FFF;
}
.shut-down-button-main:hover, .shut-down-button-main:focus, .shut-down-button-main:active{
background-color: #DF0000 !important;
color: #FFF !important;
outline: none;
box-shadow: none !important;
border: none !important;
}
.shut-down-icon img {
width: 60px;
}
.shut-down-icon{
margin-bottom: 15px;
}
.shut-down-text h2 {
font-size: 26px;
font-weight: 600;
}
.shut-down-text p{
font-size: 14px;
}
.food-items-button{
text-align: right;
}
.food-items-button .login-button-main {
width: 115px;
float: none;
}
.food-items-text{
padding: 5px 10px;
}
.food-items-text h4 a{
font-size: 14px;
text-decoration: none;
color: #000;
}
.food-items-text .food-cost {
position: absolute;
right: 10px;
top: 0px;
}
.food-item-section .col-sm-3 {
padding: 0px 6px;
}
.food-items-text p{
font-size: 12px;
}
.foodItemImg{
position: relative;
}
.food-item-edit-buttons{
position: absolute;
top: 6px;
right: 6px;
}
.food-item-edit-buttons a img{
width: 20px;
}
.food-item-section .location-details{
margin-bottom: 0px;
}
.single-filter .form-group{
display: flex;
line-height: 40px;
font-weight: 600;
font-size: 12px;
}
.single-filter .form-group .form-control{
background-color: #f2f2f2;
border: none;
margin-left: 5px;
outline: none;
box-shadow: none;
font-size: 12px;
font-size: 10px;
width: 112px;
}
.single-filter .form-group .form-control:focus, .single-filter .form-group .form-control:active, .single-filter .form-group .form-control:hover{
border: none !important;
outline: none !important;
box-shadow: none !important;
}
.review-ovral-rating {
text-align: center;
border-right: 1px solid #b7b5b5;
}.review-ovral-rating p {
font-size: 20px;
font-weight: 600;
margin: 0;
}
.review-ovral-rating h2 {
font-size: 36px;
font-weight: 600;
color: #D25800;
}
.review-ovral-rating h2 img {
width: 30px;
margin-top: -10px;
}
.rating-filters {
margin-top: 30px;
}
.review-text li {
display: inline;
}
.review-text ul{
margin-bottom: 10px;
}
.user-details-img img{
width: 50px;
height: 50px;
margin-right: 10px;
}
.user-review-text h3 {
font-size: 14px;
font-weight: 600;
}
.user-review-text p{
font-size: 10px;
margin: 0px;
font-weight: 500;
}
.user-details-img{
display: flex;
}
.review-text ul li img {
width: 20px;
}
.review-text p{
font-size: 12px;
margin: 0px;
}
.singe-user-review hr{
margin: 7px 0px;
}
.singe-user-review {
background-color: #3D4B58;
border-radius: 5px;
padding: 15px;
box-shadow: 0px 0px 3px #fbeae1;
margin-bottom: 20px;
}
.main-reviews .row .col-sm-3 {
padding: 0px 7.5px;
}
.main-reviews {
margin: 50px 0px;
}
/** event calender ***/
.today-date h2 {
font-size: 22px;
font-weight: 600;
color: #240f00;
text-transform: uppercase;
}
.today-date h5 {
font-size: 14px;
color: #240f00;
font-weight: 600;
}
.today-date .login-button-main {
position: absolute;
top: -4px;
padding: 5px;
border-radius: 2px;
width: 85px;
right: -5px;
}
.today-date {
position: relative;
}
.single-event-list h5 {
font-size: 13px;
font-weight: 600;
margin-bottom: 0px;
}
.single-event-list strong {
font-size: 12px;
}
.single-event-list p {
font-size: 12px;
margin-top: 5px;
margin-bottom: 0px;
}
.single-event-list {
border: 1px solid #ccc;
padding: 10px;
border-radius: 5px;
border-left-width: 8px;
margin: 20px 0px
}
.clr-skyblue{
border-color: #7D18D5;
}
.clr-skyblue h5{
color: #7D18D5;
}
.clr-pink{
border-color: #EC0096;
}
.clr-pink h5{
color: #EC0096;
}
.box{
width: 10px;
height: 10px;
margin-right: 10px;
padding: 10px;
}
.single-color-pad{
display: flex;
font-size: 12px;
margin-bottom: 15px;
font-weight: 600;
line-height: 18px;
}
.blue-box{
background-color: #7D18D5;
}
.lite-blue-box{
background-color: #00B0DE;
}
.pink-box{
background-color: #EC0096;
}
.navbar-nav .first-top-bar:before {
content: "";
background: url(../img/before-red.png);
width: 15px;
height: 13px;
position: absolute;
background-repeat: no-repeat;
background-size: contain;
top: -5px;
left: 12px;
}
.navbar-nav .second-top-bar:before {
content: "";
background: url(../img/second.png);
width: 15px;
height: 13px;
position: absolute;
background-repeat: no-repeat;
background-size: contain;
top: -5px;
left: 12px;
}
ul.nav.sub-menu li {
width: 100%;
}
.back-to-top {
position: fixed;
bottom: 14px;
right: 20px;
display: none;
width: 40px;
height: 38px;
line-height: 19px;
font-size: 14px;
padding-left: 14px;
}
.scrool-top{
background:#3d4b58 !important;
border: 1px solid #3d4b58 !important;
color: #fff !important;
}
.scrool-top:hover{
background:#26313c;
border: 1px solid #26313c;
color: #fff;
}
.cke_inner, .cke_wysiwyg_frame, .cke_wysiwyg_div, body.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders{
background: #556574 !important;
}
.location-title h2 {
font-size: 20px;
margin-bottom: 0px;
text-transform: uppercase;
color: #000;
font-weight: 600;
position: absolute;
/*background-color: #3D4B58;*/
padding: 10px;
top: 10px;
left: 10px;
}
.location-title{
position: relative;
}
.count-members h5 {
font-size: 16px;
margin: 0px;
}
.count-members{
margin-bottom: 15px;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.count-members:last-child{
border:none;
margin-bottom: 0px;
}
.count-members h5 img {
width: 20px;
margin-right: 5px;
margin-top: -12px;
}
.count-members small {
padding-left: 22px;
}
.members-count {
background-color: #3D4B58;
width: 240px;
padding: 21px;
position: absolute;
z-index: 99;
bottom: 10px;
right: 20px;
box-shadow: 0px 0px 3px #fbeae1;
}
.location-title select.year-select {
position: absolute;
right: 10px;
top: 20px;
font-size: 12px;
padding: 6px;
border-radius: 5px;
}
.count-members small{
font-weight: 500;
font-size: 14px;
}
.clr-blue small {
color: #0000d6;
}
.clr-orange small{
color: #ff9900;
}
.clr-red small{
color: #cb0000;
}
.recent-customers h5, .product-seals-title h5{
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
color: #fff;
}
.download-customers-list form a.btn-success{
font-size: 14px;
color: #fff;
font-weight: 600;
outline: none !important;
box-shadow: none !important;
margin-top: -8px;
margin-left: 5px;
}
.download-customers-list form button.btn.btn-warning.pull-left {
margin-top: -9px;
}
.employee-input.check-payment-options label {
font-size: 13px;
font-weight: 600;
color: #fff;
margin-bottom: 10px;
cursor: pointer;
}
.employee-input.check-payment-options .form-check{
padding-left: 0px;
}
/** custome checkbox ***/
.employee-input.check-payment-options input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.employee-input.check-payment-options label {
position: relative;
cursor: pointer;
}
.employee-input.check-payment-options label:before {
content:'';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 6px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 5px;
margin-top: -2px;
border-radius: 2px;
}
.employee-input.check-payment-options input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 3px;
left: 4px;
width: 6px;
height: 10px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
/*** end ***/
.order-cost .login-button-main{
padding: 5px 20px;
font-size: 12px;
}
.product-seals .col-sm-4 {
padding-left: 7.5px;
padding-right: 7.5px;
}
.recent-customers .view-all-buttons a{
border: 1px solid #7FCF7F;
border-radius: 5px;
background-color: #7FCF7F !important;
outline: none;
box-shadow: none;
color: #fff !important;
font-size: 12px;
padding: 5px 15px;
font-weight: 600;
box-shadow: none !important;
margin-top: -6px;
}
.product-seals .single-card{
padding: 20px;
}
.c-single-profile {
display: flex;
margin-bottom: 0px;
border-bottom: 1px solid #8e8e8e26;
padding: 18px 0px;
position: relative;
}
.c-single-profile:last-child{
border: none;
padding-bottom: 0px;
}
.c-img{
margin-right: 10px;
}
.c-title p {
margin: 0;
font-size: 12px;
}
.c-title h5{
margin-bottom: 5px;
}
.c-title {
margin-top: 10px;
}
.product-seals-button a{
text-align: right;
border: 1px solid #000;
border-radius: 5px;
background-color: #3D4B58;
outline: none;
box-shadow: none;
color: #000;
font-size: 12px;
/* margin-left: 35px;*/
padding: 5px 15px;
}
.main-dashboard .single-card{
margin-bottom: 30px;
}
.product-records table th{
font-weight: 500;
text-align: center;
font-size: 14px;
}
.product-records table td{
text-align: center;
font-size: 12px;
font-weight: 500;
}
h4.order-cost {
font-size: 16px;
font-weight: 600;
position: absolute;
right: 10px;
top: 30px;
}
.main-dashboard-boxes .single-box{
width: 24%;
height: 115px;
position: relative;
margin: 10px;
}
p.loss-or-increase {
margin: 0;
position: absolute;
right: 15px;
top: 30px;
}
.orders-title{
padding: 15px;
}
.orders-title h5 {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.orders-title h4 {
font-size: 24px;
font-weight: 600;
}
p.loss-or-increase {
margin: 0;
position: absolute;
right: 15px;
top: 39px;
}
.main-title h5{
text-transform: uppercase;
color: #fff;
}
.subscriptions-filters .month-filter{
width: 110px;
}
.subscriptions-filters .type-filter{
width: 145px;
}
.subscriptions-boxes .box-titile h4{
margin-bottom: 5px;
font-size: 15px;
}
.subscriptions-boxes .box-counts small{
opacity: 0.8;
}
.subscriptions-boxes .single-box{
padding: 16px;
}
.address-icon{
display: flex;
}
.address-icon img{
height: 20px;
}
.main-table .nav-tabs .nav-link.active {
color: #ffffff;
background-color: #26313c;
border: none;
}
.main-table .nav-tabs .nav-link{
background-color: #556574;
color: #fff;
font-size: 14px;
padding: 5px 12px;
margin-right: 4px;
font-weight: 500;
}
.main-table .nav-tabs{
margin-bottom: 15px;
}
.table-header {
margin-bottom: 10px;
}
.enforcement-table h5 {
margin-top: 10px;
margin-bottom: 0px;
}
a.btn.btn-primary.inactive-button.bg-green {
background-color: #008104 !important;
color: #fff !important;
border-color: #008104 !important;
}
a.btn.btn-primary.login-button-main.bg-red {
background-color: #DF0000 !important;
border: none !important;
padding: 9px;
}
.vehicle-enquiry-form input{
width: 20%;
margin-right: 5px;
margin-left: 5px;
}
.vehicle-enquiry-form .login-button-main{
width: auto;
margin: 5px 10px;
padding: 8px 13px;
}
form.form-inline.vehicle-enquiry-form label {
font-weight: 500;
}
.vehicle-enquiry-form .form-group{
justify-content: center;
}
.vehicle-enquiry-form .form-control{
font-weight: 600;
outline: none !important;
box-shadow: none !important;
font-size: 12px;
height: 38px;
}
.vehicle-details-table {
height: 255px;
overflow-y: scroll;
}
.vehicle-details-count p {
font-size: 14px;
margin-bottom: 7px;
font-weight: 500;
}
.vehicle-details-count p b{
color: #00D2DB;
}
.status-location .form-control{
width: 35%;
margin-left: 20px;
outline: none !important;
box-shadow: none !important;
font-size: 14px;
font-weight: 500;
}
.status-location{
display: flex;
justify-content: center;
margin-bottom: 25px;
}
.status-location span {
margin-top: 8px;
font-weight: 500;
}
.form-checkboxes .form-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.form-checkboxes .form-group{
margin-bottom: 0px;
}
.form-checkboxes .form-group label {
position: relative;
cursor: pointer;
margin-right: 30px;
font-size: 12px;
font-weight: 600
}
.form-checkboxes .form-group label:before {
content:'';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid #00D2DB;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 7px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 5px;
}
.form-checkboxes .form-group input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 3px;
left: 5px;
width: 6px;
height: 10px;
border: solid #00D2DB;
border-width: 0 1px 1px 0;
transform: rotate(45deg);
}
.form-checkboxes {
display: flex;
margin-top: 30px;
}
.updates-form .login-button-main{
width: auto;
margin: 15px 0px;
padding: 8px 35px;
font-weight: 500;
background-color: #7FCF7F !important;
background: #7FCF7F !important;
}
.create-support-request .login-button-main{
width: 190px;
}
.support-request-form label{
font-weight: 500;
}
.support-request-form .form-control{
box-shadow: none !important;
outline: none !important;
font-size: 14px;
padding: 10px 20px;
}
.support-request-form{
padding: 30px;
}
.support-request-form .form-group{
margin-bottom: 30px;
}
.notifications .tab-content .notifications-compose{
padding: 50px;
}
.notifications-sent{
margin: 30px 0px;
}
.single-notification h4{
font-size: 18px;
}
.single-notification p{
font-size: 14px;
}
.single-notification {
background-color: #f4f9ff;
border: 1px solid #5192e1;
border-radius: 5px;
padding: 20px;
margin-bottom: 30px;
}
.notifications .nav-tabs .nav-link {
padding: 5px 20px;
width: 120px;
text-align: center;
}
.administration-add a img{
width: 15px;
}
.administration-add .bg-black-button{
padding: 7px 15px;
}
.administration td a{
text-decoration: none !important;
}
.table-bordered td, .table-bordered th {
border: 1px solid #556574 !important;
background-color: #3D4B58;
}
.table-bordered {
border: 1px solid #556574;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
color: #fff !important;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
color: #fff;
font-size: 12px;
}
.detail-value{
display: flex;
}
.detail-value span{
margin-right: 10px;
margin-top: -5px;
}
.detail-value h5{
color: #00D2DB !important;
}
.ticket-details-inner h5 {
font-size: 14px !important;
text-transform: capitalize;
}
.ticket-details-inner {
padding: 20px;
}
.bg-red-button{
background-color: #DF0000 !important;
padding: 8px 25px;
}
.close-ticket-button {
text-align: right;
padding: 20px;
}
.ticket-details {
border-bottom: 2px solid #ccc;
margin-bottom: 20px;
}
.left-chat .chat-msg {
background-color: #EFEFEF;
padding: 15px;
border-radius: 5px;
margin-bottom: 5px;
}
.chat-msg p {
font-size: 14px;
margin-bottom: 0;
}
p.chat-date {
font-size: 14px;
font-weight: 500;
margin-bottom: 0;
}
.list-dection .nav-tabs .nav-link {
background: #3D4B58 !important;
color: #fff !important;
}
.ticket-chat{
padding: 20px;
}
.right-side-chat .left-chat .chat-msg{
background-color: #EBF4FF;
}
.ticket-chat-form .form-inline .form-group{
width: 91%
}
.ticket-chat-form .form-inline .form-group input{
width: 100%;
outline: none !important;
box-shadow: none !important;
height: 50px;
}
.ticket-chat-form button{
padding: 0px;
border: none !important;
box-shadow: none !important;
outline: none !important;
background-color: transparent !important;
}
.ticket-chat-form button img{
width: 50px;
}
.ticket-chat-form {
margin-top: 50px;
margin-bottom: 50px;
}.customers-main .payroll-title h4{
font-size: 12px;
color: #fff;
}
.form-control::placeholder{
color: #fff;
}
.form-control{
background-color: #556574 !important;
border-color: #556574 !important;
color: #fff !important;
}
.customers-main .form-checkboxes {
display: flex;
margin-top: 15px;
}
.customers-action-buttons .bg-red{
padding: 8px 35px !important;
}
a.btn.btn-primary.login-button-main.bg-green{
background-color: #008104 !important;
}
.customers-add-btn .login-button-main{
padding: 8px 25px !important;
}
.cs-table td a{
margin-right: 10px;
font-size: 14px;
}
.search-exemption form input{
height: 40px;
}
.search-exemption form label{
font-weight: 600;
font-size: 12px;
}
.search-exemption form .login-button-main{
height: 40px;
}
/** property details **/
.property-main-bg {
max-height: 380px;
overflow: auto;
margin-bottom: 18px;
}
.welcome-main.property_management form{
display: flex;
}
.welcome-main.property_management .btn {
font-size: 12px;
font-weight: 500;
height: 35px;
margin-right: 5px;
}
.property__img img {
width: 100%;
max-height: 210px;
margin: auto;
height: 210px;
}
.booking-details-page {
background: #fff;
padding: 13px 22px;
width: 100%;
margin: 0 auto;
box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 18%);
border-radius: 2px;
margin-bottom: 20px;
margin-top: 10px;
}
.booking-details-page .booking {
/* display: flex;*/
border-bottom: 0px solid #00000063;
}
.booking-details-page .booking h5 {
font-size: 16px;
font-weight: 600;
color: #000000e8;
margin-top: 8px;
}
.booking-details-page .booking h5 span {
color: #d25800;
margin-left: 30px;
}
.booking-details-page .booking p {
margin-left: auto;
margin-bottom: 0px;
/*margin-top: 7px;*/
font-weight: 600;
font-size: 14px;
/* color: #119930;*/
}
.contact-description h4 {
font-size: 20px;
margin: 10px 0px 0px;
}
.booking-collapse .panel {
width: 100%;
clear: none;
margin: 0px;
box-shadow: none !important;
border-radius: 2px;
margin-bottom: 20px;
padding: 0px 15px;
float: none;
background-color: #3D4B58;
}
.booking-collapse .panel-group .panel-heading {
padding: 0;
margin-top: 19px;
margin-bottom: 0px;
}
.booking-details-body .contact-details {
display: flex;
margin-top: 0px;
margin-bottom: 10px;
}
.booking-details-body .contact-details img {
width: 100px;
margin-right: 20px;
height: 100px;
}
.booking-details-body .email-info p {
margin-top: 13px;
font-size: 11px;
font-weight: 600;
}
.booking-details-body .email-info img {
width: 16px;
margin-right: 10px;
height: auto;
}
.booking-details-body .email-info img {
width: 16px;
margin-right: 10px;
height: auto;
}
.panel-heading h5 {
font-size: 16px;
font-weight: 600;
color: #000000e8;
}
.panel-group .panel-heading a:after {
content: '-';
float: right;
margin-top: -20px;
background: #26313C;
width: 20px;
height: 20px;
border-radius: 50%;
line-height: 19px;
padding-left: 5px;
color: #fff;
}
.panel-group .panel-heading a.collapsed:after {
content: '+';
margin-top: -20px;
padding-left: 3px;
}
.booking-details-body .booking-details {
padding: 0px 15px;
margin-bottom: 20px;
}
.booking-details {
display: flex;
}
.package-details {
margin-right: 50px;
}
.package-details p {
font-size: 13px;
margin-bottom: 10px;
margin-top: 12px;
font-weight: 600;
}
.package-details h6 {
font-size: 14px;
font-weight: 600;
color: #000;
}
.inventory-details {
display: block;
}
.inventory-details .package-details {
display: flex;
}
.package-details {
margin-right: 50px;
}
.package-details p {
font-size: 13px;
margin-bottom: 10px;
margin-top: 12px;
font-weight: 600;
}
.inventory-details p {
width: 150px;
}
.package-details span {
margin-top: 12px;
font-size: 13px;
font-weight: 600;
color: #d25800 !important;
}
.food-gallery {
padding: 0px 20px;
margin-bottom: 20px;
}
.food-items {
display: flex;
margin-top: 20px;
}
.food-items .selected-items {
margin-right: 12px;
margin-top: 0px;
}
.food-items .selected-items {
margin-bottom: 0px;
}
.selected-items {
display: flex;
border: 1px solid #00000057;
padding: 5px;
border-radius: 5px;
margin-bottom: 15px;
}
.items-img img {
width: 100%;
}
.item-descript {
margin-left: 14px;
}
.food-items .item-descript p {
margin-top: 5px;
}
.item-descript p {
font-size: 12px;
font-weight: 600;
}
.food-items .item-descript p {
margin-top: 5px;
}
.item-descript .qty {
font-size: 11px;
margin-top: -8px;
}
.addon-item p {
color: #d25800 !important;
margin-bottom: 0px;
}
.food-items .addon-item p span {
margin-left: 70%;
}
.quetionare-section {
padding: 0px 20px;
margin-bottom: 20px;
}
.booking-quetionire {
margin-top: 0px;
}
.booking-quetionire h5 {
font-size: 14px;
color: #000000d1;
margin-top: 20px;
font-weight: 600;
}
.booking-quetionire p {
font-size: 12px;
font-weight: 600;
color: #00000085;
width: 80%;
}
.payment-bill {
display: flex;
}
.pay-details p {
font-size: 12px;
font-weight: 600;
color: #00000091;
}
.card-number {
margin-bottom: 14px;
}
.pay-details p {
font-size: 12px;
font-weight: 600;
color: #00000091;
}
.card-number h4 {
font-size: 13px;
font-weight: 600;
letter-spacing: 1px;
}
.pay-address {
border-left: 1px solid #00000054;
padding: 0px 30px;
}
.pay-details p {
font-size: 12px;
font-weight: 600;
color: #00000091;
}
.pay-details h6 {
font-size: 12px;
line-height: 21px;
font-weight: 600;
letter-spacing: 1px;
}
.pay-details img {
widows: 14px;
}
.bill-paid {
display: flex;
}
.panel-heading h5 {
font-size: 16px;
font-weight: 600;
color: #fff !important;
margin-bottom: 0px;
text-transform: capitalize;
}
.bill-details {
display: block;
}
.quetionare-section {
padding: 0px 20px;
margin-bottom: 20px;
}
.bill-details .package-details {
display: flex;
width: 100%;
margin-right: 0px;
}
.package-details p {
font-size: 13px;
margin-bottom: 10px;
margin-top: 12px;
font-weight: 600;
}
.bill-details .package-details p span {
font-size: 11px;
color: #0000008f !important;
margin-left: 10px;
}
.amount-col {
margin-left: auto;
}
.booking-collapse .panel-group .panel-heading a {
display: block;
padding: 10px 15px;
text-decoration: none;
position: relative;
background: #3D4B58 !important;
border-bottom: 1px solid #556574 !important;
color: #fff;
}
.booking-details-body .contact-description h4 {
font-size: 18px;
color: #000;
font-weight: 600;
margin-top: 13px;
}
.contact-description p{
font-size: 13px;
font-weight: 600;
}
.booking-bt .accept-bt{
background: #009222 !important;
border: #009222 !important;
font-size: 13px;
padding: 8px 26px;
font-weight: 600;
color: #fff !important;
outline: none !important;
box-shadow: none !important;
}
.booking-bt .accept-bt:hover{
background: #009222;
border: #009222;
color: #fff;
}
.booking-bt .reject-bt{
background: #df0000 !important;
border: #df0000 !important;
font-size: 13px;
padding: 8px 26px;
font-weight: 600;
color: #fff !important;
outline: none !important;
box-shadow: none !important;
}
.booking-bt .reject-bt:hover{
background: #df0000;
border: #df0000;
color: #fff;
}
.contact-details img {
width: 50%;
}
.email-info p {
font-size: 12px !important;
margin-bottom: 20px !important;
}
.email-info p img{
margin-right: 5px;
margin-top: -3px;
}
.mail-details {
padding-top: 60px;
height: 100%;
padding-right: 10px;
}
.booking-bt .btn {
width: 90%;
margin: 5px 0px;
}
.booking-bt{
text-align: right;
padding-top: 60px;
}
.panel-body .ticket-details{
border: none;
}
.locations .payroll-title {
padding-top: 5px;
}
.p-card-details {
border: 1px solid #000;
border-radius: 5px;
padding: 37px 20px;
}
.p-card-details .form-control{
outline: none !important;
box-shadow: none !important;
font-size: 12px;
height: 40px;
}
.p-card-details label{
font-weight: 600;
font-size: 12px;
}
.payment-main h5{
font-size: 16px;
text-transform: uppercase;
}
.your-order h6{
font-weight: 600;
}
.clr-gn h5{
color: #23CED5;
}
.order-img {
border: 1px solid #000;
padding-top: 13px;
width: 100px;
height: 100px;
}
.order-title p {
font-size: 14px;
margin-bottom: 10px;
font-weight: 500;
}
.order-title h5 {
color: #00D2DB;
margin-bottom: 0px;
}
.order-rates h5 {
font-size: 14px;
}
.your-order.p-card-details{
padding: 15px 20px 0px;
}
.payment-main .login-button-main{
width: 50%;
margin: 20px 0px;
padding: 8px;
}
.rate-cost{
text-align: right;
}
.checkout-product .form-checkboxes{
margin: 10px 0px;
}
.checkout-product .form-checkboxes .form-group label:before{
border: 1px solid #000;
margin-top: -3px;
}
.form-checkboxes .form-group input:checked + label:after{
border: solid #000;
border-width: 0 1px 1px 0;
}
.check-payments {
border: 1px solid #9c9898;
padding: 10px;
margin-bottom: 20px;
}
.check-payments label{
margin-bottom: 0px;
}
.check-payments p{
font-size: 12px;
padding-left: 30px;
}
.checkout-product .login-button-main {
margin: 10px 0px 25px;
}
.checkout-product .p-card-details {
padding: 47px 20px;
}
.checkout-product .your-order.p-card-details {
padding: 15px 20px 0px;
}
.popup-main-content{
padding: 60px;
}
.popup-main-content h2 {
font-size: 26px;
margin: 20px 0px 10px;
color: #26313c;
}
.popup-main-content p{
font-size: 14px;
}
.popup-main-content p {
font-size: 12px;
margin: 20px 0px;
}
.popup-main-content .login-button-main{
border-radius: 5px;
width: 60%;
padding:8px;
}
.product-details h5 a {
font-size: 14px;
text-transform: capitalize;
color: #fff;
text-decoration: none;
}
.product-details h5{
margin-bottom: 7px;
line-height: 18px;
}
.product-details p{
font-size: 10px;
font-weight: 600;
margin-bottom: 7px;
color: #fff !important;
}
.product-details h3 {
color: #23CED5;
font-size: 20px;
font-weight: 600;
}
.single-product {
border: 1px solid #888888;
padding: 10px;
margin-bottom: 15px;
max-height: 311px;
overflow: auto;
}
.shop-products .col-sm-3{
padding-left: 7.5px;
padding-right: 7.5px;
}
.product-img {
margin-bottom: 7px;
}
.product-img a img{
width: 100%;
height: 180px;
}
.shop-products-page{
margin-bottom: 0px;
}
#product-carousel .owl-nav button {
box-shadow: none !important;
outline: none !important;
border: 1px solid #000 !important;
width: 30px;
margin: 0px 5px;
height: 30px;
border-radius: 2px;
}
#product-carousel .owl-nav {
position: absolute;
right: 0px;
top: -40px;
}
.product-title-desc p, .product-title-desc ul li {
font-size: 14px;
font-weight: 500;
}
.product-title-desc ul li {
margin-bottom: 15px;
list-style: disc;
}
.product-title-desc ul{
padding-left: 40px;
margin-bottom:20px;
}
.product-title-desc .product-details h5 {
text-transform: capitalize;
line-height: 30px;
font-size: 24px;
}
.product-title-desc .product-details{
margin-bottom: 20px;
}
.product-title-desc{
padding-top: 15px;
}
.paroduct-main-details{
margin-bottom: 50px;
}
.check-quantity span{
font-weight: 600;
margin-right: 10px;
margin-top: 5px;
}
.check-quantity select.form-control{
width: 80px;
box-shadow: none !important;
}
.check-quantity{
display: flex;
}
.check-quantity .login-button-main{
width: 150px;
margin-left: 10px;
padding: 8px;
}
#thumbs { padding-top: 10px; overflow: hidden; }
#thumbs img, #largeImage {
/* border: 1px solid gray;*/
padding: 4px;
background-color: white;
cursor: pointer;
}
#largeImage {
width: 100%;
cursor: auto;
}
#thumbs img {
float: left;
margin-right: 6px;
width: 92px;
}
#thumbs {
justify-content: center;
display: flex;
}
#description {
background: black;
color: white;
position: absolute;
bottom: 0;
padding: 10px 20px;
width: 525px;
margin: 5px;
}
#panel {
position: relative;
}
.clr-blue{
color: #23CED5;
}
.order-title span{
float: right;
}
/*.order-img{
margin-right: 10px;
}*/
.order-id-details h6 {
font-size: 12px;
font-weight: 600;
}
.order-id-details{
padding-top: 5px;
padding-left: 10px;
}
.order-details-buttons .add-payroll-submit-buttons{
display: block;
width: 100%;
margin-top: 5px;
text-align: right;
}
.order-details-buttons .add-payroll-submit-buttons a{
padding: 5px;
width: 90%;
margin-right: 0px !important;
}
.single-order {
border: 1px solid #26313c;
padding: 15px;
border-radius: 5px;
margin-bottom: 15px;
}
.order-details-buttons .add-payroll-submit-buttons a.btn.btn-primary.login-button-main {
border: 1px solid #26313c !important;
}
.order-detials .order-img {
margin-right: 10px;
width: 90px;
height: 90px;
padding: 18px 5px 0px;
}
.order-status .order-img {
border: 1px solid #000;
padding-top: 13px;
width: 80px;
height: 80px;
}
.order-status .order-title p {
font-size: 12px;
font-weight: 600;
}
.order-status .your-order.p-card-details {
padding: 0;
border: none;
}
.order-status .your-order.p-card-details .col-sm-9{
padding-left: 7.5px;
}
.order-status .your-order.p-card-details .order-title h5 {
font-size: 14px;
}
.order-status .your-order.p-card-details .order-title small{
font-weight: 600;
}
.order-track {
margin-top: 2rem;
padding: 0 1rem;
/*border-top: 1px dashed #2c3e50;*/
/*padding-top: 2.5rem;*/
display: flex;
flex-direction: column;
}
.order-track-step {
display: flex;
height: 5rem;
}
.order-track-step:last-child {
/*overflow: hidden;*/
height: 3rem;
}
.order-track-step:last-child .order-track-status span:last-of-type {
display: none;
}
.order-track-status {
margin-right: 1.5rem;
position: relative;
}
.order-track-status-dot {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #009222;
}
.order-track-status-line {
display: block;
margin: 0 auto;
width: 2px;
height: 5rem;
background: #009222;
}
.order-track-text-stat {
font-size: 1.3rem;
font-weight: 500;
margin-bottom: 3px;
}
.order-track-text-sub {
font-size: 12px;
font-weight: 500;
}
.order-track {
transition: all .3s height 0.3s;
transform-origin: top center;
}
.my-orders-main .col-sm-7{
padding-right: 7.5px;
}
.my-orders-main .col-sm-5{
padding-left: 7.5px;
}
.order-status-line h5 {
font-size: 16px;
text-transform: capitalize;
}
.order-track-text p {
font-size: 14px;
font-weight: 600;
margin-top: -6px;
margin-bottom: 0px;
}
.opacity5 .order-track-text{
opacity: 0.5;
}
.opacity5 .order-track-status-dot{
background: lightgray;
}
.opacity5 .order-track-status-dot, .opacity4 .order-track-status-line, .opacity5 .order-track-status-line{
background: #97a7a7;
}
.shipping-address.order-status-line address b {
font-size: 13px;
}
.shipping-address.order-status-line address p {
font-size: 13px;
margin-bottom: 5px;
font-weight: 500;
}
.order-summary>h5{
text-transform: capitalize;
font-size: 16px;
}
.order-summary .rate-title h5, .order-summary .rate-cost h5{
text-transform: capitalize;
font-size: 13px;
margin-bottom: 10px;
}
.card-pay-rate{
font-size: 10px;
margin-bottom: 0px;
font-weight: 600;
}
.order-status .login-button-main{
font-weight: 500;
margin-top: 10px;
}
.order-status hr{
margin: 10px 0px;
}
.rejected-property-details .add-payroll-submit-buttons{
width: 100%;
margin-top: 10px;
}
.pr-details-h5{
margin-top: 20px !important;
}
.rejected-property-details .ticket-details-inner{
padding: 0px;
}
.rejected-property-details .ticket-details{
border: none;
margin-bottom: 0px;
}
.rejected-property-details .detail-value span{
margin-top: 4px;
}
.rejected-msg{
margin-bottom: 30px;
}
.rejected-msg p{
margin-bottom: 0px;
font-size: 18px;
font-weight: 600;
}
.ticket-details-inner.rejected-details h5 {
font-size: 12px !important;
}
.ticket-details-inner.rejected-details .col-md-5, .ticket-details-inner.rejected-details .col-md-7, .ticket-details-inner.rejected-details .col-md-6{
padding: 0px;
}
.rejected-pr-details .ticket-details{
margin-bottom: 0px;
}
.rejected-pr-details .form-checkboxes{
margin-top: 0px;
}
.property-images h5{
text-transform: capitalize;
}
.property-details-tabs .nav-tabs .nav-link {
width: 175px;
text-align: center;
}
.company-details .em-img{
text-align: center;
}
.company-details .em-title{
margin-top: 6px;
}
.agreement-button {
margin-top: 30px;
}
.agreement-button a{
font-weight: 500;
}
.main-dashboard-boxes .single-box{
padding: 0px;
}
.linebar h5{
text-transform: uppercase;
color: #fff;
}
.linebar-dots ul{
margin-left: 0px;
}
.linebar-dots ul li {
display: inline-block;
margin-right: 5px;
text-align: left;
font-weight: 600;
font-size: 12px;
}
.linebar-filters .col-sm-5{
padding-left: 0px;
}
/*** dashboard graphs ***/
/* Table */
#data-table {
border: none; /* Turn off all borders */
border-top: 1px solid #ccc;
width: 60%;
}
#data-table th,
#data-table td {
border: none; /* Turn off all borders */
border-bottom: 1px solid #ccc;
margin: 0;
padding: 10px;
text-align: left;
}
/* Toggle */
.toggles {
background: #ebebeb;
color: #545454;
height: 20px;
padding: 15px;
}
.toggles p {
margin: 0;
}
.toggles a {
background: #222;
border-radius: 3px;
color: #fff;
display: block;
float: left;
margin: 0 10px 0 0;
padding: 0 6px;
text-decoration: none;
}
.toggles a:hover {
background: #666;
}
#reset-graph-button {
float:right;
}
/* Graph */
/* Containers */
#wrapper {
margin: 25px auto;
width: 90%;
}
#figure {
height: 315px;
position: relative;
}
#figure ul {
list-style: none;
margin: 0;
padding: 0;
}
.graph {
height: 315px;
position: relative;
}
/* Legend */
.legend {
background: #f0f0f0;
border-radius: 4px;
bottom: 0;
position: absolute;
text-align: left;
width: 540px;
}
.legend li {
display: block;
float: left;
height: 20px;
margin: 0;
padding: 10px 30px;
width: 120px;
}
.legend span.icon {
background-position: 50% 0;
border-radius: 2px;
display: block;
float: left;
height: 16px;
margin: 2px 10px 0 0;
width: 16px;
}
/* X-Axis */
.x-axis {
bottom: -25px;
color: #555;
position: absolute;
text-align: center;
width: 100%;
}
.x-axis li {
float: left;
margin: 0 13px;
padding: 5px 0;
width: 29px;
font-weight: 600;
font-size: 12px;
color: #fff;
}
.x-axis li span {
float: left;
}
/* Y-Axis */
.y-axis {
color: #555;
position: absolute;
text-align: right;
width: 100%;
}
.y-axis li {
border-top: 1px solid #ccc;
display: block;
height: 62px;
width: 100%;
font-weight: 600;
font-size: 12px;
color: #fff;
}
.y-axis li span {
display: block;
margin: -10px 0 0 -60px;
padding: 0 10px;
width: 40px;
}
/* Graph Bars */
.bars {
height: 310px;
position: absolute;
width: 100%;
z-index: 10;
bottom: 5px;
}
.bar-group {
float: left;
height: 100%;
margin: 0 10px;
position: relative;
width: 35px;
}
.bar {
border-radius: 3px 3px 0 0;
bottom: 0;
cursor: pointer;
height: 0;
position: absolute;
text-align: center;
width: 24px;
}
.bar span {
background: #fefefe;
border-radius: 3px;
left: -8px;
display: none;
margin: 0;
position: relative;
text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
width: 40px;
z-index: 20;
/*-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 1px 4px;*/
/*box-shadow: rgba(0, 0, 0, 0.6) 0 1px 4px;*/
}
.bar:hover span {
display: block;
margin-top: -25px;
}
#data-table.js {
display: none;
}
.bar span {
background: #556574;
font-size: 12px !important;
text-shadow: none !important;
}
.fig0 {
background: #556574;
cursor: auto;
}
.blocked{
color: #5192E1;
}
.linebar-select .flocation {
margin-right: 0px;
}
.linebar-select .flocation .form-control{
background-color: #556574;
border:1px solid #556574;
color: #fff;
}
.linebar-dots ul li svg {
font-size: 5px;
}
.total-records p{
margin-bottom: 0;
font-size: 12px;
font-weight: 500;
}
#myChart{
height: 270px !important;
}
/*** line chart **/
.line-chart {
-webkit-animation: fadeIn 600ms cubic-bezier(0.57, 0.25, 0.65, 1) 1 forwards;
animation: fadeIn 600ms cubic-bezier(0.57, 0.25, 0.65, 1) 1 forwards;
opacity: 0;
max-width: 640px;
width: 100%;
margin-top: -70px;
}
.aspect-ratio {
height: 0;
padding-bottom: 50%;
}
@-webkit-keyframes fadeIn {
to {
opacity: 1;
}
}
@keyframes fadeIn {
to {
opacity: 1;
}
}
#chart2{
margin-top: 90px;
}
.propertyID .booking, .propertyID .booking-bt{
display: flex;
}
.propertyID .booking-bt{
padding-top: 0px;
}
.propertyID h5, .propertyID2 h5{
text-transform: capitalize;
}
.municipality-details-images .single-img{
margin-bottom: 15px;
}
.municipality-details-images .col-sm-6{
padding-left: 7.5px;
padding-right: 7.5px;
}
.scheduling-card{
padding: 40px;
}
.presennt-month{
padding: 30px;
background-color: #ebf4ff;
border: 1px solid #a09d9d;
margin-bottom: 10px;
}
.presennt-month .border-right{
border-color: #a09d9d !important;
height: 100%;
}
.this-month h2 {
color: #000;
text-transform: uppercase;
font-weight: 900;
font-size: 35px;
}
.this-month p{
color: #000;
margin-bottom: 8px;
font-weight: 600;
font-size: 12px;
}
.this-month {
padding-top: 30px;
}
/*** calender ***/
.tavo-calendar {
text-align: center;
font-size: 13px; }
.tavo-calendar__info {
display: none;
text-align: left;
margin-bottom: 8px;
font-size: 12px; }
.tavo-calendar__info span {
font-weight: bold;
background-color: #f1f1f1; }
.tavo-calendar__info:after {
content: '';
display: block;
clear: both; }
.tavo-calendar__header {
display: flex;
justify-content: space-between;
background-color: transparent;
color: black;
align-items: center;
padding: 4px 8px;
font-weight: 600;
}
.tavo-calendar__nav {
float: left;
font-size: 1.125em;
font-weight: bold;
position: relative;
padding: 0;
cursor: pointer;
fill: black; }
.tavo-calendar__nav_prev, .tavo-calendar__nav_next {
text-align: left; }
.tavo-calendar__nav_prev svg, .tavo-calendar__nav_next svg {
width: 16px;
height: 16px; }
.tavo-calendar__code_lock {
opacity: 0.7; }
.tavo-calendar__code_lock:hover {
opacity: 1; }
.tavo-calendar__code_lock .tavo-calendar__days {
pointer-events: none; }
.tavo-calendar__week-names {
display: flex;
background-color: transparent;
font-size: 12px;
padding: 4px;
font-weight: 600;
}
.tavo-calendar__days {
display: flex;
flex-wrap: wrap;
margin-top: 5px;
font-weight: 600;
}
.tavo-calendar__reset {
float: right; }
.tavo-calendar__reset svg {
height: 16px;
width: 16px; }
.tavo-calendar__weekday {
flex: 1;
text-align: center; }
.tavo-calendar__day {
flex: 1;
min-width: 14%;
max-width: 15%;
text-align: center;
cursor: pointer; }
.tavo-calendar__day span {
width: 26px;
height: 26px;
border-radius: 50%;
display: inline-block;
line-height: 26px;
font-size: 12px; }
.tavo-calendar__day span:hover {
background-color: lightblue; }
.tavo-calendar__day_highlight {
color: red !important; }
.tavo-calendar__day_abs-today {
background-color: lightgoldenrodyellow;
border-radius: unset; }
.tavo-calendar__day_today:hover span {
border-radius: 50%; }
.tavo-calendar__day_off, .tavo-calendar__day_exp, .tavo-calendar__day_different-month, .tavo-calendar__day_lock {
cursor: default;
color: grey;
background-color: unset; }
.tavo-calendar__day_off day, .tavo-calendar__day_off day:hover, .tavo-calendar__day_exp day, .tavo-calendar__day_exp day:hover, .tavo-calendar__day_different-month day, .tavo-calendar__day_different-month day:hover, .tavo-calendar__day_lock day, .tavo-calendar__day_lock day:hover {
background: unset; }
.tavo-calendar__day_off span {
text-decoration: line-through; }
.tavo-calendar__day_select span {
background-color: unset; }
.tavo-calendar__day_select span {
background-color: lightblue;
border-radius: unset; }
.tavo-calendar__day_select day:hover {
background-color: lightblue; }
.tavo-calendar__day_range-select {
background-color: lightblue; }
.tavo-calendar__day_select-lock {
pointer-events: none;
color: grey; }
/*** calender end ***/
/** full calender ***/
#calendar {
width: 100%;
display: grid;
grid-template-columns: repeat(7, 1fr);
}
#calendar tr, #calendar tbody {
grid-column: 1 / -1;
display: grid;
grid-template-columns: repeat(7, 1fr);
width: 100%;
}
caption {
text-align: center;
grid-column: 1 / -1;
font-size: 130%;
font-weight: bold;
padding: 10px 0;
}
#calendar a {
color: #8e352e;
text-decoration: none;
}
#calendar td, #calendar th {
padding: 5px;
box-sizing:border-box;
border: 0.5px ridge #556574;
}
#calendar .weekdays {
background: #3D4B58;
border: 1px solid #556574
}
#calendar .weekdays th {
text-align: center;
text-transform: uppercase;
line-height: 20px;
border: none !important;
padding: 10px 6px;
color: #fff;
font-size: 13px;
}
#calendar td {
min-height: 115px;
display: flex;
flex-direction: column;
}
#calendar .days li:hover {
background: #d3d3d3;
}
#calendar .date {
text-align: center;
margin-bottom: 5px;
padding: 4px;
background: transparent;
color: #fff;
width: 20px;
/*border-radius: 50%;*/
flex: 0 0 auto;
align-self: flex-end;
font-weight: 500;
}
#calendar .event {
font-size: 12px;
line-height: 20px;
color: #fff;
font-weight: 600;
}
#calendar .event-desc {
color: #666;
margin: 3px 0 7px 0;
text-decoration: none;
}
#calendar .other-month {
background: #3D4B58;
color: #fff;
}
/* ============================
Mobile Responsiveness
============================*/
@media(max-width: 768px) {
#calendar .weekdays, #calendar .other-month {
display: none;
}
#calendar li {
height: auto !important;
border: 1px solid #ededed;
width: 100%;
padding: 10px;
margin-bottom: -1px;
}
#calendar, #calendar tr, #calendar tbody {
grid-template-columns: 1fr;
}
#calendar tr {
grid-column: 1 / 2;
}
#calendar .date {
align-self: flex-start;
}
}
td.day.other-month .date {
opacity: 0.4;
}
/** end **/
.full-forms {
margin: 20px 0px;
}
.full-forms p {
margin-bottom: 10px;
font-size: 12px;
font-weight: 600;
}
.black-color {
color: #000;
}
.red-color {
color: red;
}
.blue-color {
color: #5192E1;
}
.green-color {
color: green;
}
.lite-blue-color {
color: #68c8e7;
}
.full-forms p.text-muted {
font-weight: 400;
}
.full-forms .col-md-3{
padding: 0px;
}
/*** new ***/
.single-indication {
text-align: center;
padding: 30px;
border: 1px solid #808080;
border-radius: 5px;
margin-bottom: 30px;
}
.indication-img {
margin-bottom: 15px;
}
.indication-text a {
color: #fff !important;
font-weight: 600;
font-size: 22px;
text-decoration: none;
}
.choose-category.work-activity.property-details-right .dataTables_wrapper .dataTables_filter input{
background-color: #556574 !important;
border-color: #556574 !important;
}
.indication-text p {
font-weight: 500;
font-size: 14px;
margin-bottom: 5px;
}
.Indication-desc{
padding: 10px 0px;
}
.Indication-desc p{
font-size: 14px;
line-height: 30px;
margin-bottom: 0px;
}
.single-document{
padding: 15px;
border: 1px solid #808080;
width: 100px;
border-radius: 5px;
}
.documents ul li{
display: inline-flex;
margin-right: 15px;
}
.upload-files .single-document{
width: 60px;
height: 60px;
}
.upload-files li:not(:first-child){
margin-top: 10px;
}
.upload-files .single-document img{
width: 100%
}
/*** work activity **/
.report-criteria .form-row .form-group label {
font-size: 14px;
font-weight: 500;
margin-bottom: 5px;
}
.report-criteria .form-row .form-group .form-control {
width: 225px;
border: 1px solid #00000069;
border-radius: 0px;
height: 37px;
font-size: 13px;
margin-right: 10px;
}
.go-btn .edit-bt {
background: #26313c;
border: 1px solid #26313c;
font-size: 13px;
font-weight: 600;
padding: 8px 14px;
width: 100%;
margin-top: 28px;
margin-bottom: 0px;
}
.export-print {
display: flex;
margin-bottom: 20px;
}
.export a,.print-r a {
font-size: 13px;
font-weight: 600;
color: #26313c;
text-decoration: underline;
}
.table-num {
font-size: 12px;
font-weight: 600;
}
.pn-button, .table-num input {
border: 1px solid #556574;
width: 30px;
text-align: center;
height: 35px;
padding: 9px 10px;
color: #fff;
margin: 2px;
font-size: 12px;
text-decoration: none;
outline: none;
box-shadow: none;
background-color: #556574;
}
.totla-pages-count {
display: flex;
line-height: 40px;
margin-left: 20px;
font-size: 12px;
font-weight: 600;
}
.totla-pages-count .form-control {
width: 70px;
outline: none;
box-shadow: none;
margin-left: 10px;
}
.add-ticket-form .form-group label {
font-size: 14px;
font-weight: 600;
}
.add-ticket-form .form-group .form-control {
height: 43px;
font-size: 12px;
font-weight: 400;
background: #556574;
border: 1px solid #556574;
color: #fff;
}
.dataTables_length select {
background-color: #3d4b58;
color: #fff;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
.add-ticket-form .input-group-btn {
background: #23ced5;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.add-ticket-form .custom-file-uploader {
position: relative;
margin-top: 11px;
font-size: 13px;
font-weight: 500;
color: #fff;
padding: 0px 25px;
cursor: pointer;
}
.add-ticket-form .custom-file-uploader input[type=file] {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
width: 100%;
height: 100%;
opacity: 0;
cursor: default;
}
.support-bt {
color: #fff !important;
background-color: #7FCF7F !important;
border-color: #7FCF7F !important;
font-size: 15px;
font-weight: 500;
padding: 9px 60px;
}
.add-ticket-form {
padding: 35px;
margin-bottom: 15px;
}
.aggrement-icons {
width: 100%;
display: flex;
}
.aggrement-pdf {
width: 20%;
background: #fff;
/*box-shadow: 0px 0px 3px #fbeae1;*/
padding: 40px;
margin-top: 17px;
margin-right: 10px;
}
.aggrement-pdf img {
width: 50px;
}
.aggrement-pdf p {
margin-bottom: 0px;
font-size: 14px;
font-weight: 600;
color: #000000d1;
margin-top: 21px;
}
.support_menu a {
text-decoration: none;
color: #fff;
font-size: 12px;
}
.side-bar-toggle a, li.settings_icon a {
color: #fff;
}
li.settings_icon a .fa-cog {
font-size: 18px;
font-weight: 300;
}
/*new-municipality*/
/* width */
.condor-security::-webkit-scrollbar, .property-main-bg::-webkit-scrollbar, .single-product::-webkit-scrollbar{
width: 5px;
height: 5px;
}
/* Track */
.condor-security::-webkit-scrollbar-track, .property-main-bg::-webkit-scrollbar-track, .single-product::-webkit-scrollbar-track{
background: #f1f1f1;
}
/* Handle */
.condor-security::-webkit-scrollbar-thumb, .property-main-bg::-webkit-scrollbar-thumb, .single-product::-webkit-scrollbar-thumb{
background: #888;
}
/* Handle on hover */
.condor-security::-webkit-scrollbar-thumb:hover, .property-main-bg::-webkit-scrollbar-thumb:hover, .single-product::-webkit-scrollbar-thumb:hover{
background: #555;
}
.btn-danger, .btn-success{
color: #fff !important;
font-size: 12px;
font-weight: 500;
}
.contact-photo img {
width: 95px !important;
height: 80px !important;
border-radius: 100%;
}
.condor-security {
background: #3D4B58;
padding: 15px;
box-shadow: 0px 0px 10px 0px rgb(16 157 255 / 20%);
margin-top: 15px;
max-height: 395px;
overflow: auto;
color: #fff;
}
.security-img img {
width: 105px;
margin-top: 20px;
height: 105px;
border-radius: 100%;
background: #556574;
}
.municipal-detailed-page .client-profile h4, .physical-address h4{
color: #fff !important;
}
.new-quotes {
background: #3D4B58 !important;
box-shadow: none !important;
}
.security-img h4 {
font-size: 18px;
font-weight: 600;
color: #fff;
margin-bottom: 0px;
margin-top: 8px;
}
.condor-security .security-img p {
color: #fff;
}
.security-img p {
font-size: 13px;
font-weight: 600;
margin-bottom: 3px;
}
.condor-security .property-1-details {
padding: 0px 6px;
margin-top: 15px;
margin-bottom: 10px;
border-bottom: 0px;
}
.property-1-details .property-email {
display: flex;
margin-top: 14px;
margin-bottom: 13px;
}
.property-email img {
width: 16px !important;
height: 18px;
margin-right: 15px;
}
.condor-security .border-row p {
color: #fff;
}
.property-1-details .property-email p {
margin-bottom: 0px;
font-size: 12px;
font-weight: 600;
}
.border-row {
border-top: 1px solid #26313c69;
}
/*application*/
.application-popup .modal-header, .modal-header{
border-bottom: 0px;
}
.modal-footer{
border-top: 0px;
}
.application-popup .modal-body h4 {
font-size: 15px;
color: #000;
font-weight: 600;
}
.application-popup .modal-body p {
font-size: 13px;
color: #000000c7;
font-weight: 500;
padding: 0px 20px;
margin-top: 15px;
margin-bottom: 20px;
}
.application-popup .modal-body .download-bt {
background: #26313c;
color: #fff;
font-size: 13px;
padding: 7px 42px;
border: 1px solid #26313c;
font-weight: 600;
margin-top: 15px;
}
.application-popup .modal-body .download-bt img {
width: 18px;
margin-right: 10px;
}
.application-popup .modal-footer {
border-top: 0px;
}
.aggrement-icons {
width: 100%;
display: flex;
}
.aggrement-pdf {
width: 20%;
background: #3D4B58;
/*box-shadow: 0px 0px 3px #fbeae1;*/
border: none !important;
padding: 15px;
margin-top: 17px;
margin-right: 10px;
}
.aggrement-pdf img {
width: 50px;
}
.aggrement-pdf p {
margin-bottom: 0px;
font-size: 14px;
font-weight: 600;
color: #fff;
margin-top: 21px;
}
.municipal-aggrements .aggrement-pdf {
border: 1px solid #c0bfbf;
border-radius: 3px;
}
.property-details-right .nav-tabs .nav-link {
border: 0px solid transparent;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
background: #3D4B58;
font-size: 13px;
padding: 8px 15px;
color: #fff;
font-weight: 600;
margin-right: 3px;
}
.choose-category .client-mg .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
font-size: 13px;
padding: 8px 12px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-weight: 500;
border: 0px;
height: 38px;
color: rgb(255, 255, 255) !important;
background-color: rgb(38, 49, 60) !important;
}
input#save_n, input.btn.btn-info.waves-effect.waves-light.search_f{
color: #fff;
background-color: #7FCF7F;
border-color: #7FCF7F;
height: 40px;
}
table.dataTable.no-footer {
background-color: #3D4B58;
}
.add-client-bt .client-add {
color: #fff;
background-color: #7FCF7F;
border-color: #7FCF7F;
font-size: 15px;
font-weight: 500;
padding: 7px 19px;
margin-left: auto;
display: block;
}
.search-btn .client-add, .btn-blue{
background-color: #7FCF7F !important;
border-color: #7FCF7F !important;
}
.zones-model h5 {
font-size: 13px;
font-weight: 600;
color: #000;
text-align: center;
}
.zones-model .modal-body .form-group label {
font-size: 13px;
color: #000000d9;
font-weight: 600;
margin-bottom: 5px;
}
.zones-model .modal-body .form-group .form-control {
font-size: 13px;
border: 1px solid #13191e61;
height: 38px;
}
.administrative .form-group {
margin-top: 30px;
}
.administrative .form-group label {
font-size: 14px;
font-weight: 500;
color: #fff;
}
.administrative .form-group span {
margin-top: 5px;
font-weight: 500;
margin-right: 15px;
}
.administrative .form-group .form-control {
font-size: 13px;
width: 250px;
border: 1px solid #00000061;
color: #fff;
font-weight: 500;
}
.administrative .settings {
margin-top: 30px;
margin-bottom: 30px;
}
.administrative .download-bt {
background: #7FCF7F;
color: #fff;
font-size: 13px;
padding: 7px 42px;
border: 1px solid #7FCF7F;
font-weight: 600;
margin-top: 15px;
}
.administrative .form-group p {
font-size: 14px;
font-weight: 500;
color: #fff;
margin-bottom: 0px;
margin-top: 7px;
}
.choose-category {
background: #fff;
padding: 25px 22px;
width: 100%;
margin: 0 auto;
box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 11%);
border-radius: 2px;
margin-bottom: 20px;
margin-top: 25px;
}
/*list-of-vendors*/
#nav-tabContent .my-quotes-status p {
font-size: 12px;
font-weight: 600;
text-align: right;
}
#nav-tabContent .client-profile .property {
color: #23ced5;
font-weight: 600;
font-size: 12px;
margin-top: 5px;
margin-bottom: 0px;
}
#nav-tabContent .my-quotes-buttons {
margin-top: 0px;
}
#nav-tabContent .client-details-bt {
margin: 0 auto;
}
#nav-tabContent .my-quotes-buttons .cancel-bt {
width: 252px;
margin-left: auto;
display: block;
margin-right: auto;
margin-bottom: 11px;
/* margin-top: 85px; */
}
#nav-tabContent .client-details-bt .cancel-bt {
background: #ffffff;
color: #000000cf;
font-size: 13px;
padding: 11px 37px;
border: 1px solid #26313cb3;
font-weight: 600;
margin-right: 10px;
margin-bottom: 15px;
margin-top: 12px;
}
#nav-tabContent .client-details-bt .save-bt {
background: #26313c;
color: #fff;
font-size: 13px;
padding: 11px 42px;
border: 1px solid #26313c;
font-weight: 600;
width: 100%;
margin-left: auto;
display: block;
margin-right: auto;
margin-bottom: 10px;
}
#nav-tabContent .client-profile img{
width: 120px;
}
/*#nav-tabContent .p-details {
width: auto;
}*/
#nav-tabContent .booking {
display: flex;
border-bottom: 1px solid #00000021;
}
#nav-tabContent .choose-category h5 {
font-size: 18px;
font-weight: 600;
color: #26313c;
}
#nav-tabContent .booking-bt {
margin-left: auto;
margin-bottom: 20px;
padding-top: 0px;
}
#nav-tabContent .total-records-right {
display: flex;
}
#nav-tabContent .total-records-right .form-group {
margin-bottom: 0px;
margin-right: 20px;
}
#nav-tabContent .search-input {
position: relative;
margin-left: 10px;
}
#nav-tabContent .search-input .fa-search {
position: absolute;
top: 11px;
left: 8px;
font-size: 13px;
}
#nav-tabContent .search-input .form-control {
min-width: 200px;
background: transparent;
border-radius: 0px;
font-size: 12px;
padding: 8px 20px 8px 27px;
max-height: 35px;
}
.welcome-main h4 {
color: #fff;
}
.welcome-main.text-right .btn {
background-color: #7FCF7F !important;
border-color: #7FCF7F !important;
}
.booking h5 {
color: #fff;
}
.property-content.property-detils-sub h5 {
color: #fff;
font-size: 16px;
padding-left: 5px;
}
#nav-tabContent .booking h5 {
font-size: 18px;
font-weight: 600;
color: #fff;
}
.welcome-main.property_management h4, .property-content p{
color: #fff !important;
}
.choose-category .nav-tabs .nav-link{
background-color: #556574 !important;
color: #fff !important;
border: none;
}
.choose-category .nav-tabs .nav-link.active{
background-color: #26313C !important;
}
.property-main-bg {
background: #3D4B58 !important;
box-shadow: none !important;
}
.property-signplan .view-button{
margin-right: 5px;
outline: none !important;
border: none !important;
box-shadow: none !important;
font-size: 13px;
text-decoration: none;
color: #fff !important;
font-weight: 600;
background-color: #26313c !important;
}
.property-signplan .edit-button{
margin-right: 5px;
outline: none !important;
border: none !important;
box-shadow: none !important;
font-size: 13px;
text-decoration: none;
color: #fff !important;
font-weight: 600;
background-color: #8ec63f !important;
}
.property-signplan{
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
}
/*admin profile new styles*/
.main-content-header {
margin-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 10px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #fff;
font-size: 20px;
}
.main-content-header .breadcrumb {
padding: 0;
margin-bottom: 0;
background-color: transparent;
font-size: 13px;
}
/*profile cards*/
.profile-header {
background-color: #3D4B58;
padding: 30px;
text-align: center;
-webkit-box-shadow: 2px 3px 10px 0px rgb(119 119 119 / 10%);
box-shadow: 2px 3px 10px 0px rgb(119 119 119 / 10%);
border-radius: 4px;
}
.mb-30 {
margin-bottom: 30px !important;
}
img#profile_image {
width: 35%;
height: 129px;
}
.profile-header .name {
margin: 0;
font-size: 20px;
}
.card {
border-radius: 4px;
border: none;
background: #3D4B58;
background-color: #3D4B58 !important;
color: #fff;
border-radius: .5rem;
box-shadow: 0 4px 25px 0 rgb(0 0 0 / 10%);
-webkit-transition: all .3s ease-in-out;
}
.card .card-body {
padding: 25px;
}
.card .card-header {
background-color: transparent;
padding: 0;
border-bottom: 1px solid #f6f6f7;
position: relative;
margin-bottom: 20px;
}
.card .card-title {
/*font-size: 24.36px;*/
padding-bottom: 10px;
padding: 0;
color: #fff;
font-weight: bold;
}
.profile-left-content .info {
list-style-type: none;
padding: 0;
margin: 0;
}
.profile-left-content .info li {
position: relative;
color: #fff;
padding-left: 20px;
font-family: 'Montserrat', sans-serif;
margin-bottom: 8px;
font-size: 12px;
margin-bottom: 16px;
}
.profile-left-content .info li:last-child {
margin-bottom: 0;
}
.profile-left-content .info li .icon {
width: 14px;
height: 14px;
color: #000;
position: absolute;
left: 0;
top: 3px;
}
.feather {
font-family: feather!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*admin profile new styles*/
.choose-category1{
border-top: 1px solid #0000004f;
padding-top: 30px;
margin-top: 6%;
}
.ticket-detail-message{
border: none;
margin-top: 20px;
padding: 0 0px 0px 20px;
}
.personal-details {
display: flex;
}
.choose-category {
background: #3D4B58 !important;
padding: 25px 22px;
width: 100%;
margin: 0 auto;
/*box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 11%);*/
border-radius: 2px;
margin-bottom: 20px;
margin-top: 25px;
}
.select2-results__option {
background: #556574;
}
button.btn.btn-info.btn-email-config.tickets {
background-color: #7FCF7F !important;
border-color: #7FCF7F !important;
}
.select2-container--default .select2-selection--multiple, .select2-results__option[aria-selected]{
background-color: #556574 !important;
border:solid #556574 1px !important;
color: #fff !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
background-color: #3d4b58 !important;
border: 1px solid #3d4b58 !important;
}
.select2-container--default .select2-search--inline .select2-search__field{
color: #fff !important;
}
.p-details {
width: 200px;
}
.p-details p {
margin-bottom: 0px;
font-size: 13px;
color: #fff !important;
font-weight: 600;
margin-top: 7px;
}
.new-clients-btns .save-bt, .add-client-bt .client-add{
background-color: #7FCF7F !important;
border-color: #7FCF7F !important;
}
.new-clients-btns .cancel-bt{
background-color: #556574 !important;
border-color: #556574 !important;
color: #fff !important;
}
.form-employee {
display: flex;
}
.form-employee span {
font-weight: 600;
margin-top: 6px;
margin-right: 20px;
color: #fff;
}
.property-main p {
margin-bottom: 0px;
font-size: 13px;
color: #23ced5;
font-weight: 600;
margin-top: 7px;
}
.ticket-detail-message {
border: none;
margin-top: 20px;
padding: 0 0px 0px 20px;
}
/*.ticket-detail-message {*/
/* width: 100%;*/
/* margin-top: 6%;*/
/* border-top: 1px solid #0000004f;*/
/* padding: 30px 0px;*/
/*}*/
.ticket-message {
font-size: 13px;
font-weight: 500;
margin-bottom: 0px;
}
.ticket-message {
width: 50%;
background: #f2f2f2;
padding: 15px;
border-radius: 10px;
}
.date-time {
font-size: 11px;
margin-bottom: 0px;
margin-top: 7px;
font-weight: 600;
color: #26313c;
}
.ticket-detail-message-1 .ticket-message {
margin-left: auto;
background: #ebf4ff;
}
.send-message-bt {
display: flex;
margin-top: 8%;
}
.send-message-bt .form-group .form-control {
width: 945px;
height: 40px;
font-size: 13px;
font-weight: 500;
border: 1px solid #00000047;
}
.send-message-bt img {
width: 40px;
height: 40px;
margin-left: 10px;
}
.ticket-detail-message-1 .date-time {
text-align: right;
}
.enquiry-mode-title{
display: flex;
width: 100%;
padding-right: 20px;
}
.waves-effect.client-add{
margin-left: inherit !Important;
}
.add-employee-button-main.text-right.product_details .btn-danger{
width: 150px;
height: 38px;
margin-right: 10px;
}
a.delete img {
width: 13px !important;
margin-left: 5px;
}
.main-nav-div {
background-color: #26313C;
top:110px;
}
table.dataTable.no-footer td select{
background-color: #556574;
color: #fff;
}
.border-row.property-1-details {
color: #fff;
}
button.btn.btn-primary.cancel-bt {
background-color: #3d4b58;
border-color: #3d4b58;
}
button.btn.btn-primary.save-bt.addemployee {
background-color: #7FCF7F;
border-color: #7FCF7F;
}
button.btn.btn-primary.insert_features, button#save_n{
background-color: #7FCF7F !important;
border: 1px solid #7FCF7F !important;
}
input.btn.btn-primary.change_password.valid, input.btn.btn-primary.profile_update{
background-color: #7FCF7F;
border-color: #7FCF7F;
}