/* /* @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css); */

body {font-family: 'Roboto', sans-serif;}
/* account page css */
.light_bg { background-color: #EFF2F5;}
.account-container { display: block;}
.account-container .logo { text-align: center; padding: 25px;}
.account-container .logo img { display: inline-block;}
.account-container .account-block { padding: 105px 90px; background-color: #fff;}
h2 {color: #4F4F4F; font-size: 36px;}
.account-container .account-block hr { background-color: #969696; height: 1px; width: 100%;}
label{ font-size: 16px; color: #4F4F4F;}
.account-container .account-block form  .form-group { margin-bottom: 20px;}
.account-container .accountbg { height: 100%; width: 100%; background: url(../images/account-bg.png) no-repeat; background-size: cover;}

/* Add new employee */
.sidebar { background-color:#fff; position: fixed; box-shadow: 0px 3px 6px #0000001A; top: 0px; left: 0px; bottom: 0px; width: 250px;}
.sidebar .brand { padding: 25px 15px; text-align: center; }
.sidebar .accordion-button:not(.collapsed)::after {background-image:url("../images/small-arrow.png");
    transform: rotate(0deg);
    width: 9px;
    height: 6px;
    background-size: 9px;
    transform: none;
}
.sidebar .accordion-button-none::before {display: none;}
.sidebar .accordion-button-none::after {display: none;}

  .sidebar .accordion-button::after  {background-image: url("../images/small-arrow-x.png"); width: 6px;
    height: 9px;
    background-size: 6px;
    transform: none;
}
  .sidebar  .accordion-button:not(.collapsed) {
    color: #E94D00;
    background-color: #EFF2F5;
    box-shadow:none;
    font-weight: 600;
}
.sidebar .accordion-button-none:not(.collapsed) {  color: #212529;
    box-shadow:none;
    font-weight: 400;}
ul.custom-sub-nav {margin: 0px 0px 0px 20px; padding: 0px;}
ul.custom-sub-nav li { list-style: none;  margin: 10px 0px;}
ul.custom-sub-nav li a { color: #4F4F4F; text-decoration: none;}
ul.custom-sub-nav li.active { list-style-type: disc;  color: #E94D00;}
ul.custom-sub-nav li.active a,ul.custom-sub-nav li a:hover { color: #E94D00;}
.sidebar .scrolling { overflow-y: auto; height: calc(100% - 124px); }
.sidebar .accordion-collapse.collapse.show { position: relative;}
.sidebar .accordion-collapse.collapse.show::after { content: ""; height: 100%; background-color: #E94D00; position: absolute; width: 2px; top: 0px; left: 0px;}
.sidebar .accordion-button:not(.collapsed)::before { content: ""; height: 100%; background-color: #E94D00; position: absolute; width: 2px; top: 0px; left: 0px; }

.main-container { margin-left: 250px;     
    width: calc(100% - 250px);}
.searchbar { width: 450px; max-width: 450px; margin-left: 10px; position: relative;}
.searchbar input { width: 100%; border-radius:50px; height: 45px; padding-left: 25px; font-style: italic; background-color: #696666; border: #696666 solid 1px; color: #AEAEAE;}
.searchbar input:focus{background-color: #696666; border: #696666 solid 1px; color: #AEAEAE; }
.searchbar .btn { position: absolute; right: 13px; top: 3px; background-color: #696666;     border-radius: 90px;}
.user-block .user-img { width: 44px; height: 44px; border-radius: 50px;}
.user-block  .usertext { color: #fff; text-decoration: none; max-width:172px;}

.whitebg { background-color: #fff; padding: 10px 15px; }
.whitebg h2 {color: #4F4F4F; font-size: 24px; margin-bottom: 0px;}
.whitebg ul.listblock { margin: 0px; padding: 0px; display: flex; }
.whitebg ul.listblock li { color: #AEAEAE; font-size: 12px; list-style: none; padding: 0px 5px;}
.whitebg ul.listblock li a { color: #AEAEAE; font-size: 12px; text-decoration: none;}
.whitebg ul.listblock li .current { color: #E94D00; font-size: 12px;}

.card-content { padding: 30px 25px;}
.card-content h3 {font-size: 18px; font-weight: bold; color: #E94D00;}
p { color: #4F4F4F;}
.form-group {margin-bottom: 15px;}
.form-check-input:checked[type=radio] {
 
    background-size: 20px;
}
.sidebar.collapse:not(.show) {
    display: block;
}
.cancelbtn {color: #E94D00; text-decoration: none;}
.cancelbtn:hover {color: #ff9763; text-decoration: none;}



.cancelbtnblack {color: #000; text-decoration: none;}
.cancelbtnblack:hover {color: grey; text-decoration: none;}

.cancelbtngray {color: #4F4F4F; text-decoration: underline;}
.cancelbtngray:hover {color: rgb(165, 165, 165); text-decoration: none;}

.cancelbtnWhite {color: #fff; text-decoration: none;}
.cancelbtnWhite:hover {color: #000; text-decoration: none;}

.closebtn { display: none;}

.chartContainer{
  display: flex; justify-content:center; align-items:center;
}

.chartContainer div{
  width: 300px;
}


.search-table { position: relative; width: 450px;}
.search-table input { width: 100%; border: #DCE0E3 solid 1px; border-radius: 0px; height: 44px; background-color: #fff; color: #AEAEAE; font-style: italic;}
.search-table .searchbtn{     position: absolute;    right: 10px;    top: 8px;    background: transparent;    border: none;}
.search-table .searchbutn{     position: absolute;    right: 10px;    top: 35px;    background: transparent;    border: none;}
.shorlist span { margin-right: 10px; color: #4F4F4F;}
.shorlist .form-select{ border-radius: 0px;}
.table-custom.table > :not(caption) > * > * {
    border-bottom-width: 0px;
}
.form-select-orrange {background-color: transparent; border: transparent;}

.table-custom.table > :not(:last-child) > :last-child > * {
    border-bottom-color: #d6d6d6;
    border-bottom-width: 1px;
}
.table-custom tbody tr td { color:#4F4F4F;}

.table-custom tbody tr td.orrange-text { color:#E94D00;}
.orrange-text-notify { color:#E94D00; font-weight: bold; font-size: 16px;}
.orrange-circle { width: 13px; height: 13px; border-radius: 50px; background-color: #E94D00; margin-right: 5px;}
.red-circle { width: 13px; height: 13px; border-radius: 50px; background-color: #FF0000; margin-right: 5px;}
.yellow-circle { width: 13px; height: 13px; border-radius: 50px; background-color: #FFCC00; margin-right: 5px;}
.green-circle{ width: 13px; height: 13px; border-radius: 50px; background-color: #43BE90; margin-right: 5px;}
.grey-circle{ width: 13px; height: 13px; border-radius: 50px; background-color: #4F4F4F; margin-right: 5px;}
.blue-circle{ width: 13px; height: 13px; border-radius: 50px; background-color: blue; margin-right: 5px;}

.dropdown-orrangee .btn {color:#E94D00; padding: 0px 0px 0px 0px; }
.dropdown-orrangee ul.dropdown-menu { border: #D6D6D6 solid 1px; text-align: right; border-radius: 5px; box-shadow: 0px 1px 4px #eae7e7;}
.dropdown-orrangee ul.dropdown-menu:after { content: ""; position: absolute; top: -8px; right: 32px; background-image:url(../images/arrow-up.png); background-repeat: no-repeat; width: 14px; height: 8px;} 
.dropdown-default ul.dropdown-menu:after { content: ""; position: absolute; top: -8px; left: 32px; background-image:url(../images/arrow-up.png); background-repeat: no-repeat; width: 14px; height: 8px;} 
.dropdown-default ul.dropdown-menu li { display: flex; align-items: center; flex-wrap: nowrap; padding-left: 15px; padding-right: 15px;}
.dropdown-default ul.dropdown-menu li span.fa{font-size: 11px;}
.dropdown-default ul.dropdown-menu li a:hover,.dropdown-default ul.dropdown-menu li a:focus,.dropdown-default ul.dropdown-menu li a.active {background-color: transparent; color: #4F4F4F;}
.dropdown-default ul.dropdown-menu li a {padding-left: 5px; font-size: 12px;}
.dropdown-default .dropdown-item.active, .dropdown-default .dropdown-item:active {
  color: #4F4F4F !important;
  text-decoration: none;
 
}
.normaltxt {color: #707070; font-size: 16px;}
.smalltext{color: #AEAEAE; font-weight: 300; font-weight: 14px; font-style: italic;}
.dropdown-orrangee .dropdown-item {padding: 0.27rem 1rem; color: #4F4F4F;}
.dropdown-orrangee .dropdown-item:hover, .dropdown-orrangee .dropdown-item:focus {color: #fff; background-color: #E94D00;}

    .text-black { color: #000;}
ul.pagination-custom li a {color: #4F4F4F;}
ul.pagination-custom li a:hover {color: #E94D00;}
ul.pagination-custom li a:focus {
    z-index: 3;
    color: #E94D00;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(255, 218, 150, 0.25);
  }

  /* upload image css */
  
.uploader {
    display: block;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
  }
  .uploader label {
    float: left;
    clear: both;
    width: 100%;
    padding: 2rem 1.5rem;
    text-align: center;
    background: #F6F6F6;
    border: 2px dashed #BCBCBC;
    transition: all 0.2s ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .uploader label:hover {
    border-color: #43BE90;
  }
  .uploader label.hover {
    border: 3px solid #43BE90;
    box-shadow: inset 0 0 0 6px #eee;
  }
  .uploader label.hover #start i.fa {
    transform: scale(0.8);
    opacity: 0.3;
  }
  .uploader #start {
    float: left;
    clear: both;
    width: 100%;
  }
  .uploader #start.hidden {
    display: none;
  }
  .uploader #start i.fa {
    font-size: 50px;
    margin-bottom: 1rem;
    transition: all 0.2s ease-in-out;
  }
  .uploader #response {
    float: left;
    clear: both;
    width: 100%;
  }
  .uploader #response.hidden {
    display: none;
  }
  .uploader #response #messages {
    margin-bottom: 0.5rem;
  }
  .uploader #file-image {
    display: inline;
    margin: 0 auto 0.5rem auto;
    width: auto;
    height: auto;
    max-width: 180px;
  }
  .uploader #file-image.hidden {
    display: none;
  }
  .uploader #notimage {
    display: block;
    float: left;
    clear: both;
    width: 100%;
  }
  .uploader #notimage.hidden {
    display: none;
  }
  .uploader progress,
  .uploader .progress {
    display: inline;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 180px;
    height: 8px;
    border: 0;
    border-radius: 4px;
    background-color: #eee;
    overflow: hidden;
  }
  .uploader .progress[value]::-webkit-progress-bar {
    border-radius: 4px;
    background-color: #eee;
  }
  .uploader .progress[value]::-webkit-progress-value {
    background: linear-gradient(to right, #43BE90 0%, #5edaac 50%);
    border-radius: 4px;
  }
  .uploader .progress[value]::-moz-progress-bar {
    background: linear-gradient(to right, #43BE90 0%, #5edaac 50%);
    border-radius: 4px;
  }
  .uploader input[type=file] {
    display: none;
  }

  .uploader .btn {
    display: inline-block;
    margin: 0.5rem 0rem 1rem 0rem;
    clear: both;
    font-family: inherit;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    text-transform: initial;
    border: none;
    outline: none;
    padding: 0 2rem;
    height: 45px;
    line-height: 45px;
    
    color: #fff;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    background: #43BE90;
    border-color: #43BE90;
    cursor: pointer;
  }
  input[type="date"]::-webkit-calendar-picker-indicator {
    background: url(../images/icon-calendar.png) no-repeat center center;
    width: 16px;
    height: 16px;
}

.full-container { width: auto; margin-left: 0px;}
.title-header { color: #4F4F4F; font-size: 28px;}
.gray-sidebar { width: 100%; height: 100%; padding: 10px 25px; background-color: #4F4F4F; color: #fff;}
.gray-sidebar ul { margin: 0px; padding: 0px;}
.gray-sidebar ul li{ list-style: none; margin: 20px 0px;}
.gray-sidebar ul li a{ color: #fff; text-decoration: none;}
.gray-sidebar ul li.active a{ color: #43BE90; text-decoration: none;}

.right-section { background-color: #fff; padding: 15px 30px; min-height: 550px;}
.right-section-custom { background-color: #fff; padding: 0px 30px; min-height: 550px;}

ul.list-grid { margin: 0px; padding: 0px;}
ul.list-grid li{ display: flex; align-items: center; flex-wrap: nowrap; list-style: none; border-bottom: #DCE0E3 solid 1px; padding-top: 10px; padding-bottom: 10px; position: relative;}
ul.list-grid li .content{color: #4F4F4F; font-weight: bold; padding-left: 30px; position: relative;}
ul.list-grid li .content .greentick {position: absolute; left: 0; top: 7px; background: url(../images/green-check-mark.png) no-repeat center left; width: 13px; height: 10px;}
ul.list-grid li .link-text {float: right; text-decoration: none;}
.right-footer {background: #F4F4F5; border: #DCE0E3 solid 1px; padding: 20px 25px;}

.orragetext { color: #E94D00;}
.redtext {color: #FF0000;}
.greentext {color: #43BE90;}
.pinktext{color: #ff0099;}
.fs-14{ font-size: 14px;}
.box-shadow-1 {box-shadow: 0px 0px 4px #c7c5c5;}
.right-header-section { padding: 0px 30px; margin-left: -30px; padding-bottom: 15px; padding-top: 5px; margin-right: -30px; border-bottom: #DCE0E3 solid 1px;}
.right-header-section h2 {color: #43BE90; font-size: 24px; margin: 0px; font-weight: normal; }
.uploader-mx-auto { max-width: none;}
.graybg-card { width: 95%; height: 200px; border-radius: 10px; border: #707070 solid 1px; background-color: #EBEBEB;}
.strongtext {color: #4F4F4F; font-size: 18px;}
.inputtext { display: flex; align-items: center;}
.inputtext span {margin-left: 10px; color: #4F4F4F;}
.inputtext input { width: 78px;}
.custom-card-block { padding: 20px; border: #DCE0E3 solid 1px;}
.hide {display: none;}
.signature-box { border: #4F4F4F solid 1px; color: #4F4F4F; height: 200px; width: 100%;}
h3 { color: #E94D00; font-size: 18px; font-weight: bold; margin-bottom: 15px;}
ul.list-1 {margin: 0px; padding: 0px;}
ul.list-1 li { list-style: none; position: relative; padding-left: 15px;}
ul.list-1 li::after{position: absolute; left: 0px; top: 9px; width: 4px; height: 4px; background-color: #4F4F4F; content: ""; border-radius: 50px;}
.email-modal { padding: 35px 60px;}
.email-modal h2 {color: #4F4F4F; font-size: 36px; font-weight: 400;}
.badge-custom {position: absolute;top: -6px;border-radius: 50px;left: 11px; font-size: 0.625rem; padding: 0.188rem 0.313rem;}
.pos-relative { position: relative;}
.dasboardcard p{ font-size: 14px;color: #4F4F4F; margin-bottom: 5px; line-height: normal; }
.dasboardcard .yellowtext { color: #E94D00; font-size: 46px;  line-height: normal;}
.dasboardcard .smalltext1{color: #AEAEAE; font-size: 12px;}
.dasboardcard .iconimg { width: 100%; max-width: 125px;}
.myChartDiv {
  max-width: 600px;
  max-height: 400px;
}
ul.list-block-div { margin: 0px; padding: 0px;     min-width: 23rem;}
ul.list-block-div li { list-style: none; padding: 12px 15px 0px; display: flex;     justify-content: space-between;}
ul.list-block-div li:last-child{ padding-bottom: 12px;}
.border-top { border-top:#d6d6d6 solid 1px;}
.fs12 { font-size:12px;}
.customtable  table.table thead tr th {white-space: nowrap;}
.customtable  table.table { min-width: 495px;}
.nav-tabs .nav-item { padding-left:25px; padding-right:25px}
.custom-nav-tabs {    margin-left: -25px;
  margin-right: -25px;}
.employee-profile-pic-custom {height: 100%; margin: auto; padding: 5px; background-color: #fff;}
.employee-profile-pic-div {height: 200px; width: 200px; margin: auto; padding: 5px; background-color: #fff;}
.employee-profile-pic-img { width: 100%; height: 100%;}

.card-content-footer {background-color: #EFF2F5; padding: 25px; margin-bottom: -30px; margin-left: -25px; margin-right: -25px; border-top: #0000001A solid 1px;}
.main h2 {color: #4F4F4F; font-size: 24px; font-weight: 400;}
.smalltext2  {color: #AEAEAE; font-size: 16px; margin-left: 22px;}
.smalltext3  {color: #6a6969; font-size: 16px; margin-left: 10px;}
.customtable tr th {background-color: #FFFFFF !important; padding: 5px 15px !important; }
.customtable tr > td {background-color: #FFFFFF !important; padding: 5px 15px !important; border-top: none; border-bottom: #f7f7f7 solid 1px !important;}

.tabledocument th {border-bottom: #dfdfdf 3px solid;}
.tabledocument tr:nth-child(2n+3){background-color: #f8f8f8}

.right-header-section-custom{padding: 0px 30px;margin-top: 0px; margin-left: -30px; padding-bottom: 15px; padding-top: 20px; margin-right: -30px; border: #DCE0E3 solid 1px; background: #F4F4F5; color: #4F4F4F}
.collapsediv[aria-expanded="false"] i{
  /* transform: rotate(
    180deg); */
    background:url("/backend/images/plus.png") no-repeat left 5px;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.custom_span{
  font-size: small;
  color: #AEAEAE;
  display: block;
}


.imageContainer{
  position: relative;
  width: 500px;
  height: 500px;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d5d5d5;
  margin-right: 10px;
}


.imageContainer .innerImageContainer {
  max-width: 90%;
  height: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
}


.imageContainer .innerImageContainer img{
  max-height: 100%;
  transition: all 0.3s ease;
}

.imageContainer .innerImageContainer iframe{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  transition: all 0.3s ease;
}


.imageContainer .btn{
  position: absolute;
  bottom: 10px;
  right: 10px;
}

#dataTable tr th{
  cursor: pointer;
}

.dataTables_length{
  float: left;
  padding-top: 20px;
  color: #4F4F4F;
}

.dataTables_filter{
  float: right;
  padding-top: 20px;
  color: #4F4F4F;
}


.dataTables_filter input{
  margin-left: 5px;
  border: #DCE0E3 solid 1px; 
  border-radius: 0px; 
  padding: 6px 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #aeaeae;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.dataTables_length select{
  padding:  6px 25px 6px 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #AEAEAE;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #DCE0E3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.dataTables_info{
  float: left;
  color: #4F4F4F;
}
.dataTables_paginate{
  float:right;
}

.paginate_button {
  border: 1px solid #ddd;
  display: inline-block;
  padding: 6px 12px;
  margin-left: -1px;
  cursor: pointer;
}

.paginate_button.current{
  background-color: #E94D00;
  color: #fff;
}

#dataTable{
  clear: both;
}

.fileDisplayName{
    display: block;
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fileDisplayNameEdit{
  display: block;
  width: 95%;
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropdown-check-list {
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #AEAEAE;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    appearance: none;
}

.dropdown-check-list .anchor {
  width: 100%;
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 5px 50px 5px 10px;
  border: 1px solid #ccc;
}

.dropdown-check-list .anchor:after {
  position: absolute;
  content: "";
  border-left: 2px solid black;
  border-top: 2px solid black;
  padding: 5px;
  right: 10px;
  top: 20%;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.dropdown-check-list .anchor:active:after {
  right: 8px;
  top: 21%;
}

.dropdown-check-list ul.items {
  padding: 2px;
  display: none;
  margin: 0;
  border: 1px solid #DCE0E3;
  border-top: none;
}

.dropdown-check-list ul.items li {
  list-style: none;
  margin: 5px;
}


.dropdown-check-list ul.items li input{

  margin-right: 5px;
}

.dropdown-check-list.visible .items {
  display: block;
}

.course-table{
  table-layout: fixed !important;
  vertical-align: middle !important;
}


.quizblock .correct {font-size: 16px; font-weight: bold; color: #43BE90; position: relative; margin-bottom: 0px;    padding-left: 50px;}
.quizblock .correct::before { content: ""; margin-left: 5px; background: url(../images/check-mark.png) no-repeat; left: 0; background-size:25px; position: absolute; width: 29px; height: 23px;} 

.quizblock .wrong {font-size: 16px; font-weight: bold; color: red; position: relative; margin-bottom: 0px;    padding-left: 50px;}
.quizblock .wrong::before { content: ""; margin-left: 5px; background: url(../images/cross-mark.jpg) no-repeat; left: 0; background-size:25px; position: absolute; width: 29px; height: 23px;} 

.quizblock .correctAns {font-size: 16px; font-weight: bold; color: #43BE90; position: relative; margin-bottom: 0px; }


.sidebarblockin ul li a.active,.sidebarblockin ul li:hover a { color: #E94D00; font-weight: 500;}
.sidebarblockin ul li a.active::after, .sidebarblockin ul li:hover::after{
  background-image: url(../images/small-arrow-orrange-x.png);
  width: 6px;
  position: absolute;
  height: 9px;
  content: "";
  background-size: 6px;
  right: 20px;
    top: 55%;
    margin-top: -5px;
  transform: none;
}


.date-edit-toggle{
  cursor: pointer;
}

.navbarCust {
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.text-infoo{
  color: #43BE90;
}

.dropdown-wrapper{
  position: relative;
}
.cart-dropdown{
  display:none;
  background: #fff;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 80%;
  white-space: nowrap;
  min-width: 200px;
  box-shadow: 0 0 8px rgba(0,0,0, 0.2);
}

.cartProducts{
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #ccc;
}
.cartProducts label{
  font-weight: bold;
}
.cartProducts p{
  font-size: 14px;
  margin: 0;
}
.cartProducts:last-child{
  border-bottom: none;
}


.dropdown-wrapper:hover .cart-dropdown {
  display: block;
}


.passwordWrap{
  position: relative;

}

.passwordWrap img{
  position: absolute;
  right: 15px;
  top: 40px;
}

.passwordWrap input{
  padding-right: 40px;
}

.checkoutWrap img{
 top: 48px;
}

.userpic-img-auditor{    width: 105px;
  height: 105px;
  margin: auto;
  padding: 4px;
  }


  .containerSpeedometer {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .chartSpeedometer {
    width: 135px;
    height: 135px;
  }

.dasboardcard .yellowtext.f-40 { font-size: 40px;}
.dasboardcard .yellowtext.f-40 span {color: #AEAEAE; font-size: 26px;font-family: 'Roboto', sans-serif !important;}

.scrolldiv{
  max-height: 550px;
  overflow: auto;
  padding-right: 10px;
}

.autosize {
  resize: none;
  overflow: hidden;
  }

  
.search-prod { position: relative; width: 180px;}
.search-prod input { width: 100%; border: #DCE0E3 solid 1px; border-radius: 0px; height: 44px; background-color: #fff; color: #AEAEAE; font-style: italic; padding-right: 35px !important;}
.search-prod .searchbtn{     position: absolute;    right: 10px;    top: 8px;    background: transparent;    border: none;}
.search-prod .searchbutn{     position: absolute;    right: 10px;    top: 40px;    background: transparent;    border: none;}


div.product_list ul{
max-height:200px;
overflow-y:auto;
width: 350px;
}

div.product_list ul li a{
display: block;
word-wrap: break-word;
}


@media (max-width: 480px) {

  .custom-scrolling-block-mobile {
    overflow-x: auto;
    overflow-y: auto;
  }
}

@media (max-width: 1550px) {
  .dasboardcard p {
    font-size: 12px;
  }
  .dasboardcard .yellowtext { font-size: 38px;}
  .dasboardcard .smalltext1 {
    font-size: 10px;
}
}

  @media (max-width: 1100px) {
  .search-table {
    position: relative;
    width: 230px;
}
.graybg-card { width: 100%;}
  }

@media (max-width: 1023px) {
    .searchbar { width: 100%; max-width: 290px;}
}
@media (max-width: 991px) {
    .search-table { width: 100%; margin-bottom: 15px;}
    .account-container .account-block {
        padding: 65px 40px;
    }
    .searchbar {
        width: 100%;
        max-width: 221px;
        margin-left: 0px;
    }
  }
  @media (max-width: 767px) {
    .nav-tabs .nav-item {     padding-left: 15px;
      padding-right:15px;}
  .account-container .accountbg  { display: none;}
  .searchbar { max-width: 100%;}
  .usertextblock {justify-content: space-between; width: 100%; margin-bottom: 15px; }
  .sidebar { margin-left: -250px; z-index: 22; transition: all 0.3s;}
  .main-container {
    margin-left: 0px;
    width: 100%;
}
.closebtn {
    position: absolute;
    right: 6px;
    top: 7px;
    display: block;
}
.searchbar {
    width: calc(100% - 55px);
    max-width: none;
    margin-left: 0px;
    float: right;
    margin-left: auto;
    margin-right: 0px !important;
}
.nav-menu {     left: 15px;
    bottom: 14px;
    background: #ececec;}
    .sidebar.show { margin-left: 0px;}
    .sidebar.collapse:not(.show) {
        display: block;
    }
  }


  @media (max-width: 575px) {
      .whitebg .btn { font-size: 14px; margin-top: 5px;}
      .dropdown-orrangee .btn {    padding: 0px 0px 0px 0px;}
      .title-header {font-size: 24px;}
  
    h2 {
        color: #4F4F4F;
        font-size: 26px;
    }
    .account-container .account-block {
        padding: 30px 15px;
    }
    .account-container .logo { padding: 15px;}
    }  @media (max-width: 479px) {
        ul.list-grid li .content {    padding-left: 25px;}
    .justify-content-center-mobile {
        justify-content: end;
    }
}




.elementor-12  .elementor-element.elementor-element-59f220f:hover > .elementor-element-populated h4 {color: #fff;}
.elementor-12 .elementor-element.elementor-element-59f220f:hover > .elementor-element-populated p {color: #fff;}

.elementor-12 .elementor-element.elementor-element-668ba94:hover h4 {color: #fff;}
.elementor-12 .elementor-element.elementor-element-668ba94:hover p {color: #fff;}