/*#colophon {
    display: none;
}
#masthead.site-header{
	display: none;
}
body *:not(.fa):not(.fas):not(.far):not(.fal):not(.vjs-icon-placeholder) {
    font-family: var(--font-family-medium) !important;

}
body.b2b-template-default{
	background-color: var(--color-0) !important;
}
.headerMeta__search div[class^='wp-block-']{
	margin-bottom: 0;
}
#left-sidebar {
	background-color: var(--color-0) !important;
}
.widget-container li.cat-parent .menucatTitle a, .widget-container li.cat-parent.active .menucatTitle a{
	color: #fff !important;
}
.accountmenu_item .menucatTitle svg.icon path{
	    stroke: #fff;
}
.itemsHeader{
	color: #fff !important;
}
.breadcrumb-title-wrapper .breadcrumbs-container a{
	color: #fff !important;
}
.pagetitle2 .mytitle{
	color: #fff !important;
}
.DashCard .DashTitleb2b > li{
	color: #fff !important;
}
.DashValue li:not(.li_Title){
	color: #fff !important;
}
#SalesmanDiv{
	color: #fff !important;
}
.DashCardRow #SalesmanDiv > .GrBg{
	background-color: var(--color-0) !important;
}
.DashCardRow #SalesmanDiv > .GrBg .DashTitle > li{
	color: #fff !important;
}
.breadcrumb-title-wrapper .breadcrumbs-container a:last-child{
	color: #fff !important;
}

*/

.site-header .headerMain nav ul > li{
	list-style: none;
}
#masthead.site-header ul li{
	padding: 0;
}
.headerMeta__search div[class^='wp-block-']{
	margin-bottom: 0;
}
.headerMain nav ul > li.menu-item-has-children.megaMenu > .sub-menu{
	visibility: hidden;
}
.headerMain nav ul > li.menu-item-has-children.megaMenu:hover > .sub-menu{
	visibility: visible;
}
.headerMain nav ul > li.menu-item-has-children.megaMenu > ul.sub-menu > li.menu-item-has-children > ul.sub-menu{
	visibility: hidden !important;
}
.headerMain nav ul > li.menu-item-has-children.megaMenu:hover > ul.sub-menu > li.menu-item-has-children > ul.sub-menu{
	visibility: visible !important;
}
.user-info.cf h5:hover{
		cursor: pointer;
}
.headerTop nav ul li.lang-item {
	list-style: none;
}



#main-content-container{
	background: var(--background-gray);
}
.mytitle {
	padding-top: 12px !important;
}
.DashCardRow.Logist > div{
	padding-top: 0 !important;
}
#change_password{
	padding-top: 0 !important;
    margin-top: 8px !important;
}


/*
	My Account Styles
*/


@media screen and (min-width: 600px)
	{
		#mobileRow {
			display: none;
		}
		
		#SalesmanDivMobile {
			display: none !important;
		}
	}

	@media screen and (max-width: 599px)
	{
		#desktopRow {
			display: none;
		}
		
		#SalesmanDiv {
			display: none !important;
		}
	}
	
	@media screen and (min-width: 576px)
	{
		.col-sm-4 {
			flex: 0 0 auto;
			width: 33.33333333%;
		}
	}
	
	#main .breadcrumb-title-wrapper.breadcrumb-v1{
		border-bottom: none;
	}
	
	.products-section {
		max-width: 1280px;
	}
	
	#leftAccountMenu li {
		border-radius: 0px;
		border-bottom: 1px solid;
		border-color: #c9cacc;
	}
	.myaccounttitle {
		padding: 17px 20px;
		background-color: white;
		color: black;
		font-weight: bold;
		
		margin-bottom: 8px;
	}
	a.currentpage {
		color: #287ba7 !important;
		font-weight: bold !important;
	}
	.DashCard.DashCardRow{
		margin-bottom: 40px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.DashCard.DashCardRow > div{
		padding: 40px 30px 30px 30px;
	}
	.DashCard.DashCardRow .DashCardRow{
		flex-direction: column;
	}
	.DashCardRow #SalesmanDiv > .GrBg{
		background-color: #fff;
	}
	.pagetitle2 {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	.pagetitle2 .mytitle {
		
		font-weight: bold;
		font-size: 23px;
		color: #4b4c4d;
	}
	.DashCardRow #desktopRow{
		padding-top: 25px;
	}
	.DashCard .DashTitleb2b > li{
		padding: 0;
		border: none;
		font-size: 13px;
		color: #4b4c4d;
	}
	.DashCard .DashValue > li{
		
		font-size: 14px;
		color: #4b4c4d;
	}
	.DashCard #accountinfo .DashValue > li{
		border: none;
	}
	.DashCardRow #SalesmanDiv > .GrBg .DashTitle > li{
		font-size: 13px;
		color: #4b4c4d;
		padding-left: 0;
		text-transform: none;
	}
	
	
	
	.DashCard.DashCardRow > div{
		padding-top: 0;
	}
	
	@media screen and (max-width: 600px){
		.DashCard.DashCardRow > div{
			padding: 0;
		}
		#SalesmanDivMobile{
			width: auto !important;
		}
		.products_section{
			padding-left: 0;
			padding-right: 0;
		}
		.DashCard.DashCardRow .DashCardRow{
			gap: 10px;
		}
		.pagetitle2 .mytitle{
			padding-left: 15px;
		}
		.DashValue li:not(.li_Title){
			overflow-y: auto;
			
			font-weight: 400 !important;
		}
		#SalesmanDivMobile{
			margin-top: 10px;
		}
		   
		#SalesmanDivMobile > div{
			padding-left: 25px;
		}
		.DashCard #mobileRow li{
			height: auto;
		}
	}
	.DashValue li:not(.li_Title){
			overflow-y: auto;
			align-items: initial !important;
			
	}
	.DashCard .DashTitleb2b > li{
		align-items: initial !important;
	}
	.DashCardRow{
		margin-top: 0 !important;
	}
	
	#page > .user-info.cf {
		padding: 0 !important;
	}
	#page > .user-info.cf .breadcrumb-title-wrapper {
		padding-top: 0 !important;
	}
	#page > .account-container {
		max-width: 100%;
		width: calc(100% - 128px);
	}
	#page > .account-container .products_section {
		margin-left: 32px;
	}
	
	
	
	/*
	my creditsdebits styles 
	*/
	
	.lds-dual-ring {
		z-index:9;
	}
	
	tr.even {
		background-color: #edecec !important;
	}
	
	th.headerleft {
		background-color:#54add9 !important;
		color: #fff;
	}
	
    a.paginate_button {
        color: #fff !important;
    }
	
    .codeleft {
        text-align: left;
        width: 8%;
		width: 25%;
    }

    .descleft {
        text-align: left !important;
        width: 25%;
    }

    .priceleft {
        text-align: right !important;
        width: 8%;
    }

    .priceclass {
        text-align: right !important;
        width: 8% !important;
		 width: 25% !important;
    }

    .headerleft {
        width: 8% !important;
		width: 25% !important;
    }
	

    .headerleft2 {
        width: 25% !important;
    }

    .headerleft3 {
        width: 8% !important;
    }
    .btntr {
        width: 5% !important;
    }
    .dataTables_scrollBody {
        overflow-x: hidden !important;
    }
	
	 .flex-container {
        display: flex;
        flex-wrap: nowrap;
    }

    .modal-dialog {
        padding: 0px !important;
        width: 100% !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        margin: 0px auto;
    }
	
	
	table.dataTable.no-footer {
        border-bottom: none
    }

    .sum3, .sum4, .sum5 {
        text-align: right;
        font-weight: bold;
        font-size: 17px;
        text-align: right;
    }

    .mytable tr {
        transition: 0.5s;
    }

    table.dataTable thead th {
        border-bottom: 1px solid #ece8e8;
    }

    .mytable thead tr {
        background-color: white;
    }

        .mytable thead tr th {
            padding-top: 28px;
        }

    table.dataTable tfoot th {
        border-bottom: 1px solid #ece8e8;
    }

    .mytable tfoot tr {
        background-color: white;
    }

        .mytable tfoot tr th {
            padding-top: 28px;
        }

    .mytable {
        width: 100%;
        margin: 0 auto;
        border-collapse: collapse;
    }
.dataTables_scrollHeadInner {
    width: 100% !important;
}
    table.dataTable {
    /*    width: calc(100% - 6px) !important; */
    }
    table.mytable{
        padding-left: 0px !important;
    }
    @media screen and (min-width:1750px) {
        .xdsoft_datetimepicker {
            width: 19%;
        }
    }

    @media screen and (min-width:1025px) {

        #yearDropdownId {
            width: 15%;
        }
        /*.mytable tbody tr:last-child td {
            border-top: 1px solid black;
        }*/
        /*.mytable tbody tr td:nth-child(6), .mytable tbody tr td:nth-child(7), .mytable tbody tr td:nth-child(8) {
            text-align: left;
            min-width: 80px !important;
        }*/
        .mytable tr td div {
            padding: 7px;
        }

        .mytable {
            padding-left: 23px;
            padding-right: 23px;
            /*background-color: white;*/
            border-radius: 3px;
        }

            .mytable tbody tr:not(:last-child):hover {
                background-color: hsla(0,0%,76%,.09)
            }

            .mytable tbody, .mytable thead {
                width: 100%;
                display: table;
            }

            .mytable tbody, .mytable tfoot {
                width: 100%;
                display: table;
            }

                .mytable tbody tr:not(:last-child):hover > td:first-child {
                    border-left: 4px solid #fea801;
                    padding-left: 6px !important;
                }
    }

    @media screen and (max-width:1024px) {
        #yearDropdownId {
            width: 27%;
        }

        .mytable tr td div {
            padding: 2px;
        }

        .mytable {
            width: 100%;
            margin: 0 auto;
            border-collapse: collapse;
        }

        table.mobile-optimised {
            word-wrap: break-word;
        }

            table.mobile-optimised thead {
                display: none
            }

            table.mobile-optimised tfoot {
                display: none
            }

            table.mobile-optimised td {
                display: block;
                float: left; /* ie9 and under hack */
                width: 100% !important;
                clear: both;
                background: #f5f5f5;
                padding: 10px 5px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

                table.mobile-optimised td:first-child {
                    font-size: 17px !important;
                    font-weight: 700;
                    /*color: var(--color-twilight-blue);*/
                }

            table.mobile-optimised tbody, table.mobile-optimised tr {
                display: block
            }

        .mobile-optimised td:before {
            content: attr(data-th);
            display: block;
            font-weight: bold;
            margin: 0 0 2px;
            color: #000;
        }

        .mobile-optimised tbody tr {
            float: left;
            width: 100%;
            margin-bottom: 25px;
            border-radius: 3px;
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .mytable tbody tr td {
            padding-left: 15px !important;
            padding-right: 20px !important;
        }

        .mytable tr td div {
            padding-bottom: 0px;
        }

        .mytable tr td:first-child div {
            padding-bottom: 14px;
        }

        .mytable {
            padding-left: 8px;
            padding-right: 8px;
        }

            .mytable tbody tr td {
                /*background-color: white;*/
                padding: 0px;
            }

                .mytable tbody tr td:first-child {
                    border-top-right-radius: 7px;
                }

                .mytable tbody tr td:last-child {
                    border-bottom-right-radius: 7px;
                    border-bottom-left-radius: 7px;
                }

        button.waves-effect.waves-light {
            height: 27px !important;
            width: 27px !important;
        }

        .mytable tbody tr td:first-child {
            text-align: center;
        }

        .oldp {
            right: 25px;
        }

        .btnclass {
            text-align: center !important;
        }

        .top-left-nav {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        @media only screen and (max-width: 375px) {
            .content-container {
                margin-bottom: -80px !important;
            }

            #pagetit {
                display: none !important;
            }

            #countdiv {
                display: none !important;
            }
        }

        @media only screen and (max-width: 576px) {
            #pagetit {
                display: none !important;
            }

            #countdiv {
                display: none !important;
            }
        }
    }
	
	
	
	
	
	.products-section {
		max-width: 1280px;
	}
	
	#leftAccountMenu li {
		border-radius: 0px;
		border-bottom: 1px solid;
		border-color: #c9cacc;
	}
	.myaccounttitle {
		padding: 17px 20px;
		color: black;
		font-weight: bold;
		
		margin-bottom: 8px;
		font-size: 17px;
		color: #4b4c4d;
	}
	a.currentpage {
		color: #287ba7 !important;
		font-weight: bold !important;
	}
	

	
	.pagetitle2 {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	.pagetitle2 .mytitle {
		
		font-weight: bold;
		font-size: 23px;
		color: #4b4c4d;
	}
	.DashCardRow.Logist{
		color: black;
		margin-bottom: 100px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.DashCardRow.Logist > div{
		padding: 40px 30px 30px 30px;
	}
	
	
	table.dataTable thead {
		font-size: 15px;
	}
	table.dataTable thead th{
		background-color: #287ba7 !important;
	}
	.mobile-optimised.mytable.dataTable.no-footer{
		width: 100% !important;
	}
	table.dataTable tbody td{
		padding-left: 18px;
		padding-right: 18px;
	}
	th.headerleft{
		background-color: #287ba7 !important;
	}
	@media screen and (min-width: 1025px){
		.mytable tbody tr:not(:last-child):hover > td:first-child {
			border-left: 4px solid #55add9;
			padding-left: 6px !important;
		}
	}
	.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{
		font-size: 14px;
		color: #4b4c4d;
	}
	tr.even{
		background-color: #edeff1 !important;
	}
	.dataTables_wrapper.no-footer .dataTables_scrollBody{
		border: none;
	}
	.DashCardRow.Logist{
		margin-bottom: 0;
	}
	#colophon .shadow_section_2.footer_section + .px-width-box-shadow{
		margin-top: 80px;
	}
	select.select2{
		font-weight: bold;
		color: #4b4c4d;
		background: #edeff1;
	}
	.row.KartelaCl{
		justify-content: end;
		margin-left: 0;
		margin-right: 0;
	}
	.row.KartelaCl .col-sm-4 > select{
		background-color: #edeff1;
		color: #4b4c4d;
		
	}
	#main .breadcrumb-title-wrapper.breadcrumb-v1{
		border-bottom: none;
	}
	
	
	.DashCardRow.Logist > div {
		padding-top: 0;
	}
	
	#page > .user-info.cf {
		padding: 0 !important;
	}
	#page > .user-info.cf .breadcrumb-title-wrapper {
		padding-top: 0 !important;
	}
	#page > .account-container {
		max-width: 100%;
		width: calc(100% - 128px);
	}
	#page > .account-container .products_section {
		margin-left: 32px;
	}
	
	/*
		Statistics css
	*/
	th {
		
		color: #fff;
	}
	 .flex-container {
        display: flex;
        flex-wrap: nowrap;
    }

    .modal-dialog {
        padding: 0px !important;
        width: 100% !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        margin: 0px auto;
    }
</style>


<style>
     .dataTables_scrollBody{
        background: #fff;
    }
    table.dataTable.no-footer {
        border-bottom: none
    }

    .sum3, .sum4, .sum5 {
        text-align: right;
        font-weight: bold;
        font-size: 17px;
        text-align: right;
    }

    .mytable tr {
        transition: 0.5s;
    }

    table.dataTable thead th {
        border-bottom: 1px solid #ece8e8;
    }

    .mytable thead tr {
        background-color: white;
    }

        .mytable thead tr th {
            padding-top: 28px;
        }

    table.dataTable tfoot th {
        border-bottom: 1px solid #ece8e8;
    }

    .mytable tfoot tr {
        background-color: white;
    }

        .mytable tfoot tr th {
            padding-top: 28px;
        }

    .mytable {
        width: 100%;
        margin: 0 auto;
        border-collapse: collapse;
    }
	.dataTables_scrollHeadInner {
		width: 100% !important;
	}
    table.dataTable {
     /*   width: calc(100% - 6px) !important; */
    }
    table.mytable{
        padding-left: 0px !important;
    }
    @media screen and (min-width:1750px) {
        .xdsoft_datetimepicker {
            width: 19%;
        }
    }

    @media screen and (min-width:1025px) {

        #yearDropdownId {
            width: 15%;
        }
        /*.mytable tbody tr:last-child td {
            border-top: 1px solid black;
        }*/
        /*.mytable tbody tr td:nth-child(6), .mytable tbody tr td:nth-child(7), .mytable tbody tr td:nth-child(8) {
            text-align: left;
            min-width: 80px !important;
        }*/
        .mytable tr td div {
            padding: 7px;
        }

        .mytable {
            padding-left: 23px;
            padding-right: 23px;
            /*background-color: white;*/
            border-radius: 3px;
        }

            .mytable tbody tr:not(:last-child):hover {
                background-color: hsla(0,0%,76%,.09)
            }

            .mytable tbody, .mytable thead {
                width: 100%;
                display: table;
            }

            .mytable tbody, .mytable tfoot {
                width: 100%;
                display: table;
            }

                .mytable tbody tr:not(:last-child):hover > td:first-child {
                    border-left: 4px solid #fea801;
                    padding-left: 6px !important;
                }
    }
	
	.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
		padding: 15px 20px;
		border-width: 0 0 1px 0;
		border-style: solid;
		line-height: 20px;
		text-align: left;
	}
    @media screen and (max-width:1024px) {
        #yearDropdownId {
            width: 27%;
        }

        .mytable tr td div {
            padding: 2px;
        }

        .mytable {
            width: 100%;
            margin: 0 auto;
            border-collapse: collapse;
        }

        table.mobile-optimised {
            word-wrap: break-word;
        }

            table.mobile-optimised thead {
                display: none
            }

            table.mobile-optimised tfoot {
                display: none
            }

            table.mobile-optimised td {
                display: block;
                float: left; /* ie9 and under hack */
                width: 100% !important;
                clear: both;
                background: #f5f5f5;
                padding: 10px 5px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

                table.mobile-optimised td:first-child {
                    font-size: 17px !important;
                    font-weight: 700;
                    /*color: var(--color-twilight-blue);*/
                }

            table.mobile-optimised tbody, table.mobile-optimised tr {
                display: block
            }

        .mobile-optimised td:before {
            content: attr(data-th);
            display: block;
            font-weight: bold;
            margin: 0 0 2px;
            color: #000;
        }

        .mobile-optimised tbody tr {
            float: left;
            width: 100%;
            margin-bottom: 25px;
            border-radius: 3px;
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .mytable tbody tr td {
            padding-left: 15px !important;
            padding-right: 20px !important;
        }

        .mytable tr td div {
            padding-bottom: 0px;
        }

        .mytable tr td:first-child div {
            padding-bottom: 14px;
        }

        .mytable {
            padding-left: 8px;
            padding-right: 8px;
        }

            .mytable tbody tr td {
                /*background-color: white;*/
                padding: 0px !important;
				padding-left:15px !important;
				padding-left:20px !important;
            }
			.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{
				border-width: 0 0 1px 0;
				border-style: solid;
			}

                .mytable tbody tr td:first-child {
                    border-top-right-radius: 7px;
                }

                .mytable tbody tr td:last-child {
                    border-bottom-right-radius: 7px;
                    border-bottom-left-radius: 7px;
                }

        button.waves-effect.waves-light {
            height: 27px !important;
            width: 27px !important;
        }

        .mytable tbody tr td:first-child {
            text-align: center;
        }

        .oldp {
            right: 25px;
        }

        .btnclass {
            text-align: center !important;
        }

        .top-left-nav {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        @media only screen and (max-width: 375px) {
            .content-container {
                margin-bottom: -80px !important;
            }

            #pagetit {
                display: none !important;
            }

            #countdiv {
                display: none !important;
            }
        }

        @media only screen and (max-width: 576px) {
            #pagetit {
                display: none !important;
            }

            #countdiv {
                display: none !important;
            }
        }
    }
	
	
	
	.products-section {
		max-width: 1280px;
	}
	
	#leftAccountMenu li {
		border-radius: 0px;
		border-bottom: 1px solid;
		border-color: #c9cacc;
	}
	.myaccounttitle {
		padding: 17px 20px;
		color: black;
		font-weight: bold;
		margin-bottom: 8px;
	}
	a.currentpage {
		color: #287ba7 !important;
		font-weight: bold !important;
	}
	
	
	
	.pagetitle2 {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	.pagetitle2 .mytitle {
		
		font-weight: bold;
		font-size: 23px;
		color: #4b4c4d;
	}
	.DashCardRow.Logist{
		color: black;
		margin-bottom: 100px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.DashCardRow.Logist > div{
		padding: 40px 30px 30px 30px;
	}
	
	
	table.dataTable thead .sorting{
		font-size: 15px;
	}
	table.dataTable thead th{
		background-color: var(--color-1) !important;
	}
	.mobile-optimised.mytable.dataTable.no-footer{
		width: 100% !important;
	}
	table.dataTable tbody td{
		padding-left: 18px;
		padding-right: 18px;
	}
	th{
		background-color: var(--color-1) !important;
	}
	@media screen and (min-width: 1025px){
		.mytable tbody tr:not(:last-child):hover > td:first-child {
			border-left: 4px solid #55add9;
			padding-left: 6px !important;
		}
	}
	.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{
		font-size: 14px;
		color: #4b4c4d;
	}
	tr.even{
		background-color: #edeff1 !important;
	}
	.dataTables_wrapper.no-footer .dataTables_scrollBody{
		border: none;
	}
	.DashCardRow.Logist{
		margin-bottom: 0;
	}
	#colophon .shadow_section_2.footer_section + .px-width-box-shadow{
		margin-top: 80px;
	}
	select.select2{
		font-weight: bold;
		color: #4b4c4d;
		background: #edeff1;
	}
	.breadcrumb-title-wrapper.breadcrumb-v1{
		border-bottom: none;
	}
	.breadcrumb-print-share-icons{
		z-index: 299;
		right: 0;		
		top: 15px;
	}
	table td, table th {
		padding: 15px 20px;
		border-width: 0 0 1px 0;
		border-style: solid;
		line-height: 20px;
		text-align: left;
	}
	.mytable{
		border: 1px solid grey;
	}
	
	
	table.dataTable thead th{
		background-color: #287ba7 !important;
	}
	
	#page > .user-info.cf {
		padding: 0 !important;
	}
	#page > .user-info.cf .breadcrumb-title-wrapper {
		padding-top: 0 !important;
	}
	#page > .account-container {
		max-width: 100%;
		width: calc(100% - 128px);
	}
	#page > .account-container .products_section {
		margin-left: 32px;
	}
	.lds-dual-ring {
		z-index:9;
	}
	
	.dataTables_scrollHeadInner {
		padding: unset;
		width:100% !important;
	}
	
    tr.even {
		background-color: #edecec !important;
	}
	th {
		background-color:#54add9 !important;
		color: #fff;
	}
	
    a.paginate_button {
        color: #fff !important;
    }
	
	.dataTables_scrollBody {
        background: #fff;
    }
	
    .codeleft {
        text-align: left;
        width: 12% !important;
    }

    .coderight {
        text-align: right;
        width: 12% !important;
    }

    .descleft {
        text-align: left !important;
        width: 44%;
    }

    .priceleft {
        text-align: right !important;
        width: 10%;
    }

    .priceclass {
        text-align: right !important;
        width: 10% !important;
    }
    .coderight2 {
       
        width: 44% !important;
    }

    .headerleft {
        width: 12% !important;
    }

    .headerleft2 {
        width: 44% !important;
    }

    .headerleft3 {
        width: 10% !important;
    }
    .btntr {
        width: 5% !important;
    }
    .dataTables_scrollBody {
        overflow-x: hidden !important;
    }
	
	/*
		Account Settings styles
	*/
	.list {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: minmax(220px, 1fr) [auto-fill];
		grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
		grid-gap: 8px;
		-webkit-transition: opacity .2s ease-in;
		transition: opacity .2s ease-in;
		margin: 0 0 20px;
		will-change: opacity;
		list-style: none;
		grid-gap: 16px;
		-ms-grid-columns: minmax(220px, 1fr) [4];
		grid-template-columns: repeat(4, minmax(220px, 1fr));
		grid-template-columns: 1fr;
	}

	@media screen and (min-width: 600px) {
		.list {
			grid-template-columns: 1fr 1fr;
		}
	}

	@media screen and (min-width: 900px) {
		.list {
			grid-template-columns: 1fr 1fr 1fr;
		}
	}

	@media screen and (min-width: 1550px) {
		.list {
			grid-template-columns: 1fr 1fr 1fr 1fr;
		}
	}

	@media screen and (min-width: 2400px) {
		.list {
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		}
	}

	.address-list .add-new,
	.invoice-list .add-new {
		font-size: 14px;
		line-height: 18px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		min-height: 230px;
		border: 2px dashed #dcdcdc;
		background: none;
		text-align: left;
		color: #707070;
	}

	.address-list .add-new,
	.invoice-list .add-new {
		font-size: 16px;
		line-height: 21px;
		min-height: 305px;
		overflow-y: hidden;
	}

	.btn-blue {
		font-size: 14px;
		line-height: 18px;
		display: inline-block;
		outline: none;
		border-radius: 4px;
		background: #e8e8e8;
		padding: 12px 24px;
		text-align: center;
		color: #707070;
		font-weight: 500;
		-webkit-tap-highlight-color: transparent;
		background: #1c7ece;
		color: #fff;
		margin: 24px auto;
		margin-top: 20px;
		height: auto !important;
	}

	.list>li {
		position: relative;
		padding: 24px 16px 16px;
	}

	.card {
		position: relative;
		border: 1px solid #e8e8e8;
		border-radius: 8px;
		background: #fff;
		padding: 20px;
	}

	@media (min-width: 634px) {
		.list>li {
			padding: 45px 16px 16px;
		}
	}

	.list .card {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		min-height: 380px;
	}

	.account .card {
		position: relative;
	}

	.address-list .card,
	.invoice-list .card {
		min-height: auto;
	}

	@media (min-width: 961px) {
		.list>li:not(.click-to-shop) {
			overflow-y: hidden;
		}
	}

	.settings h3 {
		margin-top: 40px;
		margin-bottom: 4px;
		font-weight: bold;
		-webkit-font-smoothing: antialiased;
	}

	.account .card h3 {
		margin-bottom: 20px;
		padding-right: 35px;
		line-height: 1.5;
	}

	.address-list .card h3,
	.invoice-list .card h3 {
		font-size: 18px;
		line-height: 23px;
		text-align: left;
	}

	.settings h3:first-of-type {
		margin-top: 0;
	}

	@media (min-width: 641px) {
		.account .card h3 {
			font-size: 18px;
			line-height: 23px;
		}
	}

	.card-settings {
		position: absolute;
		top: 8px;
		right: 8px;
		text-align: center;
		-webkit-tap-highlight-color: transparent;
	}

	.card-settings button {
		display: inline-block;
		margin: 0;
		text-align: center;
		padding: 8px 11px;
		width: 40px;
		height: 35px;
	}

	.address-list .card p,
	.invoice-list .card p {
		font-size: 14px;
		line-height: 18px;
		color: #707070;
	}

	.address-list .card p>span {
		display: block;
	}

	.address-list .card p .field {
		width: 90px;
		display: inline-block;
		font-style: italic;
		color: darkgray;
	}

	.nav-item {
		margin-right: 10px;
	}

	.nav-item a {
		font-size: 15px;
		padding: 0, 8rem;
	}

	.nav-item i {
		padding-right: 7px;
		font-size: 17px;
	}


	.modal.fade.slide-left .close {
		position: absolute;
		top: 0;
		right: 0;
		margin-top: 0px;
		margin-left: 10px;
		z-index: 10;
	}

	/*.slide-right {
        overflow-y: hidden !important;
    }*/

	.modal.fade.slide-right.show .modal-dialog {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-ms-transform: translate(0, 0);
	}

	.modal.fade.slide-right .modal-dialog {
		position: absolute;
		margin: 0;
		/*margin-top:135px;*/
		height: 100%;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		-ms-transform: translate(100%, 0);
	}

	.modal.fade.slide-right .modal-dialog .modal-content-wrapper {
		height: 100%;
	}

	.modal.fade.slide-right .modal-dialog .modal-content {
		height: 100%;
	}

	.modal.fade.slide-right .modal-dialog .modal-body {
		background-color: #fff;
	}



	.modal.fade.slide-right .modal-content {
		border-radius: 0px;
	}

	.modal.fade.slide-right .modal-lg-AD {
		max-width: calc(100% - 180px);
		width: 100%;
		height: 100%;
		left: 180px;
	}

	@media (max-width: 768px) {
		.modal.fade.slide-right .modal-lg-AD {
			max-width: calc(100% - 30px);
			width: 90% !important;
			height: 100%;
			left: 180px;
		}
	}

	.order-ctas {
		position: relative;
	}

	.order-ctas .button {
		margin: 0 auto;
		min-width: 205px;
	}

	.center_red_text {
		margin-left: auto;
		margin-right: auto;
		color: red;
	}

	.display_flex {
		display: flex;
	}

	.myaccounttitle {
		padding: 17px 20px;
		color: black;
		font-weight: bold;
		margin-bottom: 8px;
		font-size: 17px;
		color: #4b4c4d;
	}

	.pagetitle {
		color: black;
		margin-bottom: 100px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}

	.pagetitle2 {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;

		width: 100%;
	}

	.mytitle {
		padding: 40px 30px 0 30px;
		font-weight: bold;
		font-size: 23px;
		color: #4b4c4d;
	}

	a.currentpage {
		color: #287ba7 !important;
		font-weight: bold !important;
	}

	#noproducts {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: auto;
	}

	.favoritehart {
		color: #287ba7;
		font-size: 36px;
		padding: 15px;
	}

	.pageheader {
		height: 100%;
	}

	#leftAccountMenu li {
		border-radius: 0px;
		border-bottom: 1px solid;
		border-color: #c9cacc;
	}

	.iwc-breadcrumb {
		border-bottom: none;
	}

	.flex-input input {
		color: #4b4c4d !important;
	}


	#my_info {
		display: grid;
		grid-template-columns: 50% auto;
		width: 100%;
		padding: 25px 30px;
		grid-gap: 2px 20px;
	}

	#newsletter {
		width: 100%;
		padding: 0px 30px 25px;
	}

	#change_password {
		padding: 25px 30px 30px;
		margin-top: 25px;
		align-self: flex-start;
	}

	#change_password .title {
		font-weight: bold;
		font-size: 23px;
		color: #4b4c4d;
		margin-bottom: 22px;
	}

	#newsletter input {
		border: 2px solid #dcdcdc;
	}

	.confirm-btn {
		display: inline-block;
		background: #1b76a1 !important;
		color: #39F2AE !important;
		border-color: #1b76a1 !important;
		border-radius: 4px !important;
		padding: 5px 25px;

		border: 1px solid;
		cursor: pointer;

	}

	#change_password_message {
		background-color: #cee6e8;
		margin-bottom: 20px;
		display: flex;
		align-items: center;

	}

	#change_password_message i {
		background-color: #10b1b9;
		color: #ffffff;
		padding: 15px;
		font-size: 36px;
	}

	#change_password_message span {

		padding: 15px;

	}

	#newsletter input[type=checkbox] {
		height: 20px;
		width: 20px
	}

	.products-section {
		max-width: 1280px;
	}

	#newsletter .accept-newsletter-text {
		font-size: 14px;
		color: #4b4c4d;
	}

	#newsletter {
		padding-top: 15px;
	}

	.list-container.account #pageheader {
		margin-bottom: 0;
	}

	.account-menu .section-links {
		margin-bottom: 0;
	}

	.account-menu .section-links li:last-child {
		margin-bottom: 0;
	}

	#colophon .shadow_section_2.footer_section+.px-width-box-shadow {
		margin-top: 80px;
	}
	
	#page > .user-info.cf {
		padding: 0 !important;
	}
	#page > .user-info.cf .breadcrumb-title-wrapper {
		padding-top: 0 !important;
	}
	#page > .account-container {
		max-width: 100%;
		width: calc(100% - 128px);
	}
	#page > .account-container .products_section {
		margin-left: 32px;
	}
	#page .account-container{
		min-height: 100vh;
	}
	 #main-content-container{
		min-height: 100vh;
	}
	.headerTop nav ul li{
		list-style: none;
	}
	.site-header nav ul li, .headerTop nav ul li{
		padding-top: 0;
		padding-bottom: 0;
	}
	.headerMain nav ul > li.menu-item-has-children.megaMenu > ul.sub-menu{
		transform: translateY(-17px);
	}
	
	
	ul:not(.splide__pagination), ol{
		padding-left: 0;
	}
	ul:not(.splide__pagination):not(.menu):not(.sub-menu):not(.menuPanel--root) > li::before{
		content: none;
		display: none;
	}
	
	.header__2ndMenu > ul > li.pll-parent-menu-item > a{
		padding: 0;
	}
	.header__2ndMenu ul li{
		list-style: none !important;
	}