#adminmenu li.active.new-vendor {
    background: #13C439 none repeat scroll 0 0 !important;
    color: #333;
}

#adminmenu li.active.new-vendor a {
    background: #13C439 none repeat scroll 0 0 !important;
    color: #333;
}

#adminmenu li.new-vendor {
    background: #13C439 none repeat scroll 0 0 !important;
    color: #333;
}

#adminmenu li.new-vendor a {
    background: #13C439 none repeat scroll 0 0 !important;
    color: #333;
}

#adminmenu {
    background-color: #aecee0;
    height: 35px;
    margin-top: 1px;
}

#adminmenu li {
    display: block;
    float: left;
    position: relative;
}

#adminmenu li a {
    background: 0 0;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
    color: #333;
    display: block;
    padding: 9px 15px;
}

#adminmenu li a:hover {
    background: #8bb8d1;
    color: #333;
}

#adminmenu li.active a {
    /*background:#8bb8d1;*/
    color: #333;
}

#adminmenu ul ul {
    background: #fff;
    border: 1px solid #E6E6E6;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 32px !important;
    visibility: inherit;
    width: 100% !important;
    z-index: 999;
}

#adminmenu ul ul li {
    background: #fff;
    border-bottom: solid 1px #E6E6E6;
    display: block;
    position: relative;
}

#adminmenu ul ul li a {
    border: none;
}


#adminmenu-cust li.active.new-vendor {
    background: #13C439 none repeat scroll 0 0 !important;
    color: #333;
}

#adminmenu-cust li.active.new-vendor a {
    background: #13C439 none repeat scroll 0 0 !important;
    color: #333;
}

#adminmenu-cust li.new-vendor {
    background: #13C439 none repeat scroll 0 0 !important;
    color: #333;
}

#adminmenu-cust li.new-vendor a {
    background: #13C439 none repeat scroll 0 0 !important;
    color: #333;
}

#adminmenu-cust {
    background-color: #D1D3D5;
    height: 35px;
    margin-top: 1px;
}

#adminmenu-cust li {
    display: block;
    float: left;
    position: relative;
}

#adminmenu-cust li a {
    background: 0 0;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
    color: #333;
    display: block;
    padding: 9px 15px;
}

#adminmenu-cust li a:hover {
    background: #D1D3D5;
    color: #333;
}

#adminmenu-cust li.active a {
    /*background:#8bb8d1;*/
    color: #333;
}

#adminmenu-cust ul ul {
    background: #fff;
    border: 1px solid #E6E6E6;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 32px !important;
    visibility: inherit;
    width: 100% !important;
    z-index: 999;
}

#adminmenu-cust ul ul li {
    background: #fff;
    border-bottom: solid 1px #E6E6E6;
    display: block;
    position: relative;
}

#adminmenu-cust ul ul li a {
    border: none;
}


#content {
    padding: 20px;
}

#equipments-grid table.items th {
    padding-left: 5px !important;
    text-align: center !important;
}

div#footer {
    background: #0174B5;
    border-top: 1px solid #D2D2D2;
    color: #fff;
    font-size: 13px;
    margin: 0;
    text-align: center;
}

div#customerfooter {
    background: #be1e2d;
    border-top: 1px solid #D2D2D2;
    color: #fff;
    font-size: 13px;
    margin: 0;
    text-align: center;
    margin-bottom: -28px;
     height: 28px;
}

.footer_banner {
    margin: 0 auto -10px;
    min-height: 500%;
    /*  width: 1210px;*/
    padding-bottom: 11px;
}

.footerleft {
    /*float: left;
    width: 70%;
    text-align: left;*/
    padding-top: 15px;
}

.footerright {
    float: right;
    width: 30%;
    text-align: right;
}

.footerright img {
    padding: 0px 3px;
}

.clear {
    clear: both;
}

#header {
    margin: 0;
    padding: 0;
}

#header .header-right a {
    color: #fff;
    float: right;
    margin-left: 10px;
    text-decoration: none;
}

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

#header a {
    color: #d5381e;
}

#importcsv {
    cursor: pointer;
}

#logo {
    background-color: #0169ac;
    color: #FBFBFA;
    font-size: 200%;
    min-height: 30px;
    overflow: hidden;
    padding: 0;
}

#logo-cust {
    background-color: #BE1E2D;
    color: #FBFBFA;
    font-size: 200%;
    min-height: 30px;
    overflow: hidden;
    padding: 0;
}

#mainmenu {
    background: url(../images/nav_bg.png) repeat-x #cdcdcd;
    border: solid #afafaf;
    border-width: 1px 0;
    height: 36px;
    margin-top: 20px;
}

#mainmenu ul {
    margin: 0;
    padding: 0;
}

#mainmenu ul li {
    display: block;
    float: left;
    position: relative;
}

#mainmenu ul li a {
    background: 0 0;
    border-right-color: #d5d5d3;
    color: #555;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a {
    background: url(../images/nav_hover_bg.png) repeat-x;
    color: #000;
}

#page {
    margin: 0 auto -36px;
    min-height: 100%;
    width: 1210px;
}

#page:after {
    content: "";
    display: block;
    height: 36px;
}

#processing {
    /* background:url(../images/loading.gif) 50% 50% no-repeat #000;
     height:100%;
     left:0;
     opacity:.75;
     position:fixed;
     top:0;
     width:100%;
     z-index:9999;*/
}

#product-form .row input[type=password], .search-form div.wide input[type=text], .search-form div.wide textarea {
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
    padding: 4px;
    width: 250px;
}

#sidebar {
    margin-right: 5px;
}

#sidebar .portlet-content li {

    display: inline-block;
    padding: 0;

}

#tabContaier {
    margin: 0;
    padding: 20px 0;
    position: relative;
    width: 100%;
}

#tabContaier li {
    float: left;
    list-style: none;
}

#tabContaier li a {
    background: #ddd;
    border: 1px solid #fcfcfc;
    border-right: 0;
    color: #666;
    cursor: pointer;
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0 30px;
    text-decoration: none;
    text-transform: uppercase;
}

#tabContaier li a.active {
    background: #fbfbfb;
    border: 1px solid #fff;
    border-right: 0;
    color: #333;
}

#tabContaier li a:hover {
    background: #eee;
}

#tabContaier ul {
    border-right: 1px solid #fff;
    height: 35px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 100;
}

.MultiFile-label {
    /*    background-color:#d9edf7;*/
    background-color: #ABD7ED;
    border: 1px solid #bfe6f1;
    border-radius: 4px;
    color: #326ca5;
    margin-bottom: 5px;
    padding: 5px;
    width: 418px;
}

.MultiFile-remove {
    color: #a7b7be;
    float: right;
    font-size: 15px;
    font-weight: bolder;
    line-height: 14px;
    text-align: right;
    text-decoration: none;
    vertical-align: top;
}

.backlink {
    background: url(../images/back_icon.png) 50% 50% no-repeat;
    color: #fff;
    height: 54px;
    line-height: 54px;
    text-align: center;
    text-decoration: none;
    width: 54px;
}

.backlink:hover {
    color: #e1f6b3;
}

.boxis {
    margin: 0 auto;
    /* width:57%;*/
    width: 82%;
}

.boxis ul {
    display: block;
    float: left;
    /*padding:0;*/
    padding: 0 0 0 75px;
}

.basic .boxis ul,
.guest_contractor_body .boxis ul {
    display: flex;
    padding: 0 0 0 75px;
    justify-content: center;
    margin: 0 auto;
    flex-wrap: wrap;
    float: unset;
}

.boxis ul li {
    border-radius: 8px;
    display: block;
    float: left;
    margin: 0 8px 16px;
    /*width:150px;*/
    width: 160px;
}

.boxis ul li a {
    background: #ddd;
    border-radius: 7px;
    color: #333;
    display: block;
    font-size: 15px;
    height: 110px;
    padding: 24px; /* padding:20px;*/
    text-align: center;
    text-decoration: none;
}

.boxis ul li a span {
    background-position: 15px 0;
    background-repeat: no-repeat;
    display: block;
    padding-top: 90px;
    height: 0;
}

.boxis ul li a span.cate {
    background-image: url(../images/new-icons/jobsites.png);
    background-position: 15px 0px;
}

.boxis ul li a span.service_request {
    background-image: url(../images/new-icons/service-requests.png);
    background-position: 15px 10px;
}

.boxis ul li a span.change-pass {
    background-image: url(../images/change-pass.png);
    padding-top: 70px;
}

.boxis ul li a span.contractor {
    background-image: url(../images/icon-contractors.png);
    padding-top: 90px;
}

.boxis ul li a span.dashboard {
    background-image: url(../images/dash.png);
}

.boxis ul li a span.dynamic_Content {
    background-image: url(../images/content.png);
    background-position: 15px 15px;
}

.boxis ul li a span.edit-profile {
    background-image: url(../images/edit_profile.png);
    background-position: 18px 3px;
    padding-top: 90px;
}

.boxis ul li a span.email_Template {
    background-image: url(../images/emailt.png);
}

.boxis ul li a span.key_Dates {
    background-image: url(../images/key.png);
}

.boxis ul li a span.logout {
    background-image: url(../images/logout.png);
}

.boxis ul li a span.news {
    background-image: url(../images/news.png);
}

.boxis ul li a span.pages {
    background-image: url(../images/new-icons/equipment.png);
    background-position: 15px 0px;
}

.boxis ul li a span.client {
    background-image: url(../images/new-icons/clients.png);
    background-position: 15px 0px;
}

.boxis ul li a span.evaluation_logo {
    background-image: url(../images/new-icons/evaluations.png);
    background-position: 15px 0px;
}

.boxis ul li a span.contract_logo {
    background-image: url(../images/new-icons/contracts.png);
    background-position: 15px 0px;
}

.boxis ul li a span.job_cost_logo {
    background-image: url(../images/new-icons/jca.png);
    background-position: 15px 0px;
}

.boxis ul li a span.purchase_approval {
    background-image: url(../images/new-icons/purchase-approval.png);
    background-position: 15px 0px;
}

.boxis ul li a span.products {
    background-image: url(../images/new-icons/technicians.png);
}

.boxis ul li a span.building_engg {
    background-image: url(../images/products-be.png);
}

.boxis ul li a span.systemConfig {
    background-image: url(../images/system-c.png);
    padding-top: 75px;
}

.boxis ul li a span.users {
    background-image: url(../images/new-icons/customers.png);
}

.boxis ul li a span.inspection {
    background-image: url(../images/new-icons/inspections.png);
}

.boxis ul li a span.replacement {
    background-image: url(../images/new-icons/replacements.png);
}

.boxis ul li a span.library {
    background-image: url(../images/new-icons/library.png);
}

.boxis ul li a span.loto {
    background-image: url(../images/new-icons/loto.png);
    background-position: 15px 12px;
}

.boxis ul li a span.tool_manager {
    background-image: url(../images/new-icons/tool-manager.png);
}

.boxis ul li a span.vehicle_manager {
    background-image: url(../images/new-icons/vehicle-manager.png);
    padding-top: 77px;
}

.boxis ul li a span.inventory_manager {
    background-image: url(../images/new-icons/inventory-manager.png);
    padding-top: 85px;
}

.boxis ul li a span.packages {
    background-image: url(../images/new-icons/packages.png);
    padding-top: 85px;
}

.boxis ul li a span.vendor_manager {
    background-image: url(../images/new-icons/vendor-manager.png);
}

.boxis ul li a span.quick_guide_link {
    background-image: url(../images/new-icons/quick-guide.png);
    padding-top: 85px;
}

.boxis ul li a span.service_record {
    background-image: url(../images/new-icons/service-records.png);
}

.boxis ul li a span.mobile_app {
    background-image: url(../images/new-icons/mobile-apps.png);
}

.boxis ul li a span.purchase_order {
    background-image: url(../images/new-icons/purchase-orders.png);
}

.boxis ul li a span.desktop-location-icon {
    background-image: url(../images/desktop-location.png);
}

.boxis ul li a span.time_manager_logo {
    background-image: url(../images/new-icons/time-manager.png);
}

.boxis ul li a span.proposals {
    background-image: url(../images/new-icons/proposal_icon.png);
    background-position: 23px 7px;
}

.boxis ul li a span.company_users {
    background-image: url(../images/new-icons/cust_users.png);
    background-position: 23px 7px;
}

.boxis ul li a span.support_updates {
    background-image: url(../images/new-icons/support_updates_Icon.png);
    background-position: 23px 7px;
}

.boxis ul li a span.guest_techs {
    background-image: url(../images/new-icons/guest_tech.png);
    background-position: 23px 7px;
}


 /*Feature#3206*/
.submenu ul li a span.customers_submenu {
    background-image: url(../images/new-icons/Customers_Icon.png);
}

.submenu ul li a span.jobsites_submenu 
{
    background-image: url(../images/new-icons/jobsites.png);
}
.submenu ul li a span.equipment_submenu 
{
    background-image: url(../images/new-icons/equipment.png);
}
.submenu ul li a span.client_submenu 
{
    background-image: url(../images/new-icons/Clients_Icon.png);
}
.submenu ul li a span.technician_submenu 
{
    background-image: url(../images/new-icons/technicians.png);
}
.submenu ul li a span.time-manager_submenu 
{
    background-image: url(../images/new-icons/time-manager.png);
}
.submenu ul li a span.dispatch-calendar_submenu 
{
    background-image: url(../images/new-icons/DispatchCalendar_Icon.png);
}
.submenu ul li a span.dispatch-map_submenu 
{
    background-image: url(../images/new-icons/DispatchMap_Icon.png);
}
.submenu ul li a span.dispatch-grid_submenu 
{
    background-image: url(../images/new-icons/DispatchGrid_Icon.png);
}
.submenu ul li a span.contract_submenu 
{
    background-image: url(../images/new-icons/Contracts_Icon.png);
}
.submenu ul li a span.packages_submenu 
{
    background-image: url(../images/new-icons/Packages_Icon.png);
}
.submenu ul li a span.purchases_submenu 
{
    background-image: url(../images/new-icons/Purchases_Icon.png);
}
.submenu ul li a span.approvals_submenu 
{
    background-image: url(../images/new-icons/Approvals_Icon.png);
}
.submenu ul li a span.service-record_submenu 
{
    background-image: url(../images/new-icons/ServiceRecord_Icon.png);
}
.submenu ul li a span.replacement_submenu 
{
    background-image: url(../images/new-icons/Replacements_Icon.png);
}
.submenu ul li a span.surveys_submenu 
{
    background-image: url(../images/new-icons/Surveys_Icon.png);
}
.submenu ul li a span.actions_submenu 
{
    background-image: url(../images/new-icons/Actions_Icon.png);
}
.submenu ul li a span.vendor_submenu 
{
    background-image: url(../images/new-icons/vendor-manager.png);
}
.submenu ul li a span.inspection_submenu 
{
    background-image: url(../images/new-icons/inspections.png);
}
.submenu ul li a span.evaluations_submenu 
{
    background-image: url(../images/new-icons/evaluations.png);
}
.submenu ul li a span.evaluations_submenu 
{
    background-image: url(../images/new-icons/evaluations.png);
}
.submenu ul li.logistic_submenu a span.logistics_submenu
{
    background-image: url(../images/new-icons/Logistics_Icon.png);
}


 /*Feature#3206*/

.boxis ul li.qb-box {
    padding: 15px 20px 20px 20px !important;
    background: #ddd;
    width: 120px;
    height: 124px;
}

.boxis ul li a.intuitPlatformConnectButton {
    background: url(../images/icn_qb_connect.png) no-repeat center 0 !important;
    text-indent: 0 !important;
    padding: 84px 0 0 0 !important;
    height: 0 !important;
}

.boxis ul li.qb-box:hover {
    background: #2977b7;
}

.qb-box.qb-box-hover a:hover {
    background: #2977b7;
}

/*.boxis ul li.qb-box.qb-box-hover:hover a, .boxis ul li.qb-box.qb-box-hover a {
    cursor: default;
}*/
.boxis ul li.qb-box.qb-box-hover:hover {
    background: #2977b7;
    opacity: .4;
    cursor: default;
}

.boxis ul li.qb-box.qb-box-hover {
    opacity: .4;
    cursor: default;
}

.boxis ul li.qb-box:hover a.intuitPlatformConnectButton {
    /*background-position: center bottom !important;*/
    color: #fff !important;
}

.boxis ul li.qb-box.qb-box-hover:hover a, .boxis ul li.qb-box.qb-box-hover a {
    cursor: default;
    float: left;
    position: relative;
    padding: 0;
    margin: 0;
}

.boxis ul li a:hover {
    background: #2977b7;
    color: #fff;
}

.boxis ul li a:hover span {
    background-position: 15px -110px;
}

.boxis ul li a:hover span.service_record {
    background-position: 15px -110px;
}

.boxis ul li a:hover span.service_request {
    background-position: 15px -68px;
}

.boxis ul li a:hover span.cate {
    background-position: 15px -110px;
}

.boxis ul li a:hover span.change-pass {
    background-position: 15px -126px;
}

.boxis ul li a:hover span.contractor {
    background-position: 15px -95px;
}

.boxis ul li a:hover span.dynamic_Content {
    background-position: 15px -110px;
}

.boxis ul li a:hover span.edit-profile {
    background-position: 18px -112px;
}

.boxis ul li a:hover span.key_Dates {
    background-position: 15px -105px;
}

.boxis ul li a:hover span.logout {
    background-position: 15px -111px;
}

.boxis ul li a:hover span.pages {
    background-position: 15px -110px;
}

.boxis ul li a:hover span.systemConfig {
    background-position: 15px -115px;
}

.boxis ul li a:hover span.inspection {
    background-position: 15px -110px;
}

.boxis ul li a:hover span.loto {
    background-position: 15px -67px;
}

.boxis ul li a:hover span.vehicle_manager {
    background-position: 15px -87px;
}

.boxis ul li a:hover span.packages {
    background-position: 15px -110px;
}

.boxis ul li a:hover span.inventory_manager {
    background-position: 15px -110px;
}

.boxis ul li a:hover span.vendor_manager {
    background-position: 15px -110px;
}

.boxis ul li a:hover span.quick_guide_link {
    background-position: 15px -110px;
}

.boxis ul li a:hover span.purchase_order {
    background-position: 15px -110px;
}

.boxis ul li a:hover span.desktop-location-icon {
    background-image: url(../images/desktop-location.png);
}

.boxis ul li a span.qb_disconnect {
    background-image: url(../images/icn_qb_disconnect.png);
    padding-top: 74px;
}

.boxis ul li a:hover span.qb_disconnect {
    background-position: 15px -110px;
}

.boxis ul li a:hover span.proposals {
    background-position: 22px -72px;
}

.boxis ul li a:hover span.company_users {
    background-position: 23px -68px;
}

.boxis ul li a:hover span.support_updates {
    background-position: 23px 7px;
}

.boxis ul li a:hover span.guest_techs {
    background-position: 23px 7px;
}


.breadcrumb {
    float: left;
    margin: 10px 0 0;
    overflow: hidden;
    position: relative;
}

.breadcrumbs {
    padding: 5px;
}

.button {
    margin-left: 10px !important;
}

.circuit_header {
    border: 10px;
    text-align: center;
}

.content_left {
    float: right;
    position: absolute;
    right: 0;
    text-align: right;
    z-index: 999;
}

.content_right {
    float: right;
    width: 100%;
    
}
.live-ajax-container{
    height: calc(100vh - 128px);
    overflow: auto;
}

.content_right .grid-view table.items td {
    border: 0;
    font-size: 12px;
    line-height: 30px;
    padding: 2px 8px;
    text-align: left;
}

.content_right .grid-view table.items td input[type=text] {
    width: 90%;
}

.content_right .grid-view table.items td.center, .content_right .grid-view table.items td.right {
    padding: 2px 8px;
}

.content_right .grid-view table.items th {
    background: #0174b5;
    border: 0;
    color: #fff;
    font-size: 12px;
    line-height: 34px;
    padding: 0;
    text-align: center;
}

.content_right .grid-view table.items th a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.content_right .grid-view table.items th a.asc, .content_right .grid-view table.items th a.desc {
    padding-right: 10px;
}

.content_right .grid-view table.items th a:hover {
    color: #fff !important;
}

.content_right .grid-view table.items thead .filters input[type=text] {
    background-color: #fff;
    border: 1px solid #518aaa;
    padding: 7px 4px;
}

.content_right .grid-view table.items thead .filters select {
    background-color: #fff;
    border: 1px solid #518aaa;
    padding: 7px 4px;
}

.content_right .grid-view table.items thead .filters td {
    background: #b7d4e4;
    color: #fff;
    padding: 3px 8px;
    text-align: left;
}

.content_right .grid-view table.items tr.even {
    background: #eee;
}

.content_right .grid-view table.items tr.odd, .content_right table.detail-view tr.odd {
    background: #fff;
}

.content_right .grid-view table.items tr.selected {
    background: #b7d4e4;
}

.content_right .grid-view table.items tr:hover {
    background: #fee188;
}

.content_right table td {
    font-size: 11px;
    font-weight: 700;
    padding: 3px 0;
    text-align: center;
    text-decoration: none;
}

.custom_delete_dialog {
    z-index: 1001 !important;
    /*    text-align: center;*/
    width: auto !important;
    vertical-align: middle;
}

.file_container {
    background-color: #d9edf7;
    border: 1px solid #bfe6f1;
    border-radius: 4px;
    margin-bottom: 5px;
    width: 425px;
}

.file_remove {
    cursor: pointer;
    float: right;
    padding-right: 3px;
    padding-top: 3px;
    position: relative;
    text-align: right;
    text-decoration: none;
    z-index: 1;
}

.file_remove a {
    cursor: pointer;
    text-decoration: none;
}

.fl {
    float: left;
}

.forgot-password-div {
    line-height: 34px;
}

.forgot-password-div a {
    color: #2977B7;
    font-weight: 400;
    text-decoration: underline;
}

.forgot-password-div a:hover {
    text-decoration: none;
}

.fr {
    float: right;
}

.grid-view .pager {
    line-height: 22px !important;
    margin-top: 20px !important;
}

.grid-view .summary {
    color: #1DA9F1;
    margin: 1px 0 5px 0 !important;
    text-align: right;
}

.grid-view .tablescroll .tablescroll_wrapper table.items {
    border: 0 !important;
}

.grid-view table.items {
    border: 1px solid #0174b5 !important;
    border-collapse: inherit;
    border-spacing: 0;
}

.grid-view table.items th#menu-grid_c0 {
    text-align: center;
    width: 5%;
}

.grid-view table.items th#menu-grid_c2, .grid-view table.items th#menu-grid_c3, .grid-view table.items th#menu-grid_c4, .grid-view table.items th#menu-grid_c5 {
    width: 15%;
}

.grid-view table.items th#menu-grid_c6 {
    width: 8%;
}

.grid-view table.items th#order-grid_c0 {
    text-align: center;
    width: 5%;
}

.grid-view table.items th#order-grid_c5 {
    width: 10%;
}

.grid-view table.items th#order-grid_c6 {
    width: 8%;
}

.grid-view table.items th#product-grid_c0 {
    text-align: center;
    width: 5%;
}

.grid-view table.items th#product-grid_c6, .grid-view table.items th#product-grid_c7 {
    width: 8%;
}

.grid-view table.items th#system-config-grid_c0 {
    text-align: center;
    width: 5%;
}

.grid-view table.items th#system-config-grid_c5 {
    width: 8%;
}

.grid-view table.items th#user-grid_c0 {
    text-align: center;
}

.grid-view table.items th#user-grid_c6, .grid-view table.items th#user-grid_c7 {
    width: 8%;
}

.grid-view table.items th#vendor-grid_c0 {
    text-align: center;
    width: 5%;
}

.grid-view table.items th#vendor-grid_c6, .grid-view table.items th#vendor-grid_c7 {
    width: 8%;
}

.grid-view table.items tr.image_grid table.items tr td, .grid-view table.items tr.pdf_grid table.items tr td {
    background: #EAF0F1 !important;
}

.grid-view table.items tr.image_grid table.items tr th, .grid-view table.items tr.pdf_grid table.items tr th {
    background: #2B4050 !important;
}

.grid-view table.items tr.image_grid table.items, .grid-view table.items tr.pdf_grid table.items {
    background: #999 !important;
    border: 1px solid #999 !important;
}

.grid-view table.items tr:hover.selected {
    background: #b7d4e4 !important;
}

.h1fixed {
    width: 50%;
}

.header-left {
    float: left;
    font-size: 20px;
    margin-top: 3px;
    margin-left: 10px;
}

.header-left img {
    float: left;
    margin-right: 10px;
}

.header-right {
    float: right;
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    padding: 22px 20px 0;
    position: relative;
    text-align: right;
}

.last, div.last {
    padding-left: 10px;
}

.list-view .summary {
    margin-top: -15px !important;
}

.login_box {
    background: #eee;
    border-radius: 6px;
    margin: 20px auto 0;
    overflow: hidden;
    padding: 20px;
    width: 500px;
}

.login_box .buttons {
    float: left;
    /*margin-left:90px!important;*/
    margin-top: 15px;
    overflow: hidden;
}

.login_box .forgotpassword {
    float: left;
    margin-left: 90px !important;
    overflow: hidden;
}

.login_box .form {
    float: right;
    padding: 10px;
    width: 360px;
}

.login_box .form input[type=submit] {
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    /*margin-left: 10px !important;*/
    width: 290px;
    text-transform: uppercase;
}

.login_box .rememberMe {
    float: left;
    /*margin-left:90px!important;*/
    overflow: hidden;
    width: 75%;
}

.login_box .rememberMe input {
    float: left;
    margin-right: 6px;
    margin-top: 6px;
}

.login_box div.form .row {
    margin: 0 0 5px;
}

.login_box form .row label {
    width: 90px;
}

.login_box p {
    margin-bottom: 5px;
}

.login_box p.note {
    font-size: 11px;
    text-align: right;
}

.loginpage #footer {
    bottom: 0;
    clear: left;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.loginpage #header {
    background: #fff;
    overflow: hidden;
    width: 100%;
}

.loginpage {
    padding: 50px 0 15px;
}

.loginpage .content {
    margin: 0 auto;
    width: 940px;
}

.loginpage .content .login_box .buttons {
    /*margin-left:150px!important;*/
}

.loginpage .content .login_box .form {
    width: 100%;
}

.loginpage .content .login_box .rememberMe, .loginpage .content .login_box .login_check_contractor_div {
    /*margin-left:150px!important;*/
}

.loginpage .content .login_box form .row .remember-me-div label {
    font-weight: 400;
    margin-right: 15px;
    width: auto;
    margin-top: 0px;
}

.loginpage .content .login_box form .row label {
    text-align: right;
    width: 140px;
    font-size: larger;
    margin: -5px 10px 0px 10px;
}

.link_bottom_right {
    clear: both;
    float: right;
    margin-top: -20px;
    text-decoration: none;
    font-size: larger;
    font-weight: bold;
}

.link_bottom_left {
    clear: both;
    float: left;
    text-decoration: none;
    font-size: larger;
    margin-top: 10px;
    margin-left: 13px;
    font-weight: bold;
}

.loginpage .content form .row input[type=password], .loginpage .content form .row input[type=text] {
    -moz-border-radius: 3px;
    -moz-box-shadow: inset 0 0 3px #ccc;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset 0 0 3px #ccc;
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    box-shadow: inset 0 0 3px #ccc;
    color: #444;
    font-size: 18px;
    padding: 6px;
}

.loginpage .content h1 {
    border-bottom: 1px solid #000;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 10px;
    padding-bottom: 5px;
}

.loginpage .login_content {
    background: #fff;
    min-height: 500px;
    overflow: hidden;
    width: 100%;
}

.loginpage form#login-form div.row span.required {
    left: inherit;
    position: relative;
}

.maincont {
    clear: left;
    /*    min-height:550px;*/
    overflow: hidden;
    padding: 0 15px;
    position: relative;
}

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

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

.operations li a:visited {
    color: #fff;
}

.pager ul.yiiPager .selected a {
    background: #F7F7F7;
    border: 1px solid #728737;
    color: #000 !important;
}

.pager ul.yiiPager a:link, .pager ul.yiiPager a:visited {
    border: 1px solid #CCC;
    color: #333;
}

.pager ul.yiiPager li a {
    display: block;
    line-height: 20px;
    padding: 0 10px;
    text-decoration: none;
}

.pager ul.yiiPager li a:hover, .pager ul.yiiPager li.selected a {
    background: #0174b5;
    color: #fff !important;
}

.pager ul.yiiPager li.last {
    padding: 0;
}

.portlet-content {
    font-size: .9em;
    margin: 0;
    padding: 5px 8px;
}

.portlet-content li {
    padding: 2px 0 4px;
}

.portlet-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.portlet-decoration {
    display: none;
    margin-bottom: 15px;
    padding: 3px 8px;
}

.portlet-title {
    color: #adcc57;
    font-size: 26px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-align: left;
}

.re-box div.row span.required {
    left: inherit !important;
    position: relative !important;
}

.repairersreg {
    float: left;
    margin-top: 30px;
    padding-left: 331px;
}

.rotate90 {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.search-form div.wide label {
    float: left;
    line-height: 30px;
    width: 200px;
}

.search-form div.wide select {
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
    padding: 4px;
    width: 260px;
}

.tabContents {
    padding: 20px;
}

.tabContents h1 {
    font: 400 24px/1.1em Georgia, "Times New Roman", Times, serif;
    padding: 0 0 10px;
}

.tabContents p {
    padding: 0 0 10px;
}

.tabDetails {
    background: #fbfbfb;
    border: 1px solid #333;
    margin: 34px 0 0;
}

.tablescroll {
    border: 1px solid #0174B5 !important;
}

.tablescroll table th {
    background: #0174b5;
    border: 0;
    color: #fff;
    font-size: 12px;
    line-height: 34px;
    padding: 0;
}

.tablescroll table th a {
    color: #fff;
    line-height: normal;
    text-decoration: none;
}

.tablescroll table tr td {
    line-height: normal !important;
}

.tablescroll table tr.filters input[type=text] {
    background-color: #fff;
    border: 1px solid #518aaa;
    padding: 5px 3px;
    width: 80%;
}

.tablescroll table tr.filters select {
    width: 90%;
}

.tablescroll table tr.filters td {
    background: #b7d4e4;
}

.ui-dialog-buttonset .ui-button {
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    background: #0174b5 !important;
    border: 0 !important;
    border-radius: 3px !important;
    color: #fff !important;
}

.ui-dialog > .ui-widget-header, ui-dialog > .ui-widget-header {
    background: #2977b7;
    color: #fff;
}

.ui-widget-overlay {
    background: #000 !important;
    opacity: .5 !important;
    z-index: 1000 !important;
}

.vehiin, .vehiind {
    text-align: left;
    width: 25px;
}

.width_48 {
    width: 48%;
}

.yiiPager {
    float: right;
    padding: 0;
}

.yiiPager li {
    float: left;
    list-style: none;
    margin-right: 5px;
}

a {
    color: #3498d0;
}

a.backlink {
    float: right;
    margin-bottom: 10px;
}

a.read, a.unread {
    background-color: #0174B5;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 35px;
    width: 35px;

}

a.read {
    background-color: maroon;
}

a.search-button {
    background: #F8F8F8;
    border: 1px solid #CCC;
    display: inline-block;
    font-weight: 700;
    padding: 5px 10px;
    text-decoration: none;
}

body {

    color: #555;
    font-family: verdana;
    font-size: 10pt;
    font-weight: 400;
    margin: 0;
    /*padding: 0;*/
    /*height: 98.6% !important;*/
    padding: 0 0 29px; 
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.customer-body {
    color: #555;
    font-family: verdana;
    font-size: 10pt;
    font-weight: 400;
    margin: 0;
    padding: 0 0 29px;
    position: absolute;
}

html {
    height: 100%;
}

div.breadcrumbs {
    font-size: .9em;
    padding: 5px 20px;
}

div.breadcrumbs span {
    font-weight: 700;
}

div.flash-error {
    background: #FBE3E4;
    border-color: #FBC2C4;
    color: #8a1f11;
}

div.flash-error a {
    color: #8a1f11;
}

div.flash-error,
div.flash-notice,
div.flash-success {
    border: 2px solid #ddd;
    margin-bottom: 1em;
    padding: .8em;
}

div.flash-notice {
    background: #FFF6BF;
    border-color: #FFD324;
    color: #514721;
}

div.flash-notice a {
    color: #514721;
}

div.flash-success {
    background: #E6EFC2;
    border-color: #C6D880;
    color: #264409;
}

div.flash-success a {
    color: #264409;
}

div.form .rememberMe label {
    display: inline;
}

div.search-form {
    background: #F8F8F8;
    border: 1px solid #CCC;
    display: none;
    margin: -1px 0 10px;
    overflow: hidden;
    padding: 10px;
}

div.view {
    border: 1px solid #E6E6E6;
    margin: 10px 0;
    padding: 10px;
}

form .row {
    clear: left;
}

form .row input[type=password], form .row input[type=text] {
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
    padding: 7px 4px;
    /*width:250px;*/
}

form .row label {
    float: left;
    line-height: 38px;
    width: 200px;
}

form .row select {
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
    padding: 5px 4px;
    width: 260px;
}

form .row textarea {
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
    padding: 4px;
    width: 250px;
}

h1 {
    font-size: 23px;
    margin-top: 33px;
}

h1, h2, h3, h4 {
    color: #2977b7;
}

input[type=button], input[type=submit] {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #2977b7;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 15px;
    text-rendering: optimizespeed;
    -moz-osx-font-smoothing: grayscale;
}

input[type=password], input[type=text], input[type=number] {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 3px 5px;
}

span.link {
    border: 1px solid #0174b5;
    border-radius: 48px;
    color: #0174b5;
    display: inline-block;
    font-size: 10px;
    /*    font-weight:700;*/
    height: 20px;
    width: 20px;
    line-height: 22px;
    margin-left: 4px;
    margin-top: 2px;
    text-align: center;
    vertical-align: top;

}

ul.filed_list {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

ul.filed_list li {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 48%;
}

ul.filed_list li input[type=password], ul.filed_list li input[type=text] {
    border: 1px solid #ccc;
    margin: 0;
    padding: 3px 5px;
    width: 60%;
}

ul.filed_list li input[type=submit] {
    margin-left: 30%;
}

ul.filed_list li label {
    line-height: 25px;
    width: 30%;
}

ul.filed_list li select {
    border: 1px solid #ccc;
    padding: 3px 2px 3px 5px;
    width: 62%;
}

ul.filed_list li textarea {
    border: 1px solid #ccc;
    padding: 3px 5px;
    width: 60%;
}

ul.filed_list li.full_width {
    clear: left;
    width: 100%;
}

ul.filed_list li.full_width textarea {
    border: 1px solid #ccc;
    min-height: 100px;
    padding: 3px 5px;
    width: 94%;
}

.grid-view table tr td,
.grid-view table tr th {
    text-align: center !important;
}

table.tablescroll_head thead tr th,
table.tablescroll_body tbody tr td {
    text-align: center !important;
    padding: 5px !important;
}

/*.content_right .grid-view table.items td {
    word-wrap: break-word;
    word-break: break-all;
}*/

span.MultiFile-title {
    width: 100px;
    margin: 0px;
    float: left;
}

div.file_details {
    float: left;
    width: 325px;
}

/*
.grid-view table.items {
    table-layout: fixed;
}
.content_right .grid-view table.items tbody {
    display: block;
    height: 400px;
    overflow-y: auto;
}

.content_right .grid-view table.items td {
    word-wrap: break-word;
    line-height: normal;
}
.content_right .grid-view table.items th {
    word-wrap: break-word;
    line-height: normal;
    padding-top: 5px;
    padding-bottom: 5px;
}
#notification_checkbox {
    left: 42px !important;
    position: absolute;
    top: 36px !important;
}
.content_right .grid-view table.items td.button-column {
    text-align: right !important;
    padding-right: 10px !important;
}
.content_right .grid-view table.items th.button-column {
    text-align: right !important;
    padding-right: 10px !important;
}
.grid-view table .notification {
    width: auto !important;
}
.grid-view .checkbox-column {
    width: 33px !important;
}

.tablescroll {
    overflow-x: scroll;
}
.grid-view table tr td, .grid-view table tr th {
    width: 150px !important;
    padding: 5px !important
}
.grid-view table tbody tr td {
    width: 160px !important;
    padding: 5px !important
}
.grid-view table tbody tr td.button-column, .grid-view table tr th.button-column {
    width: 200px !important;
}

.grid-view table.tablescroll_body tr th.button-column, .grid-view table.tablescroll_body tr td {
    width: 200px !important;
}
.tablescroll table tr.filters td:last-child {
    width: 200px !important;
}*/
.content_right .grid-view table.items td.button-column,
.content_right .grid-view table.items td.actions {
    text-align: right !important;
    padding-right: 10px !important;
}

.tablescroll table tr.filters select {
    background-color: #fff;
    border: 1px solid #518aaa;
    padding: 3px 2px;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

div.error,
.error {
    color: red;
    font-size: 14px;
    text-align: left;
}

input.error {
    border-color: red;
    background-color: #fee;
}

td.focus,
td.focus a {
    background-color: rgb(1, 116, 181);
    color: #FFF
}

ul.ui-autocomplete li.ui-menu-item {
    text-align: left;
}

.add_schedule_container {

    text-align: right;
    padding-top: 10px;
}

.schedule_success {
    color: #FFFFFF;
    background-color: #339900;
    padding: 5px 10px;
    border-radius: 5px;
    display: none;
}

div.labels {
    padding-top: 8px;
}

span.chart-label {
    color: #000;
    box-shadow: none;
    text-shadow: none;
    border: 1px solid #000;
    text-transform: unset;
}

.scheduling_data {
    padding-top: 15px;
}

.not_editable {
    background-color: #F0F0F0;
}

input.not_editable {
    color: #000;
}

span.occurrance {
    background-color: rgb(1, 116, 181);
    color: white;
    /*    height: 24px;
        width:24px;*/
    padding: 7px;
    border-radius: 14px;
    text-align: center;

}

.ui-dialog-title {
    text-align: center;
}


div.labels {
    position: relative;
}

span.left_side {
    left: 70px;
    width: 150px;
    position: absolute;
    top: -280px;
}

span.right_side {
    position: absolute;
    top: -280px;
    right: 80px;
    width: 150px;
}

span.label_3, span.label_4 {
    top: -240px;
}

span.label_5, span.label_6 {
    top: -200px;
}

span.label_7, span.label_8 {
    top: -160px;
}

span.label_9, span.label_10 {
    top: -120px;
}

span.label_11, span.label_12 {
    top: -80px;
}

span.light {
    /*color: black;*/
    color: white;
}

span.dark, span a {
    color: white !important;
}

.schedule_error_container {
    display: none;
}

#schedule_contractor_id {
    width: 206px;
    height: 30px;
}

#custom_alert {
    display: none;
}

.runtime_uploaded_img {
    display: none
}

tr.disable td {
    background-color: #ffe4b2;
}

#suite_input {
    width: 250px;
}

#suite_button, #floor_button {
    border-radius: 5px;
    border-color: #000;
    font-size: 15px;
    color: #FFF;
    background-color: #2977b7;
    padding: 5px;
    margin-left: 5px;
}

table.suite {
    width: 100%;
    overflow: scroll;
    border-color: silver;
}

.suite tr td {
    font-weight: 600;
    font-size: 13px;
    padding: 4px;

}

.newly_added_suite td {
    background-color: #8bb8d1 !important;
}

ul li.parent_option label {
    font-size: 18px;
}

li.child_option {
    margin-left: 25px;
    font-style: italic;
}

.hide {
    display: none !important;
}

#cke_1_top {
    width: 97.7%;
}

.full_width_custom label {
    padding-left: 10px;
    clear: both;
    float: none !important;
}

div#cke_Customers_due_schedule_alert_body, div#cke_Customers_schedule_alert_body {
    margin-left: 11px !important;
    margin-right: 10px !important;;
}

td.edit_column,
td.delete_column {
    width: 50px;
}

tr.newly_added_suite td.new_suite_edit_btn,
tr.newly_added_suite td.new_suite_delete_btn {
    width: 50px;
}

div.date-time-btn {
    z-index: 2;
    cursor: pointer;
    opacity: 1;
    padding-top: 5px;
}

div#suite_error {
    margin: 0px;
}

div.suite_table {
    min-height: 205px;
    overflow-y: auto;
    margin-top: 8px;
}

div.gm-style-iw {
    text-align: center;
    font-weight: bold !important;
    letter-spacing: 1px;
}

div.row label.img_hint {
    width: 257px;
}

tr.title td {
    background-color: #7e7e7e;
    border: 0 none;
    color: #fff;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}

#number-of-reord-per-page {
    height: 22px;
    width: 50px;
    margin: 0px 10px;
}

#btn-record-per-page {
    font-size: 14px;
    line-height: 100%;
    max-width: 200px;
    padding: 8px 15px;
    background-color: #0174b5;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    float: right;
    text-decoration: none;
    text-rendering: optimizespeed;
    -moz-osx-font-smoothing: grayscale;
}

div.record-per-page-container {
    float: right;

}

div.error-record-per-page {
    bottom: 23px;
    color: red;
    display: none;
    font-weight: bold;
    margin-right: 6px;
    position: relative;
}

tr td.number_column {
    cursor: pointer;
    color: #FFF;
    background-color: #29A6A6 !important;
    border-bottom: 1px solid white !important;

}

form .top-btn {
    position: absolute;
    right: 250px !important;
    top: 6px;
}


/*---------------Container-Fluid------------------*/

#page.container {
    width: 100%;
    min-height:100%;
}

#page.container .tablescroll_wrapper {
    width: 100% !important;
}

#page.container table {
    width: 100% !important;
}

/*----------------9-2-2017-------------------*/
.first_filed {
    width: 100%;
    float: left;
}

.second_filed {
    width: 100%;
    float: left;
}

.first_filed .first_filed_first {
    width: 33%;
    float: left;
}

.first_filed .first_filed_second {
    width: 23%;
    float: right;
}

.second_filed .suite_table.first {
    width: 46%;
    float: left;
    margin-right: 24px;
}

.second_filed .floors_table.second {
    border: 1px solid #7E7E7E;
    float: right;
    width: 38%;
}

div.floors_table {

    overflow-y: auto;
    border: 1px solid silver;
}

.second_filed .suite tr td {
    height: 26px;
}


/*----------------9-2-2017-------------------*/
#imgpreview {
    position: relative;
    width: 200px;
    height: 200px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100px;
    margin-bottom: 1%;
}

/*---------------- Addded by Brien 3-23-17 --------*/

/*--- Condense Top Spacing on Main Page ----*/
.content_right center {
    margin-top: -36px;
}

.content_right center .boxis center {
    margin-top: 0;
}

.breadcrumb {
    float: left;
    margin: 10px 0 0;
    overflow: hidden;
    position: relative;
    margin-bottom: -30px;
}

/*---- Fix Bottom Spacing Issue ----*/
#page {
    margin: 0 auto -47px;
    min-height: 100%;
    width: 1210px;
}

.inner-heading {
    font-size: 18px;
    margin-left: 2.5%;
}

/*.maincont .content_left .portlet-content {padding: 5px 10px;}*/
/*#sidebar .portlet-content li {margin-bottom: 0px; margin-top: 10px;}*/
.red-color {
    color: red;
    margin-right: 5px;
}

.container-div {
    background: #e7e7e7 none repeat scroll 0 0;
    float: left;
    margin-bottom: 30px;
    padding: 20px 0;
    width: 100%;
}

.box-left {
    float: left;
    padding: 1% 2.5%;
    width: 44%;
}

.box-right {
    float: right;
    padding: 1% 2.5%;
    width: 45%;
}

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

.float-left {
    float: left !important;
}

.gray-background {
    background: #e7e7e7 none repeat scroll 0 0;
}


/*Css for Related Media Block Start*/
.related-media-container .box-container .file-box {
    width: 100% !important;
}

.media-file-div {
    float: left;
    width: 30%;
}

.media-detail-div {
    float: left;
    width: 65%;
    margin-left: 3%;
}


form .media-detail-div input[type="text"] {
    width: 90%;
    height: auto;
    float: left;
}

form .media-detail-div textarea {
    width: 100%;
    height: auto;
    float: left;
}

.related-media span.MultiFile-title {
    width: 30%;
}

.related-media span.MultiFile-title img {
    width: 100%;
    height: auto;
}

.related-media .media-detail-div {
    width: 56%;
}

.related-media #pdf_wrap_list input[type="text"], .related-media #pdf_wrap_list textarea {
    width: 95%;
}

.related-media #pdf_wrap_list .MultiFile-label {
    height: auto;
}

.related-media .media-detail-div {
    width: 56%;
}

#image_wrap_list input[type="text"], #image_wrap_list textarea {
    width: 95%;
}

#image_wrap_list .MultiFile-label {
    height: auto;
}


/*Css for Related Media Block End*/

.btn-blue {
    background: #2977b7 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 400;
    padding: 7px 25px;
    text-decoration: none;
}

.servicerequest .btn-red {
    background: #e97d86 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 13.33px;
    font-weight: 400;
    padding: 8px 10px;
    text-decoration: none;
    margin-top : 5px;
}

.date-time-btn > label {
    float: unset !important;
    font-size: 13px !important;
    font-weight: bold;
    margin-top: 4px;
}

.date-time-btn > img {
    float: left !important;
    margin-right: 18px;
}

.required-note {
    color: #000;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0;
    text-align: center;
}

table.dataTable thead .sorting {
    background: url('../images/sort_both.png') no-repeat center right;
}

table.dataTable thead .sorting_asc {
    background: url('../images/sort_asc.png') no-repeat center right;
}

table.dataTable thead .sorting_desc {
    background: url('../images/sort_desc.png') no-repeat center right;
}

table.dataTable thead .sorting_asc_disabled {
    background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

table.dataTable thead .sorting_desc_disabled {
    background: url('../images/sort_desc_disabled.png') no-repeat center right;
}

a.qbalink:hover {
    background: #2977b7 !important;
}

.qb-box.qb-box-hover:hover a.qbalink {
    background: #2977b7 !important;
}

.qb-box.qb-box-hover:hover a.qbalink span.qb_disconnect {
    background-position: 15px -110px;
    color: #fff;
}

/**** Added By Brien ****/

select option {
    padding: 0;
    margin: 0;
}

select {
    border-radius: 5px;
}

/***  Added by Brien  ***/

.operations li a, #btn_repair_invoice input {
    font-size: 14px;
    line-height: 100%;
    max-width: 200px;
    padding: 8px 15px;
    background-color: #0174b5;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    float: right;
    text-decoration: none;
    text-rendering: optimizespeed;
    -moz-osx-font-smoothing: grayscale;
}

.operations li a:hover {
}

.operations li a.copy_existing_user {
    max-width: 300px;
}

#submitButton {
    font-weight: 400;
    font-size: 14px;
    text-rendering: optimizespeed;
    line-height: 100%;
    -moz-osx-font-smoothing: grayscale;
}

.box-right .row.image > label {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    max-width: 200px;
    padding: 8px 15px;
    text-decoration: none;
    text-rendering: optimizespeed;
    -moz-osx-font-smoothing: grayscale;
}

h1 {
    font-size: 23px;
    margin-top: 25px;
}

.reopen_service img {
    width: 28px;
    height: 22px;
}

img.invoice_img {
    display: block;
    float: left;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 9999999999;
    top: 250px;
}

.unit_id ul {
    max-height: 120px !important;
}

a.emtoqb_link_class {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #2977b7;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 40px;
    text-decoration: none;
    width: 265px;
    float: left;
    text-align: center;
    font-family: sans-serif !important;
    width: 220px;
    float: left;
    text-align: center;
}

.clsDisconnectQB {
    padding: 3px 57px !important;
}

.clsDisconnectQB:focus {
    outline: none !important;
}

#page.container table.loto-form-table {
    width: 750px !important;
}

.check_all_suit, .check_all_floor {
    position: relative;
    top: 5px;
}

/* by jamal */
.footer_banner {
    margin: 0;
    padding-bottom: 0;
    padding: 5px;
    min-height: unset;
}

.footerleft {
    padding-top: 0;
    font-weight: normal;
}

#page {
    margin: 0 auto !important;
}

#page:after {
    height: 36px;
    display: none;
}

.login_pin_input {
    display: none;
}

/******* Added by Brien 10-26-2018 ********/
/******* Adjustments for pager boxes on Forms pages ******/

body.equipmentinspectiondetails .record-per-page-container, body.equipmentreplacement .record-per-page-container, body.servicerecord .record-per-page-container, body.equipmentevaluationprofiles .record-per-page-container {
    position: relative;
    right: auto !important;
    width: auto;
    top: auto;
    margin-right: 8px;
}

body.equipmentinspectiondetails .pager, body.equipmentreplacement .pager, body.servicerecord #service-record-grid .pager, body.equipmentevaluationprofiles .pager {
    margin-top: 5px !important;
    position: inherit;
    top: unset;
}

body.equipmentinspectiondetails #equipment-inspection-details-grid, body.equipmentreplacement #equipment-replacement-details-grid, body.servicerecord #service-record-grid, body.equipmentevaluationprofiles #equipment-inspection-details-grid {
    padding-top: 0;

}

body.equipmentinspectiondetails .breadcrumb, body.equipmentreplacement .breadcrumb, body.servicerecord .breadcrumb, body.equipmentevaluationprofiles .breadcrumb {
    display: none;
}

body.equipmentinspectiondetails .maincont h2, body.equipmentreplacement .maincont h2, body.servicerecord .maincont h1, body.equipmentevaluationprofiles .maincont h1 {
    float: left;
    margin: unset;
}

body.servicerecord .filter_service_record_radio {
    float: left;
    margin-top: 5px;
    margin-left: 20px;
}

body.servicerecord .erroremessage {
    margin-top: unset;
}

body.equipmentinspectiondetails .content_right, body.equipmentreplacement .content_right, body.servicerecord .content_right, body.equipmentevaluationprofiles .content_right {
    margin-top: 75px;
}

body.equipmentevaluationprofiles .content_left .operations li a {
    max-width: unset;
}

/* Added by Brien 03/08/2019 */
/******  Customer Listing Page Header ******/
.customers .content_right .grid-view table.items th, .customers .content_right .grid-view table.items th a {
    line-height: 20px;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    text-rendering: optimizespeed;
    -moz-osx-font-smoothing: grayscale;
}

.customers .content_right .grid-view table.items th {
    padding: 0 5px;
}

.customers .grid-view .summary {
    margin: 5px 0
}

.customers .grid-view .pager {
    margin: 10px 0 3px !important;
}

.customers .grid-view {
    padding: 0;
}

.customers .breadcrumb {
    display: none;
}

.customers .content_right h1 {
    margin: 3px 0 0;
}

/******  Job Sites Listing Page Header ******/
.jobsites .content_right .grid-view table.items th, .jobsites .content_right .grid-view table.items th a {
    line-height: 20px;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    text-rendering: optimizespeed;
    -moz-osx-font-smoothing: grayscale;
}

.jobsites .content_right .grid-view table.items th {
    padding: 0 5px;
}

.jobsites .grid-view .pager {
    margin: 10px 0 3px !important;
}

.jobsites .grid-view {
    padding: 0;
    margin-top: 30px;
}

.jobsites .breadcrumb {
    display: none;
}

.jobsites .content_right h1 {
    margin: 3px 0 0;
}

.jobsites #notification_checkbox {
    left: 41%;
    top: 28px;
    position: absolute;
}

/******  Client Listing Page Header ******/
.clientcontacts .content_right .grid-view table.items th, .clientcontacts .content_right .grid-view table.items th a {
    line-height: 20px;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    text-rendering: optimizespeed;
    -moz-osx-font-smoothing: grayscale;
}

.clientcontacts .content_right .grid-view table.items th {
    padding: 0 5px;
}

.clientcontacts #client-contacts-grid_c2 {
    width: 90px;
}

.clientcontacts #client-contacts-grid_c8 {
    width: 175px;
}

.clientcontacts .grid-view .pager {
    margin: 10px 0 3px !important;
}

.clientcontacts .grid-view {
    padding: 0;
}

.clientcontacts .breadcrumb {
    display: none;
}

.clientcontacts .content_right h1 {
    margin: 3px 0 0;
}

/******  Technicians Listing Page Header ******/
.users .content_right .grid-view table.items th, .users .content_right .grid-view table.items th a {
    line-height: 20px;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    text-rendering: optimizespeed;
    -moz-osx-font-smoothing: grayscale;
}

.users .content_right .grid-view table.items th {
    padding: 0 5px;
}

.users #users-grid_c3 {
    width: 90px;
}

.users .grid-view .pager {
    margin: 10px 0 3px !important;
}

.users .grid-view {
    padding: 0;
}

.users .breadcrumb {
    display: none;
}

.users .content_right h1 {
    margin: 3px 0 0;
}

/******  Equipment Listing Page Header ******/
.equipments .content_right .grid-view table.items th, .equipments .content_right .grid-view table.items th a {
    line-height: 20px;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    text-rendering: optimizespeed;
    -moz-osx-font-smoothing: grayscale;
}

.equipments .content_right .grid-view table.items th {
    padding: 0 5px;
}

.equipments .color-filter {
    margin: 11px 650px 5px 5px;
}

.equipments .grid-view .pager {
    margin: 10px 0 3px !important;
}

.equipments .grid-view {
    padding: 0;
}

.equipments .breadcrumb {
    display: none;
}

.equipments .content_right h1 {
    margin: 3px 0 0;
}

/******  Service Request Listing Page Header ******/
.servicerequest .btn-blue {
    font-size: 14px;
    line-height: 100%;
    margin: 5px;
    padding: 8px 15px;
    background-color: #0174b5;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    float: left;
    text-decoration: none;
    text-rendering: optimizespeed;
    -moz-osx-font-smoothing: grayscale;
}

.servicerequest .filter_po_radio {
    float: left;
    margin: 11px 5px;
}

.servicerequest .grid-view .pager {
    margin: 10px 0 3px !important;
}

.servicerequest .grid-view {
    padding: 0;
}

.servicerequest .breadcrumb {
    display: none;
}

.servicerequest .content_right h1 {
    margin: 3px 0 13px;
}

/* Edit Content_Left box */
.servicerequest .content_left {
    width: 70%;
}

.servicerequest #sidebar {
    float: right;
    width: 100%;
}

.servicerequest #yw3.portlet {
    float: right;
}

.servicerequest .record-per-page-container {
    margin: 10px;
}

.servicerequest .content_right {
    margin-top: 0px;
}

.servicerequest .content_right .grid-view table.items th, .servicerequest .content_right .grid-view table.items th a {
    line-height: 20px;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    text-rendering: optimizespeed;
    -moz-osx-font-smoothing: grayscale;
}

.equipments .content_right .grid-view table.items th {
    padding: 0 5px;
}

/***** New Customers Form Page Buttons *******/
.customers .top-btn input#submitButton, .customers .btn-blue, .customers #cancel-save #submitButton {
    font-size: 14px;
    line-height: 100%;
    margin: -1px 3px 5px;
    padding: 8px 15px;
    background-color: #0174b5;
    color: #FFFFFF;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    text-rendering: optimizeSpeed;
    -moz-osx-font-smoothing: grayscale;
}

.customers .top-btn input#submitButton {
    float: right;
}

.customers #customer_emails .middel_button {
    float: left;
}

/***** New Job Sites Form Page Buttons *******/
.jobsites #jobsites-form .customer_form {
    margin-top: 10px;
}

.jobsites #jobsites-form .top-btn input#submitButton {
    font-size: 14px;
    line-height: 100%;
    margin: -1px 3px 5px;
    padding: 8px 15px;
    background-color: #0174b5;
    color: #FFFFFF;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    text-rendering: optimizeSpeed;
    -moz-osx-font-smoothing: grayscale;
}

.jobsites #JobSite-Infomation h3 p {
    margin: 0 2.5%;
}

.jobsites #JobSite-Infomation h3 {
    margin: 0;
}

.jobsites #JobSite-Infomation .jobsite_id {
    width: 49%;
    margin-right: 10px;
}

.jobsites #JobSite-Infomation .jobsite_name {
    width: 49%;
}

.jobsites #JobSite-Infomation .jobsites_repair_tel {
    width: 49%;
    margin-right: 10px;
}

.jobsites #JobSite-Infomation .jobsites_repair_mobile {
    width: 49%;
}

/***** New Client Form Page Buttons *******/

.client_is_taxable {
    padding-top: 15px;
}

#client-form .client_prefer_bill_method label {
    width: 100%;
}

#client-form #ClientContacts_contract_price {
    width: 200px;
}

select#qbo_customer_type, select#ClientContacts_markup_table_id, select#ClientContacts_qbo_preferred_delivery_method {
    width: 100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 6px 4px;
    height: 30px;
}

#client-form span.required {
    line-height: 14px;
}

.box200 {
    width: 200px;
    float: left;
    margin: 5px 5px 5px 0;
}

/****** New Equipment Form Page *********/
#equipments-form {
    margin-top: 15px;
}

.equipments .btn-save-top {
    margin-right: 252px;
    margin-top: 10px;
}

/***** Added by Brien 03/28/2019 *****/

/***** Main Login Box *******/

#login-form, #login-form .row {
    width: 100%;
    float: left;
    margin: 10px;
    padding: 0;
}

#login-form .row .required {
    padding: 0;
    margin-top: 7px;
}

#login-form .row input {
    width: 232px;
}

#AdminLoginForm_username, #AdminLoginForm_password, #AdminLoginForm_pin {
    float: right;
    margin-right: 75px;
}

#enter_pin_ckb {
    margin-top: 10px !important;
    margin-left: 100px !important;
}

#login-form .row input#enter_pin_ckb, #login-form .row input#AdminLoginForm_rememberMe {
    width: 13px;
}

.login_pin_input label {
    width: 30px;
    text-transform: uppercase;
    margin-top: 7px;
    padding: 0;
}

#login-form .row input.submitbtnclass {
    width: 247px;
    float: right;
    margin-right: 75px;
}

.rememberMe {
    width: 100%;
    margin: 0;
}

.remember-me-div {
    margin-left: 175px;
}

.login_box .rememberMe input {
    margin-top: 12px;
}

#login-form .row .errorMessage {
    float: left;
    margin-left: 0;
    text-align: center;
    display: block;
    width: 100%;
}

/* Added by piyush 05/06/2019 */

.ajaxlivesearchbhykeyword input{
    width: 70%;
    height: 40px;

}

#showsearchresult {
    border: 1px solid #DDD;
    width :69.5%;
    border-radius: 5px;
    position: absolute;
    z-index: 1001;
    background-color: #fff;
    margin-left: 14.2%;
    max-height: 80%;
    overflow-y: auto;
    display:none;
}

#emptysearchresult {
    border: 1px solid #DDD;
    width :68.5%;
    border-radius: 5px;
    position: absolute;
    z-index: 1001;
    background-color: #fff;
    margin-left: 14.2%;
    max-height: 20%;
    overflow-y: auto;
    display:none;
}


#showsearchresult th {
    text-align: left;
    padding-left: 9px; 
    font-size: 17px;
    line-height: 50px;
}

#showsearchresult table tr:hover {
    background-color:#ECECEC;
}

.list_head:hover {
    background: none !important;
}

#showsearchresult table td {
    border-bottom:1px solid #DDD !important;
    font-size: 14px;
    font-weight:  500;
    max-height:100%;
    /*width: 110px;*/
    color:white;    
}

.ajax_no_data_text{
    font-size: 18px;
}

.disable_ckb_container{
    cursor: default !important;
}


/* JCA page css START*/
.jca_mg_top{
    margin-top:1%;
}
.jca_left_block{
    min-height:750px !important;
    border : 1px solid #868686;
}
.jca_right_block{
    width :65% !important;
    min-height:750px !important;
    border : 1px solid #868686;
    margin-left:1%;
}
.jca_run_report{
    margin-top: 1%;
    margin-bottom: 1%;
}
.run_btn_div{
    padding-right:0px !important;
}
.jca_run_report .btn{
    padding:10px 20px 10px 20px;
}
#jca_report_content {
    margin-top:5%;
}
#jca_report_content h2{
    color:#000;
}
.jca_tb_div{
    padding: 1%;
}
#jca_report_content table{
    border-spacing: 0;
}
.jca_tb_th1{
    border-left : 1px solid #000;
    border-top : 1px solid #000;
    border-bottom : 1px solid #000;
    width:16%;
    padding:10px;
}
.jca_tb_th2{
    border-right : 1px solid #000;
    border-top : 1px solid #000;
    border-bottom : 1px solid #000;
    width:16%;
    padding:10px;
}
#jca_report_content td{
    border : 1px solid #868686;
    width:16%;
    padding:8px;
    font-size:12px;
    text-align:center;
}
#jca_report_content tr{
    border-bottom : 1px solid #868686;
}
#jca_report_content .jca_text_center{
    text-align: center !important;
}
/* JCA page css END*/

/** Added by Brien **/

#cke_CpmProposals_prop_desc_text .cke_editable p {
    margin: 0 20px;
}