/* here you can put your own css to customize and override the theme */
.page-content {
	background-color: #ffffff;
}

hr {
	background-color: #529dff;
}

.form .form-actions {
	padding: 20px 10px;
	margin-top: 20px;
	background-color: #b2cee6;
	border-top: 0px;
	*zoom: 1;
}

.btn-sm,.btn-xs {
	padding: 2px 8px 0px 8px;
	font-size: 13px;
	line-height: 1.0;
}

.form .form-section {
	margin: 15px 0px 25px 0px;
	padding-bottom: 15px;
	border-bottom: 1px solid #b1b1b4;
}

.btn-circle {
	border-radius: 35px !important;
}

.btn-icon-only {
	height: 44px;
	width: 44px;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	padding-top: 15px;
}

.form .form-section:first-child {
	margin-top: 5px;
}

.form .form-title {
	margin: 0px 0px 20px 0px;
	padding-bottom: 15px;
	border-bottom: 1px solid #43adc1;
}

.form-title.font-blue-madison {
	color: #23606b !important;
}

.page-title {
	color: #163f65;
	margin: 0px 0px 15px 0px;
	font-weight: 500;
	text-shadow: 0 0 0.5em #002821;
}

.control-label {
	color: #4d5b65;
}

.form-control-static {
	font-size: 14px;
	color: #282f2f;
}

.page-breadcrumb.breadcrumb {
	background-color: #a5b2bb;
}

.odd.gradeX {
	background-color: #7db8ed;
}

thead {
	background-color: #778899;
	border: #ccc 1px solid;
	-moz-box-shadow: 0 3px 5px #acb8b9;
	-webkit-box-shadow: 0 3px 5px #acb8b9;
	box-shadow: 0 3px 5px #acb8b9;
	color: #23292a;
	font-size: 12px;
	text-shadow: 2px 2px 0px #7f9394;
}

.btn.default {
	color: white;
	background-color: #578ebe;
	border-radius: 2px;
	background-image: linear-gradient(#f1f3f4 5%, #ffffff 90%);
	border: 1px solid #579cdb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
}

.ver-inline-menu li a {
	background: #579cdb;
	border-left: solid 2px #194976;
	color: #ffffff;
}

.ver-inline-menu li.active a {
	border-left: solid 2px #194976;
}

.ver-inline-menu li:hover a {
	background: #bcd7f1;
	color: #22282b;
}

.ver-inline-menu li.active a,.ver-inline-menu li.active i {
	color: #fff;
	background: #b8d5f0;
	text-decoration: none;
}

.ver-inline-menu li i {
	background: #2873b9 !important;
}

.ver-inline-menu li.active i {
	background: #92bfe8 !important;
}

.ver-inline-menu li:hover i {
	color: #fff;
	background: #74ade1 !important;
}

td {
	font-size: 14px
}

input,select,textarea {
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
}

div .form-actions {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

.modal-header {
	background-color: #f1f2f4;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

.modal-title {
	color: #004242;
	font-size: 18px;
	font-weight: bold;
}

.form-control {
	border-radius: 3px;
	background-image: linear-gradient(#ebeeef 5%, #ffffff 65%);
	border: 1px solid #aaaaaa;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
}

.page-sidebar .sidebar-search .input-group .form-control,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control { 
	border-radius: 0px;
	background-image:none;
	border: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;

}

#ulCaTarget {
	padding-top: 10px;
	padding-left: 10px;
}

#ulCaCategory {
	padding-top: 10px;
	padding-left: 10px;
}

.form-control-static {
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 0;
}

#portletSubEntry {
	background-color: #f5f5f5;
	border: 1px solid #cbcbcd;
	margin-top: 15px;
}

#reminderEntry {
	background-color: #f5f5f5;
	border: 1px solid #cbcbcd;
}

h3 {
	color: #004242;
	font-size: 18px;
	font-weight: bold;
}

hr {
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
	display: block;
	height: 1px;
}

.form-group {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.row.form-group {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.filter.btn {
	color: white;
	background-color: #578ebe;
	border-radius: 2px;
	background-image: linear-gradient(#f1f3f4 5%, #ffffff 90%);
	border: 1px solid #579cdb;
	box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
}

#atchBgColor {
	background-color: #ddeff3;
	min-height: 400px;
}

#portletAtchContent {
	background-color: #8fcad6;
	border: 1px solid #74ade1;
}

#portletTopSearchBox {
	background-color: #e5e5e6;
	border: 1px solid #b1b1b4;
	min-height: 450px;
}

#portletEntryContent {
	background-color: #e5e5e6;
	border: 1px solid #b1b1b4;
}

#portletSearchContent {
	background-color: #ffffff;
	border: 1px solid #97979b;
	margin: 0px 0px 15px 0px;
	padding: 20px 0px 0px 0px;
}

#portleTopView {
	background-color: #e5e5e6;
	border: 1px solid #b1b1b4;
}

#tabContent {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

.nav.nav-tabs li:hover a {

  border-top: 3px solid #1b4e7e;
  border-bottom: 0px;
  color: #22282b;
}

@media (max-width: 1300px){
.nav.nav-tabs li:hover a {

  border-top: 0px;
  border-bottom: 0px;
  color: #22282b;
}
}

.tabbable-custom>.nav-tabs>li.active {
	border-top: 4px solid #102f4c;
	margin-top: 0;
	position: relative;

}

.tabbable-custom {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

#tabline {
	background-color: #8ebce7;
}

.page-header.navbar {
	background-color: #2D5F8B;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle
	{
	background-color: #2D5F8B;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,.page-sidebar
	{
	background-color: #4276A4;
	/* Sidebar search */
}

.page-container {
	background-color: #4276A4;
}

.infoNotes {
	background-color:#808080;
	border: 1px solid #666666;
	margin-left: 20px; 
	margin-right: 20px;
	color : #ffffff;
}

/*parent mouse hover*/
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a,.page-sidebar .page-sidebar-menu>li:hover>a,.page-sidebar .page-sidebar-menu>li.open>a
	{
	background: #80251a;
	color: #d9d9d9;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a,.page-sidebar .page-sidebar-menu>li.active>a,.page-sidebar .page-sidebar-menu>li.active.open>a
	{
	background: #d64635;
	border-top-color: transparent;
	color: white;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a:hover,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a:hover,.page-sidebar .page-sidebar-menu>li.active>a:hover,.page-sidebar .page-sidebar-menu>li.active.open>a:hover
	{
	background: #eeb1aa;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a,.page-sidebar .page-sidebar-menu .sub-menu>li:hover>a,.page-sidebar .page-sidebar-menu .sub-menu>li.open>a,.page-sidebar .page-sidebar-menu .sub-menu>li.active>a
	{
	background: #dd6455 !important;
}

.ribbon .banner::after,.ribbon .banner::before {
	background-color: #164269;
}

.ribbon .text::before,.ribbon .text::after,.no-css-transforms .ribbon .text
	{
	background-color: #164269;
}

.ribbon .banner {
	-webkit-box-shadow: 0 0 30px #1d5486;
	-moz-box-shadow: 0 0 30px #1d5486;
	box-shadow: 0 0 30px #1d5486;
}

.ribbon .text,.ribbon .banner,.ribbon a {
	border: 1px solid #64a3de;
}

.note.note-success {
	background-color: #cce7c0;
	border-color: #9cd185;
	color: #3c763d, 80%;
}

.note.note-info {
	background-color: #c9e6f2;
	border-color: #62b5da;
	color: #31708f, 80%;
}

.list-group.list-group-item-info {
	color: #31708f;
	background-color: red;
}

.list-group-item-info {
	color: #000000;
	background-color: #3da3d6;
	border: 1px solid #2276a0;
	margin-top: 5px;
}

#spanGroupItemInfo {
	display: inline-block;
	width: 440px;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
}

.error {
	font-weight: bold;
	font-size: 10px;
	color: #cc0000;
	font-family: Verdana, Helvetica;
}

#portletNota {
	color: black;
	background-color: #83b6e2;
	border: 1px solid #4994d4;
	padding: 0 10px 10px 10px;
	width: 100%
}

.tblhdrbg {
	border-right: #3366cc 0px solid;
	border-top: #3366cc 0px solid;
	font-size: 12px;
	border-left: #3366cc 0px solid;
	border-bottom: #3366cc 0px solid;
	font-family: Verdana, Arial;
	background: linear-gradient(#205788 5%, #6aa7dc 90%);
	border-width: 1px;
	border-color: #205788 #6aa7dc #6aa7dc;
	background: #6aa7dc;
	background: -webkit-gradient(linear, left top, left bottom, from(#205788),
		to(#6aa7dc));
	background: -moz-linear-gradient(top, #205788, #6aa7dc);
	background: linear-gradient(#205788, #6aa7dc);
	box-shadow: 0 1px 2px #205788, 0 1px 0 #205788 inset;
	-webkit-box-shadow: 0 1px 2px #205788, 0 1px 0 #205788 inset;
	-moz-box-shadow: 0 1px 2px #205788, 0 1px 0 #205788 inset;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	height: 34px;
}

.tblhdrtitle {
	font: bold 11px/1.5em Verdana;
	color: #FFFFFF;
}

.photoframe {
	font-size: 11px;
	background-color: #ffffff;
	border-right: #3366cc 1px solid;
	border-top: #3366cc 1px solid;
	border-left: #3366cc 1px solid;
	border-bottom: #3366cc 1px solid;
	font-family: Verdana, Arial;
}

#detailDiv {
	color: #3c763d;
	background-color: #b0da9f;
	border-color: #8cc973;
}

.workflowSummaryDiv {
	display: inline-block;
	width: 430px;
	height: 400px;
	background-color: transparent;
	margin-top: 15px;
	border: 0;
	vertical-align: top;
}

.workflowDetailDiv {
	width: 420px;
	height: 400px;
	background: linear-gradient(#cde2e9, #44849c);
	border: 0;
	border: 1px solid #8dbcce;
	padding-left: 10px;
	padding-right: 10px;
}

.photoframe {
	font-size: 11px;
	background-color: #ffffff;
	border-right: #3366cc 1px solid;
	border-top: #3366cc 1px solid;
	border-left: #3366cc 1px solid;
	border-bottom: #3366cc 1px solid;
	font-family: Verdana, Arial;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover
	{
	background: #266eb0;
}

hr.media-heading {
	background-color: black;
}

h4.media-heading {
	color: #777777;
	font-size: 14px;
	font-weight: bold;
	top: 5px;
	right: 3px;
}

h4.media-heading span {
	color: #777777;
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 3px;
	padding-right: 50px;
	font-weight: normal;
}

.blog-twitter-block {
	padding: 5px;
	position: relative;
	margin-bottom: 10px;
}

#overdueDiv {
	background-color: #fff8a8;
	min-height: 80px;
	border: 1px solid #fff25c;
}

.chrono-list-item {
	background: #e7a7a7;
	padding: 10px;
	margin-bottom: 10px;
	margin-bottom: 15px;
	overflow: hidden;
}

.chrono-list-item-border-red {
	border-left: #ac2f2f 3px solid;
}

.chrono-list-item-title {
	font-size: 15px;
	color: #133432;
	font-weight: 600;
	padding-top: 3px;
	padding-bottom: 13px;
}

.chrono-list-item-text {
	font-size: 13px;
	color: #194340;
	padding-bottom: 5px;
}

.chrono-list-controls {
	margin-top: 5px;
}

.chrono-list-date {
	color: #44555f !important;
	margin-right: 12px;
}
}