html,body
{
width: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}
.hgb-dashboard-container{
display:flex;
flex-direction:row;
width:100%;
height:100%;
margin-top:3em;
}
p.hgb-amazon-review-help,span.hgb-amazon-profile-help{
color:#03a9f4;
text-decoration:underline;
cursor:pointer;
}
.pitemmain input[type="button"]{
background: #ffc107;
color: #fff;
border-radius: 25px;
border: none;
font-size: 16px;
padding: 12px;
margin-top:1em;
}
.pitem input[type="text"]{
border:2px solid #656565;
border-radius:25px;
padding:12px;
background:#fafafa;
width:70%;
}
.pitemmain h3{
text-transform:uppercase;
font-size:20px;
}
.pitem p{
overflow-wrap: break-word;
}
.hgb-dashboard-container a{
color:#03a9f4;
}
.hgb-dashboard-nav{
display:flex;
flex-direction:column;
background:#03a9f4;
width:15%;
box-shadow: 5px 0 5px rgb(0 0 0 / 0.2);
z-index:3;
}
.dashboard-gem-level{
display:block;
margin:0 auto;
border-radius:50%;
height:125px;
width:125px;
border:4px solid white;
margin-bottom:1em;
}
.hgb-username{
padding-top:3em;
padding-left:10px;
padding-right:10px;
text-align:center;
color:#fff;
white-space:normal;
overflow:hidden;
word-wrap: break-word;
}
.hgb-gem-level{
font-size:14px;
text-align:center;
color:#a3defb;
}
.stats-content{
display: flex;
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
}
.dashboard-content-completed-info{
display:flex;
flex-direction:row;
width:70%;
}
.dashboard-content-completed-info figure{
width:20%;
}
.dashboard-content-completed-info figure img{
width:100%;
}
.dashboard-content-completed-info > div{
width:70%;
margin-left:1em;
}
.dashboard-content-completed-info h2{
color:#000;
margin-bottom:1em;
}
.dashboard-content-completed-info h3{
color:#333;
font-size:1.3em;
}
.hgb-user-type{
display:block;
margin:0 auto;
width:80%;
color:#fff;
font-size:14px;
text-align:center;
border:2px solid white;
border-radius: 15px;
}
.hgb-dashboard-nav ul{
margin-top:4em;
}
.hgb-dashboard-nav li{
margin-bottom:1em;
font-size:14px;
}
.hgb-dashboard-nav ul a{
display:block;
width:100%;
color:#fff;
font-family:"Open Sans",sans-serif;
text-decoration:none;
padding:14px 0 14px 25px;
}
.hgb-dashboard-nav ul a:hover, .hgb-dashboard-nav-active{
background:#0288d1;
border-left:3px solid #ffc107;
padding:14px 0 14px 22px;
}
.hgb-dashboard-content{
display:flex;
flex-direction:column;
background:#fafafa;
width:85%;
}
.hgb-dashboard-main-header{
display:flex;
width:100%;
flex-direction:row;
background:#0288d1;
box-shadow: 0 3px 3px rgb(0 0 0 / 0.2);
padding-top:1em;
justify-content:space-between;
}
.hgb-dashboard-role-links{
display:flex;
flex-direction:row;
width:50%;
justify-content:space=between;
margin-left:1em;
}
.hgb-dashboard-role-links a{
color:#fff;
text-decoration:none;
width:45%;
text-align:center;
font-family:'Open Sans',sans-serif;
padding-top:10px;
}
.role-link-beta-reader{
background:#036ba3;
}
.role-link-author{
background:#004c76;
}
.role-link-beta-reader:hover,.role-link-author:hover{
background:#03a9f4
}
.hgb-dashboard-main-header p{
display:block;
width:10%;
background: url("../images/logo-icon.jpg") no-repeat 0 0;
padding-left:35px;
padding-top:5px;
color:#fff;
margin-right:75px;
}
.hgb-dashboard-main-header h3{
margin-left:1.6em;
color:white;
font-size:1.3em;
}
.dashboard-home-container{
display:flex;
flex-direction:column;
width:100%;
padding:2em;
}
.dashboard-home-top, .dashboard-home-bottom{
display:flex;
flex-direction:row;
justify-content:space-between;
width:100%;
}
.dashboard-button-container{
display:flex;
flex-direction:column;
width:30%;
}
.dashboard-home-top{
margin-bottom:2em;
}
.dashboard-announcements-container{
display:flex;
flex-direction:column;
background:#fff;
border:2px solid #e3e3e3;
border-radius:6px;
width:65%;
height:20em;
}
.announcements-header{
border-bottom:2px solid #e3e3e3;
}
.announcements-header h2{
color:#0288d1;
padding-left:30px;
}
.announcements-header p{
color:#656565;
font-family: Arial, sans-serif;
font-size:12px;
padding-left:30px;
}
.announcements-item-container{
height:100%;
overflow-y: scroll;
}
.announcements-item-container li{
padding-top:1em;
border-bottom:2px solid #e3e3e3;
position: relative;
}
.announcements-item-container li:last-child{
border-bottom:none;
padding-bottom:.6em;
}
.announcements-item h2{
font-family:Arial, sans-serif;
padding-left:25px;
font-size:14px;
}
.announcements-item p{
font-family:Arial, sans-serif;
padding-left:25px;
font-size:14px;
color:#545454;
}
.dashboard-blog h2{
text-transform: uppercase;
}
.dashboard-blog h2,.dashboard-blog h3{
color:#0288d1;
padding-left:30px;
}
.dashboard-blog h3{
font-size: 1rem;
}
.dashboard-blog figure{
padding-left:30px;
padding-right:30px;
}
.dashboard-blog figure img{
width:100%;
height:auto;
}
p.dashboard-blog-author{
color:#656565;
font-family: Arial, sans-serif;
font-size:12px;
padding-left:30px;
}
p.dashboard-blog-title{
padding-left:30px;
}
.dashboard-ad-container{
padding:1em;
}
.dashboard-ad-container p.hgb-ad-disclosure{
color:#0288d1;
font-size:12px;
}
.dashboard-ad-container p.hgb-ad-headline{
color:#0288d1;
font-size:18px;
font-weight:700;
}
.dashboard-ad-container p.hgb-ad-copy{
font-size:14px;
color:#656565;
}
.hgb-ad-wrapper .hgb-ad-wrapper-portrait{
display:flex;
flex-direction:row;
}
.hgb-ad-image{
width:35%;
}
.hgb-ad-image img{
width:100%;
height:auto;
}
.hgb-ad-content{
width:65%;
margin-left:10px;
}
.hgb-ad-content a,.hgb-ad-links a{
color:white;
text-decoration:none;
background:#ffc107;
border-radius:5px;
padding:5px 7px;
margin-right:5px;
margin-bottom:5px;
}
.hgb-ad-content a:hover,.hgb-ad-links a:hover{
background:#ffd558;
color:#717171;
}
.hgb-ad-links{
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
.signup-item{
border-left:5px solid #03a9f4;
}
.due-item{
border-left:5px solid #ffc107;
}
.hgb-ad-wrapper-landscape .hgb-ad-image{
width: 100%;
}
.hgb-ad-wrapper-landscape .hgb-ad-content{
width: 100%;
}
.overdue-item{
border-left:5px solid #fe0612;
}
.dashboard-blog{
display:flex;
flex-direction:column;
background:#fff;
border:2px solid #e3e3e3;
border-radius:6px;
width:30%;
}
.dashboard-books-container{
display:flex;
flex-direction:row;
width:65%;
justify-content:space-between;
align-self: flex-start;
}
.dashboard-new-arcs-container,.dashboard-reading-container{
display:flex;
flex-direction:column;
border:2px solid #e3e3e3;
border-radius:6px;
width:45%;
position:relative;
}
.dashboard-new-arcs-header,.dashboard-reading-header{
background:#03a9f4;
}
.dashboard-new-arcs-book,.dashboard-reading-book{
display:flex;
flex-direction:row;
padding:1em;
justify-content:space-between;
border-bottom:2px solid #dcdcdc;
}
.dashboard-new-arcs-header, .dashboard-reading-header{
padding:1em;
}
.dashboard-new-arcs-header h2, .dashboard-reading-header h2{
font-family:Arial,sans-serif;
color:white;
}
.dashboard-new-arcs-header p,.dashboard-reading-header p{
font-family:Arial,sans-serif;
color:#b3e5fc;
font-size:14px;
}
.dashboard-new-arcs-title,.dashboard-reading-title{
font-family:Arial, sans-serif;
color:#000;
font-size:16px;
margin-bottom:0;
}
.dashboard-new-arcs-author,.dashboard-reading-author{
font-family:Arial, sans-serif;
color:#727272;
font-size:14px;
margin-bottom:0;
}
.dashboard-new-arcs-genre,.dashboard-reading-genre{
font-family:Arial, sans-serif;
color:#b6b6b6;
font-size:12px;
}
.dashboard-new-arcs-book figure,.dashboard-reading-book figure,.dashboard-new-arcs-book .covernotavailable,.dashboard-reading-book .covernotavailable{
width:20%;
}
.dashboard-new-arcs-book .covernotavailable,.dashboard-reading-book .covernotavailable{
display: none;
font-weight: bold;
justify-content: center;
align-items: center;
font-size: 12px;
}
.dashboard-new-arcs-book figure img,.dashboard-reading-book figure img{
width:100%;
height:auto;
}
.dashboard-new-arcs-book div,.dashboard-reading-book div{
width:75%;
}
.dashboard-new-arcs-more p a,.dashboard-reading-more p a{
display:block;
background:#ffc107;
border-radius:50%;
color:#fff;
font-size:25px;
width:50px;
height:50px;
text-align:center;
line-height:50px;
text-decoration:none;
position:absolute;
bottom:-25px;
left:42%;
}
.dashboard-new-arcs-container ul li:last-child,.dashboard-reading-container ul li:last-child{
border-bottom:none;
margin-bottom:0;
}
.dashboard-new-arcs-container ul a,.dashboard-reading-container ul a{
text-decoration:none;
}
.dashboard-due-list{
display:flex;
flex-direction:column;
width:30%;
}
.dashboard-due-list div{
background:#fff;
display:flex;
flex-direction:column;
width:100%;
border:2px solid #e3e3e3;
border-radius:10px;
padding:1em;
margin-bottom:1.6em;
}
.dashboard-due-list div.due-book-item{
border-left:50px solid #ffc107;
}
.dashboard-due-list div.overdue-book-item{
border-left:50px solid #fe0612;
}
.dashboard-due-list h2{
font-size:16px;
}
.dashboard-due-list p{
color:#727272;
}
.dashboard-content-container{
margin:2em;
background:#fff;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-left: 2px solid #dedede;
border-right: 2px solid #dedede;
border-bottom: 2px solid #dedede;
}
.dashboard-metabox-container{
margin:2em;
}
.dashboard-metabox-container .dashboard-content{
display:flex;
flex-direction:row;
justify-content:space-between;
flex-wrap:wrap;
}
.dashboard-content-header{
background:#03a9f4;
display:flex;
flex-direction:row;
padding:1em;
border-top-left-radius:10px;
border-top-right-radius:10px;
margin-bottom:1.6em;
}
.dashboard-content-header figure{
display:flex;
align-items: center;
justify-content: center;
margin-right:2em;
}
.dashboard-content-header h2{
color:#fff;
}
.dashboard-content-header p{
color:#b3e5fc;
}
.dashboard-content-book-container{
display:flex;
flex-direction:row;
justify-content:space-between;
padding:1em;
width:100%;
border-bottom:2px solid #dedede;
}
.dashboard-content-book-info{
display:flex;
flex-direction:row;
width:65%;
}
.full-width-info{
width:100%;
}
.dashboard-content-book-info div.dashboard-button-container{
width:30%;
}
.dashboard-content-book-info div.dashboard-content-arc-meta-container{
width:50%;
}
.dashboard-content-book-info div div{
font-family:'Montserrat', sans-serif;
}
.dashboard-content-book-info figure,.dashboard-content-book-info .covernotavailable{
width:20%;
margin-right:2em;
}
.dashboard-content-book-info .covernotavailable{
display: flex;
font-weight: bold;
justify-content: center;
align-items: center;
}
.dashboard-content-book-info .covernotavailable{
display: none;
}
.dashboard-content-book-info .covernotavailable.active{
display: flex;
}
.dashboard-content-book-info figure img{
display:block;
width: 100%;
/*min-width:8rem;*/
height:auto;
/*min-height: 12rem;*/
margin-bottom:1.6em;
border:2px solid #dedede;
}
.dashboard-content-signup-message{
width:100%;
font-family:'Montserrat',sans-serif;
color:#717171;
margin-bottom:2em;
}
.dashboard-content-signup-message span{
color:green;
padding-right:10px;
font-size:20px;
}
.dashboard-content-filter{
display:flex;
flex-direction:row;
justify-content:space-between;
margin:1em;
}
.dashboard-content-filter p{
color:#727272;
}
span.dashboard-author-name{
color:#717171;
}
.dashboard-content-book-info h2,.dashboard-content-completed-info h2{
margin-bottom:.2em;
}
.dashboard-content-book-info h2 span{
color:#717171;
}
.dashboard-content-arc-meta-container{
display:flex;
flex-direction:column;
width:50%;
}
.dashboard-content-arc-meta-blurb{
width:90%;
padding-right:1em;
/*height:250px;*/
overflow-y:scroll;
}
.dashboard-content-arc-meta-blurb ul{
display:list-item;
padding-left:40px;
margin-top:0;
}
.dashboard-content-arc-meta-blurb ul li{
list-style:disc;
}
.dashboard-author-name{
color:#717171;
font-size:1.3em;
}
p.dashboard-book-due-status{
padding:1em;
border-left:30px solid #ffc107;
border-top:2px solid #dedede;
border-right:2px solid #dedede;
border-bottom:2px solid #dedede;
width:400px;
}
.dashboard-book-overdue-status,.dashboard-book-more-review-book-status,.dashboard-book-verified-more-review-book-status{
padding:1em;
border-left:30px solid #ff0707;
border-top:2px solid #dedede;
border-right:2px solid #dedede;
border-bottom:2px solid #dedede;
width:400px;
}
.dashboard-book-more-review-book-status{
border-left:30px solid #ffd558;
}
.dashboard-book-verified-more-review-book-status{
border-left:30px solid green;
}
p.dashboard-content-book-form{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
width:35%;
}
.dashboard-content-book-form input[type="textarea"]{
display:block;
width:100%;
height:5em;
margin:0 auto 1em auto;
}
.dashboard-content-book-button{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
width:100%;
text-align: center;
}
.dashboard-content-book-button input[type="submit"]{
background:#ffc107;
color:#fff;
font-size:16px;
border:none;
padding:1em;
border-radius:10px;
}
.dashboard-content-book-button input[type="submit"]:hover{
background:#ffd558;
color:#717171;
}
.dashboard-content-pagination{
text-align:center;
color:#717171;
font-size:16px;
margin-top:1em;
}
.dashboard-content-pagination a{
text-decoration:none;
background: #ffc107;
color:#fff;
border-radius:50%;
padding:.5em;
font-size:18px;
}
.dashboard-content-word-count{
color:#717171;
text-align:center;
}
.dashboard-content-arc-meta{
width:100%;
padding:1em;
border-left:30px solid #03a9f4;
border-top:2px solid #dedede;
border-right:2px solid #dedede;
border-bottom:2px solid #dedede;
margin-bottom:1.6em;
border-radius:10px;
}
.hgb-dashboard-settings-box{
background:#fff;
border:2px solid #dcdcdc;
border-radius:5px;
display:flex;
flex-direction:column;
margin-bottom:1.6em;
width:50%;
padding:10px;
}
.hgb-dashboard-settings-box-header{
padding:1em;
border-bottom:2px solid #e6e6e6;
}
.hgb-dashboard-settings-box h2{
color:#0288d1;
}
.hgb-dashboard-settings-box p{
color:#656565;
}
.hgb-dashboard-settings-box p.hgb-settings-header{
margin-bottom:0;
}
.hgb-genre-box{
width:30%;
}
.hgb-dashboard-settings-box label{
color:#2498d7;
margin-top:-4px;
}
.hgb-genre-options{
display:flex;
flex-direction:column;
flex-wrap:wrap;
padding:1em;
}
.hgb-genre-options div{
display:flex;
flex-direction:row;
width:100%;
font-size:18px;
}
.hgb-dashboard-settings-box input[type="submit"]{
background:#ffc107;
color:#fff;
border-radius:25px;
border:none;
font-size:16px;
padding:12px;
margin:0 0 1em 1em;
}
.hgb-dashboard-settings-box input[type="submit"]:hover{
background:#ffd65b;
}
.hgb-dashboard-account-settings div{
padding: 1em;
}
.hgb-dashboard-account-settings div form label{
color:#656565;
font-size:16px;
}
.hgb-dashboard-account-settings input[type="text"],.hgb-dashboard-account-settings input[type="email"],.hgb-dashboard-account-settings input[type="password"],input.book_custom_reason{
border:2px solid #656565;
border-radius:25px !important;
padding:12px;
background:#fafafa;
width:70%;
}
input.book_custom_reason{
width: 100%;
margin-bottom: 10px;
}
.hgb-dashboard-account-settings input[type="password"]{
margin-bottom:1em;
}
.hgb-modal {
position: fixed;
z-index: 9999;
padding: 50px 0 50px 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, .4);
}
.hgb-modal-content {
width: 50%;
border: none;
background-color: #fbfdfe;
margin: auto;
padding: 15px;
border-radius: 10px;
overflow: hidden;
text-align: center;
box-shadow: 1px 1px 14px 3px rgba(0,0,0,0.75);
}
.hgb-modal-close-button {
color: #aaa;
float: right;
font-size: 30px;
font-weight: 700;
}
.hgb-modal-close-button:focus,
.hgb-modal-close-button:hover {
color: #000;
text-decoration: none;
cursor: pointer;
}
#hgb-modal{
display:none;
}
.hgb-modal-message p{
margin-bottom:0;
color:#aaa;
font-size:15px;
line-height:1.7rem;
margin-top:25px;
padding:1em;
text-align:left;
}
.hgb-modal-content figure{
display:block;
width:90%;
margin:0 auto;
}
.hgb-modal-content figure img{
width:100%;
height:auto;
}
.hgb-modal-content h2{
margin-top:2em;
}
.hgb-modal-content h3{
margin-top:1.6em;
font-size:20px;
text-transform:uppercase;
text-decoration:underline;
}
.amazon-step-2,.amazon-step-3{
display:none;
}
.hgb-profile-buttons{
margin-top:1.6em;
margin-bottom:1.6em;
}
.hgb-dashboard-settings-box input[type="button"]{
display:block;
margin:1.6em auto;
background: #ffc107;
color:#fff;
border-radius:15px;
padding:.5em;
font-size:18px;
border:none;
cursor:pointer;
}
.hgb-profile-buttons button{
background: #ffc107;
color:#fff;
border-radius:10px;
padding:1em;
font-size:18px;
width:30%;
border:none;
cursor:pointer;
}
.hgb-profile-buttons input[type="text"],input[name=hgb-amazon-review_link]{
border:2px solid #656565;
border-radius:25px !important;
padding:12px;
background:#fafafa;
width:70%;
}
.hgb-profile-buttons input[type="submit"]{
background: #ffc107;
color:#fff;
border-radius:10px;
padding:1em;
font-size:18px;
width:30%;
margin-top:1.4em;
border:none;
cursor:pointer;
}
.amazon-step-1,.amazon-step-2,.amazon-step-3{
flex-direction:column;
}
.amazon-step-2 img,.amazon-step-3 img{
width:1152px;
height:598px;
}
.hgb-profile-buttons form{
margin-bottom:1.6em;
}
.reviewlivingform{
flex-direction:column;
width:100%;
font-family:'Monterrat',sans-serif;
color:#656565;
font-size:16px;
}
.reviewlivingform select{
width:100%;
margin-bottom:1em;
padding:5px;
}
.reviewform h1{
font-size:1.5em;
}
.reviewlivingform,.manualreviewlink,.showcustomerreviewform,.readerformstartover,.profilelinkbox,.reviewform,.unabletoreview{
display:none;
}
.reviewlivingform input[type="submit"]{
width:100%;
}
.readerformstartover{
width:100%;
}
.showcustomerreviewform input[type="text"]{
width:100%;
height:6em;
margin-bottom:1em;
border-radius:5px;
}
.manualreviewlink{
margin-top:1.6em;
width:100%;
}
.manualreviewlink input[type="text"]{
border:2px solid #656565;
border-radius:25px;
padding:12px;
background:#fafafa;
width:100%;
}
.manualreviewlink input[type="submit"]{
width:100%;
}
.reviewBTN,.reviewform input[type="button"],.designbutton,.dashboard-content-book-form input[type="submit"],input[name=addprofilelinkwizard],button.hgb-next,.manualreviewlinkform input[type=submit]{
display:block;
margin:0 auto;
background: #ffc107;
color: #fff;
font-size: 18px;
border: none;
padding: 1em;
border-radius: 10px !important;
max-width: 290px;
}
.blockPage .reviewBTN{
display:block;
margin:1em auto !important;
background: #ffc107;
color: #fff;
font-size: 18px;
border: none;
padding: 1em !important;
border-radius: 10px !important;
max-width: 290px;
}
.reviewstatus{
max-width: 290px;
text-align: center;
}
.reviewstatus ul{
text-align:left;
}
.addAutoReview .reviewBTN{
width: 90%;
}
.reviewform .findautoreview input[type=submit]{
display:block;
background: #ffc107;
color: #fff;
font-size: 18px;
border: none;
padding: 1em;
border-radius: 10px !important;
max-width: 290px;
}
.designbutton{
width: auto;
min-width: 100px;
}
.hgb-modal{
z-index: 99999;
}
button.hgb-next{
margin-top: 1rem;
}
.reviewform input[type="button"]:hover,.dashboard-content-book-form input[type="submit"]:hover,input[name=addprofilelinkwizard]:hover,.findautoreview input[type=submit]:hover,.reviewform .hgb-next:hover,button.hgb-next:hover,.manualreviewlinkform input[type=submit]:hover{
background:#ffd558;
color:#717171;
max-width: 290px;
}
.dashboard-content-book-form input[type="submit"]{
width:100%;
}
.dashboard-content-book-form button{
display:block;
width:100%;
margin: 1em auto;
background: #ff0707;
color: #fff;
font-size: 16px;
border: none;
padding: 1em;
border-radius: 10px;
}
.dashboard-content-book-form button:hover{
background:#ff5858;
color:#fff;
}
.changenewsletter{
display:flex;
flex-direction:row;
}
.hgb-dashboard-stats-box-header{
padding:1em;
text-align:center;
border-bottom: 2px solid #e6e6e6;
}
.hgb-dashboard-settings-box .hgb-dashboard-stats p{
text-align:center;
font-size:1.6em;
font-weight:700;
color:#03a9f4;
margin-top:1em;
}
.hgb-dashboard-stats-gem-level{
text-align:left;
font-weight:700;
color:#03a9f4;
margin-top:1em;
}
.stats-gem-level{
text-align:center;
}
.stats-gem-level span{
font-size: 1.6em;
font-weight: 700;
color: #03a9f4;
margin-top: 2em;
}
.disabled{
opacity: 0.5;
}
.linkbtn{
background-color: #03a9f4;
color: #fff !important;
padding: 0.5rem;
margin-left: 10px;
border-radius: 10px;
padding-left: 0.8rem;
padding-right: 0.8rem;
text-decoration: none;
}
.hgb-modal-content{
position: relative;
padding-top: 0;
}
.hgb-profile-buttons .hgb-previous{
display: none;
}
.hgb-profile-buttons .hgb-submit{
display: none;
}
.reviewlinksbox{
display: none;
}
.hgb-modal-close-button{
position: absolute;
right: 15px;
}
.hgb-modal-message > p{
padding-top: 0;
}
.filelinkspanel .showlinksfrm{
display: none;
}
.manualreviewlink h3{
font-size: 20px;
text-align: center;
}
.replaceablearea{
width: 100%;
}
.replaceablearea .innermessagebox{
width: 100%;
}
.replaceablearea .innermessagebox select{
width: 100%;
}
.innermessagebox{
margin-bottom:1em;
}
.envlope{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index: 999;
opacity: 0.5;
display: none;
}
.loadmodal{
position: fixed;
background-color: #fff;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
top: 50%;
box-shadow: 2px 2px 4px 2px #999;
display: none;
}
.loadmodalhead{
padding: 0.5rem;
border-bottom: 1px solid;
}
.loadmodalbody{
padding: 0.5rem;
}
.loadmodalfooter{
padding: 0.5rem;
border-top: 1px solid;
}
.profileitems{
padding: 1rem;
box-shadow: 1px 1px 5px 5px darkgrey;
margin-bottom: 2rem;
}
.hgb-dashboard-mobile-nav{
display: none;
}
.hgb-dashboard-mobile-head{
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #0288d1;
}
@keyframes slideleft {
0% {left: 100%;opacity:0;}
100% {left: 0%;opacity: 1;}
}
@keyframes slideright {
0% {left: 0%;opacity: 1;}
100% {left: 100%;opacity: 0;}
}
.hgb-dashboard-mobile-hamburger .opened{
display: none;
}
.hgb-dashboard-mobile-hamburger.open .unopened{
display: none;
}
.hgb-dashboard-mobile-hamburger.open .opened{
display: block;
}
.hgb-dashboard-mobile-body{
display: none;
width: 100%;
height: 100%;
background-color: #0288d1;
/*position: fixed;*/
/*top: 200px;*/
/*left: 100%;*/
z-index: 999999;
}
.hgb-dashboard-mobile-body ul{
margin-top:2em;
}
.hgb-dashboard-mobile-body ul li{
margin-bottom:1em;
background:#2a68cc;
color:#fff;
padding-top:1em;
padding-bottom:1em;
padding-left:30px;
}
.hgb-dashboard-mobile-body ul li a{
background:none;
color:#fff;
text-decoration:none;
font-size:16px;
text-transform:uppercase;
}
.noscroll{
height: 100%;
overflow: hidden;
}
.hgb-dashboard-mobile-nav{
position: sticky;
top:0;
left:0;
width: 100%;
z-index: 999999;
}
.hgb-dashboard-mobile-nav h3{
width:75%;
word-break:break-word;
}
.hgb-dashboard-mobile-nav.openview{
height: 100%;
}
.hgb-dashboard-mobile-head{
/*left: 100%;*/
/*animation-name: slideright;
animation-duration: 1s;*/
}
.hgb-dashboard-mobile-head.open{
/*position: fixed;*/
/*height: 200px;*/
width: 100%;
top: 0;
}
.hgb-dashboard-mobile-body{
animation-name: slideright;
animation-duration: 0.5s;
margin-top: -2%;
opacity: 0;
}
.hgb-dashboard-mobile-body.open{
animation-name: slideleft;
animation-duration: 0.5s;
opacity: 1;
}
.hgb-dashboard-mobile-body.open{
left: 0;
}
.hgb-dashboard-mobile-head{
padding:1em;
color:white;
font-size:20px;
}
.hgb-dashboard-mobile-hamburger{
width:20%;
font-size:24px;
text-align:right;
}
.new-arc-header-bar{
display: flex;
flex-direction: row;
justify-content: space-between;
}
/* Media Queries
––––––––––––––––––––––––––––––––––––––––––––––––––*/
@media screen and (max-width:1300px) {
.dashboard-home-top{
flex-direction:column;
}
.dashboard-announcements-container,.dashboard-blog,.dashboard-books-container,.dashboard-due-list{
width:100%;
}
.dashboard-blog{
margin-top:1.3em;
}
.dashboard-due-list{
margin-top:2em;
}
.hgb-ad-image{
width:20%;
}
.dashboard-home-bottom{
flex-direction:column;
}
.new-arc-header-bar{
flex-direction:column;
justify-content:center;
align-items:center;
}
}
@media screen and (max-width:880px) {
.hgb-profile-buttons .hgb-previous, button.hgb-next, .hgb-profile-buttons input[type="submit"]{
width:100%;
margin-top:1.4em;
}
.hgb-dashboard-nav,.hgb-dashboard-main-header{
display:none;
}
.dashboard-content-container{
margin:0;
margin-top:1.6em;
width:100%;
}
.dashboard-content-book-form{
width:100%;
}
.dashboard-content-book-container{
flex-direction:column;
}
.dashboard-content-completed-info{
width:100%;
margin-bottom:1.6em;
}
.hgb-dashboard-content,.dashboard-content-book-info,.dashboard-content-book-form{
width:100%;
}
.notice{
text-align:center;
}
.footer-links ul{
flex-direction:column;
margin-left:2em;
}
.footer-links ul li{
border:none !important;
margin-right:0;
margin-bottom:1.3em;
padding-left:0;
}
.dashboard-books-container{
flex-direction:column;
}
.dashboard-new-arcs-container, .dashboard-reading-container{
width:100%;
}
.dashboard-new-arcs-container{
margin-bottom:2em;
}
.dashboard-content-book-info{
flex-wrap:wrap;
}
.dashboard-button-container{
width:100%;
margin-top:1.6em;
}
.dashboard-content-arc-meta-container{
width:80%;
}
.dashboard-metabox-container{
margin-left:0;
margin-right:0;
}
.hgb-dashboard-settings-box{
width:100%;
}
.hgb-dashboard-mobile-nav{
display: block;
}
.hgb-dashboard-container{
display: flex;
flex-direction:column;
}
.hgb-dashboard-nav{
display: none;
}
.hgb-dashboard-main-header{
display: none;
}
.hgb-dashboard-mobile-body.open{
display: block;
}
.dashboard-content-book-info div.dashboard-button-container{
width:100%;
}
.dashboard-content-book-info div.dashboard-content-arc-meta-container{
width:70%;
}
.dashboard-home-container,.hgb-dashboard-content{
padding: auto;
padding-top:4rem;
}
.hgb-dashboard-content{
/*padding-left: 25px;*/
/*padding-right: 25px;*/
}
.hgb-dashboard-settings-box input[type="button"]{
display:block;
width:100%;
white-space:normal;
}
.dashboard-content-book-form input[type="submit"]{
width:100%;
}
.dashboard-book-overdue-status,p.dashboard-book-due-status{
width:100%;
overflow-wrap:normal;
font-size:12px;
}
}
@media screen and (max-width:750px) {
.dashboard-content-book-container,.dashboard-content-book-info{
flex-direction:column;
}
.dashboard-content-book-info figure, .dashboard-content-book-info .covernotavailable{
width:100%;
margin:0;
}
.dashboard-content-book-info figure img{
width:50%;
height:auto;
margin-left:auto;
margin-right:auto;
}
.dashboard-content-book-info div{
width:100%;
}
.dashboard-content-arc-meta-container{
width:100%;
}
.dashboard-content-filter{
flex-direction:column;
}
.hgb-modal-content{
width: 90%;
}
.dashboard-content-book-info div.dashboard-content-arc-meta-container{
width:100%;
}
.dashboard-content-arc-meta-blurb{
width:100%;
}
}
.commentbox{
width: 100%;
padding: 0.5rem;
border: 2px solid;
border-radius: 8px;
}
.submitreason{
margin-top: 1rem;
}
.submitreason div > p{
margin:0;
}
.loader-container{
z-index: 9999999;
}
.hidden-dashboard{
display: none !important;
}
.mobilemenus{
height:600px !important;
}
.signup-item{
position: relative;
}
.deleteAnnouncementCss{
position: absolute;
right: 20px;
top: 15px;
}
.disabledsection{
opacity: 0.5;
}
.disabledsection input{
pointer-events:none;
}
.profileitems p,.hgb-modal-message p{
color: #000000;
}
.profileitems input[type=button]{
white-space: normal;
}
.token-input-list{
width: 100% !important;
min-width: 400px !important;
max-width: 400px !important;
}
.kindle-email-box{
display: none;
}
.smallfont{
font-size: 95%;
}
.switcher{
color: #fff;
width: 200px;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 700;
text-align:center;
}
.switcher .switch {
position: relative;
display: inline-block;
width: 50px;
height: 25px;
}
.switcher .switch input {
opacity: 0;
width: 0;
height: 0;
}
.switcher .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.switcher .slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 3px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
.switcher input:checked + .slider {
background-color: #004c76;
}
.switcher input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
.switcher input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.switcher .slider.round {
border-radius: 34px;
}
.switcher .slider.round:before {
border-radius: 50%;
}
.new-arc-header-bar .new-arc-header-bar-title{
display: flex;
}
.switcher > div:first-child{
font-size:20px;
}
.faqPopup{
display: none;
}
.faqPopupblocker{
position: fixed;
background-color: #000;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999;
opacity: 0.5;
}
.faqPopupContainer, .reviewcommentBox, .popup_blockui, .auto-button-success-message{
position: fixed;
background-color: #fff;
top: 50%;
left: 50%;
width: auto;
max-width:500px;
min-width:350px;
max-height: 80%;
height:auto;
z-index: 9999999;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 1rem;
}
.faqPopupContainer{
width: 80%;
max-width: unset;
height: auto;
max-height: 80%;
display: flex;
flex-direction: column;
}
.faqPopupContainerOuter{
position: relative;
height: auto;
display: flex;
overflow: auto;
flex-direction: column;
}
.faqPopupContainerclose{
position: fixed;
z-index: 999;
right: -15px;
top: -15px;
color: gray;
fill: gray;
display: inline-flex;
background-color: #fff;
border-radius: 50%;
height: 35px;
width: 35px;
}
.faqPopupContainerclose i{
font-size: 40px;
cursor: pointer;
margin-top: -3px;
margin-left: 0px;
}
.reviewcommentBox, .popup_blockui, .auto-button-success-message{
padding: 10px;
border:5px solid #808080;
}
.reviewcommentBox a, .popup_blockui a, .auto-button-success-message{
color:#03a9f4;
}
.popup_blockui span.closeit{
display:block;
width:30px;
height:30px;
font-family: 'Montserrat', sans-serif;
color: #808080;
float:right;
cursor:pointer;
font-size:1.2em;
font-weight:700;
background:#ccc;
border-radius: 50%;
text-align:center;
}
.reviewcommentBox h5, .popup_blockui h5, .auto-button-success-message h5{
font-family: 'Montserrat', sans-serif;
color: #808080;
margin-bottom:1.5em;
}
.reviewcommentBox textarea, .popup_blockui textarea{
width:100%;
height:10em;
}
.reviewcommentBox input[type="text"],.popup_blockui input[type="text"]{
display: block;
font-size: 18px;
border: 3px solid #808080;
padding: 1em;
border-radius: 10px !important;
margin:0 auto;
width:100%;
}
.reviewcommentBox input[type="submit"],.blockUI input[type="button"]{
display: block;
background: #ffc107;
color: #fff;
font-size: 18px;
border: none;
padding: 1em;
border-radius: 10px !important;
margin:0 auto;
width:75%;
}
.reviewcommentBox input[type="submit"]:hover,.popup_blockui input[type="submit"]:hover,.blockUI input[type="button"]:hover,{
color:#808080;
}
.reviewcommentBox button.closeit,.auto-button-success-message button.generalbutton{
display: block;
background: red;
color: #fff;
font-size: 18px;
border: none;
padding: 1em;
border-radius: 10px !important;
margin:0 auto;
width:75%;
}
.faqPopupContainerHeader{
padding: 1rem;
background-color: #3396F2;
margin:1rem;
color: #fff;
}
.faqPopupContainerHeader h3, .auto-button-success-message h3 {
font-family: 'Montserrat', sans-serif;
font-size: 1.2em;
font-weight: 700;
}
.faqPopupContainerBody{
margin: 1rem;
padding: 1em;
height: 100%;
overflow-y: auto;
font-family: 'Montserrat', sans-serif;
}
.faqPopupContainerfooter{
height: 60px;
margin:1rem;
}
.faqPopupContainerfooter input{
display: block;
background: #ffc107;
color: #fff;
font-size: 18px;
border: none;
padding: 1em;
border-radius: 10px !important;
}
.questionnaireIcon{
background-color: #606060;
width: 25px;
height: 25px;
display: inline-block;
text-align: center;
/* padding: 1rem; */
border-radius: 50%;
justify-content: center;
align-items: center;
font-size: 15px;
color: #fff;
cursor: pointer;
display: inline-flex;
font-family: sans-serif;
margin-left: 5px;
}
.dashboard-content-signup-message .questionnaireIcon{
padding-right: 0px !important;
font-size: 15px !important;
color: #fff !important;
}
.generalButton{
font-size: 16px;
border: none;
padding: 1em;
border-radius: 10px !important;
background: #ffd558;
color: #fff;
}
.generalButton:hover{
color: #717171;
}
.bookDescriptionBox{
margin-top: 20px;
display: none;
width: 100% !important;
}
.bookDescriptionBox ul{
list-style:disc;
}
.bookYouReadingDesc{
margin-bottom: 20px;width: 100%;
}
.customizereviewsitefield th{
padding: 0 !important;
border: 0 !important;
}
.customizereviewsitefield .acf-table{
border: 0 !important;
}
.customizereviewsitefield label{
color: #444 !important;
font-size: 1em !important;
font-family: 'Montserrat', sans-serif !important;
}
.reviewSiteLogos{
display: flex;
flex-direction: row;
}
.reviewSiteLogos img{
width: 25px;
height:25px;
}
.amazon-icon:hover{
content: url("/images/amazon-hover.png");
}
.goodreads-icon:hover{
content: url("/images/goodreads-hover.png");
}
.bandn-icon:hover{
content: url("/images/bandn-hover.png");
}
.bookbub-icon:hover{
content: url("/images/bookbub-hover.png");
}
.apple-icon:hover{
content: url("/images/apple-hover.png");
}
.kobo-icon:hover{
content: url("/images/kobo-hover.png");
}
.google-icon:hover{
content: url("/images/google-hover.png");
}
.dashboard-content-book-info div.remainingTime{
text-align: center;
color: #03a9f4;
width:100%;
font-size:18px;
}
.dashboard-content-book-info div.signupBtn{
width:100%;
}
.dashboard-content-book-info div.signupBtn div{
width:100%;
text-align:center;
}
.remainingTime span{
display:block;
width:100%;
font-size: 14px;
color: #000;
text-align:center;
}
.copies-remaining{
color: red;
font-size: 14px;
margin-top: 10px;
margin-bottom: 10px;
}
.customizereviewsitefield .description{
font-family: 'Montserrat',sans-serif;
font-size: 1em !important;
color: #444 !important;
}
.customizereviewsitefield label{
font-family: 'Montserrat',sans-serif;
font-size: 1.2em !important;
font-weight: bold;
}
.questionnaireIcon.white{
background-color: #fff;
color: #2aa8e3;
font-weight: bold;
font-size: 15px;
font-family: sans-serif;
}
.unreserveBtn{
display: none;
}
.warning{
color: red;
}
.reviewBTN{
margin-bottom: 10px !important;
}
li.review-status-processing{
margin-bottom:10px;
}
li.review-status-processing:before{
display:inline-block;
background-color: #C3B630;
content: "\2713";
color: #fff;
padding:5px;
margin-right:5px;
font-family: 'Montserrat';
font-size: 10px;
}
li.review-status-completed, li.review-status-failed{
margin-bottom:10px;
}
li.review-status-completed:before{
display:inline-block;
background-color: #55D064;
content: "\2713";
color: #fff;
padding:5px;
margin-right:5px;
font-family: 'Montserrat';
font-size: 10px;
}
li.review-status-failed:before{
display:inline-block;
background-color: red;
content: "\2715";
color: #fff;
padding:2px 5px;
margin-right:5px;
font-family: 'Montserrat';
font-size: 12px;
font-weight:bold;
}
.auto-button-success-message{
text-align: center;
display: none;
}
.warnningbutton{
background-color: red !important;
}
.warnningbutton:hover{
background-color: #d87373 !important;
}
.reviewstatus{
margin-top: 10px;
}
.popup_blockui{
padding: 1rem;
}
.popup_reason_form #reasonsel{
width: 100%;
}
.addAutoReview{
display: none;
}
.normalReviewBtn,.dashboard-content-book-form .normalReviewBtn{
width: auto !important;
border: none !important;
padding: 0 !important;
background: transparent !important;
color: #03a9f4 !important;
box-shadow: none !important;
margin: 0 !important;
font-size: 16px !important;
display: inline !important;
border-radius: 0px !important;
font-family: Times;
cursor: pointer;
}
.dashboard-content-book-info .bookYouReadingDesc{
text-align: left;
}
.dashboard-content-book-info .bookYouReadingDesc .bookDescriptionBox{
text-align: left;
}
.dashboard-content-book-info .dashboard-content-arc-meta-blurb{
text-align: left;
}
.blockUI{
cursor: auto !important;
}
input.manualReviewForm{
width: 100%;
}
.error-block{
margin: 1em;
border: 1px solid red;
padding: 0.5em;
text-align: center;
color: red;display: none;
}
.warnningbutton.leaveAutoReview{
max-width: 350px !important;
}
.blockUI{
border-radius:25px;
padding:1.5em !important;
}
.blockUI input[type="button"]{
display: block;
margin: 0 auto;
color: #fff;
font-size: 18px;
border: none;
padding: 1em;
border-radius: 10px !important;
max-width: 290px;
}
.reviewLogoList img{
width: 30px;
padding: 2px;
}
.reviewLogoList{
display: flex;
}
.profile_info_missing_tab{
display: none;
}
.wp-admin #arc_genres_id .acf-input-wrap {
display: flex;
justify-content: space-between;
}
.wp-admin #arc_genres_id .acf-input-wrap button{
width: 130px;
margin-left: 10px;
}
/*.blockUI.blockPage{
background: none !important;
border: none !important;
}*/