@font-face {
    font-family: 'OpenSans-Regular'; /*a name to be used later*/
    src: url('../fonts/OpenSans-Regular.ttf'); /*URL to font*/
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Bold.ttf'); /*URL to font*/
    font-weight: bold;
}

body {
    -webkit-font-smoothing: antialiased;
}

/* CSS Document */
table:not([width]) {
    width: 100%;
}

th {
    font-weight: bold;
    text-align: left;
}

img {
    border: 0px !important;
}

table.model_form {
    margin-bottom: 1.4em;
    width: 100%;
}

table.model_form th {
    padding: 4px 10px 4px 5px;
    vertical-align: middle;
}

table.model_form td {
    padding: 4px 10px 4px 5px;
    vertical-align: middle;
}

/* Messages for new navbar with tabs */
li.my_nav_menu_horizontal_parent {
    position: relative;
}

ul.my_nav_menu_horizontal_child {
    z-index: 999;
    display: none;
    position: absolute;
    left: 0px;
    top: 40px;
    border: 1px solid #ccc;
}

ul.my_nav_menu_horizontal_child li {
    width: 230px;
}

ul.my_nav_menu_horizontal_child li a {
    width: auto !important;
    border: 0px !important;
}

ul.my_nav_menu_horizontal a {
    font-size: 13px;
    color: #333333;
    text-decoration: none;
}

ul.my_nav_menu_horizontal a:hover {
    color: #999999;
}

ul.my_nav_menu_horizontal, ul.my_nav_menu_horizontal li, ul.my_nav_menu_horizontal ul {
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}

ul.my_nav_menu_horizontal li {
    float: left;
    min-height: 1px;
    line-height: 1.3em;
    vertical-align: middle;
}

ul.my_nav_menu_horizontal li {
    padding: 0px;
}

ul.my_nav_menu_horizontal li {
    background-color: #eee;
    color: #000000;
    line-height: normal;
}

ul.my_nav_menu_horizontal li a {
    display: block;
    border: 1px solid #e0dcdc;
    height: 30px;
    padding-top: 9px;
    width: 133px;
    text-align: center;
}

.my_nav_menu_horizontal_parent_margin_line {
    width: 2px;
    height: 27px;
    padding-top: 5px;
    border-bottom: 1px solid #e0dcdc;
    background: #f6f6f6;
}

ul.my_nav_menu_horizontal a:link, ul.dropdown a:visited {
    color: #000000;
}

ul.my_nav_menu_horizontal a:hover {
    color: #000000;
    background-color: #fff;
}

.my_nav_menu_horizontal_selected {
    border-top: 5px solid #85e0d3 !important;
    border-bottom: 0px !important;
    height: 31px !important;
    background: #fff !important;
    padding-top: 5px !important
}

/* header styles */
#header {
    background: url('../images/header.png') repeat-x;
    width: 100%;
    height: 150px;
    line-height: 19px;
    color: #fff;
    text-align: center;
}

#header a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}

#header a:hover {
    text-decoration: underline;
}

#log_in_info a {
    font-size: 15px !important;
}

.copyrightbar a:link, .copyrightbar a:visited, .copyrightbar a:active {
    color: #fff;
    text-decoration: none;
}

.copyrightbar a:hover {
    text-decoration: underline;
}

.quicklinks a:link, .quicklinks a:visited, .quicklinks a:active {
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
}

.quicklinks a:hover {
    text-decoration: underline;
}

a.mailto_info {
    color: #ffffff;
    font-size: 18px;
    text-decoration: none;
}

a.mailto_info:hover {
    text-decoration: underline;
}

.container {
    font-family: OpenSans-Regular !important;
    width: 917px;
    margin: 0 auto;
    padding: 20px;
    margin-top: 0px !important;
    margin-bottom: 40px !important;
    background: #fff;
    border-left: 1px solid #e0dcdc;
    border-right: 1px solid #e0dcdc;
    border-bottom: 1px solid #e0dcdc;
}

.container-narrow {
    font-family: OpenSans-Regular !important;
    width: 500px;
    margin: 0px auto 40px;
}

.noscriptmsg {
    margin: auto;
    height: 100px;
    width: 959px;
    padding: 100px 0px;;
}

/* nav_bar my styles */
#nav-bar {
    background: none !important;
    padding: 0px !important;
}

#nav a {
    line-height: 27px !important;
    font-size: 18px !important;
    color: #fff !important;
    text-decoration: none !important;
    margin-right: 14px !important;
    margin-top: 0px !important;
    padding: 0px !important;
    font-weight: normal !important;
    float: none !important;
}

#nav a:hover {
    text-decoration: underline !important;
    background: none !important;
}

#nav li.over a {
    text-decoration: none !important;
    background-color: #eff4fa;
}

#nav li.parent a {
    background: none !important;
}

#nav li.parent ul li a {
    color: #444444 !important;
    font-size: 14px !important;
}

#nav li.parent ul li a:hover {
    background: #d0dfe2 !important;
}

/* */

/* search bar styles using in Order Manage*/
#mysearch {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}

.mysearch_field_1 {
    float: left;
}

.mysearch_fields {
    float: left;
    margin-left: 10px;
}

.mysearch_button {
    float: left;
    margin-left: 10px;
}

.blue_button {
    display: block;
    background: #85e0d3;
    color: #fff;
    border: 0px;
    padding: 3px 10px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.blue_button.button_large {
    height: 24px;
}

.blue_button.button_xlarge {
    padding: 8px;
    min-width: 80px;
    font-size: 10pt;
}

.button-gray {
    background-color: #eee;
    border: none;
    border-radius: 4px;
    padding: 6px;
    color: #666;
    font-size: 9pt;
}

.button-dark-gray {
    background-color: #c9d2d0;
}

.button-bordered {
    border: 1px solid #b0bab8;
}

.popup-button {
    background-color: #85e0d3;
    border: none;
    border-radius: 3px;
    padding: 7px 15px 7px 15px;
    font-size: 9pt;
    color: white;
}

.floorplan-upload-button {
    background: #eee url("../images/upload-floorplan.png") no-repeat 5px;
    padding-left: 30px;
}

.add_new_job {
    float: left;
    margin-left: 5px;
}

.mysearch_table td {
    vertical-align: top;
}

/* css for operations menu on the top right each page (which has any operations)*/
.operations {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.operations li {
    float: left;
    padding-bottom: 2px;
}

.operations li a {
    font: bold 12px;
    color: #0066A4;
    padding: 0px;
    line-height: 15px;
    text-decoration: none;
}

.operations li a:hover {
    text-decoration: underline;
}

.right_menu_active a {
    text-decoration: underline !important;
    cursor: default !important;
}

#right_menu_table {
    margin-bottom: 1.4em;
}

#right_menu_table th {
    padding: 4px 5px 4px 5px;
}

#right_menu_table td {
    padding: 4px 5px 4px 5px;
}

/* css new for operations REMOVE UP OR CHANGE*/
#sub_menu_right {
    background: #02A7B6;
    height: 29px;
    border-left: 1px solid #424748;
    border-right: 1px solid #424748;
    border-top: 1px solid #424748;
}

#sub_menu_right_shadow {
    position: absolute;
    left: 0px;
    top: 0px;
    background: url('../images/header_right_menu_shadow.png') repeat-x;
    height: 4px;
    width: 100%;
}

.operations2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.operations2 li {
    float: left;
    padding-bottom: 4px;
    color: #fff;
}

.operations2 li a {
    font: bold 12px;
    color: #fff;
    padding: 0px;
    line-height: 15px;
    text-decoration: none;
}

.operations2 li a:hover {
    text-decoration: underline;
}

.right_menu_active2 a {
    text-decoration: underline !important;
    cursor: default !important;
}

/* css for grid-view using on Manage Orders */
.my_grid-view {
    padding: 0px;
}

.my_grid-view a {
    text-decoration: none;
}

.my_grid-view table.items {
    font-size: 11px;
    margin-bottom: 1.4em;
    text-align: left;
    width: 100%;
    background: white;
    border-collapse: collapse;
    width: 100%;
}

.my_grid-view table.items th {
    font-size: 12px;
    border-top: 1px solid #67a69d;
    border-bottom: 1px solid #67a69d;
    border-left: 1px solid #85e0d3;
    border-right: 1px solid #85e0d3;
    background: #85e0d3;
    font-weight: bold;
    color: #3d655f;
    padding: 15px;
}


.my_grid-view table.items td {
    vertical-align: top;
    border: 1px #fff solid;
    font-size: 12px;
    padding: 15px;
}


.my_grid-view.grid-condensed table.items th, .my_grid-view.grid-condensed table.items td {
    padding: 8px;
}

.my_grid-view table.items td.empty_cell {
    border: 0px;
    padding: 5px;
}

.my_grid-view table.items th a {
    color: #3d655f;
    text-decoration: none;
}

.my_grid-view table.items th a:hover {
    color: #FFF;
}

.my_grid-view table.items tr.even {
    background: #f5f1ef;
}

/*#F8F8F8*/
.my_grid-view table.items tr.odd {
    background: #f5f5f5;
}

/*#CCCCCC*/
.my_grid-view table.items tr.selected {
    background: #BCE774;
}

/* #BCE774 */
.my_grid-view table.items tr:hover {
    background: #ECFBD4 !important;
}

/* #ECFBD4 */
.my_grid-view .summary {
    margin: 0 0 5px 0;
    text-align: right;
}

.my_grid-view .order-date {
    width: 70px
}

.grid-view table.items th, .grid-view table.items td {
    padding: 10px;
}

.grid-view table.items td a {
    text-decoration: none;
    color: #06c;
}


.grid-view table.items th {
    border: 1px solid #67a69d !important;
    background: #85e0d3 !important;
    color: #3d655f !important;
    text-align: left !important;
}

.grid-view table.items tr.odd {
    background: #f5f5f5 !important;
}

.grid-view table.items tr.even {
    background: #f5f1ef !important;
}

/*#E5F1F4*/

/* my_form_class for Edit form Job(Order) */
.my_form {
    margin-top: 55px;
}

.my_form span.required {
    color: red;
}

.my_form .errorSummary {
    border: 2px solid #C00;
    padding: 7px 7px 12px 7px;
    margin: 0 0 20px 0;
    background: #FEE;
    font-size: 0.9em;
}

.my_form .errorMessage {
    color: red;
    font-size: 0.9em;
}

.my_form .errorSummary p {
    margin: 0;
    padding: 5px;
}

.my_form .errorSummary ul {
    margin: 0;
    padding: 0 0 0 20px;
}

.radioButton .my_form_classList label {
    display: inline !important;
    margin-right: 10px;
}

table.my_form_table {
    margin-bottom: 1.4em;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px #e9e9eb solid;
}

table.my_form_table td {
    padding: 4px 10px 4px 5px;
    /*border: 1px #e9e9eb solid;*/
    vertical-align: top;
}

.my_form_section_table table {
    margin-bottom: 1.4em;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: top;
    border: 0px !important;
}

.my_form_section_table th {
    padding: 4px 10px 4px 5px;
    text-align: left;
    vertical-align: top;
    border: 0px !important;
}

.my_form_section_table td {
    padding: 4px 10px 4px 5px;
    vertical-align: top;
    border: 0px !important;
}

.free_unselected {
    font-weight: normal;
    color: gray;
}

/*table {border-collapse:separate;border-spacing:0;margin-bottom:1.4em;width:100%;}*/
/*th, td {padding:4px 10px 4px 5px;}*/

/* PAGER STYLES */
ul.myPager {
    border: 0;
    margin: 0;
    padding: 0;
    display: inline;
}

ul.myPager li {
    display: inline;
    font-size: 12px;
}

ul.myPager a:link, ul.myPager a:visited {
    color: #66c6b8;
    background: rgba(229, 229, 229, 0.5);
    padding: 5px 10px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

ul.myPager .page a {
    font-weight: normal;
}

ul.myPager a:hover {
}

ul.myPager .prevOrNextLink {
    background: #85e0d3 !important;
    color: #47756e !important;
}

ul.myPager .selected a {
    background: rgba(229, 229, 229, 1) !important;
    color: #888;
}

ul.myPager .hidden a {
    background: rgba(229, 229, 229, 1) !important;
    color: #888 !important;
}

/* Hide first and last buttons by default.*/
/*ul.myPager .first, ul.myPager .last { display:none; }*/

select.itemsPerPage {
    border: 0px;
}

/* EPC BOXES STYLES */

#amend_table {
}

#amend_table th {
    vertical-align: top;
}

#amend_table td {
    vertical-align: top;
}

#amend_table th.cell_index {
    width: 100px;
}

#amend_table td.cell_room_label {
    width: 100px;
    text-align: right;
}

#amend_table td.cell_room input {
    width: 300px;
}

#amend_table td.cell_change_label {
    width: 100px;
    text-align: right;
}

#amend_table td.cell_change {
    height: 70px;
}

#amend_table td.cell_change textarea {
    resize: none;
    width: 382px;
    height: 60px;
}

#Job_quoted_price_epc:focus {
    color: black;
}

#Job_quoted_price_epc {
    color: grey;
    width: 200px;
}

/* POP WINDOW sen email */
.send-message-popup {
    display: none;
    background: #CCCCCC;
    padding: 10px;
    border: 2px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    width: 350px;
    height: 300px;
    top: 50%;
    left: 50%;
    z-index: 99999;
    box-shadow: 0px 0px 20px #999; /* CSS3 */
    -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

#textarea_message {
    width: 350px;
    height: 200px;
}

#mask {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 999;
}

.send-message-popup a {
    margin-left: 335px;
}

.send-message-popup form .row {
    margin-top: 10px;
}

.send-message-popup form .row label span {
    color: red;
}

.send-message-popup form .row input {
    display: inline;
    margin-right: 50px;
}

.send-message-popup form .row textarea {
    width: 95%;
    height: 170px;
}

.closeSimpleMail {
    display: inline;
    background: #02A7B6;
    color: #fff;
    border: 0px;
    height: 20px;
    cursor: pointer;
}

/*#sendPhotoLink_popup {*/
    /*display: none;*/
    /*background: #CCCCCC;*/
    /*padding: 10px;*/
    /*border: 2px solid #ddd;*/
    /*font-size: 1.2em;*/
    /*box-shadow: 0px 0px 20px #999; *//* CSS3 */
    /*-moz-box-shadow: 0px 0px 20px #999; *//* Firefox */
    /*-webkit-box-shadow: 0px 0px 20px #999; *//* Safari, Chrome */
    /*border-radius: 3px 3px 3px 3px;*/
    /*-moz-border-radius: 3px; *//* Firefox */
    /*-webkit-border-radius: 3px; *//* Safari, Chrome */
/*}*/

.delete_clientFromUser_button {
    display: inline;
    width: 22px;
    height: 22px;
    border: 0px;
    background: url('../images/delete58.png');
    cursor: pointer;
}

.delete_holidayFromUser_button {
    display: inline;
    width: 22px;
    height: 22px;
    border: 0px;
    background: url('../images/delete58.png');
    cursor: pointer;
}

/* funkyPopup */
.funkyPopup {
    display: none;
    position: relative;
    background: #fff;
    padding: 0px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

.closeButtonForPopup {
    display: block;
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(close.png) no-repeat 0 0;
}

.funkyPopupBoxHoverContainer {
    position: relative;
}

.funkyPopupBoxHover {
    display: none;
    z-index: 999;
    position: absolute;
    background: #fff;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 7px #000;
    -moz-box-shadow: 0 0 7px #000;
    -o-box-shadow: 0 0 7px #000;
    -ms-box-shadow: 0 0 7px #000;
    box-shadow: 0 0 10px #000;
    font-weight: normal;
}

/* funkyPopup_2 */
.funkyPopup_2 {
    display: none;
    position: relative;
    background: #fff;
    padding: 0px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    border: 1px solid #b8b8b8;
}

.funkyPopup_2_header {
    background: #f5f5f5;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 5px 20px;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #ebebeb;
}

.closeButtonForPopup_2 {
    display: block;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 14pt;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.addStandardOrderImageLink {
    float: left;
    margin-right: 20px;
    display: block;
    width: 216px;
    height: 262px;
    background: url("../images/addStandardOrderImageFull.png") no-repeat;
    background-position: 0px 0px;
}

.addStandardOrderImageLink:hover {
    background-position: 0px -262px;
}

.addVideoTourImageLink {
    float: right;
    display: block;
    width: 216px;
    height: 262px;
    background: url("../images/addVideoTourImageFull.png") no-repeat;
    background-position: 0px 0px;
}

.addVideoTourImageLink:hover {
    background-position: 0px -262px;
}

.newModernButton {
    display: block;
    color: #2e2e2e;
    background: #f0efef;
    text-decoration: none;
    border: 1px solid #d5d5d5;
    width: 214px;
    text-align: center;
    padding: 5px 0px;
    font-size: 15px;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.newModernButton:hover {
    background: #85e0d3;
    color: #fff;
    border: 1px solid #6bb4aa;
}

/* CSS FOR MESSAGE */
#messageBoxDiv {
}

.messageBoxDivContent {
    overflow-y: auto;
    height: 335px;
}

.messageBoxDivContent .image-column {
    width: 50px;
    text-align: center
}

.messageRow td {
    font-size: 10pt;
    padding: 10px;
    text-align: left;
    cursor: pointer;
    background-color: #f5f5f5;
}

.messageRowDialog td {
    font-size: 10pt;
    padding: 10px 15px 10px 15px;
    text-align: left;
    cursor: pointer;
    background-color: #EEF8F7;
}

.messageRow td .username {
    font-weight: bold
}

.messageRow td .date {
    float: right;
    color: #a3a3a4
}

/*.messageRow:nth-child(2n) td {*/
    /*background-color: #f5f5f5;*/
/*}*/

.messageRowEvenDialog:nth-child(2n) td {
    background-color: #ffffff;
}

.messageRowEven:nth-child(2n) td {
    background-color: #fbfbfb;
}

.messageBoxDivContent .messageRowOdd td.image-column {
    background-color: #ededed
}

.messageBoxDivContent .messageRowEven td.image-column {
    background-color: #f5f5f5
}

.messageRow td.image-column {
    width: 70px;
    text-align: center;
    font-weight: bold
}

.messageRow td.image-column a {
    text-decoration: none;
    width: 28px;
    margin-top: 5px;
    height: 11px;
    display: inline-block;
    line-height: 5px;
    background-color: #f5f4f4;
    border: 1px solid #bebebe;
    border-radius: 3px;
}

.messageRow.noMessagesRow, .messageRow.noMessagesRow:hover
{
    text-align: center;
    height: 335px;
    background: #fafafa url("/client/images/no-message.png") no-repeat center;
}
.showAddMessagePopup {
    float: right;
}

.messageRow:hover {
    background: #ecfbd4;
}

.messageLineUnread .username {
    color: #2f7fbd;
}

.dashboard .messageBoxDivContent {
    height: 400px;
}

.addOrderButton {
    display: block;
    width: 146px;
    height: 36px;
    background: url(../images/addOrderButton.png) no-repeat;
    float: right;
    margin-top: 4px;
}

.actionicon_1 {
    background-position: 0px 0px;
    display: block;
    width: 31px;
    height: 28px;
    float: left;
    background-image: url(../images/actionicons.png);
}

.actionicon_2 {
    background-position: -31px 0px;
    display: block;
    width: 31px;
    height: 28px;
    float: left;
    background-image: url(../images/actionicons.png);
}

.actionicon_3 {
    background-position: -62px 0px;
    display: block;
    width: 31px;
    height: 28px;
    float: left;
    background-image: url(../images/actionicons.png);
}

.actionicon_4 {
    background-position: -93px 0px;
    display: block;
    width: 31px;
    height: 28px;
    float: left;
    margin: 1px;
    background-image: url(../images/actionicons.png);
}

.actionicon_4_disabled {
    background-position: -93px -28px;
    display: block;
    width: 31px;
    height: 28px;
    float: left;
    margin: 1px;
    background-image: url(../images/actionicons.png);
}

.actionicon_5 {
    background-position: -124px 0px;
    display: block;
    width: 31px;
    height: 28px;
    float: left;
    margin: 1px;
    background-image: url(../images/actionicons.png);
}

.invoiceactionicon_1 {
    background-position: 0px 0px;
    display: block;
    width: 31px;
    height: 28px;
    float: left;
    background-image: url(../images/invoiceactionicons.png);
}

.invoiceactionicon_2 {
    background-position: -31px 0px;
    display: block;
    width: 31px;
    height: 28px;
    float: left;
    background-image: url(../images/invoiceactionicons.png);
}

.invoiceactionicon_3 {
    background-position: -62px 0px;
    display: block;
    width: 31px;
    height: 28px;
    float: left;
    background-image: url(../images/invoiceactionicons.png);
}

.invoiceactionicon_4 {
    background-position: -93px 0px;
    display: block;
    width: 31px;
    height: 28px;
    float: left;
    background-image: url(../images/invoiceactionicons.png);
}

a.actionicon {
    margin: 1px;
}

.mycustomselect_row {
    position: relative;
    text-align: left;
    cursor: pointer;
    padding: 6px 15px;
    padding-right: 30px;
}

.mycustomselect_row:hover {
    background: #48a4cf;
    color: #fff;
}

.mycustomselect_selected {
    background: #48a4cf;
    cursor: default;
    color: #fff;
}

.mycustomselect_selected_icon {
    position: absolute;
    right: 5px;
    top: 12px;
    background: url(../images/mycustomselect_selected.png);
    width: 14px;
    height: 10px;
}

.mycustomdropdown_triangle {
    width: 0px;
    height: 0px;
    cursor: pointer;
    border-left: 6px solid transparent;
    border-top: 6px solid #9c9c9d;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.mycustomdropdown_rows a {
    text-decoration: none;
    color: #000 !important;
    display: block;
    padding: 5px;
    text-align: left;
    margin: 2px;
    border-radius: 3px;
}

.mycustomdropdown_rows a:hover {
    background: #48a4cf;
    color: #fff !important;
}

.mCSB_container {
    margin-right: 0px !important;
}

.content {
    width: 200px;
    height: 100px;
    overflow: auto;
    padding: 0px;
    border: 1px solid #b8b8b8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail {
    background-color: inherit !important;
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #b1b1b1 !important;
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #b1b1b1 !important;
}

.mCustomScrollBox > .mCSB_scrollTools {
}

input.customInputDesign {
    height: 20px;
    padding-left: 5px;
    font-size: 10pt;
    border-radius: 5px;
    border: #9c9c9d 1px solid;
    color: #9c9c9d;
}

input.input-rounded {
    height: 20px;
    padding-left: 5px;
    font-size: 10pt;
    border-radius: 5px;
    border: #9c9c9d 1px solid;
}

#orders_hide_completed_checkbox_label {
    color: #9c9c9d;
    margin-top: 5px;
}

#sub_menu_right {
    background: #e2e2e2 !important;
}

.operations2 li {
    color: #808080 !important;
}

.operations2 li a {
    color: #808080 !important;
}

.operations2 li a:hover {
    color: #999999;
    text-decoration: underline;
}

.blue_button {
    background: #85e0d3;
    color: #fff;
}

.sprite {
    background: url("../images/icons.png") no-repeat;
    display: inline-block;
    margin: 1px 5px 0px 5px;
    vertical-align: middle;
}

.sprite-icon-adresses {
    width: 9px;
    height: 13px;
    background-position: -5px -5px;
}

.sprite-icon-agents {
    width: 12px;
    height: 12px;
    background-position: -24px -5px;
}

.sprite-icon-box-open {
    width: 22px;
    height: 20px;
    background-position: -46px -5px;
}

.sprite-icon-calendar {
    width: 19px;
    height: 22px;
    background-position: -78px -5px;
}

.sprite-icon-camera {
    width: 20px;
    height: 18px;
    background-position: -107px -5px;
}

.sprite-icon-cross {
    width: 10px;
    height: 11px;
    background-position: -137px -5px;
}

.sprite-icon-download {
    width: 16px;
    height: 16px;
    background-position: -157px -5px;
}

.sprite-icon-download-white {
    width: 15px;
    height: 13px;
    background-position: -5px -31px;
}

.sprite-icon-due {
    width: 12px;
    height: 12px;
    background-position: -137px -31px;
}

.sprite-icon-edit {
    width: 11px;
    height: 11px;
    background-position: -159px -31px;
}

.sprite-icon-edit-square {
    width: 16px;
    height: 16px;
    background-position: -30px -52px;
}

.sprite-icon-epc {
    width: 23px;
    height: 17px;
    background-position: -56px -52px;
}

.sprite-icon-epc-gray {
    width: 18px;
    height: 11px;
    background-position: -89px -52px;
}

.sprite-icon-epc-gray-large {
    width: 23px;
    height: 17px;
    background-position: -159px -52px;
}

.sprite-icon-epc-white-xlarge {
    width: 47px;
    height: 35px;
    background-position: -5px -79px;
}

.sprite-icon-file-minus {
    width: 18px;
    height: 21px;
    background-position: -62px -79px;
}

.sprite-icon-floorplan {
    width: 20px;
    height: 17px;
    background-position: -90px -79px;
}

.sprite-icon-floorplan-gray {
    width: 20px;
    height: 17px;
    background-position: -120px -79px;
}

.sprite-icon-floorplan-white-xlarge {
    width: 40px;
    height: 35px;
    background-position: -90px -106px;
}

.sprite-icon-graph-chart {
    width: 20px;
    height: 17px;
    background-position: -150px -79px;
}

.sprite-icon-image {
    width: 22px;
    height: 24px;
    background-position: -140px -106px;
}

.sprite-icon-info {
    width: 22px;
    height: 21px;
    background-position: -5px -140px;
}

.sprite-icon-jobs {
    width: 12px;
    height: 12px;
    background-position: -172px -106px;
}

.sprite-icon-key {
    width: 19px;
    height: 8px;
    background-position: -37px -140px;
}

.sprite-icon-lock {
    width: 10px;
    height: 12px;
    background-position: -66px -128px;
}

.sprite-icon-login-email {
    width: 14px;
    height: 10px;
    background-position: -172px -128px;
}

.sprite-icon-magnifying-glass {
    width: 27px;
    height: 30px;
    background-position: -140px -148px;
}

.sprite-icon-mail-large {
    width: 23px;
    height: 17px;
    background-position: -183px -5px;
}

.sprite-icon-mail-normal {
    width: 18px;
    height: 16px;
    background-position: -192px -32px;
}

.sprite-icon-mail-small {
    width: 14px;
    height: 11px;
    background-position: -5px -58px;
}

.sprite-icon-megaphone {
    width: 23px;
    height: 17px;
    background-position: -192px -58px;
}

.sprite-icon-message-bubble {
    width: 20px;
    height: 18px;
    background-position: -194px -85px;
}

.sprite-icon-overdue {
    width: 12px;
    height: 12px;
    background-position: -196px -113px;
}

.sprite-icon-paid {
    width: 12px;
    height: 12px;
    background-position: -196px -135px;
}

.sprite-icon-pdf {
    width: 22px;
    height: 24px;
    background-position: -66px -157px;
}

.sprite-icon-photos-gray {
    width: 20px;
    height: 18px;
    background-position: -98px -157px;
}

.sprite-icon-plus {
    width: 8px;
    height: 8px;
    background-position: -117px -58px;
}

.sprite-icon-plus-gray-xlarge {
    width: 31px;
    height: 31px;
    background-position: -177px -157px;
}

.sprite-icon-refresh-white {
    width: 18px;
    height: 16px;
    background-position: -5px -198px;
}

.sprite-icon-remove {
    width: 16px;
    height: 16px;
    background-position: -33px -198px;
}

.sprite-icon-speech-bubble {
    width: 29px;
    height: 20px;
    background-position: -220px -5px;
}

.sprite-icon-summary {
    width: 16px;
    height: 18px;
    background-position: -225px -35px;
}

.sprite-icon-upload-white {
    width: 9px;
    height: 9px;
    background-position: -117px -35px;
}

.sprite-icon-user-add {
    width: 19px;
    height: 19px;
    background-position: -225px -63px;
}

.sprite-icon-vendors {
    width: 16px;
    height: 11px;
    background-position: -224px -92px;
}

.sprite-icon-zip {
    width: 10px;
    height: 13px;
    background-position: -250px -92px;
}

/* custom sprites */
.icon-image-print {
    background: white url("../images/icon-images-print.png") no-repeat;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 5px 0px 5px;
    vertical-align: middle;
    width: 30px;
    height: 27px;
}

.icon-image-print:hover {
    background: white url("../images/icon-images-print-hover.png") no-repeat;
}

.icon-image-screen {
    background: white url("../images/icon-images-screen.png") no-repeat;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 5px 0px 5px;
    vertical-align: middle;
    width: 30px;
    height: 27px;
}

.icon-image-screen:hover {
    background: white url("../images/icon-images-screen-hover.png") no-repeat;
}

.icon-image-trash {
    background: white url("../images/icon-images-trash.png") no-repeat;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 5px 0px 5px;
    vertical-align: middle;
    width: 30px;
    height: 27px;
}

.icon-image-trash:hover {
    background: white url("../images/icon-images-trash-hover.png") no-repeat;
}


.icon-cell {
    padding-top: 5px;
}

#summary-information {
    width: 100%;
    font-size: 10pt;
}

.icon-header {
    font-size: 18pt;
    margin-bottom: 10px;
}

.icon-header .icon-subheader {
    font-size: 10pt;
    margin-bottom: 5px;
}

.icon-header .sprite {
    vertical-align: inherit;
}

#summary-information table.summary-table {
    border-collapse: separate;
    border: 1px solid #f5f5f5;
    width: 100%;
}

#summary-information table.summary-table th {
    background-color: #f5f5f5;
    border: 1px solid white;
    padding: 10px;
}

#summary-information table.summary-table tr:first-child th {

    padding: 4px 4px 4px 10px;
}

#summary-information table.summary-table td {
    background-color: #f5f1ef;
    border: 1px solid white;
    padding: 10px;
}

#summary-information table.summary-table tr:nth-child(2n) > * {
    background-color: white;
    border: 1px solid white;
}

#summary-information table.summary-table tr:first-child a {
    font-size: 9pt;
    color: #d5d5d5;
    text-decoration: none;
}

#summary-information table.summary-buttons td {
    text-align: center;
    background-color: #cdd9d7;
    border: 1px solid #fff;
    height: 80px;
    line-height: 25px;
    width: 33.3333%;
}

#summary-information table.summary-buttons td a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    width: 100%;
    height: 100%;
    display: block;
    padding-top: 10px;
}

#summary-information table.summary-buttons .sprite {
    margin-top: 10px;
}

.btn.btn-dark {
    text-decoration: none;
    display: inline-block;
    padding: 4px 12px;
    color: #fff;
    background-color: #5cc3b3;
    background-image: none;
    border: 0px;
    text-shadow: none;
}

.form-field {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #c8c8ca;
    border: 1px solid #9c9c9d;
    padding: 7px;
}

#generate-invoice-popup .funkyPopup_2_header {
    padding: 10px;
    background-color: #85e0d3;
}

#generate-invoice-popup .funkyPopup_2_body {
    padding: 30px;
    background-color: #f5f1ef;
}

.hover-popup {
    background: #fff;
    color: #000;
    border: 1px solid #a8acad;
    font-size: 0.85em;
}

.hover-popup .body {
    padding: 10px;
}

.hover-popup .footer {
    background-color: #f5f5f5;
    color: #b1b1b1;
    margin: 2px;
    padding: 3px;
}

#invoices_content_div {
    height: 550px;
    overflow-y: auto;
}

#calendar { width: 500px; margin-top: 13px; }
#calendar .fc-view { overflow-y: auto; height: 500px}
#calendar a:hover{ color: #fff !important; }

.loading-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8) url("../_myassets/images/ajax_loader.gif") no-repeat center;
    z-index: 999;
}

.floor-plans-epc {
    margin-bottom: 30px;
}

.floor-plans-epc a{
    text-decoration: none;
    color: #9c9c9d;
    font-size: 10pt;
    font-family: Helvetica;
    font-weight: normal;
}

.floor-plans-epc button {
    text-decoration: none;
    color: #9c9c9d;
    background: transparent;
    border: none;
    font-size: 10pt;
    font-weight: normal;
    cursor: pointer;
    outline: none;
    font-family: Helvetica;
}

.floor-plans-epc table {
    width: 100%;
}

.floor-plans-epc th {
    vertical-align: middle;
    color: #9c9c9d;
    font-size: 10pt;
}

.floor-plans-epc th, .floor-plans-epc td {
    vertical-align: middle;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 5px;
}

.add-epc-floorplan-button {
    background-color: #6c9ad8;
    color: white;
    border: none;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
}

.icon-tile {
    display: inline-block;
    background-color: #eee;
    color: white;
    padding: 25px;
    margin: 5px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
    height: 50px;
}

.icon-tile:hover {
    background-color: #cdd9d7;
}

.icon-tile.selected {
    background-color: #6c9ad8;
}

#addFileDialog {
    text-align: center;
}

#addFileLink {
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: 12pt;
}

.funkyPopup-themed {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 6px;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.3);
    border: none;
}


.funkyPopup-themed .funkyPopup_2_header {
    padding: 10px;
    background-color: #85e0d3;
    border-radius: 0px;
}

.funkyPopup-themed .funkyPopup_2_body {
    padding: 30px;
    background-color: #f5f1ef;
}

.funkyPopup-themed .popup-header {
    padding: 10px;
    padding-left: 20px;
    background-color: #85e0d3;
    border-radius: 0px;
}

.funkyPopup-themed .popup-body {
    padding: 10px;
    background-color: #fff;
    min-width: 300px;
}

#amend_table {
     font-family: OpenSans-Regular, sans-serif, 'Helvetica';
     color: #6e6e70;
     font-size: 10pt;
     padding-bottom: 20px;
     border-bottom: 1px solid #e2e2e2;
}
#amend_table div {
     padding: 5px;
}

#amend_table input {
    padding: 5px;
    border: 1px solid #9c9c9d;
    border-radius: 3px;
    width: 150px;
}

#amend_table .cell_index {
    font-weight: bold;
}
#amend_table .cell_amend {
    display: table-cell;
}

#amend_table .cell_room_label {
    width: 50px;
}

.amend_table_file {
    margin-left: 5px;
    max-width: 400px;
    font-family: OpenSans-Regular, sans-serif, 'Helvetica';
    color: #6e6e70;
    font-size: 10pt;
}

.amend_table_file td {
    padding: 5px;
}

.content-login {
    background: #fff;
    border: 1px solid #e0dcdc;
    border-top: 4px solid #85e0d3;
    padding: 20px;
    margin-bottom: 10px;

}

.content-login .email-input, .content-login .password-input {
    border: 1px solid #e0dcdc;
    border-radius: 3px;
    width: 420px;
    padding: 7px;
}

.content-login .email-input, .content-login div.success .email-input, .content-login div.error .email-input {
    background: url("../images/icon-login-email.png") no-repeat 10px 7px;
    padding-left: 30px;
}

.content-login .password-input, .content-login div.success .password-input, .content-login div.error .password-input {
    background: url("../images/icon-lock.png") no-repeat 10px 7px;
    padding-left: 30px;
}

.content-login input[type=submit] {
    display: inline-block;
    background-color: #85e0d3 !important;
}

.content-login-forgot {
    margin-bottom: 10px;
    text-align: center;
}

.content-login-forgot a{
    text-decoration: none;
    color: #b2b2b2;
}

.content-login-registration {
    margin-bottom: 30px;
    text-align: center;
    font-size: 11pt;
    color: #666;
}

.fileupload-buttonbar .fileinput-button {
    background: #5ab95b none;
    margin-top: 2px;
    font-weight: bold;
    height: 21px;
}

.fileupload-buttonbar * {
   vertical-align: middle;
}

.fileupload-buttonbar .fileinput-button .icon-plus {
    display: inline-block;
    width: 13px;
    height: 14px;
    background-image: url("../images/icon-plus-fileupload.png");
}

.fileupload-buttonbar .start {
    background: #418bca none;
}

.fileupload-buttonbar .start .icon-upload {
    display: inline-block;
    width: 15px;
    height: 13px;
    background-image: url("../images/icon-upload-fileupload.png");
}

.fileupload-buttonbar .cancel {
    background: #efad4d none;
}

.fileupload-buttonbar .cancel .icon-ban-circle {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("../images/icon-cancel-fileupload.png");
}

.xupload_refresh_link {
    background-color: #b1b1b1;
    padding: 6px;
    border-radius: 3px;
}

.xupload_refresh_link .sprite {
    margin: 0px 0px 4px 0px;
}

.image-tile {
    width: 300px;
    padding:0px;
    margin: 2px;
    text-align: center;
    float: left;
    position:relative;
}

.image-tile > img {
    width: 300px;
    height: 200px;
}

.image-tile > img.portrait {
    width: auto;
    height: 200px;
}

.image-tile .overlay {
    background-color: rgba(0, 0, 0, 0.2);
    text-align: right;
     position: absolute;
     top: 0px;
     left: 0px;
     bottom: 0px;
     right: 0px;
     color: white;
 }

.image-tile .overlay > a{
    display: block;
    margin-top: 3px;
    float: right;
    clear: both;
}

.image-tile .overlay .caption {
    background-color: black;
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    padding: 3px;
    color: white;
    text-align: left;
    font-size: 8pt;
}

.image-tile .overlay .center-image
{
    position: absolute;
    top: 85px;
    left: 135px;
}

.image-zip-buttons {
    font-size: 10pt;
    color: #b1b1b1;
    display: block;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px;
    text-align: right;
    clear: both;
}

.image-zip-buttons a {
    text-decoration: none;
    color: #b1b1b1;
}

.image-zip-buttons a .sprite {
    vertical-align: top;
}

.link-hoverable:hover {
    -webkit-filter: invert(.8);
    filter: invert(.8);
}

td.order-detail-sections {
    padding: 10px;
}

.order-detail-sections fieldset {
    padding: 20px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
}

.order-detail-sections fieldset legend {
    color: #696969;
}

.order-detail-sections .sub-row-title
{
    font-weight: normal;
    padding-left: 10px;
}

.order-detail-sections .parent-row-title
{
    font-weight: bold;
    width: 200px;
}

.order-detail-sections .total-price {
    font-weight: bold;
    text-align: right;
    font-size: 14pt;
    background-color: #f2f2f2;
    padding: 10px;
}

#summary-information .link-hoverable .sprite {
    margin-left: 7px;
}

.border-top-bottom {
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    margin-top: 10px;
    margin-bottom: 10px;
}

.message-form {
    width: 566px;
    margin-left: auto;
    margin-right: auto;
}

.message-centre .popup-body {
    width: 600px;
    padding: 10px;
}
.message-centre .message-content {
    display: block;
    width: 550px;
    height: 120px;
    border-radius: 4px;
    border: 1px solid #9c9c9d;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 7px;
}

.message-centre .message-column {
    cursor: auto;
}

.message-centre .popup-button {
    float: right;
    margin-bottom: 10px;
}

.message-centre .message-list {
    width: 100%;
}

.message-centre .keep-message-control {
    color: #b1b1b1;
}

.input-rounded {
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #9c9c9d;
}


#drop{
    width: 500px;
    padding: 40px 48px;
    border: 2px solid #A9A9A9;
    border-style: dashed;
    border-radius: 12px;
    text-align: center;
    font-size:20px;
    color:#A9A9A9;
    font-family: OpenSans-Regular
}

#drop a{
    background-color:#A9A9A9;
    text-decoration: none;
    padding:10px 10px;
    color:#fff;
    font-size:16px;
    border-radius:6px;
    text-align: center;
    display:inline-block;
    margin-top:10px;
    line-height:1;
    cursor:pointer;
}

#drop input{
    display:none;
}

.loading-images {
    position: relative;
    width: 210px;
    height: 100%;
    display: inline-block;
    background: url("../_myassets/images/ajax_loader.gif") no-repeat center;
}

.images-table{
    color:#000;
    font-family: OpenSans-Regular;
}

.images-table a{
    text-decoration: none;

}

.file-upload-preview{
    max-width: 80px;
    min-width: 0px;
    height: 60px;
}

.file-upload-name{
    text-align:left;
    margin: 0;
    vertical-align: middle;
}

.file-upload-progressbar{
    width: 100%;
    height: 5px;
    vertical-align: middle;
}

.file-upload-message{
    text-align: right;
    margin: 0;
    vertical-align: middle;
    color: #efae4f;
}
/* -- -- */
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cb { clear: both; height: 1px; width: 100%; }
.notice {
	padding: 5px 10px;
}
.notice-error {
	background-color: #fee;
    border: 1px solid #c00;
}
.notice-success {
	background-color: #e6efc2;
    border: 1px solid #c6d880;
    color: #264409;
}
.header-wrapper h1 {
	width: 50%;
	float: left;
	margin-top: 0
}
.header-wrapper .button-wrapper {
	float: right;
	padding-top: 12px;
}
#add-invoice-item {
	float: right;
}
.form-error {
	margin-top: 10px;
}
.address input, .invoice-details input, .description input {
	width: 98%;
}
.amount input {
	width: 100%;
}
.amount p {
	margin-bottom: 0;
}
.edit-button {
	display: inline-block;
	margin-top: 10px;
	color: #d5d5d5;
	text-decoration: none;
	font-weight: bold;
}
.remove-invoice-item {

}
.edit-button:hover {
	color: #474747
}

.blue_button.custom-button {
	display: inline-block;
}

.blue_button.aligncenter {
	margin: 0 auto;
}

.link, .cancel-button {
	background-color: #9c9c9d;
	text-decoration: none;
	color: #fff;
	border-radius: 3px;
	padding: 2px 10px;
}

.link {
	background-color: #85e0d3;
}

.link:hover, .cancel-button:hover {
	background-color: #474747;
	color: #fff;
}

span.branch-separator {
	display: block;
	text-align: left;
	padding: 5px;
	margin: 2px;
	border-bottom: 1px solid #e0dcdc;
	color: #808080;
}

a.branch.active-branch {
	background-color: #48a4cf;
	color: #fff !important;
}

span.branch-separator.last {
	padding: 0;
	height: 1px;
}

.order-detail-sections .table-video .parent-row-title.large-table {
	width: 320px;
}
.preview-link {
	/*display: block;
	width: 30%;*/
	word-wrap: break-word;
}
.table-video td {
	width: 285px;
	display: block;
}