*,*:focus,*:hover{
    outline:none;
}

view {
    display:block;
    box-shadow: 0 0 1px 0px #777777;
}

search, projects, sessionproject, tasks, calendar, userpush,kanban {
    padding-top:75px;
    display: block;
}

searchaddon {
    padding-top:10px;
    display: block;
    font-weight:bold;
}

input {
    max-width:400px !important;
}

/*main { padding :0;}*/

.box:focus-within {
      border: 1px solid #f44336;
      border-width: 2px 0px;
}


.entity-list .entity-list-item .item-content-primary {
    margin: 0 25px 0 25px;
}

.order-color { background: #FF8F00 !important; } /* v kék */
.integration-color { background:#9c27b0 !important; } /* lila */
.shipping-color { background:#3f51b5 !important; } /* kék */
.manorder-color { background:#FFFF8D !important; } /* narancs */
.resorder-color { background:#F4511E !important; } /*piros*/
.request-color { background:#00bcd4 !important; } /* cián */
.quote-color { background: #97c95d !important; }
.completed-color { background: #9bb9aa !important;} /* zöld  #8bc34a */
 
.production-color  { background: #ffd0b4 !important;} /* zöld  #8bc34a */
.preproduction-color{ background: #9ba8b9 !important;} /* zöld  #8bc34a */
.billing-color { background: #5a5c87 !important;} /* zöld  #8bc34a */
.mensuration-color { background: #27b0a6 !important;} /* zöld  #8bc34a */

.order-color .order { background: #FF8F00 !important; } /* v kék */
.integration-color .integration { background:#9c27b0 !important; } /* lila */
.shipping-color .shipping { background:#3f51b5 !important; } /* kék */
.manorder-color .manorder { background:#FFFF8D !important; } /* narancs */
.resorder-color .resorder { background:#F4511E !important; } /*piros*/
.request-color .request { background:#00bcd4 !important; } /* cián */
.quote-color .quote { background: #97c95d !important; }
.completed-color .completed { background: #9bb9aa !important;} /* zöld  #8bc34a */

.production-color .production  { background: #ffd0b4 !important;} /* zöld  #8bc34a */
.preproduction-color .preproduction { background: #9ba8b9 !important;} /* zöld  #8bc34a */
.billing-color .billing { background: #5a5c87 !important;} /* zöld  #8bc34a */
.mensuration-color .mensuration { background: #27b0a6 !important;} /* zöld  #8bc34a */


.def1 {background-color: #F4511E !important;}
.def2 {background-color: #FF8F00 !important;}
.def3 {background-color: #3f51b5 !important;}
.def4 {}

.def1 .push-list-card-title {color:#fff;}
.def2 .push-list-card-title {color:#fff;}
.def3 .push-list-card-title {color:#fff;}
.def4 .push-list-card-title {}

.completed.def1,
.completed.def2,
.completed.def3,
.completed.def4 { background-color:#61bd4f; }

.completed.def1 .push-list-card-title,
.completed.def2 .push-list-card-title,
.completed.def3 .push-list-card-title,
.completed.def4 .push-list-card-title {color:#fff;}


.dropdown-menu {
    min-width:215px;
}

.list-pid {
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    margin: 0 6px;
    width: 55px !important;
}

.entity-list .entity-list-item .item-content-expanded {
    text-align:left;
}

.box .form-control {
    min-height: 27px;
    height: 27px;
    margin-top: 0px;
    border-bottom: none;
    min-width:30px;
}

.box .payments .form-control {
    height: 36px;   
    min-height: 36px;
    border-bottom:1px solid #ccc;
}

.box {
    border-top:0;
}

.box .col-md-4, .box .col-md-3, .box .col-md-2, .box .col-md-1 {
    padding:0px;
}

.bg0, .bg {
    background:#333 !important;
}

.bg1 {
    background:#0078D7 !important;
}

.bg2 {
    background:#64dd17 !important;
}

.ok-event-box {
    padding: 0;
    padding-left: 5px;   
}

.ok-event-box span, .close-event-box span {
    color:#fff;
    font-size:14px;
    margin:6px auto;
    display: inline-block;
}



.ok-event-box .glyph {
    display:inline-block;
    text-align:center;
    padding-left: 3px;
    text-align: center;
    padding-right: 11px;
    font-size: 10px;
}

ind {
    color: white;
    font-size: 13px;
}

.close-event-box {
    height: 27px;
}


.enabled .checkbox label span::before, .enabled .radio label span::before  {
  left:0px;
  top:2px;
}

.easy-autocomplete input {
    border-color: inherit;
}

.oneliner {
    background: rgba(255, 206, 59, 0.25);
    color: #242424 !important;
    padding-left: 5px;
}

.entity-list-item:hover {
    background:#f5f5f5 !important;
}

.entity-list-item.pidrow:hover {
    background:#ffffff !important;
}

.list-pid a {
    color: #fff !important;
}


.btn[data-toggle=button].btn-toggle-switch.active, .btn[data-toggle=button].btn-toggle-switch.theme-default.active {
     background-color:#15c43b !important;   
}

.list-items {margin:0;}

.list-items-row.entity-list-item {
    max-width:100% !important;
    padding: 0;
    min-height: 0;
}

.tooltip .tooltip-inner {
    min-width:300px;
}

.filters {
    cursor:pointer;
}

.filters:hover, .filters.active {
    color:red;
}

.clearsearch {
    position: absolute;
    font-size: 11px;
    top: 13px;
    left: 10px;
    cursor:pointer;
    display:none;
}

.search-form.active .clearsearch{
    display:block;
}

.search-form.active input {
    padding-left: 30px;
}
 
.clear-release {
    position: absolute;
    font-size: 11px;
    top: 12px;
    right: 19px;
    cursor:pointer;
    display:none;
}

.toeuro {
    position: absolute;
    font-size: 11px;
    top: 10px;
    left: 10px;
    cursor:pointer;
    display:none;
}

.focused .toeuro, .price:hover .toeuro {
  display:block;
}

.tohuf {
    position: absolute;
    font-size: 11px;
    top: 10px;
    right: 10px;
    cursor:pointer;
    display:none;
}

.euro {
  min-width: 100px;
}

.focused .tohuf, .price:hover .tohuf {
  display:block;
}

.box .clear-release {
    top: 10px;
    right: 10px;
}

.focused .clear-release {
    display:block;
}

.pidrow .focused input.price {
    /*padding-left: 30px;*/
}
    


.flashit{
	-webkit-animation: flash linear 2s infinite;
	animation: flash linear 2s infinite;
}
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
/* Pulse class and keyframe animation */
.pulseit{
	-webkit-animation: pulse linear 1.5s infinite;
	animation: pulse linear 1.5s infinite;
}
@-webkit-keyframes pulse {
	0% { width:200px; } 
	50% { width:340px; } 
	100% { width:200px; }
}
@keyframes pulse {
	0% { width:200px; } 
	50% { width:340px; } 
	100% { width:200px; }
}

.dmanselect {
    border: 1px dashed #999;width: auto;display: inline-block;color: #000;padding: 0px 4px;font-size: 10px;line-height: 13px;background: #b5e4f2; margin-left: 5px;
}

.dsubselect {
    border: 1px dashed #999;width: auto;display: inline-block;color: #000;padding: 0px 4px;font-size: 10px;line-height: 13px;background: #f2dab5; margin-left: 5px;
}

@media (min-width: 540px){
    .search-modal {
        width: 96vw;
        margin: 30px auto;
    }
}

.search-modal .modal-content .modal-body {
    overflow-y: scroll;
    max-height: 75vh;
}

td.sname {
    width: 24%;
}

input.sval {
    width: 100%;
    max-width: 100% !important;
    margin:0 auto;
}

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro");
@-webkit-keyframes fade-in {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes fade-in {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}
@-webkit-keyframes slide-show {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slide-show {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.top-left {
  position: fixed;
  z-index: 1000;
  display: flex;
  align-items: center;
  padding: 20px;
  color: #fff;
  line-height: 1.3;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
  max-width: 350px;
  margin: 20px;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-420px);
          transform: translateX(-420px);
}
@-webkit-keyframes slide-in-left {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-in-left {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.top-left.do-show {
  animation: slide-in-left 1s ease-in-out forwards, slide-in-left 1s ease-in-out reverse forwards 5s;
}
.top-left[data-notification-status="notice"] {
  background-color: #29B6F6;
}
.top-left[data-notification-status="notice"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat;
}
.top-left[data-notification-status="warning"] {
  background-color: #FFCA28;
}
.top-left[data-notification-status="warning"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat;
}
.top-left[data-notification-status="error"] {
  background-color: #EF5350;
}
.top-left[data-notification-status="error"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat;
}
.top-left[data-notification-status="success"] {
  background-color: #66BB6A;
}
.top-left[data-notification-status="success"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat;
}
.top-left[data-notification-status="question"] {
  background-color: #8D6E63;
}
.top-left[data-notification-status="question"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat;
}
.top-left[data-notification-status="plain"] {
  background-color: #333;
}

.top-right {
  position: fixed;
  z-index: 1000;
  display: flex;
  align-items: center;
  padding: 20px;
  padding-right: 35px;
  color: #fff;
  line-height: 1.3;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
  visibility: hidden;
  opacity: 0;
  max-width: 350px;
  margin: 20px;
  top: 0;
  right: 0;
}
.top-right.do-show {
  animation: fade-in 1s ease-in-out forwards; 
  /*, fade-in 5s ease-in-out reverse forwards 3s;*/
}
.top-right[data-notification-status="notice"] {
  background-color: #29B6F6;
  color:black;
}
.top-right[data-notification-status="notice"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat;
}
.top-right[data-notification-status="warning"] {
  background-color: #FFCA28;
  color:black;
}
.top-right[data-notification-status="warning"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat;
}
.top-right[data-notification-status="error"] {
  background-color: #EF5350;
}
.top-right[data-notification-status="error"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat;
}
.top-right[data-notification-status="success"] {
  background-color: #66BB6A;
}
.top-right[data-notification-status="success"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat;
}
.top-right[data-notification-status="question"] {
  background-color: #8D6E63;
}

.top-right[data-notification-status="question"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat;
}
.top-right[data-notification-status="plain"] {
  background-color: #333;
}

.bottom-right {
  position: fixed;
  z-index: 1000;
  display: flex;
  align-items: center;
  padding: 20px;
  color: #fff;
  line-height: 1.3;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
  max-width: 350px;
  margin: 20px;
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(420px);
          transform: translateX(420px);
}
@-webkit-keyframes slide-in-right {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-in-right {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.bottom-right.do-show {
  animation: slide-in-right 1s ease-in-out forwards, slide-in-right 1s ease-in-out reverse forwards 3s;
}
.bottom-right[data-notification-status="notice"] {
  background-color: #29B6F6;
}
.bottom-right[data-notification-status="notice"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bottom-right[data-notification-status="warning"] {
  background-color: #FFCA28;
}
.bottom-right[data-notification-status="warning"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bottom-right[data-notification-status="error"] {
  background-color: #EF5350;
}
.bottom-right[data-notification-status="error"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bottom-right[data-notification-status="success"] {
  background-color: #66BB6A;
}
.bottom-right[data-notification-status="success"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bottom-right[data-notification-status="question"] {
  background-color: #8D6E63;
}
.bottom-right[data-notification-status="question"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bottom-right[data-notification-status="plain"] {
  background-color: #333;
}

.bottom-left {
  position: fixed;
  z-index: 1000;
  display: flex;
  align-items: center;
  padding: 20px;
  color: #fff;
  line-height: 1.3;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
  visibility: hidden;
  opacity: 0;
  max-width: 350px;
  margin: 20px;
  bottom: 0;
  left: 0;
}
.bottom-left.do-show {
  animation: fade-in 1s ease-in-out forwards, fade-in 1s ease-in-out reverse forwards 3s;
}
.bottom-left[data-notification-status="notice"] {
  background-color: #29B6F6;
}
.bottom-left[data-notification-status="notice"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bottom-left[data-notification-status="warning"] {
  background-color: #FFCA28;
}
.bottom-left[data-notification-status="warning"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bottom-left[data-notification-status="error"] {
  background-color: #EF5350;
}
.bottom-left[data-notification-status="error"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bottom-left[data-notification-status="success"] {
  background-color: #66BB6A;
}
.bottom-left[data-notification-status="success"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bottom-left[data-notification-status="question"] {
  background-color: #8D6E63;
}
.bottom-left[data-notification-status="question"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bottom-left[data-notification-status="plain"] {
  background-color: #333;
}

.bar-top {
  position: fixed;
  z-index: 1000;
  display: flex;
  align-items: center;
  padding: 20px;
  color: #fff;
  line-height: 1.3;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.bar-top.do-show {
  animation: slide-show 1s forwards, slide-show 1s reverse forwards 3s;
}
.bar-top[data-notification-status="notice"] {
  background-color: #29B6F6;
}
.bar-top[data-notification-status="notice"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bar-top[data-notification-status="warning"] {
  background-color: #FFCA28;
}
.bar-top[data-notification-status="warning"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bar-top[data-notification-status="error"] {
  background-color: #EF5350;
}
.bar-top[data-notification-status="error"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bar-top[data-notification-status="success"] {
  background-color: #66BB6A;
}
.bar-top[data-notification-status="success"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bar-top[data-notification-status="question"] {
  background-color: #8D6E63;
}
.bar-top[data-notification-status="question"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bar-top[data-notification-status="plain"] {
  background-color: #333;
}

.bar-bottom {
  position: fixed;
  z-index: 1000;
  display: flex;
  align-items: center;
  padding: 20px;
  color: #fff;
  line-height: 1.3;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
  visibility: hidden;
  opacity: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
}
.bar-bottom.do-show {
  animation: fade-in 1s ease-in-out forwards, fade-in 1s ease-in-out reverse forwards 3s;
}
.bar-bottom[data-notification-status="notice"] {
  background-color: #29B6F6;
}
.bar-bottom[data-notification-status="notice"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bar-bottom[data-notification-status="warning"] {
  background-color: #FFCA28;
}
.bar-bottom[data-notification-status="warning"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bar-bottom[data-notification-status="error"] {
  background-color: #EF5350;
}
.bar-bottom[data-notification-status="error"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bar-bottom[data-notification-status="success"] {
  background-color: #66BB6A;
}
.bar-bottom[data-notification-status="success"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bar-bottom[data-notification-status="question"] {
  background-color: #8D6E63;
}
.bar-bottom[data-notification-status="question"]:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat;
}
.bar-bottom[data-notification-status="plain"] {
  background-color: #333;
}


.sendpushto {
    position: absolute;
    top: 8px;
    right: 22px;
    display: inline-block;
    background: #0078D7;
    width: 40px;
    height: 40px;
    color: white;
    font-size: 25px;
    text-align: center;
    line-height: 35px;
}


kanban, userpush {
  background:rgb(75, 191, 107);
  display:none;
  min-height:100vh;
}


.big_sf {
    position: absolute;
    right: 215px;
    width: calc(100vw - 220px);
    background: #fff;
}

.big_sf .inputwrapper {
    width:calc(100vw - 388px);
}

.push-list-wrapper {
    width: 272px;
    margin: 0 4px;
    height: 100%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

.push-list-wrapper:first-child {
    margin-left: 8px;
}

.push-list {
    background-color: #ebecf0;
    border-radius: 3px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    position: relative;
    white-space: normal;
}

.push-list.trash {
    background-color:rgba(220, 29, 29, 0.88)
}
.push-list-header {
    flex: 0 0 auto;
    padding: 10px 8px;
    position: relative;
    min-height: 20px;
}

textarea.mod-list-name {
    background: transparent;
    border-radius: 3px;
    box-shadow: none;
    font-weight: 600;
    margin: -4px 0;
    height: 20px;
    min-height: 20px;
    padding: 4px 8px;
    resize: none;
    max-height: 256px;
    width:100%;
    overflow: hidden;
    overflow-wrap: break-word;
    height: 28px;
    resize: none;
    border: none;
    color: #172b4d;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 3px;
    display: block;
    line-height: 20px;
    transition-property: background-color,border-color,box-shadow;
    transition-duration: 85ms;
    transition-timing-function: ease;
}




.trash textarea.mod-list-name {
  color:#fff;
}

.push-list-cards {
    flex: 1 1 auto;
    margin-bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 4px;
    padding: 0 4px;
    z-index: 1;
    min-height: 20px;
}

.push-list-card {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    cursor: pointer;
    display: block;
    margin-bottom: 8px;
    max-width: 300px;
    min-height: 20px;
    position: relative;
    text-decoration: none;
    z-index: 0;
}

.push-list-card-details {
    overflow: hidden;
    padding: 6px 8px 2px;
    position: relative;
    z-index: 10;
}

.push-list-card-title {
    clear: both;
    display: block;
    margin: 0 0 4px;
    overflow: hidden;
    text-decoration: none;
    word-wrap: break-word;
    color: #172b4d;
}

.float-reload {
	position:fixed;
	width:50px;
	height:50px;
	bottom:-15px;
	left:-15px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px !important;
	text-align:center;
  font-size:30px;
	/*box-shadow: 2px 2px 3px #999;*/
  z-index:100;
}

.float-reload i {
	margin-top: 8px;
  font-size: 23px;
  margin-left: 8px;
}

.entity-list.entity-list-expandable .flag.active, .entity-list.entity-list-expandable .flag.active:hover, .entity-list.theme-default.entity-list-expandable .flag.active, .entity-list.theme-default.entity-list-expandable .flag.active:hover {
    background: #15c43b;
}

.dark, .dark .navbar {
    background:#333;
}

.dark .entity-list-item:hover {
    background:#333 !important;
}

.dark .eurosum, .dark .pricesum, .dark .list-items-row strong {
    color:#ddd;
}

.dark .oneliner {
    color: #ddd !important;
    background: #666;
}
.dark .modal {
  background-color: rgba(0,0,0,.6);
}

.dark .modal-content {
    background-color: #262626;
    color: #FFF;
}

.dark .loadsearch, .dark .delsearch, .dark .tablehead {
    background-color:inherit !important;
}

.dark .btn-toggle-switch {
    background-color: transparent !important;
    border-color: rgba(255,255,255,.8) !important;
}
.dark .btn-toggle-switch:before {
    background-color: rgba(255,255,255,.8) !important;
}

.dark .entity-list .entity-list-item .content-text-secondary, .dark .entity-list.theme-default .entity-list-item .content-text-secondary {
    color: rgba(255,255,255,.6);
}


.combox {
  width:900px; margin:60px auto 100px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.combox-wrapper{
  width: 900px;
  max-width: 100%;
  min-height: 500px;
  margin: 0px auto 40px;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 0px 20px 20px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.05);
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.05);
  background-color: #f4f7fc;
  overflow: hidden;
  position: relative;
}

.combox-title{
  font-size: 1.5em;
  color: #f65c65;
  font-weight: normal;
  padding: 10px;
}

.combox .current-date{
  float:right;
}

.combox-actionbar {
  height: auto;
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  background: #f4f7fc;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}


.combox .button {
  cursor: pointer;
  margin: 15px;
  display: flex;
  background: #4a678e;
  height: 60px;
  width: 60px;
  /*box-shadow: -8px -8px calc(8px * 2) 0 rgba(95, 128, 172, 0.43), 8px 8px calc(8px * 2) 0 rgba(22, 30, 41, 0.41);*/
  /*box-shadow: -5px -5px calc(5px * 2) 0 rgba(95, 128, 172, 0.43), 5px 5px calc(5px * 2) 0 rgba(22, 30, 41, 0.41);*/
  border-radius: 13px !important;
  background: -webkit-linear-gradient(145deg, #e6e6e6, #ffffff);
  background: -moz-linear-gradient(145deg, #e6e6e6, #ffffff);
  background: -o-linear-gradient(145deg, #e6e6e6, #ffffff);
  background: linear-gradient(145deg, #e6e6e6, #ffffff);
  box-shadow:  5px 5px 10px #a3a3a3, -5px -5px 10px #ffffff;
  vertical-align: middle;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  user-select: none;
  
}
.combox .button:active {
  /*box-shadow: inset -8px -8px calc(8px * 2) 0 rgba(95, 128, 172, 0.43), inset 8px 8px calc(8px * 2) 0 rgba(22, 30, 41, 0.41);*/
  /*box-shadow: inset -5px -5px calc(5px * 2) 0 rgba(95, 128, 172, 0.43), inset 5px 5px calc(5px * 2) 0 rgba(22, 30, 41, 0.41);
  background: linear-gradient(145deg, #415b7d, #53739f);*/
  background: -webkit-linear-gradient(145deg, #ffffff,#e6e6e6);
  background: -moz-linear-gradient(145deg, #ffffff,#e6e6e6);
  background: -o-linear-gradient(145deg, #ffffff,#e6e6e6);
  background: linear-gradient(145deg, #ffffff,#e6e6e6);
  box-shadow: inset 7px 7px 14px #a6a6a6, inset -7px -7px 14px #ffffff;
}

.combox .button i {
  font-size: 33px;
  user-select: none;
  text-shadow: 0 -4px 3px rgba(255, 255, 255, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
}

.combox .button:active i {
  text-shadow: 0 2px 3px rgba(255, 255, 255, 0.3), 0 -1px 2px rgba(0, 0, 0, 0.2); 
}

.combox .button.noshadow, .combox .button.noshadow:active {
  box-shadow: none;
  background: none;
  color: #1fae31;
  user-select: none;
  text-shadow: 0 -4px 3px rgba(255, 255, 255, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
}

.combox .list-item {
    background: -webkit-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: -moz-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: -o-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: linear-gradient(145deg, #e6e6e6, #ffffff);
    box-shadow: 5px 5px 10px #a3a3a3, -5px -5px 10px #ffffff;
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 10px;
    border-top-right-radius: 13px !important;
}

.combox section {
    padding: 12px 15px 10px;
}

.combox .type, .combox .trash {
    /*width:60px;
    height:60px;-*/
    user-select: none;
}
.combox .type i, .combox .trash i {
    font-size: 50px;
    line-height: 50px;
    vertical-align: middle;
    user-select: none;
    text-shadow: 0 -4px 3px rgba(255, 255, 255, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
}

.combox .trash i {
    font-size: 20px;
    line-height: 35px;
    color: #aa0827;
}

.list-item-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.combox .item-badges {
    padding-top: 3px;
}

.combox .badge {
    padding:0;
    color:inherit;
    background-color:inherit;
    text-shadow: 0 -4px 3px rgba(255, 255, 255, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
}

.combox .inputbox {
    cursor: pointer;
  margin: 15px;
  display: flex;
  background: #4a678e;
  height: 200px;
  /*width: 100%;*/
  /*box-shadow: -8px -8px calc(8px * 2) 0 rgba(95, 128, 172, 0.43), 8px 8px calc(8px * 2) 0 rgba(22, 30, 41, 0.41);*/
  /*box-shadow: -5px -5px calc(5px * 2) 0 rgba(95, 128, 172, 0.43), 5px 5px calc(5px * 2) 0 rgba(22, 30, 41, 0.41);*/
  border-radius: 13px !important;
  background: -webkit-linear-gradient(145deg, #e6e6e6, #ffffff);
  background: -moz-linear-gradient(145deg, #e6e6e6, #ffffff);
  background: -o-linear-gradient(145deg, #e6e6e6, #ffffff);
  background: linear-gradient(145deg, #e6e6e6, #ffffff);
  box-shadow:  5px 5px 10px #a3a3a3, -5px -5px 10px #ffffff;
  vertical-align: middle;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  user-select: none;
  align-items: center;
  flex-wrap: wrap;
  align-content: stretch;
}

.combox .input {
  min-width: 400px;
  border: none;
  background: transparent;
  line-height:26px;
  margin-left: 13px;
  margin-right: 15px;
  font-size: 15px;
  min-height:200px;
  resize: none;
}

.combox .input:active, .combox .input:focus  {
   border:none; 
}


.combox .type {
   margin: 5px;
}

.combox .inputbox {
    position: relative;
}
.combox .inputbox span {
    position: absolute;
    width: 2px;
    height: 26px;
    background-color: gray;
    left: 15px;
    top: 3px;
    animation-name: blink;
    animation-duration: 800ms;
    animation-iteration-count: infinite;
    opacity: 1;
}

.combox .inputbox textarea:focus + span {
    display: none;
}

@keyframes blink {
    from { opacity: 1; }
    to { opacity: 0; }
}


.combox .addbutton {
    height: 100%;
    vertical-align: middle;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-top-right-radius: 13px !important;
    border-bottom-right-radius: 13px !important;
    background: -webkit-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: -moz-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: -o-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: linear-gradient(145deg, #e6e6e6, #ffffff);
}

.combox .addbutton:active {
    background: -webkit-linear-gradient(145deg, #ffffff, #e6e6e6);
    background: -moz-linear-gradient(145deg, #ffffff, #e6e6e6);
    background: -o-linear-gradient(145deg, #ffffff, #e6e6e6);
    background: linear-gradient(145deg, #ffffff, #e6e6e6);
    box-shadow: inset 7px 7px 14px #a6a6a6, inset -7px -7px 14px #ffffff;
    border-top-right-radius: 13px !important;
    border-bottom-right-radius: 13px !important;
    
}


.combox .trash {
    height: 100%;
    vertical-align: middle;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-top-right-radius: 13px !important;
    border-bottom-left-radius: 13px !important;
    background: -webkit-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: -moz-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: -o-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: linear-gradient(145deg, #e6e6e6, #ffffff);
}

.combox .trash:active {
    background: -webkit-linear-gradient(145deg, #ffffff, #e6e6e6);
    background: -moz-linear-gradient(145deg, #ffffff, #e6e6e6);
    background: -o-linear-gradient(145deg, #ffffff, #e6e6e6);
    background: linear-gradient(145deg, #ffffff, #e6e6e6);
    box-shadow: inset 7px 7px 14px #a6a6a6, inset -7px -7px 14px #ffffff;
    border-top-right-radius: 13px !important;
    border-bottom-left-radius: 13px !important;
    
}



.modal .combox {
    margin: 0 auto;
    padding: 0;
}

@keyframes gradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

.animgradient {
  background: #0078D7; /*linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

.paytype {
  border: 1px solid #999;
  background: #fff;
  width: auto;
  text-align: center;
  margin-right: 2px;
  padding: 1px 6px;
  margin-top: 2px;
}

.paytype.active {
  /*background: #0e952b !important;*/
  background: #ffed14 !important;
  color:#fff;
  color:#212121;
}


.paytype.ut.active {
  background: #ffed14 !important;
  color:#212121;
}

.payments input {
  margin-bottom: 0;
  min-height: 28px;
  padding: 0 7px;
  height: 15px;
  line-height: 15px;
}


.entity-list .entity-list-item.pidrow {
     /* background: linear-gradient(145deg, #d7d4d4, #fffdfd); */
     box-shadow: -1px 3px 4px 0px #727171, 1px -6px 5px #e7e3e3;
     margin: 8px 0;
}


.item-icon, .btn, .paytype {
  box-shadow:3px 3px 3px 0px #a7a7a7, -4px -4px 4px #f5f3f3;
}

.item-icon:hover, .btn:hover, .paytype:hover {
    box-shadow:3px 3px 3px 1px #a7a7a7, -4px -4px 4px #f5f3f3;
}

.item-icon:active, .btn:active, .paytype:active {
    box-shadow:inset 3px 3px 3px 0px #1716167a, inset -4px -4px 4px #f5f3f321;
}

.search {
    box-shadow:none;
}

@media (min-width:640px){
  .col-md-0_5{width:2.083333334%;}
  .col-md-1_5{width:6.17%;}
  .col-md-2_5{width:10.41666666%;}    
  .col-md-3_5{width:14.58333%;}
  .col-md-4_5{width:18.750005%;}   
  .col-md-5_5{width:22.916665%;}
  
  .col-md-1_5 input { padding-left: 7px; }
  .col-md-0_5 { text-align:center; }
  
  .col-md-0_5, .col-md-1_5, .col-md-2_5, .col-md-3_5, .col-md-4_5, .col-md-5_5 {
    position: relative;
    min-height: 1px;
    float:left;
  }
  
}