.actionprompt {
    display: none;
    z-index: 18960;
    max-height: 95%;
    overflow: auto;
}

.actionprompt textarea {
    max-width: 100%;
}

.ui-autocomplete {
    z-index: 18965;
}

.ac-title {
	background: #0069b5;
	border-radius: 15px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	color: #fff;
	text-align: center;
	font-size: 1.2em;
	padding: 10px;
	box-sizing: border-box;
}

.ac-title.green {
	background: #00b516;
}

.ac-title.red {
	background: #a00101;
}

.ac-title.orange {
	background: #da7900;
}

.ac-title.yellow {
	background: #dbde00;
	color: #000;
}

.actionprompt a.vastaus {
    display: inline-block;
    padding: 12px;
    font-size: 1.12em;
    border: none;
    border-radius: 5px;
    color: #fff;
    background: #0069b5;
    margin: 5px;
    margin-top: 15px;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s ease-in-out;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.actionprompt a.vastaus.green {
    background: #1cb500;
}

.actionprompt a.vastaus.orange {
    background: #ffa500;
}

.actionprompt a.vastaus.red {
    background: #cc0000;
}

.actionprompt a.vastaus.gray {
    background: #a0a0a0;
}

.actionprompt a.vastaus:hover {
    background: #3187c5;
}

.actionprompt a.vastaus.aktiivinen {
    border: 1px solid black;
}

.actionprompt {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: calc(100% - 20px);
    width: 655px;
    background: #fff;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 5px;
    color: #585858;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);
    display: none;
    text-align: center;
}

.ac-text {
	font-size: 1.1em;
	padding: 25px;
}

.ac-action .ac-btn {
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	font-size: 1.1em;
	display: inline-block;
	margin: 0;
	padding: 15px;
	margin: 20px;
	border: 1px solid #fff;
	border-radius: 8px;
}

.ac-action .ac-btn:hover {
	border: 1px solid #a9a9a9;
}

.ac-action .ac-btn.selected {
	border: 1px solid #17bb17;
}

.ac-btn img {
	margin-bottom: 10px;
}

.ac-bottom {
	border-top: 1px solid #a9a9a9;
	padding: 10px; 
	color: #606060;
}

.ac-bottom a {
	color: #606060;
}

.overlay-shadow {
	display: none;
	z-index: 18950;
	width: 100%;
	height: 100%;
	position:fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
}

@media (max-width: 1050px) {
    .actionprompt, .ac-title {
        border-radius: 0;
    }
}

@media (max-width: 660px), (max-height: 660px) {
    .actionprompt {
        width: calc( 100% - 20px );
        max-width: 600px;
        padding-bottom: 30px
    }
    .actionprompt.tall {
        height: calc( 100% - 20px );
        overflow: auto;
        transform: none;
        top: 0;
        left: 0;
    }
}