332 lines
8.8 KiB
CSS
332 lines
8.8 KiB
CSS
|
.red-btn {
|
||
|
|
font-size: 20px;
|
||
|
|
font-weight: 700;
|
||
|
|
line-height: 27px;
|
||
|
|
letter-spacing: 0em;
|
||
|
|
text-align: center;
|
||
|
|
background-color: #9B0025;
|
||
|
|
padding: 13px 10px;
|
||
|
|
border: 0 !important;
|
||
|
|
color: #fff !important;
|
||
|
|
width: 340px;
|
||
|
|
max-width: 100%;
|
||
|
|
box-shadow: none !important;
|
||
|
|
}
|
||
|
|
.green-btn {
|
||
|
|
font-size: 20px;
|
||
|
|
font-weight: 700;
|
||
|
|
line-height: 27px;
|
||
|
|
letter-spacing: 0em;
|
||
|
|
text-align: center;
|
||
|
|
background: linear-gradient(90deg, #62C5BD 0%, #C8E1A4 100%);
|
||
|
|
padding: 13px 10px;
|
||
|
|
border: 0 !important;
|
||
|
|
width: 340px;
|
||
|
|
max-width: 100%;
|
||
|
|
box-shadow: none !important;
|
||
|
|
color: #575757 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.br-0 {
|
||
|
|
border-radius: 0 !important;
|
||
|
|
}
|
||
|
|
.mr-0 {
|
||
|
|
margin-right: 0 !important;
|
||
|
|
}
|
||
|
|
.w-fit-content {
|
||
|
|
width: fit-content !important;
|
||
|
|
}
|
||
|
|
.text-uppercase {
|
||
|
|
text-transform: uppercase !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown.non-custom {
|
||
|
|
position: relative !important;
|
||
|
|
box-shadow: none !important;
|
||
|
|
border-radius: 0 !important;
|
||
|
|
width: initial !important;
|
||
|
|
background: initial !important;
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
.dropdown.non-custom .dropdown-menu {
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.dropdown.non-custom .dropdown-menu .dropdown-item {
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 22px;
|
||
|
|
letter-spacing: 0px;
|
||
|
|
padding: 11px 5px;
|
||
|
|
color: #636363;
|
||
|
|
}
|
||
|
|
.dropdown.non-custom .dropdown-menu .dropdown-item:focus, .dropdown.non-custom .dropdown-menu .dropdown-item:hover, .dropdown.non-custom .dropdown-menu .dropdown-item:active {
|
||
|
|
background-color: #F5F5F5;
|
||
|
|
color: #636363;
|
||
|
|
}
|
||
|
|
|
||
|
|
.modal-740px {
|
||
|
|
max-width: 740px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.custom-modal .modal-content {
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 50px;
|
||
|
|
}
|
||
|
|
.custom-modal .modal-content .modal-title {
|
||
|
|
margin-bottom: 50px;
|
||
|
|
color: #364257;
|
||
|
|
font-size: 24px;
|
||
|
|
font-weight: 600;
|
||
|
|
line-height: 33px;
|
||
|
|
letter-spacing: 0em;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-form label.col-form-label {
|
||
|
|
font-size: 18px;
|
||
|
|
line-height: 25px;
|
||
|
|
letter-spacing: 0px;
|
||
|
|
color: #364257;
|
||
|
|
}
|
||
|
|
.theme-form input[type="text"], .theme-form input[type="number"], .theme-form input[type="tel"], .theme-form select, .theme-form input[type="password"], .theme-form input[type="email"], .theme-form textarea {
|
||
|
|
padding: 15px 20px;
|
||
|
|
border-radius: 1px;
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
border: 1px solid #6D7581;
|
||
|
|
color: #364257;
|
||
|
|
font-size: 18px;
|
||
|
|
line-height: 25px;
|
||
|
|
letter-spacing: 0em;
|
||
|
|
}
|
||
|
|
.theme-form select {
|
||
|
|
background-color: #EBEBE4;
|
||
|
|
}
|
||
|
|
.theme-form input[type="text"]:disabled, .theme-form input[type="number"]:disabled, .theme-form input[type="tel"]:disabled, .theme-form select:disabled, .theme-form input[type="password"]:disabled, .theme-form input[type="email"]:disabled {
|
||
|
|
color: #000000;
|
||
|
|
background-color: #6D7581;
|
||
|
|
}
|
||
|
|
.theme-form .date-field-wrapper {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
}
|
||
|
|
.theme-form .date-field-wrapper .date-field-separator {
|
||
|
|
font-size: 18px;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 25px;
|
||
|
|
letter-spacing: 0px;
|
||
|
|
margin: 0 10px;
|
||
|
|
}
|
||
|
|
.theme-form .password-wrapper {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.theme-form .password-wrapper input {
|
||
|
|
padding-right: 42px;
|
||
|
|
}
|
||
|
|
.theme-form .password-wrapper .password-hide-show {
|
||
|
|
cursor: pointer;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
top: 18px;
|
||
|
|
right: 18px;
|
||
|
|
}
|
||
|
|
.theme-form .form-separator {
|
||
|
|
border: 1px solid #D6DEE9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.empty-state-wrapper {
|
||
|
|
padding: 100px 20px 60px 0;
|
||
|
|
}
|
||
|
|
.empty-state-wrapper .empty-text {
|
||
|
|
font-size: 24px;
|
||
|
|
font-weight: 600;
|
||
|
|
line-height: 33px;
|
||
|
|
letter-spacing: 0em;
|
||
|
|
color: #6D7581;
|
||
|
|
margin-top: 35px;
|
||
|
|
}
|
||
|
|
|
||
|
|
input:disabled, select:disabled {
|
||
|
|
cursor: not-allowed;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chat-inside-content .chat-inside-body .chat-messages-date {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
padding: 16px;
|
||
|
|
}
|
||
|
|
.chat-inside-content .chat-inside-body .chat-messages-date span {
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 16px;
|
||
|
|
letter-spacing: 0em;
|
||
|
|
color: #7A7A7A;
|
||
|
|
margin: 0 22px;
|
||
|
|
text-wrap: nowrap;
|
||
|
|
}
|
||
|
|
.chat-inside-content .chat-inside-body .chat-messages-date:before {
|
||
|
|
content: "";
|
||
|
|
border-top: 1px solid #E8E8E8;
|
||
|
|
width: 100%;
|
||
|
|
height: 1px;
|
||
|
|
}
|
||
|
|
.chat-inside-content .chat-inside-body .chat-messages-date:after {
|
||
|
|
content: "";
|
||
|
|
border-top: 1px solid #E8E8E8;
|
||
|
|
width: 100%;
|
||
|
|
height: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topic-lists .topic-list {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.topic-lists .topic-list:hover, .topic-lists .topic-list.active {
|
||
|
|
background-color: #D6DEE9;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* custom checkbox */
|
||
|
|
.custom-radio-checkbox {
|
||
|
|
position: relative;
|
||
|
|
width: fit-content;
|
||
|
|
}
|
||
|
|
.custom-radio-checkbox [type="radio"]:checked,
|
||
|
|
.custom-radio-checkbox [type="radio"]:not(:checked),
|
||
|
|
.custom-radio-checkbox [type="checkbox"]:checked,
|
||
|
|
.custom-radio-checkbox [type="checkbox"]:not(:checked) {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
opacity: 0;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.custom-radio-checkbox [type="radio"]:checked + label,
|
||
|
|
.custom-radio-checkbox [type="radio"]:not(:checked) + label,
|
||
|
|
.custom-radio-checkbox [type="checkbox"]:checked + label,
|
||
|
|
.custom-radio-checkbox [type="checkbox"]:not(:checked) + label {
|
||
|
|
position: relative;
|
||
|
|
padding-left: 30px;
|
||
|
|
cursor: pointer;
|
||
|
|
display: inline-block;
|
||
|
|
color: #364257;
|
||
|
|
font-size: 18px;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 25px;
|
||
|
|
letter-spacing: 0px;
|
||
|
|
min-height: 20px;
|
||
|
|
}
|
||
|
|
.custom-radio-checkbox [type="radio"]:disabled + label,
|
||
|
|
.custom-radio-checkbox [type="checkbox"]:disabled + label {
|
||
|
|
cursor: not-allowed;
|
||
|
|
}
|
||
|
|
.custom-radio-checkbox [type="radio"]:checked + label:before,
|
||
|
|
.custom-radio-checkbox [type="radio"]:not(:checked) + label:before,
|
||
|
|
.custom-radio-checkbox [type="checkbox"]:checked + label:before,
|
||
|
|
.custom-radio-checkbox [type="checkbox"]:not(:checked) + label:before {
|
||
|
|
content: '';
|
||
|
|
position: absolute;
|
||
|
|
left: 0px;
|
||
|
|
top: 3px;
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
border: 1.25px solid #051433;
|
||
|
|
background: #F9F9FF;
|
||
|
|
box-shadow: 0px 1.25px 2.5px 0px #0000000D;
|
||
|
|
}
|
||
|
|
.custom-radio-checkbox [type="checkbox"]:checked + label:before,
|
||
|
|
.custom-radio-checkbox [type="checkbox"]:not(:checked) + label:before {
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
.custom-radio-checkbox [type="radio"]:checked + label:before,
|
||
|
|
.custom-radio-checkbox [type="radio"]:not(:checked) + label:before {
|
||
|
|
border-radius: 50px;
|
||
|
|
}
|
||
|
|
.custom-radio-checkbox [type="radio"]:checked + label:after,
|
||
|
|
.custom-radio-checkbox [type="radio"]:not(:checked) + label:after,
|
||
|
|
.custom-radio-checkbox [type="checkbox"]:checked + label:after,
|
||
|
|
.custom-radio-checkbox [type="checkbox"]:not(:checked) + label:after {
|
||
|
|
content: '';
|
||
|
|
width: 11px;
|
||
|
|
height: 6px;
|
||
|
|
position: absolute;
|
||
|
|
top: 8px;
|
||
|
|
left: 4px;
|
||
|
|
transform: rotate(-45deg);
|
||
|
|
}
|
||
|
|
.custom-radio-checkbox [type="radio"]:not(:checked) + label:after, .custom-radio-checkbox [type="checkbox"]:not(:checked) + label:after {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.custom-radio-checkbox [type="radio"]:checked + label:after, .custom-radio-checkbox [type="checkbox"]:checked + label:after {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.custom-radio-checkbox [type="radio"]:checked + label:after,
|
||
|
|
.custom-radio-checkbox [type="radio"]:not(:checked) + label:after,
|
||
|
|
.custom-radio-checkbox [type="checkbox"]:checked + label:after,
|
||
|
|
.custom-radio-checkbox [type="checkbox"]:not(:checked) + label:after {
|
||
|
|
border: 2px solid #051433;
|
||
|
|
border-top: none;
|
||
|
|
border-right: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.custom-radio-checkbox [type="radio"]:checked + label:before,
|
||
|
|
.custom-radio-checkbox [type="checkbox"]:checked + label:before {
|
||
|
|
/* background: #009B9A; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.cms-permissions-wrapper {}
|
||
|
|
.cms-permissions-wrapper .main-header-row {
|
||
|
|
margin-bottom: 5px;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
box-shadow: 0px -3px 5px 0px #B5B5B580 inset;
|
||
|
|
}
|
||
|
|
.cms-permissions-wrapper .main-header-row .main-header-column {
|
||
|
|
flex: 0 0 auto;
|
||
|
|
width: 25%;
|
||
|
|
border-right: 1px solid transparent;
|
||
|
|
border-image: linear-gradient(1turn, rgb(255 255 255), rgb(0 0 0), rgb(255 255 255 / 0%));
|
||
|
|
border-image-slice: 1;
|
||
|
|
color: #364257;
|
||
|
|
font-size: 18px;
|
||
|
|
font-weight: 600;
|
||
|
|
line-height: 30px;
|
||
|
|
letter-spacing: 0em;
|
||
|
|
padding: 10px 20px;
|
||
|
|
}
|
||
|
|
.cms-permissions-wrapper .main-header-row .main-header-column.no-border {
|
||
|
|
border: 0 !important;
|
||
|
|
}
|
||
|
|
.cms-permissions-wrapper .group-row {
|
||
|
|
background-color: #fff;
|
||
|
|
margin-bottom: 3px;
|
||
|
|
}
|
||
|
|
.cms-permissions-wrapper .group-row .group-column {
|
||
|
|
padding: 12px 20px;
|
||
|
|
font-size: 18px;
|
||
|
|
font-weight: 600;
|
||
|
|
line-height: 30px;
|
||
|
|
letter-spacing: 0em;
|
||
|
|
color: #364257;
|
||
|
|
}
|
||
|
|
.cms-permissions-wrapper .permission-row {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
background-color: #f4f7fa;
|
||
|
|
border-bottom: 1px solid #D6DEE9
|
||
|
|
}
|
||
|
|
.cms-permissions-wrapper .permission-row .permission-column {
|
||
|
|
flex: 0 0 auto;
|
||
|
|
width: 25%;
|
||
|
|
padding: 12px 20px;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 27px;
|
||
|
|
letter-spacing: 0em;
|
||
|
|
color: #364257;
|
||
|
|
}
|