.action-btn>i,.app-row .app-title>i,.badge,.btn>i,.client-status>li:before,.email-row .email-title,.main-checkbox,.modal-header .modal-title>i,.nav-item,.side-item.dropdown>ul>li>a>i{vertical-align:middle}.top-nav,body{min-width:319px}:root{--main-color:#8BDD28;--main-color-rgb:139,221,40;--text1:#292E33;--text2:#9F9F9F;--bg1:#fff;--bg2:#F8F8F8;--shadow:39,45,59;--pie-chart-border:#858585;--color-success:#8BDD28;--color-success-rgb:0,184,61;--color-danger:#DD282E;--color-danger-rgb:184,0,0;--color-info:#2AC0EB;--color-info-rgb:93,196,191}.theme-dark{--text1:#fff;--text2:#8F9BB3;--bg1:#292E33;--bg2:#1F2327;--pie-chart-border:#F5FBFF;--shadow:6,11,21}.font-bold{font-family:Bahij_TheSansArabic-Bold,sans-serif,arial!important}.font-regular{font-family:Bahij_TheSansArabic-Plain,sans-serif,arial!important}.font-light{font-family:Bahij_TheSansArabic-Light,sans-serif,arial!important}@font-face{font-family:Bahij_TheSansArabic-Bold;src:url(../fonts/Bahij_TheSansArabic-Bold.eot);src:url(../fonts/Bahij_TheSansArabic-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Bahij_TheSansArabic-Bold.svg#Bahij_TheSansArabic-Bold) format("svg"),url(../fonts/Bahij_TheSansArabic-Bold.ttf) format("truetype"),url(../fonts/Bahij_TheSansArabic-Bold.woff2) format("woff2"),url(../fonts/Bahij_TheSansArabic-Bold.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Bahij_TheSansArabic-Plain;src:url(../fonts/Bahij_TheSansArabic-Plain.eot);src:url(../fonts/Bahij_TheSansArabic-Plain.eot?#iefix) format("embedded-opentype"),url(../fonts/Bahij_TheSansArabic-Plain.svg#BahijTheSansArabic-Plain) format("svg"),url(../fonts/Bahij_TheSansArabic-Plain.ttf) format("truetype"),url(../fonts/Bahij_TheSansArabic-Plain.woff2) format("woff2"),url(../fonts/Bahij_TheSansArabic-Plain.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Bahij_TheSansArabic-Light;src:url(../fonts/Bahij_TheSansArabic-Light.eot);src:url(../fonts/Bahij_TheSansArabic-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/Bahij_TheSansArabic-Light.svg#Bahij_TheSansArabic-Light) format("svg"),url(../fonts/Bahij_TheSansArabic-Light.ttf) format("truetype"),url(../fonts/Bahij_TheSansArabic-Light.woff2) format("woff2"),url(../fonts/Bahij_TheSansArabic-Light.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Bahij_TheSansArabic-Bold;src:url(../fonts/EncodeSansExpanded-Bold.eot);src:url(../fonts/EncodeSansExpanded-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/EncodeSansExpanded-Bold.svg#EncodeSansExpanded-Bold) format("svg"),url(../fonts/EncodeSansExpanded-Bold.ttf) format("truetype"),url(../fonts/EncodeSansExpanded-Bold.woff) format("woff"),url(../fonts/EncodeSansExpanded-Bold.woff2) format("woff2");font-weight:400;font-style:normal;unicode-range:U+0000-007F}@font-face{font-family:Bahij_TheSansArabic-Plain;src:url(../fonts/EncodeSansExpanded-Regular.eot);src:url(../fonts/EncodeSansExpanded-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/EncodeSansExpanded-Regular.svg#EncodeSansExpanded-Regular) format("svg"),url(../fonts/EncodeSansExpanded-Regular.ttf) format("truetype"),url(../fonts/EncodeSansExpanded-Regular.woff) format("woff"),url(../fonts/EncodeSansExpanded-Regular.woff2) format("woff2");font-weight:400;font-style:normal;unicode-range:U+0000-007F}@font-face{font-family:Bahij_TheSansArabic-Light;src:url(../fonts/EncodeSansExpanded-Light.eot);src:url(../fonts/EncodeSansExpanded-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/EncodeSansExpanded-Light.svg#EncodeSansExpanded-Light) format("svg"),url(../fonts/EncodeSansExpanded-Light.ttf) format("truetype"),url(../fonts/EncodeSansExpanded-Light.woff) format("woff"),url(../fonts/EncodeSansExpanded-Light.woff2) format("woff2");font-weight:400;font-style:normal;unicode-range:U+0000-007F}@font-face{font-family:icomoon;src:url(../fonts/icomoon.eot?x7ty70);src:url(../fonts/icomoon.eot?x7ty70#iefix) format("embedded-opentype"),url(../fonts/icomoon.ttf?x7ty70) format("truetype"),url(../fonts/icomoon.woff?x7ty70) format("woff"),url(../fonts/icomoon.svg?x7ty70#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.alert,.badge{font-family:Bahij_TheSansArabic-Light,sans-serif,arial}.icon-add-file:before{content:"\e900"}.icon-at:before{content:"\e901"}.icon-bars:before{content:"\e902"}.icon-bell:before{content:"\e903"}.icon-camera:before{content:"\e904"}.icon-check:before,.logo-checkbox .check-mark:after,.main-checkbox .check-mark:after{content:"\e905"}.icon-chevron-down:before{content:"\e906"}.icon-chevron-left:before{content:"\e907"}.icon-close:before{content:"\e908"}.icon-download:before{content:"\e909"}.icon-download-attachment:before{content:"\e90a"}.icon-edit:before{content:"\e90b"}.icon-file:before{content:"\e90c"}.icon-gear:before{content:"\e90d"}.icon-gear-o:before{content:"\e90e"}.icon-home:before{content:"\e90f"}.icon-image:before{content:"\e910"}.icon-link:before{content:"\e911"}.icon-logout:before{content:"\e912"}.icon-mail-open:before{content:"\e913"}.icon-message:before{content:"\e914"}.icon-messenger:before{content:"\e915"}.icon-moon:before{content:"\e916"}.icon-paperclip:before{content:"\e917"}.icon-pdf:before{content:"\e918"}.icon-phone:before{content:"\e919"}.icon-project:before{content:"\e91a"}.icon-search:before{content:"\e91b"}.icon-send:before{content:"\e91c"}.icon-sms:before{content:"\e91d"}.icon-sun:before{content:"\e91e"}.icon-trash:before{content:"\e91f"}.icon-upload:before{content:"\e920"}.icon-upload2:before{content:"\e921"}.icon-user:before{content:"\e922"}.icon-user-profile:before{content:"\e923"}.text-primary{color:var(--main-color)!important}.text-dark{color:var(--text1)!important}.text-secondary{color:var(--text2)!important}.text-info{color:var(--color-info)!important}.text-success{color:var(--color-success)!important}.text-danger{color:var(--color-danger)!important}.text-warning{color:var(--color-warning)!important}.badge-success,.due-card .icon-holder.success{color:var(--color-success)}.badge{background-color:var(--bg2);font-size:.875rem;padding:.375rem .5rem;margin:0 .5rem}.alert{border:none;color:#fff;border-radius:0;margin-bottom:25px;font-size:1rem}.card-panel .alert{margin-right:-25px;margin-left:-25px}@media (max-width:767px){.card-panel .alert{margin-right:-15px;margin-left:-15px;margin-bottom:15px}}@media (max-width:575px){.card-panel .alert{margin-right:-10px;margin-left:-10px}}html[dir=rtl] .btn>i,html[dir=ltr] .card-actions .btn:not(:first-child){margin-left:5px}.alert-danger{background-color:rgba(var(--color-danger-rgb),.7)}.theme-dark .alert-danger{background-color:rgba(var(--color-danger-rgb),.29)}html[dir=rtl] .text-left{text-align:left}html[dir=rtl] .text-right,html[dir=ltr] .text-left{text-align:right}html[dir=ltr] .text-right{text-align:left}.btn{font-size:.875rem;text-align:center;padding:.625rem 1.25rem;-webkit-transition:-webkit-transform .1s ease-in-out;transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out}.btn>i{display:inline-block}html[dir=ltr] .btn>i{margin-right:5px}*,ul{padding:0;margin:0}.btn:active,.btn:focus{outline:0;-webkit-box-shadow:none!important;box-shadow:none!important}*,a{outline:0!important}.btn:active{-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98)}.btn-primary{background-color:var(--main-color);color:#000;border-color:var(--main-color)}.btn-primary:active,.btn-primary:hover{background-color:var(--main-color)!important;color:#000!important;border-color:var(--main-color)!important}.btn-info{background-color:var(--color-info);border-color:var(--color-info)}.btn-info:active,.btn-info:hover{background-color:var(--color-info)!important;border-color:var(--color-info)!important;color:#fff!important}[class*=btn-outline-]{border-radius:25px;background-color:var(--bg2);border:none;padding:.25rem 1.25rem;-webkit-box-shadow:0 0 6px -1px rgba(var(--shadow),.2);box-shadow:0 0 6px -1px rgba(var(--shadow),.2);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[class*=btn-outline-]:hover{color:#fff!important}.btn-outline-primary{color:var(--main-color)!important}.btn-outline-primary:hover{background-color:var(--main-color)!important}.btn-outline-info{color:var(--color-info)!important}.btn-outline-info:hover{background-color:var(--color-info)!important}.btn-outline-success{color:var(--color-success)!important}.btn-outline-success:hover{background-color:var(--color-success)!important}.btn-outline-danger{color:var(--color-danger)!important}.btn-outline-danger:hover{background-color:var(--color-danger)!important}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none}ul{list-style:none}a{text-decoration:none!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}html{height:100%;font-size:16px}@media (max-width:767px){[class*=btn-outline-]{padding:.25rem .75rem}html{font-size:14px}}@media (max-width:575px){html{font-size:13px}}body{font-family:Bahij_TheSansArabic-Plain,sans-serif,arial;height:100%;position:relative;background-color:var(--bg2);color:var(--text1)}html[dir=rtl] body{direction:rtl;text-align:right}html[dir=ltr] body{direction:ltr;text-align:left}body.no-transition *{-webkit-transition:none!important;transition:none!important}.content{min-height:100%;padding:85px 25px 25px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}@media (min-width:576px){html[dir=rtl] .content{margin-right:60px}html[dir=ltr] .content{margin-left:60px}}@media (min-width:1200px){html[dir=rtl] .content{margin-right:240px}html[dir=ltr] .content{margin-left:240px}html[dir=rtl] .side-nav-collapsed .content{margin-right:60px}html[dir=ltr] .side-nav-collapsed .content{margin-left:60px}}@media (max-width:767px){.content{padding:75px 10px 15px}}.section-title-holder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-title-holder+*{margin-top:20px}.section-title{font-size:1.25rem;color:var(--text1)}html[dir=rtl] .section-title{text-align:right}html[dir=rtl] .card-actions,html[dir=ltr] .section-title{text-align:left}.section-title .text-dark,.section-title .text-info,.section-title .text-primary{font-size:.875rem;font-family:Bahij_TheSansArabic-Light,sans-serif,arial;margin-top:5px}.project-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.project-title .project-image{border-radius:6px;overflow:hidden;background-color:var(--bg1);color:vae(--text1)}html[dir=rtl] .project-title .project-image{margin-left:15px}html[dir=ltr] .project-title .project-image{margin-right:15px}.project-title .project-image>img{display:block;width:100%;height:auto}.project-title .project-image>i{font-size:60px;margin:7px 10px;display:block}.card-panel-inverse{background-color:var(--bg2);border-radius:6px;-webkit-box-shadow:0 2px 6px 0 rgba(var(--shadow),.2);box-shadow:0 2px 6px 0 rgba(var(--shadow),.2);padding:15px}.card-panel{background-color:var(--bg1);padding:25px;border-radius:12px;position:relative;-webkit-box-shadow:0 2px 6px 0 rgba(var(--shadow),.2);box-shadow:0 2px 6px 0 rgba(var(--shadow),.2)}.card-panel:not(:last-child){margin-bottom:30px}.card-panel:before{content:"";position:absolute;top:0;width:20px;height:100%}html[dir=rtl] .card-panel:before{right:0;border-top-right-radius:12px;border-bottom-right-radius:12px}html[dir=ltr] .card-panel:before{left:0;border-top-left-radius:12px;border-bottom-left-radius:12px}@media (max-width:767px){.card-panel{padding:15px}.card-panel:before{width:10px}}@media (max-width:575px){.card-panel{padding:10px}.card-panel:before{width:6px}}.card-panel+.card-panel{margin-top:-10px}.card-success:before{background-color:var(--color-success)}.card-danger:before{background-color:var(--color-danger)}.card-info:before,.table thead th{background-color:var(--color-info)}.card-title-holder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-title-holder+*{margin-top:20px}.card-title{font-size:1.125rem;color:var(--text1);margin-bottom:0}.card-title .text-info,.card-title .text-primary,.card-title .text-success{font-size:.875rem;font-family:Bahij_TheSansArabic-Light,sans-serif,arial;margin-top:5px}html[dir=ltr] .card-actions{text-align:right}html[dir=rtl] .card-actions .btn:not(:first-child){margin-right:5px}.form-group{margin-bottom:1.25rem}.form-group>label{font-size:.875rem;color:var(--text1);margin-bottom:8px}.main-checkbox,.table{margin-bottom:0}html[dir=rtl] .input-group .form-control{border-left:none;border-radius:0 4px 4px 0}html[dir=ltr] .input-group .form-control{border-right:none;border-radius:4px 0 0 4px}.input-group .form-control.disabled+.input-group-text,.input-group .form-control:disabled+.input-group-text{display:none}.input-group .form-control:focus+.input-group-append .input-group-text{border:1px solid var(--color-info)}html[dir=rtl] .input-group .form-control:focus+.input-group-append .input-group-text{border-right:none}html[dir=ltr] .input-group .form-control:focus+.input-group-append .input-group-text{border-left:none}.input-group .input-group-text{background-color:var(--bg2);color:var(--text1);border:1px solid #E2E8F0;cursor:pointer;-webkit-transition:color .2s ease-in-out,border .2s ease-in-out;transition:color .2s ease-in-out,border .2s ease-in-out}html[dir=rtl] .input-group .input-group-text{border-right:none;border-radius:4px 0 0 4px}html[dir=ltr] .input-group .input-group-text{border-left:none;border-radius:0 4px 4px 0}.input-group .input-group-text:hover{color:var(--color-info)}.form-control,.form-control:focus{color:var(--text1);background-color:var(--bg2)}.form-control{border:1px solid #E2E8F0;font-size:.875rem;text-overflow:ellipsis;overflow:hidden;padding:.625rem 1.25rem}.form-control:focus{border:1px solid var(--color-info);-webkit-box-shadow:none;box-shadow:none;-webkit-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.form-control.disabled,.form-control:disabled{color:var(--text2);background-color:var(--bg2);border:1px solid var(--bg2);cursor:not-allowed}.form-actions{margin-top:10px}.form-actions>.btn{min-width:150px}html[dir=rtl] .form-actions>.btn{margin-left:15px}html[dir=ltr] .form-actions>.btn{margin-right:15px}@media (max-width:767px){.form-actions>.btn{min-width:100px}html[dir=rtl] .form-actions>.btn{margin-left:10px}html[dir=ltr] .form-actions>.btn{margin-right:10px}}.main-checkbox{cursor:pointer;line-height:0;display:inline-block}.main-checkbox input{display:none}.main-checkbox input:checked+.check-mark:after{opacity:1}.main-checkbox .check-mark{display:inline-block;width:22px;height:22px;line-height:22px;overflow:hidden;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}@media (max-width:575px){.main-checkbox .check-mark{width:17px;height:17px;line-height:17px}}.main-checkbox .check-mark:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--text1);border-radius:2px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.main-checkbox .check-mark:after{font-family:icomoon!important;width:100%;height:100%;line-height:inherit;color:var(--text1);font-size:14px;text-align:center;position:absolute;top:0;left:0;z-index:2;opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.table tbody td,.table thead th{font-family:Bahij_TheSansArabic-Light,sans-serif,arial;border-top:none;text-align:center}@media (max-width:575px){.main-checkbox .check-mark:after{font-size:11px}}.table-holder{margin-left:-25px;margin-right:-25px}.table thead th{border-bottom:none;color:#fff;font-size:1rem}.table tbody tr{-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.table tbody tr:hover{background-color:rgba(var(--main-color-rgb),.1)}.modal-content,.side-nav{background-color:var(--bg1)}.table tbody td{font-size:.875rem;padding:1.125rem .75rem;color:var(--text1);border-bottom:1px solid #707070}.table-actions>*{margin:0 5px}.modal{z-index:777777}.modal-backdrop,.side-nav{z-index:77777}.modal-dialog{max-width:700px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:-webkit-calc(100vh - 50px);min-height:calc(100vh - 50px);margin:25px auto}.modal-content{border-radius:20px}.modal-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:none}.modal-header .modal-title{font-size:1.25rem}.modal-header .modal-title>i{color:var(--color-info);display:inline-block;font-size:25px}html[dir=rtl] .modal-header .modal-title>i{margin-left:5px}html[dir=ltr] .modal-header .modal-title>i{margin-right:5px}.modal-header .close{margin:0;padding:0;font-size:16px;color:#8F9BB3;opacity:1;text-shadow:none;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.modal-header .close:hover{color:var(--text1)}.modal-footer{border-top:none}.login-page{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-page .login-panel{width:-webkit-calc(100% - 30px);width:calc(100% - 30px);max-width:450px}.login-page .logo{margin-bottom:50px}.login-page .logo>img{display:block;margin:auto}.login-page .form-group>label{font-size:.8125rem}html[dir=rtl] .login-page .form-group>label{padding-right:5px}html[dir=ltr] .login-page .form-group>label{padding-left:5px}.login-page .form-control{border-radius:25px;} .theme-dark .login-page .form-control{background-color:#1f2327 !important} .login-page .forgot-pass{cursor:pointer;display:inline-block;color:var(--color-info);font-size:.8125rem;margin-bottom:1.25rem}.login-page .btn-login,.side-nav .logo>a,.side-nav .logo>a>img{display:block;margin:auto}.login-page .forgot-pass:hover{text-decoration:underline!important}.login-page .btn-login{width:60%;background-color:#2AC0EB;color:#292E33;height:48px;line-height:48px;border:none;border-radius:25px;cursor:pointer;text-align:center}.side-nav{position:fixed;top:0;bottom:0;-webkit-transition:width .2s ease-in-out,left .2s ease-in-out,right .2s ease-in-out;transition:width .2s ease-in-out,left .2s ease-in-out,right .2s ease-in-out;overflow:hidden;-webkit-box-shadow:0 60px 6px 0 rgba(var(--shadow),.15);box-shadow:0 60px 6px 0 rgba(var(--shadow),.15);width:240px}html[dir=rtl] .side-nav{right:0}html[dir=ltr] .side-nav{left:0}@media (min-width:576px){.side-nav-collapsed .side-nav{width:60px}}@media (max-width:575px){html[dir=rtl] .side-nav-collapsed .side-nav{right:-245px}html[dir=ltr] .side-nav-collapsed .side-nav{left:-245px}}.side-nav-expanded .side-nav{width:240px}.side-nav .logo{padding:50px 0;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.side-nav .logo>a{overflow:hidden;max-height:100px;width:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}@media (min-width:576px){.side-nav-collapsed .side-nav .logo{padding:20px 0}.side-nav-collapsed .side-nav .logo>a{max-height:22px;width:60px}.side-nav-collapsed .side-nav .logo>a>img{width:90%}}.side-nav .logo .logo-circle{position:absolute;bottom:-60px;z-index:-1;width:480px;-webkit-animation:rotate;animation:rotate;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}html[dir=rtl] .side-nav .logo .logo-circle{right:-170px}html[dir=ltr] .side-nav .logo .logo-circle{left:-170px}.side-nav-collapsed .side-nav .logo .logo-circle{opacity:0}html[dir=rtl] .side-item.dropdown>ul{padding-right:30px}html[dir=ltr] .side-item.dropdown>ul{padding-left:30px}.side-item.dropdown>ul>li>a{display:block;padding:10px 0;font-size:14px;color:var(--text1);white-space:nowrap;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}#night-mood-toggle>i,.side-item-link{-webkit-transition:all .2s ease-in-out}.side-item.dropdown>ul>li>a.active,.side-item.dropdown>ul>li>a:hover{color:var(--main-color)}.side-item.dropdown>ul>li>a>i{display:inline-block}html[dir=rtl] .side-item.dropdown>ul>li>a>i{margin-left:5px}html[dir=ltr] .side-item.dropdown>ul>li>a>i{margin-right:5px}.side-item-link{display:block;color:var(--text1);position:relative;font-size:16px;transition:all .2s ease-in-out;white-space:nowrap}.side-item-link.active,.side-item-link:hover,.side-item-link[aria-expanded=true],.side-nav-expanded .side-item-link.active,.side-nav-expanded .side-item-link:hover,.side-nav-expanded .side-item-link[aria-expanded=true]{color:var(--main-color)}html[dir=rtl] .side-item-link{padding:15px 50px 15px 15px}html[dir=ltr] .side-item-link{padding:15px 15px 15px 50px}html[dir=rtl] .side-item-link.active,html[dir=rtl] .side-item-link:hover,html[dir=rtl] .side-item-link[aria-expanded=true]{padding:15px 53px 15px 15px}html[dir=ltr] .side-item-link.active,html[dir=ltr] .side-item-link:hover,html[dir=ltr] .side-item-link[aria-expanded=true]{padding:15px 15px 15px 53px}.side-item-link>i{position:absolute;top:45%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:18px}html[dir=rtl] .side-item-link>i{right:20px}html[dir=ltr] .side-item-link>i{left:20px}.side-item-link>i.icon-chevron-left{font-size:8px;top:50%;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}html[dir=ltr] .side-item-link>i.icon-chevron-left{left:auto}html[dir=rtl] .side-item-link>i.icon-chevron-left{right:auto;left:10px}html[dir=ltr] .side-item-link>i.icon-chevron-left{right:10px}@media (min-width:576px){html[dir=rtl] .side-nav-collapsed .side-item-link{padding:15px 60px 15px 15px}html[dir=ltr] .side-nav-collapsed .side-item-link{padding:15px 15px 15px 60px}html[dir=rtl] .side-nav-collapsed .side-item-link>i.icon-chevron-left{left:-10px}html[dir=ltr] .side-nav-collapsed .side-item-link>i.icon-chevron-left{right:-10px}}html[dir=rtl] .side-nav-expanded .side-item-link>i.icon-chevron-left{left:10px}html[dir=ltr] .side-nav-expanded .side-item-link>i.icon-chevron-left{right:10px}.side-item-link[aria-expanded=true]>i.icon-chevron-left{-webkit-transform:translateY(-50%) rotate(-90deg);-ms-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.close-side-nav-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:7777;background-color:rgba(0,0,0,.7);-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;display:none}.side-nav-collapsed .close-side-nav-overlay,.side-nav-collapsed.side-nav-expanded .close-side-nav-overlay{background-color:transparent}@media (min-width:1200px){html[dir=rtl] .side-nav-expanded .side-item-link{padding:15px 50px 15px 15px}html[dir=ltr] .side-nav-expanded .side-item-link{padding:15px 15px 15px 50px}html[dir=rtl] .side-nav-expanded .side-item-link.active,html[dir=rtl] .side-nav-expanded .side-item-link:hover,html[dir=rtl] .side-nav-expanded .side-item-link[aria-expanded=true]{padding:15px 53px 15px 15px}html[dir=ltr] .side-nav-expanded .side-item-link.active,html[dir=ltr] .side-nav-expanded .side-item-link:hover,html[dir=ltr] .side-nav-expanded .side-item-link[aria-expanded=true]{padding:15px 15px 15px 53px}.close-side-nav-overlay{z-index:-1;background-color:transparent}}@media (max-width:1199px){.side-nav-collapsed.side-nav-expanded .close-side-nav-overlay{background-color:rgba(0,0,0,.7)}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.top-nav{position:fixed;z-index:777;top:0;height:60px;background-color:var(--bg1);color:#fff;-webkit-transition:width .2s ease-in-out,right .2s ease-in-out,left .2s ease-in-out;transition:width .2s ease-in-out,right .2s ease-in-out,left .2s ease-in-out;-webkit-box-shadow:0 0 6px 0 rgba(var(--shadow),.15);box-shadow:0 0 6px 0 rgba(var(--shadow),.15);padding:10px 25px}html[dir=rtl] .top-nav{left:0}html[dir=ltr] .top-nav{right:0}@media (min-width:576px){html[dir=rtl] .side-nav-collapsed .top-nav,html[dir=rtl] .top-nav{right:60px}html[dir=ltr] .side-nav-collapsed .top-nav,html[dir=ltr] .top-nav{left:60px}.top-nav{width:-webkit-calc(100% - 60px);width:calc(100% - 60px)}.side-nav-collapsed .top-nav{width:-webkit-calc(100% - 60px);width:calc(100% - 60px)}}@media (min-width:1200px){.top-nav{width:-webkit-calc(100% - 240px);width:calc(100% - 240px)}html[dir=rtl] .top-nav{right:240px}html[dir=ltr] .top-nav{left:240px}}@media (max-width:575px){.top-nav{width:100%}html[dir=rtl] .top-nav{right:0}html[dir=ltr] .top-nav{left:0}}html[dir=rtl] .nav-item-link .noti-count,html[dir=rtl] .nav-item-link.user-link .status{right:2px}.top-nav-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-item{display:inline-block}html[dir=rtl] .nav-item:not(:first-child){margin-right:6px}html[dir=ltr] .nav-item:not(:first-child){margin-left:6px}html[dir=rtl] .email-row .main-checkbox,html[dir=ltr] .first-title .text-primary{margin-left:10px}.nav-item-link{display:block;background-color:var(--bg2);color:var(--text1)!important;border-radius:8px;width:38px;height:38px;line-height:34px;text-align:center;position:relative;cursor:pointer}.nav-item-link:hover{color:var(--main-color)!important}.nav-item-link>i{font-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}html[dir=ltr] .nav-item-link .noti-count,html[dir=ltr] .nav-item-link.user-link .status{left:2px}.nav-item-link .noti-count{position:absolute;top:5px;width:15px;height:15px;background-color:var(--color-danger);color:#fff;border-radius:50%;font-size:11px;line-height:17px;text-align:center}.nav-item-link#menu-toggle{background-color:transparent;width:22px;height:22px}html[dir=ltr] .nav-item-link#menu-toggle{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.nav-item-link.user-link{width:40px;height:40px;background-color:transparent}.nav-item-link.user-link .icon-placeholder{height:40px;line-height:40px;background-color:var(--bg2);border-radius:50%;font-size:32px}.nav-item-link.user-link>img{display:block;width:100%;height:auto;border-radius:50%;border:2px solid #ECECEC}.nav-item-link.user-link .status{position:absolute;bottom:2px;width:10px;height:10px;border-radius:50%;background-color:#787672}.nav-item-link.user-link .status.active{background-color:var(--color-success)}#night-mood-toggle{overflow:hidden}#night-mood-toggle>i{transition:all .2s ease-in-out;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#night-mood-toggle>i.icon-sun{left:110%}#night-mood-toggle>i.icon-moon,.theme-dark #night-mood-toggle>i.icon-sun{left:9px}.theme-dark #night-mood-toggle>i.icon-moon{left:-110%}.first-title{font-size:1.75rem;font-family:Bahij_TheSansArabic-Bold,sans-serif,arial}.first-title .text-primary{font-size:1.25rem;display:inline-block;margin-top:0}html[dir=rtl] .first-title .text-primary{margin-right:10px}.client-status{margin-top:10px}.client-status>li{display:block;position:relative;font-size:12px;font-family:Bahij_TheSansArabic-Plain,sans-serif,arial}.client-status>li:before{content:"";display:inline-block;width:10px;height:10px;background-color:var(--color-info);border-radius:50%}.app-row,.email-global-actions{display:-webkit-box;display:-ms-flexbox}html[dir=rtl] .client-status>li:before{margin-left:8px}html[dir=ltr] .client-status>li:before{margin-right:8px}.client-status>li+li{margin-top:5px}.app-row{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-row+.app-row{margin-top:10px}.app-row .app-title{width:200px;font-size:.875rem;white-space:nowrap}@media (max-width:767px){.app-row .app-title{width:170px}}@media (max-width:575px){.app-row .app-title{width:140px}}.app-row .app-title>i{display:inline-block;font-size:.75rem}html[dir=rtl] .app-row .app-title>i{margin-left:5px}html[dir=ltr] .app-row .app-title>i{margin-right:5px}.app-row .app-link{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0 5px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;direction:ltr;background-color:var(--bg2);padding:.25rem 1.25rem;border-radius:25px;font-size:.75rem;color:var(--text1);-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.app-row .app-link:hover{opacity:.8}.app-row .card-actions{white-space:nowrap}.logo-checkbox{cursor:pointer;line-height:0}.logo-checkbox input{display:none}.logo-checkbox input:checked+.check-mark:before{border:2px solid var(--main-color);background-color:var(--main-color)}.logo-checkbox input:checked+.check-mark:after{opacity:1}.logo-checkbox .check-mark{display:inline-block;width:25px;height:25px;line-height:25px;overflow:hidden;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.logo-checkbox .check-mark:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid var(--text1);border-radius:2px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.logo-checkbox .check-mark:after{font-family:icomoon!important;width:100%;height:100%;line-height:inherit;color:var(--bg1);font-size:18px;position:absolute;top:0;left:0;z-index:2;opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.due-card .text,.email-row .email-content,.msg-text .msg-text-inner,.msg-time{font-family:Bahij_TheSansArabic-Light,sans-serif,arial}.pie-chart .box-wrapper{width:120px;height:120px;position:relative;margin:auto}@media (max-width:767px){.pie-chart .box-wrapper{width:100px;height:100px}}@media (max-width:575px){.pie-chart .box-wrapper{width:90px;height:90px}}.pie-chart .box-circle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;padding-top:100%}.pie-chart .circle-percentage,.user-image .icon-camera{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}.pie-chart .circle-border{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}.pie-chart .circle-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;height:75%;border-radius:50%;background-color:#292E33}.pie-chart .percentage{color:var(--color-info);position:absolute;font-size:1.25rem;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.pie-chart .pie-chart-title{margin-top:7px;font-size:.75rem;color:var(--text1);text-align:center}.drop-file-div{padding:30px;text-align:center;border:1px dashed var(--text2);border-radius:6px;margin:0 20px 20px}.email-global-actions{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--text1);margin-bottom:10px;overflow:hidden}.email-global-actions .email-actions{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}html[dir=rtl] .email-global-actions .email-actions{margin-left:-200px}html[dir=ltr] .email-global-actions .email-actions{margin-right:-200px}html[dir=rtl] .email-global-actions .email-actions.active{margin-left:0}html[dir=ltr] .email-global-actions .email-actions.active{margin-right:0}.action-btn{background-color:transparent;border:none;color:var(--text1);cursor:pointer;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}html[dir=rtl] .action-btn:not(:first-child){margin-right:20px}html[dir=ltr] .action-btn:not(:first-child){margin-left:20px}.action-btn>i{display:inline-block}html[dir=rtl] .action-btn>i:not(:last-child){margin-left:5px}html[dir=ltr] .action-btn>i:not(:last-child){margin-right:5px}.action-btn.delete:hover{color:var(--color-danger)}.action-btn.read:hover{color:var(--color-info)}.email-row{background-color:var(--bg1);-webkit-box-shadow:0 2px 6px 0 rgba(var(--shadow),.1);box-shadow:0 2px 6px 0 rgba(var(--shadow),.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}html[dir=rtl] .email-row{padding:10px 20px 10px 10px}html[dir=ltr] .email-row{padding:10px 10px 10px 20px}.email-row+.email-row{margin-top:15px}@media (max-width:767px){html[dir=rtl] .email-row{padding:8px 12px 8px 8px}html[dir=ltr] .email-row{padding:8px 8px 8px 12px}.email-row+.email-row{margin-top:10px}}.email-row:before{content:"";position:absolute;top:0;bottom:0;width:8px}html[dir=rtl] .email-row:before{right:0}html[dir=ltr] .email-row:before{left:0}.email-row.email-row-checked{background-color:rgba(var(--color-info-rgb),.2)!important}html[dir=ltr] .email-row .main-checkbox{margin-right:10px}@media (max-width:575px){html[dir=rtl] .email-row{padding:5px 8px 5px 5px}html[dir=ltr] .email-row{padding:5px 5px 5px 8px}.email-row:before{width:4px}html[dir=rtl] .email-row .main-checkbox{margin-left:5px}html[dir=ltr] .email-row .main-checkbox{margin-right:5px}}.email-row.email-danger:before{background-color:var(--color-danger)}.email-row.email-info:before{background-color:var(--color-info)}.email-row .email-title-holder{white-space:nowrap;width:220px}.email-row .zemail-title{font-size:1rem;color:var(--text1);white-space:nowrap;display:inline-block;max-width:-webkit-calc(100% - 45px);max-width:calc(100% - 45px);overflow:hidden;text-overflow:ellipsis}@media (max-width:575px){.email-row .email-title-holder{width:150px}.email-row .email-title{max-width:-webkit-calc(100% - 26px);max-width:calc(100% - 26px)}}.email-row .email-content{margin:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem;color:var(--text1);max-width:-webkit-calc(100% - 300px);max-width:calc(100% - 300px)}@media (max-width:575px){.email-row .email-content{max-width:-webkit-calc(100% - 200px);max-width:calc(100% - 200px);margin:0 10px}}.recieved-msgs .msg-time,html[dir=ltr] .email-row .email-actions .actions .action-btn:not(:first-child){margin-left:10px}.email-row .email-actions{position:relative;width:46px;min-width:46px;height:25px;overflow:hidden}@media (max-width:767px){.email-row .email-actions{width:39px;min-width:39px}}@media (max-width:575px){.email-row .email-actions{width:35px;min-width:35px}}.email-row .email-actions .date{font-size:.875rem;color:var(--main-color);direction:ltr;position:absolute;top:0;width:100%;height:100%;line-height:28px;-webkit-transition:left .2s ease-in-out,right .2s ease-in-out;transition:left .2s ease-in-out,right .2s ease-in-out}html[dir=rtl] .email-row .email-actions .date{text-align:left;left:0}html[dir=rtl] .email-row .email-actions .actions,html[dir=rtl] .email-row:hover .email-actions .date{left:-100%}html[dir=ltr] .email-row .email-actions .date{text-align:right;right:0}html[dir=ltr] .email-row .email-actions .actions,html[dir=ltr] .email-row:hover .email-actions .date{right:-100%}.email-row .email-actions .actions{position:absolute;top:0;width:100%;height:100%;line-height:30px;-webkit-transition:left .2s ease-in-out,right .2s ease-in-out;transition:left .2s ease-in-out,right .2s ease-in-out}html[dir=rtl] .email-row .email-actions .actions .action-btn:not(:first-child){margin-right:10px}@media (max-width:767px){html[dir=rtl] .email-row .email-actions .actions .action-btn:not(:first-child){margin-right:8px}html[dir=ltr] .email-row .email-actions .actions .action-btn:not(:first-child){margin-left:8px}}@media (max-width:575px){html[dir=rtl] .email-row .email-actions .actions .action-btn:not(:first-child){margin-right:5px}html[dir=ltr] .email-row .email-actions .actions .action-btn:not(:first-child){margin-left:5px}}.email-row .email-actions .actions .action-btn>i{display:block}@media (min-width:991px){.email-row:hover{background-color:rgba(var(--main-color-rgb),.1)}}html[dir=rtl] .email-row:hover .email-actions .actions{left:0}html[dir=ltr] .email-row:hover .email-actions .actions{right:0}.chat-msgs{border-top:1px solid var(--text2);border-bottom:1px solid var(--text2);padding:25px;margin-left:-25px;margin-right:-25px;overflow:auto;height:500px}.chat-msgs::-webkit-scrollbar{width:4px}.chat-msgs::-webkit-scrollbar-button{width:0;height:4px}.chat-msgs::-webkit-scrollbar-track{background:var(--bg1);-webkit-box-shadow:0 0 3px var(--shadow) inset;box-shadow:0 0 3px var(--shadow) inset}.chat-msgs::-webkit-scrollbar-thumb{background:var(--main-color)}.chat-msgs::-webkit-scrollbar-thumb:hover{opacity:.8}@media (max-width:767px){.chat-msgs{margin-left:-15px;margin-right:-15px;padding:25px 15px}}@media (max-width:575px){.chat-msgs{margin-left:-10px;margin-right:-10px;padding:25px 10px}}.msgs{display:inline-block;vertical-align:bottom;max-width:600px}@media (max-width:991px){.msgs{max-width:-webkit-calc(100% - 99px);max-width:calc(100% - 99px)}}.msg-text{display:block}.msg-text+.msg-text{margin-top:5px}.recieved-msgs+.recieved-msgs,.recieved-msgs+.sent-msgs,.sent-msgs+.recieved-msgs,.sent-msgs+.sent-msgs{margin-top:30px}.msg-text .msg-text-inner{display:inline-block;font-size:1rem;padding:7px 12px}.msg-time{color:var(--text2);display:inline-block;vertical-align:bottom;font-size:14px;direction:ltr}.recieved-profile-pic{display:inline-block;vertical-align:bottom;width:34px;height:34px;border-radius:50%;overflow:hidden;margin-right:3px;margin-bottom:-3px}.recieved-profile-pic>img{display:block;width:100%;height:100%}.sent-msgs .msg-text .msg-text-inner{background-color:var(--bg2);color:var(--text1);border-radius:25px 0 0 25px}.sent-msgs .msg-text:last-child .msg-text-inner{border-radius:25px 0 25px 25px}.sent-msgs .msg-text:first-child .msg-text-inner{border-radius:25px 25px 0}.sent-msgs .msg-text:first-child:last-child .msg-text-inner{border-radius:25px}.sent-msgs .msg-time{margin-right:10px}.recieved-msgs{text-align:left;direction:ltr}.recieved-msgs .msg-text .msg-text-inner{background-color:var(--color-info);color:#fff;border-radius:0 25px 25px 0}.recieved-msgs .msg-text:last-child .msg-text-inner{border-radius:0 25px 25px}.recieved-msgs .msg-text:first-child .msg-text-inner{border-radius:25px 25px 25px 0}.recieved-msgs .msg-text:first-child:last-child .msg-text-inner{border-radius:25px}.chat-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 25px;margin-left:-25px;margin-right:-25px}html[dir=rtl] .user-image,html[dir=ltr] .chat-field .chat-actions .btn-icon{margin-left:20px}.chat-field .btn-primary,html[dir=rtl] .chat-field .chat-actions .btn-icon,html[dir=ltr] .user-image{margin-right:20px}.chat-field .chat-input{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background-color:transparent;border:none;padding:25px 0;color:var(--text1);font-size:14px}.chat-field .chat-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-field .chat-actions .btn-icon{color:#fff;background-color:transparent;border:none;font-size:25px;line-height:10px;cursor:pointer}.chat-field .chat-actions .btn-icon>i{display:inline-block;vertical-align:middle}.chat-field .btn-primary{color:#fff}.chat-field .btn-primary:hover{color:#fff!important}.user-image-holder{margin-bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-name{font-size:1.25rem}.user-image{cursor:pointer;position:relative;border-radius:50%;border:3px solid var(--text1);width:90px;height:90px}.user-image:before,.user-image>img{width:100%;height:100%;border-radius:50%}.user-image:before{content:"";position:absolute;top:0;left:0;z-index:2;background-color:transparent;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.user-image:hover:before{background-color:rgba(0,0,0,.6)}.user-image>img{display:block}.user-image #user-image-input{width:0;height:0;visibility:hidden;position:absolute;z-index:-2}.user-image .icon-camera{position:absolute;top:98%;left:50%;transform:translate(-50%,-50%);z-index:7;width:25px;height:25px;line-height:25px;font-size:15px;background-color:var(--color-info);border-radius:50%}.due-card{text-align:center;margin-bottom:20px}.due-card .icon-holder{padding:10px;background-color:var(--bg1);border-radius:6px;display:inline-block}.due-card .icon-holder>i{font-size:30px}.due-card .icon-holder.danger{color:var(--color-danger)}.due-card .number{font-size:2rem;line-height:90%;margin:20px 0}.due-card .text{font-size:1rem;line-height:100%}
.rebtn{background:url('../reload.gif') no-repeat center center !important;}
.lg-outer .lg-inner {
    direction: ltr;
}
.email-row .email-actions .actions {
    display: flex;
}
.video-msg{
    max-width: 300px;
    max-height: 300px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.video-msg img{
    width: 100%;
}
.video-msg i{
    color: #fff;
    position: absolute;
    top:40%;
    left: 45%;
    font-size: 20px;
}
/*.video-msg img{*/
/*width: 100%;*/
/*height: 100%;*/
/*}*/
@keyframes rotat {
    from {transform: rotateY(0deg);}
    to {transform: rotateY(360deg);}
}
.loader{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1f2327;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loader img{
    width: 150px;
    animation: rotat 2s infinite;
}

@keyframes fadInDown {
    0%{transform: translateY(-100px);opacity: 0}
    100%{transform: translateY(0) ; opacity: 1}
}
.fadInDown{
    animation: fadInDown .5s;
}
.modalNotify {
    position: fixed;
    top: 0;
    z-index: 99999;
    transition: .5s all;
    margin: auto;
    left: 0;
    right: 0;
    background-color: #292e33;
    box-shadow: 2px 2px 4px #292e33;
    padding: 7px;
    transform: translateY(-110%);
    width: 350px;
    font-size: 13px;
    border-radius: 0 0 20px 20px;
}
.modalNotify.movedown{
    transform: translateY(0);
}
.testBtn{
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    z-index: 999;
}
.notfy{
    color: aliceblue;
}
.notfy h6{
    text-align: center;
}
.notfy span{
    font-size: 14px;
}
.notfy p{
    font-size: 11px;
    margin-top: 1rem;
}
.theme-dark .modalNotify{
    background-color: #fff;
    border: 1px solid #4dbc28;
    box-shadow: 2px 2px 4px #4dbc28;
    border-top: 0;
}
.theme-dark .notfy{
    color: #292e33;
}
.topic{
    color: #4dbc28;
    font-size: 11px;
}
.senderUser{
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.senderUser img{
    border-radius: 50%;
    width: 33px;
}
.senderUser p{
    margin: 0 5px;
    font-size: 14px;
}
.senderUser span{
    color: #292e33;
    font-size: 15px;
    margin:0 10px;
    transition: .5s all ease;
}
.theme-dark .senderUser span{
    color: #fff;
}
.infmsg{
    font-size: 11px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.infmsg span{
    margin: 15px 0;
    font-weight: 600;
}
.e-info{
    width: 318px;
    text-align: center;
    font-size: 10px;
}
.msg{
    color:#292e33 !important;
    font-size: 15px;
    display: flex;
    flex-direction: column;
    transition: .5s all ease;
}
.theme-dark .msg{
    color:#fff !important;
}
.textDark{
    color:#fff !important;
}
@media (max-width: 500px) {
    .modalNotify {
        padding: 4px;
        width: 300px;
    }
}