@charset "utf-8";
/* CSS Document */
* {
    padding: 0px;
    margin: 0px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    audio:not([controls]) {
        display: none;
    }

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-family: 'open_sansregular';
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    background-color: #ededed;
}

a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}


hr { /*-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #ccc -moz-use-text-color #FFFFFF; border-style: dashed none; border-width: 1px 0;*/
    margin: 17px 0 6px 0px;
    height: 0px;
    border: 0px;
    border-bottom: #fff 1px dashed;
    border-top: #ccc 1px dashed;
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

#map_canvas img, .google-maps img {
    max-width: none;
}

button, input, select, textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
}

button, input {
    *overflow: visible;
    line-height: normal;
}

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

    button, html input[type="button"], input[type="reset"], input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: button;
    }

    input[type="search"] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield;
    }

        input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

textarea {
    overflow: auto;
    vertical-align: top;
}

.clearfix {
    *zoom: 1;
}

    .clearfix:before, .clearfix:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .clearfix:after {
        clear: both;
    }

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.overflowhid {
    overflow: hidden;
}

.overflowauto {
    overflow: auto;
}

.margin-left {
    margin-left: 0px !important;
}

.margin-top {
    margin-top: 12px;
}


/* Fonts
--------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pagination-centered {
    text-align: center;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bold-webfont.ttf') format('truetype'), url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-italic-webfont.ttf') format('truetype'), url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_lightregular';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-light-webfont.woff') format('woff'), url('fonts/opensans-light-webfont.ttf') format('truetype'), url('fonts/opensans-light-webfont.svg#open_sans_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-semibold-webfont.woff') format('woff'), url('fonts/opensans-semibold-webfont.ttf') format('truetype'), url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Fonts
--------------------------------------------------------------------------------------------------------*/


/* links
--------------------------------------------------------------------------------------------------------*/

a.no-underline {
    text-decoration: none;
}

a.btn {
    text-decoration: none;
}
/*
a {
    color: #555555;
    text-decoration: none;
    outline: none !important;
}

    a:hover {
        color: #005580;
        text-decoration: none;
        outline: none !important;
    }

a:hover, a:active {
    outline: 0;
}*/
/* links end
--------------------------------------------------------------------------------------------------------*/


/* Image style
--------------------------------------------------------------------------------------------------------*/
.img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
/* Image style End
--------------------------------------------------------------------------------------------------------*/

.container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
}

    .container:before, .container:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .container:after {
        clear: both;
    }

.container-fluid {
    background-color: #ffffff;
    padding-right: 20px;
    padding-left: 0px;
    *zoom: 1;
    height: 100%;
    min-height: 100%;
}

    .container-fluid:before, .container-fluid:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .container-fluid:after {
        clear: both;
    }


/* Text style
--------------------------------------------------------------------------------------------------------*/
p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 200;
    line-height: 30px;
}

small {
    color: #666666;
    font-size: 83%;
    font-style: italic;
}

strong {
    font-weight: bold;
}

.strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

cite {
    font-style: normal;
}

.muted {
    color: #999999;
}

.text-warning {
    color: #c09853;
}

a.text-warning:hover {
    color: #a47e3c;
}

.text-error {
    color: #B71B1B;
    font-size: 14px;
    font-weight: bold;
}

a.text-error:hover {
    color: #953b39;
}

.text-info {
    color: #3a87ad;
}

a.text-info:hover {
    color: #2d6987;
}

.text-success {
    color: #468847;
}

a.text-success:hover {
    color: #356635;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.text-align-center {
    text-align: center;
}
/* Text style
--------------------------------------------------------------------------------------------------------*/


/* headings start
--------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    margin: 0px 0;
    font-family: 'open_sanssemibold';
    font-weight: normal;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility;
}

    h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
        font-family: 'open_sansregular';
    }

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-weight: normal;
        line-height: 1;
        color: #999999;
    }

h1, h2, h3 { /*line-height:40px*/
}

h1 {
    font-size: 38.5px;
    line-height: 32px;
}

h2 {
    background: #000;
    padding: 12px 15px;
    font-size: 14px;
    color: #fff;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    line-height: normal;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 17.5px;
    padding-bottom: 10px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 11.9px;
}

h1 small {
    font-size: 24.5px;
}

h2 small {
    font-size: 17.5px;
}

h3 small {
    font-size: 14px;
}

h4 small {
    font-size: 14px;
}

.page-header {
    padding-bottom: 9px;
    margin: 20px 0 30px;
    border-bottom: 1px solid #eeeeee;
}

.subheading {
    border-bottom: 1px dashed #CCCCCC;
    font-size: 13px;
    font-family: 'open_sansbold';
    margin-bottom: 16px;
    padding-bottom: 5px;
}
/* headings End
--------------------------------------------------------------------------------------------------------*/


/* List style Start
--------------------------------------------------------------------------------------------------------*/
ul, ol {
    padding: 0;
    margin: 0 0 10px 17px;
}

    ul ul, ul ol, ol ol, ol ul {
        margin-bottom: 0;
    }

li {
    line-height: 20px;
    list-style: none;
}

ul.unstyled, ol.unstyled {
    margin-left: 0;
    list-style: none;
}
/* List style End
--------------------------------------------------------------------------------------------------------*/


/* Table start
--------------------------------------------------------------------------------------------------------*/
table {
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 15px;
}

.table {
    width: 100%;
    margin-bottom: 18px;
}

    .table th, .table td {
        padding: 8px;
        line-height: 18px;
        text-align: left;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .table th {
        font-weight: bold;
    }

    .table thead th {
        vertical-align: bottom;
    }

    .table thead:first-child tr th, .table thead:first-child tr td {
        border-top: 0;
    }

    .table tbody + tbody {
        border-top: 2px solid #ddd;
    }

.table-condensed th, .table-condensed th a {
    background: #000000;
    color: #FFFFFF;
    padding: 8px 5px;
    font-weight: normal;
}

.table-condensed td {
    padding: 8px 5px;
    font-size: 13px;
}

.table-bordered {
    border: 1px solid #ddd;
    border-collapse: separate;
    *border-collapse: collapsed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .table-bordered th + th, .table-bordered td + td, .table-bordered th + td, .table-bordered td + th {
        border-left: 1px solid #ddd;
    }

    .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
        border-top: 0;
    }

        .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
            -webkit-border-radius: 4px 0 0 0;
            -moz-border-radius: 4px 0 0 0;
            border-radius: 4px 0 0 0;
        }

        .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
            -webkit-border-radius: 0 4px 0 0;
            -moz-border-radius: 0 4px 0 0;
            border-radius: 0 4px 0 0;
        }

    .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child {
        -webkit-border-radius: 0 0 0 4px;
        -moz-border-radius: 0 0 0 4px;
        border-radius: 0 0 0 4px;
    }

    .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child {
        -webkit-border-radius: 0 0 4px 0;
        -moz-border-radius: 0 0 4px 0;
        border-radius: 0 0 4px 0;
    }

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: #f5f5f5;
}

.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: #f5f5f5;
}

.tableWidth {
    width: 100%;
}

.table-bordered label {
    padding-left: 5px !important;
    float: left;
}

table .span1 {
    float: none;
    width: 44px;
    margin-left: 0;
}

table .span2 {
    float: none;
    width: 124px;
    margin-left: 0;
}

table .span3 {
    float: none;
    width: 204px;
    margin-left: 0;
}

table .span4 {
    float: none;
    width: 284px;
    margin-left: 0;
}

table .span5 {
    float: none;
    width: 364px;
    margin-left: 0;
}

table .span6 {
    float: none;
    width: 444px;
    margin-left: 0;
}

table .span7 {
    float: none;
    width: 524px;
    margin-left: 0;
}

table .span8 {
    float: none;
    width: 604px;
    margin-left: 0;
}

table .span9 {
    float: none;
    width: 684px;
    margin-left: 0;
}

table .span10 {
    float: none;
    width: 764px;
    margin-left: 0;
}

table .span11 {
    float: none;
    width: 844px;
    margin-left: 0;
}

table .span12 {
    float: none;
    width: 924px;
    margin-left: 0;
}

.table-condensed tr.selected {
    background: #BBDBF0 !important;
}

.table-striped tbody tr.selected:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {
    background-color: #BBDBF0 !important;
}

.searchquote-table tr:hover {
    background: #DBEBF6 !important;
    cursor: pointer;
}

.searchquote-table tbody tr:hover:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {
    background-color: #DBEBF6 !important;
    cursor: pointer;
}

.typographic-factortable th {
    background: none repeat scroll 0 0 #DBEBF6;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    font-size: 12px;
    font-weight: normal;
    padding: 3px;
}

.typographic-factortable td {
    font-size: 12px;
    padding: 8px 5px;
}

.typographic-factortable label {
    font-size: 12px;
}

.searchtable-typofactor {
    margin-top: 20px;
}
/* Table End
--------------------------------------------------------------------------------------------------------*/


/* Pagination Start
--------------------------------------------------------------------------------------------------------*/
.pagination {
    margin: 0px 0 0;
}

    .pagination ul {
        display: inline-block;
        *display: inline;
        margin-bottom: 0;
        margin-left: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        *zoom: 1;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

        .pagination ul > li {
            display: inline;
        }

            .pagination ul > li > a, .pagination ul > li > span {
                float: left;
                padding: 4px 12px;
                line-height: 20px;
                text-decoration: none;
                background-color: #ffffff;
                border: 1px solid #dddddd;
                border-left-width: 0;
            }

                .pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span {
                    background-color: #f5f5f5;
                }

        .pagination ul > .active > a, .pagination ul > .active > span {
            color: #999999;
            cursor: default;
        }

        .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover {
            color: #999999;
            cursor: default;
            background-color: transparent;
        }

        .pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
            border-left-width: 1px;
            -webkit-border-bottom-left-radius: 4px;
            border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
        }

        .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
            -webkit-border-top-right-radius: 4px;
            border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            border-bottom-right-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
        }

.pagination-centered {
    text-align: center;
}

.pagination-right {
    text-align: right;
}

.pagination-large ul > li > a, .pagination-large ul > li > span {
    padding: 11px 19px;
    font-size: 17.5px;
}

.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span {
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
}

.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span {
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
}

.pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span {
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
}

.pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span {
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
}

.pagination-small ul > li > a, .pagination-small ul > li > span {
    padding: 2px 10px;
    font-size: 11.9px;
}

.pagination-mini ul > li > a, .pagination-mini ul > li > span {
    padding: 1px 6px;
    font-size: 10.5px;
}

/* for Dashboard only */
.webgrid-footer td {
    padding: 10px;
    background-color: white;
    color: #999;
    font-size: 11pt;
    text-align: center;
    font-family: 'open_sansbold';
    border-radius: 0 0 5px 5px;
}

.webgrid-footer a {
    color: #333;
    border: 1px #ddd solid;
    font-weight: normal;
    padding: 0px 5px;
}

.webgrid-footer td {
    padding: 10px;
    background-color: white;
    color: #999;
    font-size: 11pt;
    text-align: center;
    font-family: 'open_sansbold';
}

.webgrid-footer a {
    color: #333;
    border: 1px #ddd solid;
    font-weight: normal;
    padding: 0px 5px;
    text-decoration: underline;
}
/* for Dashboard only */

/* Pagination End
--------------------------------------------------------------------------------------------------------*/


/* Form Start
--------------------------------------------------------------------------------------------------------*/
form {
    margin: 0 0;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

    legend small {
        font-size: 15px;
        color: #999999;
    }

label, input, button, select, textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    font-family: open_sansregular;
}

input, button, select, textarea {
}

label {
    display: block;
    margin-bottom: 5px;
    min-height: auto !important;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    height: 21px;
    padding: 4px 6px; /* margin-bottom: 10px;*/
    font-size: 14px;
    line-height: 21px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

input, textarea, .uneditable-input {
    width: 206px;
}

textarea {
    height: auto;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

    textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
        border-color: rgba(82,168,236,0.8);
        outline: 0;
        outline: thin dotted \9;
    }

input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    *margin-top: 0;
    line-height: normal;
    cursor: pointer;
}

input[type="radio"] {
    margin: 0px 0 0;
}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
    width: auto;
}

select, input[type="file"] {
    height: 31px;
    *margin-top: 4px;
    line-height: 30px;
}

    select[multiple="multiple"] {
        font-size: 13px;
    }

select {
    width: 220px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

    select[multiple], select[size] {
        height: auto;
        font-size: 14px;
    }

    select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

.uneditable-input, .uneditable-textarea {
    color: #999999;
    cursor: not-allowed;
    background-color: #fcfcfc;
    border-color: #cccccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.025);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.025);
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap;
}

.uneditable-textarea {
    width: auto;
    height: auto;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999999;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999999;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999999;
}

.radio, .checkbox {
    min-height: 20px;
    padding-left: 20px;
}

    .radio input[type="radio"], .checkbox input[type="checkbox"] {
        float: left;
        margin-left: -20px;
    }

.controls > .radio:first-child, .controls > .checkbox:first-child {
    padding-top: 5px;
}

.radio.inline, .checkbox.inline {
    display: inline-block;
    padding-top: 0px;
    margin-bottom: 0;
    vertical-align: middle;
}

    .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
        margin-left: 10px;
    }

.input-mini {
    width: 60px;
}

.input-small {
    width: 90px;
}

.input-medium {
    width: 150px;
}

.input-large {
    width: 210px;
}

.input-xlarge {
    width: 270px;
}

.input-xxlarge {
    width: 530px;
}

input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { /*float: none;*/
    margin-left: 0;
}

.input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] {
    display: inline-block;
}

input, textarea, .uneditable-input {
    margin-left: 0;
}

    input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
        cursor: not-allowed;
        background-color: #ddd !important;
    }

    input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {
        background-color: transparent;
    }

    input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {
        color: #b94a48;
        border-color: #ee5f5b;
    }

        input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {
            border-color: #e9322d;
            -webkit-box-shadow: 0 0 6px #f8b9b7;
            -moz-box-shadow: 0 0 6px #f8b9b7;
            box-shadow: 0 0 6px #f8b9b7;
        }

.form-actions {
    padding: 19px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
}

    .form-actions:before, .form-actions:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .form-actions:after {
        clear: both;
    }

.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    *zoom: 1;
}

input[type="radio"], input[type="checkbox"] {
    line-height: normal;
    margin: 4px 0 0;
}

.form-search .hide, .form-inline .hide, .form-horizontal .hide {
    display: none;
}

.form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group {
    display: inline-block;
}

.form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend {
    margin-bottom: 0;
}

.form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

.daterangepicker_start_input {
    margin-left: 7px;
}

.daterangepicker_end_input {
    margin-left: 7px;
}

.form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    float: left;
    margin-right: 3px;
    margin-left: 0;
}

.control-group {
    margin-bottom: 10px;
    overflow: hidden;
}
/* For form Group */

.btn {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    *line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbbbbb;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
}

    .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
        color: #333333;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
    }

    .btn:active, .btn.active {
        background-color: #cccccc \9;
    }

    .btn:first-child {
        *margin-left: 0;
    }

    .btn:hover {
        color: #333333;
        text-decoration: none;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
        background-position: 0 -15px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
    }

    .btn:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn.active, .btn:active {
        background-color: #e6e6e6;
        background-color: #d9d9d9 \9;
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
    }

    .btn.disabled, .btn[disabled] {
        cursor: default;
        background-color: #e6e6e6;
        background-image: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .btn-large [class^="icon-"], .btn-large [class*=" icon-"] {
        margin-top: 2px;
    }

.btn-small {
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .btn-small [class^="icon-"], .btn-small [class*=" icon-"] {
        margin-top: 0;
    }

.btn-mini {
    padding: 1px 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%;
}

.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
    color: rgba(255,255,255,0.75);
}

.btn {
    border-color: #c5c5c5;
    border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #2764AD;
    *background-color: #51a351;
    background-image: -moz-linear-gradient(top, #6aaada, #2764ad);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6aaada), to(#2764ad));
    background-image: -webkit-linear-gradient(top, #6aaada, #2764ad);
    background-image: -o-linear-gradient(top, #6aaada, #2764ad);
    background-image: linear-gradient(to bottom, #6aaada, #2764ad);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
        color: #ffffff;
        background-color: #2d64ad;
        *background-color: #2d64ad;
    }

    .btn-primary:active, .btn-primary.active {
        background-color: #6aaada \9;
    }

.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #faa732;
    *background-color: #f89406;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
        color: #ffffff;
        background-color: #f89406;
        *background-color: #df8505;
    }

    .btn-warning:active, .btn-warning.active {
        background-color: #c67605 \9;
    }

.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #da4f49;
    *background-color: #bd362f;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    margin-right: 10px;
}

    .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
        color: #ffffff;
        background-color: #bd362f;
        *background-color: #a9302a;
    }

    .btn-danger:active, .btn-danger.active {
        background-color: #942a25 \9;
    }

.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #5bb75b;
    *background-color: #51a351;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
        color: #ffffff;
        background-color: #51a351;
        *background-color: #499249;
    }

    .btn-success:active, .btn-success.active {
        background-color: #408140 \9;
    }

.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #49afcd;
    *background-color: #2f96b4;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
        color: #ffffff;
        background-color: #2f96b4;
        *background-color: #2a85a0;
    }

    .btn-info:active, .btn-info.active {
        background-color: #24748c \9;
    }

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #363636;
    *background-color: #222222;
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
        color: #ffffff;
        background-color: #222222;
        *background-color: #151515;
    }

    .btn-inverse:active, .btn-inverse.active {
        background-color: #080808 \9;
    }

button.btn, input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

    button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

    button.btn.btn-large, input[type="submit"].btn.btn-large {
        *padding-top: 7px;
        *padding-bottom: 7px;
    }

    button.btn.btn-small, input[type="submit"].btn.btn-small {
        *padding-top: 3px;
        *padding-bottom: 3px;
    }

    button.btn.btn-mini, input[type="submit"].btn.btn-mini {
        *padding-top: 1px;
        *padding-bottom: 1px;
    }

.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-link {
    color: #0088cc;
    cursor: pointer;
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .btn-link:hover {
        color: #005580;
        text-decoration: underline;
        background-color: transparent;
    }

    .btn-link[disabled]:hover {
        color: #333333;
        text-decoration: none;
    }


.form-search .input-append .search-query {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px;
    float: left;
    /*background: #BBDBF0;*/
    border: none;
    width: 80%;
}

.form-search .input-append .btn {
    -webkit-border-radius: 0 14px 14px 0 !important;
    -moz-border-radius: 0 14px 14px 0 !important;
    border-radius: 0 14px 14px 0 !important;
    padding: 0px;
    /*background: #BBDBF0 !important;*/
    border: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    height: 29px;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

    .search-query:-moz-placeholder, textarea:-moz-placeholder {
        color: #7397af;
        font-style: italic;
    }

    input:-moz-placeholder, textarea:-moz-placeholder {
        color: #999999;
    }

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

    .collapse.in {
        height: auto;
    }

.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child, .input-prepend.input-append .add-on-number:last-child {
    border-radius: 0 4px 4px 0;
    margin-left: -1px;
}

.input-append input, .input-append select, .input-append .uneditable-input {
    border-radius: 4px 0 0 4px;
}

.input-append .add-on, .input-prepend .add-on {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    min-width: 16px;
    padding: 4px 4px;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
    width: auto;
}

.input-append .add-on-number, .input-prepend .add-on-number {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 21px;
    line-height: 21px;
    min-width: 16px;
    padding: 4px 4px;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
    width: auto;
}

    .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child, .input-append .add-on-number:last-child > .dropdown-toggle {
        border-radius: 0 4px 4px 0;
    }

.input-append .add-on, .input-append .btn, .input-append .btn-group, .input-append .add-on-number {
    margin-left: -1px;
}

.select-transparent {
    background-color: transparent;
    border: 0;
    outline: 0;
    height: 21px;
    width: 21px;
}

.btn-group {
    position: relative;
    display: inline-block;
    *display: inline;
    *margin-left: .3em;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
    *zoom: 1;
}

    .btn-group:first-child {
        *margin-left: 0;
    }

    .btn-group + .btn-group {
        margin-left: 5px;
    }

.btn-toolbar {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 0;
}

    .btn-toolbar > .btn + .btn,
    .btn-toolbar > .btn-group + .btn,
    .btn-toolbar > .btn + .btn-group {
        margin-left: 5px;
    }

.btn-group > .btn {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .btn-group > .btn + .btn {
        margin-left: -1px;
    }

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
    font-size: 14px;
}

.btn-group > .btn-mini {
    font-size: 10.5px;
}

.btn-group > .btn-small {
    font-size: 11.9px;
}

.btn-group > .btn-large {
    font-size: 17.5px;
}

.btn-group > .btn:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}

.btn-group > .btn.large:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
    z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    *padding-top: 5px;
    padding-right: 8px;
    *padding-bottom: 5px;
    padding-left: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group > .btn-mini + .dropdown-toggle {
    *padding-top: 2px;
    padding-right: 5px;
    *padding-bottom: 2px;
    padding-left: 5px;
}

.btn-group > .btn-small + .dropdown-toggle {
    *padding-top: 5px;
    *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle {
    *padding-top: 7px;
    padding-right: 12px;
    *padding-bottom: 7px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #0044cc;
}

.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #222222;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 120px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        *width: 100%;
        height: 1px;
        margin: 9px 1px;
        *margin: -5px 0 5px;
        overflow: hidden;
        background-color: #e5e5e5;
        border-bottom: 1px solid #ffffff;
    }

    .dropdown-menu li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 20px;
        color: #333333;
        white-space: nowrap;
    }

        .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
            color: #ffffff;
            text-decoration: none;
            background-color: #0081c2;
            background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
            background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
            background-image: -o-linear-gradient(top, #0088cc, #0077b3);
            background-image: linear-gradient(to bottom, #0088cc, #0077b3);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
        }

    .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
        color: #333333;
        text-decoration: none;
        background-color: #0081c2;
        background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
        background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
        background-image: -o-linear-gradient(top, #0088cc, #0077b3);
        background-image: linear-gradient(to bottom, #0088cc, #0077b3);
        background-repeat: repeat-x;
        outline: 0;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
    }

    .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover {
        color: #999999;
    }

        .dropdown-menu .disabled > a:hover {
            text-decoration: none;
            cursor: default;
            background-color: transparent;
            background-image: none;
        }

.open {
    *z-index: 1000;
}

    .open > .dropdown-menu {
        display: block;
    }

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropdown .dropdown-menu .nav-header {
    padding-right: 20px;
    padding-left: 20px;
}

.controllabel {
    float: left;
    padding-top: 5px;
}

.uneditable-input {
    background: none repeat scroll 0 0 #DDDDDD !important;
    color: #333333 !important;
}

.uneditable-input, .uneditable-textarea {
    background-color: #FCFCFC;
    border-color: #CCCCCC !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.024) inset !important;
    cursor: not-allowed !important;
}
/* Form End
--------------------------------------------------------------------------------------------------------*/


/* Icon Start
--------------------------------------------------------------------------------------------------------*/
[class^="icon-"], [class*=" icon-"] {
    background-image: url(images/sprite.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}

[class^="bicon-"], [class*=" bicon-"] {
    background-image: url(images/sprite.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    line-height: 65px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 65px;
}

.icon-search {
    background-position: -10px -135px;
}

.icon-back {
    background-position: -7px 4px;
}

.icon-create_quote {
    background-position: -5px -183px;
}

.icon-calender {
    background-position: -14px -229px;
    display: block;
    margin-left: 29px;
}

.icon-pending {
    width: 20px;
    margin-left: 15px;
}


.icon-pendingSidebar {
    width: 20px;
}

.icon-pendingSidebarBottom {
    width: 20px;
    margin: 0px 15px 0px 15px;
}

.icon-target {
    width: 20px;
    margin-right: 15px;
}

.icon-targetSidebar {
    width: 20px;
}

.icon-targetSidebarBottom {
    width: 20px;
    margin: 0px 15px 0px 15px;
}

.icon-targetbig {
    background-position: -7px -360px;
    height: 30px;
}

.icon-arrowblack {
    background-position: -1px -56px;
    margin-top: 0px;
    height: 9px;
}

.icon-pendingbig {
    background-position: -7px -274px;
    margin-top: 5px;
}

.icon-logout {
    background-position: -12px -452px;
    height: 18px;
    margin-top: 0;
    width: 16px;
}

.icon-home {
    background-position: -375px -485px;
    height: 18px;
    margin-top: 0;
    width: 22px;
}

.icon-calendar {
    background-position: -11px -478px;
    width: 16px;
}

.icon-arrow-left {
    background: url("/content/images/arrow.png") repeat scroll 0 0 transparent;
}

.icon-arrow-right {
    background: url("/content/images/arrow.png") repeat scroll right -36px transparent;
}

.icon-edit {
    background-position: -9px -575px;
    width: 19px;
}

.icon-edit-contextmenu {
    background-position: -9px -575px;
    border-right: 1px solid #DDDDDD;
    float: left;
    height: 29px;
    margin-right: 5px;
    margin-top: -4px;
    width: 25px;
}

.icon-move {
    background-position: -373px -136px;
    border-right: 1px solid #DDDDDD;
    float: left;
    height: 29px;
    margin-right: 5px;
    margin-top: -4px;
    width: 25px;
}

.icon-accept {
    background-position: -9px -414px;
    height: 18px;
    margin-top: 0;
    width: 18px;
}

.icon-delete {
    background-position: -9px -546px;
    width: 19px;
}

.icon-copy {
    background-position: -377px -111px;
    height: 20px;
    width: 20px;
}

.icon-none {
    background-position: -372px -230px;
    border-right: 1px solid #DDDDDD;
    float: left;
    height: 29px;
    margin-right: 5px;
    margin-top: -4px;
    width: 25px;
}

.icon-keepheader {
    background-position: -377px -310px;
    border-right: 1px solid #DDDDDD;
    float: left;
    height: 29px;
    margin-right: 5px;
    margin-top: -4px;
    width: 25px;
}

.icon-removesheeting {
    background-position: -377px -338px;
    border-right: 1px solid #DDDDDD;
    float: left;
    height: 29px;
    margin-right: 5px;
    margin-top: -4px;
    width: 25px;
}

.icon-exclude {
    background-position: -377px -259px;
    border-right: 1px solid #DDDDDD;
    float: left;
    height: 29px;
    margin-right: 5px;
    margin-top: -4px;
    width: 25px;
}

.icon-move {
    background-position: -373px -136px;
    border-right: 1px solid #DDDDDD;
    float: left;
    height: 29px;
    margin-right: 5px;
    margin-top: -4px;
    width: 25px;
}

.icon-add {
    background-position: -373px -166px;
    border-right: 1px solid #DDDDDD;
    float: left;
    height: 29px;
    margin-right: 5px;
    margin-top: -4px;
    width: 25px;
}

.icon-clear {
    background-position: -380px -288px;
    height: 18px;
    width: 18px;
}

.icon-remove {
    background-position: -351px -196px;
    border-right: 1px solid #DDDDDD;
    float: left;
    height: 29px;
    margin-right: 5px;
    margin-top: -4px;
    width: 25px;
}

.icon-include {
    background-position: -375px -228px;
    border-right: 1px solid #DDDDDD;
    float: left;
    height: 29px;
    margin-right: 5px;
    margin-top: -4px;
    width: 25px;
}

.icon-tip {
    background-position: -377px -283px;
    border-right: 1px solid #DDDDDD;
    float: left;
    height: 29px;
    margin-right: 5px;
    margin-top: -4px;
    width: 25px;
}

.icon-trash {
    background-position: -9px -546px;
    border-right: 1px solid #DDDDDD;
    float: left;
    height: 29px;
    margin-right: 5px;
    margin-top: -4px;
    width: 25px;
}


.icon-true {
    background-position: -10px -614px;
    height: 18px;
    width: 18px;
}

.icon-false {
    background-position: -4px -650px;
    height: 18px;
    width: 23px;
}


/*generated from http://www.colorzilla.com/gradient-editor/*/
.gradient-button-shed {
    background: #d90c0a; /* Old browsers */
    background: -moz-linear-gradient(top, #d90c0a 0%, #a3120f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d90c0a), color-stop(100%,#a3120f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d90c0a 0%,#a3120f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d90c0a 0%,#a3120f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d90c0a 0%,#a3120f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d90c0a 0%,#a3120f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d90c0a', endColorstr='#a3120f',GradientType=0 ); /* IE6-9 */
}

.gradient-button-home {
    background: #47c9f5; /* Old browsers */
    background: -moz-linear-gradient(top, #47c9f5 0%, #0253c7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#47c9f5), color-stop(100%,#0253c7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #47c9f5 0%,#0253c7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #47c9f5 0%,#0253c7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #47c9f5 0%,#0253c7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #47c9f5 0%,#0253c7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47c9f5', endColorstr='#0253c7',GradientType=0 ); /* IE6-9 */
}

.gradient-button-suburban, .gradient-button-studgarage {
    background: #02ee00; /* Old browsers */
    background: -moz-linear-gradient(top, #02ee00 0%, #007900 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02ee00), color-stop(100%,#007900)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #02ee00 0%,#007900 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #02ee00 0%,#007900 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #02ee00 0%,#007900 100%); /* IE10+ */
    background: linear-gradient(to bottom, #02ee00 0%,#007900 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02ee00', endColorstr='#007900',GradientType=0 ); /* IE6-9 */
}

.gradient-button-carport {
    background: #f9eb00; /* Old browsers */
    background: -moz-linear-gradient(top, #f9eb00 0%, #da8500 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9eb00), color-stop(100%,#da8500)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9eb00 0%,#da8500 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9eb00 0%,#da8500 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9eb00 0%,#da8500 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f9eb00 0%,#da8500 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9eb00', endColorstr='#da8500',GradientType=0 ); /* IE6-9 */
}

.gradient-button-patio {
    background: #f959c5; /* Old browsers */
    background: -moz-linear-gradient(top, #f959c5 0%, #62337b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f959c5), color-stop(100%,#62337b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f959c5 0%,#62337b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f959c5 0%,#62337b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f959c5 0%,#62337b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f959c5 0%,#62337b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f959c5', endColorstr='#62337b',GradientType=0 ); /* IE6-9 */
}

.gradient-button-gardenshed {
    background: #FFD700; /* Old browsers */
    background: -moz-linear-gradient(top, #66B3B3 0%, #008080 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66B3B3), color-stop(100%,#008080)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #66B3B3 0%,#008080 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #66B3B3 0%,#008080 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #66B3B3 0%,#008080 100%); /* IE10+ */
    background: linear-gradient(to bottom, #66B3B3 0%,#008080 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66B3B3', endColorstr='#008080',GradientType=0 ); /* IE6-9 */
}

.gradient-button-cladding {
    background: #ff9400; /* Old browsers */
    background: -moz-linear-gradient(top, #ff9400 1%, #ff4c00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ff9400), color-stop(100%,#ff4c00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff9400 1%,#ff4c00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff9400 1%,#ff4c00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff9400 1%,#ff4c00 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff9400 1%,#ff4c00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9400', endColorstr='#ff4c00',GradientType=0 ); /* IE6-9 */
}

.gradient-button-fries {
    background: #4046c2; /* Old browsers */
    background: -moz-linear-gradient(top, #4046c2 1%, #25217f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4046c2), color-stop(100%,#25217f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4046c2 1%,#25217f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4046c2 1%,#25217f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4046c2 1%,#25217f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #4046c2 1%,#25217f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4046c2', endColorstr='#25217f',GradientType=0 ); /* IE6-9 */
}

.gradient-button-viewdocs {
    background: #c89566; /* Old browsers */
    background: -moz-linear-gradient(top, #c89566 0%, #7c6847 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c89566), color-stop(100%,#7c6847)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c89566 0%,#7c6847 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c89566 0%,#7c6847 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c89566 0%,#7c6847 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c89566 0%,#7c6847 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c89566', endColorstr='#7c6847',GradientType=0 ); /* IE6-9 */
}

.gradient-button-threedview {
    background: linear-gradient(to bottom, #b5b3b2 0%,#515151 100%);
}

.gradient-button-variations {
    background: #8e8e8e; /* Old browsers */
    background: -moz-linear-gradient(top, #8e8e8e 0%, #43433b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e8e8e), color-stop(100%,#43433b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8e8e8e 0%,#43433b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8e8e8e 0%,#43433b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8e8e8e 0%,#43433b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #8e8e8e 0%,#43433b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#43433b',GradientType=0 ); /* IE6-9 */
}

/*
    Sprite Coordinates
    ==================
    background-position-x / columns from left to right 0,1,2,3,...  =   0,-50,-125,-200,-276,..,-427
    background-position-y / rows from top to bottom 0,1,2,3,...     =   -10,-85,-160,-235,-310,-385,-460,-537,-612,-690,-765
*/

.bicon-create-shed {
    background-position: -51px -11px;
}

.bicon-create-home {
    background-position: -200px -235px;
}

.bicon-create-suburban {
    background-position: -51px -612px;
}

.bicon-create-carport {
    background-position: -51px -765px;
}

.bicon-create-patio {
    background-position: -51px -690px;
}

.bicon-create-gardenshed {
    background-position: -276px -537px;
}

.bicon-create-studgarage {
    background-position: -51px -11px;
}

.bicon-template {
    background-position: -200px -385px;
}

.bicon-arena {
    background-position: -125px -460px;
}

.bicon-barn {
    background-position: -50px -85px;
}

.bicon-clearance {
    background-position: -125px -537px;
}

.bicon-farms {
    background-position: -50px -537px;
}

.bicon-garage {
    background-position: -50px -460px;
    height: 60px;
}

.bicon-horse {
    background-position: -125px -612px;
}

.bicon-industrial {
    background-position: -50px -160px;
}

.bicon-peb {
    background-position: -200px -612px;
}

.bicon-specialdeal {
    background-position: -150px -306px;
}

.bicon-catalouge {
    background-position: -149px -233px;
}

.bicon-studgarages {
    background-position: -50px -460px;
}

/*Feature tool icon*/
.bicon-client {
    background-position: -50px -235px;
    height: 50px;
}

.bicon-shedsize {
    background-position: -125px -765px;
}

.bicon-classification {
    background-position: -125px -160px;
}

.bicon-snowloading {
    background-position: -276px -460px;
}

.bicon-opening {
    background-position: -50px -310px;
}

.bicon-inside {
    background-position: -200px -308px;
}

.bicon-cladding {
    background-position: -275px -160px;
}

.bicon-fries {
    background-position: -200px -160px;
    height: 53px;
}

.bicon-viewdocs {
    background-position: -125px -235px;
}

.bicon-variations {
    background-position: -573px -535px;
}

.bicon-bays {
    background-position: -200px -10px;
}

.bicon-leanto {
    background-position: -200px -460px;
}

.bicon-eaves {
    background-position: -650px -85px;
}

.bicon-roller {
    background-position: -50px -385px;
}

.bicon-sliding {
    background-position: -200px -690px;
}

.bicon-padoor {
    background-position: -200px -85px;
}

.bicon-openbay {
    background-position: -200px -10px;
}

.bicon-windows {
    background-position: -50px -310px;
}

.bicon-insulation {
    background-position: -125px -85px;
}

.bicon-flooring {
    background-position: -275px -10px;
}

.bicon-dividingwalls {
    background-position: -200px -308px;
}

.bicon-horsebox {
    background-position: -125px -690px;
    height: 50px;
}

.bicon-mezzaninefloor {
    background-position: -275px -235px;
}

.bicon-additional {
    background-position: -425px -385px;
}

.bicon-pricingarea {
    background-position: -500px -235px;
}

.bicon-quoteletter {
    background-position: -425px -160px;
}

.bicon-buildingletter {
    background-position: -425px -160px;
}

.bicon-verminproof {
    background-position: -502px -760px;
}

.bicon-drawings {
    background-position: -425px -160px;
}

.bicon-topographic {
    background-position: -200px -537px;
}

.bicon-studwalls {
    background-position: -276px -85px;
}

.bicon-stud-frames {
    background-position: -276px -85px;
}


.bicon-viewbom {
    background-position: -425px -310px;
}

.bicon-nodeal {
    background-position: -425px -612px;
}

.bicon-followup {
    background-position: -425px -463px;
}

.bicon-createquotewhite {
    background-position: -425px -385px;
}

.bicon-savechanges {
    background-position: -425px -736px;
}

.bicon-acceptquotewhite {
    background-position: -425px -688px;
}

.bicon-calculate {
    background-position: -425px -537px;
}

.bicon-requestengineering {
    background-position: -425px -537px;
}

.bicon-copyquote {
    background-position: -427px -10px;
}

.bicon-generalnotes {
    background-position: -425px -310px;
}

.bicon-materialspecifications {
    background-position: -425px -310px;
}

.bicon-buildersitems {
    background-position: -500px -688px;
}

.bicon-threedview {
    background-position: -575px -687px;
}

.bicon-lockdesign {
    background-position: -572px -757px;
}

.bicon-redx {
    background-position: -650px -12px;
}

.bicon-cantilever-leanto {
    background-position: -650px -162px;
}

/*bootstrap icons*/
.icon-chevron-down {
    background-position: -313px -119px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("images/glyphicons-halflings.png");
    background-repeat: no-repeat;
}

.icon-chevron-right {
    background-position: -456px -72px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("images/glyphicons-halflings.png");
    background-repeat: no-repeat;
}


/* Icon End
--------------------------------------------------------------------------------------------------------*/


.pull-none {
    float: none !important;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}


/* Login page Start
--------------------------------------------------------------------------------------------------------*/
#login {
    float: none !important;
    width: 300px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #a4a1a1 0px 2px 7px;
    -moz-box-shadow: #a4a1a1 0px 2px 7px;
    box-shadow: #a4a1a1 0px 2px 7px;
    padding: 30px 15px 15px 15px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    top: 10%;
    position: relative;
}

    #login h1 {
        font-size: 30px;
        font-weight: normal;
        text-transform: uppercase;
        color: #3b3a3a;
        text-align: center;
        padding-bottom: 20px;
    }

    #login label.checkbox {
        font-size: 11px;
        text-align: left;
        padding-left: 29px;
    }

a.forgotpass {
    color: #3A3A3A;
    float: left;
    font-size: 11px;
    padding-left: 9px;
    text-align: left;
}

.loginbtn {
    clear: both;
    display: block;
    float: left;
    height: 40px;
    margin-left: 7px;
    margin-top: 7px;
    width: 285px !important;
}

.morebtn {
    clear: both;
    display: block;
    float: right;
    margin-right: 7px;
    margin-top: 7px;
    width: 100px !important;
}
/* Login page End
--------------------------------------------------------------------------------------------------------*/


/***********Dashboard**************/

.top-header {
    -webkit-box-shadow: 1px 1px 5px 0px #a4a1a1;
    box-shadow: 1px 1px 5px 0px #a4a1a1;
    z-index: 100;
    height: 40px;
}

.headerLine {
    height: 5px;
    width: 100%;
    overflow: hidden;
}

.headerWelcome {
    position: absolute;
    left: 270px;
    margin-top: 8px;
}

.headerLogo {
    position: absolute;
    right: 25px;
    height: 35px;
}

.parentcompanyoptions {
    position: absolute;
    right: 200px;
    margin-top: 4px;
}

/* Userprofile start
--------------------------------------------------------------------------------------------------------*/
html, body {
    height: 100%;
    min-height: 100%;
}

aside {
    width: 270px;
    float: left;
    height: 100%;
    min-height: 100%;
    margin-left: 0px !important;
    position: relative;
}

.sidebar {
    -moz-box-shadow: 5px 0 6px -3px #a4a1a1;
    -webkit-box-shadow: 5px 0 6px -3px #a4a1a1;
    box-shadow: 5px 0 6px -6px #a4a1a1;
    min-height: 96%;
    background-color: #BFBFBF;
    position: relative;
    width: 270px;
    height: auto;
}

.bs-docs-example {
    min-height: 100%;
}

.sidebar .user-profile {
    min-height: 120px;
    position: relative;
    margin-top: 37px;
    -webkit-box-shadow: -4px 4px 8px -4px #555555;
    box-shadow: -4px 4px 8px -4px #555555;
}

    .sidebar .user-profile div.user-image {
        background: none repeat scroll 0 0 #f4f9fc;
        -webkit-border-radius: 100px 100px 0 0;
        -khtml-border-radiust: 100px 100px 0 0;
        -moz-border-radius: 100px 100px 0 0;
        -o-border-radius: 100px 100px 0 0;
        border-radius: 100px 100px 0 0;
        display: block;
        height: 25px;
        left: 15px;
        padding: 5px;
        position: absolute;
        top: -34px;
        width: 65px;
        -webkit-box-shadow: 0px -2px 2px 0px #a4a1a1;
        box-shadow: 0px -2px 2px 0px #a4a1a1;
    }

        .sidebar .user-profile div.user-image img {
            -webkit-border-radius: 100px;
            -khtml-border-radiust: 100px;
            -moz-border-radius: 100px;
            -o-border-radius: 100px;
            border-radius: 100px;
        }


span.welcome {
    margin-left: 40px;
}

span.user-name {
    font-weight: bold;
}

.lifeRing-button {
    height: 35px;
    padding-left: 7px;
    padding-top: 2px;
}

.search-panel {
    padding: 0px 0px;
}

    .search-panel div.back {
        width: 50px;
        float: left;
        border-right: 1px solid #c9ddeb;
        height: 55px;
        text-align: center;
    }

    .search-panel div.search-col {
        /*border-left: 1px solid #EBF5FC;*/
        height: 42px;
        padding-left: 15px;
        padding-top: 13px;
        display: block;
    }

.logout-action {
    margin-left: 0px;
    right: 0px;
    position: absolute;
    top: 0.5%;
}

.logoutbtn {
}

.pendingTargetSidebar {
    height: 25px;
    width: 60px;
}

/* Tab start
--------------------------------------------------------------------------------------------------------*/
.tabs-stacked .open > a:hover {
    border-color: #999999;
}

.tabbable {
    *zoom: 1;
}

    .tabbable:before, .tabbable:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .tabbable:after {
        clear: both;
    }

.tab-content {
    overflow: hidden;
    height: 100%;
}

    .tab-content > .tab-pane, .pill-content > .pill-pane {
        display: none;
        padding: 20px 10px;
    }

    .tab-content > .active, .pill-content > .active {
        display: block;
        overflow: hidden;
    }

.tab-pane {
    overflow: auto;
    height: 100%;
}

    .tab-pane#time {
        /*background-color: #fff;*/
    }

    .tab-pane#quote {
        background-color: #000;
    }



.nav {
    margin-bottom: 0;
    margin-left: 0;
    list-style: none;
}

    .nav > li > a {
        display: block;
    }

    .nav > .pull-right {
        float: right;
    }

.nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 18px;
    /*font-family: 'open_sansbold';*/
    line-height: 20px;
    color: #000;
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
    /*text-transform: uppercase;*/
}

.nav li + .nav-header {
    margin-top: 9px;
}

.nav-list {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 0;
}

    .nav-list > li > a, .nav-list .nav-header {
        margin-right: -15px;
        margin-left: -15px;
        /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
    }

    .nav-list > li > a {
        padding: 7px 15px;
    }

    .nav-list [class^="icon-"], .nav-list [class*=" icon-"] {
        margin-right: 2px;
    }

    .nav-list .divider {
        *width: 100%;
        height: 1px;
        margin: 9px 1px;
        *margin: -5px 0 5px;
        overflow: hidden;
        background-color: #e5e5e5;
        border-bottom: 1px solid #ffffff;
    }

.nav-tabs, .nav-pills {
    *zoom: 1;
}

    .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .nav-tabs:after, .nav-pills:after {
        clear: both;
    }

    .nav-tabs > li, .nav-pills > li {
        float: left;
    }

        .nav-tabs > li > a, .nav-pills > li > a {
            line-height: 14px;
        }

.nav-tabs {
    background: none repeat scroll 0 0 #D1D1D1;
    border-bottom: 5px solid #000000;
    border-radius: 5px 5px 0 0;
}

    .nav-tabs > li {
        margin-bottom: -2px;
        text-align: center;
        width: 135px;
    }

        .nav-tabs > li > a {
            padding-top: 8px;
            padding-bottom: 10px;
            line-height: 20px;
            border: 1px solid transparent;
            color: #4c4c4c;
        }





    .nav-tabs > .active > a {
        color: #fff;
        cursor: default;
        background-color: #000;
        border-bottom-color: transparent;
        border-radius: 5px 5px 0 0;
    }

    .nav-tabs > #time-tab {
        background-color: #fff;
        color: #000;
    }

    .nav-tabs > .active#time-tab > a {
        background-color: #fff;
        color: #000;
    }

    .nav-tabs > #time-tab > a {
        background-color: #fff;
        color: #000;
    }

    .nav-tabs .pending {
        display: block;
        padding: 3px 0;
        color: #b71b1b;
        font-family: 'open_sansbold';
        font-size: 14px;
    }

    .nav-tabs .target {
        display: block;
        color: #0072cf;
        font-family: 'open_sansbold';
        font-size: 14px;
        padding: 3px 0;
    }

.time {
    width: 74px;
}

.status {
    width: 55px;
}

.nav-tabs .status span.status-digit {
    float: right;
    padding-top: 4px;
    width: 29px;
}
/* Tab End
--------------------------------------------------------------------------------------------------------*/


/* Search Panel start */
.search-panel div.back a {
    display: block;
}

    .search-panel div.back a:hover { /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.85)), color-stop(100%, rgba(255,255,255,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#00ffffff', GradientType=0 ); /* IE6-8 */
    }
/* Search Panel End */

/* User Role Block start */
.user-role-block {
    border: 1px solid #C9C9C9;
    box-shadow: 0px 0px 3px 0px #c5c5c5;
    -webkit-box-shadow: 0px 0px 3px 0px #c5c5c5;
    background: #fff;
    margin-left: 5px !important;
    margin-right: 5px;
    width: 210px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*margin-bottom: 30px;*/
}

.user-role-row {
    margin-top: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
}

.user-role-block h2 {
    background: #ffffff;
    padding: 10px 5px;
    font-size: 14px;
    color: #5d5d5d;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    line-height: normal;
    height: 37px;
    border-bottom: 1px solid #C9C9C9;
    text-align: center;
    font-weight: normal;
}

    .user-role-block h2 a {
        color: #5d5d5d;
        display: block;
        height: 37px;
    }

    .user-role-block h2:hover {
        background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(229,229,229,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-8 */
    }

.user-role-block .status-footer div.target {
    float: left;
    padding: 5px 0px;
    /*width: 50px;*/
}

.user-role-block .status-footer div.pending {
    float: left;
    padding: 5px 0px;
    /*width: 50px;*/
}


/* User Role Block End */

/* Userprofile End*/

/***********content Profile Listing******************/
.maincontainer {
    margin-right: 0;
    min-height: 500px;
    padding-bottom: 25px;
    width: auto;
    margin-top: 10px;
}

    .maincontainer h1 {
        margin-left: 30px;
        margin-bottom: 30px;
    }

/******************List customer*********************/

.list-box {
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px 0px #c5c5c5;
    box-shadow: 0px 0px 3px 0px #c5c5c5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
}

    .list-box h2 {
        background: white;
        padding: 10px 15px;
        font-size: 12px;
        color: #fff;
        -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
        behavior: url(PIE.htc);
        line-height: normal;
        height: 37px;
    }

        .list-box h2 a {
            color: black;
            display: block;
            height: 37px;
            font-weight: bold;
        }

        .list-box h2:hover {
            background-color: lightgrey;
        }

.status-footer {
    /*background: url(images/status-bg.png) left top no-repeat;*/
    background-size: 100% 100%;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
}

    .status-footer div.pending {
        float: left;
        padding: 5px 0;
        width: 50%;
    }

    .status-footer div.target {
        float: left;
        padding: 5px 0;
        width: 50%;
        margin-left: 0px;
    }

    .status-footer .statusbox {
        text-align: center !important;
        font-size: 10px;
    }

    .status-footer span.status-count {
        clear: both;
        font-size: 18px;
        font-family: 'open_sansbold';
        vertical-align: text-top;
    }

    .status-footer span.status-countSidebar {
        clear: both;
        font-size: 18px;
        font-family: 'open_sansbold';
        /*vertical-align: text-top;*/
    }

.status-footer-big {
    background: url(images/status-bg_big.png) left top no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    border-top: 1px solid #c9c9c9;
}

    .status-footer-big div.pending {
        padding: 5px 10px;
        width: 47%;
        float: left;
    }

    .status-footer-big div.target {
        padding: 5px 10px;
        width: 47%;
        float: left;
    }

    .status-footer-big .statusbox {
        text-align: center !important;
        font-size: 10px;
    }

    .status-footer-big span.status-count {
        display: block;
        clear: both;
        font-size: 18px;
        font-family: 'open_sansbold';
    }

/*.pendingcol {
    color: yellow;
}

.targetcol {
    color: black;
}*/

.clear {
    clear: both;
}

.grey {
    color: #d1d1d1;
}

.list2 ul li {
    background: url(images/icon-list.png) no-repeat left 7px;
    list-style: none;
    color: #4c4c4c;
    padding-left: 15px;
    padding-bottom: 4px;
    line-height: 18px;
}

    .list2 ul li.pendinglist a {
        color: #B71B1B;
    }

    .list2 ul li a {
        color: #4c4c4c;
        font-size: 12px;
    }

        .list2 ul li a:hover {
            color: #000000;
        }

.status-footer a {
    background: #ddd;
}

.pendinglist {
    color: #DD0000;
}

    .pendinglist:hover {
        color: #DD0000;
    }

.availablelist {
    color: #005580;
}

    .availablelist:hover {
        color: #005580;
    }

/*List customer End*/


/* Advance Search
--------------------------------------------------------------------------------------------------------*/
.advance-search {
    margin-left: 2%;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px 0 #C5C5C5;
    margin-bottom: 30px;
    margin-right: 1px;
}

    .advance-search h2 {
        background: #000;
        padding: 12px 15px;
        font-size: 14px;
        color: #fff;
        -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
        line-height: normal;
    }

.search-column {
    padding: 0px 20px 20px 20px;
}

    .search-column .span6 {
        margin-left: 0 !important;
        margin-right: 1.2% !important;
    }

    .search-column input.pull-left {
        float: left !important;
    }

.action-button {
    padding-top: 20px;
}

.searchtable {
    margin-top: 30px;
}

.multi-select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    height: 82px;
    margin-left: 0 !important;
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    padding: 5px 10px;
}

    .multi-select label.checkbox {
        font-size: 14px;
    }
/* Advance Search End
--------------------------------------------------------------------------------------------------------*/


/***********content end******************/


/* User role form
--------------------------------------------------------------------------------------------------------*/
.User-roleform {
    margin-left: 2%;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px 0 #C5C5C5;
    margin-bottom: 30px;
    overflow: hidden;
}

    .User-roleform h2 a {
        color: #fff;
    }

.searchtable {
    margin-top: 30px;
}
/* User role form End
--------------------------------------------------------------------------------------------------------*/

.hat {
    width: 80px !important;
    margin-bottom: 15px;
    /*margin: 0 5px 15px 20px !important;*/
    border: 1px solid #C9C9C9;
    box-shadow: 0px 0px 3px 0px #c5c5c5;
    -webkit-box-shadow: 0px 0px 3px 0px #c5c5c5;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .hat h2 {
        background: #ffffff;
        padding: 10px 5px;
        font-size: 14px;
        color: #5d5d5d;
        -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
        line-height: normal;
        height: 37px;
        border-bottom: 1px solid #C9C9C9;
        text-align: center;
        font-weight: normal;
    }


/***********Dashboard End**************/


/* User role form Filter Start
--------------------------------------------------------------------------------------------------------*/
.quote-form-list {
    padding: 0 20px 20px;
    overflow: hidden;
    margin-top: 30px;
}

    .quote-form-list .span6 {
        margin: 0 1.2% 1% 0 !important;
    }

.quote-option {
    margin: 0px;
}

    .quote-option li {
        float: left;
        height: 113px;
        list-style: none outside none;
        margin-bottom: 7px;
        margin-left: 9px;
        margin-right: 9px;
        text-align: center;
        width: 65px;
    }

        .quote-option li a.dashboard-button {
            text-decoration: none;
            color: #fff;
            font-family: 'open_sansbold';
            font-size: 18px;
            border-radius: 10px;
            position: relative;
            display: inline-block;
            font-family: Arial, Helvetica, sans-serif;
            width: 65px;
            height: 65px;
            text-indent: -99999px;
            display: block;
        }

        .quote-option li a.product-name {
            background: none repeat scroll 0 0 transparent;
            display: block;
            font-size: 12px;
            height: auto;
            line-height: 15px;
            margin-top: 5px;
            text-indent: inherit;
            /*color: #fff;*/
        }

.data {
    display: none;
}


/* User role form Filter End
--------------------------------------------------------------------------------------------------------*/


/* User role Listing start
--------------------------------------------------------------------------------------------------------*/
/*Filter bar on listing page*/
.filter-row {
    border-bottom: 1px solid #ddd; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNWI1YjUiIHN0b3Atb3BhY2l0eT0iMC40NCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(216,216,216,0) 1%, rgba(181,181,181,0.1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(216,216,216,0)), color-stop(100%, rgba(181,181,181,0.1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(216,216,216,0) 1%, rgba(181,181,181,0.1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(216,216,216,0) 1%, rgba(181,181,181,0.1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(216,216,216,0) 1%, rgba(181,181,181,0.1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(216,216,216,0) 1%, rgba(181,181,181,0.1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d8d8d8', endColorstr='#70b5b5b5', GradientType=0 ); /* IE6-8 */
    background-color: #f9f9f9;
    overflow: hidden;
    margin-bottom: 30px;
}

    .filter-row .span2 {
        width: 20%;
        float: left;
    }

        .filter-row .span2 strong {
            display: block;
        }

    .filter-row li {
        min-height: auto !important;
        padding: 5px;
    }

        .filter-row li.actiontbtn {
            padding: 7px 0 0;
        }
/*Filter bar on listing page*/

/*Product List start on listing page*/
.quote-list {
    background: #f4f9fc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjlmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iI2RiZWJmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWU0ZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f4f9fc 0%, #dbebf6 73%, #cee4f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f9fc), color-stop(73%, #dbebf6), color-stop(100%, #cee4f3));
    background: -webkit-linear-gradient(top, #f4f9fc 0%, #dbebf6 73%, #cee4f3 100%);
    background: -o-linear-gradient(top, #f4f9fc 0%, #dbebf6 73%, #cee4f3 100%);
    background: -ms-linear-gradient(top, #f4f9fc 0%, #dbebf6 73%, #cee4f3 100%);
    background: linear-gradient(to bottom, #f4f9fc 0%, #dbebf6 73%, #cee4f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9fc', endColorstr='#cee4f3', GradientType=0 );
    min-height: 120px;
    position: relative;
    margin-top: 37px;
    padding: 5px;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .quote-list .thumbnail {
    }
/* for thumb img*/
.quote-form-list div.listing-text {
    height: 88px;
}

.quote-list h4 {
    padding-bottom: 5px;
    font-size: 15px;
}

.quote-list p {
    font-size: 13px;
}

.thumb-img {
    border: 1px solid;
    height: 85px;
    line-height: 85px;
    margin-right: 15px;
    overflow: hidden;
    text-align: center;
    width: 85px;
    display: block;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
    /* for thumb img*/
    .thumb-img:hover {
        -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
        -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
        box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    }
/* for thumb img hover effect*/
.form-horizontal .control-label {
    padding-top: 5px;
}
/*Product List start on listing page*/

/*Product Detail start on listing page*/
.quote-detail {
    margin-bottom: 1%;
}

    .quote-detail .thumbnail {
    }

    .quote-detail h4 {
        padding-bottom: 5px;
    }

    .quote-detail .thumb-img {
        border: 1px solid;
        height: 370px;
        line-height: 370px;
        margin-right: 15px;
        overflow: hidden;
        text-align: center;
        width: 370px;
        display: block;
        border: 1px solid #ddd;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        margin-bottom: 10px;
    }

        .quote-detail .thumb-img:hover {
            -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
            -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
            box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
        }
/*Product Detail End on listing page*/
/* User role Listing End
--------------------------------------------------------------------------------------------------------*/


/* For All Modalbox start
--------------------------------------------------------------------------------------------------------*/
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

        .modal-backdrop, .modal-backdrop.fade.in {
            opacity: 0.8;
            filter: alpha(opacity=80);
        }

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin: -250px 0 0 -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

    .modal.fade {
        top: -25%;
        -webkit-transition: opacity 0.1s linear, top 0.1s ease-out;
        -moz-transition: opacity 0.1s linear, top 0.1s ease-out;
        -o-transition: opacity 0.1s linear, top 0.1s ease-out;
        transition: opacity 0.1s linear, top 0.1s ease-out;
    }

        .modal.fade.in {
            top: 50%;
        }

.hide {
    display: none;
}

/*For modalbox big start*/
.modal-big {
    margin-left: -363px;
    width: 722px;
}

    .modal-big.fade {
        top: -25%;
        -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
        -o-transition: opacity 0.3s linear, top 0.3s ease-out;
        transition: opacity 0.3s linear, top 0.3s ease-out;
    }

        .modal-big.fade.in {
            top: 40%;
        }
/*For modalbox big End*/

/*For modalbox Header Properties*/
.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}

    .modal-header .close {
        margin-top: 2px;
    }

    .modal-header h3 {
        margin: 0;
        line-height: 30px;
    }
/*For modalbox Header Properties End*/

/*For modalbox Body Properties*/
.modal-body {
    max-height: 500px;
    padding: 15px;
    overflow-y: auto;
}

.modal-form {
    margin-bottom: 0;
}
/*For modalbox Header Properties End*/

/*For modalbox Footer Properties*/
.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background: #f4f9fc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjlmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iI2RiZWJmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWU0ZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f4f9fc 0%, #dbebf6 73%, #cee4f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f9fc), color-stop(73%, #dbebf6), color-stop(100%, #cee4f3));
    background: -webkit-linear-gradient(top, #f4f9fc 0%, #dbebf6 73%, #cee4f3 100%);
    background: -o-linear-gradient(top, #f4f9fc 0%, #dbebf6 73%, #cee4f3 100%);
    background: -ms-linear-gradient(top, #f4f9fc 0%, #dbebf6 73%, #cee4f3 100%);
    background: linear-gradient(to bottom, #f4f9fc 0%, #dbebf6 73%, #cee4f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9fc', endColorstr='#cee4f3', GradientType=0 );
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

    .modal-footer:before, .modal-footer:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn { /*margin-bottom: 0;*/
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }
/*For modalbox Footer Properties End*/


button.close {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}
/*For modalbox Button for close*/
/* For All Modalbox End
--------------------------------------------------------------------------------------------------------*/


.close {
    color: #000000;
    float: right;
    font-size: 20px;
    font-family: 'open_sansbold';
    line-height: 20px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}

.flex-space-around {
    display: flex;
    justify-content: space-around;
    margin: 10px;
}

.createQuote-btn {
    margin-left: 27px;
    margin-top: 8px;
    height: 40px;
}
/* For info and errors
--------------------------------------------------------------------------------------------------------*/
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-family: 'open_sansbold';
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-family: 'open_sansbold';
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}
/* For info and errors End
--------------------------------------------------------------------------------------------------------*/


/* styles for validation helpers
--------------------------------------------------------------------------------------------------------*/
.field-validation-error {
    color: #B71B1B;
    display: block;
    font-size: 14px;
    clear: both;
    line-height: normal;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input[type="text"].input-validation-error, input[type="password"].input-validation-error, input[type="number"].input-validation-error {
    border: 1px solid #B71B1B;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    display: block;
}

.validation-summary-valid {
    display: none;
}

.offseterror {
    margin-left: 171px;
}

label.label-validation-error::after {
    content: '*';
    margin-right: 4px;
    color: red;
}
/* styles for validation helpers End
--------------------------------------------------------------------------------------------------------*/


/* Auto Search
--------------------------------------------------------------------------------------------------------*/
.ui-autocomplete {
    background: none repeat scroll 0 0 #ffffff;
    cursor: default;
    position: absolute;
    top: 0;
    -webkit-box-shadow: 2px 2px 3px -2px;
    box-shadow: 2px 2px 3px -2px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    width: 217px !important;
    overflow-y: auto;
    max-height: 400px;
    overflow-x: hidden;
    z-index: 5000 !important;
}

    .ui-autocomplete li {
        border-bottom: 1px solid #ffffff;
    }

        .ui-autocomplete li:hover {
            background: lightgrey;
        }

        .ui-autocomplete li:focus {
            background: #ffffff;
        }

        .ui-autocomplete li:active {
            background: #ffffff;
        }

        .ui-autocomplete li a {
            cursor: pointer;
            display: block;
            padding: 5px 10px;
        }

            .ui-autocomplete li a.ui-state-focus {
                font-weight: normal;
                margin: -1px;
                background: lightgrey !important;
            }

            .ui-autocomplete li a.ui-state-active {
                font-weight: normal;
                margin: -1px;
                background: lightgrey !important;
            }


.ui-autocomplete_address {
    background: none repeat scroll 0 0 #EDEDED;
    cursor: default;
    position: absolute;
    top: 0;
    -webkit-box-shadow: 2px 2px 3px -2px;
    box-shadow: 2px 2px 3px -2px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    width: 217px !important;
    overflow-y: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.ui-autocomplete_noWidth {
    background: none repeat scroll 0 0 #EDEDED;
    cursor: default;
    position: absolute;
    top: 0;
    -webkit-box-shadow: 2px 2px 3px -2px;
    box-shadow: 2px 2px 3px -2px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    overflow-y: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.ui-autocomplete_address li {
    border-bottom: 1px solid #CCC;
}

    .ui-autocomplete_address li:hover {
        background: #AAA;
    }

    .ui-autocomplete_address li:focus {
        background: #AAA;
    }

    .ui-autocomplete_address li:active {
        background: #AAA;
    }

    .ui-autocomplete_address li a {
        cursor: pointer;
        display: block;
        color: #333;
        padding: 5px 10px;
    }

        .ui-autocomplete_address li a.ui-state-focus {
            font-weight: normal;
            margin: -1px;
            background: #aaa !important;
        }

        .ui-autocomplete_address li a.ui-state-active {
            font-weight: normal;
            margin: -1px;
            background: #aaa !important;
        }

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
    background: #ffffff !important;
}

.extraoption {
    background: url(images/shadow.png) no-repeat top center;
    clear: both;
    overflow: hidden;
    padding-top: 30px;
}
/* Auto Search End
--------------------------------------------------------------------------------------------------------*/


/* Tool Features Page
--------------------------------------------------------------------------------------------------------*/


.tool-features {
    padding: 15px 10px;
    position: relative;
    /*background-color: #000;*/
    color: #fff;
    height: 100%;
}

    .tool-features a {
        color: #fff;
    }

.box {
    background: #000;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #CCCCCC;
    clear: both;
    display: none;
    margin-bottom: 10px;
    padding: 16px 0 0;
    position: absolute;
    width: 93%;
    float: left;
    margin-top: 8px;
    z-index: 9;
    left: 9px;
}

.box-top {
    background: #000;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #CCCCCC;
    clear: both;
    display: none;
    margin-bottom: 17px;
    padding: 16px 0 0;
    position: absolute;
    width: 93%;
    float: left;
    margin-top: -357px;
    z-index: 9;
    left: 9px;
}

.box-right {
    color: #000;
    border-left: none !important;
    -webkit-box-shadow: 0 0 5px #CCCCCC inset;
    box-shadow: 0 0 5px #CCCCCC inset;
    display: block;
    left: 271px;
    position: absolute;
    top: 0;
    background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 73%, rgba(237,237,237,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(73%, rgba(255,255,255,1)), color-stop(100%, rgba(237,237,237,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 73%, rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 73%, rgba(237,237,237,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 73%, rgba(237,237,237,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 73%, rgba(237,237,237,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); /* IE6-8 */
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    clear: both;
    display: none;
    margin-bottom: 17px;
    padding: 10px;
    z-index: 1040;
}

.box-right_sub {
    -webkit-box-shadow: 0 0 5px #CCCCCC;
    box-shadow: 0 0 5px #CCCCCC;
    display: block;
    left: 575px;
    position: absolute;
    top: 0;
    background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 73%, rgba(237,237,237,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(73%, rgba(255,255,255,1)), color-stop(100%, rgba(237,237,237,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 73%, rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 73%, rgba(237,237,237,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 73%, rgba(237,237,237,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 73%, rgba(237,237,237,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); /* IE6-8 */
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    clear: both;
    display: none;
    margin-top: 50px;
    padding: 10px;
}


.box p {
    padding: 0 0 5px 0px;
}

.arrow {
    border-bottom: 11px solid #000;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    height: 0;
    left: 1px;
    position: absolute;
    top: -10px;
    width: 0;
    z-index: 1001;
}

.arrow-border {
    border-bottom: 11px solid #BBBBBB;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    height: 0;
    position: absolute;
    top: -11px;
    width: 0;
    z-index: 1000;
}

.arrow-rightcol {
    border-color: transparent #FFFFFF;
    border-style: solid;
    border-width: 10px 17px 11px 0;
    height: 0;
    position: absolute;
    top: -12px;
    width: 0;
    z-index: 1000;
}

.arrow-rightcol-border {
    border-color: transparent #BBBBBB;
    border-style: solid;
    border-width: 10px 17px 11px 0;
    height: 0;
    position: absolute;
    top: -13px;
    width: 0;
}

.arrow-bottom {
    border-color: transparent #FFFFFF;
    border-style: solid;
    border-width: 10px 17px 11px 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #000;
    height: 0;
    position: absolute;
    width: 0;
    z-index: 1000;
}

.arrow-bottom-border {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #BBBBBB;
    height: 0;
    position: absolute;
    width: 0;
    z-index: 999;
}

#snowloadTabs li {
    width: 150px !important;
    height: auto;
    margin: 0 !important;
}

.snow-load-block {
    height: 520px;
    margin-bottom: 15px;
    overflow: auto;
}

#snowloadrefrencetab {
    padding: 0px !important;
}

.sub_snowbtn {
    margin-left: 5px !important;
}

.multiplesign {
    margin-right: 20px;
}

.viewdocs-block {
    margin-bottom: 15px;
}
/*Total Block*/
.total {
    background: url("images/shadow.png") no-repeat scroll center bottom transparent;
    clear: both;
    overflow: hidden;
    padding-bottom: 40px;
}

    .total div.promo {
        padding-left: 15px;
        text-align: left;
        font-size: 17px;
    }

    .total div.estimating.price {
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: right;
        font-size: 22px;
        font-family: 'open_sansbold';
        color: #fff;
    }

        .total div.estimating.price.original {
            text-decoration: line-through;
            font-size: 20px;
        }


    .total input.btn {
        height: auto !important;
        line-height: normal !important;
        margin-bottom: 5px;
        margin-left: 8px !important;
        white-space: normal;
        width: 71px !important;
    }

    .total #estimating-price-container {
        justify-content: space-around;
        margin: 5px;
    }

/*Total Block*/

.tool-features .span6 {
    margin-left: 0px !important;
    float: none !important;
}

#clientdivright div.pull-left {
    margin-right: 30px;
}

#baysdivright label.control-label, label.number-label {
    float: left;
    padding-top: 5px;
    width: 20%;
}

#shedsizedivright span {
    margin-left: 85px;
}

#horseboxdivright span {
    margin-left: 85px;
}

#mezzaninefloordivright span {
    margin-left: 85px;
}

#outsidedivright span {
    margin-left: 85px;
}

.tool-features p strong {
    font-size: 16px;
}

.insulation .span5 {
    margin-left: 0px !important;
}

.box-right .span8 {
    float: none !important;
}

.box-right.span5 {
    margin-left: 0px;
}
/*For tool only*/
.first-box {
    background: url(images/shadow_ver.png) no-repeat right center;
}

.background-subcol {
    padding: 10px;
    background: #eee;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: hidden;
}

.weight-span {
    margin-left: 0px !important;
}


/* Quote Number */
.quoteno {
    background: none repeat scroll 0 0 #EDEDED;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 2px #DDDDDD;
    font-size: 14px;
    font-family: 'open_sansbold';
    height: 35px;
    line-height: 35px;
    margin-bottom: 15px;
    text-shadow: 1px 1px 0 #FFFFFF;
    text-align: center;
}

.quoteno span {
    background: none repeat scroll 0 0 #999999;
    border-radius: 5px 0 0 5px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    margin-right: 4px;
    padding: 0 7px;
    text-shadow: none;
    width: 70px;
}

.quoteno > #spanQuoteNum {
    color: #000;
}

.quoteno > #spanName {
    color: #000;
}

/* Quote Number */
/* Lean-to Popup*/
.leanto-img {
    height: 213px;
}

.leanto-shed {
    /*margin-top:40px;*/ margin-top: 6px;
}

.copybtn {
    margin-top: 12px;
}

.labelhead {
    height: 35px;
}

.table-bordered input[type="radio"] {
    display: inline;
    float: left;
}

.table-bordered label[for="radio"] {
    display: inline;
}
/* Lean-to Popup End*/

/*******************************************************Lean to diagram*******************************************************/
.sloplineleft {
    border-bottom: 2px solid #000000;
    height: 0;
    margin-left: 48px;
    margin-top: 13px;
    position: absolute;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    width: 70px;
}

.sloplineright {
    border-bottom: 2px solid #000000;
    margin-left: 108px;
    margin-top: 13px;
    position: absolute;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    width: 70px;
}

.standingleft {
    border-left: 2px solid #000000;
    height: 91px;
    margin-left: 54px;
    margin-top: 31px;
    position: absolute;
}

.standingright {
    border-right: 2px solid #000000;
    height: 91px;
    margin-left: 170px;
    margin-top: 31px;
    position: absolute;
}

.leftbigline-solid {
    border-right: 2px solid #000000 !important;
}

.leftbigline {
    border-right: 2px dashed #000000;
    height: 67px;
    margin-top: 49px;
    position: absolute;
}

.leftslopline-solid {
    border-bottom: 2px solid #000000 !important;
}

.leftslopline {
    border-bottom: 2px dashed #000000;
    margin-top: 39px;
    position: absolute;
    transform: rotate(-19deg);
    -webkit-transform: rotate(-19deg);
    -moz-transform: rotate(-19deg);
    -o-transform: rotate(-19deg);
    width: 55px;
}

.cantirleverleftslopline-solid {
    border-bottom: 2px solid #000000 !important;
}

.cantirleverleftslopline {
    border-bottom: 2px dashed #000000;
    margin-top: 44px;
    position: absolute;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    width: 59px;
}

.rightbigline-solid {
    border-right: 2px solid #000000 !important;
}

.rightbigline {
    border-right: 2px dashed #000000;
    height: 67px;
    margin-left: 225px;
    margin-top: 49px;
    position: absolute;
}

.rightslopline-solid {
    border-bottom: 2px solid #000000 !important;
}

.rightslopline {
    border-bottom: 2px dashed #000000;
    margin-left: 171px;
    margin-top: 39px;
    position: absolute;
    transform: rotate(19deg);
    -webkit-transform: rotate(19deg);
    -moz-transform: rotate(19deg);
    -o-transform: rotate(19deg);
    width: 55px;
}

.cantirleverrightslopline-solid {
    border-bottom: 2px solid #000000 !important;
}

.cantirleverrightslopline {
    border-bottom: 2px dashed #000000;
    margin-left: 168px;
    margin-top: 43px;
    position: absolute;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    width: 53px;
}

.leftsmallline-solid {
    border-right: 2px solid #000000 !important;
}

.leftsmallline {
    border-right: 2px dashed #000000;
    height: 46px;
    margin-top: 80px;
    position: absolute;
}

.leftslopsline-solid {
    border-bottom: 2px solid #000000 !important;
}

.leftslopsline {
    border-bottom: 2px dashed #000000;
    margin-top: 69px;
    position: absolute;
    transform: rotate(-19deg);
    -webkit-transform: rotate(-19deg);
    -moz-transform: rotate(-19deg);
    -o-transform: rotate(-19deg);
    width: 55px;
}

.rightsmallline-solid {
    border-right: 2px solid #000000 !important;
}

.rightsmallline {
    border-right: 2px dashed #000000;
    height: 46px;
    margin-left: 225px;
    margin-top: 80px;
    position: absolute;
}

.rightslopsline-solid {
    border-bottom: 2px solid #000000 !important;
}

.rightslopsline {
    border-bottom: 2px dashed #000000;
    margin-left: 171px;
    margin-top: 69px;
    position: absolute;
    transform: rotate(19deg);
    -webkit-transform: rotate(19deg);
    -moz-transform: rotate(19deg);
    -o-transform: rotate(19deg);
    width: 55px;
}

.leanto_sheddiagram {
    overflow: hidden;
    height: 130px;
    position: relative;
    width: 227px;
    padding-top: 15px;
    float: left;
}

.leftquestion {
    margin-top: 96px;
    width: 103px;
}

.rightquestion {
    margin-left: 31px;
    margin-top: 96px;
    width: 103px;
}

#leantodivright .span9 {
    float: none;
}

/*sheeting Diagram*/
.sheeting_leftcol {
    border: 2px dashed #000;
    float: left;
    width: 70px;
    height: 120px;
}

.sheeting_leftcol_cantilever {
    border: 2px dashed #000;
    float: left;
    width: 70px;
    height: 120px;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
}

.sheeting_rightcol_cantilever {
    border: 2px dashed #000;
    float: left;
    width: 70px;
    height: 120px;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
}

.sheeting_middlecol {
    border: 2px solid #000;
    float: left;
    width: 120px;
    height: 120px;
    border-left: 0px;
    border-right: 0px;
}


.sheeting_rightcol {
    border: 2px dashed #000;
    float: left;
    width: 70px;
    height: 120px;
}

.checkbox-top {
    float: left;
    margin-left: 29px !important;
    margin-top: -23px !important;
}

.checkbox-bottom {
    clear: both;
    margin-left: -60px !important;
    margin-top: 135px !important;
}

.checkbox-left {
    float: left;
    margin-left: -29px !important;
    margin-top: 53px !important;
}

.checkbox-right {
    float: left;
    margin-left: 44px !important;
    margin-top: 53px !important;
}

.absolutecheckbox {
    margin-left: 40px;
    position: absolute;
}

.shetting {
    margin-left: 62px;
    margin-top: 28px;
}

.absolutecheckbox input.checkbox-top {
    margin-left: -8px !important;
}

.absolutecheckbox input.checkbox-bottom {
    margin-left: -123px !important;
}

.leftborder {
    border-left: 2px solid #508DB5;
}

.topborder {
    border-top: 2px solid #508DB5;
}

.rightborder {
    border-right: 2px solid #508DB5;
}

.bottomborder {
    border-bottom: 2px solid #508DB5;
}

.leftborder {
    border-left: 2px solid #508DB5;
}


#outsidedivright .span4 {
    float: none;
}

#topographicdivright .span9 {
    float: none;
}
/*------------------------------------------*/


/*------------------For Loader------------------------*/
.LoadingInner {
    background: none repeat scroll 0 0 #000000;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    left: 40%;
    opacity: 0.5;
    padding: 10px;
    position: fixed;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    z-index: 9999;
}

.Loadingouter {
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
}
/*------------------For Loader End------------------------*/


/*------------------For Tooltip------------------------*/
.infoTooltip {

    border-radius: 10px;
    position: relative;
    text-align: center;
    font-size: 10px;
    line-height: normal;
}

.infoTooltip::after {
    background-color: #333;
    border-radius: 10px;
    color: #ffffff;
    display: none;
    padding: 5px;
    position: absolute;
    text-align: center;
    z-index: 999;
}

.infoTooltip::before {
    background-color: #333;
    content: ' ';
    display: none;
    position: absolute;
    width: 12px;
    height: 12px;
    z-index: 999;
}

.infoTooltip:hover::after {
    display: block;
}

.infoTooltip:hover::before {
    display: block;
}


.infoTooltip.infoTooltipContent::after {
    content: 'Click here for more information';
    top: 0;
    right: 0;
    transform: translateX(calc(100% + 8px));
}

.infoTooltip.infoTooltipContent::before {
    top: 50%;
    right: 0;
    transform: translate(calc(100% + 5px), -50%) rotate(45deg);
}

.tip-canvas {
    z-index: 1010;
    max-width: 276px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    position: absolute;
    display: none;
    margin-left: 7px;
    margin-top: 7px;
}

.tip-header {
    background-color: #BBDBF0;
    border-bottom: 1px solid #EBEBEB;
    border-radius: 5px 5px 0 0;
    font-size: 10px;
    font-family: 'open_sansbold';
    line-height: 18px;
    margin: 0;
    padding: 2px 7px;
    letter-spacing: 1px;
}

.tip-content {
    padding: 2px 7px;
    /*background: linear-gradient(to bottom, #F4F9FC 0%, #DBEBF6 73%, #CEE4F3 100%) repeat scroll 0 0 transparent;*/
    background: #FFFF99;
    border-bottom: 1px solid #FFCC00;
    font-size: 10px;
}

    .tip-content li {
        list-style: disc;
    }

.tip-menu {
    z-index: 1010;
    max-width: 276px;
    text-align: left;
    white-space: normal;
    background-color: #f0f0f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    position: absolute;
    display: none;
    margin-left: 7px;
    margin-top: 7px;
}

    .tip-menu ul {
        margin: 0px;
    }

        .tip-menu ul li {
            list-style: none;
        }

            .tip-menu ul li a {
                border: 0;
                border-top: 1px solid #ffffff;
                border-bottom: 1px solid #e0e0e0;
                font-size: 12px;
                text-decoration: none;
                display: block;
                color: #575757;
                padding: 4px 10px 4px 5px;
            }

                .tip-menu ul li a:hover {
                    background: #DBEBF6;
                }
/*------------------For Tooltip End------------------------*/


.shedlayout-scroll {
    margin-bottom: 30px;
    overflow: auto;
}

select option {
    font-size: 14px !important;
}

.baywidth td {
    height: 23px;
    padding: 8px 5px !important;
}

.bays_cell_display {
    padding-left: 7px !important;
}

.bays_cell_edit {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 5px !important;
    height: 20px !important;
}

.bays_cell_edit-checkbox {
    margin: 0 0 0 8px !important;
    padding: 0px 0px 0px 5px !important;
    height: 20px !important;
}


.shedlayotclear {
    margin-left: 5px;
}

/*change  tablescroll*/
.scroll-newtable {
    height: 240px;
    margin-top: 15px;
    overflow-y: auto;
}

.border-bottomnone {
    border-radius: 5px 5px 0 0;
}

.border-topnone {
    border-radius: 0px 0px 5px 5px;
}
/*change  tablescroll End*/

#canvasdiv {
    margin: 5px 0px;
    min-height: 600px;
    min-width: 750px;
}

.shed-container {
    padding-right: 0px !important;
    height: 100%;
    min-height: 100%;
    padding-left: 0;
}

.checkbox_nolable {
    margin-right: 5px !important;
    margin-top: 0 !important;
}

.additionalitem {
    height: 250px;
    overflow-y: auto;
}

.discountItems {
    max-height: 250px;
    overflow-y: auto;
}

#currentPoints {
    display: block;
    text-align: right;
}

/*------------------For Tooltip End------------------------*/
.error404 {
    width: 50%;
    margin: 5% auto 0;
    font-family: Arial, Helvetica, sans-serif;
    max-height: 400px;
    overflow: hidden;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #a4a1a1 0px 2px 7px;
    -moz-box-shadow: #a4a1a1 0px 2px 7px;
    box-shadow: #a4a1a1 0px 2px 7px;
}

.error_bg {
    float: left;
    width: 80%;
    min-height: 384px;
    margin: 4% 0 auto;
    background: url("images/reeor_bg.png") no-repeat 65% top;
    background-size: 60% 80%;
    padding: 50px;
    text-align: center;
}

.error404text {
    float: left;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 24px;
    font-weight: bold;
}

.oops {
    width: 100%;
    color: #777;
    font-size: 20px;
    text-align: center;
    float: left;
    margin: 20px 0;
}



.createquote-column {
    padding: 0 20px 20px;
    overflow: hidden;
}

.steps {
    margin: 0px auto;
    margin-bottom: 20px;
}

.patch {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 350px;
    left: 0.5%;
    opacity: 0.8;
    position: absolute;
    top: 353px;
    width: 250px;
    z-index: 99999;
}

.scrollcontent {
    display: block;
    height: 100px;
    overflow: auto;
    width: 100%;
}

thead.fixedHeader tr {
    display: block;
}

.steps {
    margin: 0px auto;
    margin-bottom: 20px;
    background: url(images/stepline.gif) repeat-x left top;
    border-radius: 10px;
    height: 75px;
    text-align: center;
}

    .steps ul {
        margin: 0px;
        display: table;
        width: 100%;
    }

    .steps li {
        text-align: center;
        display: table-cell !important;
        float: none !important;
    }

        .steps li a.stepsbtn {
            text-decoration: none;
            color: #fff;
            font-family: 'open_sansbold';
            font-size: 20px;
            border-radius: 5px;
            background-color: #D4E9F5;
            box-shadow: 0 2px 5px #AECEE0, 0 3px 0 #AECEE0, 0 0 0 rgba(0, 0, 0, 0.4), 0 2px 9px rgba(255, 255, 255, 0.2) inset, 0 -2px 9px rgba(141, 187, 216, 0.5) inset;
            position: relative;
            border-bottom: 1px solid rgba(255,255,255,0.2);
            display: inline-block;
            font-family: Arial, Helvetica, sans-serif;
            text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
            width: 35px;
            height: 35px;
            display: block;
            margin: 0px auto;
            line-height: 35px;
            text-align: center;
            margin-bottom: 5px;
            font-weight: bold;
        }

            .steps li a.stepsbtn:hover {
                box-shadow: 0 2px 2px #AECEE0, 0 3px 0 #AECEE0, 0 5px 7px rgba(0, 0, 0, 0.4), 0 2px 9px rgba(255, 255, 255, 0.2) inset, 0 -2px 9px rgba(141, 187, 216, 0.5) inset;
                color: #fff;
            }

            .steps li a.stepsbtn:active {
                top: 3px;
                box-shadow: 0 1px 0 #AECEE0, 0px 4px 4px rgba(141,187,216,0.4), inset 0px 2px 5px rgba(141,187,216,0.2);
                color: #fff !important;
            }

        .steps li a.selected {
            text-decoration: none;
            color: #333434;
            font-family: 'open_sansbold';
            font-size: 20px;
            border-radius: 5px;
            background-color: #8dc3e4;
            box-shadow: 0 2px 5px #508db5, 0 3px 0 #508db5, 0 0 0 rgba(0, 0, 0, 0.4), 0 2px 9px rgba(255, 255, 255, 0.2) inset, 0 -2px 9px rgba(101, 163, 206, 0.5) inset;
            position: relative;
            border-bottom: 1px solid rgba(255,255,255,0.2);
            display: inline-block;
            font-family: Arial, Helvetica, sans-serif;
            text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
            width: 35px;
            height: 35px;
            display: block;
            margin: 0px auto;
            line-height: 35px;
            text-align: center;
            margin-bottom: 5px;
            font-weight: bold;
        }

        .steps li a {
            font-size: 12px;
        }

        .steps li.span3 {
            width: 22.077% !important;
            float: left;
        }

.address-sameas {
    color: #666666;
    font-size: 10px;
    font-style: italic;
}

    .address-sameas input {
        margin-left: 7px;
        margin-right: 5px;
        vertical-align: top;
    }

a.googlelink {
    float: left;
    margin-right: 15px;
    margin-top: 4px;
    color: #3a87ad;
}

    a.googlelink:hover {
        float: left;
        margin-right: 15px;
        margin-top: 4px;
        color: #2d6987;
    }

.createquotenew {
}

    .createquotenew div.control-group {
        overflow: inherit !important;
        margin-bottom: 18px !important;
        position: relative;
    }

        .createquotenew div.control-group span.field-validation-error {
            position: absolute;
            left: 0px;
            bottom: -19px;
        }

.createquote-detail div.control-group span.field-validation-error {
    /*position: absolute;*/
    left: 31.6239%;
    bottom: -15px;
}

.leadtype {
    display: block;
    float: left;
    margin-left: 23%;
    margin-top: -5px;
}

.dashboardbtn {
    padding: 4px 10px;
    margin-top: 3px;
    margin-left: 10px;
}

.pricingalteration {
    display: block;
    line-height: normal;
    width: 220px;
}

.other-quotebox label .span4 {
    margin-left: 0px !important;
}

.multi-select label.checkbox input.checkbox {
    min-height: 15px !important;
}

.disable-div {
    background-color: #fff;
    opacity: 0.5;
}

.td-icon {
    text-align: center;
}

.quotebtn {
    float: left;
    height: 100px;
    list-style: none outside none;
    margin-bottom: 0px;
    margin-left: 9px;
    margin-right: 9px;
    text-align: center;
    width: 65px;
}

a.quote-button {
    text-decoration: none;
    color: #fff;
    font-family: 'open_sansbold';
    font-size: 18px;
    border-radius: 10px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: rgba(0, 0, 0, 0.7);
    *background-color: #51a351;
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
    width: 65px;
    height: 65px;
    text-indent: -99999px;
    display: block;
}

    a.quote-button:hover {
        box-shadow: 0 5px 7px rgba(0, 0, 0, 0.4);
    }

    a.quote-button:active {
        top: 3px;
        box-shadow: 0 1px 0 #AECEE0, 0px 4px 4px rgba(141,187,216,0.4), inset 0px 2px 5px rgba(141,187,216,0.2);
        color: #fff !important;
    }

.quotebtn a.product-name {
    background: none repeat scroll 0 0 transparent;
    display: block;
    font-size: 12px;
    height: auto;
    line-height: 15px;
    margin-top: 5px;
    text-indent: inherit;
}

#clientdivright span {
    position: absolute;
    width: 190px;
}

#clientdivright .control-group {
    margin-bottom: 15px;
}

.marginright-gape {
    margin-right: 10px;
}

.marginleft-gape {
    margin-left: 10px;
}

.marginLeft30 {
    margin-left: 30px !important;
}

.marginRight30 {
    margin-right: 30px;
}

#docsToBeSent input.checkbox {
    margin-top: 0px;
}

#quoteList .btn {
    margin-bottom: 5px;
}

#JobsMissingPurchaseAgreement .searchtable {
    margin-top: 10px;
}

.deliverycondition {
    clear: both;
    float: left;
}

.description-right {
    float: right !important;
}

/*#Postcode-Box {
    background: url("images/shadow_ver.png") no-repeat scroll right center / 3% 162% transparent;
}*/

.filter_headerbtn {
    margin-top: -4px;
}

.pricing-control td input {
    margin-right: 5px;
}

.row-fluid .quote-column .span3 {
    width: 25.624%;
}

#login select {
    width: 284px !important;
}

.btn-disable {
    opacity: 0.5;
    cursor: not-allowed;
}

.filter-row li.actiontbtn {
    float: right;
    margin-right: 17px;
    padding: 7px 0 0;
    text-align: right;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.acceptquotemsg {
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
}

.InitialDeposit {
    text-transform: capitalize;
}

.lnkOrderBy {
    cursor: pointer;
}

.leezonelink {
    margin-left: 24px;
}

.leanto-mainshed {
    height: 200px;
}

.dashboard-disablebtn {
    cursor: not-allowed;
    opacity: 0.3;
}

.dashboard-hidebtn {
    display: none;
}

#toggleSidebar {
    background-color: #6bbf4b;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    height: 35px;
    width: 35px;
    text-align: center;
    border: 1px solid #6bbf4b;
    border-radius: 0 20px 20px 0;
}

.toggle-arrow-left {
    background: url("/content/images/leftrightarrow.png") no-repeat scroll -24px 0 transparent;
}

.toggle-arrow-right {
    background: url("/content/images/leftrightarrow.png") no-repeat scroll 3px 0 transparent;
}


.component ul {
    max-height: 420px;
    overflow: auto;
    border: solid 1px #dddddd;
    -webkit-overflow-scrolling: touch;
}

    .component ul li {
        float: none;
        list-style: none outside none;
        margin-bottom: 0px;
        margin-left: 9px;
        margin-right: 9px;
        text-align: left;
        line-height: 30px;
        width: auto;
        height: 100%;
    }

        .component ul li:hover {
            background: #dddddd;
        }

        .component ul li a {
            color: #000000;
        }


.component ul {
    border: 1px solid #DDDDDD;
    max-height: 420px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

    .component ul li {
        float: none;
        list-style: none outside none;
        margin-bottom: 0px;
        margin-left: 9px;
        margin-right: 9px;
        text-align: left;
        line-height: 30px;
        width: auto;
        height: 100%;
    }

        .component ul li:hover {
            background: #dddddd;
        }

        .component ul li a {
            color: #000000;
            display: block;
        }

/* Quote Followup*/
#quote-followup #alertMessageLabel {
    text-align: center;
}

#quote-followup #alertMessageOKCancel, #alertMessageEdit, #email-followup, #btnSendEmail {
    display: none;
}

#quote-followup #quoteCategoryRadios, #saveButtons, #cancelButtons {
    margin-top: 20px;
}

#quote-followup textarea {
    height: 150px;
}


.extra-items {
    margin-left: 25px;
}

.padding-topcal {
    padding-top: 4px;
}

.pt3 {
    padding-top: 3px;
}

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

.margin-auto {
    margin: 0px auto;
}

.messagetxtarea .span12 {
    width: 97.6%;
}

.setmessage {
    display: inline-block;
    float: left;
}

.arearight {
    margin-right: 5px !important;
}

.arealeft {
    margin-left: 5px !important;
}

.areacode {
    width: 30px !important;
}

.siteaddress .control-group {
    overflow: inherit !important;
}

    .siteaddress .control-group input {
        width: 100% !important;
    }

.job-details-content {
    padding: 10px;
}

.bsJobStatus {
    background: #d1d1d1;
}

.bsChangeType {
    margin-bottom: 0;
    margin-left: 0;
    list-style: none;
}

    .bsChangeType li {
        float: left;
        line-height: 25px;
        margin: 5px 0 4px 13px;
        text-align: start;
    }

        .bsChangeType li p {
            border: solid 1px #dddddd;
            height: 20px;
            width: 20px;
            float: left;
            margin-right: 5px;
        }

.btnApproval {
    margin-right: 0 !important;
    width: 110px;
}

.btnApproveAll {
    margin-right: 0 !important;
    width: 150px;
}

.comparisionRow {
    cursor: pointer;
}

.bsaSummary h2 p {
    text-align: center;
    color: red;
    display: inline;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fcfcfc;
    border: 1px solid #cacaca;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 8px;
}

.testenvironmentbanner {
    background-color: red;
    border: 3px solid black;
    padding: 10px;
    display: flex;
    justify-content: space-around;
}

    .testenvironmentbanner .btn-xs {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }

.green {
    color: green;
}

.automaticChangeHighlight {
    background-color: orange;
    opacity: .6;
    border: 1px solid black;
    color: black;
    font-weight: bold;
}



@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('bootstrap-3.0.0-dist/dist/fonts/glyphicons-halflings-regular.eot');
    src: url('bootstrap-3.0.0-dist/dist/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../bootstrap-3.0.0-dist/dist/fonts/glyphicons-halflings-regular.woff') format('woff'), url('bootstrap-3.0.0-dist/dist/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('bootstrap-3.0.0-dist/dist/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}


@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('bootstrap-3.0.0-dist/dist/fonts/glyphicons-halflings-regular.eot');
    src: url('bootstrap-3.0.0-dist/dist/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../bootstrap-3.0.0-dist/dist/fonts/glyphicons-halflings-regular.woff') format('woff'), url('bootstrap-3.0.0-dist/dist/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('bootstrap-3.0.0-dist/dist/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}