.docs-folder-wrapper::-webkit-scrollbar-track {
	background: #ccc;
	border-radius: 15px;
}
.docs-folder-wrapper::-webkit-scrollbar-thumb {
	background: #666;
	border-radius: 15px;
}
.docs-folder-wrapper::-webkit-scrollbar-thumb:hover {
	background: #222;
}

* {
	font-family: 'Montserrat', sans-serif !important;
}
html {
	/*font-size: 15px;*/
	color: #333;
}
html, body {
	background-color: #f5f5f5;
}
em {
	color: inherit;
}
canvas{
	width:100% !important;
	height: 350px !important;

}
strong {
	font-weight: 600;
}

body.fullscreen {
	position: fixed;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

.tm-loader {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100000;
}
.force-rotate {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100000;
}
.force-rotate .uk-overlay-primary {
	background-color: rgba(27,27,27,1.00);
}
.tm-delimiter {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding-bottom: 0px;
}
.tm-delimiter-large{
	max-width: 1600px;
}
.tm-text-demi {
	font-weight: 600;
}
.tm-delimiter-external {
	max-width: 900px;
	margin: 0 auto;
}
.tm-bg-white {
	background-color: #fff;
}
.tm-full-raw {
	width: 100%;
}
.tm-login-footer {
	padding: 10px;
}
.tm-bg-grass-top::before {
	position: absolute;
	content: '';
	top:-80px;
	left: 0;
	width: 100%;
	height: 100px;
	background-image: url("../img/grass.svg");
	background-repeat: repeat-x;
	background-position: center top;
}
.tm-bg-grass-top::after {
	position: absolute;
	content: '';
	bottom:-80px;
	left: 0;
	width: 100%;
	height: 100px;
	background-image: url("../img/grass.svg");
	background-repeat: repeat-x;
	background-position: center top;
	transform: rotate(180deg);
}
.tm-header {
	background: #fff;
}
.tm-header-top {
	padding: 5px;
}
.uk-text-xsmall {
	font-size: .8rem;
}
.tm-header-logo {
	border-bottom: solid 1px #F5F5F5;
	padding-bottom: 10px;
}
.tm-nav li {
	display: inline-block;
	margin: 0 !important;
}
.tm-nav li a {
	text-decoration: none;
	color: inherit;
	display: block;
	padding: 10px 30px;
}
.tm-nav li:hover a {
	background: #2d2d2d !important;
	color: #fff;
}
.dropped {
	background-color: #2d2d2d;
	border: none;
}
.dropped li {
	display: block !important;
	font-size: 12px;
	text-align: left;
}
.dropped li a {
	padding:0;
}
.dropped li a:hover {
	color: #CACACA;
}
.usr:hover {
	cursor: pointer;
}
.usr:hover svg {
	color: #99AF17 !important;
}
.tm-nav-divider {
	padding: 5px 0 !important;
	transform: translateY(5px);
	border-color: #666 !important;
}
.tm-card {
	border-radius: 15px;
}
.tm-completed-block {
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-bottom: -30px;
    padding: 5px 15px 35px 15px;
}
.tm-text-muted {
	color: #ccc;
}
.tm-background-primary {
	background: #e7e7e7;
}
#tabcanvas_off,
#tabcanvas_off * {
	color: #333;
}
#tabcanvas_off em {
	color: #ccc;
}
.tm-padding-mini-avatar {
	padding: 3px;
}
.tm-padding-mini-avatar-img {
	padding: 15px;
	background-image: var(--background);
	background-position: center center;
	background-size: cover;
}
.tm-icon-usr-overlay {
	float: left;
	margin-left: -20px;
	z-index: +1;
	background-color: #ddd !important;
    border: solid 1px #fff;
}
.tm-icon-usr-overlay-img {
	float: left;
}
.tm-icon-status {
	background: #EEEEEE;
	padding: 7px;
	border-radius: 500px;
	color: inherit;
}
.done {
	color: #fff;
	background-color: #99AF17 !important;
}
.warning {
	color: #fff;
	background-color: #F06E3E !important;
}
.danger {
	color: #fff;
	background-color: #FFC400 !important;
}
.danger-border {
	border: solid 1px #F06E3E !important;
}
.tm-button-icon-action {
	padding: 0 4px;
}
.tm-padding-breadcrumb {
	padding-top: 10px;
	padding-bottom: 0px;
}
.tm-label-secondary {
	background-color: #222 !important;
}
.tm-badge {
	position: absolute;
	top:-7px;
	left: -12px;
}
.tm-badge-pic {
	position: absolute;
	top: -3px;
	left: -7px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.4);
}
.tm-redact-link {
	color: #333;
	padding: 6px 12px;
	border-radius: 500px;
}
.tm-redact-link:hover {
	color: #333;
	text-decoration: none;
	background-color: #f5f5f5;
}
.tm-team-ball {
	background-color: #333;
	color: #fff;
	padding: 10px 13px;
	border-radius: 500px;
}
#etherpad-stage {
	height: calc(100vh - 205px);
}
.tm-hidden-upload,
.hidden-typo {
	display: none;
}
.tm-border-rounded {
	border-radius: 500px;
}
.tm-border-rounded {
	padding: 0px 40px;
}
.tm-badge-secondary {
	background-color: rgba(92,92,92,.7) !important;
}
.tm-button-top {
	padding: 0 3px !important;
	min-height: inherit;
	line-height: inherit;
}
.uk-dark .uk-dropdown-nav .uk-nav-header {
    color: #fff;
}
.tm-link-danger {
	color: #f0506e !important;
}
.tm-link-danger:hover {
	color: #FF9CAE !important;
}
.tm-link-danger:active {
	color: #ec2147 !important;
}
.btn-bg-white {
	background-color: #fff;
	border-radius: 20px;
	padding: 5px 10px;
}
.btn-bg-white:hover {
	text-decoration: none;
	box-shadow: 0px 0px 15px rgba(0,0,0,.2);
}
.tm-badge-danger{
	background-color: #f0506e !important;
}

.tm-block-hover {
	transition: all .2s ease-in-out;

	
}
.tm-block-hover:hover {
	transform: scale(1.01);
	box-shadow: 0 5px 15px rgb(0 0 0 / 12%);
	z-index: +1;
}
.tm-block-hover-plus:hover {
	/*transform: scale(1.01) rotate(-0.5deg);*/
}
.tm-baloon {
	border-radius: 10px;
}
.tm-baloon-default {
	background: #f5f5f5;
	margin-left: 10px;
}
.tm-baloon-default::after {
	content: '';
	position: absolute;
	z-index: +1;
	width: 20px;
	height: 18px;
	top: 0;
	left: -10px;
	clip-path: polygon(0 0, 100% 100%, 100% 0);
	background: #f5f5f5;
}
.tm-baloon-owner {
	background: #eaefca;
	margin-right: 10px;
}
.tm-baloon-owner::after {
	content: '';
	position: absolute;
	z-index: +1;
	width: 20px;
	height: 18px;
	top: 0;
	right: -10px;
	clip-path: polygon(0 0, 0% 100%, 100% 0);
	background: #eaefca;
}

.tm-writer {
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-weight: 700;
}

.tm-baloon-replies {
    width: fit-content;
    max-width: 55%;
}
.tm-baloon-replies-owner {
	margin: auto 0 auto auto;
}

.auto-resized {
	max-height: 150px;
	overflow: hidden;
}

.ft-objs {
	height: 275px;
	background-repeat: no-repeat
}
.obj-01 {
	background-image: url("../img/footer/obj-03.svg");
	background-position: center bottom;
}
.obj-02 {
	background-image: url("../img/footer/obj-06.svg");
	background-position: center bottom;
}
.obj-03 {
	background-image: url("../img/footer/obj-01.svg");
	background-position: 20px bottom;
}
.obj-04 {
	background-image: url("../img/footer/obj-02.svg");
	background-position: 20px bottom;
}
.obj-05 {
	background-image: url("../img/footer/obj-04.svg");
	background-position: 100% bottom;
}
.obj-06 {
	background-image: url("../img/footer/obj-05.svg");
	background-position: 90% 10px;
}
.grass-blk {
	background-image: url("../img/grass_dark.svg");
	background-repeat: repeat-x;
	background-position: center bottom;
}
.white {
	color: #fff;
}
.tm-dark {
	color: #676767;
}

.ani-card {
	transition: all .3s ease 0s;
}
.ani-open {
	transform-origin: center top;
	transform: perspective(35em) rotateX(3deg) scale(1.02) translateY(-3px);
	box-shadow: rgb(22 31 39 / 25%) 0px 60px 123px -25px, rgb(19 26 32 / 8%) 0px 35px 75px -35px !important;
	z-index: +1;
}

.docs-folder-wrapper {
	position: relative;
	padding-bottom: 30px;
	transition: all .3s ease 0s;
    scrollbar-color: #666 #ccc;
    scrollbar-width: thin;
}
.docs-folder-wrapper-ani {
	height: 200px;
	overflow-y: auto;
}
.docs-folder-wrapper-open {
	height: fit-content;
}
.ani-card::after {
	content: '';
	position: absolute;
	bottom: 15px;
	left: 0;
	width: calc(100% - 20px);
	height: 30px;
	z-index: +1;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );

}
.tm-card-raccoglitore::before {
    content: '';
    position: absolute;
    z-index: +1;
    width: 75%;
    height: 40%;
    left: -6px;
    top: -6px;
    
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
    
    /*-moz-box-shadow: -1px -1px 0px #c1c1c1;
    -webkit-box-shadow: -1px -1px 0px #c1c1c1;
    box-shadow: -1px -1px 0px #c1c1c1;*/
	
	border-top: #c1c1c1 solid 1px;
    border-left: #C1C1C1 solid 1px;

}
.tm-card-raccoglitore {
	border: solid 2px #99af16;
}
.tm-button-icon {
	padding: 3px 8px 5px;
}
.tm-background-light {
	background: #fff;
	padding: 3px;
}
.linguetta {
}
.linguetta img {
}
.linguetta::before {
}

optgroup:disabled {
  display: none;
}

ul.ui-autocomplete {
    z-index: 11000;
}

.tm-user-canvas-list > li {
    position: relative;
    border-bottom: solid 1px #f2f2f2;
    line-height: 30px;
}

.tm-user-canvas-list > li > a {
    position: relative;
    display: block;
}

.tm-user-canvas-list-icon {
    height: 20px !important;
    margin-top: 5px !important;
}

.tm-user-canvas-list > li > a:hover span.tm-user-canvas-list-icon{
    color: #99AF17;
}

.tm-header-nav.uk-active {
    border-top: solid 3px #99AF17;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0,0,0,.1);
}

.tm-list-blocks li {
    margin: 15px;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 15px;
}

.fld-status-bar {
    z-index: 1;
    background: #f6f6f6;
    border-radius: 100px;
    width: 100%;
    color: #99AF17;
}
.fld-status-bar::before {
    content: '';
    position: absolute;
    z-index: -1;
    background-color: rgba(153,175,23,.15);
    bottom: 0;
    left: 0;
    height: 100%;
    border-radius: 100px;
}

.tm-accordion-title {
    font-size: 1rem;
    line-height: 1;
}

.tm-input-overlay {
    background: #F6F6F6 !important;
    color: #999 !important;
    border-radius: 0px !important;
}

.tm-input-overlay:focus {
    box-shadow: none !important;
    background: #F3F3F3 !important;
}

.color-overlay {
    color: #515151 !important;
}

.lampeggia {
    animation-name: lampeggia;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

/*
 * Media Variations
 */

@media (min-width: 620px){
    .tm-header-nav.uk-active {
        display: flex;
        justify-content: center;
    }
    .tm-header-nav.uk-active li a p {
        display: none;
    }
}

@media (max-width: 959px) {
	.tm-login-wrapper {
		position: relative;
		transform: translate(-50%, -70%);
	}
	.tm-bg-grass-top::before,
	.tm-bg-grass-top::after {
		background-size: cover;
	}
}

@media (max-width: 620px) {
	.tm-nav li a {
    	padding: 10px !important;
	}
	.tm-baloon-replies {
		max-width: 100%;
	}
    .tm-logo-img {
        width: 140px;
    }
    .tm-user-short {
        position: relative;
    }
    .tm-user-short:before {
        position: absolute;
        z-index: +1;
        content: '';
        top: calc(50% - 1px);
        right: -13px;
        width: 10px;
        height: 50%;
        background: #99AF17;
        clip-path: polygon(0 0, 75% 0%, 100% 50%, 75% 100%, 0 100%, 25% 50%);
    }
}

@media (max-device-width : 768px) and (orientation : landscape) { 
	#force-rotate {
		display: inline;
	}
}

@keyframes lampeggia {
    0% {
        opacity: 0;
        color: #999;
    }
    50% {
        opacity: 1;
        color: #99AF17;
    }
    100% {
        opacity: 0;
        color: #999;
    }
}

body.fullscreen #etherpad-stage {
	width: 100vw;
	height: calc(100vh - 104px);
}
/*body.fullscreen .tm-header,
body.fullscreen .ft-objs {
	display: none;
}*/
body.fullscreen .sgn-wrapper {
    height: calc(100vh - 350px) !important;
    max-height: none !important;
}

.menu-fullscreen {
	display: none;
	/*padding: 10px 15px;*/
}

/*
 * UK- Framework Edti
 */

.uk-background-white {
	background: #fff;
}
.uk-input::-ms-input-placeholder {
	color: #B3B3B3 !important;
	font-style: italic;
}
.uk-input::placeholder {
	color: #B3B3B3;
	font-style: italic;
}
.uk-textarea::-ms-input-placeholder {
	color: #B3B3B3 !important;
	font-style: italic;
}
.uk-textarea::placeholder {
	color: #B3B3B3;
	font-style: italic;
}
.uk-input,
.uk-select {
	border: none;
	background-color: #F5F5F5;
	border-radius: 500px;
}
.uk-input:active, .uk-input:focus,
.uk-select:active, .uk-select:focus {
	box-shadow: 0px 0px 13px rgba(0, 0, 0, .1);
}
.uk-textarea {
	border: none;
	background-color: #F5F5F5;
	border-radius: 20px;
}
.uk-textarea:active, .uk-textarea:focus {
	box-shadow: 0px 0px 13px rgba(0, 0, 0, .1);
}
.uk-button {
	border-radius: 500px;
	text-transform: none;
	font-size: inherit;
	text-transform: capitalize;
}
.uk-card-default {
    box-shadow: 0 5px 15px rgb(0 0 0 / 3%);
}
.uk-offcanvas-bar {
    background: #fff;
	padding: 0;
	color: #333 !important;
	font-size: 90%;
}
.tm-switcher li:not(.uk-active) {
	display: none;
}
.uk-offcanvas-bar a {
    color: #ccc;
	text-decoration: none;
}
.uk-offcanvas-bar a:hover {
    color: #999;
}
.uk-offcanvas-bar .uk-divider {
	border-top: 15px;
}
.uk-offcanvas-bar .uk-tab::before {
    border-color: rgb(155 155 155 / 20%);
}
.uk-offcanvas-bar .uk-tab > * > a {
    color: #999 !important;
}
.uk-offcanvas-bar .uk-tab > * > a:hover {
    color: #333 !important;
}
.uk-offcanvas-bar .uk-tab > .uk-active > a {
    color: #333 !important;
    border-color: rgb(155 155 155 / 20%);
}
.uk-tooltip {
	background: rgba(0,0,0,0.79);
}
.uk-tooltip span {
	color: #999;
}
.uk-button-default {
	background: #eeeeee;
	border: none;
}
.uk-breadcrumb{
	margin-bottom: 0px;
}
.uk-modal-title {
    font-weight: 200;
}
.uk-leader-fill::after {
	color: #bfbfbf;
}
.uk-notification-message {
	background: #fff;
	font-size: 13px;
	box-shadow: 0px 0px 25px rgba(0,0,0,.2)
}
.uk-text-success {
	color: #99AF17 !important;
}
.uk-table-hover tr {
	cursor: pointer;
}
.uk-label-default {
    background: #2d2d2d;
}
.uk-label {
	border-radius: 20px;
}
.uk-countdown-number {
    font-size: 2rem !important;
}
.uk-countdown-separator {
    font-size: 1rem !important;
}
.uk-countdown-label {
	font-size: 13px;
	color: #ccc;
}
.uk-label-muted {
    background: #ccc;
}
.uk-padding-small-bottom {
    padding-bottom: 20px;
}
.tm-panel-tools {
    padding: 3px 10px 3px 0px;
    border-radius: 100px;
}