@font-face {
    font-family: 'montserratbold';
    src:url('../Content/fonts/montserrat.bold.ttf') format('ttf'), 
        url('../Content/fonts/montserrat.bold-webfont.woff2') format('woff2'),
        url('../Content/fonts/montserrat.bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratregular';
    src:url('../Content/fonts/montserrat.regular.ttf') format('ttf'),  
        url('../Content/fonts/montserrat.regular-webfont.woff2') format('woff2'),
        url('../Content/fonts/montserrat.regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoblack';
    src:url('../Content/fonts/Lato-Black.ttf') format('ttf'), 
        url('../Content/fonts/lato-black-webfont.woff2') format('woff2'),
        url('../Content/fonts/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latobold';
    src:url('../Content/fonts/Lato-Bold.ttf') format('ttf'), 
        url('../Content/fonts/lato-bold-webfont.woff2') format('woff2'),
        url('../Content/fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latolight';
    src:url('../Content/fonts/Lato-Light.ttf') format('ttf'),
        url('../Content/fonts/lato-light-webfont.woff2') format('woff2'),
        url('../Content/fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latomedium';
    src:url('../Content/fonts/Lato-Medium.ttf') format('ttf'), 
        url('../Content/fonts/lato-medium-webfont.woff2') format('woff2'),
        url('../Content/fonts/lato-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoregular';
    src:url('../Content/fonts/Lato-Regular.ttf') format('ttf'),
        url('../Content/fonts/lato-regular-webfont.woff2') format('woff2'),
        url('../Content/fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latosemibold';
    src:url('../Content/fonts/Lato-Semibold.ttf') format('ttf'), 
        url('../Content/fonts/lato-semibold-webfont.woff2') format('woff2'),
        url('../Content/fonts/lato-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.no-padding{padding: 0;}
/*.pad-change{padding: 0 5px;}*/

/*dashboard*/
.dashboard{overflow: hidden;background: #ecefef;}
.dashboard-content-pad-scroll,.dashboard-menu1{overflow:auto;}
.left-side-container{width: 18%;background: #678734;/* height: 100%; */float: left;position: relative;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.logo-section-background{background: #f0f0f0;/* -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1); */-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);/* box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1); */}
.logo-section{position: relative;height: 88px;}
.logo-section img{position: absolute;left: 0;top: 0;bottom: 0;margin: auto;max-width: 100%;max-height: 100%;}
.dash-icon,.dash-icon1{position: relative;height: 22px;width: 23px;margin-right: 5px;top: -1px;}
/*.dash-icon img,.dash-icon1 img{position: absolute;left: 0; right: 0; top: 0;bottom: 0;margin: auto;max-width: 100%;max-height: 100%;}*/
.profile-div{padding: 25px 20px;background: #fff;margin-top: 8px;}
.profile-img{float:left;position: relative;height: 65px;width: 65px;margin-right: 10px;display: inline-block;border-radius:100%;}
.profile-img img{position: absolute;left: 0; right: 0; top: 0;bottom: 0;margin: auto;max-width: 100%;max-height: 100%;border-radius:100%;}
.profile-info{width: auto;display: inline-block;float:left;}
.profile-info p
{
    color: #6a6c6f;
    font-size: 16px;
    width: 100%;
    text-align:left;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 16px;
}
.profile-info span
{
    color: #6a6c6f;
    font-size: 12px;
    width: 100%;
    text-align:left;
}
.right-side-container{width: 82%;float: left;background: #ecefef;}
.top-header-background{background: #fff;}
.top-header{height: 88px;/* border-bottom: 1px solid #ebf1f9; */background: #ffffff;}

.nav-icon{margin-top: 25px;cursor: pointer;padding-left: 20px;}
.nav-icon img{max-width: 100%;}
.nav-icon1{width: 20px;height: 20px;margin-top: 20px;cursor: pointer;position: fixed;right: 10px;display: none;z-index: 99999;}
.nav-icon1 img{max-width: 100%;}
.dash-text{padding-left: 15px;}
.dash-text h1
{
    color: #242430;
    font-size: 20px;
    margin: 0;
    padding-top: 18px;
    /* letter-spacing: 2px; */
    font-family: 'montserratbold';
}
.dash-text p
{
    color: #a7a7b0;
    font-size: 13px;
    margin: 0;
    padding-top: 2px;
    /* letter-spacing: 2px; */
    font-family: 'montserratregular';
}
a:hover{text-decoration: none!important;outline: none!important;}
a:focous{text-decoration: none!important;outline: none!important;}
a:active{text-decoration: none!important;outline: none!important;}
a{text-decoration: none!important;outline: none!important;}
.right-top-info{float: right;position: relative;}
.dwn-arrow{position: absolute;right: 25px;top: 20px;cursor:pointer;}
.right-top-info p{
    font-size: 13px;
    color: #293744;
    text-transform: capitalize;
    padding: 28px 10px;
    margin: 0;
    width: auto;
    display: inline-block;
    vertical-align: top;
}
.right-top-info span{padding: 5px;width: auto;display: inline-block;margin-top: 9px;}
.im-sep{border-right: 1px solid #fff;padding: 0!important;margin-right: 9px;margin-left: 8px;}
.pro-tpr{margin-right: 0px;}
.dwn-tpr{margin-left: 0px;}
.dash-icon i{color: #000!important;font-size: 20px!important;padding-top: 0!important;position: relative;top: -2px;}
.dash-icon{position: relative;display: inline-block;}
.dash-icon1{position: relative;display: none;}
.dashboard-menu ul li:hover .dash-icon1{display: inline-block;transition: all linear 0.3s;
                                        -webkit-transition: all linear 0.3s;
                                        -moz-transition: all linear 0.3s;
                                        -ms-transition: all linear 0.3s;
                                        -o-transition: all linear 0.3s;}
.dashboard-menu ul li:hover .dash-icon{display: none;transition: all linear 0.3s;
                                       -webkit-transition: all linear 0.3s;
                                       -moz-transition: all linear 0.3s;
                                       -ms-transition: all linear 0.3s;
                                       -o-transition: all linear 0.3s;}
.menu-active .dash-icon1{display: inline-block;}
.menu-active .dash-icon{display: none;}
.menu-active{background: #cad744;color: #272727;font-family: 'latomedium';}
.menu-active a{color: #272727!important;}
.accord a{ padding: 18px 20px;display:block;color:#fff;}
.accord a:hover,.accord a:active,.accord a:focus,.accord:hover,.accord:focus,.accord:active{color: #272727!important;}
aside {
    width : 100% ;  
    float:left ; 
    overflow:auto ;

}
aside ul{padding: 0;}
aside .accord {
    color: #ffffff;
    /*padding: 18px 20px;*/
    font-size: 16px;
    list-style: none;
    text-transform : capitalize;
    transition: all .4s ease;
    -webkit-transition:all .4s ease;
    -moz-transition : all .4s ease;
    padding-right: 0;
    font-family: 'latoregular';
}
aside .accord i {
    color: #fff;
    padding-top: 5px;
    font-size: 16px;
    padding-right: 12px;
}
aside .accord:hover {
    background: #d8dce1;
    color : #272727;
    cursor : pointer;
}
aside .drob-list {
    display : none ; 
}
aside ul li:hover i{color: #292928!important;}
aside .drob-list li {
    background: #6a6c6f;
    color: #fff;
    padding: 0;
    font-size: 16px;
    text-transform: capitalize;
    transition: all .4s ease;
    -webkit-transition:all .4s ease;
    -moz-transition : all .4s ease;
    padding-left: 0;
}
aside .drob-list li:last-child {
    border : none ;
}

aside .drob-list li:hover {
    background: #ecefef;
    cursor : pointer;
    color: #272727;
}



.notify-ic,.proflile-dropdown{
    width: auto;
    display: inline-block;
    padding-right: 15px;
    vertical-align: top;
    position: relative;
    text-align: right;
    margin-top: 16px;
}
.proflile-dropdown{padding-right: 5px;}
.proflile-dropdown .dropdown .btn{background: none;border: none;color:#333;margin-top: 14px;font-family: 'montserratregular';font-size: 13px;}
.proflile-dropdown .dropdown .btn:hover,.proflile-dropdown .dropdown .btn:active{background: none;border: none;color:#333;box-shadow: none;outline: 0;/* font-family: 'montserratregular'; *//* font-size: 13px; */}
.proflile-dropdown .dropdown-menu li{text-align: left;}
.proflile-dropdown .dropdown-menu{
    min-width: auto;
    width: auto;
    /* padding: 2px!important; */
    text-align: left;}
.notify-badge {
    position: absolute;
    top: 8px;
    left: 44px;
    font-weight: normal;
    border-radius: 100%;
    background: #18c36c;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 10px;
    padding: 6px;
    padding: 0;
    width: 10px;
    height: 10px;
    line-height: 20px;
    content: '';
}

.dashboard-sec{margin-top: 20px;/* border: 1px solid #d7e0f1; */background: #fff;}
.dashboard-info{/* padding: 25px 20px; */}
.dashboard-info2{padding:10px 20px;background: #333;padding: 10px 20px;float: right;height: 40px;}
.dashboard-count{width: 66%;display: inline-block;float: left;padding: 30px 12px;border-right: 1px solid #ecefef;padding-right: 0;}
.dashboard-ic{width: 34%;display: inline-block;float: right;height: 124px;position:  relative;}
.dashboard-ic img{position: absolute;top:0;bottom: 0;right: 0;left: 0;max-height: 100%;max-width: 100%;margin: auto;}
.dashboard-ic-bg1{background: #f0668c;}
.dashboard-ic-bg2{background: #817fb8;}
.dashboard-ic-bg3{background: #4cb8e2;}
.dashboard-ic-bg4{background: #5ec58a;}
.dashboard-ic i{font-size: 50px;color: #e9e9e9;}
.dashboard-ic2 img{float: right;}
.dashboard-count h2
{
    font-size: 30px;
    color:#fff;
    text-align: left;
    margin: 0;
    font-family: 'latobold';
    /* font-weight: 600; */
}
.dashboard-count p
{
    font-size: 15px;
    color:#fff;
    padding-top: 10px;
    text-align: left;
    margin: 0;
    font-family: 'latosemibold';
    /* font-weight: 400; */
}
.dashboard-count-bg1{background: #ef7d9d;}
.dashboard-count-bg2{background: #9391c1;}
.dashboard-count-bg3{background: #66c1e4;}
.dashboard-count-bg4{background: #76cc9b;}
.list-ic{display: none;}
.copyrights {
    position: relative;
    padding: 16px 0px;
    /* border-top: 1px solid #ddd; */
    z-index: 9;
    width: 100%;
    /* margin: 0 3%; */
    background: #d8dce1;
}
.copyrights p {
    font-size: 14px;
    margin: 0;
    color: #313a45;
    text-align: center;
    margin: 0;
    font-family: 'latoregular';
}
.block-section{padding: 15px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.05);margin-top:  20px;margin-bottom: 15px;}
.block-section h2
{
    color: #363d4d;
    font-size: 30px;
    text-align: left;
    margin-top:  10px;
    margin-bottom: 15px;
    font-family: 'latosemibold';
    font-family: 'latobold';
}
.dashboard-title h2
{
    color: #88898f;
    font-size: 22px;
    text-align: left;
    margin:  0px;
    padding:10px 0;
    margin-top: 10px;
    font-family: 'montserratbold';
}
.common-table {
    /* margin-top: 20px; */
    border: 1px solid #dcdcdc;
    /*border-top: 0;*/
    background: #fff;
}
.common-table thead tr {
    color: #ffffff!important;
    /* background: #424554; */
}
.common-table thead tr th {
    border-bottom: 0!important;
    text-align: left;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: normal;
    background: #424554;
    padding: 10px;
    font-family: 'latobold';
    font-family: 'latosemibold';
}
.common-table-head tr td {
    color: #746f6f!important;
    text-align: left;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: normal;
    padding: 7px 10px!important;
    background: #fff;
    /* border-top: 1px solid #d2d2d2; */
    font-family: 'latoregular';
}
.pending{margin: 0;padding: 2px 5px;background: #e9ab3b;font-size: 11px!important;color: #fff!important;}
.stacked{margin: 0;padding: 2px;background: #7ac266;font-size: 11px!important;color: #fff!important;}
.sold{margin: 0;padding: 2px;background: #d9444b;font-size: 11px!important;color: #fff!important;}
.action-icons {
    text-align: left;
}
.action-icons img {
    display: inline-block;
    width: auto;
    /* margin-right: 3px; */
    text-align: left;
    /* width: 30px; */
    /* height: 25px; */
    cursor: pointer;
}
.table-striped>tbody>tr:nth-child(even)>td, .table-striped>tbody>tr:nth-child(even)>th {
    background-color: #f9f9f9;
}
.add-product-btn{text-align: right;position: relative;margin-top: 13px;}
.add-product-btn a
{
    background: #678734;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-family: 'latomedium';
    padding: 10px 30px;
    border: 1px solid #678734;
}
.add-product-form input{background: #f9f9f9;border: 1px solid #c3c3c3;color: #363d4d;font-size: 18px;font-family: 'latomedium';height: 45px;border-radius: 10px;}
.add-product-form select{background: #f9f9f9;border: 1px solid #c3c3c3;color: #363d4d;font-size: 18px;font-family: 'latomedium';height: 45px;border-radius: 10px;}
.add-product-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #363d4d;
}
.add-product-form input::-moz-placeholder { /* Firefox 19+ */
    color: #363d4d;
}
.add-product-form input:-ms-input-placeholder { /* IE 10+ */
    color: #363d4d;
}
.add-product-form input:-moz-placeholder { /* Firefox 18- */
    color: #363d4d;
}
.add-product-form label,.add-product-form p
{
    text-align: left;
    color: #363d4d;
    font-size: 20px;
    font-family: 'latomedium';
    margin: 0;padding-bottom: 10px;font-weight: normal;
}
.add-product-form label .requried{position: relative;display: inline-block;color: #ff2828;vertical-align: top;}
.requried-text{position: relative;display: inline-block;color: #ff2828;float: right;font-size: 16px;padding-top: 4px;}
.form-sec{margin-bottom: 25px;}
.qty
{
    position: absolute;
    right: 0px;
    top: 1px;
    background: #f5f5f5;
    z-index: -1;
    width: 90px;
    height: 45px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: left;
    padding-left: 10px;
    line-height: 40px;
    font-size: 16px;
    font-family: 'latomedium';
    /* opacity: 0.5; */
    border-left: 1px solid #b9b9b9;
    z-index: 1;
    color: #363d4d;
    font-size: 16px;
}
.qty-select
{
    z-index: 9;
    overflow: hidden;
    position: relative;
    background: none!important;
    padding-right: 70px;
}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select-arrow {
    background: url(../Content/images/date-ic.png) no-repeat 96% #f9f9f9!important;
}
.select-arrow1 {
    background: url(../Content/images/select-arrow.png) no-repeat 96% #f9f9f9!important;
}
.select-arrow2 {
    background: url(../Content/images/select-arrow.png) no-repeat 96% transparent!important;
}
.qty-bg{position: absolute;width: 100%;height: 100%;background: #f9f9f9;top: 0;border-radius:  10px;}
.select-browse
{
    width: 80%!important;
    display: inline-block!important;
    float:  left!important;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}
.browse-select{
    width: 20%;
    height: 45px;
    background: #363d4d;
    float: left;
    font-size: 18px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 45px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-family: 'latomedium';
    cursor: pointer;
}
.add-product-form-ch label{width: 45%;display: inline-block;float: left;}
.add-product-form-ch p{width: 55%;display: inline-block;float: left;margin: 0;/* padding-left:30px; */color: #5e6471!important;}
.form-sec-pad{margin-top:20px;}
.right-sec-pad{padding-left:60px!important;}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #fff;
}
.active-table > td{background: #b0d674!important;} 
.active-table-product > td{background: #b0d674!important;} 
/*Login*/
.login-bg{position: relative;background: url('../Content/images/login-bg.jpg') no-repeat fixed center;background-size: cover;}
.login-sec-main{position: relative;width: 445px;margin:auto;/* margin-top: 50px; *//* margin-bottom: 20px; */}
.login-sec{position: relative;background: rgba(255,255,255,0.4);width: 100%;margin:auto;margin-top: 50px;margin-bottom: 20px;height: 100%;padding: 30px;float:  left;}
.login-content{position: relative;background: #fff;padding: 20px;height: 100%;width: 100%;float:  left;}
.login-logo{position: relative;height: 91px;}
.login-logo img{position: absolute;left: 0;top: 0;bottom: 0;right:0;margin: auto;max-width: 100%;max-height: 100%;}

.login-heading {
    padding:0x;
    background: #fff;
    /* box-shadow: 0 0 10px rgba(0,0,0,0.05); */
    margin-top: 20px;
    font-size: 21px;
    margin-bottom: 20px;
    font-family: 'latobold';
    text-transform:  uppercase;
    /*border-left: 2px solid #231f20;*/
    color: #231f20;
    /*padding-left: 10px;*/
    line-height: 18px;
}

.login-form label
{
        text-align: left;
        color: #231f20;
        font-size: 15px;
        font-family: 'latomedium';
        margin: 0;
        padding-bottom: 10px;
        font-weight: normal;
}

.fa-checkbox label
{
        text-align: left;
        color: #231f20;
        font-size: 15px;
        font-family: 'latomedium';
        margin: 0;
        padding-bottom: 10px;
        font-weight: normal;
        padding-left: 22px;
}

.login-form input {
    background: #fff;
    border: 1px solid #c3c3c3;
    color: #363d4d;
    font-size: 15px;
    font-family: 'latomedium';
    height: 35px;
    border-radius: 0px;
}
.form-sec-login {
    margin-bottom: 20px;
}
.fa-checkbox {
  position: relative;
}


.fa-checkbox input[type='checkbox'] {
  display: none;
}

.fa-checkbox input[type='checkbox'] + label:before{
  display: inline-block;
  font-family: FontAwesome;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 32px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 8px;
  width: 14px;height: 14px;
}

.fa-checkbox input[type="checkbox"] + label:before {
  content: '';
  background: url('../Content/images/check.png') no-repeat;
  position: absolute;
  width: 14px;height: 14px;left: 0;top: 3px;
}
.fa-checkbox input[type="checkbox"]:focus + label:before {
  color: #666;
}
.fa-checkbox input[type="checkbox"]:checked + label:before {
  content: '';
    background: url('../Content/images/checked.png') no-repeat;
   position: absolute;
  width: 14px;height: 14px;left: 0;top: 3px;
}
.login-form-link{text-align: right;}
.login-form-link a{
    text-align: right;
    color: #231f20;
    font-size: 15px;
    font-style: italic;
    font-family: 'latomedium';
    margin: 0;
    padding-bottom: 10px;
    text-decoration: underline!important;
    font-weight: normal;
    }
.reference-link{text-align: right;/* margin-top: 12px; */}
.reference-link a{
    text-align: right;
    color: #231f20;
    font-size: 15px;
    font-family: 'latomedium';
    margin: 0;
    padding-top: 0;
    font-weight: normal;
    }
    .login-btn{margin-bottom: 20px;}
.login-btn a {
    background: #679e01;
    text-align: center;
    border-radius: 0px;
    color: #fff;
    font-size: 16px;
    font-family: 'latomedium';
    padding: 9px 20px;
}

    .login-btn  input {
    background: #679e01;
    text-align: center;
    border-radius: 0px;
    color: #fff;
    font-size: 16px;
    font-family: 'latomedium';
    padding: 9px 20px;
}
.login-sec-forgot{margin-top: 165px;}


.fa-checkbox {
  position: relative;
}
.fa-checkbox-change {
  position: relative;display:inline-block;width:auto;margin-right:15px;
}
.fa-checkbox label{
    padding-left: 20px;
    font-weight: normal;
}


.fa-checkbox input[type='checkbox'] {
  display: none;
}

.fa-checkbox input[type='checkbox'] + label:before{
  display: inline-block;
  font-family: FontAwesome;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 32px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 8px;
  width: 14px;height: 14px;
}

.fa-checkbox input[type="checkbox"] + label:before {
  content: '';
  background: url('images/check.png') no-repeat;
  position: absolute;
  width: 14px;height: 14px;left: 0;top: 3px;
}
.fa-checkbox input[type="checkbox"]:focus + label:before {
  color: #666;
}
    .fa-checkbox input[type="checkbox"]:checked + label:before {
        content: '';
        background: url('images/checked.png') no-repeat;
               position: absolute;
        width: 14px;
        height: 14px;
        left: 0;
        top: 3px;
    }
    .default-popup{position:fixed;width:100%;height:100%;left:0;top:0;bottom:0;right:0;margin:auto;background:rgba(0,0,0,0.6);z-index: 999;display:none;}
    .default-popup-section{position:relative;width:500px;margin:30px auto;background:#fff;border-radius:8px;}
    .default-popup-content{position:relative;padding: 15px;}
    .default-popup-section h2{position:relative;background:#678734;padding: 15px 15px;color:#fff;text-transform:capitalize;font-size:18px;margin:0;font-family: 'latomedium';border-top-left-radius:8px;border-top-right-radius:8px;}
    .default-popup-content p{position:relative;color:#333;text-transform:capitalize;font-size:16px;margin:0;font-family: 'latoregular';text-align:left;}
    .default-popup-btn a {
    background:#4caf50;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-family: 'latomedium';
    padding: 2px 11px;
    
}
    .default-popup-btn{text-align:right;}
    .default-popup-btn a:hover{color:#fff;}
    .default-popup-footer{position:relative;padding: 15px;border-top:1px solid #ddd;}
.active-table > td{background: #b0d674!important;} 
.active-table-product > td{background: #b0d674!important;} 
.reset-btn-txtbox{    width: 79%;
    display: inline-block;}
.reset-btn{background-color: #678734;
    border-color: #678734;
    width: 20%;
    display: inline-block;
    font-size: 18px;
    font-family: 'latomedium';
    height: 45px;
    border-radius: 10px;
    vertical-align: top;}
.reset-btn:hover{background-color: #678734;
    border-color: #678734;}

.search-btn {
      border-color: #678734;
      background-color: #678734;
}
.search-btn:hover{background-color: #678734;
    border-color: #678734;}
.add-product-form 
{
        float: left;
    width: 100%;
    margin-bottom: 15px;
}
.copyrights {
    padding: 8px 0;
}
@media (min-width: 1600px) and (max-width: 1920px)
{

}
@media (min-width: 1200px) and (max-width: 1280px)
{
    .add-product-form-ch label { width: 42%;}
    .add-product-form-ch p { width: 57%;}
    .add-product-form label, .add-product-form p{font-size: 16px;}
    .dashboard-count p{font-size: 14px;}
    .dashboard-ic{height: 123px;}
}
@media (min-width: 1290px) and (max-width: 1370px)
{
    .add-product-form-ch label { width: 42%;}
    .add-product-form-ch p { width: 57%;}
}
@media (min-width: 992px) and (max-width: 1199px)
{    
    .right-sec-pad{padding-left:0px!important;}
    .left-side-container{width: 24%;}
    .right-side-container {width: 76%;}
  
     .reset-btn-txtbox {width: 68%;}
    .reset-btn{width:30%;}
    .btn-margin-res{margin-bottom:10px;}

   .left-side-container{position: fixed;left: -282px;z-index: 9999;width: 282px!important;transition: all linear 0.3s;-webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;-ms-transition: all linear 0.3s;-o-transition: all linear 0.3s;}
    .right-side-container{width: 100%!important;}
     .nav-icon1{display: block;}
     .BarcodeTable-div{margin-top:10px;}
       /*.dashboard-title{margin-bottom:0!important;}*/
       .margin-res{margin-bottom:10px;}
       .hide-res{display:none;}
       .copyrights{padding:8px 0;}
       .add-product-btn a{padding: 10px 15px;}
       .padding-top-res{padding-top:0!important;}
       .head_txt{padding-right:50px;}
        .nav-icon1{margin-top:30px;right:15px;}
        /*#no-more-tables td{text-align:left!important;}*/
        #no-more-tables .no-record-found{padding-left: 0!important;text-align: center!important;}
        /*#no-more-tables .no-data{padding:0!important;border:none!important;display: none;}*/
}
@media (min-width: 768px) and (max-width: 991px)
{    
    .btn-margin-res{margin-bottom:10px;}
    .right-sec-pad{padding-left:0px!important;}
    .add-product-form label, .add-product-form p{font-size: 16px;}
    .add-product-btn a{padding: 10px 20px;}
    .left-side-container{width: 30%;}
    .right-side-container {width: 70%;}
    /* Force table to not be like tables anymore */
    #no-more-tables table, 
    #no-more-tables thead, 
    #no-more-tables tbody, 
    #no-more-tables th, 
    #no-more-tables td, 
    #no-more-tables tr {
        display: block;
        padding-left: 0;
        padding-right: 0;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

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

    #no-more-tables td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 60%!important;
        white-space: normal;
        text-align:left;
    }

    #no-more-tables td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
    .product-dialog-box{width: 98%;margin: 50px 1%;}
    .dash-text h1{font-size: 15px;}
      .reset-btn-txtbox {width: 68%;}
    .reset-btn{width:30%;}
    .common-table-head tr td{text-align:left!important;}
    .table-pad-bdr{padding:0!important;border:none!important;}
    /*.dashboard-title{margin-bottom:0!important;}*/
    .right-sec-pad{padding-left:0px!important;}

    .left-side-container{position: fixed;left: -282px;z-index: 9999;width: 282px!important;transition: all linear 0.3s;-webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;-ms-transition: all linear 0.3s;-o-transition: all linear 0.3s;}
    .right-side-container{width: 100%!important;}
     .nav-icon1{display: block;}
     .BarcodeTable-div{margin-top:10px;}
     /*.dashboard-title{margin-bottom:0!important;}*/
     .margin-res{margin-bottom:10px;}
       .copyrights{padding:8px 0;}
          .add-product-btn a{padding: 10px 15px;}
          .hide-res1{display:none;}
          .padding-top-res{padding-top:0!important;}
           .head_txt{padding-right:50px;}
           .nav-icon1{margin-top:30px;right:15px;}
           #no-more-tables td{text-align:left!important;}
         #no-more-tables .no-record-found{padding-left: 0!important;text-align: center!important;}
           #no-more-tables .no-data{padding:0!important;border:none!important;display: none;}
}
@media (max-width: 767px) 
{
    .add-product-form-ch label,.add-product-form-ch p{width: 100%;font-size: 16px;}
    .right-sec-pad{padding-left:0px!important;}
    .left-side-container{position: fixed;left: -282px;z-index: 9999;width: 282px!important;transition: all linear 0.3s;-webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;-ms-transition: all linear 0.3s;-o-transition: all linear 0.3s;}
    .right-side-container{width: 100%!important;}
    .dashboard-content-scroll{height: auto;}
    .dashboard{overflow: auto;}
    .dashboard-content{margin-top: 20px!important;margin-bottom:40px;}
    .list-ic{display: inline-block;position: absolute;right: 12px;padding: 0px;top: 1px;}
    .search-ic i{padding-right: 30px;}
    .dashboard-content-pad-scroll,.right-side-container{height: auto!important;}
    .dash-text h1{/* padding: 15px 18px; */font-size: 17px;}
    .notify-ic, .cart-ic, .search-ic, .list-ic{margin-top:0;}
    /* Force table to not be like tables anymore */
    #no-more-tables table, 
    #no-more-tables thead, 
    #no-more-tables tbody, 
    #no-more-tables th, 
    #no-more-tables td, 
    #no-more-tables tr {
        display: block;
        padding-left: 0;
        padding-right: 0;
        word-break: break-word;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

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

    #no-more-tables td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 61%!important;
        white-space: normal;
        text-align:left;
    }

    #no-more-tables td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }

    .searchTerm{margin-top: 15px;}
    .searchButton{top: 22px;right: 8px;}
    .edit-textbox{width: 100%;margin-top: 10px;}
    .delete-width {width: 300px;margin: 30px auto;}
    .product-dialog-box,.serial-width{width: 98%;margin: 50px 1%;}
    .product-serial {width: 51%!important;}
    .serial-sec {width: 44%;}
    .product-browse {width: 63%!important;}
    .form-al1 {margin-bottom: 15px;padding: 0 10px;}
    .form-serial {margin-bottom: 15px;padding: 0 10px;}
    .nav-icon1{display: block;}
    .add-product-btn {margin-bottom: 23px;}
    .dashboard-content{margin-bottom: 0;}
    .block-section h2{font-size: 25px;}
    .padding-res{padding: 0;}
    .browse-select {width: 25%;font-size: 13px;}
    .select-browse {width: 75%!important;}
    .add-product-form input{font-size: 15px;}
    .add-product-btn a{padding: 7px;}
    .requried-text{padding-top: 0;}
    .login-sec-main{width: 100%;}
    .login-sec{width: 100%;padding: 10px;}
    .login-content{padding: 5px;}
    .login-btn{margin-bottom: 15px;}
    .login-sec-forgot{margin-top:30px;}
    .login-sec{margin-top:30px;}
      .reset-btn-txtbox {width: 68%;}
    .reset-btn{width:30%;}

}
.clear10 {
    clear:both;
    height:10px;
}
.clear20 {
    clear:both;
    height:20px;
}
.clear30 {
    clear:both;
    height:30px;
}
.ipart_autocompletes {
    width:  100%;
    float:  left;
    margin:  5px 0;
    background-color:  #fff;
}

.ipart_autocompletes ul {
    margin:  0;
    padding: 0 15px;    width: 83%;
    float: left;
}
.left_formater {
    text-align: left;
    margin-bottom: 15px;
}
.ipart_autocompletes ul li {
    list-style:  none;
    float:  left;
    width:  auto;
    padding: 6px 12px;
    border:  1px solid #333;
    margin-right:  10px;
    border-radius:  7px;
    cursor:  pointer;
      margin-bottom: 5px;
    margin-top: 5px;
}
.function-invback h2 {
    float: left;
    width: auto;
}
.function-invback .add-product-btn {
    margin-top: 22px;
}
.add-product-btn.btn-center {
    margin-top: 27px;
    display: inline-block;
    float: right;
}
.inv_left_content {
    border-right: 4px solid #000;
}
.inv-tophead {
    width:  100%;
    float:  left;
}

.inv-tophead h3 {
    text-align:  center;
    text-transform:  uppercase;
    font-size: 16px;
    font-weight:  600;
}

.inv-tophead span {
    text-align:  center;
    width:  100%;
    float:  left;
    background-color: #ecefef;
    padding:  8px 0;
    font-weight:  600;
    text-transform:  uppercase;
    color: #9dba4c;
}
.no-paddingP {
padding: 0px;
}
.invform-creation .add-product-form input, .invform-creation .add-product-form select {
    height: 38px !important;
}
.invadd-products {
    width: 100%;
    float: left;
padding: 15px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    margin-top: 20px;
    margin-bottom: 15px;
}
.invaddpro-leftside input, .invaddpro-rightside input, .invaddpro-leftside select, .invaddpro-rightside select {
height: 38px;
}
.invaddpro-leftside > span {
    color: #9dbc4d;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    float: none;
    display: inline-block;
    text-align: center;
    margin: 5px 0 15px;
}
.invaddpro-rightside {
    border-left: 4px solid #000;
}
.inv-mainsection > span {
    width: 100%;
    float: left;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    color: #9dbc4d;
    margin: 5px 0 12px;
}
.inv-creategroup-table table thead {
    background-color: #424554;
    color: #fff;
}
.inv-creategroup-table {
    width: 100%;
    float: left;
    margin: 24px 0 15px;
}
.inv-addproduct-btn {
    width: 100%;
    float: left;
    text-align: center;
    margin: 12px 0 0;
}
.btn-invadd {
    background-color: #678734;
    color: #fff !important;
}
.btn-invback {
    background-color: #d0d0d0;
    color: #505050;
}
.invform-creation .add-product-form .reset-btn {
height: 38px;
}


.inv-pagination ul{float:right;}

#pagination-demo .page-item a {
    font-size: 13px !important;
    color: #000 !important;
    margin-left: 5px !important;
    border-radius: 6px;
}

#pagination-demo .last a, #pagination-demo .next a, #pagination-demo .active a, #pagination-demo .prev a, #pagination-demo .first a {
    background: #424554  !important;
    color: #fff !important;
    font-size: 13px !important;
    border-color: #424554  !important;
    border-radius: 6px !important;
    border-radius: 6px;
}

#pagination-demo .first a {
    margin-left: 0px !important;
}

#pagination-demo .active a {
    background: #678734 !important;
    color: #fff !important;
    font-size: 13px !important;
    border-color:  #678734 !important;
    border-radius: 6px!important;
}

#pagination-demo .page-item a:hover {
    background:  #678734 !important;
    color: #fff !important;
    border-color: #678734 !important;
}


/* table scroll head fixed */
 .table-headfix thead{
    cursor: pointer;
    table-layout: fixed;
    width: calc(100% - 0px);
    display: table;
}
    .table-headfix tbody{
        height: 259px;
        overflow-y: scroll;
        width: calc(100% - 0px);
        float: left;
        display: table-column;
    }
    .table-headfix tbody tr {
    display: table;
    table-layout: fixed;
    width: 100%;
} 
    /*End table scroll head fixed */


    
.fa-heading-text .fa-checkbox label
{
        text-align: left;
      font-weight: bold;
    color: #333;
    font-size: 20px;
        font-family: 'latomedium';
        margin: 0;
        padding-bottom: 10px;
        padding-left: 25px;
}

.fa-heading-text .fa-checkbox {
  position: relative;
}


.fa-heading-text .fa-checkbox input[type='checkbox'] {
  display: none;
}

.fa-heading-text .fa-checkbox input[type='checkbox'] + label:before{
  display: inline-block;
  font-family: FontAwesome;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 32px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 8px;
    width: 20px;
    height:20px;
}

.fa-heading-text .fa-checkbox input[type="checkbox"] + label:before {
  content: '';
  background: url('../Content/images/uncheck-title.png') no-repeat;
  position: absolute;
  width: 20px;height: 20px;left: 0;top: 4px;
}
.fa-heading-text .fa-checkbox input[type="checkbox"]:focus + label:before {
  color: #666;
}
.fa-heading-text .fa-checkbox input[type="checkbox"]:checked + label:before {
  content: '';
    background: url('../Content/images/check-title.png') no-repeat;
   position: absolute;
      width: 20px;
    height: 20px;left: 0;top:4px;
}

/* error page css*/

    .error-bg {
        position: fixed;
        background: url(../Content/images/login-bg.jpg) no-repeat fixed center;
        background-size: cover;
        overflow: auto;
        width: 100%;
        height: 100%;
    }

    .error-sec-main {
        position: relative;
        width: 445px;
        margin: auto;
    }

    .error-sec {
        position: relative;
        background: rgba(255,255,255,0.4);
        width: 100%;
        margin: auto;
        margin-top: 50px;
        margin-bottom: 20px;
        height: 100%;
        padding: 30px;
        float: left;
    }

    .error-content {
        position: relative;
        background: #fff;
        padding: 20px;
        height: 100%;
        /*width: 100%;
        float: left;*/
    }

    .error-heading {
        padding: 0x;
        background: #fff;
        margin-top: 20px;
        font-size: 21px;
        margin-bottom: 20px;
        font-family: 'latobold';
        text-transform: uppercase;
        color: #231f20;
        text-align: center;
        padding-left: 10px;
        line-height: 18px;
    }

    .error-center-div {
        display: table;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .error-center-div2 {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .error-text {
        text-align: center;
        color: #231f20;
        font-size: 15px;
        font-family: 'latomedium';
        margin: 0;
        padding-bottom: 10px;
        font-weight: normal;
    }

    .error-btn {
        margin-bottom: 20px;
        text-align: center;
    }

        .error-btn a {
            background: #679e01;
            text-align: center;
            border-radius: 0px;
            color: #fff;
            font-size: 16px;
            font-family: 'latomedium';
            padding: 9px 20px;
        }

        .width-auto-left{width:auto;display:inline-block;float:right;}
         .width-auto-right{width:auto;display:inline-block;float:right;}
          .width-auto-label{width:auto;display:inline-block;float:left;padding-top:7px;}
           .width-auto-select{width:240px;display:inline-block;float:right;}

    @media (max-width: 767px) {
        .error-sec-main {
            width: 96%;
            margin: 0 3%;
        }
    }

    body{
        margin:0px;
        padding:0px;
    }
    /* end of error page css*/