/*login*/

.wrapper{ margin: 0; padding: 0; float: left; width: 100%; overflow: hidden; }
.left-side-login-sec{text-align: left; }
.left-side-login-sec h2{margin: 0; color:#8C4297; font-size: 50px; font-weight: 700; line-height: 67px;padding-bottom: 39px; text-align: center;padding-left: 143px;}
.left-side-login-sec h4{margin: 0; padding-bottom: 10px; font-size: 20px; line-height: 27px;font-style: italic;}
.right-side-logo-sec{/*padding:272px 0px;*/ text-align: center;}
.left-side-login-sec form a{padding:20px 30px ; background-color: #8C4297; color: white; font-size: 20px; line-height: 27px;display: inline-block;text-decoration: none;border-radius: 5px;font-weight: 700;}
.left-side-login-sec .form-group-email{padding-bottom: 27px;}
.left-side-login-sec .form-group-password{margin-bottom: 40px;}
.password-text{background-image: url(../imgs/password-eye.svg); background-repeat: no-repeat;background-position: 180px 22px;}
.logo-img , .eroma-sec{padding-bottom: 50px;}
.left-side-login-sec form input, .left-side-login-sec form input:focus{  outline: none;height: 62px; width:230px;border: none;font-size: 26px; line-height: 35px;padding: 14px 0 13px 14px;}
::placeholder{  color: black;}
.login{background-image: url(../imgs/login-banner.jpg) ; background-repeat: no-repeat; background-size: cover;height:100vh;position: relative;background-position: center;}
.custom-container{justify-content: center; align-items: center;position: absolute;top: 50%;left: 0;right: 0;transform: translate(0 , -50%);}
/*main-content*/
.container-scroller{overflow: hidden;}
/* .container-scroller{overflow: hidden; height: 100vh;} */
.navbar-brand{padding:9px 17px 10px 16px; margin:0}

.navbar-brand-wrapper{background-color: white;}
.default-layout-navbar{background:linear-gradient(90deg, #8C4297 0%, #BB5BCA 100%);height: 63px;}
.navbar .navbar-menu-wrapper .navbar-nav{flex-direction: row; align-items: center;}
.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right{margin-left: auto; padding-right: 36px;}
.profile-name-text {text-decoration: none; color: white; font-size: 20px; line-height: 27px;padding-right: 13px;}
h1,h2,h3,h4,h5,h6{margin: 0;}
.notifications{display: flex;align-items: center;}
.notifications::after{content: ''; display: block; border-right: 1px solid white; height: 43px; margin: auto 20px auto 21px;}
.petrochemical-img{padding-left: 19px;}
.common-text h5{font-size: 22px; line-height: 30px;}
.nav{width:256px;background-color: white;padding-top: 29px;}
.sidebar {position: fixed; background: #fff; height: 100%;}
.sidebar .dash{padding-left: 27.61px;}
.sidebar .customers{padding-left: 30.28px;}
.sidebar .prod{padding-left: 29px;}
.sidebar .invoice{padding-left: 30.5px;}
.sidebar .payment{padding-left: 24.5px;}
.sidebar .user-icon, .sidebar .reports{padding-left: 27.61px;}
.sidebar .nav-link{color:black; font-size: 22px; line-height: 30px;padding:14px 0 15px 0}
.sidebar .nav .nav-item img{padding-right: 21px;}
.sidebar .nav .customers img{padding-right: 24px;}
.sidebar .nav .prod img{padding-right: 20px;margin-left: -6px;}
.sidebar .nav .invoice img{padding-right: 24px;}
.sidebar .nav .payment img{padding-right: 21.48px;}
.sidebar .nav .report img , .sidebar .nav .user-icon img{padding-right: 21.37px;}
.sidebar .nav-item {width:256px;border-left: 7px solid white;}
.sidebar .nav-item:active{background-color:#F1F5F9;border-left: 7px solid #8C4297;}
.sidebar .nav-item:active .nav-link img{color: #8C4297;}

/* .main-content-panel {padding-left: 260px; width: 100%;} */
.main-content-panel{
    /* overflow-x: scroll;
    height: 100vh; */
    padding-left: 260px; 
    width: 100%;
    /* width: calc(100% - 255px); */
    min-height: calc(100vh -64px);
    display: flex;
    flex-direction: column;
 background-color: #F1F5F9;}
.navbar.fixed-top+.page-body-wrapper{padding-top: 64px;}

.page-body-wrapper{min-height: calc(100vh - 64px); display: flex;flex-direction: row;padding-left: 0;padding-right: 0}
.notification-img{position: relative;}
.notifications.nav-item a span{position: absolute;
    top: 9px;
    /* left: 1px; */
    border-radius: 50%;
    color: #8C4297;
    background: yellow;
    height: 20px;
    width: 20px;
    margin-left: -13px;
    text-align: center;
    font-size: 12px;
    border-color: #8C4297;
text-decoration: none;}

.notifications li span{
    font-size: 12px;
    float: right;
    margin-top: 7px;
    text-decoration: none;}
.petrochemical-img{position: absolute;
    left: 75px;
    top: 18px;}
.content-wrapper{padding:25px 40px 0px 40px;}
.card .card-body h4{font-size: 25px; line-height: 33px; font-weight: 700;}
.card .card-body-sales h4{padding-bottom: 10px;}
.card .card-body h5{font-size: 24px; line-height: 32px;font-weight: 300;text-align: left;}
.card-body-sales{padding:35px 27px 35px 30px}
.card-body-items{padding: 35px 27px 35px 30px}
.card{border: none;border-radius: 5px;}
.sidebar .nav .nav-item .nav-link{display: flex; align-items: center;}
.four-column-details{padding: 40px 45px 46px 40px;background-color: white;}
.four-column-details h2{font-size: 20px; line-height: 27px; font-weight: 700; padding-bottom: 15px;}
.four-column-details select option{font-size: 16px;}
.four-column-details select option:hover{ background-color: #8C4297; color:white; font-size: 16px;}
/* .four-column-details select{margin-bottom: 26px;padding:16px 30px; /*outline: 1px solid #8C4297; border-radius: 5px; font-size: 17px ; line-height: 27px;} */
.four-column-details select{margin-bottom: 0; width: 140px !important; padding: 12px 14px !important; /*outline: 1px solid #8C4297;*/ border-radius: 5px; font-size: 17px ; line-height: 18px; margin-left: 50px;}
.four-column-details select:focus-visible{outline:1px solid #8C4297;border-radius: 5px;}
.four-column-details .select-month-sec {display: flex; align-items: center; padding-bottom: 30px;}
.select-month-sec  h2 {padding-bottom: 0;}
.chart-row select {margin-bottom: 0; width: 140px !important; padding: 12px 14px !important; /* outline: 1px solid #8C4297; */ border-radius: 5px; font-size: 17px; line-height: 18px; margin-left: 50px;}
.right-side{text-align: right;}
.fix-width{ margin-right: -50px;}
.profile-name-text:hover{color: white;}
.card{border:1px solid #8C4297; border-radius: 5px;}
.chart-row{margin:0;padding:62px 0;}
.chart{padding-top: 27px; padding-left: 20px; padding-bottom: 32px;justify-content: space-between; align-items: baseline;background-color: white;}
.chart img{height: 30px;}
.data-table{border: 1px solid #E7EBEF;}
.chart h1{font-size: 35px; line-height: 47px ; font-weight: 400;}
.number{text-align: right;padding:93px 28px 93px 0}
.number h3{font-size: 33px; line-height:44px ; font-weight: 300;}
.number h4{ color:#8C4297;font-size: 33px; line-height:44px ; font-weight: 700;padding-bottom: 62px;}
.number h4:last-child{color: #67B545;padding-bottom: 0;}
.profile-name-text h6{font-size: 20px; line-height: 27px; font-weight: 400;}
.add-product-btn{position:absolute; right:372px;}
.export-btn{position: absolute; right:471px;text-decoration: none; color: black;top:213px}
.content-wrapper-product-list.Add-Product.reports-list-page .export-btn {top: 343PX; }
.download{position: absolute; right:535px;}
.dataTables_wrapper .dataTables_filter{position: relative;}
table.dataTable thead .headings .sorting_asc:first-child{background-image: none !important;}
table.dataTable thead .headings .sorting_desc:first-child{background-image: none !important;}
.dataTables_wrapper .dataTables_filter input{height:40px;margin-left: 0; border: 1px solid #C4C4C4;width:271px}
table.dataTable thead .sorting{background-image: url(../imgs/shuffel-arrow.svg);}
table.dataTable thead .sorting_asc{background-image:  url(../imgs/ASC.svg) !important;}
.table.dataTable thead .sorting_desc{background-image: url(../imgs/DSC.svg) !important;}
/*table.dataTable thead .sorting { background: none !important; }
table.dataTable thead .sorting:first-child::after, table.dataTable thead .sorting:last-child::after { background: none !important; }
table.dataTable thead .sorting::after { content: ""; display: inline-block; width: 21px; height: 22px; background: url(../imgs/shuffel-arrow.svg) no-repeat center; margin: 0 0 -5px 5px; }
table.dataTable thead .sorting_asc::after {background:  url(../imgs/ASC.svg) no-repeat center !important;}
.table.dataTable thead .sorting_desc::after {background: url(../imgs/DSC.svg) no-repeat center !important;}*/

.dataTables_length{padding-bottom: 24px;}
.dataTables_filter:focus{outline: none !important;}
.dash-headiings h1{font-size: 35px;font-weight: 700;line-height: 47px; padding-bottom: 30px;}
/*product-list css*/
.product-list-row h1{font-size: 30px; line-height: 40px ; font-weight: 700; padding-bottom: 55px;}
.content-wrapper-product-list{padding:25px 32px 189px 32px;}
.product-list-filter h3{ font-size: 20px; line-height: 30px; font-weight: 400;padding-right: 10px;}
.product-list-filter form{padding-right: 10px;}
.product-list-filter select{padding: 9px 31px 9px 17px;height:40px;
    border-color: #C4C4C4;}
    .data-table{padding:13px 25px 40px 23px;}
    .headings th:first-child{background-image: none !important;}
.no-filter-img{background-image: none !important;}
table th{padding:8px  !important}
.product-list-summary{margin: 0 0  30px 0;}
.product-list-filter select:focus-visible{outline: none !important;}
.product-list-summary{background-color: #F8FAFC;}
.product-list-filter{border-bottom: 1px solid #E7EBEF;justify-content: space-between;}
.product-list-filter-right-side{padding:13px 0px 18px 0px}
.product-list-filter-right-side form input{ height: 50px; border-radius: 5px; border: 1px solid #C4C4C4;}
.green-btn{ padding-right: 34px;}
.search input{padding-left: 40px;}
.search { position: relative; text-align: center;}
.search .fa-search { position: absolute;top: 18px;right:17px;font-size: 20px;color: #8C4297;}
.table{padding:0; margin:0;}
.table th input[type=checkbox]{border:1px solid #CBD5E1;background-color: white;}
.table th img{padding-left: 10px;}
.table .headings{background-color:  #F8FAFC;}
.table tbody tr:nth-child(2n){background-color:#F8FAFC; ; border-bottom: 1px solid #F8FAFC;;}
.table tbody tr:nth-child(2n+1){background-color: white; border-bottom: white;}
/* .table a {text-decoration: none;} */
/* .table td {width: 10%;} */
.product-list-bottom-sec{justify-content: space-between;}
.pagination .product-list-bottom-sec img{padding-right: 10px;}
.page-body-wrapper .product-list-bottom-sec h4{font-size: 16px; line-height: 21px;font-weight: 400;}
.page-body-wrapper .product-list-bottom-sec  .pagination-summary h5{font-weight:400;padding-right: 20px;font-size: 18px; line-height: 24px;}
.pagination-summary .pagination{margin: 0;border-radius: 4px; border:1px solid #DEDEDE;}
.pagination-summary .page-item.active .page-link{background-color: #8C4297;border-color: #8C4297;}
.pagination-summary .page-link:focus{box-shadow: none !important;}
.pagination-summary .page-link{color: #9B9B9B;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:active{background: #8C4297;color:white !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button{border: none;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: white !important; color:#9B9B9B !important;border:none}


/* /customer-list css/ */
.customer-list-table tbody td span{ padding-left: 20px;text-align: center; color: #67B545;}
.customer-list-table tbody td .approved-reject{color: #FF0000;padding:0}

/* user-list css */
.users-list-table .padding-before{padding-left: 43px;}

input[type=checkbox].toggle , input[type=checkbox].toggle1{display: none;}
.rounded,.rounded1{border-radius: 30px !important;}
input[type=checkbox].toggle +label,input[type=checkbox].toggle1 +label{display: inline-block; height:29px ;width:64px;position:relative;font-size: 20px; padding:0; margin:0;cursor:pointer; transition:  all 0.3s ease;background-color:green;}
input[type=checkbox].toggle + label::before,input[type=checkbox].toggle1 + label::before{position: absolute; top:3px; height:23px;width:26px;content:"";transition:all 0.3s ease ; z-index: 3;}
input[type=checkbox].toggle + label::after,input[type=checkbox].toggle1 + label::after{text-align: center; z-index:2;text-transform: uppercase;position: absolute;top:50%;transform: translateY(-50%); text-overflow: ellipsis; overflow: hidden;}
input[type=chechbox].toggle + label.rounded,input[type=chechbox].toggle1 + label.rounded1{border-radius: 145px !important;}
input[type=chechbox].toggle + label.rounded::before,input[type=chechbox].toggle1 + label.rounded1::before{border-radius: 50% !important;}
input[type=checkbox].toggle:not(:checked) +label,input[type=checkbox].toggle1:not(:checked) +label{background-color: red; text-align: right;}
input[type=checkbox].toggle:not(:checked) +label:after,input[type=checkbox].toggle1:not(:checked) +label:after{content: attr(data-unchecked);right:9px; left:auto;opacity:1; color:white;font-size: 12px;}
input[type=checkbox].toggle:not(:checked) +label:before,input[type=checkbox].toggle1:not(:checked) +label:before{left:1px;background-color: white; border-radius: 50%;}
input[type=checkbox].toggle:checked + label,input[type=checkbox].toggle1:checked + label{text-align: left; }
input[type=checkbox].toggle:checked + label::after,input[type=checkbox].toggle1:checked + label::after{content: attr(data-checked);left: 8px; right:auto;opacity: 1; color: white; font-size: 12px;}
input[type=checkbox].toggle:checked  + label::before,input[type=checkbox].toggle1:checked  + label::before{left: 33px;background-color:white;border-radius: 50%;}

/* .add-product-btn, .export-btn, .download {z-index: 0 !important;} */
.dataTables_wrapper .dataTables_info {padding: 16px 0px 0 6px;}
.dataTables_wrapper .dataTables_paginate {    padding: 10px 10px 6px 0;}
table.dataTable tbody th, table.dataTable tbody td{padding: 8px 8px;}
.img-res-but a {text-decoration: none;}
.select2-container--default .select2-selection--single .select2-selection__arrow {right: 10px !important;}
/* .select2, select.form-control, .Add-Customer input, .add-user input, .add-user select {padding: 17px 20px 17px 20px !important;} */

/*-- Seals Order --*/
.name-and-add {flex-wrap: nowrap;}
.name-and-add .select2-container{width: 43% !important; margin-left: 20px;}
.name-and-add label {padding-bottom: 0 !important;}

/*-- invoices --*/
.last-row-border:after {content: ''; display: block; margin: 34px 0 40px; width: 100%; height: 1px; background: #707070;}
.datepicker{padding: 0 12px!important;}

.dataTables_wrapper div#customer-table_filter, #myTable_filter{
    background-image: url(../imgs/search.svg);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: right !important;
}



/*....Add-Customer....*/

/*....Add-Customer....*/
.content-wrapper-product{padding: 25px 0 100px 40px;}
.Add-Customer h2{font-size: 30px;line-height: 40px;text-align: left;color: #000000;font-weight: 700;letter-spacing: 0px;opacity: 1;padding: 0 0 50px 0;margin: 0;}
.Add-invoice h2{padding: 0 0 50px 15px;}
.Add-sales-order h2{padding: 0 0 50px 15px!important;}
.Add-Customer label{font-size: 20px;line-height: 27px;text-align: left;color: #000000;font-weight: 600;letter-spacing: 0px;text-transform: capitalize;opacity: 1;padding: 0 0 15px 0;margin: 0;}
.Add-Customer input{padding: 17px 0 17px 30px;margin: 0;font-size: 20px;line-height: 27px;text-align: left;color: #000000;font-weight: 300;letter-spacing: 0px;/*text-transform: uppercase*/;opacity: 1;border: 1px solid #E7EBEF;border-radius: 5px;}
.form-group input:focus-visible {outline: none !important;}
.Add-Customer .form-check input:focus{box-shadow: none !important;}
.form-group {display: flex; flex-direction: column; flex-wrap: wrap; padding: 0 0 0 0;}
.Add-Customer .Add-Customer-page {padding: 0 30px 40px 0;width: 100%;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;display: block;}

.btn-secondary{width: 250px;height: 60px;background-color: #FFFFFF;color: #000000;font-size: 20px;line-height: 27px;text-align: left;font-weight: 300;letter-spacing: 0px;text-transform: uppercase;opacity: 1;border: 1px solid #E7EBEF;border-radius: 5px;display: flex;align-items: center;justify-content: space-between;}
.dropdown .dropdown-menu  {padding: 14px 0;margin: 0;list-style: none;background-color: #D9D9D9;}
.dropdown .dropdown-menu li a{padding: 9px 0 10px 29px;}
.dropdown:focus{box-shadow: none !important;}
.dropdown ul{width: 100%;}
.dropdown .btn:focus{ box-shadow: none !important;}
.dropdown-menu a:hover{background-color: #8C4297;color: #FFFFFF;}
.Add-Customer-page-left-sec input{margin: 0 0 40px 0;}
.Add-Customer-page-3 .form-group{padding: 0 30px 0 0;}
.form-control:focus {outline: none;box-shadow: none;border: none;}
.btn-secondary:hover{color: #5c636a;background-color: #fff;border: 1px solid #E7EBEF;}
.btn-check:focus+.btn-secondary, .btn-secondary:focus{color: #5c636a;background-color: #fff;border: 1px solid #E7EBEF;}
.Add-Customer-page-3 .form-group .textarea1{margin: 0 10px 0 0!important;}


.Add-Customer-page-5 .form-group textarea{/*width: 93%;*/height: 60px;}
.Add-Customer-page-5 input{margin: 0 0 40px 0;}
.Add-Customer-page-5 .horizontal .save{background-color: #67B545;text-align: left;font-size: 17px;line-height: 22px;color: #FFFFFF;font-weight: 600;letter-spacing: 0px;opacity: 1;display: inline-block;padding: 14px 30px;text-decoration: none;border-radius: 5px;margin: 0 0 30px 0;}    
.Add-Customer-page-5 .horizontal .fa-plus{background-color: #67B545;text-align: center;font-size: 17px;line-height: 22px;color: #FFFFFF;font-weight: 600;letter-spacing: 0px;opacity: 1;display: inline-block;margin: 0;text-decoration: none;border-radius: 5px;width: 48px;height: 40px;padding: 10px 0 0 0;margin: 0;}
.Add-Customer-page-5 .btn-check:focus+.btn, .btn:focus {box-shadow: none;outline: none;}

.Add-Customer-page-5 .controls-plus-button .btn{padding: 0;margin: 0;}
.Add-Customer-page-5 .controls-plus-button{text-align: left;margin: 0 0 0 70px;}
.Add-Customer-page-5 .minus-button{text-align: left;margin: 0 0 0 -68px}
.Add-Customer-page-5 .form-group-button .save{margin: 0 30px 0 0;}
.Add-Customer-page-5 .form-group-button .delete{background-color: #FF0000;text-align: left;font-size: 17px;line-height: 22px;color: #FFFFFF;font-weight: 600;letter-spacing: 0px;opacity: 1;display: inline-block;padding: 14px 30px;text-decoration: none;border-radius: 5px;}

.controls-line{border-top: 2px solid #E7EBEF;margin: 27px 0 0 0;}
.Add-Customer-page-5 .horizontal .fa-minus{background-color: #FF0000;text-align: center;font-size: 17px;line-height: 22px;color: #FFFFFF;font-weight: 600;letter-spacing: 0px;opacity: 1;display: inline-block;margin: 0;text-decoration: none;border-radius: 5px;width: 48px;height: 40px;padding: 10px 0 0 0;}
/*.form-group-textarea{width: 56%;}*/
/*.form-group-textarea2{width: 60%;}*/
.Add-Customer label,.add-user label{font-size: 18px;line-height: 27px;text-align: left;color: #000000;font-weight: 600;letter-spacing: 0px;text-transform: capitalize;opacity: 1;padding: 0 0 15px 0;margin: 0;}
.select2  , select.form-control, .Add-Customer input, .add-user input,.add-user select{padding: 17px 20px 17px 30px;margin: 0;font-size: 20px;line-height: 27px;text-align: left;color: #000000;font-weight: 300;letter-spacing: 0px;opacity: 1;border: 1px solid #E7EBEF;border-radius: 5px;height:60px; width: 100% !important; background-color: #FFFFFF;}
.form-group input:focus-visible,.add-user .form-group-user input:focus-visible ,.add-user select:focus-visible{outline: none !important;}
.submit-button input.save.btn {width: auto !important; }

/*add user*/
.add-user .form-group-user,.add-user .form-group-user input{width:100%}
.content-wrapper-user{padding:25px 0 393px 40px}
.add-user h2 {font-size: 30px;line-height: 40px;text-align: left;color: #000000;font-weight: 700;letter-spacing: 0px;opacity: 1;padding: 0 0 50px 15px;margin: 0;}
.add-user-row{padding-bottom: 45px;}
.add-user .save-user-btn{padding:30px 15px 0px 0px}
.add-user .save-user-btn a{padding:14px 30px;text-decoration: none; color: white; font-weight: 700;background-color: #67B545;display: inline-block; font-size: 17px; line-height: 22px; }
.add-user select{width:100%;border:none !important;outline: none;}
.password-text-user{background-image: url(../imgs/password-eye.svg); background-repeat: no-repeat;background-position: center right;}
input[type="submit"], .submit-button a, .save-user-btn input.btn { background-color: #67B545; border: none; padding: 14px 30px !important; height: unset !important; font-size: 17px !important; line-height: 22px !important; color: #FFFFFF; font-weight: bold; width: auto !important; }
.submit-button input.save.btn { margin-right: 30px; }
.disabled { background-color: #CFCFCF !important; }

/*....Add-Product....*/
.Add-Product{/*padding: 25px 0 0 40px;*/ width: 100%;float: left;}
.Add-Product .form-group input{width: 100%;height: 60px;text-align: left;padding: 17px 0 16px 30px;border: none;border: 1px solid #E7EBEF;border-radius: 5px;margin: 0;}
.Add-Product .form-group label{font-size: 20px;line-height: 27px;text-align: left;color: #000000;font-weight: 600;letter-spacing: 0px;opacity: 1;padding: 0 0 15px 0;margin: 0;}
.Add-Product .sec-3 label{font-size: 20px;line-height: 27px;text-align: left;color: #000000;font-weight: 600;letter-spacing: 0px;opacity: 1;padding: 0 0 27px 0;margin: 0;}
.Add-Product .sec-3 .form-check label{font-size: 20px;line-height: 27px;text-align: left;color: #000000;font-weight: 300;letter-spacing: 0px;opacity: 1;padding: 0 20px 0 0;margin: 0;}
.form-group input:focus-visible {outline: none !important;}
.form-check-input:checked{background-color: #000000;border: #000000;}
.form-check-input:focus{box-shadow: none;}
.dropdown .btn-secondary{height: 60px;background-color: #FFFFFF;border: 1px solid #E7EBEF;border-radius: 5px;opacity: 1;color: #000000;display: flex;justify-content: space-between;align-items: center;}
.Add-Product .dropdown ul{width: 100%;}
.dropdown a{color: #000000;cursor: pointer;text-decoration: none;background-color: #D9D9D9;}
.dropdown-menu a:hover{background-color: #8C4297;color: #FFFFFF;}
.dropdown .dropdown-menu  {padding: 14px 0;margin: 0;list-style: none;background-color: #D9D9D9;font-size: 20px;line-height: 27px;text-align: left;font-weight: 300;letter-spacing: 0px;text-transform: uppercase;opacity: 1;box-shadow: 0px 3px 8px #0000001F;}
.dropdown .dropdown-menu li a{padding: 9px 0 10px 29px;}
.dropdown{border: none;}
.dropdown:focus{box-shadow: none !important;}
.btn-secondary:focus{box-shadow: none;}
.Add-Product h2{font-size: 30px;line-height: 40px;text-align: left;color: #000000;font-weight: 700;letter-spacing: 0px;opacity: 1;padding: 0 0 55px 15px;margin: 0;}
.Add-Product span{color: #FF0000;}
.Add-Product-row-1{padding: 0 0 56px 0;}
.Add-Product-row-2{padding: 0 0 60px 0;}
.Add-Product-row-3 a{background-color: #67B545;font-size: 17px;line-height: 22px;text-align: left;color: #FFFFFF;font-weight: 600;letter-spacing: 0px;opacity: 1;padding: 14px 30px;margin: 0;text-decoration: none;border-radius: 5px;}
.Add-Product-row-3{    padding: 30px 15px 0px 0px;}
.Add-Product .sec-5{display: none;}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 21px;
  font-size: 15px;
}

.notification-collapse {
    position: relative;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    display: none;
    transition: max-height 1s ease-in;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-backface-visibility: hidden;
    transition-delay: 0; 
}
.notification-collapse .card.card-body {
    position: absolute;
    top: 32px;
    right: 0;
    width: 400px;
    padding:0;
}
.notification-collapse ul li {
    list-style: none;
    border-bottom: 1px solid #e3e3e3b5;
    cursor: pointer;
    margin: 0;
    min-height: 79px;
    padding: 15px;
}

.notification-collapse ul li:nth-child(even) {
    background-color: #e3e3e3;
}
.notification-collapse ul {padding: 0; height: 350px; overflow-y: scroll;}
.notification-collapse .button a {background-color: #67B545; border: none; padding: 14px 30px !important; font-size: 17px !important; line-height: 22px !important; color: #FFFFFF; font-weight: bold; width: 100% !important;display: block;text-align: center;text-decoration: none;}
.notification-collapse .button {width: 100% !important;display: block;}
.row.is-report-type-field .form-group {flex-wrap: nowrap !important; flex-direction: unset; }
.row.is-report-type-field .form-group {flex-wrap: nowrap !important; flex-direction: unset;}
.row.is-report-type-field {padding-bottom: 25px;}
.row.is-report-type-field label {padding: 0 15px 15px 0 !important;}

.login-page-error-message {color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem;max-width: 400px;}
.admin-home .chart select#date-dropdown {position: absolute;top: 0;right: 0;}
.admin-home .chart .heading-area {position: relative;margin-bottom: 40px;}
.is-mobile-only-toggle {display: none;}
.form-group.remarks-textarea { margin-top: 25px; }
/*responsive*/
@media (max-width: 575.98px){
    .main-content-panel{width: 100%;}
    .mdi-menu:before{content: "\F039";}
    .profile-name-text h6{font-size: 16px;}
     .petrochemical-img img{display: none;}
     .petrochemical-img{padding:0}
     /*.notifications{display: none;}*/
     .fix-width,.second , .third{margin:0;}
     .pdding,.paddings{padding-bottom: 20px;}
   
     .card-body{justify-content: space-between;}
     .card-body-sales{padding: 35px 27px 45px 26px;}
     .chart h1{font-size: 28px; line-height: 30px ; font-weight: 400;}
.number h3{font-size: 22px; line-height: 33px;}
.number h4{font-size: 22px ; line-height: 33px;}
.card .card-body h4{font-size: 20px; line-height: 22px; font-weight: 700;}    
.card .card-body h5{font-size: 18px; line-height: 20px;font-weight: 300;}
.text-sales h4{padding-bottom: 10px;}
.card .text-sales{justify-content: space-between !important; display: flex;}
.number{text-align: left;padding: 30px 0 0 12px}
.content-wrapper{padding: 24px 24px 0px 24px;}
input:disabled{background-color: #e9ecef;}
select:disabled{background-color: #e9ecef;}

/*product-list*/
.nav{display: none;}
table{font-size: 12px;}
.product-list-row h1{font-size: 28px;text-align: center;}
.add-product-btn , .download {position: absolute; top:138px;}
.add-product-btn {right:83px;}
.download{right:245px}
.export-btn{right:183px;top:143px;}
.export-btn{font-size: 16px;}
.dataTables_length,.dataTables_filter,.dataTables_info{font-size: 14px;}
.dataTables_paginate , .paging_simple_numbers{font-size: 14px;}
.table.dataTable thead .sorting{background-image: url(https://cdn.datatables.net/1.11.5/images/sort_both.png);}
table.dataTable thead .sorting_asc{background-image: url(https://cdn.datatables.net/1.11.5/images/sort_asc.png) !important;}
.table.dataTable thead .sorting_desc{background-image: url(	https://cdn.datatables.net/1.11.5/images/sort_desc.png) !important;}
/*customer list*/
.customer-list-table tbody td span{padding:0}
.users-list-table .padding-before{padding-left: 0px;}
.four-column-details{padding:20px}
/* add customer */
.sidebar-offcanvas{display: none;}
.Add-Customer .Add-Customer-page{display: block!important;padding: 0;margin: 0;}
.Add-Customer input{width: 100%;margin-bottom: 20px;font-size: .875rem;line-height: 1;vertical-align: top;}
.main-content-panel{width: 100%;}
.Add-Customer h2{font-size: 29px;line-height: 33px;letter-spacing: 0;padding: 0 0 20px 0;}
.Add-Customer label{font-size: .875rem;line-height: 1;vertical-align: top;margin-bottom: 0.5rem;padding: 0 0 0 0.5em;}
.form-grou{display: block!important;width: 100%;}
.dropdown .btn-secondary{margin: 0 0 20px 0;font-size: .875rem;line-height: 1;vertical-align: top;width: 100%;}
.Add-Customer-page-left-sec {display: block;width: 100%;}
.Add-Customer-page-3 .form-group textarea{width: 100%;}
.Add-Customer .accordion-inner{display: block!important;}
.Add-Customer-page-5 .form-horizontal .save{font-size: 13px;line-height: 15px; padding: 10px 20px;margin: 5px 0 0 0;}
.Add-Customer-page-5 .form-horizontal .fa-plus{font-size: 13px;line-height: 20px; padding: 10px 20px;margin: 0;}
.Add-Customer-page-5 .form-group textarea{width: 100%;margin: 0 0 20px 0;}
.Add-Customer-page-5 .form-horizontal .minus-button{font-size: 13px;line-height: 20px; padding: 10px 20px;margin: 5px 0 0 0;}
.Add-Customer-page-3 .form-group{margin: 0 0 20px 0;}
.controls-minus{justify-content: end;}
.controls-plus{padding: 0 30px 0 0;justify-content: end;}
.content-wrapper-product{padding: 20px 0 393px 20px;}
.form-group-textarea{width: 100%;margin: 0 0 20px 0;}
.form-group-textarea2{width: 100%;margin: 0 0 20px 0;}

/* add user */
.content-wrapper-user{padding:25px 20px 500px 20px;}
.form-group-user{margin-bottom: 15px;}
.add-user-row{padding-bottom: 0;}
.password-text-user{background-position: center right;}
.add-user label{padding-bottom: 5px;}
/*add product*/
.main-content-panel{width: 100%;}
.sidebar-offcanvas{display: none;}
.Add-Product h2{padding: 0 0 20px 15px;}
.Add-Product .sec-3{padding: 0 0 20px 20px;}
.dropdown .btn-secondary{padding: 20px 0 20px 30px;text-align: left;}
.form-group{margin-bottom: 15px;}
.Add-Product-row{padding-bottom: 0;}
.Add-Product label{padding-bottom: 5px;}
.Add-Product{padding: 25px 0 0 20px;}
.Add-Product-row-2{padding: 0 0 20px 0;}
.Add-Product-row-1{padding: 0;}

/*login*/
.left-side-login-sec{padding:0 20px 20px 20px ;text-align: left;}
.left-side-login-sec h2{padding-left: 0px;font-size: 32px; line-height: 40px;text-align: left;}
.left-side-login-sec .form-group-email, .left-side-login-sec .form-group-password{text-align: left;}
.custom-container{position: relative;top:0;left:0;right:0; transform: translate(0,0);}
.left-side-login-sec form input, .left-side-login-sec form input:focus{height: 40px; width:100%;}
.right-side-logo-sec{order:-1; padding:50px 0px;}
.login{background-image: none;background-color: #F1F5F9;}
.logo-img, .eroma-sec{padding-bottom: 20px;}
.logo-img img{width:100px}
.eroma-sec img{width:164px}
.pertrochemical img{width:275px;}
.left-side-login-sec form a{padding:15px 20px;font-size: 15px;}
.password-text{background-position:center right;}
}

@media (max-width: 767.98px ) and (orientation:landscape){ .petrochemical-img img{display: none;}
    .main-content-panel{width: 100%;}
    .mdi-menu:before{content: "\F039";}
    .profile-name-text h6{font-size: 16px;}
     .petrochemical-img img{display: none;}
     .petrochemical-img{padding:0}
     /*.notifications{display: none;}*/
     .fix-width,.second , .third{margin:0;}
     .pdding,.paddings{padding-bottom: 20px;}
   
     .card-body{justify-content: space-between;}
     .card-body-sales{padding: 35px 27px 45px 26px;}
     .chart h1{font-size: 28px; line-height: 30px ; font-weight: 400;}
.number h3{font-size: 22px; line-height: 33px;}
.number h4{font-size: 22px ; line-height: 33px;}
.card .card-body h4{font-size: 28px; line-height: 30px; font-weight: 700;}    
.card .card-body h5{font-size: 18px; line-height: 20px;font-weight: 300;}
.text-sales h4{padding-bottom: 10px;}
.four-column-details{padding:20px}
.number{text-align: left;padding: 30px 0 0 12px}
.content-wrapper{padding: 24px 24px 0px 24px;}
.password-text-user{background-position: center right;}
/*login*/

.left-side-login-sec{padding:0 0 20px 0px ;text-align: center;}
.left-side-login-sec h2{padding-left: 0px;font-size: 32px; line-height: 40px;}
.left-side-login-sec .form-group-email, .left-side-login-sec .form-group-password{text-align: left;padding-left: 165px;}
.custom-container{position: relative;top:0;left:0;right:0; transform: translate(0,0);}
.left-side-login-sec form input, .left-side-login-sec form input:focus{height: 40px; width:235px;}
.right-side-logo-sec{order:-1; padding:50px 0px;}
.login{background-image: none;background-color: #F1F5F9;height: auto;}
.logo-img, .eroma-sec{padding-bottom: 20px;}
.logo-img img{width:100px}
.eroma-sec img{width:164px}
.pertrochemical img{width:275px;}
.left-side-login-sec form a{padding:15px 20px;font-size: 15px;}
.password-text{background-position: 180px 10px;}

/*add-product*/

}
@media (max-width: 991.98px){
    .chart{border-right: none;}
    .fix-width,.second , .third{margin:0;}
    .pdding,.paddings{padding-bottom: 20px;}
    .number{text-align: left;padding: 30px 0 0 12px}
    .content-wrapper{padding:20px 24px 0px 24px}
    .four-column-details{padding-bottom: 44px;}
    .number h4:last-child{padding-bottom: 40px;}
    .petrochemical-img img{display: none;}
    .product-list-row h1{text-align: center; padding-bottom: 78px; font-size: 24px;}
    .content-wrapper-product-list{padding:8px 8px 80px 8px}
    .data-table{font-size: 14px;}
    .add-product-btn , .download {position: absolute; top:126px;}
    .add-product-btn {right:146px;}
    .download{right:403px}
    .export-btn{right:341px;top:130px;}
    .export-btn{font-size: 16px;}
    .dataTables_length,.dataTables_filter,.dataTables_info{font-size: 14px;}
    .dataTables_paginate , .paging_simple_numbers{font-size: 14px;}
    .table.dataTable thead .sorting{background-image: url(https://cdn.datatables.net/1.11.5/images/sort_both.png);}
    table.dataTable thead .sorting_asc{background-image: url(https://cdn.datatables.net/1.11.5/images/sort_asc.png) !important;}
    .table.dataTable thead .sorting_desc{background-image: url(	https://cdn.datatables.net/1.11.5/images/sort_desc.png) !important;}
    .password-text-user{background-position: center right;}

/* add customer */

.sidebar-offcanvas{display: none;}
.Add-Customer .Add-Customer-page{display: block!important;padding: 0;margin: 0;}
.Add-Customer input{width: 100%;margin-bottom: 20px;font-size: .875rem;line-height: 1;vertical-align: top;}
.main-content-panel{width: 100%;}
.Add-Customer h2{font-size: 29px;line-height: 33px;letter-spacing: 0;padding: 0 0 20px 0;}
.Add-Customer label{font-size: .875rem;line-height: 1;vertical-align: top;margin-bottom: 0.5rem;padding: 0 0 0 0.5em;}
.form-grou{display: block!important;width: 100%;}
.dropdown .btn-secondary{margin: 0 0 20px 0;font-size: .875rem;line-height: 1;vertical-align: top;width: 100%;}
.Add-Customer-page-left-sec {display: block;width: 100%;}
.Add-Customer-page-3 .form-group textarea{width: 100%;}
.Add-Customer .accordion-inner{display: block!important;}
.Add-Customer-page-5 .horizontal .save{padding: 10px 20px;margin: 0;}
.Add-Customer-page-5 .horizontal .fa-plus{font-size: 13px;line-height: 20px; padding: 10px 20px;margin: 0;}
.Add-Customer-page-5 .form-group textarea{width: 100%;margin: 0 0 20px 0;}
.Add-Customer-page-5 .horizontal .minus-button{font-size: 13px;line-height: 20px; padding: 10px 20px;margin: 5px 0 0 0;}
.Add-Customer-page-3 .form-group{margin: 0 0 20px 0;}
.controls-minus{justify-content: end;}
.controls-plus{padding: 0 30px 0 0;justify-content: end;}
.content-wrapper-product{padding: 20px 0 0 20px;}
.form-group-textarea{width: 100%;margin: 0 0 20px 0;}
.form-group-textarea2{width: 100%;margin: 0 0 20px 0;}
/*add user*/
.content-wrapper-user{padding:25px 20px 800px 20px}
.add-user .form-group-user{margin-bottom: 15px;}
.add-user-row{padding-bottom: 0;}
.add-user label{padding-bottom: 5px;}
.password-text-user{background-position: center right;}
/*login*/
.login{background-image: none; background-color: #F1F5F9;height:100vh}
.left-side-login-sec{padding-left: 30px;}
.left-side-login-sec  h2{ padding-left: 0;}
.right-side-logo-sec{padding:100px 0px}
.logo-img img{width:140px;}
.eroma-sec img{width:170px;}
.pertrochemical img{width: 500px;}

/*add-product*/
.Add-Product h2{padding: 0 0 20px 15px;}
.Add-Product .sec-3{padding: 0 0 20px 20px;}
.dropdown .btn-secondary{padding: 20px 0 20px 30px;text-align: left;}
.form-group{margin-bottom: 15px;}
.Add-Product-row{padding-bottom: 0;}
.Add-Product label{padding-bottom: 5px;}
.Add-Product{padding: 25px 0 0 20px;}
.Add-Product-row-2{padding: 0 0 20px 0;}
.Add-Product-row-1{padding: 0;}
}
@media (min-width: 992px) and (max-width: 1199.98px){
.card .card-body h4{font-size: 20px; line-height: 22px; font-weight: 700;}    
.card .card-body h5{font-size: 18px; line-height: 20px;font-weight: 300;}
.card-body-items{padding:35px 27px 35px 26px;}
.chart h1{font-size: 28px; line-height: 30px ; font-weight: 400;}
.number h3{font-size: 22px; line-height: 33px;}
.number h4{font-size: 22px ; line-height: 33px;}
.sidebar .nav-link{ font-size: 20px; line-height: 28px;}
 .fix-width,.second , .third{margin:0;}
 .pdding{padding-bottom: 20px;}
 .password-text-user{background-position: center right;}
/*add customer*/
.Add-Customer .Add-Customer-page{padding: 0;margin: 0;}
.Add-Customer .accordion-inner{display: block!important;padding: 0;margin: 0;}
.Add-Customer input{margin: 0 70px 20px 0;width: 100%;}
.btn-secondary{margin: 0 60px 20px 0;width: 100%!important;}
.Add-Customer-page-3 .form-group textarea{margin: 0 0 20px 0;width: 100%;}
.Add-Customer-page-5 .form-group textarea{margin: 0 0 20px 0;width: 100%;display: block;}
.accordion-inner .form-group input{margin: 0 0 20px 0!important;width: 100%;}
.Add-Customer-page-5 .horizontal .fa-minus{margin: 0 0 0 32px;}
.Add-Customer-page-5 .horizontal .fa-plus{margin: 0 0 0 -35px}
.Add-Customer label{margin-bottom: 0.5rem;padding: 0;}
.form-group-textarea{width: 100%;margin: 0 0 20px 0;}
.form-group-textarea2{width: 100%;}
.dropdown-button{width: 50%;}
/* add user */
 .content-wrapper-user{padding:25px 20px 400px 20px}
 .add-user .form-group-user{margin-bottom: 15px;}
 .add-user-row{padding:0}
 .password-text-user{background-position: center right;}
 /*login*/
 .login{height: 100vh;}
 .logo-img img{width:243px;}
 .eroma-sec img{width:278px;}
 .pertrochemical img{width:600px;}
/*add-product*/
.Add-Product-row-1{padding: 0;}
.Add-Product input{margin: 0 0 20px 0!important;}
.Add-Product .sec-4{margin: 0 0 20px 0!important;}
.Add-Product .form-check{padding: 0;}
.Add-Product .form-check-input{margin: 5px 0 0 0!important;}
.Add-Product .form-check-label{margin: 0 0 0 10px!important;}
.Add-Product-row-2{padding: 0 0 40px 0;}

}
@media (max-width: 1399.98px){
    .data-table{font-size: 12px;}
    table.dataTable thead .sorting {background-size: 12px;}
    .card-body-sales{padding:24px 23px 27px 29px;}
    .card .card-body h4{font-size: 18px; line-height: 22px; font-weight: 700;}    
.card .card-body h5{font-size: 16px; line-height: 20px;font-weight: 300;}
.card-body-items{padding:24px 23px 27px 29px;}
.chart h1{font-size: 28px; line-height: 30px ; font-weight: 400;}
.number h3{font-size: 22px; line-height: 33px;}
.number h4{font-size: 22px ; line-height: 33px;}
.sidebar .nav-link{ font-size: 20px; line-height: 28px;}
.customer-list-table tbody td span{padding: 0;}
/* add customer *//*.Add-Customer .Add-Customer-page{ width: 50%;display: block !important;}*/
.btn-secondary{width: 100%;}
.Add-Customer .accordion-inner{display: block !important;}
/*.Add-Customer input{margin: 0 0 20px 0!important;}*/
.dropdown .btn-secondary{margin: 0 0 20px 0;}
.controls-line{margin: 27px 0 0 0;}
.form-group-textarea{width: 100%;}
.form-group-textarea2{width: 100%;}
.Add-Customer-page-5 .form-group textarea {width: 100%;height: 60px;margin: 0 0 20px 0;}
.Add-Customer-page-5 .controls-plus-button{margin: 0;}
.Add-Customer-page-5 .minus-button{margin: 0 0 0 -60px;}
.Add-Customer h2{padding: 0 0 20px 12px;}

/* add user */
.add-user h2{font-size: 35px;line-height: 47px;text-align: left;color: #000000;font-weight: 700;letter-spacing: 0px;opacity: 1;padding: 0 0px 50px 15px ;margin: 0;}
.add-user label{font-size: 12px;line-height: 16px;text-align: left;color: #000000;font-weight: 700;letter-spacing: 0px;text-transform: capitalize;opacity: 1;padding: 0 0 15px 0;margin: 0;}
.add-user input,.add-user select{padding: 11px 0 11px 15px;margin: 0;font-size: 12px;line-height: 16px;text-align: left;color: #000000;font-weight: 300;letter-spacing: 0px;opacity: 1;border: 1px solid #E7EBEF;border-radius: 5px;}
.add-user-row{padding-bottom: 30px;}
.add-user .save-user-btn{padding:30px 15px 0px 0px}
.add-user .save-user-btn a{padding:14px 30px;text-decoration: none; color: white; font-weight: 700;background-color: #67B545;display: inline-block; font-size: 14px; line-height: 16px; }
.password-text-user{background-position: center right;}
/*login*/
.login{height:100vh}
.pertrochemical img{width:600px;}
/*.right-side-logo-sec{padding: 272px 0px 272px 0px;}*/
.left-side-login-sec h2{padding-left: 113px;}
/* add product */
.Add-Product-row-1{padding: 0;}
.Add-Product input{margin: 0 0 20px 0!important;}
.Add-Product .sec-4{margin: 0 0 20px 0!important;}
.Add-Product .form-check{padding: 0;}
.Add-Product .form-check-input{margin: 5px 0 0 0!important;}
.Add-Product .form-check-label{margin: 0 0 0 10px!important;}
.Add-Product-row-2{padding: 0 0 40px 0;}

}


/* 24-03-2022 */
.login div[class^="container"] > .row { height: 100vh; }
.login .login-form-block {padding-left: 158px;}
.login .login-form-block h2 {padding: 0 0 40px; text-align: left; }
.login .login-form-block form label {font-size: 20px; line-height: 27px; color: #000000; font-style: italic; margin-bottom: 10px; }
.left-side-login-sec form { max-width: 400px; width: 100%; }
.left-side-login-sec form input {width: 100%; }
.left-side-login-sec form input, .left-side-login-sec form input:focus { width: 100%; }
.left-side-login-sec .form-group-password {position: relative; }
.form-group-user { position: relative; }
.show-password a {padding: 0 !important; background: none !important; position: absolute; bottom: 20px; right: 20px; }
.show-password a img { max-width: 26px; }
.form-group-password .password-text { background-image: none; }
.left-side-login-sec form .button button.btn {background: #8C4297; border-radius: 5px; border: 1px solid #8C4297; letter-spacing: 0px; color: #FFFFFF; font-size: 20px; line-height: 27px; padding: 20px 32px; }
.left-side-login-sec form .button button.btn:hover {background: none; border: 1px solid #8C4297; color: #8C4297;}

/*Deshboard */
.sidebar .nav-item { position: relative; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
/* .sidebar .nav-item:not(:last-child) { margin-bottom: 25px; } */
.sidebar .nav-item.active ,
.sidebar .nav-item:hover {border-color: #8C4297; background-color: #F1F5F9; }
.main-content-panel .four-column-details .card-body {padding: 24px 37px; }
/* .four-column-details select {-webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: url("../imgs/down-arrow.svg"); background-repeat: no-repeat; background-position-x: 95%; background-position-y: 50%; border: 1px solid #dfdfdf; border-radius: 2px; margin-right: 2rem; padding: 1rem; padding-right: 2rem; max-width: 200px; width: 100%; } */
.main-content-panel .data-table .dataTables_length {padding-left: 24px; padding-bottom: 40px; }
.main-content-panel .data-table .dataTables_filter {margin-right: 24px; }
.main-content-panel .data-table {padding: 25px 0 4px; }
.main-content-panel .data-table .export-btn {display: flex; align-items: center; }
.main-content-panel .data-table .export-btn img {margin-right: 5px; }
.accordion-inner .row { width: 100% !important; }
.Add-Customer input[type="email"] { text-transform: lowercase; }
.Add-Customer-page-5 .controls-plus-button { margin-left: -58px; }
.Add-Customer-page-5 .controls-plus { margin-bottom: -60px; padding-top: 60px; }
.main-content-panel .accordion-inner {margin-bottom: 40px; }


.profile-name-text {position: relative; display: flex; justify-content: center; align-items: center; }
.profile-name-text h6 {line-height: 1; }
.profile-name-text img {margin-left: 10px; }
.profile-name-text::after {display: none; }
.navbar-nav .dropdown-menu {position: absolute; right: 40px; left: auto; }


.sales-order-page {max-width: 1450px; padding: 0 30px 40px 0; }


.select2-container--default .select2-selection--single {background: transparent; border: none !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow {top:15px !important; }
/* .select-block span.select2 {height: auto; padding: 5px 10px; margin-left: 30px; } */
.select-block {margin-bottom: 8px; }
/* .select-block label {padding: 0; } */
.sales-order-page textarea {margin-bottom: 40px; }
input[readonly] { background-color: #ECECEC; }
.main-content-panel .form-group { position: relative; }
.main-content-panel .form-group .date-icon {position: absolute; bottom: 13px; right: 15px; pointer-events: none; }
.main-content-panel .form-group .date-icon img { max-width: 33px; }
.sales-order-page.product-detail-row .small-col {max-width: 15%; }
.sales-order-page.product-detail-row {max-width: 100%; }

.price-summary-row {padding: 0 30px 70px 0; }
.price-summary {background: #FFF; padding: 40px; }
.price-summary ul {padding: 0; margin: 0; list-style-type: none; width: 100%; }
.price-summary ul li {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.price-summary ul li p {margin: 0; }
.price-summary ul li:not(:last-child) {margin-bottom: 40px; }
.price-summary h5 {font-size: 20px; line-height: 27px; color: #000000; font-family: "Segoe UI"; font-weight: bold; }
.price-summary p {font-size: 20px; line-height: 27px; color: #000000; font-family: "Segoe UI"; font-weight: normal; }
.price-summary ul ul {padding-top: 20px; padding-left: 17px; }
.price-summary ul ul h5 {font-style: italic; font-weight: 500; }
.price-summary ul ul li:not(:last-child) {margin-bottom: 10px; }
.price-summary.basic-price ul li:not(:last-child) {margin-bottom: 15px; }
.price-summary.total-price ul li:not(:last-child) {margin-bottom: 20px; }
.price-summary ul li.line {display: block; }
.price-summary span.error-message {font-size: 16px; line-height: 21px; color: #FF0000; font-weight: 500; display: block; margin-top: 22px; }
.error-exposure p{font-size: 16px; line-height: 21px; color: #FF0000; font-weight: 500; display: block; margin-top: 22px;}


.reports-list-page .filter-type-wrap {background-color: #F8FAFC;padding: 11px 30px 20px;border: 1px solid #E7EBEF; border-radius: 7px;margin-bottom: 25px; z-index: 9999;}
.reports-list-page .filter-type-wrap select , .reports-list-page .filter-type-wrap input {border: 1px solid #C4C4C4;padding: 5px 15px;height: 40px;}
.reports-list-page .filter-type-wrap button {background: #67B545; border-radius: 5px;border: none;display: inline-flex;width: fit-content;padding: 7px 20px;font-size: 26px;color: #FFF;}
.reports-list-page .filter-type-wrap .search-button label {font-size: 0;color: transparent;}

.salesorder-list-page .filter-type-wrap {background-color: #F8FAFC;padding: 11px 30px 20px;border: 1px solid #E7EBEF; border-radius: 7px;margin-bottom: 25px; z-index: 9999;}
.salesorder-list-page .filter-type-wrap select , .salesorder-list-page .filter-type-wrap input {border: 1px solid #C4C4C4;padding: 5px 15px;height: 40px;}
.salesorder-list-page .filter-type-wrap button {background: #67B545; border-radius: 5px;border: none;display: inline-flex;width: fit-content;padding: 7px 20px;font-size: 26px;color: #FFF;}
.salesorder-list-page .filter-type-wrap .search-button label {font-size: 0;color: transparent;}


.invoice-type-option {display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.invoice-type-option .form-check {padding: 0;margin: 0;}
.invoice-type-option .form-check input[type="radio"] {display: none;}
.invoice-type-option .form-check input[type="radio"] + label {background-color: #67b545;color: #FFF;padding: 5px 15px;margin-right: 10px;border-radius: 5px; cursor: pointer;}
.invoice-type-option .form-check input[type="radio"]:checked + label {background-color: #9f4cac;}
.invoice-type-option .invoice-view-btutton { width: 100%; }

.datepicker.datepicker-dropdown.dropdown-menu {z-index: 99999 !important;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}


td.img-res-but{    display: flex;}

@media (min-width:1400px) and (max-width:1800px){
    .card .card-body h4{font-size: 22px; line-height: 33px; font-weight: 700;}
    .password-text-user{background-position: center right;}
.card .card-body h5{font-size: 20px; line-height: 32px;font-weight: 300;text-align: left;}
.login{background-position: -50px 0px;}
}
@media (min-width:1822px){
    .password-text-user{background-position: center right;}
    /*login*/
    /*.right-side-logo-sec{padding:272px 0px 272px 100px;}*/
    /*.left-side-login-sec form input{width:400px}*/
    .password-text{background-position: center right;}
    .login{height: 100vh;}
}
@media (max-width:1440px){
    .price-summary h5 {font-size: 15px; line-height: 20px; }
    .price-summary p {font-size: 15px; line-height: 20px; }
}
@media (max-width:1366px){
    .sales-order-page.product-detail-row { padding-right: 0; }
    .sales-order-page.product-detail-row .small-col {max-width: 13%; }
    .Add-Customer label, .add-user label {font-size: 16px; line-height: 22px; }
}

@media (max-width: 1366px){
    .login .login-form-block { padding-left: 90px; }
.login .login-form-block h2 {padding: 0 0 26px; font-size: 38px; line-height: 40px;}
.left-side-login-sec form input, .left-side-login-sec form input:focus{height: 42px; width: 80%; font-size: 20px; line-height: 24px;}
.left-side-login-sec .form-group-email {padding-bottom: 20px;}
.show-password a{bottom: 10px; right: 74px;}
.left-side-login-sec form .button button.btn{font-size: 18px; line-height: 22px; padding: 12px 24px;}
.logo-img img{width: 60%;}
.left-side-login-sec .form-group-password { margin-bottom: 30px;}
.show-password a img {max-width: 22px;}

/*----- Side Bar -----*/
.sidebar .nav-link {font-size: 18px; line-height: 20px;}

/*----- Dashboard -----*/
.main-content-panel .four-column-details .card-body {padding: 20px 20px;}
.card .card-body h4 { font-size: 16px; line-height: 18px;}
.card-body img {width: 22%;}

/*--- Customer List ---*/
.export-btn h5 {font-size: 14px !important;}
.export-btn h5 img {width: 28% !important;}
.add-product-btn img {width: 70%;}
.dataTables_wrapper .dataTables_filter input {height: 28px;}
.export-btn {    right: 450px;}
.add-product-btn {right: 350px;}

.main-content-panel .form-group .date-icon{bottom: 7px;}
.select2, select.form-control, .Add-Customer input, .add-user input, .add-user select{padding: 6px 20px 6px 20px; font-size: 14px; line-height: 22px; height: 60px;}
.select2-container .select2-selection--single {height: 22px !important;}
.main-content-panel .form-group .date-icon img { max-width: 20px; }
/*.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 40px !important;}*/
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 6px !important;}

.price-summary h5 {    font-size: 13px; line-height: 17px;}
.price-summary ul li:not(:last-child) {margin-bottom: 20px;}
.Add-Customer label, .add-user label {    font-size: 14px; line-height: 16px;}
.Add-Customer h2 {font-size: 30px; }

/* .img-res-but a img {width:20%;} */
}

@media all and (min-width: 1366px) and (max-width: 1498px){
.login .login-form-block { padding-left: 110px; }
.login .login-form-block h2 {padding: 0 0 26px; font-size: 38px; line-height: 40px;}
.left-side-login-sec form input, .left-side-login-sec form input:focus{height: 42px; width: 80%; font-size: 22px; line-height: 24px;}
.left-side-login-sec .form-group-email {padding-bottom: 20px;}
.show-password a{bottom: 10px; right: 74px;}
.left-side-login-sec form .button button.btn{font-size: 18px; line-height: 22px; padding: 12px 24px;}
.logo-img img{width: 60%;}
.left-side-login-sec .form-group-password { margin-bottom: 30px;}
.show-password a img {max-width: 22px;}

/*----- Dashboard -----*/
.main-content-panel .four-column-details .card-body {padding: 20px 20px;}
.card .card-body h4 { font-size: 20px; line-height: 22px;}
.card-body img {width: 22%;}

/*--- Customer List ---*/
.export-btn .is-data-export-button h5 {font-size: 18px;}
.export-btn h5 img {width: 25%;}
.add-product-btn img {width: 80%;}
.dataTables_wrapper .dataTables_filter input {height: 32px;}
.export-btn {    right: 450px;}
.add-product-btn {right: 350px;}

.main-content-panel .form-group .date-icon{bottom: 7px;}
.select2, select.form-control, .Add-Customer input, .add-user input, .add-user select{padding: 12px 20px 12px 20px; margin: 0; font-size: 16px; line-height: 12px; height: 60px;}
.main-content-panel .form-group .date-icon img { max-width: 26px; }
/*.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 27px!important;}*/
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 12px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{    height: 16px !important;}
/* .img-res-but a img {width:22%;} */
}

@media all and (min-width: 1498px) and (max-width: 1685px){
.login .login-form-block { padding-left: 120px; }
.login .login-form-block h2 {padding: 0 0 30px; font-size: 40px; line-height: 56px;}
.left-side-login-sec form input, .left-side-login-sec form input:focus{height: 52px; width: 85%; font-size: 22px; line-height: 24px;}
.show-password a{bottom: 14px; right: 70px;}
.show-password a img {max-width: 23px;}
.left-side-login-sec form .button button.btn{font-size: 18px; line-height: 25px; padding: 14px 26px;}
.logo-img img{width: 70%;}

/*----- Dashboard -----*/
.main-content-panel .four-column-details .card-body {padding: 20px 20px;}
.card .card-body h4 { font-size: 20px; line-height: 22px;}
.card-body img {width: 22%;}

/*---- Add Product ----*/
.Add-Product .sec-3 .form-check label {font-size: 18px; line-height: 22px; padding: 0 15px 0 0;}
.Add-Product .form-group input {height: 50px; padding: 12px 0 12px 20px;}
.select2, select.form-control, .Add-Customer input, .add-user input, .add-user select { padding: 12px 20px 12px 20px; font-size: 18px; line-height: 26px; height: 50px;}
.Add-Product-row-3 {padding: 0 !important;}
.Add-Product-row-1, .Add-Product-row-2 {padding: 0 0 40px 0;}

/*--- Customer List ---*/
.export-btn .is-data-export-button h5 {font-size: 18px;}
.export-btn h5 img {width: 25%;}
.add-product-btn img {width: 80%;}
.dataTables_wrapper .dataTables_filter input {height: 32px;}
.export-btn {    right: 450px;}
.add-product-btn {right: 350px;}

.main-content-panel .form-group .date-icon{bottom: 7px;}
.main-content-panel .form-group .date-icon img { max-width: 24px; }
.select2, select.form-control, .Add-Customer input, .add-user input, .add-user select{    padding:8px 15px;
    font-size: 16px;
    line-height: 22px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 29px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 10px !important;}
.Add-Customer label, .add-user label {font-size: 18px; line-height: 22px;}
.sidebar .nav-link{ font-size: 20px; line-height: 22px;}
.price-summary h5 {font-size: 18px;     line-height: 22px;}
.price-summary ul li:not(:last-child){margin-bottom: 30px;}

/* .img-res-but a img {width:23%;} */

table.dataTable thead .sorting {background-size: 16px; font-size: 13px;}
table.dataTable tbody th, table.dataTable tbody td {font-size: 13px;}

}
@media all and (min-width: 1686px) and (max-width: 1797px){

}
@media all and (min-width: 1798px) and (max-width: 2022px){

}
@media all and (min-width: 2023px) and (max-width: 2697px){

}
@media all and (min-width: 2698px) and (max-width: 4046px){

}
@media all and (min-width: 4047px) and (max-width: 5395px){

}
@media all and (min-width: 5396px) and (max-width: 6000px){

}

.parsley-error{border:1px solid red;}
.parsley-errors-list.filled{list-style: none;padding-left:0;color:red;}


.sidebar .nav-item i{color:#C4C4C4}
.sidebar .nav-item:active i{color: #8C4297;}
.sidebar .nav-item.active i{color: #8C4297;}
.sidebar .nav .nav-item i{padding-right: 21px;}
.sidebar .nav .customers i{padding-right: 25px;}
.sidebar .nav .prod i{padding-right: 22px;}
.sidebar .nav .prod img{padding-right: 20px;margin-left: -6px;}
.sidebar .nav .invoice i{padding-right: 27px;padding-left: 3px;}
.sidebar .nav .payment i{padding-right: 21.48px;font-size:16px;}
.sidebar .nav .reports i {padding-right: 22px;}
.sidebar .nav-item {width:256px;border-left: 7px solid white;}
.sidebar .nav-item:active{background-color:#F1F5F9;border-left: 7px solid #8C4297;}
.sidebar .nav-item:active .nav-link img{color: #8C4297;}

.sidebar .nav-item.active i {
    color: #8C4297;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #c4c4c4 !important;
}


.dataTables_wrapper .dataTables_filter { background-size: 24px; }
.sidebar .nav-link { font-size: 18px; padding: 12px 0; }
.content-wrapper-product, .content-wrapper-user { padding-right: 30px; }
.main-content-panel .form-group .date-icon { display: none; }
.invoice-type-option { row-gap:15px; }
.reports-list-page .product-list-summary{position: relative;}
.reports-list-page .product-list-summary a.export-btn.is-data-export-button { top: 25px !important; right: 400px; }

.salesorder-list-page .product-list-summary{position: relative;}
.salesorder-list-page .product-list-summary a.export-btn.is-data-export-button { top: 25px !important; right: 400px; }

.Add-Product .product-list-summary input { margin: 0 !important; }
.main-content-panel .form-group { margin-bottom: 15px; }
.Add-Customer input { margin-bottom: 0; }
.salesorder-create .sales-order-page, .salesorder-edit .sales-order-page { padding-right: 0; }


@media (max-width: 1500px) {
    table.dataTable thead .sorting { background-size: 10px; font-size: 14px; }
    .Add-Product .sec-3 .form-check label { font-size: 16px; padding-right: 10px; }
    .Add-Product-row .pb-56 {padding-bottom: 20px;}
}

@media (max-width: 1399px) {
    .tcs-create .Add-Customer .Add-Customer-page { width: 100%; }
}

@media (max-width: 1366px) {
    .sidebar .nav-link { font-size: 16px; }
    .select2-container .select2-selection--single { height: 100% !important; }
    .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 45px !important;}
    .select2-container--default .select2-selection--single .select2-selection__arrow {top: 25px !important;}
}

@media (max-width: 1199px) {
    .four-column-details {padding: 30px 20px;}
    .name-and-add .select2-container { width: 100% !important; margin-left: 0; }
    .reports-list-page .filter-type-wrap { padding: 20px; }
    .reports-list-page .filter-type-wrap .col-lg-2 { width: 33.33%; }
    .salesorder-list-page .filter-type-wrap { padding: 20px; }
    .salesorder-list-page .filter-type-wrap .col-lg-2 { width: 33.33%; }
    .Add-Customer .Add-Customer-page { padding-bottom: 20px; } 
    .salesorder-create .sales-order-page, .salesorder-edit .sales-order-page { padding-bottom: 20px; }
    .price-summary { padding: 20px; }
}

@media (max-width:991px) {
    .sidebar-offcanvas { display: block; }
    .four-column-details .card .card-body img { max-width: 40px; }
    .four-column-details .card .card-body img {max-width: 40px;}
    ul.nav {width: 200px;}
    .main-content-panel {padding-left: 220px;}
    .sidebar .nav-item {width: 100%; display: block; padding-left: 15px;}
    .dash-headiings h1, .product-list-row h1, .Add-Product h2, .Add-Customer h2 {font-size: 28px;padding-bottom: 15px; text-align: left;}
    .chart-row {padding-top: 30px;}
    .notifications .notification-img {max-width: 22px;}
    .notifications span {margin-left: -9px;}
    .four-column-details .paddings:last-child { padding-bottom: 0; }

    .content-wrapper-product-list { padding: 15px 8px; }
    .main-content-panel .data-table .export-btn, .main-content-panel .data-table .add-product-btn, .main-content-panel .data-table .download { position: static; float: left; padding: 0 0 20px 20px; }
    .main-content-panel .data-table .add-product-btn img { max-width: 70px; }

    .swal-title { font-size: 20px; }
    .Add-Product { padding: 0; }
    .Add-Product-row .pb-56 .form-group { margin-bottom: 0; }
    .Add-Product .form-group input { margin-bottom: 10px !important; }

    .Add-Product label { padding-bottom: 0; }
    .Add-Customer .Add-Customer-page { padding-bottom: 0; }
    .salesorder-create .sales-order-page .col, .salesorder-edit .sales-order-page .col { width: 100%; flex: initial; }
    .sales-order-page.price-summary-row > div { width: 100%; padding-bottom: 20px; }
    .salesorder-create .content-wrapper-product, .salesorder-edit .content-wrapper-product { padding-bottom: 30px; }

    .login .login-form-block { padding-left: 0; }

    .price-summary.basic-price h5 label.is-so-unit-type.bold, .price-summary.basic-price h5 label.is-so-unit-type { font-size: 16px !important; line-height: normal !important; }
}

@media (max-width: 767px) {
    ul.nav {width: 45px; padding-top: 0; display: block; }
    .sidebar .nav-item a.nav-link span {display: none;}
    .sidebar .nav-item a.nav-link i {padding: 0;}
    .sidebar .nav-item {padding-left: 10px;border-left: 3px solid #fff;}
    .main-content-panel {padding-left: 50px;}
    .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {padding-right: 0;}
    
     .notification-collapse .card.card-body {width: 300px; right: -185px; }

    .reports-list-page .filter-type-wrap .search-button label { display: none; }
    .reports-list-page .filter-type-wrap .col-lg-2 { width: 100%; } 
    .salesorder-list-page .filter-type-wrap .search-button label { display: none; }
    .salesorder-list-page .filter-type-wrap .col-lg-2 { width: 100%; } 
    .submit-button input.save.btn { margin-bottom: 20px; }
    .sales-order-page.product-detail-row { max-width: fit-content; }

    .left-side-login-sec form { margin: 0 auto; }
    .login .login-form-block {padding-left: 0;}
    .login-form-block .heading h2 {text-align: center;padding-top: 30px;font-size: 30px;line-height: 1.2;}
    .login .left-side-login-sec {padding: 0 15px;}
    .left-side-login-sec form input, .left-side-login-sec form input:focus {width: 100%;}
    .left-side-login-sec form .show-password a {right: 15px;}

    .is-mobile-only-toggle {display: block;margin: 0 auto;text-align: center;}
    .is-mobile-only-toggle a i.fa.fa-compress {display: none;}
    .is-mobile-only-toggle a {color: #a04cac;font-weight: bold;font-size: 19px;}
    .is-mobile-only-toggle {padding: 4px 0;}

    ul.nav.is-nav-menu-open {width: 200px;z-index: 9999 !important;}
    ul.nav.is-nav-menu-open li.nav-item a span {display: block;padding-left: 15px;}
    .is-mobile-only-toggle.is-active a i.fa.fa-arrows-alt {display: none;}
    .is-mobile-only-toggle.is-active a i.fa.fa-compress {display: inline-block;}
    .is-mobile-only-toggle.is-active {text-align: left;margin-left: 20px;}
    .is-mega-menu-open{ z-index: 999; }
    nav.sidebar.is-mega-menu-open {box-shadow: rgb(0 0 0 / 15%) 15px 0px 50px 20px; }
}

@media (max-width: 640px) {
    .main-content-panel .data-table .dataTables_length {padding: 0;text-align: left; padding-left: 15px;}
    .dataTables_wrapper .dataTables_filter {max-width: 272px;margin: 15px 15px 10px;}
    .dataTables_wrapper .dataTables_filter label, .dataTables_wrapper .dataTables_filter label input {width: 100%;}
}

@media (max-width: 575px) {
    .dash-headiings h1, .product-list-row h1, .Add-Product h2, .Add-Customer h2 { font-size: 24px; }
    .four-column-details .select-month-sec {display: block;padding-bottom: 20px;}
    .four-column-details select {margin: 10px 0 0;padding: 5px 10px !important;}
    .four-column-details > div {padding: 0 0 15px;}
    .four-column-details > div:last-child {padding-bottom: 0;}
    .four-column-details {padding: 20px;}
    .chart h1 {font-size: 22px;}
    .admin-home .chart select#date-dropdown {position: static;margin: 10px 0 0;padding: 5px 10px !important;}
    .admin-home .chart .heading-area {margin-bottom: 30px;}

    .dataTables_wrapper .dataTables_filter { max-width: 210px; }
    .Add-Product .radio-btn.d-flex { display: block !important; }
    .Add-Product .sec-3 label { padding-bottom: 15px; }

    .right-side-logo-sec { padding: 50px 0; }
    .login div[class^="container"] > .row { height: auto; }
}