/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

  @font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 400;
    src: url('fonts/YekanBakhEN03Light.eot'),
    url('fonts/YekanBakhEN03Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/YekanBakhEN03Light.ttf') format('truetype');
}
@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 500;
    src: url('fonts/YekanBakhEN04Regular.eot'),
    url('fonts/YekanBakhEN04Regular.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/YekanBakhEN04Regular.ttf') format('truetype');
}
@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 700;
    src: url('fonts/YekanBakhEN06Bold.eot'),
    url('fonts/YekanBakhEN06Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/YekanBakhEN06Bold.ttf') format('truetype');
}


.vpd-icon-btn {
    padding: 0 15px !important;
    border-radius: 0px 3px 3px 0px !important;
}

button.submit {
    background: #66cc33;
    color: #045e04;
}

.lock {
background: #f44336 !important;
    border: none !important;

    cursor: default;
    border-right: 4px solid #f44336;
    text-align: center !important;
    color: #FFF !important;
    font-weight: bold !important;
    padding-top: 16px !important;
    pointer-events: none;
}

.Friday-dates {
    color: red;
}
.lock span.checkmark {
    display: none;
}

.brack {
    display: block;
    width: 100%;
    height: 20px;
}

.summary h3 {
    text-align: justify;
    direction: rtl;
    font-size: 19px;
    font-weight: 500 !important;
}

.summary h3 span {
    color: #f8bd2c;
    font-weight: bold;
}

 .myloader{
    position: relative;
    width: 50px;
    height: 50px;
    top: unset;
    left: unset;
    margin-left: unset;
    margin-top: unset;
    -webkit-animation: circle infinite .95s linear;
    -moz-animation: circle infinite .95s linear;
    -o-animation: circle infinite .95s linear;
    animation: circle infinite .95s linear;
    border: 2px solid #333;
    border-top-color: rgba(0,0,0,.2);
    border-right-color: rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.2);
    border-radius: 100%;
    display: none;
    margin: auto;
}



span.loader-text {
    width: 100%;
    text-align: center !important;
    margin: auto;
    margin-top: 12px;
    font-weight: 500 !important;
    font-size: 17px;
    color: #443c6a;
    display: none;
}

.show{
    display:block !important;
}