html{
	height: 100%;
	overflow: hidden;
}
body{
	background: #DAD1C9;
	overflow: auto;
	height: 100%;
	font-size:14px;
}
body#login .btn-login, body#otp .btn-login{
  border-radius: 15px;
  margin-left: 20px;
  background: #37B33E !important;
  border: 0px !important;
}
.hunter-tpl-header{
	height: 122px;
}
body#users-content .hunter-tpl-header{
	height: 123px;
}
body#statistics-content .hunter-tpl-header{
	height: 133px;
}
#top-main-nav .navbar-brand{
    color:#fff;
    font-size: 1.75rem;    
}

#top-main-nav .navbar-nav .active>.nav-link, #top-main-nav .navbar-nav .nav-link{
    color:#fff;
}
#top-navigation-nav{
   background: linear-gradient(45deg ,#28a745 25% , #108156 0%); 
   font-size:1.1rem;
}

#top-navigation-nav.navbar-light .navbar-brand{
    color:#fff;
}

#top-navigation-nav.navbar-light .navbar-nav .nav-link{
    color:#fff;
}
#top-navigation-nav a{
	color: white !important;
	text-decoration: underline;
}
.bg-light-brown{
	background-color:#DAD1C9;
}
#midlle-navigation-nav{
   background: linear-gradient(#0000 03% , #108156 0%); 
   font-size:1.1rem;
}

#midlle-navigation-nav.navbar-light .navbar-brand{
    color:#fff;
}

#midlle-navigation-nav.navbar-light .navbar-nav .nav-link{
    color:#fff;
}

#top-main-nav{
    background-color: #0E5639!important;
    color:#fff;
}

#top-main-nav .navbar-brand{
    color:#fff;
    font-size: 1.75rem;    
}

#top-main-nav .navbar-nav .active>.nav-link, #top-main-nav .navbar-nav .nav-link{
    color:#fff;
}

 #logout-form .logout-button{
 	background: transparent !important;
 	border: none !important;
 	padding: 0.5em 1em !important;
 	color: white !important;
 	cursor: pointer;
 	text-decoration: underline;
 }
 
 
 
.project-container{
	height: 250px;
	width: 200px;
	background: white;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding:0 20px;
	cursor: pointer;
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.menu-icon{
	width: 50%;
    height: 50%;
    display: block;
}

.tvd-icon{
    background: url("../images/SF-TOOL-TVD.svg") center 50% no-repeat;
}

.fauna-icon{
    background: url("../images/SF-TOOL-PIANIF.svg") center 50% no-repeat;
}

.controllo-icon{
    background: url("../images/SF-TOOL-CONTR.svg") center 50% no-repeat;
}

.richiami-icon{
    background: url("../images/SF-TOOL-RICH.svg") center 50% no-repeat;
}

.cacciamo-icon{
    background: url("../images/SF-TOOL-CACC.svg") center 50% no-repeat;
}

.app-logo{
	width: 50%;
    height: 50%;
    display: block;
    background: url("/hunter-wrapper/resources/images/SF-LOGO.svg") center 50% no-repeat;
}

.popover-menu{
	min-width: 210px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.loading-menu{
    background: #000;
    color:#FFF;
    width: 48px;
    height: 48px;
    padding: 2px;
    border-radius: 10px;
    position: absolute;
    z-index: 9999999;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    left: 0;
    right: 0;
    margin: auto;
    left: 0;
    right: 0;
    margin: auto;
    top:300px;
}

.menu-list{
	background-color: #fff!important;
	border-left-style: solid;
	border-right-style: solid;
	border-left-color: gray;
	border-right-color: gray;
}
.menu-list:hover, .popover-menu:hover{
	background-color: #F2F2F2!important;
}

.customers-div{
	background: #28a745;
}

.loading-menu, .loading-otp{
    background: #000;
    color:#FFF;
    width: 48px;
    height: 48px;
    padding: 2px;
    border-radius: 10px;
    position: absolute;
    z-index: 9999999;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    left: 0;
    right: 0;
    margin: auto;
    left: 0;
    right: 0;
    margin: auto;
    top:300px;
}

.pl-2rem{
	padding-left: 2rem !important;
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.text-dark-green{
	color:#108156;
}

#partitioned-otp {
  padding-left: 15px;
  letter-spacing: 42px;
  border: 0;
  background-image: linear-gradient(to left, black 70%, #DAD1C9);
  background-position: bottom;
  background-size: 50px 1px;
  background-repeat: repeat-x;
  background-position-x: 35px;
  width: 220px;
}

.otp-request-label-active{
	text-decoration: underline;
	color: #108156;
	cursor: pointer;
}

.otp-request-label-disactive{
	text-decoration: underline;
	color: gray;
}

.text-black{
	color: black;
}
.btn-otp{
   background-color:  #108156;
   color:#fff;
   border-color:#0E5639;
}

.btn-otp:hover{
   background-color: #14A770;
   border-color: #14A770;
}

.text-red{
	color:red;
}




.bg-primary {
    background-color: #0E5639 !important;
}

.bg-secondary {
    background-color: #108156 !important;
}

.bg-warning {
    background-color: #EB9310 !important;
}

.bg-info{
    background-color: #927563 !important; 
}

.bg-accent1 {
    background-color: #aa9182 !important;
}

.bg-accent2 {
    background-color: #dad1c9 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

.bg-success {
    background-color: #28a745  !important;
}


.text-primary{
    color: #0E5639 !important;
}

.text-secondary{
    color: #108156 !important;
}


.btn-primary { 
    color: #ffffff; 
    background-color: #0E5639; 
    border-color: #0E5639; 
} 

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
    color: #ffffff; 
    background-color: #168257; 
    border-color: #0E5639; 
} 

.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
    background-image: none; 
} 

.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary[disabled].active, 
fieldset[disabled] .btn-primary.active { 
    background-color: #0E5639; 
    border-color: #0E5639; 
} 

/*BUTTON SECONDARY*/
.btn-secondary { 
    color: #ffffff; 
    background-color: #108156; 
    border-color: #108156; 
    } 
    
    .btn-secondary:hover, 
    .btn-secondary:focus, 
    .btn-secondary:active, 
    .btn-secondary.active, 
    .open .dropdown-toggle.btn-secondary { 
    color: #ffffff; 
    background-color: #17B073; 
    border-color: #108156; 
    } 
    
    .btn-secondary:active, 
    .btn-secondary.active, 
    .open .dropdown-toggle.btn-secondary { 
    background-image: none; 
    } 
    
    .btn-secondary.disabled, 
    .btn-secondary[disabled], 
    fieldset[disabled] .btn-secondary, 
    .btn-secondary.disabled:hover, 
    .btn-secondary[disabled]:hover, 
    fieldset[disabled] .btn-secondary:hover, 
    .btn-secondary.disabled:focus, 
    .btn-secondary[disabled]:focus, 
    fieldset[disabled] .btn-secondary:focus, 
    .btn-secondary.disabled:active, 
    .btn-secondary[disabled]:active, 
    fieldset[disabled] .btn-secondary:active, 
    .btn-secondary.disabled.active, 
    .btn-secondary[disabled].active, 
    fieldset[disabled] .btn-secondary.active { 
    background-color: #108156; 
    border-color: #108156; 
    } 
    
    .btn-secondary .badge { 
    color: #108156; 
    background-color: #ffffff; 
    }
/*BUTTON WARNING*/    
.btn-warning { 
    color: #FFFFFF; 
    background-color: #EB9310; 
    border-color: #EB9310; 
    } 
    
    .btn-warning:hover, 
    .btn-warning:focus, 
    .btn-warning:active, 
    .btn-warning.active, 
    .open .dropdown-toggle.btn-warning { 
    color: #FFFFFF; 
    background-color: #FAC678; 
    border-color: #EB9310; 
    } 
    
    .btn-warning:active, 
    .btn-warning.active, 
    .open .dropdown-toggle.btn-warning { 
    background-image: none; 
    } 
    
    .btn-warning.disabled, 
    .btn-warning[disabled], 
    fieldset[disabled] .btn-warning, 
    .btn-warning.disabled:hover, 
    .btn-warning[disabled]:hover, 
    fieldset[disabled] .btn-warning:hover, 
    .btn-warning.disabled:focus, 
    .btn-warning[disabled]:focus, 
    fieldset[disabled] .btn-warning:focus, 
    .btn-warning.disabled:active, 
    .btn-warning[disabled]:active, 
    fieldset[disabled] .btn-warning:active, 
    .btn-warning.disabled.active, 
    .btn-warning[disabled].active, 
    fieldset[disabled] .btn-warning.active { 
    background-color: #EB9310; 
    border-color: #EB9310; 
    } 
    
    .btn-warning .badge { 
    color: #EB9310; 
    background-color: #FFFFFF; 
    }
    
    
.btn-myid{
    background-color: #0066cc;
    color: #FFFFFF;
    cursor: pointer; 
    padding: 6px 12px;
    font-size: 16px;
    white-space: initial;
    text-decoration: none;
    /*font-weight:bold;*/
}