/*********** Table of Contents ***********
    1.0: Widget
    2.0:
*****************************************/

#widget-modal {
    margin: 0;
    padding: 0;
}

#widget-modal .col.wide-col:hover .check-background,
#widget-modal .col.wide-col:hover .material-icons,
#widget-modal .widget-icons:hover .check-background,
#widget-modal .widget-icons:hover .material-icons,
#widget-modal .Debriefs-section button:hover .check-background,
#widget-modal .Debriefs-section button:hover .material-icons {
    display: block 
}

@media (min-width: 701px) {
    #widget-modal .deactivate:hover {
        opacity: 1;
    }
}

    #widget-modal p {
        margin: 0;
    }

    #widget-modal .description p {
        font-size: var(--font-size-body);
    }

    #widget-modal .modal-dialog {
        background: none;
        max-width: 700px;
        height: auto;
        margin: 4.75rem auto;
        border: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none !important;
        transition: 0.5s ease;
    }

    @media (max-width:600px) {
        #widget-modal .modal-dialog {
            width: 100%;
        }

        #widget-modal .col.wide-col:hover .check-background,
        #widget-modal .col.wide-col:hover .material-icons,
        #widget-modal .widget-icons:hover .check-background,
        #widget-modal .widget-icons:hover .material-icons,
        #widget-modal .Debriefs-section button:hover .check-background,
        #widget-modal .Debriefs-section button:hover .material-icons {
            display: none;
        }
    }

    #widget-modal .modal-container {
        height: 100%;
        background: none;
    }

    .containing-area {
        background: linear-gradient(135deg, white, #ffffffc2);
        box-shadow: black 0px 0px 10px;
        z-index: 1;
    }

    #widget-modal .tool {
        cursor: pointer;
    }

    #widget-modal .deactivate {
        height: 50px;
        transition: ease 0.5s;
        opacity: 0.3;
    }


    #widget-modal .tools .deactivate {
        opacity: 1 !important;
    }

    #widget-modal .hide-deactivate {
        background-color: transparent;
        box-shadow: none;
        opacity: 1;
    }

    #widget-modal .active {
        box-shadow: 0px 6px 10px black;
        color: black;
        font-weight: 700;
    }

    #widget-modal .col.wide-col .check-background,
    #widget-modal .col.wide-col .material-icons,
    #widget-modal .widget-icons .check-background,
    #widget-modal .widget-icons .material-icons,
    #widget-modal .Debriefs-section button .check-background,
    #widget-modal .Debriefs-section button .material-icons {
        display: none;
    }

    #widget-modal .deactivate .material-icons,
    #widget-modal .deactivate .check-background {
        display: block !important;
    }

    #widget-modal .col-container .check-background,
    #widget-modal .widget-icons .check-background,
    #widget-modal .Debriefs-section button .check-background {
        position: absolute;
        right: -45px;
        top: -55px;
        height: 75px;
        width: 75px;
        background: #c02929;
        border-radius: 50%;
    }

    #widget-modal .col-container .material-icons,
    #widget-modal .widget-icons .material-icons,
    #widget-modal .Debriefs-section button .material-icons {
        position: absolute;
        right: 0;
        top: 0;
        color: white;
    }

    .col {
        width: 100px !important;
        padding: 1px 1px 0px 1px;
    }

    .widget-icons {
        cursor: pointer;
    }

    #widget-modal .col.wide-col {
        height: 40px !important;
        cursor: pointer;
    }

    .Tools-section, .Header-section, .Committees-section, .Domiciles-section, .Debriefs-section, .Department-section, .footer-section {
        /*min-height: 400px;*/
        height: auto;
        width: 100%;
        padding: 3% 5% 0% 5%;
    }

    .full-content {
        width: 100%;
    }

        .full-content.backgroundcolor {
            background: #0000000a;
            border: 1px solid #0000000a;
        }

    .tiles {
        height: auto !important;
    }


    .col-container {
        position: relative;
        float: left;
        width: 100%;
        height: 50px;
        background: white;
        overflow: hidden;
        border: 1px solid #ffffff0a;
        transition: 0.5s ease;
    }

    .tiles .col-container {
        background: #ffffff;
        border: 1px solid #0000000d;
    }

    .widget-icons p {
        font-size: var(--font-size-small-body);
    }
    /*.widget-icons:hover p {
    display: block;
}*/

    .widget-icons img {
        height: 25px;
    }

    /*****************************************************/
    /***************** Header section ******************/
    /*****************************************************/
    .Header-section .col {
        height: auto !important;
    }

    /*****************************************************/
    /***************** Tools section ******************/
    /*****************************************************/

    .Tools-section .tiles .col {
        height: 50px !important;
    }

    /*****************************************************/
    /***************** Debriefs section ******************/
    /*****************************************************/
    .Debriefs-section button {
        width: 30%;
        height: 30px;
        background: #c02929;
        color: white;
        border: none;
        padding: 0px 20px;
        position: relative;
        overflow: hidden;
        transition: 0.5s ease;
    }

    .Debriefs-section .full-content.backgroundcolor {
        background: #0000000a;
        border: 1px solid #0000000a;
    }

    .Debriefs-section button:hover {
        background-color: #353535;
        border: 1px solid red;
    }

    /********************************************************/
    /***************** Departments section ******************/
    /********************************************************/