html{
    /*background-color: #122a40;*/
    font-family: BYekan !important;
/*    font-weight: bold !important;*/

}

::-webkit-input-placeholder{
    font-family: BYekan !important;
}

.border{
    border: 1px solid black;
}

.m-auto{
    margin: auto !important;
}

.text-center{
    text-align: center !important;
}

.center-center , #container{
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

a{
    text-decoration: none !important;
    color: black !important;
}

a:hover{
    text-decoration: none !important;
}

.outer-page{
    /*width: 50%;*/
    /*height:95%;*/
    background-color: #FFFFFF;
    border-radius: 7px;
}

.outer-page-content{
    /*width: 60%;*/
    /*height: 60%;*/
    margin:auto !important;
    background-color: #fff;
    border-radius: 5px;
    color: #000;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.v-center{
    position: absolute;
    top: 50%;
    /*left: 50%;*/
    -ms-transform: translateX(0) translateY(-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.h-center{
    position: absolute;
    /*top: 50%;*/
    left: 50%;
    -ms-transform: translateX(-50%) translateY(0);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}