/*My CSS*/
/*Global CSS*/
.datepicker table tr td.old, .datepicker table tr td.new {
visibility: hidden;
}
.modifierbutton{text-transform: none!important;}
#user-appt-sec .appt-notes{
border-radius: 8px;
background: #FFF;
padding: 30px;
display: grid;
}
.signup-user{margin-top:10px;text-align:center;color:#1F254B;}
.signup-user a{
color: #FFF;
font-size: 13px;
font-weight: 500;
background-color: #057648;
padding: 4px 12px;
border-radius: 34px;
text-decoration: none;
margin-top: 10px;
display: inline-block;
}
.signup-user a:hover{background-color: #035b37 ;}
.backtositetop{color:#fff!important;}
.close.fileinput-remove{display:none}
.select2-search__field{
border: none !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.user-registration .select2-selection__rendered .select2-container--krajee-bs5 .select2-selection--multiple .select2-search--inline .select2-search__field {
min-width:16em;
}
*{font-family: Nunito;}
.booked-appt-data{
padding: 20px;
}
.appointmentformarea{
padding: 20px;
background: #3f51b50d;
border-radius: 5px;
}
.booked-appt-data .appointmentbox{
display: flex;
justify-content: space-between;
}
.booked-appt-data .votre{
font-size: 17px;
color: #02022a91;
}
.booked-appt-data .appointmenteditable{
display: flex;
gap: 25px;
align-items: center;
flex-wrap: wrap;
}
.booked-appt-data .cancelapptitle {
opacity: 0.3;
font-size: 15px;
}
.booked-appt-data .modifierbutton {
border-radius: 50px;
background: #42d7d7;
padding: 11px 23px;
color: black;
display: inherit;
align-items: center;
border: none;
font-size: 14px;
letter-spacing: -0.28px;
}
.booked-appt-data .contactinformations {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
margin-top:22px;
}
.booked-appt-data #daytime {
font-size: 14px;
padding: 8px 10px;
border: none;
border-radius: 5px;
background: #a8e7e4;
opacity: 0.6;
}
.booked-appt-data .fa-calendar{
padding-right: 5px;
font-size:17px;
}
.agentimagetitlebox img {
width: 35px;
height: 35px;
object-fit: cover;
border-radius: 40px;
}
.agentimagetitle {
display: flex;
align-items: center;
font-size: 22px;
gap: 10px;
flex-wrap: wrap;
}
.booked-appt-data .appointmenttitle {
padding-bottom: 0px;
font-size: 11px;
color: #01011b9c;
margin-bottom: 20px;
}
.booked-appt-data .nametitle {
color: #02022a91;
font-size: 14px;
}
.booked-appt-data .title, .booked-appt-data .email {
color: #02022a91;
font-weight: 600;
font-size: 14px;
}
.booked-appt-data .link{color:#75b59df2;}
.booked-appt-data .email a.link{
text-overflow: ellipsis;
overflow: hidden;
width: 250px;
white-space: nowrap;
display: block;
}
body input:focus,
body select:focus{box-shadow:none!important}
html body button.btn,
html body .btn{
border-radius: 34px;
background: #057648;
height: 42px;
padding: 10px 20px;
color: #FFF;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
min-width:168px;
}
html body button.btn.disabled{
background-color: #057648;
opacity:0.65;
}
html body button.close-popup{
border-radius: 34px;
color:#057648;
border: 1px solid #057648;
background: #FFF;
}
html body .btn:hover,
html body .btn:active,
html body .btn:focus,
html body .btn:focus-visible{
color: #fff!important;
background-color: #035b37!important;
border-color: #035b37!important;
box-shadow: none!important;
}
body h1{font-size:38px;font-weight:500;}
body h2{font-size:30px;font-weight:600;}
body h3{font-size:24px;font-weight:600;}
body h4{font-size:18px;font-weight:600;}
body h5{font-size:16px;font-weight:700;}
body h6{font-size:14px;font-weight:400;}
body p{font-size:16px;font-weight:600;margin-bottom: 10px;}
body .small-p{font-size:14px;font-weight:400;}
body .small-title{
font-size:12px;
font-weight: 600;
letter-spacing: 0.24px;
text-transform: uppercase;
}
body .custom-btn{
height: 42px;
padding: 10px 24px;
color: #FFF;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
border-radius: 34px;
background: #2F3B8A;
}
body .custom-btn-white{
background: #fff;
color: #2F3B8A;
border:1px solid #2F3B8A;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
border-radius: 34px;
height: 42px;
padding: 10px 24px;
}
html body select{
-webkit-appearance: auto!important;
-moz-appearance: auto!important;
appearance: auto!important;}
/*End Global CSS*/
.users-create #client_register .step-anchor{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 8px;
background-color: transparent;
z-index: 9;
width: 200px;
margin: 10px auto 30px;
float: none;
}
.users-create #client_register .step-anchor li{
height: 6px;
padding: 0;
box-shadow: none;
list-style-type: none;
}
.users-create #client_register> div>ul{ list-style-type: none;}
.users-create #client_register .step-anchor li a{
height: 100%;
padding: 0;
border-radius: 46px;
opacity: 0.16;
background: #5a5a5a ;
box-shadow: none;
}
.users-create #client_register .step-anchor li.active a{
background-color: #057648!important;
opacity: 1;
}
.users-create #client_register .step-anchor li.done a{
background-color: #057648 !important;
opacity: 1;
}
.users-create #client_register .fields_container{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 20px 20px;
}
.users-create #client_register .form-group,
.users-create #client_register .field-users-confirm_password,
.users-create #client_register .field-users-terms_accepted{
grid-column: span 12;
margin-bottom:0;
}
.users-create #client_register .field-users-first_name,
.users-create #client_register .field-users-last_name{
grid-column: span 6;
}
.fields_container input,
.fields_container select,
.fields_container select2{
border-radius: 8px!important;
border: 1px solid #cdcfd1!important;
background-color: #FFF!important;
width:100%;
height:45px;
padding:10px 20px;
color: #1F254B;
font-size: 16px;
font-weight: 400;
}
body .form-group label{
color: #1F254B;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
margin-bottom: 5px;
}
.users-create #client_register .formwizard_next{
padding: 10px;
border-radius: 34px;
background-color: #057648!important;
color:#fff!important;
font-size: 16px;
font-weight: 700;
border:none;}
.users-create #client_register .formwizard_next:hover,
.users-create #client_register .formwizard_prev:hover,
.users-create #client_register .formwizard_finish:hover{background-color: #035b37!important;}
.users-create #client_register .formwizard_finish{
padding: 10px;
border-radius: 34px;
background-color: #057648!important;
color:#fff!important;
font-size: 16px;
font-weight: 700;
border: 0;
}
.users-create #client_register .btn-toolbar{
float:right;
justify-content: space-between !important;
width: 100%;
margin-top: 20px;
}
.sw-btn-group-extra{
justify-content: space-between;
width:100%;
}
.user-registration
.btn-toolbar button{
width: 204px;
height: 45px;
max-width:204px;
}
.users-create #client_register .btn-toolbar .formwizard_prev.disabled{
border-radius: 34px;
opacity: 0.3;
background-color:#d1d1d1!important;
color: #1F254B !important;
border: none;
font-weight:700;
}
.users-create #client_register .btn-toolbar .formwizard_prev{
border-radius: 34px;
opacity: 1;
background-color:#057648 !important;
color: #fff !important;
border: none;
}
.users-create #client_register .btn-toolbar .formwizard_prev:hover{
background-color:#035b37!important;
color: #fff !important;
}
.users-create #client_register .pb-2{
text-align: center;
color: #1F254B;
border-bottom: 0!important;
padding-bottom: 28px!important;
font-size: 24px;
font-weight: 600;
}
.users-create #client_register .sw-main{
margin-bottom: 0;
box-shadow: none;
position: unset;
background: #ffffff;
padding: 0;
border-radius: 10px !important;
/*border: 1px solid #d9d7d7;*/
min-width: 100%;
}
.big-sidebar .users-create #client_register .sw-main{background: #fff;}
.users-create #client_register .custom-control-label{
font-weight:400;
opacity:1;
}
.users-create #client_register .form-text{
border-radius: 8px;
background: #E9EAED;
padding: 18px 20px;
color: #2F3B8A!important;
font-size: 14px;
font-weight: 400;
margin-top: 16px;
}
#main>.container{max-width:100%;padding:0}
.both-panel {
height: 100vh;
float: left;
width: 100%;
}
.both-panel.big-sidebar{
background: linear-gradient(90deg, rgba(32, 110, 71, 1) 0%, rgba(87, 199, 133, 1) 50%);
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.left-side-panel{
width: 276px;
/* background-image: url(/web/images/bg.jpg);*/
background-color:#057648;
background-size: cover;
background-position: left top;
background-repeat: no-repeat;
color: white;
padding: 15px 15px 0px 15px;
display: flex;
flex-direction: column;
justify-content: space-between;
position:fixed;
height:100%;
}
.site-logo img{max-width:184px}
.left-side-panel h2 {
color: #FFF;
font-family: Nunito;
font-size: 38px;
font-weight: 500;
letter-spacing: -0.76px;
margin-top: 70px;
}
.users-create #client_register .tab-content{
width:100%;
margin-left: 0;
padding: 0px 20px 0px 20px;
}
.right-side-panel{
padding: 0px 24px 0px 24px;
background-color: #F1F1F1;
width: calc(100% - 276px);
float: right;
display:flex;
flex-direction:column;
justify-content:flex-start;
min-height:100%;
}
.no-sidebar .right-side-panel{justify-content:center;}
.top-cntnt{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
margin-left: -24px;
margin-right: -24px;
padding: 10px 24px 10px 24px;
background-color: #ffffffa1;
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
border-bottom: 1px solid #00000029;
position: sticky;
top: 0;
z-index: 3;
}
.top-cntnt h2{margin-bottom: 0;}
.big-sidebar .top-cntnt{margin-bottom:10px; display: none;}
.big-sidebar .top-cntnt-lft{padding:0}
.top-cntnt-lft p{margin-bottom:0;font-weight:400;}
.top-cntnt-lft{
font-weight: 700;
font-size: 16px;
}
.top-cntnt-lft a{color:#3B8378;font-weight:700;}
.top-cntnt-opt {
position: relative;
grid-gap: 10px;
width: 100px;
border-radius: 43px;
background: #FFF;
display: flex;
height: 40px;
padding: 8px 12px 8px 8px;
align-items: center;
gap: 10px;
}
.top-cntnt-opt span {
width: 24px;
}
.top-cntnt-opt span img {
margin-top: 4px;
}
.top-cntnt-opt select {
border: none;
color: #2F3B8A;
font-size: 16px;
font-weight: 700;
}
.flex-column #main .right-side-panel .top-cntnt .lang-with-bell-content {
display: flex;
align-items: center;
gap: 15px;
}
.flex-column #main .right-side-panel .top-cntnt .bell-icon {
background-image: url('data:image/svg+xml,');
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: center center;
opacity: 0px;
}
.flex-column #main .right-side-panel .top-cntnt .bell-circle-content {
background: white;
border-radius: 50px;
padding: 8px;
position: relative;
}
.flex-column #main .right-side-panel .top-cntnt .box p:empty{
display:none}
#header{display:none;}
.field-users-phone_cc{width:84px;margin-bottom: -24px!important;}
.field-users-phone{
grid-column: span 12;
/* margin-top: -54px;*/
}
/*.field-users-phone input{
padding-left: 90px!important;
}*/
.select2{
height:45px;
}
.select2 .select2-selection__rendered{
height:100%!important;
display: flex!important;
align-items: center;
width: 100%;
grid-gap: 10px;
line-height: 36px;
}
body form span.select2-selection{
box-shadow: none;
height: 45px!important;
margin: 0px 0 0 2px;
}
.field-users-phone_cc span.select2-selection{
border: none!important;
box-shadow: none;
padding: 0px 12px 0px 20px!important;
height: 52px!important;
margin: 3px 0 0 2px;
}
.select2 img{
width: 25px;
height: auto !important;
}
.users-create #client_register .field-heading{
color: #1F254B;
font-size: 18px;
font-weight: 600;
margin-bottom: -10px;
border-bottom: 0;
grid-column: span 12;
}
.users-create #client_register .field-users-addr1{grid-column: span 6!important;}
.users-create #client_register .field-users-industry_type{grid-column: span 6!important;}
.users-create #client_register .field-users-year{grid-column: span 6!important;}
.users-create #client_register .field-users-month{grid-column: span 6!important;}
.users-create #client_register .field-users-day{grid-column: span 3!important;}
.users-create #client_register .fields_container>div{grid-column: span 12;}
.users-create #client_register .field-users-addr2,
.users-create #client_register .field-users-city,
.users-create #client_register .field-users-postal_code,
.users-create #client_register .field-users-marital_status,
.users-create #client_register .field-users-native_lang,
.users-create #client_register .field-users-curr_job,
.users-create #client_register .field-users-desired_job,
.users-create #client_register .field-users-native_country,
.users-create #client_register .field-users-arrival_place,
.users-create #client_register .field-users-arrival_date,
.users-create #client_register .field-users-family_total,
.users-create #client_register .field-users-with_family,
.users-create #client_register .group-mem-name{
grid-column: span 6!important;
}
/*form div.form-group{margin-bottom:0}*/
.field-users-other_langs .select2-selection__choice{
padding: 6px 9px 6px 12px!important;
border-radius: 40px!important;
color: #1F254B!important;
font-size: 14px!important;
font-weight: 600;
letter-spacing: -0.28px;
flex-direction: row-reverse;
grid-gap: 5px;
display: inline-flex!important;
align-items: center;
}
.field-users-other_langs .select2-selection__choice__remove{
width: 16px!important;
height: 16px!important;
background-color: #1F254B!important;
border-radius: 50%!important;
font-size: 16px!important;
color: #fff!important;
text-shadow: none!important;
}
#client_register .select2-search__field{margin:0}
#client_register #users-arrival_date-kvdate{flex-direction: row-reverse;}
#client_register .field-users-arrival_date .input-group-text.kv-date-picker{
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background-color: #fff;
border-left: 0;
border:0;
}
#client_register #users-arrival_date{
}
#client_register .field-users-arrival_date .input-group-text.kv-date-picker svg{
opacity: 0.3;
}
.reg-radio-input{
display: flex;
grid-gap: 16px;
}
.custom-control.custom-radio{
border-radius: 8px;
background: rgba(255, 255, 255, 0.40);
padding: 12px 16px 12px 48px;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #2F3B8A!important;
background-color: #2F3B8A!important;
width: 20px;
height: 20px;
opacity: 1;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after{
width: 20px;
height: 20px;
}
.custom-control-label:after,.custom-control-label:before{
width: 20px!important;
height: 20px!important;
left: -2rem;
top:0;
}
.custom-control-label:after,.custom-control-label:after{
background: 48% / 50% 49% no-repeat;
}
.custom-control-label:before{
background-color:#fff;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(103, 110, 118, 0.16), 0px 2px 5px 0px rgba(103, 110, 118, 0.08);
border:none;
}
.custom-control-input:focus ~ .custom-control-label::before{box-shadow:none;}
.custom-control label.custom-control-label{
color: #1F254B!important;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 0;
opacity:1;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label{opacity:1!important;}
.custom-control-input:checked ~ .custom-control-label{opacity:1!important;}
.back-to-mainsite{
position: fixed;
left: 60px;
bottom: 60px;
margin-bottom: 0;
}
.back-to-mainsite a{
color: #FFF;
font-size: 16px;
font-weight: 600;
text-decoration-line: underline;
opacity: 0.6;
}
.back-to-mainsite a:hover{opacity: 1;}
.step-detail {
margin-bottom: 6px;
color: #1F254B;
opacity: 0.8;
font-weight: 700;
font-size: 16px;
text-align:center;
}
.field-users-sms_remind .custom-control.custom-checkbox, .field-users-sub_newsletter .custom-control.custom-checkbox{
border-radius: 8px;
background: rgba(255, 255, 255, 0.40);
padding: 12px 16px 12px 48px!important;
width: 89px;
}
#cats-lrn-pft .custom-control.custom-checkbox {
border-radius: 8px;
background: #F7F7F7;
padding: 12px 16px 10px 48px!important;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url('data:image/svg+xml,');
}
.mt30{
margin-top:30px;
display: flex;
justify-content: space-between;
}
#cats-lrn-pft{
display: flex;
flex-wrap: wrap;
grid-gap: 16px;
}
#option-container{
border-left: 1px solid rgba(184, 190, 209, 0.42);
padding-left: 12px;
max-width: 520px;
}
#option-container input{
margin-bottom: 16px;
height: 45px;}
#option-container .remove-option{
min-width: 50px;
height: 54px;
border-radius: 4px;
margin-top: -17px;
}
#pollsquestions-priority{
border-radius: 8px;
border: 1px solid #E9EAED;
height: 54px;
}
#pollsquestions-description{ min-height: 54px;
height: 54px;}
.users-create #client_register .field-users-sub_newsletter .custom-control-label{
color: #2F3B8A!important;
font-size: 14px!important;
font-weight: 400!important;
opacity:1!important;
}
.users-create #client_register #users-family_total{max-width:116px}
/*.users-create #client_register .field-users-sub_newsletter .custom-control.custom-checkbox{margin-left:8px;}*/
.users-create #client_register .family_member_group{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 24px 20px;
border-left: 1px solid rgba(184, 190, 209, 0.42);
padding-left: 12px;
}
.users-create #client_register .btn-file{
border-radius: 8px;
border: 1px dashed #057648;
background: #057648;
color: #FFF;
text-align: center;
font-size: 16px;
font-weight: 400;
width: 176px;
height: 43px;
line-height:2;
margin-bottom: 0;
}
.users-create #client_register .btn-file input{height:43px;}
.users-create .fileinput-cancel-button{display:none;}
.users-create .input-group .file-caption-name{
order: 3;
border-radius: 6px;
background: #E7E8EC;
padding: 9px 10px;
flex: inherit;
width: auto;
height: 43px;
}
.users-create .input-group .file-caption-icon{order: 2;}
.users-create .input-group .input-group-btn{order: 1;}
.users-create .input-group {display: inline-flex;width:100%;}
.users-create .input-group .fileinput-remove-button{
position: absolute;
right: 0;
border:0;
z-index: 9;
width: auto;
min-width: auto;
background-color: transparent;
height: auto;
padding: 0;
bottom: 0;
}
.users-create .input-group .fileinput-remove-button:hover,
.users-create .input-group .fileinput-remove-button:active,
.users-create .input-group .fileinput-remove-button:focus{background-color:transparent!important}
.users-create .input-group .fileinput-remove-button .hidden-xs{display:none;}
.users-create .input-group .fileinput-remove-button .bi-trash::before {
content: "\F622";
color: #333;
}
.users-create .file-drop-zone{min-height: 59px;border: 0;margin:0;}
.users-create .file-drop-zone-title{padding: 5px 10px;}
.users-create .field-users-immig_doc_path .file-caption{
margin-top: -64px;
padding-left: 30px;
width: calc(100% - 30px);
}
.users-create .field-users-immig_doc_path .btn-file{
width: 100%!important;
color: #2F3B8A !important;
font-size: 16px!important;
font-weight: 600!important;
background-color: transparent!important;
border: 0!important;
}
.users-create .field-users-immig_doc_path .file-preview{
border-radius: 8px;
border: 1px dashed rgba(47, 59, 138, 0.46);
background: rgba(47, 59, 138, 0.05);
}
.users-create .file-drop-zone-title{display:none}
.users-create .field-users-sub_newsletter{}
.users-create .field-users-immig_doc_path .btn-file .hidden-xs span{
color: #3B8378;
text-decoration: underline;
}
.users-create .field-users-immig_doc_path .file-preview-frame{display:none;}
.users-create .file-preview .fileinput-remove{display:none;}
.users-create #users-sub_newsletter{height:auto!important}
.users-create .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 54px;}
.users-create .field-users-immig_doc_path .file-error-message{
z-index: 5;
position: relative;
margin-bottom: 60px;
}
.users-create #client_register input[type="checkbox"]{height:auto}
.users-create #client_register .custom-checkbox{padding-left: 2rem;}
.users-create #client_register .form-control:focus{box-shadow:none;border-color: #212529;}
.users-create #client_register .shake {
-webkit-animation-name: none;
-moz-animation-name: none;
-o-animation-name: none;
animation-name: none;
}
#users-arrival_date-kvdate .input-group-prepend {
margin-right: 0px;
margin-left: -20px;
z-index: 5;
height: 51px;
margin-top: 2px;
}
.users-create #client_register .formwizard_prev i,
.users-create #client_register .formwizard_next i,
.users-create #client_register .formwizard_finish i{display:none}
.datepicker{padding: 24px;}
.datepicker .datepicker-switch {
color: #1F254B;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
text-transform: capitalize;
}
.datepicker .dow{
color: #B5BEC6;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.24px;
text-transform: uppercase;
}
.datepicker .day{
color: #4A5660;
text-align: center;
font-size: 16px;
font-weight: 700;
}
.datepicker .active.day{
border-radius: 29px;
background-color: #68DCCB!important;
color:#fff;
}
.datepicker table tr td.day:not(.disabled):hover,
.datepicker table tr td.focused,
.datepicker table tr td.active.day {
border-radius: 29px;
background-color: #68DCCB!important;
color:#fff;
}
.disabled{opacity: 0.4;}
.select2-results__option{
color: #1F254B;
font-family: Nunito;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 16px 0 16px 18px;
border-bottom: 1px solid #E9EAED;
}
.select2-results__option--highlighted[aria-selected] {
background-color: rgba(47, 59, 138, 0.05)!important;
color:#1F254B!important;
}
.select2-selection:focus{box-shadow:none!important;border-color:transparent!important;}
.field-users-immig_doc_path .invalid-feedback:empty{display:none}
.field-users-immig_doc_path .invalid-feedback{display:block}
.file-input.file-input-ajax-new{height:76px}
.big-sidebar .left-side-panel{display:none;width: 33%; padding: 60px;}
.big-sidebar .right-side-panel{
width: calc(100% - 0%);
max-width: 767px;
margin: 0 auto;
justify-content: flex-start;
align-items: center;
float: none;
min-height:auto;
padding: 20px;
border-radius: 10px;
background-color: #ffffff;
}
.big-sidebar .left-side-panel .site-logo img{ margin-bottom: 20px; }
.big-sidebar .site-logo h1{margin-top:70px}
.users-create .group-mem-img .invalid-feedback{display:block}
.users-create .group-mem-img .invalid-feedback:empty{display:none}
/*location design CSS*/
.sibling-menu{
display: flex;
list-style-type: none;
grid-gap: 40px;
padding-left:0;
}
.sibling-menu li a{
color: #1F254B;
font-size: 16px;
font-weight: 700;
line-height: normal;
opacity:0.5;
padding-bottom: 12px;
text-decoration:none;
display: inline-block;
}
.sibling-menu li.active a{
opacity:1;
border-bottom: 2px solid #2F3B8A;
}
.openModel-parent{
display: flex;
height: 92px;
padding: 20px;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #E9EAED;
background-color: #fff;
}
.openModel-parent h1{
color: #1F254B;
font-size: 24px;
font-weight: 600;
line-height: normal;
margin-bottom: 0;
}
.openModel-parent button{
border-radius: 34px;
background:#68DCCB;
padding: 10px 24px;
color: #1F254B;
font-size: 14px;
font-weight: 600;
line-height: 150%;
letter-spacing: -0.28px;
border:0;
}
.grid-view .table-striped th{
padding: 5px 10px 5px 10px;
color: #FFF;
font-size: 14px;
font-weight: 700;
letter-spacing: -0.28px;
background: #057648;
}
.grid-view .table-striped td{
color: #1F254B;
font-size: 16px;
font-weight: 400;
padding: 20px;
}
.grid-view .table-striped tbody tr:nth-of-type(odd){background: #F7F7F7;}
.grid-view .table-striped a{
border-radius: 7px;
background: #057648;
padding: 5px 8px;
color: #fff;
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
border: 0;
}
.grid-view .table-striped a i{
font-size: 22px;
height: 16px;
display: inline-block;
}
.openModel-parent button .bi-plus{
margin-right: 3px;
font-size: 16px;
}
.modal-dialog {
display: flex;
flex-direction: column;
height: calc(100% - 56px);
justify-content: center;
align-items: center;
max-width: 640px;
}
.modal-dialog form >.form-group:last-child{
grid-column: span 12;
text-align: center;
border-top: 1px solid #E9EAED;
background: #F7F7F7;
padding: 24px 0;
margin-top: 30px;
margin-left: -28px;
margin-right: -28px;
margin-bottom: 0px!important;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
grid-gap: 24px;
display: flex;
justify-content: center;
}
#modal-label{
color: #000;
font-size: 16px;
font-weight: 700;
}
.modal-header{padding: 32px 28px;}
#location-form .btn-success{
border-radius: 34px;
background: #057648;
padding: 10px 24px;
border: none;
box-shadow: none;
}
#location-form label{
color: #1F254B;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
}
.modal-body {padding: 24px 28px;}
#location-form input, #location-form select{
border-radius: 8px;
border: 1px solid #E9EAED;
background: #FFF;
color: #1F254B;
font-size: 16px;
font-weight: 400;
height: 45px;
}
#location-form input:focus, #location-form select:focus{
box-shadow:none;
border-color: #E9EAED;
}
.help-block{color:red;font-size:15px}
.select2-users-phone_cc-results .select2-results__option img{max-width:25px;}
.select2-dropdown{
border-color: #E9EAED!important;
box-shadow:none!important;
}
.select2-dropdown{border: 1px solid #E9EAED;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
background-color: rgba(47, 59, 138, 0.05);
color: #1F254B;
}
.users-create .file-caption .input-group{width: auto;}
#delete-loc img{width:16px;}
/*Footer CSS*/
#footer{
float: left;
width: calc(100% + 48px);
margin-left: -24px;
margin-right: -24px;
background-color: #333 !important;
padding-bottom: 0 !important;
padding-top: 0 !important;
position: relative;
top: 50px;
}
#footer .row1{
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-gap:82px;
padding: 60px 32px 35px 32px !important;
}
#footer .row1 h3{
margin-bottom: 20px;
padding-bottom: 20px;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
font-size: 24px;
font-weight: 600;
}
#footer .days-table li{
display: flex;
align-items: center;
justify-content: space-between;
color: #fff;
margin-bottom: 12px;
}
#footer .days-table{ padding-left: 0;}
#footer .days-table .days-title{font-weight: 700;}
#footer .days-table span{
color: #FFF;
font-size: 14px;
font-weight: 400;
letter-spacing: -0.28px;
}
#footer .footer-social{
display: flex;
padding-left: 0;
grid-gap: 16px;
}
#footer .backtosite{
display: block;
color: #fff;
font-size: 16px;
font-weight: 600;
margin-top: 0px;
}
#footer .footer-col-box{
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 40px;
}
#footer h4{
color: #FFF;
font-size: 18px;
font-weight: 600;
}
#footer p{
color: #FFF;
font-size: 14px;
font-weight: 400;
}
#footer .row-2{
padding: 10px;
background-color: #00da81;
text-align: center;
}
#footer .row-2 p{ margin-bottom: 0;color: #000;}
#footer .row-2 p a{color: #000;}
.footer-col a{
color: #fff;
font-size: 16px;
font-weight: 600;
text-decoration:none;
list-style-type:none;
}
.footer-col li{margin-bottom:6px;}
.footer-col ul{
padding-left: 0;
list-style-type: none;
}
/*End footer CSS*/
#modalContent #locations-exlocations{
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
/*SIDEBAR MENU CSS*/
.fixed-top{position: unset;background-color:transparent;}
.navbar > .container{padding: 0;flex-direction: column;}
.nav.flex-column{
margin-top: 32px;
}
.nav.flex-column li a{
position: relative;
color: #FFF;
font-size: 16px;
font-weight: 700;
text-decoration: none;
opacity: 1;
display: flex;
align-items: center;
grid-gap: 10px;
width: calc(100% + 30px);
padding: 15px 15px;
border-top: 1px solid #035b37;
margin: 0 -15px;
}
.nav.flex-column li ul{
list-style-type: none;
padding-left: 0px;
}
.nav.flex-column li a img{max-height:24px}
.nav.flex-column li ul li a{
padding-left:50px;
font-size: 15px;
font-weight: 600;
}
.nav.flex-column li ul li a:before{
content:"";
background-image:url('/web/images/menu-arrow.png');
width: 24px;
height: 40px;
position: absolute;
left: 15px;
background-size: cover;
top: -5px;
}
.nav.flex-column li .submenu a{border-top:0}
.nav.flex-column li a:hover{background-color: #035b37;}
.nav.flex-column li.active a{background-color: #035b37;}
.divider{
margin-left: -15px;
margin-right: -15px;
}
.user-section{
display: grid;
grid-template-columns: 46px 1fr 24px;
grid-gap: 10px;
margin-left: -15px;
margin-right: -15px;
background: #035b37;
padding: 16px;
align-items: center;
}
.u-img{width: 100%;
height: 46px;
background-color: #fff;
color: #2F3B8A;
font-size: 16px;
font-weight: 700;
letter-spacing: -0.32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
}
.u-detail h6{
color: #FFF;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
margin-bottom: 0;
}
.u-detail p{
margin-bottom:0
}
.u-detail p a{
color:#FFF;
font-size: 12px;
font-weight: 400;
letter-spacing: -0.24px;
text-decoration: none;
word-break: break-all;
}
/*.nav.flex-column li.active a:before{
content:"";
position: absolute;
left: -15px;
width: 3px;
background-color: #fff;
height: 100%;
}
System Users CSS*/
.system-users-form{
background-color: #fff;
padding: 32px 20px;
border-radius: 8px;
}
.system-users-form {
/*display: grid;
grid-template-columns: 164px 1fr;
grid-gap: 20px;*/
}
.system-users-form .other-field-box{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
position:relative;
}
.other-field-box input,.other-field-box select{
border: 0;
border-bottom: 1px solid #E9EAED;
color: #1F254B;
font-size: 16px;
font-weight: 600;
}
.other-field-box input:focus, .other-field-box select:focus{border:none;box-shadow:none;}
.system-users-form .other-field-box label{
color: #6C7087;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.24px;
text-transform: uppercase;
}
.system-users-form .file-drop-zone {
border: none !important;
outline: none !important;
min-height: 164px;
margin: 0;
padding:0;
}
.system-users-form .file-preview {
border: 0;
border-radius: 50%;
padding: 0;
margin-bottom: 0;
}
.system-users-form .file-thumbnail-footer{display:none}
.file-preview-frame{
margin: 0!important;
padding: 0!important;
border: 0!important;
box-shadow: none!important;
}
.file-preview-frame:hover{
border:none!important;
box-shadow:none!important;
}
.system-users-form .kv-file-content{width:100%!important;height:164px!important}
.system-users-form .field-systemusers-image .fileinput-remove{display:none}
.system-users-form .field-systemusers-image label{display:none}
.system-users-form .field-systemusers-image .btn-file{
position: absolute;
bottom: 0px;
border: 0;
box-shadow: none!important;
left: 0px;
background: rgba(0, 0, 0, 0.30);
width: 100%;
}
.system-users-form .field-systemusers-image .btn-file:active{background: rgba(0, 0, 0, 0.30);}
.system-users-form .field-systemusers-image .kv-file-content img{
height: 164px!important;
object-fit: cover;
border-radius: 50%;
width: 164px !important;
}
.file-preview-status{display:none}
.system-users-form .field-systemusers-image .file-input{
text-align: center;
overflow: hidden;
border-radius: 50%;
}
.btn-row{
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 24px;
}
.btn-row a {
color: #1F254B;
font-family: Nunito;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-decoration: none;
padding: 10px 24px 10px 20px;
border-radius: 34px;
background: #F7F7F7;
width: 281px;
text-align: center;
height: 54px;
line-height: 2;
}
.btn-row a.addagnt{
background: #68DCCB;
}
.system-users-form .other-field-box .form-group{margin-bottom: 0;}
.hours-section {
padding: 24px 20px;
border-radius: 8px;
background: #FFF;
width: 100%;
margin-top: 20px;
}
.hours-section h4 {
color:#1F254B;
font-size: 18px;
font-weight: 600;
}
.row-first {
display: flex;
justify-content: space-between;
}
.row-first-right{
display: flex;
gap: 25px;
}
.row-first-right a{
color: #394590;
text-align: center;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
border-radius: 4px;
background: rgba(47, 59, 138, 0.07);
padding:9px 10px;
text-decoration: none;
text-transform: unset;
}
.row-first-right a i, .row-first-right a img{margin-right:5px;}
.row-second {
display: flex;
justify-content: start;
gap: 100px;
padding-top: 25px;
}
.row-second h6{
color: #1F254B;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.24px;
text-transform: uppercase;
}
.row-second p {
color:#6C7087;
font-size: 16px;
font-weight: 400;
}
.system-users-form .other-field-box .select2-selection{
border:0;
border-bottom: 1px solid #ced4da;
box-shadow:none;
}
.system-users-form .other-field-box .select2 {
height: auto;
}
.system-users-form .other-field-box .select2-selection__arrow{border-left: 0;}
/*System Users popup CSS*/
.users-popup-main {
background-color: white;
width: 100%;
max-width: 635px;
margin: 0 auto;
padding:0 0 0 0;
border-radius: 10px;
}
.users-popup-firsttitle {
display: flex;
justify-content: space-between;
border-bottom: 2px solid #80808021;
padding: 0 24px 30px 24px;
align-items: center;
}
.users-popup-firsttitle h5 {
color: #1F254B;
font-size: 16px;
font-weight: 700;
}
.close-user-popup {
color: #6C7087;
cursor:pointer;
}
.users-popup-form-box{
padding:0px 0px 48px 0px;
}
.users-popup-titleitem {
margin-top: 15px;
color: #131381;
}
.users-popup-label2 {
color:#1F254B;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
}
.users-popup-heuris {
padding: 9px 16px;
font-size: 14px;
font-weight: 600;
color: #1F254B;
border-radius: 30px;
background: #F7F7F7;
border: 0;
}
.users-popup-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin-top: 12px;
gap: 15px;
}
.users-popup-form {
margin-top: 10px;
}
.users-popup-item {
border-radius: 8px;
background: #F7F7F7;
padding: 12px 20px;
display: flex;
align-items: center;
grid-gap: 12px;
}
.users-popup-form h6 {
color: #1F254B;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
}
.users-popup-formpart4 {
margin-top: 20px;
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 20px;
color: #00000070;
}
.users-popup-formitem {
grid-column: span 12;
display: inherit;
}
.users-popup-formitem1 {
grid-column: span 5;
display: inherit;
}
.users-popup-letter {
padding-top: 40px;
padding-left: 5px;
grid-column: span 1;
color: #646989;
opacity: 0.8;
font-size: 16px;
font-weight: 400;
}
.users-popup-plus-minus {
padding-top: 40px;
grid-column: span 1;
}
.working-hours .users-popup-plus-minus{
float: right;
font-size: 20px;
display: flex;
grid-gap: 15px;
position: relative;
top: 0px;
color: #646989;
opacity: 0.8;
}
.working-hours .users-popup-plus-minus .bi
{
display:inline-block;
cursor: pointer;
color: #646989;
opacity: 0.8;
}
.users-popup-formitem2 {
grid-column: span 5;
display: inherit;
}
.users-popup-formitem3 {
grid-column: span 5;
display: inherit;
}
.users-popup-formitem4 {
grid-column: span 5;
display: inherit;
}
.working-hours .users-popup-formpart4:first-of-type .bi-dash-circle{
display: none;
}
.error-working-days, .error-working-hours{color:red;}
.users-popup-common {
height: 54px;
text-indent: 10px;
font-size: 16px;
color: #646989;
border-radius: 8px;
border: 1px solid #E9EAED;
background: #FFF;
opacity: 0.8;
}
.disable-hours-sec{
opacity: 0.5;
}
.users-popup-formitem label {
padding-bottom: 6px;
margin-bottom: 0;
color: var(--Grey, #646989);
font-size: 14px;
font-weight: 400;
letter-spacing: -0.24px;
opacity:0.8;
}
.users-popup-anuler {
border-radius: 20px;
width: 114px;
padding: 8px;
text-align: center;
border: 2px solid #2F3B8A;
height:42px;
color:#2F3B8A;
}
.users-popup-label {
color: #1F254B;
font-size: 16px;
font-weight: 400;
margin-bottom: 0;
}
.users-popup-verifier {
border-radius: 20px;
width: 100px;
padding: 10px;
text-align: center;
border: none;
background-color: #2F3B8A;
color: white;
height:42px;
}
.users-popup-button {
padding: 24px 0;
display: flex;
justify-content: center;
gap: 24px;
background: #80808021;
align-items: center;
margin-left: -28px;
margin-right: -28px;
}
.users-popup-items input{
width: 20px;
height: 20px;
border-radius: 4px;
accent-color: #2F3B8A;
background: #FFF;
box-shadow: 0px 2px 5px 0px rgba(103, 110, 118, 0.08), 0px 0px 0px 1px rgba(103, 110, 118, 0.16), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
}
/*End System Users popup CSS*/
/*End System Users CSS*/
/*Login form CSS*/
.no-sidebar .left-side-panel{display:none}
.d-flex #main .no-sidebar .right-side-panel #w0-error-0
{
display: table;
margin: 0 auto;
}
.no-sidebar .right-side-panel #footer{display:none}
.no-sidebar .right-side-panel {
width: calc(100% - 0px);
background: linear-gradient(90deg, rgba(32, 110, 71, 1) 0%, rgba(87, 199, 133, 1) 50%);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.right-side-panel .site-login{
width:100%;
max-width: 850px;
margin: 0px auto;
}
/*.form-box{
border-radius: 8px;
border: 1px solid #E9EAED;
background: #fff;
padding: 40px 40px 30px 40px;
}*/
.site-login h1{
margin-bottom: 15px;
text-align: center;
}
.form-box .btn-primary{
border-radius: 34px;
background: #057648;
border: 0;
width: 100%;
color: #fff;
font-size: 16px;
font-weight: 700;
height: 45px;
}
.form-box h3{
color: #1F254B;
/* color: #fff;*/
font-size: 24px;
font-weight: 600;
text-align: center;
margin-bottom: 13px;
}
.form-box #login-form label{
color: #1F254B;
/* color: #fff;*/
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
}
.form-box #login-form input{
color: #1F254B;
font-size: 16px;
font-weight: 400;
border-radius: 8px;
border: 1px solid #c0c0c0;
height: 45px;
}
.form-box #login-form input[type="checkbox"]{
height: 16px;
width: 16px;
border-radius: 2px;
}
.no-sidebar .right-side-panel .top-cntnt-lft p,
.no-sidebar .right-side-panel .top-cntnt-lft p a{
color:#fff;
font-weight: 600;
}
.no-sidebar .right-side-panel .top-cntnt{
margin-bottom: 0px;
display: none;
}
.pass-links{
display: flex;
justify-content: space-between;
align-items: center;
}
.pass-links a{
color: #3B8378;
font-size: 14px;
font-weight: 500;
text-decoration-line: underline;
}
/*Login form CSS*/
.big-sidebar .divider,
.big-sidebar .nav.flex-column,
.big-sidebar .user-section{display:none}
.big-sidebar .site-logo img{max-width: 100%;}
/*Liste des agents CSS*/
.system-users-index .item{
margin: 0px;
border: 0;
border-radius: 8px;
background: #FFF;
}
.system-users-index .item:empty{display:none}
.system-users-index .list-view{grid-gap: 12px;}
.system-users-index .item .model-item{
text-align: center;
padding: 24px 16px;
position:relative;
height:100%;
}
.system-users-index .item .model-item .model-row{
display: grid;
grid-template-columns: 24px 72px 24px;
justify-content: space-between;
}
.system-users-index .item .model-item img{
width: 72px;
height: 72px;
margin-bottom: 16px;
border-radius:50%;
object-fit: cover;
}
.system-users-index .item .model-item h4{
color: #1F254B;
text-align: center;
font-size: 16px;
font-weight: 600;
margin-bottom: 16px;
}
.system-users-index .item .model-item p {
color: #6C7087;
text-align: center;
font-size: 14px;
font-weight: 400;
margin-bottom: 12px;
word-break: break-all;
}
.system-users-index .item .model-item .user-initials{
display: flex;
width: 72px;
height: 72px;
padding: 10px;
justify-content: center;
align-items: center;
color: #fff;
font-size: 25.043px;
font-weight: 700;
letter-spacing: -0.501px;
border-radius: 37.565px;
background: #057648;
margin: 0 auto 12px;
}
.system-users-index .item .model-item .view-link{
border-radius: 34px;
background: #057648;
padding: 11px 24px;
color: #fff;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
width: calc(100% - 32px);
display: inline-block;
margin-top: 4px;
text-decoration: none;
position: absolute;
left: 16px;
bottom: 24px;
}
.system-users-index h3{
color: #1F254B;
font-size: 24px;
font-weight: 600;
margin-bottom:20px;
margin-top:32px;
}
.system-users-index .addagnt{
border-radius: 34px;
background: #057648;
color: #fff;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
padding: 10px 24px;
}
.system-users-index .addagnt:hover{ background: #035b37;}
.system-users-index .btn-title{color:#6C7087}
.system-users-index .item .model-item .archive,
.system-users-index .item .model-item .warning{
width: 100%;
height: auto;
}
.system-users-index .list-view .item .model-item .archive{
position: absolute;
top: 13px;
right: 13px;
width: 24px;
}
.system-users-index .item .model-item .archive-popup{
position: absolute;
border-radius: 12px;
background: #FFF;
width: 200px;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 24px;
box-shadow: 0px 0px 16.3px 0px rgba(23, 15, 73, 0.09);
grid-gap: 10px;
top: 50px;
right: 4%;
color: #1F254B;
font-size: 16px;
font-weight: 600;
display: none;
cursor: pointer;
z-index: 2;
}
.system-users-index .item .model-item .archive-popup a{
color: #1F254B;
text-decoration: none;
}
.system-users-index .item .model-item .archive-popup img{
width: 24px;
height: auto;
margin-bottom: 0;
border-radius: 0;
object-fit: contain;
}
.system-users-index .item .model-item .archive-popup:before{
content: "";
position: absolute;
width: 0;
height: 0;
top: -12px;
right: 2%;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 14px solid white;
}
.system-users-index .item .model-item .archive{cursor:pointer;}
/*End Liste des agents CSS*/
/*Logout popup CSS*/
.logoutFeaturs-popup{
width: 255px;
background-color: #fff;
position: absolute;
bottom: 65px;
border-radius: 8px;
box-shadow: 2px 3px 9.9px 0px rgba(2, 5, 26, 0.14);
right:0;
display:none;
}
.logoutFeaturs-popup .logoutFeaturs{
padding-left: 0;
margin-bottom: 0;
list-style-type:none;
}
.logoutFeaturs-popup .logoutFeaturs li a, .logoutFeaturs-popup .logoutFeaturs li button{
width: 100%;
padding: 21px 16px 16px 16px;
text-decoration: none;
font-size: 16px;
display: inline-block;
color: #1F254B;
border-radius: 0;
height:auto;
background-color:#fff;
}
.logoutFeaturs-popup .logoutFeaturs li button{border-radius:0 0 8px 8px}
.logoutFeaturs-popup .logoutFeaturs li a{border-bottom: 1px solid #E9EAED;border-radius: 8px 8px 0 0;}
.logoutFeaturs-popup .logoutFeaturs li a:hover, .logoutFeaturs-popup .logoutFeaturs li button:hover{
background-color: #035b37!important;
color:#fff;
}
.logoutFeaturs-popup .logoutFeaturs li a:hover svg path,
.logoutFeaturs-popup .logoutFeaturs li button:hover svg path{
fill:#fff;
}
.logoutFeaturs-popup .logoutFeaturs li button{
text-align:left;
}
.logoutFeaturs-popup:after{
content: "";
width: 0;
height: 0;
right: 20px;
bottom: -9px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid white;
position: absolute;
}
.user-section .LogOut{cursor:pointer}
/*End Logout popup CSS*/
/*End my CSS*/
main > .container {
padding: 70px 15px 20px;
}
.footer {
background-color: #f5f5f5;
font-size: .9em;
height: 60px;
}
.footer > .container {
padding-right: 15px;
padding-left: 15px;
}
.not-set {
color: #c55;
font-style: italic;
}
/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
content: '';
left: 3px;
display: inline-block;
width: 0;
height: 0;
border: solid 5px transparent;
margin: 4px 4px 2px 4px;
background: transparent;
}
a.asc:after {
border-bottom: solid 7px #212529;
border-top-width: 0;
display:none;
}
a.desc:after {
border-top: solid 7px #212529;
border-bottom-width: 0;
}
.grid-view th {
white-space: nowrap;
}
.hint-block {
display: block;
margin-top: 5px;
color: #999;
}
.error-summary {
color: #a94442;
background: #fdf7f7;
border-left: 3px solid #eed3d7;
padding: 10px 20px;
margin: 0 0 15px 0;
}
/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
padding-top: 7px;
color: rgba(255, 255, 255, 0.5);
}
.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
text-decoration: none;
color: rgba(255, 255, 255, 0.75);
}
.nav > li > form > button.logout:focus {
outline: none;
}
.form-group {
margin-bottom: 1rem;
}
.server-val-error{
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: var(--bs-form-invalid-color);
}
/*************** Custom CSS ****************/
#modal-content-absent .formfields {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap:20px;
}
#modal-content-absent .formfield {
grid-column: span 12;
display: inherit;
}
#modal-content-absent .formfield2{
grid-column: span 7;
display: inherit;
}
#modal-content-absent .formfield3{
grid-column: span 5;
display: inherit;
}
#modal-content-absent .formfield4{
grid-column: span 7;
display: inherit;
}
#modal-content-absent .formfield5{
grid-column: span 5;
display: inherit;
}
#modal-content-absent label{
padding-bottom: 2px;
font-weight: 600;
color: #1F254B;
font-size: 14px;
letter-spacing: -0.28px;
margin-bottom: 0;
}
#modal-content-absent #raisoninput {
height: 60px;
text-indent: 10px;
border-radius: 5px;
border: 2px solid #00000021;
font-size: 17px;
}
#modal-content-absent #opendate {
height: 60px;
text-indent: 10px;
border-radius: 5px;
border: 2px solid #00000021;
font-size: 17px;
padding-right: 10px;
}
#modal-content-absent #closedate {
height: 60px;
text-indent: 10px;
border-radius: 5px;
border: 2px solid #00000021;
font-size: 17px;
padding-right: 10px;
}
#modal-content-absent #hours {
height: 60px;
text-indent: 10px;
border-radius: 5px;
border: 2px solid #00000021;
font-size: 17px;
}
#modal-content-absent #notes {
height: 120px;
text-indent: 10px;
border-radius: 5px;
border: 2px solid #00000021;
font-size: 17px;
}
#modal-content-absent .fotterbuttons {
padding: 24px 0;
display: flex;
justify-content: center;
gap: 20px;
background: #80808021;
align-items: center;
margin-left: -28px;
margin-right: -28px;
margin-bottom: -28px;
margin-top: 28px;
}
#modal-content-absent .fotterbuttons input{
border-radius: 20px;
width: 115px;
padding: 12px;
text-align: center;
background-color: #060685;
color: white;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
height: 42px;
border: 1px solid #060685;
line-height: 1;
}
#modal-content-absent .fotterbutton1{
background-color:#fff!important;
color: #060685!important;
}
#modal-content-absent .fotterbutton1:hover{
background-color:#060685!important;
color: #fff!important;
}
#modal-content-absent .fotterbutton2 {
border: none;
background-color: #060685;
color: white;
}
#modal-content-absent input{
border-radius: 8px;
border: 1px solid #E9EAED;
background: #FFF;
height: 45px;
}
#modal-content-absent .form-group{
background-color:transparent;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px !important;
text-align: left;
border-top: 0;
padding: 0px 0;
margin-top: 0px;
}
#modal-content-absent .selection{
height: 50px;
display: block;
}
#modal-content-absent .select2-selection{height: 50px;}
#modal-content-absent #agentleaves-notes{height: 108px;}
#modal-content-absent #agentleaves-start_off{border-radius: 8px 0 0 8px; border-right: 0;}
#modal-content-absent #agentleaves-start_off-kvdate .kv-date-picker{
background-color: transparent;
border-radius: 0 8px 8px 0;
border-left: 0;
}
#modal-content-absent #agentleaves-start_off-kvdate svg path{color:grey;opacity: 0.5;}
#modal-content-absent #agentleaves-end_off{border-radius: 8px 0 0 8px; border-right: 0;}
#modal-content-absent #agentleaves-end_off-kvdate .kv-date-picker{
background-color: transparent;
border-radius: 0 8px 8px 0;
border-left: 0;
}
#modal-content-absent #agentleaves-end_off-kvdate svg path{color:grey;opacity: 0.5;}
.hours-section span.warn
{
color:red;
}
.system-users-update .hours-section .hours-detail p{
margin-bottom:5px;
}
.agent-days-hours-row {
display: block;
padding: 7px 0;
}
.agent-scheduled-summary{
display: flex;
justify-content: space-between;
}
.agent-scheduled-summary h5{
padding-bottom: 10px;
}
.agent-day-off{
display: block;
padding: 5px 0;
color:rgb(221, 56, 56);
}
.days-hours-row {
display: block;
padding: 7px 0;
}
.submit-sechudle {
margin: 20px -28px 0 -28px;
background: #80808021;
display: flex;
gap: 20px;
justify-content: center;
padding: 20px 0;
}
.submit-sechudle .btn-modifier{
text-decoration: none;
color: #060699;
padding: 6px 15px;
border-radius: 20px;
background-color: white;
font-size: 15px;
border: 1px solid #060699;
}
.submit-sechudle .btn-save{
text-decoration: none;
color: white;
padding: 6px 15px;
border-radius: 20px;
background-color: #a3a3cb99;
font-size: 15px;
}
.error.days-hours-row {
display: block;
padding: 5px 0;
color:rgb(221, 56, 56);
}
.field-50 {
width: 50%;
float: left;
box-sizing: border-box;
padding-right: 10px; /* Adjust spacing between fields */
}
.field-30 {
width: 30%;
float: left;
box-sizing: border-box;
padding-right: 10px; /* Adjust spacing between fields */
}
/* Clearfix to ensure container encompasses floated children */
.form-row:after {
content: "";
display: table;
clear: both;
}
.users-create .datepicker .datepicker-days table tr th.dow{
font-weight:500;
color: var(--Base-Gray-40, #B5BEC6);
text-align: center;
font-family: Nunito;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.24px;
text-transform: uppercase;
}
.no-appt-found{
text-align:center;
}
/*************rc css 07-05-2024**************/
.appt-title{width:50%;
margin:0 auto;
font-size:20px;
line-height:1.5;
color:#041359;
}
.btn-success{
background:#057648;
border-radius:50px;
border:none;
padding:10px 15px;
color:#fff;
}
.no-appt-found .add-appt:focus, .no-appt-found .add-appt:active, .no-appt-found .add-appt:hover, .no-appt-found .add-appt:visited{
box-shadow:unset;
border:none!important;
background:#7be4d7;
color:#101437;
}
/*.user-appts .book-appt-popup .form-group .control-label{
margin-top:20px;
margin-bottom:10px;
text-align:center;
width:100%;
}*/
.user-appts .book-appt-popup .select2-selection{
height:60px;
}
.user-appts .book-appt-popup .select2-selection__arrow{
border:none!important;
top:10%!important;
}
.select2-container--krajee-bs4 .select2-search__field{
display:none;
}
.modal-body {
padding: 24px 28px 0 28px;
}
.select2-selection--single{box-shadow: unset!important;
border: 1px solid #8080804a!important;
text-indent: 15px;
border-radius: 10px !important;
}
.select2-selection:focus{
border-color:unset!important;
}
.steps .navigation{
display: flex;
justify-content: space-between;
margin-top: 60px;
background: #8080801a;
align-items: center;
padding: 25px 30px;
margin-left: -28px;
margin-right: -28px;
width: calc(100% + 56px);
}
.steps .navigation .prev{
padding: 8px 15px;
color: #191980;
border-radius: 50px;
width: 115px;
text-align: center;
text-decoration: none;
border: 1px solid #191980;
background-color: #fff;
}
#step-0.steps .navigation .prev{
opacity: 0.3;
pointer-events: none;
}
.navigation .current-step-counter{
margin-bottom:0;
}
.steps .navigation .next{
padding: 8px 15px;
color: #83868c;
border-radius: 50px;
width: 115px;
text-align: center;
text-decoration: none;
border: 2px solid #0000001c;
background: #191980;
color:white;
}
/*************rc css end **************/
/*book-an-appointment popup CSS*/
#book-an-appointment #step-2 label:empty{display:none}
td.date-full{
background-color: #ffcccc; /* Light red */
color: #333333;
}
td.date-partial{
background-color: #ccffcc; /* Light green, show dots via background image or pseudo-elements */
color: #333333;
}
td.date-none{
background-color: #ccccff; /* Light blue */
color: #333333;
}
.steps{display:none}
#step-0{display:block;min-height:24em;}
.modal-dialog #book-an-appointment .field-time-slot-container{
width:40%;
float:right;
background:white;
margin-top:40px;
margin-bottom:0!important;
padding-top:0;
border:none;
}
#time-slot-container{
display:inline-block;
}
.modal-dialog .form-group:last-child .custom-radio{
background: #F7F7F7;
}
#book-an-appointment .custom-control1.custom-radio1{
margin-bottom: 12px;
}
.choose-result .date-time-select{
border-radius: 8px;
background: #F7F7F7;
color: #6C7087;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
width: 100%;
float: left;
text-align: center;
padding: 10px;
margin-bottom: 28px;
}
.choose-result span{color:#1F254B}
#book-an-appointment .field-userappointments-appt_date>label.control-label{
font-size: 14px;
font-weight: 600;
color: #1F254B;
margin-top: 8px;
text-align: left;
}
#book-an-appointment #userappointments-appt_date{display:none}
#book-an-appointment .book-date-time{
display: flex;
grid-gap: 24px;
}
#book-an-appointment #userappointments-appt_date-kvdate{
border-radius: 8px;
border: 1px solid #E9EAED;
background: #FFF;
width: calc(100% - 5px);
}
#book-an-appointment .field-time-slot-container label:empty{display:none}
/*End book-an-appointment popup CSS*/
ul.pagination{
grid-gap: 5px;
justify-content: center;
margin-top: 32px;
align-items:center;
}
ul.pagination li a{
border-radius: 32px;
border: 1px solid #F1F1F1;
background: #FFF;
width: 32px;
height: 32px;
padding: 3px;
display: flex;
align-items: center;
justify-content:center;
color: #1F254B;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
}
ul.pagination li.active a{
border-radius: 32px;
background: #057648;
}
ul.pagination li a:hover{
border-radius: 32px;
background: #035B37;
color: #fff;
}
ul.pagination li a{
color: #057648;
text-decoration: none;
}
ul.pagination li.active a{color:#fff;}
/*----CSS by A2z Categories event type locations 16may2024---*/
#category-form .field-categories-color span.selection{position:relative}
#category-form .select2-selection__rendered{ overflow: visible;}
#select2-categories-color-results .cat-color-drp, #select2-categories-color-container .cat-color-drp{
height: 28px;
width: 28px;
border-radius: 50%;
display: block;
}
#category-form .field-categories-color{
width: 110px;
padding-right: 16px;
float: left;
}
#category-form .field-categories-name{
width: calc(100% - 0px);
float: left;
}
#category-form .form-group:last-child{
width: calc(100% + 56px);
float: left;
}
#category-form .control-label{
color: #1F254B;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
}
#category-form .field-categories-color .select2-selection{
border-radius: 8px!important;
border: 1px solid #E9EAED!important;
background: #FFF;
padding: 13px 16px 13px 18px;
height: 50px;
}
#category-form .select2-selection__arrow {
background-image: url('/images/chevron-down.png');
border-left:0;
background-repeat: no-repeat;
background-position: center center;
background-size: 16px;
right: 16px;
}
#category-form .select2-selection__arrow b{display:none}
#category-form #categories-name{height:50px}
#event-type-form .field-eventtypes-name #eventtypes-name{height:50px}
.field-eventtypes-name .control-label {font-size: 14px;}
/*----End CSS by A2z---*/
/********************rc css start 20-05-2024***************/
.modal-dialog .modal-content .modal-header {
padding:25px 28px!important;
color:#1F254B;
}
.modal-dialog .modal-content .modal-header .close {
color:#1F254B!important;
opacity:1;
}
.close:focus, .close:hover {
color:#1F254B!important;
}
.modal-dialog .agent-absent-form p{
color:#6C7087;
}
.modal-dialog #modal-content-absent .formfield {
}
.modal-dialog #modal-content-absent input, #modal-content-absent .select2-selection {
height:45px!important;
}
.modal-dialog .formfields .select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow {
border:none!important;
padding-right:35px;
top:0!important;
}
.modal-dialog #modal-content-absent #agentleaves-notes {
height:80px;
}
.modal-dialog #modal-content-absent .fotterbuttons {
margin-bottom:0;
padding:18px 0;
margin-top:30px;
}
.modal-dialog #modal-content-absent .fotterbuttons input {
padding:10px;
border-radius:30px;
}
.modal-dialog #modal-content-absent label{
margin-bottom:-10px!important;
}
.modal-dialog #modal-content-absent .fotterbutton1:hover {
background:white!important;
color: #060685 !important;
}
/********************rc end 20-05-2024***************/
/*--------leave-request--------*/
.agent-leave-request {
background: #80808014;
font-family: Arial, Helvetica, sans-serif;
padding: 40px 30px;
margin-bottom: 35px;
}
.agent-leave-request .leave-request-contents h3 {
font-size: 17px;
}
.agent-leave-request .leave-request-contents {
display: flex;
justify-content: space-between;
align-items: center;
}
.agent-leave-request .refuse-confirm-buttons-content {
display: inherit;
gap: 12px;
align-items: center;
color: #2323a1;
font-weight: 600;
}
.agent-leave-request .refuse-confirm-buttons-content .refuse-button .fa-close {
padding-right: 12px;
font-size: 25px !important;
}
.agent-leave-request .refuse-confirm-buttons-content .confirm-button .fa-check-circle {
padding-right: 12px;
font-size: 25px !important;
}
.agent-leave-request .scheduled-leave-title-content {
display: grid;
grid-template-columns: 25% 25% 50%;
margin-top: 50px;
margin-top: 30px;
color: #04042fa3;
}
.scheduled-leave-title-content .description {
font-size: 17px;
line-height: 1.5;
margin-top: 10px;
display: inherit;
}
.agent-leave-request .scheduled-leave-title-content h4{
font-size: 15px;
}
/*-----End leave-request--------*/
/********************rc css start 19-05-2024***************/
.agent-leave-request{
background:#F9F6F6!important;
border-radius:10px;
padding:20px!important;
border:1px solid #80808038;
margin-top: 4px;
}
.agent-leave-request .scheduled-leave-title-content .description {
font-weight:400;
font-size:16px;
color: #6C7087;
padding-left:0;
padding-top: 0;
}
.agent-leave-request .refuse-confirm-buttons-content .refuse-button .time-off-action{
background-color:white;
color:#1f339f;
display: flex;
align-items: center;
justify-content: center;
border:1px solid #1f339f;
gap:10px;
}
.agent-leave-request .refuse-confirm-buttons-content .confirm-button .time-off-action{
background:#42d7d7;
color:black;
display: flex;
align-items: center;
justify-content: center;
gap:10px;
outline:none!important;
}
.agent-leave-request .scheduled-leave-title-content{
margin-top:16px!important;
}
.agent-leave-request .scheduled-leave-title-content h4{
font-weight:600;
color:#282866;
font-size:12px!important;
}
/********************rc css end***************/
/********************rc css start 17-05-2024***************/
.superadmin-dashboard .calendar-outer-parent{
background: white;
padding: 20px;
border-radius: 10px;
margin-top: 30px;
}
.superadmin-dashboard .calendar-outer-parent .calnder-header{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
}
.superadmin-dashboard .calendar-outer-parent .calnder-header .next-prev {
width:unset!important;
}
.superadmin-dashboard .calendar-outer .week-row-parent .week-row .header {
background:#0c0c62;
color:white;
border-radius:10px;
text-align:center;
padding: 8px;
font-size: 16px;
font-weight: 600;
}
.superadmin-dashboard .calendar-outer-parent .calnder-header .left-head{
font-size:25px;
font-weight:600;
color:#0c0c4a;
}
.superadmin-dashboard .calendar-outer .week-row-parent {
border:none;
margin-top:10px;
}
.superadmin-dashboard .calendar-outer .week-row-parent .no-result-found{
text-align:center;
padding-top:20px;
}
.superadmin-dashboard .calendar-outer .week-row-parent .week-row{
display:grid;
grid-template-columns: repeat(5,1fr);
align-items:center;
gap:10px;
}
.superadmin-dashboard .calendar-outer .week-row-boxes {
gap:10px!important;
border:none;
margin-top:6px;
display:unset;
}
.superadmin-dashboard .calendar-outer{
padding-top:10px;
}
.superadmin-dashboard .calendar-outer .week-row-boxes .day-box .appt-detail{
min-height: 80px;
padding: 15px;
display: flex;
flex-direction: column;
justify-content: center;
background: #80808014;
border-radius: 10px;
margin-bottom:10px;
}
.superadmin-dashboard .calendar-outer .week-row-boxes .day-box .appt-detail .appt-time{
margin-bottom:0;
display:flex;
gap:5px;
color: #6C7087;
}
.superadmin-dashboard .calendar-outer .week-row-boxes .day-box .appt-detail .appt-reason{
margin-bottom:5px;
font-weight:600;
color:#0c0c4a;
}
.superadmin-dashboard .calendar-outer-parent .calnder-header .next-prev{
margin-bottom: unset;
display:flex;
padding: 11px 20px;
background: #80808017;
border-radius: 30px;
gap:20px;
align-items:center;
}
.superadmin-dashboard .calendar-outer-parent .calnder-header .next-prev .w-next{
border:none;
color:black;
}
.superadmin-dashboard .calendar-outer-parent .calnder-header .next-prev p{
margin-top:unset;
width:unset;
margin-left:0;
margin-bottom:0;
font-weight:700;
}
.superadmin-dashboard .calendar-outer-parent .calnder-header .next-prev span{
color:unset;
border:none;
}
.superadmin-dashboard .calendar-outer-parent .calnder-header .next-prev span:hover {
background:unset;
cursor:pointer;
}
.superadmin-dashboard .calendar-outer-parent .calnder-header .next-prev .disabled {
opacity:0.5;
border:none;
color:black;
pointer-events: none;
}
/********************rc css end ***************/
/*-------Client profile css 20may2024 by a2z*----------*/
.user-st-block{
border-radius: 8px;
background: #FFF;
padding: 30px;
display: grid;
grid-template-columns: repeat(4, auto);
grid-gap: 32px;
}
.user-st-block .block-1{
display: grid;
grid-template-columns: 72px 1fr;
grid-gap: 16px;
}
.user-st-block .block-1 .initial-letter{
width: 72px;
height: 72px;
display: flex;
align-items: center;
justify-content: center;
background-color: #057648;
border-radius: 50%;
color: #FFF;
text-align: center;
font-size: 25.043px;
font-weight: 700;
letter-spacing: -0.501px;
}
.clent-info h5{margin-bottom: 3px;}
.clent-info p{margin-bottom: 3px;}
.admin-user-action-tabs{
border-bottom: 1px solid #E9EAED;
display: flex;
grid-gap: 37px;
margin: 32px 0 20px 0;
padding-bottom: 12px;
}
.admin-user-action-tabs a{
color: #1F254B;
font-family: Nunito;
font-size: 16px;
font-weight: 700;
text-decoration: none;
opacity: 0.5;
}
.admin-user-action-tabs a.active{
opacity:1;
}
.head-action{
border-radius: 8px;
background: #FFF;
padding: 32px 20px;
}
.head-action-inner{
display: flex;
justify-content: space-between;
}
.head-action-inner{
display: flex;
grid-gap: 20px;
}
.head2{
display: flex;
grid-gap: 20px;
}
.head2 a{
padding: 8px 10px;
border-radius: 4px;
text-align: center;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
text-decoration: none;
}
.head2 a i{margin-right:6px;}
.head2 a{
color: #057648;
background: rgba(47, 59, 138, 0.07);
}
.head2 a img{width: 16px;}
.notes{
border-radius: 8px;
background: #F7F7F7;
padding: 16px 20px;
margin-top: 20px;
}
.notes .note-date{
border-bottom: 1px solid #E9EAED;
padding-bottom: 16px;
margin-bottom: 20px;
color: #1F254B;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
}
.allBox{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 12px;
margin-top:12px;
}
.innrbx {
border-radius: 8px;
background: #FFF;
padding: 32px 20px;
}
.innrbx ul{ padding-left: 0;}
.innrbx ul li {
border-bottom: 1px solid #E9EAED;
display: flex;
justify-content: space-between;
padding: 16px 0px;
align-items:center;
}
.innrbx ul li .left {
color: #1F254B;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.24px;
text-transform: uppercase;
}
.innrbx ul li .right{
color: #1F254B;
font-size: 16px;
font-weight: 400;
}
.openModel{
border-radius: 4px;
background: rgba(104, 220, 203, 0.16);
display: flex;
padding: 8px 10px;
justify-content: center;
align-items: center;
gap: 6px;
color: #3B8378;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
text-decoration:none;
text-transform: capitalize;
}
a.openModel:hover{color:#035b37}
.update-update-immigration-details ul li:not(.colhed){
justify-content: flex-start;
grid-gap: 32px;
border-radius: 6px;
background: #F7F7F7;
padding:12px 16px;
display: inline-flex;
border-bottom:none;
margin-bottom:20px;
color:#1F254B;
align-items: center;
}
.update-update-immigration-details ul li.colhed{border-bottom:none;}
.update-update-immigration-details ul li:not(.colhed) a{
font-weight: 600;
color: #3B8378;
}
.update-update-immigration-details ul li span i{
margin-right:6px;
font-size: 22px;
top: 3px;
position: relative;
}
/***********user poupup CSS*----------*/
#update-user-form{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 24px;
grid-row-gap: 24px;
}
#update-user-form .form-group:not(:last-child){
grid-column: span 6;
}
#update-user-form input,#update-user-form select{
border-radius: 8px;
border: 1px solid #E9EAED;
background: #FFF;
height: 45px;
padding: 17px 20px 15px 20px;
}
/***********End user poupup CSS*----------*/
.appointmentbox .appointmenteditable .cstm-link{
color: #1f339f;
font-size: 14px;
font-weight: 600;
background-color: #fff;
border-radius: 40px;
padding: 10px 20px;
border: 1px solid #1f339f;
letter-spacing: -0.28px;
}
/*.appointmentbox .appointmenteditable .cstm-link:hover,
.appointmentbox .appointmenteditable .cstm-link:focus,
.appointmentbox .appointmenteditable .cstm-link:active,
.appointmentbox .appointmenteditable .cstm-link:focus-visible{
background-color: transparent!important;
color: #6C7087!important;
}*/
/*#update-user-form .field-users-phone{ grid-column: span 12!important; margin-top: -82px;}*/
.field-users-phone_cc .control-label{visibility: hidden;}
#locations-exlocations[disabled]{
background-color: #fafafa;
opacity: 0.5;
}
.system-users-index .empty{
background-color: #fff;
padding: 18px 20px;
border-radius: 10px;
font-size: 25px;
width: 100%;
text-align: center;
}
.last-modified-by{
border-radius: 8px;
background: #E1E7F6;
display: inline-flex;
padding: 25px 20px 25px 20px;
align-items: center;
margin-bottom: 20px;
color: #1F254B;
font-size: 16px;
font-weight: 400;
width: 100%;
}
.no-appt-found .add-appt{display:inline-flex}
/*-------End Client profile css 20may2024 by a2z*----------*/
/*-------Custom css for input radio-----*/
#users-trained_abroad label,
#users-seek_citizenship label,
#users-with_family label {
color: #1F254B !important;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 0;
opacity: 0.6;
border-radius: 8px;
background: rgb(247 247 247);
/*padding: 12px 16px 12px 16px;*/
position: relative;
display: inline-flex;
align-items: center;
grid-gap: 8px;
}
#users-trained_abroad label input, #update-user-form input[type="radio"] {
width: 20px;
height: 20px;
}
#users-trained_abroad label input:checked,#update-user-form input[type="radio"]:checked{
opacity:1;
accent-color: #2F3B8A;
}
#update-user-form .field-users-password{grid-column: span 12!important;}
#update-user-form .field-users-immig_doc_path,
#update-user-form b{grid-column: span 12!important;}
#update-user-form .file-thumbnail-footer{display:block}
#update-user-form .krajee-default .file-footer-caption{margin-bottom:0px;}
#update-user-form .krajee-default .file-caption-info, #update-user-form .krajee-default .file-size-info{overflow:visible}
#update-user-form .krajee-default .file-actions, .file-sortable #update-user-form .file-drag-handle{display:none;}
#update-user-form .krajee-default .file-drag-handle, #update-user-form .krajee-default .file-upload-indicator{display:none;}
#update-user-form .krajee-default.file-preview-frame .file-thumbnail-footer{height:auto}
#update-user-form .krajee-default .file-size-info{display:none;}
#update-user-form .krajee-default.file-preview-frame .kv-file-content{
width:auto;
height: 160px;
}
#update-user-form .file-drop-zone{
min-height: auto;
margin: 0;
padding: 0;
border: 0;
}
#update-user-form .file-caption-name{display:block}
#update-user-form .file-drop-zone .file-preview-image{max-height:100px!important}
#update-user-form .krajee-default.file-preview-frame .kv-file-content{ height: auto;}
#update-user-form .file-preview-object{
width: auto!important;
height: 70px!important;
}
#update-user-form .file-drop-zone-title{padding: 0px 10px;}
#update-user-form .krajee-default .file-other-icon{
font-size: 4em;
}
/*-------End Custom css for input radio-----*/
.modal-content::-webkit-scrollbar {
width: 5px;
}
.modal-content::-webkit-scrollbar-thumb {
background: #2F3B8A;
}
.modal-content::-webkit-scrollbar-track {
background: #fff;
}
.modal-content{overflow-y: auto;}
#update-user-form .user-file-detail{grid-column: span 12!important;}
/***********Agent dashboard CSS*----------*/
.meeting-tittle-box {
display: flex;
justify-content: space-between;
padding-top: 32px;
align-items: center;
}
.meeting-tittle-box h3 {
color: #1F254B;
margin-bottom:0;
}
.meeting-tittle-box .button {
font-weight: 700;
border-radius: 50px;
border: none;
padding: 10px 20px;
background: #68DCCB;
font-size: 16px;
color: #1F254B;
display: flex;
justify-content: center;
align-items: center;
grid-gap: 10px;
height: 45px;
width: 204px;
}
.user-details-pannel .user-box-horizontal {
margin-top: 16px;
display: flex;
flex-direction: column;
gap: 12px;
}
.user-box-horizontal .user-item-row {
display: grid;
grid-template-columns: 40% auto;
border-left: 3px solid #05e9bf;
align-items: center;
background: white;
padding: 20px;
border-radius: 8px;
margin-bottom:20px;
}
.user-details-pannel .InitialName{
width: 38px;
height: 38px;
justify-content: center;
display: flex;
align-items: center;
border-radius: 50%;
background: #2F3B8A;
color: #FFF;
text-align: center;
font-size: 13.217px;
font-weight: 700;
letter-spacing: -0.264px;
}
.user-appt-title h4 {
color: #1F254B;
}
.agent-image-with-title h5 {
margin-bottom: 0;
}
.agent-image-with-title {
display: flex;
align-items: center;
gap: 10px;
margin-top: 10px;
}
.agent-image-with-title img {
width: 38px;
height: 38px;
border-radius: 50%;
object-fit: cover;
}
.user-appt-items-box {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
font-size: 14px;
}
.user-appt-date, .user-appt-time{
color: #6C7087;
font-size: 16px;
font-weight: 400;
}
.user-more-detail a {
background: #242b75;
padding: 7px 25px;
border-radius: 50px;
display: flex;
align-items: center;
color: #FFF;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
height: 42px;
width: 147px;
justify-content: center;
grid-gap: 10px;
text-decoration: none;
}
.user-more-detail a:hover{background-color:#0b5ed7}
.fa-angle-right {
font-size: 17px;
padding-left: 10px;
}
.user-box-cols-tilte {
display: flex;
padding:12px 0 8px 0;
justify-content: space-between;
align-items: center;
color: #101332b3;
}
.user-cols-descrption-box .user-name-initial{
border-radius: 50%;
background: #2F3B8A;
display: inline-flex;
width: 72px;
height: 72px;
padding: 20px 15px 20px 15px;
justify-content: center;
align-items: center;
color: #FFF;
font-size: 25px;
font-weight: 700;
letter-spacing: -0.501px;
margin-bottom: 16px;
}
.user-box-cols-tilte h3{color:#1F254B}
.view-more-details {
text-decoration: none;
color: #2F3B8A;
font-weight: 600;
font-size: 16px;
display: flex;
align-items: center;
grid-gap: 10px;
}
.username {
font-size: 16px;
color: #1F254B;
font-weight: 600;
padding-bottom: 16px;
margin-bottom: 0;
}
.user-cols-descrption-box {
display: grid;
grid-template-columns: repeat(4, 1fr);
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.user-item-col {
text-align: center;
padding: 32px 10px 32px 10px;
background-color: white;
border-radius: 8px;
position:relative;
}
.item4 {
opacity: 0.2;
}
.three-dot {
text-align: right;
text-decoration: none;
width: 24px;
height: 24px;
position: absolute;
right: 16px;
top: 16px;
}
.user-item-col span{
display: block;
text-decoration: none;
color: #6C7087;
}
.user-email {
font-size: 14px;
padding-bottom: 12px;
}
.user-phone {
font-size: 14px;
}
.reschedule-appt .modifierbutton{padding:10px 15px}
.canceled-appt{margin-bottom:0}
.users-update .canceled-appt .Asalink{
color: #1f339f;
font-size: 14px;
font-weight: 600;
background-color: #fff;
border: 1px solid #1f339f;
border-radius: 40px;
padding: 10px 20px;
width: 100%;
}
/*.users-update .canceled-appt .Asalink:hover,
.users-update .canceled-appt .Asalink:focus,
.users-update .canceled-appt .Asalink:active,
.users-update .canceled-appt .Asalink:focus-visible{
background-color: transparent!important;
color: #6C7087!important;
}*/
#user-detail-sec .cstm-btn{margin-top: 20px;float: right;}
#update-user-by-agent-form .agent-user-actions label {
display: flex;
align-items: center;
grid-gap: 12px;
}
#update-user-by-agent-form .agent-user-actions label input{
border-radius: 4px;
background: #FFF;
box-shadow: 0px 2px 5px 0px rgba(103, 110, 118, 0.08), 0px 0px 0px 1px rgba(103, 110, 118, 0.16), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
width: 20px;
height: 20px;
accent-color: #2F3B8A;
}
.user-cols-descrption-box .dumbx .user-name-initial {
border-radius: 50%;
background: rgba(108, 112, 135, 0.04);
}
.user-cols-descrption-box .dumbx .username {
border-radius: 32px;
background: #EFEFF0;
width: 117px;
height: 16px;
margin: 0 auto 24px;
}
.user-cols-descrption-box .dumbx .user-email{
width: 149px;
height: 11px;
border-radius: 13px;
background: #EFEFF0;
margin: 0 auto 22px;
}
.user-cols-descrption-box .dumbx .user-phone{
width: 103px;
height: 11px;
border-radius: 38px;
background: #EFEFF0;
margin: 0 auto 0px;
}
.user-item-col.dumbx{
border: 1px dashed #ECECEC;
background: rgba(255, 255, 255, 0.25);
}
.user-item-col.dumbx .three-dot{display:none}
/***********End Agent dashboard CSS*----------*/
/*--------Metings final notes css--------------*/
.metting-details .left-box{grid-column: span 7;}
.metting-details .right-box{grid-column: span 5;}
.metting-details .metBox{
border-radius: 8px;
background: #FFF;
padding: 32px 20px;
}
.metting-details .custom-checkbox .circle-checkbox {
width: 16px;
height: 16px;
background-color:#1F254B;
border-radius: 50%;
display: inline-block;
position: relative;
cursor: pointer;
opacity:0.2;
}
.metting-details .custom-checkbox .circle-checkbox::after {
content: '\F26E';
font-size: 16px;
font-family: bootstrap-icons !important;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.metting-details .custom-checkbox input[type="checkbox"]{
display:none;
}
.metting-details .custom-checkbox input[type="checkbox"]:checked + .circle-checkbox::after {
opacity: 1;
}
.metting-details .custom-checkbox input[type="checkbox"]:checked + .circle-checkbox {
opacity: 1;
}
.metting-details .custom-checkbox{
border-radius: 7px;
border: 1px solid #E9EAED;
display: flex;
height: 32px;
padding: 10px;
align-items: center;
gap: 10px;
}
#usercategories-category_id .custom-checkbox .circle-checkbox {
width: 16px;
height: 16px;
background-color:#1F254B;
border-radius: 50%;
display: inline-block;
position: relative;
cursor: pointer;
opacity:0.2;
}
#usercategories-category_id .custom-checkbox .circle-checkbox::after {
content: '\F26E';
font-size: 16px;
font-family: bootstrap-icons !important;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
#usercategories-category_id .custom-checkbox input[type="checkbox"]{
display:none;
}
#usercategories-category_id .custom-checkbox input[type="checkbox"]:checked + .circle-checkbox::after {
opacity: 1;
}
#usercategories-category_id .custom-checkbox input[type="checkbox"]:checked + .circle-checkbox {
opacity: 1;
}
#usercategories-category_id .custom-checkbox{
border-radius: 7px;
border: 1px solid #E9EAED;
display: flex;
height: 32px;
padding: 10px;
align-items: center;
gap: 10px;
justify-content: center;
}
#usercategories-category_id {
display: flex;
grid-gap: 16px;
align-items: center;
flex-wrap: wrap;
}
.metting-details .custom-checkbox label{
margin-bottom: 0;
display: flex;
align-items: center;
grid-gap: 10px;
cursor: pointer;
color: #1F254B;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.24px;
text-transform: uppercase;
}
#usercategories-category_id .custom-checkbox label{
margin-bottom: 0;
display: flex;
align-items: center;
grid-gap: 10px;
cursor: pointer;
color: #1F254B;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.24px;
text-transform: uppercase;
}
.metting-details .field-userappointments-agent_appt_purpose{margin-bottom: 21px;}
.metting-details .left-box>h5{margin-bottom: 21px;}
/*--------End Metings final notes css--------------*/
.innrbx ul li .right .bi-check::before {
font-size: 26px;
vertical-align: middle;
}
#user-appt-st-form{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.update-category-details li{
color: #1F254B;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.24px;
text-transform: uppercase;
padding: 10px;
border-radius: 7px;
}
#update-user-form .field-usercategories-category_id{grid-column: span 12!important;}
#update-user-form #usercategories-category_id{
display: grid;
grid-template-columns: repeat(3, 1fr);
}
/*--------Previous notes-------------*/
.notes-box-widget{
border-radius: 8px;
background: #F7F7F7;
padding: 16px 20px;
margin-bottom: 12px;
position:relative;
}
.notes-box-widget .agent-detail{
display: flex;
align-items: center;
grid-gap: 10px;
}
.notes-box-widget .agent-detail h6{
margin-bottom: 0;
color: #1F254B;
font-size: 16px;
font-weight: 600;
}
.notes-box-widget .appt-date{
font-size: 14px;
margin-bottom: 10px;
}
.notes-box-widget .agent-notes{
display:none;
}
.agent-detail img{width:38px;height:38px;}
.agent-notes h4.head{
border-top: 1px solid #E9EAED;
margin-top: 16px;
padding-top: 20px;
font-size:14px;
font-weight:600;
}
.notes-box-widget p{
font-size:14px;
font-weight:400
}
.notes-box-widget p:empty{
display:none;
}
#reassign-appointment .book-date-time {
display: flex;
grid-gap: 24px;
}
.modal-dialog #reassign-appointment .field-time-slot-container{
width: 40%;
float: right;
background: white;
margin-top: 40px;
margin-bottom: 0 !important;
padding-top: 0;
border: none;
}
#reassign-appointment .custom-control1.custom-radio1{margin-bottom: 12px;}
#reassign-appointment #userappointments-appt_date-kvdate {
border-radius: 8px;
border: 1px solid #E9EAED;
background: #FFF;
width: calc(100% - 5px);
}
/*--------End Previous notes-------------*/
.superadmin-dashboard .row-second .hours-detail p{
margin-bottom:12px;
line-height: 1;
}
.modal-dialog #modal-content-absent #agent-absent-form label {
margin-bottom: 0px !important;
line-height: 1;
padding-bottom: 0;
}
.leave-request-agent .leave-request-contents .refuse-confirm-buttons-content button{
background-color: transparent!important;
color: gray!important;
padding: 0;
min-width: auto;
border: none!important;
height: auto;
}
.leave-request-agent .leave-request-contents .refuse-confirm-buttons-content button:hover{
background-color: transparent!important;
color: #1f339f!important;
padding: 0;
min-width: auto;
border: none!important;
height: auto;
}
.users-search{position:relative;}
.users-search #w0 input {
height: 45px;
border-radius: 8px;
border: 1px solid #E9EAED;
background: rgba(255, 255, 255, 0.50);
padding: 6px 20px 6px 12px;
}
.users-search #w0 button{
min-width: auto;
border-radius: 8px;
height: 45px;
padding: 10px 17px;
}
/*.form-group-last{
position: absolute;
right: 3px;
top: 2px;
}
*************************** rc 11-06-2024 learning pages create css start ********/
.right-side-panel .learning-pages-create .learning-pages-form, .event-page .events-form, .polls-questions-form {
background: white;
padding: 30px 15px;
border-radius: 10px;
}
.right-side-panel .learning-pages-create .learning-pages-form .form-group .control-label,
.event-page .events-form .control-label,
.right-side-panel .learning-pages-create .learning-pages-form .video-format-content .control-label,
.polls-questions-form .control-label {
color: #1F254B;
font-family: Nunito;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.learn-page .learning-pages-form .icon-with-field1, .event-page .events-form .icon-with-field1, .polls-questions-form .icon-with-field1{
display: grid;
grid-template-columns: 25px auto;
gap: 10px;
}
.event-page .events-form .icon-with-field.two-col
{
grid-template-columns: 25px auto auto;
}
.learn-page .learning-pages-form .icon-with-field1 #learningpages-title, .event-page .events-form #events-title {
font-weight:600;
height:50px;
}
.learn-page .learning-pages-form .icon-with-field #learningpages-excerpt, .event-page .events-form .icon-with-field #events-excerpt {
height:76px;
}
.learn-page .learning-pages-form .icon-with-field #learningpages-video_url{
height:50px;
}
.learn-page .learning-pages-form .icon-with-field, .event-page .events-form .icon-with-field, .polls-questions-form .icon-with-field{
display: grid;
grid-template-columns: 25px auto;
gap: 10px;
margin-top:30px;
}
.learn-page .learning-pages-form .svg-icon-content, .event-page .events-form .svg-icon-content, .polls-questions-form .svg-icon-content{
background:url('data:image/svg+xml, ');
background-repeat:no-repeat;
}
.learn-page .learning-pages-form .svg-icon2-content, .event-page .events-form .svg-icon2-content, .polls-questions-form .svg-icon2-content{
background:url('data:image/svg+xml,');
background-repeat:no-repeat;
}
.learn-page .learning-pages-form .svg-icon3-content{
background:url('data:image/svg+xml, ');
background-repeat:no-repeat;
}
.learn-page .learning-pages-form .svg-icon4-content{
background:url('data:image/svg+xml,');
background-repeat:no-repeat;
}
.learn-page .learning-pages-form .svg-icon5-content, .event-page .events-form .svg-icon4-content, .events .right-side-panel .events-view .right-side .svg-icon5-content{
background:url('data:image/svg+xml, ');
background-repeat:no-repeat;
}
.learn-page .learning-pages-form .svg-icon6-content, .event-page .events-form .svg-icon6-content, .polls-questions-form .svg-icon6-content{
background:url('data:image/svg+xml, ');
background-repeat:no-repeat;
}
.learn-page .learning-pages-form .field-learningpages-image_url, .event-page .events-form .field-events-photo_url{
position:relative;
}
.learn-page .learning-pages-form .file-drop-zone-title, .event-page .events-form .file-drop-zone-title {
display:none;
}
.learn-page .learning-pages-form .file-error-message, .event-page .events-form .file-error-message {
position: absolute;
max-width: 400px;
left: 40%;
bottom: -5px;
}
.learn-page .learning-pages-form .kv-file-content, .event-page .events-form .kv-file-content {
margin-top: 10px;
width:unset;
}
.learn-page .learning-pages-form .hint-block, .event-page .events-form .hint-block {
margin-top:0;
position: absolute;
top: 30px;
left: 45%;
max-width:400px;
font-size:14px;
color #6C7087;
}
.learn-page .learning-pages-form .file-caption-icon, .file-caption-icon, .krajee-default.file-preview-frame .file-thumbnail-footer {
display:none;
}
.file-preview-thumbnails{
display:flex;
justify-content:center;
}
.learn-page .learning-pages-form .input-group-append, .event-page .events-form .input-group-append{
position: absolute;
bottom: 10px;
max-width: 40%;
width: 100%;
}
.learn-page .learning-pages-form .upload-img-icon, .event-page .events-form .upload-img-icon{
background:url('data:image/svg+xml,');
background-repeat:no-repeat;
height:45px;
width:45px;
display:inherit;
}
.learn-page .learning-pages-form .hidden-xs span, .event-page .events-form .hidden-xs span{
color:#3B8378!important;
text-decoration: underline!important;
}
.learn-page .learning-pages-form .btn-file, .event-page .events-form .btn-file{
background: none;
border: none;
color:#2F3B8A;
font-weight: 600;
display: flex;
align-items: center;
flex-direction: column;
width:100%;
}
.btn-file:active, .btn-file:focus{
background: none!important;
}
.learn-page .learning-pages-form .file-preview, .event-page .events-form .file-preview {
border:none;
padding:0;
}
.learn-page .learning-pages-form .file-input.file-input-ajax-new {
height:unset;
position:relative;
}
.learn-page .learning-pages-form #cats-lrn-pft, .event-page .events-form #cats-lrn-pft, .polls-questions-form #ques-lrn-pft{
display:flex;
gap:15px;
flex-wrap:wrap;
}
.learn-page .learning-pages-form .file-drop-zone, .event-page .events-form .file-drop-zone {
width:40%;
margin:0;
padding:0;
background:#d5d5e536;
}
.learn-page .learning-pages-form .custom-radio, .event-page .events-form .custom-radio {
display:flex;
align-items:center;
background:#80808012;
height:46px;
padding-top: 2px;
padding-bottom: 1px;
}
.learn-page .learning-pages-form .kv-fileinput-caption, .event-page .events-form .kv-fileinput-caption{
display:none;
}
.learn-page .learning-pages-form .form-group-btn, .event-page .events-form .form-group-btn{
margin-top: 80px;
display: flex;
justify-content: space-between;
align-items: center;
height:45px;
font-size:16px;
font-weight:700;
}
.learn-page .learning-pages-form .form-group-btn .backbtn, .event-page .events-form .form-group-btn .backbtn, .polls-questions-form .form-group .backbtn,
.polls-questions-view .form-group .backbtn{
color:#08082a;
text-decoration:none;
background: #8080801c;
padding: 10px 20px;
border-radius: 20px;
}
.learn-page .learning-pages-form .form-group-btn .backbtn:hover, .event-page .events-form .form-group-btn .backbtn:hover{
text-decoration:none;
}
.learn-page .learning-pages-form .form-group-btn .btn-success, .event-page .events-form .form-group-btn .btn-success{
display:flex;
justify-content:center;
align-items:center;
gap:10px;
}
/**************************** rc 11-06-2024 learning pages create css end ********/
/************** rc 13 jun 2024 on learning pages index start ************/
.learn-page .filter-parent{
margin-bottom:24px;
display: flex;
justify-content: space-between;
align-items: center;
}
.learn-page .filter-parent .field-learningpagessearch-globalsearch{
height:54px;
}
.learn-page .filter-parent .learning-pages-search{
width:50%;
position:relative;
}
.learn-page .filter-parent .learning-pages-search #w0 input {
height: 45px;
border-radius: 8px;
border: 1px solid #E9EAED;
background: rgba(255, 255, 255, 0.50);
padding: 6px 130px 6px 12px;
}
.learn-page .filter-parent .form-group-last {
position: absolute;
right: 3px;
top: 2px;
}
.learn-page .filter-parent .learning-pages-search #w0 button {
min-width: auto;
border-radius: 8px;
height: 50px;
padding: 10px 17px;
}
.learn-page .filter-parent .filter{
position:relative;
display: flex;
align-items: center;
height: 42px;
width: 230px;
border-radius: 40px;
background: #FFF;
justify-content:center;
padding: 10px 24px 10px 50px;
grid-gap: 21px;
}
.learn-page .filter-parent .filter #categoryDropdown{
width: 100%;
border: 0;
font-size: 14px;
font-weight: 600;
color: #057648;
background-color: transparent;
}
.learn-page .filter-parent .filter #categoryDropdown:focus-visible{
border: 0;
outline: none;
}
.learn-page .filter-parent .filter #events {
border:none;
background:none;
width: calc(100% - 70px);
}
.learn-page .filter-parent .filter #events:focus-visible {
outline: none;
}
.learn-page .filter-parent .filter .filter-icon {
position: absolute;
left: 24px;
background:url('data:image/svg+xml,');
height:20px;
width:20px;
}
.learn-page .table-bordered .copy-page-link{
font-size:15px;
font-weight:500;
gap:10px;
color:green!important;
background:none;
}
.learn-page .table-bordered .copy-page-link .bi-link-45deg{
font-size:18px;
}
.learn-page .table-bordered .delete-lrn-p{
background:#E24D4D!important;
}
.learn-page .table-bordered .date-icon, .event-page .table-bordered .date-icon{
background:url('data:image/svg+xml,');
background-repeat:no-repeat;
width:20px;
height:20px;
display:inline-block;
vertical-align:middle;
margin-right:2px;
}
.learn-page .grid-view .table-striped th a{
background:none!important;
text-decoration:none;
}
.learn-page .grid-view .table-striped th a.asc:after {
border-bottom: none;
}
/************** rc 13 jun 2024 on learning pages index end ************/
/************** rc 14 jun 2024 on events create page start************/
.event-page .events-form .field-appt-type, .event-page .events-form .field-events-address, .event-page .events-form .field-events-event_room {
margin-top:5px;
width:50%;
}
.event-page .events-form #events-address, .event-page .events-form #events-event_room{
height:54px;
}
.event-page .events-form .field-events-evedate{
margin-top:0px;
}
.event-page .events-form .svg-icon5-content, .polls-questions-form .svg-icon3-content{
background:url('data:image/svg+xml,');
background-repeat:no-repeat;
}
.polls-questions-form .svg-icon5-content{background-image: url('data:image/svg+xml,');background-repeat:no-repeat;}
.event-page .events-form #events-max_entries{
width: 10%;
text-indent: 10px;
}
.event-page .events-form .svg-icon7-content{
background-image: url('data:image/svg+xml,');
background-repeat:no-repeat;
}
/************** rc 14 jun 2024 on events create page end************/
/*File upload CSS by a2z*/
.learn-page .learning-pages-form .file-preview .file-thumbnail-footer{display:block}
.learn-page .learning-pages-form .file-preview .file-upload-indicator,
.learn-page .learning-pages-form .file-preview .file-actions
{display:none}
.learn-page .learning-pages-form .file-preview .file-footer-caption{
display: flex;
border-radius: 7px;
background: #fff;
padding: 11px;
margin-top: 10px;
color: #6C7087;
font-family: Nunito;
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.learn-page .learning-pages-form .file-preview .file-footer-caption .file-caption-info{text-align: left;}
.learn-page .learning-pages-form .file-preview .file-footer-caption .file-size-info{text-align: right;}
.learn-page .learning-pages-form .file-preview .fileinput-remove{
left: 38%;
right: inherit;
top: 10px;
display: block;
}
.learn-page .learning-pages-form .file-preview .file-drop-zone{min-height:312px;}
.learn-page .learning-pages-form .file-preview .fileinput-remove:before{
content:"";
background-image: url('data:image/svg+xml,');
width: 20px;
height: 20px;
display: block;
background-repeat: no-repeat;
background-size: 20px;
}
.learn-page .learning-pages-form .file-preview .fileinput-remove span{display:none;}
.event-page .events-form .file-preview .file-thumbnail-footer{display:block}
.event-page .events-form .file-preview .file-upload-indicator,
.event-page .events-form .file-preview .file-actions
{display:none}
.event-page .events-form .file-preview .file-footer-caption{
display: flex;
border-radius: 7px;
background: #fff;
padding: 11px;
margin-top: 10px;
color: #6C7087;
font-family: Nunito;
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.event-page .events-form .file-preview .file-footer-caption .file-caption-info{text-align: left;}
.event-page .events-form .file-preview .file-footer-caption .file-size-info{text-align: right;}
.event-page .events-form .file-preview .fileinput-remove{
left: 38%;
right: inherit;
top: 10px;
display: block;
}
.event-page .events-form .file-preview .file-drop-zone{min-height:312px;}
.event-page .events-form .file-preview .fileinput-remove:before{
content:"";
background-image: url('data:image/svg+xml,');
width: 20px;
height: 20px;
display: block;
background-repeat: no-repeat;
background-size: 20px;
}
.event-page .events-form .file-preview .fileinput-remove span{display:none;}
/*End File upload CSS by a2z*/
.event-page .events-form .field-events-address .control-label,
.event-page .events-form .field-events-event_room .control-label{
font-size:14px;
letter-spacing: -0.28px;
}
.event-page .events-form .field-events-address,
.event-page .events-form .field-events-event_room{
margin-top:10px;
}
.evedate-evetime{
display: grid;
grid-template-columns: repeat(2, 1fr);
margin-top: 10px;
grid-gap: 25px;
}
.evedate-evetime #events-evedate{ height: 54px;}
.event-page .events-form .svg-icon8-content, .events .right-side-panel .date-icon, .events .right-side-panel .cont-sec .event-title .date-icon{
background-image: url('data:image/svg+xml,');
background-repeat:no-repeat;}
.event-page .events-form .svg-icon9-content, .events .right-side-panel .events-view .right-side .svg-icon9-content{
background-image: url('data:image/svg+xml,');
background-repeat:no-repeat;
}
.event-page .events-form .svg-icon10-content, .events .right-side-panel .events-view .right-side .svg-icon10-content{background-image: url('data:image/svg+xml,');background-repeat:no-repeat}
.evedate-evetime .input-group.date .input-group-append ~ .input-group-append{
position: unset;
max-width: 100%;
width: auto;
}
.event-page .events-form .bi-geo-alt, .events .right-side-panel .events-view .right-side ul li .bi-geo-alt{
font-size: 24px;
}
.event-page .events-form .metting-add-fileds{
border-left: 1px solid rgba(184, 190, 209, 0.42);
padding-left:12px;
}
.event-page .events-form .field-events-zoom_link{margin-top: 12px; width: 50%;}
.event-page .events-form .field-events-zoom_link .control-label{font-size: 14px;}
.event-page .events-form .field-events-zoom_link input{height:45px;}
.event-page .filter-parent{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
}
.event-page .filter-parent .events-search{
width: 100%;
max-width: 548px;
position: relative;
}
.event-page .filter-parent .events-search input{
height: 45px;
color: #2F3B8A;
font-family: Nunito;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
border-radius: 8px 0px 0px 8px;
border: 1px solid #E9EAED;
background: rgba(255, 255, 255, 0.50);
}
.events-search .field-eventssearch-globalsearch ~ .form-group-last{margin-left: -10px;}
.event-page .filter select{
border-radius: 34px;
background: #FFF;
border-radius: 34px;
background: #FFF;
height: 42px;
padding: 10px 24px;
color: #2F3B8A;
font-family: Nunito;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 150%;
letter-spacing: -0.28px;
border: 0;
}
.grid-view .table-striped th a{background: transparent;padding:0; text-decoration: none;}
.grid-view .table-striped .pages-list-cat{
color: #1F254B;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.24px;
text-transform: uppercase;
border-radius: 7px;
padding: 10px;
display: inline-block;
}
.event-page #w1.grid-view .table-striped th{width:120px}
.event-page #w1.grid-view .table-striped .delete-lrn-p{background-color:#E24D4D;}
.event-page .filter-parent .events-search #w0 button{
min-width: auto;
border-radius: 8px;
height: 50px;
padding: 10px 17px;
}
.event-page .filter-parent .filter .filter-icon {
position: absolute;
left: 10px;
top: 5px;
background: url(data:image/svg+xml,);
height: 20px;
width: 20px;
}
.lrn-artcle-cat{
padding: 8px 10px;
border-radius: 7px;
color: #1F254B;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.24px;
text-transform: uppercase;
display: inline-block;
margin-bottom: 24px;
}
.learning-pages-view .left-side, .learning-pages-view .right-side, .events .right-side-panel .left-side, .events .right-side-panel .right-side{
padding: 33px 24px;
border-radius: 8px;
background: #FFF;
}
.learning-pages-view .right-side{
position: sticky;
top: 0;
}
.learning-pages-view .article-img img, .events .right-side-panel .events-view .event-img img {
max-height: 383px;
width: 100%;
object-fit: cover;
border-radius: 8px;
}
.learning-pages-view, .events .right-side-panel .events-view{
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 20px;
align-items: self-start;
}
.learning-articles ul{
padding-left: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.learning-articles ul li, .events .right-side-panel .all-events ul li {
list-style-type: none;
position: relative;
background-color: #fff;
border-radius: 8px;
overflow:hidden;
}
.user-dashboard .user-dashboard-sec .learning-articles a{
text-decoration:none;
}
.learning-articles ul .article-title{
margin-bottom: 0;
padding: 16px;
color: #1F254B;
font-family: Nunito;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
background-color: #fff;
border-radius: 0px 0px 8px 8px;
display:grid;
gap:10px;
grid-template-columns:1fr 20px;
text-decoration: none;
}
.user-dashboard .right-side-panel .learning-articles ul .article-title .bi-check-circle-fill{
color:#00DEBD;
font-size:20px;
}
.user-dashboard .learning-articles .reading-st-half::before {
content: "";
background-color: #fff;
position: absolute;
height: 14px;
width: 14px;
border-radius: 50%;
left: 3px;
top: 3px;
}
.user-dashboard .learning-articles .reading-st-half {
border-radius: 50%;
height: 20px;
width: 20px;
position: relative;
background-image: linear-gradient(90deg, #B8BED1 0%, #B8BED1 50%, #00DEBD 50%, #00DEBD 100%);
}
.learning-articles ul .article-title a{color: #1F254B;text-decoration: none;}
.learning-articles .article-img{margin-bottom: 0;}
.learning-articles .lrn-artcle-cat, .events .right-side-panel .all-events .lrn-artcle-cat{
position:absolute;
top: 8px;
left: 8px;
z-index:1;
}
.learning-articles .article-img img{
width: 100%;
max-height: 200px;
object-fit: cover;
border-radius: 8px 8px 0 0;
}
.learning-articles, .events .right-side-panel .all-events{
margin-top:74px;
}
.sec-heading{
font-weight: 700;
color: #1F254B;
}
.learning-pages-view .right-side ul{ padding-left: 0;}
.learning-pages-view .right-side li{list-style-type: none;}
.learning-pages-view .right-side a{
color: #2F3B8A;
font-size: 16px;
font-weight: 400;
text-decoration: none;
}
.learning-pages-view .right-side a.active{font-weight: 700;}
.learning-articles-heading, .events .right-side-panel .all-events-heading{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.learning-articles-heading .btn, .events .right-side-panel .all-events .all-events-heading .btn{
font-weight:700;
}
.learning-articles-heading h3{margin-bottom:0}
.learning-pages-view .left-side h3,.events .right-side-panel .left-side h3 {
margin-top: 24px;
margin-bottom: 16px;
color: #1F254B;
}
.learning-pages-view .left-side h4{
color: #1F254B;
}
.learning-pages-view .left-side p{color: #6C7087;}
/************** rc 18 jun 2024 on events id 3 css start************/
.events .right-side-panel .left-side .lrn-event-cat{
padding: 5px 10px;
border-radius: 5px;
margin-bottom: 20px;
display: inline-block;
}
.learning-pages-view .left-side .vdo-btn{
color: #1F254B;
font-size: 16px;
font-weight: 600;
background-color: transparent;
border: 0;
padding: 0;
margin-bottom: 24px;
box-shadow:none;
}
.learning-pages-view .left-side .vdo-btn:active,
.learning-pages-view .left-side .vdo-btn:focus{
background-color: transparent;
border: 0;
color:#1F254B;
outline:none;
box-shadow:none!important;
}
.learning-pages-view .left-side .vdo-btn svg{
margin-right: 10px;
}
#videoModal .modal-dialog{
max-width: 767px;
}
.learning-pages-view .right-side .switch-tut-st{
padding: 10px 24px;
display: inline-block;
text-align: center;
color: #2F3B8A;
font-family: Nunito;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 150%;
letter-spacing: -0.28px;
width: 100%;
border-radius: 34px;
border: 1px solid #394590;
background: #FFF;
}
.learning-pages-view .right-side .switch-tut-st:hover{
color: #fff !important;
background-color: #0b5ed7 !important;
border-color: #0a58ca !important;
box-shadow: none !important;
}
.learning-pages-view .right-side .switch-tut-st .bi-check-circle-fill, .learning-pages-view .right-side .switch-tut-st .bi-arrow-counterclockwise {
margin-right: 10px;
}
#videoModal .modal-body{padding: 15px 28px 15px 28px;}
.events .right-side-panel .events-view .left-side ol a, .events .right-side-panel .events-view .left-side ol li::marker{
color:#3B8378;
}
.events .right-side-panel .events-view .right-side ul{
display:flex;
gap:10px;
flex-direction:column;
list-style-type:none;
padding-left:0;
}
.events .right-side-panel .events-view .right-side ul li{
display:inherit;
gap:10px;
}
.events .right-side-panel .events-view .right-side .switch-event-st{
padding: 9px 15px;
background: #2a2a81;
text-decoration: none;
color: white;
border-radius: 40px;
display: flex;
justify-content: center;
gap:10px;
text-align: center;
line-height: 1.2;
align-items: center;
}
.right-side-panel .events-view .right-side .date-icon, .events .right-side-panel .events-view .right-side .svg-icon9-content, .events .right-side-panel .events-view .right-side .svg-icon10-content, .svg-icon5-content, .events .right-side-panel .cont-sec .event-title .date-icon{
display:inherit;
height: 24px;
width: 24px;
}
.events .right-side-panel .all-events ul {
padding-left: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.events .right-side-panel .all-events ul li{
display: inherit;
gap: 20px;
grid-template-columns:40% auto;
}
.events .right-side-panel .all-events .img-sec p{
margin-bottom:0;
}
.events .right-side-panel .all-events .event-img img {
width: 100%;
min-height: 200px;
object-fit: cover;
}
.events .right-side-panel .all-events ul .cont-sec {
display:flex;
gap:10px;
align-items:start;
flex-direction:column;
justify-content: center;
}
.events .right-side-panel .all-events ul .cont-sec .event-title{
display:inherit;
margin:0;
gap:5px;
}
.events .right-side-panel .all-events .event-btn{
background:#131342;
padding: 8px 20px;
text-decoration: none;
color: white;
border-radius:20px;
}
/************** rc 18 jun 2024 on events id 3 css end************/
.field-agenteventaccess-agent_id .select2-selection__rendered li img{
height:25px!important;
border-radius:50%
}
.event-page .events-form .file-caption-icon,
.event-page .events-form .file-drag-handle{display: none;}
.learn-page .learning-pages-update{
border-radius: 8px;
background: #FFF;
padding: 32px 20px 68px 20px;
}
.events .right-side-panel .right-side .switch-event-st .date-icon{background-image: url('data:image/svg+xml,');background-repeat: no-repeat;background-position:center center;}
.events .right-side-panel .right-side ul li .location-icon{background-image: url('data:image/svg+xml,');background-repeat: no-repeat; height: 24px;
width: 24px;}
.events .right-side-panel .right-side ul li .meeting-icon{background-image: url('data:image/svg+xml,');background-repeat: no-repeat; height: 24px;
width: 24px;}
.events .right-side-panel .right-side{
position: sticky;
top: 0;
}
.select2-results__options li img.flag{height:32px;border-radius:50%}
/*-----------dashboard CSS---------------*/
.user-dashboard .all-events .all-events-heading{
display: flex;
justify-content: space-between;
margin-bottom: 16px;
align-items: center;
}
.user-dashboard .all-events .all-events-heading h3{margin-bottom:0; }
.user-dashboard .all-events ul{
padding-left: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
list-style-type: none;
}
.user-dashboard .all-events ul li{
display: grid;
grid-template-columns: 1fr 2fr;
}
.user-dashboard .all-events .event-img img{
width:100% ;
height: 100%;
object-fit: cover;
border-radius: 8px 0px 0px 8px;
}
.user-dashboard .all-events .cont-sec{
background-color: #fff;
padding: 24px 24px 24px 16px;
border-radius: 0px 8px 8px 0px;
}
.user-dashboard .all-events .lrn-artcle-cat{
position: absolute;
top: 8px;
left: 8px;
}
.user-dashboard .all-events .event-img{margin-bottom: 0; height: 100%;}
.user-dashboard .all-events .event-title.second{
font-size: 18px;
color: #1F254B;
font-weight: 600;
}
.user-dashboard .all-events .img-sec{position:relative}
.user-dashboard .all-events .event-title{
color: #1F254B;
font-size: 14px;
font-weight: 400;
margin-bottom: 8px;
display: flex;
}
.user-dashboard .all-events .event-title .already-reg{
gap: 5px;
align-items: center;
padding-left: 5px;
display: inherit;
}
.user-dashboard .all-events .event-btn{
border-radius: 34px;
background: #2F3B8A;
height: 42px;
padding: 12px 25px;
color: #FFF;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
width: 104px;
text-decoration: none;
display: flex;
line-height: 1;
align-items:center;
justify-content:center;
}
.user-dashboard .all-events .event-title .date-icon{background-image: url('data:image/svg+xml,');
background-repeat:no-repeat;
width: 18px;
height:18px;
background-size:cover;
margin-right:5px;
}
.user-dashboard .booked-appt-data{padding:0}
.user-dashboard-sec .booked-appt-data .appointmenteditable{
display: flex;
align-items: center;
grid-gap: 10px;
flex-direction:column;
}
.user-dashboard .user-dashboard-sec .appt-with-daytime-content{
display:flex;
gap:10px;
align-items:center;
}
.user-dashboard .user-dashboard-sec .booked-appt-data .appointmenttitle {
padding-bottom: 0px;
font-size: 14px;
color: #01011b9c;
margin-bottom: 20px;
font-weight:400;
}
.user-dashboard .user-dashboard-sec .booked-appt-data #daytime {
margin-bottom:20px;
align-items: center;
display: inherit;
}
.user-dashboard-sec .appointmentbox{
flex-direction: column;
align-items: flex-start;
}
.user-dashboard .user-dashboard-sec .booked-appt-data .contactinformations{
margin-top:0;
}
.user-dashboard .user-dashboard-sec .booked-appt-data .votre
{
font-size: 18px;
color: #02022a91;
font-weight:600;
line-height:2.5;
}
.user-dashboard-sec .appointmentformarea{
display: flex;
justify-content: space-between;
align-items:center;
}
.user-dashboard-sec .appointmentformarea .agentimagetitlebox{
flex-direction: column;
align-items: flex-start;
}
.user-dashboard-sec .appointmenteditable .cstm-link{
background-color: transparent;
color: #212529;
padding: 0;
font-size:14px;
}
.user-dashboard-sec .appointmenteditable .cstm-link:hover{
background-color: transparent!important;
color: #212529!important;
padding: 0;
}
.user-dashboard-sec .appointmentformarea .agentimagetitlebox .nametitle{
color: #1F254B;
font-size: 16px;
font-weight: 600;
}
/*-----------End dashboard CSS---------------*/
/*-----------rc 20-06-2024 learning-platform CSS start---------------*/
.user-dashboard .right-side-panel .articles-filter, .user-dashboard .right-side-panel .events-filter{
list-style-type:none;
padding-left:0;
display:flex;
gap:25px;
}
.user-dashboard .right-side-panel .articles-filter li a, .user-dashboard .right-side-panel .events-filter li a{
text-decoration:none;
color:grey;
}
.user-dashboard .right-side-panel .articles-filter li .active, .user-dashboard .right-side-panel .events-filter li .active{
border-bottom: 2px solid #151572;
padding-bottom: 5px;
color: #151572;
font-weight: 600;
}
.user-dashboard .right-side-panel .lrn-categories-filter, .user-dashboard .right-side-panel .events-categories-filter{
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.user-dashboard .right-side-panel .lrn-categories-filter input[type=checkbox], .user-dashboard .right-side-panel .events-categories-filter input[type=checkbox]{
display:none;
}
.user-dashboard .right-side-panel .lrn-categories-filter .custom-checkbox, .user-dashboard .right-side-panel .events-categories-filter .custom-checkbox{
padding: 7px 10px;
border-radius: 5px;
}
.user-dashboard .right-side-panel .lrn-categories-filter .custom-checkbox label, .user-dashboard .right-side-panel .events-categories-filter label {
color: #1F254B;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.24px;
text-transform: uppercase;
display: flex;
align-items: center;
grid-gap: 8px;
cursor:pointer;
}
.user-dashboard .right-side-panel .lrn-article-read-st-filter li input{
height:20px;
width:20px;
accent-color: #2F3B8A;
border-radius: 5px;
}
.user-dashboard .right-side-panel .lrn-article-read-st-filter li label{
font-size:14px;
color:#2F3B8A;
}
.user-dashboard .right-side-panel .lrn-article-read-st-filter{
display: flex;
align-items: center;
grid-gap: 20px;
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
padding-bottom: 30px;
border-bottom: 1px solid #E9EAED;
}
.user-dashboard .right-side-panel .lrn-article-read-st-filter li{
display: flex;
align-items: center;
grid-gap: 10px;
}
.user-dashboard .right-side-panel .learning-articles-heading, .user-dashboard .right-side-panel .events-heading {
margin-bottom:18px;
margin-top:30px;
}
.user-dashboard .right-side-panel .learning-articles-heading h6, .user-dashboard .right-side-panel .events-heading h6{
font-size:14px;
font-weight:700;
text-transform: uppercase;
}
.user-dashboard .right-side-panel .learning-articles {
margin-top: 24px;
}
.user-dashboard .lrn-categories-filter .custom-checkbox .circle-checkbox, .user-dashboard .right-side-panel .events-categories-filter .custom-checkbox .circle-checkbox {
width: 16px;
height: 16px;
background-color:#1F254B;
border-radius: 50%;
display: inline-block;
position: relative;
cursor: pointer;
opacity:0.2;
}
.user-dashboard .lrn-categories-filter .custom-checkbox .circle-checkbox::after, .user-dashboard .right-side-panel .events-categories-filter .custom-checkbox .circle-checkbox::after{
content: '\F26E';
font-size: 16px;
font-family: bootstrap-icons !important;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.user-dashboard .lrn-categories-filter .custom-checkbox input[type="checkbox"]:checked + .circle-checkbox::after, .user-dashboard .right-side-panel .events-categories-filter .custom-checkbox input[type="checkbox"]:checked + .circle-checkbox::after{
opacity: 1;
}
.user-dashboard .lrn-categories-filter .custom-checkbox input[type="checkbox"]:checked + .circle-checkbox, .user-dashboard .right-side-panel .events-categories-filter .custom-checkbox input[type="checkbox"]:checked + .circle-checkbox{
opacity: 1;
}
.user-dashboard .right-side-panel .lrn-article-box a{text-decoration:none}
.user-dashboard .right-side-panel .user-lrn-platform-sec .learning-articles .lrn-articles-boxes .video-icon-white{
background:url('data:image/svg+xml,');
height: calc(100% - 54px);
width:100%;
position:absolute;
background-position:center center;
background-repeat: no-repeat;
z-index:1;
}
.user-dashboard .right-side-panel .user-lrn-platform-sec .learning-articles .video .article-img{
position:relative;
}
.user-dashboard .right-side-panel .user-lrn-platform-sec .learning-articles .video .article-img::before{
content:"";
background:#0000004a;
width:100%;
height:100%;
position:absolute;
z-index:0;
top:0;
bottom:0;
left:0;
right:0;
}
/*-----------rc 20-06-2024 learning-platform CSS end---------------*/
/*-----------rc 21-06-2024 events-list CSS start---------------*/
.user-dashboard .right-side-panel .all-events{
border-top: 2px solid #8080800d;
margin-top: 40px;
padding-top: 20px;
}
/*-----------rc 21-06-2024 events-list CSS end---------------*/
.embed{margin-bottom:0;
}
label .optional-title{
font-weight:700;
}
/*-----------rc 04-07-2024 form CSS start---------------*/
.superadmin-dashboard .right-side-panel .events-form .special{
display: flex;
align-items: center;
justify-content: space-between;
}
.superadmin-dashboard .right-side-panel .events-form .svg-icon3-content{
background:url('data:image/svg+xml,');
background-repeat:no-repeat;
}
.superadmin-dashboard .right-side-panel .events-form .icon-with-exporter-content{
display:inherit;
gap:10px;
}
.superadmin-dashboard .right-side-panel .events-form .exporter-icon, .clients-list .system-users-index .icon-with-exporter-content .exporter-icon{
background-image: url('data:image/svg+xml,');
height: 24px;
width: 24px;
background-repeat: no-repeat;
display: inline-block;
}
.superadmin-dashboard .right-side-panel .events-form .exp-events-users{
text-decoration:none;
color: #1F254B;
}
/*-----------rc 04-07-2024 form CSS end---------------*/
.users-appointment .select2 img{
height:25px!important;
border-radius:50%;
}
.footer-social img{width:24px;border-radius:4px;}
/*-----------rc 06-07-2024 form CSS start---------------*/
.flex-column .select2-search--dropdown .select2-search__field {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
background: #fff url(/web/images/search.png) right 0.625rem top 0.625rem no-repeat;
border-radius: 0.25rem;
color: #212529;
height:34px;
border:1px solid #80808059!important;
}
.flex-column .select2-search--dropdown .select2-search__field:focus-visible{
outline:none;
}
/*-----------rc 06-07-2024 form CSS end---------------*/
/*------------a2zCSS-7july2024--------------*/
#client_register .sw-theme-material-v .step-content label{font-size:14px!important;font-weight:600!important;margin-bottom: 5px;}
.select2-container--krajee-bs5 .select2-selection--multiple .select2-search--inline{width:100%}
#client_register .selection .select2-selection--multiple .select2-selection__rendered{
display:inline!important;
overflow: unset;
text-overflow: unset;
white-space: unset;
}
#client_register .sw-theme-material-v .step-content span.select2-selection{
height:45px!important;
min-height:45px!important
}
#client_register .sw-theme-material-v .step-content .select2 {
height: auto;
min-height:45px;
}
/*------------End a2zCSS-7july2024--------------*/
/*-----------rc 08-07-2024 form CSS start---------------*/
.user-registration .right-side-panel .select2-selection--single{
display:flex!important;
align-items:center;
}
.flex-column .select2-results .select2-results__options .flag{
border-radius:unset;
width:25px;
height:auto;
}
.flex-shrink-0 .right-side-panel .users-form #update-user-form .field-users-phone_cc {
grid-column:span 12;
}
.flex-shrink-0 .users-form .field-users-other_langs .select2-container{
width: auto;
min-height: 53px;
height: auto;
}
.flex-shrink-0 .users-form .field-users-other_langs .select2-selection--multiple{
height: auto !important;
}
.flex-shrink-0 .users-form .field-users-other_langs .select2-selection__rendered{
display: inline-block !important;
overflow: unset;
white-space: unset;
text-overflow: unset;
}
.select2-container--krajee-bs5 .select2-selection--multiple .select2-selection__choice ~ .select2-search--inline{width:unset}
/*-----------rc 08-07-2024 form CSS end---------------*/
.empty{
background-color: #fff;
padding: 18px 20px;
border-radius: 10px;
font-size: 25px;
width: 100%;
text-align: center;
}
/*-----------rc 09-07-2024 form CSS start---------------*/
.flex-shrink-0 .right-side-panel .users-form .phone-sec{
grid-column:span 6;
}
.flex-shrink-0 .right-side-panel .users-form .field-users-sex #users-sex, .flex-shrink-0 .right-side-panel .users-form #users-trained_abroad, .flex-shrink-0 .right-side-panel .users-form #users-with_family, .flex-shrink-0 .right-side-panel .users-form #users-with_family label, .flex-shrink-0 .right-side-panel .users-form #users-seek_citizenship{
display:flex;
gap:10px;
}
.flex-shrink-0 .right-side-panel .users-form .field-users-sex #users-sex label, .flex-shrink-0 .right-side-panel .users-form .field-users-trained_abroad #users-trained_abroad label, .flex-shrink-0 .right-side-panel .users-form #users-with_family label, .flex-shrink-0 .right-side-panel .users-form #users-seek_citizenship label{
display: inherit;
align-items: center;
gap: 10px;
background: #80808014;
border-radius: 5px;
padding:15px;
}
.flex-shrink-0 .right-side-panel .users-form .field-users-other_langs .select2-search__field{
text-indent:20px;
}
/*-----------rc 09-07-2024 form CSS end---------------*/
/*-----------rc 09-07-2024 form CSS start list de client---------------*/
.flex-shrink-0 .right-side-panel .system-users-index .users-search #w0{
display: grid;
align-items: self-end;
grid-template-columns: 1fr 1fr auto;
}
.flex-shrink-0 .right-side-panel .events-search #w0{
display: grid;
align-items: center;
grid-template-columns: 1fr 110px;
}
.flex-shrink-0 .right-side-panel .system-users-index .users-search #w0 .field-userssearch-fromdate{
margin-bottom:28px;
}
.flex-shrink-0 .right-side-panel .system-users-index .users-search #w0 #userssearch-fromdate, .flex-shrink-0 .right-side-panel .system-users-index .users-search #w0 #userssearch-todate, .flex-shrink-0 .right-side-panel .system-users-index .users-search #w0 #userssearch-globalsearch{
border-radius:0;
}
.flex-shrink-0 .right-side-panel .system-users-index .users-search #w0 #userssearch-fromdate, .flex-shrink-0 .right-side-panel .system-users-index .users-search #w0 #userssearch-todate{
width:100%;
padding-right:2px;
}
.flex-shrink-0 .right-side-panel .system-users-index .users-search #w0 #userssearch-todate:focus{
border:none;
}
.flex-shrink-0 .right-side-panel .select2-container--krajee-bs5 .select2-selection--multiple{
padding-left:20px;
}
.flex-shrink-0 .right-side-panel .system-users-index .users-search #userssearch-fromdate-kvdate{
width: calc(100% - 0px);
display: grid;
grid-template-columns: 1fr 40px 1fr;
}
/*-----------rc 09-07-2024 form CSS end list de client---------------*/
/*-----------rc 15-07-2024 form CSS start mot de passe---------------*/
.flex-column .flex-shrink-0 .right-side-panel .forget-pass-sec .error-msg
{
color:#dc3545;
}
.flex-column .flex-shrink-0 .right-side-panel .forget-pass-sec .success-msg
{
color:green;
}
.flex-column .flex-shrink-0 .right-side-panel #users-email, .flex-column .flex-shrink-0 .right-side-panel #users-password_reset_token, .flex-column .flex-shrink-0 .right-side-panel #users-reset_password{
color: #1F254B;
font-size: 16px;
font-weight: 400;
border-radius: 8px;
border: 1px solid #E9EAED;
height: 45px;
}
.flex-column .flex-shrink-0 .right-side-panel #reset-pass-form .form-group .btn-primary{
margin-top:20px;
}
/*-----------rc 15-07-2024 form CSS end mot de passe---------------*/
/*-----------rc 30-07-2024 form start CSS home---------------*/
.d-flex #main .no-sidebar .right-side-panel {
position:relative;
/* padding-bottom:20px;*/
}
.d-flex #main .right-side-panel .employer-login{
position:absolute;
bottom:30px;
right:25px;
}
.d-flex #main .right-side-panel .employer-login a {
text-decoration: none;
color: #040d3a;
padding: 10px;
background: white;
border-radius: 20px;
font-weight:700;
}
/*-----------rc 30-07-2024 form end CSS home---------------*/
/*-----------rc 30-07-2024 form update id start CSS ---------------*/
.submit-sechudle .btn-save {
background-color: #2F3B8A;
border:none;
}
.d-flex #main .right-side-panel .agent-working-days .calander-icon{
background:url('data:image/svg+xml,');
height: 20px;
width: 20px;
background-repeat: no-repeat;
}
.d-flex #main .right-side-panel .agent-working-hours .timer-content, .d-flex #main .right-side-panel .agent-working-days .calander-content {
display:flex;
gap:5px;
}
.d-flex #main .right-side-panel .agent-working-hours .timer-icon{
background:url('data:image/svg+xml,');
height: 20px;
width: 20px;
background-repeat: no-repeat;
}
/*-----------rc 30-07-2024 form update id end CSS ---------------*/
/****************rc start for toggle 05-08-2024*********/
.flex-column #main .left-side-panel #icon {
display:none;
}
.flex-column #main .right-side-panel #footer .row1 {
gap:80px;
}
/****************rc end 05-08-2024*********/
/****************rc start 07-08-2024*********/
.flex-column .right-side-panel .modal-dialog #modal-content-absent label {
margin-top:5px;
}
.field-appt .time-format{height:54px;}
.grid-view .table-striped th.action-column{width:90px}
/****************rc end 07-08-2024*********/
/**************** Signup voulnteer css ****************/
.one-section{
display: flex;
background: #fff;
border-radius: 8px;
padding: 22px 14px;
}
.column {
flex: 1;
padding: 10px;
}
.image-column img {
border-radius: 8px;
width:100%;
height: 100%;
object-fit: cover;
}
.text-column h2 {
font-size: 2em;
color: #1F254B;
margin-bottom: 20px;
}
.the-description p{
color: #6C7087;
font-family: Nunito;
font-size: 16px;
font-weight: 600;
}
.the-description h4{
color:#1F254B;
margin-bottom:16px;
}
.two-section{
width: 100%;
background-color: #fff;
border-radius: 8px;
margin-top: 20px;
padding: 22px 10px 50px 10px;
}
.devenir-form{
display: flex;
flex-direction: column;
grid-gap: 40px;
}
.form-section h4{margin-bottom:16px;}
.form-section input[type="text"]{
border-radius: 8px;
border: 1px solid #E9EAED;
background-color: #FFF;
width: 100%;
height: 76px;
padding: 16px 20px;
}
.custom-control-label::before {
position: absolute;
display: block;
pointer-events: none;
content: "";
background-color: #fff;
border: 1px solid #adb5bd;
}
.custom-control-label::after {
position: absolute;
display: block;
content: "";
background: 50% / 50% 50% no-repeat;
}
.custom-radio .custom-control-label::before {
border-radius: 50%;
}
.custom-control {
position: relative;
z-index: 1;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem;
-webkit-print-color-adjust: exact;
color-adjust: exact;
print-color-adjust: exact;
}
.custom-control.custom-radio{background: #F7F7F7;}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top;
}
.custom-control-input {
position: absolute;
left: 0;
top:0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0;
border-radius: 8px !important;
border: 1px solid #E9EAED;
background: #FFF;
width: 100%;
height: 48px;
padding: 10px 20px;
color: #1F254B;
font-size: 16px;
font-weight: 400;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.Fields-controler{
display: flex;
grid-gap: 16px;
flex-wrap: wrap;
}
#signup-volunteer-form .custom-checkbox input {
display: none;
}
#signup-volunteer-form .custom-checkbox label {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
padding-left: 30px;
color: #1F254B;
font-size: 16px;
font-weight: 400;
}
#signup-volunteer-form .custom-checkbox label::before {
top: 50%;
transform: translateY(-50%);
background-color: #fff;
border-radius: 4px;
border: 1px solid #ccc;
box-shadow: 0px 2px 5px 0px rgba(103, 110, 118, 0.08), 0px 0px 0px 1px rgba(103, 110, 118, 0.16), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
}
#signup-volunteer-form .custom-checkbox label::before, #signup-volunteer-form .custom-checkbox label::after{
position: absolute;
content:"";
width: 20px !important;
height: 20px !important;
left: 0;
}
#signup-volunteer-form .custom-checkbox input:checked + label::before {
background-color: #2F3B8A;
}
#signup-volunteer-form .custom-checkbox{
padding: 12px 16px;
border-radius: 8px;
background: #F7F7F7;
}
#signup-volunteer-form .custom-checkbox input:checked + label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center center;
}
/* end css */
.flex-column .right-side-panel .fields-controler-last{
flex-direction: column;
display: inline-flex;
}
.flex-column .right-side-panel .last-section{
margin-top:30px;
}
.flex-column .right-side-panel #client_register1{
width:100%;
}
.file-caption-name{
display:none;
}
.flex-column .right-side-panel .see-all-button{
margin-top:50px;
text-align:center;
}
.flex-column .right-side-panel button[type="submit"] {
/*background: #77e5d1;*/
padding: 5px 25px;
border-radius: 34px;
border: none;
font-weight:600;
/*height:54px;*/
}
.flex-column .right-side-panel .other{
position:relative;
margin-top:-5px;
}
.flex-column .right-side-panel .other #reason {
height:0;
margin-bottom:-5px;
}
.flex-column .right-side-panel .other #reason:focus-visible{
outline:none;
}
.flex-column .right-side-panel .special-word{
color:green;
}
.form-section .users-create1 {max-width: 580px;}
.form-section .users-create1 .file-caption .input-group {
width: 100%;
grid-gap: 35px;
flex-direction: column-reverse;
}
.form-section .users-create1 .input-group .input-group-btn{width: 100%;}
.form-section #client_register1 {
width: 100%!important;
}
.form-section .users-create1 .file-caption-icon{display:none}
.form-section .users-create1 .kv-fileinput-caption.is-valid {
display: block;
border: 0;
border-radius: 6px;
background: #F7F7F7;
width: 100%;
}
.form-section .users-create .input-group .fileinput-remove-button {
width: 30px;
bottom: 9px;
}
.info-msg:empty, .info-msg:empty {
display:none;
}
.flex-column .right-side-panel #client_register1 .file-preview {
padding:0;
margin-bottom:unset;
border:0
}
#signup-volunteer-form .users-create1 #client_register1 .file-input{
border-radius: 8px;
border: 1px dashed rgba(47, 59, 138, 0.46);
background: rgba(47, 59, 138, 0.05);
padding: 25px 0;
}
#signup-volunteer-form .users-create1 #client_register1 .file-caption-name{
position: absolute;
bottom: -80px;
}
#signup-volunteer-form .see-all-button{margin-top:80px}
.flex-column .right-side-panel #client_register1 .fileinput-remove-button:hover{
background-color:unset!important;
}
.flex-column .right-side-panel #client_register1 .file-caption-name{
border-radius:5px;
}
.flex-column .right-side-panel #client_register1 .bi-folder2-open:before{
padding-right:10px;
vertical-align: 20px;
}
.flex-column .right-side-panel #client_register1 .btn-primary{
display: flex;
justify-content: center;
align-items: center;
line-height: unset;
height: auto;
}
.flex-column .right-side-panel .file-input.file-input-ajax-new {
height:unset;
}
.flex-column .right-side-panel .file-drop-zone .file-preview-thumbnails {
display: block;
}
.users-create1 .field-users-immig_doc_path .file-caption {
margin-top: 0px;
padding-left: 0px;
width: 100%;
}
/*#signup-volunteer-form .users-create1 .file-input .file-drop-zone {
min-height: auto;
padding:0;
border: 0;
margin: 0;
}*/
#signup-volunteer-form .users-create1 .file-input .file-drop-zone:has(div[style="display: none;"]){
min-height: 111px;
position: absolute;
width: 100%;
top: -25px;
z-index:3;
margin: 0;
}
#signup-volunteer-form .users-create1 .file-input .file-drop-zone:has(div[style=""]){
position: relative;
min-height: auto;
padding: 0;
border: 0;
margin: 0;
}
#signup-volunteer-form .users-create1 .file-input .file-drop-zone{position: relative;
min-height: auto; padding: 0;
border: 0;
margin: 0;}
.users-create1 .file-preview .fileinput-remove {
display: none!important;
}
.users-create1 .fileinput-cancel-button{
display: none;
}
.form-section .users-create1 .input-group .fileinput-remove-button {
width: 30px;
bottom: -74px;
}
#signup-volunteer-form .users-create1 #client_register1 .file-input.has-error .fileinput-remove-button{ display:none}
.users-create1 .input-group .fileinput-remove-button {
position: absolute;
right: 0;
border: 0;
z-index: 9;
width: auto;
min-width: auto;
background-color: transparent;
height: auto;
padding: 0;
bottom: 0;
}
.users-create #client_register1 .btn-file {
border-radius: 8px;
border: 1px dashed rgba(47, 59, 138, 0.46);
background: var(--Basic-Darkslateblue, #2F3B8A);
color: #FFF;
text-align: center;
font-size: 16px;
font-weight: 400;
width: 176px;
height: 43px;
line-height: 2;
margin-bottom: 0;
}
.users-create1 .field-users-immig_doc_path .btn-file {
width: 100% !important;
color: #2F3B8A !important;
font-size: 16px !important;
font-weight: 600 !important;
background-color: transparent !important;
border: 0 !important;
}
.users-create1 .input-group .fileinput-remove-button .bi-trash::before {
content: "\F622";
color: #333;
}
.users-create1 .file-drop-zone-title {
display: none;
}
.users-create1 .input-group .fileinput-remove-button .hidden-xs{
display: none;
}
.flex-column .right-side-panel #client_register1 .file-caption-name {
border-radius: 5px;
}
/**************** END Signup voulnteer css ****************/
/**************** Newsletter signup css ****************/
.flex-column .right-side-panel .banner-content{
padding:24px 24px 64px 24px;
background:white;
border-radius:8px;
text-align:center;
}
.flex-column .right-side-panel .banner-content .b-image img{
width: 100%;
height: 224px;
object-fit: cover;
border-radius: 8px;
}
.flex-column .right-side-panel .subscribe-abt-title{
margin-top:40px;
color: #1F254B;
margin-bottom:0;
}
.flex-column .right-side-panel .receive-abt-title{
margin-top:16px;
font-weight:600;
line-height:1.4;
color: #6C7087;
margin-bottom:0;
}
.flex-column .right-side-panel .form-content{
display: flex;
flex-direction: column;
gap: 16px;
align-items: center;
margin-top:16px;
}
.flex-column .right-side-panel .form-content #email{
height:50px;
width:50%;
text-indent:15px;
border-radius: 8px;
border: 1px solid #00000021;
color:#1F254B;
}
.flex-column .right-side-panel .form-content #email::placeholder{color: #1f254b4d;}
.flex-column .right-side-panel .form-content #email:focus-visible{
outline:none;
}
.flex-column .right-side-panel .register-btn{
border: none;
background-color: #057648;
padding: 13px 0;
width: 50%;
border-radius: 50px;
font-weight: 700;
color: #fff;
}
.flex-column .right-side-panel .register-btn:hover{
background:#035b37;
}
.user-dashboard .signup-newsletter .validation-error, .user-dashboard .signup-volunteer .validation-error
{
text-align:left;
margin-bottom: 0;
}
.user-dashboard .signup-newsletter .validation-error, .user-dashboard .signup-volunteer .validation-error
{
text-align:left;
margin-bottom: 0;
}
.signup-newsletter .info-msg{
width: 50%;
margin: 10px auto;
text-align:left;
}
@media only screen and (max-width:767px){
.users-create #client_register .group-mem-name{
grid-column: span 12!important;
}
.site-login .row{flex-direction: column;}
.form-box.sign-in-sec{padding: 40px 20px 25px 20px;}
.users-create #client_register .tab-content{padding: 0px 0px 0px 0px;}
.flex-column {
overflow-x: hidden;
}
.flex-column .right-side-panel .form-content #email,
.flex-column .right-side-panel .register-btn{
width:100%;
}
.flex-column .right-side-panel .banner-content{
padding: 24px 10px 64px 10px;
}
.nav li > form > button.logout {
display:block;
text-align: left;
width: 100%;
padding: 10px 0;
}
.right-side-panel .site-login {
width: 100%;
max-width: 450px;
}
.form-box{
padding: 40px 20px 30px 20px;
}
.flex-column #main{
position:relative;
}
.flex-column #main .left-side-panel, .flex-column #main .right-side-panel{
width:100%;
padding-left:20px!important;
padding-right:20px!important;
}
.flex-column #main .left-side-panel{
height:unset;
position:relative;
padding:10px 20px 10px 20px;
}
.flex-column #main .left-side-panel .site-logo .logo-img {
width:120px;
}
.flex-column #main .left-side-panel .u-img{
width:46px!important;
}
.flex-column #main .left-side-panel .nav li{
margin-bottom:24px;
}
.flex-column #main .left-side-panel .nav{
position:relative;
}
.flex-column #main .left-side-panel #icon{
color:white;
font-size:25px;
display: block;
position: absolute;
right: 20px;
top: 35px;
cursor: pointer;
}
.flex-column #main .right-side-panel .learning-articles-heading{
flex-wrap:wrap;
gap:20px;
}
/*.flex-column #main .left-side-panel .user-section{
margin-left: unset;
margin-right: unset;
background: #2a3a91;
display:inherit;
flex-wrap:wrap;
position: absolute;
bottom: -105px;
border-radius:5px;
}*/
.flex-column #main .right-side-panel .top-cntnt {
margin-bottom:unset;
}
/*.flex-column #main .right-side-panel .top-cntnt-lft{
margin-top:100px!important;
}*/
.flex-column #main .right-side-panel .top-cntnt-lft h4{
margin-bottom:20px;
}
.flex-column #main .right-side-panel .learning-articles ul {
display:flex!important;
flex-direction:column;
}
.flex-column #main .right-side-panel .text-muted{
display: flex;
flex-direction: column;
padding-left:24px!important;
padding-right:24px!important;
gap:30px;
}
.flex-column #main .right-side-panel .user-dashboard-sec .appointmentformarea {
flex-wrap:wrap;
}
.flex-column #main .right-side-panel .footer-col-box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
grid-gap:30px;
}
.flex-column #main .right-side-panel #footer {
width: unset;
}}
.clients-list .system-users-index .list-view, .my-clients-list .system-users-index .list-view{
display:grid!important;
grid-template-columns: repeat(5, 19%)!important;
position: relative;
padding-bottom: 50px;
}
@media only screen and (max-width: 1024px){
.Profile-section-inner{grid-template-columns: 1fr 1fr;}
.flex-shrink-0 .right-side-panel .admin-dashboard{grid-template-columns: repeat(2, 1fr)!important;}
.clients-list .system-users-index .list-view,
.my-clients-list .system-users-index .list-view{
display:grid!important;
grid-template-columns: repeat(3, 32%)!important;
}
.form-section.last-section .file-input .file-caption{width: 100%;}
.Profile-section-inner {
grid-template-columns: 1fr!important;
}
.flex-column .right-side-panel .form-content #email{width:100%}
.signup-newsletter .info-msg {
width: 100%;
}
.flex-column #main .right-side-panel .text-muted{
display: flex;
flex-direction: column;
gap:30px;
}
.flex-column #main .right-side-panel .user-dashboard-sec .appointmentformarea {
flex-wrap:wrap;
}
.flex-column #main .right-side-panel .footer-col-box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap:30px;
}
.flex-column #main .right-side-panel .learning-articles ul {
grid-template-columns: repeat(2, 1fr);
}
.one-section {
flex-direction: column-reverse;
}
}
@media only screen and (min-width:1400px){
.learn-page .table-bordered .copy-page-link{
white-space: nowrap;
}}
/**************** END Newsletter signup css ****************/
/**************** START update my profile css ****************/
.Profile-section-inner{
display: grid;
grid-template-columns: 3fr 1.3fr;
align-items: start;
grid-gap: 20px;
}
.formcol{
border-radius: 8px;
background: #FFF;
padding: 32px 20px;
}
.right-formcol{padding: 32px 20px;}
.formcol h3{
margin-bottom: 20px;
}
.Profile-section label {
color: #6C7087;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.24px;
width: auto;
}
.Profile-section input,
.Profile-section select {
border: 0;
border: 1px solid #cdcfd1;
height:45px;
color: #1F254B;
font-size: 16px;
font-weight: 600;
width: 100%;
padding: 10px 20 10px 20px;
line-height: 1;
}
#change-password-form .form-inner input,
#change-password-form .form-inner select {
color: #1F254B;
font-size: 16px;
font-weight: 600;
width: 100%;
padding: 17px 17px 15px 16px;
line-height: 1;
border-radius: 8px;
border: 1px solid #E9EAED;
background: #FFF;
height: 45px;
}
.form-inner {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 20px;
}
#change-password-form .form-inner {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
}
#change-password-form .form-inner label{}
.Profile-section .form-group{grid-column: span 6;}
.Profile-section .form-group.address-group{grid-column: span 12;}
.form-inner button{
width: 90%;
height: 45px;
border-radius: 34px!important;
color: #1F254B;
font-size: 16px;
font-weight: 700;
}
/**************rc css start 21-08-2024 ****************/
.flex-column .user-dashboard .right-side-panel .form-group .form-control:disabled, .form-control[readonly] {
background-color:unset;
}
.flex-column .user-dashboard .right-side-panel #update-my-profile .form-group button[type="submit"], .flex-column .user-dashboard .right-side-panel #update-password .form-group button[type="submit"] {
padding: 0;
width: 100%;
font-weight: 700;
display: flex;
align-items: center;
gap: 10px;
justify-content: center;
}
.flex-column .user-dashboard .right-side-panel #update-password .form-group button[type="submit"]{
width:90%;
}
.flex-column .user-dashboard .right-side-panel #users-email {
border: none;
border-bottom: 1px solid #E9EAED;
height: 45px;
color: #1F254B;
font-weight:600;
}
.flex-column .user-dashboard .right-side-panel #update-my-profile .control-label {
opacity:0.5;
}
.flex-column .user-dashboard .right-side-panel #update-my-profile .form-control {
color:#061574;
}
.flex-column .user-dashboard .right-side-panel #update-password .form-inner {
display: flex;
flex-direction: column;
}
.flex-column .user-dashboard .right-side-panel #update-password input.password-field{
border: 1px solid #cdcfd1;
border-radius: 5px;
text-indent: 5px;
padding: 12px 10px;
height:45px;
}
.flex-column .user-dashboard .right-side-panel #update-password label{
font-weight:600;
color:#6C7087;
}
.update-my-profile .user-dashboard .right-side-panel #update-my-profile input[readonly]{
color:#80808080;
}
/**************rc end start 21-08-2024 ****************/
/**************rc end start 21-08-2024 ****************/
/**************** END update my profile css ****************/
/*********a2z CSS 24aug2024*******/
#subscribe-newsletter-form .register-btn{
font-weight:700;
border-radius: 50px;
height:42px;
}
#signup-volunteer-form .custom-control label.custom-control-label{opacity: 1;}
#signup-volunteer-form textarea{
width:100%;
border: 1px solid #E9EAED;
height: 76px;
border-radius: 8px;
padding:10px;
}
#signup-volunteer-form .see-all-button button{
border-radius:50px;
color:#fff;
background-color: #057648;
}
.modal-dialog #modal-content-absent #agent-absent-form .formfield6 label{margin-bottom:5px!important}
/*********End a2z CSS*******/
/******** Notification popup css********/
.flex-column #main .right-side-panel .top-cntnt .bell-circle-content {
background: white;
border-radius: 50px;
padding: 8px;
position: relative;
cursor: pointer;
}
/****Notifications added ****/
.bell-circle-content {
position: relative;
}
.bell-circle-content.has-notifications:before {
content: '';
position: absolute;
height: 12px;
width: 12px;
background: #E24D4D; /* Red color */
top: -3px;
right: 0;
border-radius: 50%;
}
/*.flex-column #main .right-side-panel .top-cntnt .bell-circle-content:before
{
content: '';
position: absolute;
height: 12px;
width: 12px;
background: #E24D4D;
top: -3px;
right: 0;
border-radius: 50%;
}*/
.flex-column #main .right-side-panel .top-cntnt .popup{
display: none;
position: absolute;
top: 64px;
right: 20px;
background: white;
padding: 0px 0px;
border-radius: 12px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
z-index: 3;
}
.flex-column #main .right-side-panel .top-cntnt .pop-up-box:before{
content: '';
position: absolute;
right: 17px;
top: -12px;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 12px solid #ffffff;
}
.flex-column #main .right-side-panel .top-cntnt .popup.active{
display: block;
}
.flex-column #main .right-side-panel .top-cntnt .pop-up-box {
display: flex;
flex-direction: column;
padding: 0;
background-color: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 12px;
}
.flex-column #main .right-side-panel .top-cntnt .notifications-container {
padding: 12px;
border-bottom: 1px solid #8080801f;
display:flex;
align-items:center;
gap:10px;
justify-content:space-between;
}
.flex-column #main .right-side-panel .top-cntnt .no-notification-found{
padding: 10px 30px;
}
.flex-column #main .right-side-panel .top-cntnt .box{
padding: 12px 12px;
border-bottom: 1px solid #8080801f;
display: grid;
grid-template-columns: 46px 1fr 10px;
align-items:center;
gap:10px;
}
/* Read/Unread*/
.flex-column #main .right-side-panel .top-cntnt .box.read p{
color:#1F254B;
font-weight:400;
}
.flex-column #main .right-side-panel .top-cntnt .box.unread p{
font-weight: bold;
color: #000;
}
.flex-column #main .right-side-panel .top-cntnt .box .image-content{
height:46px;
width:46px;
object-fit:cover;
border-radius:100%;
}
.flex-column #main .right-side-panel .top-cntnt .box p{
margin:0;
color:#092b6a;
}
.flex-column #main .right-side-panel .top-cntnt .box .green-circle{
background-image: url('data:image/svg+xml,');
height: 20px;
width: 20px;
background-repeat: no-repeat;
margin-top:28px;
}
.flex-column #main .right-side-panel .top-cntnt .box .special-desc{
color:#0833af;
}
.flex-column #main .right-side-panel .top-cntnt .notifications-container h6 {
margin: 0;
font-weight: 600;
letter-spacing: -0.28px;
color: #1F254B;
}
.flex-column #main .right-side-panel .top-cntnt .close-btn {
position: absolute;
top: 14px;
right: 20px;
border: none;
cursor: pointer;
font-weight: 700;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
width: 16px;
height: 16px;
padding: 0;
background-color: transparent;
}
.flex-column #main .right-side-panel .top-cntnt .check-circle{
background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="icons/small/check" opacity="0.8"%3E%3Crect y="0.866211" width="16" height="16" rx="8" fill="%233B8378"/%3E%3Cpath id="Vector (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M12.3412 5.50068C12.543 5.6891 12.5539 6.0055 12.3655 6.20737L7.69886 11.2074C7.6043 11.3087 7.47193 11.3662 7.33334 11.3662C7.19474 11.3662 7.06237 11.3087 6.96781 11.2074L4.63447 8.70737C4.44606 8.5055 4.45697 8.1891 4.65884 8.00069C4.86072 7.81227 5.17711 7.82318 5.36553 8.02505L7.33334 10.1334L11.6345 5.52505C11.8229 5.32318 12.1393 5.31227 12.3412 5.50068Z" fill="white"/%3E%3C/g%3E%3C/svg%3E');
height: 20px;
width: 20px;
background-repeat:no-repeat;
margin-right:28px;
}
.flex-column #main .right-side-panel .top-cntnt .group-icon-content, .calculator-icon-content{
height: 40px;
width: 40px;
background: #1784a530;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
.flex-column #main .right-side-panel .top-cntnt .group-icon{
background-image: url('data:image/svg+xml,%3Csvg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="Group"%3E%3Cpath id="Vector" d="M10 17.6994C14.6024 17.6994 18.3334 13.9684 18.3334 9.36605C18.3334 4.76367 14.6024 1.03271 10 1.03271C5.39765 1.03271 1.66669 4.76367 1.66669 9.36605C1.66669 13.9684 5.39765 17.6994 10 17.6994Z" stroke="%232F3B8A" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath id="Vector_2" d="M10.0084 6.03255L10.0084 9.36589M10.0084 12.6992L10 12.6992" stroke="%232F3B8A" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3C/svg%3E');
height: 20px;
width: 20px;
background-repeat: no-repeat;
}
.flex-column #main .right-side-panel .top-cntnt .calculator-icon{
background-image:url('data:image/svg+xml,');
height: 20px;
width: 20px;
background-repeat: no-repeat;
}
.flex-column #main .right-side-panel .top-cntnt .meeting-icon{
background: url('data:image/svg+xml,');
height: 20px;
width: 20px;
background-repeat: no-repeat;
}
/******** Notification popup css end ************/
/********CSS start 27aug2024************/
.current-password {
cursor: pointer;
z-index: 1;
position: absolute;
right: 15px;
opacity: 0.5;
top:40px;
}
#update-password .form-group{
position:relative;
}
#login-form{position:relative;}
.new-password{
position: absolute;
right: 15px;
top: 40px;
}
.confirm-password{
position: absolute;
right: 15px;
top: 17px;
}
.login-password{
position: absolute;
right: 11px;
top: 145px;
}
#login-form .pass-links .custom-control {
padding-left: 0;
}
#w0 .system-users-form .profile-box .file-preview-thumbnails{display:block}
#update-profile-pic .form-inner .field-agents-image label {
display: none;
}
#update-profile-pic .form-inner .file-input {
text-align: center;
overflow: hidden;
border-radius: 50%;
}
#update-profile-pic .form-inner .file-preview {
border: 0;
border-radius: 50%;
padding: 0;
margin-bottom: 0;
}
#update-profile-pic .form-inner .file-drop-zone {
border: none !important;
outline: none !important;
min-height: 164px;
margin: 0;
padding: 0;
}
#update-profile-pic .form-inner .kv-file-content {
width: 100% !important;
height: 164px !important;
}
#update-profile-pic .form-inner .kv-file-content img {
height: 164px !important;
object-fit: cover;
border-radius: 50%;
width: 164px !important;
}
#update-profile-pic .form-inner .profile-box{width: 164px;}
#update-profile-pic .form-inner .btn-file {
position: absolute;
bottom: 0px;
border: 0;
box-shadow: none !important;
left: 0px;
background: rgba(0, 0, 0, 0.30);
width: 100%;
}
#update-profile-pic .form-inner{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#update-profile-pic .form-group button[type="submit"]{
width:100%
}
.popup.active{max-width: 358px;}
.flex-column #main .right-side-panel .top-cntnt .box p a{
color:#394590;
font-weight: 600;
text-decoration:none;
}
.flex-column #main .right-side-panel .top-cntnt .box p{
color: #1F254B;
font-weight: 400;
}
/********CSS End 27aug2024************/
/********CSS start 28aug2024************/
#signup-volunteer-form .users-create1 #client_register1 .file-preview-thumbnails{display:none}
.two-section .devenir-form .alert-danger.info-msg .validation-error{margin-bottom:0}
.bi.bi-eye-slash, .bi.bi-eye{
cursor:pointer
}
.field-loginform-email:has(input.is-invalid) ~ .login-password{top:182px;}
/********CSS End 28aug2024************/
.superadmin-dashboard.event-page .archive-event-p img{
width:14px;
}
/* Popup styles */
.notification-alert-popup {
position: fixed;
bottom: 20px;
right: 20px;
width: 500px;
background-color: #FFF9C4;
border: 1px solid #FFF9C4;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
}
.notification-alert-popup .popup-content {
padding: 15px;
}
.notification-alert-popup .popup-close {
float: right;
cursor: pointer;
font-size: 18px;
color: #aaa;
}
.notification-alert-popup .popup-close:hover {
color: #000;
}
.notification-alert-popup{
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(0, 0, 0, 0.15) 0px 1px 3px 1px !important;
border-radius: 16px;
padding: 10px 20px 10px 20px;
right: -300px;
}
.notification-alert-popup .popup-content{padding: 0;}
.notification-alert-popup .popup-content #popup-message{
margin-bottom: 0;
color: #212529;
}
.notification-alert-popup #popup-close{
font-size: 20px;
color: #057648;
position: absolute;
right: 0;
top: -5px;
}
.notification-alert-popup .popup-content{
display: flex;
align-items: center;
}
.notification-alert-popup .popup-content .bi-exclamation-triangle{
margin-right:10px;
font-size:20px;
}
/*======CSS 3sep2024========*/
#client_register #step-0 .field-users-password,
#client_register #step-0 .field-users-confirm_password{position:relative}
#client_register #step-0 .current-password{top:42px}
#client_register #step-0 .field-users-password .form-text{padding:0;margin:0}
.users-create #client_register .kv-fileinput-caption.is-valid {display: block;border: 0;}
.system-users-index .user-cols-descrption-box .view-link {
border-radius: 34px;
background: #2F3B8A;
padding: 11px 24px;
color: #fff;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
width: 196px;
display: inline-block;
margin-top: 20px;
text-decoration: none;
}
.system-users-index .user-cols-descrption-box .view-link:hover{
color: #fff !important;
background-color: #0b5ed7 !important;
}
/*======End CSS 3sep2024========*/
/*======CSS 5sep2024========*/
.form-check-input.is-valid:checked{
background-color: #0d6efd!important;
border-color: #0d6efd!important;
}
/*.login #login-form .form-control.is-invalid{background: none;}*/
.update-global-sys-mem .system-users-create a.update-global-sys-mem{
width: auto;
}
.create-global-sys-mem .other-field-box .global-create-password{
position: absolute;
bottom: 82px;
left: 46%;
}
.create-global-sys-mem .system-users-form .other-field-box,
.update-global-sys-mem .system-users-form .other-field-box{
grid-template-columns: repeat(12, 1fr);
}
.create-global-sys-mem .system-users-form .other-field-box .form-group,
.update-global-sys-mem .system-users-form .other-field-box .form-group{
grid-column:span 6
}
.create-global-sys-mem .system-users-form .other-field-box .form-group.addagnt,
.update-global-sys-mem .system-users-form .other-field-box .form-group.addagnt{
grid-column:span 12;
text-align:right;
}
.agent-dashboard .user-details-pannel .view-link{margin-top: 20px;}
.agent-dashboard .user-details-pannel .three-dot{display:none}
.my-clients-list .user-cols-descrption-box .three-dot{display:none}
#client_register #step-0 .field-users-password .users-password.is-invalid,
#client_register #step-0 .field-users-email .form-control.is-invalid,
#client_register #step-0 .field-users-confirm_password .form-control.is-invalid{background:none}
#client_register #step-4 .fileinput-remove-button{display:none}
#client_register #step-4 .file-caption-name.is-valid ~.input-group-append .fileinput-remove{
display:block
}
#client_register #step-4 .field-users-immig_doc_path .file-input{height:calc(100% - 38px)}
#client_register input[type="text"],
#client_register input[type="password"]{background-image: none;}
#update-my-profile #users-marital_status{
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
.login .alert{
margin: 0 auto 20px;
display: table;
}
.view-link:hover{background-color: #0b5ed7;}
.meeting-tittle-box .button:hover{background-color: #0b5ed7;color:#fff;}
#update-my-profile .form-group button,
#update-password .form-group button{background: #057648;color:#fff;}
#update-password .form-group button svg path{fill: #fff;}
#update-my-profile .form-group button:hover,
#update-password .form-group button:hover{background: #035b37;color:#fff}
#update-my-profile .form-group button:hover svg path,
#update-password .form-group button:hover svg path{fill:#fff}
.reset-password #reset-pass-form{position:relative}
.reset-password i.forgot-password-reset{
position: absolute;
top: 55px;
right: 11px;
}
.reset-password #reset-password.is-invalid{background-image:none;}
.reset-password #reset-password{background-image:none;height:45px}
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
display: none;
}
input[type="password"]::-webkit-input-placeholder {
display: none;
}
/*.update-user-by-agent .canceled-appt .Asalink:hover{
background-color: #e24d4d!important;
padding: 10px 20px;
border-radius: 40px;
color: #fff!important;
}*/
/*======CSS 5sep2024========*/
/*======Start CSS 9sep2024========*/
.admin-user-action-tabs .head-tab.active a{
opacity:1;
border-bottom: 1px solid #1F254B;
}
.metting-details #user-appt-st-form .submit{grid-column: span 12;}
.notes-box-widget .agent-detail:after{
position:absolute;
content:"";
background-image: url('data:image/svg+xml,');
right: 20px;
width: 16px;
height: 16px;
}
#step-4 .file-caption-icon .text-danger .bi-exclamation-circle-fill{display:none}
/*======End CSS 5sep2024========*/
/*======Start CSS 12sep2024========*/
#client_register .tab-content input,
#client_register .tab-content select,
#client_register .tab-content .select2-selection__placeholder{
font-size: 16px;
font-weight: 400;
}
#client_register .tab-content input::placeholder,
#client_register .tab-content select::placeholder{color:#1f254b80;}
.user-dashboard #modalButton.add-appt{ text-transform: none;}
.users-update .user-st-block .small-title{font-size: 14px;}
.user-st-block .reschedule-appt button{
width: 100%;
background-color: #42d7d7;
color: black;
}
#update-user-by-agent-form .update-contact-details-languages{
position: sticky;
top: 0;
}
/*======End CSS 12sep2024========*/
/*======Mobile CSS 14sep2024=====*/
.mobileMenu{
background-color: #fff;
padding: 7px;
width: 39px;
border-radius: 4px;
cursor: pointer;
margin-top: 6px;
display: none;
height:39px;
}
.mobileMenu svg{
width: 25px;
height: 25px;
}
.mobileMenu svg path{
fill:#2a3890;
}
@media only screen and (max-width:767px){
.clients-list .system-users-index .list-view,
.my-clients-list .system-users-index .list-view{
display:grid!important;
grid-template-columns: repeat(2, 49%)!important;
}
.create-sys-mem .users-create{padding:20PX 0px!important;}
.login .top-cntnt .top-cntnt-lft h4{margin-bottom: 0px!important;}
.login .top-cntnt{margin-bottom: 20px!important;}
.top-cntnt-opt{width: 52px;padding: 8px;}
.top-cntnt-opt select{width:37px;}
.mobileMenu i{display:none}
.mobileMenu i:before{
color: #2a3890;
font-size: 25px;
}
.mobileMenu{display: block;}
.site-logo {
display: grid;
grid-template-columns: 1fr 44px;
grid-gap: 10px;
}
.site-logo .divider{display:none}
.right-side-panel .lang-with-bell-content{
margin-right: 57px;
position: absolute;
right: 20px;
top: 15px;
}
.menu-logout{display: none;}
.mobileMenu.active-toggle svg{display:none}
.mobileMenu.active-toggle i{display:block}
.learning-pages-view, .events .right-side-panel .events-view{
display: flex;
flex-direction: column-reverse;
}
.learning-pages-view .right-side,.events .right-side-panel .right-side {
position: relative;
width: 100%;
}
.events .right-side-panel .events-view .left-side{width: 100%;}
.signup-newsletter .info-msg {
width: 100%;
}
.user-dashboard .all-events ul{
grid-template-columns: repeat(1, 1fr);
}
.Profile-section-inner{grid-template-columns: 1fr;}
.flex-column .user-dashboard .right-side-panel #update-password .form-group button[type="submit"] {
width: 100%;
padding: 10px;
line-height: 1;
}
#update-my-profile button{
padding:10px;
line-height:1
}
.Profile-section .form-group {
grid-column: span 12;
}
.login .top-cntnt .lang-with-bell-content{
position: static;
margin-right: 0;
}
.login .top-cntnt .backtositetop{font-size: 16px;}
.login .top-cntnt-lft .lang-with-bell-content .top-cntnt-opt{
width: 80px;
}
}
@media only screen and (min-width:767px){
.menu-logout{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
}
@media only screen and (max-width:500px){
.clients-list .system-users-index .list-view,
.my-clients-list .system-users-index .list-view{
display:grid!important;
grid-template-columns: repeat(1, 99%)!important;
}
.flex-shrink-0 .right-side-panel .admin-dashboard {
grid-template-columns: repeat(1, 1fr) !important;
}
.articles-filter{
flex-direction: column;
gap: 18px;
}
.user-dashboard .all-events ul li{grid-template-columns: 1fr;}
}
/*======End Mobile CSS 14sep2024=====*/
.form-section.last-section .file-input .file-caption-name{display:block; }
.form-section.last-section .file-input .file-caption{width: 60%;}
.form-section.last-section .file-input .fileinput-remove-button{min-width:auto}
.form-section.last-section .file-input .file-caption-name{height:45px}
.users-form #update-user-form #family_members_container .family_member_group{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 10px;
}
.users-form #update-user-form #family_members_container .family_member_group .field-heading{
grid-column: span 12;
}
.users-form #update-user-form #family_members_container .family_member_group .form-group{
grid-column: span 6;
}
.users-form #update-user-form #family_members_container .family_member_group .form-group:last-child{ grid-column: span 12;
}
/*======Start CSS 16sep2024=====*/
.users-form #update-user-form #family_members_container .family_member_group h3.field-heading{
font-size: 14px;
margin-bottom: -3px;
letter-spacing: -0.28px;
color: #1F254B;
}
.users-form #update-user-form .user-file-detail .btn-file{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
grid-gap: 5px;
z-index: 3;
background-color:#057648;
}
.form-section.last-section .file-input .file-caption .file-caption-icon{display: none;}
.form-section.last-section .file-input .file-caption .input-group-btn .btn.btn-file{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
grid-gap: 5px;
background-color: #057648;
}
.form-section.last-section .file-input .file-caption .input-group-btn .fileinput-remove-button{height:45px}
.clients-list .system-users-index .icon-with-exporter-content a{
color: #057648;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
text-decoration: none;
padding: 10px 24px;
align-items: center;
display: inline-flex;
grid-gap: 10px;
border-radius: 34px;
background: #FFF;
}
.clients-list .system-users-index .users-search{
width: calc(100% - 180px);
display: inline-block;
}
.clients-list .system-users-index .icon-with-exporter-content{
margin-left:20px;
}
.clients-list .system-users-index .icon-with-exporter-content a:hover{
color: #fff !important;
background-color:#035b37 !important;
border-color: #035b37 !important;
box-shadow: none !important;
}
.clients-list .system-users-index .icon-with-exporter-content a:hover .exporter-icon{filter: brightness(10);}
.users-search #w0 button{border-radius: 0px 8px 8px 0px;}
.users-form #update-user-form #users-sex{flex-wrap: wrap;}
/*======End CSS 16sep2024=====*/
/*======Start CSS 17sep2024=====*/
.system-users-index .item .model-item .client-list-phone,
.system-users-index .item .model-item .agent-list-loc,
.system-users-index .item .model-item .agent-list-phone{margin-bottom:55px}
.clients-list .system-users-index .list-view:has(.empty), .my-clients-list .system-users-index .list-view:has(.empty){display:flex!important}
.system-users-index .item .model-item .view-link:hover{
color: #fff !important;
background-color:#035b37 !important;
border-color:#035b37 !important;
}
/*======End CSS 17sep2024=====*/
/*==========Start css 20sept2024=======*/
#confirmDeleteModal .modal-body {
padding: 15px 28px 15px 28px;
}
/*==========End css 20sept2024=======*/
/*==========Start css 23sept2024=======*/
.clients-list .system-users-index .list-view .summary, .my-clients-list .system-users-index .list-view .summary{
position: absolute;
width: 100%;
bottom:0;
}
.clients-list .system-users-index .list-view .pagination, .my-clients-list .system-users-index .list-view .pagination{
position: absolute;
bottom: 0;
width: 100%;
}
.clients-list .system-users-index #w2.list-view, .my-clients-list .system-users-index #w1.list-view{
position: relative;
padding-top: 45px;
padding-bottom: 87px;
}
/*==========End css 23sept2024=======*/
.problem-popup-content{
padding: 20px 15px;
position: absolute;
z-index: 2;
background-color: #fff;
border-radius: 5px;
}
.system-users-index .item h4.problem-title {
color: #1F254B;
text-align: left;
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
}
.system-users-index .item .problem-popup-content {
padding: 20px 15px;
position: absolute;
z-index: 2;
background-color: #fff;
border-radius: 16px;
width: 350px;
box-shadow: 0px 0px 16.3px 0px rgba(23, 15, 73, 0.09);
left: 58px;
top: -58px;
transform-origin: left; /* Adjust origin to handle repositioning */
}
.system-users-index .item .problem-solve-link .view-link{
padding: 11px 24px;
border-radius: 34px;
background: #2F3B8A;
color: #fff;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
display: inline-block;
margin-top: 4px;
text-decoration: none;
}
.system-users-index .item .problem-desc{
float: left;
width: 100%;
margin-bottom:20px;
}
.system-users-index .item .problem-solve-link .view-link:hover {
color: #fff !important;
background-color: #0b5ed7 !important;
border-color: #0a58ca !important;
}
.problem-popup-content:before{
content: "";
width: 0;
height: 0;
border-top: 8px solid transparent;
border-right: 12px solid #ffffff;
border-bottom: 8px solid transparent;
left: -12px;
position: absolute;
top: 48%;
}
.system-users-index .item{position:relative;}
.pop-up-box{
max-height: 580px;
overflow-y: auto;
}
.pop-up-box::-webkit-scrollbar {
width: 8px;
}
.pop-up-box::-webkit-scrollbar-track {
background: #f1f1f1;
}
.pop-up-box::-webkit-scrollbar-thumb {
background: #c5c5c7;
}
.pop-up-box::-webkit-scrollbar-thumb:hover {
background: #9d9d9f;
}
.flex-column #main .right-side-panel .top-cntnt .notifications-container p{
color:#1F254B;
font-weight:400
}
.flex-column #main .right-side-panel .top-cntnt .notifications-container p a{
color:#394590;
font-weight:600;
}
.field-agentssearch-date_range,.field-eventssearch-date_range, .field-locationssearch-date_range{
width: 100%;
}
.field-agentssearch-date_range input,
.field-eventssearch-date_range input,
.field-locationssearch-date_range input{ height:42px}
.NavParent{
display: flex;
justify-content: space-between;
align-items: center;}
.NavParent #w0{ width: 40%;}
.NavParent #w0 button{
min-width: auto;
border-radius: 6px;
padding: 5px 15px;
}
.NavParent #w0 button#resetButton{
margin-left:5px
}
.polls-questions-search{width:50%}
.polls-questions-search button{
min-width: auto!important;
padding: 5px 15px!important;
border-radius: 6px!important;
}
.polls-questions-search #w0{
display: inline-flex;
width: 100%;
}
#pollsquestionssearch-globalsearch{height:42px}
.field-pollsquestionssearch-globalsearch{width:70%}
.polls-questions-search .form-group-last{position:unset!important;margin-left: -10px;}
.drpwithtext{
display: grid;
grid-template-columns: 170px 1fr;
grid-gap: 18px;
align-items: end;
}
.cstmText{
color: #1F254B;
font-size: 14px;
font-weight: 400;
}
.custom-checkbox .custom-control-label::before {
border-radius: 0.25rem;
}
.polls-questions-index .pages-list-cat{margin-bottom:10px}
.agent-archive:before{
content:"";
background-color: #ffffffe3;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}
.agent-archive .archive{z-index: 2;}
.alraedy-text ~ p{
text-align:center;
margin-bottom: 0;
font-size: 12px;
margin-top: 10px;
}
.both-panel.big-sidebar .top-cntnt-lft h2{font-size:24px}
.both-panel.big-sidebar .logo-img {
max-width: 150px;
margin-bottom: 20px;}
.both-panel.big-sidebar .sw-theme-material-v .sw-btn-group-extra{
justify-content: center;
margin-top: 20px;
}
.alraedy-text ~ p a, .alraedy-text a{
color:#035b37;
font-weight: 700;
}
.both-panel> .logo-img{display:none}
.both-panel.big-sidebar .logo-img{display:block}
.forget-pass-sec{
padding: 20px 20px;
background-color:#fff;
border-radius: 10px;
}
.forget-password-outer .signup-user a{
width: 100%;
border: 1px solid #057648;
display: block;
padding: 5px 25px;
border-radius: 34px;
height:45px;
text-decoration:none;
line-height: 2;
}
.forget-password-outer .signup-user a:hover{
background-color:#035b37;
color:#fff;
}
.forget-password-outer .site-login{max-width: 520px;}
.user-dashboard-sec{
background-color: #fff;
padding: 40px 40px;
border-radius: 10px;
text-align: center;
max-width: 992px;
margin: 100px auto;
position:relative;
box-shadow: 0 4px 20px rgba(0,0,0,0.2);
z-index:2;
}
.user-dashboard-sec .learning-articles{margin-top: 0px!important;}
.user-dashboard-sec .actions{
display: flex;
grid-gap: 20px;
margin-top: 10px;
}
.user-dashboard-sec .actions a{
width: 50%;
background-color: #057648;
border: 1px solid #057648;
border-radius: 37px;
}
.user-dashboard-sec .actions a.btn-secondary{
background-color:transparent;
color:#057648;
}
.user-dashboard-sec .actions a:hover{
background-color:#035b37;
color:#fff;
}
.user-dashboard-sec p{font-size: 24px;}
.dashboard .user-dashboard .right-side-panel:has(.user-dashboard-sec){
background-image: url("https://portal.industryexperts.in/web/images/dash-bg.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.dashboard .user-dashboard .right-side-panel:has(.user-dashboard-sec):before{
content:"";
background-color: #05764880;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.profile-status-unconfirmed .left-side-panel .nav.flex-column li:not(:first-child) a{
pointer-events:none;opacity: 0.7;
}
.profile-status-unconfirmed .left-side-panel .nav.flex-column li:hover{
cursor:not-allowed;
}
.users-create #client_register .kv-fileinput-caption ~ .input-group-append .fileinput-remove-button{ display:none
}
.users-create #client_register .kv-fileinput-caption.is-valid ~ .input-group-append .fileinput-remove-button{display:block}
.krajee-default.file-preview-frame .kv-file-content{height:88px}
.file-preview {background-color: #fff;}
.users-create .file-drop-zone {
min-height: 90px;
}
.profile-box .file-drop-zone,
.profile-box .file-preview{
margin:0;
padding:0;
border:0;
}
.profile-box .file-drop-zone{
min-height: 150px;
width: 150px;
margin: 0 auto;
}
.profile-box .krajee-default.file-preview-frame .kv-file-content{
height:auto;
width:auto;
}
.profile-box .file-preview-image{
object-fit: cover;
height: 150px!important;
width: 150px!important;
border-radius: 50%;
}
.profile-box .file-preview {
background-color: transparent;
margin-top: -90px !important;
}
.profile-box{margin-bottom:30px}
.profile-box .file-input span{
width: 150px;
margin: 0px auto 0;
display: block;
text-align: right;
}
.profile-box .file-input span .btn-file{
margin-top: -70px;
border-radius: 50%;
background-color: #057648;
border: 1px solid #057648;
min-width: auto;
width: 42px;
padding: 10px 5px;
}
.profile-box .field-users-image .file-input span .btn-file:hover{
background-color: #035b37;
}
.profile-box .form-group button{
background-color: #057648;
color: #fff;
}
.profile-box .form-group button:hover{
background-color: #035b37;
color: #fff;
}
.profile-box .form-group button svg path{fill: #fff;}
.field-users-balance_excel_file .btn-file:active,
.field-users-balance_excel_file .btn-file:focus,
.field-users-balance_excel_file .btn-file:hover {
background-color: #035b37 !important;
}
.Profile-section{
margin-bottom: 50px;
margin-top: 10px;
}
.update-my-profile .Profile-section{margin-top: 50px;}
.users-create .file-caption .input-group{grid-gap: 10px;}
.footer-col-box1 img{max-width:250px}
.reset-password .site-login{max-width:600px;}
.reset-password .site-login h1 img{max-width:300px;}
.reset-password .top-cntnt{display:none}
.reset-password .backtositetop{position: absolute; top: 32px;}
#licenses-categories_id{
appearance: auto;
-webkit-appearance: auto;
}
.field-userssearch-fromdate{margin-top: -16px;}
.both-panel.big-sidebar #footer{display:none}
.select-licenses .role-container .form-group{text-align:right;}
.select-licenses .role-container .table-striped tbody td input[type="checkbox"]{
width:20px;
height: 20px;
float: right;
accent-color: #057648;
}
.select-licenses .role-container .table-striped tbody td .license-container{margin-left:0!important}
.role-container .summary{margin-bottom:20px;}
.table-striped > tbody > tr:nth-of-type(odd) > *{
background-color: #f9f9f9;
--bs-table-bg-type: none;}
.select-licenses .license-container .license-item{
display: flex;
grid-gap: 10px;
padding: 10px 20px;
margin-left: -10px;
margin-right: -10px;
border: 1px solid #dcdada;
justify-content: space-between;
}
.select-licenses .license-container .license-item:nth-of-type(even){
background-color: #f9f9f9;
}
.select-licenses .license-container .license-item:nth-of-type(odd){
background-color: #fff;
}
.lab-monitoring .table-bordered td .btn-success{width:auto}
.table-bordered td .btn{
width:auto;
white-space: nowrap;
margin-left: 0 !important;
margin-top: 5px;
min-width: auto;
border-radius: 34px;
height: auto;
padding: 6px 12px;
border: 0;
}
.manage-licenses .table-bordered td .btn-success{width:auto}
.manage-licenses .table-bordered td .btn-success:hover{background-color: #035b37;}
.manage-licenses .table-bordered td form{
display: flex;
align-items: center;
}
.manage-licenses .table-bordered td form .btn{
min-width: auto;
margin-left: -20px;
height: 38px;
margin-top: 0 !important;
padding: 5px 10px;
border-radius: 6px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.manage-licenses .grid-view .summary{margin-bottom:15px;}
.manage-licenses .grid-view{margin-top: 20px;}
.back-btn-wrap{margin-bottom: 20px;}
.third-party-report .back-btn-wrap{margin-bottom: 20px;}
.nav .submenu {
display: none; /* hidden by default */
}
.nav li.open > .submenu {
display: block; /* show when open */
}
.nav .arrow img {
transition: transform 0.3s ease;
max-width:10px;
}
.nav .arrow {
position: absolute;
right: 20px;
}
.nav li.open .arrow img {
transform: rotate(90deg);
}
.license-detailsForm #apply-form{
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 15px 15px;
margin-bottom: 15px;
}
.license-detailsForm #apply-form .docfile,
.license-detailsForm #apply-form .btnRow{
grid-column: span 12;
}
.license-detailsForm .form-group {
margin-bottom: 0;
}
.license-details .back-btn-wrap a{
background-color: #057648;
border: 1px solid #057648;
}
.license-details .back-btn-wrap a:hover{
background-color: #035b37;
border: 1px solid #035b37;
}
.third-party-report .back-btn-wrap a{
background-color: #035b37;
border: 1px solid #035b37;
}
.nav .submenu li a img{max-width:15px}
.nav .submenu:has(.active){display:block}
.license-details .right-formcol{height:100%}
.license-details .right-formcol .d-flex{
flex-direction: column;
margin-top: 20px;
}
.docfile .form-control::-webkit-file-upload-button,
.upload-file .form-control::-webkit-file-upload-button,
#upload-file.form-control::-webkit-file-upload-button{
height:45px;
}
.license-details .right-formcol .d-flex .flex-fill a{
color: white;
text-decoration: none;
}
.license-details .right-formcol .d-flex .flex-fill i{margin-right:5px;}
#status-form{display: flex;}
#status-form .btn{
min-width: 100px;
margin-left: -25px;
height: 45px;
}
.agents-list .system-users-index table .btn{width:auto}
#industry-type-form input,
#modalContent input,
#license-type-form select{
height:45px;
}
#industry-type-form #add-service-button{
height: 50px;
margin-left: -30px !important;
}
.event-types-form li.select2-selection__choice{padding: 3px 5px 3px 8px!important;}
.event-types-form .select2-selection__choice__remove{padding: 0 0 0 0.5rem!important;}
.event-types-form .select2-selection__clear{margin-left: 10px;}
#w0 img{height: 16px;}
.wizard-step h3,
.wizard-step h6,
.form-group.mt-4{text-align:center}
.create-sys-mem .users-create{
width:100%;
padding:10px 20px 20px 20px;
}
#lab-type-form .mt-3,
#cancel-lab-form .mt-3{margin-bottom:24px;}
.lab-monitoring .role-container .table-striped tbody td input[type="checkbox"],
.select-tests .role-container .table-striped tbody td input[type="checkbox"],
.manage-labs .role-container .table-striped tbody td input[type="checkbox"]{
width: 20px;
height: 20px;
float: right;
accent-color: #057648;
}
.select-tests .role-container form .form-group,
.manage-labs .role-container form .form-group{text-align:right;}
.test-pill{
background-color: #f8f8f8 !important;
border: 1px solid #e4e0e0;
color: #1F254B !important;
}
.remove-pill{
min-width: 22px!important;
height: 22px!important;
margin-left: 30px !important;
text-decoration: none!important;
}
.lab-frequency-dropdown{
appearance: auto;
-webkit-appearance: auto;
}
.manage-monitoring .view-notes-btn{min-width:auto;}
.grid-view .table-striped a.btn-sm{
min-width: auto;
margin-top: 5px;
margin-left: 0 !important;
display:block;
border-radius: 34px;
}
.clients-list .right-side-panel .system-users-index .users-search #w0{align-items: center;}
#userlabssearch-globalsearch,
#userlabssearch-status,
#userlabssearch-assign_to_lab{
background: rgba(255, 255, 255, 0.50);
appearance: auto;
-webkit-appearance: auto;
}
.manage-monitoring .right-side-panel .system-users-index .users-search #w0{
grid-template-columns: 2fr 1fr 1fr 1fr auto;
margin-bottom: 25px;
grid-gap: 5px;
}
.third-party-request .fields_container,
.third-party-report .fields_container{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 20px 20px;
background-color:#fff;
padding:40px;
border-radius: 10px;
border: 1px solid #d4d0d0;
}
.third-party-report .fields_container h5{
grid-column: span 12;
text-align: center;
font-size: 25px;
}
.third-party-request .fields_container .group-mem-name,
.third-party-report .fields_container .group-mem-name{grid-column: span 6;}
.third-party-request .fields_container .group-mem-name.upload-file{grid-column: span 12;}
.third-party-request .fields_container .sbmt-btn,
.third-party-report .fields_container .sbmt-btn{
text-align: center;
grid-column: span 12;
}
.upload-file .form-control::-webkit-file-upload-button {
margin: -0.55rem 0.8rem -0.55rem -1.2rem;
}
.lab-monitoring .grid-view .table-striped td:first-child span{
display: grid;
grid-template-columns: 1fr 20px;
justify-content: space-between;
align-items: flex-start;
grid-gap:10px;
}
.right-formcol .d-flex{flex-direction: column;}
.right-formcol .d-flex a{
padding: 12px;
color: #fff;
background-color: #057648;
width: 100%;
display: block;
border-radius: 6px;
text-decoration: none;
}
.right-formcol .d-flex a:hover{
background-color:#035b37;
}
.right-formcol .d-flex a i{margin-right: 5px;}
.test-request-report .license-details{
display: grid;
grid-template-columns: 1fr 1fr;
}
.license-detailsForm #apply-form .docfile{grid-column: span 6;}
.back-btn-wrap .btn{
min-width: auto;
}
#notesForm >ul >li,
#notesListModal> ul >li{
border: 1px solid #ddd!important;
background-color: #f1f1f1;
padding: 15px 20px!important;
border-radius: 10px;
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 10px;
}
.notes-list >ul >li img,
#notesListModal> ul >li img{
min-width:40px;
}
.notes-list> ul> li{
border: 1px solid #ddd!important;
background-color: #f1f1f1;
padding: 15px 20px!important;
border-radius: 10px;
}
.notes-list ~ form{margin-top:20px}
#notesForm ul li strong,
#notesForm ul li small,
.notes-list ul li div strong,
.notes-list ul li div small,
#notesListModal ul li strong,
#notesListModal ul li small{grid-column: span 6}
#notesForm ul li small,
.notes-list ul li div small,
#notesListModal ul li small{
text-align:right;
position: relative;
}
.notes-list{display:none;}
.notes-list:has(ul){display:block;}
#notesForm ul li .Ndesc,
.notes-list ul li div .Ndesc,
.notes-list ul li ul,
#notesListModal ul li .Ndesc{
grid-column: span 12;
margin-bottom:0;
font-weight: 400;
padding-left: 0;
list-style-type: none;
}
.notes-list ul li >div{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 0px;
width:100%;
}
.notes-list ul li div br{display:none;}
.license-details {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 0px 20px;
margin-bottom: 15px;
}
.license-details >*{
grid-column:span 12;
margin-bottom: 10px;
}
.active-row-class td:last-child{
width:115px
}
#update-user-form .form-group{
margin-bottom:0
}
#change-status-link{
color: #057648;
}
#change-status-link:hover{
color: #035b37;
}
#notesModal .btn{
margin-bottom:25px
}
.monitoring-activity .top-cntnt-lft h2{
display:none
}
.all-monitoring-activity .top-cntnt-lft h2{
display:none
}
.monitoring-activity .back-btn-wrap{
position: absolute;
top: 8px;
z-index: 5;
}
.all-monitoring-activity .back-btn-wrap{
position: absolute;
top: 8px;
z-index: 5;
}
.notes-list::-webkit-scrollbar { width: 8px; }
.notes-list::-webkit-scrollbar-track { background: transparent; }
.notes-list::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.25);
border-radius: 8px;
}
.notes-list::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.35); }
/* firefox */
.notes-list {
scrollbar-width: thin;
scrollbar-color: #035b37 transparent;
}
#cke_2_contents{height: 100px!important;}
.field-userlabs-notes label{
font-size:16px!important;
font-weight:700!important;
}
#update-password .form-group{
margin-bottom:0;
}
.test-request-report .license-details table td a{
width:50px
}
.test-request-report .license-details table td:nth-child(2){
text-align:center;
}
.lab-monitoring table td .fa-download{
font-size: 12px;
}
.update-my-profile #client_register label{
width:auto;
text-transform: inherit;
}
.lab-monitoring .modal-dialog{
max-width: 800px;
}
#selected-test-name p{
margin-bottom:5px
}
#notesForm{
background-color: #fff;
padding: 32px 20px;
margin-top: 30px !important;
border-radius: 8px;
margin-bottom: 30px;
}
#notesForm .list-unstyled{
margin-top:20px
}
#notesModalContent{
margin-bottom:25px;
}
#view-industry-btn{
margin-bottom:25px;
}
.create-agent .system-users-create input,
.create-agent .system-users-create select{
height:45px
}
#notesForm h5{
margin-top: 20px;
}
.field-notes-editor label{
font-size:16px!important;
font-weight:700!important;
}
.Nopt{
font-size: 30px;
margin-left: 10px;
background-color: #fff;
border: 1px solid #cdc8c8;
height: 16px;
width: 30px;
float: right;
border-radius: 4px;
color: #000;
display: flex;
align-items: center;
justify-content: center;
padding: 0px 0px 14px 0px;
cursor:pointer;
}
.notesfet{
width: 160px;
position: absolute;
right: 0;
top: 31px;
background-color: #fff;
border-radius: 10px;
text-align: left;
box-shadow: 2px 3px 9.9px 0px rgba(2, 5, 26, 0.14);
display:none;
}
.notesfet li a{
font-size: 16px;
text-decoration: 0;
color: #c92f54;
padding: 10px 15px !important;
display: inline-block;
width: 100%;
}
.notesfet li a:hover{
background-color:#035b37!important;
color:#fff;
border-radius: 10px;
}
.notesfet:before{
content:"";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 16px solid #ffffff;
position: absolute;
top: -16px;
right: 6px;
}
#notesModal .modal-header h5{
width: calc(100% - 50px);
margin-bottom: 0;
float: left;
}
#notesModal .modal-header #modal-flash-wrapper{
float: left;
width: 100%;
margin-top: 10px;
}
#notesModal .modal-header .close{
order: 3;
}
#notesModal .modal-header #modal-flash-wrapper .alert{
margin-bottom: 0;
padding-top: 8px;
padding-bottom: 8px;
line-height: 1;
}
#notesModal .modal-header #modal-flash-wrapper .alert-dismissible .close{
top: 4px;
right: 8px;
}
#notesModal .modal-header{
min-height:84px;
display: inline-block;
}
#notesModal .modal-header #modal-flash-wrapper #modal-flash-message{margin-top:0!important}
.superadmin-dashboard .table-striped .industry-info-icon{
width: 20px;
height: 20px;
background-color: #057648;
padding: 5px;
border-radius: 50%;
color: #fff !important;
}
.superadmin-dashboard .table-striped .industry-info-icon:hover{
background-color: #035b37;
}
.view-notes-btn {
color: #057648;
background-color: transparent;
border: 0;
padding: 0;
font-size: 14px;
text-decoration: underline;
font-weight: 500;
float: right;
margin-top: 31px;
}
.view-notes-btn:hover {
color: #035b37;
}
.lab-monitoring .grid-view .table-striped td:nth-child(6) a.btn{
width: 45px;
display: inline-block;
border-radius: 6px;
height: 40px;
background:linear-gradient(135deg, #0dd30d 50%, rgb(65 162 29) 100%);
}
.lab-monitoring .grid-view .table-striped td:nth-child(6){
text-align:center;
}
.lab-monitoring .grid-view .table-striped thead{
position: sticky;
top: 60px;
z-index: 2;
}
.monitoring-activity .notes .note{
grid-gap: 40px;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.all-monitoring-activity .notes .note{
grid-gap: 40px;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.monitoring-activity .dr-row{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-left: 1px solid #c2c0c0;
padding: 0 10px;
}
.all-monitoring-activity .dr-row{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-left: 1px solid #c2c0c0;
padding: 0 10px;
}
.Ndesc ol{padding-left: 15px;}
.monitoring-activity .dr-row a{
background: linear-gradient(135deg, #0dd30d 50%, rgb(65 162 29) 100%);
width: 45px;
height: 40px;
border-radius: 6px;
min-width: auto;
padding: 5px;
border: 0;
}
.monitoring-activity .dr-row a i{ font-size:22px }
.monitoring-activity .dr-row p{white-space:nowrap}
.all-monitoring-activity .dr-row a{
background: linear-gradient(135deg, #0dd30d 50%, rgb(65 162 29) 100%);
width: 45px;
height: 40px;
border-radius: 6px;
min-width: auto;
padding: 5px;
border: 0;
}
.all-monitoring-activity .dr-row a i{ font-size:22px }
.all-monitoring-activity .dr-row p{white-space:nowrap}
#selected-labs-list .frequency-row strong{color: #057648!important;}
.Request-icon {width:16px}
.Request-icon path{fill: #057648;}
.superadmin-dashboard #step-0{min-height: 18em;}
.superadmin-dashboard #step-1{min-height: 12em;}
.superadmin-dashboard .users-create #client_register .step-anchor{
grid-template-columns: repeat(2, 1fr);
}
#receiverDropdown{
background-color: transparent !important;
color: #057648 !important;
border: 1px solid #057648 !important;
text-align: left;
}
.test-request-report .license-details table td:nth-child(2) a.btn {
width: 40px;
display: inline-block;
border-radius: 6px;
height: 35px;
padding: 5px;
background: linear-gradient(135deg, #0dd30d 50%, rgb(65 162 29) 100%);
}
.test-request-report .license-details table td:nth-child(2) a.btn {font-size:20px}
.monitoring-activity .no-activity p{font-size: 25px;}
.all-monitoring-activity .no-activity p{font-size: 25px;}
#myPieChart {
max-width:400px;
max-height:400px;
}
.create-lab .users-create{
width: 100%;
padding: 20px;
}
.create .user-registration .btn-toolbar button.waves-effect{
max-width: 168px;
font-weight: 600!important;
height:42px;
font-size: 14px!important;
}
.create .users-create #client_register .btn-toolbar{margin-top:0}
.modal-content::-webkit-scrollbar-thumb {
background-color: #057648; /* scrollbar color */
}