/*****************************************************************************
    HTML elements
 *****************************************************************************/
 html{
    padding:0px;
    margin:0px;
}
body {
	margin:0px;
	color:#222222;
	font-size:15px;
	line-height:24px;
	font-family: 'Open Sans', sans-serif;
	overflow-x:hidden;
}

h1, h4, .h4, h5, .h5, h6, .h6 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.theme-layout {
	position: relative;
	left: 0;
	z-index:99 !important;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	/*
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	*/
}
body.is-pushed-left .theme-layout {
	left: -250px;
}

a{
	color:#0072bc;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
a:hover{
	color:#B0006A;
	text-decoration:none;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}

p { margin: 0 0 15px; padding: 0; }

a { color:#004285; }

a:hover { text-decoration: underline;  }

a:focus { outline: none; text-decoration: none; }

img { display: block; height: auto; max-width: 100%; }

.white{
	color:#ffffff;
}
.darkblue{
	color:#1d3563;
}
.lightblue{
	color:#7b9bc0;
}
.editlink,
.views-field-edit-node{
	position:absolute;
	margin-top:8px;
	margin-right:5px;	
	z-index:999;
}
.editlink a,
.views-field-edit-node a{
	color:#ffffff;;
	background:#B0006A;
	border-radius:5px;
	padding:2px 8px 2px 8px;
}
.file{
	background:none;
}
.file img.file-icon{
	float:left;
	padding-top:4px;
	padding-right:5px;
}
.file > span{
	border:none !important;
}

/*****************************************************************************
    Tabs
 *****************************************************************************/
.tabs ul.primary {
	margin-bottom:15px;
	background:url(../images/brdr-tabs.gif) repeat-x bottom left;
	padding-left:10px;
	overflow:hidden;
	zoom:1;
	border:none
}
.tabs ul.primary li {
	padding:0;
	margin:0;
	list-style:none
}
.tabs ul.primary a {
	display:block;
	float:left;
	background-color:#fff;
	background-image:-moz-linear-gradient(top,#fff,#eee);
	background-image:-ms-linear-gradient(top,#fff,#eee);
	background-image:-o-linear-gradient(top,#fff,#eee);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#eee));
	background-image:-webkit-linear-gradient(top,#fff,#eee);
	background-image:linear-gradient(to bottom,#ffffff,#eeeeee);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#eeeeee');
	border-radius:00;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	padding:0.7em 1em;
	margin:0 0 0 5px;
	color:#666;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0 rgba(255,255,255,0.6);
	border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc
}
.tabs ul.primary a:hover,.tabs ul.primary a.active {
	background:#fff;
	color:#444;
	z-index:999;
	border-bottom:1px solid #fff;
	filter:none
}

/*****************************************************************************
    Breadcrumb
 *****************************************************************************/
.breadcrumb{
	padding:0px;
	color:#898989;
	font-size:14px;
	margin-bottom:0px;
	background:none;
}
.breadcrumb>li+li:before{
	padding:0px;
	content:'';
}
.breadcrumb li{
	padding-left:8px;
	padding-right:10px;
	text-transform: capitalize;	
	background:url(../images/breadcrumb-seperator.png) no-repeat right 8px;
}
.breadcrumb li:first-child{
	padding-left:0px;
}
.breadcrumb li:last-child{
	padding-right:0px;
	background:none;
}
.breadcrumb li a{
	color:#7b9bc0;
}
.breadcrumb li a:hover,
.breadcrumb li a.active{
	color:#1d3563;
}

/*****************************************************************************
    view expose filter
 *****************************************************************************/
.view-filters{
	position:relative;
}
.view-filters .views-exposed-widgets{
	display:table;
	width:100%;
	padding-bottom:10px;
}
.view-filters .views-exposed-widget{
	display:inline-block;
	padding:0px 10px 0px 0px;
}
.view-filters .views-exposed-widget label{
	color:#0678be;
	font-weight:600;
	margin:0px;
}
.view-filters .views-exposed-widget .description{
	font-size:12px;
}
.view-filters .views-exposed-widget .form-item{
	margin-right:5px;
}


/*****************************************************************************
    Layout styles
 *****************************************************************************/
.container {
	margin: 0 auto;
	max-width:1060px;
}

/*****************************************************************************
    Header
 *****************************************************************************/
 .header-area{
    width:100%;
    min-height:73px;
    padding-top:5px;
    padding-bottom:5px;
	 margin-bottom:0px;
    background:#818B18;
    position:relative;
}
.logo{
	float:left;
	padding-top:2px;
	padding-right:25px;
}
.logo a{
	display:block;
	width:65px;
	height:65px;
	text-align:center;
	background:#ffffff;
	border-radius:50%;
}
.logo i{
	color:#B0006A;
	font-size:3em;
	padding-left:11px;
	padding-top:8px;
}
.logo,
.header-right{
	display:table-cell;
}
.header-right{
	padding-top:15px;
}


/*****************************************************************************
    Slide Show
 *****************************************************************************/
 #slide-show{
	clear:both;
 }

/*****************************************************************************
    Banner
 *****************************************************************************/


/*****************************************************************************
    Main Content
 *****************************************************************************/
.main-container{
	min-height:50px;
	padding-top:30px;
	padding-bottom:40px;
	overflow:hidden;
}
body.not-front #sidebar-first{
	background:url(../images/sidebar-left-bg.png) no-repeat left top;
}

/*****************************************************************************
    Page title
 *****************************************************************************/
h1.page-header{
	color:#B0006A;
	font-size:2.3em;
	font-weight:300;
	text-transform:capitalize;
	font-family: 'Ubuntu', sans-serif;
	border-bottom:0px;
	margin:0px 0px 25px 0px;
}

/*****************************************************************************
    Footer Area
 *****************************************************************************/
#footer{
	font-family: 'Ubuntu', sans-serif;
	color:#ffffff;
	padding-top:25px;
	padding-bottom:25px;
	background: #707070;
}



/*****************************************************************************
    Global Form Design
 *****************************************************************************/
.form-item{

}
.form-item label{	
	font-weight:400;
	font-family: 'Ubuntu', sans-serif;
	margin:0px 0px 0px 0px;
}
.form-item .description,
.view-filters .views-exposed-widget .description{
	color:gray;
}
.form-item .form-text,
.form-item .form-select{
  display: block;
  width: 100%;
  /*height: 35px;*/
  padding: 6px 12px;
  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;
}
.form-item .form-text:focus,
.form-item .form-select:focus{
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-item .form-text::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-item .form-text:-ms-input-placeholder {
  color: #999;
}
.form-item .form-text::-webkit-input-placeholder {
  color: #999;
}


.form-submit,
.form-actions > input {
    background: #818B18;
    border: 1px solid #818B18;
    color: #FFF;
    font-family: 'Ubuntu', sans-serif;
    margin: 7px auto;
    padding: 8px 40px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.form-submit:hover,
.form-actions > input:hover {
	color: #FFF;
    background: #B0006A;
    border: 1px solid #B0006A;
}




/*****************************************************************************
    Pager
 *****************************************************************************/
ul.pager {
	margin-top:15px;
}
ul.pager li {
	margin:0px !important;
	padding:0px !important;
	background:none !important;
}
ul.pager li a {		
	color:#939393;
	font-size:12px;
	padding:5px 12px 3px 12px !important;
	border-radius:0px;
	border:1px solid #eeeeee;
	background:#eeeeee;
}
ul.pager li a:hover, ul.pager li.pager-next a:hover, ul.pager li.pager-last a:hover {
	color:#fff;
	text-decoration:none;
	background:#B0006A;
	border:1px solid #B0006A;	
}
ul.pager li.pager-current {
	color:#ffffff;
	padding:6px 13px 7px 13px !important;
	background:#818B18 !important;
	border:1px solid #818B18;
}


/****Webform Form View****/
.view-daily-work-plan-report .view-content {
  overflow-x: auto;
}

.view-daily-work-plan-report .views-table {
  min-width: 1200px; /* adjust if you want more space */
  display: block; /* ensures table respects scrolling */
  white-space: nowrap; /* prevents wrapping */
}