@import "compass";


.container {
    width: 100%;
    //height: 500px;
    //background-color: #f3f3f3;
//background-color: #eeeeee;
    margin: 0 auto;
    margin-top: 50px;
    border-radius: 10px;
    position: relative;
    font-family: IranSans !important;
    font-size: 14px;
}

.notification {

    display: block;
    width: 75%;
    height: 40px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
//background-color: #fcf8e3;
    position: relative;
    top: 25px;
    border-radius: 10px;
    line-height: 40px;

    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;

    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;

    border-radius: .25rem;

}

.table-container {

    position: relative;
    background-color: #ffffff;
    border: 2px dashed #b9b9b9;
    height: 300px;
    display: block;
    border-radius: 15px;
    /*width: 90%;*/
    width: 800px;
    margin: 0 auto;
    margin-top: 50px;
    direction: rtl;

.right {
    width: 25%;
    height: 300px;
    float: right;
    border-radius: 15px;
    border-left: 2px dashed #b9b9b9;

.mobile-number {

    height: 75px;
    display: block;
    border: 1px solid;
    border-radius: 8px;
    width: 90%;
    text-align: center;
    margin: 5px auto;
    margin-top: 65px;

    p{
        margin:0;

        &:first-child{
            margin-top: 20px;
        }
    }

}
.id-number {

    height: 75px;
    display: block;
    border: 1px solid;
    border-radius: 8px;
    width: 90%;
    text-align: center;
    margin: 5px auto;

    p{
    margin:0;

    &:first-child{
    margin-top: 20px;
    }
}

}
}

.left {
    width: 74%;
    height: 300px;
    float: left;
//background: #f8f4f4;
    background: rgba(255,255,255,0.1);
    border-radius: 15px;
    border-right: 2px dashed #b9b9b9;
.info {
//width: 65%;
    display: block;
    height: 250px;
    float: right;
    position: relative;

.info-text {
    margin: 0 auto;
    padding: 0 10px;
}

.logo {
    position: absolute;
    margin: 0 auto;
    top: 75px;
    /* width: 100%; */
    left: 125px;
    text-align: center;


img{
    width: 180px;
    height: 180px;
    opacity: 0.5;
}

}

.greeting{
    padding: 20px;
    height: 100px;
    text-align: justify;
}

.event-date{
    padding: 20px;

//.place{
  //  display: block;
  //}
//
//.time-day{
  //  display: block;
  //}
//
//.time-start{
  //  display: block;
  //}

*{
    display: block;
}
}

}
.barcode {
    width: 35%;
    height: 300px;
    border-top-left-radius: 15px;
    float: left;
img {
    width: 100%;
    margin-top: 25px;
}
}
.writer {
    text-align: center;
    height: 50px;
    width: 100%;
    display: block;
    border-bottom-left-radius: 15px;
    float: right;
span {
    padding: 0 5px;
    line-height: 50px;
}
}
}
}




/*IranSans*/
@font-face {
    font-family: 'IranSans';
    src: url('../fonts/iransans/IRANSansWeb.eot');
    src: url('../fonts/iransans/IRANSansWeb.eot?#iefix') format('embedded-opentype')
    , url('../fonts/iransans/IRANSansWeb.woff2') format('woff2')
    , url('../fonts/iransans/IRANSansWeb.woff') format('woff')
    , url('../fonts/iransans/IRANSansWeb.ttf') format('truetype')
    /*, url('../fonts/iransans/IRANSansWeb.svg#AIranianSans') format('svg')*/
;
}
/*IranSansBold*/
@font-face {
    font-family: 'IranSansBold';
    src: url('../fonts/iransans/bold/IRANSansWeb_Bold.eot');
    src: url('../fonts/iransans/bold/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype')
    , url('../fonts/iransans/bold/IRANSansWeb_Bold.woff2') format('woff2')
    , url('../fonts/iransans/bold/IRANSansWeb_Bold.woff') format('woff')
    , url('../fonts/iransans/bold/IRANSansWeb_Bold.ttf') format('truetype')
    /*, url('../fonts/iransans/IRANSansWeb.svg#AIranianSans') format('svg')*/
;
}
/*IranSansMedium*/
@font-face {
    font-family: 'IranSansMedium';
    src: url('../fonts/iransans/medium/IRANSansWeb_Medium.eot');
    src: url('../fonts/iransans/medium/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype')
    , url('../fonts/iransans/medium/IRANSansWeb_Medium.woff2') format('woff2')
    , url('../fonts/iransans/medium/IRANSansWeb_Medium.woff') format('woff')
    , url('../fonts/iransans/medium/IRANSansWeb_Medium.ttf') format('truetype')
    /*, url('../fonts/medium/IRANSansWeb_Medium.svg#AIranianSans') format('svg')*/
;
}
/*IranSansLight*/
@font-face {
    font-family: 'IranSansLight';
    src: url('../fonts/iransans/light/IRANSansWeb_Light.eot');
    src: url('../fonts/iransans/light/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype')
    , url('../fonts/iransans/light/IRANSansWeb_Light.woff2') format('woff2')
    , url('../fonts/iransans/light/IRANSansWeb_Light.woff') format('woff')
    , url('../fonts/iransans/light/IRANSansWeb_Light.ttf') format('truetype')
    /*, url('../fonts/iransans/IRANSansWeb.svg#AIranianSans') format('svg')*/
;
}