body{
    font-size: 18px;
    font-family: "Calibri";
    color: #1e34a8;
}


a{
  color: blue;
  text-decoration: none;
}

#header, #content, #footer{
    width: 80%;
    margin: 0 auto;
}

h1{
    text-align: left;
    font-size: 24px;
    text-transform: uppercase;
    margin: 2% 0;
    border-bottom: 1px solid #c4d7ed;
}

h2{
    text-align: left;
    font-size: 20px;
    text-transform: uppercase;
    margin: 1% 0;
}

.list,
.table,
.form{
    margin:1% 0 5%;
}

/*Horizontális menü******************/

ul.horizontal{
    width: 96%;
    margin: 2% auto;
    text-align: left;
    padding: 0;
}

    ul.horizontal li{
        display: inline-block;
        padding: 1% 2%;
    }

        ul.horizontal li a{
            display: block;
            color: #1e34a8;
            font-size: 18px;
            text-transform: uppercase;
            text-decoration: none;
        }
        
        ul.horizontal li a:hover{
            text-decoration: underline;
        }

/*Táblázatos elrendezés**************/

table{
    border: 1px solid #c4d7ed;
    padding: 1%;
    width: 100%;
}

    table tr.formazott{
        background: #dce6f1;
    }
    
        table tr td{
            padding: 0.3% 0.6%;
        }

/*Listás nézet***********************/

ul.list{
    width: 98%;
    padding: 0;
}

    ul.list li{
        width: 100%;
        padding: 1px 0 0;
        list-style-type: none;
        
    }
    
        ul.list li a{
            display: block;
            background: #dce6f1;
            color: #1e34a8;
            font-size: 18px;
            text-decoration: none;
            padding: 1%;
        }
    
        ul.list li a:hover{
            background: #c4d7ed;
            color: #1e34a8;
        }

#szures_list{
	
}

#szures_list li{
	width: 24% !important;
	margin: 1px;
	/* float: left; */
	display: inline-block;
}

#szures_list li a{
	border: 1px solid #000;
	color: #000;
	text-align: center;
	background-color: #fff;
}

/*Form*******************************/

form{
    width: 98%;
    padding: 0;
}

    form label{
	color: #1e34a8;
        display: inline-block;
        font-size: 18px;
        position: relative;
        text-align: right;
        width: 30%;
    }
    
        form input, form select{
            padding: 10px;
            margin: 1% 10px;
            border: 1px solid #c4d7ed;
            width: 60%;
        }
        
            form textarea{
                min-height: 200px;
                min-width: 300px;
                vertical-align: top;
                padding: 10px;
                margin: 1% 10px;
                border: 1px solid #c4d7ed;
            }
        
           form [type=submit]{
                background: #1e34a8;
                border: 0px;
                color: #fff;
                font-weight: bold;
                margin: 2% 35% !important;
                padding: 10px 2%;
                position: relative;
                width: 30%;
            }
			
			form input[type="button"].style_submit {
				background: #1e34a8;
                border: 0px;
                color: #fff;
                font-weight: bold;
                margin: 2% 35% !important;
                padding: 10px 2%;
                position: relative;
                width: 30%;
				cursor: pointer;
			}

/* *          tooltip szinek          * */
.stateicon_a {
	color: #232323;
	background-color: #fff77f;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.stateicon_c {
	color: #232323;
	background-color: #ee9eff;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.stateicon_t, .stateicon_j {
	color: #232323;
	background-color: #ffc989;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.stateicon_b {
	color: #232323;
	background-color: #dfd6b1;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.stateicon_u {
	color: #232323;
	background-color: #f97ffd;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.stateicon_f {
	color: #232323;
	background-color: #ee9eff;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.stateicon_r {
	color: #232323;
	background-color: #16f9f1;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.stateicon_l {
	color: #232323;
	background-color: #ff7979;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.stateicon_k {
	color: #232323;
	background-color: #bafa75;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.stateicon_v {
	color: #232323;
	background-color: #fff77f;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.stateicon_e {
	color: #232323;
	background-color: #ffb400;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.stateicon_m {
	color: #232323;
	background-color: #fff77f;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.stateicon_b2b_elozetes {
	color: #fff1f1;
	background-color: #d7922f;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.stateicon_b2b_elfogadva {
	color: #fff1f1;
	background-color: #2fc2d7;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

a.btn-b2b-tovabb {
	background: #245e91  !important;
    width: fit-content !important;
    padding: 6px 12px !important;
	margin: 0 !important;
    border-radius: 5px;
	color: #fff;
	display: inline-block;
}

div.btn-b2b-egyedi-szalldij {
	background: #e2dd08 !important;
    width: fit-content !important;
    padding: 3px 6px !important;
	margin: 0 !important;
    border-radius: 5px;
    color: #a78442 !important;
	font-weight: normal;
	font-style: italic;
}

button.btn-b2b-egyedi-szalldij {
	background: #e2dd08 !important;
    width: fit-content !important;
    padding: 6px 12px !important;
	margin: 0 !important;
    border-radius: 5px;
    color: #6a692d !important;
	font-weight: normal;
	border: 1px solid #b7b31c;
    cursor: pointer;
}

button.btn-b2b-szamlazvautalva {
	background: #3749a7  !important;
    width: fit-content !important;
    padding: 6px 12px !important;
	margin: 0 !important;
    border-radius: 5px;
    color: #ff9393  !important;
	font-weight: normal;
	border: 1px solid #b7b31c;
    cursor: pointer;
}

.typeicon {
	background-color: #dce6f1;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.rakodoman-1 {
	display: inline-block;
	color: #acd3e9;
	background-color: #6785c2;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	cursor: pointer;
}
.rakodoman-2 {
	display: inline-block;
	color: #e9d1ac;
    background-color: #e7a940;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	cursor: pointer;
}
.rakodoman-3 {
	display: inline-block;
	color: #e9d1ac;
	background-color: #6785c2;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	cursor: pointer;
}
.rcksz-1 {
	color: #e7a940;
	font-weight: bold;
}
.rcksz-2 {
	color: #17b8e3;
	font-weight: bold;
}