:root {
    
    /*Global*/
    --primary-color:rgba(73, 78, 84, 1);
    --secondary-color:rgba(140, 198, 63, 1);
    --primary-color-shade-03: rgba(73, 78, 84,0.3);
    --secondary-color-shade-06: rgba(140, 198, 63,0.6);
    --secondary-color-shade-04: rgba(140, 198, 63,0.4);
    --primary-font-family:'DecimaRoundA', Helvetica, Arial, sans-serif;
    --h3-color:var(--secondary-color);
    --error-color:rgb(227, 73, 80);

    /*Login Page Colours*/
    --ez-login-button-color:var(--secondary-color);
    --ez-login-h3-color:var(--primary-color);

    /*Exhibitor Zone*/
    --ez-main-header-color:var(--primary-color);
    --ez-section-headers-font-family:var(--primary-font-family);
    --ez-section-headers-background-color:var(--primary-color);
    --ez-header-icon-color:var(--ez-main-header-color);

    /*Items in the exhibitor zone Categories, Description, ...*/
    --ez-item-color:rgba(73, 78, 84,0.6);
    --ez-item-color-hover:var(--primary-color);
    --ez-item-border-color:rgba(73, 78, 84,0.3);
    --ez-item-border-hover-color:var(--secondary-color);
    --ez-item-box-shadow-hover-color:rgba(123,123,123,1);

    /*Form*/
    --forms-input-focus-border-color:var(--secondary-color);
    --forms-validation-error-color:var(--error-color);
    --forms-input-validation-error-border: rgba(227, 73, 80,0.6);
    --forms-input-validation-error-box-shadow:rgba(227, 73, 80,0.6);

    /*Exhibitor List*/
    --el-key-link-color:rgba(38, 38, 38,1);
    --el-key-link-hover-color:rgba(239, 239, 239,1);
    --el-key-link-hover-background-color:var(--el-key-link-color);

    --el-entry-border-color:rgba(222, 222, 222, 1);
    --el-entry-border-hover-color:var(--secondary-color);
    --el-entry-shadow-color:rgba(0, 0, 0,0.15);
    --el-entry-shadow-hover-color:rgba(123, 123, 123,0.7);
    --el-entry-h3-color:var(--secondary-color);
    --el-entry-stand-number-color:rgba(51, 51, 51,1);
    --el-entry-icons-color:rgba(73, 78, 84,1);
    --el-entry-description-font-family: var(--primary-font-family);
    --el-loadging-entries-spinner-color:var(--primary-color);


    /*buttonss*/
    --primary-button-hover-color:rgba(171, 225, 15,1);
    --danger-button-color:#d9534f;
    --danger-button-hover-color:#c9302c;

    /*Listing Navigation Block*/
    --lnb-background-color:var(--primary-color);
    --lnb-az-button-color:var(--primary-color);
    --lnb-az-button-background-color:rgba(255,255,255,1);
    --lnb-az-button-border-color:var(--lnb-az-button-background-color);
    --lnb-az-button-hover-color:var(--lnb-az-button-background-color);
    --lnb-az-button-background-hover-color:var(--lnb-az-button-color);
	
	/*Alerts*/
    --alert-danger:rgba(237, 24, 76, 0.8);
    --alert-success:rgba(58, 146, 101, 1);
    --alert-warning:rgba(242, 170, 13, 1);
    --alert-info:rgba(0, 138, 186, 1);
}

.btn {
    transition:all 0.25s;
	padding: 6px 25px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.btn.btn-primary,
.btn.btn-danger {
    position:relative;
    z-index:0;
}

.btn.btn-danger{
    background-color:var(--danger-button-color);
}

.btn.btn-primary {
    color: #ffffff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    font-family:var(--primary-font-family);
	font-size:18px;
	
}

.btn.btn-primary:hover{
    color:var(--primary-color);
    border-color:var(--secondary-color);
}

.btn.btn-primary::after,
.btn.btn-danger::after{
    content:'';
    width:0;
    height:0%;
    left:50%;
    z-index:-1;
    transition:all 0.25s;
    top: 50%;
    opacity:0;
}

.btn.btn-primary::after{
    background:var(--primary-button-hover-color);
}

.btn.btn-danger::after {
    background:var(--danger-button-hover-color);
}

.btn.btn-primary:hover::after,
.btn.btn-danger:hover::after{
    width: 100%;
    position: absolute;
    left: 0;
    opacity:1;
    height:100%;
    top:0;
}


input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
    border-color: var(--forms-input-focus-border-color);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(123, 123, 123, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(123, 123, 123, 0.6);
}
