@import url('//fonts.googleapis.com/css?family=Poppins');
@import url('//fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin-ext');
@import url('//fonts.googleapis.com/css?family=Oswald');

body {
    overflow-y: scroll;
}

.img-avatar-inline {
    width: 25px;
    height: 25px;
    margin: 0 !important;
}
.c-white {
    color: white !important;
}
.nav-logo img {
    padding-top: 4px;
}

.btn-wplacam {
    background-color: #FF9933;
    border-color: #FF9933;
    color: white;
}

    .btn-wplacam:hover, .btn-wplacam:focus, .btn-wplacam:active, .btn-wplacam.active, .open .dropdown-toggle.btn-wplacam {
        background-color: #fea042;
        border-color: #fea042;
        color: #FFFFFF;
    }

.text-wplacam {
    color: #fea042;
}

.img-avatar {
    max-height: 76px;
}

.upload-avatar {
    position: relative;
}

    .upload-avatar .uploadbutton {
        position: absolute;
        bottom: -30px;
        right: 0;
        display: none;
    }

    .upload-avatar .deletebutton {
        position: absolute;
        bottom: -30px;
        right: 50px;
        display: none;
    }

    .upload-avatar:hover button {
        display: block;
    }

.input-full-cell td {
    position: relative;
}

.input-full-cell textarea {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 11px;
    resize: none;
    border: 0;
}

    .input-full-cell textarea:focus {
        border: 0;
        outline-color: #c6c5c5;
    }

.input-full-cell input {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 5px;
}

    .input-full-cell input.kwota {
        text-align: right;
    }

    .input-full-cell input:focus {
        border: 0;
        outline-color: #c6c5c5;
    }

.input-full-cell .lp {
    padding-top: 12px;
}

.modal-header {
    padding: 20px 15px;
}

.text-failure {
    color: #e74c3c;
}



.logout-list a {
    z-index:1000;
    color: white !important;
    background: #f61b1b !important;
}

    .logout-list a:hover {
        background: #ff4a4a !important;
    }

    .logout-list a:focus {
        background: #ff4a4a !important;
    }

#logo {
    position: relative;
}

.hpanel-p-t-b {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.loadDonationPanel.active {
    color: #fea348;
}


.table-data-inputs td {
    border: none;
}

.margin-top-m2 {
    margin-top: -2px;
}

.table-data-inputs tr {
    padding: 0;
    margin: 0;
}

.table-data-inputs .input, .table-data-inputs .select {
    padding: 0;
    position: relative;
    border: none;
    margin: 0;
}

    .table-data-inputs .input .error {
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 11px;
    }

    .table-data-inputs .input input, .table-data-inputs .select select {
        width: 100%;
        height: 41px;
        padding: 0 5px;
        margin: 0;
        border: 1px solid #e1e1e1;
        line-height: 41px;
    }

        .table-data-inputs .input input:focus {
            outline-color: #d2d2d2;
        }



form#formCel div div div div {
    padding-bottom: 15px;
}

    form#formCel div div div div label {
        margin-bottom: 0px !important;
        margin-left: 10px;
    }

form#formCelModal div div div div label {
    margin-bottom: 0px !important;
    margin-left: 12px;
}

form#formCel div div div div b {
    margin-bottom: 2px !important;
    margin-left: 12px;
}

@import url('//fonts.googleapis.com/css?family=Poppins');
@import url('//fonts.googleapis.com/css?family=Oswald');



.baner {
    display: block;
    margin: auto;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: 'Poppins', sans-serif !important;
}

    .baner.condensed {
        font-family: 'Oswald', sans-serif !important;
    }

.condensed .baner {
    font-family: 'Oswald', sans-serif !important;
}

.condensed {
    font-family: 'Oswald', sans-serif !important;
}

.baner-lg {
    width: 718px;
    height: 206px;
    /*display: table-row                                                                                                    */
}

.baner-md {
    width: 200px;
    height: 200px;
}

.baner-sm {
    width: 160px;
    height: 600px;
    max-width: 160px;
}

a.button {
    color: white;
    text-decoration: none;
    padding: 8px 30px 5px 30px;
    display: inline-block;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    letter-spacing: 2px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(50, 50, 50, 0.45);
    -moz-box-shadow: 0px 10px 15px 0px rgba(50, 50, 50, 0.45);
    box-shadow: 0px 10px 15px 0px rgba(50, 50, 50, 0.45);
}

.button b {
    font-size: 28PX;
    letter-spacing: -8px;
    font-weight: 600;
    color: white;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    float: right;
    padding-left: 10px
}

.condensed .button b {
    margin-top: 3px
}

.baner .haslo {
    overflow: hidden;
    text-overflow: ellipsis;
    color: black;
    font-size: 18px;
    line-height: 20px;
    vertical-align: bottom;
    display: flex;
    font-weight: 600
}

.baner-lg .haslo {
    display: table-cell !important
}

.baner .haslo h1 {
    color: black;
    margin: 0 !important;
    margin-bottom: 5px !important;
    font-weight: 600;
}

.white-black.baner .haslo h1 {
    color: white !important;
}

.version-1 .haslo,
.version-1 a.button {
    background-color: #f0a608;
}

.version-2 .haslo,
.version-2 a.button {
    background-color: #9b5ba4;
}

.version-3 .haslo,
.version-3 a.button {
    background-color: #f05307;
}

.baner-image {
    background-image: url(foto.jpg);
    background-size: cover;
    display: table-cell;
    background-color: #5b5b5b;
    background-position: 50% 50%
}

/*****d³ugi 718 x 206px *****/

.baner-lg .haslo {
    vertical-align: bottom;
    width: 383px;
    height: 206px;
}

    .baner-lg .haslo div {
        padding: 20px;
    }

.baner-lg h1 {
    font-size: 32px;
    line-height: 36px;
    margin: 0 !important;
    margin-bottom: 10px !important
}

.baner-lg .baner-image {
    vertical-align: bottom;
    text-align: right;
    width: 335px;
    height: 206px;
}

.baner-lg a.button {
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 26px;
    padding: 15px 20px;
    /* width: 190px;
	text-align: left */
}

    .baner-lg a.button b {
        letter-spacing: -10px
    }

/******   kwadrat 200px x 200px  ******/

.baner-md .haslo {
    height: 85px;
    vertical-align: bottom;
    text-align: left;
    width: 200px;
    font-size: 11px;
    line-height: 110%;
}

.baner-md.condensed .haslo {
    font-size: 12px
}

.baner-md .haslo div {
    padding: 10px !important;
    padding-top: 10px !important;
}

.baner-md .baner-image {
    height: 115px;
    vertical-align: top;
    text-align: right;
    width: 200px;
    display: block;
}

.baner-md a.button {
    font-size: 15px !important;
    line-height: 20px;
    padding: 8px 10px 5px 10px;
    margin-top: 20px;
    margin-right: 10px
}

    .baner-md a.button b {
        /*	padding: 0 10px 5px 10px*/
        padding-left: 2px
    }

.baner-md h1 {
    font-size: 16px;
    line-height: 18px;
    margin: 0 !important;
}

.baner-md.condensed h1 {
    font-size: 18px;
    line-height: 20px;
}

/**********wie¿owiec 160px x 600px   ****/

.baner-sm .baner-image {
    height: 400px;
    text-align: center;
    width: 200px;
    vertical-align: bottom;
    display: table-cell;
}

.baner-sm .haslo {
    height: 200px;
    display: flex;
    vertical-align: bottom;
    text-align: left;
    width: 160px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 600;
}

.baner-sm.condensed .haslo {
    font-size: 18px;
    line-height: 20px
}

.baner-sm .haslo div {
    height: 180px;
    margin: auto;
    overflow: hidden !important;
    padding: 0 15px !important
}

.baner-sm .haslo h1 {
    line-height: 25px;
    font-size: 22px;
    margin: 5px 0 10px 0 !important;
    overflow: hidden !important;
}

.condensed .baner-sm .haslo h1 {
    line-height: 29px
}

.baner-sm.condensed .haslo h1 {
    line-height: 32px;
    font-size: 24px;
    font-weight: bold;
}

.baner-sm a.button {
    font-size: 22px !important;
    line-height: 20px;
    margin-bottom: 30px;
    padding: 8px 10px 5px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 140px;
}

.baner-sm .button b {
    /*	padding: 0 20px 6px 20px!important */
    padding-left: 3px
}

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

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-left-25 {
    margin-left: 25px;
}

.lista-cele {
    margin-top: 20px;
    margin-left: -10px;
}

.lista-cele_2 {
    margin-top: 14px;
    margin-left: -10px;
    font-weight: 400 !important;
}

.less-margs-hr {
    margin-top: 5px;
    margin-bottom: 8px;
}

.less-margs-hr-p2 {
    margin-top: 5px;
    margin-bottom: 4px;
}

.less-margs-hr_2 {
    margin-top: 1px;
    margin-bottom: 8px;
    margin-left: -20px;
    margin-right: -20px;
}


.less-margs-hr_3 {
    margin-top: 1px;
    margin-bottom: 8px;
    margin-left: -12px;
    margin-right: -12px;
}

.margin-top-5 {
    margin-top: 5px;
}

.padding-bottom-0 {
    padding-bottom: 0px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

#bannerResult {
    margin: auto;
    padding: 30px;
    display: flex;
}

.tabs-bg {
    background-color: white !important;
    border-right: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
}

    .tabs-bg > li.active > a {
        border-radius: 0px;
        font-weight: bold;
    }

.hide-this {
    display: none;
}

.campaignTab {
    min-height: 450px;
}

.margin-campaignTab {
    /*position:absolute;
    bottom:15px;
    left:20px;
    width:92%;*/
}

.campaignTab-infobox {
    _font-weight: 600;
}

.campaign-type-box {
    border: 1px dotted grey;
    padding: 17px;
    margin-bottom: 15px;
    cursor: pointer;
}


.new .typesContainer .campaign-type-box:not(:last-child) {
    margin-right: 10px;
}

.new .typesContainer .campaign-type-box {
    border: 1px dotted grey;
    cursor: pointer;
    width: calc(50% - 10px);
    float: left;
    margin-bottom: 0;
    padding: 0;
    /* margin-right: 10px; */
}

    .new .typesContainer .campaign-type-box a.more-info {
        top: 7px;
        position: absolute;
        right: 5px;
    }

.p-r-15 {
    padding-right: 25px;
}

.p-l-15 {
    padding-left: 15px;
}

.new .typesContainer .campaign-type-box h3 {
    text-align: center;
}

.new .box-small {
    width: initial !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    /*width: 25% !important;*/
}

    .new .box-small h3 {
        font-size: 14px !important;
    }

.new .single-box {
    float: right !important;
    /*margin-left:calc(70% - 15px);*/
}

.campaign-type-box.active {
    border: solid !important;
    border-color: black !important;
}

.new .typesContainer .campaign-type-box.active {
    background: #fea348;
    color: black;
}

    .new .typesContainer .campaign-type-box.active h3 {
        font-weight: 400 !important;
    }

.colour-campaign-box {
    height: 100%;
}

    .colour-campaign-box.gold {
        background-color: #f0a608;
    }

    .colour-campaign-box.grey {
        background-color: #494847;
    }

    .colour-campaign-box.purple {
        background-color: #9b5ba4;
    }

    .colour-campaign-box.white {
        background-color: #e7e2e2;
    }

    .colour-campaign-box.orange {
        background-color: #f05307;
    }

    .colour-campaign-box.paper {
        background-color: #a3a09e;
    }

.campaign-type-box.campaign-color-container {
    padding: 5px;
    min-height: 85px;
}

.campaign-font-box.campaign-font-container {
    padding: 5px;
}

.poppins,
.poppinFont {
    font-family: 'Poppins', sans-serif;
}

.condensed .font-color-image {
    width: 100%;
    height: auto
}

.version-1 .campaign-fontcolor-container {
    background-color: #f0a608 !important;
}

.version-2 .campaign-fontcolor-container {
    background-color: #9f41a6 !important;
}

.version-3 .campaign-fontcolor-container {
    background-color: #e9562d !important;
}

.campaign-fontcolor-container h2 {
    font-size: 17px !important;
    line-height: 23px;
    margin: 5px 0 !important;
}

.campaign-fontcolor-container h3 {
    font-size: 14px !important;
    font-weight: normal !important;
}

.condensed .campaign-fontcolor-container h2 {
    font-size: 23px !important;
    line-height: 23px;
    margin: 5px 0 !important;
}

.condensed .campaign-fontcolor-container h3 {
    font-size: 18px !important;
    font-weight: normal !important;
}

.black {
    color: black !important;
}

.white {
    color: white !important;
}

a.more-info.f-right {
    padding-left: 0;
    float: right;
    font-size: 160%
}

.kwota-filename {
    overflow: hidden;
}

#wizardControl .btn {
    border-radius: 0 !important;
    margin-bottom: 4px;
    text-align: center;
}

.menu-kampania#wizardControl .btn {
    min-width: 70px !important;
}


.popover-content {
    text-align: justify;
    font-size: 90%
}

.btn-center {
    margin: auto !important;
    margin-top: 20px !important;
}

.tlo-kwoty {
    border: 1px solid #eeeeee;
    padding: 10px
}

body.page-small > div > div > div > div > div > ol.hbreadcrumb.breadcrumb {
    display: none;
}

.profile-btns {
    height: 40px;
    width: 40px;
    margin: 2px 1px;
}

.color-orange {
    color: orange;
}

    .color-orange:hover {
        color: orange;
    }


.baner.white-black #bannerNazwa {
    color: white !important;
}

.baner.white-black #bannerPodtytul {
    color: white !important;
}

.baner.black-white #bannerNazwa {
    color: black !important;
}

.baner.black-white #bannerPodtytul {
    color: white !important;
}

.size-select {
}

    .size-select .size-select-container {
        margin: 0 auto;
        width: 200px;
    }

        .size-select .size-select-container .size-select-list {
            list-style-type: none;
            padding-left: 0;
        }

            .size-select .size-select-container .size-select-list li {
                float: left;
                font-size: 24px;
                padding: 10px;
                border: 1px solid #ccc;
                margin-right: 10px;
                border-radius: 999px;
                cursor: pointer;
                transition: all .1s ease-in-out;
            }

                .size-select .size-select-container .size-select-list li:hover, .size-select .size-select-container .size-select-list li.active {
                    background: rgb(255, 180, 0);
                    color: black;
                }

#editor_right_side, #editor_left_side {
    /*transition: width .5s  ease-in;*/
}

#steps_list li.current {
    background: rgb(241, 241, 241);
}

    #steps_list li.current:hover {
        background: rgb(227, 227, 227);
    }

.default-target-sign {
    padding-top: 5px;
}

.margin-right-15 {
    margin-right: 15px;
}

.pageButton {
    cursor: pointer;
}

.arrowBox {
    cursor: pointer;
}

.campaign-row-name {
    cursor: pointer;
}

    .campaign-row-name:hover {
        text-decoration: underline;
    }

#canvasContainer {
    height: 200px;
    border: 1px solid #ccc;
    padding-left: 5px;
    padding-right: 5px;
}

.no-overflow {
    overflow: hidden;
}

.margin-top-30 {
    margin-top: 30px;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

.bs-callout-info {
    border-left-color: #1b809e;
}

    .bs-callout-info h4 {
        color: #1b809e;
    }

.bs-callout-warning {
    border-left-color: #8a6d3b;
}

    .bs-callout-warning h4 {
        color: #8a6d3b;
    }

.bs-callout-danger {
    border-left-color: #a94442;
}

    .bs-callout-danger h4 {
        color: #a94442;
    }

.form-control {
   /* font-size: 16px;*/
    border-color: #bbb !important;
    /*border-radius: 0;*/
}

    .form-control:hover, .form-control:focus {
        border-color: #777 !important;
    }

.no-border-top tbody tr:first-child td {
    border-top: none;
}

.text-lg {
    font-size: 16px;
}

.colorpicker {
    z-index: 9999;
}

.fa-30 {
    font-size: 30px;
}

.fa-25 {
    font-size: 25px;
}

.l-h-30 {
    line-height: 30px;
}


.haslo.white-black h1 {
    color: white !important;
}

.haslo.white-black span {
    color: black !important;
}

.haslo.black-white h1 {
    color: black !important;
}

.haslo.black-white span {
    color: white !important;
}

.step-item {
    font-family: 'Poppins', sans-serif;
}
.step-item .step-image {
}
.step-disabled {
    opacity: .4;
}

.step-active {
}

.step-item img {
    display: block;
    margin: 0 auto;
    opacity: 0.4;
}

.step-item > div {
    width: 100%;
}

.step-item .step-title {
    padding: 10px;
    background: rgb(238, 114, 3);
    color: black;
    vertical-align: middle;
    font-size: 19px;
    margin-bottom: 10px;
    font-weight: bold;
    position: relative;
    margin-top: -20px;
}
@media (max-width: 767px) {
}



@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px)  {
    .step-item .step-title {
        width: 90%;
        min-height: 130px;
        font-size: 16px;
    }

    .step-item .step-description {
        width: 90%;
    }
    
}

@media (min-width: 992px) {
    .step-item:not(:last-child) .step-title:after {
        content: "\f061";
        position: absolute;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 32px;
        right: -45px;
        top: 45px;
    }
}

@media (min-width: 1200px) {
    .step-item .step-title {
        width: 90%;
        min-height: 120px;
    }

    .step-item .step-description {
        width: 90%;
    }
}




.step-item .step-description {
    padding: 10px;
}

.padding-10-0 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

.dispblock {
    display:block;
}
img {
max-width:100%;
}

.btn-statusresult {
    cursor:default;
    background-color:transparent;
}


.top-header-panel h4 {
    margin-top:17px;
}


.radio-ewidencja {
    opacity:1 !important;
}

.margin-bottom-20 {
margin-bottom:20px;
}

.rainbow {
    color: white;
    background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
    background-size: 1800% 1800%;
    -webkit-animation: rainbow 18s ease infinite;
    -z-animation: rainbow 18s ease infinite;
    -o-animation: rainbow 18s ease infinite;
    animation: rainbow 18s ease infinite;
}

.rainbow:hover, .rainbow:active, .rainbow:link, .rainbow:focus {
    color: white;
    -webkit-animation: rainbow 5s ease infinite;
    -z-animation: rainbow 5s ease infinite;
    -o-animation: rainbow 5s ease infinite;
    animation: rainbow 5s ease infinite;
}

@-webkit-keyframes rainbow {
    0% {
        background-position: 0% 82%
    }

    50% {
        background-position: 100% 19%
    }

    100% {
        background-position: 0% 82%
    }
}

@-moz-keyframes rainbow {
    0% {
        background-position: 0% 82%
    }

    50% {
        background-position: 100% 19%
    }

    100% {
        background-position: 0% 82%
    }
}

@-o-keyframes rainbow {
    0% {
        background-position: 0% 82%
    }

    50% {
        background-position: 100% 19%
    }

    100% {
        background-position: 0% 82%
    }
}

@keyframes rainbow {
    0% {
        background-position: 0% 82%
    }

    50% {
        background-position: 100% 19%
    }

    100% {
        background-position: 0% 82%
    }
}

ol[type="a)"] {
    counter-reset: list;
}

ol[type="a)"] > li {
    list-style: none;
    position: relative;
}

ol[type="a)"] > li:before {
    counter-increment: list;
    content: counter(list, lower-alpha) ") ";
    position: absolute;
    left: -1.4em;
}