/* Variables 
Lochmara
#0486bb

Regent St Blue
#a4c4e4

Shakespeare
#4b9ccc

Cerulean
#0c94cb

*/
:root {
	--main-bg-color:#ecf6fb;
	--main-font-titles:Inter, Helvetica, sans-serif;
	--main-font-body:Roboto, Helvetica, sans-serif;

	--main-title-color:#0c94cb;
	--main-border-color:#0c94cb;
	
	--main-font-size:14px;
	--main-line-height: 1.75em;
	--main-letter-spacing: 0.05em;
	
	--main-button-border-color:#0c94cb;
	--main-button-border-color-active:#00bef0;
	--main-button-background:#FFFFFF;
	--main-button-background-active:#ecf6fb;
	--main-button-color:#0c94cb;
	--main-button-color-active:#0C0C0C;

	--action-button-border-color:#0ccba3;
	--action-button-border-color-active:#00bef0;	
	--action-button-background:#FFFFFF;
	--action-button-background-active:#e6f9f5;
	--action-button-color:#0ccba3;	
	--action-button-color-active:#0C0C0C;

	--login-button-border-color:#A30CCB;
	--login-button-border-color-active:#00bef0;	
	--login-button-background:#FFFFFF;
	--login-button-background-active:#f5e6f9;
	--login-button-color:#A30CCB;	
	--login-button-color-active:#0C0C0C;
}

input[type="submit"].back:before,
input[type="reset"].back:before,
input[type="button"].back:before,
button.back:before,
.button.back:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='112px' height='96px' viewBox='0 0 112 96' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %232d99ce%3B stroke-width: 4px %7D%3C/style%3E%3Cline x1='0' y1='46' x2='112' y2='46' /%3E%3Cline x1='24' y1='22' x2='0' y2='46' /%3E%3Cline x1='24' y1='70' x2='0' y2='46' /%3E%3C/svg%3E");
}

input[type="submit"].back:after,
input[type="reset"].back:after,
input[type="button"].back:after,
button.back:after,
.button.back:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='112px' height='96px' viewBox='0 0 112 96' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %232dceb3%3B stroke-width: 4px %7D%3C/style%3E%3Cline x1='0' y1='46' x2='112' y2='46' /%3E%3Cline x1='24' y1='22' x2='0' y2='46' /%3E%3Cline x1='24' y1='70' x2='0' y2='46' /%3E%3C/svg%3E");
}

table tbody tr:nth-child(2n + 1) {background-color: rgba(217, 218, 172, 0.06);}


/* =============================================================================
  VIDEO
============================================================================= */
/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

#overlay{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,1);
  transition: 1s 0.4s;
}