@charset "utf-8";
/* CSS Document */

@import "font-awesome.min.css";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@font-face {
  font-family: 'sassy_off_canvas_nav';
  src: url("../fonts/sassy_off_canvas_nav.eot?2816505");
  src: url("../fonts/sassy_off_canvas_nav.eot?2816505#iefix") format("embedded-opentype"), url("../fonts/sassy_off_canvas_nav.woff?2816505") format("woff"), url("../fonts/sassy_off_canvas_nav.ttf?2816505") format("truetype"), url("../fonts/sassy_off_canvas_nav.svg?2816505#sassy_off_canvas_nav") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'sassy_off_canvas_nav';
    src: url('../font/sassy_off_canvas_nav.svg?2816505#sassy_off_canvas_nav') format('svg');
  }
}
*/
.form-control{font-size:14px;}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "sassy_off_canvas_nav";
  font-style: normal;
  font-weight: bold;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 2em;
  margin-left: .2em; 
  }

.icon-menu:before {
  content: '\e802'; }

.icon-left:before {
  content: '\e801'; }

.icon-right:before {
  content: '\e800'; }

.icon-cancel:before {
  content: '\e803'; }



body {
	font-size: 100%;
	font-family: "Open Sans", "Helvetica", Arial, sans-serif;
	margin:0px;
	padding:0px;
	line-height:0px;
}
html {
  height: 100%;
}

/*body {
  background: url(../images/loginbg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100% 100%;
}*/

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	line-height:1em;
}
h1, h2, h3, h4 {
	font-family: "Open Sans", "Helvetica", Arial, sans-serif;
	font-size:1em;
	margin:0px;
}

.clear{ font-size:0px; height:0px; line-height:0px; clear:both;}

a{ outline:0; border:0;}
a, a:active, a:focus {
outline: none;
text-decoration:none;
color: #006543;
}

input::-moz-focus-inner { 
  border: 0; 
}

ul{ list-style-type:none;}

table{ font-size:14px; color:#343434; line-height:2em;}

a, a:hover {
	text-decoration: none;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
	outline:none;
}
img {
	border:none;
}

/************background image to always fit to the entire window******** */
#bgimgwrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

#bgimg {
  -ms-interpolation-mode: bicubic;
  display: block;
}


/*----Login Page----*/
 
#login-wraper {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -185px;
  margin-left: -350px;
  padding: 25px;
  width: 700px;
  min-height: 420px;
  background: lavender;
  text-align: left;
  border: 1px solid black;
}

.login-form legend {
  padding-bottom: 20px;
  border-bottom:none;
}
.login-form .body {
  padding-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
}
.login-form .footer {
  margin-top: 10px;
  text-align:left;
}
.login-form .footer .checkbox.inline {
  display: inline;
}
.login-form .footer .checkbox.inline input[type="checkbox"] {
  float: none;
  margin-top: -4px;
}
.login-form .footer .btn {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-left: 0px;
  padding: 7px 25px;
  background-image: none;
  background-color:#066543;
  border-color:#066543;
  text-transform:uppercase;
  font-size:18px;
}
.login-form .footer a{ font: normal 14px/30px Arial, Helvetica, sans-serif; color:#085a41; display:inline-block; float:right; 	padding-top: 8px;}
.login-form .footer a:hover{ color:#058a5b;}

.login-form legend {
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 300;
  color: #3a3a3a;
  display:block;
  -webkit-font-smoothing: subpixel-antialiased;
}

.login-form label {
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-size: 14px;
  color: #333333;
  font-weight: 300;
  padding-bottom:10px;
}

.login_heading{ margin-top:-150px; text-align:center; height:108px; clear:both}

.login_logo{ width:250px; float:left; margin-top:40px; border-right:1px solid #ddd; padding-right:40px; margin-right:40px; /*padding-bottom:50px;*/}

.login_formbox{ float:left; width:340px; margin-top:45px;}
.form-control-upload{margin-top:5px;}
@-moz-document url-prefix(){
	.login_logo{ margin-top:20px;}
	.login_formbox{ margin-top:20px;}
}


.login-form input[type='text'], input[type='password'] { line-height:35px; height:35px; background:#FFF !important;}


@media only screen and (max-width: 980px) {
	#login-wraper {
    position: relative;
    top: 0;
    margin-top: 140px;
  }
}

@media only screen and (max-width: 710px) {
#login-wraper {
    width: auto;
    height: 630px;
    margin-left: 0;
    margin-right: 0;
	margin-bottom:30px;
    left: 0;
  }
.login_heading img{  max-width:100%;}
.login_logo { float:none; border-right:none; padding: 0px; margin:0px; margin-top:30px; text-align:center; width:100%; background: url(../images/logo_small.gif) no-repeat 50% 0; height:140px;}
.login_logo img{ max-width:100%; display:none;}

.login_formbox{ float:none; text-align:left; width:auto;}


}
@media only screen and (max-width: 428px) {
#login-wraper { padding-left:10px; padding-right:10px; height:580px;}
.login_logo {background-size:252px 102px; height:105px;}
.login_formbox{ margin-top:35px;}
}
@media only screen and (max-width: 340px) {
.login_heading{ height:75px; margin-top:-124px;}
#login-wraper { margin-top:115px;}
#chCaptcha img{ width:110px;}
}

/*******************Home page css start here*********************/


header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height:82px;
  background: #FFF;
  border-bottom:10px solid #006543;
  z-index:11;
 /* -webkit-box-shadow: 0 6px 6px -3px #005d3e;
  -moz-box-shadow: 0 6px 6px -3px #005d3e;
  -ms-box-shadow: 0 6px 6px -3px #005d3e;
  box-shadow: 0 6px 6px -3px #005d3e;*/ }

.dom1{ background:#e8e8e8; padding:30px; font-size:14px; margin-left:298px; margin-top:82px; border-right:10px solid #006543; position:relative; z-index:1;  min-height:1020px}

.navpanel{position: fixed;
top: 82px;
left: 0px;
width:309px;
height:100%;
background:url(../images/leftpanel_bg.gif) repeat-y 0 0;
z-index:10;
border-right:1px solid #FFF;
border-left:10px solid #006543;
-webkit-box-shadow: 0 6px 6px -3px #000000;
-moz-box-shadow: 0 6px 6px -3px #000000;
-ms-box-shadow: 0 6px 6px -3px #000000;
box-shadow: 0 6px 6px -3px #000000;}


/*-----------Left Navigation css----------------*/
.manual{ padding:8px;color: #004085!important; background-color:rgba(204, 229, 255, 0.3); border: 1px solid rgba(107, 151, 197, 0.3); margin-bottom: 15px; font-size: 14px; }
.manual a{font-weight:bold;}
.manual a:before{display:inline-block;padding:0 5px; content: '\f059'; font-family: FontAwesome;}

.doenload_excel{ margin-bottom: 15px;}
.doenload_excel a{color: #fff; margin-right: 8px; display: inline-block; padding: 5px 10px;
background-color: #5cb85c;
border:1px solid #4cae4c;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;}
.doenload_excel a:before{display:inline-block;padding-right:5px; content: '\f019'; font-family: FontAwesome;}	
.block_panel{ width:100%; float: left; border: 1px solid #dadada; border-radius: 5px; margin-bottom: 25px;}	
.block_panel .panel_heading{color: #333; font-size: 16px; line-height: 30px; font-weight: bold;padding: 8px 10px;background-color: #f5f5f5; border-bottom:1px solid #ddd; overflow: hidden;}	
.block_panel .panel_body{ padding:15px 30px;}	
.block_panel .panel_body input[type="file"].form-control{ display:inline-block; width: auto; height: auto;}	
.block_panel .panel_body .form-group label{ display:block; color:#000; font-weight: bold;}
.block_panel .panel_body .form-group label em{ font-size:12px; color:#000;font-weight: normal; }
.block_panel .panel_body .form-group span{ color:#006543;font-size:13px; display: block; margin-top: 8px;}

.box-content .jumbotron{ padding:15px 30px 22px 30px;}
.box-content .jumbotron .radio input[type="radio"], .checkbox input[type="checkbox"]{ float:left;}
.box-content .jumbotron input[type=radio], .box-content .jumbotron input[type=checkbox]{margin-right: 14px;}
.box-content .jumbotron .radio label, .box-content .jumbotron .checkbox label{line-height:27px;}
.form-horizontal .form-group.inside{ margin-left:0; margin-right: 0;}
.form-horizontal .form-group.inside input[type="file"].form-control{ display:inline-block; width: auto; height: auto;}	
input[type="file"].form-control.inside{ display:inline-block; width: auto; height: auto;}	

.form-group.file_attached{margin-left:0; margin-right: 0;}
.form-group.file_attached h3{color: #333; font-size: 14px; line-height: 30px; font-weight: bold;}
.comment_area .form-group.file_attached ol{padding-left:24px;}
.comment_area .form-group.file_attached ol li{padding-bottom:10px;}
.comment_area .form-group.file_attached a.file_name, .comment_area .form-group.file_attached a.delete_but{padding:0px;border: none; margin-bottom: 0;}
.comment_area .form-group.file_attached a.file_name:before{content:'\f019'; font-family:'FontAwesome'; display: inline-block; margin-right: 10px; }
.comment_area .form-group.file_attached a.delete_but:before{content:'\f00d'; font-family:'FontAwesome'; display: inline-block; margin-right: 10px; color:#f00; }
#contentLeft {
  z-index: 10;
  width: 296px;
  position:relative;
  /*height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #283c51;*/
}

#contentRight {
  padding: 1.3rem 2rem;
  margin-left: 250px;
}

#leftNavigation {
  margin: 0;
}
#leftNavigation, #leftNavigation li ul {
  list-style: none;
  padding: 0;
}
#leftNavigation li::after {
    content: "";
	clear:both;
	display:block;
}
#leftNavigation li{ width:90px;}
#leftNavigation li a.dashB span{ background:url(../images/dashboard_icon.png) no-repeat 50% 0%; height:36px; width:90px; display:block; margin-bottom:2px }

#leftNavigation li a.sbu span{ background:url(../images/sbus_icon.png) no-repeat 50% 0%; height:36px; width:90px; display:block; margin-bottom:2px }

#leftNavigation li a.perso span{ background:url(../images/personalise_icon.png) no-repeat 50% 0%; height:36px; width:90px; display:block; margin-bottom:2px }

#leftNavigation li a.hrms span{ background:url(../images/hrms_icon.png) no-repeat 50% 0%; height:36px; width:90px; display:block; margin-bottom:2px }

#leftNavigation li a.share span{ background:url(../images/shareidea_icon.png) no-repeat 50% 0%; height:36px; width:90px; display:block; margin-bottom:2px }

#leftNavigation li a.eseva span{ background:url(../images/eseva_icon.png) no-repeat 50% 0%; height:36px; width:90px; display:block; margin-bottom:2px }

#leftNavigation li a.eseva span.new_menu_item::after { content:"New"; position:absolute; width:auto; padding:0px 4px; background-color:#FF8040; color:#FFF; font-size:10px; line-height:14px; display:inline-block; top:5px; right:5px;}

#leftNavigation li a.e_sakshyam span{ background:url(../images/e_sakshyam.png) no-repeat 50% 0%; height:36px; width:90px; display:block; margin-bottom:2px }

#leftNavigation li a {
  font-size: 12px;
  font-family:"Open Sans", "Helvetica", Arial, sans-serif;
  color:#FFFFFF;
  line-height:20px;
  float:left;
  display:block;
  width:90px;
  padding: 1rem 0rem 1rem;
  text-align:center;
  text-decoration:none;
  /*border-bottom: solid 1px #395673;*/
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
#leftNavigation li a, #leftNavigation li a .leftNavIcon {
  line-height: 120%;
}
#leftNavigation li a .leftNavIcon {
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  padding: 0.8rem 0;
  text-align: center;
}
#leftNavigation li a:hover {
  /*color: white;*/
}
#leftNavigation li ul {
  display: none;
  margin: 0;
  /*background-color: #17232f;*/
  width:195px;
  padding-right:5px;
  left:115px;
  top:174px;
  overflow-y:auto;
  position:fixed;
}
#leftNavigation li ul li{ width:auto;}
#leftNavigation li ul li a {
  border-bottom: solid 1px #d2d2d2;
  color: #282828;
  font:400 13px/18px "Open Sans", "Helvetica", Arial, sans-serif;
  width:100%;
  text-align:left
}
#leftNavigation li ul li a.new_menu_item::after { content:"New"; position:absolute; width:auto; padding:0px 4px; background-color:#FF8040; color:#FFF; font-size:10px; line-height:14px; display:inline-block; top:1px;}
#leftNavigation li ul li a:hover{ color:#006543}

#leftNavigation li ul li a.active {
  border-bottom: solid 1px #d2d2d2;
  color: #006543;
  font:600 13px/18px "Open Sans", "Helvetica", Arial, sans-serif;
  width:100%;
  text-align:left
}

#leftNavigation li ul li a.sublink {
  border-bottom: solid 1px #d2d2d2;
  color: #282828;
  font:400 13px/18px "Open Sans", "Helvetica", Arial, sans-serif;
  width:100%;
  text-align:left;
  background:url(../images/sub_arrow.gif) no-repeat 15px 50%;
  padding-left:28px;
}
#leftNavigation li ul li a.sublink:hover { color:#006543}

#leftNavigation li ul li:last-child a {
  border-bottom: none;
}
#leftNavigation li ul li.active a {
  color: #282828;
}
#leftNavigation li.active > a {
  color: #282828;
  
}
#leftNavigation li.active ul {
  display: block;
}
#leftNavigation > li.active {
	/*position:relative;*/
   background-color: #e2e2e2;
   -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;

  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomleft: 2px;

  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
#leftNavigation > li.active a span { background-position:50% 100%;}

#leftNavigation li ul h4{ font:normal 18px/20px "Open Sans", "Helvetica", Arial, sans-serif; color:#282828; border-bottom:1px solid #d2d2d2; padding:24px 0px;}

#leftNavigation li ul h5{ margin:0px;}
#leftNavigation li ul h5 a{ background:url(../images/arrow_menu.gif) no-repeat 0% 50%; border-bottom: solid 1px #d2d2d2;
  color: #707070;
  font:400 13px/18px "Open Sans", "Helvetica", Arial, sans-serif;
  width:100%;
  text-align:left;
  padding:10px 0px 10px 13px;
  }
#leftNavigation li ul h5 a:hover{ color:#006543}


/*nav.dropdown > ul {
  width: 100%;
  text-align: center; }
  nav.dropdown > ul > li {
    display: inline-block;
    margin-left: -4px; }
    nav.dropdown > ul > li > a {
      padding: 0.5em 0.45em;
      text-transform: uppercase;
      font-size: .9em; }
  nav.dropdown > ul > li:first-child {
    margin-left: 0; }
nav.dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0; }
nav.dropdown li {
  position: relative; }
nav.dropdown a, nav.dropdown a:link, nav.dropdown a:visited {
  display: block;
  text-decoration: none;
  color: #eeeeee;
  background: #222222; }
nav.dropdown li:hover > a {
  color: #eeeeee;
  background: #555555; }
nav.dropdown > ul ul {
  display: none;
  position: absolute;
  width: 125px;
  text-align: left; }
  nav.dropdown > ul ul a {
    padding: 0.5em 0 0.5em 0.75em;
    font-size: .8em; }
  nav.dropdown > ul ul ul {
    left: 125px;
    top: 0px; }
nav.dropdown li:hover > ul {
  display: block; }*/
  
 
  
.logo{ width:309px; height:72px; border-right:1px solid #ccc; float:left}
.logo a{ display: block; background:url(../images/logo.gif) no-repeat 50% 50%; height:72px;}

.bl_connect{ float:left;}
.bl_connect .connect{ margin: 29px 0px 0px 22px; float:left;}
.bl_connect .searchbox1{ float:left; margin-top:18px; margin-left:22px; border:1px solid #bebebe; min-height:35px;}

.toptextbox{ border:none; padding:10px; width:240px; font: normal 14px/16px Arial, Helvetica, sans-serif; color:#3a3a3a; float:left; }
.toptextbox:focus{ border:none; outline: none;}

.search_button{ background:url(../images/search_icon.gif) no-repeat 50% 50%; width:36px; height:35px; border:none; float:left;}


.icon_size{ font-size:18px;}

.navbar-collapse{ float:left; padding:0px;}

#navleft{ position:relative; z-index:111;}

.profile_thumb{ float:left; margin-right:10px; width:80px;}
.profile_descrip{ 
float:left;
width:207px;
height:92px;
border-radius:1px;
 /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, left top, right top, from(#454545), to(#8f8f8f));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(left, #8f8f8f, #454545);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(left, #8f8f8f, #454545);

  /* IE 10 */
  background: -ms-linear-gradient(left, #8f8f8f, #454545);

  /* Opera 11.10+ */
  background: -o-linear-gradient(left, #8f8f8f, #454545);
 
}

.profile_descrip h4{ font:normal 13px/18px "Open Sans", "Helvetica", Arial, sans-serif; color:#FFF; margin:10px 10px 0px 16px ;}
.profile_descrip h4 span{ font-size:11px; color:#bdbdbd; display:block;}
.profile_descrip h4 a{ font:normal 12px/18px "Open Sans", "Helvetica", Arial, sans-serif; color:#FFF; display:inline-block; margin-right:20px;}
.profile_descrip h4 a:hover{ text-decoration:underline;}


.news_scroll{ position:relative; border-top:1px solid #c1c1c1; height:46px;}
.news_scroll span{ color:#006543; font:bold 12px/20px Arial, Helvetica, sans-serif; float:left; padding-top:13px; padding-right:10px;}

/*.marquee{ position:absolute; overflow:hidden; width:1010px; height:25px; cursor:pointer}*/
.newstext{ color:#4d4d4d; font:bold 12px/20px Arial, Helvetica, sans-serif; padding-top:12px;}
/*.marquee0 div{width:auto !important;}*/



.carousel .carousel-inner .item {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}


/*.carousel-fade .item {
  opacity: 0;
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
  left: 0 !important;
}

.carousel-fade .active {
  opacity: 1 !important;
}

.carousel-fade .left {
  opacity: 3 !important;
  -webkit-transition: opacity 0.5s ease-in-out !important;
  -moz-transition: opacity 0.5s ease-in-out !important;
  -ms-transition: opacity 0.5s ease-in-out !important;
  -o-transition: opacity 0.5s ease-in-out !important;
  transition: opacity 0.5s ease-in-out !important;
}

.carousel-fade .carousel-control {
  opacity: 1 !important;
}*/

/*.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}*/

.panel{ border-radius:3px;}

.panel-heading{ background:url(../images/panel_headerbg.gif) repeat-x 0 0; height:44px; padding-top:8px; padding-left:20px;}
.panel-heading h4{ font:normal 14px/16px "Open Sans", "Helvetica", Arial, sans-serif; color:#003c28; text-shadow:1px 1px 0px rgba(255,255,255, 0.7); padding-top:6px;}
.panel-heading a{ font:normal 12px/13px  Arial, sans-serif; color:#282828; border:1px solid #cacaca; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#f7f7f7; padding:7px;}
.panel-heading a:hover{ background:#FFF;}


.panel-body {
padding: 0px;
}
.panel-body img{ max-width:100%;}

.list-panel{ padding:15px 20px; border-bottom:1px solid #dadada;}
.list-panel:last-child{ border-bottom:none;}

.birth_imgbox img{ width:100%; border-top:1px solid #FFF;}
.list-panel{} 
.list-panel a{ margin-top:15px;}
.list-panel .cmmu_box{ margin-left:14px; float:left; width:80%; display:table-cell; white-space: normal; word-break:break-all; position:relative;}
.list-panel .cmmu_box h5{ font:bold 13px/15px  Arial, sans-serif; color:#282828; padding-bottom:4px; margin:0px;}
.list-panel .cmmu_box p{ font:normal 11px/14px  Arial, sans-serif; color:#757575; padding-bottom:2px;}
.list-panel .cmmu_box h6{ font:normal 12px/14px  Arial, sans-serif; color:#333; padding-bottom:2px; margin:0px;}
.list-panel .cmmu_box a{ font:normal 11px/15px  Arial, sans-serif; color:#006543;}
.list-panel .cmmu_box a:hover{ text-decoration:underline;}
.list-panel .cross{ background:url(../images/sm_cross.gif) no-repeat 0 0; height:16px; width:16px;}
.list-panel .cross:hover{ background-position:0 100%; -webkit-transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
transition-duration: 0.1s;}

.list-panel .cmmu_box a.join{ border:1px solid #cecece;  border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background-color:#FFF; font: normal 12px/16px Arial, Helvetica, sans-serif; color:#333; padding:3px 10px; display:inline-block; margin-top:5px; text-align:center; text-decoration:none}
.list-panel .cmmu_box a.join:hover{ background-color:#006543; color:#FFF; border-color:#063727}

.list-panel .cmmu_box .gold-member{ height:25px; background:url(../images/gold_star.png) no-repeat 9px 5px #ba751a; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin-top:3px; font:normal 11px/25px Arial, Helvetica, sans-serif; color:#FFF; padding-left:33px; padding-right:25px; letter-spacing:1px;}

.list-panel .cmmu_box .silver-member{ height:25px; background:url(../images/silver_star.png) no-repeat 9px 5px #757575; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin-top:3px; font:normal 11px/25px Arial, Helvetica, sans-serif; color:#FFF; padding-left:33px; padding-right:25px; letter-spacing:1px;}

.list-panel .cmmu_box .bronze-member{ height:25px; background:url(../images/bronz_star.png) no-repeat 9px 5px #925718; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin-top:3px; font:normal 11px/25px Arial, Helvetica, sans-serif; color:#FFF; padding-left:33px; padding-right:25px; letter-spacing:1px;}

.list-panel .cmmu_box .points{ position:absolute; z-index:2; right:0px; top:10px; font:normal 10px/14px Arial, Helvetica, sans-serif; color:#a8a8a8; text-align:center;}
.list-panel .cmmu_box .points b{ font-size:16px; color:#2d2d2d;}



.list-panel-img img{ width:100%;}
.list-panel-img p{ border-top:1px solid #FFF; }
.list-panel-img .list-result{  padding:15px 20px; border-bottom:1px solid #dadada;}
.list-panel-img .list-result:last-child{ border-bottom:none;}

.list-panel-img .adobe_reader{ background:url(../images/adobe_reader.gif) no-repeat 100% 0; font:bold 13px/18px  Arial, sans-serif; color:#282828; display:block; padding-right:20px}

.list-panel-img .ms_word{ background:url(../images/ms_word.gif) no-repeat 100% 0; font:bold 13px/18px  Arial, sans-serif; color:#282828; display:block; padding-right:20px}

.list-panel-img .list_link{ padding:15px 15px 15px 20px; display:block; font:bold 12px/15px  Arial, sans-serif; color:#282828;}
.list-panel-img .list_link:hover{ background:#f7f7f7;}
.list-panel-img .list_link span{ font-size:11px; color:#757575; display:block; padding-top:5px;}




.list-group{ margin-bottom:0px;}
.list-group-item{ border:none; margin-bottom:0px; padding:0px; border-bottom:1px solid #dadada;}
.list-group-item:last-child{ border-bottom:none;}
.list-group-item a{ padding:15px 15px 15px 20px; display:block; font:bold 12px/15px  Arial, sans-serif; color:#282828;}
.list-group-item a span{ font-size:11px; color:#757575; display:block; padding-top:5px;}
.list-group-item a:hover{ background-color:#f7f7f7;}

.accord_list{ margin-top:0px !important; border-radius:0px !important; border-bottom:1px solid #dadada;}
.accord_list:last-child{ margin-top:0px !important; border-bottom-left-radius:4px !important; border-bottom-right-radius:4px !important; border-bottom:1px solid #dadada;}


.plain_text_panel{ padding:15px 14px 15px 20px; font:normal 13px/16px  Arial, sans-serif; color:#282828; border-bottom:1px solid #ddd;}
.plain_text_panel:last-child{ border-bottom:none}
.plain_text_panel img{ max-height:46px; max-width:46px;}
.pricetext{ font:bold 13px/16px  Arial, sans-serif; color:#d25412; margin:0px;}


.ess_link{ background:url(../images/arrow_home.gif) no-repeat 20px 50%; padding-left:39px !important;}
.ess_link:hover{}
.ess_link strong{ color:#427fed}



.helpdesk{ background:#62a5a2; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; padding:20px;}
.helpdesk h3{ font:normal 25px/26px "Open Sans", "Helvetica", Arial, sans-serif; color:#FFF; padding-bottom:15px;}
.helpdesk p{ font:normal 15px/20px  Arial, sans-serif; color:#FFF; padding-bottom:20px;}
.helpdesk a{ font:normal 12px/18px  Arial, sans-serif; color:#282828; background:#f7f7f7; border:1px solid #cacaca; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; padding:6px 17px; display: inline-block;}



.righttop_links{ padding-top:16px; padding-right:15px;}
.righttop_links ul{ -webkit-padding-start: 10px;}
/*.message_icon{ display:block; background:url(../images/email_icon.png) no-repeat 0 0; width:40px; height:40px; margin-right:10px; -webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;}
.message_icon:hover{ background-position: 0 100%;  -webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;}*/

.message_icon{ display:block; width:40px; height:40px; text-align:center; margin-right:10px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
.message_icon span{ color:#FFF; font-size:22px; line-height:12px; font-family:Arial, Helvetica, sans-serif;}
.gold_topmember{ background-color:#ba751a;}
.silver_topmember{ background-color:#757575;}
.bronze_topmember{ background-color:#925718;}

.message_icon:hover{ background-position: 0 100%;  -webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;}


.profile_icon{ display:block; background:url(../images/people_icon.png) no-repeat 0 0; width:40px; height:40px; margin-right:10px; -webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;}
.profile_icon:hover{ background-position: 0 100%;  -webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;}



.notifi_icon{ display:block; background:url(../images/notification_icon.png) no-repeat 0 0; width:40px; height:40px; margin-right:10px; -webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;}
.notifi_icon:hover{ background-position: 0 100%;  -webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;}


.hangout_icon{ display:block; background:url(../images/hangout_icon.png) no-repeat 0 0; width:40px; height:40px; margin-right:10px; -webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;}
.hangout_icon:hover{ background-position: 0 100%;  -webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;}

.righttop_links ul li a span.numbers{ width:20px; height:20px; border-radius:15px; background-color:#ff0000; font-size:12px; color:#FFF; font-family:Arial, Helvetica, sans-serif; text-align:center; float:right; margin-top:-20px;}

.text_area{ resize:vertical;}
.iconmenu{ background:url(../images/find.png) no-repeat 0 0; width:28px; height:34px; margin:15px 0px 0px 15px; float:left; display:none;}

.page_content{ background:#FFF; border:1px solid #cacaca; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; padding:20px 20px 40px; line-height:1.2;}
.page_content h1{ font:normal 24px/46px "Open Sans", "Helvetica", Arial, sans-serif; color:#282828; border-bottom:1px solid #dadada; margin-bottom:15px; position:relative;}

.page_content h2{ font: 400 20px/23px 'Open Sans'; color: #333; margin-bottom:20px;}
.bg_page_content_overlay
{
  
  background:linear-gradient(0deg, rgba(37, 4, 23, 0.3), rgba(255, 0, 150, 0.3)), url(../images/blkp.jpg);
  background-size:cover;
}
.page_content .topichead_forum{ font: 400 30px/33px 'Open Sans'; color: #333; margin-bottom:20px;}

.page_content .topicbody_forum{ margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:20px;}

.page_content p{ font:normal 14px/20px "Open Sans", "Helvetica", Arial, sans-serif; color:#333;}
.table-responsive{ padding-bottom: 25px; }

.page_form{ width:100%;}
.page_form label{ font-family: 'Open Sans', Helvetica, sans-serif;
  font-size: 14px;
  line-height:25px;
  color: #333333;
  font-weight: 300;
}


.page_form .control-label{ text-align:left; padding-top:0px;}

.page_form .btn-default{ background-color:#006543; color:#FFF; border-color:#006543;}

.page_form .checkbox{ padding-top:0px;}
.page_form .checkbox label{ padding:0px; padding-right:10px;}

.search_gap{ padding:0px; padding-bottom:10px; padding-right:10px; float:left;}

.form-group label{ color:#006543; font-weight:400;}

.form-horizontal .radio-inline{ padding-top:0px;}



.addfreind_panel{ 
width:317px; background-color:#FFF;   position: relative;  /*height:100%;z-index:111;*/
}
.addfreind_panel .title{ padding:20px 12px 22px;}
.addfreind_panel h2{ font:normal 20px/26px "Open Sans", "Helvetica", Arial, sans-serif; color:#282828;}
.addfreind_panel ul{ margin:0px; padding:0px}
.addfreind_panel ul li{ border-bottom:1px solid #ccc; padding:12px; }
.addfreind_panel ul li:hover{ background-color:#f7f7f7;}
.addfreind_panel ul li .protext{ float:left; margin-left:10px;}
.addfreind_panel ul li .protextbold{ font: bold 12px/17px Arial, Helvetica, sans-serif; color:#282828; text-transform:capitalize; padding-bottom:5px;}
.addfreind_panel ul li .protextsm{ font: normal 11px/17px Arial, Helvetica, sans-serif; color:#555;}
.addfreind_panel ul li .protextsm a{ color:#282828; line-height:15px;}
.addfreind_panel ul li .protextsm a:hover{ color:#006543;}


.addfreind_panel ul li .add{ border:1px solid #cecece;  border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background-color:#FFF; font: bold 12px/22px Arial, Helvetica, sans-serif; color:#282828; height:26px; width:52px; display:inline-block; margin-top:8px;}
.addfreind_panel ul li .add span{ font-size:16px; font-weight:bold; color:#006543; line-height:22px; padding-left:6px; padding-right:6px; display:inline}

.addfreind_panel ul li .add:hover{ background-color:#006543; color:#FFF;}
.addfreind_panel ul li .add:hover span{ color:#FFF;}


.addfreind_panel ul li .accept{ border:1px solid #cecece;  border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background-color:#FFF; font: bold 11px/21px Arial, Helvetica, sans-serif; color:#282828; height:22px; width:55px; display:inline-block; margin-top:10px; text-align:center;}
.addfreind_panel ul li .accept:hover{ background-color:#006543; color:#FFF;}

.addfreind_panel ul li .decline{ border:1px solid #cecece;  border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background-color:#FFF; font: bold 11px/21px Arial, Helvetica, sans-serif; color:#282828; height:22px; width:55px; display:inline-block; margin-top:10px; text-align:center; margin-left:5px;}
.addfreind_panel ul li .decline:hover{ background-color:#da1d23; color:#FFF;}


.addfreind_panel .Btitle{ padding:20px 12px 12px; border-bottom:1px solid #ccc; margin-top:10px;}
.addfreind_panel .Btitle h2{ font:normal 20px/26px "Open Sans", "Helvetica", Arial, sans-serif; color:#282828;}
.addfreind_panel .Btitle p{ font: bold 13px/22px Arial, Helvetica, sans-serif; color:#6b6b6b;}

.sb_input{ width:253px}


.chat_panel{ 
width:317px; background-color:#FFF;   position: relative;  /*height:100%;z-index:111;*/
}
.chat_panel .title{ padding:20px 12px 22px;}
.chat_panel h2{ font:normal 20px/26px "Open Sans", "Helvetica", Arial, sans-serif; color:#282828;}
.chat_panel ul{ margin:0px; padding:0px}
.chat_panel ul li{ border-bottom:1px solid #ccc; padding:12px; }
.chat_panel ul li:hover{ background-color:#f7f7f7;}
.chat_panel ul li .protext{ float:left; margin-left:10px;}
.chat_panel ul li .protextbold{ font: bold 13px/17px Arial, Helvetica, sans-serif; color:#282828; padding-bottom:5px;}
.chat_panel ul li .protextsm{ font: normal 11px/17px Arial, Helvetica, sans-serif; color:#555;}

.chat_panel ul li .protext span{ font: normal 11px/17px Arial, Helvetica, sans-serif; color:#006543;}

.chat_panel ul li .add{ border:1px solid #cecece;  border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background-color:#FFF; font: bold 12px/22px Arial, Helvetica, sans-serif; color:#282828; height:26px; width:52px; display:inline-block; margin-top:8px;}
.chat_panel ul li .add span{ font-size:16px; font-weight:bold; color:#006543; line-height:22px; padding-left:6px; padding-right:6px; display:inline}

.chat_panel ul li .add:hover{ background-color:#006543; color:#FFF;}
.chat_panel ul li .add:hover span{ color:#FFF;}


.chat_panel .Btitle{ padding:20px 12px 12px; border-bottom:1px solid #ccc; margin-top:10px;}
.chat_panel .Btitle h2{ font:normal 20px/26px "Open Sans", "Helvetica", Arial, sans-serif; color:#282828;}
.chat_panel .Btitle p{ font: bold 13px/22px Arial, Helvetica, sans-serif; color:#6b6b6b;}


.navbar-form{ padding-left:0px; padding-right:0px;}

.panelR {
display: none;
width: 317px;
top:72px !important;
/*box-shadow: inset 0 0 5px 5px #222;*/
}


/* ---------------
 * 003 - Slidebars
 */
/*.sb-slidebar::before{ content:""; top:72px !important;}*/
.sb-slidebar {
	height: 100%;
	overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
	overflow-x: hidden;
	position: fixed;
	top:72px;
	box-shadow: -7px 0 7px -5px #aaa;
	z-index: 0; /* Slidebars sit behind sb-site. */
	display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
	background-color: #FFF; /* Default Slidebars background colour, overwrite this with your own css. */
	-webkit-transform: translate(0px); /* Fixes issues with translated and z-indexed elements on iOS 7. */
}

.sb-left {
	left: 0; /* Set Slidebar to the left. */
}

.sb-right {
	right: 0; /* Set Slidebar to the right. */
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
	position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}

.sb-slidebar.sb-active {
	display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}

.sb-style-overlay {
	z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
}

.sb-momentum-scrolling {
	-webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition: -moz-transform 400ms ease;
	     -o-transition: -o-transform 400ms ease;
	        transition: transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

/* --------------------
 * 005 - Helper Classes
 */
 
.sb-hide { 
	display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}

.align_right{ text-align:right}



.rborder{ border-left: 10px solid #006543; width:100%; z-index:0; position:relative}
#footer{ background:#006543; border-color:#006543; padding:20px; width:100%; z-index:99; position:relative; bottom:0;}
.footerleft{ width:50%; float:left}
.footerright{ width:50%; float:left; text-align:right}
.footertext{ font:normal 12px/18px  Arial, sans-serif; color:#FFF;}
.footertext a{ font:normal 12px/18px  Arial, sans-serif; color:#FFF; display:inline-block;}
.footertext a:hover{ color:#A6E80D;}

@media screen and (max-width: 1840px) {
.panelR { position:absolute !important;}
.ps-active-panel{ position:absolute !important;}
}
@media screen and (max-width: 1540px) {
.dom1 .container {
width: auto;
}
.dom1{ padding-left:10px; padding-right:10px;}
}
@media screen and (max-width: 1510px) {
.helpdesk a { margin-bottom:10px}
}
@media screen and (max-width: 1416px) {
	.list-panel .cmmu_box {
		width: 77%;
		
	}
	.list-panel .cmmu_box h5 { font-size:12px;}
}

@media screen and (max-width: 1300px) {
	.list-panel .cmmu_box {
		width: 76%;
	}
	
}


@media screen and (max-width: 1060px) {
.footerleft{ width:100%; text-align:center}
.footerright{ width:100%; text-align:center; }
}
@media screen and (max-width: 1250px) {
.container {
width: auto;
}
.navpanel{position: fixed;
top: 0;
left: -1px;
width:auto;
height:auto;
	}

.dom1{ margin-left:0px;}

  nav.dropdown {
    display: none; }

  header {
    height: 82px; }
	
.logo{ width:280px; height:72px; float:left; margin-left:49px;}
.logo a{ display: block; background:url(../images/logo.gif) no-repeat 50% 50%; height:72px;}

/*.bl_connect{ position:absolute; display: none; background:#FFF; padding:0px 30px 30px 0px; z-index:99; top:80px; left:329px;}

.iconsearch{ display:block;}*/
	 
}
.content {
  /*padding: 2.5em 1em 1em 1em;
  -webkit-box-shadow: 0px 0px 6px #333333;
  -moz-box-shadow: 0px 0px 6px #333333;
  -ms-box-shadow: 0px 0px 6px #333333;
  box-shadow: 0px 0px 6px #333333;*/ }

.nav_toggle {
  font-size: 3em;
  padding: 0.125em;
  color: #aaaaaa; }

.nav_toggle:hover {
  color: #006543; }

/*.off_canvas_top_menu {
  background: #444; }

.nav_close_btn {
  font-size: 1.25em;
  padding: 0.5em;
  color: #aaaaaa; }

.nav_prev_btn {
  font-size: 1em;
  padding: 0.75em;
  color: #aaaaaa;
  text-transform: uppercase; }

.nav_prev_btn i {
  font-size: 1.25em; }

.nav_close_btn:hover, .nav_prev_btn:hover {
  color: #eeeeee; }

nav.off_canvas a, nav.off_canvas a:link, nav.off_canvas a:visited {
  color: black;
  text-decoration: none;
  padding: 0.5em 1em;
  text-transform: uppercase; }
nav.off_canvas li:hover > a {
  color: white; }
nav.off_canvas li {
  background: #999999; }
nav.off_canvas li:hover {
  background: #333333; }
nav.off_canvas span.nav_next_btn {
  padding: 0 0.5em;
  font-weight: bold; }
nav.off_canvas li:hover span.nav_next_btn {
  color: black; }
nav.off_canvas li:hover span.nav_next_btn:hover {
  color: white; }*/



/*------------Communities page css start------------*/

.community_content {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  line-height:.3em
}

.community_content h1{ border-bottom-color:#c6c6c6}

.community_content h2{ font:400 20px/23px 'Open Sans'; color:#333;}

.create_button{ 
  text-transform:capitalize; 
  margin-bottom:0px;
  padding: 6px 15px;
  background-color: #006543;
  font-size: 13px;
  line-height: 18px;
  color: #FFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: inline-block;
  border: 1px solid #006543;
  margin-right: 5px;
  text-align:center;
/* -moz-box-shadow: inset -2px -2px 5px #888;
  -webkit-box-shadow: inset -2px -2px 5px #dadada;
  box-shadow: inset -2px -2px 5px #dadada;
*/
}

.create_button:hover{ background-color:#333; border: 1px solid #242424; color:#FFF}

.community_section{ border-bottom:1px solid #ccc; margin-bottom:20px;}
.community_outer{ margin-bottom:35px;}

.created_commu{ height:86px; cursor:pointer;}
.created_commu .thumbimg{ float:left; position:relative; width:86px; height:86px; border-top-left-radius:3px; border-bottom-left-radius:3px; overflow:hidden; background-color:#f5f5f5; border-right:1px solid #e7e7e7; }
.created_commu .thumbimg img{ max-width:100%; height:86px; width:100%;}
.created_commu .thumbimg span{ position:absolute;
  min-width: 10px;
  padding: 4px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #de4839;
  bottom:0px;
  right:0px;
 }

.created_commu p{ margin-left:80px; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#7d7d7d; padding:12px 5px 5px 20px;}
.created_commu p a{ font:400 14px/16px 'Open Sans'; color:#333; display:block;}
.created_commu p a:hover{ color:#006543;}

.created_commu p span.owner{ color:#04a66f; font-size:12px; display:block}



.joined_commu{}
.joined_commu .thumbimg{ border-top-left-radius:3px; border-top-right-radius:3px; height:250px; text-align:center; overflow:hidden; background-color:#f5f5f5; border-bottom:1px solid #e7e7e7;}
.joined_commu .thumbimg img{ max-width:100%; height:250px; width:100%}


.joined_commu p{ font:normal 12px/20px Arial, Helvetica, sans-serif; color:#a7a7a7; padding:12px 5px 20px 20px;}
.joined_commu p a{ font:400 16px/20px 'Open Sans'; color:#333; display:block;}
.joined_commu p a:hover{ color:#006543;}

.view_member{ font:400 12px/14px 'Open Sans' !important; color:#006543 !important; display:inline-block !important;}
.view_member:hover{ text-decoration:underline}

.joined_commu .join{ border:1px solid #cecece;  border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background-color:#FFF; font: normal 12px/16px Arial, Helvetica, sans-serif; color:#333; padding:5px 10px; display:inline-block;  margin-bottom:10px; text-align:center; margin-left:20px;}
.joined_commu .join:hover{ background-color:#006543; color:#FFF;}

.joined_commu .accept{ border:1px solid #cecece;  border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background-color:#FFF; font: normal 12px/16px Arial, Helvetica, sans-serif; color:#333; padding:5px 10px; display:inline-block;  margin-bottom:10px; text-align:center; margin-left:20px;}
.joined_commu .accept:hover{ background-color:#006543; color:#FFF;}

.joined_commu .decline{ border:1px solid #cecece;  border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background-color:#FFF; font: normal 12px/16px Arial, Helvetica, sans-serif; color:#333; padding:5px 10px; display:inline-block;  margin-bottom:10px; text-align:center; margin-left:5px;}
.joined_commu .decline:hover{ background-color:#da1d23; color:#FFF;}

.joined_commu h2{ font:400 16px/18px 'Open Sans' ; color:#333; padding:15px 20px;}

.joined_commu .member_detail_outer{ padding:10px 20px 0px; background-color:#f5f5f5; border-top:1px solid #ddd;}

.joined_commu .member_detail{ margin-left:60px; height:46px; margin-bottom:10px;}

.joined_commu .member_detail h3{ font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#333; display:block; padding-bottom:5px;}

.joined_commu .member_detail h4{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#757575;}


.welcome_community{ background-color:#bbb; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:10px 0px 0px;}
.welcome_community p{ font-size:13px; line-height:27px; color:#FFF;}
.welcome_community a{ margin-bottom:10px; text-transform:capitalize;}

.plaitext{ font:normal 12px/17px Arial, Helvetica, sans-serif; color:#333; padding:0px 15px 20px 20px;}

.commu_detail .thumbimg2{ height:auto; overflow:hidden; margin-top:5px; text-align:center; background-color:#f5f5f5; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.commu_detail .thumbimg2 img{ max-width:100%; height:auto;}

.commu_posted{ -webkit-box-shadow: 0 7px 6px -5px #d0d0d0;
 -moz-box-shadow: 0 7px 6px -5px #d0d0d0;
 box-shadow: 0 7px 6px -5px #d0d0d0;
}

.comment_text{ font:normal 13px/17px Arial, Helvetica, sans-serif; color:#333; padding:15px 20px 10px 20px; position:relative}
.comment_cross{ color:#333; font-weight:bold; font-family:'Open Sans'; font-size:15px; position:absolute; right:6px; top:13px;}
.comment_cross:hover{ color:#006543;}

.comment_text .edit{ width:10px; height:10px; background:url(../images/community/edit_icon.gif) no-repeat 0 0; display:block; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s;}
.comment_text .edit:hover{ background-position:0 100%;}

.comment_text .dropdown-menu{ right:0; left:auto; min-width:inherit; font-size:12px;}

.like_container{ padding: 12px 5px 10px 20px;}

.liketext{ height:26px; float:left; border:1px solid #aeaeae; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:0px 5px; color:#006543 !important; font-size:12px !important; line-height:26px; margin:0px 10px 0px 10px;}
.liketext img{ float:left; margin-left:-11px; margin-top:9px;}


.comments_div{ border-top:1px solid #ddd; padding:15px 20px 20px 20px;}
.comments_div h3{ padding-right:20px; font:400 12px/15px Arial, Helvetica, sans-serif; color:#333 ; display:inline-block; margin-bottom:10px;}

.comments_div h3.view_comment{ background:url(../images/community/comment_down_arrow.gif) no-repeat 100% 5px; padding-right:20px; font:400 12px/15px Arial, Helvetica, sans-serif; color:#333 ; display:inline-block; margin-bottom:10px; cursor:pointer}


.comments_panel{ margin-bottom:20px}
.comments_panel .cmmu_box{ margin-left:35px;}
.comments_panel .cmmu_box h5{ font:normal 13px/14px Arial, Helvetica, sans-serif; color:#282828; padding-bottom:4px; margin:0px;}
.comments_panel .cmmu_box h5 a{ font:normal 13px/14px Arial, Helvetica, sans-serif; color:#282828;}
.comments_panel .cmmu_box h5 a:hover{ color:#006543;}
.comments_panel .cmmu_box h6{ font:normal 11px/14px  Arial, sans-serif; color:#757575; padding-bottom:2px; margin:0px;}
.comments_panel p{ font:normal 13px/17px  Arial, sans-serif; color:#333; padding:0px; margin-top:10px}

.comments_panel .edit{ width:10px; height:10px; background:url(../images/community/edit_icon.gif) no-repeat 0 0; display:block; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s;}
.comments_panel .edit:hover{ background-position:0 100%;}
.comments_panel .dropdown-menu{ right:0; left:auto; min-width:inherit; font-size:12px;}

.like_button{ width:35px; height:26px; float:left; background:url(../images/community/like.gif) no-repeat 0 0; display:block; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; transition:none;}
.like_button:hover{ background-position:0 100%;}

.like_button .active{ width:35px; height:26px; float:left; background:url(../images/community/like.gif) no-repeat 0 100%; display:block; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; transition:none;}

.dislike_button{ width:35px; height:26px; float:left; background:url(../images/community/dislike.gif) no-repeat 0 0; display:block; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; transition:none;}
.dislike_button:hover{ background-position:0 100%;}

.dislike_button .active{ width:35px; height:26px; float:left; background:url(../images/community/dislike.gif) no-repeat 0 100%; display:block; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; transition:none;}

.mgb30{ margin-bottom:30px;}


.post_comment {
  padding: 6px 15px;
  background-image: none;
  background-color: #8fb54e;
  font-size: 13px;
  line-height: 16px;
  color: #FFF !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  border: 1px solid #6fab00;
  margin-right: 5px;
  -moz-box-shadow: inset -2px -2px 5px #75963c;
-webkit-box-shadow: inset -2px -2px 5px #75963c;
box-shadow: inset -2px -2px 5px #75963c;
}
.post_comment:hover{color: #fff;
  background-color: #006543; border: 1px solid #6fab00; box-shadow:none;}
  

.cont_imgpanel{ font:normal 20px/28px 'Open Sans' !important;} 
.cont_imgpanel img{ max-width:100%; margin-bottom:20px; }
.cont_imgpanel img.sbu_pic{ margin-bottom:0;}

.bloom_heading{}
.bloom_heading h2{ padding-bottom:10px; font: 400 20px/23px 'Open Sans'; color: #333; margin-bottom:10px;}
.bloom_heading a.month{ font-size:13px; font-weight:bold; line-height:16px; font-family:Arial, Helvetica, sans-serif; color:#333; margin-bottom:15px;}
.bloom_heading a.month:hover{ color:#006543; text-decoration:underline;}
.miscellaneousGrid{ display:flex; flex-wrap:wrap;}
.miscellaneousGrid_block{ width:25%; float:left; padding:0 15px; margin-bottom:30px; text-align:center; }
.edition{margin-bottom: 0px; border-radius: 3px; background-color: #fff;border: none;height:calc(100% - 40px);
-webkit-box-shadow: none;
    box-shadow: none;
	}
.edition a{ background-color:#FFF;  text-align:center; display:block; font:normal 13px/18px Arial, Helvetica, sans-serif; color:#707070; padding-top:20px; padding-bottom:15px; padding-left:6px; padding-right:6px;}
.edition a span{ font-weight:bold; padding-top:10px; display:block; height:65px; overflow: hidden;}
.edition a p{ padding-top:8px;}
.edition a:hover{ background-color:#f5f5f5; color:#006543;}


.news_box{ border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}
.news_box h3{ padding-bottom:15px;}
.news_box h3 .newstext{ font: 400 20px/25px 'Open Sans'; color: #333; padding-bottom:4px;}
.news_box h3 a{ font: 400 20px/25px 'Open Sans'; color: #006543; padding:0px; margin:0px; padding-bottom:4px; display:block;}
.news_box h3 span{ font:normal 12px/16px Arial, Helvetica, sans-serif; color:#707070; margin-right:10px;}
.news_box h3 a:hover{ color:#333;}
.news_box h3 .category{ font:normal 12px/16px Arial, Helvetica, sans-serif; color:#333; display:block; margin-top:5px;}
.news_box p.descrip{ font:normal 14px/18px Arial, Helvetica, sans-serif; color:#555; padding-bottom:10px;}


/*blog css start here*/

.blog_box{ border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}
.blog_box .imgbox{ height:200px; overflow:hidden; padding-left:0px}
.blog_box img{ max-width:100%; width:100%; border:1px solid #e7e7e7;}
.blog_box h3{ padding-bottom:10px; color:#555; font:normal 12px/16px Arial, Helvetica, sans-serif;}
.blog_box h3 a{ font: 300 20px/25px 'Open Sans'; color: #006543; margin:0px; padding-bottom:4px; display:block;}
.blog_box h3 a:hover{ color:#333;}
.blog_box h3 span{ font:bold 12px/16px Arial, Helvetica, sans-serif; color:#006543;}
.blog_box p.descrip{ font:normal 13px/18px Arial, Helvetica, sans-serif; color:#555; padding-bottom:10px;}

.blog_detail h2{ padding-bottom:10px; color:#555; font:normal 30px/36px 'Open Sans', Arial, Helvetica, sans-serif;}
.blog_detail h2 span{ font:normal 12px/16px Arial, Helvetica, sans-serif; color:#707070;}

.datetext{ display:inline-block; padding-right:12px; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#555;}


.notification{ font:normal 12px/16px Arial, Helvetica, sans-serif; color:#282828;}
.notification img{ float:left; margin-right:10px;}


<!--ceo desk-->

.list-panel .cmmu_box_left {
  margin-right: 14px;
  float: left;
}
.list-panel .cmmu_box_sbu h5{ font:bold 13px/15px  Arial, sans-serif; color:#282828; padding-bottom:4px; margin:0px;}
.list-panel .cmmu_box_sbu p{ font:normal 11px/16px  Arial, sans-serif; color:#757575; padding-bottom:2px;}


.sbu_structure{ text-align:center; margin:20px 0px 30px;}
.sbu_structure img{ max-width:100%;}


.employee_dir{ border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:15px; font:normal 14px/18px  Arial, sans-serif; color:#333;}
.employee_dir h5{ font:bold 14px/16px  Arial, sans-serif; color:#282828; padding-bottom:4px; margin:0px; padding-left:20px;}
.employee_dir h5 span{ font:normal 14px/18px  Arial, sans-serif; color:#333; width:150px; display:inline-block;}

.employee_dir p span{ font:normal 14px/18px  Arial, sans-serif; color:#333; width:150px; display:inline-block;}
.employee_dir p{ font:normal 14px/18px  Arial, sans-serif; color:#757575; padding-bottom:4px; padding-left:20px; line-height:20px;}


.profile_dir{ padding-bottom:10px; margin-bottom:15px; font:normal 14px/18px  Arial, sans-serif; color:#333;}
.profile_dir h5{ font:bold 14px/16px  Arial, sans-serif; color:#282828; padding-bottom:8px; margin:0px; border-bottom:1px solid #ddd; margin-bottom:10px; }
.profile_dir h5 span{ font:normal 14px/16px  Arial, sans-serif; color:#333; width:200px; display:inline-block; padding-bottom:5px;}

.profile_dir p span{ font:normal 14px/18px  Arial, sans-serif; color:#333; width:200px; display:inline-block; padding-bottom:5px;}
.profile_dir p{ font:normal 14px/18px  Arial, sans-serif; color:#757575; padding-bottom:8px; line-height:20px; clear:both; border-bottom:1px solid #ddd; margin-bottom:10px;}


.fb_footer{ margin-left:20px; background:url(../images/fb_icon.png) no-repeat 0 0; width:23px; height:23px; display:inline-block; margin-bottom:-6px; }
.fb_footer:hover{ background-position:0 100%;}

.tw_footer{ margin-left:5px; background:url(../images/tw_icon.png) no-repeat 0 0; width:23px; height:23px; display:inline-block; margin-bottom:-6px; }
.tw_footer:hover{ background-position:0 100%;}

/*###################### 10-02-2016 #######################*/
.tbl_wrapper{ margin-left:-8px;}
.table .table{ background:none;border-bottom: 1px dashed #bfbfbf; }
.table>tbody>tr>td{ border-top: none;}
.table .table:nth-child(odd){ background:#cccccc;}
.table .table{ background:#ddd;}




.form-group-border{border-bottom: 1px dashed #bfbfbf; padding-bottom: 6px; margin-bottom:10px; padding-top:12px; padding-bottom:12px; }
.form-group-border:nth-child(odd){background:#e5e4e4;}
.form-group-border:nth-child(even){background:#f2f2f2;}
.inserted_div:nth-child(even){background:#e2e2e2; float:left; width:100%; border-bottom:1px dashed #bfbfbf; padding-top:12px; padding-bottom:12px; margin-bottom:10px;margin-top:10px;}
.inserted_div:nth-child(odd){background:#d2d2d2; float:left; width:100%; border-bottom:1px dashed #bfbfbf; padding-top:12px; padding-bottom:12px;}
.glyphicon_sm{ font-size:9px; top:-1px;}


.gold-member{ height:30px; background:url(../images/gold_star.png) no-repeat 9px 8px #ba751a; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin-top:3px; font:normal 14px/30px Arial, Helvetica, sans-serif; color:#FFF; padding-left:33px; padding-right:20px; letter-spacing:1px; display:inline-block}

.silver-member{ height:30px; background:url(../images/silver_star.png) no-repeat 9px 8px #757575; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin-top:3px; font:normal 14px/30px Arial, Helvetica, sans-serif; color:#FFF; padding-left:33px; padding-right:20px; letter-spacing:1px; display:inline-block}

.bronze-member{ height:30px; background:url(../images/bronz_star.png) no-repeat 9px 8px #925718; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin-top:3px; font:normal 14px/30px Arial, Helvetica, sans-serif; color:#FFF; padding-left:33px; padding-right:20px; letter-spacing:1px; display:inline-block}

.platinum-member{ height:30px; background:url(../images/silver_star.png) no-repeat 9px 8px #00CCCC; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin-top:3px; font:normal 14px/30px Arial, Helvetica, sans-serif; color:#FFF; padding-left:33px; padding-right:20px; letter-spacing:1px; display:inline-block}

.diamond-member{ height:30px; background:url(../images/silver_star.png) no-repeat 9px 8px #66CCFF; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin-top:3px; font:normal 14px/30px Arial, Helvetica, sans-serif; color:#FFF; padding-left:33px; padding-right:20px; letter-spacing:1px; display:inline-block}


.pic_upload .imgthumb{ border:1px solid #ddd; /*padding:10px;*/ max-width:100%; height:180px; /*margin-right:20px; margin-bottom:20px*/}

.profile_pic{ float:left;}

.guide_div{ margin-left:350px;}

.upload_button{ 
    position: absolute;
    right: 30px;
	top: 85px;
}

.member_div{ float:left; width:150px; height:180px; padding-top:24px; border:1px solid #ddd; border-left:none; text-align:center;}

.member_div .points{ font:normal 11px/14px Arial, Helvetica, sans-serif; color:#222; text-align:center; padding-bottom:15px;}
.member_div .points samp{ font-family:Arial, Helvetica, sans-serif; font-size:28px; line-height:30px; color:#006543; display:block; margin-top:15px}


.red-tooltip + .tooltip > .tooltip-inner {background-color: #006543; padding:5px; font-weight:normal;}
.red-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#006543; }


/*--Date--CSS--16/05/2016*/
.sub-heading{ padding-top:8px; border-bottom:#dadada 1px solid; margin-bottom:0px;}
.sub-heading h4{ font:normal 18px/0px "Open Sans", "Helvetica", Arial, sans-serif; color:#575757; text-shadow:1px 1px #FFF; padding-top:6px; padding-bottom:35px;}
.sub-heading a{ font:normal 12px/13px  Arial, sans-serif; color:#282828; border:1px solid #cacaca; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#f7f7f7; padding:7px 15px;}
.sub-heading a:hover{ background:#FFF;}

.swachh-bharat-panel a{background:#fff; display:block; width:100%;}
.swachh-bharat-panel a:hover{ background:#e8e8e8;}

.members-panel { border-bottom:#dadada 1px solid; margin-left:0px; margin-right:0px;}

.list-panel-member{ padding:15px 10px; border-bottom:0px solid #dadada;}
.list-panel-member:last-child{ border-bottom:none;}

.list-panel-member .imgbox{}
.list-panel-member a{ margin-top:15px;}
.list-panel-member .cmmu_box_member{ margin-left:14px; float:left;}
.list-panel-member .cmmu_box_member h5{ font:normal 14px  Arial, sans-serif; color:#282828; padding-top:12px; margin:0px; text-transform:uppercase;}
.list-panel-member .cmmu_box_member p{ font:normal 11px/14px  Arial, sans-serif; color:#757575; padding-bottom:2px;}
.list-panel-member .cmmu_box_member a{ font:bold 12px/15px  Arial, sans-serif; color:#006543;}
.list-panel-member .cmmu_box_member a:hover{ text-decoration:underline;}

.list-panel-city{ padding:15px 10px; border-bottom:0px solid #dadada;}
.list-panel-city h5{ font:normal 14px  Arial, sans-serif; color:#8d8d8d; padding-top:12px; margin:0px;}

.list-panel-members-icon{ padding:15px 10px; border-bottom:0px solid #dadada;}
/*.list-panel-members-icon .members{ background:url(../images/nominated_icon.gif) no-repeat 0 0; height:17px; width:22px; margin-top:12px;}*/
.list-panel-members-icon .members{ padding-top:12px;}

.nomini_outer{ height:auto; position:relative; background-color:#FFF; overflow:hidden;}
.nomini{ /*background-color: rgba(219,97,25,0.9);*/ width:100%; position:absolute; z-index:1; right:-2000px; top:0; bottom:0; }

.overlay{ display:none; position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.8); left:0; top:0; bottom:0; right:0; z-index:9999 !important;}

.ui-menu-item a{ display:block; padding:10px 5px; background:none; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;}
#seperation_workflow_tbl .glyphicon-trash{ display:inline-block; cursor:pointer}
#display_reviewere{ border-bottom:1px solid #ddd;}

.support_doc{ padding:0px; margin:0px;}
.support_doc li{ display:inline-block; border-right:1px solid #999; padding-right:10px; margin-right:10px}
.support_doc li:last-child{ border-right:none;}

.mgr-section{ background-color: #f9f9f9; border:1px solid #ddd; padding:10px;}
.hr-section{ background-color: #f4f4f4; border:1px solid #ddd; padding:10px;}

.approval-dt .table-responsive{ padding-bottom:30px; margin-bottom:0px}
.approval-dt .table {
    margin-bottom: 20px;
}
.btn-group .dropdown-menu{ width:250px; height:90px; overflow-y:auto; padding:5px 10px;}

.article-attach{ height:27px; background:url(../images/icons/attach.gif) no-repeat 98% 0; display:block; color:#006543;}
.article-attach:hover{ color:#333;}

/*=====================14-05-18=====================*/
.headline{ border-bottom:1px solid #ddd; padding-bottom:10px; }
.bullet_text{ padding-left:0px; margin-bottom:30px}
.bullet_text li{ position:relative; padding-left:20px; font: normal 14px/20px "Open Sans", "Helvetica", Arial, sans-serif;color: #333;margin-bottom:10px;}
.bullet_text li:before{ content:"\f111"; font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit; position:absolute; left:0px; color:#006543; font-size:8px; }
.bullet_text li ul{ padding-left:10px; margin-top:10px}
.bullet_text li ul li{ position:relative; padding-left:20px; font: normal 14px/20px "Open Sans", "Helvetica", Arial, sans-serif;color: #333;margin-bottom:10px;}
.bullet_text li ul li:before{ content:"\f10c"; font-family: FontAwesome;font-style: normal;font-weight: bold;text-decoration: inherit; position:absolute; left:0px; color:#555; font-size:8px; }

/*=======================13-12-18======================*/
.eventbox{ border-bottom:1px solid #ddd; padding:10px;}
.eventbox:nth-child(2n){ background-color: #f1f1f1}
.eventbox:last-child{ border-bottom:none; margin-bottom: 15px}
.event_greentext{ font:600 14px/25px 'Open Sans'; color:#006543;}
.event_normaltext{ font:400 14px/25px 'Open Sans' !important; color:#333;}

.claim_p{ padding: 0px; margin-bottom: 0px;}
.claim_p li{padding: 5px 0px;}
.claim_p label{ width: 160px}

.comment_area{ background: #f1f1f1; border: 1px solid #ddd; padding: 8px; margin-bottom: 15px}
.comment_area p{ border-bottom: 1px solid #ddd; padding-bottom: 12px;}
.comment_area h3{margin-bottom: 15px}
.comment_area a{display: inline-block; padding: 8px; border: 1px solid #006543;  padding: 8px; margin: 0 2px;}
.buttons{display:flex;}
.comment_area button, html .comment_area input[type="button"], .comment_area input[type="reset"], .comment_area input[type="submit"]{padding: 8px;  margin: 0 2px;display: inline-block; }
.btn.btn-secondary{background: #1c93b7; color:#fff;padding:6px 8px;  border:none; margin: 0 2px;display: inline-block; }
.vendorbox input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.page_content .error{font-size:12px; color:#f00; display:block; line-height: 1.2; padding-top: 5px; }
/*End*/
.requestCont{}
.request_head{background:#62A5A2; font:600 14px/25px 'Open Sans'; color:#fff; padding:10px 15px;margin-bottom:15px; cursor: pointer;}
.request_head:after{content:"\f078"; font-family: FontAwesome; float: right; font-weight: 400;}
.request_head.actives{ margin-bottom:0;}
.request_head.actives:after{content:"\f077";}
.requestCont{ margin-bottom:15px; display: none;}
.dataTables_wrapper .dataTables_length{float:left;}
.dataTables_wrapper .dataTables_filter{float:right;}
div.dataTables_wrapper div.dataTables_filter label, .dataTables_length label{ font-weight:bold!important;}
div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_length select{padding: 6px 12px;font-weight:normal!important;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

@media(max-width:1280px) {
.miscellaneousGrid_block{ width:33.333%;}
}
@media only screen and (max-width: 955px) {
.footerleft{ width:100%; }
.footerright{ width:100%; margin-top:10px; }
}

@media only screen and (max-width:991px){
	/*.bl_connect .connect img{ width:74px;}*/
	.bl_connect .connect{ margin: 29px 0px 0px 10px;}
}
@media only screen and (max-width:991px){
	.toptextbox{ width:200px;}
	.bl_connect .searchbox1{ margin-left:10px;}
}
@media only screen and (max-width:920px){
.upload_button{ position:relative; right:auto; top:0; left:0px; margin-bottom:25px;}
}
@media only screen and (max-width:730px){
.page_form{ width:auto}
}
@media only screen and (max-width:891px){
	.toptextbox{ width:200px;}
	.bl_connect .connect{ margin: 29px 0px 0px 10px; float:left;}
	.bl_connect .searchbox1{ float:left; margin-top:18px; margin-left:10px; border:1px solid #bebebe; min-height:36px;}
	


}
@media only screen and (max-width:834px){
	.toptextbox{ width:180px;}
	.logo{ width:220px; border-right:none; padding-right:20px}
	.logo a{ background-size:200px}
	
	.nav_toggle {
		font-size: 2em;
	}
	[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "sassy_off_canvas_nav";
  font-style: normal;
  font-weight: bolder;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  margin-top: .6em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 2em;
  margin-left: .4em; 
  }
}

@media only screen and (max-width:767px){
	.dom1{ padding:10px;}
	.dom1 .container{ padding-left:0px; padding-right:0px;}
	.dom1 .dashB{ padding-left:15px; padding-right:15px;}

	.page_content{ padding:5px 10px 40px;}
	.page_content h1{ margin-bottom:10px; font-size:20px;}
	
	.righttop_links{ float:right; display:block; margin-top:0px; padding-top:14px;}
	.righttop_links ul li{ float:left}
	
	.righttop_links{ padding-right:20px;}
	.message_icon{ width:30px; height:30px; margin-right:5px;}
	.message_icon span{ font-size:20px; line-height:10px;}
	.message_icon:hover{ background-position: 0 100%;}

	.profile_icon{ background:url(../images/profile_sm.png) no-repeat 0 0; width:30px; height:30px; margin-right:5px;}
	.profile_icon:hover{ background-position: 0 100%;}

	.notifi_icon{ background:url(../images/notifi_sm.png) no-repeat 0 0; width:30px; height:30px; margin-right:5px;}
	.notifi_icon:hover{ background-position: 0 100%;}

	.hangout_icon{ background:url(../images/hang_sm.png) no-repeat 0 0; width:30px; height:30px; margin-right:5px;}
	.hangout_icon:hover{ background-position: 0 100%;}
	
	.righttop_links ul li a span.numbers{ margin-top:-20px;}
	
	.navbar-toggle{ position:absolute; right:140px; margin-top:15px; margin-right:10px;}
	
	#navbar-collapse1{ top:82px; position:absolute; background:#FFF; width:100%}
	
	.bl_connect{ width:auto; float:none;}
	.bl_connect .connect{ display:none; margin: 29px 0px 0px 0px; float:left;}
	.bl_connect .connect img{ width:auto;}
	.bl_connect .searchbox1{ float:none; margin:15px;}
	.toptextbox{ width:93%;}
	
	.navbar-form{ padding:10px 0px; margin:0px; border:none;}
	
	.align_right{ text-align:left; margin-top:10px;}
	table{ font-size:11px}
	
	.mgb30{ margin-bottom:10px;}
	.community_content{ padding-top:10px;}
	
	.blog_box h3{ padding-top:10px;}
	.blog_box .imgbox{ padding-right:0px;}
	
	.upload_button{ 
    right: 30px;
	top: 15px;
	}
	.miscellaneousGrid_block{ width:50%;}
}
.table-responsive{width:100%;margin-bottom:15px;overflow-x:auto;overflow-y:hidden;}

@media only screen and (max-width:738px){
.post_comment{ margin-bottom:8px}
}
@media only screen and (max-width:690px){
	.profile_pic {
    float: none;
}
.guide_div{ margin-left:0px; margin-top:10px; width:100%;}
.guide_div .guideline{ padding-left:15px; margin-bottom:0px;}
}

@media only screen and (max-width:675px){
	.search_gap{ padding-bottom:10px; float:none; padding-right:0px; }
	.btn-go{ width:100%;}
	.vendor_button{ width:100%; text-align:center}
	.create_button{ width:100%; text-align:center}
	
	.welcome_community p{ line-height:16px;}
	.commu_posted .cmmu_box{ float:none; margin-left:56px}
	.profile_pic{ text-align:center;}
	.profile_pic img{ max-width:100%; height:auto;}
}

@media only screen and (max-width:600px){
.employee_dir h5 span{ display:block; width:100%}
.employee_dir p span{ display:block; width:100%}

.employee_dir h5{ padding-bottom:10px;}
.employee_dir p{ margin-bottom:5px; word-wrap: break-word;}

.profile_dir h5 span{ display:block; width:100%}
.profile_dir p span{ display:block; width:100%}

.profile_dir h5{ padding-bottom:10px;}
.profile_dir p{ margin-bottom:8px; word-wrap: break-word;}

.page_content h1 { font-size:20px;}
}



@media only screen and (max-width:565px){
	.toptextbox{ width:91%;}
	.col-xs-6{ width:100%}
	.post_comment{ margin-bottom:0px}
	
}

@media only screen and (max-width: 465px) {
	.dom1{ padding:5px;}
	.logo{ width:180px; border-right:none; padding-right:10px; margin-left:45px;}
	.logo a{ background-size:170px}
	.righttop_links{ padding-right:15px;}
	.navbar-toggle{ margin-right:0px; padding-right:5px; right:135px;}
	.righttop_links ul li a{ margin-right:8px}
	
	.toptextbox{ width:89.5%;}
	.list-group-item a h6{ float:right !important;}
	
	
	#leftNavigation li a.dashB span{ display:none;}
	#leftNavigation li a.sbu span{ display:none; }
	#leftNavigation li a.perso span{ display:none; }
	#leftNavigation li a.hrms span{ display:none; }
	#leftNavigation li a.share span{ display:none; }
	
	#leftNavigation li a.dashB{ line-height:30px;}
	#leftNavigation li a.sbu{ line-height:30px;}
	#leftNavigation li a.perso{ line-height:30px;}
	#leftNavigation li a.hrms{ line-height:30px;}
	#leftNavigation li a.share{ line-height:30px;}

	#leftNavigation li a { padding: 1rem 0rem 1rem; }
	.miscellaneousGrid_block{ width:100%; max-width:300px; float:none; margin-left:auto; margin-right:auto;}
	.page_content h1 {
    font-size: 18px;
    line-height: 37px;
	}
}
@media only screen and (max-width: 400px) {

.logo{ width:116px; border-right:none; padding-right:10px; margin-left:45px; }
	.logo a{ background-size:170px; background-position: 0% 50%;}
	
	.list-panel { padding: 15px 15px;}
	.plain_text_panel { padding: 15px 14px 15px 15px;}
	
	.helpdesk{ padding:15px;}
	
	.panel-heading h4{ font-size:12px; line-height:16px; color:#006543; font-weight:bold}
	
	.list-panel-img .list-result { padding: 15px ;}
	
	.list-group-item a { padding: 15px;}
	.list-panel-img .list_link{ padding: 15px;}
	
	.ess_link {
background: url(../images/arrow_home.gif) no-repeat 16px 50%;
padding-left: 35px !important;
}


.list-group-item a{ padding:15px;}
.list-group-item a h6{ float:none !important; display:block; padding-top:5px;}

.block{ display:block}

.addfreind_panel{ width:295px;}
.chat_panel{ width:295px;}

#footer{ padding:20px 0px; bottom:0px; border:1px solid #006543;}

}
@media only screen and (max-width: 394px) {
.toptextbox{ width:88%;}
}
@media only screen and (max-width: 385px) {
.member_div{ float:none; width:180px; margin:0 auto; height:100px; padding-top:14px; border:1px solid #ddd; text-align:center;}
.profile_pic .pull-left{ float:none !important; width:180px; margin:0 auto;}
.member_div .points samp{ margin-top:0px}
.member_div .points{ padding-bottom:5px;}
}
@media only screen and (max-width: 350px) {
.toptextbox{ width:87%;}
.navbar-right{ padding-left:10px;}

}
@media only screen and (max-width: 327px) {
.toptextbox{ width:86%;}
}
@media only screen and (max-width: 340px) {
	.righttop_links ul li a{ margin-right:8px}
	.righttop_links ul li a span.numbers{ margin-top:-10px;}
	/*.message_icon{ background:url(../images/mail_small.png) no-repeat 0 0; width:18px; height:18px; }
	.message_icon:hover{ background-position: 0 100%;}*/

.navbar-nav>li>a {
padding-top: 0px;
padding-bottom: 0px;
line-height: 20px;
}


.navbar-toggle{ right:112px; margin-top:20px;}

.icon_size{ font-size:14px;}

.footicon{ display:block; margin-top:6px;}

.message_icon span{ line-height:30px;}
}
@media only screen and (max-width: 290px) {
	.righttop_links ul li a span.numbers{ margin-top:-20px;}
	.righttop_links{ padding-top:20px;}
	.profile_icon{ background:url(../images/profile_small.png) no-repeat 0 0; width:18px; height:18px; }
	.profile_icon:hover{ background-position: 0 100%;}

	.notifi_icon{ background:url(../images/notifi_small.png) no-repeat 0 0; width:18px; height:18px; }
	.notifi_icon:hover{ background-position: 0 100%;}

	.hangout_icon{ background:url(../images/hang_small.png) no-repeat 0 0; width:18px; height:18px; }
	.hangout_icon:hover{ background-position: 0 100%;}

}


.tablehead{ background-color:#006543 !important; color:#FFF !important;}
.tablehead a{ color:#FFF;}
.tablehead a:hover{ color:#A6E80D;}

.pagination{ font-size:12px}
.pagination a{ color:#282828 !important;}
.pagination .active a{ background-color:#008A00; border-color:#006543; color:#FFF !important;}
.pagination .active a:hover{ background-color:#006543; border-color:#006543;}

/*.vendor_button{ padding: 6px 15px;
  background-image: none;
  background-color:#f4f4f4;
  text-transform:capitalize;
  font-size:13px;
  line-height:18px; 
  color:#006543;
  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
  display:inline-block;
  margin-bottom:20px;
  border:1px solid #bcbcbc;
  margin-right:5px;
   -moz-box-shadow: inset -2px -2px 5px #888;
-webkit-box-shadow: inset -2px -2px 5px #dadada;
box-shadow: inset -2px -2px 5px #dadada;
  }
.vendor_button:hover{ background-color:#006543; border:1px solid #006543; color:#FFF; box-shadow:none;}*/

.vendor_button{ padding: 6px 15px;
  background-image: none;
  background-color:#006543;
  text-transform:capitalize;
  font-size:13px;
  line-height:18px; 
  color:#FFF;
  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
  display:inline-block;
  margin-bottom:20px;
  border:1px solid #006543;
  margin-right:5px;

  }
.vendor_button:hover{ background-color:#333; border:1px solid #242424; color:#FFF; box-shadow:none;}
.vendor_button:active{ color:#FFF; transition:none;}
.vendor_button:focus{ color:#FFF; transition:none;}

/*------css for ascending and descending in table head------*/
	
	.sort_asc:after {
			content: "▲";
		}
	.sort_desc:after {
			content: "▼";
		}
	.sort:after{
		content: "♦";
	}
	
.badge{ font-weight:400;}
.panel-default>.panel-heading .badge{ font:400 12px/14px 'Open Sans'; background-color:#555; color:#FFF; text-shadow:none;}

.label{padding: 12px 12px; font-size:14px; font-weight:400; display:inline-block;}

.panel-footer {
padding: 15px 15px;
}
.download_but:before{ content:'\f019'; font-family: FontAwesome; display: inline-block; padding-right: 10px;}
.btn-primary{ background-color: #006543; border-color: #006543;  line-height:1.2;}
.btn-primary:hover{ background-color: #4c4c4c; border-color: #4c4c4c;}
.btn-primary:active{ background-color: #4c4c4c; border-color: #4c4c4c;}
.btn-primary:focus{ background-color: #4c4c4c; border-color: #4c4c4c;}
.btn-primary .badge{ color:#006543;}

/*.btn-danger{ line-height:1.2;}*/

.alert-warning{ font-size:12px; padding:10px;}

.topic_text{ font-size:14px; display:inline-block; padding-right:10px;}

ul.topic_align li{ float:left;}

.modal-title{ font-size:14px;}

.error_msg{ color:#D63030; padding-top:5px;}
.error_msg p{ color:#D63030; padding-top:5px;}

.nav-pills{ font-size:14px; line-height:24px}
.well{ font-size:14px;}

.pic_upload{ font-size:14px; line-height:22px; }
.pic_upload ul{ margin:0px; padding:0px;}

/*modified css*/
.btn-go{ background-color: #f4f4f4; border-color: #bcbcbc; color:#006543; margin:0px; /*padding:5px 10px;*/}
.btn-go:hover{ background-color:#006543; color:#FFF; border-color: #006543;}


.event_listing{ color:#006543; font: 400 16px/24px 'Open Sans', Helvetica, sans-serif; text-transform:capitalize;
  padding-bottom: 4px;}
.event_listing:hover{ color:#333;}

.event_organise{ color:#757575; font-size:13px;}

.pd10{ padding:10px}


.file_ext{ padding:5px 10px; border-radius:5px; border:1px solid #f9e8c5; font-size:12px !important;}

/*Knowledge css start here*/

.knowledge_container{ border:1px solid #ddd; padding:20px; border-top:none; border-bottom-left-radius:4px; border-bottom-right-radius:4px; font-size:14px;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #d25412;
  cursor: default;
  background-color: #fff;
  font:400 18px 'Open Sans';
}
.nav-tabs li a{ color:#333; font:400 18px 'Open Sans';}
.nav-tabs li a:hover{ background-color:#006543; color:#FFF;}

.panel-primary {
  border-color: #006543;
}
.panel-primary>.panel-heading2 {
  color: #fff;
  background-color: #006543;
  border-color: #006543;
  line-height:34px;
  padding-left:10px;
}
.panel-primary> .panel-body2{ background-color:#e0efd8; padding:5px 5px 30px;}


.search_resultbox_outer{ background-color:#FFF; border:1px solid #ddd; padding:8px 20px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-top:30px;}

.search_resultbox{ border-bottom:1px solid #ddd; padding:10px}
.search_resultbox:last-child{ border-bottom:none}
.search_result_greentext{ font:400 14px/22px 'Open Sans'; color:#006543;}
.search_result_normaltext{ font:400 14px/22px 'Open Sans' !important; color:#333;}


.btn-default{ color:#006543; line-height: 1.2;}

.btn-white{ background-color: #fff;
  border-color: #ccc; color:#006543}
.btn-white:hover{ background-color:#f4f4f4; color:#333;}


.send_request {
  padding: 6px 15px;
  background-image: none;
  background-color: #f4f4f4;
  font-size: 13px;
  line-height: 16px;
  color: #006543;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  border: 1px solid #bcbcbc;
  margin-right: 5px;
  -moz-box-shadow: inset -2px -2px 5px #dadada;
-webkit-box-shadow: inset -2px -2px 5px #dadada;
box-shadow: inset -2px -2px 5px #dadada;
}
.send_request:hover{color: #fff;
  background-color: #006543; border: 1px solid #0e7754; box-shadow:none;}

  
.alert{ font-size:13px; line-height:15px; padding:10px;}

.bl_users li{ cursor:pointer;}


.sbu_scroll {overflow-y:auto; max-height:310px; }

.password-verdict{ display:block; line-height:20px;}
.error-list{ margin:0px; padding:0px;}
ul.error-list li{ line-height:15px;}

.add_request {
  padding: 6px 15px;
  background-image: none;
  background-color: #028a82;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  border: 1px solid #055457;
  margin-right: 5px;
  -moz-box-shadow: inset -2px -2px 5px #02847c;
-webkit-box-shadow: inset -2px -2px 5px #02847c;
box-shadow: inset -2px -2px 5px #02847c;
}
.add_request:hover, .add_request:focus{color: #fff;
  background-color: #006543; border: 1px solid #0e7754; box-shadow:none;}
 
 
.back_field {
  padding: 6px 15px;
  background-image: none;
  background-color: #cfcfcf;
  font-size: 14px;
  line-height:1.42857;
  color: #333;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  border: 1px solid #bab8b8;
  margin-right: 5px;
  -moz-box-shadow: inset -2px -2px 5px #a9a9a9;
-webkit-box-shadow: inset -2px -2px 5px #a9a9a9;
box-shadow: inset -2px -2px 5px #a9a9a9;
}

.btn_back_field {
  background-image: none;
  background-color: #cfcfcf;
  color: #333;
  display: inline-block;
  border: 1px solid #bab8b8;
  margin-right: 5px;
  -moz-box-shadow: inset -2px -2px 5px #a9a9a9;
-webkit-box-shadow: inset -2px -2px 5px #a9a9a9;
box-shadow: inset -2px -2px 5px #a9a9a9;
}
.back_field:hover, .back_field:focus{color: #fff;
  background-color: #a9a9a9; border: 1px solid #9d9b9b; box-shadow:none;}
  

 
.delete_request {
padding: 6px 15px;
background-image: none;
background-color: #f35d68;
font-size: 13px;
line-height: 16px;
color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
display: inline-block;
border: 1px solid #d30707;
margin-right: 5px;
-moz-box-shadow: inset -2px -2px 5px #e85963;
-webkit-box-shadow: inset -2px -2px 5px #e85963;
box-shadow: inset -2px -2px 5px #e85963;
}
.delete_request:hover, .delete_request:focus{color: #fff;
background-color: #f11a1a; border: 1px solid #d30707; box-shadow:none;}
  
.remove_temp{
padding: 6px 15px;
background-image: none;
background-color: #f35d68;
font-size: 14px;
line-height: 1.42857;
color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
display: inline-block;
border: 1px solid #d30707;
margin-right: 5px;
-moz-box-shadow: inset -2px -2px 5px #e85963;
-webkit-box-shadow: inset -2px -2px 5px #e85963;
box-shadow: inset -2px -2px 5px #e85963;
}
.remove_temp:hover, .remove_temp:focus{color: #fff;
background-color: #f11a1a; border: 1px solid #d30707; box-shadow:none;}
.guideline  {}
.guideline strong{margin-left:-15px;font-size:13px; color:#006543; margin-bottom:10px; display:block;}
.guideline li{ font-size:12px; padding-bottom:5px;}

.top_img{ margin-bottom:10px; border-bottom:1px solid #dadada;}
.description{color: #333; font: 14px/20px "Open Sans","Helvetica",Arial,sans-serif; }
.common_text{color: #333 !important; font: 14px/20px "Open Sans","Helvetica",Arial,sans-serif !important;}

.list-group .list-group-item a.top_user{ display:table; width:100%; box-sizing:border-box; padding:8px 15px 8px 20px }
.list-group .list-group-item a.top_user article{ width:75%; float:left; padding:5px 15px 5px 0px }
.list-group .list-group-item a.top_user samp{ float:right; background:url(../images/home_gold.png) no-repeat left top; width:52px; height:52px; display:block;}
.list-group .list-group-item a.top_user.silver samp{background:url(../images/home_silver.png) no-repeat left top;}
.list-group .list-group-item a.top_user.bronze samp{background:url(../images/home_bronze.png) no-repeat left top;}
.list-group .list-group-item a.top_user.gold samp{background:url(../images/home_gold.png) no-repeat left top;}

.profile{ margin-bottom:20px; padding-left:0px; padding-right:0px;}
.profile span{width:38px; height:38px; display:block; position:absolute; bottom:5px; right:5px; background:url(../images/camera.gif) no-repeat 50% 50% rgba(0,0,0,0.5);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
cursor:pointer
}
.focus_ticker{color:#b62323}

.aproval_cofirmation{ cursor:auto;}
.aproval_cofirmation .modal-title{ font-size:16px; font-weight:bold;}
.aproval_cofirmation .modal-body h3{font-size:14px; margin-bottom:15px; font-weight:600; color:#006543;}
.aproval_cofirmation .modal-body p{font-size:13px; margin-bottom:12px;}
.aproval_cofirmation .modal-body .remarks{ border:1px solid #ddd; resize: vertical; background:#fff; width:100%; height:120px; padding:5px; font: normal 12px/16px Arial, Helvetica, sans-serif; color:#333;}



/*.profile.silver span{background:url(../images/profile_silver.png) no-repeat left top; }
.profile.bronze span{background:url(../images/profile_bronze.png) no-repeat left top; }
.profile.gold span{background:url(../images/profile_gold.png) no-repeat left top; }*/

.dataTables_info{ padding: 20px !important; font: normal 12px/22px arial; color: #000; }
.dataTables_paginate{ display: block; text-align: center !important;}
.dataTables_paginate .paginate_button{ color: black;
    bisplay:inline-block;
    padding: 5px 12px;
    text-decoration: none;
border-radius: 5px;
transition: background-color .3s;
border: 1px solid #ddd; margin: 1px; cursor:pointer;
}
.dataTables_paginate .paginate_button.current{ background: #006543; border-color:#006543; color:#fff; cursor:auto;}
.dataTables_paginate .paginate_button.current:hover{background: #006543; border-color:#006543; color:#fff; cursor:auto;}
.dataTables_paginate .paginate_button:hover{ background: #ddd; border-color:#ddd;}


/* ----- e-filing css -----*/

.e-filing .row{ margin-bottom:10px; line-height: 1.4;}
ul.filing_group{ clear:both;}
ul.filing_group li.filing-form{ float:left; position:relative; padding:0px 15px; border:none; display:inline-block;}
ul.filing_group li.filing-form label{ width:100%}
ul.filing_group li.filing-form select{ width:110px;}
ul.filing_group li.filing-form input{ width:145px;}
ul.filing_group li.filing-form div{ position:relative;}
ul.filing_group li.filing-form div::after{ content:"/"; position:absolute; top:6px; right:-18px; font-size:18px;}
ul.filing_group li.filing-form:last-child div::after{ display:none}

.requi_head{ background-color:#f5f5f5; border:1px solid #ddd; font-size:18px !important; border-radius:4px; margin-bottom:10px !important; margin-top:10px; line-height:25px !important;}
.requi_head a{ display:block; width:100%; padding:12px; background:url(../images/accordian_down.gif) no-repeat 98% 50%;}
.requi_head a:hover{ color:#333;}



.enable_item{ background:url(../images/right.png) no-repeat 50% 50%; width:30px; height:30px; border-radius:5px; text-align:center; display:inline-block; border:1px solid #427407; margin:0 3px; cursor:pointer;  }
.disable_item{ background:url(../images/wrong.png) no-repeat 50% 50%; width:30px; height:30px; border-radius:5px; text-align:center; display:inline-block; border:1px solid #ef3e26; margin:0 3px;cursor:pointer; }

.width33 {
    width: 33%;
}

.loading_panel{ display:none; position:absolute; width:100%; height:100%; top:0; bottom:0; left:0; right:0; background:url(../images/loading.gif) no-repeat 50% 50% rgba(255,255,255,0.7);}
.inlineradio_outer{ border-bottom:1px solid #ddd; margin-bottom:15px; padding-top:10px;}
.inlineradio_div{ float:left; font-size:16px; padding-bottom:15px;}
.mgb20{ margin-bottom:20px;}
.enquiry-msg{display: none; font-size: 14px; color: #FFF; padding: 20px 0px;}
	.enquiry-msg p{ color:#FFF;}
	.help-block {
	display: block;
	margin-top: 5px;
	color: #ffffff;
}
.info-text{ display: block; font-size: 13px; color: #04a66f; padding: 5px 0px; font-style: italic;}
.file_list{ list-style-type: decimal;padding-left: 16px; }
.file_list li{margin-bottom: 12px; border-bottom: 1px solid #ddd; padding-bottom: 5px;  }
.file_list li span.remove{ float: right; cursor: pointer; }
.file_list li span.remove:after{ font-family: "FontAwesome"; content: '\f1f8'; color:#f00; display: inline-block; font-size: 18px;}
.file_list li input[type=file]{ display: inline-block;}
.uploadFile label{ display:block;}
.uploadFile .add_but{ float:right; cursor: pointer;}
.uploadFile .add_but:after{ font-family: "FontAwesome"; content: '\f067'; color:#006543; display: inline-block; font-size: 18px;}
.milestoneSection h3{padding:15px 0 8px; font-size:16px; font-weight: 600;}
.milestoneSection span.add_but{ display:inline-block; margin-left: 12px; cursor:  pointer;}
.milestoneSection span.add_but:after{ font-family: "FontAwesome"; content: '\f067'; color:#006543; display: inline-block; font-size: 18px;}
.milestone_loop>div{ float:left; width:calc(33.333% - 10px); padding: 0 15px;}
.milestone_loop span.delete{ float:left; display: block; width: 15px; padding-top: 26px; cursor: pointer;}
.milestone_loop span.delete:after{ font-family: "FontAwesome"; content: '\f1f8'; color:#f00; display: inline-block; font-size: 18px;}
.milestone_loop ul.notify_list{ margin:0; padding: 0;padding-top:12px;}
.milestone_loop ul.notify_list li{padding:8px 0; border-bottom:1px solid #ddd;}
.milestone_loop ul.notify_list span.delete{ float:right; padding-top: 2px;}
.reasons_list{ clear:both; margin: 0; padding:22px 15px 12px 15px;}
.reasons_list li{ margin-bottom:12px; padding-bottom: 8px; border-bottom: 1px solid #ddd; }
.reasons_list li p{ padding-bottom:8px; font-size:16px;}
.reasons_list li div strong{ display:inline-block; padding-right: 12px;font-size:12px; color:#ff8040;} 
.reasons_list li div span{ display:inline-block; font-style: italic; color:#424242;} 
.reasons_list li:last-child{margin-bottom:0px;}
.dom1 .available_creditPop2, .dom1 .available_creditPop3{position:fixed; left: 50%;  max-width: 300px; width: 90%; top:50%; transform: translate(-50%, -50%); background: #fff; padding: 10px; padding: 15px; z-index: 50; display: none;}
.dom1 .available_creditPop2 .closes2, .dom1 .available_creditPop3 .closes3{top:-15px; right: -15px;}
.page_content .available_creditPop2 h2, .page_content .available_creditPop3 h2{font-size:16px; color:#333;}

.available_creditPop3 .data_table3 #reject_conf_btn{margin-top:8px;}


.data_table2{text-align:center; height: auto!important;}
/*DATE-03-05-2018*/

/*.page_content .comn_form {
    color: #282828;
    margin-bottom: 30px;
}*/
/*.page_content .btn-default {
    background: #006960;
    border-color: #006960;
    font-size: 14px;
    color: #fff;
    padding: 8px 16px;
    min-width: 115px;
}*/
#keywords thead th:hover{ cursor: pointer; }
#keywords thead tr th.headerSortUp span { display:block; padding-right:15px;
  background: url('up-arrow.png') no-repeat right 10px;
}
#keywords thead tr th.headerSortDown span {display:block; padding-right:15px;
  background: url('down-arrow.png') no-repeat right 10px;;
}