.app-header__logo .logo-src {
height: 40px;
width: 100%;
display: flex;
align-items: center;
background: none !important;
}
.sidebar-text-light .logo-src span{
font-size: 1.2rem;
font-weight: bold;
color: rgba(255,255,255,0.7);
}
.app-header__logo .logo-src img{
height: 100%;
margin-right: 15px;
}
.dropdown-menu .dropdown-header {
color: rgb(100 153 64);
}
.dropdown-item:hover, .dropdown-item:focus {
color: #fff;
text-decoration: none;
background-color: rgb(100 153 64);
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
background-color: rgb(100 153 64);
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
background-color: rgb(100 153 64);
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 24px;
height: 2px;
background-color: rgb(100 153 64);
border-radius: 10px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.modal-body{
padding: 20px;
}
.btn {
white-space: nowrap;
}
.btn-warning{
color: #fff;
}
.btn-warning:hover{
color: #fff;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show>.btn-warning.dropdown-toggle {
color: #fff;
}
.btn-primary {
padding: 8px 20px;
color: #fff;
background-color: rgb(100 153 64);
border-color: rgb(100 153 64);
}
.btn-primary:hover {
color: #fff;
background-color: rgb(34, 73, 5);
border-color: rgb(34, 73, 5);
}
.app-main .app-main__outer {
background-color: #fff;
}
.app-sidebar.sidebar-text-light .vertical-nav-menu li a.mm-active{
background: rgb(0 0 0 / 15%);
}
.rounded-circle-name {
background-color: #cdcdcd;
padding: 10px;
border-radius: 50% !important;
}
.table-responsive{
width: 100%;
background-color: #fff;
border-radius: 6px;
/* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
}
.custom-file-input ,.custom-file-label{
font-size: 0.8rem;
}
.gaptop10{
gap: 10px 0px;
}
.input-group {
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}
.weatherWrap,.joblistWrap{
width: 100%;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
margin-bottom: 20px;
}
.progress{
height: 0.6rem;
}
.joblistWrap{
padding: 1rem;
}
.text-8xl {
font-size: 4rem;
}
.videoWrap{
align-items: center;
display: flex;
gap: 20px;
border-radius: 4px;
background-color: #f5f5f5;
overflow: hidden;
}
.gap10{
gap: 1rem;
}
.mapWrap{
border-radius: 2px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.heartbitRow{
display: flex;
width: 100%;
gap: 20px;
align-items: end;
margin-bottom: 10px;
}
/*Bootstrap Calendar*/
.datepicker table{
width: 100%;
}
.datepicker {
border-radius: 0;
padding: 0;
}
.datepicker-days table thead,
.datepicker-days table tbody,
.datepicker-days table tfoot {
padding: 10px;
display: list-item;
}
.datepicker-days table thead,
.datepicker-months table thead,
.datepicker-years table thead,
.datepicker-decades table thead,
.datepicker-centuries table thead {
background: rgb(30 70 0);
color: #ffffff;
border-radius: 0;
}
.datepicker-days table thead tr:nth-child(2n + 0) td,
.datepicker-days table thead tr:nth-child(2n + 0) th {
border-radius: 3px;
}
.datepicker-days table thead tr:nth-child(3n + 0) {
text-transform: uppercase;
font-weight: 300 !important;
font-size: 12px;
color: rgba(255, 255, 255, 0.7);
}
.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
width: 100%;
padding: 7px 10px;
height: auto;
}
.datepicker-months table thead td,
.datepicker-months table thead th,
.datepicker-years table thead td,
.datepicker-years table thead th,
.datepicker-decades table thead td,
.datepicker-decades table thead th,
.datepicker-centuries table thead td,
.datepicker-centuries table thead th {
border-radius: 0;
}
.datepicker td,
.datepicker th {
border-radius: 50%;
padding: 0 12px;
}
.datepicker-days table thead,
.datepicker-months table thead,
.datepicker-years table thead,
.datepicker-decades table thead,
.datepicker-centuries table thead {
background: rgb(100 153 64);
color: #ffffff;
border-radius: 0;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
background-image: none;
text-align: center;
background-color: #b3cbaa !important;
}
.datepicker .prev,
.datepicker .next {
color: rgba(255, 255, 255, 0.5);
transition: 0.3s;
width: 37px;
height: 37px;
}
.datepicker .prev:hover,
.datepicker .next:hover {
background: transparent;
color: rgba(255, 255, 255, 0.99);
font-size: 21px;
}
.datepicker .datepicker-switch {
font-size: 24px;
font-weight: 400;
width: 100%;
text-align: center;
transition: 0.3s;
}
.datepicker .datepicker-switch:hover {
color: rgba(255, 255, 255, 0.7);
background: transparent;
}
.datepicker table tr td span {
border-radius: 2px;
margin: 3%;
width: 27%;
}
.datepicker table tr{
display: flex;
width: 100%;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
background: rgb(53, 122, 0);
background-image: none;
background-color: rgb(53, 122, 0) !important;
}
.datepicker .dropdown-menu {
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.datepicker-dropdown.datepicker-orient-top:before {
border-top: 7px solid rgba(0, 0, 0, 0.1);
}
.dotto{
border: 1px dotted #f0f0f0;
}
.fullheight{
height: 100%;
}
.heartbitWrap{
padding: 20px;
box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
}
.input-group .form-control {
border: 0;
}
.heartbitCount{
font-size: 1.8rem;
padding: 0px 10px;
white-space: nowrap;
margin-bottom: 0;
}
.form-control{
font-size: 0.8rem;
border: 0;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.small{
font-size: 0.8rem;
}
.addGourpWrap{
gap: 20px;
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.filterSearch{
gap: 20px;
display: flex;
flex-wrap: nowrap;
align-items: start;
padding: 10px 20px;
background: rgb(243 243 243) !important;
margin: -20px -20px 20px;
}
.page-title-heading{
font-weight: bold !important;
}
.input-group-text {
border: 0px;
background-color: #fbfbfb;
}
.filterSubmitBtn{
white-space: nowrap;
border: 0;
padding: 8px 20px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.page-title-actionsWrap{
display: flex;
gap: 20px;
}
.switch-label {
width: 150px;
}
.switch-label i {
margin-right: 5px;
}
.switch-toggle {
height: 40px;
}
.switch-toggle input[type="checkbox"] {
position: absolute;
opacity: 0;
z-index: -2;
}
.switch-toggle input[type="checkbox"] + label {
position: relative;
display: inline-block;
width: 62px;
height: 35px;
border-radius: 20px;
margin: 0;
cursor: pointer;
border: 1px solid #cdcdcd;
/* box-shadow: inset -8px -8px 15px rgba(255,255,255,.6),
inset 10px 10px 10px rgba(0,0,0, .25); */
}
.switch-toggle input[type="checkbox"] + label::before {
position: absolute;
content: '';
font-size: 13px;
text-align: center;
line-height: 25px;
top: 4px;
left: 5px;
width: 25px;
height: 25px;
border-radius: 20px;
background-color: #d1dad3;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
/* border: 1px solid #cdcdcd; */
/* box-shadow: -3px -3px 5px rgba(255,255,255,.5),
3px 3px 5px rgba(0,0,0, .25); */
transition: .3s ease-in-out;
}
.switch-toggle input[type="checkbox"]:checked + label::before {
left: 50%;
content: '';
color: #fff;
background-color: #4e9d00;
/* box-shadow: -3px -3px 5px rgba(255,255,255,.5),
3px 3px 5px #00b33c; */
}
.mapWrapIframe{
padding-bottom: 58%;
position: relative;
}
.mapWrap img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.btn-skyblue{
color: #fff !important;
background-color: #02b4d3;
border-color: #02b4d3;
}
.btn-skyblue.btn-shadow {
box-shadow: 0 16px 26px -10px rgba(18, 89, 107, 0.56), 0 4px 25px 0px rgba(11, 142, 175, 0.12), 0 8px 10px -5px rgba(1, 238, 255, 0.2);
transition: all .2s;
}
.btn-alternate.btn-shadow {
box-shadow: 0 16px 26px -10px rgba(92, 18, 107, 0.56), 0 4px 25px 0px rgba(175, 11, 161, 0.12), 0 8px 10px -5px rgba(255, 1, 234, 0.2);
transition: all .2s;
}
.btn-primary.btn-shadow {
box-shadow: 0 16px 26px -10px rgba(54, 107, 18, 0.56), 0 4px 25px 0px rgba(76, 175, 11, 0.12), 0 8px 10px -5px rgba(102, 255, 1, 0.2);
transition: all .2s;
}
.btn-primary:hover,.btn-alternate:hover,.btn-skyblue:hover {
transform: scale(1.1);
transition: all .2s;
}
.table{
font-size: 0.8rem;
}
.addRowBtnWrap{
margin-bottom: 10px;
align-items: center;
display: flex;
justify-content: space-between;
}
table.dataTable tbody th, table.dataTable tbody td{
padding: 5px 10px ;
}
.answerWrap .form-control{
box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: rgb(100 153 64);
border-color: rgb(100 153 64);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0 rgba(103, 222, 92, 0.5);
}
.app-sidebar.sidebar-text-light .vertical-nav-menu ul>li>a.mm-active {
background: rgb(0 0 0 / 15%) !important;
}
.vertical-nav-menu i.metismenu-state-icon, .vertical-nav-menu i.metismenu-icon{
font-size: 1rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
font-size: 0.8rem;
padding: 4px 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
color: #fff !important;
border: 1px solid rgba(100, 153, 64, 0.3);
background: linear-gradient(to bottom, rgb(100 153 64) 0%, rgb(100 153 64) 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: white !important;
border: 1px solid rgb(30 70 0);
background-color: rgb(30 70 0);
background: -webkit-linear-gradient(top, rgb(30 70 0) 0%, rgb(30 70 0) 100%);
background: -moz-linear-gradient(top, rgb(30 70 0) 0%, rgb(30 70 0) 100%);
background: -ms-linear-gradient(top, rgb(30 70 0) 0%, rgb(30 70 0) 100%);
background: -o-linear-gradient(top, rgb(30 70 0)rgb(30 70 0) 0%, rgb(30 70 0) 100%);
background: linear-gradient(to bottom, rgb(30 70 0) 0%, rgb(30 70 0) 100%);
}
.app-page-title{
padding: 20px;
background: rgb(245 245 245 / 45%) !important;
margin: -20px -20px 20px;
}
.app-main .app-main__inner{
padding: 20px;
}
.modal-dialog{
box-shadow: none;
}
.closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .logo-src {
white-space: nowrap;
width: 258px;
}
.fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo {
width: 95px;
}
.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul.mm-show {
padding: 0.5em 0 0 0rem;
}
.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul.mm-show .mm-collapse{
padding: 0.5em 0 0 2rem;
}
@media (max-width: 1268px){
.closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo{
display: none !important;
}
}
@media (max-width: 991.98px){
.page-title-actionsWrap {
justify-content: center;
}
.sidebar-mobile-open .app-sidebar .app-sidebar__inner ul.mm-show{
padding: 0.5em 0 0 0rem;
}
.sidebar-mobile-open .app-sidebar .app-sidebar__inner ul.mm-show .mm-collapse{
padding: 0.5em 0 0 2rem;
}
.popover, .app-header__content .dropdown-menu {
top: 20% !important;
}
.app-header .app-header__content .app-header-left .nav {
display: flex !important;
}
.addGourpWrap {
gap: 20px;
display: flex;
flex-direction: column;
/* flex-wrap: nowrap; */
align-items: center;
margin: 0 -20px;
}
.fixed-sidebar:not(.fixed-header) .app-header {
margin-left: inherit;
}
.sidebar-mobile-open .app-sidebar .app-header__logo .logo-src {
width: 200px !important;
}
.app-header__logo{
display: flex !important;
}
.app-header__logo .hamburger {
display:none;
}
.app-header__logo .logo-src {
justify-content: center;
}
}