@charset "utf-8";

/* CSS Document */

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

@font-face {

	font-family: 'CoconLight';

	src: url('../fonts/CoconLight.eot');

	src: local('CoconLight'), url('../fonts/CoconLight.woff') format('woff'), url('../fonts/CoconLight.ttf') format('truetype');

}

html{

	height:100%;

	width:100%;

	position:relative;

}

body {

	margin: 0px;

	padding: 0px;

	text-align: right;

	direction: rtl;

	height:100%;

	width:100%;

	position:relative;

	background:#f8f8f8;

	font-weight: 400;

	font-family: 'Droid Arabic Kufi', serif;

}

a {

	text-decoration: none;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	transition: all 0.5s ease;

	color: #3e7bab;

    cursor:pointer;

}

a:hover {

	text-decoration: none;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

img {



	border: none;

}



.responcive-img {

	max-width: 100% !important;

}

ul, dl {

	list-style: none;

	margin: 0px;

	padding: 0px;

}

a, strong, i, big {

	font-weight: normal;

	font-style: normal;

}

h1, h2, h3, h4, h5, h6, p {

	font-weight: normal;

	padding: 0px;

	margin: 0px;

}

label{

    cursor: pointer;

    transition: all 0.5s ease;

}

 

label input[type="radio"]{

    margin-left: 10px;

    margin-top: 6px;

    float: right;

}

input, textarea, select {

	font-family: 'Droid Arabic Kufi';

}

input[type=text],input[type=password],input[type=number],input[type=email],input[type=tel]{

	margin: 0px;

	padding: 5px 8px;

	border:1px solid #ddd;

	border-radius:2px;

	height:32px;

	width:100% !important;

	background:#fff;

	font-size:0.9em;

	color:#62676a;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	transition: all 0.5s ease;

}



select{

	margin: 0px;

    cursor: pointer;

 

	border:1px solid #ddd;

	border-radius:2px;

	height:32px;

	width:100% !important;

	background:#fff;

	font-size:0.8em;

	color:#62676a;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

 

input[type=file]{

	margin: 0px;

	padding: 2px 8px;

	border:1px solid #ddd;

	border-radius:2px;

	height:32px;

	width:100%;

	background:#fff;

    cursor: pointer;

	font-size:0.9em;

	color:#62676a;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	transition: all 0.5s ease;

    direction: ltr;

}

textarea{

	margin: 0px;

	padding: 2px 8px;

	border:1px solid #ddd;

	border-radius:2px;

	width:100%;

	background:#fff;

	font-size:0.84em;

	color:#62676a;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	transition: all 0.5s ease;

   

}

 

 

input[type=text]:focus{

	background:#eceff1;

	border-color:#aac7d5;

}

input[type=tel]:focus{

	background:#eceff1;

	border-color:#aac7d5;

}

textarea:focus{

	background:#eceff1;

	border-color:#aac7d5;

}

input[type=password]:focus{

	background:#eceff1;

	border-color:#aac7d5;

}

input[type=email]:focus{

	background:#eceff1;

	border-color:#aac7d5;

}

input[type=number]:focus{

	background:#eceff1;

	border-color:#aac7d5;

}

input[type=submit] {

margin: 5px;

	padding: 0px;

	border: none;

	cursor:pointer;

	font-size:0.9em;

	font-family: 'Droid Arabic Kufi';

	font-weight:bolder;

	transition: all 0.5s ease;

}







input[type=button]{

	margin: 5px;

	padding: 0px;

	border: none;

	cursor:pointer;

	font-size:0.9em;

	font-family: 'Droid Arabic Kufi';

	font-weight:bolder;

	transition: all 0.5s ease;

}

input[type=reset]{

	margin: 5px;

	padding: 0px;

	border: none;

	cursor:pointer;

	font-size:0.9em;

	font-family: 'Droid Arabic Kufi';

	font-weight:bolder;

	transition: all 0.5s ease;

}

input[type=reset]:hover{

	background:#666 !important;

}

input[type=button]:hover{

	background:#666 !important;

}

input[type=submit]:hover{

	background:#666 !important;

}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  font-size: 0.75em;

}

::-moz-placeholder { /* Firefox 19+ */

 font-size: 0.75em;

}

:-ms-input-placeholder { /* IE 10+ */

  font-size: 0.75em;

}

:-moz-placeholder { /* Firefox 18- */

  font-size: 0.75em;

}

 

/*/*/

.blue-btn{

	background:#0b7fb5;

	color:#fff;

}

/*/*/

.blue-ti{

	color:#0b7fb5;

	border-color:#0b7fb5;	 

}



.green-ti{

	color:#78a220;

	border-color:#78a220;	 

}





.red-ti{

	color:#d92c2c;

	border-color:#d92c2c;

    

}



/*/*/



.da-icon {

	background-image: url(../images/cle-ico.png) !important;

	background-position: left !important;

	background-repeat: no-repeat !important;

	padding-left: 38px !important;

    cursor: pointer;

   

}

/*Colors*/



.green-color{

	color:#78a220 !important;

}

.red-color{

	color:#d92c2c !important;

}

.black-color{

	color:#3a3a39 !important;

}



/*background*/



.green-bg{

	background-color: #81a731 !important;

    color: #fff;

}

.blue-bg{

	background-color: #036d9e !important;

    color: #fff;

}

.red-bg{

	background-color:#d92c2c !important;

    color: #fff;

}

.black-bg{

	background-color: #3a3a39 !important;

    color: #fff;

}

.sky-bg{

	background-color: #f7fcfe !important;

   

}



.gry-bg{

	background-color:#f5f4f4 !important;

   

}



/*item postion*/

.left{

    float: left;

    margin-right: 5px;

}

.right{

    float: right;

     margin-left: 5px;



}

 



/*/*/

.result-ti{

	font-size:0.8em;

	display:block;

	clear:both;

	padding:0px 6px 4px 0px;

}


.result-ti-h{

	font-size:0.7em;

	display:block;

	clear:both;

	padding:0px 6px 4px 0px;

}


.small-result-ti{

	font-size:11px;

	display:block;

	clear:both;

    font-weight: bolder;

	padding:11px 6px 4px 0px;

}

.result-view{

	font-size:0.8em;

	border:1px solid #e9e9e9;

	border-radius:3px;

	height:32px;

	padding:0px 16px;

	line-height:31px;

	display:block;

	background:#fff;

}

.result-view-h{

	font-size:0.7em;

	border:1px solid #e9e9e9;

	border-radius:3px;

	height:32px;

	padding:0px 16px;

	line-height:31px;

	display:block;

	background:#fff;

}

.bold{

	font-weight:bolder;

}



.data-item{

	display:block;

	padding:12px 13px 15px 0px;

	clear:both;

	overflow:auto;

	border:1px solid #eee;

}

 



.data-item:nth-child(even){

	background:#fbfbfb;

	 

 

}

/*/*/

.form-button{

    min-width: 90px;

    padding: 0px 9px !important;

    line-height: 35px !important;

    height: 35px;

    font-weight: normal !important;

    border-radius: 4px;



}

.view-form-btn{

     min-width: 90px;

    padding: 0px 9px !important;

    line-height: 27px !important;

    height: 31px;

    margin:1px 0px 0px 0px !important;

    font-weight: normal !important;

    border-radius: 2px;

    text-align: center;

    cursor: pointer;

    font-size:0.9em;

   



}

.view-form-btn:hover{

    background: #666 !important;

}



/*heights*/

.bx-height-1{

	height:300px;

	overflow:auto;

	padding:14px 30px 14px 10px;

}

.bx-height-2{

	height:253px;

	overflow:auto;

	padding:14px 30px 14px 10px;

}



.bx-height-3{

	height:314px;

	overflow:auto;

	padding:14px 30px 14px 10px;

}



.bx-height-4{

	min-height:342px;

	overflow:auto;

	padding:14px 34px 14px 20px;

}

.bx-height-5{

	min-height:342px;

	overflow:auto;

	padding:16px 20px 14px 5px;

}



.emp-height-1{

	min-height:210px;

	overflow:auto;

	padding:0px 20px 14px 5px;

}



.host-height{

	min-height:498px;

	overflow:auto;

	padding:16px 20px 14px 5px;

}

.host-height-2{

	min-height:498px;

	overflow:auto;

	padding:16px 20px 0px 5px;

}

.host-height label{

    padding-top: 4px;

}



.host-type-bx{

    display: block;

    padding: 5px;

    clear: both;

    padding-right: 20px;

    padding-bottom: 12px;

    background: #fafafa;

    overflow: auto;

    margin:10px -11px 0px -11px;



}