a{
    outline: none !important;
}
a[type="button"]{
    text-decoration: none !important;
}
.text-grass{
    color: #629B58 !important;
}
.text-sky{
    color: #609CAF !important;
}
.text-orange{
    color: #E6925F !important;
}
.text-sky-hover{
    color: #356372 !important;
}
.w-100{
    width: 100%;
}
.d-block{
    display: block;
}
.align-items-center{
    align-items: center;
}
.justify-content-end{
    justify-content: end;
}
.justify-space-between{
    justify-content: space-between;
}
.fw-bold{
    font-weight: 700;
}
.fw-normal{
	font-weight: 400 !important;
}
.border-0{
	border: 0 !important;
}
.clearfix{
    clear: both;
}

/* Custom Select  */
.custSelect{
    width: auto;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: #242828;
    border-color: #000;
    border-radius: 0;
}

/* Custom controls */
input[type="text"].datetimePicker{
    height: 32px !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    /* font-weight: 700;
    border-radius: 5px !important;
    text-align: center; 
    background-color: #F5F7F8 !important;
    padding-right: 30px; */
    color: #242828;
    border: solid 1px #3e474a !important;
    width: 160px;
    background: #F5F7F8 url('../../includes/assets/calendar.svg') right 10px center !important;
    background-size: 14px !important;
    padding-right: 35px !important;
    background-repeat: no-repeat !important;
}
.searchOuter .form-control,
.custModal .form-control,
.bootModal .form-control,
.custModal .form-select,
.bootModal .form-select,
.custModal select {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: #242828 !important;
    background: #F5F7F8 !important;
    border: 1px solid #242828 !important;
    width: 100% !important;
    height: 32px;
    box-shadow: none!important;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
}

/* Searchbox UI styling */
.searchOuter{
    position: relative;
}
.searchOuter .form-control{
    padding-left: 40px;
    border-radius: 5px !important;
    border-color: #000 !important;
}
.search-submit {
    position:absolute;
    /* width: 19px;*/
    height: 19px; 
    top: 6px;
    left: 10px;
    border: 0;
    padding: 0;
    background-color: transparent;
}
.searchOuter .form-control::placeholder{
    font-style: italic;
    color: #848282;
}

/* The custCheckbox */
.custCheckbox {
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.custCheckbox.largeCheck{
    padding-left: 25px;
    height: 24px;
}
.custCheckbox.smallCheck{
    padding-left: 17px;
    height: 16px;
}
.custCheckbox.dropCheck{
    padding-left: 20px;
    height: 12px;
}
/* Hide the browser's default checkbox */
.custCheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    border: 1px solid #242828;
}
.checkbox input[type=checkbox][disabled] + .checkmark{
    cursor: not-allowed;
    background-color: #e6e6e6;
    border: 1px solid #cbcbcb;
}
.custCheckbox.largeCheck .checkmark{
    height: 24px;
    width: 24px;
}
.custCheckbox.smallCheck .checkmark{
    height: 16px;
    width: 16px;
}
.custCheckbox.dropCheck .checkmark{
    height: 12px;
    width: 12px;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.custCheckbox input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.custCheckbox .checkmark:after {
    top: 1px;
    border: solid #242828;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.custCheckbox.largeCheck .checkmark:after{
    left: 7px;
    width: 8px;
    height: 16px;
}
.custCheckbox.smallCheck .checkmark:after{
    left: 5px;
    width: 5px;
    height: 10px;
}
.custCheckbox.dropCheck .checkmark:after{
    left: 3px;
    width: 4px;
    height: 7px;
}

/* Filled/Default Buttons */
.sc-button {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    /* line-height: 15px; */
    /* line-height: 1.4; */
    line-height: 1;
    text-align: center;
    letter-spacing: -0.02em;
    border-radius: 5px !important;
    height: 32px;
    padding: 8px;
    border: 1px solid;
    min-width: 85px;
    outline: none !important;
    text-shadow: none!important;
    outline-offset: 0 !important;
    cursor: pointer;
}
.sc-button:disabled,
.sc-button.disabled{
    /* pointer-events: none; */
    filter: none;
    opacity: 0.4;
    cursor: not-allowed;
}
.sc-button img,
.sc-button span,
.sc-button i,
.sc-button svg {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}
.sc-button svg{
    color: #FFF;
}
.sc-button:hover svg,
.sc-button:focus svg{
    color: #FFF !important;
}
.sc-green:focus svg{
    color: #629B58;
}

/* SmartComment Grass/Green Styling*/
.sc-green {
    background: #629B58;
    border-color: #629B58;
    color: #FFFFFF;
}

.sc-green:hover {
    background: #2E5627;
    border-color: #2E5627;
    color: #FFFFFF;
}

.sc-green:focus {
    background: #F5F7F8;
    border-color: #629B58;
    color: #629B58;
}

.sc-green:disabled,
.sc-green.disabled {
    background: #629B58;
    border-color: #629B58;
    color: #FFFFFF;
}

/* SmartComment Tangerine/Orange Styling*/
.sc-orange {
    background: #E6925F;
    border-color: #E6925F;
    color: #FFFFFF;
}

.sc-orange:hover {
    background: #D4753B;
    border-color: #D4753B;
    color: #FFFFFF;
}

.sc-orange:focus {
    background: #F5F7F8;
    border-color: #E6925F;
    color: #E6925F;
}

.sc-orange:disabled,
.sc-orange.disabled {
    background: #E6925F;
    border-color: #E6925F;
    color: #FFFFFF;
}

/* SmartComment Sky/blue Styling*/
.sc-blue {
    background-color: #609CAF !important;
    border-color: #609CAF!important;
    color: #FFFFFF!important;
}

.sc-blue:hover {
    background-color: #356372!important;
    border-color: #356372!important;
    color: #FFFFFF!important;
}

.sc-blue:focus {
    background-color: #F5F7F8!important;
    border-color: #609CAF!important;
    color: #609CAF!important;
}

.sc-blue:focus svg{
    color: #609CAF!important; 
}
.sc-blue:disabled,
.sc-blue.disabled {
    background-color: #609CAF;
    border-color: #609CAF;
    color: #FFFFFF;
}

/* Outline Buttons */
.sc-outline-button {
    font-weight: 400;
    background: transparent;
}

/* SmartComment Tangerine/Orange Outline Styling*/
.sc-outline-orange {
    /* background: #F5F7F8; */
    background: transparent;
    border-color: #E6925F;
    color: #3E474A;
}

.sc-outline-orange:hover {
    background: #D4753B;
    border-color: #D4753B;
    color: #FFFFFF;
}

.sc-outline-orange:focus {
    background: transparent;
    border-color: #D4753B;
    color: #D4753B;
}

.sc-outline-orange:disabled,
.sc-outline-orange.disabled {
    background: transparent;
    border-color: #E6925F;
    color: #3E474A;
}

/* SmartComment Sky/blue Outline Styling*/
.sc-outline-blue {
    /* background: #F5F7F8; */
    background: transparent;
    border-color: #609CAF;
    color: #32393B;
}

.sc-outline-blue:hover {
    background: #609CAF;
    border-color: #609CAF;
    color: #FFFFFF;
}

.sc-outline-blue:focus {
    background: #356372;
    border-color: #356372;
    color: #FFFFFF;
}

.sc-outline-blue:disabled,
.sc-outline-blue.disabled {
    background: transparent;
    border-color: #609CAF;
    color: #3E474A;
}
.sc-outline-blue svg{
    color: #32393B;
}
.sc-outline-blue:hover svg,
.sc-outline-blue:focus svg{
    color: #FFF !important;
}

.sc-outline-blue.strokeBlue svg{
    stroke: #32393B;
}
.sc-outline-blue.strokeBlue:hover svg,
.sc-outline-blue.strokeBlue:focus svg{
    stroke: #FFF;
}
.custModal #toProjHome:disabled{
    cursor: default !important;
}
.copyicon:hover:disabled{
    background-color: transparent !important;
    color: #242828!important;
    cursor: default !important;
}
.copyicon:hover:disabled svg{
    color: #242828!important;
    fill: #242828 !important;
}

/* SmartComment Midnight/black Outline Styling*/
.sc-outline-black {
    /* background: #F5F7F8; */
    background: transparent;
    border-color: #212529;
    color: #212529;
}

.sc-outline-black:focus {
    background: #212529;
    border-color: #212529;
    color: #FFFFFF;
}

.sc-outline-black:hover {
    background: #212529;
    border-color: #212529;
    color: #FFFFFF;
}

.sc-outline-black:disabled,
.sc-outline-black.disabled {
    background: transparent;
    border-color: #212529;
    color: #212529;
}

/* SmartComment Grass/Green Outline Styling*/
.sc-outline-green {
    /* background: #F5F7F8; */
    background: transparent;
    border-color: #629B58;
    color: #212529;
}

.sc-outline-green:focus {
    background: #2E5627;
    border-color: #2E5627;
    color: #FFFFFF;
}

.sc-outline-green:hover {
    background: #2E5627;
    border-color: #2E5627;
    color: #FFFFFF;
}

.sc-outline-green:disabled,
.sc-outline-green.disabled {
    background: transparent;
    border-color: #629B58;
    color: #629B58;
}

.sc-outline-green svg{
    color: #212529;
}
.sc-outline-green:hover svg,
.sc-outline-green:focus svg{
    color: #212529 !important;
}
/* Icon Button Styling */
.iconBtn {
    width: 30px;
    height: 30px;
    /* border: 0.09375em solid #3E474A; */
    border: 0.09375em solid #30393B;
    border-radius: 100%!important;
    text-align: center;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    line-height: 0;
    margin-top:-2px;
}
.starIconBtn, .starIconBtnContact, .starIconBtnSocial, .starIconBtnProject, .starIconBtnPrimaryAddr {
    width: 32px;
    height: 32px;
    /* border: 0.09375em solid #3E474A; */
    border: 0.09375em solid #30393B;
    border-radius: 100%;
    text-align: center;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    line-height: 0;
    margin-top:-2px;
}
.starIconBtn:hover svg, .starIconBtnContact:hover svg, .starIconBtnSocial:hover svg, .starIconBtnProject:hover svg, .starIconBtnPrimaryAddr:hover svg{
    color: #fff !important;
} 
.iconBtn svg{
    /* color: #3E474A; */
    color: #30393B;
}
.iconBtn:hover {
    /* background-color: #3E474A;
    border-color: #3E474A; */
    background-color: #30393B !important;
    border-color: #30393B;
}
.iconBtn:hover svg{
    color: #fff !important;
} 

.iconBtn:focus {
    background-color: #242828 !important;
    border-color: #242828;
}
.iconBtn:focus svg{
    color: #fff !important;
} 

.iconBtn.v-ellipseBtn {
    border-color: transparent;
}
.iconBtn.v-ellipseBtn:hover{
    background-color: #E8EEF1 !important;
    border-color: #E8EEF1;
}
.iconBtn.v-ellipseBtn svg{
    fill: #242828;
}
.iconBtn.v-ellipseBtn:focus,
.open .iconBtn.v-ellipseBtn {
    background-color: #609CAF !important;
    border-color: #609CAF;
}
.iconBtn.v-ellipseBtn:focus svg,
.open .iconBtn.v-ellipseBtn svg{
    fill: #FFFFFF !important;
}

.iconBtn:disabled,
.iconBtn.v-ellipseBtn:disabled{
    border: 0.09375em solid #30393B !important;
    background-color: transparent !important;
   /* pointer-events: none; */
   filter: none;
   opacity: 0.4;
   cursor: not-allowed; 
}
.iconBtn:disabled svg,
.iconBtn.v-ellipseBtn:disabled svg{
    /* color: #3E474A; */
    color: #30393B !important;
}
.greenEye svg{
    color:#629B58;
}

#submitMethod .form-label-inner {
    white-space: nowrap;
}
.scrollModal{
    overflow-x: hidden !important;
    max-height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
    position: unset !important; /* modal drop down issue SC-993 */
}

.orangeBrd,
.Flagorange {
    border-color: #E6925F;
}
.orangeBrd:hover, 
.orangeFilled,
.orangeBrdActive,
.orangeBrdActive:hover,
.orangeFilled,
.Flagorange:hover{
    background-color: #E6925F !important;
    border-color: #E6925F;
}
.orangeBrd:focus,
.orangeBrdActive:focus,
.Flagorange:focus {
    background-color: #D4753B !important;
    border-color: #D4753B;
}
.orangeBrd svg,
.Flagorange svg{
    color: #E6925F;
}
.orangeBrd:hover svg,
.orangeBrd:focus svg,
.orangeFilled svg,
.orangeBrdActive svg,
.orangeBrdActive:hover svg,
.orangeBrdActive:focus svg,
.orangeFilled svg,
.Flagorange:hover svg,
.Flagorange:focus svg {
    color: #fff;
}
.greenBrd{
    border-color: #629B58;
}
.greenBrd:hover, .greenBr:focus{
    background-color: #629B58 !important;
    border-color: #629B58;
}
.greenBrd svg{
    color:  #629B58
}
.greenBrdActive{
    background-color: #629B58 !important;
    border-color: #629B58;
}
.greenBrdActive:hover, .greenBrdActive:focus{
    background-color: #2E5627 !important;
    border-color: #2E5627;
}
.greenBrdActive svg{
    color:  #FFF
}
.orangeBrd:disabled,
.Flagorange:disabled{
    border-color: #E6925F !important;
    background-color: transparent !important;
   /* pointer-events: none; */
   filter: none;
   opacity: 0.4;
   cursor: not-allowed; 
}
.orangeBrd:disabled svg,
.Flagorange:disabled svg{
    color: #E6925F !important;
}




.grayBrd {
    border-color: #808080;
}
.grayBrd:hover{
    background-color: #808080 !important;
    border-color: #808080;
}
.grayBrd:focus {
    background-color: #808080 !important;
    border-color: #808080;
}
.grayBrd svg{
    color: #808080;
}
.grayBrd:hover svg,
.grayBrd:focus svg {
    color: #fff;
}

.orangeBrd:disabled{
    border-color: #808080 !important;
    background-color: transparent !important;
   /* pointer-events: none; */
   filter: none;
   opacity: 0.4;
   cursor: not-allowed; 
}
.orangeBrd:disabled svg{
    color: #808080 !important;
}





/* Custom Labels/Badges */
.respLabel {
    border-radius: 3px;
    color: #fff !important;
}
.label-primary.respLabel{
    background-color: #609CAF !important;
}
.label-success.respLabel{
    background-color: #629B58 !important;
}
.label-warning.respLabel{
    background-color: #E6925F !important;
}

/* Common structural change */
.colStruct-3{
    display: flex;
    gap: 16px;
}

.colStruct-3 .custSelect{
    background-color: #F5F7F8;
}

.custProgress{
    height: 8px;
    background: #848282;
}
.custProgress .progress-bar{
    background: #609CAF;
}
.assignedTo.seperatorList{
    font-style: normal;
}
.seperatorList span{
    display: inline-block;
    vertical-align: middle;
}
.seperatorList span:not(:last-child){
    position: relative;
    padding-right: 8px;
    line-height: 1;
}
.seperatorList span:not(:last-child)::after{
    position: absolute;
    top: 0;
    right: 1px;
    height: 100%;
    width: 1px;
    background: #242828;
    content: '';
}

/* Modal UI */
/* .ui-dialog{
    width: 450px !important;
    left: 0px !important;
    top: 40px !important;
    right: 0;
    margin: 20px auto auto;
    overflow: hidden;
}
.ui-dialog h4 {
    font-family: "Lora", sans-serif;
    font-size: 22px;
    font-style: normal;
    line-height: 28px;
    font-weight: 700;
    text-align: left !important;
}

.ui-dialog-contents {
    text-align: center !important;
    font-size: 16px;
}

.ui-dialog .hr-double {
    height: 3px;
    background-color: #F5F7F8;
    border: none !important;
}

.ui-dialog p {
    margin-top: 19px;
    font-size: 16px;
    text-align: center;
}

.ui-dialog .ui-dialog-content {
    padding: 0px 19px !important;
}

.ui-dialog.ui-widget-content .ui-dialog-titlebar-close {
    outline: 2px solid #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    color: #fff;
    padding: 2px 0 2px 1px !important;
    opacity: 1;
}*/
.Msgtabdisable{
   pointer-events: none;
   opacity: 0.5;
}
.ui-dialog .hr-double {
    height: 3px;
    background-color: #F5F7F8;
    border: none !important;
}
.ui-widget-overlay{
    background: rgba(0,0,0,0.4) !important;
}

.custModal .sc-button,
.bootModal .sc-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.custModal{
    min-width: 485px;
    border: 0;
    /* UI-dialog styling */
    left: 0px !important;
    right: 0;
    margin: 20px auto auto;
}
.custModal.top20{
    top: 20px !important
}
.custModal.top50{
    top: 50px !important
}
.custModal.top85{
    top: 85px !important
}
.custModal.top70 {
    top: 70px !important;
}
.custModal.fixedTop70{
    position: fixed;
    top: 70px !important;
    margin: 0 auto !important;
}
.bootModal .modal-content{
    border: 0;
}
.custModal .ui-dialog-titlebar,
.bootModal .modal-header{
    padding: .95rem 32px;
    border-bottom: 0;
}
.custModal .ui-dialog-content,
.bootModal .modal-body {
    padding: 15px 32px;
    background-color: #FFFFFF !important;
}
.bootModal .modal-body .row{
    margin-left: -15px;
    margin-right: -15px;
}
.defaultModal .ui-dialog-titlebar,
.bootDefault .modal-header{
    background-color: #629B58;
}
.custModal .ui-dialog-title,
.bootModal .modal-header .modal-title{
    font-family: 'Lora';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    color: #FFFFFF;
}
.custModal .ui-dialog-titlebar-close,
.bootModal .modal-header .dialog-close{
    right: 32px !important;
    width: 28px;
    height: 28px;
    top: 20px;
    opacity: 1;
}
.bootModal .modal-header .dialog-close{
    position: absolute;
    top: 10px;
    border: none;
    outline: none;
    background: transparent;
}
.custModal .ui-dialog-titlebar-close:before,
.bootModal .modal-header .dialog-close::before{
    content: '';
    background-image: url(../assets/x-circle.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    height: 28px !important;
    width: 28px !important;
    font-family: unset !important;
}

.custModal .ui-dialog-titlebar-close.dialog-close-orange:hover::before {
    background-image: url(../assets/x-circle_orange_hover.png) !important;
}
.custModal .ui-dialog-titlebar-close.dialog-close-orange::before {
    background-image: url(../assets/x-circle_orange.png) !important;
}
.custModal .ui-dialog-titlebar-close.dialog-close-orange {
   outline: none !important; 
}
.custModal .form-label,
.bootModal .form-label,
.custModal label.d-block,
.custModal .control-label{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: #242828;
    margin-bottom: 2px;
}
.custModal .form-label.lg-form-label,
.bootModal .form-label.lg-form-label{
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
}
.custModal .form-control::placeholder,
.bootModal .form-control::placeholder{
    /* font-style: italic; */
    color: #848282;
}
.custModal .form-control,
.bootModal .form-control{
    padding: 5px 8px !important;
}
.custModal .form-select,
.bootModal .form-select{
    padding: 5px 25px 5px 8px;
    background-image: url('../assets/selectArrow.svg') !important;
    background-size: 10px !important;
    background-repeat: no-repeat !important;
    background-position: right 12px top 13px !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.custModal label.error,
.bootModal label.error{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.02em;
    margin-bottom: 2px;
    color: #D68273;
}
.custModal .modalSelect{
    width: 100% !important;
}

.custModal .modalSelect2{
    width: 100% !important;
}
.custModal .popupBody{
    background-color: #FFFFFF !important;
    padding: 15px 35px !important;
    /* overflow-x: hidden; */
    overflow: visible;
}
.custModal .ui-dialog-buttonpane{
    border-top: 0 !important;
    background-color: #FFFFFF !important;
    padding: 0 35px 15px !important;
    overflow-x: hidden;
    margin-top:0px !important;
}
.bootModal .modal-footer{
    background-color: #FFFFFF !important;
    padding: 0 35px 15px !important;
    border-top: 0;
}
.custModal .ui-dialog-buttonpane .ui-dialog-buttonset{
    display: flex;
    flex-direction: row-reverse;
    gap: 16px;
}
.custModal .button.ui-button-text-only .ui-button-text{
    padding: 0 0 !important;
}

.deleteModal .ui-dialog-titlebar,
.deleteModal .modal-header{
    background: #E6925F !important;
}
.deleteModal .ui-dialog-content h4,
.deleteModal .ui-dialog-content p,
.deleteModal .popupBody h4,
.deleteModal .popupBody p,
.deleteModal .modal-body h4,
.deleteModal .modal-body p{
    font-family: 'Montserrat';
    font-style: normal;
    letter-spacing: -0.02em;
    color: #242828;
}
.deleteModal .ui-dialog-content h4,
.deleteModal .popupBody h4,
.deleteModal .modal-body h4{
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}
.deleteModal .ui-dialog-content p,
.deleteModal .popupBody p,
.deleteModal .modal-body p{
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
}
.deleteModal .ui-dialog-content h4.delWarning{
    font-size: 16px;
    line-height: 20px;
}
.bootModal .modal-body p:empty { 
    display: none 
}

.defaultModal.noTitleModal .ui-dialog-titlebar,
.deleteModal.noTitleModal .ui-dialog-titlebar{
    display: none;
}
.defaultModal.noTitleModal .notitleHead,
.defaultModal.noTitleModal .notitleDesc{
    font-family: 'Montserrat';
    font-style: normal;
    letter-spacing: -0.02em;
    color: #242828;
}
.defaultModal.noTitleModal .notitleHead{
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}
.defaultModal.noTitleModal .notitleDesc{
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
}
.largeModal,
.bootModal .modal-dialog.largeModal{
    width: 820px !important;
}
.smModal{
    width: 300px !important;
}
.midModal,
.bootModal .modal-dialog.midModal{
    width: 710px !important;
}
.midLgModal,
.bootModal .modal-dialog.midLgModal{
    width: 600px !important;
}
.smallModal,
.bootModal .modal-dialog.smallModal{
    width: 485px !important;
}
.xsModal{
    width: 365px;
    min-width: 365px !important;
}

/* Modal tabbing */
.custModal .ui-tabs .ui-tabs-panel{
    border: 0 !important;
    padding: 0;
    overflow-x: hidden !important;
}

/* SmartComment table UI styling */
.newTable.table thead tr{
    color:#242828;
    background: transparent;
    background-image: none;
}
.newTable thead th{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px !important;
    letter-spacing: -0.02em;
    color: #242828;
}

.newTable.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #E8EEF1 !important;
}
.stakeDetailsIntTable{
    border-collapse: separate;
    border-spacing: 0 10px;
    padding: 10px;
}
.stakeDetailsIntTable th {
    font-family: 'Lora'!important;
    font-size: 16px!important;
    font-weight: 700!important;
}
.stakeDetailsInt{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: #242828;
}
.stakeDetailsIntTable td{
    padding:8px 10px!important;
}
.stakeDetailsIntTable .stakeDetailsIconBtn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 7px;
}
 
.newTable.table-striped>tbody>tr:nth-of-type(even){
    background-color: #F5F7F8;
}




.newTable.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #E8EEF1;
}
.newTable.table-striped>tbody>tr:nth-of-type(even){
    background-color: #F5F7F8;
}
.newTable>tbody>tr>td, .newTable>tbody>tr>th, .newTable>tfoot>tr>td,
.newTable>tfoot>tr>th, .newTable>thead>tr>td, .newTable>thead>tr>th{
    padding: 6px 16px;
    border-top: 0;
    border-bottom: 0;
}
.newTable.align-middle th,
.newTable.align-middle td{
    vertical-align: middle;
    white-space: nowrap;
}
.newTable .newTable.table th.align-baseline,
.newTable .newTable.table td.align-baseline{
    vertical-align: baseline;
}
.newTable .newTable.table {
    background-color: transparent;
}
.newTable .newTable.table td{
    border: 0;
    padding-left: 0;
    padding-right: 0;
}
td.subText{
    line-height: 1.42857143 !important;
}
.newTable .respLabel{
    min-width: 115px;
    display: inline-block;
    height: auto !important;
}
.statusLabel.respLabel,
.statusLabel.respLabel{
    min-width: 85px;
}

/* Common text styling  */
.assignedTo{
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px !important;
    letter-spacing: -0.02em;
}
.subText,
.subText p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 15px !important;
    letter-spacing: -0.02em;
    color: #242828;
}
.proName{
    font-family: 'Lora';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #356372;
}
.proName a{
    color: #356372;
    text-decoration:none;
    line-height: 1 !important;
    margin-top: -3px;
    display: inline-block;
}
.proName a:hover {
    text-decoration: underline !important;
}
/* a.proName{
    text-decoration: none !important;
} */
.division{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px !important;
    letter-spacing: -0.02em;
    color: #242828;
}

.division.mt-0{
    margin-top: 0!important;   
}

/* Select2 custom styling */
.select2-container--default .select2-selection--single{
    border-width: 1px!important;
    border: solid 1px #242828 !important;
    background-color: #F5F7F8 !important;
    border-radius: 5px !important;
    height: 32px !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color:#242828;
}
/* .select2-container--default .select2-selection--single .select2-selection__rendered {
    
} */
.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{
    font-family: 'Montserrat';
    font-style: normal;
    /* font-weight: 700 !important; */
    font-size: 12px !important;
    text-align: center !important;
    color: #242828 !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: #C8D7DD !important;
    color: #242828 !important;
    font-family: 'Montserrat', sans-serif;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 6px !important;
    top: 13px !important;
    right: 12px !important;
    width: 10px !important;
}
/* .greyCard .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 8px !important;
    top: 12px !important;
    right: 8px !important;
    width: 13px !important;
} */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    /* background-image: url('../../shared/modules/admin/includes/assets/selectArrow.svg') !important; */
    background-image: url('../assets/selectArrow.svg') !important;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    border: none !important;
    height: 6px !important;
    width: 10px !important;
    margin: auto !important;
    top: 0px !important;
    left: 0px !important;
}
.SelectComplete + .select2-container--default .select2-selection--single .select2-selection__arrow b,
.SelectInProg + .select2-container--default .select2-selection--single .select2-selection__arrow b {
    /* background-image: url('../../shared/modules/admin/includes/assets/selectArrow.svg') !important; */
    background-image: url('../assets/Arrow_downWhite.svg') !important;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    border: none !important;
    height: 6px !important;
    width: 10px !important;
    margin: auto !important;
    top: 0px !important;
    left: 0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
    font-size: 23px!important;
    font-weight: 500!important;
    color:#9e9e9e;
    margin-right: 5px !important;
    padding-left:0px;
}
.select2-selection__rendered{
    padding-left: 8px !important;
    padding-right: 30px !important;
    line-height: 30px !important;
}
/* .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: #C8D7DD !important;
    color: #242828 !important;
    font-family: 'Montserrat', sans-serif;
} */
.select2-container--open .select2-dropdown{
    border-color: #242828 !important;
    background-color: #F5F7F8;
    border-radius: 0;
}
.select2-container--open .select2-selection__arrow {
    transform: rotate(180deg) !important;
}

.select2-container--default .select2-results>.select2-results__options{
    max-height: 254px !important;
    overflow: auto !important;
}
.select2-results__option{
    font-family: 'Montserrat', sans-serif; 
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: #242828;
    padding: 4px 12px !important;
    background: #F5F7F8;
 }

/* Multiselect Custom styling */
.multiselDrop .form-control.multiselect{
    padding-right: 30px;
    text-align: left;
}
.multiselDrop .multiselect-container{
    min-width: 100%;
    overflow-y: auto;
    max-height: 182px;
}
.multiselDrop .multiselect-container>li>a{
    outline: none !important;
    /*background: transparent !important;*/
    height:25px;
}
.multiselDrop .multiselect-container>li>a>label{
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: center;
    letter-spacing: -0.02em;
    color: #242828;
    padding: 3px 20px 3px 28px;
}
.multiselDrop .multiselect-container>li>a:hover{
    background: #E8EEF1;
}
.multiselDrop .form-control.multiselect b{
    background-image: url(../assets/selectArrow.svg) !important;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    height: 12px !important;
    width: 12px !important;
    top: 13px !important;
    right: 10px !important;
    position: absolute;
    display: inline-block;
}
.multiselDrop .form-control.multiselect b.caret-image i{
    display: none
}

.multiselDrop .btn.dropdown-toggle{
    border: solid 1px #3e474a !important;
    background-color: #F5F7F8 !important;
    height: 32px;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #242828 !important;
    border-radius: 3px !important;
}
.multiselDrop .btn.dropdown-toggle .multiselect-selected-text{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: normal !important;
    font-size: 12px !important;
    text-align: center !important;
}

.multiselDrop label.custCheckbox {
    padding-left: 21px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: #242828;
}
.multiselDrop label.custCheckbox.toggleSwitch{
    display: flex;
    align-items: center;
    /* padding-left: 15px; */
}
.multiselDrop input[type="checkbox"],
.multiselDrop label.custCheckbox.toggleSwitch input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    height: 12px;
    width: 12px;
    border: 1px solid #242828 !important;
    display: grid;
    place-content: center;
    outline: none !important;
}
.multiselDrop label.custCheckbox.toggleSwitch input[type="checkbox"] {
    opacity: 1;
}
.multiselDrop label.custCheckbox input[type="checkbox"]{
    width: 16px;
    height: 16px;
    margin: 0 0 0 -21px;
    opacity: 1;
}
.multiselDrop input[type="checkbox"]::before,
.multiselDrop label.custCheckbox.toggleSwitch input[type="checkbox"]::before {
    content: "";
    width: 8px;
    height: 8px;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    background-color: #242828;
}
.multiselDrop label.custCheckbox input[type="checkbox"]::before{
    width: 10px;
    height: 10px;
}
.multiselDrop input[type="checkbox"]:checked::before,
.multiselDrop label.custCheckbox.toggleSwitch input[type="checkbox"]:checked::before {
    transform: scale(1);
}

/* .multiselect-selected-text{
    font-weight: 700 !important;  
} */


/* Toggle Switch  */
input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::after,
input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::after{
    content: '' !important;
}
input[type=checkbox].ace.ace-switch.form-control{
    width: 28px !important;
    height: 15px;
    margin: 0;
}
input[type=checkbox].ace.ace-switch+.lbl {
    min-height: 0px;
}
input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
    background-color: white;
    border: 2px solid  #848282;
    content: "";
    width: 24px;
    height: 15px;
}

input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::after {
    width: 13px;
    height: 13px;
    top: 1px;
    left: 0px;
    border: 2px solid #848282;
    box-shadow: none !important;
    text-shadow: none !important;
}
input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::before{
    background-color: #242828;
    border-color: #242828;
}
input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::after {
    left: 10px;
    background-color: #FFF;
    border-color: #242828;
}

/* Tags UI */
.tagsUI{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    display: inline-block;
    padding: 7px 8px;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-left: 10px;
}
.tagsUI.alignleftTags{
    margin-right: 10px;
    margin-left: 0px;
}
.tagsUI button{
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    background-color: transparent;
}
.filterTags{
    font-weight: 400;
    color: #242828;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background: #C8D7DD;
}
.filterTags.homeProjectTag{
    background: #E6925F;
    color: #fff;
}
.filterTags.homeProjectTag svg path{
    stroke: #fff !important;
}
.filterTags span,
.filterTags button{
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}
.ClearfilterTags button{
    display: inline-block;
    font-weight: 700;
    color: #609CAF !important;
    background: #fff !important;
}


/* Add and View Button */
/* .addBtn,.viewRes {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.02em;
    background-color: transparent !important;
    border: 1px solid #609CAF;
    border-radius: 5px;
    padding: 7px 10px;
    color: #3E474A !important;
    box-shadow: none !important;
    outline: none !important;
}
.addBtn img,
.addBtn span {
    display: inline-block;
    vertical-align: middle;
}
.addBtn:hover,
.viewRes:hover{
    background-color: #609CAF !important;
    color: #FFF !important;
}
.addBtn:focus,
.viewRes:focus{
    border-color: #356372 !important;
    background-color: #609CAF !important;
    color: #FFF !important;
}
.addBtn svg{
    color: #000;
}
.addBtn:hover svg,
.addBtn:focus svg{
    color: #FFF;
} */
/* Other Common */
.sideGreyCard{
    max-height: 55vh;
    overflow-y: auto;
}


/* QL-texteditor */
.qlBoxOuter .ql-container.ql-snow{
    border: 0 !important;
}
.qlBoxOuter .ql-toolbar.ql-snow{
    border: 0 !important;
    background-color: transparent !important;
    padding: 0 0 8px 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: #242828;
}
.qlBoxOuter .ql-editor{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.02em;
    color: #242828;
    background: #F5F7F8;
    border: 1px solid #242828;
    min-height: 118px;
}
.qlBoxOuter .ql-toolbar.ql-snow .ql-formats:first-child .ql-picker-label{
    padding-left: 0 !important;
}

.custModal .qlBoxOuter .ql-editor{
    border: 0;
    font-size: 12px;
    line-height: 20px;
}
.custModal.fixedTop70{
    position: fixed;
    top: 70px !important;
    margin: 0 auto !important;
}
span.copy-tooltip {
    position: absolute;
    right: 20px;
    width: 100px;
    top: 4px;
    background: #629B58;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    height: 30px;
    line-height: 30px;
    font-weight: normal;
    animation: fadeInBottom;
    transition: 0.3s all ease-in-out;
    opacity: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.copysuccess span.copy-tooltip {
    top: 3px;
    opacity: 1;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    transition: 0.3s all ease-in-out;
}
.blkAlignicon{
    display: flex;
    align-items: center;
}

@media(max-width: 480px)
{

    div#textCopiedMsg  {
        display: inline-grid !important;
    }

    div#textCopiedMsg button.copyIcon {
        margin-left: 9px;
        margin-bottom: 10px;
        width:230px;
    }

    #textCopiedMsg .sc-outline-blue {
        line-height: 13px;
        width: 230px;
    }
    
}
.custom-select {
    position: relative
}

.custom-select select {
    appearance: none;
    /*  safari  */
    -webkit-appearance: none;
    -moz-appearance: none;
    /*  other styles for aesthetics */
    /*background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right ##ddd;*/
    background-image: url('../../includes/assets/br_down.png') !important;
    border-radius: 5px !important;
    width: auto;
    font-size: 12px !important;
    padding: 0.6rem 2.3rem 0.6rem 1.2rem !important;
    background-color: #F5F7F8 !important;
    border: 1px solid #444 !important;
    border-radius: 0.25rem;
    color: #000 !important;
    cursor: pointer;
    font-weight:700;
    background-size: 10px !important;
    background-repeat: no-repeat !important;
    background-position: right 12px top 10px !important;
}


