/* ========================================================================
 * TABLE OF CONTENTS
 * ========================================================================
 
 * ========================================================================
 * LAYOUT
 * ========================================================================
   01. HEADER
   02. SIDEBAR LEFT & RIGHT
   03. PAGE CONTENT
 * ========================================================================
 
 * ========================================================================
 * PAGES
 * ========================================================================
   01. SIGN
   02. ERROR
   03. INVOICE
 * ========================================================================
 
 * ========================================================================
 * COMPONENT
 * ========================================================================
   01. RESET
   02. PANEL
   03. MEDIA MANAGER
   04. PAGINATION
   05. RATING STAR
   06. DROPDOWN
   07. LIST GROUP
   08. FORM
   09. TABLE
   10. BUTTON
   11. MISC
 * ========================================================================
 
 * ========================================================================
 * PLUGINS
 * ========================================================================
   01. CHOSEN
   02. DROPZONE
   03. JPRELOADER
   04. DATEPICKER
   05. ION SLIDER
 * ======================================================================== */
/* ========================================================================
 * HEADER
 * ======================================================================== */
body.page-sidebar-minimize #header .navbar-minimize > a {
  background-color: #003D7E;
  color: #ffffff;
}
body.page-sidebar-minimize #header .navbar-minimize:hover > a {
  background-color: #336498;
}
#header .navbar-header {
  background-color: #003D7E;
}
/* ========================================================================
 * SIDEBAR LEFT & RIGHT
 * ======================================================================== */
#sidebar-left.sidebar-box .sidebar-content img,
#sidebar-left.sidebar-rounded .sidebar-content img,
#sidebar-left.sidebar-circle .sidebar-content img {
  border: 2px solid #003D7E;
}
#sidebar-left.sidebar-box .sidebar-menu > li.active > a > .icon i,
#sidebar-left.sidebar-rounded .sidebar-menu > li.active > a > .icon i,
#sidebar-left.sidebar-circle .sidebar-menu > li.active > a > .icon i {
  background-color: #003D7E;
}
#sidebar-left.sidebar-box .sidebar-menu > li > ul > li:hover:after,
#sidebar-left.sidebar-rounded .sidebar-menu > li > ul > li:hover:after,
#sidebar-left.sidebar-circle .sidebar-menu > li > ul > li:hover:after {
  -webkit-box-shadow: 0 0 0 5px #336498;
  -moz-box-shadow: 0 0 0 5px #336498;
  box-shadow: 0 0 0 5px #336498;
}
#sidebar-left .sidebar-menu ul li:hover:after {
  background-color: #003D7E;
}
#sidebar-left .sidebar-menu ul li:hover a:before {
  color: #003D7E;
}
#sidebar-left .sidebar-menu ul li.active:after {
  background-color: #003D7E;
}
#sidebar-left .sidebar-menu ul li.active > ul > li.active a:before {
  color: #003D7E;
}
/* ========================================================================
 * PAGE CONTENT
 * ======================================================================== */
body.page-sidebar-minimize .navbar-minimize,
body.page-sidebar-minimize-auto .navbar-minimize {
  border-right: 1px solid #003D7E !important;
}
body.page-sidebar-minimize .navbar-minimize a,
body.page-sidebar-minimize-auto .navbar-minimize a {
  background-color: #003D7E;
  border-bottom: 1px solid #003D7E;
}
body.page-sidebar-minimize .navbar-minimize a:hover,
body.page-sidebar-minimize-auto .navbar-minimize a:hover {
  background-color: #336498;
  border-bottom: 1px solid #336498;
}
body.page-sidebar-minimize .navbar-minimize a i,
body.page-sidebar-minimize-auto .navbar-minimize a i {
  color: #ffffff;
}
.navbar-minimize-mobile {
  background-color: #003D7E;
}
.navbar-minimize-mobile:hover {
  background-color: #336498;
}
@media (max-width: 768px) {
  body.page-sidebar-left-show .navbar-minimize-mobile,
  body.page-sidebar-right-show .navbar-minimize-mobile {
    background-color: #336498;
  }
  body.page-sidebar-left-show .navbar-minimize-mobile:hover,
  body.page-sidebar-right-show .navbar-minimize-mobile:hover {
    background-color: #336498;
  }
}
.navbar-toolbar .navbar-form input:focus {
  border: 1px solid #003D7E;
}
.navbar-toolbar .navbar-form .btn-focus {
  background-color: #003D7E;
  box-shadow: none;
  border: none;
  color: #ffffff;
}
.navbar-toolbar .navbar-right .dropdown > a:focus > i {
  color: #003D7E;
}
/* ========================================================================
 * SIGN
 * ======================================================================== */
.sign-wrapper a {
  color: #003D7E;
}
.sign-wrapper a:hover,
.sign-wrapper a:focus,
.sign-wrapper a:active {
  color: #e8533a;
}
.sign-text:before {
  background-color: #ee7f6d;
}
.sign-header {
  background-color: #003D7E;
  /*border-bottom: 5px solid #e53b1f;*/
}
.sign-text span {
  background-color: #003D7E;
}
.sign-text img {
  border: 7px solid #003D7E;
}
/* ========================================================================
 * ERROR
 * ======================================================================== */
.error-wrapper h1 {
  color: #003D7E;
}
/* ========================================================================
 * INVOICE
 * ======================================================================== */
.product-num {
  background-color: #003D7E;
}
/* ========================================================================
 * RESET
 * ======================================================================== */
a {
  color: #003D7E;
}
a:hover,
a:active,
a:focus {
  color: #336498;
}
.event-date{ 
    background: linear-gradient(#b3c5d9,#003D7E) left repeat;
}
input.no-border-left:focus,
textarea.no-border-left:focus {
  border-top: 1px solid #003D7E !important;
  border-right: 1px solid #003D7E !important;
  border-bottom: 1px solid #003D7E !important;
  border-left: none !important;
}
input.no-border-right:focus,
textarea.no-border-right:focus {
  border-top: 1px solid #003D7E !important;
  border-none: 1px solid #003D7E !important;
  border-bottom: 1px solid #003D7E !important;
  border-right: none !important;
}
input:focus,
textarea:focus {
  border: 1px solid #003D7E !important;
}
/* ========================================================================
 * PANEL
 * ======================================================================== */
.panel-tab .panel-heading ul li.active a i {
  color: #003D7E;
}
.panel-tab .panel-heading ul li a:hover i {
  color: #003D7E;
}
/* ========================================================================
 * MEDIA MANAGER
 * ======================================================================== */
.media-manager .media-manager-options .filter-type a.active {
  color: #003D7E;
}
/* ========================================================================
 * PAGINATION
 * ======================================================================== */
.pagination > li > a {
  color: #336498;
}
.pagination > .active > a,
.pagination > .active > span {
  background-color: #336498;
  border: 1px solid #336498;
}
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #003D7E;
  border: 1px solid #003D7E;
}
.pager > li > a {
  color: #336498;
}
/* ========================================================================
 * RATING STAR
 * ======================================================================== */
.rating .star:hover:before {
  color: #003D7E;
}
.rating .star.active:before {
  color: #003D7E;
}
.rating .star.active ~ .star:before {
  color: #003D7E;
}
/* ========================================================================
 * DROPDOWN
 * ======================================================================== */
.dropdown-menu li {
  position: relative;
}
.dropdown-menu li.active a {
  background-color: #003D7E;
}
.dropdown-menu li.active:hover a,
.dropdown-menu li.active:focus a,
.dropdown-menu li.active:active a {
  background-color: #003D7E;
  cursor: default;
}
.dropdown-menu li > a:hover:before {
  display: block;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  border-left: 3px solid #336498;
}
/* ========================================================================
 * LIST GROUP
 * ======================================================================== */
a.list-group-item.active {
  background-color: #003D7E;
  border-color: #003D7E;
}
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  background-color: #003D7E;
  border-color: #003D7E;
}
/* ========================================================================
 * FORM
 * ======================================================================== */
.ckbox-theme input[type=checkbox]:checked + label::after {
  border-color: #003D7E;
  background-color: #003D7E;
}
.ckbox-theme input[type=checkbox][disabled]:checked + label::after {
  border-color: #003D7E;
  opacity: .5;
}
.rdio-theme input[type=radio]:checked + label::after {
  border-color: #003D7E;
  background-color: #003D7E;
}
.rdio-theme input[type=radio][disabled]:checked + label::after {
  border-color: #003D7E;
  opacity: .5;
}
.form-control:focus {
  border: 1px solid #003D7E;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.form-focus {
  border: 1px solid #003D7E;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* ========================================================================
 * TABLE
 * ======================================================================== */
.table-theme thead tr th {
  background-color: #003D7E !important;
  border-color: #003D7E !important;
  color: #fff;
}
.table-theme tbody tr td.sorting_1 {
  background: #f08b7a !important;
  color: white;
  border-bottom: 1px solid #f3a79b !important;
}
.table-theme tfoot tr th {
  background-color: #003D7E !important;
  border-color: #003D7E !important;
  color: #fff;
}
.table-theme.table-bordered {
  border: 1px solid #003D7E;
}
.table-theme.table-bordered thead tr th:first-child,
.table-theme.table-bordered tfoot tr th:first-child,
.table-theme.table-bordered thead tr th:last-child,
.table-theme.table-bordered tfoot tr th:last-child {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.table-theme.table-bordered tbody tr td.sorting_1 {
  border-right: 1px solid #003D7E !important;
}
.table-theme table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
  color: white;
}
.table-theme table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
  color: white;
}
/* ========================================================================
 * BUTTON
 * ======================================================================== */
.btn-theme {
  background-color: #003D7E;
  border-color: #003D7E;
  color: white;
}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.btn-theme[disabled],
.btn-theme.disabled {
  background-color: #336498;
  border-color: transparent;
  color: white;
}
.btn-theme.dropdown-toggle.btn-theme {
  background-color: #003D7E;
  border-color: #336498;
  color: white;
}
.btn-theme.btn-alt {
  background-color: #336498;
  border: 1px solid #003D7E;
}
.btn-theme.btn-alt:hover {
  background-color: #336498;
}
.btn-theme.btn-stroke {
  border: 1px double #003D7E;
  background-color: transparent;
  color: #999;
}
.btn-theme.btn-stroke:hover {
  background-color: #336498;
  border-color: transparent;
  color: white;
}
.btn-theme.btn-solid {
  border: 1px solid #003D7E;
}
.btn-theme.btn-dashed {
  border: 1px dashed #003D7E;
}
.btn-theme.btn-dotted {
  border: 1px dotted #003D7E;
}
.btn-theme.btn-double {
  border: 4px double #003D7E;
}
.btn-theme.btn-inset {
  border: 4px inset #003D7E;
}
.btn-theme.btn-circle {
  padding-left: 0;
  padding-right: 0;
  width: 34px;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
}
.btn-theme.btn-slidedown:after {
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  background-color: #336498;
  z-index: -1;
}
.btn-theme.btn-slidedown:hover,
.btn-theme.btn-slidedown:active {
  color: white;
}
.btn-theme.btn-slidedown:hover:after,
.btn-theme.btn-slidedown:active:after {
  height: 100%;
}
.btn-theme.btn-slideright:after {
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #336498;
  z-index: -1;
}
.btn-theme.btn-slideright:hover,
.btn-theme.btn-slideright:active {
  color: white;
}
.btn-theme.btn-slideright:hover:after,
.btn-theme.btn-slideright:active:after {
  width: 100%;
}
.btn-theme.btn-expand:after {
  width: 0;
  height: 103%;
  top: 50%;
  left: 50%;
  background-color: #336498;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.btn-theme.btn-expand:hover:after {
  width: 90%;
  opacity: 1;
}
.btn-theme.btn-expand:active:after {
  width: 101%;
  opacity: 1;
}
.btn-theme.btn-rotate {
  overflow: hidden;
}
.btn-theme.btn-rotate:after {
  width: 100%;
  height: 0;
  top: 50%;
  left: 50%;
  background-color: #336498;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn-theme.btn-rotate:hover:after {
  height: 260%;
  opacity: 1;
}
.btn-theme.btn-rotate:active:after {
  height: 400%;
  opacity: 1;
}
.btn-theme.btn-open {
  overflow: hidden;
}
.btn-theme.btn-open:after {
  width: 101%;
  height: 0;
  top: 50%;
  left: 50%;
  background-color: #336498;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.btn-theme.btn-open:hover:after {
  height: 75%;
  opacity: 1;
}
.btn-theme.btn-open:active:after {
  height: 130%;
  opacity: 1;
}
.btn-theme.btn-push {
  background: #003D7E;
  box-shadow: 0 6px #336498;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.btn-theme.btn-push:hover {
  box-shadow: 0 4px #336498;
  top: 2px;
}
.btn-theme.btn-push:active {
  box-shadow: 0 0 #336498;
  top: 6px;
}
.btn-theme.btn-pushright {
  background: #003D7E;
  box-shadow: 6px 0 #336498;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.btn-theme.btn-pushright:hover {
  box-shadow: 4px 0 #336498;
  left: 2px;
}
.btn-theme.btn-pushright:active {
  box-shadow: 0 0 #336498;
  left: 6px;
}
/* ========================================================================
 * PANEL
 * ======================================================================== */
.panel-theme .panel-heading {
  background-color: #003D7E;
  border: 1px solid #003D7E;
  color: white;
}
.panel-theme .panel-heading .option .btn:hover {
  background-color: #336498;
  color: white;
}
.panel-theme .panel-heading .option .btn i {
  color: white;
}
.panel-bg-theme .panel-body {
  background-color: #003D7E;
  color: white;
}
.panel-bg-theme .panel-body .text-muted {
  color: #f2f2f2;
}
/* ========================================================================
 * MISC
 * ======================================================================== */
.img-bordered-theme {
  border: 2px solid #003D7E;
}
.progress-bar-theme {
  background-color: #003D7E;
}
.fg-theme {
  color: #003D7E !important;
}
.nicescroll-rails div {
  background-color: #003D7E !important;
}
.sidebar .nicescroll-rails div {
  background-color: #323232 !important;
}
.cal-month-box {
  border-top: 7px solid #e53b1f !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.cal-row-head [class*="cal-cell1"],
.cal-row-head [class*="cal-cell"] {
  background-color: #003D7E;
  color: #ffffff;
  border-width: 0px 1px 0px !important;
  border-style: solid;
  border-color: #ec6b56 #ec6b56 #e53b1f !important;
  border-left: none !important;
}
.cal-row-head [class*="cal-cell1"]:hover,
.cal-row-head [class*="cal-cell"]:hover {
  background-color: #003D7E !important;
}
.cal-row-head [class*="cal-cell1"]:first-child,
.cal-row-head [class*="cal-cell"]:first-child {
  border-width: 0px 1px 0px !important;
  border-style: solid;
  border-color: #ec6b56 #ec6b56 #e53b1f !important;
}
.cal-row-head [class*="cal-cell1"]:last-child,
.cal-row-head [class*="cal-cell"]:last-child {
  border-right: none !important;
}
#cal-day-panel {
  border-top: 7px solid #e53b1f !important;
  background-color: rgba(255, 255, 255, 0.28);
}
.cal-day-today {
  background-color: #003D7E !important;
}
.cal-row-head + .cal-day-hour {
  background-color: #e53b1f !important;
  color: #ffffff;
}
.bg-theme {
  background-color: #003D7E !important;
  border: 1px solid #003D7E;
  color: white;
}
.bg-theme a,
.bg-theme i,
.bg-theme span,
.bg-theme small,
.bg-theme p {
  color: white;
}
.bg-theme .flot-tick-label.tickLabel {
  color: rgba(255, 255, 255, 0.5) !important;
}
.bg-theme .morris-hover-row-label {
  background-color: #336498;
}
#back-top:hover {
  background: #003D7E;
  box-shadow: 0 0 0 6px #ffffff;
}
.jqvmap-zoomin,
.jqvmap-zoomout {
  background: #003D7E !important;
}
.jqvmap-zoomin:hover,
.jqvmap-zoomout:hover {
  background: #336498 !important;
}
/* ========================================================================
 * CHOSEN
 * ======================================================================== */
.chosen-container .chosen-results li.highlighted {
  background-color: #003D7E !important;
  background-image: none !important;
}
/* ========================================================================
 * DROPZONE
 * ======================================================================== */
.dz-file-preview .dz-details:before {
  color: #003D7E;
}
/* ========================================================================
 * JPRELOADER
 * ======================================================================== */
#jpreBar {
  background-color: #003D7E;
}
/* ========================================================================
 * DATEPICKER
 * ======================================================================== */
.datepicker table thead tr:first-child {
  background-color: #003D7E;
}
.datepicker table thead tr:last-child {
  background-color: #336498;
}
.datepicker table thead tr th {
  background-color: #003D7E;
  border-color: #336498 #336498 #336498;
}
.datepicker table thead tr .prev:hover,
.datepicker table thead tr .switch:hover,
.datepicker table thead tr .next:hover {
  background-color: #336498 !important;
}
.datepicker table tbody tr td.active,
.datepicker table tbody tr td.active:hover,
.datepicker table tbody tr td.active:disabled,
.datepicker table tbody tr td.active.disabled:hover {
  background-color: #003D7E;
}
.datepicker table tbody tr td.active.active {
  background-color: #003D7E;
}
.datepicker table tbody tr td.active.active:hover {
  background-color: #336498;
}
.datepicker .icon-arrow-left:before {
  font-family: "FontAwesome";
  content: "\f104";
}
.datepicker .icon-arrow-right:before {
  font-family: "FontAwesome";
  content: "\f105";
}
.datepicker-dropdown:after {
  border-bottom: 6px solid #003D7E;
}
/* ========================================================================
 * ION SLIDER
 * ======================================================================== */
.slider-theme .irs-diapason {
  background-color: #003D7E !important;
}
.slider-theme .irs-slider {
  background-color: #003D7E !important;
}
.slider-theme #irs-active-slider,
.slider-theme .irs-slider:hover {
  background-color: #003D7E !important;
}
.slider-theme .irs-from,
.slider-theme .irs-to,
.slider-theme .irs-single {
  background-color: #003D7E !important;
}
.slider-theme .irs-from:after,
.slider-theme .irs-to:after,
.slider-theme .irs-single:after {
  border-top-color: #003D7E !important;
}
.slider-theme.circle .irs-slider {
  top: 21px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.slider-theme.donut .irs-slider {
  background: #e1e4e9 !important;
  top: 21px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 4px solid #003D7E;
  margin-left: -3px;
}
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 7px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #003D7E;
	
	text-decoration: none; /* no underline */
	color: #003D7E;
}
div.pagination a:hover, div.pagination a:active {
	padding: 7px 5px 2px 5px;
	height:30px;
	color: #000;
}
div.pagination span.current {
	padding: 7px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #003D7E;
		
		font-weight: bold;
		background-color: #003D7E;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 7px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
	.btn-more {
    background-color: #003D7E;
    border-color: #003D7E;
    color: white;
}
.heading
{
background-color:#003D7E;
color:#FFFFFF;
 height:36px;
border:1px solid #E0E0E0;
}

.panel-theme > .panel-heading {
    background-color: #003D7E;
    border: 1px solid #003D7E;
    color: white;
	height:35px;
}
.chats {
    margin: 0;
    padding: 0;
  
    margin-right: 10px;
}

.chats li {
    list-style: none;
    padding: 2px 0;
    margin: 7px auto;
    font-size: 14px;
}

.chats li.in .message {
    text-align: left;
    margin-left: 20px;
}
.normal-chat .message {
    border: 1px solid #003D7E;
    background: #fbfbfb;
    border-left: 1px solid #003D7E !important;
    border-right: 1px solid #003D7E !important;
    padding: 10px !important;
    border-radius: 5px;
}
.normal-chat li.in .message .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: 22px;
    position: absolute;
     margin-top: 5px;   
    width: 0;
}

.normal-chat li.in .message .arrow {
    border-right: 8px solid #003D7E !important;
}

.normal-chat li .datetime {
    color: #ADADAD;
    font-size: 14px !important;
    font-weight: 400;
}

.chats li .message .body {
    display: block;
}
.email_head
{
background-color:#003D7E;
}