:root {
  --mydblue: #0C1C63;
  --myblue:  #1C5A36;
  --mygold:  #C9A24A;
  --mybeige: #565A63;
}

/*
#1C5A36 — Forest Green
#0C1C63 — Navy
#C9A24A — Gold
#565A63 — Charcoal
#F4F0EA — Ivory
*/

/*----------------------------------------------------------------------------*/

/* logo */
.skin-blue .main-header .logo {
  background-color: #FFFFFF;
}

.skin-blue .main-header .logo:hover {
  background-color: #FFFFFF;
}
  
/* navbar (rest of the header) */
.skin-blue .main-header .navbar {
  background-color: var(--myblue);
}  

/*----------------------------------------------------------------------------*/

/* main sidebar */
  .skin-blue .main-sidebar {
    background-color: var(--mydblue);
  }                      

/* active selected tab in the sidebarmenu */
  .skin-blue .main-sidebar .sidebar .sidebar-menu .active a{
    background-color: var(--mygold);
    color: var(--mydblue);
  }

/* other links in the sidebarmenu */
  .skin-blue .main-sidebar .sidebar .sidebar-menu a{
    background-color: var(--mybeige);
    color: var(--myblue);
  }

/* other links in the sidebarmenu when hovered */
  .skin-blue .main-sidebar .sidebar .sidebar-menu a:hover{
    background-color: var(--mygold);
    color: var(--mydblue);
  }                              

/* no hamburger */
.sidebar-toggle {
  display: none;
}








/* body */

.content-wrapper, .right-side {
  background-color: #FFFFFF;
}

.box.box-solid.box-primary>.box-header {
  color:#FFFFFF;
  background:var(--myblue)
}

.box.box-primary {
  border-top-color:var(--myblue)
}

.box.box-solid.box-info>.box-header {
  color:#FFFFFF;
  background:var(--myblue)
}


.box.box-solid.box-primary>.box-footer {
  color:#FFFFFF;
  background:var(--myblue)
}

.box.box-solid.box-primary{
  /*border-bottom-color:var(--mygold);*/
  /*border-left-color:var(--mygold);*/
  /*border-right-color:var(--mygold);*/
  /*border-top-color:var(--mygold);*/
  
  border-bottom-color:#FFFFFF;
  border-left-color:#FFFFFF;
  border-right-color:#FFFFFF;
  border-top-color:#FFFFFF;
  background:#FFFFFF;
  box-shadow: 2px 2px 5px grey;
}

.box.box-solid.box-info{
  border-bottom-color:var(--mygold);
  border-left-color:var(--mygold);
  border-right-color:var(--mygold);
  border-top-color:var(--mygold);

  background:#FFFFFF;
  box-shadow: 2px 2px 5px grey;
}

.form-control{
  border-bottom-color: var(--mygold);
  border-right-color: var(--mygold);
  border-left-color: var(--mygold);
  border-top-color: var(--mygold);
}

.btn, .btn-default{
  color: var(--mydblue);
  background: var(--mygold);
}

.gold:hover{
  color: var(--mydblue);
  /*background: var(--mybeige);*/
   background: linear-gradient(
	65deg,
	#b88940 0,
  #cb9b51 22%, 
	#f6e27a 45%,
	#f6f2c0 50%,
	#f6e27a 55%,
	#cb9b51 78%,
	#b88940 100%
	);
}

.gold:focus{
  color: var(--mydblue);
  /*background: var(--mybeige);*/
   background: linear-gradient(
	65deg,
	#b88940 0,
  #cb9b51 22%, 
	#f6e27a 45%,
	#f6f2c0 50%,
	#f6e27a 55%,
	#cb9b51 78%,
	#b88940 100%
	);
}

.btn-info, .btn-xs{
  color: #FFFFFF;
  background-color: #172242;
}

.btn-info, .btn-xs:hover{
  color: #FFFFFF;
  background-color: var(--myblue);
}

.btn-info, .btn-xs:active{
  color: #FFFFFF;
  background-color: var(--myblue);
}

.red {
  color: #FFFFFF;
  background-color: #a10303;
}

.red:hover {
  color: #FFFFFF;
  background-color: #e80202;
}

.green {
  color: #FFFFFF;
  background-color: #08660e;
}

.green:hover {
  color: #FFFFFF;
  background-color: #0aa113;
}

.shiny-split-layout>div {
  overflow:visible
}






.box.box-solid.box-warning{
  border-bottom-color:#FFFFFF;
  border-left-color:#FFFFFF;
  border-right-color:#FFFFFF;
  border-top-color:#FFFFFF;
  background:#FFFFFF;
  box-shadow: 2px 2px 5px grey;
}

.modal-dialog {
  width: 80% !important;
}