/**
 *
 * Apply Here your Custom CSS
 *
*/

body {
}

body,
html {
    height: 100%;
    color: #555;
}

a:hover {
    cursor: pointer;
}

.sidebar-mobile-menu {
    margin-top: -7px;
}

.sidebar-collapse {
    margin-top: -10px;
}

.page-container .main-content {
    padding: 20px 20px 10px;
}

.page-container .tile-stats .icon {
    /*bottom: 35px;*/
    bottom: 56px; /*firefox,safari,internet exp*/
}

.labelForChk {
    float: left;
    margin: 3px 5px;
}

.fLeft {
    float: left;
}

.fRight {
    float: right;
}

.fLeftInput input, .fLeftInput label {
    float: left;
    margin: 3px 2px;
}

.pl25 {
    padding-left: 25px;
}

.pl5 {
    padding-left: 5px;
}

.pl20 {
    padding-left: 20px;
}

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

.p5, .p5 td {
    padding: 5px;
}

.pl15, #conAddActualHrs td.pl15 {
    padding-left: 15px;
}

.pl30, #conAddActualHrs td.pl30 {
    padding-left: 30px;
}

.mt0, input[type='radio'].mt0 {
    margin-top: 0;
}

.mr8 {
    margin-right: 8px;
}

.oldSiteItemTable {
    width: 100%;
}

#conAddActualHrs .siteItemLabor_0 td {
    padding-top: 10px;
}

.oldSiteItemTable th {
    padding: 5px;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
}

.oldSiteItemTable td {
    vertical-align: top;
}

.oldSiteItemTable.newTable td {
    vertical-align: middle;
}

.selectedSiteItem {
    /*background-color:#A6A6A6;*/
    background-color: #f5f5f6;
}

.page-container .pr, .page-container.overFlow {
    overflow: hidden;
}

.tabHeader {
    border-bottom: 1px solid #ebebeb;
    padding: 10px 15px;
    float: left;
    width: 100%;
}

#getPickListContent .tabHeader {
    padding: 0 0 15px;
}

#detailContent {
    margin-bottom: 10px;
}

#gcListModal label {
    margin-bottom: -5px;
}

#gcListModal td {
    padding: 4px;
}

.nav > li > a {
    padding: 10px 7px;
}

hr.layoutHr {
    margin: 17px -20px;
}

.customSearchBtnsCntr {
    height: 45px;
}

.mail-env .mail-sidebar .mail-menu > li .customSearchBtnsCntr a {
    padding: 2px 10px;
    display: inline;
    position: absolute;
    right: 50px;
    top: 8px;
}

.customSearchBtnsCntr .btn-sm {
    position: absolute;
    right: 0;
    top: 8px;
}

.noResults {
    color: #555;
}

.customSearchBtnsCntr .disabled {
    opacity: 0.5;
}

.mail-env .mail-sidebar {
    width: 15%;
}

.mail-env .mail-body {
    width: 85%;
}

.lessPadding.table-bordered > tbody > tr > td.rightAlign {
    padding: 5px 30px;
}

.calendardatePicker {
    position: absolute;
    left: 50%;
    z-index: 12345678;
}

[readonly].form-control.datepicker {
    background-color: #FFFFFF;
    border: 1px solid #c8cdd7;
}

#monthValue.form-control {
    background-color: #FFFFFF;
    border: 1px solid #c8cdd7;
}

[readonly].form-control.timepicker {
    background-color: #FFFFFF;
    border: 1px solid #c8cdd7;
}

[readonly].form-control.timepicker24Hours {
    background-color: #FFFFFF;
    border: 1px solid #c8cdd7;
}

.bInputGroup {
    border: 1px solid #c8cdd7;
    border-radius: 3px;
}

div.datepicker table tr td span.active, div.datepicker table tr td span.active:hover,
div.datepicker table tr td span.active.disabled, div.datepicker table tr td span.active.disabled:hover {
    background-color: #981b1b;
}

input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled],
.radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled],
fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
    cursor: default;
}

.disabledStatus {
    opacity: 0.5;
}

.mail-env .mail-sidebar-row {
    background-color: #e4e0e0;
    padding: 1px 5px;
}

.bInputGroup .form-control, .bInputGroup .input-group-addon {
    border: none;
}

.statusLable {
    margin: 0 10px 0 3px;
}

.ipDropdown .locationBtn {
    margin: -12px 5px -13px;
}

.ipDropdown-menu {
    margin-left: 5px;
    margin-top: 9px;
}

@media (max-width: 767px) {
    .chkBoxContainer input[type='checkbox'] {
        float: left;
    }

    .chkBoxContainer label.forCheck {
        float: left;
        margin-left: 5px;
        margin-top: 3px;
    }

    .oldSiteItemTable th {
        padding: 5px 3px;
    }

    .oldSiteItemTable td {
        padding: 3px;
        vertical-align: top;
    }

    .oldSiteItemTable.newTable td {
        vertical-align: middle;
    }

    .oldSiteItemTable tr:nth-child(2) td {
        padding-top: 8px;
    }

    .alert {
        min-width: 100% !important;
        max-width: 100% !important;
    }

        .alert span {
            text-align: left;
        }

    #documents .member-entry {
        padding: 0px 10px 5px 10px;
        margin-bottom: 5px;
        background-color: #FFf;
        border-radius: 5px;
    }

        #documents .member-entry:last-child {
            margin-bottom: 0;
        }

        #documents .member-entry .member-details h4 {
            margin-top: 10px;
            font-size: 13px;
            font-weight: bold;
            margin-bottom: 0;
        }

            #documents .member-entry .member-details h4 > div, #documents .member-entry .member-details .info-list > div {
                font-size: 12px;
                margin-top: 5px;
            }

    .page-body .page-container {
        height: 100%;
    }

        .page-body .page-container .main-content {
            padding: 10px 20px 10px 20px;
        }

    hr {
        margin-bottom: 10px;
        margin-top: 10px;
    }

        hr.layoutHr {
            margin: 5px 0 17px;
        }

    footer.main {
        margin-left: 0;
    }

    #userHeader td {
        padding-bottom: 5px;
    }

        #userHeader td:first-child {
            max-width: 150px;
        }

        #userHeader td:last-child {
            min-width: 90px;
        }

    .ipDropdown .locationBtn {
        margin: -8px 5px 0px;
    }

    .ipDropdown-menu {
        margin-left: -48px;
    }

    .itemFilters.statusFilter {
        float: right;
        margin-right: -5px;
    }    
}

.locationNameOnTab {
    width: 90%;
    max-width: 153px;
}

.locationCountOnTab {
    width: 10%;
    padding-right: 4px;
}

.member-entry .member-details h4 {
    margin-top: 20px;
}

.mail-env.serviceOrderEnv .mail-body .mail-header h3.mail-title {
    width: 70%;
}

.mail-env.serviceOrderEnv .mail-body .mail-header .mail-search {
    width: 30%;
}

.ie .mail-env.serviceOrderEnv .mail-body .mail-header h3.mail-title {
    width: 65%;
}

.ie .mail-env.serviceOrderEnv .mail-body .mail-header .mail-search {
    width: 32%;
}

.calendardatePicker {
    position: absolute;
    left: 50%;
    z-index: 12345678;
}

li.taskType a {
    cursor: pointer;
}

@media (min-width:769px) and (max-width: 800px) {
    .locationNameOnTab {
        max-width: 99px;
    }

    .locationNameOnTab {
        width: 80%;
    }

    .calendardatePicker {
        position: absolute;
        left: 50%;
        z-index: 12345678;
    }
}



@media (min-width: 768px) and (max-width: 1024px) {
    .bmail-env.mail-env .mail-sidebar {
        width: 7%;
    }

    .bmail-env.mail-env .mail-body {
        width: 93%;
    }

    .mail-env .mail-sidebar .mail-menu.detailTabContainer > li.taskType a {
        padding: 8px 8px 8px 16px;
    }

    .mail-env .mail-sidebar {
        width: 17%;
    }

    .mail-env .mail-body {
        width: 83%;
    }

    .locationCountOnTab {
        width: 4%;
    }

    #locationUl {
        width: 100%;
    }

    #Itemscontainer {
        width: 100%;
        padding-left: 0;
    }

    .locationTabTitle {
        color: #981b1b;
        font-weight: bold;
    }

    .mail-env .mail-body .mail-header div.mail-title {
        width: 56%;
        display: inline;
    }

    .mail-env.serviceOrderEnv .mail-body .mail-header div.mail-title {
        width: 50%;
    }

    #general .col-sm-8 {
        padding-right: 0;
    }

    #general .col-sm-2 {
        padding: 0;
    }

    .mail-env .mail-body .mail-header .mail-links {
        width: 20%;
        display: inline;
        position: absolute;
        right: 15px;
        top: 10px;
    }

    .mail-env .mail-body .mail-header h3.mail-title {
        width: 65%;
    }

    .mail-env .mail-body .mail-header .mail-search {
        width: 35%;
    }

    .mail-env.orderEnv .mail-body .mail-header h3.mail-title, .mail-env.orderEnv .mail-body .mail-header div.mail-title {
        width: 44%;
    }

    .mail-env.orderEnv .mail-body .mail-header .mail-search {
        width: 55%;
    }

    .member-entry .member-details h4 {
        margin-top: 30px;
    }

    .calendardatePicker {
        position: absolute;
        left: 50%;
        z-index: 12345678;
    }

    .form-control.customDatepicker {
        padding: 6px 6px;
        text-align: center;
    }

    .mail-env .mail-body.orderDetailContainer .mail-header .mail-title {
        width: 48%;
    }

    .mail-env .mail-body.orderDetailContainer .mail-header .mail-search {
        width: 52%;
    }

    .custom-mail-header .mail-title {
        width: 52%;
    }

    .custom-mail-header .mail-links {
        max-width: 48%;
    }
}

@media (min-width:801px) and (max-width: 980px) {
    .locationNameOnTab {
        max-width: 135px;
    }

    .calendardatePicker {
        position: absolute;
        left: 50%;
        z-index: 12345678;
    }
}

@media (min-width:641px) and (max-width: 768px) {
    .locationNameOnTab {
        max-width: 90px;
    }

    .calendardatePicker {
        position: absolute;
        left: 50%;
        z-index: 12345678;
    }
}

/*custom mail-header - start*/
@media (min-width:1025px) {
    .bmail-env.mail-env .mail-sidebar {
        width: 12%;
    }

    .bmail-env.mail-env .mail-body {
        width: 88%;
    }

    .mail-env .mail-sidebar .mail-menu.detailTabContainer > li.taskType a {
        padding: 8px 8px 8px 10px;
    }

    .mail-env .mail-body.orderDetailContainer .mail-header .mail-title {
        width: 60%;
    }

    .mail-env .mail-body.orderDetailContainer .mail-header .mail-search {
        width: 40%;
    }

    .custom-mail-header .mail-title {
        width: 65%;
    }

    .custom-mail-header .mail-links {
        max-width: 35%;
    }

    #gContentB .col-lg-2 {
        width: 150px;
    }

    #gContentB .col-lg-7 {
        width: 600px;
    }

    #gContentB .col-lg-8 {
        width: 650px;
    }
}

    .mail-env .mail-body .mail-header.selectedLocation .mail-title {
        font-size: 14px;
    }

    .selectedLocation {
        width: 100%;
        float: left;
        font-size: 12px;
        padding: 10px 15px;
    }

        .selectedLocation .sDropdown-menu li, .locationTd .locationA, .selectedLocation .ipDropdown-menu li {
            font-size: 12px;
        }

        .selectedLocation img {
            /*margin-left:10px;*/
        }

    .custom-mail-header {
        padding: 15px 10px 8px;
        display: table;
        width: 100%;
        border-bottom: 1px solid #ebebeb;
    }

        .custom-mail-header .mail-title {
            color: #303641;
            float: left;
            font-size: 20px;
            margin: 0;
            overflow: hidden;
            padding: 0 20px 0 0;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .custom-mail-header .mail-links {
            text-align: right;
            float: right;
            max-width: 300px;
        }

    .mail-env .mail-sidebar .mail-menu.detailTabContainer {
        border-top: none;
    }

    .locationBtn {
        padding: 10px;
        line-height: 0;
        margin: -14px 5px -11px 0;
    }

    .approvedBtn {
        padding: 5px;
        line-height: 0;
        margin: -14px 5px -11px 0;
    }
    /*.sltLocation {
    float:left;
    margin-right:5px;
    max-width:80%;
}*/
    /*custom mail-header - end*/

    .nav > li.locationTab > a {
        padding-right: 0;
    }

    .locationNameOnTab {
        padding-right: 4px;
        word-wrap: break-word;
    }

    .table-bordered tr.tableHead {
        height: 33px;
    }

    #table-2 tr.tableHead {
        height: 41px;
    }

    .table-bordered tr.tableHead > td {
        background-color: #f5f5f6;
        font-weight: bold;
        color: #555;
    }

    #installersListContainer {
        display: none;
        padding-top: 20px;
    }

    #userHeader td:first-child a {
        color: #2b303a;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        word-wrap: break-word;
    }

    a:hover, a:active, a:focus {
        outline: 0;
    }

    .mail-env {
        margin-top: -18px;
        /*border-top: 1px solid #ebebeb;*/
        margin-left: -20px;
        margin-right: -20px;
    }

    .hiddenButton, .hiddenPanel, .siteItemRadioContainer {
        display: none;
    }

    .actualHrs:read-only {
        border: none;
    }
    /*.modal-backdrop
{
    z-index:1;
}*/
    /*.modal.fade.in
{
    background-color:rgba(0,0,0,0.5);
}*/
    .mail-env .mail-sidebar .mail-menu > li.taskType a {
        padding: 8px 8px 8px 16px;
        text-decoration: none;
        /*width:200px;*/
    }

    .mail-env .mail-sidebar .mail-menu > li.advSrcArchived {
        padding: 10px 0 4px 17px;
        color: #981b1b;
        cursor: pointer;
    }

    .advSrcArchived label {
        cursor: pointer;
    }

    .advSrcArchived input[type="checkbox"] {
        float: left;
        margin: 0 5px 0 0;
    }

    footer.main {
        position: absolute;
        bottom: 0;
        width: 100%;
        margin-left: -20px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .page-container .sidebar-menu .logo-env {
        padding: 24px 10px 8px;
    }

    .taskListContainer .tile-header {
        line-height: 20px;
        padding: 5px 0 5px 5px;
    }

        .taskListContainer .tile-header a {
            text-decoration: none;
        }

    .tile-dtools-red .tile-block .tile-content {
        padding: 10px;
    }

    .installersContent .tile-header {
        padding: 5px 10px;
    }

        .installersContent .tile-header i {
            font-size: 12px;
        }

    .installersContent .tile-content {
        background-color: rgba(235, 235, 235, 0.9);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding: 10px 0 10px 5px;
        border-radius: 0 0 5px 5px;
    }

    .taskListContainer .tile-content {
        background-color: white;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding: 5px;
        border-radius: 0 0 5px 5px;
    }

    .login-page .login-content {
        padding: 0 0 20px;
    }

    .login-page .login-form {
        padding-top: 40px;
    }

    .tile-block.tile-dtools-red {
        background: none repeat scroll 0 0 rgb(152, 27, 27);
        border: 1px solid #981b1b;
        color: #373e4a;
        margin-bottom: 10px;
    }

    #installersContent .tile-block:last-child {
        margin-bottom: 0;
    }
    /*.tile-block.tile-dtools-red .tile-header i, .tile-block.tile-dtools-red .tile-header a{
    color:#303641; 
}*/
    .tile-block.tile-dtools-red .title-content {
        background-color: rgba(220, 220, 220, 0.9);
    }

    .tile-dtools-red .tile-content .taskTitle {
        float: left;
        font-weight: bold;
        width: 100%;
    }

    .tile-content p {
        margin-bottom: 0;
    }

    .table > tbody > tr > td .label {
        float: left;
        width: 105px;
    }

    .cb-wrapper.label {
        line-height: inherit;
        font-size: 11px;
        font-weight: bold;
    }

    .taskListContainer .tile-content p {
        margin-top: 0;
    }

    .taskListContainer .tile-header i {
        font-size: 17px;
        top: 0;
        cursor: pointer;
    }

    .glyphicon.glyphicon-user.installerIcon {
        cursor: pointer;
    }

    .table.taskListTable tr td {
        padding-right: 0;
    }

    .taskListTable tr td:last-child {
        text-align: center;
    }

    .table.taskListTable th div {
        padding-top: 3px;
    }
    /*task installers modal*/
    #installersModal table {
        width: 100%;
    }

        #installersModal table tr {
            border-bottom: 1px solid #e5e5e5;
        }

        #installersModal table td {
            padding: 10px 20px;
        }

        #installersModal table th {
            font-weight: bold;
            padding: 5px 0 5px 20px;
        }
    /*#taskInstallers table td:last-child {
    text-align:right;
    padding:10px 20px 10px 5px;
}*/
    #taskInstallers table td:first-child {
        max-width: 200px;
        padding-right: 0;
        word-wrap: break-word;
    }

    #taskInstallers .modal-footer {
        border-top: none;
        margin-top: 0;
    }

    .control-label {
        color: #000 !important;
    }
    /*task installers modal*/
    .cXtra .col-md-8.col-xs-8 {
        padding-top: 5px;
    }

        .cXtra .col-md-8.col-xs-8 > label {
            margin-left: 5px;
        }

    .cXtra .form-control {
        margin-bottom: 10px;
    }

    .modal-footer {
        margin-top: 0;
    }

    .actualHrs:read-only {
        border: none;
    }

    .actualHrs:-moz-read-only {
        border: none;
    }

    .actualHrs.form-control {
        display: inline;
        background-color: #FFF;
    }

    .alert {
        /*position: absolute;    
    font-size: 12px;
    font-weight: normal;    
    max-width: 500px;
    vertical-align: middle;
    text-align: left;
    z-index: 1000001;
    padding: 10px;  
    margin: 150px auto;
    border: 1px solid transparent;
    border-radius: 3px;*/
        /*secondcode*/
        /*position: fixed;
    top: 0px;
    left: 25%;
    right: 25%;
    z-index: 1000001;
    padding: 10px; 
    font-size: 12px;
    font-weight: normal;    
    max-width: 500px; 
    border: 1px solid transparent;
    border-radius: 3px;*/
        font-family: Arial,Helvetica,sans-serif;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 105;
        text-align: left;
        font-weight: bold;
        font-size: 100%;
        /*min-width:100%;*/
        /*color: white;*/
        padding: 2px;
        /*background-color: #8E1609;*/
    }

        .alert span {
            text-align: left;
            width: 95%;
            color: #000;
            font-weight: lighter;
        }

    .close-notify {
        /*white-space: nowrap;
        float: right;
        margin-right: 10px;
        text-decoration: none;
        margin-right:-10px;
        margin-top:-15px;
        border: 2px #981b1b solid;
        padding:2px 3px 0 3px;*/
    }

    .close-notify {
        background-color: #555;
        border-radius: 10px;
        color: #fff;
        float: right;
        font-size: 10px;
        font-weight: bold;
        margin-left: 10px;
        margin-top: 2px;
        padding: 0 3px;
        text-decoration: none;
        white-space: nowrap;
    }

        .close-notify a {
            color: #fff;
        }

    .loading {
        /*position: absolute;    
    font-size: 12px;
    font-weight: normal;    
    max-width: 500px;
    vertical-align: middle;
    text-align: left;
    z-index: 1000001;
    padding: 10px;  
    margin: 10px 0px;
    border: 1px solid transparent;
    border-radius: 3px;*/
        left: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 100002;
        margin: 0 auto;
        top: 0;
        background-color: rgba(0, 0, 0, 0.3);
        overflow: hidden;
    }

    .MImodal {
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 100002;
        margin: 0 auto;
        background-color: rgba(0, 0, 0, 0.3);
    }

    .MImodal-dialog {
        margin: 150px auto;
        overflow: hidden;
        max-width: 500px;
    }

    .xsTaskList .label {
        margin-right: 5px;
    }

    .xsTaskList label {
        margin-bottom: 0;
    }

    .slider .ui-slider-handle .ui-label {
        color: #555555;
    }

    .installersList input[type="checkbox"] {
        margin: 4px 5px 0 0;
    }

    .table.table-bordered > thead > tr > td {
        color: #555;
        font-weight: bold;
    }
    /*modal-custom
.modal {
    height:100%;
    left:0;
    margin:0 auto;
    position:fixed;
    top:0;
    width:100%;
    z-index:1050;
    display: none;
}
.modal-dialog {
    margin:20px auto;
    width:auto;
    padding:10px;
}
/*modal-custom*/

    /*label new desing*/
    .chrome .custLbl {
        width: 90px;
    }

    .custLbl {
        width: 87px;
        font-weight: bold;
        float: left;
        margin-left: -2px;
    }

    .statusLableContainer .custLbl {
        margin-bottom: 0;
    }

    .overdueImg {
        width: 25px;
    }

    .xsTaskList .overdueImg {
        margin-top: -5px;
    }

    .mail-env .mail-body .mail-table.taskListTable thead tr th {
        padding-right: 0;
    }

    .labelInfo {
        color: #21a9e1;
    }

    .labelWarning {
        color: #DBA901;
    }

    .labelSuccess {
        color: #00a651;
    }

    .labelDanger {
        color: #cc2424;
    }

    .labelSecondary {
    }
    /*label new desing*/
    #mapContainer {
        position: relative;
        -webkit-transform: translateZ(0px);
        border-radius: 5px;
        border-color: #981b1b;
        display: none;
        text-align: right;
        /*border-top:1px solid #ebebeb;*/
        padding-top: 15px;
    }

    #generalContent .lessPadding {
        padding: 0 0 0 0;
    }

    .lessPadding.col-xs-6 {
        width: 30%;
    }

    #generalContent .xtraPercentage {
        width: 70%;
    }

    #map_canvas_xs {
        overflow: hidden;
    }

    #map_canvas {
        height: 250px;
        position: relative;
        overflow: hidden;
        -webkit-transform: translateZ(0px);
        background-color: rgb(229, 227, 223);
        border-radius: 5px;
        border: 1px solid #ebebeb;
    }

    .notifications.dropdown.actionContainer > a {
        display: none;
    }

    .notifications.dropdown.enble {
        background-color: #e8e6e6;
        border-radius: 3px;
        border: 1px solid #c0c0c0;
    }

        .notifications.dropdown.enble > a {
            float: right;
            padding: 0;
            height: 25px;
            margin-top: -3px;
            display: inline;
        }

        .notifications.dropdown.enble .dropdown-menu > li {
            text-align: left;
        }

            .notifications.dropdown.enble .dropdown-menu > li > a {
                padding: 6px 10px;
            }

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
        background-color: #e8e6e6;
    }

    .ui-page-theme-a a.ui-btn.updateAllButton.ui-state-disabled {
        background-color: #ffffff;
    }

    .ui-page-theme-a a.ui-btn.updateAllButton {
        background-color: #e9e9e9;
    }

    #actionPopup ul li a.markAsLink {
        font-weight: normal;
    }

    .table-bordered > thead > tr > td {
        background-color: #f5f5f6;
        border-bottom-width: 1px;
        color: #981b1b;
    }

    .unInstalledItem .entypo-check {
        display: none;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        border-left: none;
        border-right: none;
        text-align: left;
    }

    #itemNotes {
        resize: vertical;
        min-height: 30px;
        max-height: 100px;
    }

    #table-2 td:first-child {
        padding-left: 10px;
        text-align: left;
        padding-right: 0;
        width: 55px;
        text-align: center;
    }

    #table-2 td:nth-child(3) {
        text-align: left;
        /*width:50px;*/
        padding-left: 0;
    }
    /*#table-2 td:nth-child(2) {
        width:65px;
        text-align:center;
    }*/
    .gecko #table-2 td:first-child {
        width: 62px;
        text-align: center;
    }

    #table-2 td:last-child {
        max-width: 62px;
    }

    .showForEdit, .showForEditNotes, .showForEditPercent, .showForEditActualHrs, .showForEditStartDate, .showForEditEndDate, .showForEditProduct, .showForEditLabor, .showForEditSignature, .showForEditPriority {
        display: none;
    }

    .table > tbody > tr > td.statusContainer .label {
        margin: 0;
    }

    .table > tbody > tr > td.statusContainer {
        padding-top: 0;
        padding-bottom: 0;
    }

    .btn.btn-transp {
        background-color: transparent;
    }

    .btn.btn-white.removeButton {
        margin-left: 5px;
    }

    .infoIconButton {
        margin-left: 2px;
    }

    .form-control.itemNotesEdit {
        resize: vertical;
    }

    #itemInfo .row {
        padding: 3px;
    }

    #itemInfo i {
        display: none;
    }

    .col-lg-12.col-md-12.col-sm-12.col-xs-12.row {
        line-height: 30px;
        margin: 0;
        padding: 0;
        color: #555;
    }

    .btn.absBtn {
        float: right;
    }

    .btn-default.absBtn {
        margin-right: 5px;
    }

    .noRightPadding {
        padding: 0;
    }

    .noLeftPadding {
        padding-left: 0;
    }

    div.zeroPadding,
    span.zeroPadding,
    td.zeroPadding {
        padding: 0;
    }

    div.zeroMargin,
    span.zeroMargin,
    td.zeroMargin {
        margin: 0;
    }

    div.zeroRightMargin,
    span.zeroRightMargin,
    td.zeroRightMargin {
        margin-right: 0;
    }

    div.zeroLeftMargin,
    span.zeroLeftMargin,
    td.zeroLeftMargin {
        margin-left: 0;
    }

    div.zeroRightPadding,
    span.zeroRightPadding,
    td.zeroRightPadding {
        padding-right: 0;
    }

    div.zeroLeftPadding,
    span.zeroLeftPadding,
    td.zeroLeftPadding {
        padding-left: 0;
    }

    .installersList td:first-child {
        width: 70%;
    }

    .installersList td:last-child {
        text-align: right;
    }

    .installersList tr {
        border-bottom: 1px solid #e5e5e5;
    }

        .installersList tr:last-child {
            border-bottom: none;
        }

    .installersList td {
        padding: 5px 20px;
    }

    #editedTask {
        resize: vertical;
        min-height: 140px;
    }

    .safari .actionContainer {
        width: 51px;
    }

    .actionContainer {
        width: 50px;
        padding-left: 8px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .chrome .actionContainer {
        width: 53px;
    }

    .forInstalledTd {
        width: 77px;
    }

    .chrome .forInstalledTd {
        width: 91px;
    }

    .enble.notifications.dropdown .dropdown-menu {
        border-right: 1px solid #c0c0c0;
        border-bottom: 1px solid #c0c0c0;
        border-left: 1px solid #c0c0c0;
        border-top: none;
    }

    .locationContent .notifications.dropdown .dropdown-menu {
        left: -1px;
    }

    .installedOn.hideWhenEdit {
        min-width: 75px;
    }

    .table.lessPadding > thead > tr > th,
    .table.lessPadding > tbody > tr > th,
    .table.lessPadding > tfoot > tr > th,
    .table.lessPadding > thead > tr > td,
    .table.lessPadding > tbody > tr > td,
    .table.lessPadding > tfoot > tr > td {
        padding: 5px;
    }

    hr {
        /*border-top:1px solid #FFF;*/
    }

    .table-bordered > tbody > tr > td:last-child,
    .table-bordered > thead > tr > td:last-child {
        border-right: 1px solid #ebebeb;
    }

    .has-switch .switch-right.switch-small.switch-danger,
    .has-switch .switch-left.switch-small.switch-danger {
        background-color: #CC2424;
        color: #ffffff;
    }

    .has-switch.switch-small,
    .has-switch.switch-sm {
        min-width: 70px;
    }

    .installerActualHrConainer {
        display: none;
        color: #555;
    }

        .installerActualHrConainer.actualHrShow {
            display: inline;
        }

            .installerActualHrConainer.actualHrShow.archived {
                padding: 0;
            }

                .installerActualHrConainer.actualHrShow.archived table td:first-child {
                    width: 30%;
                }

    pre.takDetailNote, pre.takDetailDesc {
        color: inherit;
        font-size: inherit;
        margin: 0;
        padding: 0;
        font-family: inherit;
        background-color: transparent;
        border: none;
        white-space: pre-wrap;
        word-break: keep-all;
    }

    #forgetPasswordContent button.btn {
        width: 45%;
        position: absolute;
        margin: 0 0 20px;
    }
    /*for only xs*/
    .xsInstallerList .col-xs-4 {
        padding-right: 0;
        padding-left: 5px;
        width: 30%;
    }

    .xsInstallerList .col-xs-8 {
        width: 70%;
    }

    .xs.mail-env .mail-body .mail-header .mail-title {
        font-size: 18px;
    }

    .percentageContent.editable .col-xs-6.lableTab {
        width: 42%;
        padding-right: 0;
    }

    .percentageContent.editable .col-xs-6.contentTab {
        width: 58%;
        padding: 0;
    }

    .mail-env .mail-sidebar .mail-menu > li a.locationGroupName {
        padding: 10px 20px;
    }

    .itemGroupContent .tile-header {
        padding: 5px 10px;
    }

        .itemGroupContent .tile-header i {
            font-size: 12px;
        }

    .itemGroupContent .tile-content {
        background-color: rgba(235, 235, 235, 0.9);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding: 10px 0 0 5px;
    }

    .itemGroupContent .row {
        margin: 0;
    }
    /*.itemGroupContent .col-xs-4.forTitle {
    padding-left:20px;
    padding-right:2px;
}*/
    .itemGroupContent .col-xs-4.forTitle, .itemGroupContent .col-xs-7.forTitle {
        padding-left: 13px;
        padding-right: 2px;
    }

    .itemGroupContent .col-xs-6.forTitle {
        padding-left: 20px;
        padding-right: 2px;
    }

    .installersContent .row {
        margin: 0;
    }

    .showWhenEdit {
        display: none;
    }

    .actualHrs.form-control.showWhenEdit {
        display: none;
    }

    .xsInstallerList div {
        min-height: 23px;
        padding-left: 0;
    }

    .xsItemList div {
        min-height: 20px;
    }

    .xsItemList {
        padding-bottom: 0;
    }

        .xsItemList .col-xs-8,
        .xsItemList .col-xs-4,
        .xsItemList .col-xs-12 {
            line-height: 0.7;
        }

    a.alignRight {
        color: inherit;
        position: absolute;
        right: 15px;
        top: 0;
    }

    a.alignRight1 {
        position: absolute;
        right: 15px;
        top: 0;
    }

    a.alignRight.xtra15 {
        right: 33px
    }

    a.alignRight.xtra25 {
        right: 75px
    }

    a.alignRight1.xtra25 {
        right: 70px
    }

    .itemGroupContent {
        padding: 5px 0;
        color: #555;
    }

        .itemGroupContent .tile-footer {
            padding: 10px 0 25px;
        }

        .itemGroupContent a.alignRight.xtra15 {
            right: 65px
        }

    .extraInfo, .hiddenInfoLable {
        display: none;
    }

    .tile-block .form-control.actualHrs {
        color: black;
    }

    .itemGroupContent .tile-block .form-control {
        background-color: #fff;
        color: black;
    }

    .xtraBottomMargin {
        margin-bottom: 10px;
    }

    .itemNotesEdit {
        resize: vertical;
        min-height: 75px;
    }

    .itemGroupContent .col-xs-8.forContent,
    .itemGroupContent .col-xs-12.forContent {
        padding-right: 10px;
    }

    .bottomBordered {
        border-bottom: 1px solid #ebebeb;
    }

        .bottomBordered:last-child {
            border-bottom: none;
        }

    .itemGroupContent .bottomBordered {
        padding-bottom: 5px;
    }

        .itemGroupContent .bottomBordered:last-child {
            border-bottom: none;
        }

    .xtraHt {
        min-height: 35px;
        margin-top: 5px;
    }

    .compIdTd {
        padding-left: 10px;
        padding-bottom: 5px;
    }

        .compIdTd input {
            float: left;
            margin-right: 3px;
        }

        .compIdTd span {
            float: left;
            margin-top: 2px;
        }

    .compIdTdSecond {
        text-align: right;
    }

        .compIdTdSecond a {
            color: #373e4a;
        }
    /*for only xs*/

    /*for only sm ----------- start*/
    .itemActionButton {
        float: right;
    }

    .table-bordered.installersTable > tbody > tr > td:last-child,
    .table-bordered.installersTable > thead > tr > td:last-child {
        padding-left: 0;
    }
    /*for only sm ---------- end*/
    /*start - custom dialog*/
    .bModal {
        background-color: rgba(0, 0, 0, 0.3);
        display: none;
    }
    /*.cdContainer {
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100002;
    display:none;
}*/
    .cdContainer {
        position: absolute;
        z-index: 100002;
        display: none;
    }

    .cdContent {
        background-color: #fff;
        border: 1px solid #ebebeb;
        border-radius: 3px;
        min-height: 30px;
        margin: 10px;
        padding: 10px;
        color: #555;
    }

    .cdContainer.col-md-6 {
        float: none;
    }

    .cdHeader {
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 5px;
        font-size: 14px;
        font-weight: bold;
    }

        .cdHeader .entypo.entypo-cancel {
            float: right;
            cursor: pointer;
        }

    .cdFooter {
        border-top: 1px solid #ebebeb;
        padding-top: 15px;
        text-align: right;
    }

    .cdBody {
        padding: 5px 0;
    }
    /*end - custom dialog*/
    /*#general .form-control, #generalContent .form-control {
    height:25px;
}*/
    .btn.btn-white.timerBtn {
        font-size: 16px;
        padding: 3px 12px;
    }

    .timerBtn {
        display: none;
        margin-bottom: 3px;
    }

    #startTimer[data-value="1"] .startOnly, #startTimer[data-value="2"] .allActions {
        display: inline-block;
    }

    #startTimer[data-value="1"] .allActions, #startTimer[data-value="2"] .startOnly {
        display: none;
    }

    .timerContainer {
        float: right;
        color: #555;
        padding-top: 5px;
    }

    .lg.timerContainer {
        margin-bottom: -13px;
        padding-top: 10px;
    }

    .svoItemsContainer .itemGroupContent {
        padding-top: 10px;
    }

        .svoItemsContainer .itemGroupContent:first-child {
            margin-top: -10px;
        }

        .svoItemsContainer .itemGroupContent:last-child {
            margin-bottom: -10px;
        }

    .svoItemsContainerInfo {
        float: right;
        margin-right: 5px;
    }

    .itemGroupContent .hiddenInfo {
        display: none;
    }

    .nav-tabs.detailTabContainer > li > a {
        color: #555;
    }

    .ac_results {
        padding: 0px;
        border: 1px solid black;
        background-color: white;
        overflow: hidden;
        z-index: 99999;
    }

        .ac_results ul {
            width: 100%;
            list-style-position: outside;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .ac_results li {
            margin: 0px;
            padding: 2px 5px;
            cursor: default;
            display: block;
            /* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
            /*width: 100%;*/
            font: menu;
            font-size: 12px;
            /* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
            line-height: 16px;
            overflow: hidden;
        }

    .ac_loading {
        background: white url('../JS/throbber.gif') no-repeat right center;
    }

    .ac_odd {
        background-color: white;
    }

    .ac_even {
        color: #555;
    }

        .ac_even.ac_over {
            background-color: #81BEF7;
            color: white;
        }

    .language-selector .dropdown-menu.calendardd {
        width: 140px;
        margin-right: 25px;
    }

    .dropdown-menu.calendardd > li > a {
        padding: 5px 20px;
    }

    .dropdown.open.ddForXs a.dropdown-toggle i {
        color: #981b1b;
    }

    .ddForXs .calendardd {
        margin-top: -4px;
    }

    .ddForXs.language-selector .dropdown-menu > li a {
        font-size: 12px;
    }

    .ddForXs.language-selector > .dropdown-toggle {
        padding: 7px 8px 7px 10px;
    }

    .btn-calendar.btn-white.dropdown-toggle {
        border-left-color: transparent;
    }

    .calendardd.dropdown-menu > li > a:hover,
    .calendardd.dropdown-menu > li > a:focus {
        background-color: #ebebeb;
    }

    .btn-calendar.btn-white:active, .btn-calendar.btn-white.active, .open .dropdown-toggle.btn-white.btn-calendar {
        background-color: transparent;
    }
    /*eDropdown*/
    .eDropdown {
        border: 1px solid silver;
        width: 90px;
        padding: 5px;
        border-radius: 3px;
    }

        .eDropdown.open {
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
        }

        .eDropdown .eDropdown-menu {
            display: none;
        }

        .eDropdown.open .eDropdown-menu {
            display: block;
        }

        .eDropdown.open .eDropdown-btn {
            border-radius: 3px 0 0 3px;
            background-clip: padding-box;
            background-color: #fff;
            color: #981b1b;
        }

    .eDropdown-menu {
        overflow: hidden;
        padding: 0;
        border-radius: 3px 0 3px 3px;
        left: auto;
        right: 311px;
        position: absolute;
        z-index: 900;
        margin-top: 6px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
        background-clip: padding-box;
        background-color: #fff;
    }

        .eDropdown-menu td {
            padding: 3px 5px;
        }

            .eDropdown-menu td:first-child {
            }

    .eDropdown .eDropdown-menu td {
        border-bottom: 1px solid #ebebeb;
        line-height: 1.6;
        text-align: left;
    }

    .eDropdown .eDropdown-menu tr:hover {
        background-color: #ebebeb;
    }

    .custom-container {
        border: 1px solid silver;
        border-radius: 3px;
        margin-top: 3px;
    }

        .custom-container input {
            width: 56px;
            border: none;
            padding: 3px;
        }
    /*eDropdown*/
    /*bDropdown - start*/
    .btn.splBtn {
        padding: 3px 10px;
    }

    .itemFilters.splBtn {
        margin-top: -4px;
        margin-bottom: -4px;
    }

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

    .bDropdown .bDropdown-menu, .iDropdown .iDropdown-menu, .sDropdown .sDropdown-menu, .aDropdown .aDropdown-menu,
    .mDropdown .mDropdown-menu, .mDropdown .entypo-down-open, .lDropdown .lDropdown-menu,
    .nDropdown .nDropdown-menu, .ipDropdown .ipDropdown-menu {
        display: none;
    }

    .bDropdown.open .bDropdown-menu, .iDropdown.open .iDropdown-menu, .sDropdown.open .sDropdown-menu, .aDropdown.open .aDropdown-menu,
    .mDropdown.open .mDropdown-menu, .nDropdown.open .nDropdown-menu, .ipDropdown.open .ipDropdown-menu {
        display: block;
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    }

    .mDropdown.enble .entypo-down-open {
        display: block;
    }

    .lDropdown.open .lDropdown-menu {
        display: inline;
        top: 127px;
        left: 145px;
        /*right:50px;*/
        box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.25);
    }

    .lDropdown-menu ul {
        margin: 0;
        padding: 0;
        max-width: 500px;
        min-width: 250px;
    }

    .lDropdown-menu td {
        padding: 5px;
    }

    .headerTr td {
        background: none repeat scroll 0 0 #e4e0e0;
        color: #555;
        font-weight: bold;
    }

    .lDropdown-menu li.locationTd {
        border-top: 1px solid #ebebeb;
        padding: 5px 10px;
        width: 50%;
        word-wrap: break-word;
        white-space: normal;
        list-style: none;
        float: left;
        cursor: pointer;
    }

        .lDropdown-menu li.locationTd:hover {
            background-color: #f5f5f6;
        }

    .locationTd.selected, .itemsSelectedLi.selected {
        background-color: #f5f5f6;
    }

    .bDropdown.open .bDropdown-btn, .sDropdown.open .sDropdown-btn, .sDropdown .sDropdown-btn:focus, .sDropdown .sDropdown-btn:hover,
    .aDropdown.open .aDropdown-btn, .aDropdown .aDropdown-btn:focus, .aDropdown .aDropdown-btn:hover,
    .iDropdown.open .iDropdown-btn, .lDropdown.open .lDropdown-btn, .lDropdown .lDropdown-btn:focus, .lDropdown .lDropdown-btn:hover,
    .bDropdown.open .bDropdown-btn, .ipDropdown.open .ipDropdown-btn, .ipDropdown .ipDropdown-btn:focus, .ipDropdown .ipDropdown-btn:hover {
        border-radius: 3px 0 0 3px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
        background-clip: padding-box;
        background-color: #fff;
        color: #981b1b;
    }

    .lDropdown.open .lDropdown-btn {
        border-radius: 3px 3px 0 0;
    }

    .mDropdown .mDropdown-btn {
        background-color: #fff;
        cursor: default;
        padding: 0;
        line-height: 0;
        margin-left: 0;
    }

    .mDropdown .markAllChk {
        margin: -2px 0 0;
        float: none;
    }

    .mDropdown.enble .markAllChk {
        float: left;
    }

    .mDropdown.enble .mDropdown-btn {
        border-radius: 3px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
        background-clip: padding-box;
        color: #981b1b;
        cursor: pointer;
        padding: 9px 15px 6px 10px;
    }

    .safari .mDropdown.enble .mDropdown-btn {
        padding: 9px 18px 6px 10px;
    }

    .bDropdown-menu, .sDropdown-menu, .iDropdown-menu, .mDropdown-menu, .lDropdown-menu, .ipDropdown-menu, .ipDropdown-menu, .aDropdown-menu {
        overflow: hidden;
        padding: 0;
        border-radius: 3px 0 3px 3px;
        float: left;
        position: absolute;
        z-index: 900;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
        background-clip: padding-box;
        background-color: #fff;
        color: #981b1b;
    }

    .iDropdown-menu {
        left: auto;
    }
        /*.iDropdown-menu {
    right:111px;
}
.chrome .iDropdown-menu {
    right:94px;
}
.forXs .iDropdown-menu table {
    margin:-20px 0 0;
}*/

        .iDropdown-menu li {
            display: inline;
        }

        .iDropdown-menu table {
            width: 100%;
            margin: 0;
        }

    .table.installerList tr td {
        padding: 0 15px;
        height: 35px !important;
        text-align: left;
    }

    .forXs .table.installerList tr td {
        height: auto !important;
        padding: 7px 15px;
    }

    .ddForChangeAccount .bDropdown-menu {
        right: auto;
        left: 100px;
        border-top: solid 1px #e8e6e6;
        font-size: 12px;
    }

        .ddForChangeAccount .bDropdown-menu td {
            padding: 4px 15px 4px 0px;
            border-bottom: 1px solid #ebebeb;
        }

            .ddForChangeAccount .bDropdown-menu td:last-child {
                min-width: 100px;
            }

        .ddForChangeAccount .bDropdown-menu tr.enableHover a {
            cursor: pointer;
        }

        .ddForChangeAccount .bDropdown-menu tr.enableHover:hover {
            background-color: #ebebeb;
            cursor: pointer;
        }

        .ddForChangeAccount .bDropdown-menu tr a {
            cursor: default;
        }

        .ddForChangeAccount .bDropdown-menu td:first-child {
            width: 25px;
            padding-right: 0;
            padding-left: 5px;
        }

    #userHeader .ddForChangeAccount .bDropdown-menu a {
        font-weight: normal;
        color: #981b1b;
        font-size: 12px;
    }

    .advanceSearchLi, .advanceSearchLi label {
        cursor: pointer;
    }

    @media (max-width: 768px) {
        .bDropdown-menu {
            right: 25px;
        }
    }

    @media (min-width: 769px) and (max-width: 1024px) {
        .bDropdown-menu {
            right: 100px;
        }
    }

    @media (min-width:760px) {
        .alert {
            position: absolute;
            left: 45%;
            /*&margin-left: -100px;*/
            min-width: 100px;
            max-width: 375px;
            padding-left: 5px;
        }
    }

    .bDropdown-btn.btn-white:hover {
        background-color: #F5F5F6;
    }

    .bDropdown.forXs.open .bDropdown-btn, .iDropdown.forXs.open .iDropdown-btn {
        background-color: #fff;
    }

        .bDropdown.forXs.open .bDropdown-btn i, .iDropdown.forXs.open .iDropdown-btn i {
            color: #981b1b;
        }

    .iDropdown.forXs .iDropdown-menu {
        right: 60px;
        top: 30px;
    }

    .bDropdown.forXs .bDropdown-menu {
        right: 17px;
        top: 30px;
    }

    .bDropdown .bDropdown-menu > li, .mDropdown .mDropdown-menu > li, .lDropdown .lDropdown-menu > li,
    .aDropdown .aDropdown-menu > li,
    .sDropdown .sDropdown-menu > li, .ipDropdown .ipDropdown-menu > li {
        border-bottom: 1px solid #ebebeb;
        line-height: 2.4;
        text-align: left;
    }

    .bDropdown.forXs .bDropdown-menu > li, .iDropdown.forXs .iDropdown-menu > li,
    .mDropdown.forXs .mDropdown-menu > li, .lDropdown .lDropdown-menu > li {
        font-size: 12px;
    }

        .bDropdown .bDropdown-menu > li:hover, .sDropdown .sDropdown-menu > li:hover,
        .aDropdown .aDropdown-menu > li:hover,
        .mDropdown .mDropdown-menu > li:hover, .lDropdown .lDropdown-menu > li:hover,
        .ipDropdown .ipDropdown-menu > li:hover {
            background-color: #F5F5F6;
        }

        .bDropdown .bDropdown-menu > li a, .sDropdown .sDropdown-menu > li a,
        .aDropdown .aDropdown-menu > li a,
        .mDropdown .mDropdown-menu > li a, .lDropdown .lDropdown-menu > li a,
        .ipDropdown .ipDropdown-menu > li a {
            padding: 5px 20px 5px 12px;
            margin: 0;
            transition: all 300ms ease-in-out 0s;
            clear: both;
            line-height: 1.42857;
            font-weight: normal;
        }

        .bDropdown .bDropdown-menu > li div, .mDropdown .mDropdown-menu > li div, .lDropdown .lDropdown-menu > li div {
            padding: 5px 20px 5px 12px;
            margin: 0;
            transition: all 300ms ease-in-out 0s;
            clear: both;
            line-height: 1.42857;
            font-weight: normal;
            cursor: pointer;
        }

        .lDropdown .lDropdown-menu > li a {
            line-height: 0;
        }

    .bDropdown.forXs, .iDropdown.forXs {
        float: right;
        margin-top: -6px;
    }

        .bDropdown.forXs .bDropdown-btn, .iDropdown.forXs .iDropdown-btn {
            background-color: transparent;
        }

        .bDropdown.forXs .btn.btn-white {
        }

    .itemsContent .check {
        margin-left: -5px;
    }

    .bDropdown.forXs .btn.btn-white:hover, .iDropdown.forXs .btn.btn-white:hover, .lDropdown.forXs .btn.btn-white:hover {
        margin-top: 1px;
        margin-right: 1px;
        border: none;
    }

    .bDropdown.forXs .btn.btn-white:focus, .iDropdown.forXs .btn.btn-white:focus, .lDropdown.forXs .btn.btn-white:focus {
        margin-top: 1px;
        margin-right: 1px;
        border: none;
    }

    .bDropdown.forXs.open .btn.btn-white:focus, .iDropdown.forXs.open .btn.btn-white:focus {
        border: 1px solid #fff;
    }

    /*bDropdown - end*/


    .btn-large.btn-white.dropdown-toggle {
        border-left-color: transparent;
    }

    .largedd.dropdown-menu > li > a:hover,
    .largedd.dropdown-menu > li > a:focus {
        background-color: #ebebeb;
    }

    .btn-large.btn-white:active, .btn-large.btn-white.active, .open .dropdown-toggle.btn-white.btn-large {
        background-color: transparent;
    }

    .table-bordered > tbody > tr > td.rightAlign {
        text-align: right;
    }

    .timerTitle {
        margin-right: 10px;
    }

    #table-for-title {
        margin-bottom: 0;
    }

    .mail-env .mail-body .mail-header .mail-links {
        width: 29%;
    }

    .mail-env .mail-body .mail-header .mail-title {
        width: 63%;
    }

    .svoInfoTbl, .infoTbl {
        width: 100%;
    }

        .svoInfoTbl td, .infoTbl td {
            padding: 3px;
            vertical-align: top;
            color: #555;
            word-wrap: break-word;
            max-width: 300px;
        }

            .svoInfoTbl td.control-label, .infoTbl td.control-label {
                width: 110px;
            }

            .infoTbl td:nth-child(2) {
                min-width: 125px;
            }

            .infoTbl td:nth-child(4) {
                max-width: 125px;
            }

    .modal-dialog.bDialog {
        width: 425px;
    }

    .bDialog .modal-body {
        overflow-y: auto;
        padding: 10px 20px;
    }

    [disabled].form-control, [readonly].form-control, fieldset[disabled] .form-control {
        border: none;
        cursor: default;
    }

    .validation-summary-errors ul {
        padding: 0;
    }

        .validation-summary-errors ul li {
            list-style: none;
        }

    .blockquote-gold .validation-summary-errors {
        margin-top: -25px;
    }

        .blockquote-gold .validation-summary-errors ul li {
            list-style: none;
            font-size: 14px;
        }

    .blockquote-gold.dAccountxs {
        padding: 20px 15px 5px;
    }

        .blockquote-gold.dAccountxs img {
            margin-right: 10px;
            margin-top: -15px;
        }

    .blockquote-gold img {
        margin-right: 10px;
        margin-top: -5px;
    }

    .gActualHrs {
        float: left;
        padding-top: 7px;
    }

    .isArchived .gActualHrs {
        min-width: 78px;
    }

    .tabs-vertical + .tab-content {
        padding-left: 15px;
    }

    .btn-white {
        border: 1px solid transparent;
    }

    pre.description {
        background-color: transparent;
        border: medium none;
        color: #555555;
        font-family: inherit;
        font-size: inherit;
        margin: 0;
        padding: 0;
        white-space: pre-wrap;
        word-break: keep-all;
    }

    .chrome pre {
        word-break: break-word;
    }

    .safari pre {
        word-break: break-word;
    }
    /*comments - start*/
    .sNotesInputContainer div {
        min-height: 50px;
    }

    .sNotesInputContainer a {
        float: right;
        margin-top: 10px;
    }

    .sNoteContainer pre {
        background-color: transparent;
        border: none;
        margin: 0;
        padding: 0;
        color: #555;
        font-size: 12px;
        font-family: inherit;
        white-space: pre-wrap;
        word-break: keep-all;
    }

    #detailContainer .sNotesInputContainer textarea {
        height: 100px;
        max-height: 175px;
    }

    .sNoteContainer {
        margin-bottom: 10px;
        border-bottom: 1px solid #ebebeb;
    }
    /*.col-xs-12 .sNoteContainer:last-child {
    border-bottom:none;
}*/
    .sNoteInfo {
        color: #7d8086;
        font-size: 11px;
    }

    .verticalResize {
        resize: vertical;
    }
    /*comments - end*/
    .col-xs-12.installerActualHrConainer table {
        width: 100%;
    }

        .col-xs-12.installerActualHrConainer table td:first-child {
            padding-left: 15px;
            padding-right: 5px;
        }

        .col-xs-12.installerActualHrConainer table td {
            padding-right: 0;
        }

    .MySelection {
        color: #921a1a;
        border-radius: 5px;
        width: 95%;
        font-size: 12px;
        margin: 5px 5px 5px 5px;
    }

    .selectPeriodWork {
        color: #921a1a;
        border-radius: 5px;
        width: 95%;
        font-size: 12px;
        margin: 5px 5px 5px 5px;
    }

    .customFilterTbl td {
        padding-bottom: 5px;
    }

    .customSearchBtnsCntr .btn-sm, .btn-xs {
        padding: 2px 10px;
    }

    .vissible-xs .mail-header {
        font-size: 18px;
        color: #303641;
    }
    /*flipkartBox*/
    .flipkartBox {
        font-size: 12px;
        border: 1px solid #c8cdd7;
        padding: 3px 0 3px 5px;
        opacity: 0.7;
        border-radius: 3px;
        background-color: #F5F5F6;
        margin-right: 5px;
    }

        .flipkartBox .selectedHeader {
            padding-right: 5px;
        }

        .flipkartBox i {
            border-left: 1px solid silver;
            cursor: pointer;
        }
    /*flipkartBox*/
    .errorMsg {
        display: none;
        color: red;
    }

    .errorForAddHr {
        float: left;
        margin-top: 7px;
        margin-left: -6px;
    }

    .emptyReqField {
        border: 1px solid red !important;
    }

    .archivedOrder {
        display: none !important;
    }

    .isArchived .gActualHrs {
        padding-top: 0;
    }

    .installerActualHrConainer table {
        width: 243px;
    }

    .trackWorkBtns .btn {
        font-size: 15px;
    }

    .installerActualHrConainer.isArchived table {
        width: 140px;
        margin-left: 30px;
    }



    .installerCustomContainer {
        display: none;
        background-clip: padding-box;
        background-color: #fff;
        border-radius: 3px 0 3px 3px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
        color: #981b1b;
        float: left;
        left: auto;
        overflow: hidden;
        padding: 0;
        position: absolute;
        right: 70px;
        z-index: 900;
        margin-top: 35px;
    }

    .table.taskListTable .installerCustomContainer td {
        padding: 0 10px;
    }


    .btnIconSize {
        width: 13px
    }

    .btnTextSize {
        font-size: 13px
    }

    .modal-vertical-centered {
        transform: translate(0, 25%) !important;
        -ms-transform: translate(0, 25%) !important; /* IE 9 */
        -webkit-transform: translate(0, 25%) !important; /* Safari and Chrome */
    }

    /*pagination*/
    .pagination {
        margin: 10px 0 20px;
    }

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

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

    .pagination select {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #ffffff;
        border-color: #dddddd;
        border-image: none;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        float: left;
        line-height: 20px;
        padding: 3.5px 0;
        margin-right: 10px;
    }

    .pagination ul > li, .pagination div.navigator {
        display: inline;
    }

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

        .pagination ul > li:last-child > a, .pagination ul > li:last-child > span, .pagination div.navigator:last-child {
            border-bottom-right-radius: 4px;
            border-right-width: 1px;
            border-top-right-radius: 4px;
        }

        .pagination ul > li > a, .pagination ul > li > span, .pagination div.navigator {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            background-color: #ffffff;
            border-color: #dddddd;
            border-image: none;
            border-style: solid;
            border-width: 1px 1px 1px 0;
            float: left;
            line-height: 20px;
            padding: 2px 10px;
            text-decoration: none;
        }

    .pagination div.navigator {
        cursor: pointer;
        color: #981b1b;
    }

    .pagination ul > li > a.active, .pagination ul > .active > span {
        color: #999999;
        cursor: default;
        background-color: #f5f5f6;
    }
    /*pagination*/

    .siContainer {
        display: none;
    }

    .panel-title {
        background-color: transparent !important;
    }



    .panel-primary > .panel-heading {
        background-color: transparent !important;
        color: #373e4a;
    }

    .panel-primary, .panel-heading {
        border-color: #ebebeb !important;
    }

    panel-heading > .panel-title > span {
        font-weight: normal;
    }

    .panel-heading > .panel-title > * {
        margin: 0;
    }

    .panel-heading > .panel-options {
        /*float: right;
    padding-right: 10px;
    top: -15px;
    position: relative;*/
        float: right;
        top: -30px;
        position: relative;
        margin-left: -50px;
    }

    /*.hidden-xs, .hidden-sm
{
    display:inline-block !important;
}*/

    .nav-tabs.bordered + .tab-content {
        border: 1px solid #ebebeb;
        border-top: 0;
        -webkit-border-radius: 0 0 3px 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 0 0 3px 3px;
        -moz-background-clip: padding;
        border-radius: 0 0 3px 3px;
        background-clip: padding-box;
        padding: 10px 15px;
        margin-bottom: 20px;
    }

    label, .label {
        font-weight: normal;
    }

    .label-default, .label {
        background-color: #ebebeb;
    }

    .input-group .form-control {
        float: left;
    }

    a:focus {
        text-decoration: none;
    }

    td, th {
        padding: 0;
    }

    .pagination {
        display: block;
    }

    .fc-header-title h2 {
        font-size: 17px;
    }

    @media (max-width: 767px) {
        .fc-header-title h2 {
            font-size: 13px;
        }
    }

    @media (min-width:320px) and (max-width: 767px) {
        #cookieMessage {
            width: auto !important;
            height: 200px !important;
        }
    }

    #cookieMessage {
        width: 500px;
        height: 160px;
        text-align: center;
        padding: 10px;
        background-color: #fff;
        color: #333;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        display: none;
    }

    .display-none {
        display: none;
    }

    /*SI Catalog Items*/

    /* enable absolute positioning */
    .inner-addon {
        position: relative;
    }

        /* style glyph */
        .inner-addon .glyphicon {
            position: absolute;
            padding: 10px;
            pointer-events: none;
        }

    /* align glyph */
    .left-addon .glyphicon {
        left: 0px;
    }

    .right-addon .glyphicon {
        right: 0px;
    }

    /* add padding  */
    .left-addon input {
        padding-left: 30px;
    }

    .right-addon input {
        padding-right: 30px;
    }

    #siteItemsTable tr:hover {
        background-color: #f5f5f5;
    }

    #siteItemsTable tr.selected, #siteItemsTable tr.selected:hover,
    .table-hover > tbody > tr.select:hover > td, .select-row > td {
        background-color: #cfcfcf !important;
    }

    #siteItemsTable td, #siteItemsTableHead td {
        padding: 6px 12px;
    }

    #siteItemsTable .tdSIManufacturer, #siteItemsTable .tdSIModel, #siteItemsTable .tdSIDesc, #siteItemsTable .tdSICategory, #siteItemsTable .tdSISubCategory,
    #siteItemsTableHead .tdSIManufacturer, #siteItemsTableHead .tdSIModel, #siteItemsTableHead .tdSIDesc, #siteItemsTableHead .tdSICategory, #siteItemsTableHead .tdSISubCategory {
        width: 250px;
        text-align: left;
    }

    #siteItemsTable .tdSIUnitPrice, #siteItemsTableHead .tdSIUnitPrice {
        width: 150px;
        text-align: right;
    }

    #siteItemsTable .tdSITaxable, #siteItemsTableHead .tdSITaxable {
        width: 150px;
        text-align: left;
    }

    #siteItemsTable .tdSIFixedLabor, #siteItemsTableHead .tdSIFixedLabor {
        width: 150px;
        text-align: left;
    }

    #divSIItemsFromCatalog .headerTitle {
        width: 100%;
        height: 30px;
        float: left;
        margin-bottom: 5px;
        border-bottom: 1px solid #e5e5e5;
    }

    #divSIItemsFromCatalog .modal-header {
        padding: 15px 15px 0px 15px;
        border-bottom: none;
    }

    #divSIItemsFromCatalog .modal-body {
        overflow-x: hidden;
        height: 600px;
        padding: 0px 0px 15px 15px;
    }

    #divSIItemsFromCatalog .modal {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #divSIItemsFromCatalog .modal-content {
        height: auto !important;
        min-height: 100% !important;
        border-radius: 0 !important;
    }

    .siItemRows {
        width: 100%;
        margin: 3px 0px;
    }

    .siItemLeft, .siItemRight {
        width: 50%;
        float: left;
    }

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

    .divTotalSIItems {
        width: 50%;
        float: left;
        text-align: left;
    }

    .divSIItemHeaderMobile {
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        margin-bottom: 5px;
        float: left;
        width: 100%;
    }

.tile-stats2 {
    position: relative;
    display: block;
    background: #303641;
    padding: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background-clip: padding-box;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}