.post-mail-page .post-mail-content .width-col-one{width: 15%;padding-left: 30px;}
.post-mail-page .post-mail-content .width-col-two{width: 42%;}
.post-mail-page .post-mail-content .width-col-three{width: 31%;}
.post-mail-page .post-mail-content .width-col-four{width: 6%;}
.post-mail-page .post-mail-content .width-col-five{width: 6%;}
.post-mail-page .post-mail-content .no-active-case-card {border: 1px solid #e5e5e5;border-radius: 2px;font-family: 'Roboto', sans-serif;font-size: 10px;font-weight: 500;line-height: 1.2;letter-spacing: 0.6px;color: #9d9d9d;padding: 23px 0;text-align: center;}
.post-mail-page .case-number-head{margin-bottom: 20px;}
.post-mail-page .post-mail-content .vis-collapsed{padding-top: 0px;display: inline-block;text-align: center;width: 100%;}
.post-mail-page .post-mail-content .vis-collapsed:hover{cursor: pointer;}
.post-mail-page .post-mail-content td {vertical-align: middle;border-bottom: 3px solid #f2f2f4;border-top: 1px solid transparent;}
.post-mail-page .post-mail-content td .down-arrow-icon {background: url('/images/icon_btn_collapsed_stroke.svg');background-repeat: no-repeat;width: 14px;height: 7px;display: inline-block;}
.post-mail-page .post-mail-content td .up-arrow-icon {background: url('/images/icon_btn_expanded_stroke.svg');background-repeat: no-repeat;width: 14px;height: 7px;display: inline-block;}
.post-mail-page .post-mail-content .recevied-date{padding-left: 22px;}
.post-mail-page .post-mail-content .delete-post-mails{border-radius: 19.5px;border: solid 1px #3c3c3c;padding: 3px 13px;width: 47px;text-align: center;margin: 0 auto;}
.post-mail-page .post-mail-content .delete-post-mails:hover{cursor: pointer;}
.post-mail-page .delete-post-mail-popup {z-index: 9;background: #fff;padding: 35px;width: 400px;position: relative;}
.post-mail-page .delete-post-mail-popup .delete-post-mail-popup-close {background: url(/images/icon_close_circular_stroke.svg) no-repeat;position: absolute;right: 0;width: 23px;height: 24px;cursor: pointer;top: -30px;}
.post-mail-page .delete-post-mail-popup label {font-family: 'Roboto', sans-serif;font-weight: normal;font-size: 20px;color: #3c3c3c;width: 100%;margin: 20px auto 15px auto;text-align: center;line-height: 1.1;}
.post-mail-page .delete-post-mail-popup .msg {text-align: center;}
.post-mail-page .delete-post-mail-popup .confirm-btn {border-radius: 19.5px;background-color: #544bd6;width: 116px;margin: 20px auto 0 auto;text-align: center;font-family: 'Roboto', sans-serif;font-size: 10px;font-weight: 500;line-height: 1.2;letter-spacing: 0.6px;color: #fff;padding: 13px 23px 14px 23px;}
.post-mail-page .delete-post-mail-popup .confirm-btn:hover{cursor: pointer;}
.post-mail-page tr.post_mail_tr_row.tr-grey-bg{background-color: #e4e4e9;}
.post-mail-page tr.post_mail_tr_row.tr-while-bg{background-color: #ffffff;}
.post-notification-wrapper{position: relative;}
.post-notification-icon{position: absolute;width: 6px;height: 6px;background-color: #4bd697;border-radius: 50%;left: 12px;top: 25px;z-index: 1;border: 2px solid #414141;padding: 3px;}
.post-notification-cnt{font-size: 10px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #ffffff;display: inline-block;position: absolute;left: 28px;bottom: 0px;top:30px;}
.post-mail-page .post-mail-subject:hover{cursor: pointer;}
.createPostMailActivityForm .form-fields-wrapper {padding-left: 22px;}
.createPostMailActivityForm .form-fields-wrapper input{width: 100%;border: none;padding: 11px 10px 11px 20px;font-family: 'Roboto', sans-serif;font-size: 12px;font-weight: normal;line-height: 1.4;letter-spacing: 0.6px;color: #3c3c3c;}
.createPostMailActivityForm .form-fields-wrapper .input-wrapper{border-radius: 2px;border: solid 1px #e5e5e5;background-color: #ffffff;}
.createPostMailActivityForm .form-fields-wrapper .heading-wrapper{width: 82.2%;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-1{width: 23%;float: left;position: relative;}
.createPostMailActivityForm .form-fields-wrapper .default-value {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius: 2px;border: solid 1px #e5e5e5;background-color: #ffffff;padding: 13px 0 14px 20px;display: inline-block;font-family: 'Roboto', sans-serif;font-size: 10px;line-height: 1.2;letter-spacing: 0.6px;color: #3c3c3c;margin: 10px 0px 0 20px;text-transform: uppercase;}
.createPostMailActivityForm .form-fields-wrapper .collapse-arrow {position: absolute;top: 20px;right: 10%;}
.createPostMailActivityForm .form-fields-wrapper .collapse-arrow:hover{cursor: pointer;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-1 .default-value{margin-left: 0;width: 96%;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-1 .first-ul{width: 96%;position: absolute;z-index: 99;list-style: none;padding-left: 0px;top: 10px;border-radius: 2px;box-shadow: 0 2px 8px 0 rgba(165, 174, 232, 0.5);border: solid 1px #a5aee8;background-color: #ffffff;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-1 .first-ul .default-li {font-family: 'Roboto', sans-serif;font-size: 14px;font-style: italic;line-height: 0.86;letter-spacing: 0.4px;color: #3c3c3c;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-1 .first-ul .default-li .collapse-up-arrow {position: absolute;right: 15px;top: 8px;background: url('/images/icon_btn_collapsed_up.svg') no-repeat;width: 14px;height: 7px;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-1 .first-ul li {padding: 5px 0 5px 20px;font-family: 'Roboto', sans-serif;font-size: 12px;line-height: 1.5;letter-spacing: 0.6px;color: #3c3c3c;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-1 .first-ul li:hover {background-color: rgba(75, 87, 214, 0.05);color: #4b57d6;font-weight: 500;cursor: pointer;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-1 .first-ul .default-li:hover {background-color: transparent;color: #797979;font-weight: normal;}

.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-2{width: 20%;float: left;position: relative;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-2 .default-value{margin-left: 0;width: 96%;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-2 .mail-recevied-date{font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 0.86;letter-spacing: 0.4px;text-align: center;color: #4b57d6;display: inline-block;text-decoration: underline;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-2 .mail-recevied-date:hover{cursor: pointer;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-3{width: 20%;float: left;position: relative;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-3 .default-value{margin-left: 0;width: 96%;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-3 .sec-ul{width: 96%;position: absolute;z-index: 99;list-style: none;padding-left: 0px;top: 10px;border-radius: 2px;box-shadow: 0 2px 8px 0 rgba(165, 174, 232, 0.5);border: solid 1px #a5aee8;background-color: #ffffff;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-3 .sec-ul .default-li {font-family: 'Roboto', sans-serif;font-size: 14px;font-style: italic;line-height: 0.86;letter-spacing: 0.4px;color: #3c3c3c;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-3 .sec-ul .default-li .collapse-up-arrow {position: absolute;right: 15px;top: 8px;background: url('/images/icon_btn_collapsed_up.svg') no-repeat;width: 14px;height: 7px;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-3 .sec-ul li {padding: 5px 0 5px 20px;font-family: 'Roboto', sans-serif;font-size: 12px;line-height: 1.5;letter-spacing: 0.6px;color: #3c3c3c;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-3 .sec-ul li:hover {background-color: rgba(75, 87, 214, 0.05);color: #4b57d6;font-weight: 500;cursor: pointer;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-3 .sec-ul .default-li:hover {background-color: transparent;color: #797979;font-weight: normal;}

.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-4{width: 20%;float: left;position: relative;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-4{width: 20%;float: left;position: relative;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-4 .default-value{margin-left: 0;width: 96%;padding-right: 25px;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-4 .third-ul{width: 96%;position: absolute;z-index: 99;list-style: none;padding-left: 0px;top: 10px;border-radius: 2px;box-shadow: 0 2px 8px 0 rgba(165, 174, 232, 0.5);border: solid 1px #a5aee8;background-color: #ffffff;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-4 .third-ul .default-li {font-family: 'Roboto', sans-serif;font-size: 14px;font-style: italic;line-height: 0.86;letter-spacing: 0.4px;color: #3c3c3c;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-4 .third-ul .default-li .collapse-up-arrow {position: absolute;right: 15px;top: 8px;background: url('/images/icon_btn_collapsed_up.svg') no-repeat;width: 14px;height: 7px;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-4 .third-ul li {padding: 5px 0 5px 20px;font-family: 'Roboto', sans-serif;font-size: 12px;line-height: 1.5;letter-spacing: 0.6px;color: #3c3c3c;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-4 .third-ul li:hover {background-color: rgba(75, 87, 214, 0.05);color: #4b57d6;font-weight: 500;cursor: pointer;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-4 .third-ul .default-li:hover {background-color: transparent;color: #797979;font-weight: normal;}

.createPostMailActivityForm .bottom-form-part .save-btn-wrapper{float: right;margin-top: 10px;border-radius: 19.5px;background-color: #f2f2f4;font-size: 10px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.2;letter-spacing: 0.6px;color: #797979;padding: 13px 23px 14px 23px;margin-right: 23px;}
.createPostMailActivityForm .bottom-form-part .save-btn-wrapper.active{background-color: #4b57d6;color: #fff;}
.createPostMailActivityForm .bottom-form-part .save-btn-wrapper.active:hover{cursor: pointer;}
.createPostMailActivityFormWrapper .datePickerPostMail{border-radius: 2px;box-shadow: 0 2px 8px 0 rgba(165, 174, 232, 0.5);border: solid 1px #a5aee8;background-color: #ffffff;left: 35%;top: 50px;}
.createPostMailActivityFormWrapper .datePickerPostMail .date-picker-close {background: url("/images/icon_close_btn.svg") no-repeat;right: 15px;top: 24px;}
.createPostMailActivityFormWrapper .datePickerPostMail label {text-align: left;margin-left: 0;}
.createPostMailActivityFormWrapper .datePickerPostMail #datePickerPostMail {margin-bottom: 39px;}
.createPostMailActivityFormWrapper .datePickerPostMail .add-date-btn {position: absolute;bottom: 0;width: 99.9%;left: 0px;text-align: center;border-radius: 0;}
.post-mail-page .post-mail-content .datePickerPostMail td{border: none;}
.post-mail-page .createPostMailActivityFormWrapper {position: relative;}
.mail-attachment-list-wrapper {float: left; width: 100%;}
.mail-attachment-list-wrapper .col-first{float: left;float: left;width: 43.2%;padding: 10px 0 10px 22px;text-decoration: underline;}
.mail-attachment-list-wrapper .col-sec{float: left;width: 52%;padding-top: 8px;position: relative;}
.mail-attachment-list-wrapper .col-sec .postMailAttachmentName{border-radius: 2px;background-color: rgba(75, 87, 214, 0.05);padding: 7px 0 8px 16px;border: none;width: 100%;font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 0.86;letter-spacing: 0.4px;color: #3c3c3c;}
.mail-attachment-list-wrapper .col-sec .mail-attachment-cancel-btn{position: absolute;position: absolute;right: 6px;font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: 0.6px;text-align: right;color: #797979;top: 19px;}
.mail-attachment-list-wrapper .col-sec .mail-attachment-cancel-btn:hover{cursor: pointer;}
.mail-attachment-list-wrapper .col-sec .mail-attachment-save-btn{position: absolute;position: absolute;right: 6px;font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: 0.6px;text-align: right;color: #4b57d6;top: 19px;}
.mail-attachment-list-wrapper .col-sec .mail-attachment-save-btn:hover{cursor: pointer;}

.mail-attachment-list-wrapper .col-third{float: left;text-align: right;width: 52%; font-family: 'Roboto', sans-serif; font-size: 12px;font-weight: 500;line-height: 1;letter-spacing: 0.6px;color: #4b57d6;padding-top: 16px;}
.mail-attachment-list-wrapper .col-third:hover{cursor: pointer;}
.mail-attachment-list-wrapper .col-forth{float: right;padding-right: 22px;padding-top: 12px;}
.mail-attachment-list-wrapper .mail-attachment-icon:hover {cursor: pointer;}
.mail-attachment-list-wrapper .mail-attachment-checked-icon:hover {cursor: pointer;}
.post-mail-header-icon{position: relative;}
.mail-attachment-list-wrapper .pdf-link {color: #3c3c3c;}
.mail-attachment-list-wrapper .pdf-link:hover {color: #3c3c3c;}
#postMailListingContentWrapper #showPostMails .sorting-col:hover{cursor: pointer;}
#postMailListingContentWrapper #showPostMails .recevied-date-text:hover{cursor: pointer;}

.mail-attachment-list-wrapper .col-sec .default-mail-attachment-save-btn{position: absolute;position: absolute;right: 6px;font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: 0.6px;text-align: right;color: #4b57d6;top: 19px;}
.mail-attachment-list-wrapper .col-sec .default-mail-attachment-save-btn:hover{cursor: pointer;}
.mail-attachment-list-wrapper .col-sec .defaultmail-attachment-cancel-btn{position: absolute;position: absolute;right: 6px;font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: 0.6px;text-align: right;color: #797979;top: 19px;}
.mail-attachment-list-wrapper .col-sec .defaultmail-attachment-cancel-btn:hover{cursor: pointer;}
.mail-attachment-list-wrapper .defaultcol-third{float: left;text-align: right;width: 52%; font-family: 'Roboto', sans-serif; font-size: 12px;font-weight: 500;line-height: 1;letter-spacing: 0.6px;color: #4b57d6;padding-top: 16px;}
.mail-attachment-list-wrapper .defaultcol-third:hover{cursor: pointer;}
.mail-attachment-list-wrapper .col-sec .defaultpostMailAttachmentName{border-radius: 2px;background-color: rgba(75, 87, 214, 0.05);padding: 7px 0 8px 16px;border: none;width: 100%;font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 0.86;letter-spacing: 0.4px;color: #3c3c3c;}
.mail-attachment-list-wrapper .defaultmail-attachment-icon:hover {cursor: pointer;}
.mail-attachment-list-wrapper .defaultmail-attachment-checked-icon:hover {cursor: pointer;}
.createPostMailActivityForm .form-fields-wrapper .mail-from-wrapper-4 .third-ul li.nothidden {padding: 10px 0 10px 20px;}

.post-mail-page .already-journalis-mail-popup {z-index: 9;background: #fff;padding: 35px;width: 400px;position: relative;}
.post-mail-page .already-journalis-mail-popup .already-journalis-mail-popup-close {background: url(/images/icon_close_circular_stroke.svg) no-repeat;position: absolute;right: 0;width: 23px;height: 24px;cursor: pointer;top: -30px;}
.post-mail-page .already-journalis-mail-popup label {font-family: 'Roboto', sans-serif;font-weight: normal;font-size: 20px;color: #3c3c3c;width: 100%;margin: 20px auto 15px auto;text-align: center;line-height: 1.1;}
.post-mail-page .already-journalis-mail-popup .msg {text-align: center;}
.post-mail-page .already-journalis-mail-popup .confirm-btn {border-radius: 19.5px;background-color: #544bd6;width: 116px;margin: 20px auto 0 auto;text-align: center;font-family: 'Roboto', sans-serif;font-size: 10px;font-weight: 500;line-height: 1.2;letter-spacing: 0.6px;color: #fff;padding: 13px 23px 14px 23px;}
.post-mail-page .already-journalis-mail-popup .confirm-btn:hover{cursor: pointer;}