/*-------------------------Designed & Developed by Mrhbaa.com------------------------\
|										     |
|	 __  __ _____  _    _ ____                      _____ ____  __  __           |
M	|  \/  |  __ \| |  | |  _ \   /\        /\     / ____/ __ \|  \/  |          M
R	| \  / | |__) | |__| | |_) | /  \      /  \   | |   | |  | | \  / |          R
H	| |\/| |  _  /|  __  |  _ < / /\ \    / /\ \  | |   | |  | | |\/| |          H
B	| |  | | | \ \| |  | | |_) / ____ \  / ____ \ | |___| |__| | |  | |          B
A	|_|  |_|_|  \_\_|  |_|____/_/    \_\/_/    \_(_)_____\____/|_|  |_|          A
A                                                                   		     A
|                                                                  		     |
|										     |
\--------------------------Designed & Developed by Mrhbaa.com-----------------------*/







@charset "utf-8";
*{
    padding: 0;
    border: 0;   
}


@font-face {
	font-family: 'Icons';
	src: url('fonts/Icons.eot');
	src: url('fonts/Icons.eot?#iefix') format('embedded-opentype'), url('fonts/Icons.woff') format('woff'), url('fonts/Icons.ttf') format('truetype'), url('fonts/Icons.svg#Icons') format('svg');
	font-weight: normal !important;
	font-style: normal !important;
}






@font-face {
	font-family: 'GE_Dinar';
	src: url('fonts/GE_Dinar_One_Medium.otf');
	font-weight: normal !important;
	font-style: normal !important;
}


*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

:after,:before{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}


a{font:12px "GE_Dinar", tahoma; color:#1ABC9C; text-align:center; text-decoration:none; list-style:none outside none; direction:rtl; outline:medium none;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

a:focus, a:hover {
    text-decoration: none !important;
}
img, img a, img a:hover {
	border: 0px;
}
ul, li, ol {
	list-style: none outside none;
	padding: 0;
}
h3, h1, h2 {
	margin: 0px;
	font-weight: normal;
}
h1 {
	font-size: 20px
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
.clr {clear: both;}
.topic_title_span {
    display: block;
    float: right;
    font-family: Icons;
    font-size: 15px;
    font-weight: normal;
    width: 20px;
    margin-left: 5px;
}
html, body {height:100%; margin:0; padding:0}
body {font:12px "GE_Dinar"; color:#34495e; direction:rtl;}

#mrhbaa {min-height:100%; position:relative; padding-top:68px; padding-bottom:190px;}

.inner {width:1000px !important; margin:0 auto; position:relative;}
#header {background:#ecf0f1; width:100%; border-top:5px solid #2980b9; border-bottom:1px solid #2980b9; position:fixed; top:0px; left:0px; right:0px; z-index:9;}

#header .logo {background:url(images/logo.png) no-repeat scroll 0 0 transparent; height:51px; width:91px; margin:5px 15px 0px 100px; float:right;}


#warp {
margin: 50px auto;
}



/* mrhbaa-hover */
.mrhbaa-hover {
  color:#2980b9;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2980b9;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.mrhbaa-hover:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ecf0f1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.mrhbaa-hover:hover, .mrhbaa-hover:focus, .mrhbaa-hover:active {
  color: white;
}
.mrhbaa-hover:hover:before, .mrhbaa-hover:focus:before, .mrhbaa-hover:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}


/* Mrhbaa Float Shadow */
.mrhbaa-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.mrhbaa-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.mrhbaa-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.mrhbaa-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}



/* Mrhbaa Trim */
.mrhbaa-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.mrhbaa-trim:before {
  content: '';
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.mrhbaa-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
  opacity: 1;
}


.mrhbaa-border {
width: auto;
padding: 10px;
border: 1px solid #E3E3E3;
margin: 40px auto;
line-height: 25px;
display: table;
word-spacing: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.mrhbaa-border .mrhbaa-border-right {display: inline-block;}
.mrhbaa-border .mrhbaa-border-left {text-align:center; display:inline-block; font-size:80px; color:#E74C3C;}









#header .links {width:600px; margin:0 auto; position:relative; display:table;}
#header .links a.mrhbaa-hover { 
 font-size: 16px;color:#1186ba; padding:20px 10px; float:right; margin-right:10px;

}




#header .links a:hover {color:#FFF;}








#warp .top {background:#1e97cd;}
#warp .pic-icons {background:url(../images/icons.png) no-repeat scroll 0 0 transparent; height:293px; width:338px; float:right;}
#warp .up-11 {float:right; width:35%;}
#warp .up-11 h1 {color:#34495e; font:15pt "GE_Dinar", tahoma,Geneva,sans-serif; margin:15px 40px 0 0;}
#warp .up-11 p {color:#FFF; font:13px "GE_Dinar", tahoma,Geneva,sans-serif; margin:0 40px 15px 0}
#warp .Blu {background:#046895; border-top:1px solid #035c88; width:100%; height:65px;}
.inner .go_up {}
.inner .go_up .go-up {background-color:#046895; color:#18AEF0; width:auto; margin:10px 25px; padding:5px 25px; text-align:right;}
.inner .go_up .agree {color:#003E5A; font:12px/25px "GE_Dinar", tahoma,Geneva,sans-serif;}
.inner .go_up .agree a {color:#003E5A; font:12px/25px "GE_Dinar", tahoma,Geneva,sans-serif;}
.inner .go_up .agree a:hover {color:#FFF;}
.left {
  float: left;
  margin-top: 5px;
}
#header ul.left {
float: left;
width: 190px;
}

#header ul.left li {
  width: 37px;
  cursor: pointer;
  float: left;
    margin-left: 5px;
     -webkit-transition: 0.5s all ease-in-out;
 -moz-transition: 0.5s all ease-in-out;
 -ms-transition: 0.5s all ease-in-out;
 -o-transition: 0.5s all ease-in-out;
 transition: 0.5s all ease-in-out;
}


#header ul.left li .mhui {
  background: none repeat scroll 0 0 #1ABC9C;
  border-radius: 3px;
  color: #FFF;
  display: block;
  height: 30px;
  line-height: 22px;
  margin-top: 10px !important;
  padding: 4px;
  text-shadow: none !important;
  overflow: hidden;
}

#header ul.left li .mhui i {
color:#0E6251;
}

.mhui span {
  font-size: 13px;
    display: none;
      width: 100px;
}

#header ul.left li:hover {
  width: 119px;
   -webkit-transition: 0.5s all ease-in-out;
 -moz-transition: 0.5s all ease-in-out;
 -ms-transition: 0.5s all ease-in-out;
 -o-transition: 0.5s all ease-in-out;
 transition: 0.5s all ease-in-out;
}

#header ul.left li:hover  .mhui span  {
display: block;
}

.mhui i {
  float: right;
  margin-right: 5px;
}

.metro, .mhui {
  font-size: 17px;
  text-align: center;
  display: block;
}
.btn {
    background-color: #015175;
    border: 0 none;
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "GE_Dinar",Arial,Tahoma;
    font-size: 11px;
    font-weight: normal;
    line-height: 18px;
    margin: 1px 2px;
    padding: 6px 12px;
    position: relative;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.btn-blue:hover {background:#2980b9;}

.btn.focus, .btn:focus, .btn:hover {
 color:#FFF !important;
}

.btn-red {background:#E74C3C;}
.btn-red:hover {background:#000;}




h1.tittle-center {color:#2c3e50; text-align:center; border-bottom:3px double #e74c3c;}

.title {line-height:70px; color:#3498DB;}
.title h1 {font:14pt "GE_Dinar", tahoma,Geneva,sans-serif; float:right; color:#FFF; text-indent:50px;}
.title p {font:12pt/35px "GE_Dinar", tahoma,Geneva,sans-serif; float:right; color:#FFF; text-indent:8px;}
.title .title-span {color:#FFF; font:20px Icons,Tahoma,Geneva,sans-serif; padding:2px 4px; border:2px solid #FFF; float:right; margin:5px 20px 0 0;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}


.halfContent > form {
    font-size:12pt;
}

.halfContent > form > input[type="text"] {
    color:#3498db;
    width: 250px;
    background-color: #F3F3F3;
    float: none;
    height: 40px;
    border-bottom:2px solid #DDD;

}

.halfContent > form > input[type="text"]:focus {
    color:#2c3e50;
    border-color: #00AEEF;
}


.halfContent > form > input[type="submit"] {
border-bottom: 2px solid #004165;
padding: 11px;
height: 40px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}
.halfContent > form > input[type="submit"]:hover {
    border-color: #1970A9;
}












#footer {  clear: both;background:#ECF0F1; overflow: hidden; height:190px; width:100%; border-top:1px solid #2980B9; border-bottom:5px solid #2980B9; margin-top:35px;bottom:0; padding:0; position: absolute;}
#footer .inner {height:184px;}

#footer .logo {background:url(../images/footer_logo.png) no-repeat scroll 0 0 transparent; height:66px; width:288px; float:left; margin-top:48px; margin-right:23px;}


.nav_social {
    position: absolute;
    left: 190px;
    bottom: 18px;
}
.nav_social a {
	color: #FFFFFD;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: auto;
	line-height: 15px;
	margin-right: 10px;
	padding: 10px;
	width: 35px;
	-webkit-transform: rotate(1440deg);
    -moz-transform: rotate(1440deg);
    -o-transform: rotate(1440deg);
    transform: rotate(1440deg);
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.nav_social a:nth-child(1){
	background-color:#FF0000;
}
.nav_social a:nth-child(2){
	background-color:#21D3FA;
}
.nav_social a:nth-child(3)
{
background-color:#34A2F7;	
}

.nav_social a:hover{
    color:#FFF;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
}

.nav_social span {
	text-align: right;
}












#footer .links {float:right; margin:0px 20px 20px;}

#footer .links ul {float:right; margin:0 10px;}
#footer .links ul li {}
#footer .links ul li a {color:#7f8c8d;  font-size: 16px;line-height: 27px;}
#footer .links ul li a:hover {color:#3498db;}

#box{
    min-height: 300px;
    background: #1e97cd;
}
.box_bg{
    background: url(../images/back_blue.png);
    height: 397px;
    width: 794px;
    margin: 0px auto;
}

.upload {
  margin: 0px auto;
  display: block;
  width: 300px;
  padding-top: 50px;
}
a.upload.popup {background: transparent;}
a.upload.popup:hover {background: transparent;}

#line{
    background: #046895;
    height: 50px;
}

.line_bg {
  width: 500px;
  margin: 0px auto;
  padding-top: 8px;
}

.line_bg p {
  color: #fff;
  margin: 0px;
  font-size: 18px;
  float: right;
  margin-left: 13px;
    line-height: 35px;
}

.info_bg {
  width: 803px;
  margin: 0px auto;
  padding-top: 35px;
}

#info {
  position: relative;
  overflow: hidden;
  margin-bottom: 70px;
}

.info_right {
  float: right;
  width: 50%;
}

.info_right p {
  font-size: 18px;
  color: #34495e;
}

.info_right h3 {
  font-size: 22px;
  color: #2980B9;
}

.info_right a {
  background: #CDD3D7;
  padding: 10px;
  float: left;
  border:4px solid #CDD3D7;
  color: #2c3e50;
}

.info_right a:hover {
  background: #FFF;
  color: #2c3e50;
}

.info_left {
  float: left;
  width: 50%;
}

.info_left img{
    float: left;
}

#banner {
  clear: both;
    overflow: hidden;
      background: url(../images/banner_bg.png) no-repeat;
  width: 1000px;
  margin: 0px auto;
}
#banner li {
  float: right;
}
.links h3 {
  color: #2980B9;
  font-size: 20px;
    padding-right: 32px;
  line-height: 31px;
    height: 31px;
}

#footer .links ul li {
  background: url(../images/row.png) no-repeat 100%;
  padding-right: 17px;
    margin-right: 10px;
}

.home{
background: url(../images/home.png) no-repeat 100%;
}

.glob{
background: url(../images/icon1.png) no-repeat 100%;    
}

.soial {
  clear: both;
  margin-top: 71px;
  margin-right: 30px;
    border: dotted 2px #b8b8b8;
  float: right;
  border-radius: 7px;
  padding: 2px;
}

.soial li {
  float: right;
}

@font-face {
  font-family: 'GE SS Two Light';
  src: url('fonts/ge_ss_two_medium.otf');
  src: url('fonts/ge_ss_two_medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}



body{
  background: url('../images/bg.png');

}


a,a:hover{
  text-decoration: none;
}

.user_box {
  background: #fff;
    -webkit-box-shadow: 4px 6px 6px -5px #777;
    -moz-box-shadow: 4px 6px 6px -5px #777;
    -o-box-shadow: 4px 6px 6px -5px #777;
    box-shadow: 4px 6px 6px -5px #777;  
}

.user_box span {
  clear: both;
  display: block;
  text-align: center;
  line-height: 50px;
  color: #227ce3;
}

.box_user_bt {
  clear: both;
}

.box_user_bt a.delete{
  width: 100%;
  display: block;
  float: right;
  text-align: center;
  line-height: 40px;
  color: #fff;
}

.box_user_bt span {
  float: right;
  margin-right: 12px;


}
.my_acc{
background: #5ad7e0;
}

.my_file{
background: #ff9f8c;
}



.topic {
  float: right;
  margin: 12px;
  height: 145px;
}

.topic ul{
float: left;
  padding: 0px;
  margin: 0px;
}
.img_topic{
float: right;
}



.detals{
  background: #5ad5e0;
}

.detals:hover {
  background: #4AC5D0;
}

.upload{
  background: #ff9f8c;
}

.upload:hover {
  background: #EF8F7C;
}

.uploadd{
  background: #ff9f8c;
}

.uploadd:hover {
  background: #EF8F7C;
}



.delete{
  background: #fcc372;
}

.delete:hover {
  background: #ECB362;
}



.img_topic img {
  /* width: 100%; */
  height: 141px;
  width: 146px;
}




body{
  background: url('../images/bg.png');

}

h3{
margin-top: 20px;
}
a,a:hover{
  text-decoration: none;
}
.contaner{
  width: 610px;
  margin: 0px auto;
  text-align:right;
}

.bg img, .background-white img {
max-width: 1000px;
max-height: 300px;
overflow: hidden;
}

.line{
background: #3f93e8;
  height: 45px;
}

.line .left_line .delete {padding:8px;}
.soial2{
  background: #fff;
  height: 32px;
  float: right;
  margin: 6px 10px;
    padding: 0px 5px;
}

.soial2 li{
  float: right;
  list-style-type: none;
  margin: 5px 3px
}

.left_line{
margin-left: 25px;
  margin-top: 7px;
}

.upload_a{
  background: #fff;
  padding: 7px 20px 6px 35px;
  display: block;
  float: left;
  color: #919191;
    height: 33px;

    font-size: 16px;
}

.upload_a > span > img {
margin: 2px 0px 0px 6px;
float: right;
}

.delete{
  background: #f53e2a;
  float: left;

}


.mrhbaa-box {height: 100px;}
.mrhbaa-box .mrhbaa-link-box {
margin-bottom: 2px;
float: right;
width: 50%;
background: #FFF none repeat scroll 0% 0%;
padding: 5px;
border: 1px solid #E3E3E3;
height: 40px;
line-height: 30px;
}
.mrhbaa-box .mrhbaa-link-box p {
float: right;
margin: 0px 15px 0px 0px;
}
.mrhbaa-box .mrhbaa-link-box .mrhbaa-link-bg {
margin-right: 15px;
font-family: Tahoma,Geneva,sans-serif;
float: right;
line-height: 30px;
color: #3f93e8;
}
.mrhbaa-box .mrhbaa-link-box .mrhbaa-link-bg a {line-height: 30px;}














.box{
  background: #f7f7f7;
  margin-top: 30px;
  padding: 15px;
  border-radius: 7px;
}

.detals{
  background: #e6e6e6;
}

.link_bg{
  background: #e6e6e6;
  padding: 8px;
  border-radius: 5px;
  width: 89%;
  margin-right: 45px;
  font-family: Tahoma,Geneva,sans-serif;
}

.link_box img {
  display: block;
  float: right;
  margin-right: 15px;
  margin-left: 12px;
  margin-top: 33px;
}

.link_box {
  margin-bottom: 20px;
}

.upload span {
  margin-top: 2px;
  display: block;
  float: right;
  margin-left: 10px;
}


.contaner{
  width: 1000px;
  margin: 0px auto;
}

.background-white {
  background: #fff;
  width: 100%;
text-align: center;
}





.user_box span {
  clear: both;
  display: block;
  text-align: center;
  line-height: 50px;
  color: #227ce3;
}

.user_box img {
  border-radius: 50%;
  -webkit-box-shadow: 3px 3px 7px 1px #D6D6D6;
  -moz-box-shadow: 3px 3px 7px 1px #D6D6D6;
  -o-box-shadow: 3px 3px 7px 1px #D6D6D6;
  box-shadow: 3px 3px 7px 1px #D6D6D6;
  border: 3px solid #FFF;
  width: 123px;
  height: 123px;
  margin: 50px 50px 15px;
}

.box_user_bt {
  clear: both;
}

.box_user_bt a{
  width: 50%;
  display: block;
  float: right;
  text-align: center;
  line-height: 40px;
  color: #fff;
}

.box_user_bt span.topic_title_span {
  float: right;
  margin-right: 12px;
  width:10px;
  margin-left: 0px;
  line-height: 35px;
  color: #FFF;
}
.my_acc{
background: #5ad7e0;
}

.my_acc:hover {
background: #4AC7D0;
}




.my_file{
background: #ff9f8c;
}

.my_file:hover {
background: #EF8F7C;
}




.user_box_left{
  background: #fff;
  padding: 20px 10px;  
    width: 64%;
    -webkit-box-shadow: 4px 6px 6px -5px #777;
    -moz-box-shadow: 4px 6px 6px -5px #777;
    -o-box-shadow: 4px 6px 6px -5px #777;
    box-shadow: 4px 6px 6px -5px #777;  
}


.topic ul{
float: left;
  padding: 0px;
}
.img_topic{
float: right;
}

.topic li{
list-style-type: none;
height: 47px;
width: 35px;

}

.topic li a {
    list-style-type: none;
    padding: 12px 8px;
    height: 47px;
    width: 35px;
    display: block;
    position: relative;
}

.topic li a span.hvr-mrhbaa {
position: absolute;
background: #000 none repeat scroll 0% 0%;
color: #FFF;
padding: 5px 20px;
z-index: 9;
top: 10px;
    display: none;
    right: 0px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	border-radius: 1px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.topic li a:hover span.hvr-mrhbaa {
    right: 40px;
display: block;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.topic li a:hover span.hvr-mrhbaa:before {
content: "";
height: 15px;
width: 15px;
position: absolute;
background: #000 ;
z-index: 8;
right: -6px;
top: 6px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	border-radius: 1px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
transition:all 0.5s  ease-in-out;
transform:matrix;
transform:scaleY(180deg);
perspective: 800px;
perspective-origin: 50% 100px;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);




}


.detals{
  background: #5ad5e0;
}

.uploadd{
  background: #ff9f8c;
}

.delete{
  background: #fcc372;
}

.reporting {
background: #e74c3c;
line-height: 32px;
padding-left: 10px;
float:left;
color: #FFF;
}
.reporting:hover {
background: #c0392b;
}

.reporting span {
float:right;
margin: 7px 5px 8px 7px;
}
.img_topic img {
  /* width: 100%; */
  height: 141px;
  width: 146px;
}

.logo_login {
  text-align: center;
  margin: 20px;
}

.form-control {
  border-radius: 0px;
  border: none;
  padding: 26px;
  border-bottom: solid 2px #ccc; 
    padding-right: 45px;
}

.input_box {
  margin-bottom: 15px;
    overflow: hidden;
}

.login_bt{
  background: #3498db;
  border-radius: 0px;
  width: 100%;
  line-height: 31px;
  border: none;
  border-bottom: 4px solid #2488CB;
}

.login_bt:hover {
  background: #2980b9;
}



.user{
  background-image: url(../images/user.png);
  float: right;
  background-repeat: no-repeat;
  background-position: 96%;
  padding-right: 52px !important;
  width:100%;
padding: 0px 55px;
height: 56px;
}

.pass{
  background-image: url(../images/pass.png);
  float: right;
  background-repeat: no-repeat;
  background-position: 96%;
  padding-right: 52px !important;
padding: 0px 55px;height: 56px;
 width:100%;
}

.mail{
  background-image: url(../images/mail.png);
  float: right;
  background-repeat: no-repeat;
  background-position: 96%;
  padding-right: 52px !important;
padding: 0px 55px;height: 56px;
  width:100%;
}


.links_login {height:20px;}

.links_reg {height:20px;}
.links_reg a{
  color: #f00;
}

.links_reg span {
  float: right;
  margin-left: 8px;
}

.contaner_login{
  width: 273px;
  margin: 40px auto;
}

a.mrhbaa-forget {color:#3d566e;}
a.mrhbaa-register {margin-right:10px; color:#2c3e50;}

a.mrhbaa-forget:hover, a.mrhbaa-register:hover {color:#000;}








.contaner_login .input_box .form-control:focus {
border-color: #00aeef;
color:#3d566e;
} 
.mina{
background: #FFF;
border: 1px solid #C9C9C9;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
padding: 10px 15px;
margin: 40px auto;
width:70%;
min-height: 260px;
display: block;
overflow: auto;
}

.mina > p {color:#AA4343;}

.bg {border:1px solid #FFF; border-bottom:0px;}
.bg .mina {
width: 100%;
padding: 0;
margin: 0;
border: 0;
min-height: 100px;
text-align: center !important;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;

}

.del-warp {
height: 250px;
width: 280px;
margin: 50px auto 0px;
background: #FFF;
padding: 20px;
border: 1px solid #e3e3e3;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.del-warp a {
margin: 22px;
height: 50px;
width: 50px;
background: #3498db;
color: #FFF;
line-height: 50px;

}



.form-box{
	width:50%;
	margin:0 0 15px 0px;
	float:right;
}

.form-box.last{
	margin-left:0;
}

.form-box.big{
	width:100%;
}

.form-box label{
	padding:5px 0;
	margin-bottom:8px;
	display:block;
	color:#7C7C7C;
	font-size:14px!important;
}

.form-box label small{
	color:#e7402f;
}

.form-box input.text{
	padding:12px 10px;
	width:93%;
	display:block;
	border:none;
	border-radius:2px;
	border:1px solid #2980B9;
	background:#EAEAEA;
	color:#5C5C5C;
}

.form-box textarea{
	width:96.6%;
	padding:12px 10px;
	min-height:180px;
	display:block;
	border:none;
	border-radius:2px;
	border:1px solid #2980B9;
	background:#EAEAEA;
	color:#5C5C5C;
	font-size: 16px;
}

.mrhbaa-form-control {
background: #FDFDFD;
border: 1px solid #CCC;
padding: 10px;
margin-top: 10px;
color:#34495e;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.mrhbaa-form-control:focus {
border: 1px solid #BCBCBC;
color:#2c3e50;
} 

.mrhbaa-input {
background: #FDFDFD;
border: 1px solid #CCC;
padding: 5px;
margin: 5px;
color:#34495e;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.mrhbaa-input:focus {
border: 1px solid #BCBCBC;
color:#2c3e50;
}



#myModal .modal-dialog .modal-content {
box-shadow: 0 0 0 0 #e5e5e5;
border: 1px solid #E5E5E5;
color:#FFF;
overflow: hidden;
}

#myModal .modal-dialog .modal-content .modal-header {
background: #1F98CC none repeat scroll 0% 0%;
}

#myModal .modal-dialog .modal-content .modal-header button.close {
background:#135673;
color:#fff;
opacity:1;
font-weight:500;
text-shadow:0px 0px 0px #FFF;
padding: 5px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}

#myModal .modal-dialog .modal-content .modal-header h4 {
text-indent: 15px;
}


#myModal .modal-dialog .modal-content .modal-body {
min-height: 250px;
}
#myModal .modal-dialog .modal-content .modal-body .row {
color:#34495e;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 10px;
}

#myModal .modal-dialog .modal-content .modal-body .row .fileUpload.btn, #myModal .modal-dialog .modal-content .modal-body .row .start.btn {
float: right;
margin-top: 40px;
letter-spacing: 1.2px;
}
#myModal .modal-dialog .modal-content .modal-body .row .MultiFile-label {
width: 100%;
padding: 10px 0px;
border-bottom: 1px solid #e5e5e5;
text-align: left;
clear: both;
}

#myModal .modal-dialog .modal-content .modal-body .progress {
clear:both;
margin-top: 10px;
}


#myModal .modal-dialog .modal-content .modal-body .tab-content {
color:#34495e;
margin-top: 50px;
}