/**
 * cookiebar - It is a pure JS code, that warns the visitors in the notification bar, the page saves cookies. This is Compliant with the new EU cookie law.
 * Date 2018-12-25T03:13:56Z
 * 
 * @author Tamás András Horváth <htomy92@gmail.com> (https://icetee.hu)
 * @version v1.0.0
 * @link https://github.com/icetee/cookiebar#readme
 * @license MIT
 */

.cookiebar {
  background-color: #2C3E50;
  bottom: 0;
  -webkit-box-sizing: initial;
  box-sizing: initial;
  color: #fff;
  min-height: 30px;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 12000;
  text-align: left;
}

.cookiebar-wrapper {
  height: 100%;
  overflow: hidden;
  padding: 14px;
}

.cookiebar-content {
  display: inline-block;
  width: 90%;
  vertical-align: middle;
}

.cookiebar-actions {
  width: 10%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.cookiebar-desciption {
  display: inline;
  font-size: 12px;
}

.cookiebar-link {
  display: inline;
  padding-left: 5px;
  font-size: 12px;  
}

.cookiebar-link a {
  color: #fff;
  font-weight:bold;
}

.cookiebar-link a:hover {
  text-decoration: underline;
}

.cookiebar-button {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.cookiebar-btn {
  background: #da0d0d none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  height: 28px;
  padding: 0 10px 2px;
  text-transform: uppercase;
  margin: auto;
}

.cookiebar-btn:hover {
  background: #d34c37 none repeat scroll 0 0;
}

@media screen and (max-width: 767px) {
  .cookiebar-actions {
    width: 100%;
    text-align: left;
    margin: 8px 0 0 0;
  }
}