:root {
	--color-main: #014495;
	--color-main-highlight: #005CBD;
	--color-background: #f1f1f1;
	--color-border: #d8d8d8;
	--color-success: #00bf00;
	--color-error: #b70000;
	--font-size: 14px;
}


#gml 								{padding-right: 16px; font-size: var(--font-size);}
#gml p 								{font-size: var(--font-size); margin-top: 0;}

.clearfix:after 					{content: ""; display: block; clear: both;}

/* NOTIFICATIONS */
.gml-notice							{padding: 20px; font-size: var(--font-size); margin-bottom: 20px; border: var(--color-border); border-radius: 5px;}
.gml-notice.gml-success 			{background: var(--color-success); color: #fff;}
.gml-notice.gml-error 				{background: var(--color-error); color: #fff;}

/* INPUTS */
#gml label 							{display: block; margin-bottom: 10px; font-weight: 500; font-size: var(--font-size); margin-top: 0;}
#gml input:not([type="checkbox"]), #gml select 			{display: block; width: 100%; padding: 10px 20px; margin-bottom: 20px; border: 1px solid var(--color-border); border-radius: 5px; height: auto;}
#gml input[type="submit"],
#gml input[type="button"] 			{margin: 0; width: inherit;}

/* BUTTONS */
.gml-button 						{padding: 10px 20px; background: #efefef; border: 1px solid var(--color-border); border-radius: 5px; cursor: pointer; color: #3c3c3c; font-size: var(--font-size); text-align: center; text-decoration: none;}
.gml-button:hover 					{background: var(--color-background); color: inherit;}
.gml-button.gml-submit 				{background: var(--color-main); border-color: var(--color-main); color: #fff;}
.gml-button.gml-submit:hover 		{background: var(--color-main-highlight);}
.gml-button.gml-error 				{background: var(--color-error); border-color: var(--color-error); color: #fff;}
.gml-button.gml-error:hover 		{background: #ab2c2c;}

/* DELETE-BOX */
#gml .gml-deletebox input 			{display: inline-block;}
.gml-deletebox-confirm 				{display: none;}

.gml-grid-2 						{float: left; width: 50%;}

/* TABLE */
.gml-table 							{background: #fff; width: 100%; font-size: var(--font-size); border: 1px solid var(--color-border);}
.gml-table th, .gml-table td 		{padding: 10px;}
.gml-table thead 					{background: var(--color-background);}
.gml-table thead th 				{text-align: left;}
.gml-table tbody tr:nth-child(2n) 	{background: var(--color-background);}
.gml-table tbody span 				{color: var(--color-success);}
.gml-table td a 					{color: var(--color-main); text-decoration: none; font-weight: 500;}
.gml-table td a:hover 				{color: var(--color-main-highlight);}
.gml-table td:last-child 			{font-weight: 500;}
.gml-table tfoot 					{background: var(--color-background); font-size: calc(var(--font-size) - 2px);}
.gml-table tfoot span 				{color: var(--color-success);}

/* CUSTOMER */
.gml-create-customer 				               {padding: 20px; border: 1px solid var(--color-border); background: #fff;}
#gml .gml-create-customer input[type="text"]	   {float: left; width: 65%; margin: 0;}
#gml .gml-create-customer input[type="submit"]     {float: right; width: 30%;}

.gml-search                                         {display: grid; grid-template-columns: 1fr 150px 150px; margin-bottom: 20px; grid-gap: 20px;}
#gml .gml-search input[type="text"]                 {margin-bottom: 0; width: 100%;}
#gml .gml-search input[type="submit"]               {display: inline;}


/* CUSTOMER */
#gmlc 								{margin-left: 20px; border: 1px solid var(--color-border); background: #fff; padding: 20px;}
#gmlc h2 							{font-size: 30px; margin-top: 0; border-bottom: 5px solid var(--color-main); padding-bottom: 20px;}
#gmlc h3 							{font-size: 20px; margin-bottom: 5px; margin-top: 0;}
.gmlc-box 							{padding: 20px; margin-bottom: 40px; background: var(--color-background);}

/* LICENSE BOX */
.gmlcl-box 							{margin-bottom: 40px; margin-top: 0;}
.gmlcl 								{background: var(--color-background);}
.gmlcl:first-child	 				{margin-bottom: 20px;}
.gmlcl-header 						{background: var(--color-background); padding: 10px; font-size: calc(var(--font-size) + 4px); cursor: pointer; font-weight: 500;}
.gmlcl-header:hover 				{color: var(--color-main-highlight);}
.gmlcl-header-indi 					{content: "+"}
.gmlcl-header-countdown 			{font-size: var(--font-size); font-style: italic;}
.gmlcl-header-ok 					{color: var(--color-success);}
.gmlcl-header-nk 					{color: var(--color-error);}
.gmlcl-body 						{overflow: hidden; max-height: 0; padding: 0 20px; transition: all 0.2s;}
.gmlcl.active .gmlcl-body 			{max-height: 800px; padding: 20px;}
.gmlcl-bottom 						{display: grid; grid-template-columns: 1fr 1fr;}
.modules 							{margin-bottom: 20px;}
.module-box 						{display: grid; grid-template-columns: 1fr 1fr;}