.auth-wrapper .auth-box-reg {
    background: #fff;
    padding: 40px;
    max-width: 600px;
    width: 90%;
    margin: 4% 0;
}
.error-message {
    color: #852a2a;
    padding: 5px;
}

.page-wrapper > .page-content {
    padding: 15px !important;
}
form .card-body {
    padding: 0.80rem !important;
}
strong {
    font-weight: 500;
}
.page-breadcrumb {
    padding: 10px 15px !important;
}

.sort-panel {
    padding: 5px 20px 15px 20px !important;
}

/* --- */

.list-filter label {
margin-bottom: 0px !important;
margin-top: 0.5rem !important;
}

.list-filter .date select {
width: 30% !important;
margin-right: 1% !important;
display: inline !important;
}
.list-filter .date label {
display: block !important;
}

.datetime select {
/*max-width: 17% !important;*/
padding: .375rem .55rem !important;
}

.datetime select:nth-of-type(1) {
min-width: 30% !important;
}
.datetime select:nth-of-type(2) {
min-width: 30% !important;
}
.datetime select:nth-of-type(3) {
min-width: 30% !important;
}
.datetime select:nth-of-type(4) {
min-width: 60px !important;
margin-left: 120px !important;
text-align: center !important;
}
.datetime select:nth-of-type(5) {
min-width: 60px !important;
text-align: center !important;
}

.date select {
/*max-width: 17% !important;*/
padding: .375rem .55rem !important;
}

.date select:nth-of-type(1) {
min-width: 60px !important;
}
.date select:nth-of-type(2) {
min-width: 100px !important;
}
.date select:nth-of-type(3) {
min-width: 80px !important;
}


.time select {
max-width: 17% !important;
}

.time .select_small {
max-width: 30% !important;
margin-right: 5px !important;
}

.datetime .select_small {
max-width: 30% !important;
margin-right: 5px !important;
}

/* --- */


#signatureCanvas {
border: 1px solid #e9ecef;
float: left;
width: 100%;
height: 100%;
}

#initSignatureCanvas {
border: 1px solid #e9ecef;
float: left;
width: 100%;
height: 100%;
}

/* --- */

.border_ok {
border-color: #2cd07e !important;
border-width: 2px !important;
}

.border_err {
border-color: #ff5050 !important;  
border-width: 2px !important; 
}

/* --- */

.icon-warning {
color: #ffc36d;
font-size: 20px;
font-weight: bold;
box-shadow: none !important;
}
.icon-error {
color: #ff5050;
font-size: 20px;
font-weight: bold;
box-shadow: none !important;
}

/* --- */

.fc-content .fc-time {
display: none !important;
}
.fc-title {
text-align: center !important;
font-weight: 500 !important;
}
.fc-event {
cursor: pointer !important;
font-size: 12px !important;
}

/* --- */

.custom_modal .modal-header{
padding: 1rem 2rem !important;
background: #163c6c !important;
color: #fff !important;
}

.custom_modal .modal-body{
padding: 1.5rem 1rem 1rem 1rem !important;
background: #709dd4 !important;
}

.custom_modal .modal-content{
background: #888 !important;
}

.custom_modal .accept-event{
font-weight: 500 !important;
}

.custom_modal .modal-footer{
padding: 0rem 2rem 2rem 2rem !important;
background: #709dd4 !important;
color: #fff !important;
}

.custom_modal .close, .custom_modal label {
color: #fff !important;
opacity: 1 !important;
}

.custom_modal button:focus {
outline: none !important;
}

.custom_modal .text {
position: relative !important;
}

.custom_modal .ui-datepicker-trigger {
right: 10px !important;
}

.custom_modal .modal-dialog {
    max-width: 800px !important;
}
/* --- */

.int_sel {
width: 30%; 
margin-right: 2%; 
display: inline; 
padding: 2%; 
background: #f1f1f1;
float: left;
cursor: pointer;
text-align: center;
}
.int_sel h3 {
text-align: center;
}
.int_sel_active {
background: #d5f6d9;
}
.int_sel_active h3:after {
font: normal normal normal 30px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0,0);
content: "\F12C";
margin-left: 10px;
}
.int_txt {
font-size: 15px;
line-height: 18px;
margin-top: 0px;
float: left;
width: 100%;
height: 55px;
}
.int_sel img {
margin-top: 10px; 
width: 100%;
} 
.int_sel .btn {
width: 100%;
margin-top: 20px;
font-size: 0.9rem;
}
/* --- */

.modal-xl {
    max-width: 1600px !important;
}

/* --- */

.tutorial_popup_btn {
    
}



.menus {
    border-top: 1px solid rgba(120,130,140,.13);
    background: #fff;
    list-style-type: none;
}
.menus .menu_icons {
    text-align: right;
    margin-left: 20px;
}

.menus ul {
    list-style-type: none;
}
.menus ul li {
    list-style-type: none;
}

.menus button {
    padding-right: 5px;
    padding-left: 5px;
    color: #444;
}

.cake-debug-output {
    padding: 20px !important;
    padding-left: 300px !important;
    background-color: #ffeccc !important;
}


#lang-sel-section {
  margin-bottom: 10px;
  padding-left: 15px;
}
.lang-header {
  padding: 5px;
  background-color: #eee;
  margin-bottom: 5px;
  margin: 20px 0px 10px 0px;
}
.lang label {
    margin-bottom: 0px;
}
.lang_switch {
    margin-top: 20px;
    margin-right: 22px;
    font-size: 12px;
}
.lang_switch a {
    color: #fff;
}
.lang_switch a:hover {
    color: #ccc;
}
.lang_switch a.active {
    color: #95a9d1 !important;
}
.lang_switch a.active:hover {
    color: #95a9d1 !important;
}



.card .card-title {
    font-size: 18px;
}

.btm_inputs .checkbox input{
margin-right: 10px !important;
}

.btn-outline-secondary {
    border: 0px !important;
}

/*
.btn-outline-info2 {
    width: 65px !important;
    height: 65px !important;
}
.btn-outline-info2:hover {
    width: 65px !important;
    height: 65px !important;
}
*/

/*
.btn-outline-secondary2 {
    width: 65px !important;
    height: 65px !important;
    color: #999999 !important;
    border-color: #999999 !important;
}
.btn-outline-secondary2:hover {
    width: 65px !important;
    height: 65px !important;
    color: #fff !important;
}

.btn-outline-secondary3 {
    width: 55px !important;
    height: 55px !important;
    color: #999999 !important;
    border-color: #999999 !important;
}
.btn-outline-secondary3:hover {
    width: 55px !important;
    height: 55px !important;
    color: #fff !important;
}
*/

.btn-secondary {
    background: #bbb !important;
    border-color: #bbb !important;
}

.sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    background-color: #95a9d1 !important;
}


.nav-tabs {
    /*padding-left: 15px !important;*/
}

.user-table tbody tr .category-select {
    max-width: 250px !important;
}

.left-sidebar {
    background: transparent !important;
}

.cake-error {
    z-index: 9999;
    background: #fff;
}

.list_table {
    border: 0px !important; 
}

.list_table tr,
.list_table tr td {
    border: 0px !important; 
    padding: 2px 5px !important;
    text-align: left !important;
}

.list_table tr td span {
    min-width: 65px !important;
    float: left;
}

.ui-datepicker-trigger {
position: absolute;
top: 8px;
right: 25px;
}

.no-border {
    border: none !important;
}

.fc-day-grid-event {
    margin-right: 3px !important;
    margin-left: 3px !important;
    margin-top: 3px !important;
}

.my-accept {
    border: 2px dashed #555 !important; 
}

.btn {
    min-width: 30px;
}

.btn-info {
    background-color: #95a9d1 !important;
    border-color: #95a9d1 !important;

}
.btn-info:hover {
    color: #fff !important;
    background-color: #657aa3 !important;
    border-color: #657aa3 !important;
}
.text-info {
    color: #95a9d1 !important;
}
.btn-outline-info {
    color: #95a9d1 !important;
    border-color: #95a9d1 !important;
}
.btn-outline-info:hover {
    color: #fff !important;
    background-color: #657aa3 !important;
    border-color: #657aa3 !important;
}
a.link:focus, a:focus {
    /*color: #54667a !important;*/
}

.wide-select {
    min-width: 200px;
}
.nav-link {
    font-size: 1.25em;
}

.btn-dark {
    background-color: #bd1b4e !important;
    border-color: #bd1b4e !important;
}
.btn-dark:hover {
    color: #fff !important;
    background-color: #d63165 !important;
    border-color: #d63165 !important;
}

.qty_input {
    max-width: 50px !important;
    padding: .175rem .375rem !important;
}

.bootstrap-touchspin-down, 
.bootstrap-touchspin-up {
    min-width: 25px !important;
    padding: .175rem .375rem !important;
}

.game_row_add {
    padding: 0px 5px !important;
    background: #eee !important;
    border: 1px solid #ddd !important;
}
.game_row_edit {
    padding: 0px 5px !important;
    background: #f5f5f5 !important;
}

.game_row .custom-select{
    color: #000 !important;
    font-weight: 500 !important;
}

.game_row .select{
    min-width: 60%;
    color: #000 !important;
    font-weight: 500 !important;
}

  .games_table td { 
    padding: .4rem;
    border: 0px;
  }

  .games_table tr { 
    border: 0px;
  }


 .loaderbox {
    text-align: center;
 }

.game_row .loaderbox {
    display: none;
    position: absolute;
    top: 0px;
    right: 5px;
}
.game_row .loaderbox img {
    margin: 2px auto;
}

@media 
only screen and (max-width: 1100px),
(min-device-width: 320px) and (max-device-width: 1100px)  {

  /* Force table to not be like tables anymore */
  .games_table table, .games_table thead, .games_table tbody, .games_table th, .games_table td, .games_table tr { 
    display: block; 
  }
  
  /* Hide table headers (but not display: none;, for accessibility) */
  .games_table thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  .games_table tr {  }
  
  .games_table td { 
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding: .4rem .2rem;
    /*padding-left: 50%; */
  }
  
  .games_table td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: .4rem;
    left: .9375rem;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
  }
  
  /*
  Label the data
  */
  .games_table td:nth-of-type(1):before { content: attr(data-label); }
  .games_table td:nth-of-type(2):before { content: attr(data-label); }
  .games_table td:nth-of-type(3):before { content: attr(data-label); }
  .games_table td:nth-of-type(4):before { content: attr(data-label); }
  .games_table td:nth-of-type(5):before { content: attr(data-label); }
  .games_table td:nth-of-type(6):before { content: attr(data-label); }
  .games_table td:nth-of-type(7):before { content: attr(data-label); }
  .games_table td:nth-of-type(8):before { content: attr(data-label); }

}

.matchday_title {
    color: #bd1b4e;
    font-weight: 500;
    background: #eee;
    padding: 10px;
}

.matchday_title_completed {
    color: #4f7046 !important;
    font-weight: 500 !important;
    background: #ddedd8 !important;
    padding: 10px !important;
}