/*heckner dot*/
.heckner_dot_yellow::after{
    content: '.';
    color: #F7A600;
}
.heckner_dot_blue::after{
    content: '.';
    color: #005680;
}

/*fonts*/
    *{
        font-family: 'itc-officina-sans-pro', sans-serif;
        hyphens: auto;
    }
    .btn,
    body,
	p{
		font-size: 14px; 
    }
    body {
		color: #9C9C9C;
    }
    p{
        margin-top: 0px; 
    }
    /*headings*/
    h1,h2,h3,h4,h5,h6{
        color: #005680;
        font-weight: bold;
    }

    h1{
        font-size: 30px;
    }
    .h2,
    h2{
        font-size: 30px;
        font-weight: normal;
        margin-bottom: 20px; 
    }
    h3{
        font-size: 25px;
        font-weight: bold;
        text-transform: uppercase;
    }
    h3.lower {text-transform: initial;}
    h1.with_dot:after, 
    h3:not(.no_dot):after {
        content: '.';
        color: #F7A600;
    }
    h1.with_dot {
        margin-bottom: 16px;
    }
    h4{
        font-size: 17px;
        font-weight: 500;
        margin-block-end: 1.33em;
        margin-block-start: 1.33em;
    }
    h5{
        font-size: 14px; 
        text-transform: uppercase;
        font-weight: 500;
    }
    .strong{
        font-weight: 700;
    }

    .border_bottom {
        border-bottom: 1px solid #9C9C9C;
    }

    #mainmenu_wrapper .nav > li > a,
    #mainmenu_wrapper .nav > li > span{
        font-size: 23px;
        font-weight: bold;
    }

    /*font colors*/

    a{
		color: #7d7d7d; 
		text-decoration: none; 
	}
	a:hover{
		color: #545454; 
		text-decoration: none;
    }
    

    #page div:not(.alert)>p:not([class]),
    span,
    li{
        color:#9C9C9C;
    }
    .font_white{
        color: #fff;
    }
    .font_yellow{
        color: #F7A600;
    }
    .font_blue{
        color: #005680;
    }
    .font_gray{
        color:#9C9C9C;
    }
    .font_red{
        color: #D92B2B;
    }
    .font_delete{
        color: rgb(189 51 51);
    }
    .font_green{
        color: #3D9749;
    }


    /*backgrounds*/
    .back_dark_transparent{
        background: rgba(0, 0, 0, 0.5);
    }
    .back_light_transparent{
        background: rgba(0, 0, 0, 0.3);
    }
    .back_light_gray{
        background: #F8F8F8;
    }
    .back_gray{
        background:#dddddd;
    }
    .back_yellow span{
        color: #fff; 
    }
    .back_yellow{
        background: #F7A600 !important;
        color: #fff;
    }
    .back_yellow_transparent{
        background: rgba(247, 166, 0, 0.7);
    }
    .back_blue{
        background: #005680;
        color: #fff;
    }
    .back_green{
        background: #3D9749;
        color: #fff;
    }
    .btn.back_green{
        border: #3D9749;
    }
    .btn.back_green:hover{
        background: #33813d;
        border: #33813d;
    }
    .back_red{
        background: #D92B2B;
        color: #fff;
    }
    .back_delete{
        background: rgb(189 51 51);
        color: #fff;
        border-color: rgb(189 51 51);
    }
    .btn.back_delete:hover{
        background: rgb(167, 45, 45);
        background: rgb(167, 45, 45);
    } 
    .back_blue_gradient{
        background-image: linear-gradient(#0673A8, #002B40);
        color: #fff;
    }
    .back_blue_gradient_horizontal{
        background-image: linear-gradient(to right, #0673A8, #002B40);
        color: #fff;
    }
    .back_white{
        background-color: white; 
    }


    /*font alignment*/
    .text-left{text-align:left}
    .text-right{text-align:right}
    .text-center{text-align:center}
    .text-justify{text-align:justify}
    .text-nowrap{white-space:nowrap}
    .text-lowercase{text-transform:lowercase}
    .text-uppercase{text-transform:uppercase}
    .text-capitalize{text-transform:capitalize}