.theme--light.v-application{background:#696969!important}*{--blueColor:#12a4d9;font-family:yekan-medium}a{text-decoration:none}body{background:#696969}@font-face{font-family:yekan-heavy;src:url(../fonts/yekanheavy.cfe5fda7.ttf)}@font-face{font-family:yekan-regular;src:url(../fonts/yekanregular.62778b24.ttf)}@font-face{font-family:yekan-light;src:url(../fonts/yekanlight.f7dff4d9.ttf)}@font-face{font-family:yekan-bold;src:url(../fonts/yekanbold.4d99cf9b.ttf)}@font-face{font-family:yekan-medium;src:url(../fonts/yekanmedium.2599bd83.ttf)}@font-face{font-family:yekan-thin;src:url(../fonts/yekanthin.5401b9d7.ttf)}.triangle-1{width:20px;height:20px;border-bottom:20px solid #009b00;border-left:20px solid #009b00;border-right:20px solid transparent;border-top:20px solid transparent;text-align:left}.triangleCommentStatus{display:inline-block;margin:0 5px;vertical-align:middle;position:absolute;bottom:-1px;left:-6px;color:wheat}.triangleCommentStatus span{position:relative;right:8px}div#headerSection{display:flex;width:95%;height:70px;margin:30px auto;justify-content:space-between;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.25098039215686274);border-radius:15px;padding:15px 30px}.card.showInMobile.mobileContent{border-radius:0;height:calc(100vh - 130px);overflow:auto}#filter .vpd-main label{margin:0}#filter .vpd-main{direction:rtl}div#filter,div#userBox{width:-webkit-max-content;width:-moz-max-content;width:max-content;display:flex;align-items:center}div#filter{justify-content:space-between}#filter .multiselect{width:20%}#filter .searchInput{width:15%}#filter #sendFilter{background-color:var(--blueColor)}#filter .vpd-main{width:15%}div#mainContent{width:95%;margin:auto;display:flex;justify-content:space-between}div#mainContent .list h3{text-align:center;letter-spacing:2px;font-size:22px;padding:15px 0;border-bottom:4px solid #403f3f;box-shadow:0 5px 10px rgba(0,0,0,.5294117647058824);font-family:yekan-heavy;border-radius:10px}button#insertTask{position:fixed;top:90%;letter-spacing:2px;left:5%;padding:10px 31px;box-shadow:0 3px 10px rgba(61,168,66,.8196078431372549);background:#3da842;border:1px solid #3da842;color:#fff;font-weight:700;font-family:yekan-medium}.myCart{position:relative}.myCart .showDetail{display:none;background-color:#ff9800;color:#000;justify-content:center;align-items:center;box-shadow:0 0 10px #8b4513}.myCart:hover .showDetail{display:flex}.myCart .showDetail p{transform:rotate(90deg);font-family:yekan-heavy}.myCart .headerCart{flex-direction:row-reverse}.myCart .footerCart,.myCart .headerCart{display:flex;justify-content:space-between}.myCart .footerCart{margin-top:10px}.myCart .headerCart span{font-size:16px;font-family:yekan-bold;text-align:right;direction:rtl}.myCart .headerCart i{font-size:16px;color:red;cursor:pointer}.myCart .footerCart span{font-size:16px;font-family:yekan-bold}.myCart{cursor:pointer;display:flex;flex-direction:row-reverse;justify-content:flex-start}.cartContent{width:100%;margin:5px}#todoTitle{color:#fff;background:#e40606}#doingTitle{color:#fff;background:#4181ff}#doneTitle{color:#fff;background:#009b00}.list-group-item{margin:7px 0;box-shadow:inset 0 3px 6px rgba(0,0,0,.25098039215686274);padding:0!important}#userBox{position:relative;cursor:pointer;z-index:1000}div#userOption{position:absolute;top:100%;left:-23px;display:flex;flex-direction:column;padding:10px}div#userOption a,div#userOption button{padding:5px;display:flex;border:none;border-bottom:2px solid #000;margin-top:5px;background:#fff;box-shadow:0 0 30px rgba(0,0,0,.43137254901960786);width:150px;justify-content:center;align-items:center}div#userOption a i,div#userOption button i{margin:0 5px}div#userOption a{color:#000}.list-group{height:70vh;overflow:auto;padding:0 7px}.list-group::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}.list-group::-webkit-scrollbar{width:5px;background-color:#f5f5f5}.list-group::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#000}img.taskHeaderIcon{width:35px}div#panelAdmin #header{background:#fff;width:90%;margin:30px auto;padding:15px;border-radius:15px;display:flex;justify-content:space-between;flex-direction:row-reverse}div#panelAdmin{width:60%;margin:auto}div#panelAdmin #content{width:-webkit-max-content;width:-moz-max-content;width:max-content;background:#fff;padding:10px;border-radius:15px;display:flex;flex-direction:column;align-items:end;margin:auto}.userRow{width:100%;justify-content:flex-end;display:flex;margin-top:10px;align-items:center}.userRow span.id{width:5%;margin:0 5px}.userRow span.name{width:10%;text-align:right;margin:0 20px}.userRow span.mobile{width:15%;margin:0 15px;text-align:right}.userRow .status{width:10%;margin:0 15px;padding:5px 0}div#taskHeader{display:flex;flex-direction:column;align-items:flex-end}div#introduction{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center}div#taskHeader .multiselect{width:15%}div#taskHeader p{text-align:justify;direction:rtl;margin:15px 0;padding:15px;font-size:17px}input#title_showInput{width:200px;text-align:right;direction:rtl}#taskDescription{cursor:pointer}#description_showInput{width:500px;margin:10px 0;text-align:right;direction:rtl}div#taskDate{padding:10px;display:flex;align-items:flex-end;row-gap:5px;direction:rtl;flex-wrap:wrap;justify-content:space-between;width:100%}#taskDetailModal .modal-dialog{max-width:75%}#taskDetailModal .modal-body{background:#e5ebff!important}a#gotoHome i{font-size:30px;color:#000}@media (max-width:768px){#taskDetailModal .modal-dialog{max-width:95%}}.commentCard{padding:10px;display:flex;flex-direction:column;align-items:end;width:50%;background:#fff;box-shadow:0 0 4px rgba(0,0,0,.4117647058823529);border-radius:5px;margin-top:15px}.commentCard .commentDate{display:block;width:100%}.leftComment{margin-right:48%;background:#262645;color:#fff}div#commentsCardBox{display:flex;flex-direction:column;align-items:flex-end;height:40vh;overflow:auto;width:80%;margin:auto;border-radius:10px;box-shadow:0 0 4px rgba(0,0,0,.4)}#commentsCardBox::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}#commentsCardBox::-webkit-scrollbar{width:5px;background-color:#f5f5f5}#commentsCardBox::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#000}div#sendCommentForm input{width:calc(100% - 30px);text-align:right;direction:rtl;padding:5px;border:none}#sendCommentForm input:focus-visible{outline:none}div#sendCommentForm .fa-arrow-circle-left{font-size:20px;cursor:pointer;width:40px;position:relative;top:5px;left:10px}div#sendCommentForm .fa-paperclip{font-size:20px;position:relative;top:5px;left:5px;cursor:pointer;width:30px}div#sendCommentForm{position:relative;width:calc(80% - 40px);display:flex;margin:10px;border-radius:10px;box-shadow:0 0 4px rgba(0,0,0,.4);margin-left:10%}div#introduction h1{font-size:20px;font-weight:bolder;font-family:yekan-heavy;text-align:right;direction:rtl;cursor:pointer}div#introduction h3{font-size:18px}div#introduction h3,div#taskDate h4{direction:rtl;font-family:yekan-bold}div#taskDate h4{font-size:16px;width:50%;text-align:right}div#taskDate h4 span:first-child{font-size:18px;font-family:yekan-bold}div#taskDate h4 span:last-child{font-size:14px;font-family:yekan-bold;opacity:.8}.photoPreview.enlargeable-image{width:35px}.modal-header{direction:rtl}.modal-header .close{margin:-1rem auto -1rem -1rem}.form-group{direction:rtl}.form-group label,.invalid-feedback,.valid-feedback{text-align:right}.custom-control{float:right}.rightComment{width:48%;margin-right:2%;background:#4f4fa1;color:#fff}div#middleBox{display:flex;justify-content:flex-end;width:100%;align-items:center}div#chooseUserSelect{align-items:center;width:300px}div#chooseUserSelect .multiselect__single{text-align:right}.commentBody span{text-align:right;direction:rtl;display:block}.showInMobile{display:none}@media (max-width:768px){.hiddenInMobile{display:none!important}.showInMobile{display:block}div#introduction{flex-direction:column;row-gap:10px}div#taskHeader .multiselect{width:85%}div#taskHeader .multiselect__single{text-align:right}input#title_showInput{width:80%}.leftComment,.rightComment{width:70%}div#taskHeader p{width:85%;margin:auto}div#commentsCardBox{width:95%}div#sendCommentForm{width:80%;margin-left:2.5%}div#taskDate{flex-direction:column}div#taskDate h4{width:95%}}.mobileContent .card-header-tabs{justify-content:center}.nav-tabs .nav-link{color:#870000}