@charset "utf-8";
/* CSS Document */
*{/*font-family: Helvetica, Arial, sans-serif;*/font-family:'Open Sans',sans-serif;}
/**{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}*/
*:not(input.field) {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#main{
width:960px;
margin:50px auto;
/*font-family:raleway;*/font-family:'Open Sans',sans-serif;
}

span{
/*color:red;*/
}

h2{
/*background-color: #FEFFED;*/
text-align:center;
border-radius: 10px 10px 0 0;
margin: -10px -40px;
padding: 30px;
}

h3{
/*background-color: #FEFFED;*/
text-align:center;
border-radius: 10px 10px 0 0;
margin: -10px -40px;
padding: 30px;
}

#login{
width:300px;
float: left;
border-radius: 10px;
/*font-family:raleway;*/font-family:'Open Sans',sans-serif;
border: 2px solid #ccc;
padding: 10px 40px 25px;
margin-top: 70px;
margin-left:325px;
}
#register{
float: left;
border-radius: 10px;
/*font-family:raleway;*/
font-family:'Open Sans',sans-serif;
border: 2px solid #ccc;
padding: 10px 40px 25px;
margin-top: 70px;
margin-left:310px;
}
input[type=text],input[type=password], input[type=email]{
/*width:99.5%;
padding: 10px;*/
/*border: 1px solid #ccc;*/
padding-left: 5px;
font-size: 16px;
/*font-family:raleway;*/font-family:'Open Sans',sans-serif;
}

input[type=submit]{
width: 100%;
background-color:#FFBC00;
color: white;
border: 2px solid #FFCB00;
padding: 10px;
font-size:20px;
cursor:pointer;
border-radius: 5px;
margin-bottom: 15px;
}

#profile{
padding:50px;
border:1px dashed grey;
font-size:20px;
background-color:#DCE6F7;
}

#logout{
float:right;
padding:5px;
border:dashed 1px gray;
margin-top: -168px;
}

a{
text-decoration:none;
color: cornflowerblue;
}

i{
/*color: cornflowerblue;*/
}

.error_msg,#sh_er_msg,#irri_er_msg{
color:red;
font-size: 16px;
    text-align: center;
    margin-top: 5px;
}
.error_msg p,#irri_er_msg p {
	margin: 5px 0 5px !important;
	font-size: 14px !important;
	text-align: center;
	/* line-height: 1em; */
}
.message,#sh_msg{
    /* position: absolute; */
    /* font-weight: bold; */
    font-size: 16px;
    color: #0099AB;
    /* margin-left: -25px; */
    /* width: 500px; */
    text-align: center;
    /* margin-top: 5px; */
    min-width: 270px;
}
#irri_msg{
    font-size: 17px;
    color: #0099AB;
    text-align: center;
    margin-top: 5px;
}
/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:700|Merriweather:400italic');


body {
    width: 100%;
    height: 100%;
    /*font-family: 'Lato',sans-serif;*/font-family:'Open Sans',sans-serif;
	font-weight: 300;
    color: #666;
    background-color: #fff;
}

html {
    width: 100%;
    height: 100%;
	margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 30px;
    text-transform: uppercase;
    /*font-family: Montserrat,sans-serif;*/font-family:'Open Sans',sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

p {
    margin: 0 0 5px;
    font-size: 1.5em;
    line-height: 1em;
}

p.lead {
	font-weight: 600;
}

a {
    color: #28c3ab;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #176e61;
}

.light {
    font-weight: 400;
}

.navbar {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
	background:#23282d;
}


.navbar-brand {
    font-weight: 700;
}
.navbar-brand {
  height: 40px;
  padding: 5px 15px;
  font-size: 18px;
  line-height: 1em;
}

.navbar-brand h1{
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  float:right !important;
  text-transform: none;
}

.navbar-brand:focus {
    outline: 0;
}

.nav.navbar-nav {
    /*background-color: rgba(255,255,255,.4);*/
	background-color: transparent;
}

.navbar-custom.top-nav-collapse .nav.navbar-nav {
    background-color: rgba(0,0,0,0);
}


.navbar-custom ul.nav li a {
	font-size: 12px;
	letter-spacing: 1px;
   /* color: #444;*/
   color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	    padding-right: 5px;
    padding-left: 5px;
}

.navbar-custom.top-nav-collapse ul.nav li a {
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	color: #fff;
}

.navbar-custom ul.nav ul.dropdown-menu {
	  border-radius: 0;
}

.navbar-custom ul.nav ul.dropdown-menu li {
	border-bottom: 1px solid #f5f5f5;

}

.navbar-custom ul.nav ul.dropdown-menu li:last-child{
	border-bottom: none;
}

.navbar-custom ul.nav ul.dropdown-menu li a {
	padding: 10px 20px;
}

.navbar-custom ul.nav ul.dropdown-menu li a:hover {
	background: #fefefe;
}

.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {
	color: #666;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    /*background-color: rgba(255,255,255,.2);*/
	background-color: transparent;
}
/*.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    background-color: rgba(255,255,255,.2);
}
*/
.navbar-toggle {
    padding: 4px 6px;
    font-size: 14px;
    /*color: #fff;*/
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}


/* loader */
#preloader {
    background: #ffffff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}


#loaderInner {
    background:#ffffff url(../img/spinner.gif) center center no-repeat;
    height: 60px;
    left: 50%;
    margin: -50px 0 0 -50px;
    position: absolute;
    top: 50%;
    width: 60px;
}

@keyframes boxSpin{
  0%{
    transform: translate(-10px, 0px);
  }
  25%{
    transform: translate(10px, 10px);
  }
  50%{
    transform: translate(10px, -10px);
  }
  75%{
    transform: translate(-10px, -10px);
  }
  100%{
    transform: translate(-10px, 10px);
  }
}


@keyframes shadowSpin{
  0%{
    box-shadow: 10px -10px #39CCCC, -10px 10px #FFDC00;
  }
  25%{
    box-shadow: 10px 10px #39CCCC, -10px -10px #FFDC00;
  }
  50%{
    box-shadow: -10px 10px #39CCCC, 10px -10px #FFDC00;
  }
  75%{
    box-shadow: -10px -10px #39CCCC, 10px 10px #FFDC00;
  }
  100%{
    box-shadow: 10px -10px #39CCCC, -10px 10px #FFDC00;
  }
}

#load {
	z-index: 9999;
  background-color: #FF4136;
  opacity: 0.75;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  margin: -5px auto 0 auto;
  left: 0;
  right: 0;
  border-radius: 0px;
  border: 5px solid #FF4136;
  box-shadow: 10px 0px #39CCCC, 10px 0px #01FF70;
  animation: shadowSpin 1s ease-in-out infinite;
}

/* misc */
hr {
  margin-top: 10px;
}

/* margins */
.marginbot-0{margin-bottom:0 !important;}
.marginbot-10{margin-bottom:10px !important;}
.marginbot-20{margin-bottom:20px !important;}
.marginbot-30{margin-bottom:30px !important;}
.marginbot-40{margin-bottom:40px !important;}
.marginbot-50{margin-bottom:50px !important;}

/* ===========================
--- General sections
============================ */

.home-section {
    padding-top: 110px;
    padding-bottom: 80px;
	display:block;
    position:relative;
    z-index:120;
}


.section-heading h2 {
	font-size: 40px;
}
.section-heading i {
	margin-bottom: 20px;
}


/* --- section bg var --- */

.bg-white {
	background: #fff;
}

.bg-gray {
	background: #f8f8f8;
}


.bg-dark {
	background: #575757;
}

/* --- section color var --- */

.text-light {
	color: #fff;
}



/* ===========================
--- Intro
============================ */

.home {
	width:100%;
	position:relative;
	/*background: url(../img/bg1.jpg) no-repeat top center;*/
}

#home.home {
	padding:10% 0 0 0;
}

.home .slogan {
	text-align: center;
}

.home .page-scroll {
	text-align: center;
}

.brand-heading {
    font-size: 40px;
}

.home-text {
    font-size: 18px;
}

.home .slogan h2 {
	color: #FFF;
	text-shadow: none;
	font-size: 60px;
	line-height: 60px;
	font-weight: 700;
	/*font-family: Montserrat, sans-serif;*/font-family:'Open Sans',sans-serif;
	background-color: rgba(0, 0, 0, 0);
	text-decoration: none;
	text-transform: uppercase;
	border-width: 0px;
	border-color: #000;
	border-style: none;
	text-shadow: -1px 0 1px #000;
}

.home .slogan h3 {
	color: #fff;
	text-shadow: -1px 1px 1px #000;
}

.home .slogan h4 {
	color: #fff;
	text-shadow: -1px 1px 1px #000;
}


/* ===========================
--- Team
============================ */

.boxed-grey {
	background: #f9f9f9;
	padding: 20px;
}

.team h5 {
	margin-bottom: 10px;
}

.team p.subtitle {
	margin-bottom: 10px;
}

.avatar {
	margin-bottom: 20px;
}

.team-social {
	margin-left: 0;
	padding-left: 0;

}

.team-social {
	text-align: center;
}

.team-social li{
    display: inline-block;
	margin:0 !important;
	padding:0;
}


.team-social a{
	margin:0;
	padding:0;
    display: block;
	width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #3bbec0;
	color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.team-social a i{
	text-align: center;
	margin:0;
	padding:0;
}
.team-social .social-facebook a{background: #3873ae;}
.team-social .social-twitter a{background: #62c6f8;}
.team-social .social-dribble a{background: #d74980;}
.team-social .social-deviantart a{background: #8da356;}
.team-social .social-google a{background: #000;}
.team-social .social-vimeo a{background: #51a6d3;}
.team-social .social-facebook a:hover{background: #4893ce;}
.team-social .social-twitter a:hover{background: #82e6ff;}
.team-social .social-dribble a:hover{background: #f769a0;}
.team-social .social-deviantart a:hover{background: #adc376;}
.team-social .social-google a:hover{background: #333;}
.team-social .social-vimeo a:hover{background: #71c6f3;}


/* ===========================
--- Mission
============================ */

.service-icon {
	margin-bottom: 20px;
}



/* ===========================
--- Contact
============================ */

form#contact-form .form-group label {
	text-align: left !important;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}
form#contact-form input,form#contact-form select,form#contact-form textarea {
	border-radius: 0;
	border: 1px solid #eee;
  -webkit-box-shadow: none;
          box-shadow:  none;
}

form#contact-form input:focus,form#contact-form select:focus,form#contact-form textarea:focus {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.input-group-addon {
  background-color: #fefefe;
  border: 1px solid #eee;
  border-radius: 0;
}

.widget-contact {
	text-align: left;
}


.company-social {
	margin-left: 0;
	padding-left: 0;
	margin-top: 10px;
}

.company-social {
	text-align: left;
}

.company-social li{
    display: inline-block;
	margin:0 !important;
	padding:0;
}


.company-social a{
	margin:0;
	padding:0;
    display: block;
	width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #3bbec0;
	color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.company-social a i{
	text-align: center;
	margin:0;
	padding:0;
}
.company-social .social-facebook a{background: #3873ae;}
.company-social .social-twitter a{background: #62c6f8;}
.company-social .social-dribble a{background: #d74980;}
.company-social .social-deviantart a{background: #8da356;}
.company-social .social-google a{background: #000;}
.company-social .social-vimeo a{background: #51a6d3;}
.company-social .social-facebook a:hover{background: #4893ce;}
.company-social .social-twitter a:hover{background: #82e6ff;}
.company-social .social-dribble a:hover{background: #f769a0;}
.company-social .social-deviantart a:hover{background: #adc376;}
.company-social .social-google a:hover{background: #333;}
.company-social .social-vimeo a:hover{background: #71c6f3;}



/* ===========================
--- Footer
============================ */

footer {
	text-align: center;
	padding: 50px 0 ;

}

footer p {
	color: #f8f8f8;
}

/* ==========================
Parallax
============================= */

#parallax1{
	background-image: url(../img/parallax/1.jpg);
}

#parallax1:after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0.7;
	z-index: -1;
}


#parallax2{
	background-image: url(../img/parallax/2.jpg);

}

#parallax2:after  {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0.7;
	z-index: -1;
}


/* ===========================
--- Elements
============================ */

.btn {
	border-radius: 0;
   /* font-family: Montserrat,sans-serif;*/font-family:'Open Sans',sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle.btn-dark {
    border: 2px solid #666;
    color: #666;
}


.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}

.btn-circle.btn-dark :hover,
.btn-circle.btn-dark :focus {
    outline: 0;
    color: #999;
    background: #fff;
}

.btn-circle.btn-dark :hover i,
.btn-circle.btn-dark :focus i{
    color: #999;
}

.page-scroll .btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.page-scroll .btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0 {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}


#text {
    color: #fff;
    background: #ffcc00;
}

#map {
	height: 500px;
}


.btn-skin:hover,
.btn-skin:focus,
.btn-skin:active,
.btn-skin.active {
  color: #fff;
  background-color: #666;
  border-color: #666;
}


.btn-default:hover,
.btn-default:focus {
    border: 1px solid #28c3ab;
    outline: 0;
    color: #000;
    background-color: #28c3ab;
}

.btn-huge {
    padding: 25px;
    font-size: 26px;
}

.banner-social-buttons {
    margin-top: 0;
}


/* Media queries */

@media(min-width:767px) {

    .navbar {
       /* padding: 20px 0;*/
        border-bottom: 0;
        letter-spacing: 1px;
        /*background: 0 0;*/
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
        background-color: #000;
    }

    .navbar-custom.top-nav-collapse {
        border-bottom: 1px solid rgba(255,255,255,.3);
    }

    .home {
        height: 100%;
        padding: 0;
    }

    .brand-heading {
        font-size: 100px;
    }


    .home-text {
        font-size: 25px;
    }


}
@media (max-width:768px) {

	.team.boxed-grey {
		margin-bottom: 30px;
	}

	.boxed-grey {
		margin-bottom: 30px;
	}


}

@media (max-width:480px) {

	.navbar-custom .nav.navbar-nav {
    background-color: rgba(255,255,255,.4);
	}

	.navbar.navbar-custom.navbar-fixed-top {
		margin-bottom: 30px;
	}

	.tp-banner-container {
		padding-top:40px;
	}

	.page-scroll a.btn-circle {
		width: 40px;
		height: 40px;
		margin-top: 10px;
		padding: 7px 0;
		border: 2px solid #fff;
		border-radius: 50%;
		font-size: 20px;
	}

}
#wrap{

	-webkit-border-radius: 10px;
	float:left;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:3px;
}

.error{ color:#CC0000; font-size:12px; margin:4px; font-style:italic; width:200px;}

.success{ color:#009900; font-size:12px; margin:4px; font-style:italic; width:200px;}

img#refresh{
	float:left;
	margin-top:30px;
	margin-left:4px;
	cursor:pointer;
}

/*#name,#email{float:left;margin-bottom:3px; height:20px; border:#CCCCCC 1px solid;}*/

#message{ /*width:260px;*/ height:180px;/*float:left;*/margin-bottom:3px; /*border:#0099AB 1px solid;*/}

/*label{ float:left; color:#666666; width:80px;}*/

#Send{ border:#003333 solid 1px; float:left; background:#003333; color:#FFFFFF; padding:5px;}

.next_btn { margin-top:26px; margin-left:60px;float:right;}
.main_div {    margin-top: 30px;
    display: inline-block;
    width: 100%;
    height: 830px;}
.dashboard {width: 850px;margin: 0 auto;}
.welcome_bar {height:40px;}
.welcome_bar a:hover {text-decoration:underline;}
#site_name {float: left;padding-left: 25px;font-weight: 600;color: #3BC2D7;font-size: 30px;padding-top: 5px;margin-bottom:0px;}
#u_name {float: right;padding-right: 25px;font-size: 16px;padding-top: 5px;}
.user_nav {height: 70px;background-color: #0099AB !important;width: 750px;margin-left:25px;margin-top: 5px;}
.user_nav ul { display:table-row;}
.user_nav li { display:table-cell;list-style-type:none;padding-top:5px;color: #fff;width: auto;height: 30px;}
.user_nav li a {color:#fff !important;padding-left: 15px;padding-right: 15px;border: 0px solid #fff !important;}
.user_nav li:hover{ background-color:#3BC2D7;width: auto;height: 30px;cursor:pointer;}
.user_nav p {margin-top:10px;font-size: 15px;}
.ui-state-active {background-color:#3BC2D7;}
.tab_content {height:430px;}

.left_side_sys,.left_side_dev,.left_side_gate {width:45%;float:left;}
.right_side_sys ,.right_side_dev ,.right_side_gate{float:right;width:55%;height: 400px;}
.add_sys_header,.add_dev_header,.add_gate_header {font-size: 18px;font-weight: 600;color: #000;margin-top: 8px;margin-left: 30px;}
#sys_label,#dev_label,#gate_label {min-width:25%;float:left;font-size: 17px;color: #0099AB;font-weight: 500;}
.sys_field,.dev_field,.gate_field {/*float:right;*/}
.add_sys_field,.add_dev_field ,.add_gate_field{margin-left: 30px;height:50px;}
#sys_wether,#sys_type,#sys_category,#dev_category,#gate_type,#gate_category{width: 65%;height: 28px;margin-top:5px;}
#dev_type,#dev_con_type,#dev_gateway,#d_ch_id {width: 64% !important;height: 28px;margin-top:5px;}
#sys_location,#dev_location ,#gate_location {border: 2px solid #0099AB;width: 88%;margin-top: 25px;margin-left: 40px;height: 300px;border-radius: 15px;top:0;left:0;right:0;bottom:0;}
#sys_save_btn,#dev_save_btn,#gate_save_btn,#sys_c_btn,#dev_c_btn,#gate_c_btn,#sys_type_cat,.s_btn{background-color: #0099AB;color: #fff;height: 30px;width: 100px;border: 0px;border-radius: 4px;padding: 0px;font-size: 14px;}
#sys_btn,#dev_btn,#gate_btn  {float: right;margin-top: 20px;margin-right: 15px;margin-bottom: 5px;}
.sys_right_left_side,.dev_right_left_side,.gate_right_left_side  {height: 292px;margin-top: 10px;border-radius: 14px;}
.gate_right_right_side{float: right;width: 38%;height: 400px;/*border: 2px solid #0099AB;*/border-radius: 14px;margin-top: 7px;}
.dev_right_right_side,.sys_right_right_side{float: right;width: 38%;height: 340px;/*border: 2px solid #0099AB;*/border-radius: 14px;margin-top: 7px;}
.gate_right_left_top_side,.dev_right_left_top_side ,.sys_right_left_top_side   {float: left;height: 380px;border: 2px solid gray;width: 100%;border-radius: 14px;overflow-y: auto;background-color: #fff;opacity: 0.8;}
.add_sys_right_left_side,.add_gate_right_left_side {float: left;width: 60%;margin-top: 10px;border-radius: 14px;border: 2px solid #0099AB;overflow:auto;background-color: #fff;opacity: 0.8;}
.add_dev_right_left_side {overflow: auto;float: left;width: 60%;margin-top: 10px;border-radius: 14px;border: 2px solid #0099AB;background-color: #fff;opacity: 0.8;}
.add_gate_right_right_side {float: right;width: 38%;border: 2px solid #0099AB;border-radius: 14px;margin-top: 10px;margin-bottom: 10px;height: 392px;}
.add_sys_right_right_side {float: right;width: 38%;border: 2px solid #0099AB;border-radius: 14px;margin-top: 10px;margin-bottom: 10px;}
.add_dev_right_right_side {float: right;width: 38%;height: 558px;border: 2px solid #0099AB;border-radius: 14px;margin-top: 10px;margin-bottom: 10px;}
.gate_right_left_bottom_side,.dev_right_left_bottom_side,.sys_right_left_bottom_side {}
.gate_file_name,.dev_file_name,.sys_file_name,.noti_file_name {height: 58px;border: 2px solid #0099AB;border-radius: 5px;margin: 10px;/*padding-left: 10px;padding-top: 2px;*/}
.gate_right_tight_top_side ,.dev_right_tight_top_side,.sys_right_tight_top_side{height: 45%;width: 96%;border: 2px solid #0099AB;border-radius: 5px;margin-top: 8px;margin-left: 6px;background-color: #fff;opacity: 0.8;}
.sys_right_left_top_first_side,.dev_right_left_top_first_side,.gate_right_left_top_first_side{height: 45px;margin-bottom: 5px;}
.add_category_system_right_right_side {height: 94%;width: 95%;border: 2px solid #0099AB;border-radius: 5px;margin-top: 8px;}
.sys_tr_td,.gate_tr_td,.dev_tr_td,.noti_tr_td {cursor:pointer;}
.sys_right_tight_bottom_side ,.dev_right_tight_bottom_side,.gate_right_tight_bottom_side{overflow: auto;height: 80%;}
.gate_right_tight_bottom_side {overflow: auto;}
.sys_right_tight_bottom_side_main,.gate_right_tight_bottom_side_main,.dev_right_tight_bottom_side_main{ height: 77%;width: 96%;border: 2px solid #0099AB;border-radius: 5px;margin-top: 10px;overflow: auto;margin-left: 6px;background-color: #fff;opacity: 0.8;}
.sd_name,.sg_name {margin-top:10px;}
.sys_right_tight_bottom_side_fb,.gate_right_tight_bottom_side_fb,.dev_right_tight_bottom_side_fb{height: 17%;margin-left: 12px;margin-top: 3px;}
.sys_device_name,.sys_name ,.dev_name,.gate_device_name {height: 30px;margin-left: 15px;margin-top: 5px;border-bottom: 1px solid #0099AB;width: 86%;}
.add_sys_m_name,.add_gate_m_name {margin-top: 10px;margin-left: 15px;color: #000;font-size: 17px;font-weight: 600;}
.system_label,.device_label,.gateway_label,.noti_label {margin-left: 12px;margin-top: 10px;font-size: 17px;font-weight: 600;color: #000;}
.add_sys_right_tight_top_side,.add_dev_right_tight_top_side,.add_gate_right_tight_top_side{height: 190px;width: 90%;border: 2px solid #0099AB;border-radius: 5px;margin-top: 10px;margin-left: 15px;background-color: #fff;opacity: 0.8;}
.add_sys_right_tight_bottom_side,.add_dev_right_tight_bottom_side,.add_gate_right_tight_bottom_side {height: 190px;width: 90%;border: 2px solid #0099AB;border-radius: 5px;margin-top: 12px;margin-left: 15px;overflow: auto;background-color: #fff;opacity: 0.8;    margin-bottom: 8px;}
@-moz-document url-prefix() {
.add_sys_right_tight_bottom_side {height: 45%;width: 90%;border: 2px solid #0099AB;border-radius: 5px;margin-top: 12px;margin-left: 15px;overflow: auto;}
.sys_right_tight_bottom_side_fb,.gate_right_tight_bottom_side_fb,.dev_right_tight_bottom_side_fb{height: 17%;margin-left: 12px;margin-top: 3px;}
}
.gate_right_right_left_side,.dev_right_right_left_side,.sys_right_right_left_side {float: left;width: 20%;height: 100%;}
.gate_right_right_right_side,.dev_right_right_right_side,.sys_right_right_right_side  {height: 100%;}
.sys_stp_left_side,.dev_stp_left_side,.add_sys_stp_left_side,.gate_stp_left_side{height: 330px;border-radius: 14px;border: 2px solid #0099AB;margin-top: 10px;width: 100%;}
.sys_gmap,.dev_gmap,.gate_gmap  {width: 100%;border-radius: 14px;border: 2px solid #0099AB;margin-top: 30px;}
.sys_stp_right_side,.dev_stp_right_side, {height: 300px;border-radius: 14px;}
.add_dev_right_tight_top_side {height: 45%;width: 92%;border: 2px solid #0099AB;border-radius: 5px;margin-top: 8px;margin-left: 11px;}
.add_dev_right_tight_bottom_side{height: 46%;width: 92%;border: 2px solid #0099AB;border-radius: 5px;margin-top: 10px;overflow: auto;margin-left: 11px;}
#add_sys_header1,#add_dev_header1 ,#add_gate_header1{margin-top: 10px;COLOR: #3BC2D7;FONT-SIZE: 16PX;}
.sys_folder_dir,.dev_folder_dir,.gate_folder_dir  {width: 100%;height: 300px;border: 2px solid #0099AB;margin-top: 10px;border-radius: 14px;float: left;}
.modify_button img,.add_gateway_btn img ,unshare_gateway_btn img,.add_system_btn img ,unshare_system_btn img,.add_device_btn img ,unshare_device_btn img {margin: 5px;}
.modify_button {display: flex;float: right;}
/*.get_user_ul,.dev_user_ul,.sys_user_ul,.sys_public_ul{width:100% !important;}*/
 .sys_schedl_ul,.n_sys_schedl_ul,.next_schedl_ul {margin-left: -10px;}
.get_user_li ,.dev_user_li,.sys_user_li,.next_user_li{display: list-item !important;list-style-type: none;padding-top: 5px;color: #000 !important;padding-left: 15px;width: 269px !important;height: auto !important;border-bottom:2px solid #0099AB;min-height:30px;float:left;}
.sys_public_li,.dev_public_li{display: list-item !important;list-style-type: none;padding-top: 5px;color: #000 !important;padding-left: 35px;width: 235px !important;height: 33px !important;margin-left:10px;}
.sys_public_li:hover,.dev_public_li:hover {background-color: lightgray !important;height: 30px;cursor: pointer;}
.pub_head {margin-left: 47px;margin-bottom: 5px;margin-top: 10px;font-size: 17px;}
.sys_public_selected,.dev_public_selected,.noti_selected {background-color:lightgrey;}
.n_sys_schedl_li,.next_schedl_li {display: list-item !important;list-style-type: none;color: #0099AB !important;padding-top:0px !important;padding-left: 15px;min-height: 30px;font-size:13px !important;cursor: pointer;}
.general_schedl_li {display: list-item !important;list-style-type: none;color: #0099AB !important;padding-left: 5px;height: 33px !important;font-size: 13px !important;cursor: pointer;padding-top: 5px;}
.sys_schedl_li{display: list-item !important;list-style-type: none;color: #0099AB !important;padding-top:5px !important;padding-left: 15px;font-size:13px !important;cursor: pointer;min-height: 30px;}
.next_schedl_li,.general_schedl_li {margin-bottom: 5px;font-weight: 500 !important;}
.get_user_li:hover ,.dev_user_li:hover,.sys_user_li:hover{background-color:#FFF !important;}
.sh_icon {width:12%;float: left;}
.editable_sys_cat,.editable_dev_cat,.editable_gate_cat {display:none;}
.sh_uname,.s_uname,.d_uname,.sh_pname {width:77%;float: left;color: #0099AB;}
.sha_u_delete,.s_u_delete,.d_u_delete {width:11%;float: right;}
.no_shared_found,.no_dev_found,.sys_not_found,.gate_not_found,.dev_not_found {color: #0099AB; }
.sys_google_map,.dev_google_map ,.gate_google_map{width: 100%;height: 100%;border-radius: 14px;top: 0;left: 0;right: 0;}
.share_button {height: 30px;font-size: 11px;margin-top: 395px;}
#add_sys,#del_sys,#edt_sys,#add_dev,#del_dev,#edt_dev ,#add_gate,#del_gate,#edt_gate{color:#000;}
#add_sys:hover,#del_sys:hover,#edt_sys:hover,#add_dev:hover,#del_dev:hover,#edt_dev:hover,#add_gate:hover,#del_gate:hover,#edt_gate:hover  {text-decoration:underline;}
.ui-widget {/*font-family: Verdana,Arial,sans-serif;*/font-family:'Open Sans',sans-serif;font-size: 1.1em;background-color: silver;color: #000;}
.ui-menu {list-style: none;padding: 0;margin: 0;display: block;outline: none;}
.ui-autocomplete {position: absolute;top: 0;left: 0;cursor: default;}
.ui-front {  z-index: 120000;}
.ui-menu .ui-menu-item {position: relative;margin: 0;padding: 3px 1em 3px .4em;cursor: pointer;min-height: 0;border: 1px solid;list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");}
.ui-helper-hidden-accessible {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.sys_folder_li,.dev_folder_li,.gate_folder_li{color:#000 !important;display: inline !important;}
.sys_folder_ul li,.dev_folder_ul li,.gate_folder_ul li  {margin: 0;padding: 5px 0;float: left;width: 95%;padding-left: 5px;border-bottom: 1px solid #0099AB;margin-left: 5px;}
.sys_folder_ul li:hover,.dev_folder_ul li:hover,.gate_folder_ul li:hover {width: 95%;cursor: pointer;background-color:transparent !important;}
.file_name { width:75%;float:left;}
.folder_share_icond { width:25%;float:right;}
.sys_fd_selected,.sys_fd_selected:hover,.dev_fd_selected,.dev_fd_selected:hover,.gate_fd_selected,.gate_fd_selected:hover  {background-color:#acacac;;}
.sys_loc_btn,.dev_loc_btn,.gate_loc_btn {width:14%;float:left;display: block;background-color: #A6A6A6;height: 27px;padding: 6px;}
.sys_MapLat,.dev_MapLat,.gate_MapLat  {float:left;width:42%;}
.sys_MapLon,.dev_MapLon ,.gate_MapLon {/*float:right;*/width:42.5%;margin-left:2%;}
#loading-image,#loading-image1 {
    z-index: 100001;
    margin-left: -32px;
    margin-top: -32px;
    position: fixed;
    left: 50%;
    top: 50%;
}
iframe, object, embed,.gm-style{max-width: 100%;}
.context-menu-item.icon-folder {background-image: url(http://icons.iconarchive.com/icons/hopstarter/sleek-xp-basic/16/Folder-icon.png);}
#fol_er_msg ,#d_er_msg,#g_er_msg,#add_er_msg,#a_time_er_msg ,#a_dur_er_msg,#a_cal_er_msg {margin-top: 10px;color: red;}
#fol_msg,#d_msg,#g_msg,#add_msg ,#a_time_msg,#a_dur_msg,#a_cal_msg{margin-top: 10px;color: #0099AB;}
.sys_in_cat,.dev_in_cat,.sys_in_cat {margin-left: -25px;margin-top: 10px;/*font-family: raleway;*/font-family:'Open Sans',sans-serif;color: #AFAFAF;}
.for_add_gate {height:100%;margin-left:15px;}
.for_edit_gate {height:100%;}
.sh_title {display: list-item !important;list-style-type: none;padding-top: 5px;color: #000 !important;font-weight:600;padding-left: 15px;height: 33px!important;border-bottom: 2px solid #0099AB;}
.sh_title:hover {background-color: #FFF !important;}
.sys_alt_msg,.sys_sts_msg,.gate_alt_msg,.gate_sts_msg,.dev_alt_msg,.dev_sts_msg {color: #000;padding: 15px;font-weight: 600;}
.main_title{color: #0099AB;text-decoration: none;}
.main_title:hover{color: #0099AB;text-decoration: none !important;}
/*Specific system irrigation menu*/
.spec_sys_irrigation_top_side {height: 230px;border-radius: 14px;border: 2px solid #0099AB;margin-top: 10px;width: 29%;float: right;}
.spec_sys_irrigation_bottom_side {height: 500px;margin-top: 10px;float: left;width: 70%;}
.sys_nav {height: 30px;background-color: #0099AB;width: 750px;margin-left: 25px;margin-top: 5px;}
.sys_nav li {list-style-type: none;padding-top: 3px;color: #fff;width: auto;height: auto !important;font-size: 18px;font-weight: 600;}
.sys_nav li a {color: #fff;margin-left: -15px;padding-right: 15px;border: 0px solid #fff !important;cursor:pointer;}
.irri_tab_menu {width:22%;float:left;margin-top: 7px;}
.irri_tab_menu ul {padding:0px;margin-left: 0px;list-style-type: none;}
.irri_tab_menu li {font-size: 14px;background-color: #0099AB;padding: 5px;}
.irri_tab_menu li a {color: #fff !important;margin-left: 0px !important;border: 0px solid #fff !important;font-size: 13px;}
#irri_tab_content {float:right;width:78%;margin-top: 7px;}
.ui-tabs-active {background-color: #3BC2D7 !important;}
.schdle_left_top_side{width: 20%;height: 510px;border: 2px solid lightgrey;border-radius: 10px;margin-left: 6px;overflow:auto;float: left;background-color: #fff;opacity: 0.8;}
.n_schdle_left_top_side {width: 20%;height: 450px;border: 2px solid lightgrey;border-radius: 10px;margin-left: 6px;overflow:auto;float: left;background-color: #fff;opacity: 0.8;}
.n_schdle_right_side {width:97%;float: right;height: 465px;border: 2px solid lightgrey;border-radius: 10px;margin-top:5px;overflow:auto;}
.n_schdle_left_bottom_side {float: left;margin-top: 515px;margin-left: -100px;}
.schdle_left_bottom_side {float: left;margin-top: 515px;margin-left: -80px;}
.schdle_right_side {width: 78%;float: right;height: 450px;}
.schdle_right_top_side {width: 100%;height: 47%;border: 2px solid lightgrey;border-radius: 14px;background-color: #fff;opacity: 0.8;font-size: 13px;}
.schdle_right_bottom_side,.n_schdle_right_bottom_side {width: 100%;height: 75%;border: 2px solid lightgrey;border-radius: 14px;margin-top: 5px;margin-bottom: 15px;background-color: #fff;opacity: 0.8;}
.sys_status_btn,.sys_s_status_btn {height: 30px;float: left;width: 215px;margin-left: 60px;}
#sys_running_btn,#sys_s_running_btn {float:left;}
#sys_stopped_btn,#sys_s_stopped_btn {float:left;margin-right: 15px;}
#sys_run_btnm,#sys_s_run_btn {float:right;}
.cont_div_title{height: 11%;border-bottom: 1px solid;margin-left: 10px;margin-right: 10px;}
#div_title_txt,#n_div_title_txt{font-size: 18px;margin-left: 15px;}
.div_seprator{border-bottom: 1px solid;margin-left: 10px;margin-right: 10px;}
#sys_stop_btn,#sys_s_stop_btn {float:right;border-radius: 4px;}
#running_btn,#run_btn,#running_s_btn,#run_s_btn{background-color: #00B900;color: #fff;height: 28px;width: 100px;border: 0px;border-radius: 4px;padding: 0px;font-size: 17px;font-weight:600;margin-top: 1px;}
#stopped_btn,#stop_btn,#stopped_s_btn,#stop_s_btn {background-color: #ff0000;color: #fff;height: 28px;width: 100px;border: 0px;border-radius: 4px;padding: 0px;font-size: 17px;font-weight: 600;}
.schdle_right_bottom_top_side {width: 100%;height: 9%;border-bottom: 2px solid #0099AB;}
.schdle_right_bottom_bottom_side,.n_schdle_right_bottom_bottom_side {height: 88%;font-size: 13px;}
.schdle_right_bottom_bottom_left_side {height: 20%;}
.schdle_right_bottom_bottom_right_side {height: 17%;}
.schdle_right_bottom_bottom_left_top_side {width: 60%;height: 25%;border-radius: 5px;margin: 5px;float:left;margin-top: 10px;}
.schdle_right_bottom_bottom_left_middle_side {width: 36%;height: 28%;float: right;margin-top: -8px;}
.schdle_right_bottom_bottom_left_bottom_side {height: 15%;border-radius: 5px;margin-left: 5px;}
.schdle_right_bottom_bottom_right_top_side {margin: 5px;}
.schdle_right_bottom_bottom_right_bottom_side {height: 47%;border-radius: 5px;margin: 5px;}
.schdle_right_bottom_bottom_right_top_first_side {}
.drop_left{float: left;width: 53%;}
.drop_right{width: 45%;float: right;margin-top: 7px;}
.cov_left{width:50%;float:left;}
.cov_right{width:50%;float:right;}
.irri_sys_details {font-size: 16px;font-weight: 600;margin: 20px;color:#0099AB;}
#irri_save_btn,#irri_update_btn,#n_irri_save_btn,#n_irri_update_btn{float: right;margin-right: 6px;background-color: #0099AB;color: #fff;height: 30px;width: 100px;border: 0px;border-radius: 4px;padding: 0px;font-size: 14px;}
#sys_a_cal_btn,#sys_a_dur_btn,#sys_occa_btn,#sys_wm_btn,#sys_dev_st_btn,#sys_dev_dur_btn {margin-right: 6px;background-color: #0099AB;color: #fff;height: 30px;width: 100px;border: 0px;border-radius: 4px;padding: 0px;font-size: 14px;}
.sys_details_title {color: #0099AB;padding-left: 5px;width: 40%;}
#irri_sys_recorrcy,#irri_sys_irri_type {}
.schdle_right_bottom_bottom_left_top_side label,
.schdle_right_bottom_bottom_left_middle_side label,
.schdle_right_bottom_bottom_left_bottom_side label,
.schdle_right_bottom_bottom_right_top_side label,
.schdle_right_bottom_bottom_right_bottom_side label,
#sys_occa_reco_form label,
.w_left label,.m_right label {margin-bottom: 5px;font-weight: 200 !important; color: #0099AB !important;margin-left: 5px;}
#sys_from_date,#sys_to_date {width: 94%;margin-left: 5px;height: 25px;margin-top: 0px;}
/*date Picker*/
.ui-datepicker-next,.ui-datepicker-prev  {border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;border-top-right-radius: 4px;border-top-left-radius: 4px;}
.ui-datepicker {width: 17em;padding: .2em .2em 0;display: none;background-color: white;border: 1px solid;border-radius:5px;}
.ui-datepicker .ui-datepicker-header {position: relative;padding: .2em 0;width: 253px;border: 1px solid;border-radius: 5px;}
.ui-datepicker .ui-datepicker-prev {left: 2px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute;top: 2px;width: 1.8em;height: 1.8em;}
.ui-datepicker .ui-datepicker-next {right: 20px;}
.ui-datepicker .ui-datepicker-title {margin: 0 2.3em;line-height: 1.8em;text-align: center;}
.ui-datepicker table {width: 100%;font-size: .9em;border-collapse: collapse;margin: 0 0 .4em;border-bottom: 1px solid;border-left: 1px solid;border-right: 1px solid;border-radius: 5px;}
.ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px;color:#000;cursor: pointer;}
.ui-icon {background-image: url("images/ui-icons_222222_256x240.png");}
.ui-icon-circle-triangle-e {background-position: -48px -192px;}
.ui-datepicker-calendar tr td {text-align:center;color:black;}
.ui-state-default {color:#000;}
.sys_add_prog_label {color:#0099AB;}
.schdle_right_top_top_side,.n_schdle_right_top_top_side {height:30%;padding: 5px;}
.schdle_right_top_bottom_side,.n_schdle_right_top_bottom_side {height:70%;padding: 5px;}
.schdle_right_top_bottom_duration_side,.n_schdle_right_top_bottom_duration_side {height: 86%;border: 2px solid lightgrey;border-radius: 5px;width: 100%;}
.sys_calander_box,.n_sys_calander_box {margin-top: -5px;height: 90%;border: 2px solid lightgrey;margin-left: 5px;border-radius: 5px;width: 60%;float: right;}
#sys_start_time {margin-left:5px;}
.select2-container {width:87% !important;}
.select2-selection__choice {color:#000 !important;font-size: 11px !important;height: 20px !important;}
.sys_st_end_cal {height:80%;overflow:auto;}
.add_del_cal_btn {float: right;margin-right: 10px;}
#cal_text {margin-left: 5px;color:#0099AB;}
.add_date_cal_div {padding:5px;color:#000;}
.div_duration_val {height:80%;overflow:auto;}
.div_duration_add_del_btn {float: right;margin-right: 10px;}
#add_dev_to_dur,#irri_sys_recorrcy,#sys_cntrl_scroll,#sys_cntrl_tag_scroll,#n_irri_sys_recorrcy,#n_sys_cntrl_scroll,#n_sys_cntrl_tag_scroll{height:25px;}
.w_left {width:50%;float:left;}
.m_right {width:50%;float:right;}
#month_reco,#week_reco {width:75%;padding:5px;border: 2px solid #0099AB;border-radius: 5px;}
#irri_sys_rota_type,#n_irri_sys_rota_type {width: 32%;margin-top: 0px;}
.sys_start_time,.n_sys_start_time {width: 85%;height: 85%;overflow: auto;float: right;border: 2px solid lightgrey;border-radius: 6px;}
.close_btn {vertical-align: text-bottom;cursor:pointer;}
.sys_dev_st_time,.sys_dev_dur_time {width: auto;background-color: lightgray;border-radius: 5px;margin-left: 5px;}
.cal_selected,.sys_schedl_li_selected,.next_schedl_li_selected,.general_schedl_li_selected,.sub_cat_selected{background-color:lightgray;}
.next_schedule,.general_schedule {height:25px;padding-top:3px;}
#rot_ins,#n_rot_ins {font-size:10px;padding-left: 6px;color:#0099AB;}
.schdl_no_data {padding: 5px;color: #0099AB;font-size: 13px;}
#add_details_field,#n_add_details_field { float: right;margin-right: -65px;margin-top: 25px;cursor: pointer;transform: rotateZ(90deg);background-color: #0099AB;
height: 30px;width: 80px;border: 0px none;border-radius: 4px;padding: 0px;color:#FFF;font-size: 14px; }
#add_ferti_field { float: right;margin-right: -25px;margin-top: 343px;cursor:pointer; }
.schdle_right_bottom_bottom_last_side {height: 58%;margin-top: 75%;border: 2px solid lightgrey;border-radius: 14px;width: 100%;}
.avail_fert {padding: 50px;color: #0099AB;font-size: 16px;font-weight: 600;}
.sch_name {margin-left: 10px;margin-bottom: 5px;color: #0099AB;}
#config_user_menu {margin-left:5px;cursor: pointer;height: 74px;margin-top: -35px;}
.config_menu_select {float: right;margin-top: 5px;width: 14%;cursor: pointer;background-color: #0099AB;height: 90px;z-index: 10000000;position: absolute;margin-left: 113px;}
#config_menu_item {margin-left: -45px;text-align: center;}
#config_menu_item li {list-style-type: none;padding-top: 5px;color: #0099AB;width: auto;height: 30px;color: #fff;font-size: 16px;cursor:pointer;}
.config_selected {background-color: #3BC2D7;width: 96px;margin-left: 5px;}
.ana_val {margin-left: 15px;margin-top: -10px;}
#minus {float: left;width: 10%;}
#minus input[type="button"] {width:100%;background-color: #0099AB;color: #fff;border: 0px;}
#plus input[type="button"] {background-color: #0099AB;color: #fff;border: 0px;}
#tp_val {width: 20%;margin-top: 0px;margin-left: 5px;margin-right: 5px;height: 23px;}
#plus {width:15%;}
#off_digi_btn,#on_digi_btn {margin-left:15px;margin-top:-10px;}
#errmsg,#errmsg1,#errmsg2,#n_errmsg,#n_errmsg1,#n_errmsg2{color: red;}
#in_user {word-wrap:break-word;color:#000;text-transform: lowercase;}
#al_user {word-wrap:break-word;text-transform: lowercase;font-size: 12px;color: #000;}
.schedule_checkbox,.n_schedule_checkbox{float:left;}
.sys_schedule,.n_sys_schedule{margin-left: 18px;}
#pass_show_hide {background-color: #0099AB;color: #fff;height: 28px;width: 60px;border: 0px;border-radius: 4px;font-size: 14px;margin-left: 5px;}
.invited {color: gray !important;margin-left: 16px;}
.rejected{/*margin-left:16px;*/}
.top_left{float: left;height:50%;width:50%;text-align:left;}
.top_right{float: right;height:50%;width:50%;text-align:right;}
.bottom_left{float: left;height:50%;width:50%;text-align:left;}
.bottom_right{float: right;height:50%;width:50%;text-align:right;}
.top_left img,.top_right img,.bottom_left img,.bottom_right img {padding:2px;}
.btn_left {width: 45%;text-align: right;float: left;}
.btn_right {width: 50%;float: right;}
#seach_sys_btn,#seach_dev_btn,#seach_gate_btn {margin-left: 2px;cursor: pointer;margin-top: 2px;}
.sys_srch_div,.dev_srch_div,.gate_srch_div{border: 1px solid #ccc;height: 30px;margin-top: 5px;}
#seach_sys_text,#seach_dev_text,#seach_gate_text {border: 0px;margin-top: 0px;height: 28px;width: 86%;color: #000;opacity:0.8;}
.sys_scrl_val_box{height: 30px;text-align: right;}
.config_img{margin-top: -50px;float: right;margin-right: 10px;cursor:pointer;}
.sys_irri_config_menu{width: 98%;border: 2px solid #0090AB;height: 300px;margin-left: 2%;border-radius: 14px;background-color: #fff;opacity: 0.8;}
.sys_irri_config_top{height:20%;}
.sys_irri_config_bottom{height: 68%;overflow: auto;margin-top: 10px;}
.sys_irri_config_top_left{float: left;margin-left: 15px;margin-top: 15px;}
.sys_irri_config_top_right{margin-left: 15px;margin-top: 15px;float: left;}
.sys_irri_dev_Add_button{float: left;margin-top: 12px;margin-left: 15px;cursor:pointer;}
#dev_sys{margin: 15px;color: #0090AB;font-size: 18px;}
.irri_sys_lside{float: left;width: 80%;}
.irri_sys_rside{}
.irri_sys_d_name{margin-left: 15px;}
.irri_sys_d_type{margin-left: 15px;}
.sys_irri_li{list-style-type: none;padding-top: 3px;color: #0090AB !important;width: auto;height: 30px !important;font-size: 14px !important;font-weight: 500 !important;}
.remove_irri_sys{cursor:pointer;}
.schedule_checkbox {margin-top:10px;margin-bottom:0px !important;}
.no_data_device{color:#0090AB;}
.log_box{float: right;margin-right: 25px;}
.log_box_left{float: left;position: relative;}
.log_box_right{float: right;margin-left: 10px;}
#m_inbox{cursor:pointer;}
#m_logout{cursor:pointer;}
#irri_m_t_img,.irri_genral_img{margin-right:5px;}
@-moz-document url-prefix() {
#notification_box{border-radius: 9px;font-size: 11px;font-weight: 600;height: 20px;line-height: 20px;left: 12px;position: absolute;text-align: center;top: -8px;width: 20px;background: lightgray;color: #fff;}
}
#notification_box{border-radius: 9px;font-size: 11px;font-weight: 600;height: 20px;line-height: 20px;left: 12px;position: absolute;text-align: center;top: -8px;width: 20px;background: lightgray;color: #fff;}
.notify_button{width: 65px;height: 26px;float: right;margin-right: 20px;margin-top: 8px;}
.notify_left{float: left;}
.notify_right{float: right;}
.notify_left img,.notify_right img {cursor:pointer;}
.header_video{width: 100%;height: 73%;margin-top: 400px;overflow: hidden;position: absolute;}
/*.header_video{width: 755px;height: 100%;margin-left: 297px;margin-top: -30px;position: relative;overflow:hidden}
#head_video {width: 100%;height: 135px;}*/
#head_video {width: 100%;height: 50%;}
.fb_count_sys,.fb_count_dev,.fb_count_gate{width: auto;float: left;margin-left: 5px;margin-right: 5px;}
.fb_text{ margin-left: 30px;padding-top: 15px;font-size: 11px;color: #000;font-weight:600;}
.fb_img{float:left;margin-top:4px;}
.total_fb_share_count{font-size: 11px;font-weight: 600;}
.sh_left{float:left;}
#sreg_count,#greg_count,#dreg_count{margin-left: 5px;margin-right: 5px;}
#sys_location_cord,#dev_location_cord {height:50px;}
.add_public_sys_btn,.add_public_dev_btn,.add_public_gate_btn{margin-top:3px;}
#sys_cat_pop,#gate_cat_pop,#dev_cat_pop {float: right;margin-top: -27px;margin-right: 40px;cursor:pointer;}
.m_icon {  width: 300px;float: left;height: 35px;margin-left: 5px;margin-top:6px;}
#config_error{margin-left: 15px;margin-top: 10px;color: red;}
#sys_m_link,#dev_m_link,#gate_m_link {height:60px;width:56px;cursor:pointer;}
#sys_m_name,#gate_m_name,#dev_m_name {font-size:14px;color:#0090AB;margin-top:10px;}
#arrow_m_link {width:60px;margin-left:15px;}
.next_m_prog {font-size: 8px;color: #0099AB;cursor: pointer;min-height: 30px;padding-top: 8px;padding-left: 10px;}
.next_m_selected {background-color:lightgray;}
.next_m_tb th {color: #0099AB;}
.next_m_tb td {color: #0099AB;font-size: 13px;font-weight: 500;}
.general_left_bottom,.general_right_bottom {width: 95%;float: right;height: 450px;border: 2px solid lightgrey;border-radius: 10px;margin-top: 5px;overflow: auto;}
#blanket {background-color: lightgray;opacity: 0.65;position: fixed;z-index: 10000000;top: 0px;left: 0px;width: 100%;}
.s_c_details {overflow: hidden;}
.s_c_details div {float: left;width: 70px;margin-left: 5px;margin-bottom: 10px;text-align:center;cursor:pointer;height:60px;}
.s_c_details div:nth-of-type(8n+1) {margin-left: 0px;}
.main_sub_cat {margin-left:-13px;}
.child_sub_cat {height: 50px;border: 2px solid #0090AB;border-radius: 10px;margin-bottom: 5px !important;}
span.child_sub_name {font-size:13px;float:left;}
.sub_cat_title {font-size: 17px;font-weight: 600;color: #0090AB;margin-bottom: 5px;margin-top:10px;}
#sel_system_type{margin-left: 230PX;height: 32px;MARGIN-TOP: -32PX;PADDING-TOP: 6PX;color:#0090AB;}
.sub_cat_icon {margin-top:7px;}
.s_cat_srch_div {  width: 39%;float: right;margin-top: -20px;MARGIN-RIGHT: 30px;border: 1px solid lightgray;}
#srch_sub_cat {float: right;margin-top: 0px;margin-right: 30px;border: 0px;height: 28px;}
@-moz-document url-prefix() {
    #srch_sub_cat {float: right;margin-top: 0px;margin-right: 65px;border: 0px;height: 28px;}
	#oca_l_title {margin-left:13px !important;}
}
#src_sub_c_btn {float: right;margin-right: 5px;margin-top: -24px;cursor:pointer;}
#search_s_cat_btn {background-color: #0099AB;color: #fff;height: 30px;width: 100px;border: 0px;border-radius: 4px;padding: 0px;font-size: 14px;margin-right:10px;}
.web_title {font-size: 40px;float: left;margin-top: -20px;margin-left: 10px;}
.no_public_found {color:#0090AB;}
#oca_l_title {margin-left:12px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome, if Chrome rule needed */
    .modify_button {float:none !important;}
	.sys_control_btn,.sys_pivot_btn, .sys_ezenergy_btn{
		float: left;
		margin-left: 70px;
	}
}

.login, .contact, .notFoundLogged {
    background-color: #f4f7f9;
}
.login, .contact, .notFound {
    margin-top: 125px;
    background-color: #f4f7f9;
}
.loginHeaderWrapper, .contactHeaderWrapper, .faqHeaderWrapper {
    background-color: #26c1d6;
    width: 100%;
    min-width: 800px;
}
.login .loginHeaderWrapper header {
    padding: 20px;
}
.login header, .contact header, .faqOut header {
    padding: 30px 20px 32px;
    margin: 0 auto;
    max-width: 1010px;
    color: #fff;
}
.login header h1, .contact header h1, .faqOut header h1 {
    /*font-family: robotoCondensedBold;*/font-family:'Open Sans',sans-serif;
    font-size: 1.5em;
    text-transform: uppercase;
}
.login header p, .contact header p, .faqOut header p {
    padding-top: 10px;
}
.loginBox, .contactBox {
    margin: 0 auto;
    max-width: 1010px;
    padding: 40px 20px;
    overflow: hidden;
}
.loggedOutForm, .contactForm {
    float: left;
    width: 59%;
    border-right: 1px solid #c1d7e2;
    padding-bottom: 150px;
}
.loggedOutForm input, .contactForm input {
    width: 80%;
    font-size: 1.125em;
    margin: 0 !important;
	    /*font-family: robotoCondensed, arial;*/font-family:'Open Sans',sans-serif;
}
.loggedOutForm label, .contactForm label {
    display: block;
    text-transform: uppercase;
    clear: both;
    padding-bottom: 15px;
}
.inputBox {
    padding-bottom: 20px;
}
.loggedOutForm .checkbox {
    padding-left: 45px;
}
.loggedOutForm .linkButton {
    margin: 20px 0;
    padding: 15px 28px;
    clear: both;
}
.loginAccount, .loginFormBtn, .resetPasswordFormBtn {
    background-color: #26c1d6;
}
.linkButton {
    color: #fff;
    background-color: #ec4d7a;
    padding: 10px 28px;
    text-transform: uppercase;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    border-radius: 26px;
}
.loggedOutForm .checkbox label {
    padding-bottom: 0;
}
.checkbox label {
    color: #93acb8;
    text-transform: none;
    line-height: 30px;
}
.linkButton span {
    /*font-family: robotoCondensedBold;*/font-family:'Open Sans',sans-serif;
}
.loggedOutForm p {
    color: #93acb8;
    line-height: 1.5em;
}
.loggedOutForm p a {
    color: #008697;
}
.loginSocial, .contactSocial {
    float: right;
    width: 40%;
}
.loginSocial h2:first-child, .contactSocial h2 {
    padding-top: 0;
}
.loginSocial h2, .contactSocial h2 {
    text-transform: uppercase;
    padding: 20px 0 20px 60px;
    line-height: 1.3em;
}
.loginSocial .linkButton {
    margin: 0 0 20px 60px;
    display: inline-block;
    padding: 0 28px;
    height: 54px;
    line-height: 54px;
    min-width: 200px;
}
.joinBtn, .signUpForm .linkButton {
    background-color: #ec4d7a;
}
.loginSocial h2, .contactSocial h2 {
    text-transform: uppercase;
    padding: 20px 0 20px 60px;
    line-height: 1.3em;
}
.innerMenu li.innerMenuLink {
    /*font-family: robotoCondensedBold;*/font-family:'Open Sans',sans-serif;
}
.innerMenu li.innerMenuLink a {
    text-transform: uppercase;
    color: #fff;
    font-size: 0.930em;
    background-color: #ECA961;
    padding: 0 20px 0 15px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    margin: 0 10px;
    overflow: hidden;
    display: block;
    height: 31px;
    line-height: 31px;
}
.listItems li a, .innerMenu li.innerMenuLinkTrip a {
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.icon-search:before {
    content: "\e600";
}
.icon-location:before {
    content: "\e626";
}
.icon-encomendas:before {
    content: "\e624";
}
.innerMenuLink .icon-location {
    font-size: 1.2em;
    padding: 0px 20px 0 0;
    margin-left: -2px;
}
.innerMenuLink span {
    padding-right: 19px;
    font-size: 1.175em;
    float: left;
    line-height: 31px;
}
.innerMenuLink .icon-encomendas {
    font-size: 1em;
}
.userLink {
	margin: 0px 0px 0 6px;
    position: relative;
    max-width: 200px;
}
.userLink a {
    color: #fff;
    /*font-family: robotoCondensedBold;*/font-family:'Open Sans',sans-serif;
    overflow: hidden;
}
.userLink a img {
    border: 4px solid #ECA961;
    vertical-align: middle;
    float: right;
	margin-top: 15px;
	    width: 50px;
    height: 50px;
}
.userLink a .userLinkName {
    text-transform: uppercase;
    font-size: 0.930em;
    margin: 20px 20px 0 0;
    float: right;
    max-width: 130px;
    text-align: right;
    padding-top: 10px;
}
.userLinkArrow {
    float: right;
    display: block;
    width: 100%;
    height: 5px;
    background: url(../images/sprite_icons.svg) no-repeat right -1090px;
    margin-top: 8px;
}
.profileBarWrapper {
    background: #21a8bc url(../images/bg_user_bar.png) repeat-x 0 0;    overflow: hidden;
}
.profileOpened li, .profileBar li {
    display: inline;
    color: #008697;
}
.profileBar li a {
    text-transform: uppercase;
    color: #bcfbff;
    float: left;
height: 45px;
    line-height: 44px;
    position: relative;
}
.profileBarSep {
    color: #fff;
    padding-left: 15px;
    font-size: 1.365em;
}
.profileBar li:last-child .profileBarSep {
        color: #26C1D6;
}
.profileBar li a.selected {
    background-color: #21a8bc;
    margin-left: -3px;
    padding-left: 10px;
}
.profileBar li a:hover, .profileBar li a:hover [class*="icon-"], .profileBar li a.selected, .profileBar li a.selected [class*="icon-"] {
    color: #fff;
}
span.profileBarText {
    font-size: 0.99em;
}
.inputM {
    width: 44.5%;
    float: left;
}
.box_header{
    border: 1px solid #d6d6d6;
    margin: 10px;
    padding: 10px;
    font-weight: 700;
	background-color: #ECA961;
    color: #fff;
}
.box_content{
    margin: 10px;
}
.lat_news {
    height: auto;
    margin-bottom: 10px;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;
}
.lat_news p { font-size:15px; }
.lat_news span { font-size:12px; }
.box_content_header{
    font-size: 14px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}
.tooling.active {
    border: 2px solid #0ca9fa;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position-x: -2px;
    background-position-y: -2px;
}
.pagination{
    float: left;
    font:11px Tahoma, Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif;
    color:#3d3d3d;
    margin-top: 20px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    width:100%;
}
.pagination a, .pagination strong{
    list-style-type: none;
    display: inline;
    padding: 5px 8px;
    text-decoration: none;
    background-color: inherit;
    color: #000;
    font-weight: bold;
}
.pagination strong{
    color: #000;
    background-position: top center;
    background-repeat: no-repeat;
    text-decoration: none;
    background-color: #FFEB00;
    border-radius: 2px;
    margin-left: 4px;
}
.pagination a:hover{
    color: #000;
    background-color: #d6d6d6;
    background-position: top center;
    background-repeat: no-repeat;
    text-decoration: none;
}
site-header .container {
    padding-bottom: 0;
    margin-bottom: 17px;
}
.clearfix {
}
@media (min-width: 1200px)
.container {
    width: 1170px;
}
@media (min-width: 992px)
.container {
    width: 970px;
}
@media (min-width: 768px)
.container {
    width: 750px;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.site-header .logo {
    float: left;
    margin: 20px 0px 0 0;
    display: block;
    font-size: 30px;
}
.site-menu {
    /* margin: 17px 0 0 0; */
    float: right;
}
site-menu ul {
    font-size: 14px;
    text-align: right;
}
ol.unstyled, ul.unstyled {
    margin-left: 10% !important;
    list-style: none;
}
.no-margin {
    margin: 0 !important;
}
ol, ul {
    padding: 0;
}
.site-menu li {
    display: inline-block;
    /* border-right: 1px solid #ccc; */
    line-height: 18px;
}
.userLink {
    margin: 0px 0px 0 6px;
    position: relative;
    max-width: 200px;
}
.site-menu li a {
    color: #333;
}
.userLink a {
    color: #fff;
    /*font-family: robotoCondensedBold;*/font-family:'Open Sans',sans-serif;
    overflow: hidden;
}
.userLink a img {
    border: 4px solid #ECA961;
    vertical-align: middle;
    float: right;
    margin-top: 15px;
    width: 50px;
    height: 50px;
}
.userLink a .userLinkName {
    text-transform: uppercase;
    font-size: 12px;
    margin: 20px 20px 0 0;
    float: right;
    max-width: 130px;
    text-align: right;
    padding-top: 10px;
}
.userLinkArrow {
    float: right;
    display: block;
    width: 100%;
    height: 5px;
    background: url(../images/sprite_icons.svg) no-repeat right -1090px;
    margin-top: 8px;
}
#msg_box {
    border-radius: 9px;
    font-size: 10px;
    font-weight: 600;
    height: 18px;
    line-height: 18px;
    left: 15px;
    position: absolute;
    text-align: center;
    top: -20px;
    width: 18px;
    background: lightgray;
    z-index: 1;
    cursor: pointer;
    color: #575656;
}
body .page {
    box-shadow: none;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}
.page {
    position: relative;
}
.page {
    width: 990px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 2px 0 4px rgba(0,0,0,0.2),-2px 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 0 4px rgba(0,0,0,0.2),-2px 0 4px rgba(0,0,0,0.2);
    box-shadow: 2px 0 4px rgba(0,0,0,0.2),-2px 0 4px rgba(0,0,0,0.2);
}
span.profileBarText {
    font-size: 12px;
}
#main_wrapper {
	width:100%;
	height:100%;
}
.main_div_top {
    width: 100%;
    height: 50%;
	border-bottom: 1px solid #d6d6d6;
}
.top_div_main {
    width: 100%;
    height: 100%;
}
.bottom_div_main {
    width: 100%;
    height: 100%;
}
.left_top_div_main {
    float: left;
    width: 50%;
    height: 100%;
    border-right: 1px solid #d6d6d6;
}
.right_top_div_main{
	float: right;
    width: 50%;
    height: 100%;
}
.div_name {
    width: 100%;
    height: 100%;
    font-size: 40px;
    padding-top: 75px;
    padding-left: 80px;
    padding-bottom: 80px;
    padding-right: 100px;
}
.add_systms {
	padding-left: 110px;
}
.left_menu {
float: left;
    width: 15%;
	margin-left:3%;
}
.hd_main_menu {
    height: 35px;
    font-size: 16px;
    padding-top: 6px;
    text-align: center;
    border: 1px solid #000;
	cursor:pointer;
}
.hd_sub_menu {
    height: 30px;
    text-align: center;
    padding-top: 5px;
    border: 1px solid #d6d6d6;
	cursor:pointer;
}
.st_menu {
	margin-top:5px;
}
.hd_main_div {
	    width: 100%;
    margin-top: 15px;
    display: inline-block;
}
.right_content {
    float: right;
    width: 75%;
    height: 100%;
	margin-right:3%;
}

/*Home page blocks*/
.gdlr-color-wrapper, .gdlr-parallax-wrapper {
    overflow: hidden;
    background-position: center 0px;
    background-repeat: repeat;
    position: relative;
}
.gdlr-color-wrapper, .gdlr-parallax-wrapper, .gdlr-full-size-wrapper {
    padding-bottom: 40px;
}
.section-container, .gdlr-item-start-content, .gdlr-parallax-wrapper, .gdlr-color-wrapper {
    padding-top: 70px;
}
.four {
    width: 40.333%;
}
.column, .columns {
    float: left;
    position: relative;
    min-height: 1px;
}
.gdlr-title-item {
    margin-bottom: 20px;
}
.gdlr-title-item .gdlr-item-title-wrapper.gdlr-item {
    margin-bottom: 0px;
}
.gdlr-item-title-wrapper.pos-center {
    text-align: center;
}
.gdlr-item-title-wrapper.gdlr-item {
    margin-bottom: 40px;
}
.gdlr-item {
    margin: 0px 15px 20px;
    min-height: 1px;
}
.gdlr-item-title-wrapper .gdlr-item-title {
    color: #292929;
    border-color: #292929;
}
.gdlr-item-title-wrapper .gdlr-item-title {
    font-size: 25px;
    margin-bottom: 0px;
    line-height: 1;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 2px;
}
.clear {
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    zoom: 1;
}
.gdlr-item-title-wrapper.pos-center .gdlr-item-title-divider {
    margin-left: auto;
    margin-right: auto;
}
.gdlr-item-title-wrapper .gdlr-item-title-divider {
    width: 30px;
    margin-top: 25px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.gdlr-item-title-divider {
    border-color: #333333;
}
.gdlr-image-frame-item {
    text-align: center;
    line-height: 0;
}
.gdlr-item {
    margin: 0px 15px 20px;
    min-height: 1px;
}
.gdlr-frame {
    display: inline-block;
    max-width: 100%;
    position: relative;
}
.gdlr-image-link-shortcode {
    position: relative;
}
.gdlr-frame img {
    display: block;
}
.gdlr-image-link-shortcode .gdlr-image-link-overlay, .portfolio-thumbnail .portfolio-overlay {
    background-color: #0a0101;
}
.gdlr-image-link-shortcode .gdlr-image-link-overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}
.gdlr-image-link-shortcode .gdlr-image-link-icon, .portfolio-thumbnail .portfolio-icon i {
    color: #ffffff;
}
.gdlr-image-link-shortcode .gdlr-image-link-icon {
    padding: 25px;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -25px;
    background: url('../images/wetrig_hover.png') no-repeat;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-border-radius: 37px;
    -webkit-border-radius: 37px;
    border-radius: 37px;
    filter: inherit;
}
.gdlr-image-link-shortcode .gdlr-image-link-icon i.icon-link {
    font-size: 22px;
    padding: 1px;
}
.gdlr-image-link-shortcode .gdlr-image-link-icon i {
    margin-right: 0px;
}
.icon-link:before {
    content: "\f0c1";
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}
.gdlr-image-link-shortcode img {
    max-width: 100%;
    height: auto;
    width: auto;
}

/*Message*/
.alert.top {
    margin: 10px 0;
    line-height: 24px;
    box-shadow: 2px 2px 3px #999;
    padding: 15px 15px 15px 50px;
    font-size: 14px;
}
.alert.alert-success {
    background-color: #e3f4d7;
    background-repeat: no-repeat;
    background-position: 13px 13px;
    border: 1px solid #c7e9af;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    padding-left: 50px;
    text-shadow: none;
    background-image: url(../images/alert-success.png);
}
.alert {
    margin: 7px 0;
    position: relative;
}
.alert {
    background-color: #ffeeb5;
    background-repeat: no-repeat;
    background-position: 13px 13px;
    border: 1px solid #ffe282;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    padding-left: 50px;
    text-shadow: none;
    background-image: url(../images/alert-alert.png);
}
.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert.top .close {
    right: 0px;
}
.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px;
}
.close {
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}
#myDiv,#myDiv1 {
    display: block;
    /* background-image: none; */
    background-attachment: initial;
    /* background-color: transparent !important; */
    background-size: initial;
    background-origin: initial;
    background-clip: initial;
    background-position: initial;
    background-repeat: initial;
    width: 100%;
    /*position: fixed;*/
    top: 0px;
    text-align: center;
    z-index: 999;
    height: 100%;
}
.msys_main_menu {
    height: 35px;
    font-size: 16px;
    padding-top: 6px;
    /* text-align: center; */
    /* border: 1px solid #000; */
    cursor: pointer;
}
.main_cat_sys_menu {
    margin-top: 5.5%;
    margin-left: 3%;
	    height: 50px;
}
.msys_sys_menu {
    height: 35px;
    font-size: 16px;
    padding-top: 6px;
    text-align: center;
    border: 1px solid #000;
    cursor: pointer;
	width: 20%;
    float: left;
}
#main_sys_sel {     margin-left: 2%;}
.sys_all_category ul {
    list-style-type: none;
}
.sys_all_category ul li {
    line-height: 30px;
}
ul.cat_ul {
    float: left;
    width: 25%;
}
.new-logo{
	width: 35px;
    margin-right: 15px;
    float: left;
}
.navbar-center .nav span{    padding-left: 5px;}