/* ========================================================================
   Component: layout
 ========================================================================== */
body,
.wrapper > section {
  background-color: #f5f7fa;
}
.wrapper > .aside {
  background-color: #ffffff;
}
	
/* ========================================================================
   Component: top-navbar
 ========================================================================== */
.topnavbar {
  background-color: #ccc;
}
.topnavbar .navbar-header {
  background-color: transparent;
  background-image: none;
  background-repeat: repeat-x;
  filter: none;
}
@media only screen and (min-width: 768px) {
  .topnavbar .navbar-header {
    background-image: none;
  }
}
.topnavbar .navbar-nav > li > a,
.topnavbar .navbar-nav > .open > a {
  color: #39b54a;
}
.topnavbar .navbar-nav > li > a:hover,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > li > a:focus,
.topnavbar .navbar-nav > .open > a:focus {
  color: #206d5a;
}
.topnavbar .navbar-nav > .active > a,
.topnavbar .navbar-nav > .open > a,
.topnavbar .navbar-nav > .active > a:hover,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > .active > a:focus,
.topnavbar .navbar-nav > .open > a:focus {
  background-color: transparent;
}
.topnavbar .navbar-nav > li > [data-toggle='navbar-search'] {
  color: #ffffff;
}
.topnavbar .nav-wrapper {
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat-x;
  filter: none;
	
}
@media only screen and (min-width: 768px) {
  .topnavbar {
    background-color: #e7f2cc;
  background-color: #fff;

    background-image: none;
    background-repeat: repeat-x;
    filter: none;
  }
  .topnavbar .navbar-nav > .open > a,
  .topnavbar .navbar-nav > .open > a:hover,
  .topnavbar .navbar-nav > .open > a:focus {
    box-shadow: 0 -3px 0 rgba(255, 255, 255, 0.5) inset;
  }
  .topnavbar .navbar-nav > li > a,
  .topnavbar .navbar-nav > .open > a {
    color: #39b54a;
    padding-top: 35px;
    font-size: 1.1em !important;
  }
  .topnavbar .navbar-nav > li > a.sidebar-toggle, .topnavbar .navbar-nav > .open > a.sidebar-toggle
  {
   
    padding-top: 54px;
    font-size: 1.0em;
    padding-right:25px;
    padding-bottom: 20px;
  }
  .topnavbar .navbar-nav > li > a:hover,
  .topnavbar .navbar-nav > .open > a:hover,
  .topnavbar .navbar-nav > li > a:focus,
  .topnavbar .navbar-nav > .open > a:focus {
    color: goldenrod;
  }
  .topnavbar .navbar-nav > li > a.sidebar-toggle:hover,
  .topnavbar .navbar-nav > .open > a.sidebar-toggle:hover,
  .topnavbar .navbar-nav > li > a.sidebar-toggle:focus,
  .topnavbar .navbar-nav > .open > a.sidebar-toggle:focus {
   color: green;
  }
}
/* ========================================================================
   Component: sidebar
 ========================================================================== */

.sidebar {
  background-color: #ffffff;
	border-bottom: 40px solid #39B54A;
	border-top: 6px solid #39B54A;
	
}
.sidebar .nav-heading {
  color: #919da8;
}
.sidebar .nav > li > a,
.sidebar .nav > li > .nav-item {
  color: #515253;
}
.sidebar .nav > li > a:focus,
.sidebar .nav > li > .nav-item:focus,
.sidebar .nav > li > a:hover,
.sidebar .nav > li > .nav-item:hover {
  color: #39b54a;
}
.sidebar .nav > li > a > em,
.sidebar .nav > li > .nav-item > em {
  color: inherits;
}
.sidebar .nav > li.active,
.sidebar .nav > li.open,
.sidebar .nav > li.active > a,
.sidebar .nav > li.open > a,
.sidebar .nav > li.active .nav,
.sidebar .nav > li.open .nav {
  background-color: #fcfcfc;
  color: #39b54a;
}
.sidebar .nav > li.active > a > em,
.sidebar .nav > li.open > a > em {
  color: #39b54a;
}
.sidebar .nav > li.active {
  border-left-color: #39b54a;
}
.sidebar-subnav {
  background-color: #ffffff;
}
.sidebar-subnav > .sidebar-subnav-header {
  color: #515253;
}
.sidebar-subnav > li > a,
.sidebar-subnav > li > .nav-item {
  color: #515253;
}
.sidebar-subnav > li > a:focus,
.sidebar-subnav > li > .nav-item:focus,
.sidebar-subnav > li > a:hover,
.sidebar-subnav > li > .nav-item:hover {
  color: #39b54a;
}
.sidebar-subnav > li.active > a,
.sidebar-subnav > li.active > .nav-item {
  color: #39b54a;
}
.sidebar-subnav > li.active > a:after,
.sidebar-subnav > li.active > .nav-item:after {
  border-color: #39b54a;
  background-color: #ffffff;
}
/* ========================================================================
   Component: offsidebar
 ========================================================================== */

.offsidebar {
  border-left: 1px solid #cccccc;
  background-color: #ffffff;
  color: #515253;
}

/* ========================================================================
   Component: tables
 ========================================================================== */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding: 6px; line-height: 1.1;}
.table a em {padding: 2px;}

.table input.form-control.narrow {max-width: 75px; }
.table input.form-control.medium {max-width: 155px;}
.table select.form-control.narrow {max-width: 78px; font-weight:700;}
.table select.form-control.medium {max-width: 110px;}
table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {	text-align: left; }
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after {
    display:none;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 0px;
} 
table.dataTable thead .sorting_desc::after {
    display:none;
}

table.dataTable thead .sorting {
   background-image: url("../images/sort_both.png");
   background-repeat: no-repeat;
   background-position: center right;
}
table.dataTable thead .sorting::before {
    display:none;
}

table.dataTable thead .sorting_asc {
   background-image: url("../images/sort_asc.png");
   background-repeat: no-repeat;
   background-position: center right;
}

table.dataTable thead .sorting_desc {
   background-image: url("../images/sort_desc.png");
   background-repeat: no-repeat;
   background-position: center right;
}

.table-hover > tbody > tr:hover {
	background-color: rgb(250 251 252) !important;
}
.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgb(250 251 252) !important;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0px !important;
}

@media screen and (max-width: 714px) {
	.row{
	margin-right: -1px !important;
	}
	}

@media screen and (min-width: 400px) {
	div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_paginate {
	    text-align: right !important;
	}
	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		margin-left:250px ! important;
  		float: right !important;
	}
	div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_info {
	    text-align: left;
	    padding-top: 0px !important;
	   /*  white-space: normal !important; */
	}
	div.dataTables_wrapper div.dataTables_info#list_info {
    	min-width: 200px !important;
	}
}

/* ========================================================================
COLOR-ONLY UPDATES
 ========================================================================== */

body {color: #333333;  }
a {color: #39B54A;}
a:hover {color: #25AAE1; text-decoration: none;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #39B54A; border: 1px solid #39B54A;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {color: #39B54A;}
.pagination {
	float: right !important;
}
.page-item.active .page-link {
	color: white !important;
	border: 1px solid #39B54A;
}

.text-primary {color: #39B54A!important;}	
.bg-mint {background-color: #CFE5AC; }
.bg-gold {background-color: #EFEBAB; }
.bg-blue {background-color: #B8D3DD; }
body, .wrapper > section {background-color: #ededed; }

.btn-primary {background-color: #39B54A; font-size: 14px;  }

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {background-color: #39B54A; }

label em {color: #39B54A;}

/* ========================================================================
LAYOUT TWEAKS
 ========================================================================== */

.navbar, .nav-wrapper, .topnavbar .navbar-header .navbar-brand {height: 92px;padding: 2px}
.wrapper > .aside .aside-inner {padding-top: 90px;}


.nav.navbar-right li a {background: #febe10; margin-top: 15px; padding: 20px 15px 17px; margin-right: 13px; color: #333;}
.nav.navbar-right li:nth-child(2) a {background: #ffda5d;}
.nav.navbar-right li:nth-child(3) a {background: #ece956; }

@media only screen and (max-width: 767px) {
	.nav.navbar-right li:nth-child(2) a {background: #ffda5d; height: 40px;}
	.nav.navbar-right li:nth-child(3) a {background: #ece956; height: 40px;}
}

@media only screen and (max-width: 580px) {
	.nav.navbar-right li:nth-child(2) a {background: #ffda5d; height: 42px;}
	.nav.navbar-right li:nth-child(3) a {background: #ece956; height: 42px;}
}

.nav.navbar-right li:last-child a { margin-right: 0px; }

.nav.navbar-right li a:hover {color: #fff;}

.nav.navbar-right li ul li a {border: none; color: #333; padding: 5px 10px; width: 100%; display: inline-block;}
.nav.navbar-right li ul li:nth-child(n)  a {background: #febe10;}

.nav.navbar-right li ul { padding: 10px}
.nav.navbar-right li ul li {list-style: none; margin: 0px;}

.nav.navbar-right li ul p {line-height: 1.5}
.nav.navbar-right li ul li:nth-child(n) p a {background: #ffda5d; display: inline; width: auto; margin: 0; padding: 5px}

.nav.navbar-right li ul .btn { display: inline; width: auto; margin: 0; padding: 5px 10px;}

.topnavbar .navbar-header .brand-logo {padding: 2px 2px;}
.dropdown-menu {min-width: 240px; padding: 0px 20px; font-size:14px !important;}
.img-thumbnail {background-color:#e1e2e3;}	

.panel.widget {padding: 0px 20px 10px 20px;}	
	.panel.widget h2 em {padding-right: 10px; }
	.panel.widget ul  {padding-left: 20px}
.model-open{
	overflow:hidden;
}

@media only screen and (max-width: 980px) {
	.nav.navbar-right li:first-child.user{
	max-width:250px;
	}
	.nav.navbar-right li:first-child.user a { font-size: 13px;
    height: 58px;
    line-height: 37px;
    padding-top: 12px;}
}

@media only screen and (min-width: 400px) {
	.content-wrapper {
		border-top: 1px solid #ccc;}
		h2 {font-size: 28px;}
}

@media only screen and (max-width: 767px) {
	.sidebar-toggle {
	  position: relative !important;
      top: 32px;
	  right: 0;
	  color: #39B54A !important;
	  font-size: 1em !important;
	  padding:0px !important;
	  z-index: 3001;
	}
	.navbar-nav {margin: 0}
	.topnavbar .navbar-header {background: #fff; border-bottom: 1px solid #ccc;}
	.nav.navbar-right li a {margin-right: 0px; margin-left: 10px; margin-top: 7px; padding-top: 10px;}
	.nav-wrapper {height: 60px;}
	.wrapper > .aside .aside-inner {padding-top: 150px;}
	.nav.navbar-right li.user:first-child a {
    font-size: 13px;
    height: 40px;
    line-height: 37px;
    padding-top: 2px;
}
}

@media only screen and (max-width: 580px) {
	.nav.navbar-right li a {margin-right: 0px; margin-left: 5px; margin-top: 10px; padding-top: 10px; padding-right: 5px; padding-left: 5px; font-size: 12px;}
	.nav.navbar-right li:first-child.user{
	max-width:180px;
	overflow:hidden;	
	}
	.nav.navbar-right li:first-child.user a{
	height:42px;
	overflow:hidden;
	line-height:25px;
	padding-top:12px;
	}
}
@media only screen and (min-width: 768px) {
	.topnavbar .navbar-header {width: 340px; padding-left:10px; padding-top: 2px; float: left}
}

 .nav.navbar-right > li > a:focus, .nav.navbar-right > .open > a:focus {
	color: rgb(218 165 32) !important;
	background-color: rgb(0 0 0 / 0%) !important;
}

a.list-group-item {
	color: rgb(85 85 85) !important;
}

.btn-success {
	color: rgb(255 255 255) !important;
	background-color: rgb(39 194 76) !important;
}

textarea {
	resize: both !important;
}

.formvalidationerror{
	color: #ff0000;
}