/*    
    =============================================
    ManTraWeb5
    (c) HWM Financial Solutions Ltd
    http://www.hwmfs.com
    Marian Klco
    =============================================

    Apply your styles here....

    =============================================

*/

:root {
    --primary: #3d4040;
     /* background color of primary buttons, menu, header*/
    --main-color: #ffc031;  /* color of primary buttons, menu, header*/

    --footer-height: 180px;
    --hmf-height: 250px;
  }

/* HEADER -------------------------------------------------------------------*/

.header {
    background: url(../config/img/headermap.gif) no-repeat; 
    background-color: #3d4040;
    background-position:center;
    /*background-position-x: 290px;*/
    background-position-y: top;
    background-size: 60% 100%;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
   /* background-color: transparent;*/
}

#headertitle {
  font-size: 30px;  
  /*text-align: center; 
  padding-left: 30px;*/
  font-weight: 500;
  margin-left: 400px;
  padding-bottom: 20px;
  color: #3d4040;
}

#headerlogo {    
  background: url(../config/img/headerlogo.png) no-repeat;  
  width: 188px;
  height: 55px;
  margin-left: 0px;
  margin-right: 15px;
  margin-top: 4px;
  float: left;
}

/*********
*  Menu  *
*********/
.mantra-menu {
	border-bottom: 1px solid #aaa;
}

li.nav-item.active a {
	font-weight: normal;
	color:#e98202;
}

.navbar-nav a:focus, .navbar-nav a:active {
	font-weight: normal;
}

.navbar-nav a:hover {
	font-weight: normal;
	color:#e98202;
}

/* CONTENT -------------------------------------------------------------------*/
body {
    font-family: 'Segoe UI', sans-serif;
    color: #333;
	background-color: var(--primary);
}

a {
    color: #ffc031;
}

a:hover {
	color: #e98202;
}

.card-header {
    background-color: #aaa; 
    color: #ffc031;
}

.aplci .card-body {
    background-color: #aaa; 
    color: #ffc031;
}

/*.aplci .card-header {
    background-color: #aaa; 
    color: #ffc031;
}*/
 
.mlink{
    color: #ffc031;
}

.mlink:hover {
    color: #e98202;
}


.alert-info {
    color: #fff;
    background-color: #ffc031;
    border-color: #fff;
}

/* CONTROLS -------------------------------------------------------------------*/

/*
.ag-theme-balham .ag-header-row {
    border-bottom: 2px solid #000;
    color: #000;
    background-color: #fff;
    font-weight: bold;
}
.ag-theme-balham .ag-root-wrapper {
    background-color: #000;
}
*/

/*.ag-theme-balham .ag-row-focus {
    background: #ffc031;
    color: #fff;
}
*/
/************
*  Buttons  *
************/
.btn {
    color: #fff !important;
    background-color: #ffc748 !important;
    border-color: #e98202!important;
}
.btn:active {
    color: #fff !important;
    background-color: #e98202 !important;
	border-color: #ffc748; 
}
.btn:hover, .btn:focus, .btn-primary:hover {
    color: #fff !important;
    background-color: #e98202 !important;
	border-color: #e98202 !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    opacity: .65;
    color: #cfad6f !important;
    background-color: #ffc748 !important;
    border-color: #e98202 !important;
}

/* FOOTER -------------------------------------------------------------------*/

.footer {
    background-color: var(--primary);
    color: var(--main-color);
}

.footer a{
    color: #ffc031;
}

.footer a:hover{
    color: #e98202;
}