/*
    Houdini general style
*/

/*Body*/

html,
body {
    height: 100%;
}

body {
    margin: 0%;
    min-height: 100%;
}

.body-style {
    width: 100%;
    height: 100%;
    background-color: #BCBCBC;
}

/* ********************************************** */

/* Row */

.row-style {
    margin: 0px;
    width: 100%;
}

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

/* ********************************************** */

/*Title*/

.set-title-navbar {
    padding-left: 3px;
    font-weight: bold;
    /* display: block; */
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
}

/* ********************************************** */

/* Card */

.card-home {
    /* width: 380px; */
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 17px;
    align-items: center;
    padding: 20px !important;
    /* background-color: #b7d7d1 !important; */
}

.card-home-rules {
    /* width: 750px; */
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 17px;
    align-items: center;
    padding: 20px !important;
    /* background-color: #b7d7d1 !important; */
}


/* ********************************************** */
/* ********************************************** */





/*
    Home page style
*/

/* Title */

.set-title-home-facts {
    padding-left: 25px;
    padding-top: 10px;
}

.set-title-home-rules {
    padding-left: 25px;
    padding-top: 10px;
}

/* ********************************************** */

/* Error */

.error-home-card {
    margin-bottom: 6px;
    color: #000000;
}

.general-error-label {
    margin-left: 520px;
    margin-bottom: 0px;
}

/* ********************************************** */

/* Buttom */

.calculate-button {
    background-color: #015d52;
    /* margin-left: 306px; */
    margin-top: 30px;
    margin-bottom: 30px;
    width: 110px;
    margin-left: 26px;
}

.calculate-button.disabled {
    cursor: not-allowed;
    pointer-events: all !important;
    --bs-btn-focus-shadow-rgb: none;
}

.spinner-home-style {
    margin-left: 20px;
    margin-top: 72px;
}

#form-uplads {
    width: fill-avaible;
}

.form-home-upload {
    width: 50%;
    margin-left: 80px;
    margin-top: 70px;
    margin-left: 15px;
}

.form-api-upload {
    width: 80%;
    margin-left: 80px;
    margin-top: 70px;
    margin-left: 15px;
}

.upload-button {
    margin-left: 80px;
    margin-top: 50px;
    margin-bottom: 19px;
    background-color: #015d52;
    margin-left: 15px;
}

.upload-button-api {
    margin-left: 80px;
    margin-top: 50px;
    margin-bottom: 19px;
    background-color: #dc3545;
    margin-left: 15px;
}

.success-button-api {
    pointer-events: none;
    margin-left: 80px;
    margin-top: 50px;
    margin-bottom: 19px;
    background-color: #198754;
    margin-left: 15px;
}

/* ********************************************** */

/* List */

.variable-list-home {
    height: 300px;
    width: -webkit-fill-available;
    overflow: auto;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.variable-list-home-rule {
    height: 300px;
    width: -webkit-fill-available;
    overflow: auto;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
}

/* ********************************************** */

/* Input */

.input-home-form {
    border-top-right-radius: 0rem !important;
    border-bottom-right-radius: 0rem !important;
}

.row-style-input {
    padding: 20px;
}

.delete-buttom-style {
    border-bottom-left-radius: 0%;
    border-top-left-radius: 0%;
    /*background-color: #e9ecef;*/
    background-color: #ffffff;
    border: 1px solid #d15828;
    color: #d15828;
}

/* ********************************************** */

/* Column */

.col-facts-suprel {
    padding: 0px !important;
    min-width: 300px;
}

.col-rules {
    padding: 0px !important;
    min-width: 300px;
}

/* ********************************************** */
/* ********************************************** */





/*
    Sets page style
*/

/* Title */

.set-title-derivation {
    padding-left: 40px;
    padding-top: 10px;
    padding-right: 0px;
}

.set-title-summary-facts {
    padding-left: 25px;
    padding-top: 10px;
}

/* ********************************************** */

/* Column */

.col-facts-suprel-sets {
    padding: 0px !important;
    min-width: 300px;
}

.col-rules-sets {
    padding: 0px !important;
    min-width: 300px;
}

/* ********************************************** */

/* Card */

.card-extension {
    width: 380px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 17px;
    align-items: center;
    /* background-color: #E4E4E4 !important; */
}

/* ********************************************** */

/* Scroll list */

.scroll-view-list-theory-extension {
    height: 240px;
    width: -webkit-fill-available;
    overflow-y: scroll;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 20px;

}

.scroll-view-list-summary {
    height: 240px;
    width: -webkit-fill-available;
    overflow-y: scroll;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 20px;

}

.scroll-view-list-summary-rules {
    height: 240px;
    width: -webkit-fill-available;
    overflow-y: scroll;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
}

/* ********************************************** */

/* Scroll down */

#summaryBtn {
    /* display: none; Hidden by default */
    position: fixed;
    /* Fixed/sticky position */
    bottom: 20px;
    /* Place the button at the bottom of the page */
    right: 30px;
    /* Place the button 30px from the right */
    z-index: 99;
    /* Make sure it does not overlap */
    border: none;
    /* Remove borders */
    outline: none;
    /* Remove outline */
    background-color: #474e5d;
    /* Set a background color */
    color: white;
    /* Text color */
    cursor: pointer;
    /* Add a mouse pointer on hover */
    padding: 15px;
    /* Some padding */
    border-radius: 10px;
    /* Rounded corners */
    font-size: 18px;
    /* Increase font size */
}

#summaryBtn:hover {
    background-color: #555;
    /* Add a dark-grey background on hover */
}

/* ********************************************** */
/* ********************************************** */





/*
    Help page style
*/

/*Body*/

.body-style-help {
    width: 100%;
    height: 100%;
    background-color: #84bab0;
}

/* ********************************************** */
/* ********************************************** */





/*
    Backgrounds color
*/

.bg-1 {
    background-color: #84bab0;
    /* Green */
    color: #ffffff;
}

.bg-2 {
    background-color: #474e5d;
    /* Dark Blue */
    color: #ffffff;
}

.bg-3 {
    background-color: #ffffff;
    /* White */
    color: #555555;
}

.bg-4 {
    background-color: #ffffff;
    color: #474e5d;
}

.bg-5 {
    background-color: #BCBCBC;
}

.bg-6 {
    background-color: #5ba396;
    /* Green */
    color: #ffffff;
}

.bg-7 {
    background-color: #9E9E9E;
    /* Green */
    color: #ffffff;
}

.bg-8 {
    background-color: #84bab0;
    /* Green */
    color: #555555;
}


/* ********************************************** */
/* ********************************************** */





/* 
    Margin bottom 
*/
.mb-5 {
    margin-bottom: 1rem !important;
}

.mb-3 {
    margin-bottom: 0rem !important;
}

/* ********************************************** */
/* ********************************************** */

#logo-houdini {
    padding-bottom: 17px;
    padding-left: 12px;
    width: 60px;
    height: 60px;
}



/*Deprecate*/

/* .set-title-theory-summary {
    padding-left: 80px;
    padding-top: 15px;
    padding-right: 0px;
} */
/* .column-style-home {
    padding: 0px;
} */
/* .card-summary{
    width: 380px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 17px;
    align-items: center;
    background-color: #E4E4E4 !important;
} */
/* .card-summary-rules{
    width: 900px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 17px;
    align-items: center;
    background-color: #E4E4E4 !important;
} */
/* .mycard .anyClass{
    padding-left: 10px; 
    padding-bottom: 10px;
} */

/* ********************************************** */
/* ********************************************** */