.cl-1{
     width:8.333%;
     width: calc(100%/12);
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 }
.cl-2{
    width:16.666%;
    width: calc(100%/12*2);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-3,.cl-3-md{
    width:25%;
    width: calc(100%/12*3);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cl-4,.cl-4-md{
    width:33.333%;
    width: calc(100%/12*4);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-5,.cl-5-md{
    width:41.666%;
    width: calc(100%/12*5);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-6,.cl-6-md{
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cl-7{
    width:58.333%;
    width: calc(100%/12*7);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-8{
    width:66.666%;
    width: calc(100%/12*8);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-9{
    width:75%;
    width: calc(100%/12*9);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-10{
    width:83.333%;
    width: calc(100%/12*10);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-11{
    width:91.666%;
    width: calc(100%/12*11);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-12{
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


.cl-1-fix{
    width:8.333%;
    width: calc(100%/12);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-2-fix{
    width:16.666%;
    width: calc(100%/12*2);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-3-fix{
    width:25%;
    width: calc(100%/12*3);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-4-fix{
    width:33.333%;
    width: calc(100%/12*4);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-5-fix{
    width:41.666%;
    width: calc(100%/12*5);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-6-fix{
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cl-7-fix{
    width:58.333%;
    width: calc(100%/12*7);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-8-fix{
    width:66.666%;
    width: calc(100%/12*8);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-9-fix{
    width:75%;
    width: calc(100%/12*9);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-10-fix{
    width:83.333%;
    width: calc(100%/12*10);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-11-fix{
    width:91.666%;
    width: calc(100%/12*11);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cl-12-fix{
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.oszlop{
    float:left !important;
}

.ownrow{
    width:100%;
    padding:0px;
    margin:0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ownrow:before{
    display:block;
    clear: both;
    content:"";
}
.ownrow:after{
    display:block;
    clear: both;
    content:"";
}

.ownrow div{
    float:left;
}

div.ownrow div div{
    float:none;
}

.oszlop_fejlec_sotetszurke{
    background-color:#888888;
    color:#FFF;
    font-size:150%;
    font-weight:300;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.oszlop_fejlec_kozepszurke{
    background-color:#CCCCCC;
    color:#333333;
    font-size:150%;
    font-weight:300;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.oszlop_fejlec_vilagosszurke{
    background-color:#E0E0E0;
    color:#333333;
    font-size:150%;
    font-weight:300;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.also_keret_arnyeknak_vilagosszurke{
    border-bottom:2px solid #AAAAAA;
}

.oszlop_inner_container{
    font-size:100%;
    color:#333333;
    line-height: 150%;
}

.ritkitott_sortavolsag{
    line-height: 180%;
}



.szurke_hatter_oszlop, .szurke_hatter{
    background-color:#EFEFEF;
}

.boxsizing{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.mrg-small{
    margin:5px;
}

.mrg-medium{
    margin:15px;
}

.mrg-large{
    margin:25px;
}

.mrg-extralarge{
    margin:45px;
}


.pad-small{
    padding:5px;
}

.pad-medium{
    padding:15px;
}

.pad-large{
    padding:25px;
}

.pad-extralarge{
    padding:25px;
}

.nopadding-right{
    padding-right:0px !important;
}

.nopadding-left{
    padding-left:0px !important;
}

.thin-border-right{
    border-right-width:1px;
    border-right-style: solid;
}

.thin-border-left{
    border-left-width:1px;
    border-left-style: solid;
}

.big-button{
    width:100%;
    height:100px;
    font-size:22px;
}

.big-button-forced{
    width:20% !important;
    height:50px !important;
    font-size:18px !important;
}

.gray-button-location{
    width:32% !important;
    height:60px !important;
    font-size:18px;
    border:0px;
    -webkit-box-shadow:  0px 0px 5px #E0E0E0;
    -moz-box-shadow:  0px 0px 5px #E0E0E0;
    box-shadow:  0px 0px 5px #E0E0E0;
    border-bottom:2px solid #72a8c7 !important;
    color:#72a8c7 !important;
    background-color:#FFF;
    margin-right:1%;
    
}

.gray-button-location:hover, .gray-button-location:focus{
    background-color:#72a8c7;
    color:#FFF !important;
}

.gray-button-bejegyzes{
    width:80% !important;
    max-width:200px !important;
    height:60px !important;
    font-size:18px;
    border:0px;
    -webkit-box-shadow:  0px 0px 5px #E0E0E0;
    -moz-box-shadow:  0px 0px 5px #E0E0E0;
    box-shadow:  0px 0px 5px #E0E0E0;
    border-bottom:2px solid #72a8c7 !important;
    color:#72a8c7 !important;
    background-color:#FFF;
    margin-right:1%;

}

.gray-button-bejegyzes:hover, .gray-button-bejegyzes:focus{
    background-color:#72a8c7;
    color:#FFF !important;
}

.gray-hover:hover{
    background-color:#AAAAAA !important;
    color:#FFF !important;
}

.blue-button-location{
    width:32% !important;
    height:60px !important;
    font-size:18px;
    border:0px;
    -webkit-box-shadow:  0px 0px 5px #E0E0E0;
    -moz-box-shadow:  0px 0px 5px #E0E0E0;
    box-shadow:  0px 0px 5px #E0E0E0;
    border-bottom:2px solid #fff !important;
    color:#FFF !important;
    background-color:#72a8c7;
    margin-right:1%;

}

.blue-button-location:hover, .blue-button-location:focus{
    opacity:0.6;
    background-color:#72a8c7 !important;
}

.blue-button-bejegyzes{
    width:80% !important;
    max-width:200px !important;
    height:60px !important;
    font-size:18px;
    border:0px;
    -webkit-box-shadow:  0px 0px 5px #E0E0E0;
    -moz-box-shadow:  0px 0px 5px #E0E0E0;
    box-shadow:  0px 0px 5px #E0E0E0;
    border-bottom:2px solid #fff !important;
    color:#FFF !important;
    background-color:#72a8c7;
    margin-right:1%;

}

.blue-button-bejegyzes:hover, .blue-button-bejegyzes:focus{
    opacity:0.6;
    background-color:#72a8c7 !important;
}

.disabledclass{
    border-bottom:2px solid #CCC !important;
    color:#CCC !important;
}

.disabledclass:hover, .disabledclass:focus{
    border-bottom:2px solid #CCC !important;
    color:#CCC !important;
    background-color:#FFF;
}

.blue-button{
    border-radius:3px;
    background-color:rgba(46,139,211,1) !important;
    color:#FFF !important;
    border:1px solid #1e6ba7 !important;
}

.blue-button:hover{
    background-color:rgba(46,139,211,0.6) !important;
}

.green-button{
    border-radius:3px;
    background-color:rgba(68,189,44,1) !important;
    color:#FFF !important;
    border:1px solid #3daf26 !important;
}

.green-button:hover{
    background-color:rgba(68,189,44,0.7) !important;
}




@media screen and (max-width: 1500px) {
    .cl-1,.cl-2{
        width:16.66%;        
        width: calc(100%/6);
    }
    .cl-3,.cl-4{
        width:33.33%;
        width:calc(100%/6*2);
    }

    .cl-3-md{
        width:25%;
        width:calc(100%/12*3);
    }

    .cl-4-md{
        width:33.33%;
        width:calc(100%/12*4);
    }

    .cl-5,.cl-6{
        width:50%;
        width:calc(100%/6*3);
    }
    .cl-7,cl-8{
        width:66.66%;
        width:calc(100%/6*4);
    }
    .cl-9,cl-10{
        width:82.333%;
        
    }
    .cl-11,cl-12{
        width: 100%;
        
    }
}

@media screen and (max-width: 1200px){
    .cl-3-md,.cl-4-md{
        width:50%;
        width:calc(100%/12*6);
    }
}

@media screen and (max-width: 950px) {       
    .cl-1{
        width:100%;        
    }
    .cl-2{
        width:100%;        
    }
    .cl-3{
        width:100%;        
    }
    .cl-3-md{
        width:100%;
    }
    .cl-4{
        width:100%;        
    }
    .cl-4-md{
        width:100%;
    }
    .cl-5{
        width:100%; 
    }
    .cl-6{
        width:100%; 
    }
    .cl-7{
        width:100%; 
    }
    .cl-8{
        width:100%; 
    }
    .cl-9{
        width:100%; 
    }
    .cl-10{
        width:100%; 
    }
    .cl-11{
        width:100%; 
    }
    .cl-12{
        width:100%; 
    }
}