/* .modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    max-height: 90%; 
 } */
.universal-modal-button{
    width: 100px;
    height: 30px;
    flex-shrink: 0;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    /* line-height: normal; */
    border-radius: 15px !important;
    border: 1px solid;
  
}.universal-modal-header{
    background-color:  var(--modal--bg--color) !important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    /* filter: drop-shadow(0px 4px 31px rgba(0, 0, 0, 0.80)); */
    text-transform: initial;
    /* box-shadow: var(--modal--headerbox-shadow); */
    box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 0.32) inset;
    padding: 25px 30px 9px 27px;
}
.universal-modal{
    background-color:  rgba(0, 0, 0, 0.11) !important;
    border: none !important;
}
.universal-modal-heading{
    color: var(--header--heading-font-color) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: left !important;
    margin: 0px;
}
.universal-modal-footer{
    background-color:  var(--modal--bg--color) !important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    /* box-shadow: var(--modal--box-shadow); */
    box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.32) inset;
    padding: 10px 30px 30px 30px;
    border: none;
}
.universal-modal-body{
    background-color:  var(--modal--bg--color) !important;
    color: var(--universal--font--color--text);
    /* box-shadow: var(--modal--box-shadow); */
    box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.32) inset;
    padding: 17px 30px 15px 30px;
    margin: -1px 0px;
}
.universal-button-space{
    margin-left: 10px;
}
.universal-modal-other-font{
    color: var(--para--font--color);
}
.universal-modal-para{
    color: var(--para--font--color);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.universal-modal-li{
    background-color:  var(--modal--bg--color) !important;
    color: var(--para--font--color) !important;
}
.universal-modal-big-width{
    width: 900px !important;
    top:20% !important;
}
.universal-modal-small-width{
    width: 440px !important;
    top:20% !important;
}
.universal-modal-mini-width{
    width: 330px !important;
    top:20% !important;
}
.mergecase-modal-width{
    width: 1100px !important;
    top:20% !important;
}
.studyinfo-model-width{
    width: 950px !important;
    top:7% !important;
}
.universal-textbox{
    /* margin-top: 20px; */
    border: 1px solid var( --modalTextbox--border--color) !important;
    background-color:  var(--modal--bg--color) !important;
    color:var(--modalInput--font--color) !important;
    font-size: 11px !important;
    border-radius: 4px;
}
.universal-textbox::placeholder{
    color: var(--modalInput--font--color) !important;
}

.universal-textarea{
    border: 1px solid  var(--modal--bg--color) !important;
    background-color:  var(--modal--bg--color) !important;
    color: var(--modalInput--font--color) !important;
    font-size: 11px !important;
}
.universal-textarea::placeholder{
    color: var(--modalInput--font--color) !important;
}
.universal-modal-table{
    background-color:  var(--modal--bg--color) !important;
    color: var(--modalInput--font--color);
}
.universal-modal-table-font{
    color: var(--para--font--color) !important;
    font-size: 12px !important;
}
.universal-modal-table>.table>tbody>tr>td {
    border-bottom: 1px solid var(--modalInput--border--color) !important;
}
.universal-calender{
    background-color:  var(--modal--bg--color) !important;
    color: var(--para--font--color);
}
.universal-button-group{
    padding-right: 20px;
    display: flex;
    justify-content: center;
}
.universal-iframe{
    background-color:  var(--modal--bg--color) !important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.32) inset;
}
.universal-inputbox{
    background-color:  var(--modal--bg--color) !important;
    border: none;
    border-bottom: 1px solid var(--modalInput--border--color) !important;
    /* margin-top: 25px; */
    height: 33px !important;
    color: var(--modalInput--font--color) !important;
    padding-left: 0px !important;
    -webkit-box-shadow: none; 
}
.universal-inputbox:focus{
    background-color:   var(--modal--bg--color);
    color: var(--modalInput--font--color) !important;
    border: none !important;
}
.checkbox-active{
    margin-left: -3px;
    margin-right: -3px;
}
.universal-inputbox::placeholder{
    color: var(--modalInput--font--color) !important;
}

.universal-modal-hr{
    margin-top: 20px;
    border: 0.5px solid var(--modalInput--border--color) !important;
}
.cancel-icon{
    /* float: right;
    padding: 0px 3px; */
    border-radius: 20px !important;
    background-color: transparent;
    border-color: transparent;
    color: grey;
    cursor: pointer;
}
.configuration-li{
    border: none;
}
/* .universal-textbox:focus{
    webkit-box-shadow: none !important
} */
.primary-case-table{
    width: 85.33%;
    margin-top: 10px;
}
.split-case-table{
    width: 85.33%;
    margin-top: 1px;
}
.primary-case-col{
    width: 11.66%;
}
.modal-radio-item label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 11px;
    border: 0.5px solid #397A66;
    background-color: transparent;
    cursor: pointer;
}
.modal-radio-item input[type=radio]:checked + label:after {
    border-radius: 11px;
    width: 19px;
    height: 19px;
    position: absolute;
    top: 6px;
    left: 16px;
    content: " ";
    display: block;
    background-color: white;
    border: 6px solid #009B6B;
    /* background-image: url(assets/docpanel_images/radiobutton_active.png); */
    cursor: pointer;
}
.modal-radio-item input[type='radio'] {
    display: none;
}
.mergecase-col2-width{
    width: 10.66%;
}
.mergecase-hr{
    border: 0.5px solid var(--modalInput--border--color) !important;
    margin-bottom: 20px;
}
.universal-margin{
    margin-top: 20px;
}
.universal-modal-table.table>thead>tr>th{
 padding: 0px;
}
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px; /* Adjust according to your image size */
    height: 20px; /* Adjust according to your image size */
    /* background-image: url(..//docpanel_images/checkbox_inactive.svg); */
    background-image: var(--greenCheckBox--inactive--image);
    background-repeat: no-repeat;
    background-position: center;
    border: none; /* Remove default border */
    outline: none;
    cursor: pointer;
    bottom: -4px;
    left: 4px;
}
input[type="checkbox"]:checked {
    /* background-image: url(..//docpanel_images/checkbox_active.svg); */
    background-image: var(--greenCheckBox--active--image);
    background-repeat: no-repeat;
}
/* .universal-modal-body > ::-webkit-scrollbar {
    width: 5px; 
}

.universal-modal-body > ::-webkit-scrollbar-track {
    background-color: #262932;  
}

.universal-modal-body > ::-webkit-scrollbar-thumb {
    background-color:  #353945; 
    border-radius: 5px;
} */

.universal-modal-header > .close:hover{
    opacity: unset !important;
}
.universal-modal-header > .close1:hover{
    opacity: unset !important;
}
.modal-close-icons{
    background-image: var(--modalClose--idle--bg--image);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}
.modal-close-icons:hover,.modal-close-icons:focus{
    background-image: var(--modalClose--hover--bg--image);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    /* margin-top: 1px;
    margin-right: -1px; */
}
.checked-color{
    color: var(--active--name--color) !important;
}
input[type=checkbox]:focus{
    outline: none;
}
.input-group-prepend{
    margin-bottom: 10px;
    margin-right: 10px;
}
.close-position{
    position: absolute;
    top: 20px;
    right: 20px;
}
.universal-modal-table > .table>tbody>tr>td{
    font-size: 12px !important;
}
.universal-modal-table > .table>thead>tr>th{
    padding: 4px !important;
}
.modal-dropdown>.dropdown-menu  {
 margin-left: 0px !important;
}
/* .universal-popup-center {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  } */
.dropdown-select-button{
    padding: 20px; 
    width:350px; 
    border-bottom: 1px solid grey;
}
.modal-dropdown>.dropdown-menu{
    min-width: 200px;
}
.modal-dropdown>.dropdown-menu>li{
    padding: 10px;
}
.modal-dropdown>.dropdown-menu>li:hover{
    border-radius: 7px;
    background-color: #009B6B;
    color: #ffffff !important;
}
.modal-dropdown-icon{
    background: var(--dropdown--arrow--image) no-repeat right;
    height: 10px;
    position: relative;
    bottom: 44px;
    right: 65px;
    cursor: pointer;
}
.viewBy-dropdown-icon{
    background: var(--dropdown--arrow--image) no-repeat right;
    height: 10px;
    position: relative;
    bottom: 16px;
    right: 5px;
    cursor: pointer;
}

.modal-rad-card{
    background-color: var(--radCard--bg--color) !important;
    border-radius: 10px;
    margin-right: 30px;
    box-shadow: 0px 4px 4px 3px rgba(0, 0, 0, 0.15) !important;
}
.menubar-dots{
   color: #818798 !important;
   position: relative;
   top: 0px; 
}
.rad-card-header{
    font-size: 16px;
}
.rad-card-hr{
    border: 0.5px solid var(--radCard--hr--color) !important;
    margin: 2px 0px 6px;
}
.myRadiologist-rad-card{
    border-radius: 10px;
    margin-right: 30px;
}
.align-right{
    float: right;
}
.specality-count{
    background-color: var(--specality--bg--color) !important;
    border-radius: 4px !important;
    color: var(--universal--font--color--text) !important;
    font-size: 11px !important;
    font-family: 'OpenSansSemiBold' !important;
}
.rad-card-red-tag{
    border-radius: 6px;
    opacity: 1;
    background-color: rgba(204, 70, 76, 1);
    padding: 4px;
    color: #ffffff !important;
    width: 95%;
    margin-left: 3px;
}
.card-read-time{
    border-radius: 6px;
    background-color: var(--radCardRT--bg--color);  
    color: var(--radCardRT--font--color);
    padding: 3px;
    text-align: center;
}
.common-state{
    color: #F83232 !important;
}
.findings-dropdown>li>a{
    padding: 3px 20px !important;
}
.add-rad-header > .registerationMenus a{
    padding: 0px 29px 10px !important;
}
.duein-width{
    min-width: 70px;
    max-width: 70px;
}
.view-by-menu > .dropdown-menu{
    top: 36px;
}  
.view-by-menu{
    display: inline-block;

}
.rad-card-more-menu .smallText{
    background-color: white;
}
.remove-focus:focus-visible {
    outline: none !important;
}
:focus-visible {
    outline: none !important;
}
.remove-focus:focus {
    outline: none !important;
}
.rad-card-tooltip {
    position: relative;
    display: inline-block;
}
.radiologistDetail .singleLine{
    width: 150px;
}

.rad-card-tooltip .rad-card-tooltiptext {
    display: none;
    /* width: auto;
    height: 30px; */
    white-space: nowrap;
    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;
    right: 5px;
    z-index: 1;
    font-family: 'OpenSansRegular';
    /* margin-top: -35px; */
}

.rad-card-tooltip .rad-card-state-tooltiptext {
    display: none;
    /* width: auto;
    height: 30px; */
    white-space: nowrap;
    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: -35px; */
}

.rad-card-tooltip:hover .rad-card-tooltiptext {
    display: block;
}
.rad-card-tooltip:hover .rad-card-state-tooltiptext{
    display: block;
}
.card-abbreviation-key{
    width: 11%;
    padding: 15px 0px 15px;
}
.card-key{
    width: 13%;
    padding: 15px 5px 15px;
}
.schedular-radio-item label:before {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 11px;
    border: 0.5px solid #397A66;
    background-color: transparent;
    cursor: pointer;
}
.schedular-radio-item input[type="radio"]:checked {
    border-radius: 11px;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 6px;
    left: -7px;
    content: " ";
    display: block;
    background-color: white !important;
    border: 4px solid #009B6B !important;
    cursor: pointer;
}

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

.PreferenceRadio .PreferenceText{
    position: absolute;
}

.worktype-radio-item label:before {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 11px;
    border: 0.5px solid #397A66;
    background-color: transparent;
    cursor: pointer;
}
.worktype-radio-item input[type='radio'] {
    display: none;
}
.worktype-radio-item input[type="radio"]:checked {
    border-radius: 11px;
    width: 14px !important;
    height: 14px !important;
    position: absolute;
    top: 6px;
    left: 8px;
    content: " ";
    display: block;
    background-color: white !important;
    border: 4px solid #009B6B !important;
    cursor: pointer;
}
.radCard_capcitiy{
    color: var(--radCard--capacity--font--color) !important;
}
.readTime-dropdown-icon{
    background: var(--dropdown--arrow--image) no-repeat right;
    height: 10px;
    width: 40px;
    right: 9px;
    top: 4px;
    position: absolute;
}
.modalTableHeader{
    background-color: var(--modalTableHeader--bg--color);
    height: 38px
}
.modalBlueAlert{
    color: var(--modal--blueAlert--color) !important;
}
/* column Configuration checkbox */
.lblcontainer input ~ .checkmark {
    background-image: var(--greenCheckBox--inactive--image) !important;
    background-repeat: no-repeat;
}
.lblcontainer input:checked ~ .checkmark {
    background-image: var(--greenCheckBox--active--image) !important;
  
}
/* Instructions checkbox */
.Instructcheckmark {
    position: absolute;
    top: -8px;
    left: 23px;
    height: 23px;
    width: 23px;
    background-color: unset !important;
    background-image: var(--greenCheckBox--inactive--image) !important;
    background-repeat: no-repeat;
  }

  .containerinstruct input:checked ~ .Instructcheckmark {
    background-color: unset !important;
    background-image: var(--greenCheckBox--active--image) !important;
    background-repeat: no-repeat;
  }
  .removeIcon{
    background-image: var(--modalRemove--bg--image) !important;
    background-repeat: no-repeat;
    width: 18px;
    height: 17px;
    position: absolute;
    background-size: cover;
    display: inline-block;
  }
  .instructionRemoveIcon{
    background-image: var(--modalRemove--bg--image) !important;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    background-size: cover;
    display: inline-block;
  }
  .instructionEditIcon{
    background-image: var(--modalEdit--bg--image) !important;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    background-size: cover;
    display: inline-block;
  }
  .modal-para-content{
    font-size: 11px !important;
    color: var(--header--para-color) !important;
  }
  .smallModal-content{
    color: var(--header--para-color) !important;
  }
  .selectedRadFont{
    color: #ffffff !important;
  }
  .universal-calender-modal{
    background-color: var(--modal--bg--color) !important;
    color:#A9B0C3;
    /* box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 0.32) inset; */
    border-radius: 15px;

}
.addRad-close{
    position: absolute;
    bottom: 2px;
    right: 8px;
}

@media screen and (max-width: 900px) {
    .universal-calender-modal{
        height: 670px !important;
    }
  }
@media (min-width: 900px) {
    .case-decline-modal-with-md {
        width: 440px !important;
    }
    .resolve-modal-with-md {
        width: 400px !important;
    }
}