/* STD
****************************/


span.s_button{
	position: relative;
	padding: 1px 4px;
	color: #fff;
	border: 3px solid transparent;
	margin: 0px 2px;
	text-decoration: none;
	-moz-border-radius: 7px 7px;
	cursor: pointer;
    text-shadow: none;
    background: #037CA8;
}

span.s_hover{
    color: #E1E404;
}

span.s_button ul{
	-moz-border-radius: 3px 3px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: auto;
	
	display: none;
	padding: 0px;
    -moz-box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px#888;
    box-shadow: 2px 2px 5px #888;
}

span.s_button ul li{
	z-index:1;
	padding: 1px;
	color: #ffffff;
	list-style-type: none;
	width: 200px;
	text-align: left;
    text-shadow: none;
    padding: 10px;
    background: rgba(3,124,168,0.8);
}
span.s_button ul li a img{
    margin: 3px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.s_button li a i{
    margin-right: 4px;
}

span.s_button ul li.s_seperator{
	vertical-align: middle;
	color: white;
	padding: 4px 1px;
	font-style: italic;
	margin: 0px !important;
	cursor: default;
    text-shadow: none;
}

span.s_button ul li a{
	color: white;
	text-decoration: none;
	font-size: 11px;
	font-family: verdana, arial;
	display: block;
	padding: 0px;
    text-shadow: none;
}
span.s_button ul li a:hover{
	color: #fff;
}

span.s_button ul li.s_hover{
	background: rgba(3,124,168,1);
}

#modal-options .s_button{
    float: right;
    margin-top: -20px;
    z-index: 999999 !important;
}

.cwhite{
    color: #fff;
}

.cblack{
    color: #000;
}

.cred{
    color: #DD0404 !important;
}

.cgreen{
    color: #93D004 !important;
}

.w-100{
    width: 100px;
}

.w-150{
    width: 150px;
}

.w-200{
    width: 200px;
}

.w-250{
    width: 250px;
}

.w-300{
    width: 300px;
}

.w-350{
    width: 350px;
}

.w-400{
    width: 400px;
}

.w-450{
    width: 450px;
}

.w-500{
    width: 500px
}


.collapse{border-collapse: collapse;}
.pointer{cursor:pointer !important;}
.fs10{font-size:10px;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs24{font-size:24px;}

.arial{font-family:arial;}
.myriadpro{font-family:myriad pro;}
.calibri{font-family: Calibri;}

.wmax{width:100%;}
.hmax{height:100%;}

.tal{text-align:left !important;}
.tar{text-align:right !important;}
.tac{text-align:center !important;}
.taj{text-align:justify !important;}

.vat{vertical-align:top !important;}
.vam{vertical-align:middle !important;}
.vab{vertical-align:bottom !important;}

.fl{float:left;}
.fr{float:right;}
.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}

.p3{padding:3px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}


.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}

.m0{margin:0px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
	
.l5{ left: 5px; }	
.l10{ left: 10px; }
.l15{ left: 15px; }
.l20{ left: 20px; }

.r5{ right: 5px; }	
.r10{ right: 10px; }
.r15{ right: 15px; }
.r20{ right: 20px; }

.t5{ top: 5px; }	
.t10{ top: 10px; }
.t15{ top: 15px; }
.t20{ top: 20px; }

.b5{ bottom: 5px; }	
.b10{ bottom: 10px; }
.b15{ bottom: 15px; }
.b20{ bottom: 20px; }

.auto{margin:0 auto;}

.bold{font-weight:bold !important;}
.underline{text-decoration:underline !important;}
.relative{position:relative;}
.absolute{position: absolute;}
.none{display:none;}
.display-block{
    display: block !important;
}
.display-inline{
    display: inline !important;
}

/* Stronicowanie
----------------------------------*/

.str{
	padding: 10px;
	font-size: 11px !important;
	text-align: right;
	color: #434343;
	font-weight: bold;
	font-size: 15px;
}	

.str a{
	color: #434343;
	padding: 3px;
	text-decoration: none;
	font-size: 11px !important;
	border:1px solid transparent;
}

.str a.active{
	color: red;
}
	
.str a:hover{
    color: #434343;
	border:1px solid #434343;
    text-decoration: none;
}

.str_ajax a{
    color: #000 !important;
}

.strUI{
	padding: 10px;
	font-size: 12px !important;
	text-align: right;
	color: #434343;
	font-weight: bold;
	font-size: 15px;

    clear: both;
    height: 30px;

}	

.strUI a{
    background: url(../images/buttonbg.png) repeat-x;
    color: #0069a0;
    font-family: myriad pro;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: #fff solid 1px;
    cursor: pointer;
    padding: 7px 7px;
    margin: 0px 2px;
}

.strUI a.active, .strUI a.current , .strUI a:hover{
    background: url(../images/buttonbg_blue.png) repeat-x !important;
    color: #fff !important;
    font-family: myriad pro !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    border: #007bb5 solid 1px !important;
    padding: 7px 7px;
    cursor: pointer !important;
}


/* Pozostałe
*************/

.col-red{
    color: red !important;
}

.col-green{
    color: #0BD15A;
}

.col-gray{
    color: #707070;
}

/* ROUND
******************/
.round{
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;
}

.round15{
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    border-radius: 15px;
}

.border-solid-1{
    border: 1px solid #000;
}

/** Massages
*******************/

.user-label {
    text-align: left;
}

.user-error{
    padding: 7px;
    border-bottom: 1px solid #9D0202;
    background: #D80101;
    color: #ffffff;
    font-family: arial, tahoma;
    font-size: 12px;
}

.user-error a, .user-success a{
    color: #fff !important;
    font-weight: bold;
    text-decoration: underline;
}

.valid{
    border: 1px solid #FF5050 !important;
}

.user-success{
    padding: 7px;
    border-bottom: 1px solid #759E01;
    background: #7CC201;
    color: #fff;
    font-family: arial, tahoma;
    font-size: 12px;
}

.user-info{
    margin: 3px 5px;
    padding: 7px;
    border: 1px solid #0375AE;
    background: #E4FFFE;
    color: #0375AE;
    font-family: arial;
    font-size: 12px;
}

.sys-error{
    margin: 3px 5px;
    padding: 7px;
    border: 1px solid #C51A1A;
    background: #FFE1E1;
    color: #C51A1A;
    font-family: arial;
    font-size: 12px;
}

.sys-error .error-params{
    
}

.critical-error{
    margin: 3px 5px;
    padding: 7px;
    border: 1px solid #C51A1A;
    background: #FFE1E1;
    color: #C51A1A;
    font-family: arial;
    font-size: 12px;
}

.error-inline{
    display: inline;
    font-weight: normal;
    font-size: 12px;
    color: #D21717;
}

.error-inline a{
    font-weight: bold;
    color: #D21717 !important;
}

.success-inline{
    display: inline;
    font-weight: normal;
    font-size: 12px;
    color: #02B74B;    
}

.minBtn{
	font-size:12px;
	text-transform:uppercase;
	float:left;
	background:#008de7;
	font-weight:500;
	text-shadow: 1px 1px #0078c5;
	padding:6px 8px;
	text-align:center;
	border:1px solid #0068aa;
	line-height:15px;
	-moz-box-shadow:    inset 0 0 1px #64c2ff;
	-webkit-box-shadow: inset 0 0 1px #64c2ff;
	box-shadow:inset 0 0 1px #64c2ff;
    color: #fff !important;
}

.minBtn:hover{
    text-decoration: none;
    background: #FF3434;
    border: 1px solid #D50101
    text-shadow: 1px 1px #D50101;
}

.blink {
    animation-duration: 100ms;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0.3;
    }
}

.autocomplete{
    position: absolute;
    left: 10px;
    top: 35px;
    max-width: 300px;
    background-color:rgba(255, 255, 255, 0.8);
    z-index: 999999;
    border: 1px solid #02ABE8;
}

.autocomplete .autocomplete-handler{
    padding: 10px;
}

.autocomplete .autocomplete-handler a{
    display: block;
    padding: 3px;
}

.autocomplete .autocomplete-handler a:hover{
    background: #019ABC;
    color: #fff;
}


.autocomplete .autocomplete-handler .search_string{
    font-weight: bold !important;
    text-decoration: underline !important;
}


/* Vertical Offset Bottom */
.vert-offset-top-12{
    margin-top: 12em;
}
.vert-offset-top-11{
    margin-top: 11em;
}
.vert-offset-top-10{
    margin-top: 10em;
}
.vert-offset-top-9{
    margin-top: 9em;
}
.vert-offset-top-8{
    margin-top: 8em;
}
.vert-offset-top-7 {
    margin-top: 7em;
}
.vert-offset-top-6{
    margin-top: 6em;
}
.vert-offset-top-5{
    margin-top: 5em;
}
.vert-offset-top-4{
    margin-top: 4em;
}
.vert-offset-top-3{
    margin-top: 3em;   
}
.vert-offset-top-2{
    margin-top: 2em;
}
.vert-offset-top-1{
    margin-top: 1em;
}
.vert-offset-top-0{
    margin-top: 0em;
}
/* Vertical Offset Bottom */
.vert-offset-bottom-12{
    margin-bottom: 12em;
}
.vert-offset-bottom-11{
    margin-bottom: 11em;
}
.vert-offset-bottom-10{
    margin-bottom: 10em;
}
.vert-offset-bottom-9{
    margin-bottom: 9em;
}
.vert-offset-bottom-8{
    margin-bottom: 8em;
}
.vert-offset-bottom-7{
    margin-bottom: 7em;
}
.vert-offset-bottom-6{
    margin-bottom: 6em;
}
.vert-offset-bottom-5{
    margin-bottom: 5em;
}
.vert-offset-bottom-4{
    margin-bottom: 4em;
}
.vert-offset-bottom-3{
    margin-bottom: 3em;
}
.vert-offset-bottom-2{
    margin-bottom: 2em;
}
.vert-offset-bottom-1{
    margin-bottom: 1em;
}
.vert-offset-bottom-0{
    margin-bottom: 0em;
}

.nopadding {
   padding: 0 !important;
}


.ContentInfoBox{
    text-align: center;
    color: #404040;
    background: #fcf8e3;
    font-size: 25px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 3px auto;
    padding: 40px 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.CountryFlag1x1
{
    width: 10px;
    height: 10px;
    vertical-align: middle;
}

.CountryFlag4x3
{
    width: 16px;
    height: 12px;
    vertical-align: middle;
}

/** Div Scroll **/

    /*************** SCROLLBAR BASE CSS ***************/
     
    .scroll-wrapper {
        overflow: hidden !important;
        padding: 0 !important;
        position: relative;
    }
     
    .scroll-wrapper > .scroll-content {
        border: none !important;
        box-sizing: content-box !important;
        height: auto;
        left: 0;
        margin: 0;
        max-height: none;
        max-width: none !important;
        overflow: scroll !important;
        padding: 0;
        position: relative !important;
        top: 0;
        width: auto !important;
    }
     
    .scroll-wrapper > .scroll-content::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
     
    .scroll-element {
        display: none;
    }
    .scroll-element, .scroll-element div {
        box-sizing: content-box;
    }
     
    .scroll-element.scroll-x.scroll-scrollx_visible,
    .scroll-element.scroll-y.scroll-scrolly_visible {
        display: block;
    }
     
    .scroll-element .scroll-bar,
    .scroll-element .scroll-arrow {
        cursor: default;
    }
     
    .scroll-textarea {
        border: 1px solid #cccccc;
        border-top-color: #999999;
    }
    .scroll-textarea > .scroll-content {
        overflow: hidden !important;
    }
    .scroll-textarea > .scroll-content > textarea {
        border: none !important;
        box-sizing: border-box;
        height: 100% !important;
        margin: 0;
        max-height: none !important;
        max-width: none !important;
        overflow: scroll !important;
        outline: none;
        padding: 2px;
        position: relative !important;
        top: 0;
        width: 100% !important;
    }
    .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
     
     
     
     
    /*************** SCROLLBAR MAC OS X ***************/
     
    .scrollbar-macosx > .scroll-element,
    .scrollbar-macosx > .scroll-element div
    {
        background: none;
        border: none;
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 10;
    }
     
    .scrollbar-macosx > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }
     
    .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
    .scrollbar-macosx > .scroll-element .scroll-bar {
        background-color: #6C6E71;
        display: block;
     
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
     
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
     
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        -ms-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }
    .scrollbar-macosx:hover > .scroll-element .scroll-bar,
    .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        opacity: 0.7;
    }
     
     
    .scrollbar-macosx > .scroll-element.scroll-x {
        bottom: 0px;
        height: 0px;
        left: 0;
        min-width: 100%;
        overflow: visible;
        width: 100%;
    }
     
    .scrollbar-macosx > .scroll-element.scroll-y {
        height: 100%;
        min-height: 100%;
        right: 0px;
        top: 0;
        width: 0px;
    }
     
    /* scrollbar height/width & offset from container borders */
    .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
    .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }
     
    .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
    .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
     
    .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
    .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
     
    /* update scrollbar offset if both scrolls are visible */
    .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
    .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }