body{
	/* background: #1e2225;
    background: -webkit-linear-gradient(#1e2225, #2d3134);
    background: -o-linear-gradient(#1e2225, #2d3134);
    background: -moz-linear-gradient(#1e2225, #2d3134);
    background: linear-gradient(#1e2225, #2d3134); */
	font-family: sans-serif;
	font-size: 16px;
	/* height: 100%; */

    background: #f0f1f5;
    margin: 0;
}


h3{
	margin-bottom:0px;

}

a:visited { 
    color: blue;
}

.main {   
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 300px;
	min-height: 150px;
	background-color: #f3f3f3;
	background-color: #fff;
	padding: 35px;
	border-radius: 10px;

    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
}

.wrong{
	color:#f11000;
    text-align: center;
    margin-top: 20px;
	
}
	
.row{
	margin:0px;
	
}


.col-1{
	width:200px;
	float:left;

	
}

.entry_but{
	margin-left: auto;
    margin-right: auto;
    padding: 20px 20px 0 20px;
    width: 70px;
}

/* input[type=button] {
	padding: 15px 25px;
    background: #d6d4d4;
    border: 0 none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 6px;
} */

input[type=date],
input[type=text],
input[type=password],
input[type=email] {
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 0.5rem;
    border-radius: 6px;
    /* cursor: pointer; */
}


input[type=password],
input[type=text],
input[type=email] {
    border: 2px solid #2f53a2;
}

button[type=button].no-save-order {
    padding: 0.75rem 0.5rem;
    background: #2f52a0;
    color: #fff;
}

button{
    padding: 15px 25px;
    background: #d6d4d4;
    border: 0 none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 6px;
}



.container {
    background-color: #fff;
    border-radius: 10px;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	padding:10px;
    margin-bottom: 3rem;
}

.container_forms {
    margin-left: auto;
    margin-right: auto;
    width: 750px;
    padding: 10px;
}

.header {
    display: flex;
    justify-content: space-between;
	/* text-align: right; */
	padding: 5px;
	/* background-color: #f3f3f3; */
	/* border-radius: 7px; */
}

.header-wrap {
    margin-top: 1rem;
}

.header_text {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
	height: 100px;
    text-align: center;
    margin: 2rem 4rem;
    background: #f5f5f5cc;
    border-radius: 10px;
    color: #2a4a90;
}

.header_text h2 {
    margin: 0;
}

.header_text span {
    font-size: 18px;
}

.logo{
    display: flex;
    align-items: center;
	float: left;
    width: 100px;
}

.menu{
    display: flex;
    justify-content: center;
    /* display: -webkit-box; */
    list-style-type: none;
    /* background-color: #f3f3f3; */
    /* margin-top: 20px; */
    /* padding: 1rem 0.5rem;
}
	
.menu li{
	/* background-color: #f3f3f3; */
    padding: 0;
}

.menu li a{
    display: block;
    /* background-color: #f3f3f3; */
	padding: 1rem;
    /* border-bottom: 1px solid #2f52a033; */
	color:#2f52a0;
    text-decoration: none;
}


.menu li a:hover {
    /* border-bottom: 3px solid #2f52a0; */
    color: #333;
    background: #eee;
    border-radius: 6px;
}

.dropdown:hover .dropbtn {
	background-color: #03A9F4;
    color: #f3f3f3;
	cursor: pointer;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    /* margin-top: 15px; */
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #f1f1f1
}

.dropdown:hover .dropdown-content {
    display: block;
}

.top_container {
    position: relative;
    overflow: hidden;
	/* background-color: #f3f3f3; */
	padding: 20px 20px;
	border-radius: 7px;
	min-height: 460px;
}

.page_title {
    display: flex;
    font-size: 18px;
    font-weight: 600;
    color: #555;
    color: #2a4a90;
    text-align: left;
    background: #f6f6f6;
    padding: 0.75rem;
    border-bottom: 1px solid #0000001a;
    border-radius: 10px 10px 0 0;
    
}

.homepage_title {
    font-style: italic;
    font-weight: 400;
    border-radius: 0;
    background: #f5f5f5cc;
}

.ticket-comment-title {
    margin-bottom: 1rem;
    flex-direction: column;
}

.ticket-sub-comment {
    color: #2f52a0;
}

.new-ticket-title {
    margin: 0;
    padding-bottom: 0.5rem;
}

.new-ticket-input {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 1rem;
}

.info-icon {
    margin: 0 0.5rem 0 0;
}

form {
    /* background: #f6f6f6; */
    /* padding-top: 0.25rem; */
    margin: 0;
}

.price-notice {
    font-style: italic;
    width: 50%;
}

.search_form td {
	padding:10px;
}

table {
	margin-bottom: -15px;
    border-collapse: collapse;
}


/** Default table styling **/
.CSSTableGenerator,
.for-desktop,
.b2bconfirm-table-desktop,
.desktop-popup-table,
.CSSTableGeneratorAccount,
.CSSTableGeneratordate {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 0px 7px 7px #888888;
    box-shadow: 0px 1px 3px #0000004d;
	border:1px solid #0000001a;
	
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}

.CSSTableGenerator table,
.for-desktop table,
.b2bconfirm-table-desktop table,
.desktop-popup-table table,
.CSSTableGeneratorAccount table,
.CSSTableGeneratordate table {
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	margin:0px;padding:0px;
}

.CSSTableGenerator tr:last-child td:last-child,
.for-desktop tr:last-child td:last-child,
.b2bconfirm-table-desktop tr:last-child td:last-child,
.desktop-popup-table tr:last-child td:last-child,
.CSSTableGeneratorAccount tr:last-child td:last-child,
.CSSTableGeneratordate tr:last-child td:last-child {
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
}

.CSSTableGenerator table tr:first-child td:first-child,
.for-desktop table tr:first-child td:first-child,
.b2bconfirm-table-desktop table tr:first-child td:first-child,
.desktop-popup-table table tr:first-child td:first-child,
.CSSTableGeneratorAccount table tr:first-child td:first-child,
.CSSTableGeneratordate table tr:first-child td:first-child {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}

.CSSTableGenerator table tr:first-child td:last-child,
.for-desktop table tr:first-child td:last-child,
.b2bconfirm-table-desktop table tr:first-child td:last-child,
.desktop-popup-table table tr:first-child td:last-child,
.CSSTableGeneratorAccount table tr:first-child td:last-child,
.CSSTableGeneratordate table tr:first-child td:last-child {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
}

.CSSTableGenerator tr:last-child td:first-child,
.for-desktop tr:last-child td:first-child,
.b2bconfirm-table-desktop tr:last-child td:first-child,
.desktop-popup-table tr:last-child td:first-child,
.CSSTableGeneratorAccount tr:last-child td:first-child,
.CSSTableGeneratordate tr:last-child td:first-child {
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
}

.CSSTableGenerator tr:hover td,
.for-desktop tr:hover td,
.b2bconfirm-table-desktop tr:hover td,
.desktop-popup-table tr:hover td,
.CSSTableGeneratorAccount tr:hover td,
.CSSTableGeneratordate tr:hover td {
	/* background-color:#ffffff; */
    box-shadow: inset 0 0 0 100px rgb(0 0 0 / 5%);
}


.CSSTableGenerator td,
.for-desktop td,
.b2bconfirm-table-desktop td,
.desktop-popup-table td,
.CSSTableGeneratorAccount td,
.CSSTableGeneratordate td {
	vertical-align:middle;
	
	background-color:#becbd9;

	border:1px solid #0000001a;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
	text-align:center;
    cursor: default;
}

.CSSTableGenerator td input:disabled,
.for-desktop td input:disabled,
.b2bconfirm-table-desktop td input:disabled,
.desktop-popup-table td input:disabled,
.CSSTableGeneratorAccount td input:disabled,
.CSSTableGeneratordatetd input:disabled {
    cursor: default;
    border: 1px solid rgba(0, 0, 0, 0.10);
    opacity: 0.85;
}

.CSSTableGenerator tr:last-child td,
.for-desktop tr:last-child td,
.b2bconfirm-table-desktop tr:last-child td,
.desktop-popup-table tr:last-child td,
.CSSTableGeneratorAccount tr:last-child td,
.CSSTableGeneratordate tr:last-child td {
	border-width:0px 1px 0px 0px;
}

.CSSTableGenerator tr td:last-child,
.for-desktop tr td:last-child,
.b2bconfirm-table-desktop tr td:last-child,
.desktop-popup-table tr td:last-child,
.CSSTableGeneratorAccount tr td:last-child,
.CSSTableGeneratordate tr td:last-child {
	border-width:0px 0px 1px 0px;
}

.CSSTableGenerator tr:last-child td:last-child,
.for-desktop tr:last-child td:last-child,
.b2bconfirm-table-desktop tr:last-child td:last-child,
.desktop-popup-table tr:last-child td:last-child,
.CSSTableGeneratorAccount tr:last-child td:last-child,
.CSSTableGeneratordatetr:last-child td:last-child {
	border-width:0px 0px 0px 0px;
}

.CSSTableGenerator tr:first-child td,
.CSSTableGenerator tr:first-child th,
.for-desktop tr:first-child td,
.for-desktop tr:first-child th,
.b2bconfirm-table-desktop tr:first-child td,
.b2bconfirm-table-desktop tr:first-child th,
.desktop-popup-table tr:first-child td,
.desktop-popup-table tr:first-child th,
.CSSTableGeneratorAccount tr:first-child td,
.CSSTableGeneratorAccount tr:first-child th,
.CSSTableGeneratordate tr:first-child td,
.CSSTableGeneratordate tr:first-child th {
		/* background:-o-linear-gradient(bottom, #d0deed 5%, #2d3134 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d0deed), color-stop(1, #2d3134) );
	background:-moz-linear-gradient( center top, #d0deed 5%, #2d3134 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d0deed", endColorstr="#2d3134");	background: -o-linear-gradient(top,#d0deed,003f7f); */

	border:0px solid #0000001a;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#656565;

    box-shadow: none;
    padding: 0.5rem 0;
}

.CSSTableGenerator tr:nth-child(odd) td,
.for-desktop tr:nth-child(odd) td,
.b2bconfirm-table-desktop tr:nth-child(odd) td,
.b2bconfirm-table-desktop tr:nth-child(odd) th,
.desktop-popup-table tr:nth-child(odd) td,
.desktop-popup-table tr:nth-child(odd) th,
.CSSTableGeneratorAccount tr:nth-child(odd) td,
.CSSTableGeneratorAccount tr:nth-child(odd) th,
.CSSTableGeneratordate tr:nth-child(odd) td,
.CSSTableGeneratordate tr:nth-child(odd) th {
    background-color:#f6f6f6;
}


.CSSTableGenerator tr:nth-child(even) td,
.for-desktop tr:nth-child(even) td,
.b2bconfirm-table-desktop tr:nth-child(even) td,
.desktop-popup-table tr:nth-child(even) td,
.CSSTableGeneratorAccount tr:nth-child(even) td,
.CSSTableGeneratordate tr:nth-child(even) td {
    background-color:#fff;
}

.CSSTableGenerator tr:first-child:hover td,
.for-desktop tr:first-child:hover td,
.b2bconfirm-table-desktop tr:first-child:hover td,
.desktop-popup-table tr:first-child:hover td,
.CSSTableGeneratorAccount tr:first-child:hover td,
.CSSTableGeneratordate tr:first-child:hover td {
	/* background:-o-linear-gradient(bottom, #d0deed 5%, #2d3134 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d0deed), color-stop(1, #2d3134) );
	background:-moz-linear-gradient( center top, #d0deed 5%, #2d3134 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d0deed", endColorstr="#2d3134");	background: -o-linear-gradient(top,#d0deed,003f7f); */

	/* background-color:#d0deed; */
}

.CSSTableGenerator tr:first-child td:first-child,
.for-desktop tr:first-child td:first-child,
.b2bconfirm-table-desktop tr:first-child td:first-child,
.desktop-popup-table tr:first-child td:first-child,
.CSSTableGeneratorAccount tr:first-child td:first-child,
.CSSTableGeneratordate tr:first-child td:first-child {
	border-width:0px 0px 1px 0px;
}

.CSSTableGenerator tr:first-child td:last-child,
.for-desktop tr:first-child td:last-child,
.b2bconfirm-table-desktop tr:first-child td:last-child,
.desktop-popup-table tr:first-child td:last-child,
.CSSTableGeneratorAccount tr:first-child td:last-child,
.CSSTableGeneratordate tr:first-child td:last-child {
	border-width:0px 0px 1px 1px;
}

.desktop-popup-table {
    background: #f6f6f6;
}

/* Specific table styling */

.CSSTableGeneratorAccount {
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto; 
    margin-bottom: 15px; 
    border-collapse: unset;
    width: 100%;
}

/*2os pinakas css table generator*/
/* 
.CSSTableGeneratordate {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 0px 7px 7px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}.CSSTableGeneratordate table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	margin:0px;padding:0px;
}.CSSTableGeneratordate tr:last-child td:last-child {
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
}
.CSSTableGeneratordate table tr:first-child td:first-child {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}
.CSSTableGeneratordate table tr:first-child td:last-child {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
}.CSSTableGeneratordate tr:last-child td:first-child{
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
}
.CSSTableGeneratordate td{
	vertical-align:middle;
	
	background-color:#becbd9;

	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
	text-align:center;
}.CSSTableGeneratordate tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGeneratordate tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGeneratordate tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGeneratordate tr:first-child td{
		background:-o-linear-gradient(bottom, #d0deed 5%, #2d3134 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d0deed), color-stop(1, #2d3134) );
	background:-moz-linear-gradient( center top, #d0deed 5%, #2d3134 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d0deed", endColorstr="#2d3134");	background: -o-linear-gradient(top,#d0deed,003f7f);

	background-color:#d0deed;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGeneratordate tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #d0deed 5%, #2d3134 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d0deed), color-stop(1, #2d3134) );
	background:-moz-linear-gradient( center top, #d0deed 5%, #2d3134 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d0deed", endColorstr="#2d3134");	background: -o-linear-gradient(top,#d0deed,003f7f);

	background-color:#d0deed;
}
.CSSTableGeneratordate tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGeneratordate tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
} */

/* 3os pinakas table generator */
/* .CSSTableGeneratorAccount {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 0px 7px 7px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}.CSSTableGeneratorAccount table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	margin:0px;padding:0px;
}.CSSTableGeneratorAccount tr:last-child td:last-child {
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
}
.CSSTableGeneratorAccount table tr:first-child td:first-child {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}
.CSSTableGeneratorAccount table tr:first-child td:last-child {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
}.CSSTableGeneratorAccount tr:last-child td:first-child{
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
}.CSSTableGeneratorAccount tr:hover td{
	background-color:#ffffff;
		

}
.CSSTableGeneratorAccount td{
	vertical-align:middle;
	
	background-color:#becbd9;

	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
	text-align:left;
}.CSSTableGeneratorAccount tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGeneratorAccount tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGeneratorAccount tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
} */
/*.CSSTableGeneratorAccount tr:first-child td{
		background:-o-linear-gradient(bottom, #d0deed 5%, #2d3134 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d0deed), color-stop(1, #2d3134) );
	background:-moz-linear-gradient( center top, #d0deed 5%, #2d3134 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d0deed", endColorstr="#2d3134");	background: -o-linear-gradient(top,#d0deed,003f7f);

	background-color:#d0deed;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGeneratorAccount tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #d0deed 5%, #2d3134 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d0deed), color-stop(1, #2d3134) );
	background:-moz-linear-gradient( center top, #d0deed 5%, #2d3134 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d0deed", endColorstr="#2d3134");	background: -o-linear-gradient(top,#d0deed,003f7f);

	background-color:#d0deed;
}*/
/* .CSSTableGeneratorAccount tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGeneratorAccount tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.CSSTableGeneratorAccount input[type=text], input[type=email] {
width:370px;
} */


.trans_line{
	width:100%;
	text-align:center
}

.trans_line td{
	padding:5px;
}

.account-top_container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.right_div {
    width: 30%;
    text-align: center;
    /* float: right; */
    background: #f6f6f6;
    border-radius: 10px;
    padding: 0.75rem;
}

.right_div form {
    background: transparent;
}

.right_div form #password,
.right_div form #password_two,
.right_div form input[type=submit] {
    width: 270px;
}

.left_div {
    width: 65%;
    height: 380px;
    /* border-right: 1px solid black; */
}


.copyrights{
	padding: 10px;
    color: #777;
    text-align: right;
}

.copyrights a{
	color: #777;
}

/*############# B2B ##########*/
.b2b_flex {
    display:flex;
    justify-content: flex-start;
    padding-top: 2rem;
}

.b2b_flex.margin_top_large.font_15x {
    padding-top: 0;
}

.b2b_flex .menu {
    padding: 0.5rem;
    margin: 0;
}

.b2b_flex .menu li a {
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    background: #f3f3f3;
    margin: 0.5rem;
    border-radius: 5px;
    color: #656565;
    font-weight: 600;
    color: #2f52a0;
    border: 1px solid #2f52a0;
}

.b2b_flex .menu li a:hover {
    color: #333;
    box-shadow: inset 0 0 0 100px rgb(0 0 0 / 10%);
}

.b2b_flex #search_text {
    border-radius: 6px 0 0 6px;
}

.b2b_flex #search_text:focus-visible {
    outline: none;
    background: #f6f6f6;
}

.b2b_flex .reset_button {
    border: 1px solid rgba(0, 0, 0, 0.35);
    border-radius: 0 6px 6px 0 !important;
    color: rgba(0, 0, 0, 0.35);
    border-left: none;
}

.menu li .dropdown-content a {
    border-width: 3px;
}

.font_22{
    font-size: 22px;
}

.reset_button{
    padding: 2px 10px !important; 
    border-radius:0px !important;
}

.dropdown_link{
    background-color: #f3f3f3;
    padding: 22px;
    color: #000;
}

.self_center{
    justify-self: center;
    margin-left: auto;
    margin-right: auto;
}

.margin_top_large{
    margin-top:0rem;
}

.font_15x{
    font-size: 1.5rem;
}

.hidden{
    display:none;
}

.products_popup{
    position: absolute;
    top: 5%;
    width: 74vw;
    height: 90vh;
    background: aliceblue;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #d7d9de;
    box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11);
}

.close{
    position: absolute;
    right: 0;
    cursor: pointer;
    color: #fff;
    font-size: 35px;
    padding: 0 10px;
    background: #2f52a0;
    border-radius: 6px;
    margin: 0 1rem;
}

.close:hover {
    box-shadow: inset 0 0 0 100px rgb(0 0 0 / 10%);
}

.center{
    text-align:center;
}

.qty_btn {
    display: inline-block;
    background-color: #2f52a0;
    color: #FFFFFF;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 0 0.25rem;
    border-radius: 3px;
}

#cart_table .inputQty {
    margin: 0 0.25rem;
}

.fa-check,
.fa-home {
    margin-left: 0.5rem; 
}

.msg{
    display:block;
    opacity:0.75;
    padding:3px;
    transition-duration:1s; /* <= creates fade out effect */
    transition-delay:1s;
}

.green{
    background:green;
}

.red{
    background:red;
}

.center-absolute{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.addtocart_popup {
    border: solid 1px; 
    background-color: antiquewhite;
    padding: 4px 0px;
    color:#000;
}

.addtocart_popup a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #2f52a0;
    font-weight: 600;
}

.addtocart_popup a:hover {
    color: #333;
}


/* FAST ORDERS ΓΙΑ MOBILE, TABLET Giorgos 08022024 */

table.for-mobile {
    display: none;
}

@media screen and (max-width: 1024px) {

    .for-desktop {
        display: none;
    }

    .row-spacer {
        padding: 10px;
        display: table;
    }

    .for-mobile {
        display: table!important;
        border-collapse: separate;
        table-layout: fixed;
        width:100%;
    }

    .for-mobile td,tr {
        padding: 10px;
    }

    .for-mobile td:hover, .for-mobile tr:hover {
        background-color: #cccccc;
    }

    /* Giorgos-08022024 το container ήταν 80% */
    div.container {
        width: auto !important;
    }

    div.top_container {
        background-color: #f3f3f3;
        padding: 1rem;
        border-radius: 7px;
    }

    .for-mobile tr:not(.row-spacer) {
        background-color: #e6e6e6;
    }

    .for-mobile input {
        font-size:16px;
        width:100%;
        height:50px;
    }
    
    .for-mobile th,td {
        font-size:13px;
    }
    
    /* Styling περισσότερες πληροφορίες */
    
    .more-options-header{
        padding: 13px;
    }
    
    .more-options {
        display: none;
    }
    
    .more-options td{
        font-size:19px;
        background-color: #d9d9d9;
    }
    /* Τέλος Styling περισσότερων πληροφοριών */
    
    .no-save-order{
        font-size:23px;
    }
    
    .save-order {
        font-size:23px;
    }
    
    .price-notice {
        font-size:14px;
        width: 100%;
    }
}

/* MOBILE NAV MENU GIORGOS 09022024 */

    .topnav-mobile {
        display:none;
    }


@media screen and (max-width: 1024px) {  
    
    ul.desktop-menu {
        display:none;
    }
    
    .mobile-container {
        /* margin-right:-20px; */
        /* padding: 10px; */
    }
    
    /* Style the navigation menu */
    .topnav-mobile {
      display: block;
      overflow: hidden;
      background-color: #f3f3f3;
      position: relative;
    }

    /* Hide the links inside the navigation menu (except for logo/home) */
    .mobile-links {
      display: none;
    }
    
    /* Hide the links inside the navigation menu (except for logo/home) */
    .mobile-dropdown {
      display: none;
    }

    /* Style navigation menu links */
    .topnav-mobile a {
      color: black;
      padding: 22px 16px;
      text-decoration: none;
      font-size:23px;
      font-weight:bold;
      display: block;
    }
    
    /* Different styling for first link */
    .first-nav-link {
        background-color: #e6e6e6;
        padding:20px!important;
        /* font-size:37px!important; */
    }

    /* Style the hamburger menu */
    .topnav-mobile .icon {
        /* padding:23px!important; */
        /* font-size:35px; */
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    /* Plus sign position and styling */
    .dropdown-icon {
        right: 0;
        display: block;
        position: absolute;
        font-size:17px!important;
        padding:10px!important;
    }
    

    /* Add a grey background color on mouse-over */
    .topnav-mobile a:hover {
      background-color: #ddd;
      color: black;
    }

    /* Style the active link (or home/logo) */
    .topnav-mobile .active {
      background-color: #04AA6D;
      color: white;
    }
    
    
    /* Header text Giorgos 12022024 */
    .header_text {
        font-size: 20px;
        height: auto;
        margin-bottom: 30px;
    }
    
    .top-links,.top-links a {
        font-size: 15px;
    }
}


/* RESPONSIVE CSSTABLEGENERATOR TABLES ΓΙΑ MOBILE, TABLET Giorgos 12022024 */

@media screen and (max-width: 1024px) {  


    .CSSTableGenerator {
        display:block;
        overflow-y:scroll;
    }
    
    .CSSTableGenerator td {
        width:5%;
    }
    
    .search_form tr {
        display: flex;
        flex-direction: column;
    }
    
    .search_form td, .search_form input {
        /* font-size:25px; */
        text-align:center;
    }
}


/* Β2Β RESPONSIVE ΓΙΑ MOBILE, TABLET Giorgos 14022024 */

@media screen and (max-width: 1024px) {
    
    .b2b_flex {
        padding-top: 20px;
        justify-content: center;
    }
    
    .b2b_flex ul.menu {
        width:auto;
        max-width:100%;
        display:flex;
        flex-wrap: wrap;
        padding: 0;
    }
    
    .b2b_flex li {
        margin: 1rem 0;
        font-size: 16px;
    }
    
    .b2b_flex a {
        background-color: #e3e3e380!important;
        padding: 5px!important;
    }
    
    .b2b_flex a:hover {
        background-color: #d7d7d7!important;
        color: black!important;
    }
    
    /* Bigger font for search bar*/
    
    .self_center {
        font-size: 24px;
    }
    
    /* Cart Table Giorgos 20022024 */
    
    #cart_table th {
        font-size: 23px;
    }
    
    .cartheader-brand, .cartheader-image {
        display:none;
    }
    
    .b2b-button-next {
        font-size: 30px;
    }
}

/* B2B Popup TABLE Giorgos 15022024 */

@media screen and (max-width: 1024px) {
    
    .products_popup {
        width:auto;
        height:auto;
        margin: 0;
        padding: 10px;
    }
    
    .mobile-popup-table th {
        font-size: 16px;
        padding:20px 0;
    }
    
    .mobile-popup-table  td:not(.qty-group) {
        font-size: 16px;
        padding:20px 0;
    }
    
    /* Search bar */
    .b2b_flex #search_text {
        font-size: 16px;
    }
    
    .mobile-popup-table tr:not(.row-spacer) {
        background-color: #d2e8f9;
    }
    
    .qty-group {
        vertical-align: middle;
        display: flex;
        align-items: center;
    }

    .qtyInput {
        width: 50%;
        margin: 5px 10px;
        padding: 13px;
        text-align: center;
        font-size: 16px;
    }

    .qty-btn {
        width: 35px;
        height: 33px;
        display: inline-block;
        vertical-align: middle;
        font-size: 35px;
        text-decoration: none;
        border: 2px solid #2f53a2;
        border-radius: 6px;
        align-content: center;
        margin-right: 10px;
    }
    
    /* Πιο minimal style add to cart */
    .addtocart_popup {
        border: 0;
        background-color: transparent;
    }
}

/* B2B CONFIRM PAGE GIORGOS 23022024 */

    .b2border-confirm-boxes {
        display: flex;
        flex-wrap: wrap;
        align-content: stretch;
        margin-bottom: 2rem;
    }
    
    .b2bconfirm-table-mobile {
        display:none;
    }

@media screen and (max-width: 1024px) {
    
    .b2border-confirm-boxes {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: stretch;
        margin-bottom: 2rem;
        justify-content: space-around;
    }
    
    
    /* Boxes ξεχωριστά div Giorgos 23022024 */
    .b2border-payment-box, .b2border-shipping-box, .b2border-comment-box {
        padding: 20px 0;
        font-size:27px;
    }
    
    /* B2B Table Content Giorgos 26022024 */
    
    .b2bconfirm-table-desktop {
        display:none;
    }
    
    .b2bconfirm-cart-message {
        display:none;
    }
    
    .b2bconfirm-table-mobile {
        display:table;
        border-collapse: separate;
        padding:20px;
        width: 100%;
        max-width: 100%;
        border-spacing:0px;
    }
    
    .b2bconfirm-table-mobile tr:not(.row-spacer) {
        background-color: #e7e7e7;
    }
    
    .b2bconfirm-table-mobile td,.b2bconfirm-table-mobile th  {
        padding: 7px;
        vertical-align: middle;
        text-align: start;
        font-size: 16px;
    }
    
    .b2bconfirm-table-mobile input {
        width: auto;
        height: 30px;
        font-size: 16px;
        vertical-align: top;
        margin-bottom: 0.25rem;
    }
    
    .b2bconfirm-table-mobile .qty_btn {
        width: 20px;
        height: 20px;
        font-size: 20px;
    }
    
    .b2bconfirm-table-mobile .row-spacer {
        padding: 8px !important;
        display: table;
        border-collapse: separate;
    }
    
    .b2bconfirm-order-total {
        text-align:center!important;
        font-size:30px;
    }
    
    textarea#comments {
        font-size: 18px;
        width:100%;
    }
    
}

/* RESPONSIVE CSSTABLEGENERATORACCOUNT TABLES ΓΙΑ MOBILE, TABLET Giorgos 27022024 */

@media screen and (max-width: 1024px) {  
    
    .left_div {
        width: 65%;
        height: auto;
        border-right: 1px solid black;
    }

    .CSSTableGeneratorAccount {
        display:block;
        overflow-x:scroll;
    }
    
    .CSSTableGeneratorAccount td, .CSSTableGeneratorAccount th {
        width:5%;
        font-size:23px;
    }
    
}

/* Custom css */

.welcome-text__container {
    min-height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url(../images/support-1-1800x636.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.top-links span a,
.entry_but input[type=submit] {
    background: #2f52a0;
    color: #fff !important;
    border: none;
    line-height: 1.3;
    border-radius: 6px;
    padding: 0.5rem 1rem;
    text-decoration: none;
}

.top-links span a:hover {
    box-shadow: inset 0 0 0 100px rgb(0 0 0 / 10%);
}

.top-links {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.top-links .row_menu-name {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.75rem;
    color: #2f52a0;
    font-weight: 600;
}

.top-links .logout-button-wrap {
    display: flex;
    justify-content: center;
}

.user-icon {
    margin-right: 0.25rem;
}

.main input {
    box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11);
    /* border-color: #d7d9de; */
    border-color: #2f53a266;
}

.b2border-payment-box,
.b2border-shipping-box,
.b2border-comment-box {
    margin: 1rem;
}

.b2border-payment-box fieldset,
.b2border-shipping-box fieldset,
.b2border-comment-box fieldset {
    padding: 20px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.10);
    border: 1px solid #d7d9de;
}

.b2border-payment-box fieldset legend,
.b2border-shipping-box fieldset legend,
.b2border-comment-box fieldset legend {
    font-weight: 600;
}

.b2border-comment-box fieldset {
    background: transparent;
}

.b2b-button-next {
    margin-bottom: 2rem;
}

.CSSTableGeneratorAccount tr:first-child td ,
.CSSTableGeneratorAccount tr td {
    text-align: left;
    font-weight: 400;
    padding: 7px;
    color: #000;
}

.b2b-main-total__wrap {
    display: flex;
    justify-content: end;
}

.b2b-main-total__container {
    min-width: 200px;
    display: flex;
    justify-content: center;
    padding: 1rem 0;
    margin-top: 1rem;
    background: #eee;
    border-radius: 6px;
}

.b2b-main-total__container #cart_total {
    margin-left: 0.25rem;
}

.index-form-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-image: url(../images/login-background.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.index-login-form__container {
    display: flex;
    flex-direction: column;
    padding: 15px 35px 25px 35px;
    background-color: #ffffff99;
}

.index-login-form__container .login-afm,
.index-login-form__container .login-pass {
    width: 100%;
}

.index-login-form__container .login-img {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.index-login-form__container .login-img img {
    width: 180px;
}

.search-form__container {
    margin: 1rem;
}

.form-filter-export__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-date__container,
.form-export__container {
    display: flex;
}

.form-date__container .date-from {
    margin-right: 1rem;
}

.form-date__container .submit-date input {
    padding: 0.45rem 0.75rem;
    margin-left: 1rem;
}

/** Input colors **/

/* Default colors */
.search_form button,
input[type=submit],
input[type=button],
button[type=button] {
	padding: 0.75rem 0.5rem;
    background: #d6d4d4;
    border: 0 none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 6px;

    border: 3px solid #2f52a0;
    background: #fff;
    color: #2f52a0;
    font-weight: 600;
}
.search_form button:hover,
input[type=submit]:hover,
input[type=button]:hover,
button[type=button]:hover {
    background: #2f52a0;
    color: #fff;
}

.change-password-input {
    margin-top: 1rem;
}

.another-client {
    font-size: 14px;
    color: #2f52a0 !important;
    padding-bottom: 0.5rem;
    text-decoration: none;
}

.another-client:hover {
    color: #333 !important;
}

/* Specific colors */
.submit-date input,
.btn-success {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: #fff !important;
}
.submit-date input:hover,
.btn-success:hover {
    background-color: #218838 !important;
    border-color: #218838 !important;
}

.btn-warning {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #000 !important;
}
.btn-warning:hover {
    background-color: #e0a800 !important;
    border-color: #e0a800 !important;
}

.btn-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}
.btn-danger:hover {
    background-color: #c82333 !important;
    border-color: #c82333 !important;
}

.change-details-input,
.delete-details-input {
    width: 270px;
}

.gdpr-maildetail-content {
    padding: 30px;
}

.qtyInput {
    width: 35px;
}

.menu.desktop-menu {
    padding: 0;
}

/* Responsive */

@media screen and (max-width: 1024px) {
    body {
        padding: 0 1rem;
    }

    .header-wrap,
    .mobile-container {
        margin-bottom: 1rem;
    }

    a.first-nav-link {
        color: #333;
    }

    .topnav-mobile a {
        /* border-left: 1px solid #becbd966; */
    }
    
    .topnav-mobile .mobile-links a {
        font-size: 15px;
        padding: 1rem;
    }

    .welcome-text__container .header_text {
        padding: 1rem;
        margin: 0.5rem;
    }
    
    
    .welcome-text__container .header_text h2 {
        font-size: 22px;
    }

    .form-filter-export__container {
        align-items: start;
    }
    
    .search-form__container {
        margin: 1rem 0;
    }

    .form-date__container, .form-export__container {
        flex-flow: column;
    }

    .form-date__container .submit-date input {
        margin: 0;
    }

    .date-from,
    .date-until {
        margin-bottom: 0.5rem;
    }

    .search_form button, input[type=submit], input[type=button], button[type=button] {
        font-size: 11px;
        padding: 0.75rem 0.4rem;
        border: 2px solid #2f52a0;
        margin-top: 0.5rem;
    }

    .b2b_flex .reset_button {
        margin: 0;
    }

    .mobile-dropdown-content {
        margin-left: 1rem;
        background-color: #dddddd;
    }

    .for-mobile td button {
        width: 45%;
    }

    .account-top_container {
        flex-direction: column-reverse;
    }

    .left_div,
    .right_div {
        width: auto;
    }

    .left_div {
        border: none;
    }

    .CSSTableGeneratorAccount td, .CSSTableGeneratorAccount th {
        font-size: 14px;
    }

    .gdpr-maildetail-content {
        padding: 10px;
    }

    .table-responsive {
        overflow-y: scroll;
    }

    .products_popup {
        position: relative;
    }

    .products_popup_content {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }
}

@media screen and (max-width: 632px) {
    .main {
        width: auto;
        margin: 0 1rem;
    }
    
    .for-mobile td button {
        width: auto;
    }

    .for-mobile td, tr {
        padding: 5px;
        overflow-wrap: break-word;
    }

    .right_div form #password, .right_div form #password_two, .right_div form input[type=submit],
    .change-details-input,
    .delete-details-input {
        width: 100%;
        text-align: center;
    }
}