Files
Backend-Api/ServiceHost/wwwroot/AssetsAdminNew/Ticket/css/Index.css
2024-08-24 19:13:34 +03:30

376 lines
7.4 KiB
CSS

.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;
}
.section-btns-task {
overflow-x: auto;
white-space: nowrap;
}
.btnTaskListSelfTask {
padding: 10px 30px;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
background-color: #c0f9f9;
border: 1px solid #c0f9f9;
color: #c1bbbb;
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: #c1bbbb;
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: #c1bbbb;
width: 210px;
text-align: center;
transition: all ease -in -out .3s
}
.btnTaskListSent:hover {
border: 1px solid #979797;
background-color: #a8f5f5;
color: #494949;
}
.btnTaskListReceived {
padding: 10px 30px;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
background-color: #c0f9f9;
border: 1px solid #c0f9f9;
color: #c1bbbb;
width: 210px;
text-align: center;
transition: all ease -in -out .3s
}
.btnTaskListReceived: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: #c1bbbb;
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: #c1bbbb;
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: #c1bbbb;
width: 210px;
justify-content: center;
transition: all ease -in -out .3s
}
.btnTaskRequestAll:hover {
border: 1px solid #979797;
background-color: #a8f5f5;
color: #494949;
}
.btnTaskListSelfTask.active,
.btnTaskListAllTask.active,
.btnTaskListSent.active,
.btnTaskListReceived.active,
.btnTaskList.active,
.btnTaskRequest.active,
.btnTaskRequestAll.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";
}
@media (max-width: 767px) {
.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;
}
.btnTaskListSelfTask {
padding: 5px;
width: 130px;
font-size: 11px;
}
.btnTaskListAllTask {
padding: 5px;
width: 130px;
font-size: 11px;
}
.btnTaskListSent {
padding: 5px;
width: 130px;
font-size: 11px;
}
.btnTaskListReceived {
padding: 5px;
width: 130px;
font-size: 11px;
}
.btnTaskList {
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: 70%;
}
}
@media (max-width: 344px) {
.ellipsed {
width: 60%;
}
}