/* Jesus was just a man - For & Against
--------------------------------------------------

 */

 .row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.activity-content .content {
        background-image: url(../../images/jesus_foragainst.jpg) !important;
        background-repeat: no-repeat;
        top: 40%;
        background-position: top 150px right 50%;
    }
    #statementStack {
    text-align: center;
}
.draggable {
        background-color: #663399;
    margin: 0.5rem 0.5rem 0 0.5rem;
    padding: 0.5rem;
    color: #FFF;
    font-family: Arial, sans-serif;
    font-size: 2rem;
    line-height: 2.4rem;
    display: inline-block;
    padding: 0.5rem;
    cursor: pointer;
    width: 90%;
    text-align: center;
    min-height: 45px;
    max-width: 600px;
    border-radius: 6px;
    border: 1px dotted #fff;
    z-index: 2;
}
.dropZone {
    /* border: 1px dashed #1c4c85; */
    margin: 2%;
    margin-bottom: 2rem;
    font-family: Arial, sans-serif;
    font-size: 1.5rem;
    color: #9A12B3;
    text-align: center;
    background-color: rgba(29, 78, 137, 0.15);
    width: 46%;
    max-width: 900px;
    height: 80%;
    min-height: 450px;
}
.dropZone .draggable {
    background-color: #663399;
    margin: 0.5rem 0.5rem 0 0.5rem;
    padding: 0.5rem;
    color: #FFF;
    font-family: Arial, sans-serif;
    font-size: 1.2rem;
    line-height: 1.4rem;
    display: inline-block;
    padding: 0.5rem;
    cursor: pointer;
    width: 90%;
    text-align: center;
    min-height: 45px;
    max-width: 600px;
    border-radius: 6px;
    border: 1px dotted #fff;
    z-index: 2;
}

span.draggable.ui-draggable.ui-draggable-handle {
    width: 100%!important;
    height: auto!important;
}

#checkCorrect {
	margin-top: 20px;
}

/*------- Table Styling -------*/

table, th, td{
    margin: 4rem auto;
    border:2px solid #1d4e89;
}

table{
    width:100%;
}


th, td{
  width:15%;
  padding:0.5rem;
  margin: 0.5rem;
  white-space:normal;
}

th{
   font-size:1.1rem;
   background-color: #1d4e89;
   color: #fff;
}

th:nth-of-type(1), th:nth-of-type(2){
  border-right:2px solid #fff;  
}

td{
    height:80px;
}
.modal-content {padding: 0px; border-radius: 5px;}
.modal-header-extension {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #9A12B3;
}