@import url(https://fonts.googleapis.com/css?family=Roboto:500,100,300,700,400);

@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
 .droid-arabic-kufi{font-family: 'Droid Arabic Kufi', serif;}

.ar{
direction:rtl;
text-align:right;
font-family: 'Droid Arabic Kufi', serif;
}

.ar_header{
direction:rtl;
text-align:right;
font-family: 'Droid Arabic Kufi', serif;
/*color:#a29061;*/
}

.btn{
font-family: 'Droid Arabic Kufi', serif;
}


.instruction tbody tr td, .instruction tbody tr th, .instruction thead tr th {
	border: none;
    background-color:#efefef;
	font-size:12px;
	margin-top:20px;
	color:#343434;
	text-align:justify;
	padding:15px;
}
.ar_ins{
direction:rtl;
text-align:right;
font-family: 'Droid Arabic Kufi', serif;
}


* {
  margin: 0;
  padding: 0;
  font-family: roboto;
}

body { background: #fff; }


body > .container {
  padding: 80px 15px 0;
}
.container .text-muted {
  margin: 0px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

.toppage_border{
background-color:#00a389;
height:20px;
}

.navbar{
background-color:#ffffff;
margin-bottom:0px;
border:none;
}

.table{
margin-top:0px;
padding-top:0px;
margin-bottom:0px;
padding-bottom:0px;
}

.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    border: none;
}

.borderless img.moh_vision_logo{
	margin-top:0px;
	width:auto;
	height:60px;

}

.borderless img.client_logo{
	margin-top:0px;
	width:auto;
	height:60px;

}

 .borderless img.hl_logo{
    	width:auto;
    	height:70px;

    }



div.stars {
  text-align:center;
  width: 480px;
  display: block;
  margin-top:0px;
  margin-bottom:40px;
  
}

input.star { display: none; }

label.star {
  float: left;
  padding-right: 19px;
  padding-left: 19px;
  padding-top: 5px;
  font-size: 60px;
  color: #444;
  transition: all .2s;
}

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #00abc5;
  transition: all .25s;
}

input.star-5:checked ~ label.star:before {
  color: #00abc5;
  text-shadow: 0 0 20px #00abc5;
}

input.star-1:checked ~ label.star:before { color: #9BA9AE; }

/*label.star:hover { transform: rotate(-15deg) scale(1.3); }*/
label.star:hover { transform: scale(1.3); }

label.star:before {
  content: '\f006';
  font-family: FontAwesome;
}


/* NEW STYLES : start */
.label_bubble{
  width:20%;
  height:45px;
  text-align:center;
  color:white;
  vertical-align:10px;
  padding-top:0px;
  background:url(call_bubble3.png);
  background-size:100%;'
}
/* NEW STYLES : end */


.star_clear_btn{
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  line-height:15px;

  margin-top:10px;
  background-color: #00abc5;
  color:white;
  padding:6px;
  font-size:12px;

  -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;


}

.star_clear_btn:hover {
    background-color: #f44336;
    color: black;
}


input[type=text], input[type=password], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
  width:300px;
  font-size:18px;
  color:#909090;
  text-align:center;
  -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}


input[type=text]:focus, input[type=password]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}




textarea{
width:600px;
}



/* CSS radiobutton : start */
input[type=radio].question {
    display:none;
}

input[type=radio].question + label {
    display:inline-block;
    margin:-3px;
    padding: 15px 15px;
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	width:120px;
}

input[type=radio].question:checked + label {
       background-image: none;
    outline: 0;
	text-shadow: 0 1px 1px rgba(6,90,103,0.75);
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        background-color:#f7d408;
		color:black;
}
/* CSS radiobutton : end */





@media screen and (max-width: 767px) {



    div.stars {
      align:center;
      width: 310px;
      display: block;
    }

    input.star { display: none; }

    label.star {
      float: left;
      padding-right: 11px;
      padding-left: 11px;
      padding-top: 0px;
      font-size: 40px;
      color: #444;
      transition: all .2s;
    }

    input.star:checked ~ label.star:before {
      content: '\f005';
      color: #00abc5;
      transition: all .25s;
    }

    input.star-5:checked ~ label.star:before {
      color: #00abc5;
      text-shadow: 0 0 20px #00abc5;
    }

    input.star-1:checked ~ label.star:before { color: #9BA9AE; }

    /*label.star:hover { transform: rotate(-15deg) scale(1.3); }*/
    label.star:hover { transform: scale(1.3); }

    label.star:before {
      content: '\f006';
      font-family: FontAwesome;
    }


    /* NEW STYLES : start */
    .label_bubble{
      width:20%;
      height:43px;
      text-align:center;
      color:white;
      padding-top:0px;
      background:url(call_bubble3.png);
      background-size:100%;
      font-size: 10px;
      vertical-align: top;
    }
    /* NEW STYLES : end */



    textarea{
    width:300px;
    }


    .borderless img{
    	width:120px;
    	height:auto;

    }

 	 .borderless img.moh_vision_logo{
    	margin-top:0px;
    	width:auto;
    	height:50px;

    }

      .borderless img.client_logo{
    	margin-top:5px;
    	width:auto;
    	height:40px;

    }
    
    
    
    .borderless img.hl_logo{
    	width:auto;
    	height:50px;

    }

    input[type=radio].question + label {
    width:200px;
    padding: 10px 0px;
    font-size: 12px;
    line-height: 20px;
    }
    
    .ar{
    clear: both;
direction:rtl;
text-align:right;
text-rendering: geometricPrecision;
}
  
  }