605 lines
12 KiB
CSS
605 lines
12 KiB
CSS
.spaceBar {
|
|
width:60px;
|
|
border: 1px dashed #3BD1D1;
|
|
}
|
|
|
|
#EndTaskDate {
|
|
direction: ltr;
|
|
}
|
|
|
|
.unhighlighted {
|
|
background-color: #DDF4F4 !important;
|
|
}
|
|
|
|
.highlighted {
|
|
background-color: #ECFFFF !important;
|
|
}
|
|
.highlighted .btn-taskmanager-more, .unhighlighted .btn-taskmanager-more {
|
|
background: rgba(83, 83, 83, 0.5);
|
|
border: 0.5px solid #535353;
|
|
border-radius: 6px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
color: #ffffff;
|
|
text-align: right;
|
|
font-size: 11px;
|
|
padding: 3px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
white-space: nowrap;
|
|
width: 73px;
|
|
}
|
|
.widthLastCustom {
|
|
width: 12% !important;
|
|
}
|
|
|
|
.highlighted .btn-taskmanager-delete, .unhighlighted .btn-taskmanager-delete {
|
|
background: rgba(83, 83, 83, 0.5);
|
|
border: 0.5px solid #535353;
|
|
border-radius: 6px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
color: #ffffff;
|
|
text-align: right;
|
|
font-size: 11px;
|
|
padding: 3px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
white-space: nowrap;
|
|
margin: 0 0 0 5px;
|
|
}
|
|
|
|
.highlighted .btn-taskmanager-edit, .unhighlighted .btn-taskmanager-edit {
|
|
background: rgba(83, 83, 83, 0.5);
|
|
border: 0.5px solid #535353;
|
|
border-radius: 6px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
color: #ffffff;
|
|
text-align: right;
|
|
font-size: 11px;
|
|
padding: 3px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
white-space: nowrap;
|
|
margin: 0 0 0 5px;
|
|
}
|
|
|
|
.width1Custom {
|
|
width: 2.5% !important;
|
|
}
|
|
|
|
|
|
|
|
.table-task-manager .Rtable .Rtable-row .width20 .color-width2:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: -14px;
|
|
right: 0;
|
|
width: 100%;
|
|
height: 46px;
|
|
background-color: #35353540;
|
|
z-index: 0;
|
|
}
|
|
|
|
.Rtable-row--head .width20, .Rtable-row .width20 {
|
|
width: 30% !important;
|
|
}
|
|
|
|
|
|
.errored {
|
|
animation: shake 300ms;
|
|
color: #eb3434 !important;
|
|
background-color: #fef2f2 !important;
|
|
border: 1px solid #eb3434 !important;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
.DesLimit {
|
|
overflow: hidden;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 1;
|
|
line-clamp: 1;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
|
|
.sweet-alert {
|
|
font-family: 'IranSans' !important
|
|
}
|
|
|
|
.select2.select2-container.select2-selection--multiple {
|
|
height: 0;
|
|
}
|
|
|
|
.select2.select2-container.select2-selection--multiple.select2-selection__rendered {
|
|
margin: 0;
|
|
}
|
|
|
|
.select2.select2-container.select2-selection--multiple.select2-search--inline.select2-search__field {
|
|
height: 0;
|
|
}
|
|
|
|
.select2.select2-container.select2-selection--multiple.select2-selection__rendered {
|
|
line-height: 0;
|
|
}
|
|
|
|
.select2.select2-container.select2-selection--multiple.select2-selection__choice {
|
|
margin: 0 4px 0 0;
|
|
}
|
|
|
|
.select2.select2-container.select2-selection {
|
|
padding: 4px 0;
|
|
}
|
|
|
|
|
|
.tooltipfull-container {
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
|
|
.tooltipfull {
|
|
opacity: 0;
|
|
z-index: 99;
|
|
color: #fff;
|
|
display: grid;
|
|
font-size: 12px;
|
|
padding: 5px 10px;
|
|
border-radius: 8px;
|
|
background: #23a8a8;
|
|
border: 1px solid #23a8a8;
|
|
-webkit-transition: all .2s ease -in -out;
|
|
-moz-transition: all .2s ease -in -out;
|
|
-o-transition: all .2s ease -in -out;
|
|
transition: all .2s ease -in -out;
|
|
-webkit-transform: scale(0);
|
|
-moz-transform: scale(0);
|
|
-o-transform: scale(0);
|
|
-ms-transform: scale(0);
|
|
transform: scale(0);
|
|
position: absolute;
|
|
right: -2px;
|
|
bottom: 30px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.tooltipfull-container:hover .tooltipfull, a:hover.tooltipfull {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
.tooltipfull:before, .tooltipfull:after {
|
|
content: '';
|
|
border-left: 10px solid transparent;
|
|
border-right: 10px solid transparent;
|
|
border-top: 10px solid #23a8a8;
|
|
position: absolute;
|
|
bottom: -10px;
|
|
right: 20px;
|
|
}
|
|
|
|
.btn-register-index {
|
|
padding: 10px 30px;
|
|
width: 210px;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
background-color: #84CC16;
|
|
color: #FFFFFF;
|
|
border-radius: 8px;
|
|
transition: all .3s ease
|
|
}
|
|
|
|
.btn-register-index:hover {
|
|
background-color: #65a30d;
|
|
}
|
|
|
|
.btnTicketList {
|
|
padding: 10px 30px;
|
|
border-radius: 8px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
background-color: #c0f9f9;
|
|
border: 1px solid #c0f9f9;
|
|
color: #494949;
|
|
width: 210px;
|
|
text-align: center;
|
|
transition: all ease -in -out .3s;
|
|
}
|
|
.btnTicketList:hover {
|
|
border: 1px solid #979797;
|
|
background-color: #a8f5f5;
|
|
color: #494949;
|
|
}
|
|
|
|
|
|
.section-btns-task {
|
|
overflow-x: auto;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.btnTicketRequestList {
|
|
border-radius: 8px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
background-color: #c0f9f9;
|
|
border: 1px solid #c0f9f9;
|
|
color: #494949;
|
|
width: 210px;
|
|
text-align: center;
|
|
transition: all ease -in -out .3s;
|
|
}
|
|
.btnTicketRequestList:hover {
|
|
border: 1px solid #979797;
|
|
background-color: #a8f5f5;
|
|
color: #494949;
|
|
}
|
|
.btnTaskListSelfTask {
|
|
padding: 10px 30px;
|
|
border-radius: 8px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
background-color: #c0f9f9;
|
|
border: 1px solid #c0f9f9;
|
|
color: #494949;
|
|
width: 210px;
|
|
text-align: center;
|
|
transition: all ease -in -out .3s;
|
|
}
|
|
|
|
.btnTaskListSelfTask:hover {
|
|
border: 1px solid #979797;
|
|
background-color: #a8f5f5;
|
|
color: #494949;
|
|
}
|
|
|
|
.btnTaskListAllTask {
|
|
padding: 10px 30px;
|
|
border-radius: 8px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
background-color: #c0f9f9;
|
|
border: 1px solid #c0f9f9;
|
|
color: #494949;
|
|
width: 210px;
|
|
text-align: center;
|
|
transition: all ease -in -out .3s
|
|
}
|
|
|
|
.btnTaskListAllTask:hover {
|
|
border: 1px solid #979797;
|
|
background-color: #a8f5f5;
|
|
color: #494949;
|
|
}
|
|
|
|
.btnTaskListSent {
|
|
padding: 10px 30px;
|
|
border-radius: 8px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
background-color: #c0f9f9;
|
|
border: 1px solid #c0f9f9;
|
|
color: #3A3A3A;
|
|
width: 210px;
|
|
text-align: center;
|
|
transition: all ease -in -out .3s
|
|
}
|
|
|
|
.btnTaskListSent:hover {
|
|
border: 1px solid #979797;
|
|
background-color: #a8f5f5;
|
|
color: #3A3A3A;
|
|
}
|
|
|
|
.btnTaskListReceived {
|
|
padding: 10px 30px;
|
|
border-radius: 8px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
background-color: #c0f9f9;
|
|
border: 1px solid #c0f9f9;
|
|
color: #494949;
|
|
width: 210px;
|
|
text-align: center;
|
|
transition: all ease -in -out .3s
|
|
}
|
|
|
|
.btnTaskListReceived:hover {
|
|
border: 1px solid #979797;
|
|
background-color: #a8f5f5;
|
|
color: #494949;
|
|
}
|
|
|
|
.btnTaskTicket {
|
|
padding: 10px 30px;
|
|
border-radius: 8px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
background-color: #c0f9f9;
|
|
border: 1px solid #c0f9f9;
|
|
color: #494949;
|
|
width: 210px;
|
|
text-align: center;
|
|
transition: all ease -in -out .3s
|
|
}
|
|
|
|
|
|
.btnTaskTicket:hover {
|
|
border: 1px solid #979797;
|
|
background-color: #a8f5f5;
|
|
color: #494949;
|
|
}
|
|
|
|
.btnTaskList {
|
|
padding: 10px 30px;
|
|
border-radius: 8px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
background-color: #c0f9f9;
|
|
border: 1px solid #c0f9f9;
|
|
color: #494949;
|
|
width: 210px;
|
|
text-align: center;
|
|
transition: all ease -in -out .3s
|
|
}
|
|
|
|
.btnTaskList:hover {
|
|
border: 1px solid #979797;
|
|
background-color: #a8f5f5;
|
|
color: #494949;
|
|
}
|
|
|
|
.btnTaskRequest {
|
|
padding: 10px 30px;
|
|
border-radius: 8px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
background-color: #c0f9f9;
|
|
border: 1px solid #c0f9f9;
|
|
color: #494949;
|
|
width: 210px;
|
|
justify-content: center;
|
|
gap: 8px;
|
|
transition: all ease -in -out .3s
|
|
}
|
|
|
|
.btnTaskRequest:hover {
|
|
border: 1px solid #979797;
|
|
background-color: #a8f5f5;
|
|
color: #494949;
|
|
}
|
|
|
|
.btnTaskRequestAll {
|
|
padding: 10px 30px;
|
|
border-radius: 8px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
background-color: #c0f9f9;
|
|
border: 1px solid #c0f9f9;
|
|
color: #494949;
|
|
width: 210px;
|
|
justify-content: center;
|
|
transition: all ease -in -out .3s
|
|
}
|
|
|
|
.btnTaskRequestAll:hover {
|
|
border: 1px solid #979797;
|
|
background-color: #a8f5f5;
|
|
color: #494949;
|
|
}
|
|
|
|
|
|
.btnScheduleTask {
|
|
padding: 10px 30px;
|
|
border-radius: 8px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
background-color: #c0f9f9;
|
|
border: 1px solid #c0f9f9;
|
|
color: #494949;
|
|
width: 210px;
|
|
text-align: center;
|
|
transition: all ease -in -out .3s;
|
|
}
|
|
|
|
.btnScheduleTask:hover {
|
|
border: 1px solid #979797;
|
|
background-color: #a8f5f5;
|
|
color: #494949;
|
|
}
|
|
.btnTaskListSelfTask.active,
|
|
.btnTaskListAllTask.active,
|
|
.btnTaskListSent.active,
|
|
.btnTaskListReceived.active,
|
|
.btnTaskList.active,
|
|
.btnTaskRequest.active,
|
|
.btnTaskTicket.active,
|
|
.btnTaskRequestAll.active,
|
|
.btnTicketList.active,
|
|
.btnTicketRequestList.active,
|
|
.btnScheduleTask.active{
|
|
color: #494949;
|
|
background-color: #42e5e5;
|
|
border: 1px solid #42e5e5;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.form-control {
|
|
border-radius: 7px;
|
|
border: 1px solid #DADADA;
|
|
background-color: #F6F6F6;
|
|
padding: 6px;
|
|
color: #797979;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
|
|
.goToTop {
|
|
position: fixed;
|
|
bottom: -10px;
|
|
margin-right: 100px;
|
|
z-index: 100;
|
|
color: #fff;
|
|
background-color: #25acacd6;
|
|
}
|
|
|
|
.goToTop:hover {
|
|
color: #fff;
|
|
background-color: #2ca4a4;
|
|
}
|
|
|
|
.ellipsed {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.bg-danger {
|
|
background-color: #ef4444 !important;
|
|
-moz-font-feature-settings: "ss02";
|
|
-webkit-font-feature-settings: "ss02";
|
|
font-feature-settings: "ss02";
|
|
}
|
|
|
|
.btn-disable {
|
|
filter: grayscale(100%);
|
|
pointer-events: none;
|
|
opacity: 0.3;
|
|
}
|
|
|
|
@media(max-width: 1400px) {
|
|
.widthLastCustom {
|
|
width: 20% !important;
|
|
}
|
|
}
|
|
|
|
@media(max-width:992px) {
|
|
/* .actionBtnsection {
|
|
width: 89% !important;
|
|
}*/
|
|
.chat-section .chat-card-main {
|
|
margin: 5px 0 !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
.actionBtnsection {
|
|
width: 89% !important;
|
|
}
|
|
|
|
.Rtable--collapse .Rtable-row {
|
|
outline: 0;
|
|
}
|
|
|
|
.goToTop {
|
|
position: fixed;
|
|
bottom: 54px;
|
|
margin-right: 39 %;
|
|
z-index: 100;
|
|
color: #fff;
|
|
background-color: #25acac70;
|
|
}
|
|
|
|
.btn-register-index {
|
|
padding: 5px;
|
|
width: 130px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.btnTicketList {
|
|
padding: 5px;
|
|
width: 130px;
|
|
font-size: 11px;
|
|
}
|
|
.btnTicketRequestList {
|
|
padding: 5px;
|
|
width: 150px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.btnTaskListAllTask {
|
|
padding: 5px;
|
|
width: 130px;
|
|
font-size: 11px;
|
|
}
|
|
.btnTaskRequestAll {
|
|
padding: 5px;
|
|
width: 130px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.btnTaskListSelfTask {
|
|
padding: 5px;
|
|
width: 130px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.btnTaskListAllTask {
|
|
padding: 5px;
|
|
width: 130px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.btnTaskListSent {
|
|
padding: 5px;
|
|
width: 130px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.btnScheduleTask {
|
|
padding: 5px;
|
|
width: 150px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.btnTaskListReceived {
|
|
padding: 5px;
|
|
width: 130px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.btnTaskList {
|
|
padding: 5px;
|
|
width: 130px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.btnTaskTicket {
|
|
padding: 5px;
|
|
width: 130px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.btnTaskRequest {
|
|
padding: 5px;
|
|
width: 130px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.tooltipfull-container:hover .tooltipfull, a:hover.tooltipfull {
|
|
opacity: 0;
|
|
}
|
|
|
|
.ellipsed {
|
|
width: 45%;
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell .Rtable-cell--content > span {
|
|
width: 26px;
|
|
height: 26px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 344px) {
|
|
|
|
.ellipsed {
|
|
width: 60%;
|
|
}
|
|
}
|