@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-reg-webfont.eot');
    src: url('../fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/lato-reg-webfont.woff') format('woff'),  url('../fonts/lato-reg-webfont.ttf') format('truetype'),  url('../fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helvetica-regular';
    src: url('../fonts/helvetica-webfont.eot');
    src: url('../fonts/helvetica-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/helvetica-webfont.woff') format('woff'),  url('../fonts/helvetica-webfont.ttf') format('truetype'),  url('../fonts/helvetica-webfont.svg#helvetica-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    /*font-family: 'latoregular';*/
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
nav ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
    padding:3px 0;
}
/******************************/

.header {
    background: url("../images/header-top.jpg") no-repeat scroll center top;
    display: block;
    height: 180px;
    padding: 0;
    text-align: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    min-width: 1024px;
}
.header-bottum {
    margin: 64px auto 0;
    width: 1024px;
    min-width: 1024px;
}
.back {
    float: left;
}
.logout {
    float: right;
}
.header-bottum > img {
    padding: 2px 0;
}
.header-top {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DBDBEA;
    border-radius: 0 0 10px 10px;
    clear: both;
    color: #3E7AAA;
    font-size: 30px;
    height: 40px;
    margin: 0 auto;
    padding: 14px 10px;
    position: relative;
    text-align: center;
    width: 984px;
}
.sign-in-block {
    background: none repeat scroll 0 0 #3E7BAA;
    border-radius: 6px;
    display: block;
    text-align: center;
}
.sign-in-block h2 {
    color: #FFFFFF;

    font-size: 30px;
    font-weight: normal;
    text-transform: capitalize;
}
.sign-in-block input[type="text"], .sign-in-block input[type="email"], .sign-in-block input[type="password"] {
    background: none repeat scroll 0 0 #B2CADD;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    clear: both;
    display: block;
    float: none;
    height: 30px;
    margin: 22px auto;
    padding: 4px 6px;
    width: 264px;
    font-size: 20px;
    text-align: center;
    color: #3e7baa;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.3s ease-in-out 0s;
}
.sign-in-block .box.full {
    width: 100%;
}
.sign-in-block input[type="text"]:focus, .sign-in-block input[type="email"]:focus, .sign-in-block input[type="password"]:focus {
    background: #fff;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.sign-in-block input[type="submit"] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    border-radius: 4px;
    color: #5C9FDA;
    font-size: 22px;
    padding: 5px 30px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.sign-in-block input[type="submit"]:hover, .sign-in-block input[type="submit"]:focus {
    background: #A5A9AA;
    color: #fff;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.forgotten_id_password {
    clear: both;
    color: #FFFFFF;
    display: block;
    padding: 20px 0 0;
    text-align: center;
}
.forgotten_id_password a {
    color: #fff;
}
.forgotten_id_password a:hover {
    color: #5c9fda;
}
.border-strip {
    border-top: 2px solid #DDDDDD;
    clear: both;
    margin: 0 auto 10px;
    text-align: center;
    width: 650px;
}
/*.footer {
  padding: 25px 100px 10px;
  text-align: right;
}*/
.footer{
    border-top: 1px solid #e5e5e5;
    float: left;

}
/*****************************/
.logo {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #487CA8;
    float: none;
    left: 10px;
    padding: 5px;
    position: absolute;
    top: 10px;
}
.user-login-detail {
    font-size: 25px;
    text-align: right;
}
.header-nav {
    background: none repeat scroll 0 0 #5286B2;
    clear: both;
    height: 41px;
    padding: 6px 0;
    min-width:1024px;
}
.header-nav .wrapper {
    border: medium none;
}
.header-nav .back {
    float: left
}
.header-nav .next {
    float: right;
}
.header-nav > .wrapper {
    overflow: visible;
}
.tools {
    float: none;
    margin: 0px 0px 0px 390px;
    /*  width: 204px;*/
    display: block;
    text-align: center;
}
.tools > a {
    float: left;
    padding: 0 17px;
}
.tools > span {
    float: left;
    font-size: 17px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    font-weight: 600;
    color:#fff;
}
.page-heading {
    clear: both;
    /*color: #5287B2;*/
    color:#333;
    float: left;
    font-size: 22px;
    font-weight: normal;
    line-height: normal;
    margin: 20px 25px;
    overflow: hidden;
    padding: 0 0 5px;
    /*width: 98%;*/
    width:974px;
    border-bottom:1px solid #e5e5e5;
}

.page-heading-div{
    float:right;
    margin: -45px 25px;
}

.page-heading-div p{
    display: inline-block;
    vertical-align: top;
}

.joborder-heading-div{
    margin: 0px 25px;
    margin-right: 733px;
    margin-left: 40px;
}

.joborder-heading-div p{
    display: inline-block;
    vertical-align: top;
}

.scheduler-calendar{
    padding-bottom: 100px;
    z-index: 1000;
}

.inner_container {
    clear: both;
    float: none;
    height: auto;
    margin: 0 auto;
    min-height: 215px;/*300px*/
    /*overflow: hidden;*/
    padding: 55px 0 0;
    width: auto;
    min-width: 825px;
    display: block;
    text-align: center;
}

.dashboard_blocks {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 135px;
}.dashboard_blocks a {
     text-decoration: none;
     color: #5086B2;
     font-size: 14px;
     font-weight: bold;
 }
.dashboard_blocks a img {
    opacity: 0.7;
    filter: alpha(opacity=90);
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.dashboard_blocks a img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.footer-link {
    clear: both;
    display: block;
    float: none;
    margin: 0 auto 10px;
    overflow: hidden;
    text-align: center;
}
.footer-link li {
    border-left: 1px solid #CCCCCC;
    font-size: 14px;
    list-style: none outside none;
    padding: 0 5px;
    display: inline-block;
}
.footer-link li a {
    color: #CACAD8;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.footer-link li a:hover {
    color: #268BDB;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.footer-link li:first-child {
    border: none;
}
.copywrite {
    color: #DDDDDD;
    float: left;
    font-size: 15px;
    line-height: 55px;
    text-align: left;
}
.clear {
    clear: both;
}
/*********** tooltip ***************/
.colorTip {
    /* This class is assigned to the color tip span by jQuery */

    display: none;
    position: absolute;
    left: 50%;
    top: -30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    white-space: nowrap;
}
/*.pointyTip,.pointyTipShadow{
  border:6px solid transparent;
  bottom:-12px;
  height:0;
  left:50%;
  margin-left:-6px;
  position:absolute;
  width:0;
}
*/
.pointyTipShadow {
    /* The shadow tip is 1px larger, so it acts as a border to the tip */
    border-width: 7px;
    bottom: -14px;
    margin-left: -7px;
}
.colorTipContainer {
    position: relative;
    text-decoration: none !important;
}
.blue .pointyTip {
    border-top-color: #000;
}
.blue .colorTip {
    background: url(../images/tip-bg.png) top left repeat-x;
    color: #fff;
    font-size: 12px;
    padding: 4px 10px 3px;
    height: 16px;
}
.tool-box {
    position: relative;
    width: 95%;
    clear: both;
    display: block;
    margin: 0 auto;
}
/************Manage Account *************/
.inner-block {
    background: none repeat scroll 0 0 #E8E8E8;
    clear: both;
    height: 100%;
    margin: 0 auto 100px;
    min-height: 460px;
    overflow: hidden;
    padding: 10px;
    width: 966px;
    min-width: 966px;
}
.edit_bar {
    background: none repeat scroll 0 0 #487CA8;
    border-radius: 4px;
    margin: 0 auto 15px;
    padding: 8px 10px;
    width: auto;
}
.edit_bar > span {
    font-size: 12px;
    font-weight: 600;
}
.inner-heading {
    font-size: 12px;
    color: #000;
    padding-left: 10px;
    margin: 0 0 10px 0;
}
.edit {
    color: #fff;
    text-decoration: none;
    float: right;
    font-size: 12px;
}
/*.edit:hover {
  text-decoration: underline;
}*/
.detail-block {
    background: none repeat scroll 0 0 #EEEEEE;
    border-radius: 4px;
    clear: both;
    color: #000000;
    font-size: 12px;
    margin: 0 auto 10px;
    min-height: 139px;
    padding: 10px;
    text-align: center;
}
.detail-block p {
    color: #000000;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
}
.row {
    width: 100%;
    margin: 0 auto;
    clear: both;
    margin: 0 auto;
    overflow: hidden;
}
.form-field {
    float: left;
    font-size: 12px;
    margin: 0 9px 15px 0;
}
.form-field.select-box {
    width: 100%;
}
.form-field.select-box label {
    color: #000000;
    float: left;
    line-height: 21px;
    margin: 0 10px 0 0;
}
.input-box {
    margin: 10px 0 0;
}
.form-field label {
    color: #000000;
    line-height: normal;
    margin: 0 10px 0 0;
    padding: 0 0 0 1px;
}
em {
    color: #ff0000;
    font-size: 14px;
}
.form-field input[type="text"] {
    border: 1px solid #CCCCCC;
    color: #A0A0A0;
    font-size: 12px;
    height: 20px;
    line-height: 15px;
    padding: 4px 6px;
    width: 225px;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.form-field select {
    border: 1px solid #CCCCCC;
    font-size: 12px;
    height: 30px;
    *height: 30px;
    line-height: 30px;
    padding: 4px 6px;
    width: 225px;
    color: #A0A0A0;
}
.form-field textarea {
    border: 1px solid #C1C1C1;
    float: left;
    height: 50px;
    margin-right: 55px;
    padding: 3px;
    resize: none;
    width: 400px;
    font-size: 12px;
    font-family: 'latoregular';
    color: #757575;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.form-field textarea:focus, .form-field input[type="text"]:focus {
    background: #f1f1f1;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
::-webkit-input-placeholder {
    text-align:center;
}
.add_more {
    clear: both;
    margin: 0 0 15px;
    overflow: hidden;
}
.add_more input[type="button"], .submit input[type="submit"] {
    border: 1px solid #C1C1C1;
    padding: 6px 10px;
    float: right;
    background: #2078d8;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
    border: none;
    outline: none;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.add_more input[type="button"]:hover, .add_more input[type="button"]:focus, .submit input[type="submit"]:hover, .submit input[type="submit"]:focus {
    background: #fff;
    color: #2078d8;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.field_right {
    float: right;
    width: 300px;
}
.right-align {
    float: right;
    width: 15pxx
}
.right-align a {
    margin-left: 20px;
    float:left;
}

/*----------------------------------------------------------
	03-04-2014
------------------------------------------------------------*/
.change-status{ position:absolute; margin:10px 0; z-index:9; top:-50px;}
.button {
    float:right;
    position:relative;
    width:auto;
    margin:0px 10px 4px 0px;
    padding:5px 15px;
    background:#356696;
    border:none;
    outline:none;
    color:#fff;
    font-size:12px;
    cursor:pointer;
    text-decoration:none;
    line-height:30px;
    text-indent:0px;
}
.sm_button:hover {
    opacity:0.9;
    filter:alpha(opacity=90);
    text-decoration:none;
    color:#fff;
}
.demo_jui td a{ color:#0000d9; text-decoration:underline;}
div.dataTables_filter label{ float:none; width:auto;}
.search-input .dataTables_filter{ z-index:9;}
.search-input .dataTables_filter input[type="text"]{ z-index:9;}
.left-btn{ float:left; width:70px;}
.right-btn{ float:right; width:794px;}
/*----------------------------------------------------------
	04-04-2014
------------------------------------------------------------*/
.demo_jui .btn, .demo_jui a.btn{ min-width:75px; padding:3px 6px; font-size:12px;}
.demo_jui td a.btn{ text-decoration:none;}
div.dataTables_paginate { float: right;margin: 10px 0; width: 40%;}
.right-btn .btn, .left-btn .btn{ margin:0 3px; float:left;}
.page-heading .btn{ float:right; margin-left:5px;}
.admin-block{ clear: both;
    display: table; /* block */
    float: none;
    height: auto !important;
    margin: 0 auto;
    min-height: 550px;
    min-width: 825px;
    padding: 0;
    text-align: center;
    width: auto;
}
.admin-block .data_panel{background:#fff;
    border:0px;
    float: left;
    height: auto;
    margin: 0 25px 15px;
    padding: 20px 0 10px;
    position: relative;
    width: 974px;}
.admin-block .formrow_left label, .admin-block .formrow_right label{ font-size:14px; text-align:left; margin:0 10px 0 0; line-height:20px;}
.admin-block .formrow_left label em, .admin-block .formrow_right label em{ float:none;}
.right{ float:right;}
/*----------------------------------------------------------
	07-04-2014
------------------------------------------------------------*/
.unit{ float:left; width:120px; margin-right:20px;}
.unit label{float: left; text-align: left; width: 60px; color:#000;}
.unit-input input{ width:50px; margin: 0 0 4px;}
.address{ float:left; width:660px;}
.address label{float: left; text-align: left; width: 120px; color:#000;}
.address-input input{ width:520px; margin: 0 0 4px;}
.area, .city, .postal-code{ float:left; width:252px; margin-right:20px;}
.area label{float: left; text-align: left; width: 60px; color:#000;}
.city label{float: left; text-align: left; width: 60px; color:#000;}
.postal-code label{float: left; text-align: left; width: 90px; color:#000;}
.area-input input, .postal-code-input input, .city-input input{ width:150px; margin: 0 0 4px; float:left;}
.size-property{float:left; width:400px; margin-right:20px;}
.size-property label{float: left; text-align: left; width: 120px; color:#000;}
.size-property-input select{ width:150px; margin: 0 0 4px;}
.qr{float:left; width:252px; margin-right:20px;}
.qr label{ float: left; text-align: left; width: 60px; color:#000;}
.ac-status{float:left; width:252px; margin-right:20px;}
.ac-status label{float: left; text-align: left; width: 100px; color:#000;}
.partition{ margin-top:40px; float:left;}
.form-title{
    border-bottom: 1px solid #E5E5E5;
    clear: both;
    color: #333333;
    float: left;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    margin: 20px 0;
    overflow: hidden;
    padding: 0 0 5px;
    width: 974px;
    text-align:left;
}
.issue-description textarea{ float:left; width:243px;}
.service-category{float:left; width:300px;}
.available-material{float:right; width:300px;}
.issue-description{ float:left; width:674px;} /* Edited for the Scope module */
.available-material select{ margin-top:60px;}
.btn:focus{ outline:none;}
.preferred-date, .preferred-time{ float:left; margin-right:20px; width:366px; margin-bottom:5px;}
.preferred-date label{ width:160px; float:left; text-align:left; margin-right:20px;}
.preferred-date input[type=text]{ width:170px; float:left;height: 31px;}
.preferred-time select{ width:170px; float:left; padding:4px;}
.available-contact-person{ float:left; margin-right:20px; width:366px; margin-bottom:5px;}
.available-contact-person label{width:160px; float:left; text-align:left; margin-right:17px}/*bug id 2601*/
.available-contact-person input[type=text]{ width:170px; float:left;}
.available-contact-person select{ width:170px; float:left; padding:4px;}
.emergency select{ margin-top:0px;}
/*----------------------------------------------------------
	09-04-2014
------------------------------------------------------------*/
.left{ float:left;}
.btn.left{ float:left; margin-right:10px;}
.job-customer{ float:left; width:250px;}
.job-customer label{ width:60px; text-align:left; margin-right:15px;}
.job-status{ float:left; width:auto;}
.job-status label{ width:80px; text-align:left; margin-right:15px;}
.userdetails_table tr:nth-child(odd){background:#f9f9f9;}
.userdetails_table tr:nth-child(even){background:#fff;}
.userdetails_table th{ color:#333;}
.assigned-workman, .checkin-out, .job-note{ float:left; width:100%; margin-bottom:15px; text-align: left;}
.assigned-workman label{ color:#333; float:left; width:170px; font-weight:normal; margin-right:15px; text-align:left; line-height:26px;}
.assigned-workman .date, .assigned-workman .time, .checkin-out .time { float:left; width:150px; margin-right:15px;}
.checkin-out label{ color:#333; float:left; width:100px; font-weight:normal; margin-right:15px; text-align:left;}
.job-note label{ color:#333; float:left; width:60px; font-weight:normal; margin-right:15px; text-align:left;}
.job-note textarea{ width:374px;}
.job-label label{ float:left; width:150px; margin-right:15px; text-align:left;}
.job-label span{ float:left; margin-right:15px; text-align:left;}
.job-order-time{ float:left; width:100%;}
.job-order-time label{ float:left; /*width:150px;*/width: 100px; text-align:left; margin-right:15px;}
.job-order-time input[type=text]{ float:left; width:146px; margin-right:15px;}
.job-order-time select{ float:left; width:160px; margin-right:15px;}
.assigned-workman input[type=radio]{ float:left; margin-right:10px; margin-top:1px;}
.input-radio{ float:left; line-height:20px;}
.mb-10{ margin-bottom:10px;}
.flexibale-timepicker{ float:left; width:750px; margin-left:15px;}
.flexibale-timepicker label{ float:left; text-align:left; margin-right:15px; width:80px;}
.flexibale-timepicker .timepicker.input-group{ float:left; width:155px;}
.flexibale-timepicker .input-append .add-on, .flexibale-timepicker .input-prepend .add-on{ height:24px; padding:2px 5px;}
.flexibale-timepicker .bootstrap-timepicker{ float:left;}

/*.tabular-data{ float:left;  width:45%; margin-right:5%;}
.tabular-data label{ float:left; margin-right:15px; min-width:150px;}
*/

.f-form{float:left; width:45%; margin-right:5%; margin-bottom:15px;}
.f-form b.label{ float:left; width:250px; margin-right:15px; background-color:transparent; color:#333; font-weight:normal;}
.f-form .bootstrap-switch{ float:left;min-width:150px;}
#logo{ float:left;}
.input-box{ float:left; width:178px;}
.btn.danger,
.btn.black,
.btn.warning,
.alert-message.danger,
.btn.danger:hover,
.alert-message.danger:hover,
.btn.error,
.alert-message.error,
.btn.error:hover,
.alert-message.error:hover,
.btn.success,
.alert-message.success,
.btn.success:hover,
.alert-message.success:hover,
.btn.info,
.alert-message.info,
.btn.info:hover,
.alert-message.info:hover {
    color: #ffffff;
}
.btn .close, .alert-message .close {
    font-family: Arial, sans-serif;
    line-height: 18px;
}
.btn.danger,
.alert-message.danger,
.btn.error,
.alert-message.error { background: #d9534f;  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border:1px solid #D43F3A; }
.btn.success, .alert-message.success { background: #5CB85C; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border:1px solid #4CAE4C; }
.btn.info, .alert-message.info {background: #5BC0DE;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border:1px solid #46B8DA; }
.btn.warning, .alert-message.warning {background-color: #F0AD4E;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border:1px solid #EEA236;}
.btn.black, .alert-message.black {background: #474949; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border:1px solid #474949;}
.btn.black:hover{ color:#fff;}
.btn {
    cursor: pointer;
    display: inline-block;
    background : #fff;
    padding: 5px 14px 6px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    color: #333;
    font-size: 13px;
    line-height: normal;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -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);
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}
.btn:hover { color: #333; text-decoration: none;}
.btn.warning:hover{ color:#fff;}
.btn:focus { outline: 1px dotted #666;}
.button {
    cursor: pointer;
    display: inline-block;
    padding: 5px 14px 6px;
    color: #ffffff;
    background: #428BCA;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border:1px solid #357EBD;
    font-size: 13px;
    line-height: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}
.btn.primary {
    color: #ffffff;
    background: #428BCA;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border:1px solid #357EBD;
}
.btn.primary:hover{ background:#3276B1; border:1px solid #285E8E; color:#fff;}
.btn.danger:hover{ background:#D2322D; border:1px solid #AC2925;}
.btn.warning:hover{ background:#ED9C28; border:1px solid #D58512;}
.btn.black:hover{ background:#161616; border:1px solid #000;}
.btn.info:hover{ background:#39B3D7; border:1px solid #269ABC;}
.btn.success:hover{ background:#47A447; border:1px solid #398439;}
.btn.active, .btn :active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled {
    cursor: default;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=65);
    -khtml-opacity: 0.65;
    -moz-opacity: 0.65;
    opacity: 0.65;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn[disabled] {
    cursor: default;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=65);
    -khtml-opacity: 0.65;
    -moz-opacity: 0.65;
    opacity: 0.65;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn.large { font-size: 15px; line-height: normal; padding: 9px 14px 9px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.btn.small {padding: 7px 9px 7px;font-size: 11px;}
/*----------------------------------------------------------
	11-04-2014
------------------------------------------------------------*/
.back.blue.colorTipContainer{ /*margin-right:20px;*/}






@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="text"] {
        line-height: normal;
    }
}
.company_select {
    width: 246px;
}
.formrow_left label, .formrow_right label {
    color: #000
}
.footer-logo {
    margin-right: 60px;
}
.tabular-gried {
    color: #000
}
.overview {
    background: #FFEC9D;
    padding: 10px;
    width: 90%;
    border: 1px solid #CCCCCC;
}

.originalDisplayInfo {
    font-size: 12px;
    color: green;
}

.warningDisplayInfo {
    font-size: 12px;
    color: #FF0000 !important;
}

#showData {
    height: 70px;
    width: 150px;
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin: 10px;
}

table.userdetails_table td {
    vertical-align: middle;
}

#config .dashboard_blocks {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 105px;
    margin: 0px 5px 5px 10px;
    vertical-align: top;
}

input#myInputTextField {
    height: 21px;
    width:176px;
    text-indent:5px;
}
.log-footer{ margin:14px 0;}
.left-icon{ float:left; width:145px;}
/*----------------------------------------------
	18-04-2014
-------------------------------------------------*/
.reset-pass{}
.reset-pass .formrow{}
.reset-pass .formrow .formrow_left{ margin-left:30%;}
.reset-pass .formrow .formrow_left label{ width:150px;}
.reset-pass .right .reset-btn{ margin-right:268px;}
.login-logo{ position:relative; float:left; width:100%; text-align:center; margin:20px 0;}
.left-icon a.back.blue{ /* margin-right:17px; */}
.tool-box .menu-dropdown, .tool-box .dropdown-menu{  min-width: 140px;  max-width: 140px;   _width: 140px;}
a.menu:after, .dropdown-toggle:after {
    width: 0;
    height: 0;
    display: inline-block;
    content: "↓";
    text-indent: -99999px;
    vertical-align: top;
    margin-top: 8px;
    margin-left: 4px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #ffffff;
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/*----------------------------------------------
	16-07-2014
-------------------------------------------------*/

.popup_box{
    width:397px;
    position:relative;
    height:270px;
    float:left;
    background:#fff;
    overflow: auto;
}

.popup_box h1{
    width:100%;
    position:relative;
    float:left;
    color:#ffffff;
    font:normal 18px/30px Arial, Helvetica, sans-serif;
    text-align:center;
    padding:5px 0px;
    background:#428BCA;
    border-bottom:2px solid #bec0c5;
    text-transform:capitalize;
}
.popup_content{
    width:100%
    float:left;
    position:relative;
}
.popup_content text{
    width:90%;
    position:relative;
    float:left;
    color:#343434;
    padding:0px 5%;
    font:normal 12px/18px Arial, Helvetica, sans-serif;
}
.popup_content a{float:left; position:relative; text-decoration:none; color:#3d6aae; padding-left:5%;}
.popup_content a:hover{color:#174180;}
.buttons_block{width:90%; position:relative; float:left; margin:0px 5%;}

table#scope_value_table tr:nth-child(odd) {
    background-color: #ecebeb;
    padding-top:2px;
    padding-bottom:2px;
}
table#scope_value_table tr:nth-child(even) {
    background-color: #f7f7f7;
    padding-top:2px;
    padding-bottom:2px;
}
table#scope_value_table tr.new {
    background-color: #ffc;
    padding-top:2px;
    padding-bottom:2px;
}

/*----------------------------------------------
	17-07-2014 Quote Tool Tip
-------------------------------------------------*/

#suggestions{ position: absolute; left: 220px;; width:230px; display:none; z-index:100; }

/*#suggestionsq_1{ position: absolute; left:45px; width:230px; display:none; z-index:100; }
#suggestionsq_2{ position: absolute; left:45px; width:230px; display:none; z-index:100; }
#suggestionsq_3{ position: absolute; left:45px; width:230px; display:none; z-index:100; }
#suggestionsq_4{ position: absolute; left:45px; width:230px; display:none; z-index:100; }
#suggestionsq_5{ position: absolute; left:45px; width:230px; display:none; z-index:100; }
#suggestionsq_6{ position: absolute; left:45px; width:230px; display:none; z-index:100; }
#suggestionsq_7{ position: absolute; left:45px; width:230px; display:none; z-index:100; }
#suggestionsq_8{ position: absolute; left:45px; width:230px; display:none; z-index:100; }
#suggestionsq_9{ position: absolute; left:45px; width:230px; display:none; z-index:100; }

.suggestionsBox {
	position: relative;
	left: 45px;
	margin: 10px 0px 0px 0px;
	width: 200px;
	background-color: #428BCA;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;
	color: #fff;
}
.suggestionsBoxq {
	position: relative;
	left: 30px;
	margin: 10px 0px 0px 0px;
	width: 200px;
	background-color: #428BCA;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;
	color: #fff;
}*/
.suggestionsBoxq {
    position: absolute;
    left:220px;
    margin: 10px 0px 0px 0px;
    width:276px;
    display:none;
    z-index:100;
    background-color: #428BCA;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;

}

.suggestionsBoxqleft
{
    position: absolute;
    left:10px;
    margin: 10px 0px 0px 0px;
    width:230px;
    display:none;
    z-index:100;
    background-color: #428BCA;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;

}
.suggestionList {
    margin: 0px;
    padding: 0px;
}
.qsuggestionList {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
    color: white !important;
    list-style: outside none none;
}
.suggestionList li:hover {
    background-color: #659CD8;
}
/*----------------------------------------------
	18-07-2014  Bill Items Tool Tip
-------------------------------------------------*/
#suggestionsb_1{ position: absolute; left:15px; width:230px; display:none; z-index:100; }
#suggestionsb_2{ position: absolute; left:15px; width:230px; display:none; z-index:100; }
#suggestionsb_3{ position: absolute; left:15px; width:230px; display:none; z-index:100; }
#suggestionsb_4{ position: absolute; left:15px; width:230px; display:none; z-index:100; }
#suggestionsb_5{ position: absolute; left:15px; width:230px; display:none; z-index:100; }
.suggestionsBoxb {
    position: relative;
    left: 30px;
    margin: 58px 0px 0px 0px;
    width: 200px;
    background-color: #428BCA;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;
    color: #fff;
}
.bsuggestionList {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
    /* color: white !important;*/
}


/*New*/
.suggestionsBoxqCS {
    position: relative;
    left: 175px;
    margin: 10px 0px 0px 0px;
    width: 300px;
    background-color: #428BCA;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;
    color: #fff;
}
.suggestionsBoxqCS bsuggestionList{
    width: 294px !important;
}

/* Ends */

.page_headingnew{
    border-bottom-color: #e5e5e5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    clear: both;
    color: #333;
    float: left;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 20px;
    margin-left: 25px;
    margin-right: 27px;
    margin-top: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: left;
    width: 270px;
}
/* NEW CSS RATE LIST */
.suggestionsBoxLabourMaterial {
    position: absolute;
    left:35px;
    margin: 30px 0px 0px 0px;
    width:230px;
    display:none;
    z-index:1000;
    background-color: #428BCA;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;
}

/*  05-01-2015  */
.tab_wrap{
    margin:0;
    width:96%;
    border-left:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    padding:20px 2%;
    float:left;
}
.tab_heading{
    border-bottom: 1px solid #e5e5e5;
    clear: both;
    color: #333;
    float: left;
    font-size: 22px;
    font-weight: normal;
    line-height: normal;
    margin: 20px 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.tab_left{ float:left; width:71%; margin-right:3%;background: #eee; padding:3%; margin-bottom:26px;border-radius:8px;}
.tab_right{ float:right; width:20%;}
.tab_right img{ margin:0 10px 15px; padding:2%; max-width:96%; border:1px solid #ccc;float:right;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: right;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #e5e5e5;
    width: auto;
}
ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 0px 21px ;
    height: 31px;
    line-height: 31px;
    border: 1px solid #fff;
    border-left: none;
    font-weight: normal;
    background: #fff;
    overflow: hidden;
    position: relative;
    font-size:14px;
    color:#5086b2;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    -moz-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    -moz-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
}
ul.tabs li:hover {
    background: #fff;
}
ul.tabs li.active{
    background: #fff;
    border: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
    color:#333;
    height:32px;

}
.tab_container {
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    max-width:981px;
    min-height:150px;
}
.tab_content {
    padding:0px;
    font-size: 1.2em;
    display: none;
    float:left;
    width:100%;
}
.tab_content p{ font-size:20px; color:#333; margin-bottom:20px;}
.tab_content p:last-child{ margin-bottom:0;}
.tab_content p input[type=text],
.tab_content p select{ margin:0 8px; }

.btn.danger, .btn.black, .btn.warning, .alert-message.danger, .btn.danger:hover, .alert-message.danger:hover, .btn.error, .alert-message.error, .btn.error:hover, .alert-message.error:hover, .btn.success, .alert-message.success, .btn.success:hover, .alert-message.success:hover, .btn.info, .alert-message.info, .btn.info:hover, .alert-message.info:hover {
    color: #ffffff;
}
.btn .close, .alert-message .close {
    font-family: Arial,sans-serif;
    line-height: 18px;
}
.btn.danger, .alert-message.danger, .btn.error, .alert-message.error {
    background: none repeat scroll 0 0 #d9534f;
    border: 1px solid #d43f3a;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn.success, .alert-message.success {
    background: none repeat scroll 0 0 #5cb85c;
    border: 1px solid #4cae4c;
    float: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn.info, .alert-message.info {
    background: none repeat scroll 0 0 #5bc0de;
    border: 1px solid #46b8da;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn.warning, .alert-message.warning {
    background-color: #f0ad4e;
    border: 1px solid #eea236;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn.black, .alert-message.black {
    background: none repeat scroll 0 0 #474949;
    border: 1px solid #474949;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn.black:hover {
    color: #fff;
}
.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: #ccc #ccc #bbb;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: normal;
    padding: 5px 14px 6px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    transition: all 0.1s linear 0s;
}
.btn:hover {
    color: #333;
    text-decoration: none;
}
.btn.warning:hover {
    color: #fff;
}
.btn:focus {
    outline: 1px dotted #666;
}
.btn.primary {
    background: none repeat scroll 0 0 #428bca;
    border: 1px solid #357ebd;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn.primary:hover {
    background: none repeat scroll 0 0 #3276b1;
    border: 1px solid #285e8e;
    color: #fff;
}
.btn.danger:hover {
    background: none repeat scroll 0 0 #d2322d;
    border: 1px solid #ac2925;
}
.btn.warning:hover {
    background: none repeat scroll 0 0 #ed9c28;
    border: 1px solid #d58512;
}
.btn.black:hover {
    background: none repeat scroll 0 0 #161616;
    border: 1px solid #000;
}
.btn.info:hover {
    background: none repeat scroll 0 0 #39b3d7;
    border: 1px solid #269abc;
}
.btn.success:hover {
    background: none repeat scroll 0 0 #47a447;
    border: 1px solid #398439;
}
.btn.active, .btn *:active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled {
    background-image: none;
    box-shadow: none;
    cursor: default;
    opacity: 0.65;
}
.btn[disabled] {
    background-image: none;
    box-shadow: none;
    cursor: default;
    opacity: 0.65;
}
.btn.large {
    border-radius: 6px;
    font-size: 15px;
    line-height: normal;
    padding: 9px 14px;
}
.btn.small {
    font-size: 11px;
    padding: 7px 9px;
}
:root .alert-message, *:root .btn {
}
button.btn::-moz-focus-inner, input.btn[type="submit"]::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
.close {
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 13.5px;
    opacity: 0.25;
    text-shadow: 0 1px 0 #ffffff;
}

#lineFirst{ font-size:52px; font-weight:bold;}
#lineFirst input[type=text]{ padding:15px; width:358px;}
.lineFirst{ font-size:52px !important; font-weight:bold;}
.lineFirst input[type=text]{ padding:15px; width:358px;}
.tab_left .btn{ padding:10px 25px; font-size:15px;}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

.tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: #ffffff;
    z-index: 1000px;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000000;
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000000;
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

.data_grid_table .tooltip {
    left:65px !important;
    border:0px;
}

.data_grid_table .tooltip .tooltip-arrow {
    left:65px !important;
}

.admin-block fieldset {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0 auto;
    padding: 19px;
    width: 84%;
}


.formrow_left .select_all {
    color: #0085c9;
    font-size: 12px;
    cursor: pointer;
    display: block;
}

.container.full {
    width: 100%;
    margin:0 auto;
    padding: 0px;
}
.available-material-margin{
    margin-top: -31px !important;
}
input#myInputTextField {
    width: 190px;
    width: 189px !important;
    height: 31px;
    text-indent:5px;
}