body{background: #fff;border: 17px solid #000;box-sizing: border-box;padding: 30px; min-height: 100vh;font-family:Montserrat;}
.margin-bottom-0px {margin-bottom:0px !important}
.margin-bottom-30px {margin-bottom:30px !important}
ul {margin:0px !important}
label {cursor:auto}
.hero-images:first-of-type {margin-left:0px}
.hero-images {width: 150px;height: 150px;display: inline-block;border: 1px solid #dddddd;margin-left: 20px;vertical-align: bottom;}
.hero-images a {position: absolute;z-index: 300;margin-left: -26px;margin-top: 3px;transform: scale(1.2);background: rgba(0 , 0 , 0 , 0.5);padding: 3px 5px;
color: #fff;border: 2px solid rgba(255 , 255 , 255 ,0.5);}
.hero-image-section {margin-bottom:30px}
.hero-image-uploader {margin-bottom:30px}
table {border:1px solid #dddddd !important;border-radius:0px}
.table-bordered th, .table-bordered td {border-left: transparent;background: transparent;min-height:40px;padding:12px;}
thead tr {background:#f7f7f7;border:1px solid #dfdfdf}
thead tr th {border-bottom:1px solid #dfdfdf;text-transform:uppercase}
td {border-bottom:1px solid #dddddd !important}
.navbar-inner{background:#fff; background-image:none; border:0px; padding:0px;box-shadow: none;}
.navbar-inner .container-fluid{padding:0px 15px;position:relative}
.navbar-inner .btn-group {top:60%}
.navbar{border-bottom:1px solid #cccccc; padding-bottom:20px;margin-bottom: 0px;}
.logo_main{width:19%; float:left}
.logo_main img{width:100%; max-width:220px;}
.top-nav{width:60%; float:left; margin-top: 6px;line-height: 12px;}
.main-menu-span{width:100%; float:left; margin-left:0px;}
.well{    background: #fff;    border: 0px;    box-shadow: none; margin: 0px;padding: 0px;}
.nav-tabs.nav-stacked > li > a{border:0px; font-family:Montserrat; font-size:15px; color:#515151; font-weight: 300;text-transform: uppercase; padding:0px 15px;}
.navbar .nav{text-align: center;width: 100%; margin:0px;}
.navbar .nav > li {    float: none;    display: inline-block;}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover{color:#fc4953; font-weight:600; background:#fff; box-shadow:none; border:0px;}
.navbar .nav > .active > a:focus{ background:#fff; box-shadow:none; border:0px;}
.navbar .nav > a:hover{background:#fff; box-shadow:none; border:0px;}
.navbar .btn.dropdown-toggle{background: #fff;border: 0px;box-shadow: none; font-size:14px; color:#2f2f2f; text-transform:uppercase; margin-top:2px;border-radius: 0px;padding: 0px;padding-right: 10px;margin-right: 10px;}
.navbar .btn, .navbar .btn-group {margin-top: 44px;}
.clear{clear:both}
i.spriteicon{background:url(../img/spriteicons.png) no-repeat;}
i.job_icon {    width: 32px;    height: 32px;    background-position: -80px -10px;    display: block; margin:0 auto; margin-bottom:10px}
.active i.job_icon {       background-position: -80px -50px;   }

i.customer_icon {    width: 32px;    height: 32px;    background-position: -138px -10px;    display: block;margin:0 auto; margin-bottom:10px}
.active i.customer_icon {    background-position: -138px -50px;   }

i.settings_icon {    width: 32px;    height: 32px;    background-position: -366px -10px;    display: block;margin:0 auto; margin-bottom:10px}
.active i.settings_icon {  background-position: -366px -50px; }

.navbar i.icon-search{width:23px; height:23px;background-position: -10px -10px;margin-top: 7px;}
.navbar i.icon-down{width: 14px;height: 12px;background-position: -50px -16px;margin-top: 6px;margin-left: 3px;}
h1.main_title{font-size:50px; color:#212121; text-align:center; margin:0px; padding:0px; font-weight:700; margin-bottom:30px;margin-top:30px}
.main_continer{margin:0 auto; width:95%; max-width:1130px; float:none}
.main_continer .container{width:100%}
.btn-group.open .btn.dropdown-toggle {    background-color: #fff;}
.dropdown-menu li > a{text-align:left; font-weight: 300;padding: 8px 10px;border-bottom: 1px solid #e1e1e1;line-height: 15px;}
.navbar .nav li.dropdown.open > .dropdown-toggle{background:#fff;}
.nav-tabs .dropdown-menu{    margin-top: 10px;}
.submenu_job{margin:30px 0px;}
.submenu_job ul li a{color:#999999; font-weight:300; font-size:15px;}
.submenu_job ul li.active a, .submenu_job ul li a:hover{color:#151515; font-weight:400;  text-decoration:none}

.submenu_job ul li.active a span, .submenu_job ul li a:hover span{border-bottom:3px solid #fc4953;}

.submenu_job ul {margin: 0px;padding: 0px;list-style: none;text-align: center;width: 100%;display: flex;width: 100% !important;}
.submenu_job ul li {display: inline-block;width: 100%;}
.submenu_job ul li span{padding:0px 2px 10px 2px;}
i.newjob{  width: 51px;    height: 51px;    background-position: -11px -109px;    display: block; margin:0 auto; margin-bottom:10px}
.submenu_job ul li a:hover i.newjob, .submenu_job ul .active a i.newjob{ background-position: -11px -169px;}
i.scheduled{  width: 51px;    height: 51px;    background-position: -82px -109px;    display: block; margin:0 auto; margin-bottom:10px}
.submenu_job ul li a:hover i.scheduled, .submenu_job ul .active a i.scheduled{ background-position: -82px -169px;}
i.ticketed{  width: 40px;    height: 51px;    background-position: -150px -109px;    display: block; margin:0 auto; margin-bottom:10px}
.submenu_job ul li a:hover i.ticketed, .submenu_job ul .active a i.ticketed{ background-position: -150px -169px;}
i.approved{  width: 51px;    height: 51px;    background-position: -210px -109px;    display: block; margin:0 auto; margin-bottom:10px}
.submenu_job ul li a:hover i.approved, .submenu_job ul .active a i.approved{ background-position: -210px -169px;}
i.assigned{  width: 51px;    height: 51px;    background-position: -343px -109px;    display: block; margin:0 auto; margin-bottom:10px}
.submenu_job ul li a:hover i.assigned, .submenu_job ul .active a i.assigned{ background-position: -343px -169px;}
i.working{  width: 51px;    height: 51px;    background-position: -476px -109px;    display: block; margin:0 auto; margin-bottom:10px}
.submenu_job ul li a:hover i.working, .submenu_job ul .active a i.working{ background-position: -476px -169px;}
i.completed{  width: 51px;    height: 51px;    background-position: -407px -109px;    display: block; margin:0 auto; margin-bottom:10px}
.submenu_job ul li a:hover i.completed, .submenu_job ul .active a i.completed{ background-position: -407px -169px;}
i.canceled{  width: 51px;    height: 51px;    background-position: -269px -109px;    display: block; margin:0 auto; margin-bottom:10px}
.submenu_job ul li a:hover i.canceled, .submenu_job ul li.active a i.canceled{ background-position: -269px -169px;}

.halfform{width: 48%;float: left;padding: 0px 1%;}
.halfform label{/*width: 100% !important;text-align: left !important;*/margin: 0px;    margin-bottom: 0px;padding: 0px;margin-bottom: 7px;font-size: 15px;
font-weight: 300;  color:#333;font-weight:bold;}
.halfform .controls {/*padding: 0px;margin: 0px;*/}
.halfform .controls input, .halfform .controls textarea, .halfform .controls select{width: 90%;border: 2px solid #e1e1e1;box-shadow: none;height: 40px;line-height: 30px;padding: 0px; font-family:Montserrat; padding:0px 7px;font-weight: 300;color: #000;} 
 .halfform .controls .radio{width:40%; float:left;clear:both;}
.halfform .controls select{width: 95%;}
.form-horizontal .form-actions{background:#fff; border:0px; margin:0px; padding:0px;clear: both;text-align: center; padding-top:30px}
.btn-primary, .cancel{background: #fc4953;color: #fff;text-transform: uppercase;font-size: 17px;text-transform: uppercase;font-weight: 600;border: 0px;box-shadow: none;padding: 10px 30px;font-family: Montserrat;}
.btn-primary:hover{background:#fc4953}
.cancel:hover{background:#626262}
.btn{border: 0px;box-shadow: none;padding: 10px 30px;font-family: Montserrat; color: #fff;text-transform: uppercase;font-size: 17px; margin:0px 10px;}
.cancel{background:#626262}
.formlink{font-size: 12px; color:#333; display:inline-block;	    padding-bottom: 0px;    border-bottom: 1px solid #333;    font-weight: 400;    text-transform: uppercase;margin-top: 6px;
display: ;}
.formlink:hover{text-decoration:none; color:#fc4953; border-color:#fc4953}
#address_ul{margin:0px; padding:0px; list-style:none}
legend + .control-group{margin-top:0px;}
form legend{color:#4d4d4d; font-size:21px; font-weight:600}
.navbar .nav > .active > a{cursor:pointer}
.jobdetailpage ul{margin:0px; padding:0px; list-style:none}
.jobdetailpage ul li{float: left;
    margin-bottom: 20px;
    width: 47%;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    margin-left: 10px;}
.jobdetailpage ul li label{width: 160px;float: left;text-align: right;padding-right: 20px; color: #000000;font-size: 14px;font-weight: 700;}
.jobdetailpage .qrcode, .jobdetailpage .itemimg{width:100%; clear:both} 

.scandetail{padding:15px; height:400px; overflow:auto}
.scandetail.jobdetailpage ul li label{font-size:13px; font-weight:700; color:#666666; width: 40%;text-align: left;}
.scandetail.jobdetailpage ul li{padding:0px 1.5%; margin-bottom:10px; width:47%; font-size:13px; color:#666}
.scandetail.jobdetailpage ul li.itemimg{width:97%}
.scandetail.jobdetailpage ul li.itemimg label{width:100%}
.scandetail.jobdetailpage ul li #comment{width: 100%;height: 50px;}
.savebtn{background:#fc4953; color:#fff; font-weight:600; border:0px;padding: 8px 15px;border-radius: 5px;}

.itemviewbox ul{list-style:none; margin:0px; padding:0px;}
.itemviewbox ul li{border-top:1px solid #e1e1e1; padding: 15px 5px;}
.itemviewbox ul li:first-child{border-top:0px;padding-top:0px;}
.itemviewbox ul li:first-child a{padding:0px;}
.itemviewbox ul li .small_img img{width:80px; height:80px; cursor:pointer}
.itemviewbox ul li .small_img {background:#fff; border:1px solid #e1e1e1; margin-right:10px; width:80px; height:80px; padding:5px; display:inline-block; vertical-align:top;margin-top:0px}
.itemviewbox ul li .subtet{width:67%; display:inline-block; vertical-align:middle; color:#666; font-size: 13px;}
.itemviewbox ul li .subtet a{color:#269eff; font-weight: 500; font-size:14px;}
.itemviewbox ul li .subtet button{color: #fc4953;background: none;border: 0px;text-decoration: underline;font-size: 12px;padding: 0px;}
li.item_log_table{width: 100% !important;box-sizing: border-box;}
li.item_log_table table{margin-top: 10px;margin-bottom: 30px;}
li.item_log_table table td, li.item_log_table table th{padding:5px;}
/*.jobdetailpage .qrcode img{width:50px;}*/

.jobdetailpage .itemimg img{height: 80px;float: left;border: 1px solid #e1e1e1;padding: 5px; margin-right:10px;}
.itemdetailbox{margin-top: 5px;padding-top: 35px;border-top: 1px solid #e1e1e1;}

.jobdetailpage h2{color:#fc4953; font-size:21px; font-weight:600;}

ul.pagination {list-style:none; text-align:center}
ul.pagination li{display:inline-block; float:none; margin:18px 3px;}
ul.pagination li a{color: #333;font-size: 19px;padding: 2px 12px;line-height: 15px;font-weight: 500;}
ul.pagination li.active a{background:#fc4953; color:#fff}
ul.pagination li a:hover{color: #fc4953;}
.no-more-tables table{width:100%}
.no-more-tables table.table-condensed th, .no-more-tables table.table-condensed td {padding: 12px 8px; text-align:left }
.job-search-section {width:100%;}
.search-section ul {text-align:center;}
.search-section ul li {display:inline;}
.search-section ul li input {height:40px;width:296px;border:1px solid #dadada;border-right:none;padding:0px 15px;border-radius:0px !important;font-family:inherit;}
.search-section ul li input:focus {border:1px solid rgba(82, 168, 236, 0.8)}
.search-section ul li button {height:42px;width:66px;padding:0px 15px;background:#fc5a63;color:#ffffff;border:none;}
.search-section ul li p {height:42px;width:66px;padding:0px 15px;background:#fc5a63;color:#ffffff;border:none;}
.search-section ul li a {margin-left:19px;color:#6e6e6e;font-size:15px;font-weight:600;vertical-align:middle;margin:0px;margin-left:11px;text-decoration:underline;cursor:pointer}
.search-section button div {transform: rotate(-40deg);font-size: 30px;}
.search-term {margin-right:19px;font-size:15px;font-weight:600;vertical-align:middle}
.job-add-job {float:right}
.searchUl {	margin-top: 0px;padding-top: 0px;padding-bottom: 0px;margin-left: 0px;position: absolute;z-index: 1000;background: #fff;width: 353px;max-height: 258px;overflow-y: auto;box-shadow:0px 3px 5px rgba(0 , 0 , 0 , 0.5)}
.searchUl li .row {margin-left:0px !important}
.searchUl li {list-style-type:none;margin:20px 14px}
.searchUl li a div i {color: #333333;font-weight: 600;font-family: inherit;font-style: normal;}
.user-badges {display: inline-block;padding: 10px 20px;border: 1px solid #333333;border-radius: 5px;margin-left: 10px;margin-top:30px}
.user-badges a {margin: 0px 0px 0px 7px !important;color: #000;font-weight: 600;}
.manage-service-ul .user-badges {margin-top:10px !important}
legend {border-bottom:none;padding-top:14px;text-align:center;font-weight:700}
.relation-plus-icon{float: right;font-size: 14px;padding: 6px 15px;border: 1px solid #0088cc;border-radius: 5px;margin-bottom: 24px;font-weight: 700;line-height:23px;cursor:pointer}
.btn-mini {padding:3px 6px;}
.customer-button {width:100%;text-align:right}
.date-filter-section {overflow:inherit;padding:0px}
.manager-checkbox-wrapper {width:50%}
.manager-checkbox-wrapper .control-label {font-weight:400}
.system-user-search-section ul li input {width: 234px}
.system-user-search-section ul {margin:0px}
.system-user-search-section {margin-bottom:30px}
.manage-service-ul {list-style-type:none}
.manage-service-ul li {display:inline-block}
.btn-primary i {vertical-align:baseline}
.common-back-btn {float:right}
.control-label {font-weight:700}
.main-custom-button {width:94%;margin:0px;font-size:13px}
.custom-small-btn {background:#616161;color:#ffffff;border:none;margin:10px 0px 0px 0px;padding: 10px 16px;}
.custom-small-btn i {vertical-align:baseline}
.custom-small-btn:hover , .custom-small-btn:focus , .custom-small-btn:active , .custom-small-btn:visited {background: #2d2d2d;color: #ffffff;border: none;}
.collapse.in {    height: auto !important;}
.icon-remove {vertical-align:baseline;margin-right:6px}
#myModal .modal-title {font-weight: 700;font-family: inherit;font-size: 24px;}
.thirdwidth li {padding: 0px 1.5%;margin-bottom: 10px;width: 28% !important;font-size: 13px;color: #666;border: 1px solid #333333;height: 80px;margin-left: 10px;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;align-items: center;}
.thirdwidth li label {width: 100% !important;padding: 0px !important;text-align: center !important;}
.halfwidth li {padding: 0px 1.5%;margin-bottom: 10px;width: 47.7% !important;font-size: 13px;color: #666;border: 1px solid #333333;height: auto;margin-left: 10px;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;align-items: center;margin-top:10px;}
.halfwidth li label {width: auto !important;padding: 0px !important;text-align: center !important;margin-right:5px;margin-bottom:0px}
.fullwidth {display:table-cell;padding:0px 10px;margin-bottom:10px}
.fullwidth ul {border:1px solid #000000;display:table-cell;padding:10px}
.halfwidth-service-name p {width:100%}
.order-action-table-section {width:164px}
.total-orders {text-align:center}
.ng-scope:first-of-type .service-ul:first-of-type {margin-top:20px !important}
.calender-section .calender {margin:30px}
.fourlayers .search-input-wrapper input {width:177px}
.item-services-modal-view-heading {margin-top:11px;font-size:16px;color: #000;margin-bottom:10px}
.full-table-width-w-black-border {width: 93.7% !important;border: 1px solid #333333;margin-left: 10px;margin-top: 10px;margin-bottom: 0px !important;padding: 10px !important;}
.width-full {width:90% !important}
.item-status-form td {padding:10px}
.item-history-date {min-width:109px;margin-top:8px}
.btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {background-color:#fc4953;opacity:0.4}
.btn-primary:hover {background-color:#e1232e;}
.yellow-background {background-color:#fbf7e0}
.red-background {background-color:#f9f1f1}
.content-section {text-align:left}
.modal .no-more-tables table {margin-top:10px}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {background-color:#fc5a63 !important;background-image:none}
.loadingPop {left: 0;position: fixed;width: 100%;background:transparent;text-align: center;height: 100%;top: 0px;padding-top:252px}
.subtet .relation-plus-icon {float:left;padding:1px 0px !important; font-size:11px !important;font-weight:400 !important;margin-right:10px;margin-bottom:0px;margin-top:10px;border:none;text-transform:uppercase;text-decoration:underline}
.subtet p {margin-bottom:0px !important}
.subtet .order-services {margin-top: 10px !important;color: #fc4953;font-size: 14px;font-weight: 400;}
.item-order-section {width:844px;float:right}
.sidebar {width:273px;float:left}
.sidebar ul li {list-style-type:none}
.sidebar-option {float: left;width: 89%;padding:7px 10px;border:1px solid #dddddd;border-top:none;cursor:pointer}
.sidebar ul li:first-of-type .sidebar-option {border-top:1px solid #dddddd}
.sidebar-option li {display:inline-block;vertical-align:middle;color: #2c2c2c;font-family: inherit;font-size: 14px;}
.sidebar-option li:last-of-type {width:70%;padding-left:10px}
.inner-sidebar-options {width:100%}
.inner-sidebar-options ul {float: left;width: 89%;padding:28px 10px 4px;}
.inner-sidebar-options li {display:block;width:100%;margin-bottom:10px}
.lb-dataContainer {position: absolute !important;top: 0px;width: 98% !important;margin-top: -30px;}
.lb-data .lb-close {transform:scale(2);-webkit-transform:scale(2);-moz-transition:scale(2);-o-transition:scale(2);}
.small_img p {margin-top:11px;text-align:center;color:#000000;}
.relation-plus-icon .icon-plus {color:#0088cc}
.modal-header .close {margin-top: 2px;font-size: 40px;color: #fc4953;opacity: 1;font-weight: 100;}
.notification-heading ul li a {display:inline-block;font-size:14px;margin:0px 7px}
/***** Basic Icons ************/
.sidebar .cart-add-icon {background: url(../img/cart_grey.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: cover;}
.sidebar .new-orders {background: url(../img/cart-add-grey.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: cover;}
.sidebar .ticketed {background: url(../img/ticketed_grey.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: cover;}
.sidebar .quoted {background: url(../img/quoted.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .internal-query {background: url(../img/internal_query_grey.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .approved {background: url(../img/approved_grey.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .client-query {background: url(../img/client_query_grey.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .decline {background: url(../img/decline.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .adjustment-needed {background: url(../img/adjustment_needed_grey.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .adjustment {background: url(../img/adjuestment_grey.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .completed {background: url(../img/completed_grey.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .scheduled-to-return-grey {background: url(../img/scheduled_to_return_grey.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .return {background: url(../img/return_grey.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .whoops {background: url(../img/whoops_grey.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .happy {background: url(../img/happy_grey.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .closed {background: url(../img/closed_grey.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .move-to-a1 {background: url(../img/move-to-a1.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .move-to-a1-wip {background: url(../img/move-to-a1-wip.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .move-to-a1-wip-restore {background: url(../img/move-to-a1-wip-restore.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .move-to-a1-wip-special-clean {background: url(../img/move-to-a1-wip-special-clean.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .move-to-a2 {background: url(../img/move-to-a2.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .move-to-a2-wip {background: url(../img/move-to-a2-wip.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .move-to-a2-wip-restore {background: url(../img/move-to-a2-wip-restore.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .move-to-a2-wip-special-clean {background: url(../img/move-to-a2-spl-clean.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .closed {background: url(../img/closed_grey.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.item-order-section .no-more-tables table.table-condensed th, .no-more-tables table.table-condensed td {vertical-align:top}
.common-bulb-classes {display:inline-block;width:20px;height:20px;vertical-align:sub;}
.notification ul li {list-style-type:none}
.notification ul li p {display:inline-block;width:100%;margin: 0px -12px 0px;padding: 0px 0px 0px;vertical-align: bottom;text-align:right;color:#666666;font-size:12px}
.notification-pill {margin-bottom:5px;position:relative}
.red-icon + span + .service-status-text {color:#dd0025}
.yellow-icon + span + .service-status-text {color:#dab31e}
.red-icon + span + .service-status-text:before {content:"("}
.red-icon + span + .service-status-text:after {content:")"}
.yellow-icon + span + .service-status-text:before {content:"("}
.yellow-icon + span + .service-status-text:after {content:")"}
.notification ul {width:100%}
.user-icon {background:url(../img/support.png);background-size:cover;width:32px;height:32px;margin: 0 auto;margin-bottom: 10px;}
.greeting-section .dropdown-toggle {margin-right:0px;padding-right:0px}
/****** End of Basic Icons ******/
/****** Active Icons ************/
.sidebar .active .cart-add-icon {background: url(../img/cart.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: cover;}
.sidebar .active .new-orders {background: url(../img/cart-add-white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: cover;}
.sidebar .active .ticketed {background: url(../img/ticketed_white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: cover;}
.sidebar .active .quoted {background: url(../img/quoted_grey.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .internal-query {background: url(../img/internal_query_white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .approved {background: url(../img/approve-white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .client-query {background: url(../img/client_query_white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .decline {background: url(../img/decline_white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .adjustment-needed {background: url(../img/adjustment_needed_white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .adjustment {background: url(../img/adjustment_white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .completed {background: url(../img/completed_white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .scheduled-to-return-grey {background: url(../img/scheduled_to_return_white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .return {background: url(../img/return_white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .whoops {background: url(../img/whoops_white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .happy {background: url(../img/happy_white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .closed {background: url(../img/closed_white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .move-to-a1 {background: url(../img/move-to-a1-white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .move-to-a1-wip {background: url(../img/move-to-a1-wip-white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .move-to-a1-wip-restore {background: url(../img/move-to-a1-wip-restore-white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .move-to-a1-wip-special-clean {background: url(../img/move-to-a1-wip-special-clean-white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .move-to-a2 {background: url(../img/move-to-a2-white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .move-to-a2-wip {background: url(../img/move-to-a2-wip-white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .move-to-a2-wip-restore {background: url(../img/move-to-a2-restore-white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
.sidebar .active .move-to-a2-wip-special-clean {background: url(../img/move-to-a2-spl-clean-white.png);background-repeat: no-repeat;height: 30px;width: 30px;background-size: 90%;}
/****** End of Active Icons ****/
/********* Calender Section Start ***/
.ui-datepicker {border:none;}
.ui-widget-header {background:#ffffff;border:none}
.ui-datepicker-month , .ui-datepicker-year {color: #d14b52;font-weight: 700;font-size: 19px;font-family: inherit;}
.ui-datepicker-calendar table , .ui-datepicker-calendar tr , .ui-datepicker-calendar td , .ui-datepicker-calendar th {border:1px solid #ffffff;}
.ui-datepicker-calendar td a , .ui-state-default {border:none !important;background:#ffffff !important;text-align:center}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {font-weight: normal;color: #fff;background: #75b581 !important;
text-align: center;}
/********* Calender Section Start ***/
.sidebar .active .sidebar-option {background:#f26970;}
.sidebar .active .sidebar-option li {color:#ffffff}
.custom-add-button {width:100%;text-align:right}
.notification-text .notification {width: 60%;text-align: left;display: flex;flex-wrap: wrap;justify-content: left;}
.filter-button {display:none}
.lb-data .lb-close {background:url(../img/multiply.png) !important;background-size:cover !important;margin: 15px;width: 20px;height: 20px;}
.notification-and-content-section .relation-plus-icon {margin-top:30px !important}
.margin-bottom-30px {margin-bottom:30px}
.job-search-section .modal-body {padding-top:0px}
.jobdetailpage .itemdetailbox {margin-top:30px}
.clients-list-table td {vertical-align:middle !important}
.clients-list-table .custom-small-btn {margin-top:0px}
.custom-add-btn-system-user {width:100%}
.main_title .relation-plus-icon {line-height:23px;margin-top:5px;margin-bottom:15px}
.order-detail-button-group {text-align:center}
.edit-order-item-button {text-align:center;margin:30px 0px}
.hero-images img {max-height:150px;width:100%}
.greeting-section {float:right;text-align:right;width:20%}
.service-ul li {margin-bottom:0px !important}
.form-signin {max-width: 300px;padding: 19px 29px 29px; margin: 0 auto 20px;  background-color: #fff;  border: 1px solid #e5e5e5;  -webkit-border-radius: 5px;
	 -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);box-shadow: 0 1px 2px rgba(0,0,0,.05);text-align:center}
.form-signin .form-signin-heading,.form-signin .checkbox {margin-bottom: 10px;}
.form-signin input[type="text"],.form-signin input[type="password"] {font-size: 14px;height: auto;margin-bottom: 15px;padding: 7px 9px;}
.checkbox {text-align:left}
.loginlogo-wrapper {text-align: center;margin-bottom: 30px;}
.form-signin-heading {font-size:23px;font-weight:400}
/*********** CHROME SPECIFIC CSS **************/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
.hero-images {position:relative;}
.hero-images a {left:100%;top:0px}
}
/*********** CHROME SPECIFIC CSS **************/
@media only screen and (max-width:1288px) {
.top-nav {width: 59%;}
}

@media only screen and (max-width:1266px) {
	.sidebar {width: 209px;float: left;}
}

@media only screen and (max-width:1245px) {
.fourlayers .search-input-wrapper input {width: 162px;}
}
@media only screen and (max-width:1232px) {
.top-nav {width: 58%;}
}
@media only screen and (max-width:1199px) {
.search-section ul li {display:inline;}
.search-section ul li input {width: 174px;}
.sidebar {width:20%}
.item-order-section {width:75%}
}
@media only screen and (max-width:1182px) {
.fourlayers .search-input-wrapper input {width: 151px;}
.top-nav {width: 57%;}
}

@media only screen and (max-width:1138px) {
.notification-section {width: 589px;}
}
@media only screen and (max-width:1135px) {
.fourlayers .search-input-wrapper input {width: 138px;}
}
@media only screen and (max-width:1132px) {
.top-nav {width: 56%;}
}
@media only screen and (max-width:1104px) {	
.modal{width:88%; max-width: 90%; margin-left:0px;left:auto !important}
.modal-footer{text-align:left}
.notification-section {width: 550px;}
}

@media only screen and (max-width:1093px) {
.itemviewbox ul li .subtet {margin-top: 30px;}
}

@media only screen and (max-width:1089px) {
.top-nav {width: 55%;}
}
@media only screen and (max-width:1081px) {	
.fourlayers .search-input-wrapper input {width: 121px;}
}
@media only screen and (max-width:1049px) {
.top-nav {width: 54%;}
.itemviewbox ul li .subtet {width: 100%;}
.notification ul {width: 100%;padding: 15px 15px;text-align: right;}
.width-full select {width:97%}
}
@media only screen and (max-width:1035px) {
.notification-section {width: 522px;}
.notification-text .notification {width: 70%;}
}
@media only screen and (max-width:1010px) {	
.fourlayers .search-input-wrapper input {width: 80px;}
.top-nav {width: 53%;}
}

@media only screen and (max-width:999px) {
.notification-section {
    width: 100%;
}
}

@media only screen and (max-width:992px) {
.search-section ul li input {width: 157px;}
.navbar .btn.dropdown-toggle {float: inherit;}
}

@media only screen and (max-width:985px) {
.search-section ul li input {width: 180px;}
.top-nav {height:auto}
.main-menu li a i {display: inline-block;vertical-align: middle;}
.main-menu li {margin:10px 0px}
}

@media only screen and (max-width:981px) {
.navbar .btn, .navbar .btn-group {margin-top: auto;}
.nav-tabs.nav-stacked > li > a {font-size: 13px;}
.navbar .nav {text-align:left}
.spriteicon {display:none !important}
.user-icon {display:none !important}
.well {min-height:0px !important}
}

@media only screen and (max-width:978px) {
.system-user-search-section {margin-bottom:30px}
}

@media only screen and (max-width:914px) {
.search-section ul li input {width: 180px;}
}

@media only screen and (max-width:850px) {
  .jobdetailpage ul li{float:left;margin-bottom: 20px; text-align:center; color:#000; font-size: 16px;font-weight: 300;}
  .jobdetailpage ul li label {width:100%;text-align:center;}
  .jobdetailpage .btn {margin: 5px auto !important;}
  .itemdetailbox {padding-top:5px;}
  .itemdetailbox > p {float: none !important;margin: 10px auto;text-align: center;padding: 0px;}
  .fourlayers .search-input-wrapper input {width: 75px;}
  .search-section ul li input {width: 100px;}
  .top-nav {width:100%;}
}

@media only screen and (max-width: 800px) {
body {border: 9px solid #000;}
.table-bordered th, .table-bordered td {border-left: transparent;background: transparent;min-height:40px;padding:12px;display:flex !important;flex-wrap:wrap;align-items:center;align-content:center;height:100%}
/* Force table to not be like tables anymore */
.no-more-tables table,     	.no-more-tables thead,     	.no-more-tables tbody,     	.no-more-tables th,     	.no-more-tables td,     	.no-more-tables tr {     		display: block;     	}

.no-more-tables thead tr {     		position: absolute;    		top: -9999px;    		left: -9999px;    	}

.no-more-tables tr { border: 1px solid #ccc; }

.no-more-tables td {     		border: none;    		border-bottom: 1px solid #eee;     		position: relative;    		padding-left: 50% !important;     		white-space: normal;    		text-align:left;    	}

.no-more-tables td:before {     		position: absolute;    		top: 0px;    		left: 6px;    		width: 45%;     		padding-right: 10px;     		white-space: nowrap;    		text-align:left;    		font-weight: bold; display:flex;flex-wrap:wrap;align-items:center;align-content:center; height:100%;	}
.no-more-tables td:before { content: attr(data-title); }
.main-custom-button {width: 56%;margin: 0px;}
.custom-small-btn {	padding: 10px 20px;}
.custom-small-btn:hover {margin: 0px 0px 10px 0px;}
.main-custom-button {width: 179px; margin: 0px;}
.submenu_job ul {margin: 0px;padding: 0px;list-style: none;text-align: center;width: 100%;overflow: auto;display: flex;width: 100% !important;}
.order-action-table-section {width:auto}
.fourlayers .search-input-wrapper input {width: 53px;}
.navbar .nav > li {display:block;}
.top-nav {width:100%;}
.search-section ul li input {height:40px;width:296px;border:1px solid #dadada;border-right:1px solid #dadada;padding:0px 15px;border-radius:0px !important;font-family:inherit;}
.item-status-form label {display:none}
.item-status-form td {height:43px}
.modal-body {max-height: 730px !important;}
.scandetail {height: 730px !important;}
.sidebar {width:0px;float:left;position:absolute;z-index:1000;background-color:#ffffff;left:0px;overflow:hidden;transition:1s;box-shadow: 1px 4px 10px rgba(0 , 0 , 0 , 0.2);}
.button-groups {display: flex;flex-wrap: wrap-reverse;justify-content: end;}
.filter-button {display:table !important}
.sidebar-option {width:207px;cursor:pointer}
.item-order-section {width: auto;float: right;}
.search-term {margin:0px 10px 10px}
.search-section ul li input {width:128px}
.relation-plus-icon {float: none;}
.active-items-filter {float:none;margin-top:15px}
.content-section {text-align:left}
.notification-text .notification {width: 100%;text-align: left;justify-content: left;padding: 0px 0px 15px 0px;}
.notification ul {width:100%;padding:15px}
.service-status-text {padding: 0px !important;float:none}
.common-bulb-classes {float:none}
.notification {padding:0px}
.notification ul {width: 100%;padding: 15px 15px;}
.notification ul li p {text-align: left;}
.image-section {margin: 29px auto 4px !important;}
.work {margin-bottom:0px}
.relation-plus-icon {display:table;margin:31px auto 0px}
.main-menu-span .well {min-height:0px}
.logo_main {text-align:center}
.active-items-filter {float: none;margin-top: 15px;width: 100%;text-align: left;padding:0px !important}
.active-items-filter a {margin:0px 7px 0px 0px}
.collapsed-button {background: #fc4953 !important;}
.iconn-section {margin-top:0px}
.notification-text:last-child::after {border:1px solid transparent}
.navbar .btn-navbar {padding:10px 13px}
.margin-bottom-30px {margin-bottom:0px !important}
.notification-section {margin: 15px 0px 30px 0px;}
.calender-section {margin-top: 0px;margin-bottom: 30px;}
.container {width:100% !important}
}


.reportbugfixed {top:0%;right: 0px;position: fixed;background: rgba(0, 0, 0, 0.8);width: 100%;height: 100%; z-index:999;}
.reportbug-main {top: 50%;right: -9px;position: fixed;background: #f9f9f9;transform: translate(0%,-50%);width:545px;height: auto;padding: 0 20px 20px 20px;border-radius: 10px 0px 0px 10px;border: solid 8px #e3e3e3;box-sizing: border-box;}
a.reportbug-button 
{top: 50%;
right: -2px;
position: fixed;
transform: translate(0%,-50%);
width: 45px;
height: 43px;
background:#000 url(../img/payment.png) center center no-repeat;
padding: 0;
background-size: 74%;
border-radius: 5px 0px 0 5px;
}
.reportbug-main textarea { resize:none;}
.reportbug-main .well { background:none !important;}
.reportbug-main .form-actions { padding:0 !important; background:none !important;}


/*------------------------------------------*/
.positonclass { position:relative;}
.positonclass label {margin-bottom: 18px !important;}
.repeat-service {height:40px;position: absolute;right: 0;top: -3px;float: right;margin-right: 24px;overflow-x: auto;
}

@media only screen and (max-width:784px) {
	.search-section ul li input {width: 110px;}
	.system-user-search-section ul li input {width: 84px;}
	.jobdetailpage {padding:0px}
	.halfwidth-service-name {height: auto !important;padding-top: 11px !important;}
}
@media only screen and (max-width:770px) {
	.mobile-full-width {width:100%}
	.control-group {width:100%}
	h1.main_title , .heading-wrapper h1 {font-size:27px;margin-bottom:0px;margin-top:15px;text-align:center}
	.navbar {margin-bottom:0px}
	.btn {margin-bottom:10px;}
	.date-filter-section {white-space:normal}
	.hero-images {width: 100%;height: auto;display: inline-block;border: 1px solid #dddddd;margin-left: 20px;vertical-align: bottom;margin: 10px 0px;}
	.submenu_job ul li {padding: 10%;}
	.navbar .btn.dropdown-toggle {text-transform: uppercase;margin-top: 2px;border-radius: 0px;padding: 0px;padding-right: 10px;margin-right: 16px;float: inherit;margin-top: 7px;}
}

@media only screen and (max-width:746px) {
	.search-section ul {margin:0px;}
	.search-section ul li {display:inline-block;margin-bottom:10px}
	/*.search-input-wrapper input {width:auto !important}*/
	.search-input-wrapper li  {width:100%}
	.search-section ul li button {width: auto;}
	.search-section button div {float:left;margin-right:7px}
	.jobdetailpage ul li{width:100%}
	.full-table-width-w-black-border {width: 86% !important;border: 1px solid #333333;}
	.thirdwidth li {width: 90% !important;}
	.halfwidth li {width: 90% !important;}
	.halfwidth li label {width: 100% !important;}
	.fullwidth {display:table-cell;padding:0px 10px;margin-bottom:10px}
	.fullwidth ul {border:1px solid #000000;display:table-cell;padding:10px}
	.fullwidth ul li {width:100% !important}
	.fullwidth ul li label {width:100% !important;padding:0px;text-align:center !important}
	.halfwidth-service-name p {width:100%}
	.fullwidth .item-images img {height:auto; margin-bottom:10px; width:92%};
	.scandetail {height: 376px !important;}
	.modal-body {max-height: 376px !important;}
}

@media only screen and (max-width:671px) {
	.search-input-wrapper {
		width:50%;
	}
	
	.fourlayers .search-input-wrapper input {
		width:100%;
	}
	
	.search-section ul li input {
		width: 100%;
		box-sizing:border-box;
	}
	
	.search-section button div {
		float: left;
		margin-right:0px;
	}
	
	.search-term {
		width:100%;
	}
	
	.navbar .btn.dropdown-toggle {float: inherit; margin-bottom: 0px;margin-top: 6px;}
}

@media only screen and (max-width:655px) {
	.navbar {padding-bottom:0px}
}

@media only screen and (max-width:613px) {
	.search-section ul li button:after {content:' SEARCH'}
	.search-section .btn-primary:after {content:' '}
	.search-section ul li {display: block;margin-bottom: 10px;margin: 0px 0px 10px;}
	.search-input-wrapper {display:inline-block !important}
	.fourlayers .search-input-wrapper input {width:100%}
}

@media only screen and (max-width:492px) {
	.main-custom-button {width: 143px;margin: 0px;}
	.custom-small-btn {padding: 10px 14px;}
	.itemviewbox ul li .subtet {width:100%}
	.order-detail-button-group {text-align: center;display: grid;}
}

@media only screen and (max-width:453px) {
	.logo_main {width:100%;margin-bottom:20px}
	.navbar .btn.dropdown-toggle {font-size:12px}
}

@media only screen and (max-width:452px) {
	.main-custom-button {width: 143px;margin: 0px;padding:10px 20px}
	.custom-small-btn {padding: 10px 14px;}
	.top-nav {width:100%;}
	body {padding:30px 0px}
	.search-btn-toolbar {margin-bottom:0px}
	.search-section ul li a {margin-left: 0px;}
}

@media only screen and (max-width:412px) {
	.main-custom-button { width: 123px; margin: 0px;padding:10px 14px}
	.custom-small-btn {padding: 10px 11px;}
	.lb-data .lb-close {margin: -5px 15px;width: 10px;height: 10px;}
}

@media only screen and (max-width:340px) {
	body {padding:30px 0px}
	.search-section ul li input {width: 100%;}
	.notification-heading {padding: 16px 6px;}
	.greeting-section {float: none;}
	.item-order-section .no-more-tables table.table-condensed th, .no-more-tables table.table-condensed td {word-break:break-all}
}