body{
	font-family: Arial;
}	

/*.container{
	padding: 0 !important;
      width: 85%;
        margin:auto;
        background-color:#fff;
}*/

@media (min-width: 1280px) {
    .container {
        width: 85%;
        margin:auto;
        background-color:#fff;
    }
.page_row{
	border-radius:10px;
	box-shadow: 0px 0px 10px 0px #dbdbdb;
	margin: 20px 0px 20px 0px;
	/*height: 700px;*/
	/*background-color: gray;*/
}
.left_col{
	/*width: 100%;*/
	height: 700px;
	background-color: #315c71;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	text-align: center;
	padding-top:10px; 
	border-right: 3px solid #00d2ff;

	background-image: url("../imgs/sm_bg.png");
	/*
	-ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;*/
    background-repeat: no-repeat;
    background-position: 100% 100%;
}
.left_col_hidden{
	width: 100%;
	height: 90px;
	/*overflow: hidden;*/
	background-color: #315c71;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	/*text-align: center;*/
	padding:5px; 
	margin: 0;
	border-bottom: 3px solid #00d2ff;
	z-index: 99;

	background-image: url("../imgs/sm_bg.png");
	/*
	-ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;*/
    background-repeat: no-repeat;
    background-position: 110% 0;
}
/*.left_col_hidden_:after{
	content: " ";
	width: ;
	height: ;	
}*/
.logo_img{
	border-radius: 10px;
	padding: 7px;
	/*border: 2px solid #8fc9dd;*/
}
.logo_img_hidden{
	border-radius: 5px;
	/*padding: 7px;*/
	margin-left: 10%;
	/*border: 2px solid #8fc9dd;*/
}
.col-md-1{
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.logo_h1{
	color: #00d2ff;
	font-size: 14px;
	padding: 0;
	margin-top: 8px;
}
.logo_h1_hidden{
	color: #00d2ff;
	font-size: 14px;
	padding: 0;
	margin-top: 8px;
}
.left_icon{

}
.icons_h2{
	font-size: 14px;
	color: #59acd5;
	margin-top: 8px;
}
.owl-theme .owl-controls .owl-buttons div{
  border-radius: 50%;
  border: 2px double #dbdbdb;
  opacity: 1;
  background-color: #5399bc;
  position: absolute;
}
.owl-theme .owl-controls .owl-buttons .owl-prev{
  left: -20px;
  top: 40%; 
}
 
.owl-theme .owl-controls .owl-buttons .owl-next{
  right: -20px;
  top: 40%;
}
 
.owl-theme .owl-buttons i{
  color: #fff;
}
.owl-theme .owl-controls .owl-page span{
	background: #dbdbdb;
}
#tebas_txt_slider .item h3{
    display: block;
    /*color: #fff;*/
    width: 100%;
    height: auto;
    font-size: 14px;
    /*margin-top: 20px;*/
    /*padding:0px 20px 0px 30px;*/
    line-height: 25px;
}
#tebas_txt_slider{
	/*width: 200px;*/
	width: 100%;
	/*margin-left: 2%;*/
	/*margin-right: 2%;*/
}
#tebas_txt_slider .item{
	padding-left:30px;
	padding-right:30px;
	border:1px solid #dbdbdb;
	border-radius: 10px;
	margin-top: 20px;
}

.text_color{
	color:#315c71;
}
.panel-body{
	height: 200px;
	overflow: auto;
}
.gatsonce_diagram{
	text-align: center;
	/*height: 200px;*/
	position: absolute;
	margin-left: 35%;
}
.gatsonce_diagram img{
	width: 85px;
	height: 90px;
	border: 2px solid #5399bc;
	border-radius: 10px;
	position: absolute;
	top: 45px;
	left: 45px;
	z-index: 99;
	/*margin: 50px 0px 35px 0px; */
}
.gatsonce_diagram h1{
	width:200px;
	font-size:13px;
	text-align: right;
	color:#315c71;
	position:absolute;
	right:70px;
	top:-25px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.gatsonce_diagram h1:hover{
	color: #00d2ff;
	/*font-size: 14px;*/
}
.gatsonce_diagram h2{
	width:200px;
	font-size:13px;
	text-align: left;
	color:#315c71;
	position:absolute;
	left: 60px;
	top: -25px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.gatsonce_diagram h2:hover{
	color: #00d2ff;
	/*font-size: 18px;*/
}
.sm_gats_diagram_left_line_1{
	height: 2px;
	width: 50px;
	background-color: #5399bc;
	position: absolute;
	/*z-index: -1;*/
	left: 36%;
	top: 160px;
}
.sm_gats_diagram_left_line_2{
	height: 2px;
	width: 50px;
	background-color: #5399bc;
	position: absolute;
	/*z-index: -1;*/
	left: 20%;
	top: 125px;
}
.sm_gats_diagram_left_line_3{
	height: 2px;
	width: 50px;
	background-color: #5399bc;
	position: absolute;
	/*z-index: -1;*/
	left: 36%;
	top: 90px;
}
.sm_gats_diagram_left_line_4{
	height: 2px;
	width: 50px;
	background-color: #5399bc;
	position: absolute;
	/*z-index: -1;*/
	left: 36%;
	top: 55px;
}
.sm_gats_diagram_left_line_5{
	height: 2px;
	width: 50px;
	background-color: #5399bc;
	position: absolute;
	/*z-index: -1;*/
	left: 36%;
	top: 20px;
}

.sm_gats_diagram_left_line_1:after{
	content: " ";
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #5399bc;
	position: absolute;
	left: -10px;
	top: -4px;
}

.sm_gats_diagram_left_line_2:after{
	content: " ";
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #5399bc;
	position: absolute;
	left: -10px;
	top: -4px;
}
.sm_gats_diagram_left_line_3:after{
	content: " ";
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #5399bc;
	position: absolute;
	left: -10px;
	top: -4px;
}
.sm_gats_diagram_left_line_4:after{
	content: " ";
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #5399bc;
	position: absolute;
	left: -10px;
	top: -4px;
}
.sm_gats_diagram_left_line_5:after{
	content: " ";
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #5399bc;
	position: absolute;
	left: -10px;
	top: -4px;
}
.sm_gats_diagram_left_line_1:before{
	content: " ";
	height: 2px;
	width: 35px;
	background-color: #5399bc;
	position: absolute;
	left: 44px;
	top: -13px;
	transform:rotate(-50deg);
	-webkit-transform:rotate(-50deg);
	 -ms-transform:rotate(-50deg);
     -o-transform:rotate(-50deg);
     -moz-transform:rotate(-50deg);
}
.sm_gats_diagram_left_line_2:before{
	content: " ";
	height: 2px;
	width: 35px;
	background-color: #5399bc;
	position: absolute;
	left: 44px;
	top: -13px;
	transform:rotate(-50deg);
	-webkit-transform:rotate(-50deg);
	 -ms-transform:rotate(-50deg);
     -o-transform:rotate(-50deg);
     -moz-transform:rotate(-50deg);
}
.sm_gats_diagram_left_line_3:before{
	content: " ";
	height: 2px;
	width: 35px;
	background-color: #5399bc;
	position: absolute;
	left: 44px;
	/*top: -13px;*/
	/*transform:rotate(-50deg);
	-webkit-transform:rotate(-50deg);
	 -ms-transform:rotate(-50deg);
     -o-transform:rotate(-50deg);
     -moz-transform:rotate(-50deg);*/
}
.sm_gats_diagram_left_line_4:before{
	content: " ";
	height: 2px;
	width: 35px;
	background-color: #5399bc;
	position: absolute;
	left: 44px;
	top: 13px;
	transform:rotate(50deg);
	-webkit-transform:rotate(50deg);
	 -ms-transform:rotate(50deg);
     -o-transform:rotate(50deg);
     -moz-transform:rotate(50deg);
}
.sm_gats_diagram_left_line_5:before{
	content: " ";
	height: 2px;
	width: 35px;
	background-color: #5399bc;
	position: absolute;
	left: 44px;
	top: 13px;
	transform:rotate(50deg);
	-webkit-transform:rotate(50deg);
	 -ms-transform:rotate(50deg);
     -o-transform:rotate(50deg);
     -moz-transform:rotate(50deg);
}


/*right*/
.sm_gats_diagram_right_line_1{
	height: 2px;
	width: 50px;
	background-color: #5399bc;
	position: absolute;
	/*z-index: -1;*/
	left: 130px;
	top: 160px;
}
.sm_gats_diagram_right_line_2{
	height: 2px;
	width: 50px;
	background-color: #5399bc;
	position: absolute;
	/*z-index: -1;*/
	left: 130px;
	top: 125px;
}
.sm_gats_diagram_right_line_3{
	height: 2px;
	width: 50px;
	background-color: #5399bc;
	position: absolute;
	/*z-index: -1;*/
	left: 130px;
	top: 90px;
}
.sm_gats_diagram_right_line_4{
	height: 2px;
	width: 50px;
	background-color: #5399bc;
	position: absolute;
	/*z-index: -1;*/
	left: 130px;
	top: 55px;
}
.sm_gats_diagram_right_line_5{
	height: 2px;
	width: 50px;
	background-color: #5399bc;
	position: absolute;
	/*z-index: -1;*/
	left: 130px;
	top: 20px;
}

.sm_gats_diagram_right_line_1:after{
	content: " ";
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #5399bc;
	position: absolute;
	right: 0px;
	top: -4px;
}

.sm_gats_diagram_right_line_2:after{
	content: " ";
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #5399bc;
	position: absolute;
	right: 0px;
	top: -4px;
}
.sm_gats_diagram_right_line_3:after{
	content: " ";
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #5399bc;
	position: absolute;
	right: 0px;
	top: -4px;
}
.sm_gats_diagram_right_line_4:after{
	content: " ";
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #5399bc;
	position: absolute;
	right: 0px;
	top: -4px;
}
.sm_gats_diagram_right_line_5:after{
	content: " ";
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #5399bc;
	position: absolute;
	right: 0px;
	top: -4px;
}
.sm_gats_diagram_right_line_1:before{
	content: " ";
	height: 2px;
	width: 35px;
	background-color: #5399bc;
	position: absolute;
	left: -29px;
	top: -13px;
	transform:rotate(50deg);
	-webkit-transform:rotate(50deg);
	 -ms-transform:rotate(50deg);
     -o-transform:rotate(50deg);
     -moz-transform:rotate(50deg);
}
.sm_gats_diagram_right_line_2:before{
	content: " ";
	height: 2px;
	width: 35px;
	background-color: #5399bc;
	position: absolute;
	right: 44px;
	top: -13px;
	transform:rotate(50deg);
	-webkit-transform:rotate(50deg);
	 -ms-transform:rotate(50deg);
     -o-transform:rotate(50deg);
     -moz-transform:rotate(50deg);
}
.sm_gats_diagram_right_line_3:before{
	content: " ";
	height: 2px;
	width: 35px;
	background-color: #5399bc;
	position: absolute;
	right: 44px;
	/*top: -13px;*/
	/*transform:rotate(-50deg);
	-webkit-transform:rotate(-50deg);
	 -ms-transform:rotate(-50deg);
     -o-transform:rotate(-50deg);
     -moz-transform:rotate(-50deg);*/
}
.sm_gats_diagram_right_line_4:before{
	content: " ";
	height: 2px;
	width: 35px;
	background-color: #5399bc;
	position: absolute;
	right: 44px;
	top: 13px;
	transform:rotate(-50deg);
	-webkit-transform:rotate(-50deg);
	 -ms-transform:rotate(-50deg);
     -o-transform:rotate(-50deg);
     -moz-transform:rotate(-50deg);
}
.sm_gats_diagram_right_line_5:before{
	content: " ";
	height: 2px;
	width: 35px;
	background-color: #5399bc;
	position: absolute;
	right: 44px;
	top: 13px;
	transform:rotate(-50deg);
	-webkit-transform:rotate(-50deg);
	 -ms-transform:rotate(-50deg);
     -o-transform:rotate(-50deg);
     -moz-transform:rotate(-50deg);
}

.footer{
	color: #8f8f8f;
	border-top: 1px solid #dbdbdb;
	padding: 10px 0px 0px 0px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 14px;
	text-align: center;
}
.footer .container{
	margin: 0;
}

.footer_hidden{
	color: #8f8f8f;
	border-top: 1px solid #dbdbdb;
	padding: 10px 0px 0px 0px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 14px;
	text-align: center;
}
.footer_hidden .container{
	margin: 0;
}

.right_footer{
	color: #fff;
	/*font-family: Arial;*/
	border-top: 1px solid #dbdbdb;
	padding: 10px 0px 0px 0px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	/*height: 50px;*/
	/*background-color: #0097bd;*/
	/*z-index: -1;*/
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.right_footer .container{
	margin: 0;
}

.right_col{
	height: 700px;
	background-color: #315c71;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	text-align: center;
	/*padding-top:10px; */
	border-left: 3px solid #00d2ff;
	margin: 0;
	padding: 0;

	background-image: url("../imgs/sm_bg.png");
	/*
	-ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;*/
    background-repeat: no-repeat;
    background-position: 50% 115%;
}
.right_col_h1{
	color: #00d2ff;
	font-size: 14px;
	padding: 10px 5px 5px 5px;
	margin: 5px;
	/*background-color: #dbdbdb;*/
	/*border-bottom: 1px solid #dbdbdb;*/
}
.right_col_hidden{
	height: 700px;
	background-color: #315c71;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	text-align: center;
	/*padding-top:10px; */
	border-top: 3px solid #00d2ff;
	margin: 0;
	padding: 0;
}

.right_header{
	color: #00d2ff;
	/*border-bottom: 1px solid #dbdbdb;*/
	padding: 10px 0px 0px 0px;
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	width: 100%;
	font-size: 14px;
	text-align: center;
}
.right_header .container{
	/*margin: 0;*/
}

.right_table_div{
	height: 600px;
	/*overflow: hidden;*/
	overflow: auto;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.right_table_div:hover{
	/*overflow: auto;*/
}


.text_info{
	color: #a1d7f2;
}
.en_ar_td{
	/*color: #fff;*/
	background-color: #3d748f;
}
.en_ar_td:after{
	position: absolute;
	width: 0px;
	height: 0px;
	line-height: 0;
	font-size: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #3d748f;
	/*margin-top: -25px;*/
	/*margin-left: 205px;*/
	top: 0;
	left: 0;
	/*z-index: -999;*/

}
td{
	border-bottom: 1px solid #315c71;
}
.table-hover tr:hover{
	background-color: #3d748f !important;
}
.en_btn{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-decoration: none;
	background-color: #315c71;
	padding: 8px;	
	margin-top: 3px;
	color: #fff;
	font-size: 14px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.en_btn:hover{
	text-decoration: none;
	color: #424242;	
	background-color: #63bfd7;
}
.ar_btn{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-decoration: none;
	background-color: #315c71;
	padding: 8px;
	color: #fff;
	font-size: 14px;

	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.ar_btn:hover{
	text-decoration: none;
	color: #424242;
	background-color: #63bfd7;
}
.btn-danger{
	/*width: 80px !important;*/
	height: 30px !important;
	padding: 5px;

}
.btn-danger i{
	padding-right:5px;
}
.download-button{
	border-radius: 5px;
	/*background-color: #424242;*/
	padding: 5px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;

	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.download-button:hover{
	background-color: #dbdbdb;
	color: #424242;
	text-decoration: none;
}