.lightgray-border {
    border-color: #d9d9d9;
}

.gray-border {
    border-color: #f1f1f1;
}

.TableRuleRatingColorStyle {
    border-color: #e9e9e9;
    border-style: solid;
    border-width: 0.25px;
}

.cranberry-color {
    color: #C41E3A;
}

.white-color {
    color: white;
}

.orange-color {
    color: orange;
}



.graycolor {
    color: #333F50;
}

.greencolor {
    color: #0CBB06;
}

.greenbackground {
    background: #548235;
    color: white;
}

.darkgreencolor {
    color: #548235;
}

.bottomBorder-lightgray {
    border-bottom: 1px solid white;
}

.bottom-padding {
    padding-bottom: 10px;
}

.myContainerLightGrayBorder {
    border-style: solid;
    border-color: #d9d9d9;
    border-width: 0.25px;
}

.myalert {
    display: inline-block;
}

.gray-background {
    background: #F1F3F5;
}

.label-green {
    background: #006F46;
    color: white;
    padding: 20px;
}

.cyan-color {
    color: #00CED1;
}

.carrot-color {
    color: #e67e22;
}

.wetasphalt-color {
    color: #34495e;
}

.wetasphalt-background {
    background: #34495e;
    color: white;
}

.verylightgray-background {
    background: #fafafa;
}


.cyan-background {
    background: #00CED1;
    color: white;
}

.wysteria-background {
    background: #8e44ad;
    color: white;
}

.holyhock-background {
    background: #54BBD2;
    color: white;
}


.breast-background {
    background: #EC5C9A;
    color: white;
}

.bluegreeny-background {
    background: #006F46;
    color: white;
}

.green-color {
    color: #006F46;
}

.holyhock-color {
    color: #54BBD2;
}


.grayRuleRating-background {
    background: #333F50;
    color: white;
}

.magenta-purple-background {
    background: #6F1E51;
    color: white;
}


.american-purple-background {
    background: #422147;
    color: white;
}



.eggplant-background {
    background: #613F51;
    color: white;
}


.eggplant-alert {
    background: #613F51;
    color: white;
    border-color: white;
    display: inline-block;
}


.holyhock-alert {
    background: #54BBD2;
    color: white;
    border-color: #6E2C5E;
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    border-width: 0.25px;
}


.breast-alert {
    background: #EC5C9A !important;
    color: white;
    border-color: #DC1A6D !important;
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    border-width: 0.25px;
}

.holyhock-border {
    border-color: #54BBD2;
    border-style: solid;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}


.whiteBckg-alert {
    background: white;
    color: #54BBD2;
    border-color: #6E2C5E;
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    border-width: 0.25px;
}

.whiteBckg-border {
    border-color: #6E2C5E;
    border-style: solid;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}


.pathway-alert {
    background: white;
    color: #54BBD2;
    border-color: #6E2C5E;
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    border-width: 0.25px;
}

.wysteria-color {
    color: #8e44ad;
}

.white-background {
    background: white;
}

.my-container {
    margin-top: 30px;
}


.cranberry-background {
    background: #C41E3A;
    color: white;
}

.myMargin {
    margin-top: 30px;
}

.myMarginRight {
    margin-right: 30px;
}

.mySmallMargin {
    margin-top: 15px;
}

.myfont {
    font-family: 'Roboto', sans-serif;
}

.mybtnReverse:hover {
    color: #54BBD2;
    background-color: white;
    border: 1px solid #e8e8e8;
}

.mybtnReverse {
    color: white;
    background-color: #54BBD2;
    border: 1px solid #e8e8e8;
}


.mybtnCopyShare:hover {
    color: white;
    background-color: #54BBD2;
    border: 1px solid #e8e8e8;
}

.mybtnCopyShare {
    color: #54BBD2;
    background-color: white;
    border: 1px solid #e8e8e8;
}


.mybtnQRCode:hover {
    color: white;
    background-color: #54BBD2;
    border: 1px solid #e8e8e8;
}

.mybtnQRCode {
    color: #54BBD2;
    background-color: white;
    border: 1px solid #54BBD2;
}



.mybtnClinicalArea {
    border: 1px solid white;
    background: #54BBD2;
    color: white;
    border-color: white;
}




.mybtn {
    border-color: #f2f2f2;
}

    .mybtn:hover {
        color: white;
        background-color: #54BBD2;
        border: 1px solid #e8e8e8;
    }


.myWarningContainer {
    margin-right: 25px;
    margin-left: 25px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.margingsMaineContainer {
    margin-right: 0px;
    margin-left: 0px;
}

.IdentifyStudyContainer {
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}



.RuleRatingContainer {
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom: 2px;
}


.setupButtonsContainer {
    padding-right: 30px;
    padding-left: 20px;
}

.buttonSetup {
    width: 100%;
    padding: 50px;
    margin: 10px;
}

.borderButton {
    border: 1px solid #f2f2f2 !important;
}

.myBreastButton {
    border: 1px solid #f2f2f2 !important;
}

    .myBreastButton:hover {
        background-color: #EC5C9A !important;
        color: white;
    }



.mylink:link {
    color: white;
    background-color: transparent;
    text-decoration: none;
}

.mylink:visited {
    color: white;
    background-color: transparent;
    text-decoration: none;
}

.mylink:hover {
    color: white;
    background-color: transparent;
    text-decoration: none;
}

.mylink:active {
    color: white;
    background-color: transparent;
    text-decoration: none;
}




.mylinkgray:link {
    color: #333F50;
    background-color: transparent;
    text-decoration: none;
}

.mylinkgray:visited {
    color: #333F50;
    background-color: transparent;
    text-decoration: none;
}

.mylinkgray:hover {
    color: #333F50;
    background-color: transparent;
    text-decoration: none;
}

.mylinkgray:active {
    color: #333F50;
    background-color: transparent;
    text-decoration: none;
}



.mylinkwhitey:link {
    color: white;
    background-color: transparent;
    text-decoration: none;
}

.mylinkwhitey:visited {
    color: white;
    background-color: transparent;
    text-decoration: none;
}

.mylinkwhitey:hover {
    color: white;
    background-color: transparent;
    text-decoration: none;
}

.mylinkwhitey:active {
    color: white;
    background-color: transparent;
    text-decoration: none;
}




.mylinkholyhock:link {
    color: #54BBD2;
    background-color: transparent;
    text-decoration: none;
}

.mylinkholyhock:visited {
    color: #54BBD2;
    background-color: transparent;
    text-decoration: none;
}

.mylinkholyhock:hover {
    color: #54BBD2;
    background-color: transparent;
    text-decoration: none;
}

.mylinkholyhock:active {
    color: #54BBD2;
    background-color: transparent;
    text-decoration: none;
}

.mypadding {
    padding-right: 10px;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

    .row.display-flex > [class*='col-'] {
        flex-grow: 1;
    }

/* only for demo not required */
.box {
    height: 100%;
    box-shadow: 0 0 5px 5px #f2f2f2;
}

.row.display-flex [class*='col-'] {
    background: white;
}

.zoom {
}

.mypaddingLeft {
    padding-left: 30px;
}

.mypaddingRight {
    padding-left: 30px;
}

.zoom:hover {
    transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    background: #54BBD2;
    color: white;
}

.zoomPathway {
    background: white;
    color: slategray;
}

    .zoomPathway:hover {
        transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
        background: #54BBD2;
        color: white !important;
    }

.columnRuleBox {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

.boxStyle {
    justify-content: center;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
}












/* select2 version 4.0.0 Beta 2 */
.select2-dropdown--above {
    border: 1px solid #f2f2f2 !important;
    border-color: #f2f2f2;
    border-bottom: none !important;
}


.select2-dropdown--below {
    border: 1px solid #f2f2f2 !important;
    border-top: none !important;
}

span.select2-selection--multiple[aria-expanded=true] {
    border-color: #f2f2f2 !important;
}


/*---------delete me------------*/

.pricing-header {
    max-width: 700px;
}

.card-deck .card {
    min-width: 220px;
}

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

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

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}


.linespacing {
    line-height: 1.5em;
}