body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    height: 100%;
    margin: 0;
    padding: 0 !important;
    overflow:auto !important;
    background-color: lightgray
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

.container-main {
    padding: 35px 15px 15px 15px;
}

.modal-backdrop {
    background: #70707070;
}

.trash-btn {
    background: transparent;
    border: none !important;
}

.container-fluid, .row {
    height: 100%;
}

.board-container {
    margin-top: 30px;
    padding: 2%;
}

.top-menu {
    border: 1px solid grey;
    background-color: white;
    padding: 3px;
    width:auto
}

.board {
    max-width: 900px;
    min-width: 400px;
    min-height: 345px;
    border: 1px solid grey;
    background-color: white;
    padding: 3px;
    margin: auto;
    margin-top: 13%;
}

.asd-img-login {
    max-height: 200px;
    max-width: 300px;
    margin-top: 90px;
    margin-block-end: 90px;
}

.retreat-125 {
    margin: 125px;
}

.previous {
    background-color: #f1f1f1;
    color: black;
    text-decoration: none;
    display: inline-block;
    padding: 12px 20px;
}

    .previous:hover {
    text-decoration: none;
    background-color: #ddd;
    color: black;
    }

.round {
    border-radius: 50%;
}

.retreat-left-50{
    margin-left:50px;
}

.btn-outline {
    background-color:  #242539;
    color: white;
    min-width: 30px;
}
    .btn-outline:hover {
        color: #ed2985;
    }


.asdLogo {
    text-decoration: none;
    display: inline-block;
    
    letter-spacing: 1px;
    
    font-size: 24px;
    transition: .3s ease-in-out;

    color: #ed2985;
    letter-spacing: 1px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}
    .asdLogo:hover {
        text-decoration: none;
        color: #ed2985;
    }

.asdLogo-form {
    text-decoration: none;
    display: inline-block;
    letter-spacing: 1px;
    font-size: 24px;
    transition: .3s ease-in-out;
    color: #242539;
    letter-spacing: 1px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

    .asdLogo-form:hover {
        text-decoration: none;
        color: #242539;
    }

.questionLink {
    text-decoration: none;
    display: inline-block;
    letter-spacing: 1px;
    font-size: 24px;
    transition:  ease-in-out;
    color: black;
    letter-spacing: 1px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

    .questionLink:hover {
        text-decoration: none;
        color: #ed2985;
        cursor: pointer;
    }
.img-right {
    float: right; 
    
}

a.img-pointer{
    cursor: pointer
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.add{
    padding: 2px
}

.remove {
    padding: 2px
}


.border-red {
    border: solid #ed2985;
    border-width: 2px;
}

p.poem {
    white-space: pre-wrap;
    white-space: pre-line;
}

.conteiner-text {
    right: 30%;
    left: 30%;
}

.btn-question {
    margin: 10px 25% 10px 25%;
    left: 30%;
    right: 30%;
    min-width: 300px
}

.container-question {
    margin: 10px 25% 10px 25%;
    padding: 10px 10px 10px 10px;
    background-color: white;
    border-radius: 10px;
    left: 30%;
    right: 30%;
    min-width: 300px
}


.container-main-question {
    margin: 10px 25% 10px 25%;
    padding: 10px 10px 10px 10px;
    border-top: 5px solid #000000;
    background-color: white;
    border-radius: 10px;
    left: 30%;
    right: 30%;
    min-width: 300px
}

.indent {
    margin: 10px 25% 10px 25%;
    padding: 10px;
    left: 30%;
    right: 30%;
    min-width: 350px
}

.container-main-question-phone {
    margin: 10px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
    border-top: 5px solid #000000;
    background-color: white;
    border-radius: 10px;
    min-width: 300px;
    right: 2%;
    left: 2%;
}

.btn-question-phone {
    margin: 10px 0px 10px 0px;
    min-width: 300px
}

.container-question-phone {
    margin: 10px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
    background-color: white;
    border-radius: 10px;
    min-width: 300px;
}



.container-email {
    margin: 10px 20% 0px 20%;
    padding: 10px;
    border-radius: 10px;
    right: 10%;
    left: 50%;
}

.nav {
    font-size: 14px;
    text-transform: uppercase;
}

.nav_form_link {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    position: relative;
    color: black;
    text-decoration: none;
    transition: color .1s linear;
}

    .nav_form_link:after {
        content: "";
        display: block;
        width: 100%;
        height: 3px;
        background-color: #ed2985;
        opacity: 0;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1;
        transition: opacity .1s linear;
    }

    .nav_form_link:hover {
        text-decoration: none;
        color: #ed2985;
        transition: opacity .1s linear;
    }

        .nav_form_link:hover:after,
        .nav_form_link.active:after {
            opacity: 1;
        }

    .nav_form_link.active {        
        transition: opacity .1s linear;
    }

.table td.trash-btn {
    border-top: none;
}

.folderbackground {
}
    .folderbackground:hover {
        background-color: darkgrey;
        border-radius: 5px;
        
    }

.marg-20pr {
    margin-right: 20%;
}
.TopEmailBoard {
    border: 1px solid grey;
    background-color: #242539;
    padding: 5px;
}

.EmailMainSpais {    
    padding: 10% 20% 10% 20%;
    background-color: white;
}

.EmailMainContent {
    padding:5%;
    background-color: white;
}

.green {
    background: rgba(0, 255, 0, 0.4);
}
.white {
    background: rgba(255, 255, 255, 0.4);
}
.yellow {
    background: rgba(255, 215, 0, 0.4);
}
.red {
    background: rgba(240, 128, 128, 0.4)
}
.grey {
    background: rgba(188, 190, 192, 0.4);
}

.search {
    margin: 0px;
}

    .search .col {
        margin: 0px;
        padding: 2.5px;
    }



    .search p {
        white-space: nowrap;
        overflow: hidden; 
        text-overflow: ellipsis;
        margin:0px;
    }