html { height:100%; overflow:auto; }
body { background: #fff; margin: 0; padding: 0; height:100%; overflow:auto; }

hr.hr-sm { margin-top:10px; margin-bottom:10px; }
hr.hr-sm-4 { margin-top:4px; margin-bottom:4px; }
hr.hr-sm-margintop0 { margin-top:0px; margin-bottom:10px; }

hr.hr-sm-margintop0bottom4 { margin-top:0px; margin-bottom:4px; }

.padding-top-10 { padding-top: 10px; }
.margin-0 { margin: 0;}
.margin-bottom-16 { margin-bottom: 16px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-6 { margin-bottom: 6px; }
.margin-bottom-4 { margin-bottom: 4px; }
.margin-top-0 { margin-top: 0;}
.margin-top-10 {margin-top: 10px;}

.margin-top-4 {margin-top: 4px;}
.helptext {
    font-size: 80%;
    color: #888;
}

.successText { color:blue; }
.errorText { color:red; }
.font-sm { font-size:13px; }

.alert.write-review-signup-alert { margin-bottom: 6px; margin-top: 6px;}

.fontxs { font-size: 90%; } 
.fontnormal { font-weight: normal; }
.fontnormal13 { font-weight: normal; font-size: 13px; }
.colorgray { color: #666; }
.colorlightgray { color: #999; }
.maxWidth600 { max-width: 600px; padding-left:0; padding-right:0; }
.margincenter { margin:0 auto; }
.btn-min-76 { min-width: 76px; }
.btn-gray { background-color:#eeeeee; }

.btn-iopw, a.btn-iopw { background-color:#00aeef; color:#fff; border:solid 1px #fff; transition: .3s all ease; border-radius:0; }
.btn-iopw:hover, a.btn-iopw:hover, .btn-iopw:focus, a.btn-iopw:focus { background-color:#008fc5; color:#fff; border:solid 1px #fff; transition: .3s all ease; }
.btn-iopw-bg { background-image: url(//fileserver.rwardz.com/VerView/default/logo-iopw-i-bg.png); background-size: contain;padding-left: 50px; background-repeat: no-repeat; background-position: left center; }
.paddingbottom10 { padding-bottom: 10px; }
.paddingbottom4 { padding-bottom: 4px; }

.paddingwrite { padding:10px 0px; padding-bottom:30px; }

.errorBox { height: 20px; color:red; display:block; }
.errorBoxBig { color:red; display:none;}

.newwinclose { padding-top:10px;}
.newwinclose .glyphicon {  color:#fff; font-size:14px; cursor:pointer; }

.sns-login-review { list-style: none; margin: 0; padding: 0; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.sns-login-review > li { display: inline-block;  max-width: 240px; width: 100%;}
.sns-login-review > li a { display: inline-block; margin-bottom: 8px;  display: flex; justify-content: start; align-items: center; flex-direction: row;  text-decoration: none; }
.sns-login-review > li a.a-google { background: #4285f4; border:1px solid #4285f4; }
.sns-login-review > li a.a-facebook { background: #293f69; border: 1px solid #293f69; }
.sns-login-review > li a > span {padding-left: 10px; padding-right: 10px;color: #fff; font-weight: bold; text-transform: uppercase; }
.custom-login-logo a { display: inline-block; }
    .custom-login-logo a .custom-login-logo-background {
        margin: 4px;
        background-position: center center;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        display: inline-block;
        background-repeat: no-repeat;
    }
.custom-login-logo a .custom-login-logo-background img { margin: 0 !important; }
.vertical-top { vertical-align: top !important; }

.member-bizname { opacity: 0.7; position: relative; top: -0.2em; font-size: 90%;}
.member-bizname .bizname { margin-left: 4px; }
.member-bizname-field { margin-top: 4px; display: inline-block; }
.member-bizname-field > span { float: left; margin-right: 10px !important; }
.member-bizname-field .form-group { margin: 0; }
.member-bizname-field .checkbox { margin: 0; padding: 0; padding-top: 6px; font-size: 12px; color: #888; }
.member-bizname-field .checkbox label:first-of-type { padding-right: 6px;}
.member-bizname-field .checkbox input[type=checkbox] { margin-top: 2px; }
.label-verified { margin-left: 6px;margin-right:0;font-size: 85%; display: inline-block; }
.label-verified .redeem-verified-link { background: #f48036;color: #ffffff; padding: .25em .4em .25em; border-radius: .25em; display: inline-block;line-height: 1;text-decoration: none; }
.label-verified .redeem-verified-link:hover { background: #cf5303;color: #ffffff;text-decoration: none; }

.pageHeader { position:fixed; top:0; width:100%; z-index:999; }
.pageHeader { height:39px; overflow:hidden; }
.pageHeader .topnav h2 { font-size:18px; padding-left:30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; padding: 0; color: #fff;  }
.pageHeader .topnavtitle { padding-top:10px; padding-bottom:10px; font-size:90%; color:#fcf5ea;}

.pageHeader .topnavtitle .headerUserProfilePhoto { position:absolute; top:6px;}
.pageHeader .topnavtitle .headerUserProfilePhoto img { height:27px; width:27px; border-radius:40px;}

.scrollable-dropdown-menu {
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
     max-width: 100%;
}

.cursorpoint {
    cursor: pointer
}
.js-win-self {
    display: none;
}
.topnavtabs { background:#888; padding-top:10px;  color:#fff;}
.topnavtabs a { color:#fff; }
.topnavtabs a:hover { color:#666; }
.pageHeader .topnav {background:#03c4a7;}
.pageHeader h2.pgtitle { font-size:20px;}

.pageFooter { position:fixed; bottom:0; left:0; width:100%; background-color:#f7f7f7; border-top:1px #f1f1f1 solid; z-index:997;  height:46px; }
.pageFooter .paddingsm { padding:6px 0; }

.bodyContent { margin-top:39px; margin-bottom:46px; }
.bodyContent.noBottom { margin-top:39px; margin-bottom:0px; }
.bodyContent .form-group { margin-bottom:0; }
.bodyContent .form-group.form-group-option > div { padding-left:6px; padding-right:6px;}
.bodyContent .form-group.form-group-option > div.col-list { width:100%;  max-width:100%; }
.bodyContent .form-group.form-group-option > div.col-list ul.dropdown-menu { min-width:220px; }
.bodyContent .col-list .dropdown .dropdown-menu  {  max-width:100%; }
.bodyContent .col-list .dropdown .dropdown-menu>li>a { font-size:95%; padding-left:0; padding-right:0; margin-left:16px; margin-right:16px; overflow:hidden;}
.bodyContent .form-group.form-group-option { margin-left:-6px; margin-right:-6px; margin-bottom:0; }
.bodyContent .dropdown-toggle-button { text-align:left !important;  overflow:hidden; position:relative; padding-right:20px; }
.bodyContent .dropdown-gray { background-color: #f1f1f1; }
.bodyContent .btn.dropdown-toggle-button  .caret { position:absolute; right:6px; top:10px; }
.bodyContent .dropdown-toggle-button .namefield { width: 100%; overflow: hidden; display:block; padding:0; margin:0; line-height:1.1; }
.bodyContent .dropdown-toggle-button.selected { background:#03c4a7 !important; color: #fff !important; }
.bodyContent h2.pgtitle { font-size:20px; margin:0;}
.bodyContent .section-message-item-view { padding-top:10px; padding-bottom:10px; }
.bodyContent .userInfoOut {  }
.bodyContent .userInfoOut .cthumbnail { display:inline-block; width:32px; height:32px; overflow:hidden; border-radius:100px; margin-right:10px;  }
.bodyContent .userInfoOut .cthumbnail img { height:32px; width:32px; }
.bodyContent .userInfoOut .userInfo { display:inline-block; vertical-align:middle; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.bodyContent .userInfoOut .userInfo .name { font-size:14px; }

.bodyContent .reviewViewMessage { padding-top:14px; white-space:pre-line;}
.bodyContent .messageViewMessage { padding-top:14px; white-space:pre-line;}

.bodyContent .loginwithsns { padding-top: 0px; padding-bottom:6px;}

.bodyContent .loginwithsns .custom-xxs-padding-right { padding-right:6px; }
.bodyContent .loginwithsns .custom-xxs-padding-left { padding-left:6px; }

.bodyContent .loginwithsns .custom-xxs-show { display:block; }
.bodyContent .loginwithsns .custom-xxs-hide { display:none; }

.bodyContent .imagebutton { width: 100%; border: none; padding: 6px 12px; border-radius: 4px; height: 34px;}

.bodyContent .imagebuttongoogle { background-image: url(//fileserver.rwardz.com/verview/default/google-signin.png); background-position: left center; background-repeat: no-repeat; color: #fff; margin-top:10px; padding-left:30px; font-size:12px;}

.bodyContent .imagebuttonfacebook { background-image: url(//fileserver.rwardz.com/verview/default/facebook_signin.png); background-position: left center; background-repeat: no-repeat; color: #fff; margin-top:10px; padding-left:30px; font-size:12px;}

.bodyContent .input-validation-error { border: 1px solid #ff8b8b; background-color: #fef7f7;}

.bodyContent ul.reviewThumbnails.review-thumbnails-edit a { float: left;color: #fff; }

.bodyContent ul.reviewThumbnails.review-thumbnails-edit { list-style:none; margin:0; padding:0;overflow:hidden; }
.bodyContent ul.reviewThumbnails.review-thumbnails-edit > li { list-style:none; float:left;  margin-right:10px; margin-bottom:6px; position: relative; }
.bodyContent ul.reviewThumbnails.review-thumbnails-edit.margin { margin-top:10px; margin-bottom:10px; }
.bodyContent ul.reviewThumbnails.review-thumbnails-edit > li img { width:56px; height:56px; }

.bodyContent ul.reviewThumbnails.review-thumbnails-edit > li a.youtube-thumbnail { display:block; width:56px; height:56px; background-position:center center; background-size:cover; }

.bodyContent ul.reviewThumbnails.review-thumbnails-edit > li .mediaButton { display: block; position: absolute; width: 28px; height: 28px; font-size: 16px; color: #fff; text-align: left; padding-left: 8px; z-index: 10}
.bodyContent ul.reviewThumbnails.review-thumbnails-edit > li .mediaButton .fa {margin-top: 8px;}

.bodyContent ul.reviewThumbnails.review-thumbnails-edit a { float: left;color: #fff; }

.bodyContent .reviewThumbnails.review-thumbnails-edit .upload-thumbnail-link { display:block; width:56px; height:56px; position:absolute; text-align:center;z-index: 9 }
.bodyContent .reviewThumbnails.review-thumbnails-edit .upload-thumbnail-link .upload-menu-overlay { position:absolute; width:56px; height:56px; display:none; text-align:center; color:#fff; background-color: rgba(0, 0, 0, 0.5); padding-top:34px; text-align: center; }
.bodyContent .reviewThumbnails.review-thumbnails-edit .upload-thumbnail-link .upload-menu-overlay a { font-size:12px; color:#fff; line-height:1.1;padding: 2px;float: none;}
.bodyContent .reviewThumbnails.review-thumbnails-edit .upload-thumbnail-link:hover .upload-menu-overlay { display:block; }

.bodyContent .review-write-field .k-upload-button { background-image:url(//fileserver.rwardz.com/verview/default/icon-upload.png); background-position:center center; }
.bodyContent .review-write-field .k-upload-button > span { display:none; }
.bodyContent .rating-container.rating-sm .caption, .rating-container.rating-sm .clear-rating { display:none; }
.bodyContent .rating-container .caption { display:none;}
.bodyContent .rating-xxs { font-size:1.6em; }

.branchemployeeproductlink { color:#666; font-size:95%; }
.branchemployeeproductlink a { color:#666;  }
.branchemployeeproductlink a:hover { color:#555; }

.input-youtube { padding-bottom:6px; }
.input-youtube .input-group-addon { padding:3px 6px }
.input-youtube .input-group-addon .fa { font-size:20px;}

.bodyPageLogin .login-box { display: table; height: 100px; width: 100%; text-align: center; }
.bodyPageLogin .login-box .login-box-inner { display: table-cell; vertical-align: middle; }
.bodyPageLogin .login-box .login-box-inner .login-title { font-size: 24px; text-transform: uppercase;margin-top: 20px;  }
.bodyPageLogin .login-box .login-box-inner ul.sns-login {padding: 0;margin: 0; margin-top: 30px;list-style: none;  }
.bodyPageLogin .login-box .login-box-inner ul.sns-login > li { display: inline-block; }
.bodyPageLogin .login-box .login-box-inner ul.sns-login > li img { max-width: 90px;margin: 4px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease}
.bodyPageLogin .login-box .login-box-inner ul.sns-login > li img:hover { -webkit-filter: brightness(50%);filter: brightness(70%);
}

.col-xs-custom {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.nav-tabs {
    margin-bottom: 20px;
}

.form-group-userinfo > div { float:left;  }
.form-group-userinfo > div img { width:36px; height:36px; border-radius:36px; margin-right:10px; }
.form-group-userinfo > div .username { font-size:16px; font-weight:bold;}
.form-group-userinfo > div .email { font-size:12px; font-weight:normal; color:#888;}
.form-group-userinfo > div .accountservice a, .form-group-userinfo > div .accountservice a:hover { color:#fff; }


.boxtable {
   display: table;
   border-collapse: collapse;
}
 
.boxtable .boxtable-row {
   display: table-row;
}
 
.boxtable .boxtable-col {
   display: table-cell;
   text-align: left;
   vertical-align: middle;
}

.review-inner .reviewer { color:#888; padding-bottom:10px;}
.review-inner .reviewer .review-to  { padding-left:6px; display: inline-block }
.review-inner .reviewer img { width: 26px; height: 26px; border-radius: 22px; margin-right: 2px;}
.review-inner .reviewer .cusername { color:#333; font-weight:600; position:relative; line-height:3.2; }
.review-inner .reviewer .cusername .label { position:absolute; left:0; top:16px; background-color:#eee; color:#888; font-weight:300; }
.review-inner .reviewer .cusername .label a { color:#888; }
.review-inner .rating-reviewdate { color:#888; padding-bottom:10px;font-size: 12px;}
.review-inner .rating-reviewdate > span { display:inline-block;}

    .review-inner .rating-reviewdate .rating.rating-print {
        background-image: url(//fileserver.rwardz.com/verview/default/star-icons-print.png);
    }

.review-inner .rating-reviewdate .rating { background-image: url(//fileserver.rwardz.com/verview/default/star-icons2.png); background-repeat:no-repeat; background-position:0 0; height:20px; width:100px; margin-right:10px; text-indent:-9999px; }
.review-inner .rating.rating-0 { }
.review-inner .rating-reviewdate .rating.rating-1 { background-position:0 -20px;  }
.review-inner .rating-reviewdate .rating.rating-2 {  background-position:0 -40px;}
.review-inner .rating-reviewdate .rating.rating-3 { background-position:0 -60px; }
.review-inner .rating-reviewdate .rating.rating-4 {  background-position:0 -80px;}
.review-inner .rating-reviewdate .rating.rating-5 { background-position:0 -100px; }

.review-inner .title { font-size:14px; line-height:1.3;  white-space:pre-line; color:#333; font-weight:600; padding-bottom: 10px; margin: 0; }
.review-inner .detail { font-size:14px; line-height:1.6;  white-space:pre-line; color:#666; font-weight:300; }
.review-inner .reviewThumbnails { list-style:none; margin:0; padding:0; padding-bottom:10px; overflow:hidden; }
.review-inner .reviewThumbnails > li { float:left; padding-bottom:10px; padding-right:10px; }
.review-inner .reviewThumbnails > li img { width:80px; height:80px;}
.review-inner .reviewThumbnails > li a.youtube-thumbnail { display:block; width:80px; height:80px; background-position:center center; background-size: cover }

.review-inner .reviewThumbnails > li a .mediaButton { display: block; position: absolute; width: 80px; height: 80px; font-size: 16px; color: #fff; text-align: center;}
.review-inner .reviewThumbnails > li a .mediaButton .fa { margin-top: 24px; color: #fff; background-color: rgba(0,0,0,0.5); padding: 7px; padding-left: 9px; height: 30px; width: 30px; border-radius: 30px; text-align: center;}

.review-inner .revolvedicon { color:#03c4a7; font-size:20px;}

.business-signature { margin-bottom: 10px; margin-top: -6px; }

.body-header {max-width: 640px; text-align: center; margin: 0 auto; padding: 14px 10px; line-height: 1.3; }
.body-header > h2 { margin: 0;}
.body-header img { max-width: 100%; max-height: 100px;}
#body-container.body-standalone { max-width: 640px; margin: 0 auto; border: solid 1px #ddd; } 
#body-container.body-standalone .pageHeader { position: relative;}
#body-container.body-standalone .bodyContent { margin-top: 20px; margin-bottom: 20px;}
#body-container.body-standalone .bodyContent .paddingwrite { padding: 0;}
#body-container.body-standalone .pageFooter { position: relative; padding-bottom: 40px; height: auto; background-color: transparent; border: none;}


.login-overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.6); /* Black background with opacity */
    z-index: 998; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
    justify-content: center;
    align-items: center;
    align-content: center;
}

.login-overlay .panel-review-login {
    margin: 10px;
    width: 100%;
    max-width: 480px;
    position: relative;
}

.login-overlay .panel-review-login h3 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.login-overlay .panel-review-login .panel-close-button { color: #aaa; text-decoration: none; font-size: 18px; position: absolute; top: 14px; right: 20px;}
.login-overlay .panel-review-login .panel-close-button:hover {color: #ccc;  }
.login-overlay .panel-review-login .sns-login-review { margin-bottom: 0;}

.login-overlay .panel-review-login .or-out { position: relative; height: 12px; }
.login-overlay .panel-review-login .or-out > hr { margin: 0; width: 100%; margin-top: 20px;}
.login-overlay .panel-review-login .or-in { position: absolute; top: -10px; width: 100%; }
.login-overlay .panel-review-login .or-text { margin: 0 auto; width: 40px; background: #fff; text-align: center; display: block; font-weight: bold; color: #666; }
.login-overlay .panel-review-login .label-title { color: #888; font-size: 12px; text-transform: uppercase; margin-bottom: 1px;}

@media (min-width:768px)
{
    .paddingmd { padding:20px; }
    .paddingsm { padding:10px 20px;}
    .paddingwrite { padding:12px 20px; padding-bottom:30px; }
    .alert { margin-bottom:16px; padding: 10px 15px; padding-right: 35px; font-size:14px; }
    .login-overlay .panel-review-login h3 {
        font-size: 24px;
    }
}

@media (min-width:500px)
{
    .bodyPageLogin .login-box .login-box-inner ul.sns-login > li img { max-width: 120px;margin: 4px; }

    .paddingmd { padding:20px; }
    .paddingsm { padding:10px 20px;}
   .paddingwrite { padding:12px 0px; padding-bottom:30px; }
   .maxWidth600 { padding-left:16px; padding-right:16px; }
    .alert {margin-bottom:16px; padding: 10px 15px; padding-right: 35px; font-size:14px; }

    .rating-container.rating-sm .caption, .rating-container.rating-sm .clear-rating { display:inline-block; }
    .rating-container .caption { display:inline-block;}


.newwinclose { padding-top:15px;}
.newwinclose .glyphicon {  color:#fff; font-size:16px; cursor:pointer; }

 .pageHeader { height:52px; }

.pageHeader .topnavtitle { padding-top:14px; padding-bottom:14px; position:relative; }
.pageHeader .topnavtitle .headerUserProfilePhoto { position:absolute; top:6px;}
.pageHeader .topnavtitle .headerUserProfilePhoto img { height:40px; width:40px; border-radius:40px;}

.pageHeader .topnav h2 { font-size:22px; }
.newwinclose { padding-top:15px;}
.newwinclose .glyphicon {  color:#fff; font-size:16px; cursor:pointer; }

.pageFooter { height:55px; }
.pageFooter .paddingsm { padding:10px 0; }

.bodyContent { margin-top:52px; margin-bottom:55px; }
.bodyContent.noBottom { margin-top:52px; margin-bottom:0px; }
.bodyContent .form-group.form-group-option > div.col-list.col-xs-4 { width:33.33333333%;}
.bodyContent .form-group.form-group-option > div.col-list.col-xs-6 { width:50%;}
.bodyContent .form-group.form-group-option > div.col-list.col-xs-12 { width:100%;}

.bodyContent .col-list .dropdown .dropdown-menu  {  max-width:100%; width:100%; }
.bodyContent .col-list .dropdown .dropdown-menu>li>a { padding-left:0; padding-right:0; margin-left:12px; margin-right:12px;}
.bodyContent .col-list .dropdown .dropdown-menu.dropdownright { left:auto; right:0;}

.bodyContent .loginwithsns .custom-xxs-padding-right { padding-right:15px; }
.bodyContent .loginwithsns .custom-xxs-padding-left { padding-left:15px; }

.bodyContent .loginwithsns .custom-xxs-show { display:none; }
.bodyContent .loginwithsns .custom-xxs-hide { display:block; }

.bodyContent .imagebuttongoogle { padding-left:10px; font-size:14px;}

.bodyContent .imagebuttonfacebook { padding-left:10px; font-size:14px;}

}
@media print {
    .pageHeader .topnav {
        background-color: #333 !important;
    }

        .pageHeader .topnav h2 { color: #fff !important; }

    .review-inner .rating-reviewdate .rating {
        background-image: url(//fileserver.rwardz.com/verview/default/star-icons-print.png) !important;
    }
        .review-inner .rating-reviewdate .rating.rating-1 {
            background-position: 0 -20px !important;
        }
        .review-inner .rating-reviewdate .rating.rating-2 {
            background-position: 0 -40px !important;
        }
        .review-inner .rating-reviewdate .rating.rating-3 {
            background-position: 0 -60px !important;
        }
        .review-inner .rating-reviewdate .rating.rating-4 {
            background-position: 0 -80px !important;
        }
        .review-inner .rating-reviewdate .rating.rating-5 {
            background-position: 0 -100px !important;
        }

    a:after { content:''; }
    a[href]:after { content: none !important; }

    .hideinprint { display: none !important; }

    
    body {
        height: auto !important;
        overflow: auto !important;
    }

    html {
        height: auto !important;
        overflow: auto !important;
    }

    .customscroll { max-height: none !important; }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}