/*
    --> ATTENTION: <--
    In this file is the global and generic CSS of the UNO app. Please do not edit
    this file unless strictly necessary, if you need to add classes, ids or change 
    anything use the main.css stylesheet. On the other hand, if you need to customize
    the style for a specific organization, such as for WTA, please use the {{{organizationName}}}.css sheet.
    Love,
    your front-end dev.
*/

h1 {
    font-size: 39px !important;
    font-family: var(--primary-font) !important;
    font-weight: 400 !important;
}

h2 {
    font-size: 25px!important;
    font-family: var(--primary-font) !important;
    font-weight: 400 !important;
}

h3 {
    font-size: 23px;
    font-family: var(--primary-font) !important;
    font-weight: 400 !important;
}

h4 {
    font-size: 16px !important;
    font-family: var(--primary-font) !important;
    font-weight: 400 !important;
}

h5 {
    font-size: 16px !important;
    font-family: var(--primary-font) !important;
    font-weight: 400 !important;
}

h6 {
    font-size: 15px !important;
    font-family: var(--secondary-font) !important;
    font-weight: 400 !important;
}

p {
    font-family: var(--secondary-font) !important;
    font-size: 14px !important;
}
/*
span {
    font-family: var(--primary-font) !important;
}*/

a {
    text-decoration: underline;
}

.cursor-pointer:hover {
    cursor: pointer!important;
}
.text-bg-primary {
    background-color: var(--primary) !important;
}
.small-title {
    font-size: 18px!important;
}
.primary-font {
    font-family: var(--primary-font);
}

.secondary-font {
    font-family: var(--secondary-font);
}

.big-title {
    font-size: 35px;
}

small {
    font-size: 15px;
}

.text-bold {
    font-weight: bold;
}
.text-small {
    font-size: 13px;
    font-family: var(--secondary-font);
}

.ss-main {
    border: 1px solid var(--primary)!important;
}

.ss-main .placeholder {
    background-color: transparent !important;
    opacity: 1 !important;
    cursor: pointer;
    color: #4d4d4d!important;
}
    .ss-main .ss-values .ss-placeholder
    .ss-main .ss-single-selected {
        color: #4d4d4d !important;
    }
.tt-dataset-0 {
    color: var(--std-background)!important;
}

.datepicker td {
    background-color: var(--soft-grey) !important;
}

    .datepicker td.active.active {
        background-color: var(--secondary) !important;
    }
.mt3-mobile {
    margin-top: 0;
}
.mt5-mobile {
    margin-top: 0;
}
legend {
    border-bottom: solid 2px var(--std-foreground2);
    text-align: center;
}
.right-square {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.panel-primary {
    background-color: var(--std-background) !important;
    color: var(--std-light) !important;
}

.notice-strip {
    width: 100%;
    display: table;
}

.bg-highlight {
    background-color: #d73814;
    padding: 5px;
    color: #fff;
}

.notice {
    padding: 10px;
    background-color: #eaeaea;
    background-color: white;
    border-left: 6px solid #7f7f84;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
    box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
    display: table-cell;
    vertical-align: middle;
    font-size: 1.1rem !important;
}

.notice emphasis {
    font-size: 50px;
    margin-right: 10px;
    font-weight: 600;
}

.notice-sm {
    padding: 10px;
    font-size: 80%;
}

.notice-lg {
    padding: 35px;
    font-size: large;
}

.notice-warning {
    border-color: #FEAF20;
}

.notice-success {
    border-color: #80D651;
}

.notice-danger {
    border-color: #d73814;
}

.notice-info {
    border-color: #00bfff;
}

.notice-strip {
    background-color: var(--std-foreground);
    margin-top: 20px;
    box-shadow: 0px 0px 10px #7e7e7e;
    border-radius: var(--gbl-border-radius);
    overflow: hidden;
}

.notice {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #7e7e7e;
}

/* =========================== */
.margin-bottom-sm {
    margin-bottom: 25px;
}

.margin-bottom-md {
    margin-bottom: 50px;
}

.margin-bottom-lg {
    margin-bottom: 80px;
}

.margin-top-sm {
    margin-top: 15px;
}

.margin-top-md {
    margin-top: 40px;
}
.margin-top-negative-sm {
    margin-top: -5px;
}
.margin-top-lg {
    margin-top: 80px;
}

.margin-left-sm {
    margin-left: 15px;
}

.margin-right-sm {
    margin-right: 15px;
}

.margin-left-xs {
    margin-left: 5px;
}

.margin-right-xs {
    margin-right: 5px;
}

.padded-sm {
    padding: 5px;
}

.padded-md {
    padding: 15px;
}

.padded-md {
    padding: 35px;
}

.opacity8 {
    opacity: .8;
}

.opacity5 {
    opacity: .5;
}

.opacity3 {
    opacity: .3;
}

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

.bordered-light {
    border: solid 1px #eaeaea;

}
.bold {
    font-weight: 700; 
}

.italic {
    font-style: italic;
}

.normal {
    font-weight: 400;
}

.input-bold {
    font-weight: bold;
}
.primary-font {
    font-family: var(--primary-font);
}

.secondary-font {
    font-family: var(--secondary-font);
}

.big-title {
    font-size: 35px;
}

small {
    font-size: 14px;
    font-family: var(--secondary-font) !important;
}

.bold {
    font-weight: 500 !important;
}

.text-primary {
    color: var(--std-background);
}

.text-light {
    color: var(--std-background2);
}

.text-dark {
    color: var(--std-hilitefore);
}

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

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

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

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

.text-lg {
    font-size: 1.9rem!important;
}

.text-lg1 {
    font-size: 2.2rem;
}

.text-lg2 {
    font-size: 2.7rem;
}

.text-bg-primary {
    background-color: var(--primary) !important;
}

.text-vertical {
    margin-top: 50%;
}

.text-hilite {
    color: var(--std-hiliteback);
}

.text-supersmall {
    font-size: 10px !important;
    font-family: var(--secondary-font) !important;
}

.border-light {
    border-color: var(--std-background2);
}

.border-dark {
    border-color: var(--std-hilitefore);
}

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

.loading {
    display: none;
}

.x-spaced {
    margin-left: 10px;
    margin-right: 10px;
}

.y-spaced {
    margin-top: 10px;
    margin-bottom: 10px;
}

.y-spaced-md {
    margin-top: 20px;
    margin-bottom: 20px;
}

.y-spaced-lg {
    margin-top: 30px;
    margin-bottom: 30px;
}

.thead-dark {
    background-color: var(--std-background);
    color: var(--std-foreground);
}

.thead-primary {
    background-color: var(--primary);
    color: var(--std-foreground);
}

.bg-emphasis {
    background-color: var(--std-background2);
    color: var(--std-hilitefore);
}

.alert-dark {
    background-color: var(--std-background);
    color: var(--std-foreground);
}

.live-tournament {
    background-color: #c00;
    padding: 1px;
    padding-left: 3px;
    padding-right: 5px;
    color: #fff;
    font-weight: normal;
    font-size: smaller;
    font-style: italic;
}

.ybq-inputfile {
}

.ybq-inputfile img {
    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: 15px !important;
    font-weight: 400 !important;
    text-align: center;
    cursor: pointer;
}

    .ybq-inputfile-placeholder:hover {
        opacity: .8;
        transition-duration: 0.5s !important;
    }


/* =========================== */
/* =========================== */

.uno-nophoto {
    background-image: url("https://sadevboxprodwesteuruope.blob.core.windows.net/commons/icons/user-avatar-circle.png");
    width: 80px;
    height: 80px;
    background-size: cover !important;
}

.uno-title {
    font-size: 2.4em;
    font-weight: bold;
    line-height: 25px;
    text-transform: uppercase;
}

.uno-subtitle {
    font-size: 1em;
    opacity: .85;
    text-transform: uppercase;
}
 
.uno-player-row1 {
    bac1kground-color: #efefef;
    bor1der-bottom: solid 2px #111;
}

.uno-odd-row {
    background-color: #efefef;
}

.uno-even-row {
    background-color: #fff;
}

.uno-navbar {
    background-color: var(--std-background);
    color: var(--std-foreground);
    padding: 10px;
}

.uno-table th {
    font-weight: 700;
    padding-right: 15px;
    text-align: right;
}

.uno-table td {
}

.uno-scrollable-250 {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.uno-info {
    background-color: var(--std-info);
    margin: 0;
    padding: 10px;
}

.uno-link {
    text-decoration: none !important;
}

.uno-version {
    opacity: .8;
    text-align: center;
    font-size: 0.9rem;
}

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

:root{
    --border-radius: 0px;
}

.org-card {
    background-color: #fff;
    box-shadow: 0px 0px 5px #2e2e2e;
    border-radius: 5px;
    transition: all.3s;
    z-index: 888;
    height: auto;
    min-height: 130px;
    padding: 10px;
}

    .org-card:hover {
        transform: scale(1.05);
        box-shadow: 0px 0px 10px grey;
        z-index: 999;
    }

#rfccustom-modal{
    font-family:var(--secondary-font)!important;
    padding:6%!important;
    font-size:14px!important;
}

   .edit {
     color: var(--primary) !important;
    }


#rfacustom-modal {
    font-family: var(--secondary-font) !important;
    padding: 6%!important;
    font-size: 14px !important;
}


.btn-edit-contact {
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-top: 6px !important;
    padding-bottom: 4px !important;
    height: 42px;
    align-items: center !important;
    justify-content: center;
    display: flex!important;
}
.btn-need-to-edit {
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    font-size:14px!important;
    font-family:var(--secondary-font)!important;
}

.pl-type{
    transform:scale(1.5)!important;
}
.label-pl{
    font-weight:400!important;
    color:var(--primary)!important;
}

#contactphoto-preview{
    width:80px!important;
    height:80px!important
}
.no-style-link {
    color: unset!important;
    text-decoration: unset!important;
    font-size: unset!important;
    font-family: unset!important;
}
.style-end {
    width: 100% !important;
}

/*Override SlimSelect.js*/
.ss-single {
    width: 100%
}