/*
(c) Redalan Net
 */ 
@import url('/pub/asset/fonts/fonts1.css');

:root {
    --rablue: #2B549B;
    --rared: #B33D31;
    --rayellow: #FFED00;
    --rawhite: #f6f6f6;
    --rablack: #1a1a1a;
    --raToolsYelloBorder: #1a1a1a;
    --raToolsBorders: none;
    --raTabHeaderBg: var(--rablack);
    --raTabHeaderTx: var(--rawhite);
    --raTabBg: var(--rawhite);
    --raTabTx: var(--rablack);
    --raTrOdd: #dcdcdc;
    --raTrHover: rgba(255, 255, 0, 0.2);

    --raNavBarBg: var(--rablack);
    --raNavBarTx: var(--rawhite);

}


.tools {
    font-family: 'Rammetto One', Helvetica;
    margin: auto;
    font-size: 1em;
    text-align: center;
}

.toolsShadow {
    text-shadow: 0.4em 0.5em 0.25em rgba(0, 0, 0, 0.19);;
}

.tools span {
    margin-right: 0.2em;
}

.tools span[data-logo="0"] {
    color: var(--rared);
}

.tools span[data-logo="1"] {
    color: var(--rablue);
}

.tools span {
    -webkit-text-stroke-color: var(--raToolsBorders);
    -webkit-text-stroke-width: thin;

}

.tools span[data-logo="2"] {
    color: var(--rayellow);
    -webkit-text-stroke-color: var(--raToolsYelloBorder);
    -webkit-text-stroke-width: thin;

}

#copy {
    margin: auto;
    text-align: center;
    font-size: .8rem;


}

#copy a {
    color: inherit;
    text-decoration: none;
}
#copy i {
    font-size: 0.5em;
    vertical-align: middle;
}

#copy span {
    font-size: 0.7em;
}

#copy i:nth-child(1) {
    color: var(--rablue);
}

#copy i:nth-child(2) {
    color: var(--rared);
}

#copy i:nth-child(3) {
    color: var(--rayellow);
    transform: rotate(-90deg);
}




.ratab {
    display: block;
    width: 90%;
    margin: auto;
}


.ratab table {
    width: 100%;
    color: var(--raTabTx);
    background-color: var(--raTabBg);
    border-top: 5px solid var(--raTabHeaderBg);

    border-collapse:separate;
    border-spacing: 0px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius: 10px;
}



.ratab table thead tr th {
    top: 65px;
    margin: auto;
    position: sticky;
    background-color: var(--raTabHeaderBg);
    color: var(--raTabHeaderTx);
    padding: .4em;
    border-radius: 0;
}


.ratab tbody td {
    border-right: 1px solid var(--rablack);
    padding: .2em;
    border-radius: 0;
}
.ratab tbody td:last-child {
    border-right: 0;
}

.ratab tbody tr:nth-child(odd) {
    background-color: var(--raTrOdd);

}

.ratab tbody tr:hover {
    background-color: var(--raTrHover);

}

.ratab th input,
.ratab th select {
    display: block;
    height: unset;
    vertical-align: middle;
    font-size: .8em;
    width: 100%;
    margin: auto;
    padding: .2em;
    background-color: rgba(255,255,255,.3);
    color: var(--raTabTx);
    -webkit-backdrop-filter: blur(2px);
    border: 1px solid var(--raTabHeaderTx);
    border-radius: 4px;
    filter: invert(60%);

}

.ratab th div[data-ptfloat] input,
.ratab th div[data-ptfloat] select {
    background-color: rgba(255,255,255,.8);
    color: var(--raTabTx);
    font-weight: bold;
    filter: invert(0%);
}

.pagination {
    all: unset;
    display: block;
}

.pagination ul {
    border-top: 1px dashed var(--rablack);
    border-bottom: 1px dashed var(--rablack);
    background-color: var(--rawhite);
}

.pagination li {
    border-right: 1px dashed var(--rablack);
    color: var(--rablack);
    line-height: 1.2em;
    vertical-align: middle;
}



div.container-middle {
    display: table-cell;
    vertical-align: middle;
    align-content: center;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

div.container-middle div:first-child {
    display: block;
    margin: auto;
}



.wm {
    width: 50%;
}

.ws {
    width: 30%;
}

.wl {
    width: 90%;
}

.padding-1 {
    padding: 1em;
}

.padding-05 {
    padding: .5em;
}

.padding-t1 {
    padding-top: 1em;
}

.padding-b1 {
    padding-bottom: 1em;
}

.mg-t1 {
    margin-top: 1em;
}

.mg-b1 {
    margin-bottom: 1em;
}

.mg-t20h {
    margin-top: 20vh;
}

.clickable {
    cursor: pointer;
}

#praUpBtn {
    display:none;
    padding:1em 1.2em .7em 1.2em;
    border-radius: 50%;
    background: rgba(32, 32, 32, 0.51);
    font-size:1em;
    color:#fff;
    font-weight: bold;
    cursor:pointer;
    position: fixed;
    bottom:10px;
    right:10px;
    box-shadow: 5px 5px 8px rgba(0,0,0,.4);

}



.ui-tooltip {
    background: var(--rablack);
    border: 1px solid var(--rawhite);
}
.ui-tooltip {
    padding: 5px 10px;
    color: var(--rawhite);
    border-radius: 10px;
    font: bold .9em "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px rgba(0,0,0,.7);
    margin-top: -.5em;
}

.brand {
    max-width: 150px;
    height: auto;
}




@media screen and (max-width: 600px) {
    .wm,
    .ws,
    .wl {
        width: unset;
    }

    div.ratab {
        width: 99vw;
    }

}