@font-face{
    font-family:"exo";
    src:"../fonts/Exo2-Regular.ttf";
}

@font-face{
    font-family:"kanit";
    src:"../fonts/Kanit-Regular.ttf";
}

@font-face{
    font-family:"lateef";
    src:"../fonts/LateefRegOT.ttf";
}

@font-face{
    font-family:"sourceserif";
    src:"../fonts/SourceSerifPro-Regular.ttf";
}

@font-face{
    font-family:"play";
    src:"../fonts/Play-Regular.ttf";
}

html,body{
    margin:0;
    padding:0;
    height:100%;
}

.yb_wrapper{
    min-height:100%;
    position:relative;
    width:100%;
    background-color:#dddddd;
    /*background-image:url(../images/background.jpg);
    background-size:contain;*/
}

.yb_logo{
    height:94px;
    width:150px;
    position:absolute;
    margin:auto;
    right:0;
    left:0;
    top:150px;
    background-image:url(../images/yb_logo.png);
    background-size:100% 100%;
}

.yb_content{
    height:300px;
    width:350px;
    background:#eeeeee;
    position:absolute;
    margin:auto;
    right:0;
    left:0;
    top:0;
    bottom:0;
    box-shadow:1px 1px 50px rgba(128,128,128,0.35);
}

.yb_content_heading{
    height:35px;
    width:150px;
    position:absolute;
    margin:auto;
    font-family:"play";
    font-size:30px;
    color:rgba(128,128,128,0.7);
    top:35px;
    left:20px;
    letter-spacing:0.5px;
}

.yb_content_form_table{
    width:310px;
    border-collapse:collapse;
    position:absolute;
    margin:auto;
    right:0;
    left:0;
    top:90px;
}

.yb_input_activate{
    height:30px;
    width:100%;
    background:none;
    border:none;
    border-bottom:1px solid transparent;
    border-image: url(../images/horizontal_line.png) 3 stretch;
    font-family:"play";
    color:#808080;
    font-size:17px;
    text-align:center;
    letter-spacing:0.2px;
    outline:none;
    margin-top:5px;
}

.yb_input_activate::placeholder{
    color:#bbbbbb;
}

.yb_input_submit{
    height:45px;
    width:100%;
    background:#454545;
    color:#eeeeee;
    font-size:17px;
    font-family:"play";
    letter-spacing:0.2px;
    margin-top:35px;
    outline:none;
    cursor:pointer;
}

.yb_content_form_table_td_message{
    text-align:center;
    font-size:12px;
    font-family:"play";
    letter-spacing:0.5px;
    padding-top:25px;
    color:#808080;
}