/*
Author : Jerzy Znamirowski <j.znamirowski@wisniowski.pl>
*/
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(../font/Roboto-Light.woff) format('woff');
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular'), url(../font/Roboto-Regular.woff) format('woff');
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../font/Roboto-Bold.woff) format('woff');
}
@font-face {
    font-family: "IconicStroke";
    src: url("../font/iconic_stroke.eot");
    src: url("../font/iconic_stroke.woff") format("woff"), url("../font/iconic_stroke.ttf") format("truetype"), url("../font/iconic_stroke.otf") format("opentype"), url("../font/iconic_stroke.svg#iconic") format("svg");
}

* {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-weight:400;
    font-size:14px;
    line-height: 140%;
    color:#000;
    cursor:default;
}
span {
    font:inherit;
    color:inherit;
    cursor: inherit;
}
label {
    cursor: pointer;
}
a {
    color:#005CE7;
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    text-decoration: underline;
}

a.a-button {
    background-color: #507ECB;
    border: 1px solid #507ECB;
    border-radius: 2px;
    color: #FFF;
    cursor: pointer;
    font-weight:300;
    padding: 4px 12px;
    text-align: center;
    text-shadow: none;
    text-decoration: none;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    margin:0;
    outline: none;
    transition: all .15s ease-in-out;
    &:hover {
        background-color: #3869bc;
        border-color: #3869bc;
        box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }
}

b {
    font:inherit;
    font-weight:700;
    color:inherit;
    cursor: inherit;
}
br {
    line-height: inherit;
}
hr {
    background-color: #CCCCCC;
    color: #DDDDDD;
    border-width:0;
    height: 1px;
    margin: 5px 0px;
}
form {
    margin:0;
}
div {
    overflow: visible;
}

.bold {
    font:inherit;
    font-weight:700;
    cursor:inherit;
}
.center {
    text-align:center;
}
.right {
    text-align:right;
}
.pull-right {
    float: right;
}
.font_normal {
    font:inherit;
    font-weight:400;
    cursor:inherit;
}
.font_light {
    font:inherit;
    font-weight:300;
    line-height: inherit;
    cursor:inherit;
}
.font_light_mini {
    font:inherit;
    font-size:13px;
    font-weight:300;
    line-height: inherit;
    cursor:inherit;
}
.font_light_micro {
    font:inherit;
    font-size:11px;
    font-weight:300;
    line-height: inherit;
    cursor:inherit;
}
.border-1-black {
    border:1px solid #000000;
}
.border-1-red {
    border:1px solid #FF0000;
}
.right {
    text-align:right;
}
.tt {
    font: inherit;
    font-family: 'Courier New';
    cursor:inherit;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.box-rounded {
    -webkit-border-radius: 3px;
    /*-moz-border-radius: 3px;*/
    border-radius: 3px;
}

.box-shadow {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);
    /*-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);*/
    box-shadow: 0 0 5px rgba(0,0,0,0.25);
}
.text-rotate-270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
}
.text-small {
    font-size: 75%;
}
.text-sm {
    font-size: 11px;
}
.text-muted {
    color: #777;
}
.text-bold {
    font-weight: bold;
}
.text-normal {
    font-weight: normal;
}
.text-primary {
    color: #337ab7;
}
.text-success {
    color: #090;
}
.text-info {
    color: #31708f;
}
.text-warning {
    color: #8a6d3b;
}
.text-danger {
    color: #a94442;
}
.red {
    font:inherit;
    color:#ff0000;
    cursor:inherit;
}
/*
.green {
    font:inherit;
    color:#269600;
    cursor:inherit;
}
.ikona {
    font-family:IconicStroke;
    cursor:inherit;
}
*/
.width-full {
    width:100%;
}
.szer_min {
    width:1%;
}
.align_center {
    text-align:center;
}
.align_right {
    text-align:right;
}
.valign_top {
    vertical-align:top;
}
.nowrap {
    white-space: nowrap;
}
.cursor_pointer {
    cursor:pointer;
}
div.error {
    color:#721c24;
    padding:15px 20px;
    border:1px solid #f5c6cb;
    margin-bottom: 10px;
    background-color: #f8d7da;
    border-radius: 2px;
}

div.info {
    color:#007700;
    padding:15px 20px;
    border:2px solid #009900;
    margin-bottom: 10px;
    background-color: #ECFFE1;
    text-shadow: 2px 2px 0 rgba(255,255,255,1);
}

input[type="radio"] {
    cursor: pointer;
}

input[type="checkbox"] {
    cursor: pointer;
}

input[type="button"],
input[type="submit"],
button {
    background-color: #507ECB;
    border: 1px solid #507ECB;
    border-radius: 2px;
    color: #FFF;
    cursor: pointer;
    font-weight:300;
    padding: 4px 12px;
    text-align: center;
    text-shadow: none;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    margin:0;
    outline: none;
    transition: all .15s ease-in-out;
}

input[type="button"].button-sm,
input[type="submit"].button-sm,
button.button-sm {
    padding: 3px 6px;
    font-size: 0.85em;
}

input[type="button"].button-lg,
input[type="submit"].button-lg,
button.button-lg {
    padding: 8px 24px;
    font-size: 1.2em;
}

input[type="button"].button-secondary,
input[type="submit"].button-secondary,
button.button-secondary {
    background-color: #eee;
    border-color: #ccc;
    color: #444;
    font-weight:400;
    box-shadow: 0 0 5px rgba(0,0,0,0.08);
}

input[type="button"].button-flat,
input[type="submit"].button-flat,
button.button-flat {
    background: transparent;
    border-color: transparent;
    box-shadow: 0 0 0;
    color: #888;
}

input[type="button"].button-danger,
input[type="submit"].button-danger,
button.button-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}

input[type="button"].button-link,
input[type="submit"].button-link,
button.button-link {
    background:transparent;
    border-color: transparent;
    box-shadow: none;
    color: #005CE7;
    font-weight: normal;
}

input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
    background-color: #3869bc;
    border-color: #3869bc;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

input[type="button"].button-secondary:hover,
input[type="submit"].button-secondary:hover,
button.button-secondary:hover {
    background-color: #ddd;
    border-color: #ccc;
    box-shadow: 0 0 5px rgba(0,0,0,0.08);
}

input[type="button"].button-flat:hover,
input[type="submit"].button-flat:hover,
button.button-flat:hover {
    background: transparent;
    border-color: transparent;
    box-shadow: 0 0 0;
    color: #444;
}

input[type="button"].button-danger:hover,
input[type="submit"].button-danger:hover,
button.button-danger:hover {
    background-color: #c82333;
    border-color: #c82333;
}

input[type="button"].button-link:hover,
input[type="submit"].button-link:hover,
button.button-link:hover {
    background:transparent;
    border-color: transparent;
    box-shadow: none;
    text-decoration: underline;
}

input[type="button"]:disabled,
input[type="submit"]:disabled,
button:disabled,
input[type="button"].button-secondary:disabled,
input[type="submit"].button-secondary:disabled,
button.button-secondary:disabled {
    background-color: #ddd;
    border-color: #ccc;
    color: #999;
    cursor:default;
    box-shadow: 0 0 0;
}

input[type="button"].button-flat:disabled,
input[type="submit"].button-flat:disabled,
button.button-flat:disabled {
    background: transparent;
    border-color: transparent;
    box-shadow: 0 0 0;
    color: #aaa;
}

input[type="button"].button-danger:disabled,
input[type="submit"].button-danger:disabled,
button.button-danger:disabled {
    background-color: #ddd;
    border-color: #ccc;
    color: #999;
    cursor:default;
    box-shadow: 0 0 0;
}

input[type="button"].button-link:disabled,
input[type="submit"].button-link:disabled,
button.button-link:disabled {
    background:transparent;
    border-color: transparent;
    box-shadow: none;
    text-decoration: none;
}

input[type="button"].button-margin-left,
input[type="submit"].button-margin-left,
button.button-margin-left {
    margin-left:4px;
}

input[type="button"].button-margin-right,
input[type="submit"].button-margin-right,
button.button-margin-right {
    margin-right:4px;
}

input.mini[type="button"],
input.mini[type="submit"],
button.mini{
    padding: 2px 6px;
    font-size:11px;
}

input.big[type="button"],
input.big[type="submit"],
button.big {
    padding: 8px 16px;
    font-size:16px;
    min-width: 100px;
}

input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
textarea {
    background-color:#E4E7EF;
    border-color: #909090 #B1B1B1 #CDCDCD;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px -1px rgba(0,0,0,0.6) inset;
    padding: 4px 2px 4px 8px;
    color:#000000;
    border-radius: 2px;
    box-sizing:border-box;
    margin:0;
}
textarea[disabled="disabled"] {
    cursor:default;
    background-color:#f1f1f1;
    border-color: #aaaaaa #d1d1d1 #d1d1d1;
}

input[type="text"][disabled="disabled"] {
    background-color: #eeeeee;
    background-image: none;
    border: 1px solid #cccccc;
    color: #777777;
    cursor:default;
}

select {
    cursor:pointer;
    /*-moz-border-bottom-colors: none;*/
    /*-moz-border-left-colors: none;*/
    /*-moz-border-right-colors: none;*/
    /*-moz-border-top-colors: none;*/
    background-color:#E4E7EF;
    border-color: #909090 #B1B1B1 #CDCDCD;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    -webkit-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.6) inset;
    /*-moz-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.6) inset;*/
    box-shadow: 0 1px 2px -1px rgba(0,0,0,0.6) inset;
    padding: 3px 2px 4px 8px;
    -webkit-border-radius: 2px;
    /*-moz-border-radius: 2px;*/
    border-radius: 2px;
    margin:0;
}

select[disabled="disabled"] {
    background-color: #eee;
    background-image: none;
    border: 1px solid #ccc;
    color: #777;
    cursor:default;
}

option {
    cursor:pointer;
}
option.wybrany {
    color:#fff;
    background-color: #507ECB;
}

/* INPUT CHECKBOX */
.checkbox input {
    display: none;
}
.checkbox span {
    width: 24px;
    height: 24px;
    display:inline-block;
    background: url("../img/checkbox_ok.png") 6px 7px no-repeat;
    background-color: #c1c1c1;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
    -ms-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
    cursor: pointer;
    -webkit-border-radius: 2px;
    /*-moz-border-radius: 2px;*/
    border-radius: 2px;
    -webkit-box-shadow: inset -1px 2px 4px rgba(0,0,0,0.2);
    /*-moz-box-shadow: inset -1px 2px 4px rgba(0,0,0,0.2);*/
    box-shadow:  inset -1px 2px 4px rgba(0,0,0,0.2);
}
.checkbox input:checked + span {
    background-color : #507ECB;
}
.checkbox div {
    vertical-align: top;
    -webkit-text-shadow: 0 0 0;
    /*-moz-text-shadow: 0 0 0;*/
    text-shadow: 0 0 0;
    cursor: pointer;
    display: inline;
    padding-left:8px;
}
.checkbox div:hover {
    -webkit-text-shadow: 0 0 5px rgba(0,0,0,0.1);
    /*-moz-text-shadow: 0 0 5px rgba(0,0,0,0.1);*/
    text-shadow:  0 0 5px rgba(0,0,0,0.1);
    -webkit-transition: -webkit-text-shadow 200ms ease-out;
    -moz-transition: -moz-text-shadow 200ms ease-out;
    transition: text-shadow 200ms ease-out;
}

/* form */
.form-row {
    margin-bottom: 10px;
}
.form-row .form-label {
    margin-bottom: 1px;
    font-weight: bold;
}
.form-row .form-label-error {
    color: #d00;
    margin-bottom: 3px;
    font-size: 0.8em;
}

/* CONTAINER */
.container {
    padding:10px;
    border-radius: 3px;
    display: inline-block;
    box-sizing: border-box;
    overflow: auto;
}
.container.container-border {
    border:1px solid #ddd;
}
.container.container-shadow {
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
.container.container-fill {
    background: #f1f1f1;
}
.container.container-align-right {
    text-align: right;
}


/* INPUT RADIO */
.radio input {
    display: none;
}
.radio span {
    width: 24px;
    height: 24px;
    display:inline-block;
    background: url("../img/checkbox_ok.png") 6px 7px no-repeat;
    background-color: #c1c1c1;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
    -ms-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
    cursor: pointer;
    -webkit-border-radius: 12px;
    /*-moz-border-radius: 12px;*/
    border-radius: 12px;
    -webkit-box-shadow: inset -1px 2px 4px rgba(0,0,0,0.2);
    /*-moz-box-shadow: inset -1px 2px 4px rgba(0,0,0,0.2);*/
    box-shadow:  inset -1px 2px 4px rgba(0,0,0,0.2);
}
.radio input:checked + span {
    background-color : #507ECB;
}
.radio div {
    vertical-align: top;
    -webkit-text-shadow: 0 0 0;
    /*-moz-text-shadow: 0 0 0;*/
    text-shadow: 0 0 0;
    cursor: pointer;
    display: inline;
    padding-left:8px;
}
.radio div:hover {
    -webkit-text-shadow: 0 0 5px rgba(0,0,0,0.1);
    /*-moz-text-shadow: 0 0 5px rgba(0,0,0,0.1);*/
    text-shadow:  0 0 5px rgba(0,0,0,0.1);
    -webkit-transition: -webkit-text-shadow 200ms ease-out;
    -moz-transition: -moz-text-shadow 200ms ease-out;
    transition: text-shadow 200ms ease-out;
}



/* LABEL */
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #777;
}
.label-primary {
    background-color: #337ab7;
}
.label-success {
    background-color: #5cb85c;
}
.label-info {
    background-color: #5bc0de;
}
.label-warning {
    background-color: #f0ad4e;
}
.label-danger {
    background-color: #d9534f;
}

/* LOADER */
#preloader.box {
    display: none;
    width:100%;
    height:60px;
    background: #eee url(../img/progress.gif) no-repeat;
    background-position: center center;
    border: 1px solid #ddd;
    /*-webkit-border-radius: 4px;*/
    /*-moz-border-radius: 4px;*/
    /*border-radius: 4px;*/
}
#preloader.box.anim-left {
    background-position: 15px center;
}