﻿/* Sets the containers height and width */
.base-timer {
    position: relative;
    /*height: 300px;*/
    width: 100%;
    height: 20px;
    /*width: 79px;*/
    text-align: right;
    /*margin-right: 24%;*/
    margin-top: 2px !important;
    display: table;
    font-size: 20px;
}

/* Removes SVG styling that would hide the time label */
.base-timer__circle {
    fill: none;
    stroke: none;
}

/* The SVG path that displays the timer's progress */
.base-timer__path-elapsed {
    stroke-width: 7px;
    stroke: grey;
}

.otp-timer {
    /*background-color: red;*/
    /*position: absolute;*/
    /*top:48px;*/
    font-size: 17px;
    width: 100%;
    text-align: center;
}

.text {
    font-size: 20px;
}

.otp-timer > span {
    /*font-size: 40px;*/
    color: #F36F21;
}

#seoPanel input[type='text'] {
    background-color: lightgray;
    /*margin-bottom: 15px;*/
    height: 26px;
    text-align: center;
    width: 100%;
}

#seoPanel input[type='submit'] {
    margin: auto;
    display: table;
    width: 100%;
    margin-bottom: 20px;
    height: 26px;
    padding-top: 1px;
}

#notic, .modal-body > p {
    font-size: 20px !important;
    margin-right: 20px;
}

.modal-header {
   /* background-color: #6c55b4 !important; */
    
}


#seoForm {
    direction: rtl !important;
    display: table;
    text-align: right;
}
