/* .col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    padding-left: 8px;
    padding-right: 8px;
} */

.my-feed.card-body.p-2:hover {
    background: #e7e7e7;
    color: #494949 !important;
    font-weight: bold;
}

.card-body.my-feed.text-center.p-2 svg:hover {
    color: #fff !important;
}

.progress {
    display: flex;
    height: 12px;
    width: 110px;
    overflow: hidden;
    font-size: 0.60975rem;
    background-color: transparent;
    border-radius: 6px;
    border: 1px solid #d0d5dd;
}
.progress-bar-striped {
    margin: 2px;
    border-radius: 8px;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #663399;
    transition: width 0.6s ease;
}

h1 {
    font-size: 1.5rem !important;
    line-height: 1;
    margin: 0;
    margin-bottom: 0.5rem !important;
}

.btn-primary {
    border: none;
    background-image: linear-gradient(
        to right,
        #5a55d6,
        #7859e1,
        #945ceb,
        #af5ef3,
        #ca60fb
    );
}

.hide-span {
    display: none;
}

.message-icon .badge-top-container .badge {
    top: 2px;
    font-size: 11px;
    right: -10px;
}

element.style {
    font-size: 15px;
}

.active-link {
    background: #e7e7e7;
    color: #494949 !important;
    font-size: 15px;
}

.inbox-no-message {
    position: relative;
    right: 128px;
    top: 78px;
}

.inbox-li {
    padding-left: 11px;
    color: #fff !important;
}

.message-active {
    background-color: #ad5ef3;
    color: #fff !important;
}

.inbox-main-sidebar-container
    .inbox-secondary-sidebar-container
    .inbox-secondary-sidebar
    .mail-item:hover {
    background-color: #ad5ef3;
    color: #fff !important;
}

.cursor-pointer {
    cursor: pointer;
}

.form-control {
    height: 45px;
    padding-left: 35px ;
    background-color: #fff !important;
    border-radius: 8px;
    border: 1px solid #d0d5dd;
}

.active_right_bar {
    color: #fff;
    font-weight: bold;
}

textarea.form-control {
    height: 45px;
    min-height: 45px;
}

textarea.form-control::placeholder {
    padding-top: 5px;
}

.color {
    width: 36px;
    height: 36px;
    display: inline-block;
    border-radius: 50%;
    margin-top: -5px;
    text-align: center;
    box-shadow: 0 4px 20px 1px rgb(0 0 0 / 6%), 0 1px 4px rgb(0 0 0 / 3%);
    cursor: pointer;
    background-color: green;
}

select.form-control {
    position: relative;
    appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    background: url("images/selectarrow.png") no-repeat 97% 50%;
}

.login_wrepp .logo {
    width: 60px;
    margin: 15px 0px 0px 25px;
}

.card-custom-width {
    width: 180px;
}

.apexcharts-title-text {
    font-weight: bold !important;
    font-size: 18px !important;
}

.login_wrepp .logo2 {
    width: 70px;
    display: inline-block;
    padding: 15px 10px;
}

.logo_row {
    background: #e7e7e7;
    color: #494949 !important;
}

.auth-layout-wrap .auth-content {
    max-width: 760px;
}

.login_wrepp .nav-pills .nav-link.active,
.login_wrepp .nav-pills .show > .nav-link {
    color: #fff;
    border-bottom: 4px solid #fff;
    background: none;
}

.login_wrepp .nav-pills .nav-link {
    font-size: 20px;
    color: #fff;
    padding: 30px;
    font-weight: 600;
    border-radius: 0px;
}

.logo_row .nav.nav-pills {
    display: table;
    float: right;
}

.logo_row .nav.nav-pills .nav-item {
    display: table-cell;
}

.login_wrepp .loginform {
    text-align: center;
    max-width: 500px;
    margin: auto;
    padding: 40px 20px;
}

.login_wrepp .loginform .form-control {
    margin-bottom: 10px;
}

.login_wrepp h1 {
    font-size: 30px;
    font-weight: 300;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.icon {
    position: absolute;
    left: 14px;
    top: 14px;
    z-index: 1;
    /* transform: translateY(-50%); */
    width: 18px;
}

.second_icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}

.error_border {
    border: 1px solid red;
}

.active_forum {
    background: #e7e7e7;
    color: #494949 !important;
}

.active_forum h6 {
    color: #fff;
}

.active_forum span {
    color: #fff !important;
}

.chat-sidebar-container .chat-content-wrap .chat-content {
    height: calc(100vh - 405px) !important;
}

.chat-sidebar-container {
    height: calc(100vh - 266px) !important;
}

.chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable {
    height: calc(100vh - 316px) !important;
}

a.gorp_name_list:hover {
    background: #e7e7e7;
    color: #494949 !important;
}

a.gorp_name_list:hover h6 {
    color: #fff;
}

a.gorp_name_list:hover span {
    color: #fff !important;
}

a.p-3.d-flex.align-items-center.border-bottom.online.contact.active_forum h6 {
    color: #fff;
}

a.p-3.d-flex.align-items-center.border-bottom.online.contact.active_forum span {
    color: #fff !important;
}

a.p-3.d-flex.align-items-center.border-bottom.online.contact:hover h6 {
    color: #000;
}

.chat-sidebar-container
    .chat-sidebar-wrap
    .contacts-scrollable
    .contact:before {
    width: 12px;
    height: 12px;
    background: #bbb;
}

.gorp_name_list.p-3.d-flex.align-items-center.border-bottom.online.contact {
    position: relative;
}

.gorp_name_list.p-3.d-flex.align-items-center.border-bottom.online.contact:before {
    background: #e7e7e7;
    color: #494949 !important;

    width: 12px;
    height: 12px;
    position: absolute;
    content: "";
    top: calc(50% - 4px);
    right: 30px;
    border-radius: 50%;
}

.chat-sidebar-container
    .chat-sidebar-wrap
    .contacts-scrollable
    .contact.online:before {
        background: #e7e7e7;
        color: #494949 !important;
}

a.p-3.d-flex.align-items-center.border-bottom.online.contact:hover span {
    color: #000;
}

.chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .contact:hover {
    background: #e7e7e7;
    color: #494949 !important;
}

.login_wrepp .btn-primary {
    max-width: 200px;
    margin: auto;
}

.loginform.sigin {
    max-width: 600px;
}

.orcid {
    width: 80px;
    margin-top: -6px;
    display: inline-block;
    margin-right: 5px;
}

.ortext {
    margin: 0px 0px 20px;
}

.addpicrow img {
    border-radius: 100%;
    height: 100%;
}

.addpicrow {
    width: 180px;
    height: 180px;
    margin: auto;
}

.loginform p {
    font-weight: 300;
    font-size: 18px;
}

.loderbox_login {
    height: 40px;
}

.layout-sidebar-vertical .sidebar-panel {
    background: #5956d6 !important;
}

.layout-sidebar-vertical
    .sidebar-panel
    .side-nav
    .main-menu
    ul
    li
    a
    .item-name {
    color: #fff;
}

.metismenu .has-arrow::after {
    border-color: #667085;
}

.metismenu .has-arrow::after {
    opacity: 1 !important;
}

.gull-brand img {
    width: 150px;
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a {
    color: #fff;
}

.Ul_li--hover::before {
    background-color: #c960fb;
    opacity: 1;
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a:hover {
    color: #fff;
}

.layout-sidebar-vertical
    .sidebar-panel
    .side-nav
    .main-menu
    ul
    li
    a:hover
    .item-name {
    color: #fff;
}

.layout-sidebar-vertical
    .sidebar-panel
    .side-nav
    .main-menu
    ul
    li
    a:hover::after {
    border-color: #fff;
}

.layout-sidebar-vertical .sidebar-panel .sidebar-compact-switch {
    border: 1px solid #fff;
}

.layout-sidebar-vertical .sidebar-panel .sidebar-compact-switch span {
    background: #fff;
}

.main-header {
    background: #e7e7e7;
    color: #494949 !important;
}

.layout-sidebar-vertical .main-content-wrap .main-header .header-toggle {
    color: #fff;
}

.main-header .header-icon {
    color: #fff !important;
}

.bg-off-white {
    background-color: #f6f7fa;
}

.card-icon-bg .card-body .content {
    margin: 0 0 0 15px;
    max-width: inherit;
}

.reswayModal .modal-content {
    border-radius: 0;
    border: none;
}

.sub-modal {
    box-shadow: 6px 4px 9px -2px #ccc;
}

.reswayModal .modal-header {
    padding: 15px 10px;
    text-align: center;
    display: block;
    border-bottom: none;
    border-radius: 0px;
    /* background-image: linear-gradient(
        to right,
        #5a55d6,
        #7859e1,
        #945ceb,
        #af5ef3,
        #ca60fb
    ); */
}

.reswayModal .modal-header img {
    width: 50px !important;
}

.reswayModal .modal-body {
    text-align: center;
    overflow: hidden;
}

.modal-header .close {
    margin: -25px -1rem -1rem auto;
    color: #fff;
    opacity: 1;
}

.modal-header .close {
    margin: 0px;
    color: #333;
    opacity: 1;
    text-shadow: none;
    background: #fff;
    border-radius: 100%;
    width: 25px;
    line-height: 25px;
    padding: 0;
    font-size: 20px;
    position: absolute;
    right: 16px;
    top: 16px;
}

.modal-header .close:not(:disabled):not(.disabled):focus,
.modal-header .close:not(:disabled):not(.disabled):hover {
    opacity: 1;
}

.sidebar-panel.bg-white {
    /* background-image: linear-gradient(
        to right,
        #5a55d6,
        #7859e1,
        #945ceb,
        #af5ef3,
        #ca60fb
    ) !important; */
    background-color: #101828 !important;
}

.error {
    color: #ff0000 !important;
}

.edit {
    width: 32px;
    height: 32px;
    display: inline-block;
    cursor: pointer;
    margin-left: 10px;
}

.editnamegroup {
    margin: auto;
    min-width: 125px;
}

#review {
    position: relative;
    width: 100%;
    right: inherit;
    top: 100%;
    z-index: 99;
    background: none;
    padding: 0;
    text-align: left;
    box-shadow: none;
}

.timelinerow {
    background: #e7e7e7;
    color: #494949 !important;
    text-align: center;
    padding: 20px 5px;
    margin-top: 30px;
}

.timelinebox {
    border: 1px solid rgba(132, 146, 175, 0.3);
    padding: 20px 10px 15px;
    background: #fff;
}

.timelinebox .form-control {
    border-radius: 0px;
    background: none;
    font-size: 14px;
    margin-bottom: 10px;
    color: #333333;
    height: 40px;
    border-bottom: 1px solid rgba(132, 146, 175, 0.3);
}

.timelinebox .btn-info {
    line-height: 30px;
    border-radius: 32px;
    border: none;
    background: #e7e7e7;
    color: #494949 !important;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
}

.nerow .col-lg-3 {
    position: relative;
}

.col-lg-3.last_stage:after {
    display: none;
}

.nerow .col-lg-3::after {
    content: "";
    position: absolute;
    background: url("images/arrow.png") no-repeat;
    background-size: auto;
    right: -114px;
    top: 50%;
    width: 115px;
    height: 80px;
    transform: translateY(-50%);
}

.nerow .col-lg-3:nth-child(3n + 2)::after {
    display: none;
}

/*
 #review:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fafafa;
	top: -10px;
	right: 30px;
	transform: translateX(-50%);
}
*/

.searchpublish .card-header {
    background-color: #fff !important;
}

.searchpublish .card-footer {
    background-color: #fff !important;
}

#review h1 {
    font-size: 28px;
    color: #333333;
    padding-top: 0;
    font-weight: 300;
    margin-bottom: 15px;
    text-align: center;
}

#review h1 a {
    color: #333333;
}

#review .accepted {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 14px;
    display: none;
    color: #333333;
}

#review .accepted span.accepte {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #009d10;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

#review span.revise {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #e92121;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

#review span.pending {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #e9e521;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

#review h2 {
    font-size: 18px;
    margin: 10px 0px;
    color: #0e1a35;
}

#review h2 span {
    font-size: 14px;
}

#review p {
    font-size: 14px;
    max-height: 150px;
    overflow: auto;
    color: #0e1a35;
}

span.dropdown.viewdrop .dropdown-toggle:after {
    right: -10px !important;
    color: #794da3a1;
}

.adminrow1 h2 {
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 0px;
}

.dropdown-menu.re-drop1 {
    min-width: 300px;
    right: -58px !important;
    left: inherit !important;
    top: 90% !important;
    transform: none !important;
    padding: 20px 15px;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 17%);
}

.dropdown-menu.re-drop1 label {
    font-size: 14px;
    display: block;
    color: #333;
    margin-bottom: 5px;
}

a.flip_close {
    position: absolute;
    top: 3px;
    right: 6px;
    opacity: 1;
}

dropdown-menu.re-drop1 .form-control {
    margin-bottom: 15px;
    padding-left: 15px !important;
}

.main-header .header-icon:hover,
.main-header .header-icon:hover {
    background: unset !important;
}

.custom_interest .bootstrap-tagsinput {
    width: 100%;
    min-height: 44px;
    text-align: left;
    padding-left: 30px;
}

.icon_center {
    top: 50% !important;
}

.group_img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    margin-right: 10px;
    vertical-align: middle;
}

.group_img2 {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

#preview_image {
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.p_detial_img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.p_detial_members {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.main-header .show .header-icon {
    background: none;
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul {
    padding: 0;
}

.rightside #content-2.content {
    height: 162px;
}

.rightside #content-3.content {
    height: 125px;
}

#content-4.content {
    height: 325px;
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgb(109, 87, 221) !important;
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools
    .mCSB_dragger.mCSB_dragger_onDrag
    .mCSB_dragger_bar {
    background-color: rgb(109, 87, 221) !important;
}

.card-icon-bg [class^="i-"] {
    font-size: 3rem;
}

.layout-sidebar-vertical
    .sidebar-panel
    .side-nav
    .main-menu
    ul
    li
    ul
    li
    a:hover {
    color: #fff;
    font-weight: bold;
}

.select2-container .select2-selection--single {
    height: 45px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 45px;
    padding-left: 32px;
    padding-right: 20px;
}


.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 10px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
    border-radius: 8px;
}

small.error {
    margin: 10px 0px;
    display: inline-block;
}

label.error {
    margin: 0px 0px 10px;
    display: inline-block;
}

.login_wrepp .addintrst {
    font-size: 1.5rem;
    font-weight: normal;
    color: #333333;
    text-transform: capitalize;
}

.login_wrepp .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 400px !important;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
        background: #e7e7e7;
    border: none !important;
    margin-bottom: 5px;
}

.select2-container--default.select2-container--focus
    .select2-selection--multiple {
    border: 1px solid #ced4da;
    outline: 0;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:hover,
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:focus {
        background: #e7e7e7;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da;
}

.select2-container .select2-search--inline .select2-search__field::placeholder {
    color: #c0c0c0;
}

span.select2.select2-container.select2-container--default {
    width:  100% !important;
}
.select-w-100 span.select2.select2-container.select2-container--default{
    width: 100% !important;
}
.main-header .header-part-right .user:hover{
    cursor: pointer;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    color: #7a7777 !important;
    border-right: 1px solid #fff !important;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__display {
    color: #494949 !important
}

.bootstrap-tagsinput input {
    line-height: 36px;
    width: 100%;
}

.bootstrap-tagsinput {
    border: 1px solid #ced4da;
}

.bootstrap-tagsinput input::placeholder {
    color: #c0c0c0;
}

#add_group_form
    .select2-container--default.select2-container--focus
    .select2-selection--multiple {
    border: 1px solid #ced4da;
}

.add_interest_img {
    width: 15px;
    height: 15px;
}

#add_group_form .select2-container {
    width: 100% !important;
}

#add_group_form .select2-container .select2-selection--multiple {
    min-height: 45px !important;
}
.select2-container .select2-selection--multiple  {
    min-height: 45px !important;
}


#add_group_form
    .select2-container
    .select2-search--inline
    .select2-search__field {
    margin-top: 12px !important;
    margin-left: 12px !important;
}

.multi_select
    ~ .select2-container--default
    .selection
    .select2-selection--multiple
    .select2-search
    textarea.select2-search__field {
    margin-top: 12px !important;
    margin-left: 12px !important;
}

#group_member_id-error {
    margin-top: 0;
    width: 100%;
    text-align: left;
}

#ongoing-proposal-list .form-control {
    height: 35px !important;
}

.table th,
.table td {
    vertical-align: middle;
}

#proposal_fields_container {
    max-width: 480px;
    margin: auto;
    padding: 20px 0px;
}

label.ul-form__label {
    text-align: left;
}

.select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable {
    background: #e7e7e7;
    color: #494949 !important;
}

option:hover {
    background: #e7e7e7;
    color: #494949 !important;
}

.checkbox-info input:checked ~ .checkmark {
    background: #e7e7e7;
    color: #494949 !important;
}

.checkbox:hover input ~ .checkmark,
.radio:hover input ~ .checkmark {
    background: #e7e7e7;
    color: #494949 !important;
}

.checkbox,
.radio {
    margin-bottom: 20px;
}

i {
    color: linear-gradient(
        to right,
        #5a55d6,
        #7859e1,
        #945ceb,
        #af5ef3,
        #ca60fb
    ) !important;
    font-size: 18px;
}

.table-striped tbody tr:nth-of-type(2n + 1) {
    background: none;
}

.btn-info:hover,
.btn-outline-info:hover {
    background: #663399;
    box-shadow: 0 8px 25px -8px #663399;
    border-color: #663399;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #663399;
    border-color: #663399;
}

.btn-primary:hover,
.btn-outline-primary:hover {
    background: #663399;
    box-shadow: 0 8px 25px -8px #663399;
    border-color: #663399;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #663399;
    border-color: #663399;
}

.badge {
    font-size: 100%;
}

.text-12 {
    font-size: 14px !important;
}
.nav-tabs {
    border: none;
}
.nav-tabs .nav-item .nav-link {
    background: #fff;
    border-color: #d0d5dd;
    border: 1px solid #d0d5dd;
    padding: 10px 16px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    letter-spacing: -0.01em;
    text-align: left;
}
.nav-tabs .nav-item .nav-link.active {
    color: #6286ff;
    background: #f9fafb;
    border-color: #d0d5dd;
    border: 1px solid #d0d5dd;
}
.nav-tabs .nav-item:first-child a {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0px !important;
}
.nav-tabs .nav-item:last-child a {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    /* border-right: 0px !important; */
}

#myTabContent .form-group {
    margin: 0;
}

#myTabContent .form-control.proposal_status.pl-2 {
    max-width: 70%;
}

::-ms-reveal {
    display: none !important;
}

.far.field_icon.toggle-password {
    position: absolute;
    top: 34%;
    right: 10px;
    font-size: 18px;
}

span.far .field-icon.toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:hover,
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:focus {
    outline: none;
}

select.form-control.error
    ~ .select2-container--default
    .selection
    .select2-selection--multiple {
    border: 1px solid red !important;
}

#target-list .form-control {
    height: 35px !important;
}

#target-list .form-control {
    max-width: 70%;
}

.error textarea {
    color: red !important;
}

.loaderbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #ffffff75;
    left: 0;
}

.rememberme {
    width: 120px;
    margin: auto;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    margin: 0;
}

img.icon.addselect {
    top: 8px;
}

.innercontent {
    margin-bottom: 30px;
}

span.select2-selection.select2-selection--multiple {
    text-align: left;
    padding-left: 25px;
}

.underline {
    text-decoration: underline;
}

.breadcrumb ul {
    margin: -6px 0 0 0 !important;
}

.publishedsearch {
    margin-bottom: 30px;
}

.table .thead-dark th {
    color: #fff;
    background-color: #af5ef3;
    border-color: #af5ef3;
}

.table .dark_box {
    color: #fff;
    background-color: #af5ef3;
    border-color: #af5ef3;
}

textarea.error {
    border-color: red !important;
}

select.error {
    border-color: red !important;
}

.badge-info {
    background: #e7e7e7;
    color: #494949 !important;
}

#update_timeline_form .select2-container .select2-selection--multiple {
    min-height: 45px;
}

.only_admin.position-relative,
.only_admin .update_stage_detail,
.only_admin input[type="text"],
.only_admin select {
    pointer-events: none;
    opacity: 0.4;
}

.newmeeting .select2-container .select2-search--inline .select2-search__field {
    margin-top: 10px;
    height: 25px;
}

.pagination {
    display: flex;
    position: absolute;
    right: 1%;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
    margin-bottom: 10px;
}

.pointer-cursor {
    cursor: pointer !important;
}

.only_admin.position-relative,
.only_admin .update_stage_detail,
.only_admin input[type="text"],
.only_admin select {
    pointer-events: none;
    opacity: 0.4;
}

.select2-container--default.select2-container--disabled
    .select2-selection--single {
    background-color: #fff;
    cursor: default;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #e5e7ead1;
}

.time-line-member {
    max-height: 150px;
    overflow: auto;
    margin-top: 16px;
}

.time-line-member .badge-info {
    margin: 5px;
}

.dropdown-menu.downloaddrop {
    left: inherit !important;
    right: 0 !important;
    top: 20px !important;
    bottom: inherit !important;
    transform: inherit !important;
}

.custom_interest .tag {
    padding: 1px 5px 0px 25px;
    margin: 2px;
    border-radius: 4px;
    overflow: hidden;
    max-width: 100%;
}

.custom_interest .tag span {
    margin-right: 0;
}

.loginform .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 44px;
    user-select: none;
    line-height: 28px;
    -webkit-user-select: none;
}

.loginform .select2-container--default .select2-selection--multiple {
    padding-bottom: 0;
}

.loginform .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0px;
    padding: 0;
    height: 40px;
    line-height: 42px;
}

/* Start email tag css */
.tag {
    background:#e7e7e7 !important;
}

.tag span {
    background: unset;
}
.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #494949 !important
}

#email_tags {
    border: 1px solid #ccc;
    padding: 5px 25px;
    width: 100%;
    white-space: nowrap;
}

#email_tags > span {
    display: block;
    float: left;
    background: #e7e7e7;
    color: #494949 !important;
    padding: 2px;
    position: relative;
    padding-left: 25px;
    margin: 4px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 5px;
}

#email_tags > span:after {
    position: absolute;
    cursor: pointer;
    content: "x";
    color: #fff;
    padding: 3px 5px;
    margin-left: 0;
    left: 0;
    border-right: 1px solid #fff;
    font-size: 12px;
    font-weight: bolder;
    top: 0;
    height: 100%;
}

#email_tags > input {
    border: 0;
    margin: 0;
    padding: 7px;
    height: auto;
    border-radius: 0px;
    width: 100%;
}

#email_tags > input:focus {
    outline: none;
    box-shadow: none;
}

.focusTag {
    border: solid 2px cornflowerblue;
}

.emailtag {
    margin: auto;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    border-right: 1px solid #fff;
    height: 100%;
    padding: 0px 3px;
}

.div_error {
    border: 1px solid red;
}

/* End email tag css */

.loaderbox .loader {
    position: absolute;
    left: 0px;
    top: 50%;
    margin: auto;
    width: 100%;
    transform: translateY(-50%);
    height: auto;
    z-index: 99999;
}

.loaderbox {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #ffffff75;
    left: 0;
}

.search .ul-widget-notification-item::after {
    display: none;
}

.ul-widget-notification-item:hover {
    background: none;
}

.search.ul-widget-notification-item-div.search_element:hover {
    background-color: #f8f9fa;
}

.send_message_box {
    width: 93%;
    float: left;
}

/* New Dashboard Css */
.siderbar-btn .btn {
    background: linear-gradient(90deg, #e13739 5%, #8d2ef5 95%);
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 18px;
}

.main-header {
    background-image: none;
    background-color: #fff;
}

.resway-bg-image {
    background-image: none !important;
}

.main-header {
    box-shadow: none;
}

.border-light {
    border-color: #eaecf0 !important;
}

.border {
    border: 1px solid #eaecf0 !important;
}

.border-top {
    border-top: 1px solid #eaecf0 !important;
}

.sidebar_divider_blue {
    border-color: #1d2939 !important;
}

.rounded-2xl {
    border-radius: 16px;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.p-20 {
    padding: 20px;
}

.gap-5 {
    gap: 5px;
}
.gap-10 {
    gap: 10px;
}
.badge {
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.6px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #475467;
    border-radius: 6px;
    padding: 4px 8px;
}

.badge-outline-secondary{
    background-color: #F9FAFB;
    border: 1px solid #D0D5DD;
}

.btn-primary {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    letter-spacing: -0.01em;
    color: #fff !important;
    background: #6286ff;
    border-radius: 6px;
    /* padding: 10px; */
    border: 1px solid #6286ff;
}

.btn-primary:hover {
    background-color: #101828;
    box-shadow: none;
}

.btn-outline-primary {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    letter-spacing: -0.01em;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
    color: #475467;
    /* padding: 10px; */
}
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: transparent;
    border: 1px solid #000;
    color: #475467;
}

.btn-outline-primary:hover {
    background: transparent;
    box-shadow: none;
    color: #475467;
    border: 1px solid #475467;
}

.primary-small {
    padding: 2px 10px;
    font-size: 12px;
}

h3 {
    font-family: Inter;
    font-size: 18px;
}

h4 {
    font-family: Inter;
    font-size: 14px;
    color: #667085;
}
.color-dark {
    color: #101828;
}

.box-content span {
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    color: #101828;
}

.bg-gray {
    background: #f9fafb;
}
.bg-blue {
    background-color: #6286ff !important;
}

.card {
    border-radius: 12px;
    box-shadow: none;
    border: 1px solid #eaecf0;
}

.bg-green {
    background-color: #86cb3c;
}

.bg-blue {
    background-color: #53b1fd;
}

.bg-red {
    background-color: #f97066;
}

.bg-orange {
    background-color: #f38744;
}

table.rounded-corners {
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 10px;
    border: 1px solid #eaecf0;
}

table.rounded-corners td,
table.rounded-corners th {
    border-top: none;
    color: #475467;
}
table.rounded-corners td {
    height: 70px;
}

thead th {
    background-color: #f9fafb !important;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #475467 !important;
}

tbody td {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    letter-spacing: -0.01em;
    text-align: left;
}

thead th:first-child {
    border-top-left-radius: 8px;
}

thead th:last-child {
    border-top-right-radius: 8px;
}
/* Apply a border to the bottom of all but the last row */
table.rounded-corners > thead > tr:not(:last-child) > th,
table.rounded-corners > thead > tr:not(:last-child) > td,
table.rounded-corners > tbody > tr:not(:last-child) > th,
table.rounded-corners > tbody > tr:not(:last-child) > td,
table.rounded-corners > tfoot > tr:not(:last-child) > th,
table.rounded-corners > tfoot > tr:not(:last-child) > td,
table.rounded-corners > tr:not(:last-child) > td,
table.rounded-corners > tr:not(:last-child) > th,
table.rounded-corners > thead:not(:last-child),
table.rounded-corners > tbody:not(:last-child),
table.rounded-corners > tfoot:not(:last-child) {
    border-bottom: 1px solid #eaecf0;
}
.bg-light-green {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #027a48;
    background-color: #ecfdf3;
    padding: 4px 12px;
    border-radius: 16px;
}
.bg-light-green .badge-dot-dark {
    width: 6px;
    height: 6px;
    background-color: #12b76a;
}
.bg-light-blue {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #3b5099;
    padding: 4px 12px;
    background-color: #f2f5ff;
    border-radius: 16px;
}
.bg-light-blue .badge-dot-dark {
    width: 6px;
    height: 6px;
    background-color: #6286ff;
}

/* New Dashboard Css */

@media (max-height: 1920px) {
    .msgscroll {
        height: 85vh !important;
    }
}

@media (max-height: 1600px) {
    .msgscroll {
        height: 82vh !important;
    }
}

@media (min-height: 1080px) {
    .badge-info {
        background: #e7e7e7;
        color: #494949 !important;
    }

    .row_field {
        display: none;
    }

    .dark_box {
        color: #fff;
        border-top: 1px #6b0dd7ab !important;
        background-color: #6b0dd7ab;
    }

    .table .thead-dark th {
        color: #fff;
        background-color: #6b0dd7ab !important;
        border-bottom: 1px;
    }

    .select2-container .select2-selection--multiple {
        min-height: 45px;
        text-align: left;
    }

    .select2-container .select2-search--inline .select2-search__field {
        margin-top: 12px;
    }

    .select2-container
        .select2-selection--multiple
        .select2-selection__rendered {
        margin: 0 0 0 25px;
    }

    .form-control:disabled,
    .form-control[readonly] {
        background: #f8f9fa !important;
    }

    select.form-control.error
        ~ .select2-container--default
        .selection
        .select2-selection--multiple {
        border: 1px solid red !important;
    }
}

@media (min-height: 1080px) {
    .rightside #content-2.content {
        height: 325px;
    }

    .rightside #content-3.content {
        height: 242px;
    }
}

@media (max-width: 991.98px) {
    .nerow .col-lg-3::after {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .login_wrepp .nav-pills .nav-link {
        padding: 20px;
    }

    .login_wrepp .logo {
        width: 50px;
        margin: 13px 0px 0px 10px;
    }
}

.select2-container--disabled .selection .select2-selection {
    cursor: not-allowed !important;
}