/* common */
.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 100px !important;
}

/*font for richtext editer*/
@font-face {
    font-family: 'FontAwesome';
    src: url('../lib/RichTextPlugin/fontawesome-webfont.eot?v=4.7.0');
    src: url('../lib/RichTextPlugin/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../lib/RichTextPlugin/fontawesome-webfont.woff2?v=4.7.0') format('woff'), url('../../lib/RichTextPlugin/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../lib/RichTextPlugin/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    position: fixed;
    /* CAUTION: This may effect other css*/
    width: 100%;
    font-family: Light !important;
}

input[type=datetime-local]::-webkit-outer-spin-button,
/* Removes arrows */
input[type=datetime-local]::-webkit-inner-spin-button,
/* Removes arrows */
input[type=datetime-local]::-webkit-clear-button {
    /* Removes blue cross */
    -webkit-appearance: none;
    margin: 0;
    display: none;
}

input[type=datetime-local]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
}

input[type="time"]::-webkit-clear-button {
    display: none;
}

input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input:-webkit-autofill {
    background-color: transparent !important;
}

/* make duv scrollable */
.divScrollY {
    overflow-y: auto !important;
}

/* remove margin */
.marginZero {
    margin: 0px !important;
}

/* remove margin */
.paddingZero {
    padding: 0px;
}

.marginPaddingZero {
    margin: 0px;
    padding: 0px;
}

.hoverCursor {
    cursor: pointer;
}


.underlineTxt {
    text-decoration: underline;
    cursor: pointer;
}


.has-error input {
    border-bottom: 1px solid red;
    color: red;
}

.spanHas-error {
    color: red !important;
}

.borderRadiusZero {
    border-radius: 0px !important;
}

.borderTopLine {
    border-top: 1px solid #f0f0f0;
}

.headerBottomLine {
    border-top: 1px solid #f0f0f0;
}



.overlay,
.overlay_GridLoad {
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: 0.1;
    position: fixed;
    top: 0px;
    display: none;
}

.spinner,
.spinner_GridLoad {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    display: none;
    background-image: url('../img/loading.gif');
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
    /* background-color: #454545; */
    z-index: 999999999;
}

.backgroundImageLoader {

    background-image: url('../img/loading.gif');
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
}

/* override */
.headerFontSize {
    font-size: 17px;
    font-family: Light !important;
    color: #323232 !important;
}

.headerFontSizeBold {
    font-size: 17px;
    font-family: Regular !important;
    color: #323232 !important;
}

.headerFontSizeSemiBold {
    font-size: 16.8px;
    font-family: Light !important;
    color: #323232 !important;
}

.subHeaderFontSize {
    font-size: 14.2px;
    color: #323232 !important;
}

.subHeaderFontSizeSemiBold {
    font-size: 13.2px;
    font-family: Regular !important;
    color: #3ebe7a !important;
}
.headerItemFontColor{
    color: #fff !important
}
.subHeaderTextFontSizeSemiBold { 
    font-size: 13.2px;
    font-family: Regular !important;
}

.subHeaderFontSizeSemiBoldDark {
    font-size: 13.2px;
    font-family: Regular !important;
    color: #f1f1f1 !important;
}

.caseTextColor{
    color: none !important;
}
.CurrentPriorPrimaryStudydesc {
    font-family: Regular;
    color: #555;
    font-weight: 700;
}

.CurrentPriorPrimaryStudydescDark {
    font-family: Regular;
    color: #FFF;
    font-weight: 700;
}

.subHeaderFontSizeBold {
    font-size: 14.2px;
    font-family: Regular !important;
    color: #555 !important;
}

.paragraphFontSize {
    font-family: Light !important;
    font-size: 12.8px;
    color: #ffffff !important;
}

.regularFont {
    font-family: Light !important;
}

.paragraphFontSizeSemiBold {
    font-family: Light !important;
    font-size: 12.8px;
    color: #505050;
}

.alignLeft {
    float: left;
}

.subParagraphFontSize {
    font-family: Light !important;
    font-size: 11px;
    color: #505050;
}

.subParagraphFontSizeSemiBold {
    font-family: Light !important;
    font-size: 11px;
    color: #505050;
}

.regularFontBigger {
    font-family: Light !important;
    font-size: 14.2px;
    color: #505050;
}


/* header */
.loginHeader {
    /*background-color: #f5f6f7;
    min-height: 49px;*/
    min-height: 56px;
    border-bottom: 1px solid #f5f6f7;
}

.loginHeader img {
    display: block;
    margin: 0 auto;
    width: 142px;
    position: relative;
    top: 12px;
    cursor: pointer;
    float: right;
    right: 25px;
}

.loginFormContainer {
    max-width: 320px;
    margin: 0 auto;
    margin-top: 40px;
}

.loginHeaderMenu {
    /*padding-left: 12px;*/
}

.loginHeaderMenu a {
    color: black;
    font-size: 13.23px;
    color: #817f7f;
    cursor: pointer;
    padding: 15px 11px !important;
    margin-top: 3px;
}

/*.loginHeaderMenu li a:hover{
    background-color: none!important;
}*/

.loginHeaderMenu li.active a,
.loginHeaderMenu li.active a:hover {
    background: none;
    cursor: default;
    font-weight: normal;
}

.ButtonOutLineGreen {
    border: 1px solid #35b479;
    border-radius: 10px;
    margin-top: 12px;
    text-align: center;
    width: 105px;
    padding: 2px;
    cursor: pointer;
    font-size: 12.8px;
    color: #35b479;
    display: inline-block;
    margin-right: 130px;
    font-family: Light;
}

.askLoginText {
    position: absolute;
    top: 17px;
    right: 15%;
    font-family: Light;
    font-size: 11.38px;
    color: #969696;
}

.askLoginText span {
    margin-left: 10px;
    color: #3ebe7a;
    cursor: pointer;
    font-family: Light;
    font-size: 11.38px;
}

.registrationMenusContainer {
    /*max-width: 750px;*/
    max-width: 490px;
    margin: 0 auto;
}

.signupTxt {
    font-family: Light;
    font-size: 17px;
    text-align: center;
    color: #323232;
}

.uploadImageRegister {
    /*width: 148px;*/
    /* height: 150px; */
    position: absolute;
    /* overflow: hidden; */
    /* display: block; */
    margin-top: -499px;
    height: 40%;
    overflow: hidden;
}

.registerationMenus a {
    font-family: Light;
    font-size: 14.2px;
    color: #969696;
    cursor: pointer;
    padding: 10px 29px !important;
    margin-top: 6px;
}

.registerationMenus li.active .activeMenuLine {
    width: 65px;
    border-bottom: 3px solid #55aff0;
    margin: -3px auto;
}

.registerationMenus li.active .activeMenuLineAssignCases {
    width: 65px;
    border-bottom: 3px solid #fff;
    margin: -3px auto;
}

.registerationMenus li.active a,
.registerationMenus li.active a:hover {
    background: none;
    color: #323232;
    cursor: default;
}

.registerationMenus li.active .activeMenuLinePayment {
    border-bottom: 3px solid #55aff0;
    margin: -3px auto;
}

.registrationContainer {
    /*max-width: 767px;
    margin: 20px auto;*/
    /*height: 91.5%;*/
}

.profileImg {
    width: 150px;
    height: 150px;
    /* background-color: gray; */
    border: 1px dashed gray;
    margin-left: 91px;
    margin: 110px auto;
    overflow: hidden;
}

.profileImgDiv {
    border-right: 1px solid #d8dbe1;
}

.formInputs label {
    font-family: Light;
    font-size: 11px;
    color: #969696;
    margin: 0;
    font-weight: normal !important;
}

.formInputs input,
.formInputs select,
div.form-control,
div.form-control>input {
    font-family: Light;
    color: #323232;
    font-size: 12.81px;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #d8dbe1;
    box-shadow: none !important;
    padding: 0;
    height: 22px;
    outline: 0;
    margin-bottom: 25px !important;
}

#accountSettingPage .formInputs input,
#accountSettingPage .formInputs select,
#accountSettingPage div.form-control,
#accountSettingPage div.form-control>input {
    margin-bottom: 0 !important;
}

.ddFormFocus {
    border-color: #d8dbe1 !important;
}

div.form-control>input {
    width: 100%;
}

.form-control[readonly] {
    background-color: transparent;
}

.ORTxt {
    font-family: Light;
    font-size: 11.38px;
    text-align: center;
    color: #969696;
}

.ORLine {
    height: 10px;
    border-bottom: 1px solid #e8e8e8;
}

.buttonCustom {
    font-family: Light;
    font-size: 12.8px;
}

.buttonGreen {
    /* border: 1.5px solid #3ebe7a;
    background-color: #222628 !important;
    color: #3ebe7a;
    font-weight: 700;
    outline: none !important; */

    background-color: #3ebe7a;
    color: #fff;
    /*border: 0;*/
    outline: none !important;

}

.deselectButton {
    background-color: #dcdcdc;
    color: #000;
    /*border: 0;*/
    outline: none !important;
}

.buttonBorder {
    color: #3ebe7a;
    border-color: #3ebe7a;
}

.deleteButtonBorder {
    color: #f58233;
    border-color: #f58233;
}

.formInputsIcon {
    float: right;
    top: -45px !important;
    right: 0;
    color: #939393;
    cursor: pointer;
}

.checkbox-primary input[type="checkbox"]:checked+label::before {
    background-color: #428bca;
    border-color: #428bca;
}

.checkbox-primary input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.acceptTerms {
    font-family: Light;
    font-size: 11px;
    color: #969696;
    line-height: 21px;
}

.termsLink {
    font-family: Light;
    font-size: 11.38px;
    text-decoration: underline;
    color: #323232;
    cursor: pointer;
    display: inline-block;
    margin-left: 2px;
}

.contentPadding {
    padding-left: 8px;
}

@media (max-width:767px) {
    .contentPadding {
        padding: 15px;
    }

    .askLoginText {
        position: static;
        text-align: center;
        right: 0;
        position: relative;
        top: -2px;
    }

    .registerationMenus li {
        float: none;
        text-align: center;
    }

    .profileImg {
        margin: 20px auto;
    }

    .loginHeader img {
        float: none;
    }

    .readSelection {
        margin-top: 50px !important;
    }

    .radPassportText {
        margin-left: 0;
        padding-left: 0;
        border: 0 !important;
    }
}

.verificationTxt {
    font-size: 13.5px;
    color: #686464;
}

.verificationMenusContainer {
    max-width: 830px;
    margin: 0 auto;
}

.clientTxt {
    font-size: 12.5px;
    color: #686464;
    text-align: center;
    margin: 20px auto;
}

.validationForm {
    width: 40%;
    margin: 0 auto;
    color: #686464 !important;
    margin-top: 60px;
}

.formInputs select.verificationDropDown {
    color: #686464;
    /*appearance:none;*/
    /*-moz-appearance:none; /* Firefox */
    */
    /*-webkit-appearance:none; /* Safari and Chrome */
    */
    /*    border:none;
    background:url(http://imgur.com/1.png) 0 0 no-repeat;
    -webkit-appearance: none;*/
}

.droppable {
    background: #fff;
    padding: 100px 0;
    text-align: center;
    border: 1px dashed #cacaca;
    width: 66%;
    text-align: center;
    margin: 0 auto;
    margin-top: 65px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    height: 200px;
    /*Using a background color, but you can use a background image to represent a button*/
    /*background-color: #DDF;*/
}

.droppable.dragover {
    background: #00CC71;
}

.clickHere {
    color: #209c20;
    font-size: 13.5px;
    font-family: inherit;
    height: 56px;
    margin: 0;
}

/* Nav bar in registration */

.marginMinustwenty {
    margin-top: -20px;
}

.registrationParentContainer {
    /*height: 75%;*/
}

.registrationPageNpiParentDiv {
    padding-left: 15%;
    padding-top: 5%;
    padding-bottom: 25%;
    text-align: right;
}

.registrationPageTextDiv {
    padding-top: 4%;
    padding-bottom: 2%;
    margin-left: 1px;
}

.registrationPageTextDiv p {
    padding: 55px 30px;
    text-align: right;
    padding-left: 40%;
    border-right: 1px solid #f0f0f0;
}

.registrationPageNpiDiv {
    padding-top: 6%;
    padding-bottom: 2%;
    margin-left: 1px;
}

.bgimg {
    background-image: url(../img/Untitled-3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 40px;
}

.backArrowDiv {
    position: absolute;
    bottom: 30%;
}

.backArrowDiv img {
    cursor: pointer;
}

.navbar {
    /*background-color: #fff;*/
    border: 0px;
    /*border-bottom: 1px solid #f0f0f0;*/
    height: 50px;
    margin: 0;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-brand {
    color: #505050;
    font-size: 12.8px;
    cursor: pointer;
    font-family: Light;
    background-color: #fff;
}

.hamInset {
    box-shadow: inset 0px 5px 5px 0px #2b2626;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    background-color: #e8e7e7;
    border-radius: 10px;
}

.navbar-default {
    background-color: white !important;
    box-shadow: 4px 3px 10px 0px #dcdcd1;
    border-radius: 0px;
}

@media only screen and (max-width: 766px) {

    /*.collapsing, .in {background-color: #f7f7f7;*/
    .collapsing,
    .in {
        background-color: white;
    }

    .collapsing ul li a,
    .in ul li a {
        color: #555 !important;
    }

    .collapsing ul li a:hover,
    .in ul li a:hover {
        color: #f1f1f1 !important;
    }
}

@media(max-width:768px) {
    .mobile-landing {
        display: none;
    }

    .landing-default {
        display: static;
    }

    .container-fluid {
        padding-right: 30px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: 15px;
    }

    .displayNoneMView {
        display: none !important;
    }

    .banner-container {
        /*height: 150px!important;*/
        /*height: 370px!important;*/
    }

    .c-text-banner {
        padding-top: 60px !important;
        font-size: 13px !important;
    }

    .c-sub-text-banner {
        font-size: 10px !important;
    }

    .banner-container>img {
        /*height: 370px!important;*/
    }

    .heading-top-margin {
        padding-top: 35px;
    }
}

@media(max-width:450px) {
    .mobile-landing {
        display: none;
    }

    .landing-default {
        display: static;
    }

    .container-fluid {
        padding-right: 30px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: 15px;
    }

    .displayNoneMView {
        display: none !important;
    }

    .banner-container {
        /*height: 150px!important;*/
        /*height: 200px!important;*/
    }

    .c-text-banner {
        padding-top: 60px !important;
        font-size: 13px !important;
    }

    .c-sub-text-banner {
        font-size: 10px !important;
    }

    .banner-container>img {
        /*height: 200px!important;*/
    }

    .heading-top-margin {
        padding-top: 35px;
    }
}

@media(max-width: 768px) {
    .teamSeprationHeight {
        margin-top: 55px;
    }
}

.navbar-default .navbar-brand {
    width: 140px;
    height: 60px;
}

@media (min-width: 768px) {
    .container>.navbar-collapse {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: -14px;
    }

    .navbar-right {
        float: right !important;
    }

    .navbar>.container .navbar-brand {
        /*margin-left: 140px;
        width: 180px;
        height: 65px;
        position: absolute;
        margin-top: -7px;*/
        width: auto;
        height: 50px;
        padding: 0;
    }

    .navbar-nav>li {
        margin-right: 4px;
    }

    .verificationMenusContainer {
        width: 80%;
    }

    .landing-default {
        display: static;
    }

    .mobile-landing {
        display: none;
    }

}

@media (max-width: 768px) {
    .paymentMenu li {
        padding-right: 0px !important;
    }
}

@media (max-width: 990px) {
    .ButtonOutLineGreen {
        border: 1px solid #35b479;
        border-radius: 10px;
        margin-top: 12px;
        text-align: center;
        width: 105px;
        padding: 2px;
        cursor: pointer;
        font-size: 12.8px;
        color: #35b479;
        display: inline-block;
        margin-right: 0px;
        font-family: Light;
    }

    .navbar>.container .navbar-brand {
        margin-left: 0px;
    }

    .loginHeaderalign {
        text-align: center;
    }

}

/*Payment Page*/
.paymentImg {
    margin-bottom: 10px;
}

.paymentImgAlign {
    width: 50%;
    margin: 0 auto;
    align-content: center;
}

.paymentMenu {
    text-align: center;
}

.paymentMenu li {
    /*display: inline-block;
    padding: 45px;
    padding-top: 35px;*/
}

.forgotPass {
    float: right;
    margin-top: -19px;
    margin-right: -14px;
    font-size: 11px;
    color: #9d9d9d;
    margin-bottom: 40px;
    cursor: pointer;
}

.paymentWidth {
    max-width: 330px;
    margin: 0 auto;
}

.paymentCVV {
    float: right;
    margin-top: -55px;
    margin-right: -50px;
}

.paymentCard {
    float: right;
    margin-top: -55px;
    margin-right: -35px;
}

/* Login Home Page*******************/

.dropDownAllElement {
    width: 45%;
    text-align: right;
    display: inline-block;
}

.dropDownAllElement ul {
    width: 100%;
}

.selectOption {
    height: 50px;
    padding: 13px;
    text-align: right;
    border-bottom: 1px solid gainsboro;

}

.selectOption select {
    border: 0;
}

.selectionMenuItem {
    width: 30%;
    display: inline-block;
    text-align: center;
}

.selectionMenuItem p {
    color: #1789b4;
    font-size: 13px;
}

.leftArrow {
    position: absolute;
    width: 29px;
    float: left;
    padding: 5px;
    top: 12%;
    left: -3%;
    border: 1px solid gainsboro;
    border-radius: 20px;
    text-align: center;
    background: white;
    cursor: pointer;
}

.rightArrow {
    position: absolute;
    width: 29px;
    float: left;
    padding: 5px;
    top: 13%;
    border: 1px solid gainsboro;
    border-radius: 20px;
    text-align: center;
    background: white;
    cursor: pointer;
}

.textAlignLeft {
    text-align: left;
}

.textAlignRight {
    text-align: right;
}

.searchElement {
    background: transparent;
    border-top: 1px solid #f5f6f7;
    padding: 10px;
    font-size: 13px;
}

.searchElementData {
    margin: -10px;
    background: #f5f6f7;
}

.searchElement i {
    float: left;
    padding: 10px;
}

.searchElement input {
    border: 0px;
    border-bottom: 1px solid #ccc;
    width: 80%;
    box-shadow: none;
}

.contentArea {
    position: relative;
    border-bottom: 1px solid gainsboro;
}

/*.contentArea section
{
    position: absolute;
    text-align: center;
    top: 65%; left: 50%;
    transform: translate(-50%,-50%);
}*/
.ContentAreaData {
    position: absolute;
    bottom: 10%;
    width: 100%;
    text-align: center;
}

.contentArea h4 {
    margin-top: 45px
}

.contentArea button {
    margin-top: 20px
}


.borderRightBottom {
    border-right: 1px solid #f5f6f7;
    border-bottom: 1px solid #f5f6f7;
}

.marginLeftRight {
    margin-left: -15px;
    margin-right: -15px;
}

.negativePaddingLeftRight {
    padding-left: -15px;
    padding-right: -15px;
}

.dropDownPopOver {
    text-align: right;
    padding: 12px;
    border-right: 0;
    height: 56px;
}

.setWidthAuto {
    width: auto;
}

.floatArrowLeft {
    float: left;
    width: 25px;
    margin-top: 15px;
    border: 1px solid gainsboro;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
}

.backArrowElement {
    width: 50%;
    text-align: left;
    display: inline-block;
    cursor: pointer;
}

.searchBlockBottomItms {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.dropDownAll {
    border: 0;
    color: black
}

@media(max-width:769px) {
    .setFullWitdh {
        width: 94%
    }
}

.setWidth {
    width: 96%
}

@media(max-width:321px) {
    .setHeaderImgWidth {
        width: 83%
    }

    .textAlignCenter {
        text-align: center;
    }

    .searchContainerWidth {
        width: 85%
    }
}

@media(min-width:321px) {
    .setHeaderImgWidth {
        width: auto;
    }
}

@media(max-width:361px) {
    .setHeaderImgWidth {
        width: 86%;
    }
}

@media(max-width:376px) {
    .setHeaderImgWidth {
        width: 86%;
    }
}

@media(min-width:770px) {
    .setContentPageWidth {
        width: 83%;
    }
}

/********************/
input[type=file] {
    width: 500px;
    height: 500px;
    background: black;
}

.fileInput {
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    /*This makes the button huge. If you want a bigger button, increase the font size*/
    font-size: 50px;
    /*Opacity settings for all browsers*/
    opacity: 0;
    -moz-opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}

/* Login user header */

.loginUserHeader a {
    font-family: Light;
    font-size: 14.23px;
    color: #817f7f;
    cursor: pointer;
    padding: 10px 20px !important;
    background-color: transparent !important;
    margin-top: 6px;
}

.loginUserHeader :hover {
    color: #1789b4 !important;
}

.navbar-nav>li>a:hover {
    background-color: transparent !important;
    color: var(--greenColor) !important;
}

.loginUserHeader li.active .activeMenuLine {
    width: 65px;
    /*border-bottom: 3px solid #55aff0;*/
    border-bottom: 3px solid var(--greenColor);
    margin: -3px auto;
}

.loginUserHeader li.active a,
.loginUserHeader li.active a:hover {
    background: none;
    color: #323232;
    cursor: default;
}

.customModalHeader {
    background-color: #55aff0;
}

.close {
    color: #f1f1f1 ! important;
    opacity: unset !important;
}

.close:focus, .close:hover{
    opacity: 0.5 !important;
}

.loginUserHeader li.active .activeMenuLinePayment {
    border-bottom: 3px solid #55aff0;
    margin: -3px auto;
}

.navbar-nav>.active>a.hideBackground {
    background-color: transparent;
}

.navbar-nav>.active>a {
    color: var(--greenColor) !important;
}

/*
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover
{
    
}*/

/*    Radiologist Page */
@media(max-width:400px) {
    .radioLogistImage {
        width: 36%
    }
}

@media(min-width:500px) {
    .radioLogistImage {
        width: 36%
    }
}

.fileInputProfile {
    cursor: pointer;
    height: 100%;
    position: relative;
    top: 0;
    right: 0;
    z-index: 99;
    font-size: 50px;
    opacity: 0;
    margin-top: -71px;
    -moz-opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}

.ImageUploadVerification {
    overflow: hidden;
    margin-top: -129px;
    margin-bottom: -98px;
    /*height: 250px;*/
    width: 200px;
    display: inline-block;
    vertical-align: middle;
}

#radiologistScroll {
    /*border-bottom: 1px solid #e7e7e7;*/
    margin-right: -15px;
}

#radiologyFavorit,
#panelRadiologist {

    margin-right: -15px;
}

/*Image crop img crop*/
.img-crop,
.img-crop img {
    width: 100%;
    /* gotta be responsive these days */
}

.img-crop {
    background-color: #ededed;
    /* some background color for short images */
    overflow: hidden;
    /* remove white-space for inline-block elements */
    letter-spacing: -0.31em;
    /* webkit */
    *letter-spacing: normal;
    /* reset IE < 8 */
    word-spacing: -0.43em;
    /* IE < 8 && gecko */
}

.img-crop:before,
.img-crop img {
    /* vertically center the image */
    display: inline-block;
    vertical-align: middle;
}

.img-crop:before {
    /* pseudo element to vertically align image to */
    content: "";

    /* Magic Number */
    /* Set this to your desired height(to width) ratio */
    padding-top: 75%;
    /* % of original image width */
}

.verticalScroll {
    overflow-y: auto;
}

.img-crop img {
    /* removes(sorta) image from the flow */
    padding-left: 100%;
    margin: -999em -100%;
}

/*commented by manju as this should be done to element recured not globally*/
input[type="checkbox"] {
    display: none;
}

/*.checkBoxDisable
{
    display:none;
}*/

/*input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url('../../assets/img/checkbox/no_tick.png') left top no-repeat;
    background:url('../../assets/img/checkbox/squre_white_fill.png') left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
    background:url('../../assets/img/checkbox/blue_tick.png') top no-repeat;
}*/

/*********PostLoginHome Page**************/
.contentAreaPostLoginIC {
    overflow-y: auto;
    width: 100%;
    height: 82%;
    margin-left: 25px;
    padding-right: 25px;
}

.contentAreaPostLoginIC img {
    width: 100%;
    height: auto
}

.frame {
    height: 100px;
    /* equals max image height */
    /*width: 160px;
    border: 1px solid red;*/
    white-space: nowrap;

    text-align: center;
    margin: 1em 0;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

img {
    vertical-align: middle;
    /* max-height: 100%; */
    max-width: 100%;
    height: auto;
}

@media(min-width:400px) {
    .imageSizeRadiologist {
        width: 30%
    }
}

.boldFont {
    font-family: Regular;
    font-size: 13px;
}

/************** NEw Home Page ***********/

.isHamburgerCollapse {
    /*width: 105%;*/
    /*margin-left: -15.5%;*/
    margin-left: -180px;
}

.marginRight180 {
    margin-left: 60px;
}

@media(min-width:993px) {
    .isHamburgerCollapse {
        /*width: 100%;*/
        /*margin-left: -23%;*/
        margin-left: -155px;
    }
}

@media(max-width:993px) {
    .isHamburgerCollapse {
        /*width: 100%;*/
        /*margin-left: -23%;*/
        margin-left: -155px;
    }
}

@media(max-width:768px) {
    .isHamburgerCollapse {
        /*width: 100%;*/
        /*margin-left: -23%;*/
        margin-left: -142px;
    }
}

.title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    background-color: transparent;
    /*
    width: 100%;*/
}

.newHomePageParent {
    /*height: 92%;*/
    padding: 0;
    /*margin-top: 9px;*/
    position: relative;
    /*border-top: 1px solid #f0f0f0;*/
}

.opacity {
    opacity: 0.5;
}

.newHomePageParent h5 {
    font-family: Light;
    text-transform: uppercase;
    /*margin-bottom: 25px;*/
    margin-top: 23px;
    margin-left: 5px;
}

.uploadedCaseList {
    width: 100%;
    overflow-y: hidden;
    overflow-y: hidden;
    /* padding-left: 26px; */
    margin: 0;
}

/* .ag-body-horizontal-scroll-viewport {
    overflow-x: hidden !important;
} */

/* .newHomePageParent > .uploadedCaseList {
    overflow-y: unset;
} */

/*guddu added for large screen*/
/*@media(min-width:2500px)
{   
 .uploadedCaseList
    {
        width: 100%;
        
    }
    .radTopMenu
    {
        width: 100%;
      
    }
}
@media(min-width:2500px)
{   
 .uploadedCaseList
    {
        width: 97%;
        float: right;
    }
    .radTopMenu
    {
        width: 97%;
        float: right;
    }
}
@media(min-width:3800px)
{   
 .uploadedCaseList
    {
        width: 95%;
        float: right;
    }
}*/
/* end guddu added*/
.uploadedCaseCard {
    max-height: 200px;
    max-width: 300px;
}

.uploadedCaseCardItem {
    background: radial-gradient(#595454, #0b0505);
    text-align: center;
    padding: 5px 5px;
    color: white;
    height: 110px;
    width: 350px;
}

.PostedCaseGridView,
.inProgressCasesGridView {
    overflow-y: auto !important;
}

.caseDetailCardHeight {
    height: 166px
}

.casedetailtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: -webkit-inline-box;*/
    white-space: nowrap;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background-color: transparent;
    width: 100%;
    margin: 8px 0 0 0;
}

.uploadedCaseCardItem img {
    float: right;
    cursor: pointer;
}

.uploadedCaseCardItem div {
    /*width: 90%;*/
    height: 100%;
    cursor: pointer;
}

.uploadedCaseCardItemPatientName {
    font-size: 17px;
    /*padding: 0px;*/
    font-family: Light;
    /*text-transform: uppercase;*/
}

.uploadedCaseCardItemPatientId {
    font-size: 13px;
    padding: 0px;
}

.uploadedCaseCardItemPatientAge {
    text-align: right;
    text-align: right;
    font-size: 12px;
    color: #d6cdcd;
    padding: 0px;
    padding-top: 5px;
}

.uploadedCaseCardItemPatientCase {
    color: #555;
    background: white;
    padding: 15px;
    font-size: 14.2px;
    width: 350px;
    height: 125px;
}

.uploadedCaseCardItemPatientCase h5 {
    display: initial;
}

.uploadedCaseCardItemPatientCase span {
    font-size: 12.8px;
}

.uploadedCaseCardItemPatientCaseName {
    font-size: 15px;
    padding: 0px;
    font-family: Light;
}

.uploadedCaseCardItemPatientCaseDescp {
    font-size: 13px;
    padding: 0px;
}

.uploadedCaseCardItemPatientCaseModality {
    text-align: right;
    font-size: 12px;
    padding: 0px;
}

.uploadedCaseFooter {
    /* border-top: 1px solid gainsboro; */
    height: 50px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    padding: 10px 0px;
    background: white !important;
    box-shadow: 4px 0px 10px 0px #dcdcd1;
    /* box-shadow: 4px 0px 10px 0px #000000; */
    /*position: initial;
    padding: 0px;*/
    margin-left: 1px;
}
.settingUploadFooter{
    height: 50px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    padding: 10px 0px;
    background: white !important;
    box-shadow: var(--footer--boxShadow--color);
}
.settingUploadFooter div {
    text-align: right;
    padding-right: 10px;
}
.settingUploadFooter .popover {
    padding-right: 0 !important;
}
.uploadedCaseFooterhamburgertrue {
    /*width: 108.6%;*/
}

.uploadedCaseFooter div {
    /*position: absolute;
    bottom: 0%;
    right: 5%;*/
    text-align: right;
    padding-right: 10px;
}

.uploadedCaseFooter .popover {
    padding-right: 0 !important;
}

@media(min-width:1400px) {
    .screenWidth {
        /*width: 25%*/
    }

    .hamburgerMenuIconsWidth {
        width: 15%
    }

    .isHamburgerCollapse {
        margin-left: -155px;
    }
}

.screenWidth {
    display: inline-block;
    margin: 10px;
}

.screenWidthHamburgerOpen {
    /*margin-right:30px;*/
}

/* Back Button */
.backButtonRow {
    margin-top: -15px;
}

.backButtonStyle {
    cursor: pointer;
    /*margin-left: 35px;*/
    font-size: 20px;
    margin-top: 50%;
}

.caseStudyDiv {
    /*width: 70%;*/
    width: 75%;
    height: 20px;
}

.caseStudyDiv img {
    width: 18px;
    height: auto;
}

.caseStudyDiv span {
    vertical-align: middle;
}

.priorCountDiv {
    /*width: 30%;*/
    width: 23%;
    display: inline-block;
    float: right;
    margin: 2px 0px;
}

.priorCountDiv span {
    float: right;
    vertical-align: middle;
}

.homePageImageDiv {
    /*width:100%;*/
    height: 200px;
    padding-top: 50px;
}

.homePageImgDiv {
    color: white;
    /*background-color: #00B76F;*/
    width: 100px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    font-size: 33px;
}

.homePageImgDiv input {
    position: absolute;
    height: 100px;
    width: 100px;
    opacity: 0;
    cursor: pointer;
}

.homePageImgDiv div {
    padding-top: 25%;
    text-transform: capitalize;
}

.homePageImgDiv img {
    /*margin-top: -98%;*/
    position: initial;
}

.homePageCreateCaseDiv {
    text-align: center;
    margin-top: 3%
}

.homePageSelectStudyDiv {
    text-align: center;
    border-right: 1px solid #f0f0f0;
}

.homePageReviewStudyDiv {
    text-align: center;
    border-left: 1px solid #ddd;
}

.homePageLoadingDiv {
    text-align: center;
    margin-top: 25%
}


/* Assign Cases */

.bubbleButton {
    display: inline-block;
    font-size: 12.81px;
    color: #505050;

    background-color: #ebebeb;
    border-radius: 30px;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.showExtraCount {
    display: inline-block;
    font-size: 10.81px;
    color: #505050;
    margin-top: -2px;
    background-color: #ebebeb;
    vertical-align: text-top;
    border-radius: 4px;
    margin-right: 5px;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}

.parentDivPaddingThirty {
    padding: 30px;
}

.assignCaseNav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.assignCaseNav>li>a {
    position: relative;
    display: block;
}

.assignCaseNav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.configureReadContainer {
    max-width: 830px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.assignCasesHeader {
    text-align: center;
    font-size: 17px;
    font-family: Light;
    text-transform: uppercase;
}

.footer {
    position: absolute;
    bottom: 0;
    border-top: 1px solid #ebebeb;
    width: 100%;
    height: 50px;
}

.assignCasesButton {
    width: 40%;
    margin-left: 25%;
    margin-top: 5%;
}

.customLinkFooter {
    margin-top: 1.5%;
}

.customelinkDefault {
    font-family: Light;
    color: #939393;
    font-size: 12px;
}

.customelinkArrow {
    font-size: 12px;
    color: #939393;
}

.leftAlignHead {
    margin-bottom: 45px;
    text-align: left;
    margin-left: 15px;
}

.assignSelectStudiesContainer {
    margin-left: 10px;
    margin-top: 45px;
}

.assignRadiologyParentContainer {
    position: relative;
    height: 83.5%;
    overflow-y: auto;
}

.assignRadiologyParentContainer h4 {
    padding: 15px;
}

.imgDiv {
    padding: 0;
}

.imgDiv img {
    max-width: 70px;
    margin-left: 15px;
}

.imgDiv i {
    padding: 5px;
}

.checkBoxDiv {
    padding: 5px;
    margin-top: 15px;
}

.checkBoxDiv input {
    display: block;
}

.assignCasesHeaderText:hover {
    background: transparent;
}

/* Select STudies styles */
.cardNaming {
    font-family: Light;
    font-size: 13px;
    margin-bottom: 0;
}

.cardDetails {
    font-family: Light;
    font-size: 12px;
    color: #939393;
}

.cardHeader {
    position: relative;
    height: 90px;
}

.cardFooter {
    position: absolute;
    bottom: 0;
}

.cardImageSelection {
    width: 80px;
}

.assignCasesTable {
    border: 0;
    margin-left: -3px;
}

.assignCasesTable thead {
    background: #F5F5F5;
}

.assignCasesTable tbody {
    background: transparent;
}

.assignCasesTable thead>tr>th {
    /*border-color: white;*/
    /*border-width: 3px;*/
    border-width: 2px;
    font-size: 14.2px;
    font-family: Light !important;
    color: #323232 !important;

}

.assignCasesTable tbody>tr>td {
    /*border-color: white;
    border-width: 3px;*/
    border-width: 2px;
    font-family: Light !important;
    font-size: 12.8px;
    /*background-color: #F5F5F5;*/
    color: #505050;

}

.passportCasesTable tbody>tr>td>a {
    color: lightgreen;
    text-decoration: underline;
}

.passportCasesTable thead {
    background: #BECDD5;
}

.passportCasesTable tbody {
    background-color: #F5F5F5;
}

.passportCasesTable {
    border: 0;
    margin-left: -3px;
}

.passportCasesTable thead>tr>th {
    border-color: white;
    border-width: 3px;
    font-size: 12px;
    vertical-align: middle;
    font-family: Light !important;
    color: #323232 !important;

}

.passportCasesTable tbody>tr>td {
    border-color: white;
    border-width: 3px;
    font-family: Light !important;
    font-size: 11px;
    vertical-align: middle;
    background-color: #F5F5F5 color: #505050;

}

.passportCasesTable tbody>tr>td>a {
    color: lightgreen;
    text-decoration: underline;
}

.passportCasesTable thead {
    background: #BECDD5;
}

.passportCasesTable tbody {
    background-color: #BECDD5;
}


/* For stop the spinning in text field */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.error-msg {
    display: inline-block;
    font-size: 12px;
    color: red;
    margin-top: 10px;
    position: absolute;
    margin-left: 210px;
}

.error-msg-register {
    display: inline-block;
    font-size: 12px;
    color: red;
    margin-top: -20px;
    position: absolute;
}

#accountSettingPage .error-msg-register {
    position: relative;
}

.marginBottom {
    margin-bottom: 40px;
}

.help-line {
    margin: 0 auto;
    width: 100%;
    text-align: left;
}

.displayTextPara {
    font-family: Light;
    font-size: 12.8px;
    color: #505050;
    text-align: justify;
}

.error-msg-login {
    display: inline-block;
    font-size: 12px;
    color: red;
    margin-top: -45px;
    position: absolute;
    margin-left: 180px;
}

/* IC Details Page */


.selectedTextColor {
    color: #fff !important;
}

.priorCase {
    display: none;
    white-space: nowrap;
    /*overflow-x: auto;*/
    margin-bottom: 20px;
}

.caseDetailParentContainer {
    height: 91.5%;
    /*
    overflow-y: auto;*/
}

.borderTop {
    border-top: 1px solid #f0f0f0;
}

.borderRight {
    border-right: 1px solid #f0f0f0;
}

.caseDetailL1Container {
    width: 214px;
    position: relative;
}

.studyDiv {
    /*padding: 5% 10%;*/
    padding: 5% 0% 5% 5%;
    cursor: pointer
}

.attachmentDiv {
    /*margin-left: -2px;*/
    /*padding: 5% 13%;*/
    padding: 5% 6%;
    /*added new*/
    padding-right: 0;
    position: absolute;
    /*madhava added*/
    border-top: 1px solid #ddd;
    /*bottom: 0%;*/
    width: 100%
}

.attachmentDiv input {
    /*position: absolute;
    height: 35px;
    width: 18px;
    opacity: 0;
    cursor: pointer;
    top: 5px;
    right: 20px;*/
    /*madhava*/
    position: absolute;
    height: 22px;
    width: 35px;
    opacity: 0;
    /* z-index: 1; */
    cursor: pointer;
    top: 17px;
    right: 13px;
}

.attachmentDiv a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    background-color: transparent;
    width: 74%;
    vertical-align: middle;
    margin-top: 10px;
}

.caseDetailL2Container {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    overflow-y: auto;
}

.PatientDetailDiv {
    height: 40px;
    margin-top: 20px;
    margin: 0;
    border-bottom: 1px solid #e6e6e6;
}

.PatientDetailDiv div {
    padding: 0;
}

.studyCaseDiv {
    height: 30px;
    margin-top: 20px;
}

.indicationDiv {
    margin-top: 20px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 12px;
}

.seriesCaseDiv {
    padding-top: 10px
}





/* Error Toast Msg */
.errorToast,
.successToastMsg {
    width: 40%;
    /*min-height:55px;*/
    height: auto;
    right: 30%;
    /*margin-left:-100px;*/
    bottom: 10px;
    position: fixed;
    left: 30%;
    background-color: #d44b00;
    opacity: 0.8;
    color: #ffffff;
    font-family: Light !important;
    font-size: 12.8px;
    padding: 10px;
    text-align: left;
    border-radius: 2px;
    z-index: 9999999999;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    /*box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);*/
    box-shadow: 0px 0px 24px -1px #969696;
}

.errorToast,
.successToastMsg:hover {
    opacity: 1;
    box-shadow: 0px 0px 24px -1px #323232;
}

.successToastMsg {
    background-color: #00B76F !important;
}

.instructsuccessToastMsg {
    width: 40%;
    /*min-height:55px;*/
    height: auto;
    right: 30%;
    /*margin-left:-100px;*/
    bottom: 10px;
    position: fixed;
    left: 30%;
    background-color: #d44b00;
    color: #ffffff;
    font-family: Light !important;
    font-size: 12.8px;
    padding: 10px;
    text-align: left;
    border-radius: 2px;
    z-index: 9999999999;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    /*box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);*/
    box-shadow: 0px 0px 24px -1px #969696;
}

.instructsuccessToastMsg:hover {
    opacity: 1;
    box-shadow: 0px 0px 24px -1px #323232;
}

.instructsuccessToastMsg {
    background-color: #00B76F !important;
}

/*extra small screen*/
@media screen and (max-width: 768px) {

    .errorToast,
    .successToastMsg {
        width: 90%;
        left: 5%;
        right: 5%;
    }
}

/* Verify and Register */
.setWidthHeight {
    min-width: 100px;
    min-height: 100px;
    max-width: 100px;
    max-height: 100px;
    position: absolute;
}

.profileImageWidthHeight {
    min-width: 150px;
    min-height: 150px;
    max-width: 150px;
    max-height: 150px;
    position: absolute;
}

/* common font available */

.pageHeaderFontSize {
    font-family: Light;
    font-size: 12.8px;
}

#previewTemplate,
#reportTemplate {
    /* mushtaq added this */
    height: auto !important;
}

#studyCase h5 {
    font-family: Regular;
    font-size: 14.2px;
    color: #323232;
}




.innerHeader {
    font-family: Light;
    font-size: 12.8px;
    color: #323232;
}


.successLayout {
    max-width: 540px;
    margin: 0 auto;
    margin-top: 55px;
    text-align: center;
    background-color: green;
    padding: 20px 10px;
    color: #fff;
    font-size: 15px;
    border-radius: 20px;
}




/*tool Tip*/
.tooltip {
    /*position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;*/
    opacity: 1;
    z-index: 1000;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #1789b4;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    margin-top: -40px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


/*Account Details IC*/
.accountDetailsStaticText {
    height: 90%;
    border-right: 1px solid gainsboro;
    padding-top: 5%;
    margin-top: 50px;
}

.accountDetailsStaticText p {
    /*text-align: right;*/
    padding-right: 5%;
    margin-top: 2%;
    padding-left: 30%;
}

.visaClass {
    /*height: 98%;*/
    position: relative;
    margin-top: 30px;
}

.visaBody {
    position: absolute;
    width: 100%;
}

.visaBodyChildOne {
    /*max-width: 330px;*/
    /*margin: 0 7%;*/
}

.visaBodyChildOne ul {
    /*padding: 10%;*/
}

.visaBodyChildTwo {
    margin: 0 7%;
}

.payPalClass {
    position: absolute;
    margin: 0% 7%;
}

/*Study Viewer*/
.studyViewerParent {
    position: relative;
    height: 91.3%;
}

.studyViewerParentChildOne {
    border-top: 1px solid #f0f0f0;
    width: 114%;
    margin: 0;
}

.studyViewerParentChildTwo {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
}

.studyViewerParentChildIframe {
    height: 100%;
    width: 100%;
    position: absolute;
}

/*Review Studies*/
.reviewStudiesParentContainer {
    padding: 0px;
    height: 84%;
    overflow-y: auto;
}

.reviewStudiesParentContainer h4 {
    padding: 25px 20px;
    padding-bottom: 10px;
    margin: 0;
    font-family: Regular;
}

.reviewStudiesParentContainer h5 {
    padding: 5px 20px;
    padding-bottom: 25px;
    margin: 0;
    font-family: Regular;
}

.editButtonDiv {
    padding: 5px;
    margin-top: 15px;
}

.editButtonDiv button {
    width: 100%;
}


/*Landing Page*/
.landingPageParentContainer {
    width: 100%;
    /*guddu added*/
    height: 100%;
    overflow-y: auto;
    margin-right: -30px;
}

.landingImgDiv {
    /*position:relative;    
    height: 100%;*/
}

.landingImgDiv img {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-size: contain;*/
}

.landingImgDiv div {
    position: absolute;
    top: 30%;
    text-align: center;
    width: 100%;
    color: white;
}

.landingImgDiv p {
    /*opacity: 0.7;*/
    font-size: 25px;
    color: #fff;
}

.landingImgDiv button {
    margin-top: 20px;
    border-radius: 30px;
    padding: 15px;
    font-size: 14.2px;
}

.landingPageBottomContainer {
    text-align: center;
    padding: 2% 15%;
    height: 100px;
}

.landingPageBottomContainer span {
    padding: 25px;
}

/*Read Type*/
.readSelection {
    margin-top: 200px;
    margin-bottom: 30px;
}

ul.list-unstyled li {
    padding: 4.5px 0px;
    font-size: 12.8px;
    font-family: Light;
}

ul.list-unstyled li div img {
    cursor: pointer;
}

.noPadMar {
    padding: 0;
    margin: 0;
}

/*RadioLogist Profile Page*/
@media only screen and (max-width: 766px) {
    .modal-backdrop {
        background-color: #000 !important;
    }

    .profBrandLogo {
        width: 140px;
        height: 60px;
    }
}

.profBrandLogo {
    width: auto;
    height: 50px;
    padding: 0px 10px 0px 10px;
}

.profileleftpanel {
    padding: 10px 20px 0 35px;
    border-right: 1px solid #e9e9e9;
    min-width: 280px;
    margin-top: 20px;
}

.profilerightpanel {
    padding: 0px;
    padding-top: 10px;
    margin: 0;
    min-width: 250px;
    height: 630px;
    overflow-y: auto;
}

.pfhead {
    margin-bottom: 20px;
    margin-left: 15px;
    /*font: 15px Light ;
    color: #323232;*/
}

ul.list-unstyled li a {
    color: #323232;
}

.lockGlyphicon {

    color: #686464;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */

    background: url(../img/lock.png) no-repeat right center;
    background-size: 15px 15px;
}

.blueTickImg {
    width: 12px;
}

.formInputs select.verificationDropDown,
.verificationDropDown {
    color: #686464;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    background: url(../img/dropdown/dropdown_grey.png) no-repeat right;
}

.formInputs select.verificationDropDownGreen,
div.verificationDropDownGreenMulti {
    color: #686464;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    background: url(../img/dropdown/dropdown_green.png) right no-repeat;
    /* Safari and Chrome */
}
.formInputs select.darkBorder {
    -webkit-appearance: none;
    border: 1.5px solid #585652 !important;
    background: url(../img/dropdown/dropdown_grey.png) no-repeat;
    background-size: 15px !important;
    background-position:  center right 5px !important;
}
.greenDropDown {
    color: #686464;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    background: url(../img/dropdown/dropdown_green.png) no-repeat right;
}

input[type]:disabled {
    background-color: transparent;
}

.modalBtn {
    width: 120px;
    height: 30px;
    background-color: #00C07D;
    padding: 0;
    color: white;
}

.modalBtn:hover {
    color: white;
    background-color: #449d44;
    border-color: #398439;
}

.modalBtn:focus {
    color: white;
    background-color: #449d44;
    border-color: #398439;
}

.radPassportText {
    border-left: 1px solid gainsboro;
    padding-left: 20%;
    margin-left: -20%;
}

/*Registration Radiologist Page*/
.radiologistAccountType {
    margin: 0;
    padding: 0px 0px 20px 0px;
}

/*organization Account Verify And Register*/
.organizationProfileImg {
    margin-top: -193%;
}

.organizationFormProfileImg {
    margin-top: -98%;
}

/*Check Email Page*/
.checkEmailParentDiv {
    margin-top: 5%;
    text-align: center;
}

/*Radiologist profile page*/

.fieldList {
    list-style-type: none;
}

ul.fieldList>div>div>li {
    width: 33.333%;
    min-width: 25%;
    display: inline-block;
    padding-right: 10px;
    padding-left: 15px;
    float: left;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {
    display: hidden;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    background-image: url(../img/calendar/calendar_grey.png);
    background-position: center;
    background-size: 20px 15px;
    background-repeat: no-repeat;
    color: rgba(204, 204, 204, 0);
}

ul#try {
    list-style: none;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #ccc;
    width: initial;
    max-height: 160px;
    overflow: auto;
    margin-top: -23px;
}

ul#try li {
    /*border: 1px solid #ccc;    */
    border-right: none;
    border-left: none;
    padding: 2px;
    color: #686464;
    /*text-align: center;  */
}

.dateGlyphicon {
    display: block;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    background-image: url(../img/calendar/calendar_grey.png);
    background-position: right;
    background-size: 20px 15px;
    background-repeat: no-repeat;
    color: rgba(204, 204, 204, 0);
}

.timeGlyphicon {
    display: block;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    background-image: url(../img/calendar/time.png);
    background-position: right;
    background-size: 20px 15px;
    background-repeat: no-repeat;
    color: rgba(204, 204, 204, 0);
}

.selectOutlineRemove {
    border: 0;
    cursor: pointer;
    padding: 0px 10px;
    outline: none;
}

@media (max-width:768px) {
    .workDetail {
        text-align: left !important;
        padding-top: 0 !important;
    }

    .caseBoxAlign {
        text-align: left !important;
    }

    .divBorderRight {
        border: hidden;
    }

    ul.skilList li {
        float: none;
    }

    .bottomBorder {
        margin-bottom: inherit;
    }

    ul.fieldList div div li {
        width: 100%;
        /*min-width: 25%;
    display: inline-block;
    padding-right: 10px;
    padding-left: 15px;
    float: left;*/
    }
}

@media (max-width:1240px) {
    .personDetail {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.bgBlue {
    background-color: var(--greenColor);
    border: 1px solid #ebebeb;
}

input[type="text"]:focus,
textarea:focus {
    outline-width: 1px !important;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: var(--greenColor);
}

.nav-pills>li>a,
.nav-pills>li>a,
.nav-pills>li>a {
    color: #323232;
}

.popover {
    /*margin-top: 60px;*/
    /*commented by manju please wright a class speciffic to class not common like this*/
    min-width: 155px;
    max-width: 350px !important;
    text-align: left;
    border-radius: 0;
}

.popover.right>.arrow {
    top: 7%;
}

/*.popover-content {
width: 200px;
}*/

/*radiologist page*/
.radiologistCaseCard {
    box-shadow: 0px 3px 10px 0px #dcdcd1;
    display: inline-block;
    vertical-align: top;
    width: 410px;
    cursor: pointer;
    background: white;
    margin: 20px 10px 0px 0px;
    height: 140px;
    /*new added by rakesh for showing border line for pic*/
    /*height: 124px;*/

    /*border: 1px solid rgba(128, 128, 128, 0.12);*/
}

.radiologistProfilePic {
    height: 140px;
    display: inline-block;
    vertical-align: top;
    position: relative;

    /*new added by rakesh for showing border line for pic*/
    /*margin-top: 1px;
    margin-left: 1px;*/
}

.radiologistCheckbox {
    padding: 0;
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: 10px;
}

.noRadPic {
    background-image: linear-gradient(135deg, rgba(76, 210, 168, 1) 0%, rgba(2, 119, 155, 1) 100%);
    height: 140px;
    width: 140px;
    line-height: 130px;
    text-align: center;
    color: white;
    font-size: 40px;
    text-transform: uppercase;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.caseCardSmallImg {
    position: absolute;
    /*bottom:20px;*/
    /* bottom: 15px; */
    width: 95%;
}

.radiologistDetail {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    min-height: 87px;
    position: absolute;
    padding: 10px;
    bottom: 0px;
}

.radiologistDetailReg {
    /*width: 215px;*/
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.favoriteButton {
    position: absolute;
    bottom: 10px;
    right: 40px;
}

.radInModel {
    overflow-y: auto;
    height: 230px;
    /*text-align: center;*/
}

div.recommendedTab,
div.favoriteTab {
    padding: 30px 15px 0px 30px;
    height: 93%;
    position: relative;
}

div.recommendedTab>div>span,
div.favoriteTab>div>span {
    color: #a6a6a6 !important;
    margin-right: 15px;
}

.radBtnRight {
    margin-top: 10px;
    float: right;
}

.detailDivHeight {
    height: 25px;
}

.radNameWithDegree {
    height: 20px;
    overflow: hidden;
    width: 180px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.greenLine {
    background: #0ae752;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0px;
}


/* end radiologist page*/

/*notification style*/
.NotificationClass {
    padding: 30px;
    padding-right: 0px;
}

.subTitile {
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: Regular !important;

}

.imgDiv {
    height: 70px;
    width: 70px;
    background-color: var(--greenColor);
}

.placeHoderText {
    font-family: Regular !important;
    font-size: 30px;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    margin: auto;
    text-align: center;
    line-height: 70px;

}

.infoDiv {
    display: inline-block;
    padding-left: 10px;
    cursor: pointer;
    vertical-align: top;
}

.cardTitleText {
    margin: 2px;
    font-family: Light !important;
    font-size: 13px;
}

.cardSubText {
    margin: 2px;
    font-size: 11px;
    font-weight: 600;
    color: #777;
}

.deleteNotification {
    background: #505050 !important;
    padding: 0.3px !important;
    width: 13px !important;
    height: 13px !important;
    font-size: 8px !important;
    float: right;
    cursor: pointer;
    /*margin-top: 30px;*/
    vertical-align: middle;
    text-align: center;
}

/*all radiology fav*/
.modelHeader {
    font-size: 15px;
    font-family: Regular !important;
    text-align: center;
    color: white;
}

/* end of rediologist in imaging center login*/


.requireInline {
    display: inline;
}

.subTitilePanel {
    margin-top: 20px;
    font-size: 13px;
    font-family: Regular !important;

}

.editableText p[contenteditable=true]:focus {
    outline: none;
    border-bottom: 1px solid #ddd;
}

input[type="date"]::-webkit-clear-button {
    display: none;
}


/*try*/
@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

/*.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}*/

.underline {
    text-decoration: underline;
    color: #8BD5AD;
    cursor: pointer;
}

.alertBar {
    font-size: 12px;
    padding: 10px 0px;
    text-align: center;
    color: #636363;
    background-color: var(--backgoundGrey);
}

.textareastyle {
    width: 100%;
    border: none;
}

.textareastyle:focus {
    outline: none;
}

.body {
    padding: 20px;
}

.rowContainer {
    display: inline-block;
}

.fieldTitle {
    font-family: Light !important;
    font-size: 12.8px;
    display: inline-block;
    /*vertical-align: top;*/
}
.fieldTextValue {
    font-family: Light !important;
    font-size: 12px;
}

.fieldValue {
    font-family: Light !important;
    font-size: 12px;
    color: #555;
}

.subHeader {
    font-family: Light !important;
    font-size: 12px;
    color: #555;
}

.templateDiv {
    margin-top: 10px;
    /*margin-top: 6%; */
}

.modality {
    float: right;
    display: inline-block;
    vertical-align: top;
}

.modalitySpinner {
    color: #686464;
    /*width: 50px;*/
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    background: url(../img/dropdown/dropdown_green.png) no-repeat right;
    border: none;

}

.modalitySpinner:focus {
    color: #686464;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    background: url(../img/dropdown/dropdown_green.png) no-repeat right;
    border: none;
    outline: none;
}

.templateTitle {
    font-size: 16px;
    text-transform: uppercase;
}

.templateSubTitle {
    font-size: 14px;
}

.templateTextArea {
    border: none;
    border-bottom: 1px solid #f5f6f7;
    background: transparent;
}

.templateTextArea:focus {
    border: none;
    outline: none;
}



.uploadDiv {}

.uploadDiv input {
    position: absolute;
    height: 11%;
    width: 20%;
    opacity: 0;
    cursor: pointer;
    top: 20px;
    right: 0px;
}

.uploadDiv a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    background-color: transparent;
    width: 74%;
    vertical-align: middle;
    margin-top: 10px;
}

.cornerCancel {
    position: absolute;
    top: 4px;
    right: 5px;
}

.cardIamge {
    background-color: #2091D9;
    width: 45px;
    margin-top: 3px;
    height: 45px;
    vertical-align: top;
    display: inline-block;
}

.card {
    margin-bottom: 20px;
}

.cardTitleText {
    margin: auto;
    font-weight: normal;
    font-size: 13px;

}

.cardText {
    display: inline-block;
    padding-left: 5px;
    margin-top: 5px;

}

.cardDescText {
    margin: auto;
    color: #777;
}

.cardCheckBox {
    float: right;
    display: inline-block;
    margin-top: 15px;
}


/*************PLANS PAGE CSS**************/

.plansBorderAll {
    border: 1px solid gainsboro;
    border-right: 0;
}

.plansBorderTop {
    border-top: 1px solid gainsboro;
}

.plansBorderBottom {
    border-bottom: 1px solid #f1f1f1;
}

.plansBorderLeft {
    border-left: 1px solid gainsboro;
}

.plansBorderRight {
    border-right: 1px solid gainsboro;
}

.plansPricingBlock {
    height: 60px;
    text-align: center;
}

.plansPricingtitle {
    height: 125px;
    text-align: center;
}

.plansPricingBlockButtonMargin {
    margin: 12px 0;
}

@media (max-width:1300px) {
    .plansPricingBlock {
        height: 65px;
        text-align: center;
    }

    .plansPricingBlockButtonMargin {
        /*position: absolute;
        bottom: 0px;
        right: 15px;*/
    }

    .plansPricingtitle {
        height: 130px;
        text-align: center;
    }
}


.changeProfPic {
    position: absolute;
    height: 40px !important;
    width: 30px !important;
    opacity: 0;
    cursor: pointer;
    bottom: 5px;
    right: 5px;
}


/*Rating css*/
.rating {
    /*color: #a9a9a9;*/
    margin: 0;
    padding: 0;
}

ul.rating {
    display: inline-block;
}

.rating li {
    list-style-type: none;
    display: inline-block;
    margin: 0 2px;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-image: url("../../assets/img/rating/Rating-star-grey.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.rating .filled {
    /*color: green;  /*#21568b*/
    background-image: url("../../assets/img/rating/Rating-star-orange.png");
}

.feedBackSelection {
    text-align: left;
    padding: 0 25px;
    color: #969696;
}

/*end rating*/

.capitalize {
    text-transform: uppercase;
}

.datePicker {
    border: 0px;
    border-bottom: 1px solid #f5f6f7;
    -webkit-box-shadow: none;
    color: black;
    line-height: 22px;


}

.inputstyle {
    border: none;
    margin-left: 10px;
    border-bottom: 1px solid #f5f6f7;
}

.inputstyle:focus {
    outline: none;
}

/*term and condition?*/
.termSubHeading {
    font-family: Light;
    font-size: 14.2px;
    color: black;
}

/*blurry text for RAD*/
.blurText {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}

/*team page*/
.teamImg {
    width: 150px;
    height: 150px;
}

.teamDetail {
    font: Light;
    color: #969696;
    text-align: left;
    min-height: 250px;
}

.teamMemberDiv {
    min-height: 500px;
    margin-right: 60px
}

.container-fluid {
    /*padding-left: 0px;*/
}

.deleteGroup {
    cursor: pointer;
    font-size: 13px;
    font-family: Light !important;
    float: right;
}

.displayNone {
    display: none;
}

.displayInlineBlock {
    display: inline-block;
}

.transactionTable td {
    border: 1px solid #ddd;
}

.backgroundImageFull {
    padding: 0;
    /*margin-right: -15px;*/

}

.borderLine {
    background-color: #e6e6e6;
    height: 1px;
    width: 100%;
    margin-top: 30px;


}




/*PARENT CONTAINER WIDTH*/
@media (min-width:1400px) {
    .parentContainerWidth {
        max-width: 1400px;
    }

    .marginZeroAuto {
        margin: 0px auto;
    }
}

.rejectionReason {
    width: 100%;
    height: 44px;
    font-family: Regular !important;
    font-size: 12.8px;
}

.fellowshipSeleted {
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*information button on case card*/
.infoButtonOnCase {
    position: absolute;
    right: -5px;
    top: 0px;
    color: #323232;
    float: right;
    line-height: 1;
    font-size: 20px;
    width: 28px !important;
    height: 37px !important;
    cursor: pointer;
    padding-left: 15px;
}

.infoButtonOnCase>span {
    height: 5px;
    display: block;
}

.newLabel {
    background-color: #00B76F;
    font-size: 10.8px;
    color: white;
    padding: 2px 7px;
    padding-bottom: 2px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    float: left;
    margin-left: -5px;
    /*border-bottom-rigth-radius:50%;*/
}

.insideInfoButton {
    cursor: pointer;
    color: #9e9e9e;
    padding: 6px 0px;
    font-family: Light !important;
    font-size: 12.8px;
    outline: 0 !important;
    text-decoration: none !important;
}

.insideInfoButton:hover {
    cursor: pointer;
    color: black;
}

/* end information button on case card*/


.clinicalRecord {
    padding: 8px 0 0 8px;
    /* mushtaq commented this */
    /*height: 190px;*/
    /*overflow: auto;*/
    margin-bottom: 10px;
    border: solid 1px #ccc;
}

.subText {
    margin-top: 2px;
}

.caseDPD {
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}

. {
    font-family: Light;
    font-size: 12.8px;
    color: #999;
}

.caseDSD {
    margin: 0;
    border: none;
    height: 38px;    /*border-bottom: 1px solid #e6e6e6;*/
}

.caseDTSelected {
    display: inline-block;
    background: #55AFF0;
    text-align: center;
    padding: 7px 15px 7px 15px;
    font-family: Light;
    color: white;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.caseDT {
    display: inline-block;
    background: white;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    font-family: Light;
    padding: 7px 15px 7px 15px;
    color: #999;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}


.newLabel {
    background-color: #00B76F;
    font-size: 10px;
    color: white;
    padding: 2px 7px;
    padding-bottom: 2px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    float: left;
    margin-left: -5px;
    /*border-bottom-rigth-radius:50%;*/
}

.insideInfoButton {
    cursor: pointer;
    color: #9e9e9e;
    outline: 0 !important;
    text-decoration: none !important;
}

.insideInfoButton:hover {
    cursor: pointer;
    color: black;
}

/* end information button on case card*/

/*CVO*/

.selectOutlineRemoveCVO {
    border: 0;
    font-family: Light !important;
    border-bottom: 0.7px solid #c8c8c8;
    cursor: pointer;
    padding-right: 10px;
    outline: none;
    font-size: 12.8px;
    line-height: 1.56;
    color: #323232;
    width: 100%;
}

.selectOutlineRemoveCVO1 {
    border: 0;
    /*border-bottom: 1px solid #c8c8c8;*/
    cursor: pointer;
    padding-right: 10px;
    outline: none;
    font-size: 12.8px;
    line-height: 1.76;
    color: #969696;
}

.selectLabel {
    width: 151px;
    height: 20px;
    font-stretch: normal;
    font-family: Light !important;
    text-align: left;
    font-style: normal;
    line-height: 1.56;
    color: #939393;
    font-size: 11.4px;
    font-weight: normal;
}

.selectLabelModal {
    width: 151px;
    height: 16px;
    font-stretch: normal;
    font-family: Light !important;
    text-align: left;
    font-style: normal;
    line-height: 1.56;
    /*color: #939393;*/
    font-size: 12.4px;
    font-weight: normal;
    margin-left: 5px;
    margin-right: 24px;
}

.selectOptionCVO {
    font-family: Light !important;
    font-size: 11px;
    color: #505050;
}

.columnGap {
    margin-bottom: 15px;
}

.CVOTable {
    text-align: center;
}

table.CVOTable thead {
    background-color: #f0f0f0;
    /*border: solid 0.1px #e6e6e6;*/
}

.table-bordered {
    border: solid 0.1px #e6e6e6;
}

table.CVOTable thead tr {
    height: 44px;
}

table.CVOTable thead th {
    font-stretch: normal;
    font-family: Light;
    font-style: normal;
    line-height: 2.56;
    color: #505050;
    font-size: 12.8px;
    font-weight: 600;
    border-width: 1px;
}

table.CVOTable {
    border: none;
}

table.CVOTable thead th:first-child {
    border-top-left-radius: 10px;
    border: none;
}

table.CVOTable thead th {
    text-align: center;
}

table.CVOTable thead th:last-child {
    border: none;
    border-top-right-radius: 10px;
}

table.CVOTable tbody td {
    vertical-align: middle;
    height: 42px;
    color: #505050;
    font-family: Light;
    font-size: 12.8px;
}

.CVOHeader {
    margin: 30px 0px 25px 0px;
    width: 83px;
    height: 17px;
    font-stretch: normal;
    font-family: Light;
    text-align: left;
    font-style: normal;
    line-height: 0.17;
    color: #323232;
    font-size: 17.1px;
    font-weight: 600;
}

.margin-lr-0 {
    margin: 0;
}

.buttonCustomCVO {
    background-color: var(--lightGreenColor);
    border: solid 0.2px #3ebe7a;
    color: #ffffff;
    width: 111.7px;
    height: 30.6px;
}

.buttonCustomCVO:hover,
.buttonCustomCVO:active,
.buttonCustomCVO:focus {
    background-color: var(--lightGreenColor) !important;
    color: #ffffff !important;
    outline: none !important;
}

.buttonCustomCVOTable {
    width: 111.7px;
    height: 30.6px;
    background-color: #ffffff;
    border: solid 0.2px #3ebe7a;
    color: #3ebe7a;
    font-size: 12.8px;
}

.buttonCustomCVOTable:hover,
.buttonCustomCVOTable:active,
.buttonCustomCVOTable:focus {
    background-color: #ffffff;
    color: #3ebe7a;
    outline: none !important;
}

.buttonCustomCVOTable1 {
    width: 121.7px;
    height: 30.6px;
    background-color: #ffffff;
    color: #3ebe7a;
    border: solid 0.2px #3ebe7a;
}

.buttonCustomCVOTable1:hover,
.buttonCustomCVOTable1:active,
.buttonCustomCVOTable1:focus {
    background-color: #ffffff;
    color: #3ebe7a;
    outline: none !important;
}

.CVODetailImg {
    width: 110px;
    height: 110px;
}

.CVODetailLabel {
    display: inline-block;
    font: 12.8px Light;
    color: #969696;
    /*vertical-align: top;*/
    width: 110px;
}

.CVODetailModalLabel {
    font: 12.8px Light;
    color: #969696;
    text-align: center;
    line-height: 2;
}

.CVOTitleModal {
    margin-bottom: 5px;
    font-family: Light;
    text-align: center;
}

.CVOSubTitleModal {
    font: 12.8px Light;
    color: #323232;
    text-align: center;
    margin-bottom: 15px;
}

.CVODetailValue {
    display: inline-block;
    font: 12.8px Light;
    color: #323232;
    margin-left: 45px;
}

.CVOTextBreak {
    line-height: 1.9;
    white-space: nowrap;
}

.CVOTextBreak1 {
    line-height: 2.5;
    white-space: nowrap;
    margin-left: 74px;
}

.CVODetailName {
    margin-bottom: 18px;
    font-family: Light;
    font-size: 17.1px;
}

.pendingColor {
    color: #c4161c !important;
}

.progressColor {
    color: #f7941d !important;
}

.completedColor {
    color: #0db14b !important;
}

.cancelledColor {
    color: #c4161c !important;
}

.CVOImageLabel {
    margin-left: -48px;
    margin-top: -4px
}

@media (max-width: 1060px) {
    .CVOImageLabel {
        margin-left: -10px;
    }

    .CVOTextBreak1 {
        margin-left: 0px;
    }
}

.closeModal {
    color: white;
    opacity: 1;
    margin: -27px 17px !important;
}

.fellowshipSeleted {
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ng-table-counts {
    display: none;
}

.nameShowImg {
    background-color: #00B76F;
    width: 110px;
    height: 110px;
    padding-top: 30px;
    text-align: center;
    text-transform: capitalize;
    font: 33px Light;
    color: white;
}

.paymentEnrollImg {
    background-color: #ddd;
    float: left;
    width: 16px;
    margin: 2px 5px 0px 10px;
}

.floatLeft {
    float: left;
    margin: 2px 5px 0px 10px;
    background-color: orange;
    width: 16px;
}

.multiSelectDrop ul {
    list-style: none;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #ccc;
    width: 95%;
    max-height: 160px;
    overflow: auto;
    margin-top: 21px;
}

.multiSelectDrop li {
    /*border: 1px solid #ccc;    */
    border-right: none;
    border-left: none;
    padding: 2px;
    height: 20px;
    /*text-align: center;  */
}

.CVOImageUpload {
    width: 90px !important;
    height: 22px !important;
    margin-top: 10px;
}

.CVORedButton,
.CVORedButton:hover,
.CVORedButton:focus,
.CVORedButton:active {
    margin: 10px 0px 0px -68px;
    width: 225px;
    /*background-color: red;*/
    color: red;
    /*font-weight: Regular;*/
    border-color: red;
}

.peDetailLocationMultiSelect>.multiSelect>span {
    display: flex;
}

.peDetailLocationMultiSelect>.multiSelect>span>span {
    display: table-cell;
    /*position: absolute;
    width: 300px*/
    ;
    /*margin-bottom: 10px;*/
    order: 2;
    -webkit-order: 2;
    -moz-order: 2;
    margin-top: 5px;
    /*width: 400px;*/
}

.peDetailLocationMultiSelect>.multiSelect>span>span div {
    /*display: none;*/
    /*position: relative;*/
    /*width: 300px;*/
    margin-bottom: 10px;
}

.peDetailLocationMultiSelect>.multiSelect>span>span span {
    position: relative;
    top: 5px;
}

.peDetailLocationMultiSelect>.multiSelect>span>div {
    margin-top: 9px !important;
    border: none !important;
    width: 110px !important;
    display: table-cell;
    order: 1;
    -webkit-order: 1;
    -moz-order: 1;
    text-align: left;
    margin-left: 4px;
}

.peDetailLocationMultiSelect>.multiSelect>span>div span {
    margin-left: 50px !important;
}

.verticalTop {
    vertical-align: top !important;
}

.peDetailDropdown {
    border: none;
    margin-top: 8px;
}

.peDetailLocationMultiSelect {
    width: 100%;
}

.peDetailLocationMultiSelect>div {
    width: 100%;
}

.peDetailLocationMultiSelect .btn-default {
    border: none;
    color: #686464;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    background: url(../img/dropdown/dropdown_grey.png) no-repeat right;
    width: 95%;
    text-align: left;
}

.peDetailLocationMultiSelect .btn-default .caret {
    display: none;
}

.peDetailDeleteImage {
    /*position: absolute;
    right: 6%;
    bottom: 47px;*/
    width: 23px;
    cursor: pointer;
}

.groupCVOMailDiv {
    /*margin-top: 40px;
    min-height: 50px;
    display: block;
    margin-right: 3%;
    float: right;
    z-index: 1030;*/
    position: fixed;
    bottom: 0px;
    background-color: #fff;
    width: 77%;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #ddd;
}

.CVOErrorMsg {
    border-bottom: 1px solid red !important;
    /*color: red !important;*/
}

.position-bottom {
    bottom: 0px;
}

/*CROP IMAGE*/
.cropArea {
    /*background: #E4E4E4;*/
    overflow: hidden;
    /*width:500px;*/
    height: 250px;
}


.confirmModalClass {
    text-align: center;
    padding: 0 !important;
}

.confirmModalClass:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.confirmModal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.messageBar {
    display: none;
    height: 30px;
    width: 100%;
    background: rgb(252, 216, 165);
    position: relative !important;
}

.messageBar p {
    line-height: 30px;
    display: inline-block;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    font-family: Light;
    text-align: center;
    cursor: pointer;
}

.messageBarClose {
    float: right;
    width: 30px;
    text-align: center;
}

.massageBarCloseAnimation {
    -webkit-animation-name: messageBarCloseKeyFrame;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s;
    /* Safari 4.0 - 8.0 */
    animation-name: messageBarCloseKeyFrame;
    animation-duration: 1s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes messageBarCloseKeyFrame {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* Standard syntax */
@keyframes messageBarCloseKeyFrame {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.organizationRadBackgroundColor {
    /*background: #323232;*/
    background-color: white;
    display: inline-block;
    vertical-align: top;
    width: 410px;
    cursor: pointer;
    margin: 20px 10px 0px 0px;
    height: 140px;
    /*new added by rakesh for showing border line for pic*/
    /*height: 124px;*/

    /*border: 1px solid rgba(128, 128, 128, 0.12);*/
}

/*
Light;
Bold;
Light;
*/

.paymentServiceAndBankAgree p {
    font-family: Light;
    font-size: 12.8px;
    color: #323232;
}

.paymentServiceAndBankAgree p strong {
    font-family: Light;
    font-size: 12.8px;
    font-weight: normal;
    color: #323232;
}

.paymentServiceAndBankAgree h1 {
    font-family: Light;
    font-size: 18px;
    color: #323232;
}

.paymentServiceAndBankAgree h2 {
    font-family: Light;
    font-size: 16px;
    color: #505050;
}

.paymentServiceAndBankAgree h3 {
    font-family: Regular;
    font-size: 14.2px;
    color: #505050;
}

.paymentServiceAndBankAgree li {
    font-family: Light;
    font-size: 12.8px;
    color: #323232;
}

.paymentServiceAndBankAgree th {
    font-family: Light;
    font-size: 14.2px;
    color: #323232;
    font-weight: normal;
}

.paymentServiceAndBankAgree td {
    font-family: Light;
    font-size: 12.8px;
    color: #323232;
}

.paymentServiceAndBankAgree h3 strong {
    font-weight: normal
}


.filenamePosition {
    position: absolute;
    margin: 7px 115px;
}

.multiSelect .buttonLabel {
    margin-bottom: 5px;
}

.selectedChips {
    display: inline-block;
    padding: 5px 0px 5px 0px;
    font-size: 12.81px;
    color: #505050;
    background-color: #ebebeb;
    border-radius: 30px;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.cursorNotAllowed {
    cursor: not-allowed;
}

input::-webkit-input-placeholder {
    color: #666 !important;
    font-family: Light;
}

input::-moz-placeholder {
    color: #666 !important;
    font-family: Light;
}
input::-moz-placeholder {
    color: #666 !important;
    font-family: Light;
}

input:focus::-webkit-input-placeholder {
    color: transparent !important;
}

input:focus::-moz-placeholder {
    color: transparent !important;
}

input:focus:-moz-placeholder {
    color: transparent !important;
}

textarea:focus::-webkit-input-placeholder {
    color: transparent !important;
}

textarea:focus::-moz-placeholder {
    color: transparent !important;
}

textarea:focus:-moz-placeholder {
    color: transparent !important;
}

.redTxt {
    color: red !important;
}

.accordionArrow {
    float: right;
    margin: 11px 0px;
}

.accordionOpenArrow {
    float: right;
    margin: 11px 0px;
    -ms-transform: rotate(270deg);
    /* IE 9 */
    -webkit-transform: rotate(270deg);
    /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}

.singleLine {
    margin-bottom: 0px !important;
    width: 140px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.fixedBottomButts {
    width: 280px;
    position: fixed;
    bottom: 15px;
    right: 40px;
}

.taxIdTitle {
    line-height: 30px;
    cursor: pointer;
    /*width: 50%;*/
    width: 27%;
}

.taxIdPanel {
    max-width: 280px;
}

.cardBorder {
    border: 1px solid rgba(128, 128, 128, 0.12);
    box-shadow: 0px 3px 10px 0px #dcdcd1;
}

.modalSpaceFromTop {
    top: 25%;
}

.credentialDetailBorderBottom {
    border-bottom: 1px solid #ddd;
}

.profileLink {
    padding-bottom: 10px;
    cursor: pointer;
    margin-left: 20px;
}

.styleGrid {
    display: inline-block;
    /*padding: 0px 25px;*/
    padding: 0px 15px;
}

.settingFieldValue {
    color: #505050;
    font-size: 12.8px;
    font-family: Light;
}

.settingViewMore {
    color: #3ebe8a !important;
    text-decoration: underline;
    cursor: pointer;
}

.tableRow:hover {
    background-color: #ddd;
}

.highlightDropDownRow {
    background-color: #757575
}

.radProfileFeatureListing {
    /*list-style: none;
  padding: 0;
  margin: 0;*/
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
}

/*.radProfileFeatureListing li{
  padding-left: 1em; 
  text-indent: -.7em;
}*/

/*.radProfileFeatureListing li::before {
  content: "• ";
  color: red;
  font-size: 40px;
  height: 10px;
}*/

.editProfileInput {
    border: none;
    font-size: 12.8px;
    width: 75%;
    color: black;
    /*#323232*/
    font-family: Light !important;
    background: transparent;
}

.editProfileInput:focus {
    /*outline: none;*/
    background: transparent;
    /*border-bottom:1px solid #e4e4e4;*/
}
.commonDropdownAllign{
    right: 10px !important;
}
#ghostbar {
    height: 100%;
    width: 5px;
    background-color: #333638;
    opacity: 0.5;
    position: absolute;
    cursor: col-resize;
    z-index: 999
}

.certificateBubble {
    display: inline-block;
    font: 12.8px Light;
    color: #323232;
    background-color: #ebebeb;
    border-radius: 30px;
    margin-left: 15px;
    margin-top: -1px;
    padding: 2px 10px;
    position: relative;
}

.greenLink {
    float: right;
    color: #3ebe7a !important;
    text-decoration: underline;
    cursor: pointer;
    font: 12.8px Light;
}

.singleLine {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.leftContent {
    text-align: left;
    padding-left: 15px !important;
}

.profileTable {
    border-collapse: separate;
    border: 1px solid #ddd;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    width: 75%;
}

.greyBackground {
    background-color: #f1f7f5;
}

.priorAdd {
    font-size: 11px !important;
    padding: 4px 8px !important;
    margin-top: 5px;
    margin-right: 10px;
    float: right;
    min-width: auto !important;
    
    border: 1.5px solid #3ebe7a;
    background-color: #222628 !important;
    color: #3ebe7a !important;
    font-weight: 700;
    outline: none !important;
}


.patientName {
    display: inline-block;
    line-height: 50px;
    padding-left: 10px;
}

.customTableDiv {
    display: flex;
    text-align: center;
    line-height: 2.56;
    color: #555;

    font-size: 12.8px;
}

.tableHeadBG {
    background-color: rgb(204, 204, 204) !important;
}

.customTableChildDiv {
    font-family: Regular;
    color: #555;
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #ddd;
}

.inputHeighlight {
    background-color: #f5f5f5 !important;
    border:1px solid gainsboro;
}
.inputHeighlight::placeholder{
    color: red;
}
/*MyRadiologist*/
.L2Section {
    width: 230px;
    background: white;
    height: 100%;
    border-right: 1px solid #ebebeb;
}



.L2Header {
    margin: 0px;
    font-size: 15.2px;
    font-family: Light !important;
    padding: 15px 0px 15px 10px;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

#L2FilterList {
    margin: 0px;
    width: 100%;
    overflow-y: auto;
    padding: 0px 4px;
    border-bottom: 1px solid #f5f5f5;
}

.filterHeader {
    color: #555;
    margin: 0px;
    font-size: 14.2px;
    font-family: Light !important;
    padding: 10px 0px 10px 10px;
}

.myRadList a {
    font-family: Light;
    font-size: 14.23px;
    color: #F5F5F5 !important;
    cursor: pointer;
    padding: 10px 20px !important;
    background-color: transparent !important;
    margin-top: 6px;
    border: none;
    list-style: none;
}

.myRadList :hover {
    color: white !important;
    text-decoration: none;
    cursor: pointer;
}

.myRadList li.active .activeMenuLine {
    width: 45px;
    /*border-bottom: 3px solid #55aff0;*/
    border-bottom: 3px solid white;
    color: white !important;
    margin: -3px auto;
    margin-top: 5px;
}

.myRadList li.active a,
.myRadList li.active a:hover {
    background: none;
    color: white !important;
    cursor: default;
}

.L3Section {
    vertical-align: top;
    overflow-y: hidden;
    padding: 10px 0px 0px 10px;
}

.disbledText {
    color: #ccc !important;
}

.popOverHover {
    padding: 8px 10px;
    margin: 0px;
    width: 100%;
    text-align: left;
    font-family: Light !important;
    cursor: pointer;
}

.popOverHover:hover {
    background-color: var(--lightGreenColor);
    color: white;
}

input[type=checkbox]+label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url(../../assets/docpanel_images/checkbox_inactive.svg) left top no-repeat;
    cursor: pointer;
}

input[type=checkbox]:checked+label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    background: url(../../assets/docpanel_images/checkbox_active.svg) top no-repeat;
}

.showless {
    position: relative;
}

.showless .content {
    overflow: hidden;
    transition: all linear 0.5s;
    -webkit-transition: all linear 0.5s;
}

.showless .trigger {
    /*position:absolute;*/
    background: #cdcdcd;
    display: inline-block;
}

.showless>section>span {
    position: absolute;
    right: 20px;
    bottom: 5px;
    cursor: pointer;
    color: #3ebe7a !important;
    text-decoration: underline;
    font: 12.8px Light;
}

.removePadding {
    padding: 0px !important;
}


.filterClass {
    overflow: hidden;
    transition: all linear 0.5s;
    -webkit-transition: all linear 0.5s;
}

.rotate90 {
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.rotate180 {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.clinicalInfo {
    padding: 20px;
}

.clinicalInfo tr td:nth-child(1) {
    width: 200px;
    font-family: Light;
    font-size: 12px;
    color: #969696;
}

.clinicalInfo tr td:nth-child(2) {
    font-family: Light;
    font-size: 12px;
    color: #505050;
}

.clinicalInfo tr.noApplicable>td {
    padding-bottom: 0px;
}

.clinicalInfo tr>td {
    padding-bottom: 10px;
}

.clinicalInfo p {
    font-family: Light;
    font-size: 16px;
    color: #505050;
}

.CaseDetailHeader {
    font-size: 14px;
    font-family: Regular !important
}

.attachmentItem {
    padding: 5px 10px;
    background: #f5f5f5;
    position: relative;
}

.scrollIcon {
    width: 25px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 40%;
}

#searchDiv p {
    color: #686464;
    /*padding-top:10px;*/
    font-size: 12px;
    margin-bottom: 5px;
}

#searchDiv select {
    height: 25px;
    width: 200px;
    border: 1px solid #969696;
    margin-right: 10px;
    background-position-x: 180px;
    background-color: white;
    font-size: 12.8px;
}

#searchDiv input {
    height: 25px;
    width: 200px;
    border: 1px solid #969696;
    margin-right: 10px;
    background-position-x: 180px;
    /* border-radius: 5px; */
    background: white;
    font-size: 12px;
}

#searchDiv .searchDate {
    text-indent: 10px;
    width: 130px;
    background-image: url(../img/dropdown/dropdown_grey.png) no-repeat right;
    background-position-x: 110px;
}

#aniDiv {
    /*overflow:hidden;*/
    transition: all linear 0.5s;
    -webkit-transition: all linear 0.5s;
}

.thumb {
    width: 50px;
    height: 50px;
    text-align: center;
    margin-right: 5px;
    background: #0e69a0;
}

.thumbPlaceHolder {
    font-family: Light;
    text-transform: capitalize;
    font-size: 20px;
    line-height: 50px;
    color: white !important;
}

.thumbTitle {
    margin: 0px;
    text-transform: capitalize;
    font-size: 13px !important;
    font-family: Light !important;
    color: #505050 !important;
}

.thumbSubText {
    margin: 0px;
    text-transform: capitalize;
    font-size: 11px !important;
    font-family: Light !important;
    color: #777 !important;
}

.commentTitle {
    font-family: Light !important;
    font-size: 13px;
    padding: 7px 0px;
}

.commentTextArea {
    width: 100%;
    min-height: 110px !important;
    outline: none;
    background-color: white !important;
    resize: none;
    border: none;
}

.commentTextArea:hover {
    outline: none;
    border: none;
}

.commentButton {
    float: right;
    margin: 10px 0px;
    background-color: #3ebe7a;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 4px 7px;
    font-size: 11px;
    color: white;
    font-family: Light !important;
}

.commentButton:focus {
    outline: none;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.textAreaList {
    background-color: transparent;
    font-size: 12px;
    margin-top: 5px;
    min-height: auto;
    font-family: Light !important;
}

.accRejCard {
    text-align: center;
    /*box-shadow: 2px 2px 2px #ccc;
    border:1px solid #ccc; 
    margin: 10px 20px 20px;*/
}

.accRejMsg {
    margin: 0px;
    padding: 3px 20px;
    font-size: 25px;
    font-family: Regular;
}

.accRejSubText {
    margin: 0px;
    padding: 3px 30px;
    font-size: 13px;
    font-family: Light;
}

.caseTitle {
    font-family: Light;
    font-size: 12.8px;
    color: rgb(241, 241, 241);
}

.accRejCaseTitle {
    text-align: left;
    margin-top: 10px;
    font-size: 15px;
    font-style: normal;
    font-stretch: normal;
    color: #999;
    font-family: Light;
    font-weight: 100;
    margin-left: 10px;
}

.accRejCaseValue {
    text-align: left;
    margin-bottom: 10px;
    font-size: 17px;
    font-style: normal;
    font-stretch: normal;
    color: #555555;
    font-family: Regular;
    font-weight: 600;
    margin-left: 10px;
    margin-top: 3px;
}

.caseBox {
    width: 150px;
    border: 1px solid #ddd;
    margin-top: 10px;
    display: inline-block;
    vertical-align: top;
}

.accRejDescTitle {
    margin: 0px;
    padding: 5px 10px;
    font-size: 14px;
    text-align: left;
    font-family: Light;
    color: white;
    background-color: #888888;
}

.accRejDescValue {
    margin: 0px;
    padding: 10px;
    font-size: 15px;
    text-align: left;
    font-family: Light;

}

.descBox {
    margin: 20px 30px 30px;
    border: 1px solid #ccc;
}

.phiName {
    color: #555 !important;
    font-size: 12.8px;
    text-transform: uppercase;
    margin: -3px 0px 0px;
    font-family: Regular;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100px;
    vertical-align: middle;
    display: inline-block;
}

.icThumbImg {
    max-width: 120px;
    max-height: 120px;
    width: 100% !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.overflow {
    right: 5px !important;
    color: #00B86E;
    font-weight: bold;
    top: 5px !important;
    font-size: 15px !important;
    font-weight: normal !important;
}

.breakLine {
    display: inline-block;
    overflow: hidden;
    word-break: break-word;
}

.extra_option {
    display: block;
    line-height: 2px;
    margin-bottom: 2px;
    margin-right: 5px;
}

.completedStep {
    background-color: var(--greenColor);
    border-radius: 50%;
    padding: 0px 5px;
}

.completedStep>img {
    width: 10px;
    margin-top: -1px;
}

.remainingStep {
    background-color: #ddd;
    border-radius: 50%;
    padding: 1px 6px;
    font-size: 12px;
    color: #969696;
}

.currentStep {
    background-color: var(--greenColor);
    border-radius: 50%;
    padding: 1px 6px;
    font-size: 12px;
    color: white;
}

.connectingLine {
    width: 50%;
    height: 1px;
    background-color: #009fff;
    /*margin: 0px -4px 0px -3px;*/
    display: inline-block;
    /*vertical-align: super;*/
    vertical-align: middle;
    margin: 0px;
    /*text-align: unset;*/
}

.connectingLine.right {
    margin-left: 50%;
}

.connectingLine.positionRight {
    position: absolute;
    top: 50%;
    margin-left: 6px;
}

.connectingParentDiv {
    height: 20px;
    position: relative;
}

.connectingLineDiv {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 0px;
}

/*added by raka*/
.groupPrcticeDSelectedCss {
    /*height: 100px;*/
    width: 120px;
    border: 1px solid gainsboro;
    text-align: center;
    display: inline-block;
    background-color: transparent;
}

.groupPrcticeSelectedCss {
    /*height: 100px;*/
    width: 120px;
    border: 1px solid gainsboro;
    text-align: center;
    display: inline-block;
    background-color: var(--greenColor);
}

.bredCumFirstContent {
    text-align: left;
    margin-left: -20%;
}

.settingOp {
    width: 190px;
    height: 190px;
    cursor: pointer;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    background: white;
    padding: 2px;
    box-shadow: 0px 3px 10px 0px #dcdcd1;
}

.settingOp:hover {
    background-color: var(--greenColor);
}

.settingOp:hover>p {
    color: white !important;
}

.inline-table {
    display: inline-table;
}

.optionImg {
    height: 70px;
    width: 70px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.optionTitle {
    font-family: Regular;
    font-size: 15px;
    margin-bottom: 5px;
}

.optionSubTitle {
    font-family: Light;
    font-size: 11px;
    margin-bottom: 5px;
    color: #777;
    padding: 0px 10px;
}


.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 17px;
}

.switchText {
    display: inline-block;
    text-align: center;
    font-size: 10px;
    line-height: 17px;
    vertical-align: top;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eee;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 3px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 15px;
    left: -1px;
    top: -1px;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    border-radius: 3px;
}

input:checked+.slider {
    background-color: #55AFF0;
}

.switchText1 {
    display: none;
}

input:checked+.slider .switchText2 {
    display: none !important;
}

input:checked+.slider .switchText1 {
    display: inline-block;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(27px);
    -ms-transform: translateX(27px);
    transform: translateX(27px);
}

.subhead {
    font-family: Light;
    font-size: 13px;
    color: #555;
}

.fullWidth {
    width: 100%;
}

.addBdrbtn {
    font-size: 12px;
    padding: 4px 8px;
    margin: 20px 0px;
}

.selectedInput:focus {
    -webkit-box-shadow: none !important;
    border-bottom: 1px solid #00B76F !important;
    border-radius: 0px !important;
}

.modal-content {
    background-color: var(--backgoundGrey) !important;
}

.dataTables_filter>label>input {
    background-color: transparent !important;
}
.paragrapPopup-text{
    text-align: center;
    color: #333 !important;
}
.actionButton {
    float: right;
    margin-right: 20px;
    line-height: 20px;
    height: 35px;
    margin-top: 8px;

}

.radioText {
    vertical-align: top;
    font-weight: normal;
    margin-right: 10px;
}

.emptyListMsg {
    width: 100%;
    text-align: center;
    line-height: 50px;
    margin: 20px 0px;
}


/* posted case action button dropdown list */
/* .customTableChildDiv .dropdown{position: absolute !important;}  */
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>.dropdown-menu {
    float: left;
    text-align: left;
    margin: -40px 0 0 -180px;
}

.dropdown-submenu .addRadiologistsAction {
    width: 200px;
    margin-left: -200px !important;
}

.dropdown-submenu .addRadiologistsAction a {
    white-space: normal !important;
}

.menu1>.dropdown-menu {
    margin: -103px 0 0 125px;
    min-width: 140px !important;
}

.menu2>.dropdown-menu {
    margin: -75px 0 0 125px;
}

.gridTimeList {
    padding: 0 !important
}

.gridRadList {
    padding: 0 !important
}

.addTime {
    margin: -62px 0 0 -139px !important;
    background-color: white;
    min-width: 140px !important
}

.inProgressAddTime {
    margin: -38px 0 0 -138px !important;
}

.gridAddTime {
    margin: -162px 0 0 -158px !important;
}

.prgressGridTime {
    margin: -46px 0 0 125px !important;
    min-width: 140px;
}

.button {
    background-color: #3ebe7a;
    color: #fff;
    padding: 0 17px 0 17px;
    margin: 0 0 0 9px;
}

.button:hover,
.button:focus,
.button:active {
    background-color: #3ebe7a;
    color: #fff;
}

.open>.dropdown-menu {
    display: block;
    margin-left: -59px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: #3ebe7a;
    color: #fff;
}

/*.dropdown-menu>li>a {
    padding: 4px 20px !important;
}
*/
.list li {
    list-style: none;
    padding: 7px 0 5px 0px;
}

.list li a {
    text-decoration: none;
    color: #000;
    margin-left: 5px;
}

.menu>.dropdown-menu {
    margin-left: 100%;
}

.list>li:hover,
.list>li:hover .listMainItem,
.list>li:focus,
.list>li:focus .listMainItem {
    background-color: #3ebe7a;
    color: #fff !important;
}

.list>li {
    cursor: pointer;
    margin: 0 0 0 -40px;
}

.list>li>a:hover,
.list>li>a:focus {
    color: #fff;
}

.dropdown-submenu:hover,
.dropdown-submenu:hover .listMainItem {
    background-color: #3ebe7a;
    color: #fff !important;
}

.menu>.dropdown-menu>li>a:focus,
.menu>.dropdown-menu>li>a:hover {
    color: #fff !important;
}

.menu li a {
    margin-left: 0px;
}

.menu>.dropdown-menu>li>a {
    margin: 0 0 -13px 0;
}

.actionBtn {
    padding: 0 12px 0 12px !important;
}

#assignCasesPageID .dropdown-menu {
    margin-left: 150px;
}

.popover {
    min-width: 155px !important;
    background: none !important;
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
    .dropdown-menu>li>a {
        padding: 4px 20px !important;
        margin-left: 0 !important;
    }
}

.studiesViewerExistText {
    color: var(--greenColor);
    font-weight: 300;
    font-size: 12px;
    padding: 0 0 0 4px;
}

.studiesViewerNonExistText {
    color: #ffc300;
    letter-spacing: 2px;
    font-weight: 300;
    font-size: 12px;
    padding: 0 15px;
}

#reportWorklistContainer {
    padding: 5px;
    background-color: #E9EBEE;
    overflow: hidden;
    height: 650px;
}

#reportWorklistContainer .reportWorklistIframe {
    background: url('../img/loading.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px;
    overflow: hidden;
}

.worklistDropdwn {
    color: #555 !important;
    ;
    cursor: pointer;
    height: 25px !important;
    margin-right: -5px !important;
    margin-bottom: 0 !important;
    border: 1px solid #d8dbe1 !important;
    background-image: none !important;
}

.worklistDropdwn option {
    background-color: #f2f2f2;
    border: 1px solid #d8dbe1 !important;
}


/*Large screen*/
@media screen and (min-width: 1367px) {
    #reportWorklistContainer {
        padding-left: 4%;
        padding-right: 4%;
    }
}

/*Medium screen*/
@media screen and (min-width: 1024px) and (max-width: 1366px) {
    #reportWorklistContainer {
        padding-left: 1%;
        padding-right: 1%;
    }
}

/*Medium screen*/
@media screen and (min-width: 992px) and (max-width: 1024px) {
    #reportWorklistContainer {
        padding-left: 1%;
        padding-right: 1%;
    }
}

/*small screen*/
@media screen and (min-width: 768px) and (max-width: 992px) {
    #reportWorklistContainer {
        padding-left: 7px;
        padding-right: 7px;
        margin-left: 0;
        height: 500px;
    }
}

/*extra small screen*/
@media screen and (max-width: 768px) {
    #reportWorklistContainer {
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 0;
        height: 500px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 700px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 700px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 700px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 700px),
only screen and (min-resolution: 192dpi) and (min-width: 700px),
only screen and (min-resolution: 2dppx) and (min-width: 700px) {

    /* Medium screen, retina, stuff to override above media query */
    #reportWorklistContainer {
        padding-left: 2%;
        padding-right: 2%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1300px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1300px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1300px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1300px),
only screen and (min-resolution: 192dpi) and (min-width: 1300px),
only screen and (min-resolution: 2dppx) and (min-width: 1300px) {

    /* Large screen, retina, stuff to override above media query */
    #reportWorklistContainer {
        padding-left: 3%;
        padding-right: 3%;
    }
}

/*Advanced search case status*/
.advcasestatus {
    background-color: #00B1BA;
    font-family: Light !important;
    font-size: 12.8px;
    color: #FFFFFF;
    padding: 5px;
    border-radius: 3px;
}

.advcasestatusdefault {
    background-color: #eee;
    font-family: Light !important;
    font-size: 12.8px;
    color: #505050;
    padding: 5px;
    border-radius: 3px;
}

/*Configuration UI css*/
.settingDashboardATag {
    margin-top: 10px;
    line-height: 3;
    cursor: pointer;
    font-size: 12.8px;
    color: var(--greyColor);
    font-family: Light;
}

.settingDashboardATag:hover,
.settingDashboardATag:focus,
.settingDropBtn:hover,
.settingDropBtn:focus {
    text-decoration: none;
}

.activeATag {
    font-family: Regular;
}

.settingPageHeader {
    margin-bottom: 10px !important;
    margin-top: 19px !important;
    font-size: 15.8px !important;
}

#settingDashBoardInnerDiv {
    padding-left: 15px;
    background-color: #fff;
}

#settingDashBoard {
    margin-top: 10px;
    overflow: auto;
    padding-left: 15px;
    background-color: #f5f5f5;
}

.settingDashBoardPanel {
    color: var(--greenColor) !important;
    padding-left: 0px;
}

.settingDashBoardPanel p,
.radio-inline {
    color: var(--greyColor);
    font-family: Light;
}

.settingPanel {
    border: 0px;
}

.settingDropBtn {
    cursor: pointer;
    font-size: 12.8px;
    color: var(--greyColor);
    font-family: Light;
}

#settingAnotherMenu {
    margin-top: 20px;
    overflow: auto;
    background-color: white;
    border: 1px solid #c5fdf7;
    margin: 0px;
    height: 610px;
}

.settingBodyData {
    background-color: white;
    padding: 20px;
    padding-left: 0px !important;
    padding-top: 0px;
}

.pathshowing {
    line-height: 3;
}

.imageDropdown {
    margin-top: 10px;
    line-height: 3;
}

@media screen and (max-width: 720px) {
    .resetPassword {
        margin-top: 28px !important;
    }
}

.settingrow {
    margin: 0px !important;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

.globalConfiguration {
    margin-bottom: 10px;
}

.configdefault {
    margin-top: 2px !important;
    line-height: 15px !important;
    font-size: 24px !important;
    margin-left: 10px;

}

.globalConfiguration .dropdown-content {
    padding-bottom: 0;
    margin-bottom: 0;
}

/*Configuration UI css end*/
/*viewer Radiologists*/

.nav-tabs>li>a {
    border: 0px solid #d3d3d3;
    height: 36px;
    font-size: 17px;
    font-family: Light;
    color: black;
    padding-top: 6px !important;
}

.nav-tabs>li.active {
    background-color: white !important;
    border: 0px solid #d3d3d3;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border: 0px solid #d3d3d3 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-color: inherit !important;
    padding-top: 6px !important;
}

#caseDocuments,
#caseCollabaration,
#caseInformation {
    float: left;
    font-family: Regular;
    font-size: 18;
    padding-top: 0px;
    width: 100%;
}

.casestabs {
    border: 1px solid #ddd;
}

.casesimages {
    width: 30px;
    height: 29px;
    padding-top: 0px !important;
    padding-bottom: 3px !important;
}

.insidenewmodal {
    width: 13px;
    height: 12px;
    float: right;
    margin-top: -4px;

}

.casesmodalbody {
    padding: 0px !important;
    background-color: #e9ebee !important;
    height: 400px;
    overflow: auto;
}

#caseDetailsModal {
    z-index: 999;
}

.casespanelbody {
    background-color: #e9ebee !important;
}

/*Reading Preference Changes Db-35 */
.readingPerferenceGroup {
    color: #6AA95A !important;
    font-size: 16px;
}

.PreferenceContainerSpace {
    padding: 0;
    background-color: #ffffff;
    width: 25px;
}

.PreferenceContainer {
    margin-top: 10px;
    min-height: 300px;
}

.checkbocContainer {
    background-color: #e6e6e6;
    min-height: 672px;
}

.perfernceCheckboxContainer {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 5px 0 5px 0;
    font-size: 16px;
    margin: 12px 0;
}

.bodyPartContainer {
    cursor: pointer;
    margin: 20px 0px;
    padding: 5px 0 0 0;
}

.applicationsContainer {
    margin: 20px 0px;
    padding: 5px 0 0 0;
    text-align: center;
}

.checkboxListText {
    margin-left: 5px;
}

.backgroundBlue {
    background-color: #a9d0e8;
}

.specialtiesListContainer {
    height: 100%;
    background-color: #e6e6e6;
    min-height: 672px;
    padding-bottom: 15px !important;
    padding: 0;
}

.PreferenceRadio input[type='radio'] {
    transform: scale(1.4);
    cursor: pointer;
}

.PreferenceText {
    padding-left: 5px;
    cursor: pointer;
    font-weight: 100;
}

.bodyPartHeader label,
.bodyPartContainer label {
    padding: 0;
}

.bodyPartHeader {
    margin-bottom: 15px;
}

.doubleColumn {
    height: 100%;
}

.speContainer {
    background-color: #ffffff;
    width: 100%;
    margin-top: 15px;
}

.modList label {
    height: 28px;
    padding-top: 5px;
}

.bluestyle {
    background-color: #CFE1F6;
}

.labelText {
    margin-left: 8px;
    font-weight: normal;
}

.actionDiv .left {
    margin-left: -16px !important;
}

.tabsforsetting {
    margin-left: 340px;
    margin-right: auto;
}

.settingButtonColor,
.settingButtonColor:hover,
.settingButtonColor:focus,
.settingButtonColor:active {
    background-color: #e6e6e6 !important;
    border-color: #e6e6e6 !important;
    color: inherit !important;
    position: relative;
    bottom: 25px;
    min-width: 175px;
}

.lightgreenstyle,
.lightgreenstyle:hover,
.lightgreenstyle:focus,
.lightgreenstyle:active {
    background-color: var(--greenColor) !important;
    border-color: var(--greenColor) !important;
    color: #ffffff !important;
    position: relative;
    bottom: 25px;
    min-width: 175px;
}

.ReadtypeHeading {
    color: #6AA95A !important;
    font-family: Light;
    font-size: 16.8px;
    font-weight: normal;
    margin-bottom: 15px;
}

/* Installed Application new styles */
.date-Installed {
    position: absolute;
    top: 0px;
    left: 220px;
}

.formControl {
    width: 170px;
}

.labelTextCols {
    position: absolute;
    color: var(--greenColor);
    left: 0;
    top: 50px;
    margin-left: 0;
    width: 100px;
}

.notesTextArea {
    resize: none;
    width: 295px;
}

.software-Col {
    position: absolute;
    top: 0;
    left: 420px;
}

.fa-calendar {
    position: relative;
    right: 0;
    bottom: 27px;
    left: 146px;
    font-size: 13px;
    margin-right: 10px;
    cursor: pointer;
}

.application_row {
    margin: 20px 30px;
    padding: 20px;
}

.application_imgCol {
    top: 0;
    left: 90px;
    position: absolute;
}

.imgHeader {
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.notes-Col {
    position: absolute;
    top: 0;
    left: 620px;
}

.readtypesListContainer {
    /*background-color: #D9D9D9;*/
    padding-bottom: 15px;
    background-color: #e6e6e6;

}

.readtypeContainer {
    background-color: #ffffff;
    margin-top: 15px;
    padding-bottom: 21px;
}

.avialabilityListContainer {
    background-color: #e6e6e6;
    padding-bottom: 15px;
}

.subheader {
    font-weight: normal;
    margin-bottom: 15px;
}

.subFeatured {
    font-weight: normal !important;
    font-size: 14px;
}

.setonsameline {
    margin-left: 0px;
}

.daytextLabel {
    margin-top: 12px;
}

@media screen and (min-device-width: 900px) and (max-device-width: 1600px) {
    .tabsforsetting {
        text-align: center;
        margin-left: 340px;
        margin-right: auto;
    }
}

/*Reading Preference Changes Ends Db-35 */
#resonSelect {
    float: left;
}

.declineReasonHeader {
    text-align: center;
}

.declineReasonMessage {
    width: 100%;
    height: 75px;
    resize: none;
    border-color: #ccc;
}

.declineReasonContainer {
    margin-top: 5px;
}

.declineLineContainer {
    width: 95%;
}

.declineReason {
    margin-top: 27px;
}

#declineReasonWapper .panel-body {
    height: 700px;
    overflow-y: scroll;
}

#myNavbar {
    /*box-shadow: none;*/
}

/*Radiolodist Search*/

.searchTextList {
    position: absolute;
    width: inherit;
    z-index: 2;
    margin-top: 2px;
    top: 42px;
}

.searchTextListContent:hover {
    background-color: #e6e6e6;
    color: var(--greenColor);
}

.L3Section .dropdown {
    float: left;
    overflow: unset;
}

.L3Section .dropdown .dropbtn {
    font-size: 16px;
    border: none;
    outline: none;
    color: black;
    padding: 7px 16px;
    background-color: inherit;
    font: inherit;
    margin: 0;
}

.L3Section .dropdown {
    position: inherit;
}


.L3Section .dropdown-content {
    display: none;
    position: absolute;
    background-color: #e6e6e6;
    width: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 2;
    /* margin-top: 10px;*/
}

.L3Section .dropdown-content .header {
    background: red;
    padding: 16px;
    color: white;
}

.radilogisttextbox {
    border: 1px solid #d3d3d3;
    margin-right: 2px;
    background-position: right 10px center;
    width: 230px;
    margin-top: 10px;
    margin-right: 15px;
}

.radilogisttextbox:hover,
.radilogisttextbox:active,
.radilogisttextbox:focus {
    text-decoration: none;
    outline: none;
}

.filterbutton:active {
    border-bottom: 5px solid red;
    margin-top: 5px;
    padding-top: 0px;
}

.radiolositrow {
    margin-right: 0px;
    margin-left: 0px;
    background-color: #e6e6e6;
}

.borderBottomStyle {
    padding-bottom: 3px;
    border-bottom: 3px solid black !important;
}

.L3Section .dropdown:hover .dropdown-content {
    display: block;
}

/* Create three equal columns that floats next to each other */
.L3Section .column {
    float: left;
    width: auto;
    padding: 5px;
    background-color: #e6e6e6;
    font-size: 12px;
}

.L3Section .column a {
    float: none;
    color: black;
    padding: 0px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-family: Regular;
    padding-bottom: 2px;
    padding-top: 2px;
}

.dropbtn label {
    font-weight: normal;
}

.L3Section .col-lg-3 a,
.L3Section .col-md-3 a,
.L3Section .col-lg-6 a,
.L3Section .col-md-6 a {
    float: none;
    color: black;
    padding: 0px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-family: Regular;
    padding-bottom: 2px;
    padding-top: 2px;
    font-size: 13px;
}

#Speciality .col-lg-3 a,
#Speciality .col-md-3 a,
#Speciality .col-lg-6 a,
#Speciality .col-md-6 a {
    font-family: Light;
}

.L3Section .col-lg-3 p,
.L3Section .col-md-3 p {
    margin: 0 0 3px;
    font-size: 12px;
    cursor: pointer;
}

.L3Section .col-lg-3 p:hover,
.L3Section .col-md-3 p:hover {
    color: #00de87;
}

.filterrow {
    margin: 0px;
}

.colcss {
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 8px;
    margin-bottom: 10px;
}

.statecolcss {
    margin-top: 8px;
    margin-bottom: 13px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.filterrow a {
    color: black;
    text-decoration: underline;
}

.filterrow a:hover {
    color: #00de87;
}

/*.show {
    display: block;
}*/

#ModalityDropDown {
    border: 1px solid #d3d3d3;
    width: 130px;
    margin-left: 0px;
}

#radCardDiv {
    margin-left: 15px;
}

#subspeciality {
    width: 260px;
}

#SpecialityDropDown {
    width: 150px;
}

#state {
    width: 129px;
}

#workinghours {
    width: 152px;
}

#readType {
    width: 128px;
}

#patientAge {
    width: 195px;
}

#subSpecialities {
    width: 55%;
}

.L3Section .list-group li {
    padding: 5px 12px !important;
    cursor: pointer;
}

#searchradiologisttext {
    cursor: pointer;
}

#Speciality {
    width: 25%;
}

#State {
    width: 45%;
}

@media screen and (max-width: 990px) {

    #subSpecialities,
    #State {
        height: 400px;
        overflow-y: auto;
    }

    #subSpecialities,
    #State {
        width: auto;
    }
}

@media screen and (max-width: 1290px) {

    #Speciality .col-lg-6,
    #Speciality .col-md-6 {
        width: 100%;
    }
}

.searchtext {
    float: right;
    width: 250px;
    margin-right: 15px;
    height: 28px;
}


@media screen and (max-width: 776px) {
    .searchTextList {
        z-index: 1;
        margin-top: 2px;
        top: 86px;
    }

    .searchtext {
        float: left;
    }
}

@media screen and (max-width: 595px) {
    .filterdropdown {
        width: 100%;
    }

    .searchtext {
        float: left;
    }

    .searchTextList {
        z-index: 1;
        margin-top: 2px;
        top: 164px;
    }
}

.L3Section .input-group .icon-addon .form-control {
    border-radius: 0;
}

.L3Section .icon-addon {
    position: relative;
    color: #555;
    display: block;
    top: 2px;
}

.L3section .labelRadiologistselectItem {
    margin-top: 10px;
}

.L3Section .icon-addon:after,
.L3Section .icon-addon:before {
    display: table;
    content: " ";
}

.L3Section .icon-addon:after {
    clear: both;
}

.L3Section .icon-addon.addon-md .glyphicon,
.L3Section .icon-addon .glyphicon,
.L3Section .icon-addon.addon-md .fa,
.L3Section .icon-addon .fa {
    position: absolute;
    z-index: 0;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}

.L3Section .icon-addon.addon-lg .form-control {
    line-height: 1.33;
    height: 46px;
    font-size: 18px;
    padding: 10px 16px 10px 40px;
}

.L3Section .icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 10px 5px 28px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 76px;
}

.L3Section .icon-addon.addon-lg .fa,
.L3Section .icon-addon.addon-lg .glyphicon {
    font-size: 18px;
    margin-left: 0;
    left: 11px;
    top: 4px;
}

.L3Section .icon-addon.addon-md .form-control,
.L3Section .icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}

.L3Section .icon-addon.addon-sm .fa,
.L3Section .icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    font-size: 12px;
    left: 5px;
    top: 1px
}

.L3Section .icon-addon .form-control:focus+.glyphicon,
.L3Section .icon-addon:hover .glyphicon,
.L3Section .icon-addon .form-control:focus+.fa,
.L3Section .icon-addon:hover .fa {
    /*color: #2580db;*/
}


.greyoutButton,
.greyoutButton:hover {
    background-color: #d9d9d9 !important;
}

.L3Section .greenButton:focus {
    outline: none;
}

.L3Section #searchradiologisttext:focus {
    outline: none;
}

.L3Section .searchRadiologistDelete {
    position: relative;
    bottom: 25px;
    right: 6px;
}

.L3Section .numberCircle {
    min-width: 15px;
    min-height: 15px;
}

.L3Section .configdefault {
    margin-top: 2px !important;
    line-height: 13px !important;
    font-size: 20px !important;
    margin-left: 10px;
}


/*End of Radiologist Search*/

/* Release notes configuration css */
/* #releaseNotesPopupModel .headerFontSizeSemiBold {
    font-size: 20.8px;
}

#releaseNotesPopupModel .modal-header {
    padding: 10px 15px;
} */

.productReleaseDate {
    background-color: #f5f5f5;
}

.releaseDateContainer {
    background-color: #ffffff;
    height: 55px;
}

.releaseContentContainer {
    background-color: #f5f5f5;
}

.releaseDateText {
    width: auto;
    float: left;
    margin: 17px;
}

.releaseDatePicker {
    width: auto;
    float: left;
    margin: 10px 3px;
}

#releaseNotesWapper .panel-body {
    height: 500px;
    background-color: #ffffff;
    overflow-y: scroll;
}

.dateMissingText {
    text-align: center;
}

#releaseNotesWapper .wysiwyg-editor {
    min-height: 433px;
}

#releaseNotesWapper .panel-heading {
    padding: 0;
    padding-top: 25px;
}

#releaseNotesWapper .settingButtonColor {
    bottom: 0;
    z-index: 2;
}

#releaseNotesPopupModel .releaseNotesContent {
    border: 1px solid #ccc;
    margin-top: 15px;
    padding: 7px;
    height: 325px;
    overflow-y: scroll;
}
.releaseNotesContent::-webkit-scrollbar{
    background-color: #222628;
}
.releaseNotesContent::-webkit-scrollbar-thumb{
    background-color:#5A5A5A;
}
#releaseDontShow {
    float: left;
    display: block;
    margin-right: 7px;
    cursor: pointer;
}

#releaseNotesPopupModel .modal-footer {
    margin-top: 0;
    padding-top: 15px;
}

#releaseNotesPopupModel .modal-body {
    padding-bottom: 0;
}

.releaseDontShowLabel {
    font-weight: 100;
    cursor: pointer;
    color: #eee;
}
.borderRemoveClass{
    border : 0px solid !important;
}
.releaseNotesTabs {
    height: 10px;
}

/* Release notes configuration css Ends */

/*assign cases ui table start css*/
#caseslisttable {
    margin-bottom: 0px;
}

#caseslisttable thead tr th {
    font-family: Regular !important;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#caseslisttable thead tr th div {
    font-family: Light !important;
    color: #555;
}

#caseslisttable tbody tr td {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#caseslisttable .dropdown.dropdown-scroll .dropdown-menu {
    max-height: 400px;
    width: 330px;
    overflow: auto;
}

#caseslisttable .search-control {
    padding: 5px 10px;
    width: 100%;
}

#caseslisttable .liofdropdown {
    padding: 4px 14px;
    cursor: pointer;
}

#caseslisttable .liofdropdown:hover {
    background-color: var(--hamGreyColor);
    color: white;
}

#caseslisttable .selectedliofdropdown {
    background-color: var(--greenColor);
    color: white;
}

#caseslisttable .open>.dropdown-menu {
    margin-left: auto;
}

#caseslisttable .dropdown-menu-center {
    /* left: 50% !important;*/
    /*right: auto !important;
  text-align: center !important;
  transform: translate(-50%, 0) !important;*/

}

#caseslisttable .showingBodyPartName {
    position: absolute;
    width: 82px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Setup Bank UI CSS */
.setupBankContainer {
    margin-top: 15px;
    background-color: #ffffff;
    padding: 15px;
}

.groupRadioContent {
    padding-left: 5px;
}

.setupBankContainer label {
    font-weight: 100;
}

.setupBankContainer .error-msg-register {
    margin-top: 0;
}

.manageAccountContainer {
    border: 1px solid #ccc;
    margin-bottom: 2%;
}

.manageAccountWapper {
    margin: 2%;
    float: left;
}

.firstRowContainer {
    margin-bottom: 3%;
    float: left;
    width: 100%;
}

.custonGlyphicon {
    font-size: 15px;
    color: #fff;
    background-color: #094B7F;
    border-radius: 7px;
    height: 19px;
    width: 19px;
    padding: 2px;
}

.custonGlyphiconEdit {
    font-size: 18px;
    color: #094B7F;
    margin-right: 7%;
}

.bankIconContainer {
    width: 100%;
    text-align: right;
}

.bankTypeContainer {
    font-weight: 700;
    color: #7D9EC1;
    font-size: 17px;
}

.bankImageContainer {
    float: left;
    height: 158px;
    margin-left: -15px;
}

.bankDefaultTextContainer {
    margin-left: 5%;
    color: #516C7B;
    float: left;
}

.docpanelDarkTheme {
    color: #f1f1f1 !important;
    background-color: #13171B !important;
    border-color: #13171B !important;
    box-shadow: 0px 0px 0px 1px #13171B !important;
}
.docpanelLightTheme {
    background-color: #13171B !important;
}
.docPanelNoBorderTheme {
    background-color: #13171B !important;
    border: 1px solid #13171B !important;
    color: #f1f1f1 !important;
}
.docPanelBorderColor {
    background-color: #bfbfbf1a !important;
    /* border: 1.5px solid #f1f1f1; */
    font-weight: 400;
    color: #f1f1f1 !important;
}
.inputHeighlight {
    background-color:none;
    border:1px solid green !important;
}
.docPanelBorderColor::placeholder  {
    color: #fff;
}

.docPanelFontThemeColor {
    color: #fff !important;
}

.fullBackGroundTheme {
    background-color: #222628 !important;
}

/* Setup Bank UI CSS Ends */
/*@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
    #tableDataDiv .showingBodyPartName{
        width: 252px;
    }
}*/

/* ----------- Retina Screens ----------- */
/*@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
    #tableDataDiv .showingBodyPartName{
        width: 150px;
    }
}*/

/*assign cases ui table css end*/

/*edit referincing providers start css*/
.editReferincingpostion {
    font-size: 11px !important;
    padding: 4px 8px !important;
    margin-top: 5px;
    margin-right: 10px;
    min-width: auto !important;
}

.referringProviders .form-control {
    height: 38px;
    border-radius: 0;
    border: 1.5px solid #f1f1f1;
}

.referringProviders .allow-dropdown {
    display: inline;
}

.referringProviders .addbuttonRefproviders {
    margin-left: 22px;
}

.referringProviders .labeladdbuttonproviders {
    margin-left: 12px;
}

.referringProviders .intl-tel-input.allow-dropdown .flag-container {
    left: 0;
}

@media screen and (max-width: 1400px) {
    .referringProviders .intl-tel-input.allow-dropdown .flag-container {
        left: auto;
        top: auto;
    }

    .referringProviders .intl-tel-input .selected-flag .iti-arrow {
        margin-top: -7px;
    }

    .referringProviders .intl-tel-input .selected-flag .iti-flag {
        top: auto;
    }
}

/*end of reffering providers css*/

/*Start of readtypes in iccasedetails page*/
.iccasedetailsreadtype {
    margin-top: 15px !important;
    margin-left: 15px !important;
    cursor: pointer;
}

.labelReadTypesxray {
    margin-left: 15px !important;
    cursor: pointer;
    vertical-align: middle;
}

/*End of readtypes in iccasedetails page*/
#addendumContainer .wysiwyg-wrapper {
    height: 50%;
    overflow-y: scroll;
}

/*wysiwyg editor nocolor hover css start*/
.wysiwyg-popup .nocolorcss:hover {
    background-color: #e6e6e6 !important;
}

/*wysiwyg editor nocolor hover css end*/
/*Start of Case Assign - Rads for Prior Reads DB-1076*/
.patientsimiliardata tbody tr td {
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    font-family: Light;
    color: #555;
    font-size: 12.8px !important;
}

#assignCasesPageID tbody tr {
    cursor: pointer;
}

.patientsimiliardata tbody {
    max-height: 300px;
    overflow: auto;
}

.patientsimiliardata thead tr th {
    border-left: 1.5px solid #585652;
    border-right: 1.5px solid #585652;
    font-family: Light !important;
    color: #555;
}

.patientsimiliardata {
/* overflow-x: auto; */
    margin: 0px !important;
}

.patientsimiliardata .table {
    margin-bottom: 0px;
}

.priorCustumTableHead {
    font-family: Bold;
    font-size: 12.8px;
    border-top-left-radius: 10px !important;
    border-bottom: 1px solid #ddd !important;
    border-top-right-radius: 10px !important;
    background: #f0f0f0;
    border: 1.5px solid #585652;
}
.additionalTableClass {
    background: none !important;
}

.existingSameLikeCases {
    background-color: #EFFCE8;
}

.similiarPatientHeading {
    font-family: Light;
    color: #555;
    font-size: 14.81px;
    margin-left: 5px;
    padding-bottom: 10px
}

.patientImagesStatus {
    float: left;
    position: relative;
}

/*End of Case Assign - Rads for Prior Reads DB-1076*/


.assignCasePreset select {
    font-family: Light;
    color: #555;
    height: 25px;
    width: 120px;
    border: 1px solid #969696;
    margin-right: 10px;
    background-position-x: 100px;
    background-color: white;
    font-size: 12.81px;
    padding: 0 10px;
    /* box-shadow: 0px 0px 2px 0px #000000 !important; */
}

.assignCasePreset select[disabled] {
    background-color: #e6e6e6;
    cursor: not-allowed !important;
}

.listDisabled {
    opacity: 0.6;
    cursor: not-allowed !important;
}

.manageCardContainer {
    border: 1px solid #ccc;
    margin-bottom: 3%;
    border-radius: 5px;
    background-color: #EEEAE9;
    padding: 0;
}

.manageCardContainer .groupIcon {
    padding: 0;
    margin: 0;
}

.setupCardContainer {
    background-color: none;
}

.cardNumberContainer {
    padding: 0;
    margin: 0;
    right: 10px;
    font-size: 15px;
}

.CardDefaultContainer {
    margin-top: 10%;
    float: left;
}

.achTextContainer {
    margin-top: 5%;
    margin-left: 25px;
    line-height: 17px;
}

.patienttextcolor {
    color: #E02727 !important;
    font-size: 12.8px;
    text-transform: uppercase;
    margin: -3px 0px 0px;
    font-family: Regular;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100px;
    vertical-align: middle;
    display: inline-block;
}

.Darktheme {
    background-color: #1f1f1f !important;
    color: #FFF !important;
}

.navbar-default-Dark {
    background-color: #1f1f1f !important;
    box-shadow: 4px 3px 10px 0px #1f1f1f;
    border: unset !important;
    border-radius: 0px;
}

.modal-content-Dark {
    background-color: #1f1f1f !important;
    color: #FFFFFF;
}

.thumbSubText-Dark {
    margin: 0px;
    text-transform: capitalize;
    font-size: 11px !important;
    font-family: Light !important;
    color: #FFF !important;
}

.thumbTitle-Dark {
    margin: 0px;
    text-transform: capitalize;
    font-size: 13px !important;
    font-family: Light !important;
    color: #FFF !important;
}

.commentTextArea-Dark {
    width: 100%;
    min-height: 110px !important;
    outline: none;
    background-color: #1f1f1f !important;
    resize: none;
    border: 1px solid;
    color: #FFF;
}

.ckeDark {
    border: 1px solid #FFF !important;
    border-radius: 5px !important;
}

.dot {
    height: 18px;
    text-align: center;
    width: 22px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    color: white !important;
    font-size: 12px;
}

.full_time {
    background-color: var(--greenColor) !important;
}

.part_time {
    background-color: var(--blueColor) !important;
}

.episodic {
    background-color: var(--lightGreenColor) !important;
}

.caseCardAppImages {
    margin-top: 20px;
    /* background-color: #F5F5F5; */
    height: 30px;
    padding-left: 10px;
}

.scrollbar-container::-webkit-scrollbar {
    width: 12px;
}


.scrollbar-container::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}

.scrollbar-container::-webkit-scrollbar-track {
    background-color: #222628;
}
.descriptiongreenbtn{
    background-color: #00B76F;
    color: #fff;
    cursor: pointer!important;
    border: 1px solid transparent;
    min-width: 100px;
    font-size: 12.8px;
    padding: 4px 8px;
    display: inline-block;
    font-weight: 600;
    font-size: 1.3rem;
   }
   
   .descriptioncancelbtn {
    cursor: pointer!important;
    border: 1px solid transparent;
    background-color: transparent;
    color: var(--greyColor);
    font-size: 12.8px;
    padding: 6px 12px;
    display: inline-block;
    text-decoration: underline;
    margin-left: 30px;
    font-weight: 600;
    font-size: 1.3rem;
   }
   .pagination {
    margin: 0px;
}

.btn-sm {
    background-color: #94989c;
    color: #fff;
    font-size: 10.8px;
    height: 23px;
    line-height: 8px;
    white-space: unset;
}

.prevCaseTable {
    /* border: 1.5px solid #585652 !important; */
    border-collapse: collapse !important;
}


.table>tbody>tr>td {
    padding: 4px;
    vertical-align: middle;
    /* border: 1.5px solid #585652 !important; */
    border: none !important;
    border-bottom: 1px;
    font-size: 10.8px !important;
}

.table>tbody>tr {
    height: 40px;
}


thead th {
    word-break: break-all;
    border: none !important;
}

tbody > tr > td {
   
    word-break: break-all;
}

.btn-light {
    font-size: 8.8px;
}

.dropdown-menu-arrow {
    top: -25px;
    left: 80%;
    width: 0;
    height: 0;
    position: relative;
}

.dropdown-menu-arrow:before,
.dropdown-menu-arrow:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-width: 7px 8px;
    border-style: solid;
    border-color: transparent;
    z-index: 1001;
}

.dropdown-menu-arrow:after {
    bottom: -18px;
    right: -8px;
    border-bottom-color: #fff;
}

.dropdown-menu-arrow:before {
    bottom: -17px;
    right: -8px;
    border-bottom-color: rgba(0, 0, 0, .15);
}

.dropdown-menu>li>a:hover {
    color: #FFF;
}

.tblborder>thead>tr>th {
    border: unset;
    text-align: center;
}

.tblborder>tbody>tr>td {
    border: 1px solid #f1f1f1 !important;
}

.radio-item {
    display: inline-block;
    position: relative;
    padding: 0 6px;
    /*margin: 10px 0 0;*/
}

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

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

        .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: 2px solid rgb(200, 200, 200);
            background-color: transparent;
        }

    .radio-item input[type=radio]:checked + label:after {
        border-radius: 11px;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 9px;
        left: 10px;
        content: " ";
        display: block;
        background: var(--greenColor);
    }
    .dueSoon {
        border-radius: 20px;
        font-size: 9px;
        padding: 0px;
        text-align: center;
        margin: 0px;
        color: white;
        height: 17px !important;
        line-height: 14px !important;
        margin-top: 9px !important;
        background-color: rgb(222, 63, 63);
    }
    .dueSoonDate {
        color: rgb(241, 106, 112);
    }
   .paragraphTextFontSize {
    font-family: Light !important;
    font-size: 12.8px;
}
.addCasesText {
    font-size: 12.8px !important;
    font-family: Regular !important;
}
.icCasePageHeaderText{
    font-family: Light;
    font-size: 12.8px;
}
.assignheaderText {
font-size: 13.2px;
font-family: Regular !important;
}
/* .formInputs select.verificationDropDownGreen, div.verificationDropDownGreenMulti{
    border: 1.5px solid #585652 !important;
} */
.modal-footer{
    /* background: #222628; */
    border-top: 1.5px solid #f1f1f1;
}
.modal-footer-profile{
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modelRemoveLine{
    border-top:none !important;
}
.modal-body {
    background: #fafafa;
    /* color: #fff; */
}
.modal-body-passport{
    background: #fafafa;
    color: #686464;
}
.modal-body-normal{
    background: white;
    color: black;
}
.modal-footer-normal{
    background: white;
}
.icDarkTheme_StudyCaseScrollBar
{
    overflow-y: hidden !important;
    overflow-x: auto !important;
   
}


.icDocument {
    background-color: #222628 !important;
    color: #fff !important;
    border-color: transparent !important;
    /* box-shadow: 0px 0px 2px 0px #000000 !important; */
    border-radius: 10px !important;
    /* margin-bottom: 15px !important; */
}
/* .intl-tel-input .country-list {
    position: absolute !important;
    z-index: 2 !important;
    list-style: none !important;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 0 0 -1px !important;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2) !important;
    background-color: #242527 !important;
    border: 1px solid #CCC !important;
    white-space: nowrap !important;
    max-height: 200px !important;
    overflow-y: scroll !important;  
  } */
/* Example styles for scrollbar */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    /* Set scrollbar width */
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: #3C4142;
    /* Set thumb color */
  }
  
  ::-webkit-scrollbar-track {
    background-color: transparent;
    /* Set track color */
  }
  .removeFocusVisible:focus-visible {
    outline:  0px !important;
    }

.resize-container {
    display: flex;
    height: 100%;
  }
  
  .left-panel, .right-panel {
    overflow: auto;
  }
  
  .left-panel {
    background-color: transparent;
  }
  
  .resize-bar {
    width: 8px;
    cursor: ew-resize;
    background-color: transparent;
    /* border: 1px solid #68686e;                   */
    position: relative;
}

.resize-bar img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 20px;
}

.resize-bar .handle {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: ew-resize;
  }
  .middle-panel{
    background-color: transparent;
  }
  .right-panel {
    background-color: transparent;
}

.commonFontColor {
    color: #f1f1f1 !important;
}

.CommonTextBox {
    border: 1px solid #333 !important;
    background-color: #333638 !important;
   color: #f1f1f1 !important;
}
.commonTableBorderColor{
    border: 1px solid #333 !important;
    color: #f1f1f1 !important;
 }
.commonBorderRemoveStyle
{
    border : 0px solid !important;
}
.commonModalFooterBtn
{
    display: flex;
    justify-content: center;
}
.CommonTextBox option {
    background: #222628;
    color: #f1f1f1 !important;
}
.commonIconBackgroundRemove
{
    background-color: none;
}
.commonCancelBtn{
    padding: 6px 12px;
    background: #858585 !important;
    border: 1px solid #858585 !important;
    font-size: 12.8px;
    min-width: 120px;
    color: #f1f1f1;
    text-decoration: none;
    margin-left: 10px;
}
.commonFieldCancelBtn{
    border: 0px solid;
    color: #f1f1f1;
    text-decoration: underline;
    font-weight: 600 !important;
    background: transparent;
    display: inline-block;
}
.columnBody{
    background-color: #fff !important;
}
.scrollColumn::-webkit-scrollbar {
    width: 12px;
}
.scrollColumn::-webkit-scrollbar-thumb {
    background-color: silver; 
}
.scrollColumn::-webkit-scrollbar-track {
    background-color: #f1f1f1; 
}
.mergeCaseSplitCase
{
    background-color: var(--modal--bg--color);
    border :0px;
}
.commonTableContainer>.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #181d1f !important;
}
.commonTableContainer>.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #222628 !important;
}
.commonCancelIconStyle
{
    float: right;
    padding: 0px 3px;
    border-radius: 20px !important; 
    background-color: transparent; 
    border-color: transparent; 
    color: grey;
    cursor: pointer;
    font-size: 15px;
}
.commonModalBodyLineRemoval{
    padding: 14px;
}
.reportTemplatePageColor {
    padding: 8px 15px 20px 10px;
    margin: 0px 20px 0px 10px;
    background-color: #33363863 !important;
    margin-bottom: 15px !important;
}
.reportTemplateTbody
{
    background-color: transparent !important;
}
.commonEditIconStyle{
    padding: 0px 3px;
    border-radius: 20px !important; 
    background-color: transparent; 
    border-color: transparent; 
    color: grey;
    cursor: pointer;
    font-size: 13px;
}
.cke_editable:focus-visible {
    outline: none !important;
}
.templateBody{
    position: relative;
    left: 10px;
}
.radCardFont{
 color: #555555 !important;
}

.radCardPara{
    font-family: Light !important;
    font-size: 12.8px;
    color: #555555 !important;
}
.close1 {
    color: #f1f1f1 ! important;
    opacity: unset !important;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    position: absolute;
    right: 15px;
    top:10px;
    cursor: pointer;
}
.close1:focus, .close1:hover{
    opacity: 0.5 !important;
}
.specialInstructionForRad{
    box-shadow: 0px 3px 10px 0px #dcdcd1;
    padding: 0px 18px 18px 18px;
    margin-top: 29px;
    border-radius: 0px;
}
/* remove filter icon */
.ag-icon-menu{
    display: none !important;
}
.ag-select-list{
    max-height: 200px !important;
  }
  .pagesizeClass
  {
    position: absolute;
    z-index: 1;
    bottom: 10px;
    justify-content: center;
    display: flex;
    right:42%;
  }
  .pagesizeClass_1{
    position: absolute;
    z-index: 1;
    bottom: -78px;
    justify-content: center;
    display: flex;
    right:42%;
  }
  .unassignedpagesizeClass{
    position: absolute;
    z-index: 1;
    bottom: -30px;
    justify-content: center;
    display: flex;
    right:42%;
  }
  .dropDownItemDark {
    color: #f1f1f1;
    cursor: pointer;
    font-size: 12.8px;
    font-family: Light;
    margin: 0px;
    line-height: 20px;
    /* background-color: white; */
    border-radius: 0px;
    padding: 10px;
}
.dropDownOptionDark{
    box-shadow: 0 1px 20px 1px #000 !important;
    border: 1px  solid #585652;
   
}
.radThemeColor_dark{
    background-color:  #13171B !important;
}
.ui-banner-style {
    color: #333;
}
.uiBannerParent {
    text-align:center;
    width: 95%;
    display: inline-block;
}

@media only screen and (max-width: 766px) {

    .notifybg
    {
        background-color: #000;
    }
}
.check-box-stl {
    background: rgba(255, 255, 255, 0.8);
}