htbNO@charset "utf-8";
/* CSS Document */
/* FONTS -------------------------------------------*/
@font-face {
    font-family: 'Monospace';
    src: url('Monospace.eot');
    src: url('Monospace.eot?#iefix') format('embedded-opentype'),
        url('Monospace.woff2') format('woff2'),
        url('Monospace.woff') format('woff'),
        url('Monospace.ttf') format('truetype'),
        url('Monospace.svg#Monospace') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Monospace';
    src: url('MonospaceBold.eot');
    src: url('MonospaceBold.eot?#iefix') format('embedded-opentype'),
        url('MonospaceBold.woff2') format('woff2'),
        url('MonospaceBold.woff') format('woff'),
        url('MonospaceBold.ttf') format('truetype'),
        url('MonospaceBold.svg#MonospaceBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Monospace';
    src: url('MonospaceOblique.eot');
    src: url('MonospaceOblique.eot?#iefix') format('embedded-opentype'),
        url('MonospaceOblique.woff2') format('woff2'),
        url('MonospaceOblique.woff') format('woff'),
        url('MonospaceOblique.ttf') format('truetype'),
        url('MonospaceOblique.svg#MonospaceOblique') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('OpenSans-CondLight-webfont.eot');
    src: url('OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-CondLight-webfont.woff') format('woff'),
         url('OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansCondensedLightItalic';
    src: url('OpenSans-CondLightItalic-webfont.eot');
    src: url('OpenSans-CondLightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-CondLightItalic-webfont.woff') format('woff'),
         url('OpenSans-CondLightItalic-webfont.ttf') format('truetype'),
         url('OpenSans-CondLightItalic-webfont.svg#OpenSansCondensedLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('OpenSans-CondBold-webfont.eot');
    src: url('OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-CondBold-webfont.woff') format('woff'),
         url('OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('OpenSans-Light-webfont.eot');
    src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Light-webfont.woff') format('woff'),
         url('OpenSans-Light-webfont.ttf') format('truetype'),
         url('OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('OpenSans-LightItalic-webfont.eot');
    src: url('OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-LightItalic-webfont.woff') format('woff'),
         url('OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansItalic';
    src: url('OpenSans-Italic-webfont.eot');
    src: url('OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Italic-webfont.woff') format('woff'),
         url('OpenSans-Italic-webfont.ttf') format('truetype'),
         url('OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('OpenSans-Semibold-webfont.eot');
    src: url('OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Semibold-webfont.woff') format('woff'),
         url('OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('OpenSans-SemiboldItalic-webfont.eot');
    src: url('OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('OpenSans-Bold-webfont.eot');
    src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Bold-webfont.woff') format('woff'),
         url('OpenSans-Bold-webfont.ttf') format('truetype'),
         url('OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('OpenSans-BoldItalic-webfont.eot');
    src: url('OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('OpenSans-ExtraBold-webfont.eot');
    src: url('OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*MAIN CSS --------------------------------------*/
body {
	background-color: #FFFFFF;
    font-family: 'OpenSansRegular';
	color: #000000;
	font-size: 1.2rem;
	margin-top: 0px;
	padding-top: 0px;
}
html {
	overflow-y: scroll;
	scroll-behavior: smooth;
}
h1 {
    font-family: 'OpenSansCondensedBold';
}
h2 {
    font-family: 'OpenSansCondensedBold';
}
h3 {
    font-family: 'OpenSansCondensedBold';
}
h4 {
    font-family: 'OpenSansCondensedBold';
}
th {
	background-color: #F4F4F4;
	text-align: center!important;
	vertical-align: bottom!important;
}
.today-bg-clr {
	background-color:azure!important;
}
.weekend-bg-clr {
	background-color:#ECECEC!important;
}
.selected-bg-clr {
	background-color:beige;
}
.normal-bg-clr {
	background-color:white!important;
}
.font-bold {
	font-weight: bold!important;
}
.admin-body {
	background-color:#F4F9F5;
	padding-top: 1rem;
}
.techdata-body {
	background-color:#BEDBC3;
	padding-top: 1rem;
}
.tomax-fg {
	color: #293CAB;
}
.tomax-bg {
	background-color: #293CAB;
}
.center {
	text-align: center;
}

a:link {
	color: #0000FF;
	text-decoration: none;
}
a:active {
	color: #0000FF;
	text-decoration: none;
/*    border: none!important;*/
}
a:visited {
	color: #0000FF;
	text-decoration: none;
/*    border: none!important;*/
}
a:hover {
	color: #FF6600;
	text-decoration: none;
/*    border: none!important;*/
}
.pad-left-1rem {
	padding-left: 1rem!important;
}
.padd-left-2rem {
	padding-left: 2rem!important;
}
.padd-left-3rem {
	padding-left: 3rem!important;
}
.padd-left-4rem {
	padding-left: 4rem!important;
}
.padd-left-5rem {
	padding-left: 5rem!important;
}
.padd-left-6rem {
	padding-left: 6rem!important;
}
.padd-left-7rem {
	padding-left: 7rem!important;
}
.padd-left-8rem {
	padding-left: 8rem!important;
}
.padd-left-9rem {
	padding-left: 9rem!important;
}
.padd-left-10rem {
	padding-left: 10rem!important;
}
.padd-right-1rem {
	padding-right: 1rem!important;
}
.padd-right-2rem {
	padding-right: 2rem!important;
}
.margin-t-1rem {
	margin-top: 1rem!important;
}
.margin-b-1rem {
	margin-bottom: 1rem!important;
}
.margin-b-1-5rem {
	margin-bottom: 1.5rem!important;
}
.margin-b-2rem {
	margin-bottom: 2rem!important;
}
.margin-b-6rem {
	margin-bottom: 6rem!important;
}
.margin-b-8rem {
	margin-bottom: 8rem!important;
}
.margin-bz {
	margin-bottom: 0!important;
}
.margin-tz {
	margin-top: 0!important;
}
.margin-rz {
	margin-right: 0!important;
}
.margin-lz {
	margin-left: 0!important;
}
.margin-r-1rem {
	margin-right: 1rem!important;
}
.margin-r-2rem {
	margin-right: 2rem!important;
}
.margin-r-3rem {
	margin-right: 3rem!important;
}
.margin-r-4rem {
	margin-right: 4rem!important;
}
.margin-r-5rem {
	margin-right: 5rem!important;
}
.margin-z {
	margin: 0!important;
}
/* WIDTHS */
.int-td-width {
	width: 80px!important;
}
.rem1 {
	width: 1rem!important;
}
.rem2 {
	width: 2rem!important;
}
.rem3 {
	width: 3rem!important;
}
.rem4 {
	width: 4rem!important;
}
.rem5 {
	width: 5rem!important;
}
.rem6 {
	width: 6rem!important;
}
.rem7 {
	width: 7rem!important;
}
.rem8 {
	width: 8rem!important;
}
.rem8-5 {
	width: 8.5rem!important;
}
.rem9 {
	width: 9rem!important;
}
.rem9-5 {
	width: 9.5rem!important;
}
.rem10 {
	width: 10rem!important;
}
.rem10-5 {
	width: 10.5rem!important;
}
.rem11 {
	width: 11rem!important;
}
.rem12 {
	width: 12rem!important;
}
.rem13 {
	width: 13rem!important;
}
.rem14 {
	width: 14rem!important;
}
.rem15 {
	width: 15rem!important;
}
.rem16 {
	width: 16rem!important;
}
.rem17 {
	width: 17rem!important;
}
.rem18 {
	width: 18rem!important;
}
.rem19 {
	width: 19rem!important;
}
.rem20 {
	width: 20rem!important;
}
.rem21 {
	width: 21rem!important;
}
.rem22 {
	width: 22rem!important;
}
.rem23 {
	width: 23rem!important;
}
.rem24 {
	width: 24rem!important;
}
.rem25 {
	width: 25rem!important;
}
.rem26 {
	width: 26rem!important;
}
.rem27 {
	width: 27rem!important;
}
.rem28 {
	width: 28rem!important;
}
.rem29 {
	width: 29rem!important;
}
.rem30 {
	width: 30rem!important;
}
.rem35 {
	width: 35rem!important;
}
.rem40 {
	width: 40rem!important;
}
.rem50 {
	width: 50%!important;
}
.rem100 {
	width: 100%!important;
}
.pc10 {
	width: 10%!important;
}
.pc20 {
	width: 20%!important;
}
.pc30 {
	width: 30%!important;
}
.pc40 {
	width: 40%!important;
}
.pc50 {
	width: 50%!important;
}
.pc60 {
	width: 60%!important;
}
.pc70 {
	width: 70%!important;
}
.pc80 {
	width: 80%!important;
}
.pc90 {
	width: 90%!important;
}
.pc100 {
	width: 100%!important;
}
/* WIDTHS */
/* HEIGHTS */
.rem1-h {
	height: 1rem!important;
}
.rem2-h {
	height: 2rem!important;
}
.rem3-h {
	height: 3rem!important;
}
.rem4-h {
	height: 4rem!important;
}
.rem5-h {
	height: 5rem!important;
}
.rem6-h {
	height: 6rem!important;
}
.rem7-h {
	height: 7rem!important;
}
.rem8-h {
	height: 8rem!important;
}
.rem8-5-h {
	height: 8.5rem!important;
}
.rem9-h {
	height: 9rem!important;
}
.rem9-5-h {
	height: 9.5rem!important;
}
.rem10-h {
	height: 10rem!important;
}
.rem10-5-h {
	height: 10.5rem!important;
}
.rem11-h {
	height: 11rem!important;
}
.rem12-h {
	height: 12rem!important;
}
.rem13-h {
	height: 13rem!important;
}
.rem14-h {
	height: 14rem!important;
}
.rem15-h {
	height: 15rem!important;
}
.rem16-h {
	height: 16rem!important;
}
.rem17-h {
	height: 17rem!important;
}
.rem18-h {
	height: 18rem!important;
}
.rem19-h {
	height: 19rem!important;
}
.rem20-h {
	height: 20rem!important;
}
.rem21-h {
	height: 21rem!important;
}
.rem22-h {
	height: 22rem!important;
}
.rem23-h {
	height: 23rem!important;
}
.rem24-h {
	height: 24rem!important;
}
.rem25-h {
	height: 25rem!important;
}
.rem26-h {
	height: 26rem!important;
}
.rem27-h {
	height: 27rem!important;
}
.rem28-h {
	height: 28rem!important;
}
.rem29-h {
	height: 29rem!important;
}
.rem30-h {
	height: 30rem!important;
}
.rem100-h {
	height: 100%!important;
}
/* HEIGHTS */
/* EXTENDERS */
/*-----------------------------*/
.container-small {
	font-size: 1rem!important;
}
.container-small select {
	font-size: 1rem!important;
	padding: 3px 3px 3px!important;
}
.container-small option {
	font-size: 1rem!important;
}
.container-small input[type="text"] {
	height: 26px!important;
	font-size: 1rem!important;
	padding-right: 2px!important;
	padding-left: 5px!important;
}
/*-----------------------------*/
.container_ext_2100 {
	min-width: 2100px!important;
}
.container_ext_1900 {
	min-width: 1900px!important;
}
.container_ext_1700 {
	min-width: 1700px!important;
}
.container_ext_asn {
	min-width: 1400px!important;
}
.container_ext_nso {
	min-width: 1300px!important;
}
/* EXTENDERS */
/* --- TABLE BORDERS ---*/
.td-bl-black {
	border-left: 1px solid black!important;
} 
.td-br-black {
	border-right: 1px solid black!important;
} 
.td-br-blue {
	border-right: 1px solid cornflowerblue!important;
} 
.td-border-b-none {
	border-bottom: 1px solid transparent!important;
}
.td-border-b-black {
	border-bottom: 1px solid black!important;
}
.td-b-black {
	border-bottom: 1px solid black!important;
}
.td-b-darkgray {
	border-bottom: 1px solid darkgray!important;
}
.td-border-b-cadetblue {
	border-bottom: 1px solid cadetblue!important;
}
.td-border-b-black-hz {
	height: 0!important;
	padding: 0!important;
	margin: 0!important;
	border: 0!important;
	border-bottom: 1px solid black!important;
}
.td-border-b-cadetblue-hz {
	height: 0!important;
	padding: 0!important;
	margin: 0!important;
	border: 0!important;
	border-bottom: 1px solid cadetblue!important;
}
.td-border-b-black-hz {
	height: 0!important;
	padding: 0!important;
	margin: 0!important;
	border: 0!important;
	border-bottom: 1px solid black!important;
}
.td-border-b-red-hz {
	height: 0!important;
	padding: 0!important;
	margin: 0!important;
	border: 0!important;
	border-bottom: 1px solid red!important;
}
.td-border-b-cornflowerblue-hz {
	height: 0!important;
	padding: 0!important;
	margin: 0!important;
	border: 0!important;
	border-bottom: 1px solid cornflowerblue!important;
}
.td-border-b-blue-hz {
	height: 0!important;
	padding: 0!important;
	margin: 0!important;
	border: 0!important;
	border-bottom: 1px solid blue!important;
}
.td-border-b-orange-hz {
	height: 0!important;
	padding: 0!important;
	margin: 0!important;
	border: 0!important;
	border-bottom: 1px solid darkorange!important;
}
.td-border-b-green-hz {
	height: 0!important;
	padding: 0!important;
	margin: 0!important;
	border: 0!important;
	border-bottom: 1px solid green!important;
}
/* --- TABLE BORDERS ---*/
/* --- FONT_SIZES ---*/
.font-size-14 {
	font-size: 14px!important;
}
.font-size-16 {
	font-size: 16px!important;
}
/* --- FONT_SIZES ---*/
/* --- BORDERS DIV ---*/
.border-b-1-black {
	border-bottom: 1px solid black;
}
.border-b-1-gray {
	border-bottom: 1px solid gray;
}
.border-b-1-lightgray {
	border-bottom: 1px solid lightgray;
}
.floater-bg {
	background-color: transparent!important;
	border: none!important;
}
/* --- BORDERS DIV ---*/
/* --- PADDING ---*/
.pad-1rem{
	padding: 1rem;
}
.pad-2rem{
	padding: 2rem;
}
.pad-3rem{
	padding: 3rem;
}
.pad-lr-1rem{
	padding-left: 1rem!important;
	padding-right: 1rem!important;
}
/* --- CMS ---*/
.ta-cms {
	padding-left: 2rem;
	padding-right: 2rem;
}
.th-v {
	vertical-align: top!important;
}
.ta-label {
	color: gray;
	padding: 1rem!important;
	padding-left: 2rem!important;
	background-color: aliceblue!important;
	border-bottom: 1px solid gray!important;
	border-top: 1px solid gray!important;
}
/* --- CMS ---*/
/* --- CRM ---*/
.cmpny-line-prnt {
	margin-top: 3rem;
	display: flex;
	justify-content : space-between;
	align-items:flex-start;
}
.qut-line-prnt {
/*	border-top: 1px solid black;*/
/*	margin-top: 1rem;*/
/*	margin-bottom: .5rem;*/
	padding-top: 1rem;
	display: flex;
	justify-content : space-between;
	align-items: flex-start;
}
.cmpny-line {
	display: inline-block!important;
	text-transform: capitalize;
	font-size: 1.3rem;
}
.cmpny-line-fxd {
	display: inline-block!important;
	align-content: flex-end;
	text-transform: capitalize;
	font-size: 1.3rem;
	width: 10rem!important;
}
.cmpny-line-title {
	display: flex;
	justify-content : space-between;
	align-items: flex-start;
	font-size: 1.7rem;
	font-weight: bold;
	width: 300px;
}
.cmpny-line-quotes {
	padding: 0;
}
/* --- CRM ---*/
/* --- PADDING ---*/
/* FLAGS */
.flag-bg-cisco {
	background-image: url("../../img/flags/cisco.png");
	background-repeat: no-repeat;
	background-position: right;
}
.flag-bg-cisco-left {
	background-image: url("../../img/flags/cisco-left.png");
	background-repeat: no-repeat;
	background-position: left;
}
/* FLAG DK */
.flag-bg-dk {
	background-image: url("../../img/flags/flag-dk.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
.flag-bg-dk-h4 {
	background-image: url("../../img/flags/flag-dk.jpg");
	background-repeat: no-repeat;
	background-position: 410px center;
}
.flag-bg-dk-small {
	background-image: url("../../img/flags/flag-dk-small.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
.flag-bg-dk-left {
	background-image: url("../../img/flags/flag-dk.jpg");
	background-repeat: no-repeat;
	background-position: left;
}
.flag-bg-dk-left-small {
	background-image: url("../../img/flags/flag-dk-small.jpg");
	background-repeat: no-repeat;
	background-position: left;
}
.flag-bg-dk-center {
	background-image: url("../../img/flags/flag-dk.jpg");
	background-repeat: no-repeat;
	background-position: center;
}
.flag-bg-dk-center-small {
	background-image: url("../../img/flags/flag-dk-small.jpg");
	background-repeat: no-repeat;
	background-position: center;
}
/* FLAG UK */
.flag-bg-uk {
	background-image: url("../../img/flags/flag-uk.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
.flag-bg-uk-h4 {
	background-image: url("../../img/flags/flag-uk.jpg");
	background-repeat: no-repeat;
	background-position: 410px center;
}
.flag-bg-uk-small {
	background-image: url("../../img/flags/flag-uk-small.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
.flag-bg-uk-left {
	background-image: url("../../img/flags/flag-uk.jpg");
	background-repeat: no-repeat;
	background-position: left;
}
.flag-bg-uk-left-small {
	background-image: url("../../img/flags/flag-uk-small.jpg");
	background-repeat: no-repeat;
	background-position: left;
}
.flag-bg-uk-center {
	background-image: url("../../img/flags/flag-uk.jpg");
	background-repeat: no-repeat;
	background-position: center;
}
.flag-bg-uk-center-small {
	background-image: url("../../img/flags/flag-uk-small.jpg");
	background-repeat: no-repeat;
	background-position: center;
}
/* FLAG US */
.flag-bg-us {
	background-image: url("../../img/flags/flag-us.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
.flag-bg-us-h4 {
	background-image: url("../../img/flags/flag-us.jpg");
	background-repeat: no-repeat;
	background-position: 410px center;
}
.flag-bg-us-small {
	background-image: url("../../img/flags/flag-us-small.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
.flag-bg-us-left {
	background-image: url("../../img/flags/flag-us.jpg");
	background-repeat: no-repeat;
	background-position: left;
}
.flag-bg-us-left-small {
	background-image: url("../../img/flags/flag-us-small.jpg");
	background-repeat: no-repeat;
	background-position: left;
}
/* FLAG EU */
.flag-bg-eu {
	background-image: url("../../img/flags/flag-eu.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
.flag-bg-eu-small {
	background-image: url("../../img/flags/flag-eu-small.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
.flag-bg-us-center {
	background-image: url("../../img/flags/flag-us.jpg");
	background-repeat: no-repeat;
	background-position: center;
}
.flag-bg-us-center-small {
	background-image: url("../../img/flags/flag-us-small.jpg");
	background-repeat: no-repeat;
	background-position: center;
}
.flag-bg-eu-center {
	background-image: url("../../img/flags/flag-eu.jpg");
	background-repeat: no-repeat;
	background-position: center;
}
.flag-bg-eu-center-small {
	background-image: url("../../img/flags/flag-eu-small.jpg");
	background-repeat: no-repeat;
	background-position: center;
}
/* FLAGS */
.GryBg {
	background-color: #CCC;
}
.DrkGryBg {
	background-color: #999;
}
.highlightOrange {
	color: #F60;
	text-transform: uppercase;
}
.highlightRed {
	color: #DD4E5C
	text-transform: uppercase;
}
.danger-text {
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: .5rem;
	padding-bottom: .5rem;
	color: white;
	background-color: red;
	border-radius: 1.25rem;
}
.retrieve-text {
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: .5rem;
	padding-bottom: .5rem;
	color: white;
	background-color: green;
	border-radius: 1.25rem;
}
.last-upd-page {
	font-weight: normal;
	color: blue;
}
/* --- COLORS --- */
.white-bg {
	background-color: white!important;
}
.darkgreen {
	color: darkgreen!important;
}
.darkgreen-bg {
	background-color: darkgreen;
}
.white {
	color: white!important;
}
.darkorange {
	color: darkorange!important;
}
.darkorange-bg {
	background-color: darkorange;
}
.red {
	color: red!important;
}
.green{
	color: green!important;
}
.red-bg {
	background-color: red;
}
.trash-red-bg {
	background-color:#d9534f;
}
.buton-red-bg {
	background-color:#d9534f;
}
.blue {
	color: blue!important;
}
.text-blue {
	color: blue!important;
}
.blue-bg {
	background-color: blue;
}
.lightblue {
	color: lightblue;
}
.lightblue-bg {
	background-color: lightblue;
}
.cornflowerblue {
	color: cornflowerblue;
}
.cornflowerblue-bg {
	background-color: cornflowerblue;
}
.lightgray {
	color: lightgray;
}
.lightgray-bg {
	background-color: lightgray;
}
.cadetblue {
	color: cadetblue!important;
}
.cadetblue-bg {
	background-color: cadetblue!important;
}
.darkgray {
	color: darkgray!important;
}
.lightgray {
	color: lightgray!important;
}
.gray {
	color: gray;
}
.darkblue {
	color: #337ab7!important;
}
.darkblue-bg {
	background-color: #337ab7!important;
}
.White-bold-center {
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
.White-bold-left {
	color: #FFF;
	font-weight: bold;
	text-align: left;
}
/* --- COLORS --- */
.glyphicon-btn {
	margin-left: .75rem;
}
.glyphicon-btn-xs {
	padding-left: .5rem;
}
.glyphicon-mnu {
	font-size: 1rem;
	padding-top: .4rem;
	color: cornflowerblue;
}
.glyphicon-mnu:hover {
	color:cornflowerblue;
}
.td-top-pad {
	padding-top: 8px!important;
}
.td-inp-pad {
	padding-top: 12px!important;
}
.blink_menu {
	color: currentColor;
	animation: blinker 1s linear infinite;
}
.blink_me {
	color: red;
	animation: blinker 1s linear infinite;
}
.blink_me_small {
	font-size: 1rem;
	background-color: transparent;
	color: black;
	padding: .25rem;
	padding-top: .14rem;
	margin-right: 2px;
	border-radius: 4px;
	animation: blinker 1s linear infinite;
}
.blink_me_blue {
	color: blue;
	animation: blinker 1.05s linear infinite;
}
.blink_me_blue_small {
	font-size: 1rem;
	background-color: blue;
	color: white;
	padding: .25rem;
	padding-top: .14rem;
	margin-right: 2px;
	border-radius: 4px;
	animation: blinker 1.05s linear infinite;
}
.blink_me_darkred {
	color: darkred;
	animation: blinker 1.05s linear infinite;
}
.blink_me_white {
	color: white;
	animation: blinker 1.05s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.god-color{
	-webkit-animation: color-change 10s infinite;
	-moz-animation: color-change 10s infinite;
	-o-animation: color-change 10s infinite;
	-ms-animation: color-change 10s infinite;
	animation: color-change 10s infinite;
	20s infinite alternate
}

@-webkit-keyframes color-change {
	16.5% { color: magenta; }
	33% { color: orange; }
	50% { color: yellow; }
	66.5% { color: lightgreen; }
	83% { color: cyan; }
	100% { color:fuchsia; }
}
@-moz-keyframes color-change {
	16.5% { color: magenta; }
	33% { color: orange; }
	50% { color: yellow; }
	66.5% { color: lightgreen; }
	83% { color: cyan; }
	100% { color:fuchsia; }
}
@-ms-keyframes color-change {
	16.5% { color: magenta; }
	33% { color: orange; }
	50% { color: yellow; }
	66.5% { color: lightgreen; }
	83% { color: cyan; }
	100% { color:fuchsia; }
}
@-o-keyframes color-change {
	16.5% { color: magenta; }
	33% { color: orange; }
	50% { color: yellow; }
	66.5% { color: lightgreen; }
	83% { color: cyan; }
	100% { color:fuchsia; }
}
@keyframes color-change {
	16.5% { color: magenta; }
	33% { color: orange; }
	50% { color: yellow; }
	66.5% { color: lightgreen; }
	83% { color: cyan; }
	100% { color:fuchsia; }
}


.god-bg-color{
	-webkit-animation: bg-color-change 10s infinite;
	-moz-animation: bg-color-change 10s infinite;
	-o-animation: bg-color-change 10s infinite;
	-ms-animation: bg-color-change 10s infinite;
	animation: bg-color-change 10s infinite;
	20s infinite alternate
}

@-webkit-keyframes bg-color-change {
	16.5% { background-color: magenta; }
	33% { background-color: orange; }
	50% { background-color: yellow; }
	66.5% { background-color: lightgreen; }
	83% { background-color: cyan; }
	100% { background-color:fuchsia; }
}
@-moz-keyframes bg-color-change {
	16.5% { background-color: magenta; }
	33% { background-color: orange; }
	50% { background-color: yellow; }
	66.5% { background-color: lightgreen; }
	83% { background-color: cyan; }
	100% { background-color:fuchsia; }
}
@-ms-keyframes bg-color-change {
	16.5% { background-color: magenta; }
	33% { background-color: orange; }
	50% { background-color: yellow; }
	66.5% { background-color: lightgreen; }
	83% { background-color: cyan; }
	100% { background-color:fuchsia; }
}
@-o-keyframes bg-color-change {
	16.5% { background-color: magenta; }
	33% { background-color: orange; }
	50% { background-color: yellow; }
	66.5% { background-color: lightgreen; }
	83% { background-color: cyan; }
	100% { background-color:fuchsia; }
}
@keyframes bg-color-change {
	16.5% { background-color: magenta; }
	33% { background-color: orange; }
	50% { background-color: yellow; }
	66.5% { background-color: lightgreen; }
	83% { background-color: cyan; }
	100% { background-color:fuchsia; }
}

/*  INPUT FOCUS  */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color:blue;
/*  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 8px rgba(126, 239, 104, 1.0);*/
  box-shadow: none!important;
  outline: 1px blue solid!important;
}
/*  INPUT FOCUS  */
/*  SELECT FOCUS  */
select:focus{
  box-shadow: none!important;
  outline: 1px blue solid!important;
}
option {
	background-color: white!important;
	color: black!important;
}
.slctd-class {
	background-color: orange!important;
	color: white!important;
	border: 1px solid blue;
}
/*  SELECT FOCUS  */

.days-30 {
	color:wite!important;
	background-color:red!important;
}
.bg-blue {
	background-color:gainsboro;
}
.bg-mintcream {
	background-color:lightblue;
}
.row-non-vis {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.li-no-vis {
	color:lavender!important;
}
.pc00 {
	background-color:mintcream;
}
.pc65 {
	background-color:lightcyan;
}
.pc90 {
	background-color:aliceblue;
}
.buton-group {
	
}
.buton-group input {
	margin-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.buton-group button {
	margin-left: -5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/*------  MENU  -----------------------------------------------------*/
.caret {
	margin-left: 1rem;
}
.navbar-default {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 2rem !important;
}
.navbar {
	min-height: 32px !important;
}
.navbar-collapse {
	margin-left: -15px !important;
}
.navbar-nav > li > .dropdown-menu {
	min-width: 180px;
}
.navbar-nav > li > a {
/*	font-size: 1.2rem;*/
	font-size: 1.5rem;
	margin-top: 10px !mportant;
	margin-bottom: 0 !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.navbar-nav > li > a:hover {
	background-color: #E4E4E4 !important;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/* NOTES -----------------------------------------------------*/
/* MARKETING -----------------------------------------------------*/
.mrkt-cmpn-title {
	
}
.mrkt-cmpn-title > h5 {
	min-height: 3rem!important;
}
/* MARKETING -----------------------------------------------------*/
.funcs {
	display: flex;
	flex-direction: row;
	margin-bottom: -2rem;
}
.funcs select {
	font-weight: bold!important;
}
.notes-page-header {
	display: flex;
	flex-direction: row;
	margin-bottom: 1rem;
}
.notes-page-header {
	display: flex;
	flex-direction: row;
	margin-bottom: 1rem;
}
.notes-page-header .nav-button {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
}
.notes-page-header .page-label {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-grow: 24;
	font-size: 1.75rem;
	font-weight: bold;
}
.notes-page-header .action-button {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	align-items: center;
	justify-content: space-around;
}
.notes {
	display:flex;
	flex-direction: column;
	background-color: white;
	padding: .75rem;
	border-top: 1px dashed black;
	margin-top: 2rem;
}
.notes-selected {
	background-color: rgba(234,254,255,1.00)!important;
}
.notes-delled {
	background-color:lemonchiffon!important;
}
.notes-heading {
	font-size: 2rem;
	margin-top: 1rem;
	padding-top: 1rem;
	padding-left: 3rem;
}
.notes .header {
	display:flex;
	flex-direction: row;
	flex-grow: 1;
	margin-bottom: 2rem;
	border-bottom: 1px dashed gray;
}
.notes .title {
	display:flex;
	flex-direction: row;
	flex-grow: 22;
	align-items: center;
	font-weight: bold;
	font-size: 1.5rem;
	padding: .5rem;
}
.notes .date {
	display:flex;
	flex-grow: 1;
	align-items: center;
	justify-content: flex-start;
	padding: .5rem;
}
.notes .butns {
	display:flex;
	flex-direction: row;
	flex-grow: 1;
	align-items: center;
	justify-content: space-around;
	padding: .5rem;
}
.notes .notes-body {
	padding-right: 1rem;
	padding-left: 1rem;
	font-size: 1.4rem;
	min-height: 700px!important;
}
.notes .notes-body-view {
	padding-right: 1rem;
	padding-left: 1rem;
	font-size: 1.4rem;
}
.notes h1 {
	font-size: 18px!important;
}
.notes h2 {
	font-size: 16px!important;
}
.notes h3 {
	font-size: 15px!important;
}
.notes p {
	padding-left: 1rem;
	padding-right: 1rem;
	line-height: 150%;
}
.notes li {
	margin-bottom: 1rem;
}
.snippet {
	font-family: 'Monospace'!important;
}
/* DOCS */
.document {
	line-height: 180%!important;
}
.document li {
	font-size: 1.25rem!important;
	line-height: 2rem;
}
.document h1 {
	font-size: 20px!important;
}
.document h2 {
	font-size: 18px!important;
}
.document h3 {
	font-size: 17px!important;
}
.document p {
	font-size: 1.25rem!important;
	padding-left: 1rem!important;
	padding-right: 1rem!important;
	line-height: 180%!important;
}
.document .title {
	display:flex;
	flex-direction: row;
	flex-grow: 22;
	align-items: center;
	font-weight: bold!important;
	font-size: 1.6rem!important;
	padding: .5rem!important;
}
.chapter-list {
	padding-top: .5rem;
	padding-right: .5rem;
	padding-bottom: 2rem;
	border-right: 1px solid lightgray;
}
.chapter-title {
	font-family: 'OpenSansCondensedLight';
	padding-left: .5rem;
	padding-top: .25rem;
	padding-bottom: .25rem;
	margin-bottom: .1rem;
}
.chapter-list a {
	color: black!important;
}
.chapter-list a:hover {
	color: black!important;
}
.chapter-title:hover {
	background-color:azure;
}
.title-list-bg {
	color: white!important;
	background-color: darkblue!important;
}
/* DOCS */
/* NOTES -----------------------------------------------------*/
/* HEADER -----------------------------------------------------*/
.header-fg {
	color: #293CAB;
}
.header-bg {
	background-color:#6FBECB;
}
.header-db-bg {
	background-color:#28AFC5;
}
.header-format {
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.header-logo {
	display: flex;
	flex-direction: column;
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding-left: 18rem;
    font-family: 'OpenSansCondensedBold';
	color: white;
	background-image:url("../img/template/nws-logo-trans-list-admin.png");
	background-position: 0 center;
	background-repeat: no-repeat;
	font-size: 2.5rem;
	font-weight: bold;
}
.header-logo-db {
	display: flex;
	flex-direction: column;
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding-left: 18rem;
    font-family: 'OpenSansCondensedBold';
	color: white;
	background-image:url("../img/template/nws-logo-trans-list-admin.png");
	background-position: 0 center;
	background-repeat: no-repeat;
	font-size: 2.5rem;
	font-weight: bold;
}
.header-text {
	display: flex;
	align-items:center;
}
.header-buttons {
	display: flex;
	flex-direction: row;
    font-family: 'OpenSansRegular';
	font-weight: normal;
	padding: 0;
}
.message {
	display: flex;
	flex-grow: 9;
	align-items:center;
	justify-content: flex-start;
	font-size: 1.5rem;
	font-weight: normal;
/*	background-color: red;*/
}
.buttons {
	display: flex;
	flex-grow: 1;
	align-items:center;
	justify-content: flex-end;
/*	background-color: green;*/
}
.buton-header {
	color:white;
	background-color: transparent;
	border: 1;
	border-color: white!important;
}
.buton-header:hover {
	color: #293CAB;
	background-color: white!important;
}
.buton-header:active {
	color: #293CAB;
	background-color: white!important;
	color: white!important;
}
.buton-header:visited {
	color: #293CAB;
	background-color: white!important;
	color: white!important;
}
.buton-header-solid {
	color:white;
	background-color: transparent;
	border: 1;
	border-color: white!important;
}
.buton-header-solid:hover {
	color: #293CAB;
	background-color: white;
}
.tomax-logo {
    font-family: 'OpenSansCondensedBold';
	color: white;
	height: 80px;
	padding-left: 190px;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background-color: #293CAB;
	background-image:url("../img/template/tomax-logo-trans.png");
	background-position: 15px center;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: row;
	justify-content:flex-start;
	align-items:center;
	font-size: 2.5rem;
	font-weight: bold;
	text-transform: capitalize;
}
.tomax-logo-admin {
	display: flex;
    font-family: 'OpenSansCondensedBold';
	height: 80px;
	padding-left: 190px;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background-color:#293CAB;
	background-image:url("../img/template/tomax-logo-trans-admin.png");
	background-position: 15px center;
	background-repeat: no-repeat;
	flex-direction: row;
	justify-content: flex-start;
	align-items:center;
	color: white;
	font-size: 2.5rem;
	font-weight: bold;
	text-transform: capitalize;
}
/* HEADER -----------------------------------------------------*/
/* page styles ---------------------------------*/
.text-norm {
    font-family: 'OpenSansRegular'!important;
	font-weight: normal!important;
}
.text-bold {
	font-weight: bold!important;
}
.search-date-time {
    font-family: 'OpenSansRegular'!important;
	font-weight: normal!important;
	color: blue!important;
	font-size: 1.2rem!important;
	margin-left: 3rem!important;
}
.container-home-page h3 {
	padding-left: .5rem;
	padding-top: .5rem;
}
.container-home-page table {
	margin-bottom: 3rem;
}
.container-home-page table td {
	background-color: white;
}
.container-bottom-spcr {
	margin-bottom: 1rem;
}
.home-first-aiders {
	background-color: cornsilk;
}
.home-ooh {
	background-color:honeydew;
}
.home-keys {
	background-color:ivory;
}
.home-visitor-log {
	background-color:aliceblue;
}
.admin-top-space {
	padding-top: 1rem;
}
.admin-table {
	
}
.admin-table .radio-span input {
	margin-left: 1rem;
}
.admin-table .radio-span label {
	margin-left: 1rem;
}
.admin-table th {
	text-align: right;
	padding-top: 2rem;
}
.admin-table select {
	background-color:aliceblue;
}
.row-page-header {
	margin-bottom: 1rem;
}
.logo-heeader {
	margin-bottom: .5rem;
	height: 30px;
}
.logo-page-heeader {
	height: 30px;
}
/*------ BUTONS ----------------------------------*/
/*------ SPECIALISED ----------------------------------*/
.buton-threads {
    font-family: 'OpenSansRegular';
	color:white!important;
	background-color:#337ab7!important;
}
.buton-tomax {
    font-family: 'OpenSansRegular';
	color:white!important;
	background-color:#293CAB!important;
}
.buton-tomax:hover {
	color:lightgray!important;
}
.buton-threads:hover {
	color:lightgray!important;
}
.buton-notes {
    font-family: 'OpenSansRegular';
	color:white!important;
	background-color:darkgreen!important;
}
.buton-notes:hover {
	color:lightgray!important;
}
/*------ SPECIALISED ----------------------------------*/
.buton-width {
	width: 35px!important;
}
.buton-active {
    font-family: 'OpenSansRegular';
	color:black;
	background-color: white;
}
.buton-active {
	position: relative;
	z-index: 1;
}
.buton-active::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.05);
	z-index: -1;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 125ms ease-in;
}
.buton-active:hover::after {
	transform: scaleX(1);
	transform-origin: center;
}
.buton-active {
    font-family: 'OpenSansRegular';
	color:black!important;
	background-color: white;
}
.buton-inactive {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:lightgray;
}
.buton-inactive:hover {
	color:white!important;
}
.buton-orange {
    font-family: 'OpenSansRegular';
	color:white;
	background-color: darkorange;
}
.buton-orange:hover {
	color:lightgray!important;
}
.buton-blue {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:cornflowerblue;
}
.buton-blue:hover {
	color:lightgray!important;
}
.buton-darkblue {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:#337ab7;
}
.buton-darkblue:hover {
	color:lightgray!important;
}
.buton-green {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:mediumseagreen;
}
.buton-green:hover {
	color:lightgray!important;
}
.buton-red {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:#d9534f;
}
.buton-red:hover {
	color:lightgray!important;
}
.buton-purple {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:blueviolet;
}
.buton-purple:hover {
	color:lightgray!important;
}
.buton-indianred {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:indianred;
}
.buton-indianred:hover {
	color:lightgray!important;
}
.buton-cadetblue {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:cadetblue ;
}
.buton-cadetblue:hover {
	color:lightgray!important;
}
.buton-goldenrod {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:goldenrod ;
}
.buton-goldenrod:hover {
	color:lightgray!important;
}
.buton-peru {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:peru ;
}
.buton-peru:hover {
	color:lightgray!important;
}
.buton-darkorange {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:darkorange ;
}
.buton-darkorange:hover {
	color:lightgray!important;
}
.buton-darkgreen {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:darkgreen ;
}
.buton-darkgreen:hover {
	color:lightgray!important;
}
.buton-darkcyan {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:darkcyan;
}
.buton-darkcyan:hover {
	color:lightgray!important;
}
.buton-darkkhaki {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:darkkhaki;
}
.buton-darkkhaki:hover {
	color:lightgray!important;
}
.buton-gray {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:gray;
}
.buton-gray:hover {
	color:white!important;
}
.buton-lightgray {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:lightgray;
}
.buton-lightgray:hover {
	color:white!important;
}
.buton-darkslateblue {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:darkslateblue;
}
.buton-darkslateblue:hover {
	color:lightgray!important;
}

/*------- TOMAX BTNS --------------*/
.btn-xxs,
.btn-group-xs > .btn {
	padding: 2px;
	font-size: 1rem;
	line-height: 1;
	border-radius: 2px;
	text-transform: uppercase;
}
.btn-xxxs,
.btn-group-xs > .btn {
	padding: 1px 1px;
	font-size: 1rem;
	line-height: 1;
	border-radius: 2px;
	text-transform: uppercase;
}
/* --- BTN FULL ---*/
.btn-full-td {
    padding: 0!important;
}
.btn-full-td: hover {
    box-shadow: 0!important;
}
.btn-full-center {
	width: 100%!important;
	padding-top: 6px!important;
	padding-bottom: 6px!important;
	border: 0!important;
	margin: 0!important;
	border-radius: 0!important;
}
.btn-full {
	width: 100%!important;
	text-align: left!important;
	padding-right: 1rem!important;
	padding-top: 6px!important;
	padding-bottom: 6px!important;
	border: 0!important;
	margin: 0!important;
	border-radius: 0!important;
}
.btn-full-right {
	width: 100%!important;
	text-align: right!important;
	padding-right: 1rem!important;
	padding-top: 6px!important;
	padding-bottom: 6px!important;
	border: 0!important;
	margin: 0!important;
	border-radius: 0!important;
}
.btn-full-radio {
	width: 100%!important;
	height: 26px!important;
	text-align: right!important;
	border-color: transparent!important;
	border: 0!important;
	margin: 0!important;
	border-radius: 0!important;
	background-color: aqua!important;
}
.radio-full {
	width: 20px!important;
	height: 20px!important;
	margin-top: 0!important;
	margin-left: 10px;
}
.btn-full-year {
	padding: 0;
	width: 48px;
	padding-right: .5rem;
}
.btn-full-month {
	width: 100%;
}
.btn-year-td {
    padding: 0!important;
	margin-top: 1px!important;
	width: 48px!important;
}
.btn-full-blue {
	width: 100%!important;
	text-align: left!important;
	padding-right: 1rem!important;
	padding-top: 6px!important;
	padding-bottom: 5px!important;
	border: 0!important;
	margin: 0!important;
	border-color: cornflowerblue!important;
	border-radius: 0!important;
}
.btn-full-td-blue {
    padding: 0!important;
	margin-top: 1px!important;
	border-color: cornflowerblue!important;
	border-radius: 0!important;
}
.btn-full-td-peru {
    padding: 0!important;
	margin-top: 1px!important;
	border-color: peru!important;
	border-radius: 0!important;
}
.btn-full-input {
	width: 100%!important;
	text-align: left!important;
	padding-right: 1rem!important;
	padding-top: 6px!important;
	padding-bottom: 5px!important;
	border: 0!important;
	margin: 0!important;
	border-color: cornflowerblue!important;
	border-radius: 0!important;
	padding-left: 15px!important;
}
/* --- BTN FULL ---*/
.btn-sqr {
	border-radius: 0!important;
}
.btn-icon {
	width: 35px!important;
}
/* --- BTN FULL ---*/
.btn-coral {
	color:white;
	background-color:coral;
}
.btn-coral:hover {
	color:white;
	background-color:coral;
}
.btn-orange {
	color:white;
	background-color:darkorange;
}
.btn-orange:hover {
	color:white;
	background-color:darkorange;
}
.btn-cornflowerblue {
	color:white;
	background-color:cornflowerblue;
}
.btn-cornflowerblue:hover {
	color:white;
	background-color:cornflowerblue;
}
.btn-yellow {
	color:white;
	background-color:gold;
}
.btn-yellow:hover {
	color:white;
	background-color:gold;
}
/* ---- BUTONS  ----- */
.buton {
	color:black;
	background-color: #FFFFFF;
	text-transform: uppercase;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	border-width: 0;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-right: 1.5em;
	padding-left: 1.5em;
}
.buton:hover {
	color:black;
	background-color:#E8E8E8;
}
.buton-transparent {
	color:white;
	background-color: transparent;
	border: 1;
	border-color: white!important;
}
.buton-transparent:hover {
	color:lightgray;
	background-color: transparent;
}
.buton-submit {
	cursor:pointer;
}
.buton-s {
	font-size: 0.7em;
	color:black;
	background-color: #FFFFFF;
	text-transform: uppercase;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	border-width: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 1.5em;
	padding-left: 1.5em;
}
.buton-thin {
	font-size: 1.1rem!important;
	padding-top: 0.2rem!important;
	padding-bottom: 0.2rem!important;
}
.buton-l {
	font-size: 1.1em;
	color:black;
	background-color: #FFFFFF;
	text-transform: uppercase;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	border-width: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 1.5em;
	padding-left: 1.5em;
}
.buton-norm {
    font-family: 'OpenSansRegular'!important;
	font-weight: normal!important;
}
.buton-s:hover {
	color:black;
}
.buton-100 {
	width: 90%;
	margin: auto;
}
.buton-110 {
	width: 100%;
	margin: auto;
}
.buton-bold {
	font-family: OpenSansBold;
}
.buton-lcase {
	text-transform: none;
}
.buton-bottom-spcr {
	margin-bottom: 1.5em;
}
.buton-center {
	margin-left: auto;
	margin-right: auto;
}
.buton-left-spcr {
	margin-left: 1em;
}
.buton-contact-spcr {
	margin-top: 2em;
	margin-bottom: 2em;
}
.buton-danger {
    font-family: 'OpenSansRegular';
	color:white;
	font-weight: bold;
	background-color:red;
}
.buton-danger:hover {
	color:white;
}
.buton-yellow {
    font-family: 'OpenSansRegular';
	color:slategrey;
	background-color:#FCC400;
}
.buton-yellow:hover {
	color:slategrey;
}
.buton-slategrey {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:#708090;
}
.buton-slategrey:hover {
	color:white;
	background-color:#62707E;
}
.buton-limegreen {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:rgba(213,233,0,1.00);
}
.buton-limegreen:hover {
	color:white;
}
.buton-grey {
    font-family: 'OpenSansRegular';
	color:white;
	background-color:darkgray;
}
.buton-grey:hover {
	color:white;
}
.buton-lgrey {
    font-family: 'OpenSansRegular';
	color:dimgrey;
	background-color:#d3d3d3;
}
.buton-lgrey:hover {
	color:white;
	background-color:#B8B8B8;
}
.buton-gold {
    font-family: 'OpenSansRegular';
	color:slategrey;
	background-color:#ffd700;
}
.buton-gold:hover {
	color:slategrey;
	background-color:#E8C400;
}
.btn {
	position: relative;
	z-index: 1;
	border
}
.btn::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.15);
	z-index: -1;
	transform: scaleX(0);
	transform-origin: center;
/*	transform-origin: right;*/
	transition: transform 125ms ease-in;
}
.btn:hover::after {
	transform: scaleX(1);
	transform-origin: ce ter;
/*	transform-origin: left;*/
}
.buton-white {
    font-family: 'OpenSansRegular';
	color:black;
	background-color: white;
}
.buton-white {
	position: relative;
	z-index: 1;
}
.buton-white::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.05);
	z-index: -1;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 125ms ease-in;
}
.buton-white:hover::after {
	transform: scaleX(1);
	transform-origin: center;
}
.buton-part-width {
	width: 200px;
} 
/*------- HOME PAGE --------------*/
.shipping-uk {padding-top: 0;
	background-color: #F1F0F0;
	margin-bottom: 3rem;
}
.shipping-us {
	background-color:#EAEBFC;
	margin-bottom: 3rem;
}
.monospace {
	font-family: "Lucida Console", Monaco, monospace;
}

/* My Btn ------------------------------------------------------*/
#myBtn {
	text-align: center;
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 50%; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: grey; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 10px; /* Some padding */
    border-radius: 6px; /* Rounded corners */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
} 

/* TABLES*/
.td-overflow {
	 max-width: 100px;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
}
.td-overflow-80 {
	 max-width: 80px;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
}
.btn-grp-span {
	margin-right: 1.5rem!important;
}
.btn-grp-left {
	margin-right: 0!important;
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important;
}
.btn-grp-right {
	margin-left: 0!important;
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
}
.small-table {

}
.small-table td {
	font-size: 1.1rem;
	padding: 3px!important;
}
.tr-color-red {
	color: red!important;
}
.tr-bg-red {
	background-color: red!important;
}
/* TR PC00*/
.table > thead > tr > td.tr-pc00,
.table > tbody > tr > td.tr-pc00,
.table > tfoot > tr > td.tr-pc00,
.table > thead > tr > th.tr-pc00,
.table > tbody > tr > th.tr-pc00,
.table > tfoot > tr > th.tr-pc00,
.table > thead > tr.tr-pc00 > td,
.table > tbody > tr.tr-pc00 > td,
.table > tfoot > tr.tr-pc00 > td,
.table > thead > tr.tr-pc00 > th,
.table > tbody > tr.tr-pc00 > th,
.table > tfoot > tr.tr-pc00 > th,
.table > tfoot > tr.tr-pc00 > th {
  background-color:rgba(245,255,250,1.00);
}
.table-hover > tbody > tr > td.tr-pc00:hover,
.table-hover > tbody > tr > th.tr-pc00:hover,
.table-hover > tbody > tr.tr-pc00:hover > td,
.table-hover > tbody > tr:hover > .tr-pc00,
.table-hover > tbody > tr.tr-pc00:hover > th {
  background-color:rgba(207,255,231,.4);
}
.tr-pc00-bg {
	background-color:rgba(245,255,250,1.00)!important;
}
/* TR PC65*/
.table > thead > tr > td.tr-pc65,
.table > tbody > tr > td.tr-pc65,
.table > tfoot > tr > td.tr-pc65,
.table > thead > tr > th.tr-pc65,
.table > tbody > tr > th.tr-pc65,
.table > tfoot > tr > th.tr-pc65,
.table > thead > tr.tr-pc65 > td,
.table > tbody > tr.tr-pc65 > td,
.table > tfoot > tr.tr-pc65 > td,
.table > thead > tr.tr-pc65 > th,
.table > tbody > tr.tr-pc65 > th,
.table > tfoot > tr.tr-pc65 > th {
  background-color:rgba(234,254,255,1.00);
}
.table-hover > tbody > tr > td.tr-pc65:hover,
.table-hover > tbody > tr > th.tr-pc65:hover,
.table-hover > tbody > tr.tr-pc65:hover > td,
.table-hover > tbody > tr:hover > .tr-pc65,
.table-hover > tbody > tr.tr-pc65:hover > th {
  background-color:rgba(207,252,255,.6);
}
.tr-pc65-bg {
	background-color:rgba(234,254,255,1.00)!important;
}
/* TR PC65*/
/* TR PC85*/
.table > thead > tr > td.tr-pc85,
.table > tbody > tr > td.tr-pc85,
.table > tfoot > tr > td.tr-pc85,
.table > thead > tr > th.tr-pc85,
.table > tbody > tr > th.tr-pc85,
.table > tfoot > tr > th.tr-pc85,
.table > thead > tr.tr-pc85 > td,
.table > tbody > tr.tr-pc85 > td,
.table > tfoot > tr.tr-pc85 > td,
.table > thead > tr.tr-pc85 > th,
.table > tbody > tr.tr-pc85 > th,
.table > tfoot > tr.tr-pc85 > th {
  background-color:rgba(243,248,254,1.00);
}
.table-hover > tbody > tr > td.tr-pc85:hover,
.table-hover > tbody > tr > th.tr-pc85:hover,
.table-hover > tbody > tr.tr-pc85:hover > td,
.table-hover > tbody > tr:hover > .tr-pc85,
.table-hover > tbody > tr.tr-pc85:hover > th {
  background-color:rgba(208,227,251,.4);
}
.tr-pc85-bg {
	background-color:rgba(243,248,254,1.00)!important;
}

.table > thead > tr > td.tr-pc90,
.table > tbody > tr > td.tr-pc90,
.table > tfoot > tr > td.tr-pc90,
.table > thead > tr > th.tr-pc90,
.table > tbody > tr > th.tr-pc90,
.table > tfoot > tr > th.tr-pc90,
.table > thead > tr.tr-pc90 > td,
.table > tbody > tr.tr-pc90 > td,
.table > tfoot > tr.tr-pc90 > td,
.table > thead > tr.tr-pc90 > th,
.table > tbody > tr.tr-pc90 > th,
.table > tfoot > tr.tr-pc90 > th {
  background-color:rgba(247,242,255,1.00);
}
.table-hover > tbody > tr > td.tr-pc90:hover,
.table-hover > tbody > tr > th.tr-pc90:hover,
.table-hover > tbody > tr.tr-pc90:hover > td,
.table-hover > tbody > tr:hover > .tr-pc90,
.table-hover > tbody > tr.tr-pc90:hover > th {
  background-color:rgba(231,214,255,0.40);
}
.tr-pc90-bg {
	background-color:rgba(247,242,255,1.00)!important;
}

/* TABLES GENERAL */
.table > thead > tr > td.tr-pink,
.table > tbody > tr > td.tr-pink,
.table > tfoot > tr > td.tr-pink,
.table > thead > tr > th.tr-pink,
.table > tbody > tr > th.tr-pink,
.table > tfoot > tr > th.tr-pink,
.table > thead > tr.tr-pink > td,
.table > tbody > tr.tr-pink > td,
.table > tfoot > tr.tr-pink > td,
.table > thead > tr.tr-pink > th,
.table > tbody > tr.tr-pink > th,
.table > tfoot > tr.tr-pink > th {
  background-color:rgba(255,248,244,1.00);
}
.table-hover > tbody > tr > td.tr-pink:hover,
.table-hover > tbody > tr > th.tr-pink:hover,
.table-hover > tbody > tr.tr-pink:hover > td,
.table-hover > tbody > tr:hover > .tr-pink,
.table-hover > tbody > tr.tr-pink:hover > th {
  background-color:rgba(255,226,210,.5);
}

.table > thead > tr > td.tr-pink-dark,
.table > tbody > tr > td.tr-pink-dark,
.table > tfoot > tr > td.tr-pink-dark,
.table > thead > tr > th.tr-pink-dark,
.table > tbody > tr > th.tr-pink-dark,
.table > tfoot > tr > th.tr-pink-dark,
.table > thead > tr.tr-pink-dark > td,
.table > tbody > tr.tr-pink-dark > td,
.table > tfoot > tr.tr-pink-dark > td,
.table > thead > tr.tr-pink-dark > th,
.table > tbody > tr.tr-pink-dark > th,
.table > tfoot > tr.tr-pink-dark > th {
  background-color:rgba(255,206,178,1.00);
}
.table-hover > tbody > tr > td.tr-pink-dark:hover,
.table-hover > tbody > tr > th.tr-pink-dark:hover,
.table-hover > tbody > tr.tr-pink-dark:hover > td,
.table-hover > tbody > tr:hover > .tr-pink-dark,
.table-hover > tbody > tr.tr-pink-dark:hover > th {
  background-color:rgba(255,164,112,0.50);
}


.table > thead > tr > td.tr-green,
.table > tbody > tr > td.tr-green,
.table > tfoot > tr > td.tr-green,
.table > thead > tr > th.tr-green,
.table > tbody > tr > th.tr-green,
.table > tfoot > tr > th.tr-green,
.table > thead > tr.tr-green > td,
.table > tbody > tr.tr-green > td,
.table > tfoot > tr.tr-green > td,
.table > thead > tr.tr-green > th,
.table > tbody > tr.tr-green > th,
.table > tfoot > tr.tr-green > th {
  background-color:rgba(242,255,242,1.00);
}
.table-hover > tbody > tr > td.tr-green:hover,
.table-hover > tbody > tr > th.tr-green:hover,
.table-hover > tbody > tr.tr-green:hover > td,
.table-hover > tbody > tr:hover > .tr-green,
.table-hover > tbody > tr.tr-green:hover > th {
  background-color:rgba(199,255,199,.5);
}

.table > thead > tr > td.tr-white,
.table > tbody > tr > td.tr-white,
.table > tfoot > tr > td.tr-white,
.table > thead > tr > th.tr-white,
.table > tbody > tr > th.tr-white,
.table > tfoot > tr > th.tr-white,
.table > thead > tr.tr-white > td,
.table > tbody > tr.tr-white > td,
.table > tfoot > tr.tr-white > td,
.table > thead > tr.tr-white > th,
.table > tbody > tr.tr-white > th,
.table > tfoot > tr.tr-white > th {
  background-color:white;
}
.table-hover > tbody > tr > td.tr-white:hover,
.table-hover > tbody > tr > th.tr-white:hover,
.table-hover > tbody > tr.tr-white:hover > td,
.table-hover > tbody > tr:hover > .tr-white,
.table-hover > tbody > tr.tr-white:hover > th {
  background-color:rgba(255,255,255,.5);
}



.table > thead > tr > td.tr-blue,
.table > tbody > tr > td.tr-blue,
.table > tfoot > tr > td.tr-blue,
.table > thead > tr > th.tr-blue,
.table > tbody > tr > th.tr-blue,
.table > tfoot > tr > th.tr-blue,
.table > thead > tr.tr-blue > td,
.table > tbody > tr.tr-blue > td,
.table > tfoot > tr.tr-blue > td,
.table > thead > tr.tr-blue > th,
.table > tbody > tr.tr-blue > th,
.table > tfoot > tr.tr-blue > th {
  background-color:rgba(242,249,255,1.00);
}
.table-hover > tbody > tr > td.tr-blue:hover,
.table-hover > tbody > tr > th.tr-blue:hover,
.table-hover > tbody > tr.tr-blue:hover > td,
.table-hover > tbody > tr:hover > .tr-blue,
.table-hover > tbody > tr.tr-blue:hover > th {
  background-color:rgba(204,231,255,.5);
}


.table > thead > tr > td.tr-blue-dark,
.table > tbody > tr > td.tr-blue-dark,
.table > tfoot > tr > td.tr-blue-dark,
.table > thead > tr > th.tr-blue-dark,
.table > tbody > tr > th.tr-blue-dark,
.table > tfoot > tr > th.tr-blue-dark,
.table > thead > tr.tr-blue-dark > td,
.table > tbody > tr.tr-blue-dark > td,
.table > tfoot > tr.tr-blue-dark > td,
.table > thead > tr.tr-blue-dark > th,
.table > tbody > tr.tr-blue-dark > th,
.table > tfoot > tr.tr-blue-dark > th {
  background-color:rgba(221,238,255,1.00);
}
.table-hover > tbody > tr > td.tr-blue-dark:hover,
.table-hover > tbody > tr > th.tr-blue-dark:hover,
.table-hover > tbody > tr.tr-blue-dark:hover > td,
.table-hover > tbody > tr:hover > .tr-blue-dark,
.table-hover > tbody > tr.tr-blue-dark:hover > th {
  background-color:rgba(181,218,255,0.50);
}


.table > thead > tr > td.tr-yellow,
.table > tbody > tr > td.tr-yellow,
.table > tfoot > tr > td.tr-yellow,
.table > thead > tr > th.tr-yellow,
.table > tbody > tr > th.tr-yellow,
.table > tfoot > tr > th.tr-yellow,
.table > thead > tr.tr-yellow > td,
.table > tbody > tr.tr-yellow > td,
.table > tfoot > tr.tr-yellow > td,
.table > thead > tr.tr-yellow > th,
.table > tbody > tr.tr-yellow > th,
.table > tfoot > tr.tr-yellow > th {
  background-color:rgba(255,255,236,1.00);
}
.table-hover > tbody > tr > td.tr-yellow:hover,
.table-hover > tbody > tr > th.tr-yellow:hover,
.table-hover > tbody > tr.tr-yellow:hover > td,
.table-hover > tbody > tr:hover > .tr-yellow,
.table-hover > tbody > tr.tr-yellow:hover > th {
  background-color:rgba(255,255,178,.5);
}




.table > thead > tr > td.tr-highlight-blue,
.table > tbody > tr > td.tr-highlight-blue,
.table > tfoot > tr > td.tr-highlight-blue,
.table > thead > tr > th.tr-highlight-blue,
.table > tbody > tr > th.tr-highlight-blue,
.table > tfoot > tr > th.tr-highlight-blue,
.table > thead > tr.tr-highlight-blue > td,
.table > tbody > tr.tr-highlight-blue > td,
.table > tfoot > tr.tr-highlight-blue > td,
.table > thead > tr.tr-highlight-blue > th,
.table > tbody > tr.tr-highlight-blue > th,
.table > tfoot > tr.tr-highlight-blue > th {
  color:blue;
}
.table-hover > tbody > tr > td.tr-highlight-blue:hover,
.table-hover > tbody > tr > th.tr-highlight-blue:hover,
.table-hover > tbody > tr.tr-highlight-blue:hover > td,
.table-hover > tbody > tr:hover > .tr-highlight-blue,
.table-hover > tbody > tr.tr-highlight-blue:hover > th {
  color:blue;
}

.tbl {
	margin-left: 1.5rem;
	margin-bottom: 4rem;
	border: 1px solid lightgrey;
	padding: 6px!important;
}
.thcell {
	width: 230px!important;
	text-align: left!important;
	padding: 6px!important;
	vertical-align:text-top!important;
	text-align: right!important;
	border: 1px solid lightgrey!important;
}
.tdcell {
	min-width: 300px!important;
	border: 1px solid lightgrey!important;
	padding: 6px!important;
}