/* Style for situatieschets map */

* {
    padding: 0;
    margin: 0;
    box-sizing: content-box;
}

html,
body {
    height: 100%;
}

#modalMap {
    height:346px;
    width: 596px;
}

.print-container , .topBar-container  {
    margin: 0.5em  auto;
    display: flex;  
	align-items: center;
    /* font-family: tahoma,arial; */
}

.print-container label {
    font-family: sans-serif,tahoma;
    font-size: 0.9em;
}

.elementGaps
{
    margin-right:10px;
    margin-left:0;
}

.print-container input[type="select"]
{
    height: 25px;
    font-size: 15px;
}

.prodHeading label {
    font-family: sans-serif,tahoma;
	font-weight: bold;
    font-size: 1.2em;
}

.default-decor
{
    background-color: white;
    color: rgb(175, 175, 175);
    padding: 0.4em;
    border:1px solid  rgb(175, 175, 175);;
    border-radius: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(1, 0, 0, 0.1);
}
.highlight-decor
{
    background-color: white;
    color: rgb(175, 175, 175);
    padding: 0.4em;
    border:1px solid  rgb(41,168,71);
    border-radius: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(41, 168, 71, 0.438);
}

#closeButton
{
    margin-left: auto;
}

#closeButton:hover
{
    background-color:  rgb(175, 175, 175);
    color: white;
}

.btn_send_active:hover
{
    background-color: rgb(41, 168, 71);
    color: white;
}

@keyframes flashInput {
    0%, 100% {
        background-color: transparent;
        color: rgb(175, 175, 175);
   
    }
    50%  {
        color: rgb(175, 175, 175);
        padding: 0.4em;
        border:1px solid  rgb(41,168,71);
        border-radius: 2em;
        box-shadow: 0 2px 10px rgba(41, 168, 71, 1);
      }
}

.flashScaleInput {
	animation: flashInput 0.8s 3;
}