body {
    max-width: 95%;
    padding: 30px 10px;
    margin: 0 auto;
    /*background: #fbfbfb;*/
    background-color: #F2F3F7;
    /*color: #494949;*/
    color: #333!important;
}

.header-list{
	font-weight: 900;

}

.data-list{
   /*background-color: #f3f4f5!important;*/
   background-color: rgb(239, 239, 239);
   border-bottom: 1px solid #d2d2d2;
   border-width: 1px;
}

.data-list-item{
   background-color: rgb(239, 239, 239);
   border-bottom: 1px solid #d2d2d2;
   border-width: 1px;
   margin-bottom: 8px;
   border-color: #ddd;
   border-style: none solid solid none;
   display: inline-block;
   padding-right: 10px;
}

.block-info-item{
   font-size: 14px !important;
   color: #333;
}

@media (min-width: 768px) {

  .block-info-item{
    width: 400px;
  }


  .susu_post_box_bottom{
    width:430px;
  }

}

.grid-sandbox {
    padding: 0px 0px 0px!important;
}

.box {
    padding: 10px;
    margin-bottom: 1px;
    color: #333;
}

.susu_post_box{
    background-color: #F2F3F7!important;
}


#date_chain{
     margin-right: 5px;
}

.data-cell {
    position: static;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    padding-top: 5px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px auto;
}

#blocks_id{
    color: #333;
    font-size: 15px;
    margin-right: 5px;
}

#hash_id{
    color: rgb(0, 128, 0);
    font-size: 15px;
    font-weight: 600; 
}

@media (max-width: 768px) {
   .block-info-item{
     width: 350px;
   }


   .data-cell {
    margin-left: 10px;
   }

   .susu_post_box_bottom{
    width:90%;
   }

   div.instructions-box {
    width: 350px;
   }

}

#block_message_item{
    margin-left: 10px;

    font-size: 17px;
    color: #333;
    padding: 10px 0;
    overflow-wrap: break-word;
    margin-bottom: -20px;
}

.data-cell-overload{
    position: static;
    overflow-wrap: break-word;
    width: 200px auto;

}

img.company_logo {
    width: 55px;
}

.grid-sandbox{
    /*background-color: #fbfbfb;*/
    background-color: #F2F3F7;
}


.main-title{
	font-size:23pt;
/*	font-weight: 900;*/
}

.grid-sandbox-logo {
    margin-bottom: 0em;
    margin-top: 0px;
}

        .main-title-description-box{
                border-radius: 20px 0px;
                background-color: #e9ecef!important;
        }

@media (min-width: 768px) {
	.main-title-description-box{
		width: 300px;
	}
}

.box-logo{
	/*background-color: #fbfbfb; */
    background-color: #F2F3F7;
}

a {
    color: #0a9fb3;
    text-decoration: none;
}

a:hover{
    color:red;
}

.box.blockinfo-box {
    background: #eaf5ff;
    max-width: 800px;
    text-align: left;

    border-bottom: 1px solid #d2d2d2;
    border-width: 1px;
    margin-bottom: 8px;
    border-color: #ddd;
    border-style: none solid solid none;
    display: inline-block;
    padding: 20px;

}


	.main-subtitle-box{
    		max-width: 800px;
	}

.parent-subtitle-box .\31\/3, .\32\/6, .\33\/9, .\34\/12 {
    width: max-content!important;
}

  #post_susucoin{
	width: 100%; 
	height: 125px;
  }


#post_susucoin {
    margin-bottom: 15px;
    display: block;
    padding: 6px 12px;
    color: #000;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#submit_susu_button{
    -webkit-appearance: button;
    cursor: pointer;
    color: inherit;
    font: inherit;
    margin: 0;
    color: #697699;
}

.warning_message{
  color: red;
}

.confirm_details_spacer {
    margin-bottom: 10px;
}

.confirm_subject{
    font-weight: 600;
}

img.confirm_susu_logo {
    width: 20px;
}

div.instructions-box {
    text-align: left;
}

.instruction-details {
    background: #eaf5ff;
    max-width: 800px;
    text-align: left;
    border-bottom: 1px solid #d2d2d2;
    border-width: 1px;
    margin-bottom: 8px;
    border-color: #ddd;
    border-style: none solid solid none;
    display: inline-block;
    padding: 20px;
    margin-top: 10px;
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
    margin-top: -33px;
    padding: 8px;
    background: #eaedee;
    text-align: right;
    border-radius: 0px 0px 10px 10px;
}