.mailContainer {
    margin:0px !important;
    font-size:13px;
}
.np {
    margin: 12px 0px;
}
.message-item-out {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    transition: all 0.5s ease;
}
.message-container {
    width:100%;
}
.message-icon-out {
    width:50px;
    text-align: center;
}
.message-item-out {
    background-color: #f3f3f3;
    padding:10px;
    border-radius: 5px;
    margin-bottom:5px;
    width:calc(100% - 100px);
    float: right;
    border-right:3px solid #b4b4b4;
}


.message-item-in {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}
.message-icon-in {
    width:50px;
    text-align: center;
}
.message-item-in {
    background-color: #f3f3f3;
    padding:10px;
    border-radius: 5px;
    margin-bottom:5px;
    /*width:calc(100% - 100px);*/
    border-left:3px solid #50adff;
    transition: all 0.5s ease;
}

.top-info {
    /*font-weight: bold;*/
    color: #838383;
}
.message-subject {
    margin-top:5px;
    font-size:15px;
    font-weight: bold;
}
.message-text {
    margin-top:5px;
}
.unseen-message {
    background-color: #e3e3e3;
    padding:10px;
    border-radius: 5px;
    margin-bottom:5px;
    width:calc(100% - 100px);
    border-left:3px solid #0a7ad5;
}
.message-item-in:hover {
    /*border-left:5px solid #0362af;*/
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.message-item-out:hover {
    /*border-right:5px solid #949494;*/
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.reply-btn {
    float:right;
    margin-right:5px;
}
.message-reply-cont {
    display: none;
    margin-bottom:15px;
    border-left: 2px solid #f3f3f3;
    padding:5px;
}
.mail-form-title {
    font-weight: bold;
    font-size:15px;
    margin-bottom:5px;
}
.success-send-block {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.newMailLink {
    text-align: center;
    color:#ffffff;
    font-weight: bold;
    vertical-align: -1px;
    font-size:10px;
    width:16px;
    height:16px;
    display: inline-block;
    border-radius: 8px;
    background-color: red;
}
.noMailLink {
    color: #a4a4a4;
    font-weight: bold;
    vertical-align: -1px;
}

.lead-main-filter select {
    border-right: 7px solid #F3F6FC !important;
}
.flex-pos {
    display: flex;
    align-items: center;
}
.lead-main-filter .custom-control-input~.custom-control-label::before {
    color: #fff;
    border-color: #ACBCDA;
    background-color: #fff;
}
.lead-main-filter .custom-control-input:checked~.custom-control-label::before {
    border-color: #366A99 !important;
}
.lead-main-filter .custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #366A99;
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem);

}
.lead-main-filter .custom-switch .custom-control-input~.custom-control-label::after {
    background-color: #ACBCDA;
}
.filter-add-btn {
    background-color: #366A99 !important;
    color: #fff !important;
    font-weight: 900 !important;
    font-size: 24px;
    line-height: 18px;
    height: 30px;
}
.leads-filter-form .search-placeholder-img {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    margin-left: 7px;
}
.leads-filter-form .search-inp {
    padding-left: 35px !important;
}
.leads-filter-form input::placeholder, .leads-filter-form select::placeholder {
    color: #ACBCDA;
}
.leads-filter-form input, .leads-filter-form select {
    color: #ACBCDA;
}

.leads-filter-form select {
    border-right: 7px solid #F3F6FC !important;
}

.flex-filter-btns {
    display: flex;
    gap: 2px;
    align-items: center;
}
.flex-filter-btns a {
    width: 50%;
}
.flex-filter-btns .submitFilterForm {
    background-color: #3DB8BD;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}
.flex-filter-btns .submitFilterForm:hover {
    background-color: rgba(61, 184, 189, 0.75);
    color: #fff;
}
.flex-filter-btns .resetBtn {
    background-color: #B2114B;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}
.flex-filter-btns .resetBtn:hover {
    background-color: rgba(178, 17, 75, 0.75);
    color: #fff;
}
.filter-form .btn {
    border: 0px;
}
.leads-filter-form select {
    border-right: 10px solid transparent !important;
}
.leads-filter-form input::placeholder, .select2-selection__placeholder {
    color: #ACBCDA !important;
}

.leads-filter-form .select2-selection__rendered {
    line-height: 40px !important;
}
.leads-filter-form .select2-container .select2-selection--single {
    height: 40px !important;
}
.leads-filter-form .select2-selection__arrow {
    height: 37px !important;
}
.leads-filter-form input {
    height: 40px;
    font-size: inherit;
}
.select2-dropdown {
    border: 0 !important;
    margin-top: 5px !important;
    border-radius: 6px !important;
    box-shadow: 0px 3px 12px 0px #04122D14;
    overflow: hidden;

}
.select2-search__field {
    border-radius: 5px !important;
    border-color: #cccccc !important;
}
.dev-table {
    border-radius: 6px !important;
    overflow: hidden;
}
.dev-table thead tr th, .dev-table thead tr td {
    background-color: #05091208;
}
.dev-table th, .dev-table td {
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.007em;
    text-align: left;
    padding-left: 8px !important;
}
.dev-table tr, .dev-table td {
    height: 29px !important;
    vertical-align: middle !important;

}
.flex-middle {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 6px;
}
.mail-icon {
    width: 12px;
    opacity: 0.5;
}
.simple-icon {
    width: 16px;
}
.del-icon {
    width: 17px;
}
.no-borders tr, .no-borders td, .no-borders th {
    border: 0 !important;
    vertical-align: middle !important;
}
.btn-primary {
    background-color: #d1edff;
    border: 0 !important;
    border-radius: 3px;
    color: #235473;
}
#subTableRowTable {
    width: 1160px !important;
}
.middle-center-flex {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex: 1;
}
.req-footer {
    display: flex;
    gap: 30px;
    align-items: center;
    width: 1160px !important;
}
.req-footer .right-side {
    width: 200px;
    display: flex;
    gap: 8px;
    flex-direction: column;
}
.req-footer .left-side {
    flex: 1;
}
.right-side-act {
    display: flex;
    gap: 3px;
    flex-direction: column;
}
.right-side-act .inp-box {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.right-side-act .inp-box .custom-radio2 {
    display: flex;
    align-items: center;
    gap: 7px;
}
.right-side-act .inp-box .custom-radio2 label {
    margin-bottom: 0 !important;
}
.req-form .form-control, .req-form .select2-selection {
    background-color: #fff !important;
}
.supp-email {
    font-weight: lighter;
    font-style: italic;
}
.hidden-elem {
    display: none !important;
}