/**
 *
 * You can write your CSS code here, DO NOT touch the default JavaScript file
 * because it will make it harder for you to update.
 * 
 */


/*# sourceMappingURL=custom.css.map */

body.login-page {
    background: #1f2c35 url(../img/login_bg.jpg) center center no-repeat;
    /* background: #141e25; */
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
}


.box.shadow {
    -webkit-box-shadow: 0 18px 80px -25px rgba(0, 0, 0, 0.4);
    box-shadow: 0 18px 80px -25px rgba(0, 0, 0, 0.4);
}

.main_logo {
    display: block;
    margin: 30px auto;
    /*-webkit-box-shadow: 0 40px 80px -30px rgba(0,0,0,0.4);
	box-shadow: 0 40px 80px -30px rgba(0,0,0,0.4);*/
    border-radius: 4px;
    padding: 5px;
    /*background-color: #fff;*/
    max-width: 100%;
}

.user-panel img {
    height: 32px !important;
    width: 32px !important;
}

.admin_title {
    font-weight: 900;
    letter-spacing: 2px;
    margin: 35px auto;
    position: relative;
    max-width: 400px;
}

.admin_title:after {
    display: block;
    width: 16%;
    content: "";
    height: 2px;
    background-color: rgb(56, 181, 230);
    position: absolute;
    bottom: -18px;
    border-radius: 4px;
    left: 42%;
}

.upload_files {
    background: #fff;
}

.upload_files label {
    height: 120px;
    margin-bottom: 30px;
    cursor: pointer;
    text-align: center;
    background-color: #fff;
    position: relative;
}

.upload_files label.noimg:after {
    /*display: block;
		content: "\f093";
		font-family: "FontAwesome";
		display: inline-block;
		font-size: 32px;
		color: #aaa;
		padding-top: 20px;*/
    content: "\f093";
    font-family: "FontAwesome";
    display: inline-block;
    font-size: 32px;
    color: #aaa;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -15px;
    padding-top: 20px;
}

label.noimg .delete_img_btn {
    display: none;
}

.upload_files label.nopdf:after {
    display: block;
    content: "\f093";
    font-family: "FontAwesome";
    display: inline-block;
    font-size: 32px;
    color: #aaa;
    padding-top: 20px;
}

label.nopdf .delete_img_btn {
    display: none;
}

.image_tools {
    height: 32px;
    bottom: -15px;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    text-align: center;
}

.img_action {
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    padding-top: 1px;
    border: 4px solid rgba(255, 255, 255, 0.4);
    display: inline-block;
    margin: 0 3px;
    cursor: pointer;
}

.delete_img_btn {
    background-color: #db5757;
}

.check_img_btn {
    background-color: #aaa;
}

.check_img_btn.check_img_btn__checked {
    background-color: #b4d455;
    color: #4e7700;
}

.check_img_btn.check_img_btn__checked:hover {
    background-color: #83af00;
}

.reupload_img_btn {
    background-color: #38b5e6;
}

.move_img_btn {
    background-color: #555;
}

.move_img_btn:hover {
    background-color: #000;
    cursor: move;
    color: #888;
}

.upload_files label:hover:after {
    opacity: 0.5;
}

.upload_files label img {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    width: auto;
    max-width: 96%;
    max-height: 100%;
    -webkit-box-shadow: 0 13px 35px -10px rgba(0, 0, 0, 0.8);
    box-shadow: 0 13px 35px -10px rgba(0, 0, 0, 0.8);
    border-radius: 4px;
}

.upload_files label:before {
    content: "";
    margin-left: -3px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.upload_files label input {
    display: none;
}

.upload_files label input.img_nome {
    display: block;
    position: absolute;
    left: 50%;
    max-width: 200px;
    margin: 20px auto 0 auto;
    margin-left: -100px;
}

.sortable-ghost {
    opacity: 0.5;
}

.sortable-chosen img {
    transform: scale(1.2, 1.2);
}

.daycircle {
    width: 270px;
    height: 270px;
    display: block;
    position: relative;
    z-index: 3;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -180px;
}

.daycircle .day {
    position: absolute;
    font-size: 53px;
    left: -39px;
    top: 92px;
    display: block;
    width: 80px;
    height: 80px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 50%;
}

.daycircle .moon {
    color: #ecf0f5;
    background-color: #9272bc;
    -webkit-box-shadow: 0 0 90px 10px #9272bc;
    box-shadow: 0 0 90px 10px #9272bc;
}

.daycircle .moon:after {
    display: inline-block;
    text-align: center;
    content: "\f186";
    font-family: "Font Awesome 5 Free";
}

.daycircle .sun {
    color: #ecf0f5;
    background-color: #fbdd34;
    -webkit-box-shadow: 0 0 90px 10px #f5e47d;
    box-shadow: 0 0 90px 10px #f5e47d;
}

.mattino,
.tardo_pomeriggio {
    margin-bottom: 12px;
    background-color: #e66e34;
    -webkit-box-shadow: 0 0 90px 10px #e8956e;
    box-shadow: 0 0 90px 10px #e8956e;
}

.day.mattino {
    left: -120px;
    margin-top: 20px;
}

.day.tardo_pomeriggio {
    right: -120px;
    margin-top: 20px;
}

#date {
    font-weight: 900;
    font-size: 14px;
    color: #000;
    background-color: #fff;
    border-radius: 30px;
    position: relative;
    margin-left: auto;
    z-index: 3;
    margin-right: auto;
    display: inline-block;
    width: auto;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 16px;
    letter-spacing: 2px;
    top: -15px;
    -webkit-box-shadow: 0 10px 36px -12px rgba(0, 0, 0, 0.8);
    box-shadow: 0 10px 36px -12px rgba(0, 0, 0, 0.8);
}

#login_time {
    font-size: 50px;
    font-weight: 300;
    display: block;
    position: relative;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    text-align: center;
    background-color: #38b5e6;
    border-radius: 70px;
    padding: 20px 30px;
    color: #fff;
}

@media (max-width: 480px) {
    #login_time {
        font-size: 38px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

#login_time:before {
    position: absolute;
    width: 32px;
    height: 32px;
    font-size: 23px;
    display: block;
    font-family: "Font Awesome 5 Free";
    content: "\f017";
    text-align: center;
    color: #38b5e6;
    background-color: #fff;
    border-radius: 50%;
    left: 50%;
    margin-left: -16px;
    top: -16px;
}

#login_time b {
    color: #fff;
    font-weight: 300;
    font-size: 75%;
    opacity: 0.5;
    display: inline-block;
    vertical-align: top;
    padding-top: 4px;
    margin-left: 5px;
    margin-right: 5px;
}

.fs-5{
    font-size: small;
}