.cont_model_1 {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    min-height: 60lvh;
    height: fit-content;
    max-height: 300lvh;
    padding: 6% 0%;
    justify-content: center;
    text-align: center;
    align-content: center;
    color: rgb(0, 0, 0) !important;
}

.main_title {
    display: grid;
    /* margin-bottom: 20%; */
    align-self: self-end;
    height: 20lvh;
    align-content: end;
}

.print_model_1,
.print_model_2 {
    display: grid;
    justify-content: center;
    text-align: center;
    justify-items: center;
}

.cont_model_1 .row_field {
    display: grid;
    width: 100%;
}

.cont_model_1>section {
    display: grid;
    align-content: center;
    padding: 5% 2%;
}

.cont_model_1>div {
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.model_form {
    width: 100%;
}

.errorlist {
    background-color: #d00;
    color: #fff;
}

.errorlist li {
    font-weight: 600;
}

.model_form_2 {}

#id_car_model.input_model {
    display: grid;
    grid-template-columns: repeat(4, auto);
    align-items: center;
    text-align: center;
    align-self: center;
}

#id_owned_decors {
    overflow-y: scroll;
    border: #500 solid 0.3em;
    height: 50lvh;
}

#id_owned_decors>div {
    border: #500 solid 0.1em;
    margin-bottom: 2%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.input_list_view {
    height: 30lvh;
    overflow-y: scroll;
}

#id_heired_cars {
    height: 30lvh;
    overflow-y: scroll;
}

#id_car_model>div {
    border: #500 solid 0.1em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

#id_owned_decors.input_model {
    display: grid;
    grid-template-columns: repeat(4, auto);
    align-items: center;
    text-align: center;
    align-self: center;
}

#id_owned_parts>div,
#id_heired_cars>div {
    width: 80%;
    margin-top: 3%;
    border: #500 solid 0.1em;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.img_model_1 {
    width: 50%;
    border-radius: 50%;
    display: grid;
    justify-self: center;
    align-self: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.cont_model_2 {
    padding: 0%;
    display: grid;
    place-content: center;
    height: fit-content;
    place-items: center;
    width: 100%;
}

.cont_model_2 a {
    color: white;
}

.model_form p {
    color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0.322);
    padding: 1%;
    margin: 1px;
    border-radius: 30px;
}

.model_form ul {
    list-style: none;
    margin: 0%;
    padding: 0%;
}

ul,
ol {
    list-style-type: none;
}

.table {
    text-align: center;
    border: 3px solid black;
}

.table th,
td {
    text-align: center;
}

.print_model_1 {
    display: grid;
    margin: 1% 3% 1% 3%;
}

.model_form input[type="file"] {
    display: none;
}

.row_field>label[for="id_user_photo"],
.row_field>label[for="id_media_model"],
.row_field>label[for="id_media_poster"] {
    background-color: red;
    color: #ffffff;
    padding: 3% 0%;
    border-radius: 3px solid #000;
    -webkit-border-radius: 3px solid #000;
    -moz-border-radius: 3px solid #000;
    -ms-border-radius: 3px solid #000;
    -o-border-radius: 3px solid #000;
}

.row_field {
    margin: 3% 0%;
}

.row_field_1 {
    display: grid;
    text-align: center;
    padding: 2% 5%;
    width: 100%;
}

.row_field_1>input {
    text-align: center;
}

.row_field .row_field_2 {
    display: grid;
    text-align: center;
}

.row_field input,
option,
select {
    font-size: large;
    text-align: center;
}


/*
FOR THE USER PROFILE.... AND ALL WHO USE THIS APP

*/

.dashboard_model {
    display: flex;
    flex-direction: row;
    background: red;
    place-content: center;
    text-align: center;
}

.sec1 {
    display: grid;
    width: 30%;
    color: white;
    text-align: center;
    justify-content: center;
    background: red;
    padding: 0% 3%;
}

.sec1>img {
    display: grid;
    justify-self: center;
}

.sec2 {
    display: block;
    width: 100%;
    height: auto;
    max-height: max-content;
}

.sec2>div {
    display: block;
    background-color: #ffffff;
    border-radius: 30px;
    height: 100%;
    width: 100%;
    align-content: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.sec1 li {
    list-style: none;
    padding: 1%;
    display: block;
    justify-content: center;
    line-height: 2.0em;
    transition: 300ms;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
}

.sec1 li:hover {
    padding: 2%;
    background-color: white;
    color: #d00;
    display: block;
    justify-content: center;
    line-height: 2.0em;
    transition: 300ms;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
}

.sec2>div {
    display: none;
}

.user_section {
    display: flex;
    justify-content: center;
    width: 100%;
}

.output_model_1 {
    display: grid;
    justify-content: center;
    text-align: center;
    grid-template-columns: repeat(4, 20%);
    height: fit-content;
    width: 100%;
}

.single_obj {
    display: grid;
    text-align: center;
    border: 5px solid #d00;
    padding: 0%;
    justify-items: center;
}

.single_media_model {
    display: grid;
    width: 100%;
    place-items: center;
    text-align: center;
    border: 3px solid #500;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.single_media_model>img {
    display: grid;
    justify-self: center;
    text-align: center;
}

.single_obj>img {
    width: 50%;
}

.single_obj .single_obj_1 {
    display: grid;
    text-align: start !important;
    justify-content: 2%;
}

.img_obj_display {
    width: 120px;
    height: 120px;
    display: grid;
    place-content: center;
    text-align: center;
}

@media (min-width:1440px) {}

@media (min-width:1025px) and (max-width:1439px) {
    .cont_model_1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-content: center;
        text-align: center;
        color: white;
    }
    .user_section {
        display: grid;
        justify-content: center;
        width: 100%;
    }
}

@media (min-width:901px) and (max-width:1024px) {
    .user_section {
        display: grid;
        justify-content: center;
        width: 100%;
    }
    .output_model_1 {
        grid-template-columns: repeat(2, 40%) !important;
    }
}

@media (min-width:601px) and (max-width:900px) {
    .cont_model_1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-content: center;
        text-align: center;
        color: white;
    }
    .user_section {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .dashboard_model {
        grid-template-columns: repeat(1, 100%) !important;
    }
    .sec1 {
        place-items: center;
    }
    .general_section {
        display: flex !important;
    }
    .output_model_1 {
        grid-template-columns: repeat(2, 40%) !important;
    }
}

@media (max-width:600px) {
    .cont_model_1 {
        width: 100%;
        display: flex;
        height: 150lvh;
        flex-direction: column;
        align-content: center;
        text-align: center;
        color: white;
    }
    .user_section {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .dashboard_model {
        display: grid !important;
        align-content: center;
        grid-template-columns: repeat(1, 100%) !important;
    }
    .sec1 {
        display: grid;
        width: 100%;
        place-items: center;
    }
    .sec1 li {
        font-size: x-small !important;
    }
    .sec1 li :hover {
        font-size: x-small !important;
    }
    .general_section {
        display: flex !important;
    }
    .output_model_1 {
        grid-template-columns: repeat(1, 40%) !important;
    }
}