.display-none { display: none !important; }
.container { width: 96%; margin: 0px auto; max-width: 100%; }
.w100 { width: 100% !important; }
.w75 { width: 75% !important; }
.w65 { width: 65% !important; }
.w60 { width: 60% !important; }
.w50 { width: 50% !important; }
.w40 { width: 40% !important; }
.w25 { width: 25% !important; }
.w35 { width: 35% !important; }

.flex-grid {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.space-between {
    justify-content: space-between;
}
.flex-start {
    justify-content: flex-start;
}
.grid-d-12 { width: 100%; }
.grid-d-10 { width: 83.33%; }
.grid-d-8 { width: 66.67%; }
.grid-d-6 { width: 50%; }
.grid-d-4 { width: 33.33%; }
.grid-d-3 { width: 25%; }
.grid-d-2 { width: 16.67%; }

.float-left { float: left; }
.float-right { float: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.clearfix { clear: both; float: none; width: 100%; }
.no-padding { padding: 0px !important; }
.no-padding-right { padding-right: 0px !important; }
.no-padding-left { padding-left: 0px !important; }
.red { color: #DF0000 !important; }
.green { color: #05B6B9 !important; }
.green2 { color: green !important; }
.gray { color: #676767 !important; }
.black { color: #000000 !important; }
.relative { position: relative; }
.inline { display: inline; }
.pointer { cursor: pointer; }
.scroll-x { width: 100%; overflow-x: auto;}

.p-5 { padding: 5px; } .p-10 { padding: 10px; } .p-15 { padding: 15px; } .p-20 { padding: 20px; }
.m-t-0 { margin-top: 0px !important; } .p-t-0 { padding-top: 0px !important; }
.m-b-0 { margin-bottom: 0px !important; } .p-b-0 { padding-bottom: 0px !important; }
.m-l-0 { margin-left: 0px !important; } .p-l-0 { padding-left: 0px !important; }
.m-r-0 { margin-right: 0px !important; } .p-r-0 { padding-right: 0px !important; }
.p-t-5 { padding-top: 5px !important; } .p-b-5 { padding-bottom: 5px !important; }
.m-t-10 { margin-top: 10px !important; } .p-t-10 { padding-top: 10px !important; }
.m-t-15 { margin-top: 15px !important; } .p-t-15 { padding-top: 15px !important; }
.m-b-10 { margin-bottom: 10px !important; } .p-b-10 { padding-bottom: 10px !important; }
.m-l-10 { margin-left: 10px !important; } .p-l-10 { padding-left: 10px !important; }
.m-r-10 { margin-right: 10px !important; } .p-r-10 { padding-right: 10px !important; }
.m-t-20 { margin-top: 20px !important; } .p-t-20 { padding-top: 20px !important; }
.m-b-20 { margin-bottom: 20px !important; } .p-b-20 { padding-bottom: 20px !important; }
.m-l-20 { margin-left: 20px !important; } .p-l-20 { padding-left: 20px !important; }
.m-r-20 { margin-right: 20px !important; } .p-r-20 { padding-right: 20px !important; }
.m-t-35 { margin-top: 35px !important; } .p-t-35 { padding-top: 35px !important; }
.m-b-35 { margin-bottom: 35px !important; } .p-b-35 { padding-bottom: 35px !important; }
.m-l-35 { margin-left: 35px !important; } .p-l-35 { padding-left: 35px !important; }
.m-r-35 { margin-right: 35px !important; } .p-r-35 { padding-right: 35px !important; }
.bg-success { background-color: green; }
.bg-warning { background-color: orange; }
.bg-danger { background-color: red; }

.btn-primary { background-color: #ed6c04; border-color: #d26106; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background-color: #d26106 !important; border-color: #d26106; }

input[type="text"], input[type="password"], input[type="email"], input[type="file"], select.form-control, 
textarea.form-control {
    border: 1px solid #ed6c04;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="file"]:focus, 
select.form-control:focus, textarea.form-control:focus {
    border: 1px solid #ed6c04;
    box-shadow: 0px 0px 2px 1px #d26106;
}
input[type="checkbox"] { accent-color: #ed6c04; }

.login-page { width: 100%; max-width: 500px; margin: 0px auto; }
.login-page .login-box {padding: 10%;}
.login-logo img { width: 100%; height: auto; }

.wrapper {
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
    padding-top: 50px;
}
.wrapper-800 {
    width: 100%;
    max-width: 800px;
    margin: 0px auto;
    padding-top: 50px;
}
p.title-name {
    font-weight: bold;
    font-size: 20px;
}
.content .form-group {
    min-height: 34px;
}
.content #map { height: 100%; }
#recorrido .flechas button {
    background: unset;
    border: unset;
    font-size: 50px;
    color: #ed6c04;
}
.content .puntaje {
    text-align: center;
    width: 75px;
    height: 75px;
    padding-top: 25px;
    color: white;
}
a.fc-event, a.fc-event:hover {
    text-decoration: none;
    cursor: pointer;
}

#stats .card {
    padding: 15px;
    border-radius: 15px;
    color: white;
}
#stats .title { display: block; }
#stats .percentage {
    font-size: 25px;
    font-weight: bold;
    padding-top: 10px;
}
.stats-blue { background-color: #4472c4; }
.stats-orange { background-color: #ed7d31; }
.stats-yellow { background-color: #ffc000; }