1 line
20 KiB
CSS
1 line
20 KiB
CSS
.media{display:flex;align-items:center}.media .media-body{padding-left:1rem;flex:1}.email-application .content-area-wrapper{border:1px solid #dfe3e7;border-radius:.267rem;height:calc(100% - 5rem);display:flex;position:relative}.email-application .content-area-wrapper .app-content-overlay{top:0;right:0;bottom:0;left:0;position:absolute;z-index:7;visibility:hidden;opacity:0;border-radius:.267rem}.email-application .content-area-wrapper .app-content-overlay.show{visibility:visible;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:1;background-color:rgba(0,0,0,.2)}.email-application .content-area-wrapper .sidebar{position:inherit}.email-application .content-area-wrapper .sidebar.show .email-app-sidebar{transform:translate(13%) translateY(-1px)}.email-application .content-area-wrapper .sidebar .email-app-sidebar{width:300px;height:calc(100vh - 9rem);border-right:1px solid #dfe3e7;border-top-left-radius:.267rem;border-bottom-left-radius:.267rem;-webkit-transition:all .3s ease;transition:all .3s ease}.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu{width:100%;z-index:3;background-color:#fff}.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .form-group-compose{padding:1px 1.5rem;margin-bottom:.8rem}.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .form-group-compose .compose-btn{box-shadow:0 2px 4px rgba(90,141,238,.6);font-weight:500}.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .sidebar-menu-list{padding:0 1.7rem;position:relative;height:calc(100% - 6.4rem)}.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .sidebar-menu-list a:hover{color:#596f88}.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .list-group .list-group-item{padding:.6rem 0;font-weight:500;background-color:transparent;border:none}.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .list-group .list-group-item.active{color:#5a8dee}.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .list-group .list-group-item.active:before{content:"";width:2px;height:30px;background-color:#5a8dee;position:absolute;left:-26px}.email-application .content-area-wrapper .sidebar .email-app-sidebar .sidebar-close-icon{position:absolute;right:.25rem;top:.25rem;cursor:pointer;font-size:1.25rem;z-index:5;visibility:hidden}@media screen and (max-width: 992px){.email-application .content-area-wrapper .sidebar .email-app-sidebar{background-color:#fafbfb;height:calc(100vh - 8.98rem);transform:translate(-120%);transition:transform .25s;position:absolute;z-index:8;left:0;top:1px}.email-application .content-area-wrapper .sidebar .email-app-sidebar.show{transform:translate(0)}.email-application .content-area-wrapper .sidebar .email-app-sidebar .sidebar-close-icon{visibility:visible}}.email-application .content-area-wrapper .sidebar .compose-new-mail-sidebar{height:calc(100vh - 9rem);width:400px;border-radius:0 .267rem .267rem 0;background-color:#fff;position:absolute;-webkit-transform:translateX(130%);-ms-transform:translateX(130%);transform:translate(130%);-webkit-transition:all .3s ease;transition:all .3s ease;z-index:8;right:2.15rem;bottom:1px}.email-application .content-area-wrapper .sidebar .compose-new-mail-sidebar.show{-webkit-transform:translateX(8%) translateY(1px);-ms-transform:translateX(8%) translateY(1px);transform:translate(8%) translateY(1px)}.email-application .content-area-wrapper .sidebar .compose-new-mail-sidebar .card-footer .btn-send{box-shadow:0 2px 4px rgba(90,141,238,.6)}.email-application .content-area-wrapper .sidebar .compose-new-mail-sidebar .close-icon{position:absolute;top:18px;right:15px;outline:0}.email-application .content-area-wrapper .sidebar .compose-new-mail-sidebar .close-icon i{font-size:1.75rem}@media screen and (max-width: 992px){.email-application .content-area-wrapper .sidebar .compose-new-mail-sidebar.show{transform:translate(10.5%) translateY(1px)}}.email-application .content-area-wrapper .content-right{width:calc(100% - 260px);background-color:rgba(255,255,255,.5)}.email-application .content-area-wrapper .content-right .content-wrapper{padding:0}.email-application .content-area-wrapper .content-right .selected-row-bg{background-color:#e7edf3!important}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .checkbox,.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .checkbox label{cursor:pointer}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-action{padding:1rem 1.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-bottom:1px solid #dfe3e7}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-action .action-right .email-fixed-search{margin:0 .86rem}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-action .action-right .email-fixed-search .sidebar-toggle{cursor:pointer;margin:.5rem .99rem .5rem 0;float:left;line-height:1.1}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-action .action-right .email-fixed-search input{font-family:IBM Plex Sans,Helvetica,Arial,serif}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-action .email-action .action-left ul li i{top:0}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-action .action-right .email-pagination-next,.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-action .action-right .email-pagination-prev{padding:.35rem .5rem;margin-left:.6rem}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-action .action-left ul li .dropdown-toggle:after{display:none}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-action .action-left ul li .dropdown-menu .dropdown-item .bullet,.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-action .action-left ul li .dropdown-menu .dropdown-item i{margin-right:.5rem}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-action .action-left .list-inline-item:not(:last-child){margin-right:.86rem}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list{position:relative;height:calc(100vh - 13.65rem)}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .ps__rail-y{z-index:6}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper{padding:0;margin:0}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li{cursor:pointer;-webkit-animation:fadeIn .5s linear;animation:fadeIn .5s linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:relative}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li.media{padding:1rem 1.5rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;z-index:1;background-color:#fff}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li.media:hover{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px);box-shadow:0 0 10px rgba(58,70,93,.25);-webkit-transition:all .2s;transition:all .2s;z-index:5}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li.media .media-body{overflow:hidden}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li .avatar,.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li .avatar img{height:38px;width:38px}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li .avatar img{border:2px solid #fff}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li.mail-read{background-color:#f2f4f4}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li.mail-read .list-group-item-text{font-weight:400!important}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li:not(:first-child){border-top:1px solid #dfe3e7}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li .user-details{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li .user-details .list-group-item-text{font-size:1rem;font-weight:500}@media (max-width: 575.98px){.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li .user-details .mail-items{width:70%;display:inline-grid}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li .user-details .mail-meta-item{position:absolute;right:1rem}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li .user-details .mail-meta-item .mail-date{margin:1rem .75rem 0 0}}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li .mail-date{color:#828d99;font-size:.86rem}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li .mail-message{display:flex;justify-content:space-between;text-overflow:ellipsis;white-space:nowrap}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li .mail-message p{font-size:.8rem;color:#828d99;margin-right:1rem;line-height:1.75}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper .user-action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper .user-action .favorite{margin-right:.5rem;color:#c7cfd6}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper .user-action .favorite i{font-size:1.3rem;line-height:1.5}@media screen and (max-width: 560px){.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper .user-action .favorite{display:none}}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .no-results{display:none;padding:1.5rem;text-align:center}.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .no-results.show{display:block}@media screen and (max-width: 992px){.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list{height:calc(100vh - 17.4rem)!important}}.email-application .content-area-wrapper .content-right .email-app-details{position:absolute;display:block;z-index:6;visibility:hidden;opacity:0;top:0;width:calc(100% - 260px);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%);-webkit-transition:all .3s ease;transition:all .3s ease;height:100%;background-color:#f2f4f4}.email-application .content-area-wrapper .content-right .email-app-details.show{visibility:visible;opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0);border-left:1px solid #dfe3e7;overflow:hidden}.email-application .content-area-wrapper .content-right .email-app-details .email-detail-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #dfe3e7;padding:.85rem 1.5rem 0;background-color:#fff}.email-application .content-area-wrapper .content-right .email-app-details .email-scroll-area .email-detail-head .collapse-header .card-header .information .dropdown-menu .dropdown-item{margin-right:.5rem}.email-application .content-area-wrapper .content-right .email-app-details .email-detail-header .dropdown-menu .dropdown-item .bullet,.email-application .content-area-wrapper .content-right .email-app-details .email-detail-header .dropdown-menu .dropdown-item i,.email-application .content-area-wrapper .content-right .email-app-details .email-detail-header .email-header-right .dropdown-toggle:after,.email-application .content-area-wrapper .content-right .email-app-details .email-detail-header .email-scroll-area .email-detail-head .collapse-header .card-header .information .dropdown-toggle:after{display:none}.email-application .content-area-wrapper .content-right .email-app-details .email-detail-header .go-back{cursor:pointer}.email-application .content-area-wrapper .content-right .email-app-details .email-detail-header .email-pagination-next i,.email-application .content-area-wrapper .content-right .email-app-details .email-detail-header .email-pagination-prev i{top:2px}.email-application .content-area-wrapper .content-right .email-app-details .email-detail-header .email-detail-title{color:#475f7b;font-size:1.2rem;position:relative;top:2px}.email-application .content-area-wrapper .content-right .email-app-details .email-scroll-area{padding:0 1rem;position:relative;height:calc(100vh - 13.5rem)}.email-application .content-area-wrapper .content-right .email-app-details .email-scroll-area .email-detail-head{padding:1.5rem .5rem .75rem}.email-application .content-area-wrapper .content-right .email-app-details .email-scroll-area .email-detail-head .collapse-header{margin-bottom:1.2rem;background-color:transparent}.email-application .content-area-wrapper .content-right .email-app-details .email-scroll-area .email-detail-head .collapse-header.open{background-color:#fff!important;box-shadow:-8px 12px 18px rgba(25,42,70,.13)!important}.email-application .content-area-wrapper .content-right .email-app-details .email-scroll-area .email-detail-head .collapse-header .card-header{font-size:1rem;border-color:#dfe3e7}.email-application .content-area-wrapper .content-right .email-app-details .email-scroll-area .email-detail-head .collapse-header .card-header .information .dropdown-toggle{color:#727e8c}.email-application .content-area-wrapper .content-right .email-app-details .email-scroll-area .email-detail-head .collapse-header .card-header .information .dropdown-menu{-webkit-transform:translate3d(-144px,19px,0)!important;transform:translate3d(-144px,19px,0)!important}@media screen and (max-width: 992px){.email-application .content-area-wrapper .content-right{width:100%}.email-application .content-area-wrapper .content-right .email-action{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.email-application .content-area-wrapper .content-right .email-action .action-right{margin-bottom:1rem}.email-application .content-area-wrapper .content-right .email-action .action-right .email-fixed-search{margin-left:0!important}.email-application .content-area-wrapper .content-right .email-action .action-right .sidebar-toggle{margin-right:.3rem}.email-application .content-area-wrapper .content-right .email-app-details{width:100%;border-radius:.267rem}}.email-application .content-area-wrapper .sidebar-label{font-family:Rubik,Helvetica,Arial,serif;letter-spacing:1px;color:#828d99;margin:1.8rem 0 .5rem}.email-application .content-area-wrapper .attchement-text{font-family:IBM Plex Sans,Helvetica,Arial,serif}.email-application .content-area-wrapper .action-icon{padding:.35rem .5rem;border:1px solid #dfe3e7}.email-application .content-area-wrapper .quill-wrapper{padding:1.3rem 1.7rem}.email-application .content-area-wrapper .quill-wrapper .snow-container{position:relative}.email-application .content-area-wrapper .quill-wrapper .snow-container .ql-snow .ql-tooltip{left:0!important}.email-application .content-area-wrapper .quill-wrapper .snow-container .ql-container.ql-snow,.email-application .content-area-wrapper .quill-wrapper .snow-container .ql-toolbar{border:none}.email-application .content-area-wrapper .quill-wrapper .snow-container .send-btn{box-shadow:0 2px 4px rgba(90,141,238,.6);font-weight:500;padding:.2rem 1rem}.email-application .content-area-wrapper .quill-wrapper .ql-editor.ql-blank:before{left:0}.email-application .content-area-wrapper .quill-wrapper .ql-editor{min-height:80px;padding-left:0;padding-right:0}@media screen and (max-width: 1280px){.content-right .email-app-list-wrapper .email-app-list .email-user-list{height:calc(100vh - 13.9rem)}}@media (max-width: 767.98px){.compose-new-mail-sidebar{width:auto}}@media screen and (max-width: 436px){.email-app-details .email-header-right{margin-left:0!important;padding-left:0!important}.email-app-details .email-header-right li{margin-right:0}}@-webkit-keyframes fadeIn{0%{opacity:0;top:100px}75%{opacity:.5;top:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;top:100px}75%{opacity:.5;top:0}to{opacity:1}}html[data-bs-theme=dark] .email-application .content-area-wrapper{border:1px solid #2a2f3e}html[data-bs-theme=dark] .email-application .content-area-wrapper .email-app-sidebar{border-right:1px solid #343a40}html[data-bs-theme=dark] .email-application .content-area-wrapper .email-app-sidebar .email-app-menu{background-color:#1e1e2d}html[data-bs-theme=dark] .email-application .content-area-wrapper .email-app-sidebar .email-app-menu .list-group .list-group-item{color:#9899ac}html[data-bs-theme=dark] .email-application .content-area-wrapper .email-app-sidebar .email-app-menu .list-group .list-group-item:hover{color:#187de4}html[data-bs-theme=dark] .email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list{overflow-y:scroll!important}html[data-bs-theme=dark] .email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li.media{background-color:#1e1e2d}html[data-bs-theme=dark] .email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li.mail-read{background-color:#2b2b41}html[data-bs-theme=dark] .email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li:not(:first-child){border-top:1px solid #495057}html[data-bs-theme=dark] .email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-action{background:#151521}html[data-bs-theme=dark] .email-application .content-area-wrapper .action-icon,html[data-bs-theme=dark] .email-application .content-area-wrapper .action-button,html[data-bs-theme=dark] .email-application .content-area-wrapper .form-control{border:1px solid #373752}html[data-bs-theme=dark] html[data-bs-theme=dark] .form-check-input{background-color:#151521;border:2px solid #435ebe}html[data-bs-theme=dark] .email-application .content-body{background-color:#435ebe}html[data-bs-theme=dark] .email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-action{border-bottom:1px solid #435ebe}
|