@charset "UTF-8";
/** * Summary: * * 0. ELEMENT * - 0.1. Body / Typography * - 0.2. Type Elements - 0.3. Header - 0.4. Sidebar - 0.5. Container - 0.6. Pageheader - 0.7. Footer ------------------------- * 1. Dashboard * - 1.1. TYPE ELEMENT * - 1.2. TYPE ELEMENT -------------------------- 2. UI Elements - 2.1. Alerts - 2.2. Buttons - 2.3. Cards - 2.4. General - 2.5. Modals - 2.6. Notifications - 2.7. Icon - 2.8. Tabs - 2.9. Accordions - 2.10. Typography - 2.11. Listgroup - 2.12. Multiselect - 2.13. Badge - 2.14. Pagination - 2.15. Switch Toogle - 2.16. Spinner ---------------------------- 3. Charts - 3.1. Chartist js - 3.2. Sparklines - 3.3. Chart.js - 3.4. Morris.js - 3.5. C3 Charts.js ---------------------------- 4. Forms - 4.1. Elements - 4.2. Validations - 4.3. Multiselect - 4.4. Wizard - 4.5. Input Mask - 4.6. Summar Note text editor - 4.7. Multi Upload ---------------------------- 5. Tables - 5.1. General - 5.2. Data Tables - 5.3. Table Filters ---------------------------- 6. Pages - 6.1. Blank Page - 6.2. Blank Page Header - 6.3. Login - 6.4. Sign up - 6.5. Forgot Password - 6.6. Profile - 6.7. Pricing - 6.8. Timline - 6.9. Calendar - 6.10. Metrics - 6.11. Media Object - 6.12. Shortable / Nestable - 6.13. 404 Error ---------------------------- 7. Email - 7.1. Inbox - 7.2. Email Detail - 7.3. Email Compose - 7.4. Message Chat ---------------------------- 8. Layouts - 8.1. Primary Header - 8.2. Success Header - 8.3. Warning Header - 8.4. Danger Header - 8.5. Search Input - 8.6. Off Canvas Menu - 8.7. Without Left Sidebar - 8.8. Without Right Sidebar - 8.9. Without Both Sidebars - 8.10. Fixed Left Sidebar - 8.11. Boxed Layout - 8.12. Page Aside - 8.13. Collapsible Sidebar - 8.14. Sub Navigation ---------------------------- 9. Maps - 9.1. Google Map - 9.2. Vector Map ---------------------------- 10. Menu Level - 10.1. Level 1 - 10.2. Level 2 */
/* ========================================================================== 0. ELEMENT ========================================================================== */
/* 0.1. Body / Typography ========================================================================== */
 body {
     font-family: 'Roboto', sans-serif;
     font-style: normal;
     font-weight: normal;
     font-size: 14px;
     color: #71748d;
     background-color: #efefef;
     -webkit-font-smoothing: antialiased;
}
 h1, h2, h3, h4, h5, h6 {
     color: #000;
     margin: 0px 0px 15px 0px;
     font-family: 'Roboto';
}
 h1 {
     font-size: 34px;
}
 h2 {
     font-size: 20px;
     line-height: 30px;
     font-family: Roboto;
     font-weight: 400;
     color: #000000;
     text-transform: uppercase;
}
 h3 {
     font-size: 20px;
}
 h4 {
     font-size: 16px;
     line-height: 26px;
}
 h5 {
     font-size: 15px;
     line-height: 26px;
}
 h6 {
     font-size: 12px;
}
 p {
     margin: 0px 0px 20px 0px;
}
 p:last-child {
     margin: 0px;
}
 a {
     color: #30b34a;
}
 a:hover {
     color: #30b34a;
     text-decoration: none;
}
 a:active, a:hover, a:focus {
     outline: 0;
     text-decoration: none;
     color: #30b34a;
}
 ol, ul {
}
 ol li, ul li {
}
 .lead {
     font-size: 1.25rem;
     font-weight: 300;
     color: #3d3f5d;
}
/*=================1/Jan/2019================*/
.news-updatetab {
    background: #fff;
    padding: 20px 20px 27px;
}
.change-passworddiv {
    background: #fff;
    padding: 20px 20px 27px;
}
.product-descriptiondiv {
    background: #fff;
    padding: 20px 20px 27px;
}
ul.product-list {
    padding: 0;
    margin: 0;
}
.product-list li {
    float: left;
    width: 48%;
    list-style: none;
    background: #efefef;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 22px;
    min-height: 190px;
}
.addbtn:hover {
    /* color: #fff; */
    background: #fff;
}
.product-image img {
    width: 88px;
    height: 88px;
}
li.product-selected {
    background: #c3ffcf;
}
.tab-vertical .table td.btnareatd {
    text-align: right;
    padding-right: 0;
}
.product-image {
    float: left;
    width: 39%;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;     margin-top: 5px;
}
.textareadiv {
    float: right;
    width: 57%;
    background: #fff;
    border: 1px solid #ddd;
    display: block;     margin-top: 5px;
}
.tab-vertical .tab-content .textareadiv textarea {
    background: #fff;
    /* display: block; */
    /* height: auto; */
    border: none;
}
.prodcut-nme h3 {
    font-size: 16px;
    padding-top: 8px;
}
.switch-div {
    float: right;
}
.prodcut-nme {
    float: left;
}
.product-list li:nth-child(2n) {
    float: right;
}
.configurationdiv {
    background: #fff;
    padding: 20px 20px 27px;
}
.add-removebtn a {
    font-size: 16px;
    color: #fff;
    /* line-height: 20px; */
}

.add-removebtn {
    background: #30b34a;
    color: #fff;
    width: 150px;
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 16px;
    text-align: center;
}
.tab-vertical .tab-content input[type="checkbox"] {
    width: auto;
}
.tab-vertical .tab-content label.radio-inline {
    margin-top: 10px;
}
.passwordnote {
    color: #4b657a;
    font-size: 13px;
    font-weight: 300;
    padding-bottom: 21px;
}
.passwordnote span {
color:#fe0000; font-size:14px; font-weight:400; text-transform:uppercase;}
.tab-vertical .form-group {
    margin-bottom: 0;
    overflow: hidden;
    clear: both;
    padding: 0px 0 30px;
}
.tab-vertical .tab-content textarea {
    width: 100%;
    background: #efefef;
    font-size: 15px;
    padding: 10px;
    border: 1px solid #ddd;
    outline: none;
	height:100px; resize:none;
}
.tab-vertical .tab-content textarea:focus { background: #efefef;}
.last-updatedtime {
    text-align: right;
    font-size: 13px;
    color: #4b657a;
    font-weight: 300;
}
.form-second-div {
    float: left;
    width: 32%;
    margin: 0 14px;
}
.form-third-div {
    float: left;
    width: 32%;
}
.form-first-div {
    float: left;
    width: 32%;
}
.switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ff0000;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #30b34a;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(55px);
  -ms-transform: translateX(55px);
  transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.on
{
  display: none;
}

.on{
    color: white;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 52%;
    left: 31%;

    font-size: 16px;

}
.off {
    color: white;
    position: absolute;
    transform: translate(-50%,-50%);
        top: 52%;
    left: 66%;

    font-size: 16px;

}


input:checked+ .slider .on
{display: block;}

input:checked + .slider .off
{display: none;}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;}
/*=================20/12/2018 css end================*/
/* Custom-Chekbox -------------------------------------------------------------- */
 .custom-control {
     position: relative;
     min-height: 1.5rem;
     padding-left: 1.5rem;
}
 .custom-control-input:checked~input[type="checkbox"] {
     background: #3d404e;
     border: #7f83a2 1px solid;
}
 .custom-control-input {
     position: absolute;
     z-index: -1;
     opacity: 0;
}
 .custom-control-label {
     margin-bottom: 0;
}
 .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
     background-color: #30b34a;
     border-color: #30b34a;
}
 .custom-control-input:checked~.custom-control-label::before {
     color: #fff;
     background-color: #30b34a;
}
 .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
}
 .custom-control-label::after {
     position: absolute;
     top: 7px;
     left: 0;
     display: block;
     width: 1rem;
     height: 1rem;
     content: "";
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 50% 50%;
}
 .custom-control-label::before {
     position: absolute;
     top: 7px;
     left: 0;
     display: block;
     width: 1rem;
     height: 1rem;
     pointer-events: none;
     content: "";
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-color: #ffffff;
     border: 2px solid #d2d2e4;
}
 .custom-radio .custom-control-input:checked~.custom-control-label::before {
     background-color: #30b34a;
     border-color: #30b34a;
}
 .custom-control-input:disabled~.custom-control-label::before {
     background-color: #efeff6;
}
 .custom-select-font-size {
     font-size: 14px;
}
 .custom-control-input:focus~.custom-control-label::before {
     box-shadow: none;
}
 .custom-valid.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
     background-color: #34ce57;
     border-color: #34ce57;
}
 .custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before {
     background-color: #ffdadd;
     border-color: #efa2a9;
}
 .custom-control-input:disabled~.custom-control-label {
     color: #9295b0;
}
 .custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before {
     background-color: #c6ffd3;
     border: 2px solid #68df83;
}
 .input-group-text {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     padding: 10px;
     margin-bottom: 0;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.5;
     color: #75748d;
     text-align: center;
     white-space: nowrap;
     background-color: #efeff6;
     border: 1px solid #d2d2e4;
     border-radius: 4px;
}
 .section-block {
     margin: 16px 0px;
}
 .section-title {
     font-weight: 500;
     margin-bottom: 5px;
}
/* ========================================================================== 0.3. Header ========================================================================== */
/*----------------------- Top Header -------------------------*/
 /* .dashboard-header {
    position: sticky;
    top: 0;
    z-index: 99999
} */
 .top-nav {
    background: #fff;
}
 .dashboard-header .navbar {
     padding: 0px;
     -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);
     box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);
     -webkit-transition: all 0.3s ease;
     min-height: 60px;
}
 .navbar-brand {
     display: inline-block;
     margin-right: 1rem;
     line-height: inherit;
     white-space: nowrap;
     padding: 11px 20px;
     font-size: 30px;
     text-transform: uppercase;
     font-weight: 700;
     color: #007bff;
}
 .navbar-brand:hover{
     color: #007bff;
}
 .navbar-right-top {
}
 .navbar-right-top .nav-item {
     border-right: 1px solid #e6e6f2;
}
 .navbar-right-top .nav-item:last-child {
     border: none;
}
 .navbar-right-top .nav-item .nav-link {
     padding: 13px 20px;
     font-size: 16px;
     line-height: 2;
     color: #fff;
     font-weight:400;
}
 .nav-user-img img.user-avatar-md {
     margin-left: 10px;
}

/*----- Tabs Vertical CSS ----*/

.tab-vertical {}

.tab-vertical .nav.nav-tabs {
    float: left;
    display: block;
    margin-right: 30px;
    border-bottom: 0;
    width: 250px; background:#fff;
	    padding: 11px 0;
}


.tab-vertical .nav-tabs .nav-link {
    background-image: url(../images/setting-listimg.png)!important;
    /* background-size: cover; */
    background-repeat: no-repeat;
    background-position: 7% 49%;
    font-size: 16px;
    color: #000;
    border: none;
    border-radius: 0;
    padding: 10px 5px 10px 40px;
}

.tab-vertical .nav-tabs .nav-link.active {
    color: #30b34a;
    /* background-color: #fff !important; */
    /* border-color: transparent !important; */
    font-weight: 600;
}

.tab-vertical .tab-content h2 {
    text-transform: capitalize;
    font-weight: bold;
}
.tab-vertical .tab-content h6 {
    font-size: 18px;
}
.tab-vertical .tab-content h6 em {
    color:red;
}

.tab-vertical .tab-content label {
    font-size: 16px;
    display: block;
    margin: 0 0 5px;
    color: #000;
}

.tab-vertical .tab-content input {
    width: 100%;
    background: #efefef;
    font-size: 15px;
    padding: 10px;
    border: 1px solid #ddd;
    outline: none;
}
.flatpachmanufacturerdefault {
    background: #fff;
    padding: 20px 20px 27px;
}
.goflatpacksdelivery {
    background: #fff;
    padding: 20px 20px 27px;
	margin-top:20px;
}
.cross-mark i {
    color: #ff0000;
    font-size: 23px;
}
.tab-vertical .table th {
    padding: 12px 20px;
}

.greencircle {
    color: #30b34a;
}
.redcircle {  color: #ff0000;}
i.fa.fa-circle {
    padding-right: 5px;
}
.customer-default-div .btnarea {
    text-align: right;
    padding-top: 25px;
}
.tab-vertical .table td {
    padding: 12px 20px;
}
.range-option {
    display: inline-block;
    padding-left: 23px;
}
.goflatpacksdelivery .btnarea {
    text-align: right;
    padding-top: 25px;
}
td.rangenumber span {
    padding: 0 0px 0 89px;
}
.tab-vertical .tab-content td input {
    width: 104px;
    height: 35px;
    border: 1px solid #ddd;
    background: #fff;
    margin-left: 6px;
}
td.rangenumber .range-option span {
    padding: 0;
    min-width: 40px;
    display: inline-block;
    text-align: right;
}
.tab-vertical .tab-content .table-striped tbody  tr:nth-of-type(even) td input { background:#efefef;}

.tab-vertical .tab-content {
    overflow: auto;
    -webkit-border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    border-radius: 0px;
    background: transparent;
    padding: 0;
}
.form-left-half {
    width: 49%;
    float: left;
}
.form-right-half { width: 49%;
    float: right;}




/*----- Tabs Vertical Outline CSS ----*/

.tab-vertical-outline {}

.tab-vertical-outline .nav.nav-tabs {
    float: left;
    display: block;
    margin-right: 0px;
    border-bottom: 0;
}

.tab-vertical-outline .nav.nav-tabs .nav-item {
    margin-bottom: 6px;
}

.tab-vertical-outline .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background: #fff;
    padding: 17px 49px;
    color: #71748d;
    background-color: #e9e9f2;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #c4c4cf !important;
}

.tab-vertical-outline .nav-tabs .nav-link.active {
    color: #5969ff;
    border: 1px solid #c4c4cf !important;
    background: transparent;
    border-right: 1px solid #efeff6 !important;
}

.tab-vertical-outline .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 0px !important;
}

.tab-vertical-outline .tab-content {
    overflow: auto;
    -webkit-border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    border-radius: 0px 4px 4px 4px;
    background: transparent;
    padding: 30px;
    border: 1px solid #c4c4cf;
    left: -1px;
    position: relative;
    z-index: -1;
}




/* ----- User Nav Dropdown -----*/
 .nav-user {
}
 .nav-user-dropdown {
     padding: 0px;
     min-width: 230px;
     margin: 0px;
}
 .nav-user-name {
     font-family: Roboto;
     font-weight: 400;
}
 .nav-user-info {
     background-color: #30b34a;
     line-height: 1.4;
     padding: 12px;
     color: #fff;
     font-size: 13px;
     border-radius: 2px 2px 0 0;
}
 .nav-user-info .status {
     float: left;
     top: 7px;
     left: 0px;
}
 .nav-user-dropdown {
}
 .nav-user-dropdown .dropdown-item {
     display: block;
     width: 100%;
     padding: 12px 22px 12px;
     clear: both;
     font-weight: 400;
     color: #686972;
     text-align: inherit;
     white-space: nowrap;
     background-color: transparent;
     border: 0;
     font-size: 14px;
     line-height: 0.4;
}
 .nav-user-dropdown .dropdown-item:hover {
     background-color: #f7f7fb;
}
/* ------ Top Header User Info -------- */
/* -------------------- 0.4. Sidebar ----------------------- */
 .navigation-horizontal {
     width: 100%;
     height: 100%;
     overflow: auto;
    /* background-color: #fff;
     -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);
     box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);
     -webkit-transition: all 0.3s ease;
    */
}
 .navigation-horizontal .nav-link[data-toggle="collapse"] {
     position: relative;
     display: flex;
     align-items: center;
}
 .navigation-horizontal .nav-link[data-toggle="collapse"]::after {
     display: inline-block;
     width: 0;
     height: 0;
     position: absolute;
     right: 8px;
     vertical-align: 0.255em;
     content: "";
     border-top: 0.3em solid;
     border-right: 0.3em solid transparent;
     border-bottom: 0;
     border-left: 0.3em solid transparent;
}
 .navigation-horizontal .nav-link[data-toggle="collapse"][aria-expanded="false"]:after {
     transform: rotate(-90deg);
}
 .navigation-horizontal .nav-link[data-toggle="collapse"]:after {
     transition: transform .35s ease, opacity .35s ease;
     opacity: .5;
}
 .navigation-horizontal .navbar-nav {
     width: 100%;
}
 .navigation-horizontal .navbar {
     position: relative;
     padding: 0px;
}
 .navigation-horizontal .navbar-nav .nav-item {
}
 .navigation-horizontal .navbar-nav .nav-link {
     font-size: 13px;
     padding: 9px 30px 9px 20px;
     margin-bottom: 2px;
     color: #71789e;
     transition: 0.3s;
     margin: 6px 1px;
}
 .navigation-horizontal .nav-link i {
     font-size: 14px;
     margin-right: 9px;
     text-align: center;
     vertical-align: middle;
     line-height: 16px;
}
 .nav-divider {
     padding: 10px 14px;
     line-height: 30px;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 12px;
}
 .navigation-horizontal .submenu {
     background-color: #e2e2eb;
     margin-top: -6px;
     margin-right: 1px;
     margin-left: 1px;
}
 .navigation-horizontal .submenu .nav .nav-item .nav-link {
     font-size: 12px;
     padding: 0px 12px;
     transition: 0.3s;
     line-height: 1;
}
 .navigation-horizontal .navbar-nav .nav-link:focus, .navigation-horizontal .navbar-nav .nav-link.active {
     background-color: #e2e2eb;
     color: #3d405c;
     border-radius: 2px;
}
 .navigation-horizontal .navbar-nav .nav-link:focus, .navigation-horizontal .navbar-nav .nav-link:hover {
     background-color: #e2e2eb;
     color: #3d405c;
     border-radius: 2px;
}
 .navigation-horizontal .submenu .nav .nav-item .nav-link:hover {
     color: #3d405c;
     border-radius: 2px;
     background-color: transparent;
}
/* ----------------------- Left Navigation Sidebar ------------------------- */
 .nav-left-sidebar {
     position: fixed;
     width: 80px;
     height: 100%;
     top: 60px;
     overflow: auto;
     background-color: #fff;
     -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);
     box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);
     -webkit-transition: all 0.3s ease;
}
 .nav-left-sidebar .nav-link[data-toggle="collapse"] {
     position: relative;
     display: flex;
     align-items: center;

}
.nav-left-sidebar .nav-link.parentactive {   color: #25923b!important;
		 font-weight:bold!important;}


span.welcome {
    color: #333333;
}



 .nav-left-sidebar .nav-link[data-toggle="collapse"]::after {
     display: inline-block;
     width: 0;
     height: 0;
     position: absolute;
     right: 40px;
     vertical-align: 0.255em;
     content: "\f068";
     color: #fff;
     font-family: FontAwesome;
     top: 17px;
}
 .nav-left-sidebar .nav-link[data-toggle="collapse"][aria-expanded="false"]:after {
     content:"\f067";
}
 .nav-left-sidebar .nav-link[data-toggle="collapse"]:after {
     transition: transform .35s ease, opacity .35s ease;
}
 .nav-left-sidebar .navbar-nav {
     width: 100%;
}
 .nav-left-sidebar .navbar {
     position: relative;
     padding: 21px 0;
}

.nav-left-sidebar .navbar-nav .nav-link {
    font-size: 18px;

    /* margin-bottom: 2px;
     */
     color: #fff;
     transition: 0.3s;
     font-weight: 300;
}
 .nav-left-sidebar .nav-link i {
     font-size: 14px;
     margin-right: 9px;
     text-align: center;
     vertical-align: middle;
     line-height: 16px;
}
 .nav-divider {
     padding: 10px 14px;
     line-height: 30px;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 12px;
}
 .nav-left-sidebar .submenu {
     padding-left: 12px;
     padding-right: 12px;
     margin-top: 6px;
     background: #333333;
     padding-top: 10px;
     padding-bottom: 10px;
    /* font-size: 17px;
     */
     margin-bottom: 6px;
}
 .nav-left-sidebar .submenu .nav .nav-item .nav-link {
     font-size: 17px;
     padding: 7px 26px;
     transition: 0.3s;
}
 .nav-left-sidebar .navbar-nav .nav-link:focus, .nav-left-sidebar .navbar-nav .nav-link.active {
     background-color: #e2e2eb;
     color: #3d405c;
     border-radius: 2px;
}
 .nav-left-sidebar .navbar-nav .nav-link:focus, .nav-left-sidebar .navbar-nav .nav-link:hover {
     background-color: #e2e2eb;
     color: #3d405c;
     border-radius: 2px;
}
 .nav-left-sidebar .submenu .nav .nav-item .nav-link:hover {
     color: #3d405c;
     border-radius: 2px;
     background-color: transparent;
}
 .nav-left-sidebar .navbar-toggler {
     background-color: #fff;
}
 .navbar-toggler {
     padding: .25rem 0.5rem;
     font-size: 1.25rem;
     line-height: 1;
     background-color: transparent;
     border: 1px solid transparent;
     border-radius: .25rem;
}
/* ----------------------- Leftsidebar - Primary ------------------------- */
 .sidebar-primary {
     background-color: #414da7;
}
 .sidebar-primary .nav-divider {
     color: #ddddff;
}
.sidebar-primary.nav-left-sidebar .nav-link i {
    color: #fff;
}

.sidebar-primary.nav-left-sidebar .navbar-nav .nav-link {
     color: #8991d4;
}
 .sidebar-primary.nav-left-sidebar .navbar-nav .nav-link:focus, .sidebar-primary.nav-left-sidebar .navbar-nav .nav-link:hover {
     color: #fff;
     background-color: #5761c2;
     border-radius: 2px;
}
 .sidebar-primary.nav-left-sidebar .navbar-nav .nav-link:focus, .sidebar-primary.nav-left-sidebar .navbar-nav .nav-link.active {
     background-color: #5761c2;
     color: #fff;
     border-radius: 2px;
}
 .sidebar-primary.nav-left-sidebar .submenu .nav .nav-item .nav-link:hover {
     color: #fff;
     border-radius: 2px;
     background-color: transparent;
}
/* ----------------------- Leftsidebar - dark ------------------------- */
 .sidebar-dark {
     background-color: #000;
     -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);
     box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);
     transition: all 0.3s ease;
}
 .sidebar-dark .nav-divider {
     color: #a4aadb;
     font-size: 12px;
     letter-spacing: 1px;
}

.sidebar-dark.nav-left-sidebar .nav-link i {
     color: #fff;
     font-size: 22px;
     transition: all 0.3s ease;
}

.sidebar-dark.nav-left-sidebar .nav-link:hover i {
    color: #30b34a;
}

.sidebar-dark.nav-left-sidebar .navbar-nav .nav-item {
     padding: 12px 0px !important;
     text-align:center;
}
 .sidebar-dark.nav-left-sidebar .navbar-nav .nav-link {
     color: #fff;
}
 .sidebar-dark.nav-left-sidebar .navbar-nav .nav-link:focus, .sidebar-dark.nav-left-sidebar .navbar-nav .nav-link:hover {
     color: #30b34a;
     background-color: transparent;
     border-radius: 2px;
}
 .sidebar-dark.nav-left-sidebar .navbar-nav .nav-link.active {
     background-color: transparent;
     color: #25923b;
     border-radius: 2px;
     font-weight: bold;
}
 .sidebar-dark.nav-left-sidebar .navbar-nav .nav-link:focus {
     background-color: transparent;
     color: #fff;
}
 .sidebar-dark.nav-left-sidebar .submenu .nav .nav-item .nav-link:hover {
     color: #25923b;
     border-radius: 2px;
     background-color: transparent;
}
 .sidebar-dark.nav-left-sidebar .navbar-nav .nav-item .badge{
     position: absolute;
     right: 40px;
     display: none;
}
/*-----navigation dark ---*/
/*----------------------- Sidebar Page Navigations -------------------------*/
 .sidebar-nav-fixed {
     position: sticky;
     top: 5rem;
}
 .sidebar-nav-fixed ul {
}
 .sidebar-nav-fixed ul li {
}
 .sidebar-nav-fixed ul li a {
     font-size: 14px;
     color: #71728e;
     display: block;
     padding: 5px 15px;
     background: transparent;
     border-radius: 4px;
     line-height: 1.8;
}
 .sidebar-nav-fixed ul li a:hover {
     color: #30b34a;
}
 .sidebar-nav-fixed ul li a.active {
     display: block;
     color: #30b34a;
     background: #e0e0fd;
}
/*--- Bootstrap Dropdown ----*/
 .dropdown-menu {
     background: #fff;
     font-size: 14px;
     color: #3d405c;
     border: 1px solid #e6e6f2;
}
 .dropdown-item {
     display: block;
     width: 100%;
     padding: .25rem 1.5rem;
     clear: both;
     font-weight: 400;
     color: #3d405c;
     text-align: inherit;
     white-space: nowrap;
     background-color: transparent;
     border: 0;
}
 .dropdown-item:hover {
     color: #30b34a;
     background: #efeff6;
}
 .page-section {
}
 .dropdown-item.active, .dropdown-item:active {
     color: #fff;
     text-decoration: none;
     background-color: #30b34a;
}
/* -------------------- 0.5.Container / Wrapper ----------------------- */
/*----------------------- Container / Wrapper -------------------------*/
 .dashboard-main-wrapper {
     min-height: 100%;
     padding-top: 60px;
     position: relative;
}
 .dashboard-wrapper {
     position: relative;
     left: 0;
     margin-left: 100px;
     min-height: 600px !important;
}
 .dashboard-content {
    padding: 40px 30px 90px 30px;
    height: 100%!important;
}


.outerdiv {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.middlediv {
  display: table-cell;
  vertical-align: middle;
}
a.registernewaccount {
    color: #777;
}

body.pagelogin {
    background: #fff;
}
.innerheaderdiv {
    background: #fff;
    padding: 30px;
}
.innerdiv {
    text-align: center;
    width: 500px;
    margin: 0 auto;
	 margin-left: auto;
  margin-right: auto;
}

.inneebodydiv {
    border: 1px solid #ddd;
    padding: 40px 20px;
	    background: #fff;
}
.forgotpasswordmodal.modal.show {
    display: flex !important;
}
.forgotpasswordmodal.modal .modal-dialog {
    margin: auto;
}
.forgotpasswordmodal.modal .inneebodydiv {
    padding: 28px 20px 35px;
}
#forgotpassword .modal-content {border:none;}
.inneebodydiv input {
    width: 80%;
    border: 1px solid #ddd;
    padding: 10px;
    display: block;
    margin: 0 auto 17px;
    background: #f5f5f5;     outline: none;
}
a.loginbtn {
    background: #248f39;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 12px 27px;
    display: inline-block;
	    margin-top: 10px;
}
.innerdivbtn-area {
    padding-top: 0;
    width: 80%;
    text-align: left;
    margin: -6px auto 9px;
}



/*----------------------- Dashboard css start -------------------------*/
 .showlastfilteroption label {
     color: #000;
     font-size: 15px;
     font-family: Roboto;
     font-weight: 400;
     display: inline-block;
     padding-right: 8px;
}
 .showlastfilteroption select {
     width: 130px;
     border: none;
     padding: 10px;
     color: #4b657a;
     font-size: 15px;
     -webkit-appearance: none;
     -moz-appearance: none;
     background-image: url(../images/select-box-arrow.png);
     background-repeat: no-repeat;
     background-position: 89% 54%;
     outline: none;
}
 .no-job-pending-approvals {
     background: #30b34a;
     text-align: center;
     padding: 10px;
     font-size: 16px;
     color: #fff;
     font-weight: 700;
     margin: 13px 0 20px;
     font-family: Roboto;
}
 .showlastfilteroption {
     margin-bottom: 15px;
}
 thead {
     background: #30b34a;
     color: #fff;
}
 .seemorebtn {
     margin: 23px 0;
     text-align: right;
}
 .seemorebtn a {
     font-size: 16px;
     background: #248f39;
     color: #fff;
     padding: 10px;
     font-weight: 400;
     text-transform: uppercase;
     width: 150px;
     display: inline-block;
     text-align: center;
}
 .option-td ul.list-inline {
     margin: 0;
}
 .option-td .list-inline-item:not(:last-child) {
     margin-right: 5px;
}
 .option-td i.fa-file-pdf-o.fa-1 {
     color: #fd3e3e;
}
 .option-td i.fa.fa-check {
     color: #30b34a;
}
 .materialtable.variationstable {
     min-height: 350px;
     padding-top: 15px;
}
 .addvariationlist .form-content li.list-inline-item {
     width: 48%;
}
 .addvariationlist .form-content textarea {
     width: 100%;
     background: #fff;
     border: 1px solid #ddd;
     padding: 10px;
     outline: none;
     font-size: 15px;
     color: #4B657A;
     resize: none;
     height: 95px;
}
 .addvariationlist .form-content li.list-inline-item:nth-child(3n) {
     margin-right: 14px;
}
 .addvariationlist .form-content li.list-inline-item:last-child {
    width:98%;
}
 .addvariationlist {
     min-height: 410px;
}
/*----------------------- Dashboard css end -------------------------*/
/* -------------------- 0.7.Footer ----------------------- */
/*----------------------- Footer -------------------------*/
 .footer {
     border-top: 1px solid rgba(152, 166, 173, .2);
     padding: 14px 30px 14px;
     color: #fff;
     background-color: #101010;
     width: 100%;
     text-align: center;
     font-size: 14px;
     font-weight:400;
	 position: absolute;
    bottom: 0;
}

 .footer-links {
}
 .footer a {
     color: #fff;
     -webkit-transition: all .4s;
     transition: all .4s;
}
/* ----------------------- 2.7 Icon -------------------------*/
 .icon-circle {
     border-radius: 100%;
}
 .icon-circle-small {
     line-height: 1;
     padding: 4px 2px;
     text-align: center;
     font-size: 12px;
     display: inline-block;
     border-radius: 100%;
}
 .icon-circle-medium {
     line-height: 1;
     padding: 22px 2px;
     text-align: center;
     font-size: 12px;
     display: inline-block;
     border-radius: 100%;
}
 .icon-box {
}
 .icon-box-xxl {
}
 .icon-box-xl {
}
 .icon-box-lg {
     height: 68px;
     width: 68px;
}
 .icon-box-md {
     height: 32px;
     width: 32px;
}
 .icon-box-sm {
}
 .icon-box-xs {
     height: 20px;
     width: 20px;
}
/* ========================================================================== 5. Table ========================================================================== */
/*----------------------- 5.1. General --------------------*/
 .table {
     margin-bottom: 0px;
}
 .table-responsive {
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}
 .table td, .table th {
     padding: 10px;
     vertical-align: middle;
     border-top: 1px solid #e6e6f2;
     font-weight: normal;
}
 .table thead th {
     vertical-align: bottom;
     border-bottom: 2px solid #e6e6f2;
}
 .table thead th, .table th {
     color: #fff;
     font-family: Roboto;
     font-size: 15.5px;
     font-weight: 700;
     padding: 12px 5px;
     white-space: nowrap;
}
 .table-bordered {
     border: 1px solid #e6e6f2;
}
 ul.list-inline.form-content {
     margin-bottom: 0px;
}
 ul.list-inline.selectboxlist {
     margin: 0;
}
 ul.list-inline.selectboxlist li {
     margin-bottom: 15px;
}
 .table-bordered td, .table-bordered th {
     border: 1px solid #e6e6f2;
}
 .table-striped tbody tr:nth-of-type(odd) {
     background-color: #f2f2f2;
}
 .table-striped tbody tr:nth-of-type(even) {
     background-color: #fff;
}
 .table-hover tbody tr:hover {
     background-color: rgba(230, 230, 242, .5);
}
.table td a {
    color: #4b657a;
}
 .table td {
     padding: 13px 5px;
     vertical-align: middle;
     border-top: none;
     font-weight: normal;
     color: #4b657a;
     font-size: 15px;
     white-space: nowrap;
}
 .option-td i.fa.fa-pencil-square-o {
     color: #30b34a;
     font-size: 20px;
}
 .option-td i.fa.fa-times {
     color: #ff0000;
     font-size: 20px;
}
 .materialtable td input[type="checkbox"] {
     width: 36px;
     height: 19px;
     border-radius: 0!important;
}
 .materialtable .table thead th, .materialtable .table th {
     padding: 12px 10px;
}
 .materialtable .table td {
     padding: 12px 10px;
}
 .materialtable .table-striped tbody tr:hover {
     background: #c3ffcf;
}
 .materialtable .table-striped tbody tr:hover td {

     color:#4b657a;
}
/*===============scrollbar design ===============*/
/* width */
 .table-responsive::-webkit-scrollbar {
     width: 7px;
     height:7px;
}
/* Track */
 .table-responsive::-webkit-scrollbar-track {
     background:#b4b4b4;
     border-radius: 0px;
}
/* Handle */
 .table-responsive::-webkit-scrollbar-thumb {
     background: #30b34a;
     border-radius: 0px;
}
/* Handle on hover */
 .table-responsive::-webkit-scrollbar-thumb:hover {
     background: #30b34a;
}
/*===============scrollbar design end ===============*/
 .editbuttondiv {
     clear: both;
}
 .inner-pagehead h1 {
     font-size: 20px;
     font-weight: 400;
     color: #000;
	     text-transform: uppercase;
}
 .inner-pagebutton li a {
     background: #222;
     color: #fff;
     padding: 11px 15px;
     text-transform: uppercase;
     font-size: 15px;
     border: 1px solid #222;
}
 .inner-pagebutton li a:hover {
     background: transparent;
     color: #222;
}
 .inner-pagebutton li a i {
     padding-right:5px;
}
 .editbuttondiv label {
     color: #000;
     font-size: 15px;
     font-family: Roboto;
     font-weight: 400;
     display: inline-block;
     padding-right: 8px;
}
 .editbuttondiv {
     clear: both;
     overflow: hidden;
     padding: 24px 0 0px;
     width: 100%;
}
 .editbuttondiv select {
     width: 104px;
     border: none;
     padding: 8px;
     color: #4b657a;
     font-size: 15px;
     -webkit-appearance: none;
     -moz-appearance: none;
     background-image: url(../images/select-box-arrow.png);
     background-repeat: no-repeat;
     background-position: 86% 54%;
     outline: none;
}
 .searchbox input[type="text"] {
     border: none;
     padding: 8px 10px;
     color: #4b657a;
     font-size: 15px;
     font-weight: 400;
     width: 200px;
     outline: none;
     background: #fff;
}
 .searchbox input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #4b657a;
     opacity:1;
}
 .searchbox input::-moz-placeholder {
    /* Firefox 19+ */
     color: #4b657a;
     opacity:1;
}
 .searchbox input:-ms-input-placeholder {
    /* IE 10+ */
     color: #4b657a;
     opacity:1;
}
 .searchbox input:-moz-placeholder {
    /* Firefox 18- */
     color: #4b657a;
     opacity:1;
}
 .searchbox button {
     background: #fff;
     border: none;
     padding: 8px 15px;
     margin-left: -6px;
     font-size: 15px;
     font-weight: 400;
     color: #4b657a;
     outline:none;
     cursor: pointer;
}
 .bottom-pagination {
     text-align: right;
     padding-top: 20px;
}
 .bottom-pagination .pagination {
     margin:0;
     border-radius: 0;
     float: right;
}
 .bottom-pagination .page-link {
     padding: .5rem .75rem;
     margin-left: 7px;
     color: #000;
     border: 1px solid #ddd;
     font-size: 14px;
}
 .bottom-pagination .page-link:hover {
     z-index: 2;
     color: #fff;
     text-decoration: none;
     background-color: #30b34a;
     border-color: #30b34a;
}
 .bottom-pagination .page-link:focus {
     box-shadow: none;
     border: 1px solid #30b34a;
     background: #30b34a;
     color: #fff;
}
 .bottom-pagination .page-item.active .page-link {
     z-index: 1;
     color: #fff;
     background-color: #30b34a;
     border-color: #30b34a;
}
 .masscodeeditindiv {
     background: #fff;
     padding: 13px;
     margin-top: 9px;
     width: 100%;
     float: left;
}
 .masscodeeditindiv input[type="checkbox"] {
     width: 22px;
     height: 37px;
     border-radius: 0px!important;
     vertical-align: middle;
     background: #fff;
}
 .masscodeeditindiv .editbuttondiv select {
     width: 102px;
     background-color: #efefef;
     color: #4b657a;
}
 a.gobtn {
     background: #7d7d7d;
     color: #fff;
     font-size: 16px;
     padding: 9px 14px;
}
 a.clearbtn {
     color: #005ec8;
     font-weight: 600;
     font-size: 15px;
}
 .masscodeeditindiv .editbuttondiv {
     padding: 0px 0 0px;
}
 .masscodeeditindiv ul.list-inline.selectboxlist {
     margin: 0;
}
 .masscodeeditindiv ul.list-inline.selectboxlist li {
    margin-bottom:15px;
}
 .masshidingshowingdiv {
     background: #fff;
     padding: 13px;
     margin-top: 9px;
     width: 100%;
     float: left;
}
 .masshidingshowingdiv .editbuttondiv select {
     width: 100px;
     background-color: #efefef;
     color: #4b657a;
}
 .form-content li.list-inline-item {
     width: 32%;
     margin-bottom: 25px;
     margin-right: 17px;
}
 .form-content li.list-inline-item:nth-child(3n) {
     margin-right: 0px;
}
 .form-content li label {
     font-size: 16px;
     display: block;
     color: #000;
     font-weight: 400;
}
 .form-content input {
     width: 100%;
     background: #fff;
     border: 1px solid #ddd;
     padding: 10px;
     outline: none;
     font-size: 15px;
     color:#4B657A;
}
 .edit-materialcontent {
     padding-top: 20px;
}
 .edit-materialcontent .form-content select {
     color:#9c9c9c;
}
 /*.form-content textarea::placeholder {
    color:#9c9c9c;
}*/
 .edit-materialcontent .form-content select option {
     color:#4B657A;
}
 /*.form-content input::placeholder {
    color:#9c9c9c;
}*/
 .addbtn {
        background: #248f39;
    border: 1px solid #248f39;
     font-size: 16px;
     font-weight: 400;
     color: #fff;
     text-transform: uppercase;
     padding: 9px 27px;
     outline:none;
     cursor:pointer;    margin-right: 12px;
}
.tab-vertical h5 {
    font-size: 20px;
}
.tab-vertical hr {
    margin-top: 2rem;
    margin-bottom: 1.5rem;}
 .canclebtn {
     background: #555;
     border: 1px solid #555;
     font-size: 16px;
     font-weight: 400;
     color: #fff;
     text-transform: uppercase;
     padding: 9px 27px;
     outline:none;

     cursor:pointer;
}
.tab-vertical select {
    width: 100%;
    color: #4B657A;
    padding: 10px;
    border: 1px solid #ddd;
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/select-box-arrow.png);
    background-repeat: no-repeat;
    background-position: 95% 55%;
    outline: none;
	background-color:#efefef;
}
.colorstyleform {
    background: #fff;
    padding: 20px 20px 27px;
}
.customer-default-div .colors-style .btnarea {
    text-align: left;
    padding-top: 5px;
}
.color-select-divt {
    padding-top: 15px;
}
.color-select-div {
    padding-top: 25px;
}
 .canclebtn:focus, .addbtn:focus {
     outline: none;
}
 .add-materialcontent {
     padding-top: 15px;
}
.doordrawerfacescontent .masscodeeditindiv .editbuttondiv select {
    width: 104px;
}
.doordrawerfacescontent .masshidingshowingdiv .editbuttondiv select {
    width: 100px;
}

 .materialtable.doordrawerfacestable {
     padding-top: 15px;
}
 .doordrawerfacescontent .editbuttondiv select {
     width: 175px;
}
 .form-content select {
     width: 100%;
     color:#4B657A;
     padding: 10px;
     border: 1px solid #ddd;
     font-size: 15px;
     -webkit-appearance: none;
     -moz-appearance: none;
     background-image: url(../images/select-box-arrow.png);
     background-repeat: no-repeat;
     background-position: 95% 55%;
     outline: none;
}
 .edgecontent .editbuttondiv label {
     padding-right: 1.8px;
}
 .edgecontent .searchbox {
     margin-bottom: 15px;
}
 .materialtable.hardwaretable {
     padding-top: 14px;
}
 .materialtable.partstable {
     padding-top: 15px;
}
/*-------------------- User icon sizes ---------------------*/
 .user-avatar-xxl {
     height: 128px;
     width: 128px;
}
 .user-avatar-xl {
     height: 90px;
     width: 90px;
}
 .user-avatar-lg {
     height: 48px;
     width: 48px;
}
 .user-avatar-md {
     height: 45px;
     width: 45px;
}
 .user-avatar-sm {
     height: 24px;
     width: 24px;
}
 .user-avatar-xs {
     height: 18px;
     width: 18px;
}
.jobselectbox li {
    width: 30%;
}
.jobselectbox li select {
    width: 72%;
}

.sucess-notificationbtn {
    background: #d4ebcb;
    padding: 15px;
    margin: 20px 0;
    border: 1px solid #b2dba1;
    border-radius: 5px;
}
.sucess-notificationbtn p {
    color: #3c7656;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}




/*------------------------------------------------------------------- Media Query -------------------------------------------------------------------*/
/*========== Non-Mobile First Method ==========*/
/* Large Devices, Wide Screens */
 @media only screen and (max-width:1400px) {
    .product-price{
        position: initial;
    }
    .product-slider {
         background-color: #fff;
         border-top-left-radius: 4px;
         padding: 131px 28px;
    }
     .influencer-profile-data .user-social-media {
         padding: 16px 56px;
         text-align: center;
         border-right: 1px solid #e6e6f2;
    }
}
 @media only screen and (max-width:1200px) {
    .product-price{
        position: initial;
    }
    .product-slider{
        padding: 131px 30px;
    }
    /*--------- dashboard-influence -------- */
     .user-social-media {
         padding: 16px 45px;
         text-align: center;
         width: 100%;
         border-bottom: 1px solid #dee2e6;
         border-right: transparent !important;
    }
}
 @media (min-width:1201px) and (max-width:1280px) {
	 .editbuttondiv select {
    width: 83px;}
	.doordrawerfacescontent .masshidingshowingdiv .editbuttondiv select {
    width: 90px;
}
.doordrawerfacescontent .masscodeeditindiv .editbuttondiv select {
    width: 83px;
}


 }
 @media (min-width:1201px) and (max-width:1367px) {
     .form-content li.list-inline-item {
         margin-right: 14px;
    }

}

 @media (min-width:992px) and (max-width:1200px) {
     .selectboxlist .list-inline-item {
         display: inline-block;
         margin-bottom: 12px;
    }
     .form-content li.list-inline-item {
         margin-right: 9px;
    }
     .selectboxlist {
        margin:0px;
    }

	.inner-pagebutton li a {
    padding: 11px 11px;
    font-size: 14px;
}



}
 @media (min-width:768px) and (max-width:991px) {
     .form-content li.list-inline-item {
         margin-right: 11px;
    }
	.tab-vertical .table td.btnareatd {
    text-align: left;
    padding-right: 0;
    padding-left: 0;
}
.doordrawerfacescontent .masscodeeditindiv .editbuttondiv select {
    width: 84px;
}
.doordrawerfacescontent .masshidingshowingdiv .editbuttondiv select {
    width: 83px;
}
	.tab-vertical .nav.nav-tabs {
    margin-right: 15px;   width: 200px;
}
	.btnarea {
    clear: both;
}
.tab-vertical .nav-tabs .nav-link {
    font-size: 14px;}

.product-image img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.product-list li {
    padding: 10px;
}
.tab-vertical .tab-content .textareadiv textarea {
    height: 80px;
}
.prodcut-nme {
    float: none; text-align: center;
}
.switch-div {
    float: none; text-align: center;
}
.form-second-div {
    margin: 0 9px;
}
.textareadiv {
    width: 100%;}

.tab-vertical .tab-content .switch-div label.switch { margin:0 auto 10px;}



}
/* Medium Devices, Desktops */
 @media only screen and (max-width:991px) {
     .selectboxlist .list-inline-item {
         margin-bottom: 15px;
    }
     .selectboxlist {
         margin: 0px;
    }
    /*--------- dashboard-influence -------- */
     .user-social-media {
         padding: 16px 45px;
         text-align: center;
         width: 100%;
         border-bottom: 1px solid #dee2e6;
         border-right: transparent !important;
    }
     span.welcome {
         display: none;
    }
     .nav-user-img img.user-avatar-md {
         margin-left: 0;
    }
     .navbar-brand {
         margin-right: 0;
         padding: 4px 12px;
    }
     .navbar-nav .dropdown-menu {
         position: absolute;
    }
     .navbar-right-top .nav-item .nav-link {
         padding: 6px 14px;
    }
     .nav-left-sidebar .navbar-nav .nav-link {
         font-size: 17px;
         padding: 6px 2px;
    }
     .nav-left-sidebar .nav-link[data-toggle="collapse"]::after {
        top:8px;
         right: 19px;
    }
     .nav-left-sidebar .submenu {
         padding-left: 6px;
         margin-left: -14px;
         margin-right: -14px;
    }
     .dashboard-content {
         padding: 25px 20px 110px 20px;
    }
     .nav-left-sidebar {
         width: 100%;
         position: relative;
         top: 0px;
         right: 0px;
    }
     .dashboard-wrapper {
         margin-left: 0px;
    }
     .nav-left-sidebar .navbar {
         padding: 14px;
    }
     .nav-left-sidebar .navbar a {
         color: #fff;
         font-size: 18px;
    }
}
@media (max-width:767px) {
	.tab-vertical .nav.nav-tabs {
    float: none;
    margin-right: 0;

    width: 100%;

}
	.tab-vertical .tab-content {
    padding: 25px 0 0;
}
.product-list li {
    width: 100%;}


	.product-image img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.tab-vertical .table td.btnareatd {
    text-align: left;
    padding-right: 0;
    padding-left: 0;
}

	}
 @media (min-width:601px) and (max-width:767px) {
	.tab-vertical .nav-tabs .nav-link {
    background-position: 3% 49%;}
     .form-content li.list-inline-item {
         width: 32%;
         margin-right: 7px;
    }
	.form-second-div {

    margin: 0 10px;
}
.tab-vertical .tab-content h6 {
    font-size: 14px;
}
.tab-vertical .tab-content label {
    font-size: 14px;
}
     .editbuttondiv label {
         font-size: 14px;
    }
     ul.list-inline.selectboxlist {
         margin: 0;
    }
     a.clearbtn {
         padding-left: 9px;
    }
   /*  .doordrawerfacescontent .editbuttondiv li.list-inline-item {
         width: 100%;
    }*/
     .doordrawerfacescontent .editbuttondiv label {
         width: 40%;
    }
     .editbuttondiv li.list-inline-item {
         width: 30%;
         margin: 0 6px 15px;
    }
     .editbuttondiv label {
         padding-right: 0;
         width: 40%;
    }
     .masshidingshowingdiv .editbuttondiv select {
         width: 58%
    }
     .masscostediting .editbuttondiv select {
         width: 58%
    }
     .editbuttondiv select {
         width: 58%;
    }
     .editbuttondiv .pull-left {
        float:none;
    }
     .editbuttondiv .pull-right.searchbox {
        float:none;
         margin-bottom: 20px;
    }
     .searchbox button {
         width: 10%;
    }
     .searchbox input[type="text"] {
         width: 90%;
    }
     .inner-pagebutton li a {
         padding: 11px 11px;
         font-size: 14px;
         display: inline-block;
         margin-bottom: 10px;
    }
     .inner-pagehead h1 {
         font-size: 18px;
    }
}
 @media (max-width:400px) {
	 .switch-div {
    float: none;     text-align: center;
}
.prodcut-nme {
    float: none;     text-align: center;
}
.product-list li {
    padding: 10px;}

.textareadiv {
    width: 100%;}
	.product-image {
    width: 100%;
}
.tab-vertical .tab-content .switch-div label.switch {
    margin: 0 auto 7px;
}

	 }
 @media (max-width:600px) {
	 .tab-vertical .tab-content h6 {
    font-size: 16px;
}

.tab-vertical .tab-content label {
    font-size: 14px;
}
     .masscodeeditindiv .editbuttondiv select {
         width: 69%;
    }
     .masshidingshowingdiv .editbuttondiv select {
         width: 69%;
    }
     .inner-pagebutton li.list-inline-item {
         width: 100%;
         text-align: center;
    }
     .inner-pagehead h1 {
         margin-bottom: 22px;
    }
     .inner-pagebutton li a {
         padding: 11px 10px;
         font-size: 14px;
         display: inline-block;
         margin: 4px 0;
         width: 275px;
         text-align: center;
    }


.doordrawerfacescontent .masscodeeditindiv .editbuttondiv label {
    width: 29%;
}
	.doordrawerfacescontent .masshidingshowingdiv .editbuttondiv label {
    width: 29%;
}

.doordrawerfacescontent .masscodeeditindiv .editbuttondiv select {
    width: 69%;
}

.doordrawerfacescontent .masshidingshowingdiv .editbuttondiv select {
    width: 69%;
}



     .doordrawerfacescontent .editbuttondiv label {
         width: auto;
    }
     .editbuttondiv label {
         width: 29%;
    }
     .editbuttondiv select {
         width: 69%;
         background-position: 92% 54%;
    }
     .selectboxlist li {
        width:100%;
         margin: 0 0 10px 0;
    }
     .editbuttondiv .pull-left {
        float:none;
    }
     .editbuttondiv .pull-right {
        float:none;
    }
     ul.list-inline.selectboxlist {
         margin: 0;
    }
     .editbuttondiv .pull-right {
         float: none;
         margin-bottom: 20px;
    }
     .searchbox button {
         width: 10%;
    }
     .searchbox input[type="text"] {
         width: 90%;
    }
     .form-content li.list-inline-item {
         width: 49%;
         margin-right: 0;
    }
     .form-content li label {
         font-size: 14px;
    }
     .form-content select {
         font-size: 14px;
    }
     .form-content input {
         font-size: 14px;
    }

		.form-left-half {
    width: 100%;
}
.form-right-half {
    width: 100%;
    padding-top: 20px;
}

	.tab-vertical .form-group {
    padding: 0px 0 20px;
}
	.canclebtn {
    margin-top: 10px;
}
.tab-vertical .nav-tabs .nav-link {
    background-position: 3% 49%;
    padding: 10px 5px 10px 36px;
}

.form-first-div {
    width: 100%;
}
.form-second-div {
    width: 100%;
    margin: 0;
    padding: 20px 0;
}
.form-third-div {
    width: 100%;
}
 }
 @media (min-width:320px) and (max-width:1240px) {
.jobselectbox li label {
    width: 100%;
}
.jobselectbox li select {
    width: 100%;
}


 }

 .td-job{
    text-decoration: underline;
     cursor: pointer;
}

/* @media (min-width: 1200px){
    .d-xl-none {
        display: none!important;
    }
}
@media (min-width: 992px){
.d-lg-none {
    display: none!important;
}
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}
.navbar-expand-lg .navbar-toggler {
    display: none;
}
}
.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.sidebar, .navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
.navbar {
    margin-bottom: 0 !important;
} */

.nav-left-sidebar .navbar-nav .nav-link{
	font-size:16px !important
}

.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link.current i {
    color: green;
}

.dashboard-header .navbar-header-user{
	font-size: 25px;
    float: right;
    padding-right: 30px;
}
.dashboard-header .navbar-header-user span{
	font-size: 18px;
    position: relative;
    top: -2px;
}

.admin-user-dropdown.dropdown{
    float: right;
    padding: 10px;
}
.navbar-header-user .arrowdown-small{
	font-size: 14px !important;
}
.admin-user-dropdown .dropdown-item{
	font-weight: 200;
    padding: 5px 10px;
}
 .admin-user-dropdown .dropdown-menu{
	position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 18rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1.6rem;
    color: #999;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
 }

.dashboard-wrapper-login {
     position: relative;
     left: 0;
     min-height: 600px !important;
}
.row.row-login{
	display:flex;
}
.row.row-login .col-xl-4{
	margin: 0 auto;
}
.d-flex.justify-content-center{
	margin-top:50px;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 20px;
}
.jobs-table #tblData, .jobs-table #xls-download{display: none;}

button.add-btn:hover {
    border-color: #fff;
    color: #fff;
}

.link-btn {
    border:none;
    background-color: transparent;
    color: #598e21;
    border-radius: 3px;
}

button.link-btn:hover {
    background-color: #598e21;
    color : #fff;
}

button.link-btn:hover i {
    color: #fff;
}

.drag-n-drop {
    border: dashed 1px #007bff;
    padding: 50px 15px;
    background-color: #b8defd;
    color: #007bff;
}

.drag-n-drop i {
    font-size: 100px;
    display: block;
}

.or {
    margin: 20px 0;
}

.stock-images {
    list-style : none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.stock-images li {
    padding: 10px;
    border: solid 1px #ccc;
    border-radius: 5px;
    margin: 0 15px 15px 0;
    position: relative;
    cursor: pointer;
}

.stock-images li img {
    max-width: 200px;
    max-height: 200px;
}

.stock-images .single-image .btn-delete {
    display: none;
    position: absolute;
    top: -5px;
    right: -5px;
    color: #fff;
    background-color: #000;
    border: solid 1px #000;
    border-radius: 50%;
}

.stock-images li:hover .btn-delete {
    display: block;
}

.react-bs-container-body tbody textarea + button {
    display: none;
}
.project-indicator .chat-box:after{
	background-color: orange;
}

.project-indicator.Pending .chat-box:after{
	background-color: red !important;
}
.project-indicator.Progress .chat-box:after{
	background-color: orange !important;
}
.project-indicator.Completed .chat-box:after{
	background-color: green !important;
}
.menus-dropdown-toggle:hover{
	background-color: transparent !important;
}
.menus-dropdown-toggle{
	height: 52px;
	position: relative;
	top: -30px;
	width: 85% !important;
	text-align: left;
	margin-left: 150px;
}
.menus-dropdown-toggle i{
	float:right;
}
.menus-dropdown-body{
	background:#FFF;
	padding: 10px;
	border-radius: 4px;
}
.menus-dropdown-body label{
	width: 100%;
	font-weight: normal;
}
.menus-dropdown-body .form-control{
	height: auto;
	padding: 4px 12px;
}
.menus-dropdown-dropzone .drag-n-drop{
	padding: 10px 15px;
}
.menus-stockcode-list{
	list-style:none;
	padding-left: 0px;
}
.menus-stockcode-list label{
	font-weight: normal;
	margin-bottom: 0px;
}
.menus-dropdown-dropzone .drag-n-drop img{
	height: 100px;
	display: block;
	margin: 0 auto;
}
.nestable-list .card-header button i{
	color: #30b34a;
}
.nestable-list .card-header{
	font-size: 18px;
}
.nestable-list .card .menu-move-btn, .nestable-list .menu-delete-btn{
	font-size: 14px;
	float: left;
	margin-right: 10px;
	position: relative;
	top: 10px;
	cursor: move;
}

.nestable-list .menu-delete-btn{
	font-size: 14px;
	float: right;
	margin-right: 0px;
	position: relative;
	top: 15px;
	cursor: pointer;
}

.nestable-item .is-dragging .card-header {
	color: #30b34a;
}
.card-header .ContentEditable{
	font-size: 18px;
}
.card-header .menus-dropdown-toggle:hover{
	text-decoration: none;
}
.menus-table .react-bootstrap-table tbody tr td {
	vertical-align: middle;
}
.menus-table .react-bootstrap-table tbody tr:hover {
    background-color: #e0fad7;
}
.card-header .ContentEditable:focus{
	display: block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color:#555;
	background-color:#F5F5F5;
	background-image: none;
	border: 1px solid #DDD;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.055);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.055);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.card-header .ContentEditable{
	min-width: 150px;
	margin-left: 50px;
	position: relative;
	top: 6px;
	z-index:9999;
	width: 300px;
}

.admin.chat-box-input {
    padding: 0 10px;
}

.rdw-editor-main {
    overflow: auto;
    box-sizing: border-box;
    height: 300px !important;
    border: 1px solid #F1F1F1 !important;
    padding: 5px !important;
    border-radius: 2px !important;
    background: #FFF;
}
.quill {
	background: #FFF;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow{
	min-height:250px;
}

.admin-wrapper .row-expansion-style {
    position: relative;
}

.admin-wrapper .statusCircle {
    position: absolute;
    left: 3px;
    top: 1px;
}

.admin-wrapper .statusCircle.Pending {
    background-color: green;
}

.admin-wrapper .statusCircle.Priority {
    background-color: red;
}

@media (max-width:768px) {
    .admin-wrapper {
        width: 100%;
    }

    .admin-wrapper .nav-left-sidebar {
        width: 80px;
        position: fixed;
        left: 0;
    }

    .admin-wrapper .dashboard-wrapper.partscontent {
        position: absolute;
        top: 0;
        width: calc(100% - 80px);
        margin-left: 80px;
    }

    .admin-wrapper .react-bootstrap-table {
        width: 100%;
        overflow-x: scroll;
    }

    .admin-wrapper .react-bs-table-container {
        overflow-x: scroll;
        width: 100%;
    }

    .admin-wrapper .react-bootstrap-table-pagination {
        margin: 15px 0;
    }

    .admin-wrapper .react-bs-table table {
        table-layout: auto;
    }
}

@media (max-width: 425px) {

    .admin-wrapper {
        width: 100%;
    }

    .admin-wrapper .dashboard-header nav {
        display: flex;
        justify-content: start;
    }

    .admin-wrapper .navbar-brand {
        width:50%;
    }

    .admin-wrapper .react-bootstrap-table {
        width: 100%;
        overflow-x: scroll;
    }

    .admin-wrapper .dashboard-header .navbar-header-user {
        font-size: 18px;
        padding-right: 0;
    }

    .admin-wrapper .nav-left-sidebar {
        width: 60px;
        position: fixed;
        left: 0;
    }

    .admin-wrapper .nav-left-sidebar .collapse {
        display: block !important;
    }

    .admin-wrapper .dashboard-wrapper.partscontent {
        position: absolute;
        top: 0;
        width: calc(100% - 60px);
        margin-left: 60px;
    }

    .admin-wrapper .react-bs-table-container {
        overflow-x: scroll;
        width: 100%;
    }

    .admin-wrapper .react-bs-table table {
        table-layout: auto;
    }

    .admin-wrapper .row.react-bootstrap-table-pagination .col-xs-6,
    .admin-wrapper .react-bs-table-pagination .col-xs-6 {
        width: 100%;
        margin: 5px;
    }

    .admin-wrapper .row.react-bootstrap-table-pagination .page-link,
    .admin-wrapper .react-bs-table-pagination .page-link {
        font-size: 10px;
    }

    .admin-wrapper .react-bs-table-tool-bar .row > div {
        width: 100%;
    }
}
.card-header .menus-dropdown-toggle, .card-header .menus-dropdown-toggle:active{
	outline: none;
}
.menus-table .react-bootstrap-table table td{
	    white-space: pre-wrap;
}
.menuproducts-heading{
    padding: 10px 10px;
    background: #30b34a;
    color: #FFF;
    font-size: 18px;
}
.nestable-item .card-body{
	cursor: default;
}
.menu-products .nestable-list * {
	cursor: move !important;
}
.menus-table .react-bootstrap-table .selection-cell{
	/*pointer-events: none;*/
}
.menus-table .greenCheckBox label input{
	height: 25px;
    width: 25px;
    left: 0px;
}
.menus-table .greenCheckBox label .checkmark1{
	height: 25px;
    width: 25px;
	pointer-events: none;
}
.menus-table .react-bootstrap-table tbody > tr > td:last-child{
	padding-left: 10px;
}
.menus-table .greenCheckBox label{
	margin-bottom: 18px;
}
.menus-table .greenCheckBox label .checkmark1:after{
	left: 6px;
	height: 15px;
}
.imagetips-delete-btn{
	float:right;
	padding: 10px 10px 0 0;
}
.imagetips-delete-btn i{
	font-size: 18px;
}

button.project-list-button {
    margin: 0;
}

button.project-list-button i {
    font-size: 24px;
    color: #598e21;
    transition: 0.2s all ease-in-out;
}

button.project-list-button:hover i {
    color: #8dc63f;
}

.admin-wrapper .btn {
    transition: 0.2s all ease-in-out;
    max-height: 40px;
}

.admin-wrapper .btn:hover {
    background-color: #8dc63f;
    color: #fff;
}

.admin-wrapper .dashboard-content .customer-list-table .react-bootstrap-table tbody > tr > td:last-child {
    padding:8px;
}

.admin-wrapper .react-bootstrap-table-pagination {
    padding: 15px 0;
}


    .modal-content {
        margin-top:33px !important;
    }
.AddColourModal .modal-dialog{
	width: 600px !important;
}

.LoginModal.AddProduct .modal-dialog {
    width: 100%;
    max-width: 800px;
}

.LoginModal.AddProduct .form-group {
    margin-bottom: 5px;
    margin-top: 5px;
}

.LoginModal.AddProduct label {
    color: inherit;
}

.LoginModal.AddProduct select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
}

.LoginModal.AddProduct .form-group {
    position: relative;
}

.LoginModal.AddProduct .form-group.select::after {
    content:"";
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 42px;
    right: 10px;
    border-top: solid 10px #000;
    border-right: solid 5px transparent;
    border-left: solid 5px transparent;
}

.products-table tbody td {
    text-align:left;
}

.products-table tbody td input.pull-right,
.stockcode-table tbody td input.pull-right {
    float:left !important;
    font-size: 16px;
    -webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #30b34a;
	box-shadow: none;
	padding: 9px;
	border-radius: 0;
	position: relative;
}

.products-table tbody td input.pull-right:focus,
.stockcode-table tbody td input.pull-right:focus {
    outline: none;
}

.products-table tbody td input.pull-right:after,
.stockcode-table tbody td input.pull-right:after {
    display: none;
    content:"";
    position: absolute;
    top: 1px;
    right: 4px;
    z-index: 3;
    width: 9px;
    height: 12px;
    border-bottom: solid 4px #30b34a;
    border-right: solid 4px #30b34a;
    transform: rotate(45deg);
}

.products-table td input.pull-right:checked:after,
.stockcode-table td input.pull-right:checked:after {
    display: block;
}

.form-control.numberEditor {
    font-size: 14px;
    padding: 6px;
    min-height: 0;
}

.products-table .table .table thead {
    background-color: #ccc;
    color: #000;
}

.products-table .table .table th {
    color: #333;
    font-weight: normal;
}

.products-table .table .table tbody tr {
    background-color: rgba(230, 230, 242, 0.5);
}

.jobs-table td,
.jobs-table th {
    border: 1px solid #ccc;
}
.jobs-table table,
.jobs-table td,
.jobs-table th {
    /*table-layout:fixed;*/
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
table { margin: 1em 0; }

.react-bs-table table { margin: 0 }

 .react-tabs__tab-list { border-bottom: 1px solid #aaa; margin: 0 0 10px; padding: 0; } .react-tabs__tab { display: inline-block;
border: 1px solid transparent; border-bottom: none; bottom: -1px; position: relative; list-style: none; padding: 6px 12px;
cursor: pointer; } .react-tabs__tab--selected { background: #fff; border-color: #aaa; color: black; border-radius: 5px 5px
0 0; } .react-tabs__tab-panel { display: none; } .react-tabs__tab-panel--selected { display: block; } .react-tabs__tab--disabled
{ color: GrayText; cursor: default; } .react-tabs__tab:focus { box-shadow: 0 0 5px hsl(208, 99%, 50%); border-color: hsl(208,
99%, 50%); outline: none; } .react-tabs__tab:focus:after { content: ""; position: absolute; height: 5px; left: -4px; right:
-4px; bottom: -5px; background: #fff; }

.customer-dashboard .btn-download, .customer-dashboard .btn-delete{
	font-size: 20px;
}
.customer-dashboard .btn-download i{
	color: #4b657a !important;
}

.InvoiceModal .modal-dialog,
.ReceiptModal .modal-dialog,
.payByOrdersModal .modal-dialog {
    width: 1000px;
}

.addInvoiceModal .drag-n-drop {
    padding: 15px;
    color: #333;
    border: solid 1px #ccc;
    background-color: #fff;
    cursor: pointer;
    transition: 200ms ease-in-out all;
}

.addInvoiceModal .drag-n-drop:hover {
    background-color: #8DC643;
    color: #fff;
    border-color: #8DC643;
}

.invalid-feedback {
    color: red;
    font-weight: 400;
}

.row.invoice-summary {
    margin-left: 0;
    margin-right: 0;
}

.invoice-summary .table td {
    color: #000;
    border-color: transparent;
}

.invoice-summary .table > tbody > tr:nth-child(2) {
    border-top: solid 1px #ccc;
    border-bottom: solid 2px #000;
}

.form-check input {
    margin: 4px 10px 0 0;
}

.form-group .project-list {
    padding: 15px 50px 15px 15px;
    border: solid 1px #ccc;
    color: #333;
    position: relative;
    cursor: pointer;
    min-height: 50px;
}

.form-group .project-list:after {
    content: "";
    width: 1px;
    display: block;
    position: absolute;
    top: 12px;
    right: 12px;
    border-top: solid 23px #8DC643;
    border-bottom: solid 0 transparent;
    border-right: solid 15px transparent;
    border-left: solid 15px transparent;
}

.form-group .project-list + ul {
    padding: 0;
    list-style: none;
    color: #333;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    overflow: scroll;
    max-height: 286px;
    position: absolute;
    width: 100%;
    background-color: #fff;
    display: none;
    transition: 200ms ease-in-out all;
}

.form-group .project-list + ul.show {
    display: block;
}

.project-list + ul li {
    padding: 10px 15px;
    border-bottom: solid 1px #ccc;
}

.project-list + ul > li:last-child {
    border-bottom: solid 1px transparent;
}

.project-list + ul li:hover {
    color: #fff;
    background-color: #8dc643;
}

.project-list + ul li input {
    display: none;
}

.project-list + ul li span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: solid 1px #8dc643;
    background-color: #fff;
    margin-right: 15px;
    vertical-align: middle;
    position: relative;
}

.project-list + ul li span:before {
    content:"";
    display: none;
    position: absolute;
    top: 2px;
    left: 3px;
    width: 8px;
    height: 5px;
    border-left: solid 2px #8dc643;
    border-bottom: solid 2px #8dc643;
    transform: rotate(-45deg);
}

.project-list + ul li span.selected:before {
    display: block;
}
.ImageTips-Form h4{
  font-size: 18px;
}
.ImageTips-Form p{
  padding: 0px;
  margin: 0px;
  margin-top: 15px;
}

.buttons button {
    background-color: transparent;
    padding: 5px 25px;
    margin-left: 5px;
    border: solid 2px #30b34a;
    border-radius: 3px;
    color: #30b34a;
    transition: 500ms ease-in-out all;
}

.buttons button.active,
.buttons button:hover {
    background-color: #8dc63f;
    border-color: #8dc63f;
    color: #fff;
}

button.pay-by-account-button {
    border: solid 2px #30b34a;
    background-color: #30b34a;
    padding: 5px 15px;
    color: #FFF;
    border-radius: 3px;
    margin-left: 5px;
    font-size: 18px;
    line-height: 1.5;
    transition: 500ms ease-in-out all;
}

button.pay-by-account-button.active,
button.pay-by-account-button:hover {
    border-color: #8dc63f;
    color: #fff;
    background-color: #8dc63f;
}

button.pay-by-account-button:hover i {
    color: #fff;
}

button.customized-button {
    border:solid 2px #ff0000;
    background-color: #ff0000;
    margin-left: 5px;
    color: #fff;
    padding: 5px 15px;
    border-radius: 3px;
    font-size: 18px;
    line-height: 1.5;
}

button.customized-button:hover {
    background-color: transparent;
}

button.customized-button:hover i {
    color: #ff0000;
}

.form-control + .message {
    display: none;
}

.form-control.error + .message {
    display: block;
}

.admin-default-materials .modal-dialog{
  max-width: 650px !important;
}
.admin-default-materials select{
  min-height: auto;
  font-size: 16px !important;
}

.button-link {
    background-color: transparent;
    color: #005ec8;
    white-space: nowrap;
    border-color: transparent;
}
.ShippingRatesTable input{
  float: left !important;
}

.text-dark {
    color: #000;
}

h1 span {
    display: block;
    font-size: 14px;
    text-transform: none;
    margin-top: 5px;
}