/* Old Color: #2f586e */ 

:root {
  --mydblue: #0d0e58;
  --myblue:  #412c64;
  --mygold:  #d2973b;
  --mybeige: #e8ca84;
}




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

/* 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;
}