/* Copyright 2011, 2012, 2013 Roonga Inc. */

textarea {
    width: auto;
    height: auto;
}

.p-top-55 {
    padding-top: 55px;
}

.p-top-230 {
    padding-top: 230px;
}

.dothr {
    border-style: none;
    border-top: 2px dotted #d3d3d3;
    background: transparent;
    margin: 10px 0 10px 0;
}

.solidhr {
    border-style: none;
    height:2px;
    color: #d3d3d3;
    background-color: #d3d3d3;
    margin: 10px 0 10px 0;
}

#roonga .rightnav {
    border: 2px solid #fda400;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 8px;
    background-color: white;
}

#roonga .rightnav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#roonga .rightnav h3 {
    margin-bottom: 10px;
}

#roonga .messages {
    border: 2px solid #fda400;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 5px;
    padding:10px;
    background: white;
}

#loginform label {
    display: block;
}

.block .topbar {
    height: 25px;
    border: none;
    margin-bottom: 10px;
}

.block .topbar.spaced  {
    margin: 10px 0 5px 0;
}

.block .topbar h1 {
    font-size: 17px;
    font-weight: bold;
    color: white;
    padding: 4px 10px 10px 10px;
}

.title-bar-options {
    float:right;
    position:relative;
    font-size:small;
    color:transparent;
}

.title-bar-options a:link, .title-bar-options a:visited {
    color:white;
    font-size:10pt;
}

.title-bar-options a:hover {
    color:#800000;
    font-size:10pt;
}

.title-bar-options a:active {
    color:red;
}

h2#nonprofit-name {
    font-size: 19px;
}

h2 {
    font-size: 110%;
    font-weight: bold;
    margin: 8px 0 4px 0;
}

h3 {
    font-size: 90%;
    font-weight: bold;
    margin: 8px 0 3px 0;
    color: #707070;
}

h4 {
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    margin: 6px 0 3px 0;
    color: #909090;
}

h2.nospace, h3.nospace, h4.nospace { margin-top:0px;padding-top:0px; }

.block .shaded {
    background: #e0e0e0;
    margin-bottom: 10px;
}

.block .spaced {
    margin-bottom: -6px;
}

#items_help {
    margin: 10px 0 0 0;
    float: right;
}

#needwants_help {
    margin: 10px 0 0 0;
    float: right;
}

#needwants {
    margin: 10px 0 20px 0;
    float: left;
}

.change_cats {
    float: right;
    margin-right: 5px;
}

.loading { background: red; }

.profile_image_area {
    float: right;
    position:relative;
    text-align: center;
}

.profile_image_box {
    width: 180px;
    height: 180px;
    right: 0px;
    background: #e0e0e0;
    text-align: center;
    position:relative;
}

.profile_logo_box {
    width: 320px;
    height: 240px;
    right: 0px;
    background: #e0e0e0;
    text-align: center;
    position:relative;
}

.profile_image_box img {
    margin: auto;
    position: absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right: 0px;
}

.profile_image_links { float:left;margin-left:40px;margin-top:10px;height:30px; }
.profile_image_errors { float:left; clear: both; width:200px;}
.profile_logo_errors {float:left; clear: both; margin-left: 146px; margin-bottom: 12px; }

.photo_image {
    width: 320px;
    height: 240px;
    float: left;
    position:relative;
    background: #E0E0E0;
    text-align: center;
}

.small_thumb {
    width: 90px;
    /* height: 75px;*/
    float: left;
    position:relative;
    background: #E0E0E0;
    text-align: center;
    font-size:75%;
}

.medium_thumb {
    width: 180px;
    /* height: 120px; */
    float: left;
    position:relative;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    text-align: center;
    font-size:75%;
}

.large_thumb {
    width: 80px;
    /* height: 60px;*/
    float: left;
    position:relative;
    background: #E0E0E0;
    text-align: center;
}

.user_avatar_box {
    width: 40px;
    height: 40px;
    right: 0px;
    background: #e0e0e0;
    text-align: center;
    position:relative;
    display: inline-block;
    margin-right: 10px;
}

.user_small_avatar_box {
    width: 32px;
    height: 32px;
    right: 0px;
    background: #e0e0e0;
    text-align: center;
    position:relative;
    display: inline-block;
    margin-right: 10px;
}


.user_small_avatar_box img, .user_avatar_box img {
    margin: auto;
    position: absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right: 0px;
}

.no_photo_text, .no_logo_text {
    margin-top: 25%;
    left:10%;
    width:80%;
    position:absolute;
    text-align:center;
    color:#8E4910;
    font-family:"Comic Sans MS","Comic Sans",fantasy;
    font-weight:bold;
    font-size:90%;
}

.large_no_photo_text {
    font-size:xx-large;
}

.no_photo_text:after {
    content: "No Photo"
}

.no_logo_text:after {
    content: "No Logo"
}

.nw_comment, .nw_edit {
    float: right;
    margin-left:12px;
}

.beta {
    margin: 5px 5px 0px -30px;
}

.navbar {clear:both; margin:1em 0 6em 0; }
.navbar-left {float:left;}
.navbar-right {float:right; }
.navbar-logo {float:left;}
.navbar-logout {float:left; margin-left: 30px; margin-bottom: 10px;}
.navbar-site {float:left; margin-left:100px;}
.navbar-search {float:right; margin-top: 15px;}
.navbar-links {float:left; margin:0px 25px 0px 0px; }
.navbar-links a {margin-right: 1em; font-size: medium; }
.navbar-selected-link {font-weight: bold; font-size: large; }

#navbar-register { margin-right: 100px; }

.search-button { height:28px; margin-left:.50em; font-size:small; background:orange; color: white; }
input.search-text[type='text'] { width:120px; }

a { text-decoration: none; }
a:hover {color:orange;}    /* mouse over link */
a:active {color:red;}   /* selected link */
a.disabled { color:black; }

span.request-status { font-style: italic; }

.errorlist { margin:0px 0px 0px -30px; color:red }

input[type='text'] { width:180px; }
body { font-size: 80%; }

.content-container {background-color: white; color: inherit; padding: 5px; width: 914px; min-height: 400px; margin-bottom: 30px;}
.split-page-col-width {width: 405px;}

.staging { font-size:9pt; font-weight: bold; color: palegreen; }
.development { font-size:9pt; font-weight: bold; color: red; }
.local { font-size:9pt; font-weight: bold; color: brown; }
.demo { font-size:9pt; font-weight: bold; color: yellow; }
.ui { font-size:9pt; font-weight: bold; color: purple; }
.it { font-size:9pt; font-weight: bold; color: blue; }
.welcome-staging { font-size:15pt; font-weight: bold; color: #7CCD7C; }
.welcome-development { font-size:15pt; font-weight: bold; color: red; }
.welcome-it { font-size:15pt; font-weight: bold; color: blue; }
.welcome-local { font-size:15pt; font-weight: bold; color: brown; }
.welcome-ui { font-size:15pt; font-weight: bold; color: purple; }
.welcome-demo { font-size:15pt; font-weight: bold; color: yellow; }

.home_item_text {float: left; }
.home_item_text_indented {width: 330px; float: right; }
.home_comment {background:#e0e0e0; width:100%; margin-top:2px; float:left; }
.home_comment_indented {background:#f4f4f4; width:330px; margin-top:2px; float:right; }
.home_comment_content {margin:3px 1em 3px 1em; float:left; }
.home_comment_details {margin:5px 1em 10px 1em; clear:both; float:right; }

.home_textarea_wrapper {margin: 0 2em 0 1em; }
.home_textarea_wrapper textarea {width: 100%; padding:0 }
.home_textarea_wrapper input[type='text'] {width: 100%; padding:0}
.home_textarea_wrapper .label {clear:both; float:left; width:20%; margin-top:8px; }
.home_textarea_wrapper .labelled_area {float:left; width:80%; }
.home_button {clear:both; float:right; margin:3px; padding:3px; }
.home_button input[type='button'] {float:right; }

.home_posting {padding:4px 3px 3px 0; }
.postings_item_text {width: 650px; float: right; }
.postings_comment_indented {background:#f4f4f4; width:650px; margin-top:2px; float:right; }
.postings_message_indented { width:650px; margin:2px 0px 0px 70px; }
.postings_comment_content {margin:3px 1em 3px 1em; float:left; }
.non_profit_needwant {width: 650px; font-size: 90%; padding-left: 10px;}
.non_profit_needwant_indented {background:#f4f4f4; width: 90.5%; margin-top:2px; float:right; }
.no_responses_text{width: 90.8%; float: right; font-size: 90%;}

.pager-buttons {margin:20px 0px; clear:both; float:right; }

.pager-buttons a { margin: 0px 5px; }

.date_text {color:#a0a0a0; margin-bottom: 0px;}

/* ul.bullets { list-style-type:none; } */
/* ul.bullets { list-style-image: url("/National_Library/20160330061658oe_/https://www.roonga.com/media/img/orange-bullet.gif"); } */

.ui-dialog
{
    margin: 50px;
    position: fixed;
}
.hide-dialog-titlebar .ui-dialog-titlebar { display:none; }

#id_location_city { width: 140px; }
#id_location_state { width: 250px; }

#need-want-form { margin-bottom: 0px; }
#need-want-form ul { list-style-type: none; margin:0px; padding:0px; }
#need-want-form #visibility ul li { display: inline; }

#need-want-edit-form #visibility ul li { display: inline; }

#request_action_form #id_holder { width:200px; color:#404040; }
#request_action_form #id_holder_watermark.watermark { color: black; }

#invite_addressbook_form ul  { list-style-type: none; margin:5px; padding:0px; }

ul.nobullets, ul .nobullets { list-style-type: none; left-margin:0px; }

form ul { list-style-type: none; }

.watermark { color: gray; }

.step_number { font-size: xx-large; color:#fda400; margin-right:3px; }

p.note  { color: firebrick; font-style: italic; margin:3px 0 3px 0; }

.button_row { margin: 10px auto 10px auto; padding: 0 0 0 0;
text-align: center; position:relative;float:left; }

.bullet_explanation { margin: 5px 0 0 25px; font-size:90%; }

fieldset { border: none; }
fieldset legend { font-size:90%; margin:0px 0px; font-weight:normal; }
fieldset label { font-size:90%; font-weight:normal; }
fieldset ul { margin:0; padding: 4px 0;}

input[type='checkbox'] + label { font-weight:normal; }
label { font-size:90%; }
.radio-group label { font-weight:normal; }
.checkbox-group label { font-weight:normal; }

.right_column  { margin-top:20px; padding: .5em; }

.invite_request { font-weight: bold; }

form.need_want_comment_form .need_want_comment_form_column { margin-top:0px;width:380px; }
form.need_want_comment_form #id_item { width:380px; }
/*form.need_want_comment_form #id_description { width:350px; }*/

.invite-wizard-progress-bar { margin-top:10px; float:right; position:relative; }
.invite-wizard-title { width:100px; margin:0 auto; }

.invite-wizard-segment
{
    height:10px;
    display:block;
    float:left;
    border-style:solid;
    border-color:black;
    width:40px;
}

.invite-wizard-segment-left { border-width:1px 1px 1px 1px; }
.invite-wizard-segment-right { border-width:1px 1px 1px 0; }
.invite-wizard-segment-interior { border-width:1px 1px 1px 0;}

.invite-wizard-segment-filled { background: orange; }
.invite-wizard-segment-unfilled { background: #f0f0f0; }

.invite-wizard-step
{
    width:100px;
    margin:0 auto;
    margin-top:20px;
    text-align:center;
}

.bottom-buttons {clear:both; margin-top:20px; }
.button-left { float:left; padding:3px;}
.button-right { float:right; padding:3px; }

.nowrap {white-space:nowrap;}
.row_suffix {margin-left:15px; }

#MobileOptionsDtl {margin-left:5px; margin-top:10px; margin-bottom: 30px;}
#me {margin-bottom: 30px;}
.ProfileMobileOptionsTbl {margin:0px;}
.ProfileMobileOptionsType {width:35px;}
.ProfileMobileOptionsBult {width:7px;}

.aboutPerson { margin-top:10px; }
.aboutPerson img {margin:5px 10px 0 0; width:200px; float:left}
.aboutPerson p { margin-left: 210px; }

.success-story { margin:80px 0; }
.success-story h2 { margin-bottom:20px; }
.success-story img {margin: 10px 10px 0 0; width:250px; float:left; }
.success-story p {margin-left: 270px; width:500px; }
.success-story blockquote {margin-left: 290px; width:480px; }

#id_country { width:250px; }
#id_timezone { width: 200px; }
#id_currency { width: 200px; }
#id_state { width: 250px; }

.quicklink { margin:0px; padding:0px; }
.quicklink_separator { margin-top:8px;}

.friend-thumb { margin:2pt 0pt; }

#link_donate_item_dialog{margin-left:20px;}
#link_comment_dialog {margin-left:20px;}

#need_want_comment_form_main_table {margin-bottom:0px;}
.need_want_comment_form_suggest_item {margin-bottom:0px;}
#need_want_comment_form_fieldset {margin-bottom:0px;}
.need_want_comment_form_suggest_item td {margin:0px; padding:0px; vertical-align: top;}
.need_want_comment_form_suggest_item #name_label_tag { vertical-align: middle;}
.need_want_comment_form_suggest_item #id_name {width:300px;}
.need_want_comment_form_suggest_item #id_description {width:450px; height:85px;}
.need_want_comment_form_column #id_comment {width:370px; height:120px;}
.hide{display:none;}
.need_want_comment_form .needWantRequest {width:385px;}

.quantity-purchase {
    margin-left: 10px;
    display: none;
}

.purchase-button {
    margin-left: 10px;
    height: 22px;
    font-size: x-small;
}

.container {
    width: 1000px;
    padding: 0 25px;
}

.content-container > .block {
    margin-left: 30px;
}

.nonprofits {
    position: relative;
    z-index: 0;
    /*padding-bottom: 175px;*/
    background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/subpage-main-bg.png) top center repeat-x;
    overflow: hidden;
}

#drive-form{
    width: 820px;
}
#drive-form table {
    width: 98%;
}
#drive-form input[name="name"] {
    width: 525px;
}
#drive-form label {
    margin-bottom: 0px;
    font-weight: 600;
}
#drive-form th.count, #drive-form td.count {
    text-align: right;
}
#drive-form input.itemized-list-item {
    width: 350px;
}

.field-error {
    margin-top: 5px;
    color: #ff0000;
}

.drive-block {
    border-top: 1px solid #d6d6d6;
    padding: 20px 0;
    margin: 30px 0 0;
}
.drive-block-header {
    font-size: 30px;
    font-style: normal;
    color: #535353;
}

.item_list {
    width: 860px;
    clear: both;
    margin: 0;
    padding: 10px 0;
}

.item_content {
    width: 650px;
    padding: 4px 0 4px 15px;
    float: left;
}

.item_aux {
    width: 500px;
    float: right;
    text-align: right;
    margin-right:30px;
}

.item_comment_block {
    background: none repeat scroll 0 0 #E0E0E0;
    float: right;
    margin: 2px 25px 2px 0;
    width: 620px;
}

.item_comment_content {
    font-size: 90%;
    float: left;
    margin: 3px 5px;
}

#donate-form {
    font-size: 100%;
}

#donate-form table {
    margin: 0px;
    width: 100%;
    vertical-align: middle;
    border-collapse: separate;
    border-spacing: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    margin: 4px 0px;
}
#donate-form table td {
    padding: 1px 5px 1px 1px;
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
}

#donate-form label {
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 90%;
    font-weight: bold;
}

#donate-form input[name="name"] {
    width: 425px;
}

#donate-form input[type=text] {
    margin: 0.5em 0;
    background-color: #fff;
    border: 1px solid #bbb;
}

#donate-form textarea {
    margin-bottom: 10px;
    margin-left: 10px;
    width: 570px;
    height: 100px;
    background-color: #fff;
    border: 1px solid #bbb;
}
#donate-form .item-list {
    padding: 1px 5px 1px 1px;
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
}
#donate-form fieldset {
    padding: .5em;
    margin: 0 0 1.5em 0;
    border: 1px solid #ccc;
}

#donate-form select  {
    margin: 0.5em 0;
    background-color: #fff;
    border: 1px solid #bbb;
    width: 100px;
}

table.two-column {
    width: 100%
}

.two-column th {
    width: 140px;
    text-aligh: left;
}


table.pricing-column {
    width: 100%;
}

.pricing-column th {
    width: 140px;
    text-aligh: left;
}

.pricing-column  td.number {
    text-align: right;
    width: 100px;
}

.pricing-column  td.note {
    text-align: left;
    font-size:80%;
}
.pricing-column th.indented{
    text-indent: 15px;
}

#product_image {
    float: left;
    width: 400px;
    margin: 10px 10px 0 0;
}

#product_name {
    float: left;
    width: 390px;
    margin: 0;
}

#product_name p {
    font-size: 120%;
    font-weight: bold;
    margin: 10px 0;
}

#product_button {
    float: left;
    width: 72px;
    margin: 5px 0 0 0;
}

#product_info {
    float: left;
    width: 475px;
    margin: 10px 10px 10px 0;
}

#product_info th {
    width: 150px;
    vertical-align:top;
}

#product_info td {
    vertical-align:top;
}

#donation_list_button {
    float: left;
    width: 155px;
    margin: 15px 0 0 0;
}

.social-media {
    float: right;
    margin: -15px 55px 20px 0;
}

.social-media span {
    display: inline-block;
    text-align: right;
    margin-right: 5px;
    vertical-align: middle;
    font-size: 120%;
}

.social-media .facebook-button {
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    background-image: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/social_networking_iconpack/facebook_32.png);
}

.social-media .twitter-button {
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    background-image: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/social_networking_iconpack/twitter_32.png);
}

.social-media .pinterest-button {
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    background-image: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/social_networking_iconpack/pinterest_32.png);
}

.drive_comment {margin:5px 22px; clear:both; float:right; }

#drive_comment_form {
    width: 630px;
}

#drive_comment_form p {
    margin: 5px 0 5px;
}

#order_complete_title {
    font-size: 130%;
    font-weight: normal;
    padding: 30px 0;
}

#order_complete_image {
    float: left;
    width: 280px;
    margin: 0 20px 0 0;
}

#order_complete_info {
    float: left;
    width: 500px;
    margin: 30px 0 0 0;
}

#order_complete_info p {
    font-size: 110%;
    line-height: 1.3;
    margin: 10px 0;
}

#order_complete_info .social-media {
    float: none;
    width: 300px;
    margin: 30px auto 10px auto;
}

#order_complete_info  .order_complete_button {
    float: none;
    margin: 40px auto 0px auto;
    width: 90px;
}

ul li label { font-weight: normal; }

.form-group {
    text-align: center;
}

.form-group label {
    display: inline-block;
    width: 85px;
    padding-right: 30px;
    padding-top: 15px;
    text-align: right;
    vertical-align: top;
    font-weight: normal;
    color: #676767;
}

.form-group input {
    display: inline-block;
    width: 351px !important;
    height: 34px;
    padding: 0px 12px;
    font-size: 14px !important;
    line-height: 1.42857143;
    border-color: #B2B2B2;
}

.form-group textarea {
    font-size: 14px !important;
    line-height: 1.42857143;
    width: 365px;
}

.form-group.photo {
    position: relative;
}

.form-group.photo label {
    padding-right: 0;
    position: absolute;
    left: 204px;
    width: 91px;
}

.form-group.photo label.update-form {
    left: 264px;
}

.form-group.photo .remove-upload {
    background: url('/National_Library/20160330061658oe_/https://www.roonga.com/static/img/remove-icon.png') no-repeat;
    background-size: 85%;
    display: inline-block;
    position: absolute;
    cursor: pointer;
    width: 28px;
    height: 29px;
    top: 13px;
    left: 585px;
}

.form-group.photo.has-error .remove-upload {
    top: 30px;
}

.form-group.delivery label,
.drive-update-form label {
    width: 145px;
    margin-left: -20px;
}

.drive-update-form label {
    margin-left: -60px;
}

.drive-update-form .form-group.friendly-url input {
    width: 201px !important;
}

.form-group.photo .upload-file {
    /*margin-left: 40px;*/
}

.form-group.friendly-url {
}

.form-group.friendly-url span {
    margin-left: 5px;
    margin-right: 20px;
}

.form-group.friendly-url input {
    width: 201px !important;
}

.file-upload {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 10px;
}

.file-upload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    filter: alpha(opacity=0);
}

input.upload-file {
    width: 235px !important;
    margin: 0.5em 0;
    margin-left: 130px;
    padding-right: 45px;
    border: 1px solid rgb(187, 187, 187);
    background-color: white;
    vertical-align: top;
}

.button-group {
    position: relative;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    width: 500px;
    height: 35px;
    display: block
}

.button-group.three {
    display: flex;
    display: ms-flex;
    display: -webkit-flex;
}

.btn {
    background-color: #D2D2D2;
    border-radius: 5px;
    color: white;
    padding: 6px 12px;
    border: 0;
    font-size: 14px !important;
    line-height: 1.42857143;
    max-width: 120px;
    max-height: 30px;
    display: inline-block;
}

.btn.btn-save {
    background-color: #FBB21B;
}

.btn.btn-center {
    margin: 0 auto;
}

.btn-orange {
    background-color: #FBB21B;
}

.btn-drive {
    max-width: 150px;
    max-height: 32px;
}

.btn-update-nonprofit {
    margin: 0 auto;
    display: block;
    text-align: center
}

a.btn {
    color: white;
}

a.btn:focus,
a.btn:visited,
a.btn:hover {
    color: white;
    text-decoration: none;
    cursor: pointer;
}

.donate-module-container .btn {
    font-size: 22px !important;
}

.button-group .btn-save {
    float: right;
}

.progress-bar {
    width: 60%;
    padding: 0;
    margin: 0 auto;
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
}

.progress-bar li {
    list-style-type: none;
    position: relative;
    float: left;
    width: 25%;
    font-size: 13px;
    text-align: center;
    color: #676767;
}

.progress-bar li:before {
    content: counter(step);
    counter-increment: step;
    width: 30px;
    line-height: 30px;
    display: block;
    font-size: 20px;
    color: #888888;
    background: #E5E5E5;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    position: relative;
    z-index: 100;
}

.progress-bar li:after {
    content: '';
    width: 100%;
    height: 5px;
    background: #E5E5E5;
    position: absolute;
    left: -40%;
    top: 13px;
    z-index: 99;
}

.progress-bar li.active:before,
.progress-bar li.active:after {
    background: #47CBCB;
    color: white;
}

.progress-bar li:first-child:after {
    content: none;
}

.progress-bar li .btn-wizard-step {
    background: transparent;
    position: relative;
    border: none;
    width: 85%;
    height: 70px;
    font-size: 13px;
    color: #676767;
    margin: 0 auto;
    margin-top: -35px;
    padding-top: 35px;
    z-index: 300;
    outline: 0;
}

.progress-bar li .btn-wizard-step:focus {
    outline: 0;
    border: none;
}

.progress-bar li .btn-wizard-step.disabled {
    cursor: auto;
}

.ui-datepicker .ui-datepicker-header {
    border-radius: 0;
}

.wizard-field-information {
    width: 400px;
    margin-top: 15px;
    margin-bottom: 30px;
    margin-left: 36%;
    font-size: 12px;
    line-height: 1.8;
    color: #676767;
}

.wizard-field-information:before {
    position: absolute;
    content: '';
    background: url('/National_Library/20160330061658oe_/https://www.roonga.com/static/img/wizard-weather-icon.png');
    width: 29px;
    height: 23px;
    top: 355px;
    left: 435px;
}

.drive-update-form .wizard-field-information:before {
    top: 38%;
}

.wizard-form-information {
    margin-top: 30px;
    text-align: center;
    line-height: 1.9;
    color: #676767;
}

#wrap-iframe {
    width: 800px;
    height: 750px;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    border: 5px solid #D2D2D2;
}

#wizard-iframe {
    width: 1058px;
    height: 1000px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#wizard-iframe {
    -ms-zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0;
}

.wrap-information {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 50px;
}

.product-picker-row {
    vertical-align: top;
}

.product-picker-column {
    padding: 10px;
    height: 800px;
    min-height: 700px;
    float: left;
    text-align: center;
}

.selected-items {
    width: 37.4%;
    margin-right: 3%;
    background: #F5F5F5;
}

.available-items {
    width: 55%;
    border: 1px solid #BBBBBB;
}

.product-picker-column h3 {
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 20px;
}

.product-picker-column span {
    font-size: 12px;
    line-height: 1.9;
    display: block;
    max-width: 670px;
    margin: 0 auto;
}

.product-picker-column hr {
    position: relative;
    background: #bbbbbb;
    width: 104.2%;
    left: -10px;
    margin-top: 1.45em;
}

.chosen-container-single .chosen-single {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: #47CBCB;
    color: white;
    height: 34px;
}

.chosen-container-single .chosen-single span {
    font-size: 18px;
    text-align: left;
}

.chosen-container-single .chosen-drop {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: #E5E5E5;
    color: #343A41;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 0;
    box-shadow: none;
    background: #47CBCB;
}

.chosen-container .chosen-results li {
    padding-left: 10px;
    text-align: left;
}

.chosen-container .chosen-results li.highlighted {
    background: #47CBCB;
}

.chosen-container .chosen-results {
    margin: 0;
    padding: 0;
    max-height: 250px;
}

.chosen-container-single .chosen-single abbr {
    top: 13px;
    right: 60px;
    border: 0;
}

.chosen-container-single .chosen-single div {
    width: 45px;
    background: #4ce2e2 !important;
}

.chosen-container-single .chosen-single div b {
    background: url('/National_Library/20160330061658oe_/https://www.roonga.com/static/img/carret.png') no-repeat 7px 10px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: 7px 10px;
}

.chosen-container-single .chosen-search input[type=text] {
    width: 100% !important;
}

.product-picker-column .form-group {
    margin-bottom: 20px;
}

.product-picker-column .form-group label {
    font-size: 18px;
    padding: 0;
    padding-right: 15px;
    height: 34px;
    line-height: 1.9;
}

.column-control {
    position: absolute;
    display: inline;
    cursor: pointer;
    right: 20%;
    top: 22.5%;
    z-index: 100;
}

.drive-update-form .column-control {
    top: 56.5%;
}

.product-area {
    width: 100%;
    height: 70%;
    max-height: 65%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.product-area .product {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 28.8%;
    margin: 0 2%;
    margin-bottom: 8%;
}

.product-area .product > div {
    display: inline-block;
    color: #4F4F4F;
}

.product-area .product .product-title {
    width: 145px;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-area .product .product-image {
    max-height: 120px;
    max-width: 100%;
    display: block;
    cursor: pointer;
}

.product-area .product.selected .product-image:after {
    content: '';
    background: url('/National_Library/20160330061658oe_/https://www.roonga.com/static/img/select-catalog-product.png') no-repeat 40px 30px;
    vertical-align: top;
    width: 145px;
    height: 114px;
    display: inline-block;
    margin-top: -114px;
}

.product-area .product .product-image img {
    max-width: 100%;
    max-height: 114px;
    min-height: 114px;
    margin: 0 auto;
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);
}

.product-area .product .product-price {
    margin-top: 3px;
    margin-bottom: 7px;
}

.product-area .product .product-info {
    font-size: 0.7em;
}

.product-area .product .product-description {
    width: 145px;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.selected-items .product-area .product {
    position: relative;
    width: 40%;
    margin: 0 5%;
    margin-bottom: 30px;
}

.selected-items.enlarged .product-area .product {
    width: 15%;
}

.selected-items .product-area .product .product-units {
    width: 30% !important;
    height: 24px;
    text-align: center;
    border: 1px solid #B2B2B2;
    outline: 0;
    color: #4F4F4F;
}

.selected-items .product-area .product .product-remove {
    background: url('/National_Library/20160330061658oe_/https://www.roonga.com/static/img/remove-icon.png');
    position: absolute;
    cursor: pointer;
    width: 28px;
    height: 29px;
    top: 10px;
    right: -15px;
}

.nonprofit-container {
    margin: 0 auto;
    margin-top: 90px;
    width: 88%;
}

.nonprofit-title-row {
    margin-bottom: 20px;
}

.nonprofit-title {
    color: #676767;
    font-size: 28px;
}

.nonprofit-information-column {
    float: left;
    width: 32%;
}

.nonprofit-drive-column {
    float: left;
    width: 64.2%;
    margin-left: 30px;
}

.nonprofit-title-row .btn-orange {
    float: right;
}

.nonprofit-information-column .details {
    background: #F5F5F5;
    padding: 8px;
}

.nonprofit-information-column .details > div {
    /*display: inline-block;*/
    word-wrap: break-word;
    font-size: 12px;
    /*max-width: 40%;*/
    vertical-align: top;
    margin-left: 22px;
    margin-bottom: 10px;
}

.nonprofit-information-column .details > div:last-child {
    margin-bottom: 0;
}

.nonprofit-information-column .details > img {
    padding-bottom: 8px;
    display: block;
    margin: 0 auto;
    width: 100%;
}

.nonprofit-information-column .details > div:before {
    content: '';
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-block;
    left: -20px;
    /*left: 240px;*/
}

.nonprofit-information-column .details .address:before {
    background: url('/National_Library/20160330061658oe_/https://www.roonga.com/static/img/icon-address.png') no-repeat;
    /*top: 443px;*/
}

.nonprofit-information-column .details .email:before {
    background: url('/National_Library/20160330061658oe_/https://www.roonga.com/static/img/icon-email.png') no-repeat;
    /*top: 500px;*/
    top: -1px;
}

.nonprofit-information-column .details .phone:before {
    background: url('/National_Library/20160330061658oe_/https://www.roonga.com/static/img/icon-phone.png') no-repeat;
    /*top: 475px;*/
    top: -2px;
}

.nonprofit-information-column .details .website:before {
    background: url('/National_Library/20160330061658oe_/https://www.roonga.com/static/img/icon-website.png') no-repeat;
    /*top: 520px;*/
    top: -3px;
}

.nonprofit-information-column .description {
    margin-top: 15px;
    text-align: center;
    line-height: 1.9;
    font-size: 12px;
    /*max-width: 80%;*/
}

.nonprofit-drive-section {
    background: #F5F5F5;
    padding: 10px;
    padding-bottom: 15px;
    margin-bottom: 50px;
}

.nonprofit-drive-section-title {
    color: #676767;
    font-size: 20px;
    margin-bottom: 5px;
}

.nonprofit-drive-section hr {
    background: #E2E2E2;
    height: 2px;
    margin-top: 1.45em;
    margin-left: -10px;
    width: 104.1%;
}

.nonprofit-drive-section .drive .drive-photo-container {
    display: inline-block;
    max-width: 25%;
    width: 130px;
}

.nonprofit-drive-section .drive .drive-photo {
    display: block;
    max-height: 130px;
    line-height: 130px;
    position: relative;
    max-width: 100%;
    max-height: 100%;
}

.nonprofit-drive-section .drive .drive-photo img {
    border: 3px solid #FFF;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.nonprofit-drive-section .drive .drive-photo,
.nonprofit-drive-section .drive .drive-information {
    display: inline-block;
    vertical-align: top;
}

.nonprofit-drive-section .drive .drive-information {
    margin-left: 15px;
    max-width: 70%;
}

.nonprofit-drive-section .drive .drive-information .drive-name {
    font-size: 18px;
}

.nonprofit-drive-section .drive .drive-information .drive-donors {
}

.nonprofit-drive-section .drive .drive-information .drive-items-donated {
}

.nonprofit-drive-section .drive .drive-information .drive-date {
}

.nonprofit-drive-section .drive-button-group {
    margin-top: 25px;
}

.nonprofit-drive-section .draft .drive-button-group {
    margin-top: 60px;
}

.nonprofit-drive-section .drive-button-group .btn {
    margin-right: 15px;
}

.drive-update-form input.disabled,
.drive-update-form input:disabled {
    background: #EBEBEB;
}

.drive-update-form input.disabled:focus,
.drive-update-form input:disabled:focus {
    border-color: #B2B2B2;
}

.drive-update-form input.upload-file {
    background: #FFFFFF;
}

.drive-management-container {
    max-width: 100%;
    margin-bottom: 30px;
    position: relative;
    z-index: 300;
}

.drive-management-container table.drive-management {
}

.drive-management-container table.drive-management th {
    background: #D2D2D2;
    padding-left: 15%;
    font-size: 20px;
    font-family: Helvetica, Arial, sans-serif;
}

.drive-management-container table.drive-management td {
    background: #F5F5F5;
    color: #4F4F4F;
    padding: 5px 0;
    padding-left: 15%;
}

.drive-management-container table.drive-management td a {
    color: #FBB21B;
}

.module .btn {
    max-height: none;
    max-width: none;
}

.module .btn:hover,
.module .btn:focus,
.module .btn:visited {
    color: white;
}

.supporter-update-form {
    display: none;
}

.supporter-update-form .form-group input {
    width: 70% !important;
    padding: 0 5px;

}

.supporter-update-form input.upload-file {
    width: 41% !important;
    margin-left: 0;
}

.supporter-update-form .file-upload {
    margin-top: 6px;
    margin-right: 0;
    margin-left: 20px;
}

.supporter-update-form .button-group {
    margin: 10px 0;
    padding: 0 7px;
    width: 100%;
}

.supporter-update-form .button-group .btn-orange {
    float: right;
}

.sponsor-information {
    display: inline-block;
    width: 70%;
}

.sponsor-control {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    width: 28%;
}

.sponsor-control .remove-sponsor {
    background: url('/National_Library/20160330061658oe_/https://www.roonga.com/static/img/remove-icon.png');
    border: none;
    width: 28px;
    height: 29px;
    float: right;
}

.sponsor-logo {
    display: inline-block;
    vertical-align: middle;
    width: 15%;
}

.supported-module .media-body {
    display: inline-block;
    vertical-align: middle;
    width: 83%;
}

.supported-module .module-item {
    height: 67px;
}

.ui-autocomplete {
    width: 235px !important;
    max-width: 235px;
    max-height: 250px;
    overflow-y: scroll;
    border: none;
    background: #E5E5E5;
    color: #343A41;
}

.ui-widget-content .ui-state-hover {
    background: #47CBCB;
    color: white;
    border: none;
    border-radius: 0;
}

.donation-information {
    text-align: center;
    line-height: 1.9;
    color: #676767;
    padding: 0 60px;
    margin-bottom: 40px;
}

.donation-information.errors {
    color: red;
}

.offline-donations.selected-items {
    width: 100%;
    background: transparent;
    text-align: center;
}

.offline-donations.selected-items .product-area .product {
    margin: 0 4.8%;
}

.offline-donations .donation-quantity {
    width: 35% !important;
    text-align: center;
    height: 25px;
    margin-top: 10px;
}

.report-offline-donations-form {
    margin-top: 60px;
}

.report-offline-donations-form label {
    font-size: 18px;
}

.report-offline-donations-form .button-group {
    width: 200px;
}

.report-offline-donations-form a.btn {
    width: 56px;
}

.report-offline-donations-form .btn {
    float: left;
    text-align: center;
}

.report-offline-donations-form .btn.btn-orange {
    float: right;
    max-height: 32px;
    width: 80px;
}

.module-item-container {
    position: absolute;
    max-width: 150px;
    min-width: 150px;
    top: 135px;
    left: 0;
    z-index: 300;
}

.module-item-container .module-item {
    background: white;
}

.module-item-container .item-name {
    font-size: 14px;
}

.module-item-container .item-description {
    word-wrap: break-word;
}

.selected-items .module-item-container {
    top: 6%;
    display: none !important;
}
.selected-items.enlarged .module-item-container {
    display: block !important;
}
.selected-items .module-item-container.left {
    left: -120%;
}
.selected-items .module-item-container.right {
    left: 108%;
}

.selected-items .module-item-container .module-item {
    background: #F5F5F5;
}

.pagination {
    text-align: center;
}

.pagination .current {
    margin: 0 10px;
}

.nonprofit-registration-form {
}

.nonprofit-registration-form .form-group label {
    font-weight: 600;
    width: 117px;
}

.nonprofit-registration-form input#id_first_name,
.nonprofit-registration-form input#id_last_name {
    width: 161px !important;
}

.nonprofit-registration-form input[type="checkbox"] {
    width: auto !important;
    margin-left: 110px;
    margin-right: 30px;
}

.nonprofit-registration-form .form-group label.checkbox-label {
    width: 350px !important;
    text-align: left;
}

.nonprofit-registration-form .button-group {
    text-align: center;
}

.nonprofit-registration-form .button-group input {
    float: initial;
}