/*
.bg-specific-primary{
    background-color: rgb(0, 174, 239);
    color: white;
}
.text-specific-primary{
    color: rgb(0, 174, 239);
}
.bg-specific-secondary{
    background-color: rgb(237, 33, 124);
    color: white;
}
.text-specific-secondary{
    color: rgb(237, 33, 124);
}
.bg-specific-tertiary{
    background-color: rgb(251, 175, 59);
    color: white;
}
.text-specific-tertiary{
    color: rgb(251, 175, 59);
}
*/

div.kiosk-settings-left {
    text-align: left
}


div#kioskMappings-designer div.areas-container,
div#kioskQueues-designer div.queues-container,
div#kioskQueues-designer div.views-container  {
    margin-top: 18px;
}


div#kioskMappings-designer .area-container > *,
div#kioskQueues-designer .queue-container > *,
div#kioskQueues-designer .view-container > * {
    padding: 0px;
}

div#kioskMappings-designer .area-container md-input-container,
div#kioskQueues-designer .queue-container md-input-container,
div#kioskQueues-designer .view-container md-input-container {
    margin-top: 2px;
    margin-bottom: 2px;
}

div#kioskMappings-designer .area-container md-input-container .md-errors-spacer,
div#kioskQueues-designer .queue-container md-input-container .md-errors-spacer,
div#kioskQueues-designer .view-container md-input-container .md-errors-spacer {
    min-height: 2px;
}

div#kioskMappings-designer div.item-add-button,
div#kioskQueues-designer div.item-add-button {
    text-align: center;
    margin: 5px;
}


div#kioskMappings-designer div.item-add-button i,
div#kioskQueues-designer div.item-add-button i {
    color: rgb(237, 33, 124);
}

div#kioskMappings-designer h4,
div#kioskQueues-designer h4 {
    font-weight: bold;
    color:  rgb(251, 175, 59);
}

div#kioskMappings-designer .list-index {
    font-weight: bold;
}

div#kioskMappings-designer div.dpts-container {
    margin-top: 18px;
}

div#kioskMappings-designer .dpt-container md-input-container {
    margin-top: 2px;
    margin-bottom: 2px;
}

div#kioskMappings-designer .dpt-container md-input-container .md-errors-spacer {
    min-height: 2px;
}



div#kioskQueues-designer .queue-container div.queue-links {
    background-color: whitesmoke;
    border: 1px solid #25aae1;
    border-radius: 3px;
    padding: 17px 0px;
    width: calc(100% - 100px);
    margin-left: 100px;
}

body.with-md-select-and-scroll {
  overflow-y: hidden;
}

#app-main-view.with-md-select-and-scroll {
  height: 100%;
  overflow-y: scroll;
}

div#kioskMappings-designer span.invalid-queue {
    font-weight: bold;
    color:  rgb(251, 175, 59);
}

md-tooltip.invalid-queue-tooltip {
    font-size: 16px;
}

div.save {
    margin: 40px auto;
    text-align: center;
}


div.kiosk-settings {
    padding: 20px 0px 20px 0px;
    height: 90px;
    border-bottom: 1px solid #dedede;
}

div.kiosk-settings span {
    font-size: 1.2em;
}

div.kiosk-settings.low input.form-control {
    width: 100%;
}

div.kiosk-settings input.form-control {
    width: inherit;
}

div.kiosk-settings > div.button-center {
    text-align: center;
}

div.kiosk-settings textarea {
    color: rgb(0, 174, 239);
    font-weight: bold;
    border: 1px solid #dedede;
}

div.kiosk-settings.low {
    height: 50px;
    padding:7px 0px 7px 0px;
}

div.kiosk-settings.low > div.low-header {
    text-align: center;
    font-weight: bold;
}

div.kiosk-settings.low > div.low-header div.clickable {
    color: rgb(0, 174, 239);
}

div.kiosk-settings.high {
    height: 200px;
}

div#kioskSettings-designer .loading-message {
    text-align: center;
}

div.kiosk-settings-button-wrapper {
    text-align: center;
    margin: 15px;
}