.rpg-image-entry {
    background: #fff;
    margin: 0 15px 15px 0;
    padding: 17px;
    width: 27%;
    float: left;
    box-shadow: 0 0 6px rgba(0, 0, 0, .7);
}

.rpg-image-entry:hover {
    cursor: move;
}

.rpg-image-entry img {
    max-width: 100%;
    max-height: 240px;
    display: block;
    margin-bottom: 10px;
}

.rpg-meta-image {
    width: 100%;
    height: 155px;
    display: block;
    margin-bottom: 10px;
}

.rpg-image-entry .button-primary {
    width: 100%;
    margin-bottom: 10px;
}

.rpg_label_text {
    width: 100%;
    padding: 9px;
}

.rpg-image-entry .gallery_remove {
    display: block;
    float: right;
    height: 3px;
    margin-right: -21px;
    margin-top: -23px;
    outline: 0 none;
    text-indent: -9999px;
    width: 22px;
}

.add_rpg_new_image {
    text-align: center;
    padding-top: 2.8%;
    padding-bottom: 2.8%;
    border: 3px dashed rgba(0, 0, 0, 0.2);
    cursor: pointer;
    box-shadow: 0 0 0px rgba(0, 0, 0, .8);

}

.add_rpg_new_image:hover {
    border: 5px dashed #fb8a29;
    background: #fb8a29;
    cursor: pointer;
}

.add_rpg_new_image:hover p {
    color: #ffffff;
}

.add_rpg_new_image:hover .dashicons {
    background: none repeat scroll 0 0 #ffffff;
    color: #fb8a29;
}

.add_rpg_new_image .dashicons {
    background: none repeat scroll 0 0 rgba(153, 153, 153, 0.2);
    border-radius: 50%;
    color: #999;
    content: "?";
    display: inline-block;
    height: 100px;
    font-size: 80px;
    padding: 0;
    line-height: 110px;
    text-align: center;
    text-indent: -4px;
    text-shadow: none;
    top: 30%;
    vertical-align: middle;
    width: 100px;
    z-index: 4;
}

.del_rpg_image {
    text-align: center;
    padding-top: 2.8%;
    padding-bottom: 2.8%;
    border: 3px dashed rgba(0, 0, 0, 0.2);
    cursor: pointer;
    box-shadow: 0 0 0px rgba(0, 0, 0, .8);
}

.del_rpg_image:hover {
    border: 5px dashed #564f4f;
    background: #564f4f;
    cursor: pointer;
}

.del_rpg_image:hover p {
    color: #ffffff;
}

.del_rpg_image:hover .dashicons {
    background: none repeat scroll 0 0 #ffffff;
    color: #564f4f;
}

.del_rpg_image .dashicons {
    background: none repeat scroll 0 0 rgba(153, 153, 153, 0.2);
    border-radius: 50%;
    content: "?";
    display: inline-block;
    height: 100px;
    font-size: 66px;
    padding: 0;
    line-height: 100px;
    text-shadow: none;
    top: 30%;
    vertical-align: middle;
    width: 100px;
    z-index: 4;
}

.rpg-meta-container {
    width: 100%;
    background: #fff;
    display: block;
    float: left;
    padding: 10px;
}

#append_rpg_img {
    display: block;
}

.badge1 {
    position: relative;
}

.badge1[data-badge]:after {
    content: attr(data-badge);
    padding: 2px 4px;
    background: #0AC2D2;
    color: #000;
    width: 60px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 10%;
    box-shadow: 0 0 1px #333;
}

.badge3 {
    position: relative;
}

.badge3[data-badge]:after {
    content: attr(data-badge);
    padding: 2px 4px;
    background: #fff;
    color: #000;
    width: 60px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 10%;
    box-shadow: 0 0 1px #333;
}

.badge4 {
    position: relative;
}

.badge4[data-badge]:after {
    content: attr(data-badge);
    padding: 2px 4px;
    background: #000;
    color: #fff;
    width: 60px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 10%;
    box-shadow: 0 0 1px #333;
}

.badge6 {
    position: relative;
}

.badge6[data-badge]:after {
    content: attr(data-badge);
    padding: 2px 4px;
    background: #dd4242;
    color: #fff;
    width: 60px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 10%;
    box-shadow: 0 0 1px #333;
}

.custnote {
    background-color: rgba(23, 31, 22, 0.64);
    color: #fff;
    width: 328px;
    border-radius: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.slgf_getpro {
    width: 100%;
}

.upg_anch {
    text-decoration: none;
    color: #fff;
    padding: 12px;
    background-color: #3ea65a;
}

.update_pro_button a {
    font-size: 24px;
    color: #fff;
    padding: 13px;
    background: #fb8a29;
    text-decoration: none;
    text-align: center;
    display: block;
    border-radius: 4px;
}

.lbs_setting {
    background-color: #fb8a29;
    padding: 12px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
    font-size: 18px;
}

.wlTBlock {
    background: #fb8a29;
    padding: 27px 0 23px 0;
    margin-left: -20px;
    font-family: Myriad Pro;
    cursor: pointer;
    text-align: center;
}

.wlTBlock .wlTBig {
    color: white;
    font-size: 30px;
    font-weight: bolder;
    padding: 0 0 15px 0;
}

.wlTBlock .wlTBig .dashicons {
    font-size: 40px;
    position: absolute;
    margin-left: -45px;
    margin-top: -10px;
}

.wlTBlock .WlTSmall {
    font-weight: bolder;
    color: white;
    font-size: 18px;
    padding: 0 0 15px 15px;
}

.wlTBlock a {
    text-decoration: none;
}

@media screen and ( max-width: 600px ) {
    .wlTBlock {
        padding-top: 60px;
        margin-bottom: -50px;
    }

    .wlTBlock .WlTSmall {
        display: none;
    }
}

.wrg-rate-us span.dashicons {
    width: 30px;
    height: 30px;
}

.wrg-rate-us span.dashicons-star-filled:before {
    content: "\f155";
    font-size: 30px;
}

#titlediv #title {
    margin-bottom: 15px;
}

.review-notice {
    background-color: #019697 !important;
    color: #fff;
}

.review-notice p {
    font-size: 16px !important;
    font-weight: 300 !important;
    font-style: normal !important;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}

.review-notice #review {
    background-color: #b23831 !important;
    /*border-color: rgb(0, 115, 170) rgb(0, 103, 153) rgb(0, 103, 153);*/
    border-color: #eee #eee #eee;
    -webkit-box-shadow: 0 1px 0 #b23831;
    box-shadow: 0 1px 0 #b23831;
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-shadow: 0 -1px 1px #b23831, 1px 0 1px #b23831, 0 1px 1px #b23831, -1px 0 1px #b23831;
}

/*.notice-dismiss:before {
    color: #fff !important;
}*/

.review-notice #review:hover {
    background: rgb(238, 238, 238) !important;
    border-color: rgb(238, 238, 238) !important;
    color: rgb(255, 255, 255) !important;
}

.review-notice #review:focus {
    -webkit-box-shadow: 0 1px 0 #b13830, 0 0 2px 1px #b23831 !important;
    box-shadow: 0 1px 0 #b23831, 0 0 2px 1px #b23831 !important;
}

/*.notice-dismiss:before {
    color: #fff !important;
}
*/
.notice-dismiss span {
    display: inline-block;
    background-color: #fff !important;
    color: #019697 !important;
}
.rpg-image-entry textarea{
    width: 100%;
    padding: 7px;
    margin: 2px 0 10px 0;
    height: 60px;
}
 .rpg-image-entry {
    background: #fff;
    margin: 0 15px 15px 0;
    padding: 17px;
    width: 27%;
    float: left;
    box-shadow: 0 0 6px rgba(0, 0, 0, .7);
}

.rpg-image-entry:hover {
    cursor: move;
}

.rpg-image-entry img {
    max-width: 100%;
    max-height: 240px;
    display: block;
    margin-bottom: 10px;
}

.rpg-meta-image {
    width: 100%;
    height: 155px;
    display: block;
    margin-bottom: 10px;
}

.rpg-image-entry .button-primary {
    width: 100%;
    margin-bottom: 10px;
}

.rpg_label_text {
    width: 100%;
    padding: 9px;
}

.rpg-image-entry .gallery_remove {
    display: block;
    float: right;
    height: 3px;
    margin-right: -21px;
    margin-top: -23px;
    outline: 0 none;
    text-indent: -9999px;
    width: 22px;
}

.add_rpg_new_image {
    text-align: center;
    padding-top: 2.8%;
    padding-bottom: 2.8%;
    border: 3px dashed rgba(0, 0, 0, 0.2);
    cursor: pointer;
    box-shadow: 0 0 0px rgba(0, 0, 0, .8);

}

.add_rpg_new_image:hover {
    border: 5px dashed #fb8a29;
    background: #fb8a29;
    cursor: pointer;
}

.add_rpg_new_image:hover p {
    color: #ffffff;
}

.add_rpg_new_image:hover .dashicons {
    background: none repeat scroll 0 0 #ffffff;
    color: #fb8a29;
}

.add_rpg_new_image .dashicons {
    background: none repeat scroll 0 0 rgba(153, 153, 153, 0.2);
    border-radius: 50%;
    color: #999;
    content: "?";
    display: inline-block;
    height: 100px;
    font-size: 80px;
    padding: 0;
    line-height: 110px;
    text-align: center;
    text-indent: -4px;
    text-shadow: none;
    top: 30%;
    vertical-align: middle;
    width: 100px;
    z-index: 4;
}

.del_rpg_image {
    text-align: center;
    padding-top: 2.8%;
    padding-bottom: 2.8%;
    border: 3px dashed rgba(0, 0, 0, 0.2);
    cursor: pointer;
    box-shadow: 0 0 0px rgba(0, 0, 0, .8);
}

.del_rpg_image:hover {
    border: 5px dashed #564f4f;
    background: #564f4f;
    cursor: pointer;
}

.del_rpg_image:hover p {
    color: #ffffff;
}

.del_rpg_image:hover .dashicons {
    background: none repeat scroll 0 0 #ffffff;
    color: #564f4f;
}

.del_rpg_image .dashicons {
    background: none repeat scroll 0 0 rgba(153, 153, 153, 0.2);
    border-radius: 50%;
    content: "?";
    display: inline-block;
    height: 100px;
    font-size: 66px;
    padding: 0;
    line-height: 100px;
    text-shadow: none;
    top: 30%;
    vertical-align: middle;
    width: 100px;
    z-index: 4;
}

.rpg-meta-container {
    width: 100%;
    background: #fff;
    display: block;
    float: left;
    padding: 10px;
}

#append_rpg_img {
    display: block;
}

.badge1 {
    position: relative;
}

.badge1[data-badge]:after {
    content: attr(data-badge);
    padding: 2px 4px;
    background: #0AC2D2;
    color: #000;
    width: 60px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 10%;
    box-shadow: 0 0 1px #333;
}

.badge3 {
    position: relative;
}

.badge3[data-badge]:after {
    content: attr(data-badge);
    padding: 2px 4px;
    background: #fff;
    color: #000;
    width: 60px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 10%;
    box-shadow: 0 0 1px #333;
}

.badge4 {
    position: relative;
}

.badge4[data-badge]:after {
    content: attr(data-badge);
    padding: 2px 4px;
    background: #000;
    color: #fff;
    width: 60px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 10%;
    box-shadow: 0 0 1px #333;
}

.badge6 {
    position: relative;
}

.badge6[data-badge]:after {
    content: attr(data-badge);
    padding: 2px 4px;
    background: #dd4242;
    color: #fff;
    width: 60px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 10%;
    box-shadow: 0 0 1px #333;
}

.custnote {
    background-color: rgba(23, 31, 22, 0.64);
    color: #fff;
    width: 328px;
    border-radius: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.slgf_getpro {
    width: 100%;
}

.upg_anch {
    text-decoration: none;
    color: #fff;
    padding: 12px;
    background-color: #3ea65a;
}

.update_pro_button a {
    font-size: 24px;
    color: #fff;
    padding: 13px;
    background: #fb8a29;
    text-decoration: none;
    text-align: center;
    display: block;
    border-radius: 4px;
}

.lbs_setting {
    background-color: #fb8a29;
    padding: 12px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
    font-size: 18px;
}

.wlTBlock {
    background: #fb8a29;
    padding: 27px 0 23px 0;
    margin-left: -20px;
    font-family: Myriad Pro;
    cursor: pointer;
    text-align: center;
}

.wlTBlock .wlTBig {
    color: white;
    font-size: 30px;
    font-weight: bolder;
    padding: 0 0 15px 0;
}

.wlTBlock .wlTBig .dashicons {
    font-size: 40px;
    position: absolute;
    margin-left: -45px;
    margin-top: -10px;
}

.wlTBlock .WlTSmall {
    font-weight: bolder;
    color: white;
    font-size: 18px;
    padding: 0 0 15px 15px;
}

.wlTBlock a {
    text-decoration: none;
}

@media screen and ( max-width: 600px ) {
    .wlTBlock {
        padding-top: 60px;
        margin-bottom: -50px;
    }

    .wlTBlock .WlTSmall {
        display: none;
    }
}

.wrg-rate-us span.dashicons {
    width: 30px;
    height: 30px;
}

.wrg-rate-us span.dashicons-star-filled:before {
    content: "\f155";
    font-size: 30px;
}

#titlediv #title {
    margin-bottom: 15px;
}

.review-notice {
    background-color: #019697 !important;
    color: #fff;
}

.review-notice p {
    font-size: 16px !important;
    font-weight: 300 !important;
    font-style: normal !important;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}

.review-notice #review {
    background-color: #b23831 !important;
    /*border-color: rgb(0, 115, 170) rgb(0, 103, 153) rgb(0, 103, 153);*/
    border-color: #eee #eee #eee;
    -webkit-box-shadow: 0 1px 0 #b23831;
    box-shadow: 0 1px 0 #b23831;
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-shadow: 0 -1px 1px #b23831, 1px 0 1px #b23831, 0 1px 1px #b23831, -1px 0 1px #b23831;
}

/*.notice-dismiss:before {
    color: #fff !important;
}*/

.review-notice #review:hover {
    background: rgb(238, 238, 238) !important;
    border-color: rgb(238, 238, 238) !important;
    color: rgb(255, 255, 255) !important;
}

.review-notice #review:focus {
    -webkit-box-shadow: 0 1px 0 #b13830, 0 0 2px 1px #b23831 !important;
    box-shadow: 0 1px 0 #b23831, 0 0 2px 1px #b23831 !important;
}

/*.notice-dismiss:before {
    color: #fff !important;
}
*/
.notice-dismiss span {
    display: inline-block;
    background-color: #fff !important;
    color: #019697 !important;
}
.rpg-image-entry textarea{
    width: 100%;
    padding: 7px;
    margin: 2px 0 10px 0;
    height: 60px;
}

/*Add new image and delete button box*/
.add_del_buttons {
	display: block;
	position: relative;
	max-width: 600px;
}

#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}