/*
    Rabih Kaddour
    http://kaddour-es.de/
    August, 2016.
*/

.geo_submit-container {
    position: absolute;
    width: 760px;
    height: 67px;
    margin: 531px 0px 0px; /* height of content-piece-addition: 230px; */
    background-color:#FFE4C4; /*bisque;*/
}

.general_submit-widget-btn {
    position: absolute;
    width: 760px;
    height: 67px;
    margin: 530px 0px 0px;
    background-color: #FFE4C4; /*bisque;*/
}

/*submit button formatieren*/
.button {
    display: inline-block;
    position: relative;
    /*border-radius: 0.3em;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    /*background-color: silver;*/
    background-color: #006dcc;
    *background-color: #0044cc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border: none;
    color: #ffffff;
    text-align: center;
    font-size: 1em;
    padding: 1em;
    width: 8em;
    /*width: 135px;*/
    height: 57px;
    /*top:0.6em;*/
    /*left:1em;*/
    margin-left: 5px;
    margin-top: 5px;
    transition: all 0.5s;
    cursor: pointer;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 1em;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}
/*Ende submit Button farmatierung*/

.button_submit_div{
	float:left;
	width:25%;
	height:100%;
	background-color:transparent;
	/*border-bottom-left-radius: 1em;*/
}

/******************************************* btn for grid ************************************************************************/
.numberButtonContainer {
	display:table-cell;
	position:inherit;
	height:77px;
	width:77px;
	padding:9px;
}

.numberBtnAnswer {
    cursor: pointer;
    /*width:77px;
	height:77px;
    line-height:77px;*/
    display: inline-block;
    text-align: center;
    /*font-size:50px;*/
    /*color:#006400;*/
    width: 77px;
    height: 67px;
    line-height: 67px;
    font-size: 33px;
    color: #0044cc;
    background-color: #ff6a00; /* todo */
    -webkit-box-shadow: 0 3px #0088cc;
    -moz-box-shadow: 0 3px #0088cc;
    -ms-box-shadow: 0 3px #0088cc;
    -o-box-shadow: 0 3px #0088cc;
    box-shadow: 0 3px #0088cc;
    box-shadow: 0 3px #0088cc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    position: absolute;
}

.numberButton1A {
    cursor:pointer;
	width:77px;
	height:77px;
    line-height:77px;
	display:inline-block;
	text-align:center;
    font-size:50px;
    color:#006400;
    /*background-color:#bee8fb;*/ /* todo */    
    background-color:#ff6a00; /* todo */    
    /*-webkit-box-shadow:0 3px rgba(111,172,193,1);
	-moz-box-shadow:0 3px rgba(111,172,193,1);
	-ms-box-shadow:0 3px rgba(111,172,193,1);
	-o-box-shadow:0 3px rgba(111,172,193,1);
    box-shadow:0 3px rgba(111,172,193,1);*/
    -webkit-box-shadow:0 3px #0088cc;
	-moz-box-shadow:0 3px #0088cc;
	-ms-box-shadow:0 3px #0088cc;
	-o-box-shadow:0 3px #0088cc;
    box-shadow:0 3px #0088cc;
	box-shadow:0 3px #0088cc;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	position:absolute;
}

.set_color {
    background-color: #bee8fb;
    -webkit-box-shadow: 0 3px rgba(111,172,193,1);
    -moz-box-shadow: 0 3px rgba(111,172,193,1);
    -ms-box-shadow: 0 3px rgba(111,172,193,1);
    -o-box-shadow: 0 3px rgba(111,172,193,1);
    box-shadow: 0 3px rgba(111,172,193,1);
}

    .numberButton1A:hover {
        -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        /*background: #80daf8;*/
        background-color: #FFFF00;
        border: solid 1px #203E5F;
    }

    .numberButton1A:active {
        -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        background: #2E5481;
        border: solid 1px #203E5F;
    }

    .numberButton1A.resize {
        width: 57px;
        height: 57px;
        line-height: 57px;
        font-size: 35px;
    }
    .numberButton1A.to_scale {
        width: 77px;
        height: 67px;
        line-height: 67px;
        font-size: 33px;
        color:#0044cc;
    }