.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
    margin: 50px auto 0px auto;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}
body {
    overflow-x: hidden;
    color: #333;
    /*background-color: #066A8E;*/
    background-image: url(../images/body-bg.png);
    background-attachment: fixed;
    background-position: top left;
    padding: 0px;
    margin: 0px;
}

.inputWrapper input[type=text], .inputWrapper input[type=password] {
    border: none;
    background: white;
    height: 40px;
    width: 88%;
    padding: 0;
    margin: 0px;
    outline: none;
    box-sizing: border-box;
}

.inputWrapper input {
    float: left;
    color: #333333;
    border: 3px solid #cccccc;
}

.inputWrapper{
    background: #fff;
    clear: both;
    border-radius: 5px;
    /*width: 80%; */
    height: 40px;
    margin: 0px auto;
    margin-bottom: 10px;
    padding: 0px 12px;
   }
.submitWrapper{
	position:relative;
	width:500px;
   }
.forgot{
    position:relative;
    width:500px;
   }
 .submitDiv{
	/*position:absolute;
	left:50%;
	margin-left:-25px;
	top:50%;
	margin-top:0px;
	width:50px;*/
	width: 100%; max-width: 250px;
	margin: 20px auto;
	height:30px;
	position:relative;
  }

 .loginLogo {
    height: /*138px*/ auto;
    width: 100%; max-width: 300px;
    margin: 0px auto 12px auto;
    /*font-family: proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;*/
	font-weight: 700;
	font-family: "Quicksand", Arial, sans-serif;
	text-align: center;
	letter-spacing:-1;
    /*font-weight: bold;*/
	color: #824973;
    font-size: 48;
	text-transform: uppercase;
	overflow: visible;
    /*background: url(../images/wf_logo2.png) no-repeat center 0px transparent;*/
}
.loginLogo img {
 margin: -150px auto 25px;
 display: block;
 }

.product_choices2{
    margin-left: 70px;
    display:flex;
 }
.product_choices2 input{
    border: 2px solid #552448;
    background: #552448;
    color: #fff;
    display: block;
    float: left;
    margin-right: 10px;
    padding: 6px 20px;
    text-decoration: none;
    cursor: pointer;
    /*text-shadow: 1px 1px #000;*/

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
 .product_choices, .product_choices2{
    max-width: 500px;
    color: #824973;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
}

 html{
    font: 400 16px/1.7 proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}


.headerLogo a img{
  height: 50px;
  width:50px;
  margin:-15px 0px 0px 0px;
  float:left;

}
#rotator{
  margin-left: 5px;
  -moz-transform:rotate(-180deg); /* Firefox */
  /*-webkit-transform:rotate(-180deg); /* Webkit */
  /*-ms-transform:rotate(-180deg); /* IE */
  /*-o-transform:rotate(-180deg); /* Opera */
  transform:rotate(-180deg); /* future */
  position:absolute;
  font-size: 20px;

}

#forgot {
    border: 2px solid #aaa;
	background: #eee;
    color: #666;
	font-size: 12px;
    display: block;
    float: left;
    margin-right: 10px;
    padding: 5px 10px;
    text-decoration: none;
    cursor: pointer;
    /*text-shadow: 1px 1px #000;*/

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
#forgot:hover {
    border-color: #666;
}

#login{
    border: 2px solid #552448;
	background: #552448;
    color: #fff;
    /*display: block;*/
    /*float: left;*/
    margin-right: 0;
    padding: 6px 20px;
    text-decoration: none;
    cursor: pointer;
    /*text-shadow: 1px 1px #000;*/

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
#login:hover , #product_invoice:hover, #product_dashboard:hover {
    border-color: #824973;
	background: #824973;
}

#product_dashboard {
    float: right;
}

.login {
    border: 2px solid #aaa;
    color: #333;
    display: block;
    float: right;
    /*margin-right: 10px;*/
    padding: 5px 10px;
    text-decoration: none;
    cursor: pointer;
    /*text-shadow: 1px 1px #000;*/

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.popup {
    background-color: #fff;
    border: 3px solid #fff;
    display: inline-block;
    left: 50%;
    /*opacity: 0;*/
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 40%;
    /*visibility: hidden;*/
    z-index: 10;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.close {
    background-color: rgba(0, 0, 0, 0.8);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 30px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(64, 128, 128, 0.8);
}
#div_create p, #div_create div {
    margin-bottom: 2px;
}
.create_left label {
    display: inline-block;
    text-align: left;
    width: 130px;
    font-weight: bold;
}
.create_left label[for="vendor_name"]{
    width:70px;
}
div.address-left label[for="vendor_address"]{
    width:70px;
}
.scroller label{
    display: inline-block;
    text-align: left;
    width: 80px;
}
#div_create input[type="text"], #div_create input[type="password"] {
    border: 1px solid;
    border-color: #999 #ccc #ccc;
    margin: 0;
    padding: 2px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
#div_create input[type="text"]:hover, #div_create input[type="password"]:hover {
    border-color: #555 #888 #888;
}
.returned_gl label {
    display: inline-block;
    text-align: left;
    width: 55px;
    font-size: 12px;
    font-weight: bold;
}
#create_form_errors, #update_form_errors, .req{
    color:red;
}
.gl span{
    font-weight:bolder;
    /*text-align: center; centers in col*/
}
.gl img{
    cursor: pointer;
    height: 20px;
    width: 20px;

}
.gl {
    height: 40px;
    display: inline-block;
}

#created_table, #take_action_table{
    font: 12px/16px arial, helvetica, sans-serif;
}
    /*text-align: left;

    padding: 5px 10px;
    vertical-align: top;

    background: #fff;
    border: 1px solid #ccc;
    color: #666;*/
.inv_row, .take_action_class{
    cursor: pointer;
}


#main,#main2, #main_smaller, #financial_reports_main, #vendor_administration, #open_house_administration, #open_house_administration2, 
#approval_order, #add_user_main_div,#edit_user_main_div, #user_report_main_div, #step2,#main_inv_report_div{
  margin-left: auto;
  margin-right: auto;
  /*top:71px;*/
  position: relative;
  /*margin-top: 20px;*/
}

#main_inv_report_div {
    max-width: 98%;
}
#main,#main2,#step2{
     max-width: 1200px;
}
#financial_reports_main{
    max-width: 375px;
}
.vend_up_1{
    max-width: 300px;
}
.open_up_1{
    max-width: 600px;
}

#main_smaller, #user_report_main_div{
    max-width: 900px;
}
#approval_order, #add_user_main_div,#edit_user_main_div{
    max-width: 450px;
}

#take_action,#take_action2, #invoices_you_created, #main_view, #div_create{
  background-color: white;
  padding: 10px;
  border-radius: 5px;
  border: solid #424141 2px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#export_table {
    width: 1176px;
}
.green td{
  color:green;
}
.red td{
  color:red;
}

#main_view{
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  top:81px;
  position: relative;
  background-color: white;
  /*display: inline-block;*/
}
#main_view_inner{
    display: inline-block;
}
#main_left{
    max-width: 380px;
    float:left;
    overflow:hidden;
    padding: 10px;

}
#main_right{
    max-width: 950px;
    float:left;
    overflow:hidden;
    padding: 10px;
    border-left: solid #424141 2px;
    min-height: 450px;
}
label.inv_output{
    font-weight: bold;
}
div.inv_output_left{
    width: 110px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}
div.address-left{
    display: inline-block;
    vertical-align:top
}
div.address-right{
    display: inline-block;
}
div.inv_output_right{
  display: inline-block;
  width: 245px;
}
#main_left h3{
 /*   text-align: center;*/
}
.text-center{
    text-align: center;
}

label.gl_output{
    width: 100px; /*was 70.  89 to add numbers*/
    text-align: right;
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
}
label.gl_restricted{
    width: 110px;
    text-align: right;
    font-weight: bold;
    display: inline-block;


}
div.buttons{
    text-align:center;
}
div.buttons input{
    margin: 10px;
}
#rejection_reason{
    width:100%;
}
.edit_delete{
    height: 20px;
    width: 20px;
    cursor: pointer;
}
.scroller{
    max-height: 410px; /* was 310*/
    overflow-y: auto; /*was scroll*/
    /*width:393px;*/
}
/*div[id^="allocate_gl_"] .create_shorter{
    margin-bottom: 2px;
}*/
.acct_select_other select{
    float: right;
}

/* 1/6/2017 jm added to correct jquery not centering vertically. */
html body div.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    top: 33%!important;
}

div .acct_select_other{
    width: 100%;
    display:flex;
}

#div_vendor_search{
    text-align: center;
}

.create_left{
    width: 393px;
    display: inline-block;
    border-right: solid #424141 2px;
    min-height:450px;
    float: left;
    clear: left;
}
.create_right{
    width: 475px; /*fill it up*/
    display: inline-block;
    height: 450px;
    float: left;
    padding-left: 5px;
}
div #search_results select{
    max-width: 840px;
}

.round-button {
    width:22px;
    height:22px;
    border: 2px solid #552448;
    border-radius: 50%;
    color: white;
    text-align:center;
    text-decoration:none;
    background: #552448;
    box-shadow: 0 0 3px gray;
    font-size:12px;
    font-weight:bold;
    cursor: pointer;
}
.round-button:hover {
    background: #824973;
}

#signin_button{
    width: 160px;
    height: 35px;
    margin: auto;
}
#login_results{
    margin: auto;
    text-align: center;
}
.text_align_center{
    text-align: center;
}
/*-------------- josh added --------------*/

#signin_button input#login {margin: 0 auto;}

#financial_reports_main {max-width: 500px}

#financial_reports_main h3 {position: relative; margin-top: 40px; text-indent: 80px;}
#financial_reports_main h3:before {content: ""; background: url('../images/icon_report_b.png') no-repeat center;width: 60px; height: 55px; display: inline-block; position: absolute; top: -15px; left: 0;}

#main {}
#main td {position: relative; }
#main h3#payable {position: relative; text-indent: 50px; max-width: 215px; margin: 30px auto 0px; width:100%;}
/*#main h3#payable:before {content: ""; background: url('../images/icon_flow_b.png') no-repeat center;width: 30px; height: 64px; display: inline-block; position: absolute; top: -20px; left: 0;}*/

#filter_sort_report, #take_action_table tr td:first-child {cursor: pointer; }

.select_costcenters table tbody tr td{

}
.select_costcenters table{
    margin: 0 auto;
    text-align: left;

}

.select_costcenters table {
    color: #333; /* Lighten up font color */
    font-family: Helvetica, Arial, sans-serif; /* Nicer font */
    /*width: 640px; */
    border-collapse:
    collapse; border-spacing: 0;
}

.select_costcenters td, th { border: 1px solid #CCC; height: 30px; } /* Make cells a bit taller */

.select_costcenters th {
    background: #F3F3F3; /* Light grey background */
    font-weight: bold; /* Make sure they're bold */
}

.select_costcenters td {
    background: #FAFAFA; /* Lighter grey background */

}

#filter_sort_button:hover {
    background-color: #34082c;
    color:white;
    cursor: pointer;
}
#filter_sort_button{
    background-color: #5e2351;
    text-shadow: 1px 1px #5e2351;
    border: 1px solid #5e2351;
    color:white;
    padding: 5px 12px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.list-right {
    padding: 1em;
}
.facet-options-list>li {
    display: inline;
     margin: 5px;
}
.facet-options-list {
    padding-left: 0;
    list-style-type: none;
}

.search_nav  {
    display: flex;
    overflow: hidden;
    margin: 1em 0;
    align-items: center;
    height:30px;
    justify-content: space-between;
}
#filter_gl_div{
    display: inline-block;
}
.filter_left{
    float:left;
    width:175px;
}
.filter_right{
    float:left;
}
.filter_wrap:after {
    content: '';
    display: block;
    clear: both;
}
.filter_wrap{
    padding: 5px;
}
.filter_border_bottom{
    border-bottom: 1px solid black;
    padding-bottom: 5px;
}
.filter_pad_top{
    padding-top: 10px;
}
/*
tr th.address_wrap, tr td.address_wrap {
    max-width: 350px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}*/

    .rightButton
    {
        float:right;
    }
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { width: 100%;}

.date_button{
    width:100px;
}
#sub_head{
    width:100%;
    display: flex;
    border-bottom: 1px solid #e4e6e8;
    align-items: center;
    justify-content: center;
    color:#34082c;
    font-weight:bold;
    font-size: 2em;"
}
h3.report{
    margin:auto;
}
#take_action,#take_action2{
    margin-bottom: 10px;
}
.link_ignore{
    font-style: italic;
    color: grey;
}
#imprev_office_div, #imprev_region_div{
    padding-top: 15px;
}
#signin_button{
    width: 195px;
    margin:  50px auto;}
.loginLogo {max-width: 515px; width: 100%;}
img.parent { width: 100%; max-width: 200px;}
.loginLogo img {width: 100%; max-width: 515px;
 margin: 100px auto 25px; 

 }
#signin_button input#login {
    color: #2a2428;
    background: #fff;
    border: 0;
    float: none; 
    margin: 0 auto;
    padding: 10px 24px; 
    text-decoration: none;
}
#signin_button a {text-decoration: none; }
#signin_button input#login:hover {background: #fff; border: 0; color: #552448; text-decoration: none;}

.google_login_button {
    width: 191px;
    height: 46px;
    background: url("/images/btn_google_signin_light_normal_web.png") no-repeat;
    display: inline-block;
}
.google_login_button:hover {
    background: url("/images/btn_google_signin_light_focus_web.png") no-repeat;
}
.google_login_button:active {
    background: url("/images/btn_google_signin_light_pressed_web.png") no-repeat;
}