:root {
--bg-danger: linear-gradient(#AE3930, #AE3930);
--bg-white: #fff;
--border-danger: 2px solid #AE3930;
--border-danger-3: 3px solid #AE3930;
--btn-danger:#AE3930;
}

.cursor-pointer{cursor: pointer;}
.h-60{height: 60px;}
.font-weight-semibold{font-weight: 500 !important}
#verificationModal .modal-dialog{max-width: 400px;}
#updatemodal .modal-dialog{max-width: 600px;}
#projectTeamMembers .modal-dialog{max-width: 500px;}
#quotation_err { color: red; }
#meterial_err { color: red; }
#contact_err { color: red; }

.profile-img {
  width: 30px;
  height: 30px;
}
table.dataTable thead th, table.dataTable thead td{padding: 10px 9px !important;text-align: left;border-bottom: 1px solid #ded3d3 !important;}
.user-img label.error{
  width: 100%;
  color: red;
  white-space: nowrap;
  position: absolute;
  top: -23px;
}
.img-profile {
  border: 1px solid var(--danger);
  border-radius: 6px;
}
.quantity__minus,
.quantity__plus {
  display: block;
  width: 22px;
  height: 25px;
  margin: 0;
  background: var(--danger);
  text-decoration: none !important;
  text-align: center;
  line-height: 27px;
}

.quantity__minus:hover,
.quantity__plus:hover {
  background: #575b71;
  color: #fff;
}

.quantity__minus {
  border-radius: 3px 0 0 3px;
}

.quantity__plus {
  border-radius: 0 3px 3px 0;
}

.quantity__input {
  width: 42px !important;
  height: 25px;
  border-top: 2px solid #dee2e6 !important;
  border-bottom: 2px solid #dee2e6 !important;
  border-left: 1px;
  border-right: 2px;
}

.button-next {
  display: none;
}

.quantity__minus:link,
.quantity__plus:link {
  color: #8184a1;
}

.frmSearch {
  border: 1px solid #a8d4b1;
  background-color: #c6f7d0;
  margin: 2px 0px;
  padding: 40px;
  border-radius: 4px;
}

#country-list {
  float: left;
  list-style: none;
  margin-top: -3px;
  z-index: 999;
  padding: 0;
  width: 100%;
  position: absolute;
}

.cross-img{
  right: 8px;
  top: 8px;
}

#country-list li {
  padding: 10px;
  background: #f1f1f1;
  border: #bbb9b9 1px solid;
}

#country-list li:hover {
  background: #ece3d2;
  cursor: pointer;
}

#search-box {
  padding: 10px;
  border: #a8d4b1 1px solid;
  border-radius: 4px;
}

.quantity__minus:visited,
.quantity__plus:visited {
  color: #fff;
}

.user-img h3{position: relative;}
.user-img h3 i.fa{position: absolute;left: 0;right: 0;background: transparent !important;top: 10px}
.notification-bell-icon{position: absolute;right: -5px;top: -1px;font-size: 9px;}
#clickHere .error {
  position: absolute;
  left: 0;
  width: 100%;
  white-space: nowrap;
  bottom: -34px;
}
.profileImage {
  width: 68px;
  height: 67px;
  border-radius: 50%;
  background: #512DA8;
  font-size: 35px;
  color: #fff;
  text-align: center;
  line-height: 69px;
  margin: 1px 0;
}

.textshift input[type=number]{border:1px solid #d7d5d5 !important;text-align:center;margin:4px;border-radius:5px}
.custom-close{right: -8px;top: -8px;background: black !important;opacity: 1;width: 40px;height: 40px;text-align: center;line-height: 10px;color: #fff; padding: 0 !important;}
.custom-close:hover{color:#fff !important; opacity: 1 !important;}
.img-200{width: 200px; height: 200px; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important;}
.img-140{width: 140px; height: 140px; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important;}
.img-50{width: 50px; height: 50px; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important;}
.img-70{width: 70px; height: 70px; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important;}
.user-img{width: 140px; height: 140px; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important;cursor: pointer;}
.user-img-200{width: 200px; height: 200px; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important;cursor: pointer;}
.project-img{width: 100px; height: 100px; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important;}
.custom_browse{bottom: 0; left: 0;}
.custom_browse input[type="file"]{opacity: 0; bottom: -15px; left: 0; z-index: 1;cursor: pointer;}
.custom_browse i.plusIcon{left: 50%;bottom: -10px;transform: translateX(-50%);}
.project_logo input[type="file"]{opacity: 0; width: 100%; height: 100%; z-index: 1;cursor: pointer;}
.status-dot{width: 15px; height: 15px; top: 3px; left: 3px;}
.bg-medium{background-color: rgba(0,0,0,0.05);}
.timesheet .border{border: 2px solid #AE3930 !important;}
/* dashboard */ 
.header .navbar{margin-left: 300px;transition: margin-left .5s;}
.header.headerDiv .navbar{margin-left: 0;}  
.sidenav.flip{width: 0px; padding: 0;}
.main {margin-top: 70px;margin-left: 300px;padding:20px;transition: margin-left .5s;}
.main.mainDiv{margin-left: 0px;}
.sidenav{height: 100%;width: 300px;position: fixed;z-index: 1;top: 0;left: 0;background-color: #111;overflow-x: hidden;transition: 0.5s;} 
ul.sidebarNav li a.active{background: #AE3930;}
/*ul.sidebarNav li a:hover{background: #AE3930;}*/
.navbar .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.error-msg{top: 55px;right: 0;max-width: 400px;z-index: 99;position: fixed !important;left: 0;margin: 0 auto}
.error-msg .close{background-color:transparent }
/* custom select */
select{-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none; background-color: #fff!important;}
select::-ms-expand {display: none;}
select ~ i.fas {float: right;margin-top: -30px;margin-right: 10px;pointer-events: none;background-color: transparent;
color:#888888;padding-right: 5px;position: absolute;right: 15px;}
select option{padding-right: 21px;}
/* calendar */
.reminderIcon .gj-datepicker-bootstrap [role=right-icon] button{border:1px solid #AE3930 !important;}
.reminderIcon .gj-icon{color:#AE3930 !important;}
.reminderIcon input::placeholder {color:#AE3930;}
.reminderIcon input:-ms-input-placeholder {color:#AE3930;}
.reminderIcon input::-ms-input-placeholder {color:#AE3930;}
.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
  background-color: #AE3930 !important;
  color: #fff !important;
  border-color: #AE3930 !important;
}

.gj-picker-bootstrap table tr td.today.gj-cursor-pointer div {
  color: #AE3930;
}
.gj-picker-bootstrap table tr td.disabled div,
.gj-picker-bootstrap table tr td.other-month.disabled div {
  color: #ccc !important
}
.card-footer textarea {
  height: 36px;
}
.modal-header .close{    display: flex;
  justify-content: center;
  align-items: center;}
  .loader_cont {
    background: rgba(255, 255, 255, 0.6);
    position: fixed;
    width: 100%;
    height: 100%;
     z-index: 99; 
    display: flex;
    top: 0;
    justify-content: center;
    align-items: center;
}
.gj-textbox-md{border: 1px solid #ced4da !important;padding: 5px 10px !important;}
/* .gj-timepicker-md [role=right-icon]{font-size: 20px !important; top: 10px !important; right: 5px !important; color:#888888 !important;} */
.gj-timepicker-md [role=right-icon]{font-size: 20px !important;top: 0 !important;right: 0px !important;color: #888888 !important;display: flex;bottom: 0;width: 100%;justify-content: flex-end;padding: 7px;align-items: center;}
#time-sheets.calendar{width: 100%;}
.gj-picker-md [role=header],.gj-picker-md .arrow-begin, .gj-picker-md [role=body] [role=arrow]{background:#AE3930 !important;}
.gj-picker-md .arrow-end {border: 16px solid #AE3930 !important;}
.gj-picker-md [role=footer] button.gj-button-md{color: #AE3930 !important;}
/* calendar */
/* My Calendar */
#my-projects ul li a{border:1px solid rgba(0,0,0,0.1) !important;min-width: 150px;}
#my-projects ul li a.active{background-color:#AE3930; color:#fff !important}
/* My Calendar */
.editPop{background: rgba(0,0,0,0.1); position: fixed; z-index: 1050; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: none;}
.editPopDiv{position: absolute;top: 130px;right: 20px;}
.editPop-content{background: white; min-width: 300px;}
.editPop .arrow-up {width: 0; height: 0; border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #fff; margin-right: 10px;}

.filterPop{background: rgba(0,0,0,0.1); position: fixed; z-index: 1050; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: none;}
.filterPopDiv{position: absolute;top: 130px;right: 100px;}
.filterPop-content{background: white; min-width: 300px;}
.filterPop .arrow-up {width: 0; height: 0; border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #fff; margin-right: 10px;}

.notificationPop{background: rgba(0,0,0,0.1); position: fixed; z-index: 1050; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: none;}
.notificationPopDiv{position: absolute;top: 40px;right: 86px;}
.notificationPop-content {
  background: white;
  max-width: 370px;
  max-height: 592px;
  overflow: auto;
}
.notificationPop .arrow-up {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  margin-right: 108px;
}
.radio-toolbar label i.fa{font-size: 24px}
.filterCheck{margin-right: -25px;}
table.dataTable thead th, table.dataTable thead td{white-space: nowrap;}
.customCheckBox input{display:none;}
.customCheckBox input + label span {display:inline-block;width:25px;height:25px;
margin:-2px 0 0 0;vertical-align:middle;background:url(../images/check_faded.png) center top no-repeat;
cursor:pointer; background-size: contain;}  
.customCheckBox input:checked + label span {background:url(../images/check.png) center top no-repeat;background-size: contain;}
/* custom select */

/* stepper */
#stepper .wizard .wizard-tabs > li {text-align: center;width: 35%;}
#stepper .wizard .wizard-tabs > li .nav-link span {background-color: var(--bg-white);}
#stepper .wizard .wizard-tabs > li .nav-link {border-radius: 100%;height: 18px;margin: auto;padding: 0px;position: relative;width: 18px;}
#stepper .wizard .wizard-tabs > li .nav-link span {background:var(--bg-white);border: var(--border-danger);border-radius: 50%;height: 18px;left: 0;position: absolute;width: 18px;z-index: 2;}
#stepper .wizard .wizard-tabs > li .nav-link.active span{background-image:var(--bg-danger);}
#stepper .wizard .wizard-inner .connecting-line {background: var(--bg-danger);height: 2px;left: 0;
margin: 0 auto;position: absolute;width: 40%;right: 0;top: 50%;z-index: 1;}
#stepper .btn.btn-success{background: var(--btn-danger);}
/* stepper */

/* sukhdeep css  // Get started custom Radio select*/
.radio-toolbar input{opacity: 0;position: fixed;width: 0;}
.radio-toolbar label h3::first-letter{font-size: 160%}
.radio-toolbar label {background-color: #efefef;}
.radio-toolbar label:hover {background-color: #AE3930;color: #fff !important;}
.radio-toolbar label:hover *{color: #fff !important}
.radio-toolbar input:checked + label{background-color: #AE3930;color: #fff !important;}
.radio-toolbar input:checked + label *{color: #fff !important} 
.radio-toolbar label h2{color: #AE3930}
.radio-toolbar label p{color:#3D3D3D;}
.cust-pdf iframe{height: 140px;width: 160px;margin-right:10px;margin-bottom: 10px;    border: 1px solid #dee2e6 !important; }
.cust-pdf video{object-fit: cover}
/* Get started end */
.preview_Img{ height: 100px;width: 130px;}
/* Custom Radio list Interior page */
/*.radio-list input {opacity: 0;position: fixed;width: 0;}*/
.radio-list input {width: 0;}
.radio-list input[type="radio"],
input[type="checkbox"] {
  opacity: 0;
}
.radio-list label:after {content: "";position: absolute;right: 0;width: 20px;height: 20px;background: #fff;border-radius: 50%;border: 2px solid #9d9d9d;margin: auto 0;top: 5px;}
.radio-list input:checked + label:after{border: 0;background: #AE3930;}
.radio-list label {position: relative;}

/* Custom accordan icons */
.panel-heading .accordion-toggle:after {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054";float: right;color: grey;}
.panel-heading .accordion-toggle.collapsed:after {content: "\f078";}

/* Custom Drag-Drop icons */
.drag-drop input {z-index: 99;top: 0;left: 0;opacity: 0;cursor: pointer;}
.drag-drop {border: 2px dashed #dedede;}
/* Custom Chat Box icons */
.chat-card.card{height: 500px;}
.msg_cotainer{font-size: 14px;max-width: 200px;}


.msg_time{right: 0;bottom: -20px;font-size: 10px;min-width: 180px;width: 100%;}

.msg_cotainer.bg-danger::after{position: absolute;left: -10px; bottom:0;width: 0; height: 0; border-top: 18px solid transparent;
border-bottom: 0px solid transparent; border-right:18px solid #AE3930;content: '';}
.msg_cotainer.bg-light::after{position: absolute;right: -10px; bottom:0;width: 0; height: 0; border-top: 18px solid transparent;
border-bottom: 0px solid transparent; border-left:18px solid #f8f9fa;content: '';}
.setting-accordn a:hover{background-color: #f8f9fa !important}
.grid_view > .dropdown-menu{transform: translate3d(-40px, 29px, 0px) !important;}
#err2,#err1,#err4,#err3,#err5,#err6,#err7,#err8,#err9,#err10{width: 100%;color: red;order: 1}
label.error{width: 100%;color: red;order: 1}
label.error_equo {
  width: 100%;
  color: red;
  order: 1
}

.gj-datepicker-bootstrap [role=right-icon] button{height: 100%;}
.input-group > .form-control{order: 0}
.position_input{max-width: 198px;margin-left: -4px;width: auto;position: absolute;}
.chat_img{max-height: 110px}
.phone_number{width: 100%; height:38px; position: absolute;right: 0;left: 0;z-index: 0;padding-left: 105px;display: inline-block; }
/* Captcha style */
.CaptchaTxtField {width: 92%;}
.ReloadBtn {background:url('https://cdn3.iconfinder.com/data/icons/basic-interface/100/update-64.png') left top no-repeat;background-size : 100%;width: 32px; height: 32px;}
.capcha_error {color: red;font-size: 12px;display: none;font-weight: 500;}
@media screen and (max-width: 768px) {
.sidenav{width: 0px;padding: 0;}
.main,.header .navbar{margin-left: 0;}
.header.headerDiv .navbar,.main.mainDiv{margin-left: 250px;}
.sidenav.flip{width: 250px;}
.username-mob{display: none;}
.sidenav{z-index: 999;}
.main.mainDiv{margin-left: 0;}
.header-one ul li:last-child{border-bottom: none;}
.border-sm-top{border-top: none !important;}
.border-sm-right{border-right: none !important;}
.border-sm-bottom{border-bottom: none !important;}
.border-sm-left{border-left: none !important;}
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@media screen and (max-width: 575px) {
    /* .CaptchaTxtField{width: 100%;} */
    .header-one ul li{border-bottom: 1px solid rgba(0,0,0,0.1);} 
    .position_input{position: relative;}
    .navbar-nav{border-top: 1px solid rgba(0,0,0,0.1); margin-top: 10px; padding-top: 10px;}
    .img-140{width: 100px; height: 100px;}
    .user-img{width: 100px; height: 100px;background-size: 40px !important;}
    .img-70{width: 50px; height: 50px;}
    .status-dot{top: 0; left: 0;}
    .custom-close{right: 10px;top: 10px;}
    .w-sm-100{width: 100% !important;}
    .editPopDiv{top: 170px;}
    .img-200,.user-img-200{width: 150px; height: 150px; background-size: 100px !important;}
    /* .preview_Img{ height: 60px;width: 100px;} */
}

.sidebarNav li a {
  font-size: 15px !important;
}