@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");

body{background: #ffffff; font-size: 14px; font-family: 'Open Sans', sans-serif; line-height: 18px; padding:0px; overflow-x: hidden}
fieldset{border: 1px solid rgba(0,0,0,0.1); background:rgba(0,0,0,0.05); padding:20px; height: auto !important; margin-bottom: 15px;  -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
fieldset:hover{background:rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.2)}
legend{font-weight: bold; padding:15px; background:#ffffff; font-size: 18px;}
.fields{padding-bottom: 10px;width: auto !important; position: relative;}
.fields input,select,input{padding: 8px !important; outline: none;  font-size: 14px; font-family: 'Open Sans', sans-serif; border: 1px solid rgba(0,0,0,0.5)}
select{height:38px; border: 1px solid rgba(0,0,0,0.5) !important;cursor: pointer;}
#szolgaltatas{width:100%!important;}

button,.vissza-kalkulator,.vissza-honlap{-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;text-decoration:none; cursor: pointer; background:#2788ab; border:1px solid #2788ab;color:#ffffff;font-size: 'Open Sans', sans-serif; text-transform:uppercase; font-weight: bold; padding: 15px 30px 15px 30px; border:0px; }
button:hover,.vissza-kalkulator:hover,.vissza-honlap:hover,button:focus,.vissza-kalkulator:focus,.vissza-honlap:focus{color:#ffffff; background:#127396; outline:none; box-shadow: none}


.eldug{display:none;}
.eldug_content{content:none!important;}
.cont{position: relative;}
#form1 .cont p{clear:both;}
#form1 .cont hr{display:none;}
#form1 .szurke{margin-right: 15px; background-color: #c9e1ea; }


fieldset .fields{float:left; width:29% !important;padding-right: 4%;}
fieldset .fields:last-child{padding-right: 0px;}
fieldset .fields input{ width: 98% !important; margin-top: 15px;}

fieldset:nth-child(1) input{margin-left: 0px; margin-top: 15px; margin-bottom: 10px;}
fieldset:nth-child(1) select{margin-left: 0px; margin-top: 15px;}
fieldset:nth-child(1) .fields{width: 98% !important; padding:0px !important;}

fieldset:nth-child(1):after{display:block; content:"\f105"; height: 50px; width: 50px; background:rgba(0,0,0,0.8); position:absolute; left: 50%;margin-left: -25px; border-radius: 50%; top: 25%; color:#ffffff; text-align:center;font: normal normal normal 14px/1 FontAwesome; line-height: 50px; font-size: 40px;}


fieldset:nth-child(2) input{margin-left: 0px; margin-top: 15px; margin-bottom: 10px;}
fieldset:nth-child(2) select{margin-left: 0px; margin-top: 15px;}
fieldset:nth-child(2) .fields{width: 98% !important; padding:0px !important;}

#csak_emelet1{float:left; margin-right: 10px;}
#csak_emelet2{float:left; margin-right: 10px; }
.fieldset_terkep_honnan .fields:last-child{background:transparent !important;line-height: 65px !important; margin-bottom: -15px;}
.fieldset_terkep_hova .fields:last-child{background:transparent !important;line-height: 65px !important; margin-bottom: -15px;}

.fields.biztositas{float:none !important; width: 96% !important; clear:both; border-top: 2px solid rgba(0,0,0,0.1); margin-top: 15px; padding-top: 15px;}
.fields.megj{float:none !important; width: 96% !important; clear:both; border-top: 0px solid rgba(0,0,0,0.1); margin-top: 15px; padding-top: 15px;}
.fields.megj textarea{margin-top: 10px;}

.fieldset_terkep_honnan{float:left; width: 40%;}
.fieldset_terkep_hova{float:right; width: 40%;}
.fieldset_uzenet{background:#fff5cf; color:#a18f46}
.fieldset_adatok input{margin-bottom: 10px;}
.warning{color:#e3576b}
.button_vissza,.vissza-kalkulator,.vissza-honlap{float:left; background:#ffffff; color:#323232; border: 1px solid #2788ab}
.button_tovabb,.button_vege{float:right;}
.vissza-honlap{margin-left: 15px;}

.addIcon{ background:#2e88ab; padding: 8px; float:left; margin: 7px;}
.addIcon:hover{cursor:pointer; background:#127396;}
.addIcon img{ margin: 8px; border-radius: 50%}
.ui-tabs-panel{background:#ffffff !important;}
.ui-tabs-panel:after,#vekony_keret:after{content: ''; display:block; clear:both;}
#tabs.ui-widget{font-family: "Open Sans";font-size: 14px; font-weight:bold;}
#tabs{float:left; width: 50%}

#elements_here{float:right; width: 45%; background:#ffffff; border: 1px solid rgba(0,0,0,0.3); border-bottom: 0px; margin-top: 40px;}
#elements_here .text-elements{padding: 8px; border-bottom: 1px solid rgba(0,0,0,0.3); line-height: 38px;}
#elements_here .text-elements:after{content:'' !important; clear: both !important;display:block !important;}  
#elements_here .delIcon{padding: 0px; background:#2e88ab; cursor: pointer; margin-top: 5px; width: 30px; height: 30px; border-radius: 50%; text-align:center; display:block; float:right; line-height: 30px !important}
#elements_here .delIcon:hover{background:#127396}
#elements_here .delIcon img{display:none;}
#elements_here .delIcon:after{content: '\f1f8'; font: normal normal normal 14px/1 FontAwesome; color:#ffffff; line-height: 30px !important}
#elements_here select{float:left; margin-right: 10px;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{border-radius: 0px !important}
.ui-state-active *{ font-weight: bold;}
.ui-state-default a{display:block !important; float:none !important;}
.text-elements select{ border:1px solid rgba(0,0,0,0.2) !important;}

.tooltip{display:none;}
.fieldset_csomagolas {margin-bottom: 35px !important; }
.fieldset_megjegyzes {margin-top: 35px !important; }
.fieldset_csomagolas .fields{float:left; width: 29% !important; height: 100px; position:relative; }
.fieldset_csomagolas .fields select{margin-bottom: 20px; position:absolute; bottom:0px; left:0px;}
hr.tavtarto{clear:both; border:0px; border-bottom: 2px solid rgba(0,0,0,0.1); margin-top: 15px; margin-bottom: 15px;}
.doboz:after{content:'\f187';font: normal normal normal 14px/1 FontAwesome;  }
.villaskulcs:after{content:'\f0ad';font: normal normal normal 14px/1 FontAwesome;  }
.oszlop{float:left; width: 33%; padding: 5px 0px 5px 0px;}
.oszlop:nth-child(3){display:none;}
.oszlop i{width: 25px; text-align:center; padding: 0px 5px 0px 3px;}
hr.clear{clear:both; border:0px; border-bottom: 2px solid rgba(0,0,0,0.1); margin-top: 15px; margin-bottom: 15px;}
#vekony_keret{padding: 25px; background:#ffffff; border:1px solid rgba(255,255,255,0.5) !important; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); margin: 10px 0px 25px 0px;}
textarea {width: 97%; outline: none;font-size: 14px; font-family: 'Open Sans', sans-serif; padding: 10px;}
.fieldset_megjegyzes .fields{width: 100% !important;}

.fieldset_kiegeszito_szolgaltatas .fields{width: 100% !important;}
.fieldset_kiegeszito_szolgaltatas .fields select{width: 100% !important; margin-top: 15px; margin-bottom: 10px;}
.fieldset_arufuvarozas_02 .fields{width: 100% !important;}
.fieldset_arufuvarozas_02 .fields select{width: 100% !important; margin-top: 15px; margin-bottom: 10px;}

.fieldset_takaritas_01 * select,.fieldset_takaritas_02 * select,.fieldset_takaritas_03 * select,.fieldset_takaritas_04 * select{ float:right !important;}
.fieldset_nemz_kolt_01 * select,.fieldset_nemz_kolt_02 * select,.fieldset_nemz_kolt_03 * select,.fieldset_nemz_kolt_04 * select{ float:right !important;}
.fieldset_allat_szall_01 * select,.fieldset_allat_szall_02 * select,.fieldset_allat_szall_03 * select,.fieldset_allat_szall_04 * select{ float:right !important;}

.fieldset_takaritas_01 .fields,.fieldset_takaritas_02 .fields,.fieldset_takaritas_03 .fields,.fieldset_takaritas_04 .fields{line-height: 38px; padding-bottom: 15px;}
.fieldset_nemz_kolt_01 .fields,.fieldset_nemz_kolt_02 .fields,.fieldset_nemz_kolt_03 .fields,.fieldset_nemz_kolt_04 .fields{line-height: 38px; padding-bottom: 15px;}
.fieldset_allat_szall_01 .fields,.fieldset_allat_szall_02 .fields,.fieldset_allat_szall_03 .fields,.fieldset_allat_szall_04 .fields{line-height: 38px; padding-bottom: 15px;}

.fieldset_takaritas_01 .fields input,.fieldset_takaritas_02 .fields input,.fieldset_takaritas_03 .fields input,.fieldset_takaritas_04 .fields input{margin-top:0px;}
.fieldset_nemz_kolt_01 .fields input,.fieldset_nemz_kolt_02 .fields input,.fieldset_nemz_kolt_03 .fields input,.fieldset_nemz_kolt_04 .fields input{margin-top:0px;}
.fieldset_allat_szall_01 .fields input,.fieldset_allat_szall_02 .fields input,.fieldset_allat_szall_03 .fields input,.fieldset_allat_szall_04 .fields input{margin-top:0px;}

.fieldset_allat_szall_03 .fields,.fieldset_allat_szall_04 .fields,.fieldset_takaritas_04 .fields{width: 100% !important;}
.fieldset_allat_szall_04 .fields select{width: 100%;}


.ui-datepicker-trigger{ position:absolute; right: 3%; top: 33px; background:#2788ab; padding: 9px 9px 8px 9px;}
.fieldset_nemz_kolt_01 .ui-datepicker-trigger{ position:absolute; right: 3%; top: 38px; background:#2788ab; padding: 9px 9px 8px 9px;}
.csomagoloanyag_valaszto.fields{clear:both; float:none; width: 100% !important;height: auto !important; }
.csomagoloanyag_valaszto.fields input{width: 30px !important; float:left  !important; margin-top: 0px !important; padding-top: 0px !important; }

@media screen and (min-width:0px) and (max-width:1024px){
    .fieldset_adatok .fields{width: 100% !important; float:none !important} 
    .fieldset_terkep_honnan{float:none; width:auto;}
    .fieldset_terkep_hova{float:none; width: auto;} 
    .fieldset_szolgaltatas .fields{float:none; width: auto !important;} 
    fieldset:nth-child(1):after{display:none}  
    .fieldset_tavolsag input{width: 95%; margin-bottom: 10px;}  
    .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{float:none; width: 99.7%; margin:0px;}
    .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{padding:0px !important;  margin:0px !important;}  
    #elements_here{margin-top: 0px;}   
    .fieldset_csomagolas .fields{float:left; width: 100% !important; height: auto; position:relative;}
    .fieldset_csomagolas .fields select{margin-top: 20px; position:relative; width: 100%}
    .fieldset_takaritas_01 .fields,.fieldset_takaritas_02 .fields,.fieldset_takaritas_03 .fields,.fieldset_takaritas_04 .fields{width: 100% !important; float: none !important;}
    .fieldset_nemz_kolt_01 .fields,.fieldset_nemz_kolt_02 .fields,.fieldset_nemz_kolt_03 .fieldset_nemz_kolt_04 .fields{width: 100% !important; float: none !important;}
      
}

@media screen and (min-width:0px) and (max-width:880px){
fieldset .fields{float:left; width:100%}
#tabs{float:left; width: 100%}      
#elements_here{float:right; width: 100%; background:#ffffff; border: 1px solid rgba(0,0,0,0.3); border-bottom: 0px; margin-top: 40px;}
}

@media screen and (min-width:0px) and (max-width:480px){
.addIcon{   padding: 1px; margin: 1px;}
}