@font-face {
    font-family: 'tele-groteskhalregular';
    src: url('../font/tele-groteskhal-webfont.eot');
    src: url('../font/tele-groteskhal-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/tele-groteskhal-webfont.woff') format('woff'),
    url('../font/tele-groteskhal-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
 
} 
 



@font-face {
    font-family: 'tele-groteskfetregular';
    src: url('../font/tele-groteskfet-webfont.eot');
    src: url('../font/tele-groteskfet-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/tele-groteskfet-webfont.woff') format('woff'),
    url('../font/tele-groteskfet-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'tele-grotesknorregular';
    src: url('../font/tele-grotesknor-webfont.eot');
    src: url('../font/tele-grotesknor-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/tele-grotesknor-webfont.woff') format('woff'),
    url('../font/tele-grotesknor-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body{
    background: url("../img/bg-index.png") 100%;
}

.szerzodes{
    background: url("../img/szerzodes-bg.png");
}

.osszesmegrendeles{
    background: url("../img/osszesmegrendeles_bg.png");
}

.feltoltooldal{
    background: #404F59;
}

a,p,h1,h2,div,h3{
    font-family: "tele-groteskfetregular" , Arial, sans-serif;;
}



.top_bar{

    height: 83px;
    max-width: 100%!important;
    background: #ffffff;
    padding: 10px 5px 0 0px;
    position: relative;
    z-index: 15;
    margin-bottom: 10px;
}

.kereses input{
    width: 190px;
}

.top_bar a{
    text-transform: uppercase;
    color: #7F7F7F;
    text-decoration: none;
    font-size: 15px;
    font-family: "tele-groteskfetregular";
    margin-left: 10px;
    margin-right: 10px;
    float: right;

}

.top_bar .user{
    color: #E5097F;
}

.user.img{
    float: right;
    width: 25px;
    height: 25px;
}

.kereses{
    float: right;
}

.kereses img{
    width: 25px;
    height: 25px;
    display: inline;
}

.kereses a{
    float: none;
}

.slider{

    overflow: hidden;
    position: relative;
    margin-top: -56px;
    z-index:10;
    padding-bottom: 20px;
}
.sl_magenta_bal, .sl_magenta_also{
    background: rgba(229,9,127,0.2);
    width: 410px;
    display: block;
    position: relative;
    z-index: 110;




}

.sl_magenta_also{
    position: relative;
    top: 13px;
    left: 21px;
    width: 460px;
}


.sl_magenta {
    color: #ffffff;
    display: inline-block;
    position: relative;
    top: -13px;
    background: #e5097f;
    z-index: 116;
    /* float: right; */
    width: 430px;
    left: -10px;
    padding: 10px 20px;


}

.sl_magenta p{
    margin: 0 0 5px 0;
}

.sl_magenta p:nth-child(3){
    font-size: 12px;
}

.sl_magenta h2{
    margin: 0 0 5px 0;
}

.sl_magenta img{
    width: 18%;
}

.login_keret{
   /* top: 470px;
    left: 488px;*/
    width: 414px;






    z-index: 60;
    margin-top: -192px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    top: -10px;


}
.login{
    position: relative;
    text-align: center;
    color: #ffffff;


}

.login input{
    color: #c0c0c0;
    border: none;
    padding: 5px;
    position: relative;
}

.login input:focus{
    color: #000000;
}

.login a img{
    margin-top: 10px;
    width: 50px;
    height: 50px;
    position: relative;
}

.sl_magenta_keret{
    position: absolute;
    float: right;
    z-index: 60;
    top: 40px;
    right: 150px;
    
}

.lenyil{
    margin: -10px 0 5px 0;
    text-align: center;
    background: #ffffff;
    padding: 3px;
}

.also_menu{
   /* background: url("../img/vagatlan.png") no-repeat 100%;*/
    max-width: 100%!important;
    position: relative;
    z-index: 15;
}

.also_menu img{
   width: 100%;
}

.szurke_ul{
    background: #7F7F7F;
    display: inline-block;
    vertical-align: top;
    margin-top:0px;
    min-height: 147px;
    width: 15%;
    padding: 25px 10px;
    margin: 5px auto;
    background: #7F7F7F;

    vertical-align: top;

    min-height: 147px;
    text-align: center;

    /* margin-right: -1px;

    float: left;*/
}

.szurke_ul li{
    list-style: none;


}

.szurke_ul li a{
    color: white;
    text-decoration: none;
    font-size: 12px;
}

.szurke_ul li:first-child{
    margin-bottom: 15px;
}

.szurke_ul:first-child{
   /* float: left;*/


}

.szurke_ul:last-child{
    /*float: right;*/
}

.szurke_menu{
   width: 100%;
    text-align: center;
}

.footer{
    background: #B2B2B2;
    color:#ffffff;

    width: 90%;
    margin: 0 auto;
    padding: 10px 25px;

}

#index_foot{
    background: #e5097f;
    width: 100%;
    padding: 5px;
}

.footer p, .footer a{
    text-decoration: none;
    color:white;
    line-height: 5px;
    font-size: 12px;
}

#slider_prev{
    background: url("../img/slider_prev.png") no-repeat;
    display: block;
    float: left;
    position: relative;
    width: 18px;
    height: 27px;
    top: 105px;
    left: 15px;
}

#slider_prev:hover{
    background: url("../img/slider_prev_m.png") no-repeat;
}

#slider_next{
    background: url("../img/slider_next.png") no-repeat;
    display: block;
    float: right;
    position: relative;
    width: 18px;
    height: 27px;
    top: 105px;
    right: 15px;
}

#slider_next:hover{
    background: url("../img/slider_next_m.png") no-repeat;
}


/*
====================================================
==============Szerződés==========================
================================================*/

.box{
    width: 90%;
    background: white;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 25px;
    margin-bottom: 1px;


}

.box.outofpad{
    padding: 0;
}

.menu{
    display: block;
    margin-bottom: 19px;
}
.border-none{
    border: none!important;
}

.menu li{
    float: right;
    border-left: 2px solid #6F5140;
    position: relative;
}

.menu li a{
    text-decoration: none;
    color: #6F5140;

}

.menu.osszesmegrendeles li a{
    color: #517689;
}
.felso{
    display: block;
    height: 46px;
}

.box h3, box h5{
   text-align: center;
    margin-top: 0px;
    text-transform: uppercase;

}

.box input, .row input{
    background: #d3d1d1;
    border:1px solid #afaeae;
    color: black;
    padding: 5px 15px;
    vertical-align: top;
}

.box input:focus, 
.row input:focus{
    border:1px solid #898888;
}

.box  input::-webkit-input-placeholder, .row input::-webkit-input-placeholder { /* WebKit browsers */
    color: #7f7e7e;
}
.box  input:-moz-placeholder, .row input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #7f7e7e;
   opacity:  1;
}
.box  input::-moz-placeholder, .row input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #7f7e7e;
   opacity:  1;
}
.box  input:-ms-input-placeholder, .row input:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #7f7e7e;
}


.box  input:focus, .box select:focus, .row input {
    color: #e5097f;
}
.kereses_btn{
    background: url("../img/adoszam_keresek_kicsi.png") no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
   /* vertical-align: inherit;*/
    position: relative;
    left: -4px;
    top:3px;
    margin-right: 1px;
    cursor: pointer;
}

.kereses_btn:hover{
    background: url("../img/adoszam_keresek_magenta_kicsi.png") no-repeat;
}

.info{
    background: url("../img/info_k.png") no-repeat;
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: top;
}
.info:hover{
    background: url("../img/info_magenta_k.png") no-repeat;
}

.box .sor .selecthidden{
    width: 253px;
    overflow: hidden;
    display: inline-block;
}
.box .sor .selecthidden:focus
{
    
   border-right: 1px solid #b3d4fc; 
}
.box .sor select{
    width: 291px;
    background-color: #d3d1d1;
    border:1px solid #afaeae;
    color: #7f7e7e;
    padding: 5px 15px;
    margin-right: 5px;
    background-image:  url('../img/select_down.png') ;
    background-position: 86% 50%;
    background-repeat: no-repeat;
}
.box .sor select:focus{
    color: #e5097f;
    background-image:  url('../img/select_down_magenta.png');
    
    background-position: 86% 50%;
    background-repeat: no-repeat;
    border: none;
}
.box .sor select option
{
    background: #5d5c5c;
    color: white;  
}

div.form div.success select{
background-color: #E6EFC2!important;
background-image:  url('../img/select_down.png') !important;
    background-position: 86% 50%!important;
    background-repeat: no-repeat!important;
}

div.form div.success select:focus{
    background-color: #E6EFC2!important;
    background-image:  url('../img/select_down_magenta.png')!important;
    background-position: 86% 50%!important;
    background-repeat: no-repeat!important;
}



.filters td select, .row select{
    background-color: #d3d1d1;
    border:1px solid #afaeae;
    color: #7f7e7e;
    padding: 5px 15px;
    
    width: 100%;
    
}

.filters td input{
   
    width: 100%;
    padding: 6px 0;
}

.filters td select:focus, .row select:focus{
    color: #e5097f;
}

.lft, .kzp, .rht{
    width: 33%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: top;
}

.box .sor input{
    width: 222px;
    margin-bottom: 5px;
    margin-right: 5px;

}

.adoszam{
    width: 195px!important;
    margin-right: 0px!important;
    margin-left: 0px!important;
}

.iranyitoszam{
    width: 92px!important;
}

.varos{
    width: 93px!important;
}

.box table{
    width: 100%;
}

.harmas_td{
    width: 68px!important;
    padding: 5px 5px!important;
}



.plusz{
    width: 18px!important;
    height: 18px!important;
    background: url("../img/plusz.png") no-repeat;
    display: block;
    margin: 10px auto;

}

.plusz:hover{

    background: url("../img/plusz_magenta.png") no-repeat;
    cursor: pointer;
}

.bal, .jobb{
    display: inline-block;
    width: calc(50% - 3px);
    margin: 0 auto;
    vertical-align: top;

}
.jobb{
   /* border-left: 1px solid #b2b2b2;*/
}
.csatolando{

    margin-bottom: 5px;
    width: 300px;
    
}

.csatolando_button {
    width: 28px;
    height: 28px;
    background: url("../img/up.png") no-repeat;
    display: inline-block;
    position: relative;

    left: -4px;
}

.csatolando_button:hover{
    background: url("../img/up_magenta.png") no-repeat;
}

.left div, .right div{
    text-align: center;
}

.info_box{
    background: rgba(229,9,127,0.4);
    display: inline;
    position: relative;
    float: right;
    color: white;
    right: 15px;

    padding: 5px;
    z-index: 70;
    width: 100px;
}

.info_box p{
    float: left;
    display: inline;
}

.sor div{
    display: inline-block;
    width: 33%;
    vertical-align: top;
}

.sor{
   /* text-align: center;*/
}

.tolto{
    width: 10px;
}


.penztargep_ossz{
    /*height: 120px;
    overflow-y: scroll;*/
    border-top: 2px  solid #b2b2b2;
    border-bottom: 2px  solid #b2b2b2;
    text-align: right;
    color: #E5097F;
}

.pentargep_ossz table, .pentargep_ossz table tr,.pentargep_ossz table td{
    border:none;
    
}

.penztargep_ossz table tr td:first-child, .osszesito_scroll table tr td:nth-child(4){
    text-align: right;
}

.penztargep_ossz table tr td{
    text-align: left;
    padding: 0 10px;
    font-size: 15px;
    color: #7f7e7e;
    
}

#penztargep_ossz h2{
    
    text-align: right;
    color: #E5097F;
   /* display: inline-block;*/
    
}

#penztargep_ossz h2 span{
    font-size: 15px;
}

.osszesito{
    color: #E5097F;
    text-align: right;
}

.osszesito span{
    font-size: 25px;
}

#megrendelo_box{
    background:  #242d25;
    text-align: center;
    padding:25px;
}

#megrendelo_box a{
    padding: 10px 25px;
    color: #242d25;
    background: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    border:none;

}

#megrendelo_box a:hover{
   color: #ffffff;
    background: #E5097F;
    border:none;
}
#megrendeles_buttons{

  float: left;
background: #242d25;
text-align: center;
padding: 25px;
width: 100%;
margin: 10px 0px 0px -24px!important;
}

.row.buttons input[type="submit"], #osszesitobuttons a
{
    padding: 10px 25px!important;
    color: #242d25!important;
    background: #ffffff!important;
    text-decoration: none!important;
    text-transform: uppercase!important;
    border: none!important;
}

.row.buttons input[type="submit"]:hover, #osszesitobuttons a:hover
{
    color: #ffffff!important;
background: #E5097F!important;
border: none!important;
}

/*
=========================================
SWITCH-SWITCH-SWITCH-SWITCH-SWITCH-SWITCH
=========================================

/*.toggle{
    width: 50px;
    margin:10px auto;
    border: 1px solid #b2b2b2;
    border-radius: 10px;
    padding: 1px;
    background: #b2b2b2;
    display: inline-block;
}

.toggle-slide .toggle-blob{
    border-radius: 10px;
    background: #ffffff;
}
*/
.alaphelyzet{
    color: #b2b2b2;
    position: relative;
    top: -9px;
}


.onoffswitch {
    position: relative; width: 54px!important;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    display: inline-block;
    margin-top: 40px;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #B2B2B2; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 24px; padding: 0; line-height: 24px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 9px;
    background-color: #e5097f; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "";
    padding-right: 9px;
    background-color: #b2b2b2; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 20px; margin: 2px;
    background: #FFFFFF;
    border: 2px solid #B2B2B2; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 26px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
/*
=========================================
SWITCH-SWITCH-SWITCH-SWITCH-SWITCH-SWITCH
=========================================
*/

/*
========================================
POP-UP--POP-UP--POP-UP--POP-UP--POP-UP--
========================================
*/

.backgroundPopup {
    z-index:1;
    position: fixed;
    display:none;
    height:100%;
    width:100%;
    background:#000000;
    top:0px;
    left:0px;
}
#toPopup, #toPopup_megrendelo{
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;

    color: #333333;
    display: none;
    font-size: 14px;
    left: 50%;
    margin-left: -402px;
    position: absolute;
    top: 20%;
    width: 800px;
    z-index: 2;

    padding-bottom: 25px;

}



div.loader {
    background: url("../img/loading.gif") no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 32px;
    display: none;
    z-index: 9999;
    top: 40%;
    left: 50%;
    position: absolute;
    margin-left: -10px;
}
div.close {
    background: url("../img/closebox.png") no-repeat scroll 0 0 transparent;
    bottom: 0px;
    cursor: pointer;
    float: right;
    height: 30px;
    left: 0px;
    position: relative;
    width: 30px;
}

div.close.white,div.close.white:hover {
    background: url("../img/closebox_white.png") no-repeat scroll 0 0 transparent;
}

div.close:hover{
    background: url("../img/closebox_magenta.png") no-repeat scroll 0 0 transparent;
}
span.ecs_tooltip {
    background: none repeat scroll 0 0 #000000;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    height: 16px;
    opacity: 0.7;
    padding: 4px 3px 2px 5px;
    position: absolute;
    right: -58px;
    text-align: center;
    top: -37px;
    width: 150px;
}
span.arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #000000;
    display: block;
    height: 1px;
    left: 75px;
    position: relative;
    top: 3px;
    width: 1px;
}
div.popup_content {
    margin: 4px 7px;
}

div#megrendelo_content{
    margin: 0;
}

div.popup_content input {
    width: 66%;
}

div.popup_content select{
    width: 70.7%;
    margin-bottom: 5px;
}

div.popup_content .onoffswitch{
    margin-top: 0px;
}

div.popup_content .alaphelyzet{
    top:5px;
}

div.popup_content h3{
    margin-top: 15px;
}

.pc_belsokeret{
    width: 80%;
    margin: 10px auto;
}

.plusszolt{
    background: url("../img/plusz_big.png") no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
}

.plusszolt:hover{
    background: url("../img/plusz_big_magenta.png");
}


input[name=penztargepszam]{
    width: 10px!important;
}

#penztargep_up{
    background: url("../img/penztargep_up.png") no-repeat;
    width: 15px;
    height: 8px;
    display: inline-block;
    position: relative;
    top: -2px;
}
#penztargep_up:hover{
    background: url("../img/penztargep_up_magenta.png") no-repeat;
}

#penztargep_down{
    background: url("../img/penztargep_down.png") no-repeat;
    width: 15px;
    height: 8px;
    display: inline-block;
    position: relative;
    top: 10px;
    left:-18px;
}
#penztargep_down:hover{
    background: url("../img/penztargep_down_magenta.png") no-repeat;
}

.penztargepszam_vez{
    width: 187px!important;
    text-align: right;
}

.penztargep_slider{
    width: 80%!important;
    margin: 15px auto;
}


.aktivalas_input{
    width: 30px!important;
}

.penztargep_slider .slide{
    width: 80%;
    margin: 5px auto;
}
.alaphelyzet.aktivalas{
    margin-left: 34px;
}

.penztargep_slider textarea{
    width: 66%;
    border: none;
    color: rgb(182, 182, 182);
    margin-top: 0px;
    margin-bottom: 0px;
    min-height: 53px;
    background: rgb(245, 245, 245);
    padding: 5px 15px;
}

.penztargep_slider textarea:focus{
    color: #e5097f;

}


.popupbutton{
    color: white;
    text-decoration: none;
    padding: 10px 25px;
    text-transform: uppercase;
    background: #B2B2B2;
    text-align: center;
    cursor: pointer;


}

.popupbutton:hover{
    background: #e5097f;
}

#popupbutton{
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}

#penztargep{
    margin-left: auto;
    margin-right: auto;
    width: 630px;
    padding: 0;
}

#penztargep li{
    list-style: none;
}

.penztargep_keret:hover{
       background: #cccccc;
}


.megrendelo_head{
    background: #e5097f;
    color: #FFFFFF;
    text-align: left;
    padding: 5px;
}

.megrendelo_adatok{

    background: #9c998f;
    text-align: left;

}

.megrendelo_adatok_div{
    color: white;
    display: inline-block;
    text-align: left;
    width: 22%;
    padding: 5px;
    vertical-align: top;
}

.megrendelo_adatok_div p:first-child{
    font-size: 11px;
}

.osszesito_tabla tbody tr{
    border-bottom: 1px solid #f6f6f6;
}

.osszesito_tabla th{
    color:#e5097f;
}

.osszesito.megrendel{

    border-bottom: 1px solid #f6f6f6;
    margin-top: 0;
    color: #939598;
}

.megrendelo_button{
    display: inline-block;
    position: relative;
    top: 65px;
}




    /*
    ========================================
    POP-UP--POP-UP--POP-UP--POP-UP--POP-UP--
    ========================================
    */


.left{
    display: inline-block;
    width: 70%;
    padding: 10px;
    vertical-align: text-top;

}
.right{
    display: inline-block;
    width: 26%;
    padding: 10px;
    vertical-align: top;

}


.box.atlatszo{

    background: none;
    text-align: center;
}

.box.kicsi{

    width: 70%;
    margin: 0px auto;
    padding: 0;
}
.feher_input{
    background: white!important;
    width:  250px!important;
    color: #B2B2B2!important;
   padding: 4px 15px;
    border:none;
    vertical-align: top;
}

input.feher_input{
    width: 220px!important;
}

select.feher_input option{
    background: #3e444c;
    color:#FFFFFF;
    border: none;
}

.export{
    text-decoration: none;
    color: #FFFFFF;
    padding: 4px 15px;
    border: 1px solid white;
    float: right;
    margin-right: 3px;
}

.jelmagyarazat_keret{
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.jelmagyarazat{
    width: 15px;
    height: 15px;
    text-align: right;
    display: block;
    margin: 5px;
    color: #FFFFFF;
    margin-right: 77px;
}

.jelmagyarazat.magenta{
    background: #e5097f;
}

.jelmagyarazat.magenta:after{
    content: "Telekom";
    margin-left: 20px;
    top: -3px;
    position: relative;
}

.jelmagyarazat.sarga{
    background: #fdb414;
}

.jelmagyarazat.sarga:after{
    content: "Cégkivonat";
    margin-left: 20px;
    top: -3px;
    position: relative;
}

.jelmagyarazat.kek{
    background: #003768;
}

.jelmagyarazat.kek:after {
    content: "Aláírási";
    margin-left: 20px;
    top: -3px;
    position: relative;

}
.osszes_table th{

    background: #e5097f;
    color: #FFFFFF;
    padding: 10px 0;
    border: 1px solid #e5097f;
}

.osszes_letolt:nth-child(2){
    margin: 0 2px;
}
.osszes_table .onoffswitch{
    margin-top: 0px;
}
.osszes_table td{
    padding: 0px 0px;
    border: 1px solid #FFFFFF;
    background: white;
    color: #7F7F7F;
}
.osszes_table td.failure{
    background: #f2bfda;
}

.osszes_table tr:nth-child(2n+1) td{
    background: #F2F2F2;
}

.osszes_table tr:nth-child(2n+1) td.failure{
    background: #e5a5c7;
}

/*.osszes_table tr:nth-child(3n+0) td{
    background: #FCE9E9;
}*/
.chart{
    position: relative;
    height: 35px;
    text-align: left;
}
.chart span{
    position: absolute;
    /* left: 41px; */
    top: 7px;
    font-size: 15px;
    color: #e5097f;
    text-align: center;
    margin-left: 7px;
    left: 50%;
}

.chart canvas{
   position: absolute;
   left: 50%;
}

.oldalszamok{
    color: white;
    text-decoration: none;
}
.oldalszamok img{
    position: relative;
    top: -1px;
}

.oldalszam{
    margin-top: 90px;
    margin-bottom: 15px;
}

/*DOPPOLT MENU*/
.menu li ul {
    position:absolute;
    visibility:hidden;
    margin:18px 0 0 0;
    padding:0;
    background: rgba(0,0,0,0.5);
    padding: 10px;
    z-index:1000;
    right: 0;
    width: 180%;
    /* box-shadow: inset 0px -5px  10px 0px rgba(0,0,0,0.5);*/
}

.menu li ul li {
    display:block;
    float:none; 
    border: none;
}

.menu li ul li a:link, .menu li ul li a:visited {
    color: white;
    width:auto;
    padding-bottom: 3px;
    float: none;
}


/*DOPPOLT MENU*/


/*TÁBLA-TÁBLA-TÁBLA-TÁBLA-TÁBLA-TÁBLA-*/

.items th a{
    text-decoration: none;
    color:white;
    font-size: 15px;
}

.items td{
    border: 1px solid white;
}

/*TÁBLA-TÁBLA-TÁBLA-TÁBLA-TÁBLA-TÁBLA-*/
.sor.feltolto{
    padding: 5px 10px;
   /* border-bottom: 1px solid #f3f3f3;*/
}

.sor.feltolto div{
    display: inline-block!important;
    width: 40%;
    color: #6a6a6f;
    font-size: 18px;
    vertical-align: middle;
}

.sor.foltolto div:first-child{
    width: 50%;
}

.sor.feltolto .fileinputs{
    width: 50%;
}

.sor.feltolto .custom-file-upload,.sor.feltolto .file-upload-wrapper{
    width: 100%;
}

.sor.feltolto .file-upload-button {
    top: 0;
}

.sor.feltolto .file-upload-input{
    width: 74%;
}
/*
.sor.feltolto div:nth-child(3)
{
    text-align: right;
}*/

.feltoltobutton{
    display: inline-block;
    background: url("../img/feltolto.png");
}


div.fileinputs {
    position: relative;
}

div.fakefile {
    position: relative;
    top: -40px;
    left: 0px;
    z-index: 1;
    width: 100%!important;
    float: left;
}

input.file {
    position: relative;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    width: 100%!important;
}

div.fakefile img{
    margin-top: 3px;
}




.ui-dialog-buttonset{
    float:none!important;
    text-align: center!important;
}


.ui-button{
    color: white!important;
    text-decoration: none!important;
    padding: 8px 17px!important;
    text-transform: uppercase!important;
    background: #B2B2B2!important;
    text-align: center!important;
    cursor: pointer!important;
    border-radius: 0!important;
    border:none!important;


}

.ui-button:hover{
    background: #e5097f!important;
}

.ui-widget-header{
    background: none!important;
    border: none!important;
}

.ui-widget-header .ui-icon{
    background: url("../img/closebox.png") no-repeat scroll 0 0 transparent!important;
    height: 30px;
    width: 30px;
    top: -10px;
    position: relative;
    right: 5px;
}
.ui-widget-header .ui-icon:hover{
    background: url("../img/closebox_magenta.png") no-repeat scroll 0 0 transparent!important;
    border:none!important;
    
}

.ui-state-hover{
    border:none!important;
    background: none!important;
}

.ui-button-text-only .ui-button-text{
    padding: 0!important;
    
}

.ui-widget .ui-widget{
    font-size: 15px!important;
}

div.form .note{
    font-size: 13px;
}
#penztargep-form .row  {
    width: 60%;
    color: #6a6a6f;
    margin: 0 auto;
    overflow: hidden;
}

#penztargep-form h3{
    
    color: #6a6a6f;
    text-align: center;
}

#penztargepszam{
    display: inline-block;
}

#darab{
    width: 40px;
    float: right;
    position: relative;
    top: -6px;
}

#csomag{
    font-size: 0.9em;
}

.divForForm{
    /*width: 60%;*/
    margin: 0 auto;
}

#dialogPenztargep{
    padding: 0;
}

#dialogPenztargep hr:first-of-type{
    
    margin-top: 0px;
}







.also_menu ul{
	width: 100%;
	padding: 0;
	background: white;
	text-align: center;
	margin-top: -75px;
}


.also_menu ul li{
	width: 19%;
	display: inline-block;
	vertical-align: top;
}

.also_menu ul li a{
	height: 100%!important;
	cursor: pointer;
	text-decoration: none;
	
}

.megrendelesek_db{
	position: relative;
	float: right;
	background: #e5097f;
	border-radius: 100%;
	padding: 4px 10px;
	border: 3px solid white;
	color: white;
	display: inline;
	top: -14px;
	z-index: 150;
	right: 10px;
	margin-bottom: -35px;
	
}

.sl_magenta_keret.megrend{
	float: left;
	left:60px;
}
.sl_magenta_also.megrend{
	left: 0;
}

.sl_magenta.megrend{
	left:0;
}

.sl_magenta_bal.megrend{
	width: 481px;
	height: 157px;
}




* {
    margin: 0;
    padding: 0;
    
}
.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}
.custom-file-upload {
    display: block;
    width: auto;
    font-size: 16px;
    margin-top: 7px;
    //border: 1px solid #ccc;
    label {
        display: block;
        margin-bottom: 5px;
    }
}

.file-upload-wrapper {
    position: relative; 
    margin-bottom: 5px;
    //border: 1px solid #ccc;
}
.file-upload-input {
    width: 80%;
    color: #fff;
    font-size: 16px;
    padding: 11px 17px; 
    border: none;
    
    
    float: left; /* IE 9 Fix */
    
}
.file-upload-button {
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 4px 15px;
    border: none;
    margin-left: -1px;
    background: url("../img/up.png") no-repeat;
    height: 24px;
    position: relative;
    top: 3px;
    background-size: 30px 31px;
   
    
}

.file-upload-button:hover{
    background: url("../img/up_magenta.png") no-repeat;
     background-size: 30px 31px;
}

#setAdrr_row{
    margin-top: 35px;
}
#cimek input{
    background: #f5f5f5;
    border: none;
    color: #b6b6b6;
    padding: 5px 15px;
    vertical-align: top;
    width: 92.5%;
}
#cimek input:focus{
    color: #e5097f;
}

#Penztargep_penztargep_ptipus_id {
    width: 110%;
    background-image:  url('../img/select_down.png') ;
    background-position: 88% 50%;
    background-repeat: no-repeat;
}

#Penztargep_penztargep_ptipus_id:focus{
    
    background-image:  url('../img/select_down_magenta.png') ;
}

#Penztargep_penztargep_uzembehelyezesi_hely{
    width: 92.5%;

}


@media all and (max-width: 800px) {
    body{
        overflow: scroll;
        min-width: 800px!important;
    }
}



.pager{
    margin-top: 10px;
    text-align: center;
    position: absolute;
    top: 41px;
    margin: 0 auto;
    left: 40%;
}
ul.yiiPager a{
    border: none!important;
    
}

ul.yiiPager .selected a {
   /* background: #e5097f;
    color: #FFFFFF;
    font-weight: bold;
    */
   background: none;
   font-weight: bold;
   color: white!important;
   text-decoration: underline;
}
ul.yiiPager
{
    font-size: 15px;
}

ul.yiiPager a:hover {
    /*border: solid 1px #e5097f;*/
    border:none;
}


ul.yiiPager a:link, ul.yiiPager a:visited
{
    color: rgba(255,255,255,0.8);
   
}

.simple-pager-table .pager{
    position: inherit;
}

.simple-pager-table ul.yiiPager a:link, 
.simple-pager-table ul.yiiPager a:visited
{
    color: grey;
   
}

.simple-pager-table ul.yiiPager .selected a {
   color: black !important;
}

div.form input.error{
    
    border: #C00 1px solid;
}
.osszes_table{
    position: relative;
    
}

.osszes_table *{
    font-size: 14px;
}

.osszes_table a{
    text-decoration: none;
    color: #7F7F7F;
}

.next, .previous, .last, .first{
    
    font-size: 28px;
    top: 2px;
    position: relative;
}

ul.yiiPager .first, ul.yiiPager .last{
    display: inline-block!important;
    
}

#yw0 .previous.hidden , #yw0 .first.hidden,#yw0 .last.hidden , #yw0 .next.hidden{
    
    visibility: visible;
    display: inline-block!important;
}

#ui-id-1{
    visibility: hidden;
}

.sort-link::after{
    
    content: ' ';
    background: url("../img/table_rendezo_nyil.png") no-repeat center right;
    /* width: 6px; */
    /* height: 8px; */
    padding: 0 0 0 30px;
}

.box.orderlist{
    width: 100%;
    background: url("../img/osszesmegrendeles_bg.png") left top;
    margin: -10px 0 0 0;
    padding-left: 0;
    padding-right: 0;
}

#viszontelado-grid,
#megrendeles-grid{
    margin: 0 auto;
    width: 95%;
}

.altalanos_kereso{
    text-align: center;
    padding: 25px 0;
    
}

.altalanos_kereso select{
    background: #f5f5f5;
    padding: 4px 6px;
    border: none;
    color: #b6b6b6;
    background-image: url('../img/select_down.png');
    background-position: 86% 50%;
    background-repeat: no-repeat;
}

.altalanos_kereso select:focus{
    color: #E5097F;
    
}

.altalanos_kereso .selecthidden{
    overflow: hidden;
    width: 214px;
    display: inline-block;
    
}

#submitExtraDatas{
    background: url("../img/adoszam_keresek_magenta_kicsi.png") no-repeat;
    padding: 15px;
     
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

@media all and (max-width: 1200px) {
  .top_bar .menu li a {
    font-size: 13px;
    margin: 0 5px;
  }
  
  .menu li {

    border-left: 2px solid #6F5140;
    }
}

@media all and (max-width: 960px) {
  .top_bar .menu li a {
    font-size: 12px;
    margin: 0 2px;
    
  }
  
  .top_bar{
      
      padding: 10px 0 0 0;
  }
  
  .menu li {

    border-left: 1px solid #6F5140;
    }
}

@media all and (max-width: 900px) {
  .top_bar .menu li a {
        margin: 0 1.5px;
    
  }
 .mine{}
} 


.penzargepekTab {
    list-style: none;
    display: inline-block;
    border: 1px solid #e5097f;
    background-color: #b6b6b6;
    padding: 5px;
    color: white;
    margin: 3px;
}

.penzargepekTab.active {
    background-color: #e5097f;
}
.penzargepekTab:hover {
    color: black;
    cursor: pointer;
}

.penzargepekTabContent {
    display: inline;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons{

    max-width: 660px!important;
}

#megrendeles_general_search_order option{
    background: rgba(71,71,71,0.8);
    border: none;
    color: white;
}

#penztargep-form .row:first-child{
    overflow: visible!important;
}

#penzargepekTabContents .row, #penzargepekTabContents .row input{
    width: 100%;
}

#indexslider .bx-wrapper{
    
  /*  max-height: 250px;*/
}

#osszesitoadatok th{
    color: #E5097F;
}
#osszesitoadatok td
{
    color: #939598;
    border-bottom: 1px solid #f6f6f6;
}

#osszesitobuttons{
    text-align: center;
    position: relative;
    top: 62px;
    margin-bottom: 15px;
}

#megrendeloAdatok{
    color: white;
    background: #9c998f;
    width: calc(100% + 50px);
    position: relative;
    top: -26px;
    left: -25px;
}

#megrendeloAdatok div{
    display: inline-block;
}

#adatkeret{
    padding: 10px;
    display: block!important;
}

#megrendeloAdatok div p:first-child{
    font-size: 10px;
}

#adatkeret div{
    vertical-align: top;
    margin: 0 5px;
    width: 23%;
}
#adatkeret div:nth-child(3),#adatkeret div:nth-child(4)
{
    float: right;
    width: auto;
    min-width: 10%;
}
#adatkeret div p{
    font-size: 13px; 
}

span.pipa {
    background: url("../img/pipa.png") 100%;
    width: 35px;
    background-position: 50% 50%;
    height: 33px;
    margin-left: 0px;
    top: 0px;
}

input[name="darab"]::-webkit-inner-spin-button, 
input[name="darab"]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[name="darab"]::-moz-inner-spin-button, 
input[name="darab"]::-moz-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


input[name="darab"]::-o-niner-spin-button, 
input[name="darab"]::-o-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}