.kt-inbox .kt-inbox__icon { border: 0; background: none; outline: none !important; -webkit-box-shadow: none; box-shadow: none; outline: none !important; 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; height: 35px; width: 35px; background-color: #f7f8fa; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; margin: 0; border-radius: 0; } .kt-inbox .kt-inbox__icon i { font-size: 1.1rem; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--sm { height: 26px; width: 26px; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--sm i { font-size: 0.8rem; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--md { height: 30px; width: 30px; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--md i { font-size: 1rem; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--light { background-color: transparent; } .kt-inbox .kt-inbox__icon i { color: #8e96b8; } .kt-inbox .kt-inbox__icon g [fill] { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; fill: #8e96b8; } .kt-inbox .kt-inbox__icon:hover g [fill] { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--active, .kt-inbox .kt-inbox__icon:hover { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #ebedf2; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--active.kt-inbox__icon--light, .kt-inbox .kt-inbox__icon:hover.kt-inbox__icon--light { background-color: transparent; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--active i, .kt-inbox .kt-inbox__icon:hover i { color: #2c77f4; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--active g [fill], .kt-inbox .kt-inbox__icon:hover g [fill] { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; fill: #2c77f4; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--active:hover g [fill], .kt-inbox .kt-inbox__icon:hover:hover g [fill] { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--back { background-color: transparent; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--back i { color: #8e96b8; font-size: 1.5rem; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--back g [fill] { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; fill: #8e96b8; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--back:hover g [fill] { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--back svg { height: 32px; width: 32px; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--back:hover { background-color: transparent; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--back:hover i { color: #2c77f4; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--back:hover g [fill] { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; fill: #2c77f4; } .kt-inbox .kt-inbox__icon.kt-inbox__icon--back:hover:hover g [fill] { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .kt-inbox .kt-inbox__aside { padding: 40px 20px; width: 275px; } .kt-inbox .kt-inbox__aside .kt-inbox__compose { margin: 0 20px; padding: 0.9rem 0; } .kt-inbox .kt-inbox__aside .kt-inbox__nav { margin-top: 1.2rem; } .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item { margin-bottom: 0.5rem; } .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item .kt-nav__link { padding: 0.75rem 20px; } .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item .kt-nav__link i { color: #8e96b8; } .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item .kt-nav__link g [fill] { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; fill: #8e96b8; } .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item .kt-nav__link:hover g [fill] { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item .kt-nav__link .kt-nav__link-icon { text-align: center; margin: 0 0.7rem 0 -0.23rem; } .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item .kt-nav__link .kt-nav__link-text { font-weight: 500; color: #74788d; } .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item:last-child { margin-bottom: 0; } .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item:last-child .kt-nav__link .kt-nav__link-icon { font-size: 0.9rem; } .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item.hover .kt-nav__link, .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item.kt-nav__item--selected .kt-nav__link, .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item.kt-nav__item--active .kt-nav__link { background-color: #f7f8fa; } .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item.hover .kt-nav__link i, .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item.kt-nav__item--selected .kt-nav__link i, .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item.kt-nav__item--active .kt-nav__link i { color: #2c77f4; } .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item.hover .kt-nav__link g [fill], .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item.kt-nav__item--selected .kt-nav__link g [fill], .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item.kt-nav__item--active .kt-nav__link g [fill] { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; fill: #2c77f4; } .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item.hover .kt-nav__link:hover g [fill], .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item.kt-nav__item--selected .kt-nav__link:hover g [fill], .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item.kt-nav__item--active .kt-nav__link:hover g [fill] { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item.hover .kt-nav__link .kt-nav__link-text, .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item.kt-nav__item--selected .kt-nav__link .kt-nav__link-text, .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item.kt-nav__item--active .kt-nav__link .kt-nav__link-text { color: #2c77f4; } .kt-inbox .kt-inbox__list { display: none; padding: 0; } @media (min-width: 1025px) { .kt-inbox .kt-inbox__list { margin-left: 25px; } } .kt-inbox .kt-inbox__list.kt-inbox__list--shown { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-inbox .kt-inbox__list .kt-inbox__items { padding: 0; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item { display: none; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 12px 25px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen\0 { .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info { padding: 8px 0; } } @media screen\0 { .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info { min-width: 210px; } } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info .kt-inbox__actions { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen\0 { .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info .kt-inbox__actions { min-width: 70px; } } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info .kt-inbox__actions .kt-checkbox { margin: 0; padding: 0; margin-right: 10px; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info .kt-inbox__actions .kt-inbox__icon { height: 22px; width: 22px; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info .kt-inbox__actions .kt-inbox__icon i { font-size: 1rem; color: #ebedf2; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info .kt-inbox__actions .kt-inbox__icon:hover i { color: rgba(255, 184, 34, 0.5) !important; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info .kt-inbox__actions .kt-inbox__icon.kt-inbox__icon--on i { color: #ffb822 !important; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info .kt-inbox__sender { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 30px; width: 175px; } @media screen\0 { .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info .kt-inbox__sender { min-width: 175px; } } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info .kt-inbox__sender .kt-media { margin-right: 10px; min-width: 30px !important; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info .kt-inbox__sender .kt-media span { min-width: 30px !important; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info .kt-inbox__sender .kt-inbox__author { font-size: 1rem; color: #595d6e; font-weight: 500; } @media (max-width: 1400px) { .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info .kt-inbox__sender { display: block; width: 70px; margin-right: 10px; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info .kt-inbox__sender .kt-inbox__author { display: block; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info .kt-inbox__sender .kt-media { margin-bottom: 5px; } } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__details { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 5px; } @media screen\0 { .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__details { width: 0; height: 0; } } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__details .kt-inbox__message .kt-inbox__subject { font-size: 1rem; color: #48465b; font-weight: 400; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__details .kt-inbox__message .kt-inbox__summary { font-size: 1rem; color: #a2a5b9; font-weight: 400; text-overflow: ellipsis; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__details .kt-inbox__labels { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5px; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__details .kt-inbox__labels .kt-inbox__label { margin-right: 5px; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__datetime { font-size: 1rem; color: #a2a5b9; font-weight: 400; margin-left: 20px; margin-top: 5px; width: 85px; text-align: right; } @media (max-width: 1400px) { .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__datetime { width: 70px; } } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item:hover, .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item.kt-inbox__item--selected { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #f2f3f7; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item:hover .kt-inbox__info .kt-inbox__actions .kt-inbox__icon i, .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item.kt-inbox__item--selected .kt-inbox__info .kt-inbox__actions .kt-inbox__icon i { font-size: 1rem; color: #e2e5ec; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item.kt-inbox__item--unread .kt-inbox__sender .kt-inbox__author { color: #48465b; font-weight: 600; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item.kt-inbox__item--unread .kt-inbox__details .kt-inbox__message .kt-inbox__subject { color: #48465b; font-weight: 600; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item.kt-inbox__item--unread .kt-inbox__datetime { color: #48465b; font-weight: 600; } .kt-inbox .kt-inbox__list .kt-inbox__items[data-type="inbox"] .kt-inbox__item[data-type="inbox"] { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-inbox .kt-inbox__list .kt-inbox__items[data-type="marked"] .kt-inbox__item[data-type="marked"] { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-inbox .kt-inbox__list .kt-inbox__items[data-type="draft"] .kt-inbox__item[data-type="draft"] { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-inbox .kt-inbox__list .kt-inbox__items[data-type="sent"] .kt-inbox__item[data-type="sent"] { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-inbox .kt-inbox__list .kt-inbox__items[data-type="trash"] .kt-inbox__item[data-type="trash"] { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-inbox .kt-inbox__toolbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .kt-inbox .kt-inbox__toolbar .kt-inbox__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 1rem; } .kt-inbox .kt-inbox__toolbar .kt-inbox__actions .kt-inbox__check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kt-inbox .kt-inbox__toolbar .kt-inbox__actions .kt-inbox__check .kt-checkbox { margin: 0; padding-left: 0; } .kt-inbox .kt-inbox__toolbar .kt-inbox__actions .kt-inbox__check .kt-inbox__icon { margin-left: 0; } .kt-inbox .kt-inbox__toolbar .kt-inbox__actions .kt-inbox__panel { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } .kt-inbox .kt-inbox__toolbar .kt-inbox__actions.kt-inbox__actions--expanded .kt-inbox__panel { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-inbox .kt-inbox__toolbar .kt-inbox__actions .kt-inbox__icon { margin-right: 0.5rem; } .kt-inbox .kt-inbox__toolbar .kt-inbox__actions .kt-inbox__icon.kt-inbox__icon--back { margin-right: 2.5rem; } .kt-inbox .kt-inbox__toolbar .kt-inbox__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 1rem; } .kt-inbox .kt-inbox__toolbar .kt-inbox__controls .kt-inbox__icon { margin-left: 0.5rem; } .kt-inbox .kt-inbox__toolbar .kt-inbox__controls .kt-inbox__sort { margin-left: 0.5rem; } .kt-inbox .kt-inbox__toolbar .kt-inbox__controls .kt-inbox__pages { margin-left: 0.5rem; } .kt-inbox .kt-inbox__toolbar .kt-inbox__controls .kt-inbox__pages .kt-inbox__perpage { color: #74788d; font-size: 1rem; font-weight: 500; margin-right: 1rem; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding: 0.5rem 0; } .kt-inbox .kt-inbox__toolbar .kt-inbox__controls .kt-inbox__pages .kt-inbox__perpage:hover { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #2c77f4; } .kt-inbox .kt-inbox__toolbar .kt-inbox__search { width: 300px; } @media (min-width: 1601px) { .kt-inbox .kt-inbox__toolbar .kt-inbox__search { position: absolute; left: 50%; width: 300px; margin-left: -150px; } } @media screen\0 and (min-width: 1601px) { .kt-inbox .kt-inbox__toolbar .kt-inbox__search { top: 18px; } } @media (max-width: 1599px) { .kt-inbox .kt-inbox__toolbar .kt-inbox__search { width: 175px; } } .kt-inbox .kt-inbox__toolbar .kt-inbox__search .input-group .input-group-text { border: none; background-color: #f2f3f7; padding: 0 0.65rem 0 1rem; } .kt-inbox .kt-inbox__toolbar .kt-inbox__search .input-group .input-group-text .kt-svg-icon { height: 22px; width: 22px; } .kt-inbox .kt-inbox__toolbar .kt-inbox__search .input-group .input-group-text i { font-size: 1.1rem; } .kt-inbox .kt-inbox__toolbar .kt-inbox__search .input-group .form-control { height: 44px; border: none; background-color: #f2f3f7; } @media (max-width: 1024px) { .kt-inbox .kt-inbox__toolbar .kt-inbox__search .input-group .form-control { height: 40px; } } .kt-inbox .kt-inbox__toolbar .kt-inbox__sep { display: -webkit-box; display: -ms-flexbox; display: flex; height: 1rem; width: 1rem; } @media (max-width: 1450px) { .kt-inbox .kt-inbox__toolbar { position: static; } .kt-inbox .kt-inbox__toolbar .kt-inbox__search { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 25px; margin-bottom: 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; } .kt-inbox .kt-inbox__toolbar .kt-inbox__actions { margin-top: 10px; margin-bottom: 10px; } .kt-inbox .kt-inbox__toolbar .kt-inbox__controls { margin-top: 10px; margin-bottom: 10px; } .kt-inbox .kt-inbox__toolbar.kt-inbox__toolbar--extended .kt-inbox__actions { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 10px; -webkit-box-pack: flex-first; -ms-flex-pack: flex-first; justify-content: flex-first; } .kt-inbox .kt-inbox__toolbar.kt-inbox__toolbar--extended .kt-inbox__controls { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 10px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .kt-inbox .kt-inbox__view { padding: 0; display: none; } @media (min-width: 1025px) { .kt-inbox .kt-inbox__view { margin-left: 25px; } } .kt-inbox .kt-inbox__view.kt-inbox__view--shown { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-inbox .kt-inbox__view .kt-inbox__subject { 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; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 25px; } .kt-inbox .kt-inbox__view .kt-inbox__subject .kt-inbox__title { margin-right: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kt-inbox .kt-inbox__view .kt-inbox__subject .kt-inbox__title .kt-inbox__text { margin: 0; padding: 0; color: #595d6e; font-size: 1.4rem; font-weight: 500; } .kt-inbox .kt-inbox__view .kt-inbox__subject .kt-inbox__title .kt-inbox__label { margin-left: 0.75rem; } .kt-inbox .kt-inbox__view .kt-inbox__subject .kt-inbox__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0; } .kt-inbox .kt-inbox__view .kt-inbox__subject .kt-inbox__actions .kt-inbox__icon { margin-left: 0.5rem; } .kt-inbox .kt-inbox__view .kt-inbox__subject .kt-inbox__actions .kt-inbox__icon:first-child { margin-left: 0; } .kt-inbox .kt-inbox__view .kt-inbox__reply { margin-top: 30px; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 25px; } .kt-inbox .kt-inbox__view .kt-inbox__reply .kt-inbox__actions { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-inbox .kt-inbox__view .kt-inbox__reply .kt-inbox__actions .btn { margin-right: 1rem; } .kt-inbox .kt-inbox__view .kt-inbox__reply .kt-inbox__form { display: none; } .kt-inbox .kt-inbox__view .kt-inbox__reply.kt-inbox__reply--on .kt-inbox__actions { display: none; } .kt-inbox .kt-inbox__view .kt-inbox__reply.kt-inbox__reply--on .kt-inbox__form { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-inbox .kt-inbox__view .kt-inbox__messages { margin-top: 15px; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message { padding: 0 25px 15px 25px; margin-bottom: 15px; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message:last-child { margin-bottom: 0; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-media { margin-right: 1.2rem; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.5rem 0.5rem 0.5rem 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__info .kt-inbox__author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__info .kt-inbox__author .kt-inbox__name { color: #48465b; font-weight: 600; font-size: 1.1rem; margin-right: 0.5rem; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__info .kt-inbox__author .kt-inbox__status { color: #a2a5b9; font-weight: 500; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__info .kt-inbox__author .kt-inbox__status a { font-size: 0.9rem; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__info .kt-inbox__author .kt-inbox__status .kt-badge { margin-right: 0.4rem; margin-bottom: 0.1rem; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__info .kt-inbox__details { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__info .kt-inbox__details .kt-inbox__tome { display: none; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__info .kt-inbox__details .kt-inbox__tome .kt-inbox__details { padding: 20px 0; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__info .kt-inbox__details .kt-inbox__tome .kt-inbox__details td { padding: 5px 10px; vertical-align: top; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__info .kt-inbox__details .kt-inbox__tome .kt-inbox__details td:nth-child(1) { width: 30px; text-align: right; color: #a2a5b9; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__info .kt-inbox__details .kt-inbox__tome .kt-inbox__details td:nth-child(2) { text-align: left; color: #595d6e; font-weight: 500; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__info .kt-inbox__details .kt-inbox__tome .kt-inbox__label { color: #74788d; font-weight: 400; font-size: 1rem; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__info .kt-inbox__details .kt-inbox__tome .kt-inbox__label i { margin-left: 0.5rem; font-size: 0.7rem; color: #74788d; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__info .kt-inbox__details .kt-inbox__desc { color: #74788d; font-weight: 400; font-size: 1rem; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__actions .kt-inbox__datetime { color: #a2a5b9; font-weight: 500; font-size: 1rem; margin-right: 1.5rem; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__actions .kt-inbox__group { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__actions .kt-inbox__icon.kt-inbox__icon--label:hover i { color: rgba(255, 184, 34, 0.5) !important; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__actions .kt-inbox__icon.kt-inbox__icon--label.kt-inbox__icon--on i { color: #ffb822 !important; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__body { display: none; padding: 1rem 0; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message.kt-inbox__message--expanded .kt-inbox__head .kt-inbox__info .kt-inbox__details .kt-inbox__tome { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message.kt-inbox__message--expanded .kt-inbox__head .kt-inbox__info .kt-inbox__details .kt-inbox__desc { display: none; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message.kt-inbox__message--expanded .kt-inbox__body { display: block; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message.kt-inbox__message--reply .kt-inbox__reply { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__reply { margin-bottom: 30px; } .kt-inbox .kt-inbox__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1); } .kt-inbox .kt-inbox__form .kt-inbox__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 15px 20px 25px; border-bottom: 1px solid #ebedf2; } .kt-inbox .kt-inbox__form .kt-inbox__head .kt-inbox__title { margin-right: 10px; font-size: 1.2rem; font-weight: 500; color: #595d6e; } .kt-inbox .kt-inbox__form .kt-inbox__head .kt-inbox__actions { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-inbox .kt-inbox__form .kt-inbox__head .kt-inbox__actions .kt-inbox__icon { margin-left: 5px; } .kt-inbox .kt-inbox__form .kt-inbox__body { padding: 0 0 10px 0; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 25px; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to .kt-inbox__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to .tagify { border: 0 !important; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to .tagify .tagify__input { border: 0 !important; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to .kt-inbox__field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to .kt-inbox__field.kt-inbox__field--cc, .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to .kt-inbox__field.kt-inbox__field--bcc { display: none; margin-top: 5px; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to .kt-inbox__field .kt-inbox__label { font-weight: 400; font-size: 1rem; width: 40px; min-width: 40px; color: #74788d; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to .kt-inbox__field .kt-inbox__input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to .kt-inbox__field .kt-inbox__input input { border: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to .kt-inbox__field .kt-inbox__input .form-control { border: 0; border-radius: 0; padding-left: 0; padding-right: 0; color: #74788d; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to .kt-inbox__field .kt-inbox__input .form-control::-moz-placeholder { color: #74788d; opacity: 1; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to .kt-inbox__field .kt-inbox__input .form-control:-ms-input-placeholder { color: #74788d; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to .kt-inbox__field .kt-inbox__input .form-control::-webkit-input-placeholder { color: #74788d; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to .kt-inbox__field .kt-inbox__tools { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 1rem; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to .kt-inbox__field .kt-inbox__tools .kt-inbox__tool { font-size: 1rem; color: #a2a5b9; font-weight: 500; margin-left: 10px; cursor: pointer; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to.kt-inbox__to--cc .kt-inbox__tools .kt-inbox__tool:nth-child(1) { display: none; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to.kt-inbox__to--cc .kt-inbox__field.kt-inbox__field--cc { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to.kt-inbox__to--bcc .kt-inbox__tools .kt-inbox__tool:nth-child(2) { display: none; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to.kt-inbox__to--bcc .kt-inbox__field.kt-inbox__field--bcc { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__subject { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 25px; border-top: 1px solid #ebedf2; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__subject .form-control { border: 0; border-radius: 0; padding-left: 0; padding-right: 0; font-weight: 400; font-size: 1rem; color: #74788d; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__subject .form-control::-moz-placeholder { color: #74788d; opacity: 1; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__subject .form-control:-ms-input-placeholder { color: #74788d; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__subject .form-control::-webkit-input-placeholder { color: #74788d; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__text { padding: 10px 25px; padding-bottom: 0; font-weight: 400; font-size: 1rem; color: #74788d; } .kt-inbox .kt-inbox__form .kt-inbox__body .ql-container.ql-snow { border: 0; padding: 0; border-radius: 0; } .kt-inbox .kt-inbox__form .kt-inbox__body .ql-container.ql-snow .ql-editor { font-weight: 400; font-size: 1rem; color: #74788d; padding: 15px 25px; font-family: "Poppins"; } .kt-inbox .kt-inbox__form .kt-inbox__body .ql-container.ql-snow .ql-editor.ql-blank:before { left: 25px; color: #a2a5b9; font-weight: 400; font-style: normal; } .kt-inbox .kt-inbox__form .kt-inbox__body .ql-toolbar.ql-snow { display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0; border: 0; border-top: 1px solid #ebedf2; border-bottom: 1px solid #ebedf2; padding-left: 18px; } .kt-inbox .kt-inbox__form .kt-inbox__body .ql-toolbar.ql-snow .ql-picker-label, .kt-inbox .kt-inbox__form .kt-inbox__body .ql-toolbar.ql-snow .ql-picker-label:before { font-weight: 400; font-size: 1rem; color: #74788d; font-family: "Poppins"; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__attachments { min-width: 500px; display: inline-block; padding: 0 25px; } .kt-inbox .kt-inbox__form .kt-inbox__foot { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 20px 15px 20px 25px; border-top: 1px solid #ebedf2; } .kt-inbox .kt-inbox__form .kt-inbox__foot .kt-inbox__primary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kt-inbox .kt-inbox__form .kt-inbox__foot .kt-inbox__primary .btn-group .btn:nth-child(1) { padding-left: 20px; padding-right: 20px; } .kt-inbox .kt-inbox__form .kt-inbox__foot .kt-inbox__primary .btn-group .btn:nth-child(2) { padding-left: 6px; padding-right: 9px; } .kt-inbox .kt-inbox__form .kt-inbox__foot .kt-inbox__primary .kt-inbox__panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 1rem; } .kt-inbox .kt-inbox__form .kt-inbox__foot .kt-inbox__secondary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; } .kt-inbox .kt-portlet__head { min-height: 80px !important; padding: 10px 25px; } @media (max-width: 1024px) { .kt-inbox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .kt-inbox .kt-inbox__aside { background: #fff; margin: 0; } .kt-inbox .kt-inbox__aside .kt-inbox__compose { margin: 0; } .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item .kt-nav__link { padding: 0.75rem 10px; } .kt-inbox .kt-inbox__toolbar { position: static; } .kt-inbox .kt-inbox__toolbar .kt-inbox__search { margin: 10px 0; } .kt-inbox .kt-inbox__toolbar .kt-inbox__actions { margin: 10px 0; } .kt-inbox .kt-inbox__toolbar .kt-inbox__controls { margin: 10px 0; } .kt-inbox .kt-inbox__list .kt-inbox__items { overflow: auto; } .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item { min-width: 500px; padding: 10px 15px; margin-bottom: 15px; } .kt-inbox .kt-inbox__list .kt-portlet__head { min-height: 60px !important; padding: 10px 15px; } .kt-inbox .kt-inbox__view .kt-inbox__subject { padding: 10px 15px; } .kt-inbox .kt-inbox__view .kt-inbox__subject .kt-inbox__title { display: block; } .kt-inbox .kt-inbox__view .kt-inbox__subject .kt-inbox__title .kt-inbox__text { display: inline; } .kt-inbox .kt-inbox__view .kt-inbox__messages { padding: 10px 15px; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message { padding: 0 10px 5px 10px; margin-bottom: 15px; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-media span { width: 26px; height: 26px; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__info .kt-inbox__details .kt-inbox__desc { display: none; } .kt-inbox .kt-inbox__view .kt-inbox__reply { padding: 10px 15px; overflow: auto; } .kt-inbox .kt-inbox__form { min-width: 400px; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to { padding: 10px 15px; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__subject { padding: 10px 15px; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__text { padding: 10px 15px; } .kt-inbox .kt-inbox__form .kt-inbox__body .ql-container.ql-snow .ql-editor { padding: 15px 15px; } .kt-inbox .kt-inbox__form .kt-inbox__body .ql-container.ql-snow .ql-editor.ql-blank:before { left: 15px; } .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__attachments { min-width: auto; padding: 0 15px; } .kt-inbox .kt-portlet__head { min-height: 60px !important; padding: 10px 15px; } } @media (max-width: 768px) { .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head { -ms-flex-wrap: wrap; flex-wrap: wrap; } .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__actions { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .kt-inbox .kt-inbox__view .kt-inbox__reply { padding: 10px 15px; } } .kt-inbox__aside-close { display: none; } @media (max-width: 1024px) { .kt-inbox__aside { z-index: 1001; position: fixed; -webkit-overflow-scrolling: touch; top: 0; bottom: 0; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); backface-visibility: hidden; -webkit-backface-visibility: hidden; width: 300px !important; -webkit-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; left: -320px; } .kt-inbox__aside.kt-inbox__aside--on { -webkit-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; left: 0; } } @media screen\0 and (max-width: 1024px) { .kt-inbox__aside { -webkit-transition: none !important; transition: none !important; } } @media (max-width: 1024px) { .kt-inbox__aside--right .kt-inbox__aside { right: -320px; left: auto; } .kt-inbox__aside--right .kt-inbox__aside.kt-inbox__aside--on { -webkit-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; right: 0; left: auto; } .kt-inbox__aside-close { width: 25px; height: 25px; top: 1px; z-index: 1002; -webkit-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; position: fixed; border: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; outline: none !important; 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; left: -25px; } } @media screen\0 and (max-width: 1024px) { .kt-inbox__aside-close { -webkit-transition: none !important; transition: none !important; } } @media (max-width: 1024px) { .kt-inbox__aside-close > i { line-height: 0; font-size: 1.4rem; } .kt-inbox__aside-close:hover { text-decoration: none; } .kt-inbox__aside--right .kt-inbox__aside-close { left: auto; right: -25px; } .kt-inbox__aside--on .kt-inbox__aside-close { -webkit-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; left: 274px; } .kt-inbox__aside--on.kt-inbox__aside--right .kt-inbox__aside-close { left: auto; right: 274px; } .kt-inbox__aside-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; z-index: 1000; background: rgba(0, 0, 0, 0.1); -webkit-animation: kt-animate-fade-in .3s linear 1; animation: kt-animate-fade-in .3s linear 1; } .kt-inbox__aside-overlay { background: rgba(0, 0, 0, 0.05); } .kt-inbox__aside-close { background-color: #f7f8fa; } .kt-inbox__aside-close > i { color: #74788d; } .kt-inbox__aside-close:hover { background-color: transparent; } .kt-inbox__aside-close:hover > i { color: #2c77f4; } } @media (max-width: 350px) { .kt-inbox__aside { width: 90% !important; } } color: #74788d; } .kt-inbox__aside-close:hover { background-color: transparent; } .kt-inbox__aside-close:hover > i { color: #5d78ff; } } @media (max-width: 350px) { .kt-inbox__aside { width: 90% !important; } }