#root app-responsible-gaming .window-tabs .window-tab{
    min-height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.2rem;
    cursor:pointer;
}
#root app-responsible-gaming .window-tabs .window-tab.tab-selected {
    color:var(--c-white-e);
    background-color:var(--c-emphasis-b);
    border-bottom:1px solid var(--c-shade)
}
#root app-responsible-gaming .window-tabs.limit-tabs {
    background-color:var(--c-primary-d);
   
    font-size:1.1rem
}
#root app-responsible-gaming .window-tabs.limit-tabs .window-tab:not(:last-child){
    border-right:1px solid var(--c-shade);
}
#root app-responsible-gaming app-window-tabs {
    display:block;
    margin-bottom: 10px
}
#root app-responsible-gaming app-label-value {
    margin-bottom:5px;
    display:block
}
#root app-responsible-gaming .label-value-container .label{
    width:40%;
    display:flex;
    align-items:center;
    padding:0px 10px;
    text-align:left;
    font-size:.9rem
}
#root app-responsible-gaming .label-value-container {
    height:unset;
    align-items:center;
}
#root app-responsible-gaming .label-value-container app-set-value {
    width:60%;
   
}
#root app-responsible-gaming .label-value-container app-set-value .value {
    display:flex;
    align-items:center;

}
 .label-value-container app-set-value .value  input {
    /* background-color:unset; */
    color:var(--c-white);
}
 .label-value-container app-set-value .value  input:disabled {
    border:1px solid var(--c-shade);
}
 .label-value-container app-set-value .value  input::placeholder {
    color:var(--c-white);
    text-indent:8px;
}
 .label-value-container app-set-value .value > input {
    width:calc(100% - 11px);
}
 .label-value-container app-set-value .value app-password-input-field {
    width:100%
}
 .label-value-container app-set-value .value app-number-input-field {
    width:100%;
}
 
 app-access-limits > div {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
     margin-top:20px;
}
 app-access-limits > div button {
    max-width:calc(50% - 5px);
    margin-bottom: 10px;
    width:100%;
    height:100%;
}
 app-access-limits > div > div {
    width:calc(100% / 9);
    text-align:center;
}
#root app-access-limits input[type="checkbox"] {
    width:20px;
    height:20px;
   border-radius:50%;
    appearance:none;
    min-height:unset;
}
#root app-access-limits input[type="checkbox"]:checked {
    background-color:var(--c-accent-color);
     background-image:var(--c-global-icon-spritesheet);
    background-size: 450px auto;
    background-position: -197px -56px;
    background-repeat:no-repeat;
}
 app-access-limits .hours-tab-row {
    display:flex;
    align-items:center;
     justify-content:center;
}
.limits-menu .limits-menu-item{
    flex:1;
}
.limits-menu .limits-menu-item > div {
    min-height:90px;
    padding:20px 10px;
     justify-content:center;
    align-items:center;
    display:flex;
     border:1px solid var(--c-background-white-50);
    border-radius:var(--r-10);
    background-color:var(--c-background-white-10);
    cursor:pointer;
}
.limits-menu .limits-menu-item:not(:last-child) {
    margin-right:20px;
}
.limits-item-row:not(:last-child){
    margin-bottom:10px;
}
.limits-menu .limits-item-row .limits-menu-item {
    width:calc(33.33% - 3.33px);
    text-align:center;
}
.limits-menu .limits-item-row .limits-menu-item:not(:last-child) {
    margin-right:10px;;
    
}
.limit-container {
    background-color:var(--c-background-white-10);
    border-radius:var(--r-20);
    border:1px solid var(--c-background-white-10);
    padding:30px;
    margin-top:20px;
   margin-bottom:30px;
}
.limit-title {
    color:var(--c-accent-color);
    margin-bottom:30px;
}
.limit-container .limit-widget h3 {
    display:none;
}

.limit-container {
    display:none;
}
#root:not(.show-wager-limits):not(.show-loss-limits):not(.show-access-limits):not(.show-timeout):not(.show-self-exclusion) .limit-container.deposit-limits,
#root.show-wager-limits .limit-container.wager-limits,
#root.show-loss-limits .limit-container.loss-limits,
#root.show-access-limits .limit-container.access-limits,
#root.show-timeout .limit-container.timeout,
#root.show-self-exclusion .limit-container.self-exclusion{
    display:block;
}
#root:not(.show-wager-limits):not(.show-loss-limits):not(.show-access-limits):not(.show-timeout):not(.show-self-exclusion) .limits-menu-item.deposit-limits div,
#root.show-wager-limits .limits-menu-item.wager-limits div,
#root.show-loss-limits .limits-menu-item.loss-limits div,
#root.show-access-limits .limits-menu-item.access-limits div,
#root.show-timeout .limits-menu-item.timeout div,
#root.show-self-exclusion .limits-menu-item.self-exclusion div{
    background-color:var(--c-background-white);
    color:var(--c-text-dark-e)
}
.limit-widget:not(app-access-limits) > div {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    margin-top:30px;
}
.limit-widget .action-buttons-container {
    width:100%;
    margin-top:30px;
    display:flex;
    flex-wrap:wrap;
}
.limit-widget  button {
    min-height:40px;
    width:100%;
    /* flex:1; */
    max-width:calc(50% - 5px);
    background-color:transparent;
    border:1px solid var(--c-background-white);
    color:var(--c-text-light-e);
    text-transform:uppercase;
}
.limit-widget .action-buttons-container button.btn-edit-values,
.limit-widget .action-buttons-container button.btn-save-acccess{
    background-color:var(--c-accent-color);
    border:1px solid var(--c-accent-color);
}
.limit-widget .action-buttons-container button:last-child,
.limit-widget .action-buttons-container button.btn-clear-all{
    margin-left:10px;
}
.limit-widget .action-buttons-container button:only-child {
   margin-left:auto; 
}
#root  .label-value-container {
    height:unset;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    align-content: flex-start;
    justify-content: unset;
}
#root  .label-value-container .element.label {
     text-align:left;
     font:var(--t-small-text-bold);
     margin-bottom:10px;
     height:unset;
     order:-1;
     width: unset;
}
#root .label-value-container .element.value {
    width:100%;
    display:contents;
}
#root .label-value-container .value-input {
    order:3;
    height:auto;
}
#root .limit-widget .label-value-container select{
    background-color: #324f64;
}
#root  .desktop app-amount-limit {
    flex:1;
    
}

#root .desktop  app-amount-limit:not(:last-of-type) {
    margin-right:10px;
}
app-amount-limit[amountclass="deposit-limit"] {
    display:none;
}
#root  .mobile app-amount-limit {
    width:100%;
    margin-bottom:10px;
    
}
#root  .label-value-container app-set-value {
    display:contents;
    width:100%;
}
#root  .label-value-container app-set-value .required-inline-field {
    order:0;
    margin-bottom:10px;
    color:var(--c-red)
}
.timeout-account-wrapper,
.temporary-suspension-wrapper{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    align-items: center;
}
.timeout-account-wrapper app-label-value,
.temporary-suspension-wrapper app-label-value{
    display:flex;
   width:100%;
   
}
#root .desktop .timeout-account-wrapper .label-value-container,
#root  .desktop .temporary-suspension-wrapper .label-value-container{
     width:calc(50% - 5px); 
    flex:unset;
    margin-right:auto;
}
.limit-widget .timeout-account-wrapper button,
.limit-widget .temporary-suspension-wrapper button{
    background-color:var(--c-accent-color);
    border:1px solid var(--c-accent-color);
    margin-top:10px;
   /* margin-left:auto; */
}