/*
///////////////////////////////////////////////////////////////////
//
// TheSportForce Corinto: Tournament manager app
// Copyright (c) TheSportForce 2021-2026
//
// Author: Dino Esposito (http://Crionet.com)
//
*/


#overlay {
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.65;
}

.hand {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

.card-thick-border {
    border-left-width: 10px !important;
}

.card-thick-border-primary {
    border-width: 0;
    border-left-width: 10px !important;
    border-color: var(--app-primary) !important;
}

.card-no-border {
    border-left-width: 0 !important;
}

.card-bottom-border {
    border-bottom-width: 2px !important;
}

.no-decoration {
    text-decoration: none;
}

/* ......................... */

.diagonal {
    width: 50px;
    float: left;
    font-weight: 700;
    margin-left: -10px;
    transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
}

.rtl {
    direction: rtl;
    padding-right: 10px !important;
}

.plain-cursor {
    cursor: default;
}

.no-decoration {
    text-decoration: none!important;
}

.card-hover:hover {
    opacity: .65;
}

.bg-primary-lt {
    background-color: var(--app-primary-lt);
}

.tiny {
    font-size: 8pt;
    line-height: 5pt;
}

.opacity8 {
    opacity: .8;
}

.opacity7 {
    opacity: .65;
}

.opacity5 {
    opacity: .5;
}

.opacity3 {
    opacity: .3;
}

.bg-gray-very-lt {
    background-color: var(--app-vlight-grey);
}
.btn-square {
    border-radius: 0;
}

.horizontal-scroll {
    width: 100%;
    overflow: auto;
    white-space: nowrap;
}

.horizontal-scroll .hscroll-item:hover {
    background-color: #dcdcdc;
}

.hscroll-item a {
    text-decoration: none;
    color: var(--gray-dark);
}

.btn i {
    opacity: 0.7;
    margin-right: 4px;
}

.borderless {
    border: solid 0px;
}

.bordered {
    border: solid 1px #111;
}

.bordered-white {
    border: solid 1px #fff;
}

.bordered {
    border: solid 1px #111;
}

.border-bottom-lt {
    border-bottom: solid 1px #bbb;
}

.border-bottom-thick {
    border-bottom: solid 2px #888;
}

.border-top-thick {
    border-top: solid 2px #888;
}

.border-bottom-thicker {
    border-bottom: solid 4px #555;
}

.border-top-thicker {
    border-top: solid 4px #555;
}

.bold {
    font-weight: 800;
}

.semibold {
    font-weight: 600;
}

.italic {
    font-style: italic;
}

.normal {
    font-weight: 400;
}

.emphasized-dark {
    padding: 1px;
    color: var(--app-absolute-white);
    background: var(--app-absolute-black);
}

.text-lg {
    font-size: 1.3rem;
}

.text-md {
    font-size: 1.1rem;
}

.text-sm {
    font-size: 0.8rem;
}

.text-xs {
    font-size: 0.65rem;
}

.text-xxs {
    font-size: 0.5rem;
}

.whiten {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.stickybar {
    overflow: hidden;
    background-color: #fff;
}

.sticky {
    position: sticky;
    top: 50px;
}

.line-compact {
    line-height: 8px;
}

.truncatable {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

.truncatable-multiline {
    --max-lines: 5; /* Change this in case of need */
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
}

.smart-badge {
    padding: 2px;
    vertical-align: baseline;
    display: inline-block;
    text-align: center !important;
    border-radius: 0.35rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus {
    background: beige;
    color: var(--app-primary);
}

input[type=text], input[type=date], input[type=number], input[type=password], input[type=email], textarea, select {
    color: var(--app-primary) !important;
    border-color: var(--gray) !important;
    font-weight: 400;
    border: solid 1px var(--app-middle-grey);
}

::-webkit-input-placeholder { /* Edge */
    color: #bac !important;
    font-weight: 400;
    font-style: italic;
    text-transform: initial;
}

:-ms-input-placeholder { /* Internet Explorer */
    color: #bac !important;
    font-weight: 400;
    font-style: italic;
    text-transform: initial;
}

::placeholder {
    color: #bac !important;
    font-weight: 400;
    font-style: italic;
    text-transform: initial;
}

.no-hyperlink {
    text-decoration: none !important;
}
 
.dropdown-menu {
    border-radius: 0;
    border: solid 1px #333;
    margin-top: -2px;
    min-width: 250px;
}
.ybq-inputfile img {
    border: solid 1px #111;
    cursor: pointer;
}

.ybq-inputfile img:hover {
    opacity: .8;
}

.ybq-inputfile-toolbar {
    margin-left: 10px;
}

.ybq-inputfile-placeholder {
    border: dashed 2px #444;
    padding: 20px;
    font-size: 130%;
    text-align: center;
    vertical-align: center;
    cursor: pointer;
    min-width: 200px;
    min-height: 120px;
}

.ybq-inputfile-placeholder:hover {
    opacity: .8;
}



.side-canvas {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0px;
	background-color: var(--app-absolute-white);
	overflow-x: hidden;
	transition: 0.2s;
	border-right: solid 3px var(--app-absolute-black);
	cursor: default;
}

.side-canvas-right {
	height: 90%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 70px;
	right: 0px;
	background-color: var(--app-absolute-white);
	overflow-x: hidden;
	transition: 0.2s;
	border-right: solid 3px var(--app-absolute-black);
	cursor: default;
}

.side-canvas::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.side-canvas::-webkit-scrollbar-track {
	background: #efefef;
}

.side-canvas::-webkit-scrollbar-thumb {
	background: var(--app-dark-grey);
	border-radius: 4px;
}

	.side-canvas::-webkit-scrollbar-thumb:hover {
		background: var(--app-primary);
	}