body{background:#f8f8f8 !important;}


.logic_aboutus{background:url('/docs/web/template/ReST/gplaypattern.png') repeat; padding:10px 0px ; 
  box-shadow:0px 0px 9px 0px #d9d9d9;} 
.logic_mission{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
     } 
.logic_mission h3{font-weight:bold; color:#595959;}
.logic_mission p{ color:#6f6f6f;}
.logic_textarea textarea{ box-shadow:0px 0px 3px #cccccc inset;  background:#f9f9f9;  border-radius:4px 4px 0px 0px;
  font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;}
.logic_filter_block{background:#f0f0f0; border-radius:4px;  margin-top:10px; box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc;}
.logic_filter_block_in{min-height:300px; }
.logic_filter_block_in label{color:#777777; margin:5px;}
/*.logic_filter_block_in input{width:50px;}*/
.logic_filter_block_in h4{background:#3A87AD !important ; padding:5px;color:#ffffff; margin-top:25px !important;}
.logic_container_bg{background:url('/docs/web/template/ReST/bg-grey-pixels.gif') repeat; padding:10px 0px ;}

.logic_footer_cont{padding:10px 0; background:#E6E6E6; border-top:2px solid #d7d7d7;}
.logic_footer_cont p{color:#777777; margin-top:10px;}
.logic_footer_cont h3{display:inline-block; margin:0 5px; color:#cccccc;} 
.logic_footer_cont a{color:#494848; font-size:14px;}
.logic_footer_cont span{margin:0 3px; font-size:14px !important;}
.logic_header h3{display:inline-block; margin:5px 5px 0px 5px; color:#777777;} 
.logic_header a{color:#777777; font-size:14px; font-weight:bold;}
.logic_header span{margin:0 3px; font-size:14px !important;}
.logic_send_btn{background:#f8f8f8; padding:5px 0; border:1px solid #cccccc; border-radius:0px 0px 4px 4px; border-top:0px; }
.logic_social{display:inline-block; margin-top:15px;}
.logic_social iframe{vertical-align:bottom !important;}
.logic_social span{vertical-align:bottom !important;}
.logic_social #___plus_0{vertical-align:bottom !important;}

 
.social-icon {
  -webkit-background-clip: border-box;
  -webkit-background-origin: padding-box;
  -webkit-background-size: auto;
  -webkit-transition-delay: 0s;
  -webkit-transition-duration: .5s;
  -webkit-transition-property: background;
  -webkit-transition-timing-function: ease;
  background-clip: border-box;
  background-image: none;
  background-origin: padding-box;
  color: #fff;
  cursor: auto;
  display: inline-block;
  font-size: 21px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  transition-delay: 0s;
  transition-duration: .5s;
  transition-property: background;
  transition-timing-function: ease;
  vertical-align: baseline;
  width: 35px;
  margin-left: 6px;
  border: solid 1px #576890;
}

a.social-icon:hover {
  color: #fff !important;
  background-color: #00708c;
  border: none;
  border-radius: 25px;
  box-shadow: 0 6px 8px -6px #777777;
  cursor: pointer;
  margin:0px;
}

.soc-twitter {
  background-color: #00acee;
    color:#ffffff !important;
    border: none;
  border-radius: 25px;
  box-shadow: 0 6px 8px -6px #777777;
  cursor: pointer;
  margin:0px;
}

.soc-google-plus {
  background-color: #f00;
    color:#ffffff !important;
    border: none;
  border-radius: 25px;
  box-shadow: 0 6px 8px -6px #777777;
  cursor: pointer;
  margin:0px;
}

.soc-facebook {
  background-color: #0173b2;
    color:#ffffff !important;
    border: none;
  border-radius: 25px;
  box-shadow: 0 6px 8px -6px #777777;
  cursor: pointer;
  margin:0px;
}

.soc-instagram {
  background-color: #c0b2a9;
    color:#ffffff !important;
    border: none;
  border-radius: 25px;
  box-shadow: 0 6px 8px -6px #777777;
  cursor: pointer;
  margin:0px;
}

.soc-pinterest {
  background-color: #cb2229;
    color:#ffffff !important;
    border: none;
  border-radius: 25px;
  box-shadow: 0 6px 8px -6px #777777;
  cursor: pointer;
  margin:0px;
}

.soc-linkedin {
  background-color: #0274b3;
    color:#ffffff !important;
    border: none;
  border-radius: 25px;
  box-shadow: 0 6px 8px -6px #777777;
  cursor: pointer;
  margin:0px;
}

.soc-github {
  background-color: #000;
    color:#ffffff !important;
    border: none;
  border-radius: 25px;
  box-shadow: 0 6px 8px -6px #777777;
  cursor: pointer;
  margin:0px;
}
.logic_remain span{background:#428BCA !important; padding:5px 15px !important; border-radius:3px;}



.logic_mission .panel-heading span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #FFFFFF;
    left: 0;
    overflow: hidden;
    padding: 0 5px;
    position: absolute;
    width: 100%;
}


.rollover {
    background: url("../docs/web/template/ReST/try-its.png") no-repeat scroll center center #000000 !important;
    cursor: pointer;
    height: 100%;
    opacity: 0;
    position: absolute;
    transition-duration: 1s;
    width: 100%;
    z-index: 10;
}
.rollover:hover{
opacity:0.9;
  transition-duration:1s;

}
.panel-default > .panel-heading{position:relative !important;}
.logic_mission > .panel-heading{position:relative !important;}

.rest_example p{margin:5px 0 !important; font-size:12px !important; }
.rest_example h6{margin:5px 0 !important;color:#777777 !important; font-size:12px !important; }

.rest_example_sec{border:1px solid #b0b0b0;border-radius: 4px;  padding:10px; margin-bottom:15px;}