*:fullscreen
*:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
   overflow: auto !important;
}
.mar-bot15{
	margin-bottom:15px;
}
.btn:hover, .btn:active, .btn:focus{
	box-shadow:none;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
	    outline: 0px !important;
}
.lt-main{
  font-size:3.1em !important;
  top: -50px !important;
}
@media screen and (max-width: 500px) {
  .lt-main{
font-size:2.8em !important;
  top: -80px !important;
  }
		.top-draggble-item {
    width: 100% !important;
    float: none !important;}
	.tile-wrapper {
    margin: 10px 0px !important;
    min-width: 100% !important;
}

}
@media screen and (max-width: 768px) {

.padd-bot20{
	padding-bottom:20px !important;
}
   .bord-rigth {
    border-right: 0px !important;
}
.smile-box {
   /*  float: none !important;
    text-align: center !important; */
}
.drop-item-holder-left {
  /*   float: none !important;
    width: 100% !important; */
}
.frown-box {
   /*  float: none !important;
    text-align: center !important; */
}
.drop-item-holder-right {
  /*   float: none !important;
    width: 100% !important; */
}
}
h1.lt-main.place-center footer{
	float:right !important;
	font-weight:normal !important;
	font-size:20px !important;
}

.panel-default {
    border-color: #eee !important;
}
.row.suggesttouser {

    border-bottom: 1px dashed #ddd;
margin: 20px 0px;}
.btn-lg {
    padding: 10px 25px;
	min-width:120px;
    font-size: 16px;
    line-height: 1;
    border-radius: 0 !important;
       background: transparent !important;
    border-color: #000 !important;
	color:#000 !important;
	border-radius:3px !important;
	margin-top:20px;
}
.panel-heading span {
    font-size: 14px;
    font-weight: normal;
}
.btn-holder {
    width: 248px;
    margin: 0 auto;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: transparent !important;
    border-color: #ddd !important;
	background-image:none !important;
}
.panel-heading {
    color: #333;
    background-color: transparent !important;
    border-color: #ddd !important;
	padding:15px !important;
	    font-size: 24px;
    font-weight: bold;
	text-align:center;
	    border-bottom: 0px !important;
}
.bord-rigth{
	border-right:1px dashed #aaa;;
}
.content {
    margin: 80px 0px;
}
.smile-box {
	text-align:center;
	margin-bottom:20px;
	
}
.smile-box i {
    font-size: 150px;
	line-height: 220px;
	color: #23b558;
	cursor:pointer;
}
.frown-box {
	text-align:center;
	margin-bottom:20px;
}
.frown-box i{
font-size: 150px;
line-height: 220px;
    color: #de4545;
	cursor:pointer;
}
.select-btn {
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 4px;
	margin-right: 5px;
	margin-bottom: 10px !important;
}

main {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  user-select: none;
}

#top-bar-drag {
margin: 0;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}

#drop-panel {
      overflow-y: auto;
	  min-height:150px;
  background: rgba(255,255,255,0.5);
  padding: 10px;
  margin: 0px;
      border: 1px solid #ccc;
}
#drop-paneld {
     overflow-y: auto;
	  min-height:150px;
  background: rgba(255,255,255,0.5);
  padding: 10px;
  margin: 0px;
      border: 1px solid #ccc;
}

.content {
  flex: 1;
}

#scroll-box {
  border: 1px solid #ccc;
  white-space: nowrap;
  overflow-x: scroll;
}

#tile-container {
      display: inline-block;
}

.tile-wrapper {
   position: relative;
    padding: 0px !important;
    margin: 10px;
    border: 1px solid #ccc;
    min-width: 150px;
	float: left;
	text-align: center;
    background: rgba(255,255,255,0.5);
}
.clse {
    width: 5px;
    float: right;
    right: -5px;
    position: relative;
    cursor: pointer;
}

.tile {
    padding: 5px 15px;
  cursor: move;
  margin-right: 5px;
}
.tile.clone {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.tile.dropped {
  background: transparent;
}
#tile-container .clse{display: none;}
#drop-panel .tile-wrapper, #drop-paneld .tile-wrapper{position: relative;}
#drop-panel .clse, #drop-paneld .clse{display:block; position: absolute; text-align: right;  padding-right:10px; padding-top: 5px; background: transparent; left: 0;width: 100%; height: 100%;}

.Extform-input {
background: rgba(255,255,255,0.5)!important;
border: 1px solid #ccc!important;
}