@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url("../fonts.css");


/* POWERED www.Chakirdev.com */

*{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    direction:rtl;
    background:transparent;
    text-decoration: none;
    font-family:'Droid Arabic Naskh', serif;
}

body{
    font-family:'Droid Arabic Naskh', serif;
    direction:rtl;
    background:#DEDEDE;
}
ul{list-style: none;}
input{border-radius:0px;}

.lft{float:left;}
.rgt{float:right;}
.clr{clear:both;}
#HomePage{width:1024px;margin:auto;}
/* HEADER */
header{background:url(http://www.chakirdev.com/demo/beinmatch/images/e.jpg) #185774;height:173px;padding-top: 22px;}
.Head{background: #083671; height: 50px;}
.logo{width:150px;margin-bottom:5px;margin-top:10px;}
.UL li{float: right;}
.UL li a{float: right;padding:15px;text-decoration: none;color: white;font-size: 13px;font-weight: bold;}
.UL li a:hover{background: #02164B;}
/* Header */

/* INDEX */
.Live{border-radius: 10px;margin: 5px;border:1px solid #e2e2e2;}
.table tr td{border: none !important;}
.tablematch{width:100%;text-align:center;margin-bottom: -5px;}
.tdteam{width:10%;}
.tdname{width:28%;}
.tdteam2{width:10%;}
.tdname2{width:28%;}
.tdresult{width:3%;}
.tdbtn{width:35%;}  

.bartoday{background:#CCCCCC;padding:10px;margin: 5px;font-weight: bold;font-size: 17px;}

.nameteam{font-weight: bold;font-size: 17px;margin-top: 15px;}
.result{font-size: 14px;font-weight: bold;border-radius: 5px;background: #CCCCCC;margin:5px;margin-top:15px;padding:7px;}
.flagimg{width:64px;height:64px;margin-top:0px;}
.flagimg2{width:64px;height:64px;margin-top:0px;}

.BtnCenter{border-radius: 5px;font-size: 15px;background: #3BADF8;color: white;margin-top:11px;}
.BtnCenter2{border-radius: 5px;font-size: 15px;background: #CA2C68;color: white;margin-top:11px;border: 1px solid #CA2C68;}
.BtnCenter2:hover{background: #AA0C48;color: white;border: 1px solid #AA0C48;}

.btmArea{background:#F3F3F3;border-radius:0px;margin:3px;border-top:1px solid #CCCCCC;}
.btmArea span{font-weight: bold;padding: 5px;font-size: 13px;}

.backgrounds{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


/* INDEX */


/* LIVE */
iframe{width:98%;height:400px;margin:5px;}  
embed{width:98%;height:400px;margin:5px;}  
.txtbtm{font-family:'tahoma';font-weight:bold;font-size:12px;text-decoration:none;}  
.eye{height:35px;border-radius:5px;padding:5px;font-weight:bold;background: #F4F4F4;}  
#share-buttons img {
width: 28px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}   
#share-buttons a,a:hover {
text-decoration: none;
}   

/* LIVE */

.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;    } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
footer{height:80px;background:#083671;height:35px;color:white;padding:10px;font-size:12px;}

.display-mobile{display: none;}  

@media screen and (min-width: 300px) and (max-width: 400px){
    
.display-desk{display: none;}    
.display-mobile{display: block;} 
    
#HomePage{width:300px;margin:auto;}
    
/* HEADER */
header{background:url(http://www.chakirdev.com/demo/beinmatch/images/e.jpg) center left;height:150px;padding-top: 22px;}
.logo{width:120px;margin-bottom:5px;margin-top:0px;margin-right:30%;}
.UL li{width:25%;}
.UL li i{font-size: 20px;}
.UL li a{float: right;padding:15px;text-decoration: none;color: white;
         font-size: 13px;font-weight: bold;text-align: center;margin-right: 10px;}
/* Header */   
 
/* INDEX */
.Live{border-radius: 10px;margin: 5px;border:1px solid #e2e2e2;}
.table tr td{border: none !important;}
.tablematch{width:96%;text-align:center;margin-bottom: -5px;}    
.tdteam{width:3%;}
.tdname{width:20%;}
.tdteam2{width:3%;margin-left: -20px;}
.tdname2{width:20%;} 
.tdresult{width:auto;}
.tdbtn{width:60%;margin-right: -10px;}   
    
.bartoday{background:#CCCCCC;padding:10px;margin: 5px;font-weight: bold;font-size: 15px;}
.nameteam{font-weight: bold;font-size: 12px;margin-top: 5px;}
.result{font-size: 14px;font-weight: bold;border-radius: 5px;background: #CCCCCC;margin:5px;
margin-top:5px;padding:2px;margin-left: 0px}
    
.flagimg{width:35px;height:35px;margin-top:0px;}
.flagimg2{width:35px;height:35px;margin-top:0px;margin-left:-17px;}
.BtnCenter{border-radius: 5px;font-size: 10px;background: #3BADF8;color: white;margin-top: 0px;padding:5px;}
.BtnCenter2{border-radius: 5px;font-size: 10px;background: #CA2C68;color: white;border: 1px solid #CA2C68;margin-top: 5px;}
  
.btmArea{background:#F3F3F3;border-radius:0px;margin:3px;border-top:1px solid #CCCCCC;}
.btmArea span{font-weight: bold;padding: 5px;font-size: 11px;}
    
    
footer{background:#333333;height:35px;color:white;padding:10px;font-size:11px;font-weight: bold;}

/* INDEX */
    
}

@media screen and (min-width: 361px) and (max-width: 400px){
    
.display-desk{display: none;}    
.display-mobile{display: block;} 
    
#HomePage{width:350px;margin:auto;}
    
/* HEADER */
header{background:url(http://www.chakirdev.com/demo/beinmatch/images/e.jpg) center left;height:150px;padding-top: 22px;}
.logo{width:120px;margin-bottom:5px;margin-top:0px;margin-right:30%;}
.UL li{width:25%;}
.UL li i{font-size: 20px;}
.UL li a{float: right;padding:15px;text-decoration: none;color: white;
         font-size: 13px;font-weight: bold;text-align: center;margin-right: 10px;}
/* Header */   
 
/* INDEX */
.Live{border-radius: 10px;margin: 5px;border:1px solid #e2e2e2;}
.table tr td{border: none !important;}
.tablematch{width:96%;text-align:center;margin-bottom: -5px;}    
.tdteam{width:3%;}
.tdname{width:20%;}
.tdresult{width:auto;}
.tdbtn{width:auto;}   
    
.bartoday{background:#CCCCCC;padding:10px;margin: 5px;font-weight: bold;font-size: 15px;}
.nameteam{font-weight: bold;font-size: 12px;margin-top: 5px;}
.result{font-size: 14px;font-weight: bold;border-radius: 5px;background: #CCCCCC;margin:5px;margin-top:5px;padding:2px;}
.flagimg{width:35px;height:35px;margin-top:0px;}
.BtnCenter{border-radius: 5px;font-size: 10px;background: #3BADF8;color: white;margin-top: 0px;}
.BtnCenter2{border-radius: 5px;font-size: 10px;background: #CA2C68;color: white;border: 1px solid #CA2C68;margin-top: 5px;}
  
.btmArea{background:#F3F3F3;border-radius:0px;margin:3px;border-top:1px solid #CCCCCC;}
.btmArea span{font-weight: bold;padding: 5px;font-size: 11px;}
    
    
footer{background:#333333;height:35px;color:white;padding:10px;font-size:11px;font-weight: bold;}

/* INDEX */
    
}

@media screen and (min-width: 401px) and (max-width: 500px){
    
.display-desk{display: none;}    
.display-mobile{display: block;} 
    
#HomePage{width:400px;margin:auto;}
    
/* HEADER */
header{background:url(http://www.chakirdev.com/demo/beinmatch/images/e.jpg) center left;height:150px;padding-top: 22px;}
.logo{width:120px;margin-bottom:5px;margin-top:0px;margin-right:30%;}
.UL li{width:25%;}
.UL li i{font-size: 20px;}
.UL li a{float: right;padding:15px;text-decoration: none;color: white;
         font-size: 13px;font-weight: bold;text-align: center;margin-right: 10px;}
/* Header */   
 
/* INDEX */
.Live{border-radius: 10px;margin: 5px;border:1px solid #e2e2e2;}
.table tr td{border: none !important;}
.tablematch{width:96%;text-align:center;margin-bottom: -5px;}    
.tdteam{width:3%;}
.tdname{width:25%;}
.tdresult{width:auto;}
.tdbtn{width:40%;}   
    
.bartoday{background:#CCCCCC;padding:10px;margin: 5px;font-weight: bold;font-size: 15px;}
.nameteam{font-weight: bold;font-size: 12px;margin-top: 5px;}
.result{font-size: 14px;font-weight: bold;border-radius: 5px;background: #CCCCCC;margin:5px;margin-top:5px;padding:2px;}
.flagimg{width:35px;height:35px;margin-top:0px;}
.flagimg2{width:35px;height:35px;margin-top:0px;margin-left:-17px;}
.BtnCenter{border-radius: 5px;font-size: 10px;background: #3BADF8;color: white;margin-top: 0px;}
.BtnCenter2{border-radius: 0px;font-size: 10px;background: #CA2C68;color: white;border: 1px solid #CA2C68;margin-top: 5px;}
  
.btmArea{background:#F3F3F3;border-radius:0px;margin:3px;border-top:1px solid #CCCCCC;}
.btmArea span{font-weight: bold;padding: 5px;font-size: 11px;}
    
    
footer{background:#333333;height:35px;color:white;padding:10px;font-size:11px;font-weight: bold;}

/* INDEX */
    
}

@media screen and (min-width: 501px) and (max-width: 600px){
    
.display-desk{display: none;}    
.display-mobile{display: block;} 
    
#HomePage{width:500px;margin:auto;}
    
/* HEADER */
header{background:url(http://www.chakirdev.com/demo/beinmatch/images/e.jpg) center left;height:150px;padding-top: 22px;}
.logo{width:120px;margin-bottom:5px;margin-top:0px;margin-right:40%;}
.UL li{width:25%;}
.UL li i{font-size: 20px;}
.UL li a{float: right;padding:15px;text-decoration: none;color: white;
         font-size: 13px;font-weight: bold;text-align: center;margin-right: 10px;}
/* Header */   
 
/* INDEX */
.Live{border-radius: 10px;margin: 5px;border:1px solid #e2e2e2;}
.table tr td{border: none !important;}
.tablematch{width:96%;text-align:center;margin-bottom: -5px;}    
.tdteam{width:3%;}
.tdname{width:25%;}
.tdresult{width:auto;}
.tdbtn{width:40%;}   
    
.bartoday{background:#CCCCCC;padding:10px;margin: 5px;font-weight: bold;font-size: 15px;}
.nameteam{font-weight: bold;font-size: 12px;margin-top: 5px;}
.result{font-size: 14px;font-weight: bold;border-radius: 5px;background: #CCCCCC;margin:5px;margin-top:5px;padding:5px;}
.flagimg{width:35px;height:35px;margin-top:0px;}
.flagimg2{width:35px;height:35px;margin-top:0px;margin-left:-17px;}
.BtnCenter{border-radius: 5px;font-size: 10px;background: #3BADF8;color: white;margin-top: 0px;}
.BtnCenter2{border-radius: 0px;font-size: 10px;background: #CA2C68;color: white;border: 1px solid #CA2C68;margin-top: 5px;}
  
.btmArea{background:#F3F3F3;border-radius:0px;margin:3px;border-top:1px solid #CCCCCC;}
.btmArea span{font-weight: bold;padding: 5px;font-size: 11px;}
    
    
footer{background:#333333;height:35px;color:white;padding:10px;font-size:11px;font-weight: bold;}

/* INDEX */
    
}

@media screen and (min-width: 601px) and (max-width: 700px){
    
.display-desk{display: none;}    
.display-mobile{display: block;} 
    
#HomePage{width:600px;margin:auto;}
    
/* HEADER */
header{background:url(http://www.chakirdev.com/demo/beinmatch/images/e.jpg) center left;height:150px;padding-top: 22px;}
.logo{width:120px;margin-bottom:5px;margin-top:0px;margin-right:40%;}
.UL li{width:25%;}
.UL li i{font-size: 20px;}
.UL li a{float: right;padding:15px;text-decoration: none;color: white;
         font-size: 13px;font-weight: bold;text-align: center;margin-right: 10px;}
/* Header */   
 
/* INDEX */
.Live{border-radius: 10px;margin: 5px;border:1px solid #e2e2e2;}
.table tr td{border: none !important;}
.tablematch{width:96%;text-align:center;margin-bottom: -5px;}    
.tdteam{width:3%;}
.tdname{width:25%;}
.tdresult{width:auto;}
.tdbtn{width:40%;}   
    
.bartoday{background:#CCCCCC;padding:10px;margin: 5px;font-weight: bold;font-size: 15px;}
.nameteam{font-weight: bold;font-size: 17px;margin-top: 5px;}
.result{font-size: 16px;font-weight: bold;border-radius: 5px;background: #CCCCCC;margin:5px;margin-top:5px;padding:5px;}
.flagimg{width:35px;height:35px;margin-top:0px;}
.flagimg2{width:35px;height:35px;margin-top:0px;margin-left:-17px;}
.BtnCenter{border-radius: 5px;font-size: 15px;background: #3BADF8;color: white;margin-top: 0px;}
.BtnCenter2{border-radius: 0px;font-size: 15px;background: #CA2C68;color: white;border: 1px solid #CA2C68;margin-top: 5px;}
  
.btmArea{background:#F3F3F3;border-radius:0px;margin:3px;border-top:1px solid #CCCCCC;}
.btmArea span{font-weight: bold;padding: 5px;font-size: 11px;}
    
    
footer{background:#333333;height:35px;color:white;padding:10px;font-size:11px;font-weight: bold;}

/* INDEX */
    
}
@media screen and (min-width: 701px) and (max-width: 800px){
    
.display-desk{display: none;}    
.display-mobile{display: block;} 
    
#HomePage{width:700px;margin:auto;}
    
/* HEADER */
header{background:url(http://www.chakirdev.com/demo/beinmatch/images/e.jpg) center left;height:150px;padding-top: 22px;}
.logo{width:120px;margin-bottom:5px;margin-top:0px;margin-right:40%;}
.UL li{width:25%;}
.UL li i{font-size: 20px;}
.UL li a{float: right;padding:15px;text-decoration: none;color: white;
         font-size: 13px;font-weight: bold;text-align: center;margin-right: 10px;}
/* Header */   
 
/* INDEX */
.Live{border-radius: 10px;margin: 5px;border:1px solid #e2e2e2;}
.table tr td{border: none !important;}
.tablematch{width:96%;text-align:center;margin-bottom: -5px;}    
.tdteam{width:3%;}
.tdname{width:25%;}
.tdresult{width:auto;}
.tdbtn{width:40%;}   
    
.bartoday{background:#CCCCCC;padding:10px;margin: 5px;font-weight: bold;font-size: 15px;}
.nameteam{font-weight: bold;font-size: 17px;margin-top: 5px;}
.result{font-size: 14px;font-weight: bold;border-radius: 5px;background: #CCCCCC;margin:5px;margin-top:5px;padding:5px;}
.flagimg{width:35px;height:35px;margin-top:0px;}
.flagimg2{width:35px;height:35px;margin-top:0px;margin-left:-17px;}
.BtnCenter{border-radius: 5px;font-size: 15px;background: #3BADF8;color: white;margin-top: 0px;}
.BtnCenter2{border-radius: 5px;font-size: 15px;background: #CA2C68;color: white;border: 1px solid #CA2C68;margin-top: 5px;}
  
.btmArea{background:#F3F3F3;border-radius:0px;margin:3px;border-top:1px solid #CCCCCC;}
.btmArea span{font-weight: bold;padding: 5px;font-size: 11px;}
    
    
footer{background:#333333;height:35px;color:white;padding:10px;font-size:11px;font-weight: bold;}

/* INDEX */
    
}

@media screen and (min-width: 801px) and (max-width: 900px){
    
.display-desk{display: none;}    
.display-mobile{display: block;} 
    
#HomePage{width:800px;margin:auto;}
    
/* HEADER */
header{background:url(http://www.chakirdev.com/demo/beinmatch/images/e.jpg) center left;height:150px;padding-top: 22px;}
.logo{width:120px;margin-bottom:5px;margin-top:0px;margin-right:40%;}
.UL li{width:25%;}
.UL li i{font-size: 20px;}
.UL li a{float: right;padding:15px;text-decoration: none;color: white;
         font-size: 13px;font-weight: bold;text-align: center;margin-right: 10px;}
/* Header */   
 
/* INDEX */
.Live{border-radius: 10px;margin: 5px;border:1px solid #e2e2e2;}
.table tr td{border: none !important;}
.tablematch{width:96%;text-align:center;margin-bottom: -5px;}    
.tdteam{width:3%;}
.tdname{width:25%;}
.tdresult{width:auto;}
.tdbtn{width:40%;}   
    
.bartoday{background:#CCCCCC;padding:10px;margin: 5px;font-weight: bold;font-size: 15px;}
.nameteam{font-weight: bold;font-size: 17px;margin-top: 5px;}
.result{font-size: 14px;font-weight: bold;border-radius: 0px;background: #CCCCCC;margin:5px;margin-top:5px;padding:5px;}
.flagimg{width:50px;height:50px;margin-top:0px;}
.flagimg2{width:50px;height:50px;margin-top:0px;margin-left:-17px;}
.BtnCenter{border-radius: 5px;font-size: 15px;background: #3BADF8;color: white;margin-top: 0px;}
.BtnCenter2{border-radius: 5px;font-size: 15px;background: #CA2C68;color: white;border: 1px solid #CA2C68;margin-top: 5px;}
  
.btmArea{background:#F3F3F3;border-radius:0px;margin:3px;border-top:1px solid #CCCCCC;}
.btmArea span{font-weight: bold;padding: 5px;font-size: 11px;}
    
    
footer{background:#333333;height:35px;color:white;padding:10px;font-size:11px;font-weight: bold;}

/* INDEX */
    
}
@media screen and (min-width: 901px) and (max-width: 990px){
    
.display-desk{display: none;}    
.display-mobile{display: block;} 
    
#HomePage{width:900px;margin:auto;}
    
/* HEADER */
header{background:url(http://www.chakirdev.com/demo/beinmatch/images/e.jpg) center left;height:150px;padding-top: 22px;}
.logo{width:120px;margin-bottom:5px;margin-top:0px;margin-right:40%;}
.UL li{width:25%;}
.UL li i{font-size: 20px;}
.UL li a{float: right;padding:15px;text-decoration: none;color: white;
         font-size: 13px;font-weight: bold;text-align: center;margin-right: 10px;}
/* Header */   
 
/* INDEX */
.Live{border-radius: 10px;margin: 5px;border:1px solid #e2e2e2;}
.table tr td{border: none !important;}
.tablematch{width:96%;text-align:center;margin-bottom: -5px;}    
.tdteam{width:3%;}
.tdname{width:25%;}
.tdresult{width:auto;}
.tdbtn{width:40%;}   
    
.bartoday{background:#CCCCCC;padding:10px;margin: 5px;font-weight: bold;font-size: 15px;}
.nameteam{font-weight: bold;font-size: 17px;margin-top: 5px;}
.result{font-size: 14px;font-weight: bold;border-radius: 5px;background: #CCCCCC;margin:5px;margin-top:5px;padding:5px;}
.flagimg{width:50px;height:50px;margin-top:0px;}
.flagimg2{width:50px;height:50px;margin-top:0px;margin-left: -17px}
.BtnCenter{border-radius: 5px;font-size: 15px;background: #3BADF8;color: white;margin-top: 0px;}
.BtnCenter2{border-radius: 5px;font-size: 15px;background: #CA2C68;color: white;border: 1px solid #CA2C68;margin-top: 5px;}
  
.btmArea{background:#F3F3F3;border-radius:0px;margin:3px;border-top:1px solid #CCCCCC;}
.btmArea span{font-weight: bold;padding: 5px;font-size: 11px;}
    
    
footer{background:#333333;height:35px;color:white;padding:10px;font-size:11px;font-weight: bold;}

/* INDEX */
    
}