/* Pre-setting */
:root {
    /* Font */
    --text-large: 26px;
    --text-medium: 14px;
    --text-small: 12px;
    /* Colors */
    --primary: #036666;
    --secondary: #2C3D3C;
    --call-to-action-success: #35BE8E;
    --complementary-success: #51F1A5;
    --complementary-warning: #FFEF9F;
    --complementary-danger: #BC4B51;
    --background: #ededed;
    --white: #FFFFFF;
    --black: #000000;
    --light-grey: #8F99A3;
    --text: #363636;

}
html, body {
    background: var(--background)/*#ECF0F3*/;
}
.clickable {
    cursor: pointer;
}
/* CARD */
div.card {
    margin-bottom: 24px;
}

.modal-is-hidden{
    visibility: hidden;
}
.is-hidden{
    visibility: hidden;
}
.ares-help-modal{
    background-color:rgba(255, 255, 255,100%);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 8px;
    height:100%;
    width: 375px;
    border-radius: 0.5rem 0rem 0rem 0.5rem;
    position:fixed;
    padding: 25px 50px;
    top: 0px;
    right: 0px;
    z-index: 1040;
}

@media (max-width: 600px) {
    .ares-help-modal{
        width: 100%;
    }
  }

.ares-help-modal-container{
    width:100%;
    height:100%; 
}

.ares-help-header{
    height:5vh; 
    display: flex; 
    flex-direction: row; 
    justify-content: space-between; 
    align-items: center;
}

.ares-help-modal-body{
    padding-top: 2vh;
    height:calc(100% - 5vh);
    overflow-y: auto
}


.ares-help-modal-subtitle{
    font-weight: 700;
    font-size:medium;
}

.ares-help-modal-details{
    font-size:medium;
}

.ares-borders{

    border-style: dashed; 
    border-color: orange;  
    border-width: 2px;
}

#notification_div {
    border-radius: 8px;
}