1924 lines
42 KiB
CSS
1924 lines
42 KiB
CSS
/* @font-face {
|
|
font-family: 'YekanLight';
|
|
src: url('../fonts/iranyekanweblightfanum.eot') format('embedded-opentype'), url('../fonts/iranyekanweblightfanum.woff') format('woff'), url('../fonts/iranyekanweblightfanum.ttf') format('truetype'), url('../fonts/iranyekanweblightfanum.svg') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'yekanBold';
|
|
src: url('../fonts/IRANYekanWebBold.eot') format('embedded-opentype'), url('../fonts/IRANYekanWebBold.woff') format('woff'), url('../fonts/IRANYekanWebBold.ttf') format('truetype'), url('../fonts/IRANYekanWebBold.svg') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'IranSans';
|
|
src: url('../fonts/iranyekanwebboldfanum.eot') format('embedded-opentype'), url('../fonts/iranyekanwebboldfanum.woff') format('woff'), url('../fonts/iranyekanwebboldfanum.ttf') format('truetype'), url('../fonts/iranyekanwebboldfanum.svg') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'IranYekanEXBold';
|
|
src: url('../fonts/IRANYekanWebExtraBold.eot') format('embedded-opentype'), url('../fonts/IRANYekanWebExtraBold.woff') format('woff'), url('../fonts/IRANYekanWebExtraBold.ttf') format('truetype'), url('../fonts/IRANYekanWebExtraBold.svg') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'IranText';
|
|
src: url('../fonts/IRANYekanBoldMsn.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Estedad';
|
|
src: url('../fonts/Estedad/ttf/Estedad-Regular.ttf') format('truetype'), url('../fonts/Estedad/woff2/Estedad-Regular.woff2') format('woff2');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
} */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Div Table */
|
|
.divTable {
|
|
display: table;
|
|
width: 100%;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.divTableRow {
|
|
display: table-row;
|
|
border-radius: 50px;
|
|
}
|
|
|
|
.divTableCell, .divTableHead {
|
|
display: table-cell;
|
|
padding: 3px 10px;
|
|
}
|
|
|
|
.divTableHeadColor {
|
|
background: linear-gradient(180deg, #41D1D1 0%, #2CD0D0 100%);
|
|
/* border: 7px solid #0B5959; */
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.divTableHeading {
|
|
/* display: table-header-group; */
|
|
font-weight: 500;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.divTableCell span.td {
|
|
color: #0B5959;
|
|
text-align: right;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: 24px; /* 171.429% */
|
|
letter-spacing: -0.28px;
|
|
}
|
|
|
|
|
|
.divTableFoot {
|
|
background-color: #EEE;
|
|
display: table-footer-group;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.divTableBody {
|
|
display: table-row-group;
|
|
}
|
|
|
|
.divTableBody .divTableRow .divTableCell:first-child {
|
|
/* width: 25%; */
|
|
}
|
|
|
|
.divTableBody .divTableRow:last-child .divTableCell {
|
|
/* height: 200px; */
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* End Div Table */
|
|
|
|
|
|
|
|
|
|
/* Modal */
|
|
.modal {
|
|
backdrop-filter: blur(8px);
|
|
}
|
|
|
|
.modal .modal-content {
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.modal-header {
|
|
border: none;
|
|
}
|
|
|
|
/* .modal-header h5{
|
|
text-align: center;
|
|
} */
|
|
|
|
.modal-header .btn-close {
|
|
margin: 0 0 0 15px;
|
|
border: 2px solid #33363F;
|
|
border-radius: 50%;
|
|
right: 13px;
|
|
padding: 5px;
|
|
background-size: 10px;
|
|
z-index: 25;
|
|
}
|
|
|
|
.modal-header .btn-close:focus {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.modal-content {
|
|
border: none;
|
|
}
|
|
/*
|
|
.modal-content label{
|
|
font-size: 13px;
|
|
color: #49579B;
|
|
} */
|
|
.modal-footer {
|
|
/* padding: 1.5rem; */
|
|
border: none;
|
|
}
|
|
/* End Modal */
|
|
|
|
|
|
.table-personals .operations-btns {
|
|
padding: 15px;
|
|
width: 97%;
|
|
margin: 0 auto 10px;
|
|
display: none;
|
|
border-radius: 0px 0px 8px 8px;
|
|
background: #F1F5F9;
|
|
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.03) inset;
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-profile {
|
|
border-radius: 15px;
|
|
border: 0.7px solid #E0E0E0;
|
|
background: #F1F5F9;
|
|
padding: 12px;
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-profile img {
|
|
width: 60px;
|
|
height: 60px;
|
|
border-radius: 100%;
|
|
background-color: #009EE2;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-profile h5 {
|
|
color: #0B5959;
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-profile span {
|
|
display: block;
|
|
color: #0B5959;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn {
|
|
text-align: justify;
|
|
padding: 7px;
|
|
height: 100px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
transition: ease-in-out .4s;
|
|
}
|
|
|
|
.small + .table-personals .operations-btns .personal-operation-btn {
|
|
padding: 10px 5px;
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn h4 {
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
margin: 0 7px 0 0;
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn p {
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
margin: 0 7px 0 0;
|
|
}
|
|
|
|
/* .table-personals .operations-btns .personal-operation-btn:hover.detail {
|
|
background: rgba(0, 0, 0, 1);
|
|
opacity: 0.3;
|
|
} */
|
|
|
|
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.detail {
|
|
border-radius: 15px;
|
|
border: 0.7px solid #86D489;
|
|
background: rgba(170, 249, 157, 0.30);
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.detail h4 {
|
|
color: #258029;
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.detail p {
|
|
color: #52A955;
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.working-time {
|
|
border-radius: 15px;
|
|
border: 0.7px solid #B0B0B0;
|
|
background: rgba(205, 205, 207, 0.40);
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.working-time h4 {
|
|
color: #4B4949;
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.working-time p {
|
|
color: #787676;
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.start-left-gharardad {
|
|
border-radius: 15px;
|
|
border: 0.7px solid #C997A1;
|
|
background: rgba(255, 24, 24, 0.07);
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.start-left-gharardad h4 {
|
|
color: #940B28;
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.start-left-gharardad p {
|
|
color: #C23A57;
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.start-left-bime {
|
|
border-radius: 15px;
|
|
border: 0.7px solid #7B89AD;
|
|
background: rgba(0, 56, 255, 0.06);
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.start-left-bime h4 {
|
|
color: #940B28;
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.start-left-bime p {
|
|
color: #C23A57;
|
|
}
|
|
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.morakhasi-estelaji {
|
|
border-radius: 15px;
|
|
border: 0.7px solid #C0C38A;
|
|
background: rgba(255, 245, 16, 0.15);
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.morakhasi-estelaji h4 {
|
|
color: #757B1E;
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.morakhasi-estelaji p {
|
|
color: #AAAF57;
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.morakhasi-estehghaghi {
|
|
border-radius: 15px;
|
|
border: 0.7px solid #C7B28E;
|
|
background: rgba(242, 156, 27, 0.15);
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.morakhasi-estehghaghi h4 {
|
|
color: #6C5732;
|
|
}
|
|
|
|
.table-personals .operations-btns .personal-operation-btn.morakhasi-estehghaghi p {
|
|
color: #9F8B66;
|
|
}
|
|
|
|
/* End Buttons */
|
|
|
|
|
|
.number {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Overlay Background */
|
|
|
|
|
|
|
|
/* form-personal */
|
|
.form-personal .input-group,
|
|
.form-personal-step2 .input-group,
|
|
.form-personal-step3 .input-group {
|
|
border-radius: 10px;
|
|
width: 100%;
|
|
height: 40px;
|
|
/* background: #23A8A8; */
|
|
box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.10);
|
|
overflow: hidden;
|
|
border: 1px solid #23A8A8;
|
|
}
|
|
|
|
.form-personal .form-control, .form-personal-step3 .form-control
|
|
.form-personal .form-select, .form-personal-step3 .form-select {
|
|
/* width: 25%; */
|
|
box-shadow: none;
|
|
border-radius: 10px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
|
|
.form-personal .input-group-text,
|
|
.form-personal-step3 .input-group-text {
|
|
width: 130px;
|
|
background: #23A8A8;
|
|
color: #ffffff;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
border: none;
|
|
display: block;
|
|
text-align: center;
|
|
padding: 0 auto;
|
|
}
|
|
|
|
.form-personal .note-modal {
|
|
border-radius: 8px;
|
|
outline: 2px dashed rgba(7, 113, 113, 0.70);
|
|
background: rgba(20, 181, 181, 0.22);
|
|
padding: 10px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.form-personal .note-modal p {
|
|
color: #000;
|
|
text-align: center;
|
|
|
|
font-size: 13px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
margin: 0;
|
|
}
|
|
|
|
.form-personal #childForm {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.form-personal #add_child {
|
|
left: 50px;
|
|
bottom: 5px;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* form-contract */
|
|
.form-contract {
|
|
/* padding: 5px 10px; */
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/************************* End Form *************************/
|
|
|
|
/* Step Proress */
|
|
.step-progress {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.step-progress h5 {
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 10px;
|
|
border: 1px solid #23A8A8;
|
|
background: #23A8A8;
|
|
font-size: 30px;
|
|
font-weight: 600;
|
|
color: #ffffff;
|
|
z-index: 33 !important;
|
|
}
|
|
|
|
.step-progress .not-step {
|
|
background: #ffffff !important;
|
|
color: #23A8A8 !important;
|
|
}
|
|
|
|
.step-progress p {
|
|
position: absolute;
|
|
color: #0A7676;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
margin: 0;
|
|
bottom: -15px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.step-progress::before {
|
|
position: absolute;
|
|
content: "";
|
|
display: block;
|
|
top: 0;
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 10px;
|
|
background: #9CD8D8;
|
|
translate: -7px -7px;
|
|
transform: rotate(-7deg);
|
|
z-index: 32 !important;
|
|
}
|
|
|
|
.line {
|
|
width: 140px;
|
|
height: 5px;
|
|
background: #9CD8D8;
|
|
position: relative;
|
|
bottom: 10px;
|
|
margin: 0 0px;
|
|
}
|
|
|
|
.line-active {
|
|
background: #23A8A8 !important;
|
|
}
|
|
|
|
/* End Step Proress */
|
|
|
|
|
|
|
|
.wrapper {
|
|
width: 100%;
|
|
/* max-width: 1000px; */
|
|
/* margin: 1em auto; */
|
|
/* padding: 1em; */
|
|
/* text-align: right; */
|
|
/* font-family: 'IranYekanEXBold' !important; */
|
|
}
|
|
|
|
.is-striped {
|
|
background-color: rgba(233, 200, 147, 0.2);
|
|
}
|
|
|
|
/* Table column sizing
|
|
================================== */
|
|
.date-cell {
|
|
width: 20%;
|
|
}
|
|
|
|
.topic-cell {
|
|
width: 41%;
|
|
}
|
|
|
|
.access-link-cell {
|
|
width: 13%;
|
|
}
|
|
|
|
.replay-link-cell {
|
|
width: 13%;
|
|
}
|
|
|
|
.pdf-cell {
|
|
width: 13%;
|
|
}
|
|
|
|
* Apply styles
|
|
================================== */
|
|
.Rtable {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
/* margin: 0 0 3em 0; */
|
|
padding: 0;
|
|
/* box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); */
|
|
}
|
|
|
|
.Rtable .Rtable-row {
|
|
width: 100%;
|
|
display: flex;
|
|
/* border: 2px solid white; */
|
|
padding: 0.1em 0.4em;
|
|
/* margin: 5px 2px auto; */
|
|
margin: 3px auto;
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell {
|
|
box-sizing: border-box;
|
|
flex-grow: 1;
|
|
padding: 0.2em;
|
|
/* این هایدن برای همتراز بودن خوبه، ولی موقع رسپانسیو مقدار همتراز نامیزان میشود */
|
|
/* overflow: hidden; */
|
|
list-style: none;
|
|
text-align: right;
|
|
font-size: small;
|
|
/* این قسمت برای همتراز کردن ستون های جدول است */
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.Rtable .Rtable-row:nth-child(even) {
|
|
border-radius: 10px;
|
|
background-color: #ECFFFF;
|
|
}
|
|
|
|
.Rtable .Rtable-row:nth-child(odd) {
|
|
border-radius: 10px;
|
|
background-color: #DDF4F4;
|
|
}
|
|
|
|
.table-personals .Rtable .Rtable-row:nth-child(4n+2) {
|
|
border-radius: 10px;
|
|
background-color: #ECFFFF;
|
|
}
|
|
|
|
.table-personals .Rtable .Rtable-row:nth-child(4n+4) {
|
|
border-radius: 10px;
|
|
background-color: #DDF4F4;
|
|
}
|
|
|
|
|
|
.Rtable .Rtable-row:first-child {
|
|
background: linear-gradient(180deg, #41D1D1 0%, #2CD0D0 100%);
|
|
/* padding: auto 1px; */
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell.column-heading {
|
|
color: white;
|
|
/* padding: 1em 0.5em; */
|
|
margin: 0.5em 0;
|
|
}
|
|
|
|
/* TH */
|
|
.Rtable .Rtable-row .Rtable-cell.column-heading:last-child {
|
|
border-top-left-radius: 10px;
|
|
border-bottom-left-radius: 10px;
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell.column-heading:first-child {
|
|
border-top-right-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell .Rtable-cell--heading {
|
|
display: none;
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell .Rtable-cell--content {
|
|
font-size: 12px;
|
|
/* padding: 0 0.5em; */
|
|
text-align: right;
|
|
color: #0B5959;
|
|
/* white-space: nowrap; */
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell .Rtable-cell--content .webinar-date {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell .Rtable-cell--content > span {
|
|
border-radius: 5px;
|
|
background: rgba(87, 227, 227, 0.25);
|
|
width: 32px;
|
|
height: 32px;
|
|
display: inline-block;
|
|
padding: 6px;
|
|
}
|
|
|
|
|
|
.no-flexbox .Rtable {
|
|
display: block;
|
|
}
|
|
|
|
.no-flexbox .Rtable.Rtable-cell {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
/* END Apply styles */
|
|
|
|
|
|
|
|
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
|
|
/* color: #0F8080; */
|
|
border-radius: 8px;
|
|
color: #ffffff;
|
|
outline: none;
|
|
background: linear-gradient(94deg, #2EBEBE 1.59%, #1E9D9D 47.86%, #0B7878 101.16%);
|
|
}
|
|
|
|
.form-workshop .radio-btn {
|
|
color: #0F8080;
|
|
padding: 10px;
|
|
border-radius: 8px;
|
|
border: none;
|
|
outline: 2px dashed #0F8080;
|
|
background-color: #DDF4F4;
|
|
/* margin: 0.4rem; */
|
|
width: 100%;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.search-box .radio-btn {
|
|
color: #0F8080;
|
|
padding: 10px;
|
|
border-radius: 8px;
|
|
border: none;
|
|
outline: 1px dashed #0F8080;
|
|
background-color: #DDF4F4;
|
|
width: 100%;
|
|
height: 50px;
|
|
font-size: 13px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-items: center;
|
|
text-align: center;
|
|
}
|
|
|
|
.form-workshop .radio-btn:hover, .search-box .radio-btn:hover {
|
|
color: #0a5e5e;
|
|
background-color: #DDF4F4
|
|
}
|
|
|
|
.form-workshop .btn-check + .form-workshop .btn:hover {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.form-workshop .form-check-label {
|
|
color: #2B2F32;
|
|
text-align: right;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
}
|
|
|
|
.form-workshop p {
|
|
color: #464646;
|
|
text-align: justify;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
}
|
|
|
|
.empty {
|
|
border-radius: 10px;
|
|
padding: 35px;
|
|
}
|
|
|
|
.empty h5 {
|
|
font-size: 20px;
|
|
}
|
|
|
|
|
|
.no-info {
|
|
border-radius: 12px;
|
|
padding: 35px;
|
|
background-color: #f0f0f0;
|
|
text-align: center;
|
|
}
|
|
|
|
.no-info img {
|
|
width: 100%;
|
|
}
|
|
|
|
.no-info h5 {
|
|
font-size: 14px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/************** Personel for selecting workshop ***************/
|
|
.msg-select {
|
|
padding: 10px;
|
|
border-radius: 10px;
|
|
outline: 2px dashed #0B7979;
|
|
background: #DFFBFB;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.msg-note {
|
|
padding: 5px;
|
|
border-radius: 10px;
|
|
background: #FFFFFF;
|
|
font-size: 12px;
|
|
color: #464646;
|
|
}
|
|
|
|
.bg-personal-workshop {
|
|
border-radius: 10px;
|
|
padding: 10px 20px;
|
|
margin-bottom: 100px;
|
|
}
|
|
|
|
.bg-personal-workshop .select-item {
|
|
border-radius: 10px;
|
|
outline: 2px dashed #097575;
|
|
background: #ECFFFF;
|
|
padding: 15px 10px;
|
|
margin: 7px;
|
|
height: 90%;
|
|
transition: ease-in-out .3s;
|
|
}
|
|
|
|
.bg-personal-workshop .select-item2 {
|
|
border-radius: 10px;
|
|
outline: 1px solid #E8E8E8;
|
|
background: #F9F9F9;
|
|
padding: 15px 10px;
|
|
margin: 7px;
|
|
height: 90%;
|
|
transition: ease-in-out .3s;
|
|
}
|
|
|
|
.bg-personal-workshop .select-item:hover {
|
|
background: #d6ffff;
|
|
}
|
|
|
|
.bg-personal-workshop .select-item2:hover {
|
|
background: #ECFFFF;
|
|
outline: 1px solid #097575;
|
|
}
|
|
|
|
.bg-personal-workshop .select-item h4,
|
|
.bg-personal-workshop .select-item2 h4 {
|
|
color: #444;
|
|
text-align: right;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
line-height: 34px; /* 88.889% */
|
|
}
|
|
|
|
.bg-personal-workshop .select-item .emplyee-name span,
|
|
.bg-personal-workshop .select-item2 .emplyee-name span {
|
|
border-radius: 50px;
|
|
background: rgba(87, 227, 227, 0.25);
|
|
color: #5A5A5A;
|
|
text-align: center;
|
|
font-size: 10px;
|
|
font-weight: 400;
|
|
padding: 3px 9px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.bg-personal-workshop .select-item .avatars,
|
|
.bg-personal-workshop .select-item2 .avatars {
|
|
display: flex;
|
|
list-style-type: none;
|
|
/* margin: auto; */
|
|
/* padding: 0px; */
|
|
padding: 0 0px 0 25px;
|
|
flex-direction: row;
|
|
z-index: 3;
|
|
}
|
|
|
|
.avatars__item {
|
|
background-color: #ECFFFF;
|
|
border: 2px solid #ECFFFF;
|
|
border-radius: 100%;
|
|
color: #ffffff;
|
|
display: block;
|
|
font-size: 12px;
|
|
font-weight: 100;
|
|
height: 30px;
|
|
width: 30px;
|
|
/* line-height: 30px; */
|
|
text-align: center;
|
|
transition: margin 0.1s ease-in-out;
|
|
overflow: hidden;
|
|
/* margin-top: 10px; */
|
|
margin-left: -15px;
|
|
}
|
|
|
|
.bg-personal-workshop .select-item .avatars__item:first-child,
|
|
.bg-personal-workshop .select-item2 .avatars__item:first-child {
|
|
z-index: 60;
|
|
}
|
|
|
|
.bg-personal-workshop .select-item .avatars__item:nth-child(2),
|
|
.bg-personal-workshop .select-item2 .avatars__item:nth-child(2) {
|
|
z-index: 61;
|
|
}
|
|
|
|
.bg-personal-workshop .select-item .avatars__item:nth-child(3),
|
|
.bg-personal-workshop .select-item2 .avatars__item:nth-child(3) {
|
|
z-index: 62;
|
|
}
|
|
|
|
.bg-personal-workshop .select-item .avatars__item:nth-child(4),
|
|
.bg-personal-workshop .select-item2 .avatars__item:nth-child(4) {
|
|
z-index: 63;
|
|
}
|
|
|
|
.bg-personal-workshop .select-item .avatars__item:nth-child(5),
|
|
.bg-personal-workshop .select-item2 .avatars__item:nth-child(5) {
|
|
z-index: 64;
|
|
}
|
|
|
|
.bg-personal-workshop .select-item .avatars__item:nth-child(6),
|
|
.bg-personal-workshop .select-item2 .avatars__item:nth-child(6) {
|
|
z-index: 65;
|
|
}
|
|
|
|
.bg-personal-workshop .select-item .avatars__item:last-child,
|
|
.bg-personal-workshop .select-item2 .avatars__item:last-child {
|
|
z-index: 66;
|
|
border: 2px solid #D9D9D9;
|
|
margin-right: 20px;
|
|
color: #B7B7B7;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
.bg-personal-workshop .select-item .avatars__item img,
|
|
.bg-personal-workshop .select-item2 .avatars__item img {
|
|
width: 100%;
|
|
}
|
|
/* .bg-personal-workshop .select-item .avatars:hover .avatars__item {
|
|
margin-right: 10px;
|
|
} */
|
|
|
|
.bg-personal-workshop .select-item span a,
|
|
.bg-personal-workshop .select-item2 span a {
|
|
color: #3B3B3B;
|
|
text-align: right;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 24px; /* 133.333% */
|
|
}
|
|
|
|
.select-item .view-personsal,
|
|
.select-item2 .view-personsal {
|
|
color: #00638E;
|
|
stroke: #00638E;
|
|
background-color: #34D1D14D;
|
|
padding: 3px 5px;
|
|
border-radius: 7px;
|
|
transition: all .3s ease-in-out;
|
|
}
|
|
|
|
.select-item .view-personsal:hover,
|
|
.select-item2 .view-personsal:hover {
|
|
color: #FFFFFF;
|
|
stroke: #FFFFFF;
|
|
background-color: #2ebebe;
|
|
}
|
|
|
|
.select-item .view-personsal span,
|
|
.select-item2 .view-personsal span {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
white-space: nowrap;
|
|
margin-right: 5px;
|
|
}
|
|
/************** End Personel for selecting workshop ***************/
|
|
|
|
|
|
|
|
|
|
/************** Personel Modal Info & Printing ***************/
|
|
.personalInfoModal .modal-header {
|
|
margin-bottom: 15px !important;
|
|
}
|
|
|
|
.personalInfoModal .info-personal {
|
|
padding: 5px;
|
|
}
|
|
|
|
.personalInfoModal .modal-header img {
|
|
width: 100%;
|
|
}
|
|
|
|
.personalInfoModal .info-personal img {
|
|
width: 80px;
|
|
height: 80px;
|
|
border-radius: 10px;
|
|
background: linear-gradient(39deg, #2DBEBE 5.7%, #0B7A7A 84.84%);
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.info-personal .info-name {
|
|
margin: auto 20px auto 0;
|
|
}
|
|
|
|
.info-personal .info-name h5 {
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
margin: 0;
|
|
color: #000;
|
|
text-align: right;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
}
|
|
|
|
.info-personal .info-name span {
|
|
color: #383838;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
}
|
|
|
|
.info-personal .info-personal-table {
|
|
margin: 10px auto 0;
|
|
/* border: 2px solid #E4E4E4;
|
|
border-radius: 13px; */
|
|
}
|
|
|
|
.info-personal .info-personal-table .title-personal {
|
|
padding: 2px 7px;
|
|
border-radius: 9px;
|
|
border: 2px solid #E4E4E4;
|
|
margin: 2px auto;
|
|
}
|
|
|
|
.info-personal .info-personal-table .title-personal span {
|
|
color: #000;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
margin: 0 2px;
|
|
}
|
|
|
|
.personalInfoModal .info-personal {
|
|
padding: 5px;
|
|
}
|
|
|
|
.personalInfoModal .btn-primary, .personalInfoModal .btn-secondary {
|
|
width: 100px;
|
|
padding: 6px;
|
|
font-size: 13px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
/* .info-personal .info-personal-table .title-personal:nth-child(odd)
|
|
{
|
|
border-bottom: 2px solid #E4E4E4;
|
|
border-left: 2px solid #E4E4E4;
|
|
}
|
|
|
|
.info-personal .info-personal-table .title-personal:nth-child(even)
|
|
{
|
|
border-bottom: 2px solid #E4E4E4;
|
|
}
|
|
|
|
|
|
.info-personal .info-personal-table .title-personal:last-child
|
|
{
|
|
border: none;
|
|
} */
|
|
|
|
/************** End Personel Modal Info ***************/
|
|
|
|
|
|
|
|
|
|
|
|
/************** Search & Print ***************/
|
|
|
|
.search-box {
|
|
border-radius: 10px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.list-box .search-box {
|
|
padding: 3px 0;
|
|
}
|
|
|
|
.search-box input[type="text"],
|
|
.search-box .form-select {
|
|
border-radius: 7px;
|
|
border: 1px solid #DADADA;
|
|
background-color: #F6F6F6;
|
|
padding: 4px 6px;
|
|
color: #797979;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
transition: ease .4s;
|
|
}
|
|
|
|
|
|
.search-box input[type="text"]:focus,
|
|
.search-box .form-select:focus {
|
|
outline: none;
|
|
border: 1px solid #8a8a8a;
|
|
color: rgb(65, 65, 65);
|
|
box-shadow: none;
|
|
}
|
|
|
|
.btn-search, .btn-view-all {
|
|
border-radius: 7px;
|
|
padding: 4px 10px;
|
|
font-size: 13px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.search-box-workshop {
|
|
border-radius: 10px;
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.search-box-workshop .search svg {
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 5px;
|
|
}
|
|
|
|
.search-box-workshop .search {
|
|
width: auto;
|
|
}
|
|
|
|
.search-box-workshop input[type="text"] {
|
|
border-radius: 7px;
|
|
border: 1px solid #DADADA;
|
|
background: #F6F6F6;
|
|
padding: 4px 6px;
|
|
color: #3a3a3a;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
width: 250px;
|
|
transition: ease .4s;
|
|
}
|
|
|
|
.search-box-workshop input[type="text"]:focus {
|
|
outline: none;
|
|
border: 1px solid #8a8a8a;
|
|
color: rgb(65, 65, 65);
|
|
}
|
|
|
|
.search-box-workshop .btn-filter {
|
|
border-radius: 7px;
|
|
border: 1px solid #DADADA;
|
|
background: #FFF;
|
|
width: 80px;
|
|
color: #797979;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 24px;
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
|
|
|
|
.btn-print-all {
|
|
border-radius: 7px;
|
|
/* padding: 6px 8px; */
|
|
padding: 3px 7px;
|
|
color: #000000;
|
|
background-color: rgba(148, 163, 184, 0.30);
|
|
}
|
|
|
|
.btn-print-all:hover {
|
|
background-color: rgba(148, 163, 184, 0.60);
|
|
}
|
|
|
|
.btn-search {
|
|
background: #84CC16;
|
|
}
|
|
|
|
.btn-view-all {
|
|
background: #0EA5E9;
|
|
}
|
|
|
|
.btn-search:hover {
|
|
background: #71b112;
|
|
}
|
|
|
|
.btn-view-all:hover {
|
|
background: #0b87c0;
|
|
}
|
|
|
|
.btn-search span, .btn-view-all span {
|
|
color: #FFF;
|
|
text-align: center;
|
|
font-size: 13px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: 24px; /* 184.615% */
|
|
letter-spacing: -0.26px;
|
|
}
|
|
|
|
.btn-search span, .btn-view-all span {
|
|
color: #FFF;
|
|
text-align: center;
|
|
font-size: 11px;
|
|
font-style: normal;
|
|
font-weight: 200;
|
|
line-height: 20px; /* 184.615% */
|
|
}
|
|
|
|
.btn-print-all span {
|
|
color: #1E293B;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 24px;
|
|
}
|
|
/************** End Search & Print ***************/
|
|
|
|
|
|
|
|
/************** Login & Register Pages ***************/
|
|
.bg-login {
|
|
height: 100vh;
|
|
border-radius: 0px 35px 35px 0px;
|
|
background-image: url('../images/login.png');
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
padding: 100px;
|
|
/* align-items: center; */
|
|
/* display: flex; */
|
|
justify-content: center;
|
|
}
|
|
|
|
.bg-register {
|
|
height: 100vh;
|
|
border-radius: 0px 35px 35px 0px;
|
|
background-image: url('../images/login1.png');
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
padding: 120px;
|
|
}
|
|
|
|
.bg-login h4, .bg-register h4 {
|
|
font-size: 30px;
|
|
font-weight: 500;
|
|
color: #005656;
|
|
}
|
|
|
|
.bg-login p, .bg-register p {
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
color: #434343;
|
|
}
|
|
|
|
.login {
|
|
padding: 25px;
|
|
/* height: 100vh; */
|
|
/* align-items: center; */
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.login .custom-login .form-control {
|
|
border-radius: 10px;
|
|
border: 1px solid #C6C6C6;
|
|
color: #464646;
|
|
text-align: right;
|
|
font-size: 14px;
|
|
font-weight: 300;
|
|
padding: 5px 15px;
|
|
margin-bottom: 10px;
|
|
background-color: #EAEAEA;
|
|
}
|
|
|
|
.login .custom-login .recover-pass {
|
|
margin: 20px 10px;
|
|
}
|
|
|
|
.login .custom-login a,
|
|
.login .custom-login button {
|
|
color: #018E8E;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
.login .custom-login p {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
color: #018E8E;
|
|
}
|
|
|
|
.login .custom-login .btn-login {
|
|
border-radius: 5px;
|
|
background: linear-gradient(91deg, #2EBFBF -7.13%, #0A7777 110.51%);
|
|
color: #FFF;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
width: 60%;
|
|
padding: 10px;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.bg-login button .next,
|
|
.bg-register button .next {
|
|
padding: 10px;
|
|
background: linear-gradient(91deg, #2AB8B8 -7.13%, #108282 110.51%);
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.login .custom-login .otp {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
direction: ltr;
|
|
}
|
|
|
|
.login .custom-login .otp .form-control {
|
|
width: 40px;
|
|
height: 40px;
|
|
display: flex;
|
|
padding: 3px;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
/* margin: 5px; */
|
|
margin: 5px;
|
|
}
|
|
|
|
.login .custom-login img {
|
|
width: 250px;
|
|
margin: 0 0 50px 0;
|
|
}
|
|
|
|
|
|
.login .custom-login {
|
|
/* margin: 50px auto; */
|
|
margin: auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
/* justify-content: space-evenly; */
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
|
|
/************** End Login & Register Pages ***************/
|
|
|
|
|
|
|
|
/* Contract List */
|
|
.table-contracts .Rtable .Rtable-row .column-heading > span {
|
|
border-radius: 5px;
|
|
/* background: rgba(87, 227, 227, 0.25); */
|
|
width: 60px;
|
|
/* height: 32px; */
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.table-contracts .Rtable .Rtable-row .column-heading > span input {
|
|
margin: 0 0 0 5px;
|
|
}
|
|
|
|
.table-contracts .Rtable .Rtable-row .Rtable-cell .Rtable-cell--content > span {
|
|
border-radius: 5px;
|
|
background: rgba(87, 227, 227, 0.25);
|
|
width: 60px;
|
|
height: 32px;
|
|
display: inline-block;
|
|
padding: 0 10px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
|
|
.table-contracts .Rtable .Rtable-row .Rtable-cell .column-heading > span {
|
|
border-radius: 5px;
|
|
background: rgba(87, 227, 227, 0.25);
|
|
width: 60px;
|
|
height: 32px;
|
|
display: inline-block;
|
|
padding: 6px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.table-contracts .form-check-input {
|
|
padding: 8px !important;
|
|
border: 0 !important;
|
|
outline: 1px solid #1dc9a0;
|
|
}
|
|
|
|
.table-contracts .form-check-input:checked[type="checkbox"] {
|
|
padding: 8px !important;
|
|
/* outline: none; */
|
|
outline: 1px solid #1dc9a0;
|
|
}
|
|
|
|
.table-contracts .form-check-input:checked {
|
|
background-color: #1dc9a0;
|
|
padding: 8px !important;
|
|
outline: 1px solid #1dc9a0;
|
|
}
|
|
|
|
.table-contracts .form-check-input.checkAll:checked {
|
|
background-color: #128888;
|
|
padding: 8px !important;
|
|
outline: 1px solid #1dc9a0;
|
|
}
|
|
|
|
.table-contracts .form-check-input:focus, .form-control:focus {
|
|
border-color: #1dc9a0;
|
|
outline: 0;
|
|
box-shadow: none;
|
|
outline: 1px solid #1dc9a0;
|
|
}
|
|
|
|
.table-contracts .select-all {
|
|
border-radius: 7px;
|
|
padding: 6px 8px;
|
|
background-color: #3AD1D1;
|
|
}
|
|
|
|
.table-contracts .select-all input:checked[type="checkbox"] + label {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.table-contracts .select-all label {
|
|
color: #ffffff;
|
|
margin: 0 3px;
|
|
}
|
|
/* End Contract List */
|
|
|
|
|
|
|
|
|
|
|
|
/* Alert Message */
|
|
.alert-msg {
|
|
position: fixed;
|
|
bottom: 15px;
|
|
right: 15px;
|
|
width: 380px;
|
|
padding: 15px;
|
|
border-radius: 8px;
|
|
background: #DDD;
|
|
box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.20), 0px 6px 30px 0px rgba(0, 0, 0, 0.12), 0px 16px 24px 0px rgba(0, 0, 0, 0.14);
|
|
overflow: hidden;
|
|
z-index: 200;
|
|
}
|
|
|
|
.border-msg {
|
|
background: #F04349;
|
|
width: 380px;
|
|
height: 3px;
|
|
bottom: 0;
|
|
backdrop-filter: blur(8px);
|
|
right: 0;
|
|
}
|
|
|
|
.alert-msg-heading {
|
|
color: #2E2E2E;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.alert-msg p {
|
|
color: #3E3E3E;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
}
|
|
/* End Alert Message */
|
|
|
|
|
|
|
|
|
|
/* ********************************************** Table Personal List ********************************************** */
|
|
.personalListModal .personal-list .Rtable--collapse .Rtable-row {
|
|
padding: 4px 5px;
|
|
outline: none;
|
|
margin: 0.1em 0;
|
|
}
|
|
|
|
.personalListModal .personal-list .withdraw {
|
|
background-color: rgb(177 195 195);
|
|
}
|
|
|
|
.personalListModal .personal-list .Rtable--collapse .Rtable-row--head {
|
|
display: flex;
|
|
}
|
|
|
|
.personalListModal .personal-list .width1 {
|
|
width: 10%;
|
|
}
|
|
|
|
.personalListModal .personal-list .width2 {
|
|
width: 20%;
|
|
}
|
|
|
|
.personalListModal .personal-list .width3 {
|
|
width: 40%;
|
|
}
|
|
|
|
.personalListModal .personal-list .width4 {
|
|
width: 15%;
|
|
}
|
|
|
|
.personalListModal .personal-list .width5 {
|
|
width: 15%;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.personalListModal .personal-list .Rtable--collapse .Rtable-row .Rtable-cell:last-child .Rtable-cell--content {
|
|
text-align: center;
|
|
}
|
|
/* ********************************************** End Table Personal List ********************************************** */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ********************************************** Datetime Scroll ********************************************** */
|
|
.date-container {
|
|
display: flex !important;
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.datepicker-container {
|
|
position: static;
|
|
height: 100%;
|
|
width: 100%;
|
|
background: #fff;
|
|
border: 1px solid #ccc;
|
|
box-shadow: 0 0 4px 0px #b3b3b3;
|
|
border-radius: 8px;
|
|
padding: 10px 0px;
|
|
z-index: 99;
|
|
/* position: absolute;
|
|
top: 0; */
|
|
align-items: center;
|
|
}
|
|
|
|
.datepicker-container div {
|
|
overflow-y: scroll;
|
|
height: 100px;
|
|
margin-bottom: 10px;
|
|
width: 33.33%;
|
|
}
|
|
|
|
.datepicker-container div span {
|
|
width: 100%;
|
|
margin: auto;
|
|
display: block;
|
|
text-align: center;
|
|
cursor: grabbing;
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.datepicker-container div span.chosen-date {
|
|
color: white;
|
|
background: #777777;
|
|
border-top: 1px solid #777777;
|
|
border-bottom: 1px solid #777777;
|
|
opacity: 1;
|
|
}
|
|
|
|
.datepicker-container div::-webkit-scrollbar {
|
|
width: 0px;
|
|
}
|
|
|
|
.datepicker-container div::-webkit-scrollbar-thumb:hover {
|
|
background: #555;
|
|
}
|
|
|
|
@media(max-width: 500px) {
|
|
.datepicker-container div span {
|
|
height: 20px;
|
|
line-height: 17px;
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
|
|
.close {
|
|
margin-top: 12px;
|
|
margin-left: -19px;
|
|
font-size: 26px;
|
|
position: absolute;
|
|
right: 25px;
|
|
}
|
|
|
|
input.persianDateInput {
|
|
text-align: center !important;
|
|
direction: ltr;
|
|
margin: 0;
|
|
}
|
|
|
|
input.persianDateInput:focus {
|
|
outline: 1px solid transparent;
|
|
margin: 0;
|
|
}
|
|
|
|
input.persianDateInputYear,
|
|
input.persianDateInputMonth,
|
|
input.persianDateInputDay {
|
|
text-align: center !important;
|
|
direction: ltr;
|
|
margin: 0;
|
|
}
|
|
|
|
input.persianDateInputYear:focus,
|
|
input.persianDateInputMonth:focus,
|
|
input.persianDateInputDay:focus {
|
|
outline: 1px solid transparent;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Year & Month */
|
|
.datepicker-container-year,
|
|
.datepicker-container-month {
|
|
position: fixed;
|
|
height: 70%;
|
|
width: 80%;
|
|
background: #fff;
|
|
z-index: 89;
|
|
/* top: 0;
|
|
right: 0; */
|
|
align-items: center;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
border-radius: 25px;
|
|
}
|
|
|
|
|
|
.datepicker-container-year #years,
|
|
.datepicker-container-month #months {
|
|
overflow-y: scroll;
|
|
height: 300px;
|
|
width: 100%;
|
|
}
|
|
|
|
.datepicker-container-year #years span,
|
|
.datepicker-container-month #months span {
|
|
width: 100%;
|
|
margin: auto;
|
|
display: block;
|
|
text-align: center;
|
|
cursor: grabbing;
|
|
opacity: 0.4;
|
|
height: 60;
|
|
line-height: 55px;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.datepicker-container-year #years span.chosen-date,
|
|
.datepicker-container-month #months span.chosen-date {
|
|
color: #272727;
|
|
/* background: #777777; */
|
|
border-top: 1px solid #777777;
|
|
border-bottom: 1px solid #777777;
|
|
cursor: pointer;
|
|
opacity: 1;
|
|
}
|
|
|
|
.datepicker-container-year #years::-webkit-scrollbar,
|
|
.datepicker-container-month #months::-webkit-scrollbar {
|
|
width: 0px;
|
|
}
|
|
|
|
.datepicker-container-year #years::-webkit-scrollbar-thumb:hover,
|
|
.datepicker-container-month #months::-webkit-scrollbar-thumb:hover {
|
|
background: #555;
|
|
}
|
|
/* .datepicker-container-year #years span,
|
|
.datepicker-container-month #months span {
|
|
height: 60px;
|
|
line-height: 55px;
|
|
font-size: 36px;
|
|
} */
|
|
|
|
/* ********************************************** End Datetime Scroll ********************************************** */
|
|
|
|
.modal-title {
|
|
color: #1F2937;
|
|
font-weight: 600;
|
|
}
|
|
|
|
|
|
/* ********************************************** Profile Page ********************************************** */
|
|
.profile-header {
|
|
width: 100%;
|
|
height: 190px;
|
|
background: linear-gradient(91deg, #2EC0C0 -7.13%, #00A7A7 110.51%);
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.profile-header > img {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
object-fit: contain;
|
|
object-position: center;
|
|
height: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.profile-header .profile-subheader {
|
|
position: relative;
|
|
border: 1px solid #ffffff;
|
|
border-radius: 20px;
|
|
/* height: 100px; */
|
|
bottom: -125px;
|
|
right: 0;
|
|
width: 96%;
|
|
margin: 0 auto;
|
|
background: rgba(255, 255, 255, 0.9);
|
|
backdrop-filter: blur(10px);
|
|
padding: 20px 25px;
|
|
}
|
|
|
|
|
|
.profile-header .profile-subheader .profile-img {
|
|
border: 1px solid #C4C4C4;
|
|
border-radius: 15px;
|
|
position: relative;
|
|
}
|
|
|
|
.profile-header .profile-subheader .profile-img img {
|
|
border-radius: 15px;
|
|
width: 80px;
|
|
height: 80px;
|
|
}
|
|
|
|
.profile-header .profile-subheader .profile-img .edit-img {
|
|
position: absolute;
|
|
width: 30px;
|
|
height: 30px;
|
|
background-color: #ffffff;
|
|
bottom: -10px;
|
|
right: -10px;
|
|
border-radius: 10px;
|
|
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
|
|
.profile-header .profile-subheader .profile-title {
|
|
margin: auto 10px;
|
|
}
|
|
|
|
.profile-header .profile-subheader .profile-title h5 {
|
|
color: #2D3748;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.profile-header .profile-subheader .profile-title span {
|
|
color: #718096;
|
|
font-size: 13px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
|
|
.profile-header .profile-subheader .profile-btns button {
|
|
border-radius: 15px;
|
|
padding: 10px;
|
|
background-color: #ffffff;
|
|
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.profile-header .profile-subheader .profile-btns button span {
|
|
color: #2D3748;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
|
|
.profilePasswordModal .modal-header h5 {
|
|
font-size: 24px;
|
|
}
|
|
|
|
.profilePasswordModal .modal-body .form-control {
|
|
font-size: 14px;
|
|
font-weight: 300;
|
|
border: 1px solid #C6C6C6;
|
|
color: #ADADAD;
|
|
background-color: #F8F8F8;
|
|
padding: 9px 13px;
|
|
border-radius: 11px;
|
|
}
|
|
|
|
.profilePasswordModal .modal-body .strongPass span {
|
|
width: 100%;
|
|
height: 3px;
|
|
background-color: #BEF264;
|
|
}
|
|
|
|
|
|
.profilePasswordModal .modal-footer {
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.profilePasswordModal .modal-footer button {
|
|
font-size: 14px;
|
|
padding: 12px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.profilePasswordModal .modal-footer button.btn-secondary {
|
|
background-color: #1F2937;
|
|
}
|
|
|
|
.profilePasswordModal .modal-footer button.btn-secondary {
|
|
background-color: #1F2937;
|
|
}
|
|
|
|
|
|
|
|
/* ********************************************** End Profile Page ********************************************** */
|
|
|
|
|
|
/* ********************************************** Start Week Section ********************************************** */
|
|
.weekDisplay {
|
|
width: 100%;
|
|
height: 150px;
|
|
display: flex;
|
|
/* grid-template-columns: repeat(7, 1fr); */
|
|
justify-items: center;
|
|
justify-content: center;
|
|
margin: 30px 0 0 0;
|
|
}
|
|
|
|
.wDisplayDay {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
width: 70px;
|
|
border-radius: 70px;
|
|
margin: 0 6px;
|
|
}
|
|
|
|
.wDisplayDay.active {
|
|
background-color: #01C696;
|
|
color: #fff;
|
|
}
|
|
|
|
.wDisplayDay .dayNameX {
|
|
padding: 30px 0 4px 0;
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
color: #757575;
|
|
}
|
|
|
|
.wDisplayDay.active .dayNameX {
|
|
color: #fff;
|
|
}
|
|
|
|
.wDisplayDay .dayNumY {
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
}
|
|
/* ********************************************** End Week Section ********************************************** */
|
|
|
|
/* ********************************************** Start Time Section ********************************************** */
|
|
.clock {
|
|
display: block;
|
|
margin: auto;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.clock__colon {
|
|
animation: blink 1s cubic-bezier(0.77,0,0.18,1) infinite;
|
|
}
|
|
|
|
.clock__g {
|
|
fill: hsl(189, 100%, 36%);
|
|
}
|
|
|
|
[data-digit],
|
|
[data-ampm] {
|
|
transition: opacity 0.3s cubic-bezier(0.77,0,0.18,1);
|
|
}
|
|
|
|
[data-digit=" "],
|
|
[data-ampm=" "],
|
|
[data-digit="0"] polygon:nth-child(4),
|
|
[data-digit="1"] polygon:nth-child(1),
|
|
[data-digit="1"] polygon:nth-child(2),
|
|
[data-digit="1"] polygon:nth-child(4),
|
|
[data-digit="1"] polygon:nth-child(5),
|
|
[data-digit="1"] polygon:nth-child(7),
|
|
[data-digit="2"] polygon:nth-child(2),
|
|
[data-digit="2"] polygon:nth-child(6),
|
|
[data-digit="3"] polygon:nth-child(2),
|
|
[data-digit="3"] polygon:nth-child(5),
|
|
[data-digit="4"] polygon:nth-child(1),
|
|
[data-digit="4"] polygon:nth-child(5),
|
|
[data-digit="4"] polygon:nth-child(7),
|
|
[data-digit="5"] polygon:nth-child(3),
|
|
[data-digit="5"] polygon:nth-child(5),
|
|
[data-digit="6"] polygon:nth-child(3),
|
|
[data-digit="7"] polygon:nth-child(2),
|
|
[data-digit="7"] polygon:nth-child(4),
|
|
[data-digit="7"] polygon:nth-child(5),
|
|
[data-digit="7"] polygon:nth-child(7),
|
|
[data-digit="9"] polygon:nth-child(5),
|
|
[data-ampm="am"] text:nth-child(2),
|
|
[data-ampm="pm"] text:nth-child(1) {
|
|
opacity: 0;
|
|
}
|
|
|
|
/* Animations */
|
|
@keyframes blink {
|
|
from, to {
|
|
opacity: 0;
|
|
}
|
|
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
/* ********************************************** End Time Section ********************************************** */
|
|
|
|
|
|
/* ********************************************** Start Dashabaord Image Section ********************************************** */
|
|
.dashboard-image-section {
|
|
position: relative;
|
|
}
|
|
|
|
.dashboard-image-section img {
|
|
height: 203px;
|
|
object-fit: cover;
|
|
width: 100%;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.dashboard-image-section .overlay {
|
|
position: absolute;
|
|
height: 203px !important;
|
|
background: linear-gradient(180deg, #007166 0%, rgba(0, 106, 97, 0.35) 100%);
|
|
border-radius: 12px;
|
|
backdrop-filter: blur(0);
|
|
z-index: 4;
|
|
}
|
|
/* ********************************************** End Dashabaord Image Section ********************************************** */
|