html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    /*vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
    display: block;
}
body {
    line-height: 1;
    font-size: 62.5%;
    font-weight: 400;
    color: #555;;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: none;
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a{
    text-decoration: none;
    outline: none;
}

/*----------------------form-------------------------*/

img{
    max-width: 100%;
}

strong, .bold, .b, b{
    font-weight: bold;
}

i, .i, .italic, em{
    font-style: italic;
}

.u, .underline, u{
    text-decoration: underline;
}

article ul{
    list-style-type: disc;
    list-style-position: inside;
}

.minicolors-theme-default .minicolors-input{
    height: 32px !important;
}

.pointer{
    cursor: pointer;
}

.formSection{

}

	.formSectionAvatar{
		width: 1600px;
	}

	.formSection .left{
		width: 30%;
		margin-right: 4%;
	}
	
		.formSection .left:nth-of-type(3n){
			margin-right: 0;
		}
	
	.formSection label{
		margin-bottom: 0;
		margin-bottom: 6px;
	}
	
	.formSection textarea{
		width: 100%;
		height: 100px;
	}
	
	.formSection input[type="text"],
	.formSection input[type="password"],
	.formSection select{
		width: 100%;
		box-sizing: border-box;
	}
	
	.formSection input[type="submit"]{
		width: 100%;
		margin-top: 30px;
	}

	#tworzAvatar{
		width: 300px;
	}
	
	.BbCodeButton{
		width: auto !important;
		padding: 3px 5px !important;
	}
	
	.radioSelect{
		margin-top: 20px;
		margin-bottom: 5px;
	}

label{
    cursor: pointer;
}

.fullWidth input[type="text"],
.fullWidth input[type="password"],
.fullWidth select,
.fullWidth textarea{
    width: 100%;
}

input[type="text"],
input[type="password"],
select,
input[type="search"],
.ck.ck-editor,
textarea,
.multiSelect{
    box-sizing: border-box;
    width: 576px;
    padding: 12px 16px;
    border-radius: 8px;
    color: #000;
    border: solid transparent 1px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
    font-size: 16px;
    outline: none;
    background-color: #fff;;
}

#modal input[type="text"],
#modal input[type="password"],
#modal select,
#modal input[type="search"],
#modal .ck.ck-editor,
#modal textarea{
    width: 100%;
}

input[type="search"]{
    background: #fff url('../images/front/search_icon.svg') 8px center no-repeat;
    padding-left: 48px;
}

input[type="text"]:disabled,
input[type="password"]:disabled,
select:disabled,
input[type="search"]:disabled{
    background-color: #F4F4F4;;
}

.checkboxWrapper{
    margin-top: 24px;
}

.err_container .err_msg{
    font-size: 16px;
    z-index: 999;
    color: red;
    padding: 0 20px 0 40px;
    background: #fff url('../images/core/form_error_icon.png') 12px center no-repeat;
    display: block;
    height: 41px;
    line-height: 41px;
    position: relative;
    border-radius: 8px;   
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04); 
}

.err_input{
    border-color: #FF0000 !important;
    background-color: rgba(255, 0, 0, 0.5);
    color: #000 !important;
}

form .success_input{
    border-color: #5fde32 !important;
    background-image: url('../images/core/form_success_icon.png');
    background-position: 99% center;
    background-repeat: no-repeat;;              
}

textarea.success_input{
    background-image: url('../images/core/form_success_icon.png');
    background-position: 99% center;
    background-repeat: no-repeat;;              
}

.icon {
    display: inline-block;
    background-position: 0 center;
    background-repeat: no-repeat;
    padding: 10px 0 10px 40px;
}

/*----------------------------------------------------------*/

.jMore{
    cursor: pointer;
    border-bottom: dotted blue 1px;
}

.hidden{
    display: none;
}

.clear{
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
} 
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.goBackButton{
    padding: 5px 8px;
    color: #fff;
    border: solid #746767 1px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #7db9e8; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #7db9e8 0%, #207cca 49%, #2989d8 50%, #1e5799 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(49%,#207cca), color-stop(50%,#2989d8), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-8 */
}

.seohide{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.communicat_ok,.communicat_error,.communicat_question,.communicat_info{
    border-radius: 8px;
    padding: 12px 12px 12px 36px;
    margin-bottom: 24px;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    margin: 24px;
}

	#modal .communicat_ok,
	#modal .communicat_error,
	#modal .communicat_question,
	#modal .communicat_info{
		width: auto;
        margin-left: 0;
        margin-right: 0;
	}

.communicat_ok{
    background: #A0FFA8 url('../images/core/form_success_icon.png') 10px center no-repeat;
}

.communicat_error{
    background: #FFA0A0 url('../images/core/form_error_icon.png') 10px center no-repeat;
}

.communicat_question{
    background: #BDDDFA url('../images/core/help_icon.png') 10px center no-repeat;
}

.communicat_info{
    padding: 12px;
    background-color: #B8F2FF;
}

    .communicat_info.block{
        padding: 24px;
    }

        .communicat_info .button{
            margin-bottom: 24px;
        }

	.center_form input[type="text"]{
		width: 100% !important;
	}

.communicat_error a{
    color: #091975;
}

.pokazPomoc{
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: url('../images/front/help_icon.svg');
}

    h1 .pokazPomoc{
        /*float: right;
        margin: 10px 0 0 0 !important;*/
        position: absolute;
        top: 8px;
        right: 30%;
    }

    .sectionSmall h1 .pokazPomoc{
        right: 0;
    }

    .sectionMedium h1 .pokazPomoc{
        right: 20%;
    }

table{
    width: 100%;
    color: #000;
    font-size: 16px;
    /*table-layout: fixed*/
}

tr{
    border-radius: 8px;
}

th{
    padding: 12px 16px;
    font-weight: 600;
    background: #0097DC;
    color: #000;
}

    th:first-of-type,
    tr td:first-of-type{
        border-radius: 8px 0px 0px 8px;
    }

    th:last-of-type,
    tr td:last-of-type{
        border-radius: 0px 8px 8px 0px;
    }

tr:nth-of-type(even){
    background: #fff;
}

td{
    padding: 12px 16px;
}

    td [type="submit"]{
        margin: 0;
    }
    

.center{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.inline{
    display: inline !important;
    width: auto !important;
}

.inline-block{
    display: inline-block !important;
}

.block{
    display: block !important;
}

.commentsHeader{
    background: url('../images/core/icon_comments.png') 0 0 no-repeat;
    padding-left: 40px;
    padding-bottom: 8px;
    font-size: 20px;
    margin: 20px 10px;
    border-bottom: solid #e2e2e2 1px;
}

/********************************************************/

a.goToTop{
    width: 40px;
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid #E1E1E1 2px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    background: #fff url('../images/core/go_to_top.png') 4px 4px no-repeat;
    display: none;
    text-indent: -9999px;
}

/*****************************************************************/

.paginationContent li{
    display: inline-block;
    border: solid #E2E2E2 1px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 11px;
}

    .paginationContent li.chosen{
        /*background: #eaeaea;
        border-color: #39849B;*/
       border: none;
    }

    .paginationContent a{
        display: block;
        padding: 0 8px;
        height: 30px;
        line-height: 30px;
    }
    
    .paginationContent a:hover{
        text-decoration: none;
        background: #eaeaea;
    }
    
    .paginationContent input{
        width: 40px !important;
        height: 32px;
        text-align: center;
        font-size: 11px;
        margin: 0;
    }
    
.paginationLabel{
    text-align:center;
    margin-bottom: 10px;
    font-size: 16px;
    color: #545a60;
}

.paginationWrapper{
    position: relative;
    padding: 0;
}

.paginationContent{
    margin: 10px;
    font-size: 16px;
}

.widget_social.side {
    float: right;
    width: 232px;
    height: 420px;
    background: url('../images/core/slider.png');
    display: block;
    right: -205px;
    padding: 0;
    position: fixed;
    top: 130px;
    z-index: 10000;
}

.smallipop-content p{
    font-size: 15px;
    line-height: 15px;
}

ol{
    list-style-type: decimal;
    margin-left: 20px;
    margin-top: 16px;
    margin-bottom: 16px;
}

pre, code{
    font-family: consolas, courier, monospace;
    font-size: 15px;
    background-color: #f8f8f8;
    color: #333;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* just in case */
    padding: 16px;
    width: auto;
    margin: 10px 0;
    display: block;
}

img[style*="float:left"],
img[style*="float: left"]{
    margin: 10px 10px 10px 0;
}

img[style*="float:right"],
img[style*="float: right"]{
    margin: 10px 0 10px 10px;
}

a:hover{
    text-decoration: underline;
}

.noFloat{
    float: none !important;
}

.left{
    float: left;
}

img.left{
    margin: 0 50px 50px 0;
}

.right{
    float: right;
}

img.right{
    margin: 0 0 50px 50px;
}

p, label, li{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}

li{
	margin-bottom: 0;
}

label{
	margin-bottom: 8px;
    margin-top: 24px;
    display: inline-block;
}

div.icheckbox_square-blue + label{
    margin-top: 0;
}

input[type="checkbox"] + label{
    display: inline;
}

#cookieAccept{
    position: fixed;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #eaeaea;
    padding: 5px;
    text-align: center;
    width: 100%;
    font-size: 14px;
}

    #cookieAccept span{
        cursor: pointer;
        color: #75dff9;
    }

        #cookieAccept span:hover{
            text-decoration: underline;
        }


body{
    background-attachment: fixed;
    background-size: 100% 100%;
    color: #000;
    background-color: #F4F4F4;
}


h1,.h1{
    font-size: 28px;
    font-weight: 600;
    line-height: 42px;
    position: relative;
    text-align: center;
}

	aside h1{
		font-weight: 400;
	    font-size: 20px;
	}

h2,.h2{
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 36px;
}

h3,.h3{
    font-weight: 400;
    color: #545a60;
    font-size: 14px;
    margin-bottom: 10px;
}

h4,.h4{
    font-size: 14px;
}

hr{
    border: none;
    border-bottom: solid #0097DC 1px;
    margin: 48px 0;
}

a{
    color: #000;
}

/**************************************************/
#mainHeader{
    background: #003466;
    
}

    .headerWrapper{
        margin: auto;
        max-width: 1902px;
        padding: 10px 64px;
    }

#zdalny_header{
	background: #df0808;
}

	#zdalny_header p{
		margin: 0;
		color: #fff;
	}

#logo{
	float: left;
	display: block;
}

#mainNav{
    float: right;
}

    #mainNav li{
        display: inline-block;
        vertical-align: middle;
    }

    #mainNav a{
        display: block;
        margin-right: 16px;
        color: #fff;
    }

    #mainNav img{
        padding: 10px;
        width: 28px;
        height: 28px;
    }

    .liczba_kart{
        display: inline-block;
        vertical-align: top;
        padding-top: 15px;
    }

    #mainNav .buttonNav{
        margin: 0;
        margin-right: 16px;
        display: inline;
        background: #fff;
        color: #003466;
        border: solid transparent 2px;
    }

    #mainNav .buttonNavSiple{
        background: transparent;
        color: #fff;
        border: solid #fff 2px;
    }

    .dropdownMenu{
        position: absolute;
        z-index: 9999;
        background: #fff;
        margin-top: 16px;
    }
    
        #mainNav .dropdownMenu li{
            display: block;
        }
    
        .dropdownMenu a{
            width: 100%;
            display: block;
            margin: 0;
            border-radius: 0;
        }


    .addMenu{
        
    }
    
       .addMenu.horizontal{
           float: left;
           margin-right: 32px;
       }

	.addMenu li{
		float: left;
        margin-bottom: 24px;
	}
	
	   .addMenu.horizontal li{
	       float: none;
	   }
	   
	       .addMenu.horizontal a{
	           display: block;
               margin-top: 0;
	       }
	
           
	
	   .addMenu ul{
	       list-style-type: none;
	   }
	


/**************************************************/

section{
    padding: 64px;
    padding-top: 0;
}

#siteWrapper{
   margin: auto;
   min-height: calc(85vh - 70px);
   max-width: 1920px;
}

	#modal section{
		width: auto;
		border: none;
		padding: 0;
		margin: 0;
		min-height: auto;
	}

    #modal .button{
        margin-top: 0;
        margin-right: 24px;
    }

        #modal .button:last-of-type,
        #modal .button.left,
        #modal .button.right{
            margin-bottom: 0;
            margin-right: 0;
        }

.sectionContent{
   width: 1200px;
   margin: auto;
}

.loader{
    width: 100px;
    height: 100px;
    background: url('../images/core/loader.gif');
    position: absolute;
    z-index: 9999;
}

#uploadedPhoto .jcrop-holder{
	margin: auto;
}

#photoToCrop{
    max-width: none;
}

.legitymacja_druk{
    width: 86mm;
    height: 54mm;
    position: relative;
    page-break-after: always
}

    .legitymacja_druk *{
        position: absolute;
        color: #000;
    }
    
caption{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.page_break{
    page-break-after: always;
}

/*********************************/

.sectionUnlogged img{
    margin-top: 112px;
    margin-bottom: 24px;
}

    .sectionUnlogged h1{
        margin-bottom: 30px;
    }

    .sectionUnlogged hr{
        margin-bottom: 0;
    }

.sectionSmall,
.sectionMedium{
    margin: auto;
    width: 576px;
}

.sectionMedium{
    width: 905px;
}

.ramka{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    box-sizing: border-box;
    width: 272px;
    display: inline-block;
    margin-right: 32px;
    text-align: left;
    margin-bottom: 24px;
}

    .ramka:last-of-type{
        margin-right: 0;
    }

    .ramka a{
        display: block;
        padding: 8px 24px;
    }

    .ramkaSmall a{
        padding: 8px 20px;
    }

    .ramka .ramkaContent{
        padding: 24px 32px 14px 32px;
    }

    .ramka label{
        display: block;
        padding: 24px 48px;
        margin: 0;
    }

    .ramka .awatar{
        margin-right: 24px;
        width: 80px;
        height: 80px;
        float: left;
    }

    .ramkaSmall .awatar{
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .ramka_title{
		font-size: 20px;
        line-height: 30px;
        font-weight: 600;
        margin-bottom: 0;
        /*color: #0097DC;*/
        display: inline-block;
        vertical-align: top;
        margin-top: 25px;
	}

    .ramkaSmall .ramka_title{
        font-size: 16px;
        line-height: 40px;
        margin: 0;
    }

    .ramka a:hover{
        text-decoration: none;
    }

    .ramkaCenter a{
        padding: 41px;
        text-align: center;
    }

    .ramkaCenter .awatar{
        float: none;
        width: auto;
        height: auto;
        margin-right: 8px;
    }

    .ramkaCenter .ramka_title{
        margin-top: 0;
    }

    .ramkaPadding{
        padding: 20px;
    }

    .ramka p:last-of-type{
        margin-bottom: 0;
    }

    .ramka.chosen{
        background-color: #0097DC;
    }

    .ramka.chosen label{
        color:  #fff;
    }

    .ramkaAdres{
        height: 144px;
    }

        .ramkaAdres a{
            padding: 57px 41px;
        }

    .ramkaButton{
        position: relative;
    }

    .ramka15 {
        width: 13%;
        margin-right: 1.333%;
        float: left;
    }
    
    .ramka20 {
        width: 18%;
        margin-right: 1.333%;
        float: left;
    }

        .ramka20 .ramka_title{
            font-size: 16px;
            margin-top: 15px;
        }

        .ramka20 .awatar{
            width: 60px;
            height: 60px;
            margin-right: 16px;
        }

    .ramka25 {
        width: 23%;
        margin-right: 1.333%;
        float: left;
    }

    .ramka33 {
        width: 32%;
        margin-right: 1.333%;
        float: left;
    }

    .ramka50 {
        width: 47%;
        margin-right: 3%;
        float: left;
    }

    .ramka100 {
        width: 100%;
    }

    .ramkaAuto {
        width: auto;
        margin-right: 0.5%;
    }

.monitor_panel .ramka{
    padding: 10px 30px;
}

    .monitor_panel .ramka p{
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 0;
    }

        .monitor_panel .ramka p.title{
            text-transform: uppercase;
            margin-bottom: 10px;
            text-align: center;
        }

        .monitor_panel .ramka p.big{
            font-size: 24px;
            margin: 11px 0;
        }

        .monitor_panel .red{
            font-weight: bold;
        }

.wybor_placowki{
    display: block;
    height: 100%;
    position: relative;
}

    .wybor_placowki .awatar{
        width: 96px;
        height: 96px;
    }

    .czy_usunac_aktywna_karta{
        position: absolute;
        bottom: 12px;
        right: 12px;
        cursor: pointer;
    }

.bigFont {
    padding-top: 40px;
    color: #3A3737;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
}

.lista_placowek li{
	display: inline-block;
	width: 24%;
	margin: 0 1% 10px 0;
	border: solid #5a5a5a 1px;
	box-sizing: border-box;
	position: relative;
	height: 100px;
}

	.lista_placowek li:nth-of-type(3n){
		margin-left: 0;
	}
	
	.lista_placowek a{
		display: block;
	}
	
		.lista_placowek a:hover{
			text-decoration: none;
		}
		
	.lista_placowek p{
		margin: 0;
	}

    .placowka_id{
        margin-top: 25px;
        line-height: 35px;
        text-align: right;
    }

    .buttonSmall{
        padding: 6px !important;
    }
	
    .placowka_status{
        display: block;
        float: left;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-right: 10px;
    }
	
		.placowka_status.nieaktywna,
		.placowka_status.oczekujaca{
			background: red;
		}
		
		.placowka_status.aktywna{
			background: green;
		}

    .karta_img{
        width: 392px;
    }

/***************/

.lista_kart a.button{
    padding: 8px 10px;
    font-weight: 400;
}

.lista_kart:nth-of-type(1){
    margin-bottom: 20px;
}

.opis_karty{
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    margin-bottom: 12px;
}

.status_umowy{
    text-align: center;
}

/*******************************/

.legitymacje_osoby,
.legitymacje_osoby td{
	border: none;
	vertical-align: middle;
}

    .legitymacje_osoby_left,
    .legitymacje_osoby_right{
        width: 48%;
    }

    .legitymacje_osobylegitymacje_osoby_left{
        margin-right: 4%px;
    }

	.legitymacje_osoby .liczba_znakow{
		text-align: left;
	}
/*
    .legitymacje_osoby tr td:nth-of-type(1){
        width: 20%;
    }

    .legitymacje_osoby tr td:nth-of-type(2){
        width: 60%;
    }

    .legitymacje_osoby tr td:nth-of-type(3){
        width: 20%;
    }
*/
    .legitymacje_osoby input[type="text"],
    .legitymacje_osoby select{
        /*display: inline-block;
        width: 54%;*/
        width: 100%;
        margin-bottom: 0;
    }

    .legitymacje_osoby label{
        /*display: inline-block;
        width: 45%;*/
        font-size: 17px;
    }

    .legitymacja_pole_wrapper.pesel input[type="text"],
    .legitymacja_pole_wrapper.pracodawca select,
    .legitymacja_pole_wrapper.pesel select{
        width: 320px;
    }

    .legitymacja_pole_wrapper.pracodawca .button{
        display: block;
        width: auto;
        height: 44px;
        line-height: 44px;
        padding-top: 0;
        padding-bottom: 0;
    }

	
	.savePole{
		width: auto !important;
	}
	
.error, .red{
	color: red;
}

.green{
    color: green;
}

.blue{
    color: blue;
}

.dataTables_wrapper{
	margin-top: 20px;
}

.dataTables_length,
.dataTables_length label,
.dataTables_length select,
.dataTables_filter,
.dt-input,
.dt-layout-cell{
	display: inline-block;
}

.dt-layout-table .dt-layout-cell,
.dt-layout-row:last-of-type .dt-layout-cell{
    display: block;
}

.dataTables_length select,
#tabela_dane_karty_filter [type="search"],
.dt-input{
	width: auto !important;
    margin: 0 8px;
}

.dataTables_filter,
.dt-search{
	margin-left: 20px;
}

.dataTables_filter input[type="search"]{
    margin-left: 8px;
}

.dataTables_info,
.dt-info{
    text-align: center;
    font-size: 16px;
    margin: 16px;
}

.dataTables_paginate{
	font-size: 16px;
    font-weight: 600;
	text-align: center;
	margin-top: 10px;
}

.dataTables_paginate a{
    display: inline-block;
    border-radius: 8px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin-left: 8px;
    margin-right: 8px;
    vertical-align: top;
}

    .dataTables_paginate a:hover{
        text-decoration: none;
    }

.dt-paging{
    text-align: center;
}

.dt-paging-button{
    /*overflow: hidden;
    text-indent: 999px;*/
    width: auto;
    margin-right: 10px;
    margin-top: 0;
}

.paginate_button.previous,
.paginate_button.next{
    overflow: hidden;
    text-indent: 999px;
    background: #0097DC url('../images/front/arrow_icon.svg') center center no-repeat;
}

    .paginate_button.next{
        transform: rotate(180deg);
    }

.paginate_button.disabled{
    background-color: #A3A3A3;
}
/*
.paginate_button.previous{
    border-radius: 8px 0 0 8px;
    margin-right: 16px;
}

.paginate_button.next{
    border-radius: 0 8px 8px 0;
    margin-left: 16px;
}
*/
.paginate_button.current{
	color: #0097DC;
}

.formularz_zamowienia_platnosci{
	margin-left: 50px;
	width: 300px;
}

.formularz_migracji h1{
	float: left;
}

	.formularz_migracji .step .button{
		width: 300px;
	}

.produktWrapper .ramka{
    padding-bottom: 36px;
    /*width: 320px;*/
}

.produktWrapper.ramka{
    vertical-align: top;
    padding-bottom: 24px;
}

    .produktWrapper a{
        padding: 0;
        height: 100%;
    }

        .produktWrapper h2{
            font-size: 16px;
            line-height: 20px;
            margin: 0;
        }

        .produktWrapper img{
            border-top-right-radius: 16px;
            border-top-left-radius: 16px;
            width: 100%;
            height: auto;
            padding: 10px;
            box-sizing: border-box;
        }

        .produktWrapperContent{
            padding: 20px 20px 36px;
        }


.produktSection h1{
    text-align: left;
}

#produktPhoto{
    float: left;
    width: 40%;
    margin-top: 36px;
}

#produktPhotos{
    padding: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    width: 510px;
    position: relative;
    text-align: center;
}
.produktMainPhoto{
    margin-bottom: 10px;
    width: 100%;
}
.produktPhotoMiniature{
    width: 150px;
    cursor: pointer; 
}
#produktPhotosWrapper{
    height: 120px;
    left: 40px;
    width: 430px;
}
.ramka img{
    height: auto;
}


#produktInfo{
    float: right;
    width: 55%;
    margin-top: 36px;
}

#produktInfo .dodaj_produkt_do_koszyka{
    margin-top: 0;
    padding-top: 8px;
    padding-bottom: 8px;
}

/**********************/

.data_wrapper input[type="text"]{
	display: inline-block;
	width: 15%;
}

	.data_wrapper input[type="text"]:first-of-type{
		width: 30%;
	}
	
.noBorder,
.noBorder td{
	border: none;
}

.password_wrapper_content{
    position: relative;
}

	.password_wrapper .show_password{
		position: absolute;
        top: 8px;
        right: 8px;
        width: 28px;
        height: 28px;
        background: url('../images/front/show_password_icon.svg');
        cursor: pointer;
	}
	
#pass_strength{
	display: block;
	color: #000;
	font-size: 16px;
	clear: both;
	height: 44px;
	line-height: 44px;
	font-weight: bold;
    border-radius: 27px;
    margin-top: 8px;
}

	#pass_strength div{
		padding-left: 16px;
		box-sizing: border-box;
        border-radius: 8px;
	}

	#pass_strength .pass_weak{
		background: repeating-linear-gradient(
		  -45deg,
		  #ff4949,
		  #ff4949 10px,
		  #fab5b5 10px,
		  #fab5b5 20px
		);
		width: 33%;
	}
	
	#pass_strength .pass_good{
		background: repeating-linear-gradient(
		  -45deg,
		  #fcbb5e,
		  #fcbb5e 10px,
		  #fff587 10px,
		  #fff587 20px
		);
		width: 66%;
	}
	
	#pass_strength .pass_strong{
		background: repeating-linear-gradient(
		  -45deg,
		  #2bff44,
		  #2bff44 10px,
		  #a9ffb3 10px,
		  #a9ffb3 20px
		);
		width: 100%;
	}
	
.karta_inactive{
	filter: grayscale(100%);
}

.karta_oczekujaca{
    position: relative;
}

	.lista_kart{
		text-align: center;
	}
	
	.karta_oczekujaca p{
	    font-size: 30px;
	    line-height: 30px;
	}
	
	   .opis_karty p{
	       font-size: 14px;
           min-height: 50px;
           margin-bottom: 0;
	   }

.podglad_legitymacji_content{
    background-size: 100%;
    position: relative;
}

    .nauczyciela.podglad_legitymacji_content{
        width: 394px;
        height: 508px;
        background-image: url('../images/site/podglad_nauczyciela.png?v=2');
        background-repeat: no-repeat;
        padding-bottom: 60px;
    }

    .podglad_legitymacji_content *{
        position: absolute;
        font-size: 24px;
        line-height: normal;
        margin: 0;
        font-weight: bold;
    }
    
    .podglad_legitymacji_content br{
        position: static;
    }
    
    .nauczyciela .podglad_karty_zdjecie{
        top: 96px;
        right: 33px;
        height: 94px;
        border-radius: 5px;
    }
    
    .nauczyciela .podglad_karty_podpis{
        top: 177px;
        right: 240px;
        height: 15px;
    }
    
    .nauczyciela .podglad_karty_data_waznosci{
        top: 485px;
        left: 18px;
    }

    .nauczyciela .podglad_karty_nazwisko_imie{
        position: static;
    }
    
    .nauczyciela .podglad_karty_imie_1{
        top: 135px;
        right: 240px;
    }
    
    .nauczyciela .podglad_karty_imie_2{
        top: 150px;
        right: 240px;
    }
    
    .nauczyciela .podglad_karty_nazwisko_1{
        top: 95px;
        right: 240px;
    }
    
    .nauczyciela.nauczyciela .podglad_karty_nazwisko_2{
        top: 110px;
        right: 240px;
    }
    
    .nauczyciela .podglad_karty_pracodawca{
        top: 285px;
        left: 18px;
    }

    .nauczyciela.nauczyciela_nowa.podglad_legitymacji_content{
        width: 624px;
        height: 600px;
        background-image: url('../images/site/podglad_nauczyciela_nowa.png');
        background-repeat: no-repeat;
        padding-bottom: 60px;
        margin: auto;
    }

    .podglad_legitymacji_content.nauczyciela_nowa *{
        font-size: 16px;
    }

    .nauczyciela.nauczyciela_nowa .podglad_karty_zdjecie{
        height: 120px;
        left: 40px;
        top: 248px;
    }

    .podglad_karty_zdjecie:nth-of-type(2){
        display: none;
    }

    .nauczyciela.nauczyciela_nowa .podglad_karty_nazwisko_1{
        top: 257px;
        left: 142px;
    }

    .nauczyciela.nauczyciela_nowa .podglad_karty_imiona{
        top: 287px;
        left: 142px;
    }

    .nauczyciela.nauczyciela_nowa .podglad_karty_data_wydania{
        top: 314px;
        left: 142px;
    }

    .nauczyciela.nauczyciela_nowa .podglad_karty_nr_legitymacji{
        top: 343px;
        left: 142px;
    }

    .nauczyciela.nauczyciela_nowa .podglad_karty_pracodawca{
        top: 65px;
        left: 220px;
        font-size: 13px;
        line-height: 16px;
    }

    .nauczyciela.nauczyciela_nowa .podglad_karty_dyrektor{
        display: none;
    }
    
    .szkolna.podglad_legitymacji_content{
        width: 788px;
        height: 486px;
        background-image: url('../images/site/podglad_szkolna.png?v=2');
        padding-bottom: 100px;
        background-repeat: no-repeat;
        margin: 24px auto;
    }
    
        .szkolna.podglad_legitymacji_content *{
            /*font-size: 30px;*/
        }
    
    .szkolna .podglad_karty_zdjecie{
        top: 160px;
        left: 60px;
        height: 210px;
    }

    .szkolna .podglad_karty_nazwisko_imie{
        top: 145px;
        left: 254px;
    }
        .szkolna .podglad_karty_imie_1{
            top: 150px;
            left: 254px;
            /*position: static;
            display: inline;*/
        }

        .szkolna .podglad_karty_imiona_nazwisko{
            top: 150px;
            left: 254px;
        }

        .szkolna .podglad_karty_imie_2{
            top: 150px;
            left: 450px;
            display: none;
            /*position: static;
            display: inline;*/
        }
        
        .szkolna .podglad_karty_nazwisko_1{
            top: 150px;
            left: 450px;
            /*position: static;
            display: inline;*/
        }

            .szkolna .podglad_karty_imie_1:after{
                display: inline;
                content: ' ';
            }
    
    .szkolna .podglad_karty_data_urodzenia{
        top: 200px;
        left: 254px;
    }
    
    .szkolna .podglad_karty_pesel{
        top: 200px;
        left: 535px;
    }
    
    .szkolna .podglad_karty_adres{
        top: 340px;
        left: 254px;
    }
    
    .szkolna .podglad_karty_data_wydania{
        top: 420px;
        left: 254px;
    }
    
    .szkolna .podglad_karty_nr_legitymacji{
        top: 426px;
        left: 95px;
        font-size: 24px;
    }
    
    .szkolna .podglad_karty_szkola{
        left: 254px;
        top: 260px;
        line-height: 20px;
        font-size: 19px;
        text-align: left;
    }

    .szkolna .podglad_karty_szkola br{
        line-height: 20px;
        font-size: 15px;
    }
    
    .szkolna .podglad_karty_dyrektor{
        top: 365px;
        left: 254px;
    }

    .podglad_karty_duplikat{
        top: 110px;
        left: 85px;
    }

    .podglad_karty_przypis{
        bottom: 0;
        font-size: 15px;
    }

    .podglad_karty_numer_blankietu{
        bottom: 0;
        font-size: 15px;
        font-size: 80px;
    }
    
.mainRight,
.mainLeft{
    width: 49%;
}

    .mainLeft h1,
    .mainRight .h1{
        margin-bottom: 24px;
        text-align: left;
        margin-top: 0;
    }

    .aktualnosc{
        padding: 32px;
        word-break: break-word;
    }

        .aktualnosc h2{
            margin-top: 0;
            margin-bottom: 8px;
        }

        .aktualnosc_data_publikacji{
            font-size: 14px;
            color: #A3A3A3;
        }


.file_browse {
    background: url('../images/front/browse-icon.png') 0 0 no-repeat;
    width: 32px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    font-weight: bold;
}

    .file_browse input {
        opacity: 0;
        width: 32px;
        position: absolute;
        left: 0;
        top: 0;
    }
    
.button.usun_z_koszyka{
    background: url('../images/front/delete_icon.svg') 0 0 no-repeat;
    background-size: contain;
    border: none;
    width: 44px;
    height: 44px;
    float: right;
    text-indent: -9999px;
    overflow: hidden;
    min-width: auto;
}

.zamow_legitymacje{
    margin-top: 84px !important;
    margin-bottom: 5px;
}

.umowa_nieaktywna{
    color: red;
}

.umowa_aktywna{
    color: green;
    font-weight: bold;
}

/**************************/

.floating{
	position: fixed;
	right: 10px;
	width: auto;
}

/**********************************/

.width50{
    width: 48.5% !important;
    margin-right: 1%;
    display: inline-block;
}

.marginTop0{
	margin-top: 0 !important;
}

.marginTop10{
	margin-top: 10px;
}

.marginTop20{
	margin-top: 20px;
}

.marginTop24{
	margin-top: 24px;
}

.marginTop30{
    margin-top: 30px;
}

.marginTop36{
    margin-top: 36px;
}

.marginTop40{
    margin-top: 40px;
}

.marginTop48{
    margin-top: 48px;
}

.marginTop50{
    margin-top: 50px;
}

.marginTop64{
    margin-top: 64px;
}

.noMargin{
    margin: 0 !important;
}

.noPadding{
    padding: 0;
}

.paddingTop0{
    padding-top: 0;
}

.smallFont{
    font-size: 14px;
    line-height: 21px;
}

.width33{
    width: 33%
}

.width25{
    width: 25%
}
   	
/************************************/

    
.fadeInDown{
	opacity: 1 !important;
	margin-top: 0 !important;
}

.sticky-header{
    /*position: fixed !important;
    top: 0;
    left: 0;*/
}

.no-sticky{
	position: static !important;
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
}

.sklep_mode main{
    padding-top: 24px;
}

/******************************/

.bx-wrapper{
    margin: 0;
    box-shadow: none;
    border: none;
    background: none;
    padding: 0 24px;
}

.bx-viewport{
    padding-bottom: 40px;
}

.bx-wrapper .bx-controls-direction a{
    display: inline;
    padding: 0;
}

/**************************/

#mainHeader.sticky-header{
    /*background-color: #132031;*/

}

.siteWrapper{
    width: 1200px;
    margin: auto;
    position: relative;
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
}

/****************************************************************/

footer{
    background-color: #003466;
    margin-top: 112px;
}

.footerContent{
    padding: 24px 64px;
    max-width: 1920px;
    margin: auto;
}

    .footerContent ul:after{
        border-bottom: solid #fff 1px;
        opacity: 0.1;
        content: '';
        display: block;
        margin-top: 24px;
    }

    .footerContent li{
        display: inline-block;
        margin-right: 32px;
    }

    .footerContent p{
        margin-top: 24px;
        font-size: 12px;
    }

footer p,
footer a{
    color: #fff;
}

.footerTel{
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #fff url('../images/site/phone-icon.png') 0 0 no-repeat;
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    
    border-radius: 50px;
}

    .footerTel span{
        display: block;
        height: 100%;
        padding-left: 50px;
        color: #000;
        width: 0;
        overflow: hidden;
        font-weight: bold;
    }

    .footerTel span:hover{
        color: #000;
        width: auto;
        padding-left: 70px;
        padding-right: 10px;
    }

tr.trHover{
    /*background: #0097DC;
    color: #fff;*/
}

    tr.trHover a{
        /*color: #fff;*/
    }

    li.galleryWrapper{
        width: 268px;
        height: 200px;
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
        position: relative;
        border: solid grey 1px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    li.galleryWrapper:hover{
        border-color: #0094C2;
    }
    li.galleryWrapper p.title{
        width: 100%;
        padding: 8px 0;
        background: rgba(0, 0, 0, 0.7);
        color: white;
        text-align: center;
        position: absolute;
        bottom: 0;
        margin: 0;
    }
    li.galleryWrapper a{
        text-decoration: none;
        display: block;
        width: 100%;
        height: 100%;   
    }
    li.galleryWrapper textarea{
        width: 100%;
        height: 80px;
        position: absolute;
        bottom: 0;
        margin: 0;
    }
    .fancybox-prev {
       left: -60px !important;
       width: 36px !important;
    }
    .fancybox-next {
       left: auto !important;
       right: -60px !important;
       width: 36px !important;
    }
    .fancybox-nav span {
        visibility: visible !important;
    }
    .fancybox-title-inside-wrap{
        margin-bottom: 10px;
        padding-top: 0 !important;
    }
    #galleryPhoto{
        float: left;
    }
    #photoDescription{
        float: right;
        width: 250px;
        height: 1px;
        margin-left: 20px;
        padding-right: 20px;
        overflow: hidden;
    }
    #photoDescription p{
        font-size: 13px;
        line-height: 15px;
    }
        .even{
            background: #BAE0ED;
        }

/*************************comments******************************/

main .tabsWrapper.tabsHorizontal{
    margin-top: 50px;
}

#commentsWrapper{
    padding: 10px;
}


/*********************************************************/


a.button:hover,
input.button:hover{
    text-decoration: none;
}

.button,[type="submit"],button {
    cursor: pointer;
    outline: none;
    padding: 12px 24px;
    background-color: #0097DC;
    border-radius: 8px;
    width: 272px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    border: solid #0097DC 2px;
    margin-top: 48px;
}
.button:hover,[type="submit"]:hover,button:hover {
    /*background-color: #003466;*/
}

.button.buttonSimplest{
    background-color: transparent;
    color: #000;
    font-weight: 400;
    border: none;
}

.button.green,[type="submit"].green,button.green{
    background-color: #00dc15;
    border-color: #00dc15;
}

.button.buttonSimple{
    background-color: transparent;
    border: 2px solid #0097DC;
    color: #000;
}

.button[disabled],[type="submit"][disabled],button[disabled],.button.disabled{
	background: #f9f9f9;
	color: #000;
	border: solid #e8e8e8 1px;
}.button[disabled]:hover,[type="submit"][disabled]:hover,button[disabled]:hover,.button.disabled:hover{
    color: #000;
}

.button:active,
input.green:active {
    position:relative;
    top:1px;
}

.button.big{
	padding: 10px 20px;
	font-size: 25px;
}

input.buttonIcon{
    padding-left: 70px;
    font-weight: 200;
}

.buttonIcon{
    text-align: left;
}

.buttonIcon:before{
    display: block;
    content: '';
    float: left;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
}


[type="submit"].buttonIcon{
    background-repeat: no-repeat;
    background-size: 25px auto;
    background-position: 20px center;
}

.buttonIconSmall{
    display: inline-block;
    width: auto;
    margin-top: 0;
}

    h1 .buttonIcon{
        margin-right: 24px;
    }

    .wsteczButton:before{
        background-image: url('../images/front/arrow_left_icon.svg');
    }

.dodajUmoweButton:before{
    background-image: url('../images/front/add_site_icon.svg');
}

.roboczeButton:before{
    background-image: url('../images/front/copy_icon.svg');
}

    .roboczeButton.buttonSimplest:before{
        background-image: url('../images/front/copy_icon_black.svg');
    }

.wyslaneButton:before{
    background-image: url('../images/front/wyslane_icon.svg');
}

    .wyslaneButton.buttonSimplest:before{
        background-image: url('../images/front/wyslane_icon_black.svg');
    }

.odebraneButton:before{
    background-image: url('../images/front/wiadomosci_icon.svg');
}

    .odebraneButton.buttonSimplest:before{
        background-image: url('../images/front/wiadomosci_icon_black.svg');
    }

.napiszButton:before{
    background-image: url('../images/front/edit_icon_black.svg');
}

    .napiszButton.buttonSimple:before{
        background-image: url('../images/front/edit_icon.svg');
    }

.koszykButton:before{
    background-image: url('../images/front/cart_icon.svg');
}

[type="submit"].koszButton,
.koszButton:before{
    background-image: url('../images/front/delete_icon.svg');
}

.buttonRadio{
    display: inline-block;
    width: auto;
    margin-top: 0;
    padding: 0;
}

    .buttonRadio label{
        margin: 0;
        padding: 12px 24px;
    }

    .pdfButton{
        background: url('../images/front/pdf.png');
    }

    .excelButton{
        background: url('../images/front/excel.png');
    }

    .csvButton{
        background: url('../images/front/csv.png');
    }

    .pdfButton,
    .excelButton,
    .csvButton{
        background-repeat: no-repeat;
        width: 32px !important;
        text-indent: -9999px;
        border: none;
    }

#modalWrapper h1{
    margin: 0;
}

#modalWrapper ol{
    margin-top: 0;
}

.communicat_info{

}

#cookieAccept{
    position: fixed;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #eaeaea;
    padding: 5px;
    text-align: center;
    width: 100%;
    font-size: 14px;
}

    #cookieAccept span{
        cursor: pointer;
        color: #75dff9;
    }

        #cookieAccept span:hover{
            text-decoration: underline;
        }
        
.jTabs article ul{
    margin-left: 0;
}

.loader{
    width: 100px;
    height: 100px;
    position: absolute;
    background: url('../images/core/loader.gif');
}


.embed-container{
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%;
    border: solid #cecece 1px;
} 

.embed-container iframe, 
.embed-container object, 
.embed-container embed{
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
}

#arrow-prev{
    width: 17px;
    height: 30px;
    background: url('../images/site/arrow-prev.png');
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
}

#arrow-next{
    width: 17px;
    height: 30px;
    background: url('../images/site/arrow-next.png');
    display: inline-block;
    margin-left: 30px;
    cursor: pointer;
}

.ui-datepicker{
    width: auto;
}

.ui-datepicker td span, .ui-datepicker td a{
    font-size: 16px;
}

.datepicker{
    background: #fff url('../images/core/png/24x24/calendar.png') 10px 6px no-repeat !important;
    padding-left: 40px !important;
}

.fb_iframe_widget{
    margin-top: -1px;
}


#fbWrapper,
#instaWrapper{
	width: 300px;
	position: fixed;
	right: -300px;
	top: 100px;
	height: 300px;
	background: #f6f7f9 url('../images/site/polub-nas.png') 12px bottom no-repeat;
}

	#instaWrapper {
	    top: 150px;
	    background: #f6f7f9;
	}

	#fbWrapper.active,
	#instaWrapper.active{
		right: 0;
	}

	#fbWrapper:before,
	#instaWrapper:before{
		position: absolute;
		content: '';
		display: block;
		width: 50px;
		height: 50px;
		top: 0;
		left: -50px;
		background: url('../images/site/fb.png');
		cursor: pointer;
	}
	
	#instaWrapper:before{
		background: url('../images/site/instagram.png');
	}
	
.tablesorter td{
	vertical-align: middle;
}

.paginationWrapper{
	width: auto;
}

.autoWidth{
	width: auto !important;
	display: inline !important;
}

.mainKafelek{
    font-size: 30px;
    padding: 20px 40px;
    display: block;
    margin: 0 5px 5px 0;
}

.newMessagesNumber{
    color: red;
}

.wiadomosciWrapper{
    width: 70%;
}

#wiadomosciTabel a{
    display: block;
}

#deleteMessages{
    margin: 16px 16px 36px 16px;
    display: inline-block;
}

#wiadomosciTabel .firstColumn{
    width: 24px;
}

#wiadomosciTabel .nowa{
    font-weight: bold;
}

.addNextAtachment{
    border-bottom: dotted grey 1px;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    color: #000;
}

#attachments span{
    cursor: pointer;
    font-size: 15px;
}


#podglad_szablonu {
    margin-top: 20px;
    padding: 10px;
    border: solid grey 1px;
    background: #f8f8f8;
}

.wiadomoscWrapper{
    padding: 32px 24px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
}

    .wiadomosc_data{
        float: left;
        width: 20%;
    }

        .wiadomosc_data p{
            font-weight: 600;
        }

    .wiadomosc_tresc{
        float: right;
        width: 80%;
    }
    
.multiSelect{
    min-width: 50px;
    width: auto;
    height: 45px;
    line-height: 45px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    overflow-y: hidden;
    overflow-x: hidden;
    margin-bottom: 5px;
    /*margin-top: 2px;*/
    position: relative;
    color: #474747;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 998;
}

    .multiSelect.active{
        height: 200px;
        overflow-y: scroll;
        overflow-x: hidden;
        box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.3);
    }
    
        .multiSelect.active span{
            display: none;
        }
    
    .multiSelect ul{
        list-style-type: none;
        margin: 0;
        overflow-x: hidden;
    }
    
    .multiSelect li{
        padding: 0 5px;
        font-size: 13px;
        white-space: nowrap
    }

    .multiSelect li:first-of-type{
        margin-bottom: 10px;
    }
    
    .multiSelect li:nth-of-type(n+2):hover{
        background: #1e90ff;
        color: #fff;
    }

    .multiSelect label{
        display: inline-block;
        font-size: 13px;
    }

    .multiSelect span{
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 3.5px 0 3.5px;
        border-color: #000000 transparent transparent transparent;
        position: absolute;
        right: 5px;
        top: 20px;
    }
    
    .multiSelect .button{
        line-height: normal !important;
    }
    
    .multiSelect.osoby{
        margin-top: 0;
    }
    
.umowy_wybor_wariantu_wrapper{
    text-align: center;
    
}

    .umowy_wybor_wariantu_wrapper a{
        padding: 48px 0;
    }

    .umowy_wybor_wariantu_wrapper h2{
        margin: 0 0 16px 0;
    }
    
    .umowy_wybor_wariantu_wrapper.blue{
        background-color: #0097DC;
    }

    .umowy_wybor_wariantu_wrapper.blue h2,
    .umowy_wybor_wariantu_wrapper.blue p{
        color: #fff;
    }

.umowy_naglowek_wrapper textarea{
    width: 100%;
    height: 200px;
}

.ck-editor__editable_inline{
    min-height: 200px;
}

.hidden{
    display: none;
}

.kafelekRadio {
    display: inline-block;
    width: 45%;
    min-height: 140px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.6);
    margin-right: 5%;
    margin-bottom: 10px;
    vertical-align: top;
    position: relative;
}
.kafelekRadio.dodaj {
    line-height: 120px;
}
.kafelekRadio:nth-of-type(2n) {
    margin-right: 0;
}
.kafelekRadio [type="radio"],
.kafelekRadioContent {
    display: inline-block;
    vertical-align: middle;
}
.kafelekRadio [type="radio"] {
    margin-left: -10px;
}
.kafelekRadio p,
.kafelekRadio label {
    margin: 0;
}
.kafelekRadio p {
    margin-left: 10px;
}
.kafelekRadio label {
    width: 100%;
    min-height: 120px;
    box-sizing: border-box;
    padding: 20px;
}
.kafelekRadio a:hover {
    text-decoration: none;
}
.ramka_adres{
    position: relative;
}
.usun_adres {
    width: 13px;
    height: 13px;
    background: url("../images/core/delete-icon-small.png");
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.dokumentWrapper {
    width: 50%;
}
.dokumentWrapper .kafelekRadio,
.dokumentWrapper .kafelekRadio label {
    min-height: auto;
}
.kafelkiFull .kafelekRadio {
    width: 18.9%;
    margin-right: 1%;
}
.podsumowanie .kafelekRadio:nth-of-type(5n) {
    margin-right: 0;
}
.podsumowanie .kafelekRadioContent {
    width: 100%;
}
.kafelkiFull .kafelekRadioTitle {
    padding: 5px 0;
    font-size: 14px;
    margin: 0;
    border-radius: 5px 5px 0 0;
    background-color: #025880;
    color: #fff;
}

#tabela_dane_karty_filter label{
    display: inline;
}

#tooltipContainer p{
    background: #fff;
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 12px;
}

.legitymacjeMenu li{
    display: inline-block;
    margin-right: 2px;
}

    .legitymacjeMenu li ul{
        position: absolute;
        margin-top: 12px;
    }

        .legitymacjeMenu li ul li{
            display: block;
        }

.edytuj_adres_icon{
    padding: 0 0 10px 20px !important;
    position: absolute;
    top: 10px;
    right: 20px;
}

.poradnikTitle{
    display: block;
    background: #0097DC url('../images/front/arrow_down_icon.svg') right 20px center no-repeat;
    color: #fff;
    padding: 10px 20px 10px 24px;
    font-size: 16px;
    margin-top: 24px;
    border-radius: 8px;
}

    .poradnikTitle.active{
        background-image: url('../images/front/arrow_up_icon.svg');
    }

    .poradnikTitle:hover{
        text-decoration: none;
    }

    .poradnikContent{
        padding-top: 24px;
    }

.alighRight{
    text-align: right;
}

.alignLeft{
    text-align: left;
}

.pokazHistorieZamowienLegitymacji,
.blue_icon{
    margin-right: 6px;
    filter: invert(0.5) sepia(1) saturate(5) hue-rotate(175deg);
    vertical-align: middle;
}

.podsumowanie_zamowienia_wartosc_zamowienia{
    border-top: solid #0097DC 1px;
    padding-top: 24px;
    margin-top: 14px;
}

    .podsumowanie_zamowienia_wartosc_zamowienia .right{
        color: #0097DC;
    }

.breadcrumbs{
    margin: 20px auto;
    padding: 0 64px;
}

    .breadcrumbs li{
        display: inline-block;
    }

        .breadcrumbs li:after{
            content: '/';
            padding-left: 10px;
            padding-right: 10px;
        }

        .breadcrumbs li:last-of-type:after{
            content: '';
        }

.importy_instrukcja_wrapper{
    width: 300px;
    margin: 100px auto;
    text-align: center;
}

.system_komunikat{
    background: red;
    padding: 10px 0;
    position: relative;
    height: 44px;
    overflow: hidden;
    box-sizing: border-box;
}

    .system_komunikat p{
        margin: 0 auto;
        color: #fff;
        text-align: center;
        width: 70%;
    }

    .system_komunikat a{
        position: absolute;
        right: 20px;
        top: 7px;
        font-size: 30px;
        color: #fff;
        text-decoration: none;
    }

.przypisy_table_wrapper{
    height: 500px;
    overflow-y: scroll;
}

.video_poradnik_wrapper{
    width: 48%;
    float: left;
}

.pasujacych_rekordow{
    margin-left: 20px;
}

.videoporadnik_button{
    font-size: 14px;
}

    .videoporadnik_button img{
        vertical-align: middle;
    }

#ewniosek_zdjecie{
    width: 100px;
    height: 130px;
    border: solid black 1px;
    float: right;
    margin-top: 20px;
}
    
    #ewniosek_img{
        opacity: 0;
    }

.rozliczenie_zbiorcze{
    font-size: 20px;
}

.rejestracja_form .left,
.rejestracja_form .right{
    width: 45%;
}

.rejestracja_form input,
.rejestracja_form input{
    width: 100%;
}

.slides a{
    display: block;
    position: relative;
}

.slides h2{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 20px;
}

.submenu{
    line-height: 55px;
}

.weryfikacja_tozsamosci_kod{
    text-align: center;
    margin: 50px;
}

    .weryfikacja_tozsamosci_kod h2{
        margin-top: 0;
    }

    .weryfikacja_tozsamosci_kod .kod{
        font-size: 40px;
        margin-top: 20px;
    }

    .weryfikacja_tozsamosci_kod .akapit{
        font-size: 13px;
        line-height: 16px;
        margin-top: 20px;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square-blue,
    .iradio_square-blue {
        background-image: url(../javascript/libs/icheck/css/blue@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

@media screen and (max-width: 1200px) {
    
    /*body{
        background-attachment: scroll;
    }*/
    
    #headerWrapper,
    #footerContent,
    section{
        width: auto !important;
    }
    
    #headerWrapper,
    #footerContent{
    	padding: 0 20px;
    }
    
    section{
    	padding-left: 20px;
    	padding-right: 20px;
    }
    
    .sectionContent,
    .siteWrapper{
        width: auto;
        padding: 20px !important;
    }

    .sticky-header{
        position: relative !important;
    }
    
    
    
    #mainNav{
        float: right;
        margin-top: 20px;
    }
    
    #mainNav.logged{
    	margin-left: 0;
    }
    
    #respMenu{
        position: relative;
        cursor: pointer;
        height: 30px;
    }
    
   .respMenu-handler{
       margin-left: 30px;
       color: #fff;
   }
        
   .respMenu-handler span{
       height: 4px;
       width: 28px;
       position: absolute;
       top: 8px;
       left: 0px;
       background: #468b0f;
       /*box-shadow: 0 5px 0 #fff, 0 -5px 0 #fff;*/
       content: '';
       display: block;
       cursor: pointer;
        -webkit-transition: all 0.1s linear;
	    -moz-transition: all 0.1s linear;
	    -o-transition: all 0.1s linear;
	    transition: all 0.1s linear;
   }
   
 
   #mainNav > ul{
       position: absolute;
       left: 0;
       top: 60px;
       width: 100%;
       z-index: 99999;
   }
   
    #mainNav > ul > li{
        float: none;
        width: 100% !important;
        border-bottom: solid #fff 1px;
        display: none;
        margin: 0 !important;
    }
    
    #mainNav a{
        color: #fff;
        display: block;
        padding: 10px;
        background: #468b0f;
    }
    
    #mainNav li ul{
        position: static;
        background: none;
    }
    
    #mainNav li ul li{
        margin :0;
        border-top: solid #fff 1px;
        border-bottom: 0;
    }
    
    #mainNav .subMenu a{
        margin: 0;
        padding: 10px 30px !important;
        color: #fff;
    }
    
    .facebookWrapper{
	    padding: 10px;
   	 	background: #468b0f;
    }

    .err_container{
        position: static !important;
    }

    #modalContentWrapper .left,
    #modalContentWrapper .right{
        float: none !important;
    }

}

@media screen and (max-width: 800px) {
	
    .rejestracja_form .left,
    .rejestracja_form .right{
        width: 100%;
        float: none;
    }

    .formularz_logowania img{
        max-width: 200px;
    }

    input[type="text"], input[type="password"], select, input[type="search"], .ck.ck-editor, textarea, .multiSelect, input[type="submit"], .button{
        width: 100% !important;
        display: block;
    }

    .right,
    .left{
        float: none;
    }

    .ramka,
    .mainLeft,
    .mainRight{
        width: 100%;
        float: none;
    }

    .wybor_placowki .awatar{
        width: 60px;
        height: 60px;
    }

}

@media screen and (max-width: 700px) {
   
    
    section{
    	padding: 20px;
    }
    
}

@media screen and (max-width: 600px) {


}

@media screen and (max-width: 500px) {
	
	footer{
		height: auto;
	}
	
	footer p,
	footer nav{
		float: none;
	}
	
}

@media screen and (max-width: 400px) {
	

}

@media screen and (max-width: 320px) {
	

}