.fas {
         font-family: FontAwesome !important;
}

.modal button.btn:hover {
  color: rgb(240, 69, 154);
}
button.btn-primary:hover {
background: rgb(52,15,105);
}
button.btn-primary {
  background-color: rgb(240, 69, 154);
  border-color: rgb(240, 69, 154);
}

@media (min-width: 992px){
#itemGroupsdialog-modal > .hideModal {
        left:93%;
}
#itemGroupsdialog-modal > .modal-lg {
	max-width:93%;
} 
}

@media (min-width: 576px){
#itemGroupsdialog-modal > .hideModal {
        left:93%;
}
#itemGroupsdialog-modal > .modal-lg {
        max-width:93%;
}
}

#itemGroupsdialog-modal > .modal-lg {
        max-width:93%;
}



#itemGroupsResultsTabs > ul >div > form {
	display:flex;
	margin-left:30px;
}



#channel-button > .btn, #container-button > .btn  {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        margin-right:10px;
	height:39px;
}

#averyItemButton {
margin-left:10px;
margin-top:10px;
margin-right:10px;
flex-shrink: unset;
}


.timeline-icon.bg-success {
background-color:#19C3AE !important;
}

.big-icos > li > a:focus {
	border-bottom:3px solid #f5549b !important;;
}

.big-icos a:focus {
	border:10px;
}

button.pink-btn  {
border: none;
outline:none;
}


.modal-dialog {

}

@media (min-width: 206px){
 .hideModal {
  left: calc(100vw - 80px);
  transform: scale(0.8);
  z-index: 999;
}
}

@media (min-width: 576px){
 .hideModal {
  left: calc(220px + 50vw);
  transform: scale(1);
  z-index: 999;
}
}
@media (min-width: 992px){
 .hideModal {
  left: calc(360px + 50vw);
  transform: scale(1);
  z-index: 999;
}
}
.hideModal {
  position: absolute;
  top: 2px;
  right: unset !important;
  cursor: pointer;
  transform: scale(.5);
}



#timepanel {

        background: #e6e6e6 !important;
        color: #340f69;
}

.timeline-centered .timeline-entry .timeline-entry-inner {
        margin-left: -18px !important;
}

.timeline-entry {
        margin-left: 28px !important;
}

.ec-timeline-icon {
        width:20px !important;
        height:20px !important;
        margin-top:10px !important;
        margin-left:10px !important;
        background-color:#f39 !important;
        -moz-box-shadow: 0 0 0 0px #E5E5E6 !important;
        -webkit-box-shadow: 0 0 0 0px #E5E5E6 !important;
        box-shadow: 0 0 0 0px #E5E5E6 !important;
}

.timeline-icon {
        -moz-box-shadow: 0 0 0 1px #f39 !important;
        -webkit-box-shadow: 0 0 0 1px #f39 !important;
        box-shadow: 0 0 0 1px #f39 !important;
}
.timeline-day-icon {
        padding-top:2px;
        margin-bottom:5px;
background: #f39 !important;
color: white !important;
}

.timeline-entry {
        margin-bottom: 1px !important;
        margin-top: 0px !important;
        padding: 0px !important;
}

.timeline-label {
        padding: 2px !important;
        background-color: #e6e6e6 !important;
}
.timeline-label > h2 {
        margin-bottom: 1px !important;
        padding: 2px !important;
        background: #e6e6e6 !important;
        color: #340f69 !important;
}
.timeline-label > span {
        padding-left: 10px !important;
}

.timeline-date {
  font-weight: bold;
  color: #333 !important;
  margin-top: 6px !important;
  color: #340f69 !important;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label::after {
        border:none !important; 'hide the tick
}

.timeline-centered::before {
        background: #f39 !important;
        width: 1px !important;

}