.min-transparent-button {
    padding: 0px 0px;
    height: 30px;
    width: 100px;
    font-size: 12px;
    margin-right: 10px;
    font-family: OpenSansSemibold !important;
    border-radius: 16px !important;
    font-weight: 600;
    color:  var(--greenOutline--font-color) !important;
    border: 1px solid var(--greenOutline--border-color) !important;
    background-color: transparent !important;
}

.ic-button-text {
    opacity: 100% !important;
}

.border-line-header {
    margin-bottom: 15px !important;
    border-bottom: 1px solid var(--report--header--bottom--line) !important;
    /* opacity: 60%; */
}

.ic-green-button {
    padding: 0px 0px;
    height: 30px;
    width: 127px;
    color: #f1f1f1;
    font-size: 11px;
    margin-right: 10px;
    border-radius: 16px !important;
    font-weight: 600 !important;
    font-family: OpenSansSemiBold !important;
    border: 1px solid transparent;
    background-color: #009B6B !important;
}

.rad-purple-button {
    padding: 0px 0px;
    height: 30px;
    width: 127px;
    color: var(--actionButton--font-color);
    font-size: 12px;
    margin-right: 10px;
    font-family: OpenSansSemiBold !important;
    border-radius: 16px !important;
    font-weight: 600;
    border: 1px solid var(--actionButton--border-color);
    background-color: transparent !important;
}

.ic-blue-button {
    padding: 0px 0px;
    height: 30px;
    width: 127px;
    color: #85C5E1;
    font-size: 11px;
    margin-right: 10px;
    border-radius: 16px !important;
    font-weight: 600;
    border: 1px solid rgb(133, 197, 225, 0.45);
    background-color: transparent !important;
}

.ic-red-button {
    background-color: transparent !important;
    padding: 0px 0px;
    height: 30px;
    width: 127px;
    color: #FD3358;
    font-size: 12px;
    margin-right: 10px;
    border-radius: 20px !important;
    font-weight: 600;
    border: 1px solid rgb(177, 17, 46, 0.45);
}


.transparent-button {
    /* height: 30px;
    float: none;
    font-size: 11px;
    width: 127px;
    font-weight: 600;
    font-family: OpenSansSemiBold !important;
    color: #5FCCAA !important; */
    margin: 0 10px 0px 0px;
    /* border-radius: 16px !important;
    background-color: transparent !important;
    border: 1px solid rgb(95, 204, 170, 0.45) !important; */
}

.gray-button {
    padding: 0px 0px;
    height: 30px;
    border: 1px solid #858585;
    background-color: #858585;
    color: #f1f1f1;
    border-radius: 16px !important;
    width: 127px;
    margin-top: auto;
    font-size: 11px;
    color: #fff;
}

.split-column {
    height: 330px;
    width: 100%;
}

.border-line {
    margin: 0 !important;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--report--borderLine-color) !important;
    opacity: 100%;
}

.selectedIc {
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    background-color: #1B1E24 !important;
    color: #ffffff;
}

.caseTitle {
    font-family: OpenSansSemiBold !important;
    font-size: 12px !important;
    color: var(--report--caseTitlesemi--fontColor) !important;
    font-weight: 600;
}

.casetitlepopup {
    font-family: OpenSansSemiBold !important;
    font-size: 11px !important;
    color: var( --universal--font--color--text) !important;
    font-weight: 600;
}

.caseTitlesemi {
    font-family: OpenSansSemiBold !important;
    font-size: 12px !important;
    color: var(--report--caseTitlesemi--fontColor) !important;
    font-weight: 600 !important;
}

.documentlink {
    font-family: OpenSansRegular !important;
    font-weight: var(--report--font--semibold) !important;
    font-size: 12px !important;
    color: var(--report--documentLink--color) !important;
}


.p-20 {
    padding: 30px 10px 10px 35px !important;
}

.subHeaderFontSizeSemiBold {
    font-size: 17px;
    color: #5FCCAA !important;
    font-weight: 600 !important;
    height: 23px;
}

.border-line::after {
    content: "";
    display: table;
    clear: both;
}

.smallFont_green {
    font-family: OpenSansRegular !important;
    color: var(--active--name--color) !important;
    font-size: 12px !important;
    font-weight: 400;
}

.smallFont {
    font-family: OpenSansRegular !important;
    color:var(--report--smallText--fontColor) !important;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 17px;
}

.smallFontsemi {
    font-family: OpenSansRegular !important;
    color: var(--report--smallText--fontColor) !important;
    font-size: 12px !important;
    font-weight: 400;
}

::placeholder {
    color:var(--report--smallText--fontColor) !important;
    opacity: 1;
    /* Firefox */
}

::-ms-input-placeholder {
    /* Edge 12-18 */
    color: #949FBB;
}

input::placeholder {
    color: #949FBB !important;
}

textarea:invalid {
    border-color: transparent;
    /* Optional: Hide the red border */
}

textarea::placeholder {
    color: var(report--smallText--fontColor) !important;
    /*hexcode to change color of placeholder */
}

/* .selectedIcCaseTab {

    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    background-color: #2F333F;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    color: #ffffff;

} */
.selectedIcCaseTabcurve {
    width: 100%;
    height: 59.06px;
    position: relative;
    background: var(--report--selectedMenu-bg-color);
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;

}

.selectedIcCaseTabcurve:before {
    content: "";
    position: absolute;
    right: -15px;
    bottom: 0;
    width: 15px;
    /* Adjust this width to change the curve */
    height: 59.06px;
    border-top-right-radius: 10px;
    /* Adjust the radius as needed */
    border-bottom-right-radius: 10px;
    /* Adjust the radius as needed */
    background-color:var(--report--selectedMenu-bg-color);
    /* Adjust background color as needed */
}

.selectedIcCaseTab {
    width: 100%;
    height: 59.06px;
    position: relative;
    background: var(--report--selectedMenu-bg-color);
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}



.selectedIcCaseTab:before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 50.06px;
    border-left: 20px solid var(--report--selectedMenu-bg-color);
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
}

.icThemeDarkColor {
    background-color: var(--report--casedetail--bg-color) !important;
    color: #fff !important;
    border-color: transparent !important;
    /* box-shadow: 0px 0px 3px 0px #000000 !important; */
    border-radius: 0px !important;
    margin-bottom: 15px !important;
}

#studyCase {
    font-family: Light !important;
    font-size: 12px;
    color: #505050;
    overflow-x: hidden;
    /*margin: 0px 0px 0px 0px; 
    /* mushtaq added this */
    height: auto !important;
    position: relative;
}

.uploadedCaseCardItem:hover {
    border: 1px solid #5FCCAA !important;
}

.ic-casecollaboration {
    border: 1px solid var(--input--border--color) !important;
    background-color: var(--report--textArea--bg--color) !important;
    color: var(--input--font--color) !important;
    font-size: 11px !important;
    border-radius: 4px;
}

/* .series-radio-item {
    display: inline-block !important;
    position: relative !important;
    padding: 0px 0px 0px 6px !important;
}

.series-radio-item input[type='radio'] {
    display: none;
}

.series-radio-item label {
    color: #666;
    font-weight: normal;
}

.series-radio-item label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 15px;
    height: 15px;
    border-radius: 11px;
    background:#424A5D !important;
} */

/* .series-radio-item input[type=radio]:checked+label:after {
    border-radius: 11px;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 8px;
    left: 9px;
    content: " ";
    display: block;
    background: #5FCCAA;
} */


input[type=radio] {
    appearance: none;
    width: 10px;
    height: 10px;
    margin: 7px 0px 0px 10px;
    border-radius: 50%;
    border: none !important;
    background-color: #424A5D !important;
}

input[type="radio"]:checked {
    background-color: var(--report--inputCheck--bg-color) !important;
    border: none !important;
}

input[type=radio]:focus {
    outline: none !important;
}

.bgtextbox-color {
    background: transparent !important;
    border-bottom: 1px solid var(--input--border--color) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    height: 30px !important;
}

.textbox-color {
    background: var(--modal--bg--color) !important;
    border-bottom: 1px solid var(--input--border--color) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    height: 30px !important;
    -webkit-box-shadow: none; 
}

.textbox-color:focus {
    box-shadow: none !important;
}
.textbox-color::placeholder{
    color: var(--modalInput--font--color) !important;
}

.ic-textarea::placeholder{
    color: var(--modalInput--font--color) !important;
}
.ic-textarea {
    border: 1px solid var(--input--border--color) !important;
    background-color: var(--modal--bg--color) !important;
}

.large-textarea {
    height: 60px;
    border-radius: 10px;
    padding: 10px;
}

.resize-textarea {
    padding: 0px 10px;
    word-break: break-word;
    min-height: auto;
    overflow: auto;
    font-size: 12px;
    border: none !important;
    background-color: transparent !important;
    border-radius: 10px;
}

.AddIcon {
    background: url(../docpanel_images/Close_Green.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.AddIcon:hover {
    background-image: url(../docpanel_images/Close_Green.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.EditIcon {
    background: url(../docpanel_images/Edit-Icon.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.EditIcon:hover {
    background-image: url(../docpanel_images/EditHover.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.CloseIcon {
    background: url(../docpanel_images/delete-green.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.ic-tooltip {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black; */
}

.ic-tooltip .ic-tooltiptext {
    display: none;
    width: auto;
    height: auto;
    line-height: 20px;
    padding: 5px 10px;
    background-color: var(--tooldiv--bg--color);
    color: var(--universal--font--color--text);
    font-size: 11px;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    font-family: 'OpenSansRegular';
    margin-top: -60px;
    /* visibility: hidden;
    width: auto;
    height: auto;
    line-height: 20px;
    background-color:  rgba(47, 51, 63, 1);
    color: rgba(255, 255, 255, 1);
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    font-family: 'OpenSansRegular';
    font-size: 11px;
    text-align: center;
    position: absolute;
    z-index: 2;
    top: -5px;
    left: 105%; */
}

.ic-tooltip:hover .ic-tooltiptext {
    display: block;
}

.tooltip {
    background-color: var(--tooldiv--bg--color);
    color:  var(--universal--font--color--text);
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    line-height: 20px;
    height: auto;
    position: absolute;
    font-family: 'OpenSansRegular';
    width: auto;
    padding: 5px 10px;
}

.caseDetails-dots {
    font-family: 'OpenSansSemiBold';
    font-weight: 600;
    font-size: 11px;
    color: #818798 !important;
}

.fullheight {
    height: calc(100vh - 475px);
}

.halfheight {
    height: calc(80vh - 350px);
}

.maxheight {
    height: calc(60vh - 250px);
}

.minheight {
    height: calc(55vh - 266px);
}
.resize-bar{
    background-color: var(--header--bg--color) !important;
}
.caseDetail-subHeaderFontSizeSemiBold {
    /* font-size: 17px;
    font-weight: 600 !important; */
    height: 23px;
}
::-webkit-scrollbar-thumb{
    background-color: var(--report--webKitScrollBar-bg-color);
}
.caseDetail-header-container-row{
    background: var(--header--bg--color);
}
.report-header-font-color-text{
    color: var(--report--smallHeader--fontColor);
}
.onlineLabel{
    background-image: var(--report-onlineLabel--bg--image);
    background-repeat: no-repeat;
}
.statusClass{
    font-size: 9px;
    font-weight: var(--font--semibold);
    color: var(--report--caseTitlesemi--fontColor);
}
.highBigLightedText{
    color: var(--report--highLightedText--big--fontColor) !important;
}
.highSmallLightedText{
    color: var(--report--highLightedText--small--fontColor) !important;
}

.textAreaListCaseDetail {
    color: var(--report--caseTitlesemi--fontColor);
    background-color: transparent;
    margin-top: 5px;
    min-height: auto;
    font-size: 11px;
    font-weight: 600;
    word-break: break-word;
    overflow: hidden;   
    font-family: OpenSansSemiBold !important; 
}
.commonStatusClass{
    display:inline-block;
    height:24px;
    line-height: 24px;
    vertical-align: top;
    margin-top: 12px;
    border-radius: 10px;
    color: white;
    margin-right: 10px;
    margin-left: 10px;
    position:relative;
    font-family: Regular!important;
    font-size: 12px;
}
.statClass{
    padding: 0px 15px;
    background-color: #e02727;
}
.expeditedClass{
    padding: 0px 15px;
    background-color: #FF7B23;
}
.otherStatClass{
    padding: 0px 10px;
    background-color: var(--greenColor)
}
.CaseStatusClass{
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    font-size: 9px;
    padding: 0px;
    margin: 0px 10px 0px;
    color: var(--report--text--font-color);
    line-height: 17px;
    width: 84px;
    border: 2px solid #e91c24 !important;
}
.selectedIcCaseTabcurve .priorText, 
.selectedIcCaseTab .documentLinkSelected, 
.selectedIcCaseTab .priorText
{
    color : #ffffff !important;
    margin-top: 5px;
    margin-bottom: 5px;
    height: auto;
}
#tabCDetails textarea::-webkit-resizer {
    border-width: 15px;
    border-style: solid;
    border-color: var(--textarea--border-color);
}
.reportResend_icon{
    background-image: var(--report--resend--bg--image);
    background-repeat: no-repeat;
    background-position: center;
}
.ic_reportPageCss{
    line-height: 20px;
    margin-top: 4px;
    padding: 0px 3px 0px 0px !important;
    background: var(--report--casedetail--bg-color);
}