* {
    font-family: DroidNaskh,weyekan,Tahoma,sans-serif;
}

.rounded_corners {
}

    .rounded_corners td, .rounded_corners th {
        border: 1px solid skyblue;
        font-family: DroidNaskh,weyekan,Tahoma,sans-serif;
        font-size: 10pt;
        text-align: center;
    }

    .rounded_corners table table td {
        border-style: none;
    }

    .rounded_corners tr:hover {
        background-color: #0074D9 !important;
        color: #FFF !important;
    }


.rounded_corners {
    border-collapse: collapse;
}

    .rounded_corners tr th {
        padding: 8px;
        color: white;
        background-color: #3AC0F2;
        transition: background-color 1s;
    }


    .rounded_corners tr:nth-child(even) {
        background: #A1DCF2;
    }

    .rounded_corners tr:nth-child(odd) {
        border: 1px solid #A1DCF2;
        color: white;
        background-color: white;
    }

    .rounded_corners td {
        padding: 3px;
    }

.myGridStyle tr:last-child td {
}


#scrolsetdiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#scrolsetdiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#scrolsetdiv::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

#scrolsetdiv::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #D62929;
}


.img-circle {
    border-radius: 50%;
    border-top-left-radius: 50% 50%;
    border-top-right-radius: 50% 50%;
    border-bottom-right-radius: 50% 50%;
    border-bottom-left-radius: 50% 50%;
}

.login-btn {
    background: #ff9a2d; /* Old browsers */
    background: -moz-linear-gradient(top, #ff9a2d 0%, #e36b00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9a2d), color-stop(100%,#e36b00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff9a2d 0%,#e36b00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff9a2d 0%,#e36b00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff9a2d 0%,#e36b00 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff9a2d 0%,#e36b00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a2d', endColorstr='#e36b00',GradientType=0 ); /* IE6-9 */
    border: 1px solid #e28000;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: inset 0 0 2px rgba(255,255,255,0.5);
    font: 8.8pt tahoma;
    color: white;
}


    .login-btn:hover {
        background: #ffd21f;
    }

.btnclass {
    background-color: blue;
}

    .btnclass:hover {
        background-color: #ff9a2d;
    }

.imagec {
    margin: 2px;
    padding: 3px;
    transition: all 0.3s ease-in;
    border: 1px solid transparent;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

    .imagec:hover {
        background: #D8F2FC;
        border: 1px solid #51BAE3;
    }

    .imagec a {
        text-decoration: none;
    }

.base-timer {
   
}

.base-timer__svg {
    transform: scaleX(-1);
}

.base-timer__circle {
    fill: none;
    stroke: none;
}

.base-timer__path-elapsed {
    stroke-width: 10px;
    stroke: grey;
}

.base-timer__path-remaining {
    stroke-width: 10px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
}

    .base-timer__path-remaining.green {
        color: rgb(65, 184, 131);
    }

    .base-timer__path-remaining.orange {
        color: orange;
    }

    .base-timer__path-remaining.red {
        color: red;
    }

.base-timer__label {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}