.el-message {
    z-index: 199991111111111 !important;
  }


.el-message .el-icon-error{
    color: var(--errortoastfontcolor) !important;
    font-size: 15px !important;
}

.el-message__closeBtn{color:#0e0e0e !important;}

  
.v-modal{z-index: 0 !important;}

 
.el-date-picker{

        box-shadow: none !important;
    transform: translate(-50%, -50%) !important;
    top: 50% !important;
    left: 50% !important;


}

.el-date-picker__header--bordered{

    border-color: var(--hr) !important;

}


.el-month-table td.disabled .cell {
    background-color: transparent !important;
    cursor: not-allowed;
    color: var(--hr) !important;
}

.el-month-table td .cell{

        color: var(--mainfontcolor) !important;


}


.el-date-table td.disabled div{
color: var(--hr) !important;

    background-color:  transparent !important;
}

.el-date-table td.today span{color: var(--maincolor) !important;}

tr{

    color: var(--mainfontcolor);
}


.el-date-table td.next-month, .el-date-table td.prev-month {

    color: var(--hr) !important;

}

.el-date-picker__header-label.active, .el-date-picker__header-label:hover {

    color: var(--hr) !important;

}


.el-date-picker__header-label{color: var(--mainfontcolor) !important; }

.el-date-table td.available:hover{color: var(--hr) !important; ;}


.el-date-picker__header{}

.el-year-table td.disabled .cell {
    background-color: transparent !important;
    cursor: not-allowed !important;
    color: var(--hr) !important;
}

.el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell{


    color: var(--maincolor) !important;

}



.el-picker-panel__icon-btn{

    color: var(--mainfontcolor) !important;
}

.el-year-table td .cell{

    color: var(--mainfontcolor) !important;


}

.el-year-table td .cell
.el-picker-panel__icon-btn{color: var(--mainfontcolor) !important;}

.el-date-table td.current:not(.disabled) span{background-color: var(--maincolor) !important;}

.el-date-table th{border-color: var(--hr) !important;}

.el-picker-panel{background: var(--contentbackgroundcolor) !important;}

.el-message{ background-color: var(--contentbackgroundcolor)  !important;
    box-shadow: 0px 0px 1px 0px var(--contentboxboxshadow) !important;
    border:none !important;
    border-radius: 1000px !important;}

    .input:-internal-autofill-selected{background-color: -internal-light-dark(rgb(54, 72, 105), rgba(70, 90, 126, 0.4)) !important;}

    .el-message__content {
        color: var(--mainfontcolor) !important;
        font-weight: bold;
        font-size: 14px !important;
    }

    


    .el-message--error{
        background-color:var(--errortoastbackgroundcolor)  !important;
        box-shadow: 0px 0px 1px 0px rgb(216 216 216);
        border:none;
        border-radius: 1000px !important;
    }
    
    .el-message--error .el-message__content {
        color: var(--errortoastfontcolor) !important;
        font-size: 15px !important;
    }


    
    .el-message--success{
        background-color: var(--successtoastbackgroundcolor)  !important;
        box-shadow: 0px 0px 1px 0px rgb(216 216 216);
        border:none;
        border-radius: 1000px !important;
    }
    
    .el-message--success .el-message__content {
        color: var(--successtoastfontcolor) !important;
        font-size: 15px !important;
    }

    
    .el-loading-spinner .path{

       
    stroke: #003399 !important;

    
    }


    .el-radio__input.is-checked+.el-radio__label {
        font-weight: bold;
        color: var(--maincolor) !important;
        
    }

    .el-input__inner{font-size: 15px !important;     padding-left: 0px !important;     border: none  !important;  border: none  !important;      border-bottom: 1px solid var(--textareabottomcolor) !important;     border-radius: 0px !important;background-color: transparent !important;color: var(--mainfontcolor) !important } ;


  .el-input__inner::placeholder{color: var(--elplaceholderfontcolor);}

  .el-input__inner::-moz-placeholder{color: var(--elplaceholderfontcolor);}
   

  .el-input__inner::-webkit-input-placeholder{color: var(--elplaceholderfontcolor);}

    .el-select-dropdown__list{padding-top: 0px; padding-bottom: 0px !important;}

    .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{background-color:  var(--primaryhoverclickablebackgroundcolor) !important;transition: 0.5s !important;cursor: pointer;;}

    .el-select-dropdown{box-shadow: 1px 1.5px 3px 0 rgb(0 0 0 / 32%) !important;;   border:none !important;     box-shadow: none !important;
        border: 1px solid #e7e7e7 !important;}

    .el-popper[x-placement^=bottom] .popper__arrow::after{display: none;}

    .el-popper[x-placement^=bottom] .popper__arrow{display: none;}

    .el-radio__inner{background-color: var(--contentbackgroundcolor) !important;}
    
    .el-radio:hover .el-radio__label {
       color: var(--maincolor)  !important; 
       transition: 0.1s;
    }


    .el-radio:hover .el-radio__inner{
        border-color: var(--maincolor)  !important;

        transition: 0.1s;
    }

    .el-radio__inner:hover {
        border-color: var(--maincolor)  !important;
    }

    .el-radio-button__inner, .el-radio-group {

        vertical-align: unset !important;
    }



    .el-tooltip__popper {
        background-color: var(--tooltipbackgroundcolor)  !important;  
        backdrop-filter: blur(111px) !important;
        color: var(--tooltipcolor) !important;   
        color: var(--tooltipcolor) !important;   
        border-radius: 8px  !important ;
        padding-left: 11px !important ;
        padding-right: 11px !important ;
        padding-top: 8px !important;
        padding-bottom: 8px !important; 
        line-height: 1 !important;
   
      }

      .ctcCardBox .el-loading-mask{background-color: transparent;}


      .el-loading-mask{position: relative !important;background-color: transparent !important;z-index: 1 !important;}

      .el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow::after {
        border-width: 8px !important;     
        border-color: transparent !important ; 
      }

      .el-message__closeBtn{color: var(--mainfontcolor) !important;}

      .el-radio{color: var(--mainfontcolor) !important;}

      .el-skeleton.is-animated .el-skeleton__item {
        background: linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);
        background-size: 400% 100%;
        animation: el-skeleton-loading 1.4s ease infinite;
    }


    @keyframes pulse {
        0% { opacity: 1; }
        50% { opacity: 0.4; }
        100% { opacity: 1; }
    }
    
    .ProfileImageSkeletonPlaceholder {
        margin-right: 20px;
        width: 70px;
        height: 70px;
        margin-top: 12px;
        /* width: 170px;
        height: 170px; */
        margin-left: 20px;
        margin-bottom: 10px;
        float: left;
        /* margin-top: -25px; */
        border-radius: 10px;
        animation: pulse 2s infinite;
    }

    .GroupImageSkeletonPlaceholder {
         
        width: 130px;
        height: 130px;
        border-radius: 20px;
        margin-left: 17px;
        margin-bottom: 20px;
        margin-right: -10px;
        float: left;
        margin-top: 18px;
   
        animation: pulse 2s infinite;
    }


    .PostRelatedInformationImageSkeletonPlaceholder {
         
        width: 55px;
        height: 55px;
        border-radius: 5px;
        margin-left: 25px;
        margin-bottom: 20px;
        margin-right: 15px;
        float: left;
        margin-top: 25px;
    }

    .DiscussionUserProfileImageSkeletonPlaceholder{        width: 55px;
        width: 40px;
        height: 40px;
        border-radius: 51px;
        margin-left: 25px;
        margin-bottom: 20px;
        margin-right: 15px;
        float: left;
 
    }
 
    .loadingPlaceholder{    
        
        background: linear-gradient(90deg,var(--skeletonprogressbarcolorone) 25%,var(--skeletonprogressbarcolortwo) 37%,var(--skeletonprogressbarcolorone) 63%);
        background-size: 400% 100%;
        -webkit-animation: el-skeleton-loading 1.4s ease infinite;
        animation: el-skeleton-loading 1.4s ease infinite;
    
    }    .el-radio__input.is-checked .el-radio__inner {
        border-color: var(--maincolor)  !important; 
        background: var(--maincolor)  !important;
        font-weight: bold !important;;

    }


    .el-select-dropdown .el-scrollbar__view {

        min-height: 84px;
        padding-bottom: 20px !important;
        
    }


    .el-radio__inner {
        border: 1.5px solid var(--radiobordercolor) !important;}

        .el-select-dropdown__list{padding-top: 0px !important;padding-bottom: 0px !important;}
        .el-select-dropdown__wrap{margin-bottom: -18px  !important
        }


        .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{    background-color: var(--maincolor)!important;

            border-radius: 100px;
            border-color: var(--maincolor) !important;
            color:var(--maincolor)!important
        }

        .el-checkbox__input.is-checked+.el-checkbox__label{color: var(--mainfontcolor) !important;}

        .el-checkbox__inner{background-color: var(--contentbackgroundcolor) !important;    border: 1.5px solid var(--radiobordercolor) !important;border-radius: 1000px !important;}

        .el-checkbox__inner::after{border: none !important;}

        .el-select-dropdown{    background-color: var(--contentbackgroundcolor) !important}