html,
body {

}

.red {
    color: #F00;
}

.red-bg {
    background-color: #DA221A;
}

.green-bg {
    background-color: #2D7832;
}

.darkamber-bg {
    background-color: #DA891D;
}

.amber-bg {
    background-color: #FFCB06;
}

.black-border {
    border: 2px solid #000000;
    line-height: 22px !important;
}

.hideMe {
    display: none;
}

/**/

.cropper-container {
    position: relative;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    direction: ltr !important;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.cropper-container img {
    display: block;
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
    height: 100%;
    min-height: 0 !important;
    max-height: none !important;

    image-orientation: 0deg !important;
}

.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.cropper-drag-box {
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
}

.cropper-modal {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}

.cropper-view-box {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 1px solid #69f;
    outline-color: rgba(102, 153, 255, .75);
}

.cropper-dashed {
    position: absolute;
    display: block;
    filter: alpha(opacity=50);
    border: 0 dashed #eee;
    opacity: .5;
}

.cropper-dashed.dashed-h {
    top: 33.33333%;
    left: 0;
    width: 100%;
    height: 33.33333%;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
    top: 0;
    left: 33.33333%;
    width: 33.33333%;
    height: 100%;
    border-right-width: 1px;
    border-left-width: 1px;
}

.cropper-center {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    filter: alpha(opacity=75);
    opacity: .75;
}

.cropper-center:before,
.cropper-center:after {
    position: absolute;
    display: block;
    content: " ";
    background-color: #eee;
}

.cropper-center:before {
    top: 0;
    left: -3px;
    width: 7px;
    height: 1px;
}

.cropper-center:after {
    top: -3px;
    left: 0;
    width: 1px;
    height: 7px;
}

.cropper-face,
.cropper-line,
.cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=10);
    opacity: .1;
}

.cropper-face {
    top: 0;
    left: 0;
    background-color: #fff;
}

.cropper-line {
    background-color: #69f;
}

.cropper-line.line-e {
    top: 0;
    right: -3px;
    width: 5px;
    cursor: e-resize;
}

.cropper-line.line-n {
    top: -3px;
    left: 0;
    height: 5px;
    cursor: n-resize;
}

.cropper-line.line-w {
    top: 0;
    left: -3px;
    width: 5px;
    cursor: w-resize;
}

.cropper-line.line-s {
    bottom: -3px;
    left: 0;
    height: 5px;
    cursor: s-resize;
}

.cropper-point {
    width: 5px;
    height: 5px;
    background-color: #69f;
    filter: alpha(opacity=75);
    opacity: .75;
}

.cropper-point.point-e {
    top: 50%;
    right: -3px;
    margin-top: -3px;
    cursor: e-resize;
}

.cropper-point.point-n {
    top: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize;
}

.cropper-point.point-w {
    top: 50%;
    left: -3px;
    margin-top: -3px;
    cursor: w-resize;
}

.cropper-point.point-s {
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: s-resize;
}

.cropper-point.point-ne {
    top: -3px;
    right: -3px;
    cursor: ne-resize;
}

.cropper-point.point-nw {
    top: -3px;
    left: -3px;
    cursor: nw-resize;
}

.cropper-point.point-sw {
    bottom: -3px;
    left: -3px;
    cursor: sw-resize;
}

.cropper-point.point-se {
    right: -3px;
    bottom: -3px;
    width: 20px;
    height: 20px;
    cursor: se-resize;
    filter: alpha(opacity=100);
    opacity: 1;
}

.cropper-point.point-se:before {
    position: absolute;
    right: -50%;
    bottom: -50%;
    display: block;
    width: 200%;
    height: 200%;
    content: " ";
    background-color: #69f;
    filter: alpha(opacity=0);
    opacity: 0;
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        width: 15px;
        height: 15px;
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        width: 10px;
        height: 10px;
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        width: 5px;
        height: 5px;
        filter: alpha(opacity=75);
        opacity: .75;
    }
}

.cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-invisible {
    filter: alpha(opacity=0);
    opacity: 0;
}

.cropper-hide {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
}

.cropper-hidden {
    display: none !important;
}

.cropper-move {
    cursor: move;
}

.cropper-crop {
    cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed;
}

/**/

.crp-view {
    display: block;
    margin: 15% auto 5%;
    height: 220px;
    width: 220px;
    border: 3px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    cursor: pointer;
    overflow: hidden;
}

.crp-view img {
    width: 100%;
}

.crp-body {
    padding-right: 15px;
    padding-left: 15px;
}

.crp-upload {
    overflow: hidden;
}

.crp-upload label {
    display: block;
    float: left;
    clear: left;
    width: 100px;
}

.crp-upload input {
    display: block;
    margin-left: 110px;
}

.crp-alert {
    margin-top: 10px;
    margin-bottom: 10px;
}

.crp-wrapper {
    overflow: hidden;
}

.crp-wrapper img {
    display: block;
    height: auto;
    max-width: 100%;
}

.crp-preview {
    float: left;
    margin-top: 15px;
    margin-right: 15px;
    border: 1px solid #eee;
    background-color: #fff;
    overflow: hidden;
}

.crp-preview.active {
    border: 1px solid #000;
}

.preview-sm {
    height: 52px;
    width: 64px;
}

.loading {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff url("../assets/img/loading.gif") no-repeat center center; /* TODO Image needs upload */
    opacity: .75;
    filter: alpha(opacity=75);
    z-index: 20140628;
}

/**/

.container {
    width: 1000px;
    margin: 0px auto;
}

.wrap {
    width: 960px;
    margin: 0px auto;
    position: relative;
}

.wrap .leftside {
    width: 192px;
    background-color: #BFD9AD;
    position: absolute;
    left: 0px;
    top: 0px;
    min-height: 600px;
}

.wrap .mainside {
    margin-left: 192px;
    width: 768px;

}

.wrap .mainside .top-bar {
    background-color: #2F7330;
    height: 27px;
}

.wrap .mainside .header-area {
    background-color: #E0E0DF;
    height: 80px;
}

.wrap .mainside .body-area {
    min-height: 400px;
    padding: 20px;
}

.leftnav {

}

.leftnav ul {
    margin: 0px;
    padding: 0px;

}

.leftnav ul li {
    list-style: none;
}

.leftnav ul li a {
    display: block;
    background: url(../assets/img/btn/idle.png) left top no-repeat;
    height: 44px;
    line-height: 44px;
    vertical-align: middle;
    position: relative;
    padding-left: 25px;
    padding-right: 40px;
    color: #000;

}

.leftnav ul li.exit a {
    background: url(../assets/img/btn/exit.png) left top no-repeat;
    color: #FFF;
}

.leftnav ul li.exit a span.pointer {
    background: url(../assets/img/btn/exit-arrow.png) left top no-repeat;
}

.leftnav ul li a span.pointer {
    position: absolute;
    left: 8px;
    top: 5px;

    width: 11px;
    height: 33px;
}

.leftnav ul li a {
    text-decoration: none;
}
.leftnav ul li.active a span.pointer {
    background: url(../assets/img/btn/selected-arrow.png) 0 0 no-repeat;
}

.leftnav ul li.active a,
.leftnav ul li a.has-hover:hover {
    background: url(../assets/img/btn/mouse-over_select.png) 0 0 no-repeat;
    text-decoration: none;
}

.leftnav ul li.save a {
    background: url(../assets/img/btn/save.png) 0 0 no-repeat;
    color: #FFF;
}

.leftnav ul li.save a:hover {
    background: url(../assets/img/btn/save_over.png) 0 0 no-repeat;
}

.leftnav ul li a span.tick {
    position: absolute;
    right: 10px;
    top: 12px;
    width: 20px;
    height: 19px;

}

.leftnav ul li a span.tick.green {
    background: url(../assets/img/btn/green-tick.png) 0 0 no-repeat;
}

.leftnav ul li a span.tick.grey {
    background: url(../assets/img/btn/grey-tick.png) 0 0 no-repeat;
}

.create-pdf {
    display: block;
    margin-top: 5px;
    margin-left: 5px;

    width: 53px;
    height: 48px;
}

.create-pdf.create-pdf-grey {
    background: url(../assets/img/btn/create-pdf-grey.png) 0 0 no-repeat;
    pointer-events: none;
    cursor: default;
}

.create-pdf.down-load-pdf {
    background: url(../assets/img/btn/down-load-pdf.png) 0 0 no-repeat;
}

.copyright {
    height: 25px;
    width: 192px;
    position: absolute;
    bottom: -25px;
    left: 0px;
    background-color: #2F7330;
    color: #FFF;
    font-size: 10px;
    line-height: 25px;
    padding-left: 10px;
    font-weight: normal;
}

.backtomain {
    height: 25px;
    width: 192px;
    position: absolute;
    bottom: 1px;
    left: 0px;
    background-color: #2F7330;
    font-size: 10px;
    line-height: 25px;
    padding-left: 10px;
    font-weight: normal;
}

.backtomain a {
    color: #FFF;
}

.copyright a {
    color: #FFF;
    padding-left: 55px;
}

.photo-help {
    margin-top: 19px;
    width: 700px;
    padding: 0;
}

.photo-container {

}

.photo-container .photo-preview {
    width: 173px;
    height: 267px;
    float: left;
    background-color: #BDBEC2;
}

.photo-container .photo-controller {
    width: 480px;
    min-height: 282px;
    float: left;
    background-color: #E7E7E7;
    margin-left: 17px;
    padding: 40px 10px 15px 15px;
    position: relative;
}

.photo-container .photo-controller .click-to-edit-btn {
    position: absolute;
    left: 15px;
    top: 10px;
    border-bottom: 3px solid #FFF;
    border-top: 3px solid #FFF;

}

.photo-container .photo-controller .add-new-image {
    position: absolute;
    left: 216px;
    top: 10px;
    background: url(../assets/img/photo/add-new-image.png) no-repeat;
    width: 117px;
    height: 25px;
    border: none;
    overflow: hidden;
}

.photo-container .photo-controller .add-new-image input.crp-input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.photo-container .photo-controller .crop-image {
    position: absolute;
    left: 344px;
    top: 10px;
    background: url(../assets/img/photo/edit-image.png) no-repeat;
    width: 117px;
    height: 25px;
    border: none;
}

.photo-container .photo-controller .photo-thumbs {
    width: 181px;
    min-height: 206px;
    background-color: #BDBEC2;
    float: left;
    padding: 7px 10px 7px 10px;
}

.photo-container .photo-controller .photo-thumbs ul {
    margin: 0px;
    padding: 0px;
}

.photo-container .photo-controller .photo-thumbs ul li {
    float: left;
    list-style: none;
}

.photo-container .photo-controller .photo-thumbs ul li a {
    display: block;
    width: 64px;
    height: 52px;
    line-height: 48px;
    background-color: #D2D3D5;
    margin: 8px;
}

.photo-container .photo-controller .photo-thumbs ul li a img {
    vertical-align: middle;
    margin: auto;
    width: 100%;
    height: auto;
}

.photo-container .photo-controller .photo-crop {
    float: left;
    margin-left: 20px;
    width: 245px;
    height: 189px;
    background: url("../assets/img/crop-me.png") no-repeat;
}

/************/

.text-container {

}

.text-container .photo-preview {
    width: 173px;
    height: 267px;
    float: left;
    background-color: #BDBEC2;
}

.text-container .photo-controller {
    width: 535px;
    min-height: 280px;
    float: left;
    background-color: #E7E7E7;
    margin-left: 17px;
    padding: 15px 10px 15px 15px;
    position: relative;
}

.text-container.textarea-page3 {
    width: 505px;
    height: 140px;
    font-size: 13px;

    margin: 0px;
    width: 453px;
    height: 135px;
}

.text-container .photo-controller .click-to-edit-btn {
    position: absolute;
    left: 15px;
    top: 10px;
    border-bottom: 3px solid #FFF;
    border-top: 3px solid #FFF;

}

.text-container .photo-controller .add-new-image {
    position: absolute;
    left: 216px;
    top: 10px;
    background: url(../assets/img/photo/add-new-image.png) no-repeat;
    width: 117px;
    height: 25px;
    border: none;
    overflow: hidden;
}

.text-container .photo-controller .add-new-image input.crp-input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.text-container .photo-controller .crop-image {
    position: absolute;
    left: 344px;
    top: 10px;
    background: url(../assets/img/photo/edit-image.png) no-repeat;
    width: 117px;
    height: 25px;
    border: none;
}

.text-container .photo-controller .photo-thumbs {
    width: 181px;
    min-height: 206px;
    background-color: #BDBEC2;
    float: left;
    padding: 7px 10px 7px 10px;
}

.text-container .photo-controller .photo-thumbs ul {
    margin: 0px;
    padding: 0px;
}

.text-container .photo-controller .photo-thumbs ul li {
    float: left;
    list-style: none;
}

.text-container .photo-controller .photo-thumbs ul li a {
    display: block;
    width: 64px;
    height: 52px;
    background-color: #D2D3D5;
    margin: 8px;
}

.text-container .photo-controller .photo-crop {
    float: left;
    margin-left: 20px;
    width: 245px;
    height: 189px;
    background: url("../assets/img/crop-me.png") no-repeat;
}

.header-area .left {
    float: left;
    font-size: 14px;
    margin-left: 20px;
    margin-top: 5px;

}

.header-area .left .agent {
    font-size: 12px
}

.header-area .left .candidate-name {
    font-size: 16px;
}

.header-area .right {
    float: right;
    margin-right: 13px;
    margin-top: 10px;
    text-align: right;
    font-size: 12px;
}

.note {
    position: absolute;
    left: 0px;
    bottom: -20px;
    font-size: 11px;

}

.crop-note {
    position: absolute;
    right: 110px;
    bottom: 13px;
    font-size: 13px;

}

.top-status {
    margin-bottom: 34px;
    position: relative;
}

.top-status .circles-nav a {
    float: left;
    text-decoration: none;
}

.circles-nav {
    position: absolute;
    left: 295px;
    top: 0px;
}

.circle-link {
    background-color: #000;
    width: 5px;
    height: 2px;
    float: left;
    margin-top: 11px;
}

.circle26 {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    vertical-align: middle;
    color: #FFF;
    font-size: 10px;
}

.circle16 {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    vertical-align: middle;
    color: #FFF;
    font-size: 9px;
    display: inline-block;
}

.text-bottom-area2 {
    position: relative;
    height: 40px;
}

.max-char {
    position: absolute;
    left: 5px;
    top: 0px;
    font-size: 12px;
    color: #777;
}

.delete-all-text {
    padding-left: 15px;
    background: url("/assets/img/photo/delete-close.png") 0 2px no-repeat;
    color: #DC241C;
    position: absolute;
    left: 5px;
    top: 20px;
    font-size: 12px;
}

.remaining-char {
    position: absolute;
    right: 7px;
    top: 0px;
    font-size: 12px;
    color: #777;
}

.remove-char {
    position: absolute;
    right: 7px;
    top: 20px;
    font-size: 12px;
    color: #777;
    visibility: hidden;
}

.note2 {
    position: absolute;
    bottom: -25px;
    left: 2px;
    font-size: 11px;
    font-style: italic;
}

.lang-input-textarea-label {
    font-weight: normal;
    margin-bottom: 15px;

}

.lang-input-textarea-label .lang {
    text-transform: uppercase;
    color: #DC241C;

}

.lang-input-textarea-label .step-img {
    height: 15px;
}

body.page-textarea .photo-container .photo-controller {
    padding-top: 15px;
    width: 535px;
}

body.page-textarea .textarea-page3 {
    width: 505px;
    height: 140px;
    font-size: 13px;

    margin: 0px;
    width: 453px;
    height: 135px;
}

.photo-thumbs li span.photo-delete-btn {
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    right: 5px;
    bottom: 5px;

    background: url("/assets/img/photo/delete-close.png") 0 0 no-repeat;
}

.photo-thumbs li span.photo-digit {
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.photo-thumbs li {
    position: relative;
}

.photo-thumbs li a.crp-preview {
    /*background: url("/assets/img/square-upload-image-box.png") 0 0 no-repeat;*/

}

.photo-close-btn {
    display: block;
    width: 55px;
    height: 20px;
    position: absolute;
    right: 15px;
    bottom: 12px;
    padding-right: 17px;

    background: url("/assets/img/photo/delete-close.png") 42px 3px no-repeat;
    font-size: 12px;
    text-align: right;
    cursor: pointer;
}

.key-codes {
    font-size: 12px;
    padding-left: 0px;
}

.key-codes ul {
    list-style: none;
}

.key-codes ul li {
    margin: 5px -32px;
    font-size: 10px;
    line-height: 16px;
    width: 200px;
}

/*************************Login Styles********************************/
html.login-page, html.login-page body, .login-container {
    height: 100%;
}

.login-container {
    display: table;
    height: 100%;
}

.vertical-center-row {
    display: table-cell;
    vertical-align: middle;
}

.login-area {
    border: 6px solid #000;
}

.login-header {
    background-color: #FFF;
    padding: 20px 0px 20px 0px;
}

.login-body {
    background-color: #2F7330;
    color: #FFF;
    padding: 20px 0px 0px 0px;
}

.login-btn {
    background: url("/assets/img/btn/login.png") left top no-repeat transparent;
    width: 85px;
    height: 18px;
    border: 0px;

    position: absolute;
    right: 18px;
    top: 0px;

}

.login-btn:hover {
    background: url("/assets/img/btn/login-over.png") left top no-repeat transparent;
}

.alert {

    margin: 0px;
}

.tooltip-inner {
    background-color: #FFF;
    color: #000;
    font-size: 10px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #FFF;
}

.carousel-indicators .active {

    background-color: #F8C300;

}

.carousel-indicators li {
    border: 1px solid #F8C300;
}

.carousel-indicators {

    bottom: 0px;
}

/*Download PDF and Page Navigation Menu*/
.pdf-nav-container {
    background-color: #4D4948;
}

ul.pdf-menu {
    margin: 0px 0px 0px 0px;
    padding: 11px;
    min-height: 54px;
    ackground-color: #393431;

}

ul.pdf-menu li {
    list-style: none;
    float: right;
    margin: 5px;
}

ul.pdf-menu li a {

    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 5px 0 5px;
    font-size: 13px;
    font-weight: bolder;
    line-height: 13px;
    display: block;
    text-align: center;
    color: #201B17;

    vertical-align: middle;
    background: url("img/btns/download-pdf.png") top left no-repeat transparent;
    width: 136px;
    height: 24px;

}

ul.pdf-menu li a:hover,
ul.pdf-menu li.active a {
    background: url("img/btns/download-pdf_over.png") top left no-repeat transparent;

}

.request-tooltip {
    color: #FFF;
    width: 113px;
    text-align: center;
    font-size: 10px;
    float: left;
    padding: 2px;
}

.upper-area .left-side .request-container {
    width: 250px;
    height: 36px;
    margin: 10px auto;

}

textarea#json {
    visibility: hidden;
}

input.singleline {
    width: 500px;
}

input:read-only {
    background: #dddddd !important;
}

.leftNav {
    position: relative;
}

#MainM {
    list-style: none;
}

#MainM div {
    display: block;
    cursor: pointer;
    background: url(../assets/img/btn/idle.png) left top no-repeat;
    height: 44px;
    line-height: 44px;
    vertical-align: middle;
    position: relative;
    padding-left: 25px;
    padding-right: 40px;
    color: #7B7B7B;
}

#MainM ul {
    list-style: none;
    display: none;
}

#MainM ul li {
    font-weight: normal;
    cursor: auto;

}

#MainM ul li a {
    padding-left: 35px;
}

#MainM a {
    text-decoration: none;
}

.mydetails_heading {
    padding: 10px 0 10px 0;
    margin-left: 20px;;
}

.mydetails_heading hr {
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
    margin-top: 10px;
}

.agent_info {
    background-color: #E2E3E5;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;

}

.candidate_info,
.agent_info {
    padding-left: 20px;
    margin-left: 20px;
    position: relative;

}

.candidate_info div,
.candidate_info label,
.agent_info div,
.agent_info label {
    font-size: 12px;;
}

.candidate_info label,
.agent_info label {
    color: #2F7831;
}

.candidate_info h6,
.agent_info h6 {
    margin-top: 0px;;
}

.candidate_info .edit_btn,
.agent_info .edit_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #EA1A21;
    color: #FFF;
    width: 75px;
    height: 26px;
    text-align: center;
    vertical-align: middle;
    line-height: 26px;;
}

.mydetails {
    margin-left: -20px;
    margin-top: -20px;
    width: 768px;
}

.new_order_heading {
    padding: 10px 0 10px 0;
}

.new_order_heading hr {
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
    margin-top: 10px;
}

.category_column {
    float: left;
    width: 182px;
}

.category_column img {
    max-width: 164px;
}

.cat_column_head {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-right: 18px;
}

.product_image {
    padding-top: 10px;
    background-color: white;
    display: inline-block;
}

.product_image img:hover {
    opacity: .5;
}

.orderdetails {
    width: 740px;
    height: 600px;
}

.orderdetails_heading {
    height: 100px;
}

.image_3d {
    float: left;
    width: 120px;
    height: 140px;
}

.product_details {
    float: left;
    width: 415px;
    padding-top: 10px;

}

.product_details_name {
    font-size: 20px;
}

.product_details_name_small {
    font-size: 12px;
    color: darkgreen;
}

.product_details_cat {
    color: red;
}

.product_details_paper {
    padding-top: 3px;
    font-size: 13px;
}

.product_details_dimensions {
    padding-top: 3px;
    font-size: 11px;
}

.image_pdf {
    float: right;
    width: 200px;
}

.orderdetails_heading_bar {
    padding-top: 5px;
    clear: both;
}

.orderdetails_input {
    float: left;
    width: 185px;
    padding-top: 5px;
}

.orderdetails_input p {
    font-weight: bold;
    margin: 0 0 3px;
}

.orderdetails_input input {
    width: 160px;
}

.hideMeImp {
    display: none !important;
}

.candidate_edit,
.agent_edit {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

.candidate_edit input,
.agent_edit input {
    width: 200px;
    padding-left: 5px;
    border: 1px solid #000000;
    font-size: 13px;
    margin: 3px;
    padding: 2px;
}

.candidate_edit .close_btn,
.agent_edit .close_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #EA1A21;
    color: #FFF;
    width: 75px;
    height: 26px;
    text-align: center;
    vertical-align: middle;
    line-height: 26px;;
}

.candidate_edit .lookup_btn,
.candidate_edit .c_save_btn,
.agent_edit .lookup_btn,
.agent_edit .a_save_btn {
    display: inline-block;
    background-color: #287C32;
    color: #FFF;
    width: 75px;
    height: 26px;
    text-align: center;
    vertical-align: middle;
    line-height: 26px;;
}

#c_email,
#a_email {
    width: 410px;;
}

#c_postcode,
#a_postcode {
    width: 118px;
}

.c_address {
    width: 570px;
}

.logout-btn {
    float: right;
    width: 70px;
    line-height: 27px;
    height: 27px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #FFF;
}

.logout-btn:hover {
    color:#FFF;
}

.log-details {
    height: 250px;
    overflow-y: scroll;
}

.dateinput {
    background-image: url("/assets/img/btn/calendar.png");
    background-position: right;
    background-repeat: no-repeat;
}

#file_name {
    background-image: url("/assets/img/btn/excel.gif");
    background-position: right;
    background-repeat: no-repeat;
}

.default_info {
    float: none;
    clear: left;
    width: 730px;
}

.order_details_subhead {
    color: red;
    font-weight: bold;
    padding-top: 15px;
}

.human_tag {
    font-weight: bold;
    color: #333;
}
.tag_value {
    font-weight: normal;
    color: #2F7330;
}
.tag_notset {
    font-weight: normal;
    color: red;
}

.show_tag_value {
    white-space:nowrap;
}

#mailing-type {
    width: 165px;
}

.disablepage {
    opacity: 0.5;
}

.invalid_value {
    border: 1px solid #900;
    background-color: #FFFF9D;
}

.clearfix {
    clear: both;
    margin: 0px;
}

.imprint_tags  {
    float:left;
    width: 645px;
}

.imprint_tags_view {
    float: left;
    width: 40px;
    padding-left: 20px;
}

.imprint_tags_view_button {
    background-color: red;
    color: white;
    font-size: 16px;
    padding: 4px 11px 4px 11px;
    cursor: pointer;
}

.imprint_popup_outer {
    position:absolute;
    width: 600px;
    z-index: 5001;
}

.imprint_popup_inner {
    padding: 5px;
    width: 520px;
    z-index: 5002;
    border: solid 1px;
}

.orderdetails_inforow {
    margin-top: 20px;
    width: 730px;
}

.orderdetails_infobox {
    width: 75px;
    height: 75px;
    text-align: center;
    border: 1px solid black;
    display: table-cell;
    vertical-align:middle;
    margin: 4px 15px 8px 0;
    float: left;
    cursor: context-menu;
}

.orderdetails_download {
    cursor: pointer;
}

.orderdetails_view img {
    padding-top: 8px;
}

.orderdetails_infolog {
    background-color: #5e5e5e;
    color: white;
    font-size: 14px;
    padding-top: 5px;
    cursor: pointer;
}

.orderdetails_infopdf {
    background-color: white;
    color: black;
    font-size: 11px;
}

.orderdetails_infopdfold {
    background-color: #BBBBBB;
    color: black;
    font-size: 11px;
}

.orderdetails_infopdfold > img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.orderdetails_infodata {
    background-color: white;
    color: black;
    font-size: 11px;
}

.orderdetails_infodataold {
    background-color: #BBBBBB;
    color: black;
    font-size: 11px;
}

.orderdetails_infodataold > img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.logrow {
    width: 100%;
}

.vieworder_row {
    width: 730px;
    min-height: 185px;
    border-color: #444444;
    border: 1px;
    border-style: solid none double none;
    border-width: 1px 0 1px 0;
    margin-bottom: 12px;
    padding-top: 8px;
}

.vieworder_row_active {
    background-color: #DDDDDD;
}

.vieworder_row_onhold {
    background-color: #BBBBBB;
}

.vieworder_detail {
    float: left;
    width: 640px;
    padding: 2px 0 0 10px;
    min-height: 96px;
}

.vieworder_detail_order {
    height: 20px;
}

.vieworder_detail_progress {
    height: 20px;
    margin-top: 26px;
}

.vieworder_detail_mail {
    height: 23px;
    margin-top: 2px;
}

.vieworder_detail_candidate_name {
    margin-top:9px;
}

.vieworder_detail_filter {
    background-color: #BBBBBB;
    padding: 10px;
    font-weight: bold;
    margin-bottom: 10px;
}

.vieworder_actions {
    float: right;
    width: 85px;
}

.vieworder_highlight {
    color: red;
}

.vieworder_detail_progress_pending {
    background-color: #F3A31A;
    color: white;
    width: 80px;
    float: left;
    text-align: center;
    margin-right: 5px;
}
.vieworder_detail_progress_finished {
    background-color: #2F8838;
    color: white;
    width: 80px;
    float: left;
    text-align: center;
    margin-right: 5px;
    min-height: 22px;
}

.vieworder_detail_progress_notstarted {
    background-color: #EE1C25;
    color: white;
    width: 80px;
    float: left;
    text-align: center;
    margin-right: 5px;
}


.vieworder_detail_mailer {
    background-color: #5e5e5e;
    color: white;
    width: 80px;
    float: left;
    text-align: center;
    margin-right: 5px;
    min-height: 22px;
}

.vieworder_detail_vetting {
    background-color: white;
    color: #5e5e5e;
    width: 150px;
    float: left;
}

.vieworder_detail_vetting_label {
    float: left;
}

.vieworder_detail_vetting_tick {
    float: left;
}

.vieworder_detail_vetting_code {
    float: left;
    color: #00A208;
}

.vieworder_detail_rm {
    color: #00A208;
    width: 80px;
    float:left;
}

.vieworder_detail_handover {
    background-color: #EEEEEE;
    color: #5e5e5e;
    width: 195px;
    float: left;
}

.vieworder_detail_handover_label {
    float: left;
}

.vieworder_detail_handover_tick {
    float: left;
}

.vieworder_detail_handover_date {
    float: left;
    color: #00A208;
}

.vieworder_detail_status  {
    float: left;
    width: 50px;
    text-align: center;
}

.vieworder_detail_status:first-of-type {
    padding-left: 5px;
}

.vieworder_detail_status img, .vieworder_detail_mail img  {
    padding-bottom: 2px;
    padding-left: 2px;
}

.vieworder_detail_odd {
    background-color: #EEEEEE;
}

.vieworder_detail_even {
    background-color: #BBBBBB;
}

.vieworder_detail_line {
    margin: 5px 0 5px 0;
    clear: both;
}

.vieworder_actions_create {
    background-color: #2F8838;
    color: white;
    padding-top: 15px;
    cursor: pointer;
}

.vieworder_actions_inprogress {
    background-color: #5e5e5e;
    color: white;
    padding-top: 15px;
}

.cancel_job {
    background: url("../assets/img/btn/delete-close.png") no-repeat right center;
    margin-right: 3px;
    color: red;
    font-size: 12px;
    cursor: pointer;
}

.recover_job {
    margin-right: 3px;
    color: red;
    font-size: 12px;
    cursor: pointer;
}

.orders_active {
    color: black;
}

.orders_hold {
    padding-top: 25px;
    color: red;
}

.green {
    color: #2F8838;
}

.overlay {
    position: absolute;
    top: 94px;
    left: 192px;
    bottom: 60px;
    right: 0;
    z-index: 100;
    cursor: not-allowed;
}

.edit_order_button, .book_order_button {
    cursor: pointer;
}

.hidden_product {
    border: 2px red solid;
}

.copypage {
    cursor: pointer;
}

.help-text {
    padding-top: 41px;
    text-align: center;
    color: red;
}

.step-desc {
    /*padding-top: 41px;*/
    font-size: 14px;
    font-weight: bold;
}

.productcode  {
    text-align: center;
    font-size: 10px;
}

.image_pdf > img {
    border: thin solid black;
}

.textarea-default {
    display: none;
}

.selectcandidate  {
    width: 500px;
}

.orderlink  {
    width: 160px;
    text-align: center;
    font-weight: bold;
}

.helptext {
    width: 670px;
}

.preview_pdf {
    text-align: center;
    font-size: 10px;
    color: #3f8428;
}

.viewpricing {
    font-size: 16px;
    text-align: center;
}