@media screen and (max-width:500px) {

    body{
        padding-top: 80px !important;
    }

	body.item-open{
		overflow: hidden;
	}

    .searchbar{
    	/*display: none !important;*/
    }

    .add{
    	/*padding: 5px 15px 6px !important;*/
    }

    .loader{
		top: -40px !important;
	    width: 100%;
	    left: 0;
    }

    .loading-green .loadbar{
    	background: #76ff2f !important;
    }

    .loader .loadbar {
    	background: coral;
    }

	.loader-saving .loader{
	    top: -40px !important;
	}

	.navigation{
		top: -26px !important;
		max-width: 60px !important;
		font-size: 0.8em !important;
		text-overflow: unset !important;
        overflow: auto;
	}

	.item{
		z-index: 1001;
		height: calc(100% - 100px);
        padding-top: 0;
	}

	.item .overflow{
		height: 80%;
	}

	.item .label{
        font-size: 2em;
        margin-top: 12px;
        width: 80%;
        vertical-align: middle;
	}

	.item .description{
		font-size: 1em;
	}

	.date-holder{
		margin: 10px auto 25px auto !important;
		display: block !important;
		text-align: left;
	}

	.date-holder .date{
		width: 70%;
	}

	.item .sub-holder{
		text-align: center;
	}

	.loader{
		z-index: 11000;
		right: 20px;
	}

	p, .navbar{
		user-select: none;
	}

    .show-sub-holder .sub-holder, .show-sub-holder .sub-holder-toggler .hide{
        display: block;
        overflow: auto;
    }

    .show-sub-holder .sub-holder-toggler .ball, .sub-holder-toggler .hide{
        display: none;
    }

    .sub-holder{
        display: none;
    }

    .sub-holder-toggler{
        display: block;
    }

	p.sub-menu-items {
	    text-align: center;
	    margin-top: 35px;
	    margin-bottom: -10px;
	}

}