div#success {
    text-align: center;
    box-shadow: 1px 1px 5px #455644;
    background: #bae8ba;
    padding: 10px;
    border-radius: 3px;
    margin: 0 auto;
    width: 350px;
}

.inputBox {
    width: 100%;
    margin: 5px 0px 15px 0px;
    border: #dedede 1px solid;
    box-sizing: border-box;
    padding: 15px;
}

#contact-popup {
    position: absolute;
	z-index: 10;
    top: 25%;
    left: 25%;
    width: 800px;
    background: #f5f5f5;
    display: none;
    color: #676767;
	border: 2px solid #2A9DF4;
}

#new-contact-popup {
    position: absolute;
	z-index: 10;
    top: 25%;
    left: 25%;
    width: 800px;
    background: #f5f5f5;
    display: none;
    color: #676767;
	border: 2px solid #2A9DF4;
}

#associates-popup {
    position: absolute;
	z-index: 10;
    top: 25%;
    left: 25%;
    width: 800px;
    background: #f5f5f5;
    display: none;
    color: #676767;
	border: 2px solid #2A9DF4;
}

#other-contacts-popup {
    position: absolute;
	z-index: 10;
    top: 25%;
    left: 25%;
    width: 800px;
    background: #f5f5f5;
    display: none;
    color: #676767;
	border: 2px solid #2A9DF4;
}

#customer-documents-popup {
    position: absolute;
	z-index: 10;
    top: 25%;
    left: 25%;
    width: 800px;
    background: #f5f5f5;
    display: none;
    color: #676767;
	border: 2px solid #2A9DF4;
}

#new-customer-document-popup {
    position: absolute;
	z-index: 10;
    top: 25%;
    left: 25%;
    width: 800px;
    background: #f5f5f5;
    display: none;
    color: #676767;
	border: 2px solid #2A9DF4;
}

#cancel-booking-popup {
    position: absolute;
	z-index: 10;
    top: 25%;
    left: 25%;
    width: 800px;
    background: #f5f5f5;
    display: none;
    color: #676767;
	border: 2px solid #2A9DF4;
}

#confirm-cancel-booking-popup {
    position: absolute;
	z-index: 10;
    top: 25%;
    left: 25%;
    width: 800px;
    background: #f5f5f5;
    display: none;
    color: #676767;
	border: 2px solid #2A9DF4;
}

#add-associates-popup {
    position: absolute;
	z-index: 10;
    top: 25%;
    left: 25%;
    width: 800px;
    background: #f5f5f5;
    display: none;
    color: #676767;
	border: 2px solid #2A9DF4;
}

#add-supplier-popup {
    position: absolute;
	z-index: 10;
    top: 25%;
    left: 25%;
    width: 800px;
    background: #f5f5f5;
    display: none;
    color: #676767;
	border: 2px solid #2A9DF4;
}

#view-listed-popup {
    position: absolute;
	z-index: 10;
    top: 25%;
    left: 25%;
    width: 800px;
    background: #f5f5f5;
    display: none;
    color: #676767;
	border: 2px solid #2A9DF4;
}

#apply-changes-popup {
    position: absolute;
	z-index: 10;
    top: 25%;
    left: 25%;
    width: 800px;
    background: #f5f5f5;
    display: none;
    color: #676767;
	border: 2px solid #2A9DF4;
}


#contact-icon {
    padding: 1px 1px 1px 1px;
    width: 258px;
    color: white;
    box-shadow: 1px 1px 5px grey;
    border-radius: 3px;
    cursor: pointer;
    margin: 1px auto;
	text-align: center;
	background-color: green;
}

.info {
    color: #d30a0a;
    letter-spacing: 2px;
    padding-left: 5px;
}

#send {
    background-color: #0096FF;
    border: 2px solid #FFFFFF;
    font-family: Arial;
    color: white;
    width: 12%;
    padding: 10px 0px 10px 0px;
    cursor: pointer;
}

#confirm_action {
    background-color: #0096FF;
    border: 2px solid #FFFFFF;
    font-family: Arial;
    color: white;
    width: 12%;
    padding: 10px 0px 10px 0px;
    cursor: pointer;
}

#reject_change {
    background-color: #0096FF;
    border: 2px solid #FFFFFF;
    font-family: Arial;
    color: white;
    width: 12%;
    padding: 10px 0px 10px 0px;
    cursor: pointer;
}

#reject_remove {
    background-color: #0096FF;
    border: 2px solid #FFFFFF;
    font-family: Arial;
    color: white;
    width: 12%;
    padding: 10px 0px 10px 0px;
    cursor: pointer;
}

#find_associates {
    background-color: #0096FF;
    border: 2px solid #FFFFFF;
    font-family: Arial;
    color: white;
    width: 12%;
    padding: 10px 0px 10px 0px;
    cursor: pointer;
}

#find_supplier {
    background-color: #0096FF;
    border: 2px solid #FFFFFF;
    font-family: Arial;
    color: white;
    width: 100%;
    padding: 10px 0px 10px 0px;
    cursor: pointer;
}

#create_supplier {
    background-color: #0096FF;
    border: 2px solid #FFFFFF;
    font-family: Arial;
    color: white;
    width: 12%;
    padding: 10px 0px 10px 0px;
    cursor: pointer;
}

#add_supplier {
    background-color: #0096FF;
    border: 2px solid #FFFFFF;
    font-family: Arial;
    color: white;
    width: 12%;
    padding: 10px 0px 10px 0px;
    cursor: pointer;
}

#register-customer-popup {
    position: absolute;
	z-index: 10;
    top: 25%;
    left: 25%;
    width: 800px;
    background: #f5f5f5;
    display: none;
    color: #676767;
	border: 2px solid #2A9DF4;
}

#new_contact {
    background-color: #0096FF;
    border: 2px solid #FFFFFF;
    font-family: Arial;
    color: white;
    width: 12%;
    padding: 10px 0px 10px 0px;
    cursor: pointer;
}

#contact-popup h1 {
    font-weight: normal;
    text-align: center;
    margin: 10px 0px 20px 0px;
}

#apply-changes-popup h1 {
    font-weight: normal;
    text-align: center;
    margin: 10px 0px 20px 0px;
}

#cancel-booking-popup h1 {
    font-weight: normal;
    text-align: center;
    margin: 10px 0px 20px 0px;
}

#confirm-cancel-booking-popup h1 {
    font-weight: normal;
    text-align: center;
    margin: 10px 0px 20px 0px;
}

#associates-popup h1 {
    font-weight: normal;
    text-align: center;
    margin: 10px 0px 20px 0px;
}

#other-contacts-popup h1 {
    font-weight: normal;
    text-align: center;
    margin: 10px 0px 20px 0px;
}

#customer-documents-popup h1 {
    font-weight: normal;
    text-align: center;
    margin: 10px 0px 20px 0px;
}

#register-customer-popup h1 {
    font-weight: normal;
    text-align: center;
    margin: 10px 0px 20px 0px;
}

#new-customer-document-popup h1 {
    font-weight: normal;
    text-align: center;
    margin: 10px 0px 20px 0px;
}

#new-contact-popup h1 {
    font-weight: normal;
    text-align: center;
    margin: 10px 0px 20px 0px;
}

#add-associates-popup h1 {
    font-weight: normal;
    text-align: center;
    margin: 10px 0px 20px 0px;
}

#add-supplier-popup h1 {
    font-weight: normal;
    text-align: center;
    margin: 10px 0px 20px 0px;
}

#view-listed-popup h1 {
    font-weight: normal;
    text-align: center;
    margin: 10px 0px 20px 0px;
}

.input-error {
    border: #e66262 1px solid;
}

/* Popup close button */
.close-button {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 20px;
    background: rgba(0,0,0,0.8);
    font-size: 20px;
    text-align: center;
    color: #fff;
    text-decoration:none;
}

/* Dashed border */
hr.dashed {
  border-top: 3px dashed #bbb;
}

/* Dotted border */
hr.dotted {
  border-top: 3px dotted #bbb;
}

/* Solid border */
hr.solid {
  border-top: 2px solid #bbb;
  margin: 10px 0px 20px 0px;
}

/* Rounded border */
hr.rounded {
  border-top: 8px solid #bbb;
  border-radius: 5px;
}