/* Flash look */

#flash {
/*
    position: fixed;
*/
    display: block;
    z-index: 1000;
    width: 100%;
    top: 20px;
    padding: 0 10px;
}

#flash > div {

  font-size: 140%;
  font-weight: bolder;
  margin: 0px auto;
/*
  max-width:680px;
*/

  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 2px solid #fbeed5;
/*
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
*/
  color: #c09853;
}

#flash > .ok {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

#flash > .error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

#flash > .info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

/* Footer styling */
.footer {
    margin-top: 45px;
    margin-bottom: 20px;

/*
    padding: 35px 30px 36px;
*/
    border-top: 1px solid #e5e5e5;
/*
    text-align: center;
*/
}

.footer p {
    margin-bottom: 0;
    color: #555;
}

.footer p b {
    font-weight: normal;
}


/*
 * Navigation menu
 */

body {
  min-height: 2000px;
  padding-top: 55px; /* enable if top menu is fixed */
}

.displaced-anchor {  /* use if top menu is fixed */
  position: relative;
  top:-55px;
}

.navbar-static-top {
  margin-bottom: 19px;
}

.navbar {
    margin-bottom: 0px !important;
}

.navbar-nav > li > a {
    padding-bottom: 13px;
    padding-top: 21px;
}


/* EMOCEAN additional look */
.bs-docs-header, .bs-docs-masthead {
    background-color: #6f5499;
    background-image: linear-gradient(to bottom, #563d7c 0px, #6f5499 100%);
    background-repeat: repeat-x;
/*
    background: url('/img/top.jpg');
*/
    background-size: cover;
    color: #cdbfe3;
    padding: 30px 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.bs-docs-masthead .bs-docs-booticon {
    margin: 0 auto 30px;
}

.bs-docs-masthead h1 {
    color: #fff;
    font-weight: 300;
    line-height: 1;
}

.bs-docs-masthead .lead {
    color: #fff;
    font-size: 20px;
    margin: 0 auto 30px;
}

.bs-docs-masthead .version {
    color: #9783b9;
    margin-bottom: 30px;
    margin-top: -15px;
}

.bs-docs-masthead .btn {
    font-size: 20px;
    padding: 15px 30px;
    width: 100%;
}

@media (min-width: 480px) {
    .bs-docs-masthead .btn {
        width: auto;
    }
}

@media (min-width: 768px) {
    .bs-docs-masthead {
        padding: 80px 0;
    }
    .bs-docs-masthead h1 {
        font-size: 60px;
    }
    .bs-docs-masthead .lead {
        font-size: 24px;
    }
}

@media (min-width: 992px) {
    .bs-docs-masthead .lead {
        font-size: 30px;
        width: 80%;
    }
}

.bs-docs-header {
    font-size: 20px;
    margin-bottom: 40px;
}

.bs-docs-header h1 {
    color: #fff;
    margin-top: 0;
}

.bs-docs-header p {
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 0;
}

.bs-docs-header .container {
    position: relative;
}

@media (min-width: 768px) {
    .bs-docs-header {
        font-size: 24px;
        padding-bottom: 60px;
        padding-top: 60px;
        text-align: left;
    }
    .bs-docs-header h1 {
        font-size: 60px;
        line-height: 1;
    }
}


/*
.bs-docs-featurette {
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    color: #555;
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 40px;
    padding-top: 40px;
    text-align: center;
}
*/


.bs-docs-featurette .lead {
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
}

.lead {
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
    text-align: center;
}

.bs-docs-featurette-title {
    text-align: center;
}


.em-compacted div {
    padding: 1px !important;
}


@media (min-width: 768px) {
    .col-sm-4 > h3 {
        font-size: 1.5em;
/*
        height: 90px;
*/
        vertical-align: bottom;
    }
}

.edit_area textarea {
    min-height: 100px;
}

/*
img {
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
}
*/

img:hover {
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
}


/*
color images on div hover
*/
div:hover > img {
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
}

.ACCEPTED {background-color: #D0FFD0}
.ALMOST {background-color: #C0F0FB}
.CHECK {background-color: yellow}
.REJECTED {background-color: #FFE5E9}

.featherlight .featherlight-content {
  overflow-x: hidden;
  max-width: 95%;
}
.fcontent {
    min-width: 300px;
}
.fbuttons {
  float: right;
}

.embox {
    text-align: center;
    background-image: linear-gradient(to bottom, #D73C8B 0px, #C72267 100%);
    color: white;
    padding: 20px;
}
.embox2 {
    text-align: center;
    background-image: linear-gradient(to bottom, #563D7C 0px, #6F5499 100%);
    color: white;
    padding: 20px;
}
.emzapewniamy {
    text-align: center;
    background-image: linear-gradient(to bottom, #3FB030 0px, #47C737 100%);
    color: white;
    padding: 40px;
    font-size: 1.2em;
}
.emkorzysci {
    text-align: center;
    background-image: linear-gradient(to bottom, #3C97D7 0px, #2264C7 100%);
    color: white;
    padding: 40px;
}
.emuslugi {
    text-align: center;
    background-image: linear-gradient(to bottom, #563D7C 0px, #6F5499 100%);
    color: white;
    padding: 40px;
}
.emwczympomoc {
    text-align: center;
    background-image: linear-gradient(to bottom, #FDFEB7 0px, #FEFFBE 100%);
    color: black;
    padding: 40px;
}

.proditem > div {
    vertical-align: middle;
/*
    line-height: 100px;
*/
}
.especlink, .especlink:hover, .especlink:active, .especlink:focus  {
    color: inherit;
    text-decoration: inherit;
    outline: none;
}
.embookcontainer {
    background-color: #f6f6f6;
    border: border: 0px solid #eee;
    box-shadow: 2px 2px 6px #888;
    padding: 10px;
    margin: 40px 0;
}
.embookcover {
    box-shadow: 1px 1px 3px #888;
    /* filter: grayscale(0); */
}
.embooktitle {
    font-size: 2.0em;
}
.embooksubtitle {
    font-size: 1.2em;
}
.embookauthor {
    color: #777;
}

.emsitenote {
    background-color: orange;
    text-align: center;
}
.emcircle {
    width: 140px;
    height: 140px;
    border: 5px white solid;
}
.emsmallheading{
    text-align: center;
/*
    font-variant: small-caps;
    font-family: small-caption;
*/
}
.emsidebar {
    float: right;
    width: 300px;
    padding: 0px;
    margin-top: 2em;
    margin-left: 2em;
    margin-bottom: 2em;
    text-align: center;
    box-shadow: 2px 2px 6px #888;
}
.em-btn-con {
/*
    font-weight: bold;
*/
    font-size: 1.5em;
/*
    margin: 10px;
*/
}
.btn-info .em-btn-con img {
    filter: invert(100%);
}
.row-vertical-align {
    display: flex;
    align-items: center;
}