/*
Admin css
*/

#timeline_grid_metabox {
  background: #f1f1f1 none repeat scroll 0 0;
  border: medium none;
  box-shadow: none;
}

#timeline_grid_metabox .hndle {
  background: rgb(96, 173, 252) none repeat scroll 0 0;
  color: rgb(255, 255, 255);
}

#timeline_grid_metabox .handlediv{
  color: rgb(255, 255, 255);
}


#timeline_grid_metabox .skin-list{}

#timeline_grid_metabox .skin-list .skin-container {
  display: inline-block;
  margin: 10px;
  width: 350px;
}

#timeline_grid_metabox .skin-list .skin-container .checked {
  background: rgb(252, 110, 60) none repeat scroll 0 0;
  padding: 3px 10px;
}

#timeline_grid_metabox .skin-list .skin-container .checked.selected {
  background: rgb(58, 212, 127) none repeat scroll 0 0;
}

#timeline_grid_metabox .skin-list .skin-container label {
  color: rgb(255, 255, 255);

}




#timeline_grid_metabox .skin-list .skin {
  background: rgb(242, 242, 242) none repeat scroll 0 0;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;

}






#timeline_grid_metabox .skin-list .skin .thumb img {
  height: auto;
  width: 100%;
}

#timeline_grid_metabox .skin-list .skin .title {
  font-size: 16px;
  line-height: normal;
  padding: 5px 0;
}

#timeline_grid_metabox .skin-list .skin .content {
  font-size: 13px;
  line-height: normal;
  padding: 5px 0;
}

#timeline_grid_metabox .grid-layout {
  background: rgb(243, 243, 243) none repeat scroll 0 0;
  margin: 20px 0;
  padding: 25px;
}

#timeline_grid_metabox .grid-layout .grid-up {
  border: 1px dashed rgb(221, 221, 221);
  margin: 10px 0;
  padding: 10px;
  text-align: center;
}

#timeline_grid_metabox .grid-layout .grid-up label, #timeline_grid_metabox .grid-layout .grid-bottom label {
  background: rgb(230, 230, 230) none repeat scroll 0 0;
  border: 1px solid rgb(221, 221, 221);
  padding: 3px 15px;
}




#timeline_grid_metabox .grid-layout .grid-container {
  border: 1px dashed rgb(221, 221, 221);
  margin: 10px 0;
  overflow: hidden;
  padding: 10px;
}


#timeline_grid_metabox .grid-layout .grid-container img{
	width:100%;
}

#timeline_grid_metabox .grid-layout .grid-bottom {
  border: 1px dashed rgb(221, 221, 221);
  padding: 10px;
  margin: 10px 0;
  text-align: center;
}




#timeline_grid_metabox .meta-query-list {

}

#timeline_grid_metabox .meta-query-list .remove {
  background: rgb(255, 73, 10) none repeat scroll 0 0;
  color: rgb(255, 255, 255);
  margin-right: 10px;
  padding: 1px 6px;
}





#timeline_grid_metabox .layout-list{

}

#timeline_grid_metabox .layout-list .idle, #timeline_grid_metabox .layout-list .hover {
  background: rgba(0, 0, 0, 0) url("../images/tile.png") repeat scroll 0 0;
  display: inline-block;
  height: auto;
  margin: 0 10px;
  vertical-align: top;
  width: 300px;
}

#timeline_grid_metabox .layout-list .idle{}
#timeline_grid_metabox .layout-list .hover {

}

#timeline_grid_metabox .layout-list .idle .name, #timeline_grid_metabox .layout-list .hover .name {
  background: rgb(240, 240, 240) none repeat scroll 0 0;
  border-bottom: 1px solid rgb(153, 153, 153);
  font-size: 20px;
  line-height: normal;
  padding: 5px 0;
  text-align: center;
}




#timeline_grid_metabox .bg_image_src {
  border: 1px solid rgb(221, 221, 221);
  cursor: pointer;
  height: 50px;
  margin: 5px;
  vertical-align: top;
  width: 50px;
}




/* layout-editor */

.layout-editor .layout-items {
  margin: 25px 0;
}

.layout-editor .layout-items .item {
  background: rgb(240, 240, 240) none repeat scroll 0 0;
  border-bottom: 1px solid rgb(221, 221, 221);
  cursor: pointer;
  display: inline-block;
  margin: 5px 3px;
  padding: 3px 7px;
}

.layout-editor .layout-items .item .fa{
	display:none;

}


.layout-editor .layout-items .item:hover .fa {
  display: inline-block;
}




.layout-editor .layout-list{

}

.layout-editor .layout-list .idle, .layout-editor .layout-list .hover {
  background: rgba(0, 0, 0, 0) url("../images/tile.png") repeat scroll 0 0;
  display: inline-block;
  height: auto;
  margin: 0 10px;
  vertical-align: top;
  width: 300px;
}

.layout-editor .layout-list .idle{}
.layout-editor .layout-list .hover{

}

.layout-editor .layout-list .idle .name, .layout-editor .layout-list .hover .name {
  background: rgb(240, 240, 240) none repeat scroll 0 0;
  border-bottom: 1px solid rgb(153, 153, 153);
  font-size: 20px;
  line-height: normal;
  padding: 5px 0;
  text-align: center;
}


.layout-editor .css-editor {

}


.layout-editor .css-editor .header{

}

.layout-editor .css-editor .header .remove {
  background: rgb(255, 68, 63) none repeat scroll 0 0;
  color: rgb(255, 255, 255);
  cursor: pointer;
  margin-right: 10px;
  padding: 1px 6px;
}




/*Upgrade*/

#post-grid-upgrade {
  background: rgb(221, 221, 221) none repeat scroll 0 0;
  cursor: pointer;
  padding: 1px 10px;
  text-decoration: underline;
}