@media only screen and (min-width:768px) and (max-width:1024px){
    body {font-size:17.92px;}
}

@media (max-width:768px) {

.salseheadermain {
    background-color: #fff;
    padding-top: 7px;
    margin: 0px 5px 0;
}

.salseheadermain .salesHead {
    background-color: #e9e9e9;
}

.salesHead label {
    font-weight: 500;
    color: #525252;
    font-size: 22px;
}

.salesHead i.icon-Settings {
    font-weight: 500;
    color: #525252;
    font-size: 22px !important;
}

.salseheadermain ul.mui-tabs__bar {
    background: #fff;
    border: 1px solid #e9e9e9;
    border-top: 0;
}

.salseheadermain .owl-carousel.owl-drag .owl-item li a, .salseheadermain .owl-carousel.owl-drag .owl-item li a b {
    color: #a09f9f;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
}

.salseheadermain .owl-carousel.owl-drag .owl-item li {
    padding: 0;
    display: flex;
    align-items: center;
}

.salseheadermain .owl-stage {
    display: flex;
    align-items: center;
}

.salseheadermain .owl-item {
    width: auto !important;
    padding: 0px 10px;
}

.salseheadermain .owl-item:first-child {
    width: 100px !important;
}

.salseheadermain .owl-item:last-child {
    width: calc(100% - 100px) !important;
}

.salseheadermain .owl-item:last-child .item {
    justify-content: space-between;
}

.salseheadermain .owl-item .item a {
    float: left;
}

.salseheadermain .righticon {
    float: left;
}

/**/

.salseheadermain .owl-carousel .righticon button {
    background: #4d90fe;
    border: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    color: #fff;
}

.salseheadermain .owl-item li a {
    border-bottom: 2px solid transparent;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.salseheadermain .owl-item li.item.mui--is-active a,
.salseheadermain .owl-item li.item.mui--is-active a b {
    color: #4d90fe;
}

.salseheadermain .owl-item li.item .righticon {
    display: none;
}

.salseheadermain .owl-item li.item.mui--is-active .righticon {
    display: block;
}

.salseheadermain .owl-item li.item.mui--is-active a {
    border-bottom-color: #4d90fe;
}
.salenewreport-cw {
    top: 245px;   
}
.salenewreport-cw table td {
    padding: 10px 0;
}

.salenewreport-cw table td span {
    font-size: 12px;
}

.salenewreport-cw table td h4 {
    color: #525252;
    font-weight: 600;
    font-size: 15px;
    margin-top: 1px;
}

.salenewreport-cw table td p {
    color: #525252;
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
    margin-bottom: 8px;
    overflow: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 324px;
}

.salenewreport-cw .table-div-text {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
}

.salenewreport-cw .table-div-text td {
    padding-left: 10px;
    padding-right: 10px;
    border: none;
}

.salenewreport-cw .table-div-text td td {
    padding-left: 0;
    padding-right: 0;
}

.salenewreport-cw .table-div-text td.close {
    padding-right: 15px;
}

.salenewreport-cw table.table-div-text > tbody > tr:nth-child(even) {
    background-color: #f3f8fe;
}

.salenewreport-cw table.table-div-text > tbody > tr:nth-child(even) > td {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.salenewreport-cw table td.settings {
    padding-top: 0;
    padding-bottom: 0;
}

.salenewreport-cw table td span.note {
    color: #4d90fe;
}

.reporthistorydata p {
    margin-bottom: 10px
}

/**/

    .reporthistorydata p:last-child {
        margin-bottom: 0;
    }

.reporthistorydata .date {
    color: #525252;
}

.reporthistorydata .my {
    padding-left: 5px;
    font-size: 11px;
}

.reporthistorydata .installedtitle {
    float: right;
    color: #525252;
    font-size: 14px;
    line-height: 15px;
    font-weight: 600;
}

.reporthistorydata .cn-number {
    color: #525252;
    font-size: 15px;
}

.reporthistorydata .sitename {
    padding-left: 5px;
}

.reporthistorydata .daysago {
    float: right;
    font-size: 11px;
}

#topfix2 {
    height: auto !important;
}

.reporthistorydata {
    border: 0;
}

    .reporthistorydata:nth-child(odd) {
        background-color: #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    .reporthistorydata:nth-child(even) {
        background-color: #f3f8fe;
        border-top: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
    }

.custominput-c span.k-datepicker {
    width: 100%;
}

.show_hide1 {
    border: 0;
    background: transparent;
}

.salenewreport-cw .table-div-text {
    border-bottom: 0;
}

.note-menu {
    position: fixed;
    left: 5px;
    top: 0;
    width: calc(100% - 10px);
    height: 100%;
    z-index: 3;
    background: rgba(255,255,255,0.9);
}

    .note-menu .mui-appbar {
        min-height: initial;
    }

    .note-menu .main-title {
        padding: 10px 15px;
    }

        .note-menu .main-title label {
            font-size: 15px;
            font-weight: 400;
            color: #fff;
            display: block;
        }

        .note-menu .main-title .righticon {
            top: 11px;
        }

    .note-menu .pronotecont {
        top: 30%;
        position: absolute;
        width: 100%;
    }

    .note-menu table {
        padding: 10px;
        color: #525252;
    }

    .note-menu .pronott {
        font-size: 11px;
        line-height: 11px;
    }

    .note-menu .pronott2 {
        padding-top:10px;
    }

    .note-menu .pronu {
        font-size: 15px;
        line-height: 15px;
    }

    .note-menu .notett {
        padding-top: 12px;
        color: #4d90fe;
        font-size: 10px;
    }

    .note-menu .noteinfo {
        padding: 2px 2px 2px 10px;
        font-size: 11px;
        line-height: 14px;
        overflow: auto;
        text-align: justify;
    }

    .note-menu .show_hide1 .material-icons {
        font-weight: 900;
    }

#topfix2 {
    top: 100px;
}

.addproform-main .textsetting {
    padding: 0;
}

.addproform-main .mui-textfield {
    padding: 0;
    margin: 0;
}

    .addproform-main .mui-textfield input {
        height: 35px;
        padding: 0 0;
        border: 0;
        width: 100%;
        padding: 0 0px;
        border-bottom: 1px solid #c5c5c5;
        border-radius: 0;
    }

    .addproform-main .mui-textfield span.k-autocomplete {
        width: 100%;
        border: 0;
    }

    .addproform-main .mui-textfield span.k-state-focused {
        border: 0;
        box-shadow: none;
    }

.addproform-main .mui-row .mui-col-xs-4,
.addproform-main .mui-row .mui-col-xs-8 {
    height: 36px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 10px 0;
}

.addproform-main .mui-row .mui-col-xs-4 {
    display: flex;
    align-items: center;
}
    .mui-btn {
        height: 46px;
        line-height: 46px;
        max-width: 120px;
    }
    .addfixture {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 40px;
    }
    .salereportmodal .main-title h1 {
        color: #323232;
    }

    .salereportmodal label {
        color: #323232;
    }
    .salereportmodal .mui-textfield span.k-widget {
        width: 100%;
    }
    .salereportmodal .k-widget.k-multiselect .k-multiselect-wrap {
        box-sizing: border-box;
        padding: 0;
        border: 0;
    }

    .salereportmodal .k-widget.k-multiselect .k-multiselect-wrap ul {
        float: left;
        padding: 5px 5px 0;
        position: relative;
    }

    .salereportmodal .k-widget.k-multiselect .k-multiselect-wrap {
        position: relative;
        border:1px solid #d5d5d5;
    }
    .salereportmodal .k-multiselect-wrap li {
        margin: 0 5px 5px 0;
    }
    .salereportmodal .k-multiselect-wrap li:last-child {
        margin-right: 0;
    }
    .salereportmodal {
        position: fixed;
        top: 237px;
        overflow-y: auto;
        height: calc(100vh - 237px);
    }
}
/*----- End (max-width: 768px) -----*/

@media (max-width:767px){
.mui-select>select {background-image:url(../images/arrow.png); padding-right:20px;}
.fes-team-row .mui-select>select, .fes-team-row .mui-textfield--float-label>label {border: 0px; height: 32px; line-height: 32px;}
.customselect img{width:22px; border-radius:50%; float: left; margin:0px;}
.fes-team-row .mui-select {margin-left:45px;}
.mui-btn {padding: 0px 12px;}
.custominput span.k-widget + script + label,
.custominput-c span.k-widget + script + label,
.custominput-b span.k-widget + script + label,
.custominput-f span.k-widget + script + label{line-height:36px;}
.custominput span.k-state-focused + script + label, .custominput span.k-state-hover + script + label ,
.custominput-c span.k-state-focused + script + label, .custominput-c span.k-state-hover + script + label ,
.custominput-b span.k-state-focused + script + label, .custominput-b span.k-state-hover + script + label ,
.custominput-f span.k-state-focused + script + label, .custominput-f span.k-state-hover + script + label { top:-32px;}
.autofocus span.k-state-default + script + label{top:-32px;} 
}

@media only screen and (min-width:480px) and (max-width:640px){
body {font-size:17.92px;}
#header .mui-appbar {padding:0px; min-height:64px;}
	.logo img {max-width:281px;}
.login-bg {padding: 40px 30px 40px;}
.login-form{padding:0px 0px 0px}
.mui-textfield > input:invalid:not(:focus):not(:required), .mui-textfield > input.mui--is-empty.mui--is-touched:invalid:required:not(:focus), .mui-textfield > input.mui--is-not-empty:invalid:required:not(:focus), .mui-textfield > input:invalid:required:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > input[value]:invalid:required:not(:focus):not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > input.mui--is-invalid:not(:focus):not(:required), .mui-textfield > input.mui--is-invalid.mui--is-empty.mui--is-touched:required:not(:focus), .mui-textfield > input.mui--is-invalid.mui--is-not-empty:required:not(:focus), .mui-textfield > input.mui--is-invalid:required:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > input.mui--is-invalid[value]:required:not(:focus):not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) {
height:50px;  line-height:50px;}
.login-form .login-pageform{padding:35px 0px 65px;}
.login-form .mui-form legend {margin-bottom:20px;}
.login-pageform .mui-textfield.mui-textfield--float-label > label {line-height: normal; margin-bottom:5px;}
.login-pageform .mui-textfield>input {height:50px; padding:5px 10px;}
.login-pageform .mui-btn {height:50px; line-height:50px; max-width:173px;}

.remember-forgot {margin-bottom:20px;}
.remember-forgot .md-checkbox label:before {height:18px; width:18px; top:1px; border-width:2px;}
.remember-forgot .md-checkbox input[type="checkbox"]:checked + label:after {width:10px; height:6px; top:6px; left:4px; border-width:2px;}
.remember-forgot .md-checkbox label {padding-left:30px;}
	.logo-header{padding:6px 0px 0px 0px;}
	.logo-header img {height:52px;}
	.mobilemenu {margin:18px 0px 0px 0px;}
	.mobilemenu .hamburger {width:26px; height:26px;}
	.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom{ height:2px;}
	.hamburger.is-closed .hamb-middle {margin-top:-1px;}
	.hamburger.is-closed .hamb-top {top:4px;}
	.hamburger.is-closed .hamb-bottom {bottom:4px;}
	.md-checkbox label:before {height:14px; width:14px; top:1px; border-width:1px;}
	.md-checkbox input[type="checkbox"]:checked + label:after {width:10px; height:5px; top:4px; left:2px; border-width:1px;}
	.md-checkbox label {padding-left:25px;}
	.leftsection {padding-top:48px;}
	.sidebar-menu {padding:15px 0 154px; height:100%;}
	.sidebar-menu > li > a {padding:10px 25px 10px 25px;}
	.sidebar-menu > li > a span.menutitle {padding:3px 0px 3px 40px;}
	.sidebar-menu .treeview-menu > li > a {padding:10px 0px 10px 55px; font-family: 'robotolight';}
	.profile-div img {width:91px;height:91px;}
	.cover-photo {padding:25px 0px 50px; border-bottom-width:10px;}
	.profile-div .rrofilename {padding:5px 0px;}
	.content-part {margin-top:-33px;}
	a.box {padding:28px 0px 15px;}
	a.box span.title {padding:5px 0px 0px 0px;}
	a.box p b {height:34px; width:34px; right:-30px; top:-18px; padding:7px 0px;}

	.mui-select__menu {min-height:inherit;}
	.mui-textfield, .mui-select {margin-bottom:16px; padding-top:8px;}	
	.mui-select>select {height:50px; line-height:50px;}
	.mui-textfield--float-label>label {line-height:34px;}
	.mui-textfield>input, .mui-textfield>textarea {height:50px; line-height:54px;}
	.mui-select__menu>div {line-height:50px; height:50px;}
	.mui-textfield>input:focus, .mui-select>select:focus {line-height:50px; height:50px; border-bottom-width:2px;}
	.mui-textfield--float-label>input:focus~label, .mui-textfield--float-label>textarea:focus~label {top: -5px;}
	.mui-select:focus>select { height:50px; line-height:50px; border-bottom-width:2px;}
	
	.mui-textfield--float-label>input:not(:focus).mui--is-not-empty~label, .mui-textfield--float-label>input:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label, .mui-textfield--float-label>input:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label, .mui-textfield--float-label>textarea:not(:focus).mui--is-not-empty~label, .mui-textfield--float-label>textarea:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label, .mui-textfield--float-label>textarea:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label {line-height:0px;}

	.date span {margin-top:-2px;}

	.tabaudit-text p {line-height:28px;}
	.tabaudit-text .mui-btn+.mui-btn {max-width:186px;}
	.main-title {padding:16px 16px}
	.main-title .righticon, .back-div a.send {top:18px; right:16px;}
	.main-title p.date-title {padding-top:4px;}
	.lead-details {min-height:inherit; padding: 16px;}
	.inner-title {min-height:inherit; padding: 16px;}
	.mui-form {padding:10px 16px 16px;}

	.owl-carousel.owl-drag .owl-item li a span sup {width:14px; height:14px; font-size:9px; line-height:15px; right:-9px;}
	.photoadddiv p , .photoadddiv p a{padding:12px 16px; border-bottom-width:1px;}
	.photoadddiv p img .photoadddiv p a img {width:42px;}
	.photoadddiv p span , .photoadddiv p a span {padding:8px 17px 7px;  width: calc(100% - 45px);}
	.mui-btn {height:46px; line-height:46px; max-width:184px; width:100%; margin-bottom:10px;}
	.fes-team-row {border-bottom-width:1px;}
	.new-lead-button {padding:16px;}
	.new-lead-button button {margin-bottom:15px;}
	.fes-team-row .designation {line-height:34px;}
	.back-div {padding: 19px 16px 18px}
	.dropdowngreen, .assign-div {padding:12px 16px 12px;}
	.settings {padding:5px 16px; border-bottom-width:1px;}
	.setting-menu .mui-form {padding:0px 16px 35px; min-height: 450px;}
	
	.settings .priority>select {margin-left:25px;}
	.settings .mui-select span.icon-arrow-yel {margin-top:14px; }
	.settings .assign-select .img-radius {width:42px; margin-top:5px;}
	.mui-dropdown .mui-btn--primary {height:34px; line-height:34px;}
	.customassign .img-radius, .auditdiv .img-radius, .fixtureimg, .notification-div img {width:42px; margin-top:0px;}
	.customassign .mui-dropdown, .audit-text, .fixturetext, .notification-div .notification-text {margin-left:60px;}
	.notification-div .notification-text {padding-right:35px;}
	.notification-div .notification-text p {padding:5px 0px;}
	.notification-div .notification-text b {margin-right:5px;}
	.notification-div .notification-text .mui-btn {height:20px; line-height:18px;}
	
	.audit-div a.audit-fix {padding:15px 16px; border-top: 1px;}
	.statusdiv {height:37px; margin:5px 0px;}
	.auditdiv {padding:15px 16px;}
	.tabaudit-text {padding:16px;}
	.tabaudit-text p {margin-bottom:32px;}
	.audit-text p a, .audit-text p a.green {padding-right:22px;}
	.main-title span.icon-arrow-yel, .main-title span.icon-arrow-red {top:20px; right:16px;}
    	.main-title span.icon-arrow-yel, .main-title span.icon-arrow-priority {top:20px; right:16px;}
	.owl-carousel.owl-drag .owl-item li {padding:12px 0px 8px;}	
	.owl-carousel.owl-drag .owl-item li a b {padding-top:5px;}
	.mui-btn+.mui-btn {margin-left:10px; margin-bottom:10px; max-width:186px;}
	.status-fix {padding:20px 16px 0px;}
	.status-fix .img-radius, .status-comment-fix .img-radius {width:42px;}
	.status-text, .status-comment-text {margin-left:60px;}
	.status-text .comment {margin-top:12px; padding:15px;}
	.status-comment-box {padding:15px 16px;}
	.status-comment-text .mui-form .mui-textfield textarea {padding:5px 7px; height:38px; line-height:28px; min-height: inherit;}
	.status-comment-text .mui-form {margin-bottom:15px;}
	.status-comment-text .project-button {padding:0px;}
	.status-comment-text .project-button button {max-width:160px;}
	.status-comment-text .project-button .mui-btn+.mui-btn {margin-left:0px;}
	
	.button-div .mui-btn {max-width:120px; margin: 0px;}
	.button-div .mui-btn:first-child {margin-right:10px;}
	.soft-audit-document ul li {padding:15px 16px; border-top:0px; }
    .soft-audit-document.sublistingaudit ul a{padding:15px 16px; border-top:0px; }
	.soft-audit-document p {padding:15px 16px;}
	.headerc, .cbody ul li a {padding:15px 16px;}
	.headerc span.icon-angle-arrow-down {top:5px;}
    .soft-audit-document .doc-file-list {padding-left:20px;}
	.mail-composs form.mui-form .mui-textfield input {padding:15px 16px; min-height:48px;}
	.mail-composs form.mui-form .mui-textfield textarea {padding:8px 16px; min-height: 110px;}
	.mail-composs form.mui-form .attechment {padding:15px 16px;}
	.attechment .md-checkbox {padding-left:30px;}
	.attechment .md-checkbox label:before {height:14px; width:14px; top:1px; border-width:1px;}
	.attechment .md-checkbox input[type="checkbox"]:checked + label:after {width:10px; height:5px; top:4px; left:2px; border-width:1px;}
	.attechment .md-checkbox label{padding-left:25px;}
	.mail-composs form.mui-form p {padding:15px 16px;}
	.project-chart .mui-btn {max-width:140px;}
	.site-information .mui-form, .contact-information .mui-form {padding:10px 16px 30px}
	.md-checkbox.marginbt {margin-bottom:30px;}
	.md-checkbox.marginbt3 {margin-bottom:15px; margin-top:10px;}
	.soft-audit-document .mui-btn.gray span {margin-left:0px;}
	.buttonsigned, .financial-thresholds {padding:16px 16px;}
	.financial-thresholds p {margin-bottom: 17px;}
	.financial-thresholds p span b {width:10px; height:10px; margin-right:10px; margin-top:5px;}
	
	.project-info ul li, .project-button {padding:15px 16px;}
	.project-button .mui-btn {margin:0px 10px 10px 0px;}
	.project-button .mui-btn:last-child {margin-right:0px;}
	.photo-list ul li a {padding:15px 16px;}
	.photofolderdiv .headerc span.icon-Folder, .fixture-folderdiv .headerc span.icoall {margin-right:15px;}
	.submit-audit {padding:20px 16px 23px;}
	.costperform {padding:24px 16px 20px;}
	.costperform .mui-textfield>label {top:-3px;}
	.fixturelistdiv {padding:15px 16px;}
	.fixtureflag {top:0px;}
	.fixturetext h3 {padding:0px 0px 9px 0px;}
	.addfixture {width:54px; height: 54px;}
	.sitedetails {padding:27px 16px;}
	.sitedetails-list {margin-bottom:30px; line-height:26px;}
	.onoffswitch {width:55px;}
	.onoffswitch-switch {margin:2px; width:22px; height: 22px;}
	.onoffswitch-inner:before, .onoffswitch-inner:after {height:26px; padding-left:6px; line-height:26px;}
	.onoffswitch-inner:before {padding-left:5px;}
	.onoffswitch-inner:after {padding-right:6px;}
	.onoffswitch-switch {right:29px;}
	.siteinfo .new-lead-button {padding:15px 16px 30px 16px;}
	.fixture-information .mui-form {padding:9px 16px;}
	.fixture-information .mui-form .mui-textfield, .fixture-information .mui-form .mui-select {margin-bottom:17px;}
	.fixture-information .md-checkbox label {padding-left:25px;}
	.fixture-information .notes .md-checkbox {margin: 0px;}
	.fixture-information .mui-form h3 {margin:15px 0px;}
	.checkbox-padding .md-checkbox.marginbt3 {margin-bottom:10px;}
	.table-div {padding:15px 32px;}
	.table-div .mui-col-xs-6:first-child, .table-div .mui-col-xs-6:last-child {line-height:22px; padding: 8px 0px;}
	.table-div-text {padding:22px 16px;}
	.table-div-text p {line-height:24px; margin-bottom: 15px;}
	.fixture-information .notes .mui-textfield>textarea {line-height:normal; padding: 10px 15px;}
	.notification-div {padding:15px 16px;}
    #projectcalendar {padding:16px 16px;}
     #calendar {padding:16px 16px;}
    .status-text .reply {margin-top:12px;}
    .custominput span.k-widget + script + label{line-height:22px;}
    .custominput-c span.k-widget + script + label{line-height:22px;}
    .custominput-b span.k-widget + script + label{line-height:22px;}
    .custominput-f span.k-widget + script + label{line-height:22px;}
.custominput span.k-state-focused + script + label, .custominput span.k-state-hover + script + label,
.custominput-c span.k-state-focused + script + label, .custominput-c span.k-state-hover + script + label,
.custominput-b span.k-state-focused + script + label, .custominput-b span.k-state-hover + script + label,
.custominput-f span.k-state-focused + script + label, .custominput-f span.k-state-hover + script + label { top:-26px;}
.autofocus span.k-state-default + script + label{top:-26px;} 
}

@media (max-width:479px){
body {font-size:14px;}
#header .mui-appbar {padding:0px; min-height:56px;}
.logo img {max-width:210px;}
.login-bg {padding: 40px 30px 40px;}
.login-form{padding:0px 0px 0px}
.login-form .login-pageform{padding:35px 0px 65px;}
.login-form .mui-form legend {margin-bottom:20px;}
.login-pageform .mui-textfield.mui-textfield--float-label > label {line-height: normal; margin-bottom:5px;}
.login-pageform .mui-textfield>input {height:52px; padding:5px 10px;}
.login-pageform .mui-btn {height:42px; line-height:42px; max-width:130px;}

.remember-forgot {margin-bottom:20px;}
.remember-forgot .md-checkbox label:before {height:14px; width:14px; top:1px; border-width:1px;}
.remember-forgot .md-checkbox input[type="checkbox"]:checked + label:after {width:10px; height:5px; top:4px; left:2px; border-width:1px;}
.remember-forgot .md-checkbox label {padding-left:25px;}
	.logo-header{padding:10px 0px 0px;}
	.logo-header img {height:38px;}
	.mobilemenu {margin:17px 0px 0px 0px;}
	.mobilemenu .hamburger {width:20px; height:20px;}
	.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom{ height:2px;}
	.hamburger.is-closed .hamb-middle {margin-top:-1px;}
	.hamburger.is-closed .hamb-top {top:2px;}
	.hamburger.is-closed .hamb-bottom {bottom:2px;}
	.md-checkbox label:before {height:14px; width:14px; top:1px; border-width:1px;}
	.md-checkbox input[type="checkbox"]:checked + label:after {width:10px; height:5px; top:4px; left:2px; border-width:1px;}
	.md-checkbox label {padding-left:25px; display:inline-block;}
	.dropdown-rightside .mui-dropdown__menu {left:auto; right:0px;}
	.mui-dropdown__menu:before {left:50%; margin-left:-10px;}
	.leftsection {padding-top:56px;}
	.sidebar-menu {padding:15px 0 154px; height:100%;}
	.sidebar-menu > li > a {padding:10px 25px 10px 25px;}
	.sidebar-menu > li > a span.menutitle {padding:3px 0px 3px 40px;}
	.sidebar-menu .treeview-menu > li > a {padding:10px 0px 10px 55px; font-family: 'robotolight';}
	.profile-div img {width:69px;height:69px;}
	.cover-photo {padding:25px 0px 50px; border-bottom-width:10px;}
	.profile-div .rrofilename {padding:5px 0px;}
	.content-part {margin-top:-33px;}
	a.box {padding:28px 0px 15px;}
	a.box span.title {padding:5px 0px 0px 0px;}
	a.box p b {height:24px; width:24px; right:-25px; top:-15px; padding:3px 0px;}

	.mui-select__menu {min-height:inherit;}
	.mui-textfield, .mui-select {margin-bottom:16px; padding-top:8px;}	
	.mui-select>select {height:42px; line-height:42px;}
	.mui-textfield--float-label>label {line-height:34px;}
	.mui-textfield>input {height:41px; line-height:41px;}
    .mui-textfield>input .mui-textfield>textarea {height:50px; line-height:50px;}
    
    .mui-select__menu>div {line-height:46px; height:46px;}
    .mui-textfield > input:focus {
        line-height: 41px;
        height: 41px;
        border-bottom-width: 2px;
        box-shadow: none;
    }    
    .mui-select>select:focus {line-height:42px; height:42px; border-bottom-width:2px;}
	.mui-textfield--float-label>input:focus~label, .mui-textfield--float-label>textarea:focus~label {top: -5px;}
	.mui-select:focus>select { height:42px; line-height:42px; border-bottom-width:2px;}
	.mui-textfield--float-label>input:not(:focus).mui--is-not-empty~label, .mui-textfield--float-label>input:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label, .mui-textfield--float-label>input:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label, .mui-textfield--float-label>textarea:not(:focus).mui--is-not-empty~label, .mui-textfield--float-label>textarea:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label, .mui-textfield--float-label>textarea:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label {line-height:0px;}
    .mui-textfield > input:invalid:not(:focus):not(:required), .mui-textfield > input.mui--is-empty.mui--is-touched:invalid:required:not(:focus), .mui-textfield > input.mui--is-not-empty:invalid:required:not(:focus), .mui-textfield > input:invalid:required:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > input[value]:invalid:required:not(:focus):not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > input.mui--is-invalid:not(:focus):not(:required), .mui-textfield > input.mui--is-invalid.mui--is-empty.mui--is-touched:required:not(:focus), .mui-textfield > input.mui--is-invalid.mui--is-not-empty:required:not(:focus), .mui-textfield > input.mui--is-invalid:required:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > input.mui--is-invalid[value]:required:not(:focus):not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) {
height:42px; line-height:42px}
	.date span {margin-top:-2px;}

	.tabaudit-text p {line-height:24px;}
	.tabaudit-text .mui-btn+.mui-btn {max-width:156px;}
	.main-title {padding:16px 16px}
	.main-title .righticon, .back-div a.send {top:20px; right:16px;}
	.main-title p.date-title {padding-top:0px;}
    .fixture-information .mui-form .lead-details {  margin:0px -16px; }
    .lead-details {min-height:inherit; padding: 16px;}
	.inner-title {/*min-height:inherit;*/ padding: 16px;}
    .fixture-information .inner-title {min-height:48px;}
	.mui-form {padding:0px 16px 16px;}

	.owl-carousel.owl-drag .owl-item li a span sup {width:14px; height:14px; font-size:9px; line-height:15px; right:-9px;}
	.photoadddiv p, .photoadddiv a, .photoadddiv p a {padding:12px 16px; border-bottom-width:1px;}
	.photoadddiv p img, .photoadddiv a img,.photoadddiv p a img{width:32px;}
    .photoadddiv p img, .photoadddiv a img,.photoadddiv p a img {height:32px;object-fit:cover;}
	.photoadddiv p span, .photoadddiv a span, .photoadddiv p a span, .photoadddiv a span,.audit-pic a span {padding:0px 0px 0px 17px;}

    /*05032018*/
    .photoadddiv p, .photoadddiv a, .photoadddiv p span {padding:12px 16px; border-bottom-width:1px;}
	.photoadddiv p img, .photoadddiv a img,.photoadddiv p span img{width:32px;}
    .photoadddiv p img, .photoadddiv a img,.photoadddiv p span img {height:32px;object-fit:cover;}
    /*05032018*/



	.mui-btn {height:36px; line-height:36px; max-width:140px; width:100%; margin-bottom:10px;}
	.new-lead-button {padding:16px;}
	.new-lead-button button {margin-bottom:15px;}
    .fes-team-row {padding:10px 10px 8px;}
	.fes-team-row .designation {line-height:25px;}
	.back-div {padding: 19px 16px 18px}
    .drop-down .k-dropdown-wrap {
    padding-right:20px;}
	.dropdowngreen, .assign-div {padding:8px 16px 7px;}
	.settings {padding:10px 16px; border-bottom-width:1px;}
    .settings .drop-down .k-dropdown-wrap { padding-right:20px;}
.settings .drop-down .k-dropdown-wrap .k-input, .settings .drop-down .k-select {line-height:24px;}

.settings .mui-col-xs-8 .drop-down .k-select {line-height:24px;   }

	.setting-menu .mui-form {padding:0px 16px 35px;}
	
	.settings .priority>select {margin-left:25px;}
	.settings .mui-select span.icon-arrow-yel {margin-top:14px; }
	.settings .assign-select .img-radius {width:42px; margin-top:5px;}
	.mui-dropdown .mui-btn--primary {height:28px; line-height:28px;}
    
	.customassign .img-radius, .auditdiv .img-radius, .fixtureimg, .notification-div img {width:25px; margin-top:0px;margin-left:10px;}
	.customassign .mui-dropdown, .audit-text, .fixturetext, .notification-div .notification-text {margin-left:60px;}
	.customassign .mui-dropdown {margin-left:40px;}
	.notification-div .notification-text {padding-right:35px;}
	.notification-div .notification-text p {padding:5px 0px;}
	.notification-div .notification-text b {margin-right:5px;}
	.notification-div .notification-text .mui-btn {height:20px; line-height:18px;}
	
	.audit-div a.audit-fix {padding:15px 16px; border-top: 1px;}
	.statusdiv {height:37px; margin:5px 0px;}
	.auditdiv {padding:15px 16px;}
	.tabaudit-text {padding:16px;}
	.tabaudit-text p {margin-bottom:32px;}
	/*.audit-text p a, .audit-text p a.green, .audit-text p a.blue {padding-right:15px;}*/
	/*.audit-text p a span[class^="icon-"], .audit-text p a span[class*=" icon-"] {top:3px;}*/
	
	.main-title span.icon-arrow-yel, .main-title span.icon-arrow-red {top:20px; right:16px;}
    	.main-title span.icon-arrow-yel, .main-title span.icon-arrow-priority {top:25px; right:16px;}
	.owl-carousel.owl-drag .owl-item li {padding:12px 0px 8px;}	
	.owl-carousel.owl-drag .owl-item li a b {padding-top:5px;}
	.mui-btn+.mui-btn {margin-left:10px; margin-bottom:10px; max-width:155px;}
	.status-fix {padding:20px 16px 0px;}
	.status-fix .img-radius, .status-comment-fix .img-radius {width: 32px;}
	.status-text, .status-comment-text {margin-left:48px;}
	.status-text .comment {margin-top:12px; padding:15px;}
	.status-comment-box {padding:15px 16px 0px;}
	.status-comment-text .mui-form .mui-textfield textarea {padding:5px 7px; height:38px; line-height:28px; min-height: inherit;}
	.status-comment-text .mui-form {margin-bottom:15px;}
	
	.status-comment-text .project-button button {max-width:100px;}
	.status-comment-text .project-button .mui-btn+.mui-btn {margin-left:0px;}
	
	.button-div .mui-btn {max-width:100px; margin: 0px;}
	.button-div .mui-btn:first-child {margin-right:10px;}
    .soft-audit-document ul li {padding: 15px 16px; border-top: 0px; width: 100%; float: left;}
    .soft-audit-document.sublistingaudit ul a{padding:15px 16px; border-top:0px; }
	.soft-audit-document p {padding:15px 16px;}
	.headerc, .cbody ul li a {padding:15px 16px;}
    .soft-audit-document .doc-file-list {padding-left:20px;}
	.headerc span.icon-angle-arrow-down {top:5px;}
	.mail-composs form.mui-form .mui-textfield input {padding:15px 16px; min-height:48px;}
	.mail-composs form.mui-form .mui-textfield textarea {padding:8px 16px; min-height: 110px;}
	.mail-composs form.mui-form .attechment {padding:15px 16px;}
	.attechment .md-checkbox {padding-left:30px;}
	.attechment .md-checkbox label:before {height:14px; width:14px; top:1px; border-width:1px;}
	.attechment .md-checkbox input[type="checkbox"]:checked + label:after {width:10px; height:5px; top:4px; left:2px; border-width:1px;}
	.attechment .md-checkbox label{padding-left:25px;}
	.mail-composs form.mui-form p {padding:15px 16px;}
	.project-chart .mui-btn {max-width:140px;}
	.site-information .mui-form, .contact-information .mui-form {padding:10px 16px 30px}
	.md-checkbox.marginbt {margin-bottom:30px;}
	.md-checkbox.marginbt3 {margin-bottom:15px; margin-top:10px;}
	.soft-audit-document .mui-btn.gray span {margin-left:0px;}
	.buttonsigned, .financial-thresholds {padding:16px 16px;}
	.financial-thresholds p {margin-bottom: 17px;}
	.financial-thresholds p span b {width:10px; height:10px; margin-right:10px; margin-top:5px;}
	
	.project-info ul li, .project-button {padding:15px 16px;}
	.project-button .mui-btn {margin:0px 10px 10px 0px;}
	.project-button .mui-btn:last-child {margin-right:0px;}
	.photo-list ul li a {padding:15px 16px;}
	.photofolderdiv .headerc span.icon-Folder, .fixture-folderdiv .headerc span.icoall {margin-right:15px;}
	.submit-audit {padding:20px 16px 23px;}
	.costperform {padding:24px 16px 20px;}
	.costperform .mui-textfield>label {top:-3px;}
	.fixturelistdiv {padding:15px 16px;}
	.fixtureflag {top:0px;}
	.fixturetext h3 {padding:0px 0px 9px 0px;}
	.addfixture {width:54px; height: 54px; line-height:54px;}
	.sitedetails {padding:27px 16px;}
	.sitedetails-list {margin-bottom:30px; line-height:26px;}
	.onoffswitch {width:55px;}
	.onoffswitch-switch {margin:2px; width:22px; height: 22px;}
	.onoffswitch-inner:before, .onoffswitch-inner:after {height:26px; padding-left:6px; line-height:26px;}
	.onoffswitch-inner:before {padding-left:5px;}
	.onoffswitch-inner:after {padding-right:6px;}
	.onoffswitch-switch {right:29px;}
	.siteinfo .new-lead-button {padding:15px 16px 30px 16px;}
	.fixture-information .mui-form {padding:9px 16px;}
	.fixture-information .mui-form .mui-textfield, .fixture-information .mui-form .mui-select {margin-bottom:17px;}
	.fixture-information .md-checkbox label {padding-left:25px;}
	.fixture-information .notes .md-checkbox {margin: 0px;}
	.fixture-information .mui-form h3 {margin:15px 0px;}
	.checkbox-padding .md-checkbox.marginbt3 {margin-bottom:10px;}
	.table-div {padding:15px 32px;}
	.table-div .mui-col-xs-6:first-child, .table-div .mui-col-xs-6:last-child {line-height:22px; padding: 8px 0px;}
	.table-div-text {padding:22px 16px;}
	.table-div-text p {line-height:24px; margin-bottom: 15px;}
	.fixture-information .notes .mui-textfield>textarea {line-height:normal; padding: 10px 15px;}
	.notification-div {padding:12px 16px;}
	.modal-body {padding:0px 0px;}
	.statusreasons .md-checkbox label {padding:0 0 0 25px;}
	.statusreasons .md-checkbox label:before {top:3px;}
	.statusreasons .md-checkbox input[type="checkbox"]:checked + label:after {top:6px;}

    .drop-down .k-dropdown-wrap .k-input, .drop-down .k-select {    line-height:37px;}
    .md-checkbox label:before {height:14px; width:14px; top:1px; border-width:1px;}
	.md-checkbox input[type="checkbox"]:checked + label:after, .md-checkbox input[type="checkbox"]:checked + input[type="hidden"] + label:after {width:10px; height:5px; top:4px; left:2px; border-width:1px;}
    
	.md-checkbox label {padding-left:25px;}

    #dvDisplayPriority  .mui-dropdown { max-width:165px;}
    
    
    .taskfollowers .mui-dropdown__menu:before {left:50%;}
        .taskfollowers .mui-dropdown .mui-btn--primary {
        height:auto; line-height:normal;}
    .taskfollowers .button-div .mui-btn {max-width:86px;}

    .assign-div .drop-down .k-dropdown-wrap .k-input, .assign-div .drop-down .k-select {line-height:22px;}
    .assignto-status {margin-bottom:15px;}
    .assign-status .mui-btn {max-width:85px;}
    .padding-topcust {padding-top:22px !important;}
    .padding-topcust label {font-size:0.714em; line-height:20px; top:-20px;}
    #projectcalendar {padding:16px 16px;}
     #calendar{padding:16px 16px;}
    .fixture-information .mui-form .new-lead-button
    {margin:0px -16px;}
    .color-custom    { width:16px;}
    .auditdiv .name-img-small { width:32px; height:32px; line-height:32px;}
    .status-text .reply {margin-top:12px;}
    .actionbtn{ padding:15px 0px;}
    .fiter-button input {max-width:130px;}
    .deletephoto{height:10px !important;width:10px !important;}
    .custominput span.k-widget + script + label,
     .custominput-c span.k-widget + script + label,
     .custominput-b span.k-widget + script + label,
     .custominput-f span.k-widget + script + label{line-height:16px;}
.custominput span.k-state-focused + script + label, .custominput span.k-state-hover + script + label ,
.custominput-c span.k-state-focused + script + label, .custominput-c span.k-state-hover + script + label ,
.custominput-b span.k-state-focused + script + label, .custominput-b span.k-state-hover + script + label ,
.custominput-f span.k-state-focused + script + label, .custominput-f span.k-state-hover + script + label { top:-20px;}
.autofocus span.k-state-default + script + label{top:-20px;}
#dvOperationalAverageHours .mui-textfield > input{height: 52px !important;}

    #topfix2 {
        top: 55px;
    }
    .salenewreport-cw {
        top: 165px;
    }
    .salseheadermain .owl-carousel.owl-drag .owl-item li a, .salseheadermain .owl-carousel.owl-drag .owl-item li a b {
        font-size: 12px;
    }

    .salereportmodal {
        top: 163px;
        height: calc(100vh - 163px);
    }

    .cbody .soft-audit-document ul li a.executedtext {
        float: left;
        width: calc(100% - 30px);
    }

    .cbody .soft-audit-document ul li a.upload-docs {
        float: right;
    }
}
/*----  End (max-width:479px) ----*/

@media (max-width:359px){
body {font-size:11.77px;}
.mui-btn {height:36px; line-height:36px; max-width:140px; width:100%; margin-bottom:10px;}
.addfixture {width:54px; height: 54px; line-height:54px;}

.taskfollowers .button-div .mui-btn {max-width:70px;}
.assign-status .mui-btn {max-width:70px; padding:0px 5px; }
.assign-status .mui-btn:first-child {margin-right:5px;}
.status-text .reply {margin-top:12px;}
}