/* 
    Document   : mobile
    Created on : 2014-02-21, 09:09:30
    Author     : tmalec
    Description:
        Purpose of the stylesheet follows.
*/

button.close{
    width: 33px;
    height: 33px;
    background-color: rgb(44, 171, 216);
    opacity: 1;
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: normal;
    line-height: 33px;
}
.modal-content{border-radius:0px;} 

.close_div{
    float:right;
    cursor: pointer;
}

.close_div span{
    display: inline-block;
    margin-right: 20px;
    line-height: 33px;
    color: #2cabd8;
    font-family: 'Open Sans', sans-serif; 
    font-weight:600;
    font-size: 16px;
    text-transform: uppercase;
    float:left;
}
.modal-header{
    overflow:hidden;
    border:0px;   
    padding-left:0px;
}

.mob-container{
    padding:15px 50px 0px;
    color:#6a6a6a;
    overflow:hidden;
    position: relative;
}

.mob-container p{
    font-size:15px;
    padding-bottom:14px;
}
#modal-youtube p,
#modal-instagram p{
    padding-top:30px;
    padding-bottom:30px;
}

#modal-newsletter p{
    padding-top:20px;
    padding-bottom:20px;    
}

#modal-newsletter .mob-container{
    padding-bottom:50px;
}

.mob-container h2{
    text-align: center;
    font-family: 'Open Sans', sans-serif; 
    font-weight:600;
    font-size: 24px;
}

.modal-content .application{
    padding:20px 37px;
    margin:0px;
}

.modal-content .application > div{
    padding:0px 13px; 
}
.modal-content .mob-forma{
    background-color: #e3e3e3;
    /*height:350px;*/
    padding:15px;
}

.mob-forma .qr{
    padding:10px;
    text-align:center;
    background: #FFF;
}

.mob-forma .qr img{
    margin:0px auto;
}
.qr-head > div{
    width:100px;
    margin:15px auto 0px;
}

.qr-head > div span{
   font-family: 'Open Sans', sans-serif; 
   font-weight:600;
   font-size:15px;
   display:inline-block;
   padding-left:40px;
   height:48px;
   line-height:48px;
}

.qr-head #android-icon{
    background-image:url(../../images/layout_2014/icon-android.png);
    background-repeat:no-repeat;
}

.qr-head #ios-icon{
    background-image:url(../../images/layout_2014/icon-ios2.png);
    background-repeat:no-repeat;
}


    
    #modal-newsletter input[name="email"]
    {
        height: 44px;
        padding-left: 5px;
        width: 100%;
        color: #a9a9a9;
        font-size: 19px;
        font-family: 'Open Sans', sans-serif; 
        font-weight:600;
        border: 0px;  
        background-color: #f0f0f0;
    }
    
    #modal-newsletter .mod-email{
        font-size: 19px;
        color:#565656;
        line-height:44px;
    }
    
    #modal-newsletter .col-xs-2{width:19.6667%!important;}
    #modal-newsletter .col-xs-9{width:72% !important;}
    #modal-newsletter input[name='email-submit']
    {
        border: 0px;
        color: #FFF;
        width: 100%;
        text-align: left;
        padding-left: 10px;
        font-size: 18px;
        background-image:url("../../images/layout_2014/blue-search-arrow-pion.png");
        background-repeat:no-repeat;
        background-position: 90% center;
    }
    
    #modal-wydrukujbilet .row{padding: 0px; margin: 0px;padding-bottom:130px;height:40px;}
    #modal-wydrukujbilet .row div{color:#565656; font-size:18px;}
    #modal-wydrukujbilet .print-opis1{width:19%; float:left;}
    #modal-wydrukujbilet .print-opis2{width:25%; float:left;padding-left:10px;}
    #modal-wydrukujbilet .print-input{width:32%;float:left;padding-left: 10px;}
    #modal-wydrukujbilet .print-input2{width:24%;float:left;padding-left: 10px;position:relative;}
    #modal-wydrukujbilet .print-input input,
    #modal-wydrukujbilet .print-input2 input
    {height:40px; padding:0px 3px; line-height:40px; font-size:18px; background-color:#e3e3e3; border:0px;width:100%;border-radius:0px;}
    #modal-wydrukujbilet .row span {padding-top: 11px;display: inline-block;line-height: 16px;}
    .dropdown-menu{z-index:1099 !important;}
    #modal-wydrukujbilet .print-opis2 > span {
	    font-size: 16px;
	    line-height: 20px;
	    padding-top: 0;
		}
    #modal-wydrukujbilet input[name='print-submit']
    {
        border: 0px;
        color: #FFF;
        width: 130px;
        height:40px;
        text-align: left;
        padding-left: 10px;
        font-size: 18px;
        background-image:url("../../images/layout_2014/blue-search-arrow-pion.png");
        background-repeat:no-repeat;
        background-position: 90% center;
        position:absolute;
        right:49px;
        bottom:50px;            
    }
    

@media screen and (max-width: 900px){
    .modal-dialog{
        width:auto;
        margin-left:20px;
        margin-right:20px;
    }
    #modal-newsletter .col-xs-1{width:15% !important;}
    #modal-newsletter .col-xs-9{width:65% !important;}
    #modal-newsletter .col-xs-2{width:20% !important;}
}

@media screen and (max-width: 767px){
    #modal-wydrukujbilet .print-opis1,
    #modal-wydrukujbilet .print-opis2{width:42%;padding-left:0px;margin-bottom:16px;}
    #modal-wydrukujbilet .print-input,
    #modal-wydrukujbilet .print-input2{width:58%;margin-bottom:15px;}
    #modal-wydrukujbilet .row div{font-size:15px;}
    #modal-wydrukujbilet .row{padding-bottom:180px;}
}

@media screen and (max-width: 700px){
    
    #modal-newsletter input[name="email-submit"] {
        font-size:17px;
        padding-left:7px;
        background-position: 95% center;
    }
    

}

    @media screen and (max-width: 640px){
        .close_div span {display:none;}
        .modal-header .toplista{ width:83%;}
        #modal-newsletter .col-xs-1{width:18% !important;}
        #modal-newsletter .col-xs-9{width:82% !important;}
        #modal-newsletter .col-xs-2{width:100% !important;margin-top:15px;}
        #modal-newsletter input[name='email-submit']{
        width: 160px;
        text-align: left;
        padding-left: 10px;
        font-size: 18px;
        float:right;
    }
    .application .col-xs-6{
        width:320px !important;
        margin:15px auto;
        float:none;
        overflow:hidden;}
    .padd{padding-right:0px;}
        
    }
    
    @media screen and (max-width: 600px){
      #modal-newsletter .mod-email,#modal-newsletter input[name="email"]{font-size:16px;}
      .md-email{padding-right:0px;}
    }
    
    @media screen and (max-width: 463px){
        #modal-wydrukujbilet .modal-header{margin-bottom: 20px;padding-bottom: 20px;}
        #modal-wydrukujbilet .print-input input, 
        #modal-wydrukujbilet .print-input2 input{font-size:16px;}
        #modal-newsletter .col-xs-1{width:25% !important;}
        #modal-newsletter .col-xs-9{width:75% !important;}
        #modal-newsletter .mod-email,#modal-newsletter input[name="email"]{font-size:15px;}
        #modal-mobilna .modal-header{padding-bottom:25px;}
    }
    
    @media screen and (max-width: 420px){
        .modal-content .application{padding:20px 7px;}
        .modal-header .toplista{ width:83%;}
        .mob-container {padding: 15px 20px 0px;}
        .application .col-xs-6{width:100% !important;}
        .modal-header{padding-right:0px;}
        .toplista span{font-size:17px;}
        #modal-newsletter input[name='email-submit']{margin: 0px auto; float: none; display: block;}
        #modal-wydrukujbilet .row span{padding-top:0px;}
        #modal-wydrukujbilet input[name="print-submit"]{right:20px;width:90px;}
        #modal-wydrukujbilet .print-opis2{clear:both;}
    }

    @media screen and (max-width: 360px){
       /*.modal-content .mob-forma{height:310px;} */
       #modal-wydrukujbilet .print-input2 input{font-size:15px;}
    }
    
    @media screen and (max-width: 320px){
       /*.modal-content .mob-forma{height:280px;}*/ 
    }