.div_box {
    margin-right: 5px;
    -webkit-box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
    -moz-box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
    box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
    background-color: lightblue;
    color: darkslateblue;
    padding: 10px 10px 10px 10px;
    display: block;
    overflow: inherit;
    font-size: 14px;
    font-family: 'Montserrat';
}
.div_box_handledocument {
    -webkit-box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
    -moz-box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
    box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
    background-color: #ffe786;
    padding: 10px 10px 10px 10px;
    display: block;
    overflow: inherit;
    font-size: 10px;
    min-width:550px;
    max-width: 550px;
}
.extended_event_fields {
    margin-right: 5px;
    -webkit-box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
    -moz-box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
    box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
    background-color: #A557C5;
    color: darkslateblue;
    padding: 10px 10px 10px 10px;
    display: block;
    overflow: inherit;
    font-size: 14px;
    font-family: 'Montserrat';
}
.form-row {
    max-width:100%;
}
.list-group-item.active {
    background-color: #F0F8FF;
    color: black;
    border-color: black;
}
.disable_select_text {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
.active_item {
    color: green;
}

.inactive_item {
    color: red;
}

.removehref_group {
    background-color: transparent;
    color: darkred;
    cursor: pointer;
    font-size:14px;
}

    .removehref_group:hover {
        background-color: transparent;
        color: red;
        cursor: pointer;
        font-size: 14px;
    }
.info_button {
    background-color: transparent;
    color: darkslateblue;
}

    .info_button:hover {
        background-color: transparent;
        color: black;
    }

.family_member {
    cursor: pointer;
    width: 100%;
}

    .family_member:hover {
        cursor: pointer;
        background-color: #F0F8FF;
    }
.small_clickable_li {
    cursor: pointer;
    padding:8px 4px 8px 4px;
}
.list-group {
    width: 100% !important;
    margin-bottom: 10px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.li_child_member {
    list-style:none;
    border-left:1px solid lightgray;
    border-right:1px solid lightgray;
    border-bottom:1px solid lightgray;
}
.cursor_pointer_p {
    color: darkred;
    cursor:pointer;
}
.cursor_pointer_p:hover{
    color:red;
}
/*Metadata*/
.new_metadata {
    width: 300px;
    display: inline-block;
    vertical-align: top;
}
.cursor_pointer {
    cursor:pointer;
}
tr.hide_all > td, td.hide_all {
    border-style: hidden;
}
#SMSHelp_Window {
    position: absolute;
    left: 150px;
    top: 200px;
    background-color: white;
    width: 200px;
    max-height: 100%;
    padding: 10px 10px 10px 10px;
    border: solid 2px black;
    border-radius: 5px;
}

table.flex-table {
    display: flex;
    flex-direction: column;
    height: 97.7%;
    background-color:white;
}

    table.flex-table thead,
    table.flex-table tbody {
        display: block;
    }

    table.flex-table thead {
        margin-right: 0px;
    }

    table.flex-table tbody {
        flex: 1;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    table.flex-table tr {
        width: 100%;
        display: flex;
    }

        table.flex-table tr td,
        table.flex-table tr th {
            display: block;
            flex: 1;
        }

table.flex-widths.flex-table-aligned thead > tr {
    overflow-y: scroll;
    overflow-x: hidden;
}
table.flex-table tr > th:nth-child(1), table.flex-table tr > td:nth-child(1) {
    flex: 0 0 4em;
}
table.flex-table tr > th:nth-child(2), table.flex-table tr > td:nth-child(2) {
    flex: 0 0 10em;
}
table.flex-table tr > th:nth-child(3), table.flex-table tr > td:nth-child(3) {
    flex: 0 0 10em;
}
table.flex-table tr > th:nth-child(4), table.flex-table tr > td:nth-child(4) {
    flex: 0 0 10em;
}
table.flex-table tr > th:nth-child(5), table.flex-table tr > td:nth-child(5) {
    flex: 0 0 14em;
}
table.flex-table tr > th:nth-child(6), table.flex-table tr > td:nth-child(6) {
    flex: 0 0 14em;
}
table.flex-table tr > th:nth-child(7), table.flex-table tr > td:nth-child(7) {
    flex: 0 0 10em;
}

a.list_link{
    color:black;
    text-decoration:underline;
}
    a.list_link:active {
        color: darkslateblue;
    }
a.list_link:hover {
    color: Highlight;
}
.card_custom_width {
    width: 21.2rem;
}

.card_custom_width_double {
    width: 42.4rem;
}

.clickable_li_search {
    cursor: pointer;
    z-index: 10;
}

    .clickable_li_search:hover {
        cursor: pointer;
        background-color: #CCCCCC;
    }

.card_custom_padding {
    padding: 0.5rem !important;
}

.list_search_div {
    position: absolute;
}

.client_component_title {
    color: white;
    padding-top: 5px;
    margin-left: -5px;
}

.client_component_subtitle {
    color: white;
    display: block;
    float: right;
    margin-bottom: 0px;
    line-height: 35px;
}

.horizontal_line {
    border-bottom: solid 2px black;
    width: inherit;
}

.horizontal_line_white {
    border-bottom: solid 2px white;
    width: inherit;
}

label.label_sm {
    font-size: 14px;
    margin-bottom:0rem;
    font-family: 'Roboto';
}

label.label_sm_white {
    font-size: 14px;
    margin-bottom: 0rem;
    font-family: 'Roboto';
    color: white;
}

label.label_sm_gold {
    font-size: 14px;
    margin-bottom: 0rem;
    font-family: 'Roboto';
    color: gold;
}

.hover_li {
    cursor: pointer;
    padding: .50rem 1.25rem;
    background-color: transparent;
}

    .hover_li:hover {
        background-color: white;
    }

.isprimary_toggle {
    color: lightgray;
}

    .isprimary_toggle:hover {
        color: gold;
    }

.clickable_element {
    cursor: pointer;
}

.table.table-sm.table-hover {
    background-color: white;
}

.puma_image_size {
    width: 335px;
    height: 188px;
}

.amalia_image_size {
    width: 350px;
    height: 160px;
}

.kom_image_size {
    width: 335px;
    height: 151px;
}

.sol_image_size {
    background-image: url(/img/SOL_logo.png);
   /* background-size: contain;*/
    width: 335px;
    height: 167px;
/*    resize: both;*/
/*    background-position-x: -22px;
    background-position-y: -25px;*/
}

#puma_topbar {
    background-color: #203864;
    color: #fff;
    min-height: 50px;
}

    #puma_topbar a {
        color: white;
    }

        #puma_topbar a:hover {
            color: lightgray;
        }

.client_menu_title {
    padding-top: 10px;
    color: white;
    column-gap: 10px;
    margin-top: 15px;
}

.badge_puma_client {
    position: absolute;
    right: 10px;
    padding: 2px 10px;
    border-radius: 50%;
    background-color: white;
    color: black;
    font-weight: bold;
    z-index: 2;
}

.Menu_disabled {
    background-color: transparent;
}

#Menu_co {
    background-color: #f18b52;
}

    #Menu_co:hover {
        background-color: #e66c18;
    }

#Menu_pe {
    background-color: #a557c5;
}

    #Menu_pe:hover {
        background-color: #804698;
    }

#Menu_edu {
    background-color: #80b85f;
}

    #Menu_edu:hover {
        background-color: #62a336;
    }

#Menu_not {
    background-color: #aeaeae;
}

    #Menu_not:hover {
        background-color: #939393;
    }
#Menu_ap {
    background-color: #aeaeae;
}

    #Menu_ap:hover {
        background-color: #939393;
    }
#Menu_mm {
    background-color: #5f82cb;
}

    #Menu_mm:hover {
        background-color: #2f62bb;
    }

#Menu_kat {
    background-color: #CC749A;
}

    #Menu_kat:hover {
        background-color: #D97CA4;
    }

.client_menu_title > h4 {
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 2px #000;
}
.client_menu_title > p {
    text-align: center;
    font-style: italic;
    font-size: 0.9rem;
}

.client_menu_title .material-icons {
    font-size: 2rem;
    align-self: center;
    font-weight: bold;
    text-shadow: 1px 2px #000;
    color: #fff;
}

.client_menu_title {
    text-align: center;
}

.client_details_ul {
    list-style-type: none;
    overflow: hidden;
    padding: 10px 0 0 10px;
    color: white;
}

.message_link_puma > a {
    color: white;
}

    .message_link_puma > a:hover {
        color: lightblue;
    }

.mp_main_div {
    background-color: #91B4FF;
    padding: 10px 10px 10px 10px;
    -webkit-box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
    -moz-box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
    box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
    width: 100%;
}

.mp_general_div {
    background-color: darkgray;
    padding: 10px 10px 10px 10px;
    -webkit-box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
    -moz-box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
    box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
    width: 100%;
}

.accordion {
    background-color: #91B4FF;
}

    .accordion > .card > .card-header {
        background-color: #91B4FF;
        padding: 0 0 0 0;
    }

        .accordion > .card > .card-header > h2 {
            background-color: #91B4FF;
            padding: 0 0 0 0;
            border: none;
        }

    .accordion > .card {
        border: none;
        background-color: transparent;
    }

.addedit_mp {
    background-color: #91B4FF !important;
    border: solid 1px #5F82CB;
}

.home_to_pumastart {
    color: #A9A9A9;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: -55px;
    font-size: 2em;
    width: 50px;
}

    .home_to_pumastart:hover {
        color: #b9b9b9;
    }

.survey_comp_box {
    border: solid 2px #4C4C4C;
    border-radius: 5px;
    background-color: lightgray;
}

.active_tr_puma_hover:hover {
    background-color: #DCDCDC;
    color: #808080;
}

.document_holder_img img {
    opacity: 0.8;
    cursor: pointer;
}

.document_holder_img:hover img {
    opacity: 1.0;
}

@media all and (max-width: 992px) {
    .mp_main_div {
        background-color: #91B4FF;
        padding: 10px 10px 10px 10px;
        -webkit-box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
        -moz-box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
        box-shadow: 7px 7px 2px -4px rgba(0,0,0,1);
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    td .col_2, th.col_2 {
        display: none;
        width: 0;
        height: 0;
        opacity: 0;
        visibility: collapse;
    }

    td.col_3, th.col_3 {
        display: none;
        width: 0;
        height: 0;
        opacity: 0;
        visibility: collapse;
    }

    td.col_4, th.col_4 {
        display: none;
        width: 0;
        height: 0;
        opacity: 0;
        visibility: collapse;
    }

    .note_icon_ff {
        font-size: 14rem;
        display: flex;
        margin-top: -10px;
        color: #E7E6E6;
    }

    .home_to_pumastart {
        display: inline-block;
    }
}

#dropdownMenuLink, #dropdownMenuLink:active, #dropdownMenuLink:hover {
    color: white;
}
.fixed_header {
    width: auto;
    table-layout: fixed;
    border-collapse: collapse;
}

    .fixed_header tbody {
        display: block;
        width: auto;
        overflow: auto;
        height: 400px;
    }

    .fixed_header thead tr {
        display: block;
    }

    .fixed_header th,
    .fixed_header td {
        padding: 4px;
        text-align: left;
        width: 200px;
    }