body {
    background-color: #EFEFE9;
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    margin: 0;
}

#wrapper{
	margin: 0 auto;
	text-align: left;
	width: 955px;
}

.data_box{
	margin: 0 20px 20px 0;
    padding: 0 1em;
	height: auto;
	overflow: hidden;
	border: 2px solid #ccc;
	width:790px;
}

.data_box.left{
	width: 370px;
	float: left;
}

.data_box.right{
	width: 370px;
	margin-left: 20px;
 }

.text_area{
	height: 60px;
	border: 3px solid #cccccc;
	padding: 5px;
}


div.post_row{
	padding: 10px;
	border-bottom: 1px solid #b8b8b8;
}

div.post_row_white{
	padding: 10px;
	border-bottom: 1px solid #b8b8b8;
	background: #fff;
}

div.data_cell{
    padding: 0 1em;
	float: left;
	margin: 0 0 25px 25px;
	display: block;
	border: 2px solid #ccc;
}

#login{
    text-align: right;
}

.photo_img{
    border: 1px solid #ccc;
    float: left;
    margin: 0;
    padding-left:10px;
    width: 160px;

}

.comment_row{
    margin: 10px, 0, 10px, 10px;
    border-bottom: 1px dotted #ccc;
    padding: 10px;
}

.comment_row_white{
    margin: 10px, 0, 10px, 10px;
    border-bottom: 1px dotted #ccc;
    background: #fff;
    padding: 10px;
}

.photo_comment{
  margin-left:200px;
}

.data_row{
    margin: 10px;
    display: block;
    float: none;
    width: 100%;
    border-bottom: 1px solid #ccc;
    min-height: 200px;
}

.myinput[type="checkbox"]:before{
    position: relative;
    display: block;
    width: 11px;
    height: 11px;
    border: 1px solid #808080;
    content: "";
    background: #FFF;
}
.myinput[type="checkbox"]:after{
    position: relative;
    display: block;
    left: 2px;
    top: -11px;
    width: 7px;
    height: 7px;
    border-width: 1px;
    border-style: solid;
    border-color: #B3B3B3 #dcddde #dcddde #B3B3B3;
    content: "";
    background-image: linear-gradient(135deg, #B1B6BE 0%,#FFF 100%);
    background-repeat: no-repeat;
    background-position:center;
}
.myinput[type="checkbox"]:checked:after{
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%,#FFF 100%);
}
.myinput[type="checkbox"]:disabled:after{
    -webkit-filter: opacity(0.4);
}
.myinput[type="checkbox"]:not(:disabled):checked:hover:after{
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #8BB0C2 0%,#FFF 100%);
}
.myinput[type="checkbox"]:not(:disabled):hover:after{
    background-image: linear-gradient(135deg, #8BB0C2 0%,#FFF 100%);
    border-color: #85A9BB #92C2DA #92C2DA #85A9BB;
}
.myinput[type="checkbox"]:not(:disabled):hover:before{
    border-color: #3D7591;
}
/* Large checkboxes */
.myinput.large{
    height:22px;
    width: 22px;
}

.myinput.large[type="checkbox"]:before{
    width: 20px;
    height: 20px;
}
.myinput.large[type="checkbox"]:after{
    top: -20px;
    width: 16px;
    height: 16px;
}

label.checkbox_large {
	float: right;
  text-align:left;
  padding-top:3px;
}

/* The Modal (background) */
#exportModal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.invisible-button {
  background-color: Transparent;
  padding: 0px;
  margin: 0px;
  &:hover {
    background-color: Transparent;
    text-decoration: inherit;
  }
}