 
@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
//@import "../fonts/stylesheet.css";
 
body{
    margin-top: 10px;
}



.myselect_mkfool{
    background-color: #7ffffa;
    text-align: right;
    font-weight: bolder;

}
.myselect_mhjoz{
    background-color: #ea9502;
    text-align: right;
    font-weight: bolder;

}
.myselect_contract_ended{
    background-color: #be0404;
    text-align: right;
    font-weight: bolder;

}


#wrapper {
    width:252px;
    height:410px;
    margin:0 auto 0 auto;
    position:relative;
    top:116px;
    padding:24px 0 0 0;
    background:#fff;
}
.key {
    border-radius: 50px 50px 50px 50px;
    color:#444;
    width:80px;
    height:80px;
    text-align:center;
    font-size:40px;
    float:left;
    box-sizing:border-box;
    padding:5px 0 0 0;
    margin:0 7px 10px 7px;
    border:3px solid #444;
    cursor:pointer;
}
.key span {
    display:block;
    color:#444;
    text-align:center;
    font-size:12px;
    text-transform:uppercase;
}
.key.special {
    line-height:60px;
}
.key.nb {
    border:none;
}
.key.phone {
    background:#5CDB74;
    border:none;
    color:#FFF;
    line-height:60px;
    font-size:40px;
}
.clear {
    clear:both;
}




.vticker{
    border: 1px dashed grey;

}
.vticker ul{
    padding-bottom: 0px;
}
.vticker li{

    list-style: none;

    padding: 10px;

}
.et-run{

}


.tb_border {

    border: 2px dashed #000000; 
}


.normal_squer {

    margin:  5px 5px 12px 5px;
    width: 35px;
    height: 35px;
    background: #fbfbfb;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}


.normal_squer img {

    display: block;
    width: 30px;
    height: 30px;
    margin: 3px;
}

.small_box{
    margin-top: 8px;
    margin-right: 8px;
    font-size: 18px
}


.loading_img{
    width: 100px;
    height: 100px;
    position: absolute; 


    margin-right: 50%;
    margin-top: 25%;
    z-index: 1000;

}


.p-tag-r-14-b{
    font-family:  'Droid Arabic Kufi', sans-serif; font-size: 14px;font-weight: bold  ;
    text-align: right;
}

.p-tag-r-14-n{
    font-family:  'Droid Arabic Kufi', sans-serif; ;font-size: 14px;font-weight: normal  ;
    text-align: right;
}

.p-tag-r-16-b{
    font-family:  'Droid Arabic Kufi', sans-serif; ;font-size: 14px;font-weight: bold  ;
    text-align: right;
}

.p-tag-r-16-n{
    font-family:  'Droid Arabic Kufi', sans-serif; ;font-size: 14px;font-weight: normal  ;
    text-align: right;
}


@media print{
    p.footnotes {
        page-break-after: always;
        text-align: center;
    }

    .no-print {
        visibility: hidden;
    }



    .footnotes {
        page-break-after: always;
        text-align: center;
    }
    table, th, td {
        border: none !important;
         
        padding: 0px !important;
        font-family:  'Droid Arabic Kufi';
        font-size: 12px;
        font-weight: normal
    }

}


/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
  position: absolute;
  padding: 5px;
  pointer-events: none;
}

/* align glyph */
.left-addon .glyphicon  { left:  20px;}
.right-addon .glyphicon { right: 20px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

 