.commission--adjustment--tooltip .tooltip-inner{
    max-width: fit-content;
}
.ErrorResponse_Code, .ErrorResponse_Trace {
    display: none;
}

/* Bootstrap Adjustments */

body {
    background-color: transparent;
    font-family: 'Arial', sans-serif;
}

/*start customer part service product filter tabs*/

.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.partServiceProductTabContent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/*End of customer part service product filter tabs*/



/* Bootstrap Accordion Header - Make all clickable */
.accordion-toggle {
    display: block;
    margin:-10px -15px;
    padding: 10px 15px;
}

/* allow for a navbar always collapsed*/
.navbar-always-collapse{
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}

.navbar-always-collapse>ul, .navbar-always-collapse>ul>li {
    float: initial;
}
.inlineSurvey{
    border: lightgrey solid 2px;
    /*padding: initial;*/
}
/* right-justify survey date picker to parent control */
.inlineSurvey .date-picker ul {
    left: auto !important; /* clear 'left' value, if set, so right can take effect */
    right: -1px !important;
}
.inlineSurveyName{
    background-color: forestgreen;
    text-indent: 4px;
    color: white;
    margin-left: -15px;
    margin-right: -15px;
}

.inlineSurveyName h1{
    margin: initial;
    padding-bottom: 4px;
}
.inlineSurveyQuestions{
    background-color: white;
}

.inlineSurveyQuestionHolder{
    margin: 0px 9px 1px 9px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: lightgrey solid 1px;
}

.workOrderEmployeeCommission input, .orderEmployeeCommission input{
    width: calc(100% - 24px);
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
}

.workOrderEmployeeCommissionEntry, .orderEmployeeCommissionEntry{
    margin-bottom: 8px;
    padding-bottom: 8px;
    /*border-bottom: lightgrey solid 1px;*/
}
.workOrderEmployeeCommissionEntry:not(:last-child), .orderEmployeeCommissionEntry:not(:last-child){
    border-bottom: lightgrey solid 1px;
}

.workOrderEmployeeCommissionEntries, .orderEmployeeCommissionEntries{
    border: lightgrey solid 1px;
    border-radius: 3px;
    padding-top: 12px;
    background: #fff;
}

/* WorkOrderDetail styles */

.workOrderTab, .workOrderTabContent, .workOrderTabMenu, .workOrderTabList, .workOrderTabDetail, 
.orderTab, .orderTabContent, .orderTabMenu, .orderTabList, .orderTabDetail
{
    height: 100%;
}
.workOrderTabMenu, .workOrderTabList, .workOrderTabDetail,
.orderTabMenu, .orderTabList, .orderTabDetail
{
    overflow-y: scroll;
}
.workOrderAsset-header, .orderAsset-header{
    padding: 9px 9px 0px;
}

.tag span.glyphicon-remove {
    visibility: hidden;
}
.tag:hover span.glyphicon-remove {
    visibility:visible
}

@media (min-width: 481px) and (max-width: 991px) {
    .modal.workOrder .modal-dialog, .modal.order .modal-dialog {
        width: 95%;
    }
}

.workOrderDetail, .orderDetail{
    border-top: none;
    margin: initial;
    background: #ffffff;
    border-left: 1px solid #dbe5ea;
    border-right: 1px solid #dbe5ea;
    border-bottom: 1px solid #dbe5ea;
}
.workOrderDetail .section, .orderDetail .section{
    /*padding-top: 6px;*/
    padding-bottom: 6px;
    /*border-top: lightgrey solid 1px;*/
}
.workOrderDetailTabsContent, .orderDetailTabsContent{
    padding: 0px 0px 15px 0px;
    margin-top: -5px;
}
.workOrderDetailTabsContent.Resources, .workOrderDetailTabsContent.Callbacks,
.orderDetailTabsContent.Resources, .orderDetailTabsContent.Callbacks
{
    margin-left: 15px;
    margin-right: 15px;
}
.workOrderSalesTaxesHeader, .workOrderPaymentsHeader, .workOrderDetailTabsContent.Employees .WorkOrderEmployeeListHeader,
.orderSalesTaxesHeader, .orderPaymentsHeader, .orderDetailTabsContent.Employees .OrderEmployeeListHeader
{
    background-color: #fff;
    padding: 5px 0px 5px 5px;
    border: 1px solid #03a9f4;
    border-radius: 5px;
}
.workOrderSalesTaxesListItem, .workOrderPaymentListItem, .workOrderDetailTabsContent.Employees .employee-one-line,
.orderSalesTaxesListItem, .orderPaymentListItem, .orderDetailTabsContent.Employees .employee-one-line
{
    padding: 5px 0px 0px;
}

.employee-one-line {
    margin-bottom: 5px;
}

.workOrderSalesTaxesHeaderText, .workOrderPaymentsHeaderText, .WorkOrderEmployeeListHeaderText,
.orderSalesTaxesHeaderText, .orderPaymentsHeaderText, .OrderEmployeeListHeaderText
{
    padding: 5px 5px 5px;
    display: inline-block;
    width: 80%;
}
.WorkOrderEmployeeListHeaderText, 
.OrderEmployeeListHeaderText
{
    width: 65%;
}
.workOrderSalesTaxesHeader button, .workOrderPaymentsHeader button,
.orderSalesTaxesHeader button, .orderPaymentsHeader button
{
    width: 17%;
}
.workOrderComment,
.orderComment
{
    width: 100%;
    resize: none;
    height: 140px;
    border: 1px solid #dbe5ea;
    border-radius: 5px;
    margin-top: 15px;
}
.total-label{
    font-weight: bold;
    margin: 10px 0px;
    text-align: right;
}
.workOrderAsset-header,
.orderAsset-header
{
    background-color: #9ba0b5;
    color:#000;

}

.topRow {
    margin-left: 15px;
    margin-right: 15px;
}

div.workOrderAsset:not(:first-child),
div.orderAsset:not(:first-child)
{
    /*padding-top: 6px;*/
    border-top: 1px solid #e6ecef;
}
div.workOrderAsset:not(:last-child),
div.orderAsset:not(:last-child)
{
    padding-bottom: 30px;
}
.workOrderAsset-footer .totalArea,
.orderAsset-footer .totalArea,
.kitAddEdit .totalArea,
.templateAddEdit .totalArea
{
    display: inline-block;
    float: right;
    margin-right: 10px;
    font-weight: bold;
}
.workOrderAsset-uiName,
.orderAsset-uiName
{
    display: inline-block;
}
.workOrderAsset-header-buttons,
.orderAsset-header-buttons
{
    display: inline-block;
    float: right;
    padding-top:4px;
    padding-right: 4px;
}
.workOrderAsset-footer-buttons,
.orderAsset-footer-buttons
{
    display: inline-block;
    padding-top: 4px;
    padding-left: 4px;
}
.lineItem{
    background-color: #fff;
    /*border-bottom: 1px solid #E6ECF0;*/
}
.emailsToSendTo li{
    display: inline;
}
.emailsToSendTo li:after{
    content: ", ";
}
.emailsToSendTo li:last-child:after {
    content: "";
}
img.workOrderCompanyLogo, img.orderCompanyLogo{
    height: 65px;
    float: left;
    text-align: left;
    margin-top: 10px;
}
div.workOrderHeaderRight, div.orderHeaderRight{
    text-align: left;
    margin-left: 15px;
}
div.workOrderHeader, div.orderHeader{
    margin: auto;
}
/*div.workOrderHeader div.customer-one-line{*/
    /*display: inline-block;*/
    /*float: right;*/
/*}*/
div.workOrderDetailTabs div.customer-one-line,
div.orderDetailTabs div.customer-one-line
{
    display: inline-block;
}
div.workOrderDetailTabs div.customer-tab input[type=button],
div.orderDetailTabs div.customer-tab input[type=button]
{
    padding-left: 4px;
}
.workOrderCustomerMiniMenu, .workOrderLocationMiniMenu, .orderCustomerMiniMenu, .orderLocationMiniMenu{
    /*display: inline;*/
    /*position: absolute;*/
    /*right: 10px;*/
}
#assetAddMiniMenu, #workOrderCustomerMiniMenu, #orderCustomerMiniMenu{
    display: inline;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
}
#assetAddMiniMenu.dropdown ul.dropdown-menu,
#workOrderCustomerMiniMenu.dropdown ul.dropdown-menu,
.workOrderHeaderMiniMenuDropDown ul.dropdown-menu,
#orderCustomerMiniMenu.dropdown ul.dropdown-menu,
.orderHeaderMiniMenuDropDown ul.dropdown-menu
{
    /*left: -128px;*/
}
span.orderNumber ul.dropdown-menu{
    left: 0px;
    width: 184px;
}
.assetAddMiniMenu.dropdown ul.dropdown-menu
{
    margin-top: 5px;
}
tag-create-select ul.dropdown-menu{
    left: 113px !important;
    width: 100%;
}
tag-create-select .tag span.glyphicon-remove {
    margin-right: 10px;
}
.asset-one-line div{
    display: inline-block;
}
.region-select .selected,
.campaign-select .selected,
.inventory-location-select .selected {
    background-color: lightblue;
    padding: 5px;
}
.customerDetailClose{
    font-size: 30px;
}
.ReportTab, .InventoryTab {
    height: 100vh;
    /*overflow-y: scroll;*/
    padding-top: 20px;
    padding-bottom: 20px;
}
.ReportTab .filterHolder {
    padding-top: 20px;
}
.bulkInvoiceWorkOrderNumbers {
    display: inline;
    list-style: none;
}

.bulkInvoiceWorkOrderNumbers li {
    display: inline;
}
.bulkInvoiceWorkOrderNumbers li + li:before {
    content: ", ";
}
.LineItemNumber{
    display: block;
    border: none;
    font-weight: bold;
}
.LineItemDescription{
    resize: none;
    width: 100%;
}

.surrounder-option{
    cursor: pointer;
    background-color: #337ab7;
    border-radius: 3px;
    color:white;
    text-align: center;
    min-width: 18px;
}
table.smart-table {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

table.smart-table * {
    box-sizing: inherit;
    -moz-box-sizing: inherit;
}

table.smart-table thead {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

table.smart-table tbody {
    overflow: hidden;
    display: inline-block;
}

table.smart-table thead > tr,table.smart-table tbody > tr,table.smart-table tfoot > tr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

table.smart-table thead, table.smart-table tfoot {
    flex-shrink: 0;
}

table.smart-table th, table.smart-table tbody td {
    /*overflow-x: hidden;*/
    text-overflow: ellipsis;
    display: inline-block;
}

table.smart-table tfoot {
    display: inline-block;
}

table.smart-table tfoot td {
    width: 100%;
    display: inline-block;
}
table.smart-table tbody:hover {
    overflow-y: scroll;
}




td {
    text-align: left; /* IE */
}

.header-background {
    border-bottom: 1px solid #999;
}

/* above this is decorative, not part of the test */

.fixed-table-container {
    background-color: white;
    border-top: 1px solid #999;
    height: calc(100% - 302px);
    margin: 10px auto;
    padding-top: 30px;
    position: absolute;
    width: calc(100% - 250px);
}

.fixed-table-container tr.active {
    background: #CCC;
}

.fixed-table-container-inner {
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.header-background {
    background-color: #eff0f1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(239, 240, 241)),to(rgb(204, 205, 206)));
    background-image: -webkit-linear-gradient(top, rgb(239, 240, 241), rgb(204, 205, 206));
    background-image: -moz-linear-gradient(top, rgb(239, 240, 241), rgb(204, 205, 206));
    background-image: -o-linear-gradient(top, rgb(239, 240, 241), rgb(204, 205, 206));
    background-image: -ms-linear-gradient(top, rgb(239, 240, 241), rgb(204, 205, 206));
    background-image: linear-gradient(top, rgb(239, 240, 241), rgb(204, 205, 206));
    height: 35px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

table {
    background-color: white;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

.th-inner {
    border-left: 1px solid #999;
    line-height: 35px;
    padding: 0 5px;
    position: absolute;
    text-align: left;
    top: 0;
}

 th:first-child > .th-inner {
    border-left: none;
}


#add_template table, #add_kit table, #edit_template table, #edit_kit table{
    table-layout: fixed;
}

/*````````````````````````````````````````````````````````````````````````````````````````````````````````````*/
/*                                          Table Styling                                                     */
/*............................................................................................................*/
html {
    background: #FEFEFE;
    overflow-x: hidden;
}

.woTextDetail {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 515px;
}

    textarea
    {
        font-family: 'PT Sans', sans-serif;
        font-size: 13px;
    }

ol, ul {
    list-style: none;
    margin:0;
    padding:0;
}

:link, :visited {
    color: #000;
    text-decoration: none;
}

a:hover {
    cursor:pointer;
    text-decoration: none;
}

	a img { border: 0; }

    h1 { font-size:1.4em; }
    h2 { font-size:1.2em; }

#wrapper {    
    background: #fff;
    border: 1px solid #B6B7BB;
    -webkit-border-radius:5px;
    border-radius:5px;
    bottom: 37px;
    box-shadow:0 1px 1px #fff;
    left:15px;
    padding-top:54px;
    position:absolute;
    right:15px;
    top:0;
    z-index:-1000;    
}


.SubLineItemsGridExpander{
    display: inline-block;
    height: 32px;
    width: 32px;
    background-size: 40px;
    left: 50%;
    position: relative;
    margin-top: 5px;
    background-image: url('img/global/dropdown_arrow.png');
}
.SubLineItemsGridExpander.open{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation = 2);
}


div.kitgridexpand.workorderFilterColumnChecklist{
    display: inline-block;
    height: 32px;
    width: 32px;
    background-size: 40px;
    left: 50%;
    position: relative;
}

.kitpartservicelist {
    padding-left: 20px;
}

    #customerAddressEdit {
        display:none;
    }
    #customerNameEdit {
        display:none;
    }

    .green_button {
        display: inline-block;
        font-size: 12px;
        line-height: 1em;
        margin: 8px 7px;
        padding: 6px 10px;
    }

    .btn.important{
        background: #CC5454;
        border: #961F1F 1px solid;
        border-radius:4px;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
        box-shadow: 0 1px 1px rgba(0,0,0,.1); 
        color: #FFFFFF;
        cursor:pointer;
        font-weight: bold;
        text-shadow: rgba(65, 0, 0, 0.24) 0 -1px 0;
}

    .important {
        color: rgb(206, 42, 42);
    }
    .btn.important:hover{
        background: #EE5151;
    }

    .green_button, .floater .btn, .MooDialog input[type="button"] {
        background-color: #5491c5;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(84, 145, 197)),to(rgb(67, 117, 182)));
        background-image: -webkit-linear-gradient(top, rgb(84, 145, 197), rgb(67, 117, 182));
        background-image: -moz-linear-gradient(top, rgb(84, 145, 197), rgb(67, 117, 182));
        background-image: -o-linear-gradient(top, rgb(84, 145, 197), rgb(67, 117, 182));
        background-image: -ms-linear-gradient(top, rgb(84, 145, 197), rgb(67, 117, 182));
        background-image: linear-gradient(top, rgb(84, 145, 197), rgb(67, 117, 182));
        border:#3E6EB2 1px solid;
        border-radius:4px;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
        box-shadow: 0 1px 1px rgba(0,0,0,.1);
        color: #fff;
        cursor:pointer;
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5491c5', EndColorStr='#4375b6');
        text-shadow: #3E6EB2 0 1px 0;
    }

    .green_button:hover, .floater .btn:hover, .MooDialog input[type="button"]:hover{
        background-color: #5491c5;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(84, 145, 197)),to(rgb(49, 89, 140)));
        background-image: -webkit-linear-gradient(top, rgb(84, 145, 197), rgb(49, 89, 140));
        background-image: -moz-linear-gradient(top, rgb(84, 145, 197), rgb(49, 89, 140));
        background-image: -o-linear-gradient(top, rgb(84, 145, 197), rgb(49, 89, 140));
        background-image: -ms-linear-gradient(top, rgb(84, 145, 197), rgb(49, 89, 140));
        background-image: linear-gradient(top, rgb(84, 145, 197), rgb(49, 89, 140));
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5491c5', EndColorStr='#31598c');

    }
    
.green_button.disabled, .floater .btn.disabled {
    background: #ccc !important;
    border: 1px solid #B9B9B9;
    box-shadow: none;
    color: #777;
    cursor: default;    
}
	
div#header {
    height: 80px;
    width:100%;
    z-index:1000;
    border-bottom: 8px solid #b2bec9;
    background: #ebeef0;
    margin-bottom: 15px;
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}

#header .nav-tabs {
    position: relative;
}
#header .nav-tabs {
    border-bottom: initial;
}

#header .nav-tabs>li>a{
    color: #81868b;
    padding: 25px;
    font-weight: bold;
}


#header .nav-tabs>li>a:hover{
    background-color: #b2bec9;
    border: 1px solid #b2bec9;
    color: #fff;

}

#header .nav-tabs>li>a.selected, #header .nav-tabs>li>a.selected:focus, #header .nav-tabs>li>a.selected:hover{
    background-color: #b2bec9;
    border: 1px solid #b2bec9;
    color: #fff;
}
	
		
		div#menu {position:relative; text-align:right;  }

            div#customerlogo
            {
                background:url(system/general/getFile/headerLogo) 15px 15px no-repeat;
                width:280px;
                height:70px;
                display:inline-block;
                margin-top: -12px;
                left: 0;
            }

			ul#mainmenu {
                left: 0;
                position: absolute;
                top: 1px;
                white-space: nowrap;
                display: block;
                padding: 26px 0px 0 252px;
                list-style: none;
            }
				
				ul#mainmenu li {
					list-style:none;
					display:inline-block;
					overflow:visible;
					height:35px;
				}
				
				ul#mainmenu li.active {
                    background-color: #5592c6;
                    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(85, 146, 198)),to(rgb(62, 110, 178)));
                    background-image: -webkit-linear-gradient(top, rgb(85, 146, 198), rgb(62, 110, 178));
                    background-image: -moz-linear-gradient(top, rgb(85, 146, 198), rgb(62, 110, 178));
                    background-image: -o-linear-gradient(top, rgb(85, 146, 198), rgb(62, 110, 178));
                    background-image: -ms-linear-gradient(top, rgb(85, 146, 198), rgb(62, 110, 178));
                    background-image: linear-gradient(top, rgb(85, 146, 198), rgb(62, 110, 178));
                    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5592c6', EndColorStr='#3e6eb2');
                    padding: 0 18px 4px 18px;
                    border: 1px solid #3E6EB2;
                    -webkit-border-top-left-radius: 3px;
                    -webkit-border-top-right-radius: 3px;

				}

                ul#mainmenu li.active a { color: #fff; padding: 4px 0px 1px 0px;}
				
				ul#mainmenu li:last-child a { border-right:none; }
				ul#mainmenu a:hover { text-decoration:none; color: #003E74 }
				/*ul#mainmenu a { color:#fff; text-shadow: #b55710 0 1px 0; border-right:1px solid #f7ba35; padding:0 10px; }*/
				ul#mainmenu a {
                    color:#fff;
                    text-shadow: rgba(0,0,0,.01) 0 0 1px;
                    padding:4px 18px;
                    display:inline-block;
                    font-size:1.1em;
                    margin-top: 4px;
                }
				
			ul#accountmenu {
                z-index: 1;
                position:relative;
                right:-10px;
                top:0;
                display:block;
                margin-bottom:25px;
                width: 381px;
                height: 17px;
                float: right;
                margin-top: 10px;
                margin-left: -340px;
            }

            ul#accountmenu li#primary_customer_label {
                top: 32px;
            }

            ul#accountmenu li {
                position: absolute;
                top: 6px;


            }

				ul#accountmenu a {
					display:inline-block;
					/*padding: 10px 55px;*/
					color:#3E6EB2;
					text-shadow: #6fa8d1 0 1px 0;
				}

                ul#accountmenu li { color: #000; position: absolute;}

				ul#accountmenu a:hover {  text-decoration:underline; }

ul#accountmenu a {
    background: url("img/logOut.png") left no-repeat;
    background-size: 16px;
    background-size: 16px;
    padding-left: 20px;
}
ul#accountmenu a#syncButton {
    background: url("img/sync.png") left no-repeat;
    background-size: 16px;
    padding-left: 20px;
}
	
	div#content {
        width: 100%;
        padding: 13px 0 0;
        position:relative;
        display: block;
        border:none;
        vertical-align:top;
        height: 100%;
        overflow: hidden;
        overflow-x: auto;
        /*background: #e1e5ec;*/
	}

    #content > div {
        height: 100%;
        position: relative;
        margin-top: 0px;
        overflow: hidden;
    }		
		
        li#customerNameView {
            font-size:2.2em;
            text-shadow:#fff 0px 1px 0px;
            font-family: "Trebuchet MS";
        }

    /*div.left_column > div { overflow: hidden; height: 100%; }
	div.left_column {
		display:inline-block;
		width:201px;
		margin:0;
		padding:52px 0 0 0;
		*//*margin-right:-2px;*//*
        vertical-align: top;
        background: #eee;
        border-right: 1px solid #bbb;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 7px;

        height: 100%;
        position:absolute;
	}*/
	
        /*div.left_column h1 li#customerNameView {
            font-size:2.2em;
            text-shadow:#fff 0px 1px 0px;
            margin:0px;
            padding:10px 10px 12px;
            font-family: "Trebuchet MS";
        }
	 
	 	div.left_column h4, div.left_column h2 {
             color:#fff;
             padding:5px 10px 0px;
			 overflow:auto;
             *//*background: #62adad url(img/teal.png) 50% 50% repeat-x;*//*
        }*/

#fromTime, #toTime/*, #customer*/, #autoCompleteTextbox, #fromTimeReport, #toTimeReport {
    margin: 2px 0px 2px 15px;
}
#fromLabel, #toLabel{
    padding: 0px 0px 0px 15px;
}

#emailDialog {
    padding: 20px;
}

#emailDialog a {
    position: relative;
    float: right;
    background: #6495ed;
    padding: 2px 10px 2px 10px;
    color: #fff;
    margin: 5px;
    border-radius: 3px;
}

#emailDialog a:hover {
    background: #98b6ed
}

.workOrderHeaderMiniMenuDropDown, .orderHeaderMiniMenuDropDown {
    margin-left: 4px;
    /*padding-right: initial;*/
}
.lineItemNotes{
    margin: initial;
}
.lineItemNoteNote{
    padding-right: initial;
}
.lineItemNoteNote textarea{
    background-color:lightgoldenrodyellow;
    border: solid 1px lightgrey;
}
.lineItemNote .deletePartServiceButton{
    background-color:lightgoldenrodyellow;
    border-top: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    margin-left: -1px;
    padding: 15px;
}

.lineItemTimeEntriesList{
    margin-left: 15px;
    margin-right: 21px;
}
.lineItemTimeEntries{
    margin: initial;
}
.lineItemTimeEntry{
    font-size: 1.1em;
    border: lightgrey solid 1px;
    margin: 0 0 5px;
    padding-bottom: 5px;
    padding-top: 2px;
}

	div.main_column {
		vertical-align:top;
		margin:0;
		margin-left:-0px;
		padding:15px 15px 0 15px;
		display:inline-block;
		width:728px;

        width:100%;
        padding: 0 0 0 201px;
        height: 100%;
        z-index: 2;
        overflow: visible;
	 }

    div.main_column > div {
        height: 100%;
        padding: 50px 0 0;
        box-shadow: rgba(0,0,0,.25) -1px 0 8px;
    }

	div#footer {
		height:35px;
        text-align:right;
        padding-top:0px;
        position: absolute;        
        right: 0;
        bottom: -35px;
        width: 100%;
    }

    div#svnversion{
        text-align: left;
        padding-right: 10px;
    }

    div#svnversion, div#copyright{
        color: #9F9F9F;
        font-size:.8em;
        display:inline-block;
        vertical-align:top;
        margin-top: 4px;
        /*text-shadow: 0 1px 1px #000;*/
    }

    div#lastSync {
        color: #9F9F9F;
        font-size: 1.1em;
        display: inline-block;
        vertical-align: top;
        float: left;
        margin-top: 4px;
        /*text-shadow: 0 1px 1px #000;*/
    }
    .lastSyncError{
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C87102), color-stop(27%,#C8711D), color-stop(67%,#F09E03), color-stop(100%,#F09E03));
        color: black !important;
        margin-left: 15px;
        border-radius: 0px 0px 7px 7px;
        border-radius: 0px 0px 7px 7px;
        padding: 4px 13px 4px 13px;
    }

	div#copyright{
		position: relative;
		text-align: right;
	}

    div#logo {
        display:inline-block;
        height:35px;
        width:100px;
        bottom:0;
        margin-left:15px;
        background:url(system/general/getFile/footerLogo) no-repeat bottom left;
    }
	

#debug-menu { position: absolute; bottom:0; right:0; background: #3a3a3a; color:#ccc; padding: 4px 6px;
    height: 25px; min-width: 130px; /*box-shadow: rgba(0,0,0,.5) 0px -1px 3px;*/ border: 1px solid #7a7a7a;
    border-width: 1px 0 0 1px; }
#debug-menu > div { position:absolute; bottom: 25px; left:0; }
#debug-menu a { background: #222; color:#ccc; padding: 4px 6px; min-width: 130px; display: block; }
#debug-menu a:hover { background: #555; color:#fff; }

.MooDialog input[type='button'] {
    padding-left: 10px;
    padding-right: 10px;
}

.zg-bContainer td, .zg-bContainer td {
    padding: 5px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zg-hContainer .total {
    width: 9%;
}

.zg-bContainer .zg-row .active {
    background: #60a2a2; color:#fff;
    background: -moz-linear-gradient(top, rgba(60,132,132,1) 0%, rgba(96,162,162,1) 6%, rgba(60,132,132,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,132,132,1)), color-stop(6%,rgba(96,162,162,1)), color-stop(100%,rgba(60,132,132,1)));
    /*background: url(img/right_shadow.png) right top repeat-y,*/
        -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,132,132,1)), color-stop(6%,rgba(96,162,162,1)), color-stop(100%,rgba(60,132,132,1)));
}

/*Agreement styles*/
div.agreement{
    height: 300px;
    width: 500px;
    overflow-y: scroll;
}

.MsoNormal {
    padding: 0px 10px 0px 0px;
}

#navigation-pane {
    margin: 50px auto;
    padding-top: 50px;
}



#navigation-pane .goNavigation {
    width: 180px;
    height: 180px;
    float:left;
    /*background-color: #5491c5;*/
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(84, 145, 197)),to(rgb(74, 128, 188)));*/
    /*background-image: -webkit-linear-gradient(top, rgb(84, 145, 197), rgb(74, 128, 188));*/
    /*background-image: -moz-linear-gradient(top, rgb(84, 145, 197), rgb(74, 128, 188));*/
    /*background-image: -o-linear-gradient(top, rgb(84, 145, 197), rgb(74, 128, 188));*/
    /*background-image: -ms-linear-gradient(top, rgb(84, 145, 197), rgb(74, 128, 188));*/
    /*background-image: linear-gradient(top, rgb(84, 145, 197), rgb(74, 128, 188));*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5491c5', EndColorStr='#4a80bc');*/


    color: #b2bec9;
    font: bold 16px "helvetica neue", helvetica, arial, sans-serif;
    margin: 0;
    padding: 7px 0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

@import url(http://fonts.googleapis.com/css?family=Raleway:400,600);

#navigation-pane .goNavigation h2 {
    margin: 10px auto;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    /*text-shadow: 0 1px 1px #676f7e;*/
    letter-spacing: 1px;
    font-size: .9em;
}

.goNavigation h2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
}

.goNavigation {
    /*padding: 40px;*/
}

.goNavigation:hover {
    background-color: #f4f7f9;
}

.navigation .goNavigation.border-right{
    border-right: 1px solid #ebeef0;
    border-left: 1px solid #ebeef0;
    border-bottom: 1px solid #ebeef0;
    border-top: 1px solid #ebeef0;
}
/*.navigation .goNavigation.border-right:last-child {*/
    /*border-bottom: none;*/
/*}*/

.workOrdericon {
    margin: 0px auto;
    height: 176px;
    width: 176px;
    background: url("system/general/getFile/navigationWorkOrderIcon") no-repeat;
}

.customericon {
    margin: 0px auto;
    height: 176px;
    width: 176px;
    background: url("system/general/getFile/navigationCustomerIcon") no-repeat;
}

.toolsicon {
    margin: 0px auto;
    height: 176px;
    width: 176px;
    background: url("system/general/getFile/navigationSettingsIcon") no-repeat;
}

.scheduleicon {
    margin: 0px auto;
    height: 176px;
    width: 176px;
    background: url("system/general/getFile/navigationScheduleIcon") no-repeat;
}

.partsandservicesicon {
    margin: 20px auto;
    height: 176px;
    width: 176px;
    background: url("system/general/getFile/navigationPartsServicesIcon") no-repeat;
}

.settingsicon {
    margin: 20px auto;
    height: 176px;
    width: 176px;
    background: url("system/general/getFile/navigationSettingsIcon") no-repeat;
}

.reportsicon {
    margin: 20px auto;
    height: 176px;
    width: 176px;
    background: url("system/general/getFile/navigationReportsIcon") no-repeat;
}

.timeclockicon {
    margin: 20px auto;
    height: 176px;
    width: 176px;
    background: url("system/general/getFile/navigationTimeClockIcon") no-repeat;
}

div.settingsView{
    overflow-y: scroll;
    height: 100%;
}

div.settingsView .Tabs.horizontal > ul.tabBar  {
    margin: 10px auto;
    width: 55%;
    height: 73px;
    float: none!important;
    padding: 0px;
}

/*div.settingsView .Tabs ul.tabBar li.active {*/
    /*padding-bottom: 13px!important;*/
/*}*/

div.settingsView ul.tabBar {
    background: #DAE6F1!important;
    border-bottom: 3px solid #639EC8!important;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
}

div.settingsView .Tabs ul.tabBar .genIcon li.active {
    padding-bottom: 13px!important;
}


div.settingsView .genIcon {
    background: url("img/settings_tabIcons_noneselect.png") no-repeat top!important;
    color: #639EC8;
}
.barElem.genIcon.active {
    background: #639EC8 url("img/general_Icon_settings.png") no-repeat top!important;
    color: #fff;
    box-shadow: inset 0 1px 0px #4f87af;
}


.barElem.scheIcon {
    background: url("img/sche_tabIcon_none_active.png") no-repeat top!important;
    color: #639EC8;
}
.barElem.scheIcon.active {
    background: #639EC8 url("img/sche_tabIcon_active.png") no-repeat top!important;
    color: #fff;
    box-shadow: inset 0 1px 0px #4f87af;
}

.barElem.woIcon {
    background: url("img/woIcon.png") no-repeat top!important;
    color: #639EC8;
}
.barElem.woIcon.active {
    background: #639EC8 url("img/woIcon_active.png") no-repeat top!important;
    color: #fff;
    box-shadow: inset 0 1px 0px #4f87af;
}

.barElem.custIcon {
    background: url("img/customericon.png") no-repeat top!important;
    color: #639EC8;
}
.barElem.custIcon.active {
    background: #639EC8 url("img/customericon_active.png") no-repeat top!important;
    color: #fff;
    box-shadow: inset 0 1px 0px #4f87af;
}

.barElem.repIcon {
     background: url("img/reporticon.png") no-repeat top!important;
     color: #639EC8;
 }
.barElem.repIcon.active {
    background: #639EC8 url("img/reporticon_active.png") no-repeat top!important;
    color: #fff;
    box-shadow: inset 0 1px 0px #4f87af;
}

.barElem.alertIcon {
    background: url("img/alert_icon.png") no-repeat top!important;
    color: #639EC8;
}
.barElem.alertIcon.active {
    background: #639EC8 url("img/alert_icon_active.png") no-repeat top!important;
    color: #fff;
    box-shadow: inset 0 1px 0px #4f87af;
}

.barElem.timeshIcon {
    background: url("img/timesheet_icon.png") no-repeat top!important;
    color: #639EC8;
}
.barElem.timeshIcon.active {
    background: #639EC8 url("img/timesheet_icon_active.png") no-repeat top!important;
    color: #fff;
    box-shadow: inset 0 1px 0px #4f87af;
}


div.settingsView .Tabs.horizontal ul.tabBar li {
    width: 14.28%;
    max-width: none!important;
    text-align: center;
}

div.settingsView .Tabs.horizontal ul.tabBar li {
    border: none;
    padding: 45px 10px 8px;
    margin: 0px;
}

div.settingsView .Tabs ul.tabBar li {
    background: none;
}

div.settingsView .tabContent {
    background: #EDECED;
    width: 55%;
    margin: -10px auto;
}

.validation-advice {
    color:red;
}

.checkAllButtons {
    font-weight:bold;
    padding-top:10px;
}
.floater{
    background: white;
    border-radius:3px;
    box-shadow:rgba(0,0,0,.3) 0 1px 3px;
    min-width:200px;
}
.floater .title{
    color:#444;
    border-bottom: 1px solid #E6DACB;
    background: #F4ECE1;
    padding: 7px 10px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    font-size:1.2em;
}
.floater .question{
    padding:6px 8px;
    max-width:400px;    
}
.floater .btns{
    text-align:center;  
}
.floater .btns{
    display: block;
    text-align: center;  
}

/*.floater.notification .btn{
    background: #4ad;
    color:white;
    font-weight:bold;
    display:inline-block;
    padding:5px 12px;
    border-radius:3px;
    cursor:pointer;
    text-shadow:#26a 0 1px 0;
    box-shadow:#26a 0 1px 0;
}

.floater.notification .btn:hover{
    background:#5be;
}*/

.poweredBy {
    clear: both;
    background: url("system/general/getFile/poweredByLogo") no-repeat center;
    /*width: 175px;*/
    height: 108px;
    margin: 0 auto;
}
ol.zengrid.zg.zg-body.zg-content li:nth-child(even){
    /*background: url("img/zg-row-customer-background-even.png") repeat-x;*/
}

div.spinner {
    position: relative;
    width: 54px;
    height: 54px;
    display: inline-block;
}

div.spinner div {
    width: 12%;
    height: 26%;
    background: #000;
    position: absolute;
    left: 44.5%;
    top: 37%;
    opacity: 0;
    -webkit-animation: fade 1s linear infinite;
    -webkit-border-radius: 50px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

div.spinner div.bar1 {-webkit-transform:rotate(0deg) translate(0, -142%); -webkit-animation-delay: 0s;}
div.spinner div.bar2 {-webkit-transform:rotate(30deg) translate(0, -142%); -webkit-animation-delay: -0.9167s;}
div.spinner div.bar3 {-webkit-transform:rotate(60deg) translate(0, -142%); -webkit-animation-delay: -0.833s;}
div.spinner div.bar4 {-webkit-transform:rotate(90deg) translate(0, -142%); -webkit-animation-delay: -0.75s;}
div.spinner div.bar5 {-webkit-transform:rotate(120deg) translate(0, -142%); -webkit-animation-delay: -0.667s;}
div.spinner div.bar6 {-webkit-transform:rotate(150deg) translate(0, -142%); -webkit-animation-delay: -0.5833s;}
div.spinner div.bar7 {-webkit-transform:rotate(180deg) translate(0, -142%); -webkit-animation-delay: -0.5s;}
div.spinner div.bar8 {-webkit-transform:rotate(210deg) translate(0, -142%); -webkit-animation-delay: -0.41667s;}
div.spinner div.bar9 {-webkit-transform:rotate(240deg) translate(0, -142%); -webkit-animation-delay: -0.333s;}
div.spinner div.bar10 {-webkit-transform:rotate(270deg) translate(0, -142%); -webkit-animation-delay: -0.25s;}
div.spinner div.bar11 {-webkit-transform:rotate(300deg) translate(0, -142%); -webkit-animation-delay: -0.1667s;}
div.spinner div.bar12 {-webkit-transform:rotate(330deg) translate(0, -142%); -webkit-animation-delay: -0.0833s;}

@-webkit-keyframes fade {
      from {opacity: 1;}
      to {opacity: 0.25;}
    }
    
.errorList .delete {
    background: url('img/delbuttonWO.png');
    height: 22px;
    width: 22px;
    display: inline-block;
    float: right;
}

div.selectAll span, div.selectAll input[type=text]{
    padding-right: 9px;
    padding-left: 9px;
}
div.selectAll input[type=text]{
    margin: 6px;
}
.vehicle-splat {
    margin: auto;
}

.hide {
    display: none;
}
div.woapsEmployees,div.lineitemEmployees {
    padding-left: 12px;
    background-color: white;
}
div.lineitemEmployees {
    display: inline-block;
}
ol.woapsEmployeesList, ol.TPSEmployeesList, ol.lineitemEmployeesList {
    display: inline-block;
}
ol.woapsEmployeesList li:after, ol.lineitemEmployeesList li:after, div.lineitemEmployees span:after {
    content: ", ";
    color: #aaa;
    padding-right: 4px;
}

ol.woapsEmployeesList li:nth-last-child(2):after, ol.lineitemEmployeesList li:nth-last-child(1):after, div.lineitemEmployees span:nth-last-child(1):after {
    content: "";
}
li.woapsEmployee, li.lineItemEmployee {
   float: left;
}
div.manageWoapsEmployee, div.manageTPSEmployees, div.manageLineItemEmployee {
    float: right;
    background: url(img/add-remove.png) no-repeat center center;
    background-size: 24px;
    height: 24px;
    width: 24px;
}
ol.lineItemEmployeeList {
    float: right;
}

.role_matrix_settings {
    padding: 25px;
}

.role_matrix_settings table {
    table-layout: auto;
    border: solid #DDD;
    border-spacing: 2px;
}

.role_matrix_settings table td, .role_matrix_settings table th {;
    padding: 5px;
}

.role_matrix_settings table tr:nth-child(even) {
    background: #EEE
}

.role_matrix_settings table tr:nth-child(odd) {
    background: #FFF
}
div.approvalBody {
    padding-left: 12px;
    padding-top: 4px;
}
.priceScheduleHolder {
    border:gray solid 1px;
}
.priceScheduleName {
    font-size: 1.3em;
    background-color: rgb(228, 233, 253);
    margin-left: 12px;
    margin-right: 12px;
}
.priceEntriesHolder
{
    font-size: 1em;
    margin-left:13px;
    background-color: #f8f8ff;
}
.MooDialogTitle.leftSide
{
    left:4px;
}

.clearBoth {
    clear: both;
}

.dynamicRadio {
    min-width: 250px;
    height: 300px;
    overflow: auto;
    border: solid 1px #CCC;
    padding: 5px;
}

.dynamicRadioButton {
    padding: 3px 0px;
}

.dynamicRadioButton input {
    vertical-align: top;
}

.eventView .fixed-table-container {
    margin: 0px;
}

div.settingsItemsHolder div{
    padding: 12px 0px 0px 12px;
}
div.BooleanSetting label{
    padding-left: 4px;
}
div.invoicedtext.active{
    display: inline;
}
div.invoicedtext.inactive{
    display: none;
}

.fixed-table-container-inner th {
    min-width: 30px;
}

.fixed-table-container-inner th.color {
    min-width: 5px;
}
div.Regions div.form-control{
    height: inherit;
}

table.EmployeeCommissions tr, table.EmployeeCommissions th{
    border-bottom: grey solid 1px;
    border-spacing: 2px;
}
table.EmployeeCommissions td {
    padding-top: 6px;
    padding-bottom: 6px;
}
table.EmployeeCommissions td:nth-child(3){
    width: 66%;
}

.table-striped>tbody>tr.st-selected:nth-of-type(odd) {
    background-color: #add8e6;
}
.st-selected {
    background-color: #e7e7e7;
    /*color: #fff;*/
}
.st-sort-ascent:before{
    content: '\25B2';
}
.st-sort-ascent-1:before{
    content: '\25B2 1 ';
}
.st-sort-ascent-2:before{
    content: '\25B2 2 ';
}
.st-sort-ascent-3:before{
    content: '\25B2 3 ';
}
.st-sort-ascent-4:before{
    content: '\25B2 4 ';
}
.st-sort-ascent-5:before{
    content: '\25B2 5 ';
}
.st-sort-ascent-6:before{
    content: '\25B2 6 ';
}
.st-sort-ascent-7:before{
    content: '\25B2 7 ';
}
.st-sort-ascent-8:before{
    content: '\25B2 8 ';
}
.st-sort-ascent-9:before{
    content: '\25B2 9 ';
}
.st-sort-descent:before{
    content: '\25BC';
}
.st-sort-descent-1:before{
    content: '\25BC 1 ';
}
.st-sort-descent-2:before{
    content: '\25BC 2 ';
}
.st-sort-descent-3:before{
    content: '\25BC 3 ';
}
.st-sort-descent-4:before{
    content: '\25BC 4 ';
}
.st-sort-descent-5:before{
    content: '\25BC 5 ';
}
.st-sort-descent-6:before{
    content: '\25BC 6 ';
}
.st-sort-descent-7:before{
    content: '\25BC 7 ';
}
.st-sort-descent-8:before{
    content: '\25BC 8 ';
}
.st-sort-descent-9:before{
    content: '\25BC 9 ';
}

/* simple table styles */
table.table-simple > tbody .form-control {
    border-color: transparent;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    background-color: transparent;
}
table.table-simple > tbody .btn {
    padding: 4px 6px;
}

table.table-simple input:hover,
table.table-simple input:focus {
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

table.table-simple > tbody > tr > td > .form-control-static,
table.table-simple > tbody > tr > td > .form-control {
    padding: 6px 8px
}
table.table-simple > tbody > tr > td,
table.table-simple > tbody > tr > th {
    padding: 0;
}
table.table-simple > tbody > tr > td > .hover-controls {
    visibility: hidden;
}
table.table-simple > tbody > tr:hover > td > .hover-controls {
    visibility: visible;
}

/* fixed table header */
.fixed-headers {
    /*width: 100%;*/
    /*table-layout: fixed;*/
    /*border-collapse: collapse;*/
}
.fixed-headers th {
    text-decoration: underline;
}
.fixed-headers th,
.fixed-headers td {
    padding: 5px;
    text-align: left;
}
.fixed-headers thead tr {
    display: block;
    position: relative;
}
.fixed-headers tbody {
    /*display: block;*/
    /*overflow: auto;*/
    /*width: 100%;*/
    /*height: 300px;*/
}


/* ZenTouch Icons */
.zt-icon {
    width: 22px;
    height: 24px;
    vertical-align: top;
    display: inline-block;
}
.zt-delete {
    background: url(img/delete.png) no-repeat center center;
}

.has-error .form-control {
    margin-bottom: 6px;
}
.alert {
    padding: 3px;
}

.fc-toolbar .fc-center {
    margin-top: 10px;
}

.panel-group .ng-scope.ng-isolate-scope {
    margin-bottom: 5px;
}

form.ng-pristine.ng-valid.ng-isolate-scope {
    margin-bottom: 5px;
}

.fc-toolbar {
    background: #F5F5F5;
    padding: 10px;
    border-top: 1px solid #e6ecef;
    border-left: 1px solid #e6ecef;
    border-right: 1px solid #e6ecef;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);*/
    /*box-shadow: inset 0 1px 1px rgba(0,0,0,.05);*/
    margin-bottom: 0!important;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

div.ng-scope {
    font-family: 'Arial', sans-serif;
    /*font-family: 'Open Sans', sans-serif;*/
    -webkit-font-smoothing: antialiased;
}

div.ng-scope a {
    font-family: 'Arial', sans-serif;
    /*font-family: 'Open Sans', sans-serif;*/
    -webkit-font-smoothing: antialiased;
}

.customer-detail-header-tab {
    padding: 5px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top: 1px solid #e6ecef;
}

.nav-tabs-parts-services {
    margin-bottom: 16px!important;
}

.workOrderAsset-footer, .orderAsset-footer {
    padding: 9px 9px 0px;
}

.navbar-toggle .icon-bar {
    background: white;
}

.navbar-toggle {
    background: #a8b5c3;
}

.navbar-toggle:hover{background-color:#394653!important}
.navbar-nav>.open>a:hover{color:#555;background-color:#394653!important}
.dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#394653!important}

.items-toggle-menu {
    margin-top: 3px;
}

.items-sec-buttons {
    margin-bottom: 5px;
    margin-right: 5px;
}

.bg-primary-top-navigation{
    background: #639EC8;
}

.navbar-collapse.in {
    overflow-y: inherit;
}

.workorders-top-table thead, .orders-top-table thead {
    background: #c1cbd2;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border: 1px solid #e6ecef;
}

.workorders-top-table.table>thead>tr>th, .orders-top-table.table>thead>tr>th {
    border-bottom: 0px!important;
    padding: 13px 7px;
}
.workorders-top-table.table>thead>tr>td,  .orders-top-table.table>thead>tr>td{
    border-top: 0px!important;
}



.panel-default{
    border-color: #e6ecef;
}
.panel-default>.panel-heading {
    border-color: #e6ecef;
}

.panel-default>.panel-heading {
    background-color: #c1cbd2;
}
.form-control {
    border: 2px solid #e6ecef;
    /*padding: 20px 12px;*/
    box-shadow: none;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #e6ecef;
}

/*.btn-default {*/
    /*border-radius: 100px;*/
    /*background: #03a9f4;*/
    /*color: #fff;*/
    /*border: none;*/
/*}*/

.workOrderTabMenu .scheduleCal .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 0px;
    /*border: 1px solid #e6ecef;*/
    box-shadow: none;
}
.workOrderTabMenu, .scheduleCal table {
    background: none;
}

.workOrderTabMenu, .scheduleCal .text-info {
    font-weight: bold;
}

.workOrderTabMenu .dropdown-menu.panel-body li {
    border-bottom: none;
}

.well {
    border: 1px solid #e6ecef;
}

#scheduleCalendar .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead{
    border-color: #e6ecef!important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{

    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #e6ecef;
    border-bottom-color: transparent;
}


.btn-default:hover{
    background: #03a9f4;
    border-color: #dbe5ea;
    color: #fff;
}

.modal-header {
    border-bottom: 1px solid #e6ecef;
}

.btn-default {
    border-color: #e6ecef;
}

.dropdown-menu>.active>a {
    background-color: #03a9f4;
}
.dropdown-menu>.active>a:hover {
    background-color: #03a9f4;
}

.PartNumber {
    padding: 10px 25px;
    background: #c9ccd9;
    border-radius: 5px 5px 0px 0px;
    margin-top: 15px;
}

.navbar-default .navbar-nav>li>a.selected {
    background: #a8b5c3;
    padding: 20px;
    color: #fff;
}
.navbar-default .navbar-nav>li>a:hover {
    background: #d4d9de;
    padding: 20px;
    color: #000;
}

.navbar-default .navbar-nav>li>a {
    padding: 20px;
    font-size: 17px;
}

.navbar-default {
    background-color: #e8ebef;
}

.navbar-static-top {
    border-width: 0px;
    box-shadow: 0 0px 6px 1px #a8b5c3;
}

.modal-content{
    border-radius: 0px;
    box-shadow: 0 5px 15px rgba(0,0,0,.2);
    border: 0px;
}

.modal-backdrop {
    background-color: #a8b5c3;
}


.system-wo-checkboxes label{
    font-weight: 400;
    font-size: 14px;
}

ul.nav-tabs-parts-services li a.selected {
    background-color: #fff;
    background-color: #fff;
    border: 1px solid #e6ecef;
    border-bottom-color: transparent;
}

ul.nav-tabs-parts-services.nav-tabs{
    border-bottom: 1px solid #e6ecef!important;
}

ul.nav-tabs-parts-services {
    padding-top: 7px;
    padding-left: 15px;
    padding-right: 15px;

}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

textarea.ng-pristine.ng-valid.ng-touched {
    color: #000;
    background: #fff;
}

.system-part-edit-fields {
    border: 1px dashed #e1e1e1!important;
}
input.col-lg-12.ng-pristine.ng-valid.ng-scope.ng-touched {
    border: none;
}
input.col-lg-12.ng-pristine.ng-valid.ng-scope {
    border: none;
}

.date-field button.btn.btn-default {
    padding: 11px 20px;
}
.deleteNote {
    background: #f4f7f9;
    border-radius: 100px;
    padding:5px;
    border: 1px solid #8ea6b0;
    color: red!important;
    z-index: 99999;
    position: relative;
}

.assetNoteArea{
    margin: 0px 0 0;
    width: 100%;
    height: 50px;
    color: black;
    text-indent: 0;
    resize: none;
    padding: 10px 10px;
    border-left: 1px solid #BDBDBD;
    border-right: 1px solid #BDBDBD;
    border-bottom: 1px solid #BDBDBD;
    border-top: none;
    border-radius: 0px 0px 5px 5px;
}

.noteCount {
    text-align: right;
    padding: 3px;
    border: 1px solid #8ea6b0;
    margin-top: 5px;
    margin-bottom: 15px;
    border-radius: 5px;
}
.callBacksList{
    padding: 5px;
    border-bottom: 1px solid #fff;
}

.workOrderDetailTabsContent .label {
    font-size: 52%!important;
}

.paymentDivider { margin-bottom: 10px }

.modal-body .modalCustomer{
    width: 100%;
}

.modal-body .panelColSchedule{
    width: 32%;
}

.modal-body .panelColCallbacks{
    width: 50%;
}
.usersTags{
    padding: 2px 10px!important;
    border-radius: 5px;
    border: 1px solid #8ea6b0!important;
    margin: 0 5px!important;
}

.modal-body .panelColPORO{
    width: 50%;
}
.modal-body .panelColStatus{
    width: 50%;
}
.modal-body .panelColTags{
    width: 50%;
    padding-right: 0px;
}

.workOrderDetailTabsContent h3 {
    margin-top: 0px;
}

.workOrderDetailTabs a{
    color: #576068;
    font-weight: bold;
}

h1 {
    margin-top: 10px;
}

label {
    font-weight: 400;
}

.modal-body .employee-one-line{
    width: 81.66%;
}
.tabTable {
    border: 1px solid #ddd;
}

.col-lg-3.form-horizontal label {
    font-size: 13px;
}

.panel {
    margin-bottom: 10px;
    border-radius: 0;
    box-shadow: none;
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: -1px;
}

.customerTabs {
    border: 1px solid #e6ecef;
    padding: 15px;
    background: #c1cbd2;
    padding-top: -16px;
}

tr.styled_tr {
    background: #a8b5c3;
    font-weight: bold;
}

.searchModal {
    width: 100%;
}

.tableScroll .dropdown-menu{
    right: 13px;
    float: right;
    left: 13px;
}

.subItemList {
    border-top: 0px solid #a8b5c3;
    border-left: 10px solid #a8b5c3;
    border-right: 0px solid #a8b5c3;
    border-bottom: 0px solid #a8b5c3;
    background: #fff;
}

.WorkOrderAssetKit .panel {
    border: none;
}

.WorkOrderAssetKit .panel-body{
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.seeMore {
    background:#a8b5c3;
    border-radius: 5px;
    padding: 10px 0px;
    margin-top: 15px;
}

a {outline : none;}
a:active { outline: none; }
:active, :focus { outline: none; -moz-outline-style: none; }

.table-hover>tbody>tr.st-selected {
    background-color: #f5f5f5;
}

.value-padded-cell-sm{
    text-align: right !important;
    padding-right: 15px !important;
}
.value-padded-cell-md{
    text-align: right !important;
    padding-right: 30px !important;
}
.value-padded-cell-lg{
    text-align: right !important;
    padding-right: 45px !important;
}

.border-light{
    border: 1px solid #ddd !important;
}
.border-left{
    border-left: 1px solid #e6ecef;
}

.font-bold{
    font-weight: bold !important;
}
.bottom-margin-sm{
    margin-bottom: 6px;
}
.bottom-margin-md{
    margin-bottom: 12px;
}
.bottom-margin-lg{
    margin-bottom: 24px;
}
.left-margin-sm{
    margin-left: 6px;
}
.left-margin-md{
    margin-left: 12px;
}
.left-margin-lg{
    margin-left: 24px;
}
.top-margin-sm{
    margin-top: 6px;
}
.top-margin-md{
    margin-top: 12px;
}
.top-margin-lg{
    margin-top: 24px;
}

.IsVinDecoded img {
    width: 20px;
    height: 20px;
}
div.dollar::after{
    content: "$"
}
div.dollar{
    display: inline-block;
}
div.dollar + input{
    display: inline-block;
    width: 95%;
}
.vendorsList th,
table.partServiceList th,
table.unitList th,
table.contactList th,
table.workOrderSelect th,
table.partServiceSelect th,
table.orderProductsProductList th,
rfs-uploaded-file-list > div > table > thead > tr > th.ng-isolate-scope
{
    color: black;
}

div[ui-view="customer"] div.tab-content th{
    color: black !important;
    background-color: white !important;
}

.partservicecategory--tile{
    display: inline-block;
    width: 75px;
    height: 75px;
    border: black solid 1px;
    text-align: center;
    border-radius: 4px;
    margin-left: 6px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.partservicecategory--tile.selected{
    background: #e7e7e7;
    border: red solid 1px;
}
.partservicecategory--tile--iconholder-icon{
    width: 100%;
    height: 100%;
}
.partservicecategory--tile--iconholder{
    height: 48.5%;
    width: 48.5%;
    margin: 5% auto 0 auto;
}
.partservicecategory--tile--nameholder{
    font-size: 0.85em;
    height: 50%;
}
.clickable{
    cursor: pointer;
}
.display-inline{
    display: inline !important;
}
.display-inline-block{
    display: inline-block !important;
}
.fa-disabled{
    opacity: 0.5;
    pointer-events: none;
}
div.disabled-text,
span.disabled-text{
    opacity: 0.14;
}
input.disabled-text{
    color: #ddd;
}