/*
// ALTERNATIVE GRID BREAKPOINT
@media-xxs: 576px;		// xxs < 576px
@media-xs: 	768px;		// xs < 768px
@media-sm: 	991px;		// sm < 991px
@media-md: 	1200px;		// md < 1200px
@media-lg: 	1400px;		// lg < 1400px
						// xl >= 1400px

// BASIC GRID BREAKPOINT (BOOTSTRAP 3 INSPIRED)
@media-xs: 768px;
@media-sm: 991px;
@media-md: 1200px;
*/
.btn {
  padding-left:  15px ;
  padding-right:  15px ;
  padding-top:  8px ;
  padding-bottom:  8px ;
  cursor: pointer;
  background-color: #efefef;
  border-color: #efefef;
  color: #3b3b3b;
  border-style: solid;
  border-width:  1px ;
  border-radius:  4px ;
  transition: all 200ms ease;
}
.btn:hover,
.btn:focus {
  background-color: #d6d6d6;
  border-color: #d6d6d6;
}
.btn-no-shadow:hover,
.btn-no-shadow:focus {
  box-shadow: 1px 1px 20px -15px #000000 inset;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-xs {
  padding-left:  5px ;
  padding-right:  5px ;
  padding-top:  1px ;
  padding-bottom:  1px ;
}
.btn-sm {
  padding-left:  10px ;
  padding-right:  10px ;
  padding-top:  5px ;
  padding-bottom:  5px ;
}
.btn-lg {
  padding-left:  30px ;
  padding-right:  30px ;
  padding-top:  15px ;
  padding-bottom:  15px ;
}
.btn-primary {
  background-color: #2a3f54;
  border-color: #2a3f54;
  color: #efefef;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #192532;
  border-color: #192532;
}
.btn-info {
  background-color: #5bc0de;
  border-color: #5bc0de;
  color: #efefef;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #31b0d5;
  border-color: #31b0d5;
}
.btn-success {
  background-color: #26b99a;
  border-color: #26b99a;
  color: #efefef;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #1d8f77;
  border-color: #1d8f77;
}
.btn-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
  color: #efefef;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #ec971f;
  border-color: #ec971f;
}
.btn-danger {
  background-color: #d9534f;
  border-color: #d9534f;
  color: #efefef;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #c9302c;
  border-color: #c9302c;
}
.btn-light {
  background-color: #efefef;
  border-color: #efefef;
  color: #3b3b3b;
}
.btn-light:hover,
.btn-light:focus {
  background-color: #d6d6d6;
  border-color: #d6d6d6;
}
.btn-white {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #3b3b3b;
}
.btn-white:hover,
.btn-white:focus {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}
.btn-dark {
  background-color: #3b3b3b;
  border-color: #3b3b3b;
  color: #efefef;
}
.btn-dark:hover,
.btn-dark:focus {
  background-color: #222222;
  border-color: #222222;
}
.btn-black {
  background-color: #000000;
  border-color: #000000;
  color: #efefef;
}
.btn-black:hover,
.btn-black:focus {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
}
.btn-transparent {
  background-color: transparent;
  border-color: transparent;
  color: #3b3b3b;
}
.btn-transparent:hover,
.btn-transparent:focus {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
.btn-link {
  background-color: transparent;
  border-color: transparent;
  color: #5bc0de;
  color: #337ab7;
  color: #5A738E;
}
.btn-link:hover,
.btn-link:focus {
  background-color: transparent;
  border-color: transparent;
  color: #31b0d5;
  color: #23527c;
  color: #73879c;
  color: #5b6e81;
  text-decoration: underline;
}
.bg-white-lighter,
.bg-white-lighter\:h:hover,
.bg-white-lighter\:f:focus {
  background-color: #ffffff;
}
.bg-white,
.bg-white\:h:hover,
.bg-white\:f:focus {
  background-color: #ffffff;
}
.bg-white-darker,
.bg-white-darker\:h:hover,
.bg-white-darker\:f:focus {
  background-color: #e6e6e6;
}
.bg-light-lighter,
.bg-light-lighter\:h:hover,
.bg-light-lighter\:f:focus {
  background-color: #ffffff;
}
.bg-light,
.bg-light\:h:hover,
.bg-light\:f:focus {
  background-color: #efefef;
}
.bg-light-darker,
.bg-light-darker\:h:hover,
.bg-light-darker\:f:focus {
  background-color: #d6d6d6;
}
.bg-dark-lighter,
.bg-dark-lighter\:h:hover,
.bg-dark-lighter\:f:focus {
  background-color: #555555;
}
.bg-dark,
.bg-dark\:h:hover,
.bg-dark\:f:focus {
  background-color: #3b3b3b;
}
.bg-dark-darker,
.bg-dark-darker\:h:hover,
.bg-dark-darker\:f:focus {
  background-color: #222222;
}
.bg-black-lighter,
.bg-black-lighter\:h:hover,
.bg-black-lighter\:f:focus {
  background-color: #1a1a1a;
}
.bg-black,
.bg-black\:h:hover,
.bg-black\:f:focus {
  background-color: #000000;
}
.bg-black-darker,
.bg-black-darker\:h:hover,
.bg-black-darker\:f:focus {
  background-color: #000000;
}
.bg-primary-lighter,
.bg-primary-lighter\:h:hover,
.bg-primary-lighter\:f:focus {
  background-color: #3b5876;
}
.bg-primary,
.bg-primary\:h:hover,
.bg-primary\:f:focus {
  background-color: #2a3f54;
}
.bg-primary-darker,
.bg-primary-darker\:h:hover,
.bg-primary-darker\:f:focus {
  background-color: #192532;
}
.bg-primary-light-lighter,
.bg-primary-light-lighter\:h:hover,
.bg-primary-light-lighter\:f:focus {
  background-color: #91a1b1;
}
.bg-primary-light,
.bg-primary-light\:h:hover,
.bg-primary-light\:f:focus {
  background-color: #73879c;
}
.bg-primary-light-darker,
.bg-primary-light-darker\:h:hover,
.bg-primary-light-darker\:f:focus {
  background-color: #5b6e81;
}
.bg-primary-dark-lighter,
.bg-primary-dark-lighter\:h:hover,
.bg-primary-dark-lighter\:f:focus {
  background-color: #2f4674;
}
.bg-primary-dark,
.bg-primary-dark\:h:hover,
.bg-primary-dark\:f:focus {
  background-color: #203050;
}
.bg-primary-dark-darker,
.bg-primary-dark-darker\:h:hover,
.bg-primary-dark-darker\:f:focus {
  background-color: #111a2c;
}
.bg-info-lighter,
.bg-info-lighter\:h:hover,
.bg-info-lighter\:f:focus {
  background-color: #85d0e7;
}
.bg-info,
.bg-info\:h:hover,
.bg-info\:f:focus {
  background-color: #5bc0de;
}
.bg-info-darker,
.bg-info-darker\:h:hover,
.bg-info-darker\:f:focus {
  background-color: #31b0d5;
}
.bg-success-lighter,
.bg-success-lighter\:h:hover,
.bg-success-lighter\:f:focus {
  background-color: #3bd7b6;
}
.bg-success,
.bg-success\:h:hover,
.bg-success\:f:focus {
  background-color: #26b99a;
}
.bg-success-darker,
.bg-success-darker\:h:hover,
.bg-success-darker\:f:focus {
  background-color: #1d8f77;
}
.bg-warning-lighter,
.bg-warning-lighter\:h:hover,
.bg-warning-lighter\:f:focus {
  background-color: #f4c37d;
}
.bg-warning,
.bg-warning\:h:hover,
.bg-warning\:f:focus {
  background-color: #f0ad4e;
}
.bg-warning-darker,
.bg-warning-darker\:h:hover,
.bg-warning-darker\:f:focus {
  background-color: #ec971f;
}
.bg-danger-lighter,
.bg-danger-lighter\:h:hover,
.bg-danger-lighter\:f:focus {
  background-color: #e27c79;
}
.bg-danger,
.bg-danger\:h:hover,
.bg-danger\:f:focus {
  background-color: #d9534f;
}
.bg-danger-darker,
.bg-danger-darker\:h:hover,
.bg-danger-darker\:f:focus {
  background-color: #c9302c;
}
.bg-transparent-lighter,
.bg-transparent-lighter\:h:hover,
.bg-transparent-lighter\:f:focus {
  background-color: rgba(26, 26, 26, 0);
}
.bg-transparent,
.bg-transparent\:h:hover,
.bg-transparent\:f:focus {
  background-color: transparent;
}
.bg-transparent-darker,
.bg-transparent-darker\:h:hover,
.bg-transparent-darker\:f:focus {
  background-color: rgba(0, 0, 0, 0);
}
.text-white-lighter,
.text-white-lighter\:h:hover,
.text-white-lighter\:f:focus {
  color: #ffffff;
}
.text-white,
.text-white\:h:hover,
.text-white\:f:focus {
  color: #ffffff;
}
.text-white-darker,
.text-white-darker\:h:hover,
.text-white-darker\:f:focus {
  color: #e6e6e6;
}
.text-light-lighter,
.text-light-lighter\:h:hover,
.text-light-lighter\:f:focus {
  color: #ffffff;
}
.text-light,
.text-light\:h:hover,
.text-light\:f:focus {
  color: #efefef;
}
.text-light-darker,
.text-light-darker\:h:hover,
.text-light-darker\:f:focus {
  color: #d6d6d6;
}
.text-dark-lighter,
.text-dark-lighter\:h:hover,
.text-dark-lighter\:f:focus {
  color: #555555;
}
.text-dark,
.text-dark\:h:hover,
.text-dark\:f:focus {
  color: #3b3b3b;
}
.text-dark-darker,
.text-dark-darker\:h:hover,
.text-dark-darker\:f:focus {
  color: #222222;
}
.text-black-lighter,
.text-black-lighter\:h:hover,
.text-black-lighter\:f:focus {
  color: #1a1a1a;
}
.text-black,
.text-black\:h:hover,
.text-black\:f:focus {
  color: #000000;
}
.text-black-darker,
.text-black-darker\:h:hover,
.text-black-darker\:f:focus {
  color: #000000;
}
.text-primary-lighter,
.text-primary-lighter\:h:hover,
.text-primary-lighter\:f:focus {
  color: #3b5876;
}
.text-primary,
.text-primary\:h:hover,
.text-primary\:f:focus {
  color: #2a3f54;
}
.text-primary-darker,
.text-primary-darker\:h:hover,
.text-primary-darker\:f:focus {
  color: #192532;
}
.text-primary-light-lighter,
.text-primary-light-lighter\:h:hover,
.text-primary-light-lighter\:f:focus {
  color: #91a1b1;
}
.text-primary-light,
.text-primary-light\:h:hover,
.text-primary-light\:f:focus {
  color: #73879c;
}
.text-primary-light-darker,
.text-primary-light-darker\:h:hover,
.text-primary-light-darker\:f:focus {
  color: #5b6e81;
}
.text-primary-dark-lighter,
.text-primary-dark-lighter\:h:hover,
.text-primary-dark-lighter\:f:focus {
  color: #2f4674;
}
.text-primary-dark,
.text-primary-dark\:h:hover,
.text-primary-dark\:f:focus {
  color: #203050;
}
.text-primary-dark-darker,
.text-primary-dark-darker\:h:hover,
.text-primary-dark-darker\:f:focus {
  color: #111a2c;
}
.text-info-lighter,
.text-info-lighter\:h:hover,
.text-info-lighter\:f:focus {
  color: #85d0e7;
}
.text-info,
.text-info\:h:hover,
.text-info\:f:focus {
  color: #5bc0de;
}
.text-info-darker,
.text-info-darker\:h:hover,
.text-info-darker\:f:focus {
  color: #31b0d5;
}
.text-success-lighter,
.text-success-lighter\:h:hover,
.text-success-lighter\:f:focus {
  color: #3bd7b6;
}
.text-success,
.text-success\:h:hover,
.text-success\:f:focus {
  color: #26b99a;
}
.text-success-darker,
.text-success-darker\:h:hover,
.text-success-darker\:f:focus {
  color: #1d8f77;
}
.text-warning-lighter,
.text-warning-lighter\:h:hover,
.text-warning-lighter\:f:focus {
  color: #f4c37d;
}
.text-warning,
.text-warning\:h:hover,
.text-warning\:f:focus {
  color: #f0ad4e;
}
.text-warning-darker,
.text-warning-darker\:h:hover,
.text-warning-darker\:f:focus {
  color: #ec971f;
}
.text-danger-lighter,
.text-danger-lighter\:h:hover,
.text-danger-lighter\:f:focus {
  color: #e27c79;
}
.text-danger,
.text-danger\:h:hover,
.text-danger\:f:focus {
  color: #d9534f;
}
.text-danger-darker,
.text-danger-darker\:h:hover,
.text-danger-darker\:f:focus {
  color: #c9302c;
}
.text-transparent-lighter,
.text-transparent-lighter\:h:hover,
.text-transparent-lighter\:f:focus {
  color: rgba(26, 26, 26, 0);
}
.text-transparent,
.text-transparent\:h:hover,
.text-transparent\:f:focus {
  color: transparent;
}
.text-transparent-darker,
.text-transparent-darker\:h:hover,
.text-transparent-darker\:f:focus {
  color: rgba(0, 0, 0, 0);
}
.border-white-lighter,
.border-white-lighter\:h:hover,
.border-white-lighter\:f:focus {
  border-color: #ffffff;
}
.border-white,
.border-white\:h:hover,
.border-white\:f:focus {
  border-color: #ffffff;
}
.border-white-darker,
.border-white-darker\:h:hover,
.border-white-darker\:f:focus {
  border-color: #e6e6e6;
}
.border-light-lighter,
.border-light-lighter\:h:hover,
.border-light-lighter\:f:focus {
  border-color: #ffffff;
}
.border-light,
.border-light\:h:hover,
.border-light\:f:focus {
  border-color: #efefef;
}
.border-light-darker,
.border-light-darker\:h:hover,
.border-light-darker\:f:focus {
  border-color: #d6d6d6;
}
.border-dark-lighter,
.border-dark-lighter\:h:hover,
.border-dark-lighter\:f:focus {
  border-color: #555555;
}
.border-dark,
.border-dark\:h:hover,
.border-dark\:f:focus {
  border-color: #3b3b3b;
}
.border-dark-darker,
.border-dark-darker\:h:hover,
.border-dark-darker\:f:focus {
  border-color: #222222;
}
.border-black-lighter,
.border-black-lighter\:h:hover,
.border-black-lighter\:f:focus {
  border-color: #1a1a1a;
}
.border-black,
.border-black\:h:hover,
.border-black\:f:focus {
  border-color: #000000;
}
.border-black-darker,
.border-black-darker\:h:hover,
.border-black-darker\:f:focus {
  border-color: #000000;
}
.border-primary-lighter,
.border-primary-lighter\:h:hover,
.border-primary-lighter\:f:focus {
  border-color: #3b5876;
}
.border-primary,
.border-primary\:h:hover,
.border-primary\:f:focus {
  border-color: #2a3f54;
}
.border-primary-darker,
.border-primary-darker\:h:hover,
.border-primary-darker\:f:focus {
  border-color: #192532;
}
.border-primary-light-lighter,
.border-primary-light-lighter\:h:hover,
.border-primary-light-lighter\:f:focus {
  border-color: #91a1b1;
}
.border-primary-light,
.border-primary-light\:h:hover,
.border-primary-light\:f:focus {
  border-color: #73879c;
}
.border-primary-light-darker,
.border-primary-light-darker\:h:hover,
.border-primary-light-darker\:f:focus {
  border-color: #5b6e81;
}
.border-primary-dark-lighter,
.border-primary-dark-lighter\:h:hover,
.border-primary-dark-lighter\:f:focus {
  border-color: #2f4674;
}
.border-primary-dark,
.border-primary-dark\:h:hover,
.border-primary-dark\:f:focus {
  border-color: #203050;
}
.border-primary-dark-darker,
.border-primary-dark-darker\:h:hover,
.border-primary-dark-darker\:f:focus {
  border-color: #111a2c;
}
.border-info-lighter,
.border-info-lighter\:h:hover,
.border-info-lighter\:f:focus {
  border-color: #85d0e7;
}
.border-info,
.border-info\:h:hover,
.border-info\:f:focus {
  border-color: #5bc0de;
}
.border-info-darker,
.border-info-darker\:h:hover,
.border-info-darker\:f:focus {
  border-color: #31b0d5;
}
.border-success-lighter,
.border-success-lighter\:h:hover,
.border-success-lighter\:f:focus {
  border-color: #3bd7b6;
}
.border-success,
.border-success\:h:hover,
.border-success\:f:focus {
  border-color: #26b99a;
}
.border-success-darker,
.border-success-darker\:h:hover,
.border-success-darker\:f:focus {
  border-color: #1d8f77;
}
.border-warning-lighter,
.border-warning-lighter\:h:hover,
.border-warning-lighter\:f:focus {
  border-color: #f4c37d;
}
.border-warning,
.border-warning\:h:hover,
.border-warning\:f:focus {
  border-color: #f0ad4e;
}
.border-warning-darker,
.border-warning-darker\:h:hover,
.border-warning-darker\:f:focus {
  border-color: #ec971f;
}
.border-danger-lighter,
.border-danger-lighter\:h:hover,
.border-danger-lighter\:f:focus {
  border-color: #e27c79;
}
.border-danger,
.border-danger\:h:hover,
.border-danger\:f:focus {
  border-color: #d9534f;
}
.border-danger-darker,
.border-danger-darker\:h:hover,
.border-danger-darker\:f:focus {
  border-color: #c9302c;
}
.border-transparent-lighter,
.border-transparent-lighter\:h:hover,
.border-transparent-lighter\:f:focus {
  border-color: rgba(26, 26, 26, 0);
}
.border-transparent,
.border-transparent\:h:hover,
.border-transparent\:f:focus {
  border-color: transparent;
}
.border-transparent-darker,
.border-transparent-darker\:h:hover,
.border-transparent-darker\:f:focus {
  border-color: rgba(0, 0, 0, 0);
}
/* #region GLOBALS */
*,
::after,
::before {
  box-sizing: border-box;
}
button:focus,
input:focus,
textarea:focus {
  outline: none;
}
html,
body {
  margin:  0px ;
  padding:  0px ;
  background-color: #f5f6fa;
  scroll-behavior: smooth;
  color: #73879c;
}
html,
body,
button,
input,
textarea {
  font-family: Roboto, Arial, "Droid Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.471;
  line-height: 1.42857143;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
a {
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
/* #endregion */
/* #region TABLE */
table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  /*
	tr {
		.border-solid;
		.bb-1;
		.border-dark;
	}

	thead {
		tr {
			.bb-2;
		}
	}
	tbody {
		tr:last-child {
			.bb-0;
		}
	}
	
	th,
	td {
		.py-5;
	}
	*/
}
/* #endregion */
/* #region TABLE */
.card {
  margin:  10px ;
  border-style: solid;
  border-width:  1px ;
  border-color: #e6e6e6;
  border-radius:  7px ;
  background-color: #ffffff;
  padding:  20px ;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.07);
  transition: box-shadow 200ms ease;
}
.card:hover {
  box-shadow: 0px 7px 29px 0px rgba(0, 0, 0, 0.12);
}
/* #endregion */
/* #region BUTTON */
.btn-shadow {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04), 0 7px 10px -5px rgba(0, 0, 0, 0.1);
}
.btn-shadow:hover {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1), 0 7px 10px -5px rgba(0, 0, 0, 0.25);
}
.btn-shadow-darker {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.07), 0 7px 10px -5px rgba(0, 0, 0, 0.2);
}
.btn-shadow-darker:hover {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 0, 0, 0.4);
}
/* #endregion */
/* #region INPUT */
input[type="text"].form-control,
input[type="number"].form-control,
input[type="password"].form-control {
  display: block;
  width: 100%;
  padding-left:  15px ;
  padding-right:  15px ;
  padding-top:  10px ;
  padding-bottom:  10px ;
  border-style: solid;
  border-width:  1px ;
  border-radius:  4px ;
  border-color: #e6e6e6;
  border-color: #efefef;
  border-color: #d6d6d6;
  background-color: #ffffff;
  background-image: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
input[type="text"].form-control:hover,
input[type="number"].form-control:hover,
input[type="password"].form-control:hover {
  border-color: #9cc3e4;
  outline: 0;
  box-shadow: inset 0 0px 1px #000000, 0 0 8px rgba(102, 175, 233, 0.1);
}
input[type="text"].form-control:focus,
input[type="number"].form-control:focus,
input[type="password"].form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 0px 1px #000000, 0 0 8px rgba(102, 175, 233, 0.6);
}
/* #endregion */
/* #region BOOTSTRAP */
/* #region CONTAINER */
.container,
.container-fluid,
.container-xs,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container,
  .container-xs {
    width: 546px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-sm {
    width: 738px;
  }
}
@media (min-width: 991px) {
  .container,
  .container-md {
    width: 961px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg {
    width: 1170px;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-xl {
    width: 1370px;
  }
}
/* #endregion */
/* #region ROW */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.col {
  flex: 1 0 0%;
}
.row-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.row-7 > * {
  flex: 0 0 auto;
  width: 14.28571429%;
}
.row-8 > * {
  flex: 0 0 auto;
  width: 12.5%;
}
.row-9 > * {
  flex: 0 0 auto;
  width: 11.11111111%;
}
.row-10 > * {
  flex: 0 0 auto;
  width: 10%;
}
.row-11 > * {
  flex: 0 0 auto;
  width: 9.09090909%;
}
.row-12 > * {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.row-13 > * {
  flex: 0 0 auto;
  width: 7.69230769%;
}
.row-14 > * {
  flex: 0 0 auto;
  width: 7.14285714%;
}
.row-15 > * {
  flex: 0 0 auto;
  width: 6.66666667%;
}
.row-16 > * {
  flex: 0 0 auto;
  width: 6.25%;
}
.row-17 > * {
  flex: 0 0 auto;
  width: 5.88235294%;
}
.row-18 > * {
  flex: 0 0 auto;
  width: 5.55555556%;
}
.row-19 > * {
  flex: 0 0 auto;
  width: 5.26315789%;
}
.row-20 > * {
  flex: 0 0 auto;
  width: 5%;
}
/* #endregion */
/* #region GAP */
.row.gap-0,
.row.gap-0\:h:hover,
.row.gap-0\:f:focus {
  margin-left: 0px;
  margin-right: 0px;
}
.row.gap-0 > *,
.row.gap-0\:h:hover > *,
.row.gap-0\:f:focus > * {
  padding-left: 0px;
  padding-right: 0px;
}
.row.gap-1,
.row.gap-1\:h:hover,
.row.gap-1\:f:focus {
  margin-left: -0.5px;
  margin-right: -0.5px;
}
.row.gap-1 > *,
.row.gap-1\:h:hover > *,
.row.gap-1\:f:focus > * {
  padding-left: 0.5px;
  padding-right: 0.5px;
}
.row.gap-2,
.row.gap-2\:h:hover,
.row.gap-2\:f:focus {
  margin-left: -1px;
  margin-right: -1px;
}
.row.gap-2 > *,
.row.gap-2\:h:hover > *,
.row.gap-2\:f:focus > * {
  padding-left: 1px;
  padding-right: 1px;
}
.row.gap-3,
.row.gap-3\:h:hover,
.row.gap-3\:f:focus {
  margin-left: -1.5px;
  margin-right: -1.5px;
}
.row.gap-3 > *,
.row.gap-3\:h:hover > *,
.row.gap-3\:f:focus > * {
  padding-left: 1.5px;
  padding-right: 1.5px;
}
.row.gap-4,
.row.gap-4\:h:hover,
.row.gap-4\:f:focus {
  margin-left: -2px;
  margin-right: -2px;
}
.row.gap-4 > *,
.row.gap-4\:h:hover > *,
.row.gap-4\:f:focus > * {
  padding-left: 2px;
  padding-right: 2px;
}
.row.gap-5,
.row.gap-5\:h:hover,
.row.gap-5\:f:focus {
  margin-left: -2.5px;
  margin-right: -2.5px;
}
.row.gap-5 > *,
.row.gap-5\:h:hover > *,
.row.gap-5\:f:focus > * {
  padding-left: 2.5px;
  padding-right: 2.5px;
}
.row.gap-6,
.row.gap-6\:h:hover,
.row.gap-6\:f:focus {
  margin-left: -3px;
  margin-right: -3px;
}
.row.gap-6 > *,
.row.gap-6\:h:hover > *,
.row.gap-6\:f:focus > * {
  padding-left: 3px;
  padding-right: 3px;
}
.row.gap-7,
.row.gap-7\:h:hover,
.row.gap-7\:f:focus {
  margin-left: -3.5px;
  margin-right: -3.5px;
}
.row.gap-7 > *,
.row.gap-7\:h:hover > *,
.row.gap-7\:f:focus > * {
  padding-left: 3.5px;
  padding-right: 3.5px;
}
.row.gap-8,
.row.gap-8\:h:hover,
.row.gap-8\:f:focus {
  margin-left: -4px;
  margin-right: -4px;
}
.row.gap-8 > *,
.row.gap-8\:h:hover > *,
.row.gap-8\:f:focus > * {
  padding-left: 4px;
  padding-right: 4px;
}
.row.gap-9,
.row.gap-9\:h:hover,
.row.gap-9\:f:focus {
  margin-left: -4.5px;
  margin-right: -4.5px;
}
.row.gap-9 > *,
.row.gap-9\:h:hover > *,
.row.gap-9\:f:focus > * {
  padding-left: 4.5px;
  padding-right: 4.5px;
}
.row.gap-10,
.row.gap-10\:h:hover,
.row.gap-10\:f:focus {
  margin-left: -5px;
  margin-right: -5px;
}
.row.gap-10 > *,
.row.gap-10\:h:hover > *,
.row.gap-10\:f:focus > * {
  padding-left: 5px;
  padding-right: 5px;
}
.row.gap-11,
.row.gap-11\:h:hover,
.row.gap-11\:f:focus {
  margin-left: -5.5px;
  margin-right: -5.5px;
}
.row.gap-11 > *,
.row.gap-11\:h:hover > *,
.row.gap-11\:f:focus > * {
  padding-left: 5.5px;
  padding-right: 5.5px;
}
.row.gap-12,
.row.gap-12\:h:hover,
.row.gap-12\:f:focus {
  margin-left: -6px;
  margin-right: -6px;
}
.row.gap-12 > *,
.row.gap-12\:h:hover > *,
.row.gap-12\:f:focus > * {
  padding-left: 6px;
  padding-right: 6px;
}
.row.gap-13,
.row.gap-13\:h:hover,
.row.gap-13\:f:focus {
  margin-left: -6.5px;
  margin-right: -6.5px;
}
.row.gap-13 > *,
.row.gap-13\:h:hover > *,
.row.gap-13\:f:focus > * {
  padding-left: 6.5px;
  padding-right: 6.5px;
}
.row.gap-14,
.row.gap-14\:h:hover,
.row.gap-14\:f:focus {
  margin-left: -7px;
  margin-right: -7px;
}
.row.gap-14 > *,
.row.gap-14\:h:hover > *,
.row.gap-14\:f:focus > * {
  padding-left: 7px;
  padding-right: 7px;
}
.row.gap-15,
.row.gap-15\:h:hover,
.row.gap-15\:f:focus {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.row.gap-15 > *,
.row.gap-15\:h:hover > *,
.row.gap-15\:f:focus > * {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.row.gap-20,
.row.gap-20\:h:hover,
.row.gap-20\:f:focus {
  margin-left: -10px;
  margin-right: -10px;
}
.row.gap-20 > *,
.row.gap-20\:h:hover > *,
.row.gap-20\:f:focus > * {
  padding-left: 10px;
  padding-right: 10px;
}
.row.gap-25,
.row.gap-25\:h:hover,
.row.gap-25\:f:focus {
  margin-left: -12.5px;
  margin-right: -12.5px;
}
.row.gap-25 > *,
.row.gap-25\:h:hover > *,
.row.gap-25\:f:focus > * {
  padding-left: 12.5px;
  padding-right: 12.5px;
}
.row.gap-30,
.row.gap-30\:h:hover,
.row.gap-30\:f:focus {
  margin-left: -15px;
  margin-right: -15px;
}
.row.gap-30 > *,
.row.gap-30\:h:hover > *,
.row.gap-30\:f:focus > * {
  padding-left: 15px;
  padding-right: 15px;
}
.row.gap-35,
.row.gap-35\:h:hover,
.row.gap-35\:f:focus {
  margin-left: -17.5px;
  margin-right: -17.5px;
}
.row.gap-35 > *,
.row.gap-35\:h:hover > *,
.row.gap-35\:f:focus > * {
  padding-left: 17.5px;
  padding-right: 17.5px;
}
.row.gap-40,
.row.gap-40\:h:hover,
.row.gap-40\:f:focus {
  margin-left: -20px;
  margin-right: -20px;
}
.row.gap-40 > *,
.row.gap-40\:h:hover > *,
.row.gap-40\:f:focus > * {
  padding-left: 20px;
  padding-right: 20px;
}
.row.gap-45,
.row.gap-45\:h:hover,
.row.gap-45\:f:focus {
  margin-left: -22.5px;
  margin-right: -22.5px;
}
.row.gap-45 > *,
.row.gap-45\:h:hover > *,
.row.gap-45\:f:focus > * {
  padding-left: 22.5px;
  padding-right: 22.5px;
}
.row.gap-50,
.row.gap-50\:h:hover,
.row.gap-50\:f:focus {
  margin-left: -25px;
  margin-right: -25px;
}
.row.gap-50 > *,
.row.gap-50\:h:hover > *,
.row.gap-50\:f:focus > * {
  padding-left: 25px;
  padding-right: 25px;
}
/* #endregion */
/* #region COLUMN */
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .col-xs-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xs-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xs-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xs-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xs-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xs-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xs-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xs-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xs-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xs-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xs-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xs-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 991px) {
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
/* #endregion */
/* #region OFFSET */
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.offset-12 {
  margin-left: 100%;
}
@media (min-width: 576px) {
  .offset-xs-1 {
    margin-left: 8.33333333%;
  }
  .offset-xs-2 {
    margin-left: 16.66666667%;
  }
  .offset-xs-3 {
    margin-left: 25%;
  }
  .offset-xs-4 {
    margin-left: 33.33333333%;
  }
  .offset-xs-5 {
    margin-left: 41.66666667%;
  }
  .offset-xs-6 {
    margin-left: 50%;
  }
  .offset-xs-7 {
    margin-left: 58.33333333%;
  }
  .offset-xs-8 {
    margin-left: 66.66666667%;
  }
  .offset-xs-9 {
    margin-left: 75%;
  }
  .offset-xs-10 {
    margin-left: 83.33333333%;
  }
  .offset-xs-11 {
    margin-left: 91.66666667%;
  }
  .offset-xs-12 {
    margin-left: 100%;
  }
}
@media (min-width: 768px) {
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .offset-sm-12 {
    margin-left: 100%;
  }
}
@media (min-width: 991px) {
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .offset-md-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .offset-lg-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1400px) {
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .offset-xl-12 {
    margin-left: 100%;
  }
}
/* #endregion */
/* #endregion */
/* #region OPACITY */
.o-0,
.o-0\:h:hover,
.o-0\:f:focus {
  opacity:  0% ;
}
.o-5,
.o-5\:h:hover,
.o-5\:f:focus {
  opacity:  5% ;
}
.o-10,
.o-10\:h:hover,
.o-10\:f:focus {
  opacity:  10% ;
}
.o-15,
.o-15\:h:hover,
.o-15\:f:focus {
  opacity:  15% ;
}
.o-20,
.o-20\:h:hover,
.o-20\:f:focus {
  opacity:  20% ;
}
.o-25,
.o-25\:h:hover,
.o-25\:f:focus {
  opacity:  25% ;
}
.o-30,
.o-30\:h:hover,
.o-30\:f:focus {
  opacity:  30% ;
}
.o-35,
.o-35\:h:hover,
.o-35\:f:focus {
  opacity:  35% ;
}
.o-40,
.o-40\:h:hover,
.o-40\:f:focus {
  opacity:  40% ;
}
.o-45,
.o-45\:h:hover,
.o-45\:f:focus {
  opacity:  45% ;
}
.o-50,
.o-50\:h:hover,
.o-50\:f:focus {
  opacity:  50% ;
}
.o-55,
.o-55\:h:hover,
.o-55\:f:focus {
  opacity:  55% ;
}
.o-60,
.o-60\:h:hover,
.o-60\:f:focus {
  opacity:  60% ;
}
.o-65,
.o-65\:h:hover,
.o-65\:f:focus {
  opacity:  65% ;
}
.o-70,
.o-70\:h:hover,
.o-70\:f:focus {
  opacity:  70% ;
}
.o-75,
.o-75\:h:hover,
.o-75\:f:focus {
  opacity:  75% ;
}
.o-80,
.o-80\:h:hover,
.o-80\:f:focus {
  opacity:  80% ;
}
.o-85,
.o-85\:h:hover,
.o-85\:f:focus {
  opacity:  85% ;
}
.o-90,
.o-90\:h:hover,
.o-90\:f:focus {
  opacity:  90% ;
}
.o-95,
.o-95\:h:hover,
.o-95\:f:focus {
  opacity:  95% ;
}
.o-100,
.o-100\:h:hover,
.o-100\:f:focus {
  opacity:  100% ;
}
/* #endregion */
/* #region BORDER RADIUS */
.b-collapse,
.border-collapse {
  border-collapse: collapse;
}
/* #region all corners */
.b-r-0,
.b-r-0\:h:hover,
.b-r-0\:f:focus {
  border-radius:  0px ;
}
.b-r-1,
.b-r-1\:h:hover,
.b-r-1\:f:focus {
  border-radius:  1px ;
}
.b-r-2,
.b-r-2\:h:hover,
.b-r-2\:f:focus {
  border-radius:  2px ;
}
.b-r-3,
.b-r-3\:h:hover,
.b-r-3\:f:focus {
  border-radius:  3px ;
}
.b-r-4,
.b-r-4\:h:hover,
.b-r-4\:f:focus {
  border-radius:  4px ;
}
.b-r-5,
.b-r-5\:h:hover,
.b-r-5\:f:focus {
  border-radius:  5px ;
}
.b-r-6,
.b-r-6\:h:hover,
.b-r-6\:f:focus {
  border-radius:  6px ;
}
.b-r-7,
.b-r-7\:h:hover,
.b-r-7\:f:focus {
  border-radius:  7px ;
}
.b-r-8,
.b-r-8\:h:hover,
.b-r-8\:f:focus {
  border-radius:  8px ;
}
.b-r-9,
.b-r-9\:h:hover,
.b-r-9\:f:focus {
  border-radius:  9px ;
}
.b-r-10,
.b-r-10\:h:hover,
.b-r-10\:f:focus {
  border-radius:  10px ;
}
.b-r-15,
.b-r-15\:h:hover,
.b-r-15\:f:focus {
  border-radius:  15px ;
}
.b-r-20,
.b-r-20\:h:hover,
.b-r-20\:f:focus {
  border-radius:  20px ;
}
.b-r-25,
.b-r-25\:h:hover,
.b-r-25\:f:focus {
  border-radius:  25px ;
}
.b-r-30,
.b-r-30\:h:hover,
.b-r-30\:f:focus {
  border-radius:  30px ;
}
.b-r-35,
.b-r-35\:h:hover,
.b-r-35\:f:focus {
  border-radius:  35px ;
}
.b-r-40,
.b-r-40\:h:hover,
.b-r-40\:f:focus {
  border-radius:  40px ;
}
.b-r-45,
.b-r-45\:h:hover,
.b-r-45\:f:focus {
  border-radius:  45px ;
}
.b-r-50,
.b-r-50\:h:hover,
.b-r-50\:f:focus {
  border-radius:  50px ;
}
/* #endregion */
/* #region top */
.bt-r-0,
.bt-r-0\:h:hover,
.bt-r-0\:f:focus {
  border-top-left-radius:  0px ;
  border-top-right-radius:  0px ;
}
.bt-r-1,
.bt-r-1\:h:hover,
.bt-r-1\:f:focus {
  border-top-left-radius:  1px ;
  border-top-right-radius:  1px ;
}
.bt-r-2,
.bt-r-2\:h:hover,
.bt-r-2\:f:focus {
  border-top-left-radius:  2px ;
  border-top-right-radius:  2px ;
}
.bt-r-3,
.bt-r-3\:h:hover,
.bt-r-3\:f:focus {
  border-top-left-radius:  3px ;
  border-top-right-radius:  3px ;
}
.bt-r-4,
.bt-r-4\:h:hover,
.bt-r-4\:f:focus {
  border-top-left-radius:  4px ;
  border-top-right-radius:  4px ;
}
.bt-r-5,
.bt-r-5\:h:hover,
.bt-r-5\:f:focus {
  border-top-left-radius:  5px ;
  border-top-right-radius:  5px ;
}
.bt-r-6,
.bt-r-6\:h:hover,
.bt-r-6\:f:focus {
  border-top-left-radius:  6px ;
  border-top-right-radius:  6px ;
}
.bt-r-7,
.bt-r-7\:h:hover,
.bt-r-7\:f:focus {
  border-top-left-radius:  7px ;
  border-top-right-radius:  7px ;
}
.bt-r-8,
.bt-r-8\:h:hover,
.bt-r-8\:f:focus {
  border-top-left-radius:  8px ;
  border-top-right-radius:  8px ;
}
.bt-r-9,
.bt-r-9\:h:hover,
.bt-r-9\:f:focus {
  border-top-left-radius:  9px ;
  border-top-right-radius:  9px ;
}
.bt-r-10,
.bt-r-10\:h:hover,
.bt-r-10\:f:focus {
  border-top-left-radius:  10px ;
  border-top-right-radius:  10px ;
}
.bt-r-15,
.bt-r-15\:h:hover,
.bt-r-15\:f:focus {
  border-top-left-radius:  15px ;
  border-top-right-radius:  15px ;
}
.bt-r-20,
.bt-r-20\:h:hover,
.bt-r-20\:f:focus {
  border-top-left-radius:  20px ;
  border-top-right-radius:  20px ;
}
.bt-r-25,
.bt-r-25\:h:hover,
.bt-r-25\:f:focus {
  border-top-left-radius:  25px ;
  border-top-right-radius:  25px ;
}
.bt-r-30,
.bt-r-30\:h:hover,
.bt-r-30\:f:focus {
  border-top-left-radius:  30px ;
  border-top-right-radius:  30px ;
}
.bt-r-35,
.bt-r-35\:h:hover,
.bt-r-35\:f:focus {
  border-top-left-radius:  35px ;
  border-top-right-radius:  35px ;
}
.bt-r-40,
.bt-r-40\:h:hover,
.bt-r-40\:f:focus {
  border-top-left-radius:  40px ;
  border-top-right-radius:  40px ;
}
.bt-r-45,
.bt-r-45\:h:hover,
.bt-r-45\:f:focus {
  border-top-left-radius:  45px ;
  border-top-right-radius:  45px ;
}
.bt-r-50,
.bt-r-50\:h:hover,
.bt-r-50\:f:focus {
  border-top-left-radius:  50px ;
  border-top-right-radius:  50px ;
}
/* #endregion */
/* #region right */
.br-r-0,
.br-r-0\:h:hover,
.br-r-0\:f:focus {
  border-top-right-radius:  0px ;
  border-bottom-right-radius:  0px ;
}
.br-r-1,
.br-r-1\:h:hover,
.br-r-1\:f:focus {
  border-top-right-radius:  1px ;
  border-bottom-right-radius:  1px ;
}
.br-r-2,
.br-r-2\:h:hover,
.br-r-2\:f:focus {
  border-top-right-radius:  2px ;
  border-bottom-right-radius:  2px ;
}
.br-r-3,
.br-r-3\:h:hover,
.br-r-3\:f:focus {
  border-top-right-radius:  3px ;
  border-bottom-right-radius:  3px ;
}
.br-r-4,
.br-r-4\:h:hover,
.br-r-4\:f:focus {
  border-top-right-radius:  4px ;
  border-bottom-right-radius:  4px ;
}
.br-r-5,
.br-r-5\:h:hover,
.br-r-5\:f:focus {
  border-top-right-radius:  5px ;
  border-bottom-right-radius:  5px ;
}
.br-r-6,
.br-r-6\:h:hover,
.br-r-6\:f:focus {
  border-top-right-radius:  6px ;
  border-bottom-right-radius:  6px ;
}
.br-r-7,
.br-r-7\:h:hover,
.br-r-7\:f:focus {
  border-top-right-radius:  7px ;
  border-bottom-right-radius:  7px ;
}
.br-r-8,
.br-r-8\:h:hover,
.br-r-8\:f:focus {
  border-top-right-radius:  8px ;
  border-bottom-right-radius:  8px ;
}
.br-r-9,
.br-r-9\:h:hover,
.br-r-9\:f:focus {
  border-top-right-radius:  9px ;
  border-bottom-right-radius:  9px ;
}
.br-r-10,
.br-r-10\:h:hover,
.br-r-10\:f:focus {
  border-top-right-radius:  10px ;
  border-bottom-right-radius:  10px ;
}
.br-r-15,
.br-r-15\:h:hover,
.br-r-15\:f:focus {
  border-top-right-radius:  15px ;
  border-bottom-right-radius:  15px ;
}
.br-r-20,
.br-r-20\:h:hover,
.br-r-20\:f:focus {
  border-top-right-radius:  20px ;
  border-bottom-right-radius:  20px ;
}
.br-r-25,
.br-r-25\:h:hover,
.br-r-25\:f:focus {
  border-top-right-radius:  25px ;
  border-bottom-right-radius:  25px ;
}
.br-r-30,
.br-r-30\:h:hover,
.br-r-30\:f:focus {
  border-top-right-radius:  30px ;
  border-bottom-right-radius:  30px ;
}
.br-r-35,
.br-r-35\:h:hover,
.br-r-35\:f:focus {
  border-top-right-radius:  35px ;
  border-bottom-right-radius:  35px ;
}
.br-r-40,
.br-r-40\:h:hover,
.br-r-40\:f:focus {
  border-top-right-radius:  40px ;
  border-bottom-right-radius:  40px ;
}
.br-r-45,
.br-r-45\:h:hover,
.br-r-45\:f:focus {
  border-top-right-radius:  45px ;
  border-bottom-right-radius:  45px ;
}
.br-r-50,
.br-r-50\:h:hover,
.br-r-50\:f:focus {
  border-top-right-radius:  50px ;
  border-bottom-right-radius:  50px ;
}
/* #endregion */
/* #region bottom */
.bb-r-0,
.bb-r-0\:h:hover,
.bb-r-0\:f:focus {
  border-bottom-left-radius:  0px ;
  border-bottom-right-radius:  0px ;
}
.bb-r-1,
.bb-r-1\:h:hover,
.bb-r-1\:f:focus {
  border-bottom-left-radius:  1px ;
  border-bottom-right-radius:  1px ;
}
.bb-r-2,
.bb-r-2\:h:hover,
.bb-r-2\:f:focus {
  border-bottom-left-radius:  2px ;
  border-bottom-right-radius:  2px ;
}
.bb-r-3,
.bb-r-3\:h:hover,
.bb-r-3\:f:focus {
  border-bottom-left-radius:  3px ;
  border-bottom-right-radius:  3px ;
}
.bb-r-4,
.bb-r-4\:h:hover,
.bb-r-4\:f:focus {
  border-bottom-left-radius:  4px ;
  border-bottom-right-radius:  4px ;
}
.bb-r-5,
.bb-r-5\:h:hover,
.bb-r-5\:f:focus {
  border-bottom-left-radius:  5px ;
  border-bottom-right-radius:  5px ;
}
.bb-r-6,
.bb-r-6\:h:hover,
.bb-r-6\:f:focus {
  border-bottom-left-radius:  6px ;
  border-bottom-right-radius:  6px ;
}
.bb-r-7,
.bb-r-7\:h:hover,
.bb-r-7\:f:focus {
  border-bottom-left-radius:  7px ;
  border-bottom-right-radius:  7px ;
}
.bb-r-8,
.bb-r-8\:h:hover,
.bb-r-8\:f:focus {
  border-bottom-left-radius:  8px ;
  border-bottom-right-radius:  8px ;
}
.bb-r-9,
.bb-r-9\:h:hover,
.bb-r-9\:f:focus {
  border-bottom-left-radius:  9px ;
  border-bottom-right-radius:  9px ;
}
.bb-r-10,
.bb-r-10\:h:hover,
.bb-r-10\:f:focus {
  border-bottom-left-radius:  10px ;
  border-bottom-right-radius:  10px ;
}
.bb-r-15,
.bb-r-15\:h:hover,
.bb-r-15\:f:focus {
  border-bottom-left-radius:  15px ;
  border-bottom-right-radius:  15px ;
}
.bb-r-20,
.bb-r-20\:h:hover,
.bb-r-20\:f:focus {
  border-bottom-left-radius:  20px ;
  border-bottom-right-radius:  20px ;
}
.bb-r-25,
.bb-r-25\:h:hover,
.bb-r-25\:f:focus {
  border-bottom-left-radius:  25px ;
  border-bottom-right-radius:  25px ;
}
.bb-r-30,
.bb-r-30\:h:hover,
.bb-r-30\:f:focus {
  border-bottom-left-radius:  30px ;
  border-bottom-right-radius:  30px ;
}
.bb-r-35,
.bb-r-35\:h:hover,
.bb-r-35\:f:focus {
  border-bottom-left-radius:  35px ;
  border-bottom-right-radius:  35px ;
}
.bb-r-40,
.bb-r-40\:h:hover,
.bb-r-40\:f:focus {
  border-bottom-left-radius:  40px ;
  border-bottom-right-radius:  40px ;
}
.bb-r-45,
.bb-r-45\:h:hover,
.bb-r-45\:f:focus {
  border-bottom-left-radius:  45px ;
  border-bottom-right-radius:  45px ;
}
.bb-r-50,
.bb-r-50\:h:hover,
.bb-r-50\:f:focus {
  border-bottom-left-radius:  50px ;
  border-bottom-right-radius:  50px ;
}
/* #endregion */
/* #region left */
.bl-r-0,
.bl-r-0\:h:hover,
.bl-r-0\:f:focus {
  border-top-left-radius:  0px ;
}
.bl-r-1,
.bl-r-1\:h:hover,
.bl-r-1\:f:focus {
  border-top-left-radius:  1px ;
}
.bl-r-2,
.bl-r-2\:h:hover,
.bl-r-2\:f:focus {
  border-top-left-radius:  2px ;
}
.bl-r-3,
.bl-r-3\:h:hover,
.bl-r-3\:f:focus {
  border-top-left-radius:  3px ;
}
.bl-r-4,
.bl-r-4\:h:hover,
.bl-r-4\:f:focus {
  border-top-left-radius:  4px ;
}
.bl-r-5,
.bl-r-5\:h:hover,
.bl-r-5\:f:focus {
  border-top-left-radius:  5px ;
}
.bl-r-6,
.bl-r-6\:h:hover,
.bl-r-6\:f:focus {
  border-top-left-radius:  6px ;
}
.bl-r-7,
.bl-r-7\:h:hover,
.bl-r-7\:f:focus {
  border-top-left-radius:  7px ;
}
.bl-r-8,
.bl-r-8\:h:hover,
.bl-r-8\:f:focus {
  border-top-left-radius:  8px ;
}
.bl-r-9,
.bl-r-9\:h:hover,
.bl-r-9\:f:focus {
  border-top-left-radius:  9px ;
}
.bl-r-10,
.bl-r-10\:h:hover,
.bl-r-10\:f:focus {
  border-top-left-radius:  10px ;
}
.bl-r-15,
.bl-r-15\:h:hover,
.bl-r-15\:f:focus {
  border-top-left-radius:  15px ;
}
.bl-r-20,
.bl-r-20\:h:hover,
.bl-r-20\:f:focus {
  border-top-left-radius:  20px ;
}
.bl-r-25,
.bl-r-25\:h:hover,
.bl-r-25\:f:focus {
  border-top-left-radius:  25px ;
}
.bl-r-30,
.bl-r-30\:h:hover,
.bl-r-30\:f:focus {
  border-top-left-radius:  30px ;
}
.bl-r-35,
.bl-r-35\:h:hover,
.bl-r-35\:f:focus {
  border-top-left-radius:  35px ;
}
.bl-r-40,
.bl-r-40\:h:hover,
.bl-r-40\:f:focus {
  border-top-left-radius:  40px ;
}
.bl-r-45,
.bl-r-45\:h:hover,
.bl-r-45\:f:focus {
  border-top-left-radius:  45px ;
}
.bl-r-50,
.bl-r-50\:h:hover,
.bl-r-50\:f:focus {
  border-top-left-radius:  50px ;
}
/* #endregion */
/* #region top left */
.btl-r-0,
.btl-r-0\:h:hover,
.btl-r-0\:f:focus {
  border-top-left-radius:  0px ;
}
.btl-r-1,
.btl-r-1\:h:hover,
.btl-r-1\:f:focus {
  border-top-left-radius:  1px ;
}
.btl-r-2,
.btl-r-2\:h:hover,
.btl-r-2\:f:focus {
  border-top-left-radius:  2px ;
}
.btl-r-3,
.btl-r-3\:h:hover,
.btl-r-3\:f:focus {
  border-top-left-radius:  3px ;
}
.btl-r-4,
.btl-r-4\:h:hover,
.btl-r-4\:f:focus {
  border-top-left-radius:  4px ;
}
.btl-r-5,
.btl-r-5\:h:hover,
.btl-r-5\:f:focus {
  border-top-left-radius:  5px ;
}
.btl-r-6,
.btl-r-6\:h:hover,
.btl-r-6\:f:focus {
  border-top-left-radius:  6px ;
}
.btl-r-7,
.btl-r-7\:h:hover,
.btl-r-7\:f:focus {
  border-top-left-radius:  7px ;
}
.btl-r-8,
.btl-r-8\:h:hover,
.btl-r-8\:f:focus {
  border-top-left-radius:  8px ;
}
.btl-r-9,
.btl-r-9\:h:hover,
.btl-r-9\:f:focus {
  border-top-left-radius:  9px ;
}
.btl-r-10,
.btl-r-10\:h:hover,
.btl-r-10\:f:focus {
  border-top-left-radius:  10px ;
}
.btl-r-15,
.btl-r-15\:h:hover,
.btl-r-15\:f:focus {
  border-top-left-radius:  15px ;
}
.btl-r-20,
.btl-r-20\:h:hover,
.btl-r-20\:f:focus {
  border-top-left-radius:  20px ;
}
.btl-r-25,
.btl-r-25\:h:hover,
.btl-r-25\:f:focus {
  border-top-left-radius:  25px ;
}
.btl-r-30,
.btl-r-30\:h:hover,
.btl-r-30\:f:focus {
  border-top-left-radius:  30px ;
}
.btl-r-35,
.btl-r-35\:h:hover,
.btl-r-35\:f:focus {
  border-top-left-radius:  35px ;
}
.btl-r-40,
.btl-r-40\:h:hover,
.btl-r-40\:f:focus {
  border-top-left-radius:  40px ;
}
.btl-r-45,
.btl-r-45\:h:hover,
.btl-r-45\:f:focus {
  border-top-left-radius:  45px ;
}
.btl-r-50,
.btl-r-50\:h:hover,
.btl-r-50\:f:focus {
  border-top-left-radius:  50px ;
}
/* #endregion */
/* #region top right */
.btr-r-0,
.btr-r-0\:h:hover,
.btr-r-0\:f:focus {
  border-top-right-radius:  0px ;
}
.btr-r-1,
.btr-r-1\:h:hover,
.btr-r-1\:f:focus {
  border-top-right-radius:  1px ;
}
.btr-r-2,
.btr-r-2\:h:hover,
.btr-r-2\:f:focus {
  border-top-right-radius:  2px ;
}
.btr-r-3,
.btr-r-3\:h:hover,
.btr-r-3\:f:focus {
  border-top-right-radius:  3px ;
}
.btr-r-4,
.btr-r-4\:h:hover,
.btr-r-4\:f:focus {
  border-top-right-radius:  4px ;
}
.btr-r-5,
.btr-r-5\:h:hover,
.btr-r-5\:f:focus {
  border-top-right-radius:  5px ;
}
.btr-r-6,
.btr-r-6\:h:hover,
.btr-r-6\:f:focus {
  border-top-right-radius:  6px ;
}
.btr-r-7,
.btr-r-7\:h:hover,
.btr-r-7\:f:focus {
  border-top-right-radius:  7px ;
}
.btr-r-8,
.btr-r-8\:h:hover,
.btr-r-8\:f:focus {
  border-top-right-radius:  8px ;
}
.btr-r-9,
.btr-r-9\:h:hover,
.btr-r-9\:f:focus {
  border-top-right-radius:  9px ;
}
.btr-r-10,
.btr-r-10\:h:hover,
.btr-r-10\:f:focus {
  border-top-right-radius:  10px ;
}
.btr-r-15,
.btr-r-15\:h:hover,
.btr-r-15\:f:focus {
  border-top-right-radius:  15px ;
}
.btr-r-20,
.btr-r-20\:h:hover,
.btr-r-20\:f:focus {
  border-top-right-radius:  20px ;
}
.btr-r-25,
.btr-r-25\:h:hover,
.btr-r-25\:f:focus {
  border-top-right-radius:  25px ;
}
.btr-r-30,
.btr-r-30\:h:hover,
.btr-r-30\:f:focus {
  border-top-right-radius:  30px ;
}
.btr-r-35,
.btr-r-35\:h:hover,
.btr-r-35\:f:focus {
  border-top-right-radius:  35px ;
}
.btr-r-40,
.btr-r-40\:h:hover,
.btr-r-40\:f:focus {
  border-top-right-radius:  40px ;
}
.btr-r-45,
.btr-r-45\:h:hover,
.btr-r-45\:f:focus {
  border-top-right-radius:  45px ;
}
.btr-r-50,
.btr-r-50\:h:hover,
.btr-r-50\:f:focus {
  border-top-right-radius:  50px ;
}
/* #endregion */
/* #region bottom right */
.bbr-r-0,
.bbr-r-0\:h:hover,
.bbr-r-0\:f:focus {
  border-bottom-right-radius:  0px ;
}
.bbr-r-1,
.bbr-r-1\:h:hover,
.bbr-r-1\:f:focus {
  border-bottom-right-radius:  1px ;
}
.bbr-r-2,
.bbr-r-2\:h:hover,
.bbr-r-2\:f:focus {
  border-bottom-right-radius:  2px ;
}
.bbr-r-3,
.bbr-r-3\:h:hover,
.bbr-r-3\:f:focus {
  border-bottom-right-radius:  3px ;
}
.bbr-r-4,
.bbr-r-4\:h:hover,
.bbr-r-4\:f:focus {
  border-bottom-right-radius:  4px ;
}
.bbr-r-5,
.bbr-r-5\:h:hover,
.bbr-r-5\:f:focus {
  border-bottom-right-radius:  5px ;
}
.bbr-r-6,
.bbr-r-6\:h:hover,
.bbr-r-6\:f:focus {
  border-bottom-right-radius:  6px ;
}
.bbr-r-7,
.bbr-r-7\:h:hover,
.bbr-r-7\:f:focus {
  border-bottom-right-radius:  7px ;
}
.bbr-r-8,
.bbr-r-8\:h:hover,
.bbr-r-8\:f:focus {
  border-bottom-right-radius:  8px ;
}
.bbr-r-9,
.bbr-r-9\:h:hover,
.bbr-r-9\:f:focus {
  border-bottom-right-radius:  9px ;
}
.bbr-r-10,
.bbr-r-10\:h:hover,
.bbr-r-10\:f:focus {
  border-bottom-right-radius:  10px ;
}
.bbr-r-15,
.bbr-r-15\:h:hover,
.bbr-r-15\:f:focus {
  border-bottom-right-radius:  15px ;
}
.bbr-r-20,
.bbr-r-20\:h:hover,
.bbr-r-20\:f:focus {
  border-bottom-right-radius:  20px ;
}
.bbr-r-25,
.bbr-r-25\:h:hover,
.bbr-r-25\:f:focus {
  border-bottom-right-radius:  25px ;
}
.bbr-r-30,
.bbr-r-30\:h:hover,
.bbr-r-30\:f:focus {
  border-bottom-right-radius:  30px ;
}
.bbr-r-35,
.bbr-r-35\:h:hover,
.bbr-r-35\:f:focus {
  border-bottom-right-radius:  35px ;
}
.bbr-r-40,
.bbr-r-40\:h:hover,
.bbr-r-40\:f:focus {
  border-bottom-right-radius:  40px ;
}
.bbr-r-45,
.bbr-r-45\:h:hover,
.bbr-r-45\:f:focus {
  border-bottom-right-radius:  45px ;
}
.bbr-r-50,
.bbr-r-50\:h:hover,
.bbr-r-50\:f:focus {
  border-bottom-right-radius:  50px ;
}
/* #endregion */
/* #region bottom left */
.bbl-r-0,
.bbl-r-0\:h:hover,
.bbl-r-0\:f:focus {
  border-bottom-left-radius:  0px ;
}
.bbl-r-1,
.bbl-r-1\:h:hover,
.bbl-r-1\:f:focus {
  border-bottom-left-radius:  1px ;
}
.bbl-r-2,
.bbl-r-2\:h:hover,
.bbl-r-2\:f:focus {
  border-bottom-left-radius:  2px ;
}
.bbl-r-3,
.bbl-r-3\:h:hover,
.bbl-r-3\:f:focus {
  border-bottom-left-radius:  3px ;
}
.bbl-r-4,
.bbl-r-4\:h:hover,
.bbl-r-4\:f:focus {
  border-bottom-left-radius:  4px ;
}
.bbl-r-5,
.bbl-r-5\:h:hover,
.bbl-r-5\:f:focus {
  border-bottom-left-radius:  5px ;
}
.bbl-r-6,
.bbl-r-6\:h:hover,
.bbl-r-6\:f:focus {
  border-bottom-left-radius:  6px ;
}
.bbl-r-7,
.bbl-r-7\:h:hover,
.bbl-r-7\:f:focus {
  border-bottom-left-radius:  7px ;
}
.bbl-r-8,
.bbl-r-8\:h:hover,
.bbl-r-8\:f:focus {
  border-bottom-left-radius:  8px ;
}
.bbl-r-9,
.bbl-r-9\:h:hover,
.bbl-r-9\:f:focus {
  border-bottom-left-radius:  9px ;
}
.bbl-r-10,
.bbl-r-10\:h:hover,
.bbl-r-10\:f:focus {
  border-bottom-left-radius:  10px ;
}
.bbl-r-15,
.bbl-r-15\:h:hover,
.bbl-r-15\:f:focus {
  border-bottom-left-radius:  15px ;
}
.bbl-r-20,
.bbl-r-20\:h:hover,
.bbl-r-20\:f:focus {
  border-bottom-left-radius:  20px ;
}
.bbl-r-25,
.bbl-r-25\:h:hover,
.bbl-r-25\:f:focus {
  border-bottom-left-radius:  25px ;
}
.bbl-r-30,
.bbl-r-30\:h:hover,
.bbl-r-30\:f:focus {
  border-bottom-left-radius:  30px ;
}
.bbl-r-35,
.bbl-r-35\:h:hover,
.bbl-r-35\:f:focus {
  border-bottom-left-radius:  35px ;
}
.bbl-r-40,
.bbl-r-40\:h:hover,
.bbl-r-40\:f:focus {
  border-bottom-left-radius:  40px ;
}
.bbl-r-45,
.bbl-r-45\:h:hover,
.bbl-r-45\:f:focus {
  border-bottom-left-radius:  45px ;
}
.bbl-r-50,
.bbl-r-50\:h:hover,
.bbl-r-50\:f:focus {
  border-bottom-left-radius:  50px ;
}
/* #endregion */
/* #endregion */
/* #region MARGIN */
/* #region all sides */
.m-a,
.m-a\:h:hover,
.m-a\:f:focus {
  margin: auto;
}
.m-0,
.m-0\:h:hover,
.m-0\:f:focus {
  margin:  0px ;
}
.m-1,
.m-1\:h:hover,
.m-1\:f:focus {
  margin:  1px ;
}
.m-2,
.m-2\:h:hover,
.m-2\:f:focus {
  margin:  2px ;
}
.m-3,
.m-3\:h:hover,
.m-3\:f:focus {
  margin:  3px ;
}
.m-4,
.m-4\:h:hover,
.m-4\:f:focus {
  margin:  4px ;
}
.m-5,
.m-5\:h:hover,
.m-5\:f:focus {
  margin:  5px ;
}
.m-6,
.m-6\:h:hover,
.m-6\:f:focus {
  margin:  6px ;
}
.m-7,
.m-7\:h:hover,
.m-7\:f:focus {
  margin:  7px ;
}
.m-8,
.m-8\:h:hover,
.m-8\:f:focus {
  margin:  8px ;
}
.m-9,
.m-9\:h:hover,
.m-9\:f:focus {
  margin:  9px ;
}
.m-10,
.m-10\:h:hover,
.m-10\:f:focus {
  margin:  10px ;
}
.m-15,
.m-15\:h:hover,
.m-15\:f:focus {
  margin:  15px ;
}
.m-20,
.m-20\:h:hover,
.m-20\:f:focus {
  margin:  20px ;
}
.m-25,
.m-25\:h:hover,
.m-25\:f:focus {
  margin:  25px ;
}
.m-30,
.m-30\:h:hover,
.m-30\:f:focus {
  margin:  30px ;
}
.m-35,
.m-35\:h:hover,
.m-35\:f:focus {
  margin:  35px ;
}
.m-40,
.m-40\:h:hover,
.m-40\:f:focus {
  margin:  40px ;
}
.m-45,
.m-45\:h:hover,
.m-45\:f:focus {
  margin:  45px ;
}
.m-50,
.m-50\:h:hover,
.m-50\:f:focus {
  margin:  50px ;
}
/* #endregion */
/* #region X axis */
.mx-a,
.mx-a\:h:hover,
.mx-a\:f:focus {
  margin: 0 auto;
}
.mx--50,
.mx--50\:h:hover,
.mx--50\:f:focus {
  margin-left:  -50px ;
  margin-right:  -50px ;
}
.mx--45,
.mx--45\:h:hover,
.mx--45\:f:focus {
  margin-left:  -45px ;
  margin-right:  -45px ;
}
.mx--40,
.mx--40\:h:hover,
.mx--40\:f:focus {
  margin-left:  -40px ;
  margin-right:  -40px ;
}
.mx--35,
.mx--35\:h:hover,
.mx--35\:f:focus {
  margin-left:  -35px ;
  margin-right:  -35px ;
}
.mx--30,
.mx--30\:h:hover,
.mx--30\:f:focus {
  margin-left:  -30px ;
  margin-right:  -30px ;
}
.mx--25,
.mx--25\:h:hover,
.mx--25\:f:focus {
  margin-left:  -25px ;
  margin-right:  -25px ;
}
.mx--20,
.mx--20\:h:hover,
.mx--20\:f:focus {
  margin-left:  -20px ;
  margin-right:  -20px ;
}
.mx--15,
.mx--15\:h:hover,
.mx--15\:f:focus {
  margin-left:  -15px ;
  margin-right:  -15px ;
}
.mx--10,
.mx--10\:h:hover,
.mx--10\:f:focus {
  margin-left:  -10px ;
  margin-right:  -10px ;
}
.mx--9,
.mx--9\:h:hover,
.mx--9\:f:focus {
  margin-left:  -9px ;
  margin-right:  -9px ;
}
.mx--8,
.mx--8\:h:hover,
.mx--8\:f:focus {
  margin-left:  -8px ;
  margin-right:  -8px ;
}
.mx--7,
.mx--7\:h:hover,
.mx--7\:f:focus {
  margin-left:  -7px ;
  margin-right:  -7px ;
}
.mx--6,
.mx--6\:h:hover,
.mx--6\:f:focus {
  margin-left:  -6px ;
  margin-right:  -6px ;
}
.mx--5,
.mx--5\:h:hover,
.mx--5\:f:focus {
  margin-left:  -5px ;
  margin-right:  -5px ;
}
.mx--4,
.mx--4\:h:hover,
.mx--4\:f:focus {
  margin-left:  -4px ;
  margin-right:  -4px ;
}
.mx--3,
.mx--3\:h:hover,
.mx--3\:f:focus {
  margin-left:  -3px ;
  margin-right:  -3px ;
}
.mx--2,
.mx--2\:h:hover,
.mx--2\:f:focus {
  margin-left:  -2px ;
  margin-right:  -2px ;
}
.mx--1,
.mx--1\:h:hover,
.mx--1\:f:focus {
  margin-left:  -1px ;
  margin-right:  -1px ;
}
.mx-0,
.mx-0\:h:hover,
.mx-0\:f:focus {
  margin-left:  0px ;
  margin-right:  0px ;
}
.mx-0,
.mx-0\:h:hover,
.mx-0\:f:focus {
  margin-left:  0px ;
  margin-right:  0px ;
}
.mx-1,
.mx-1\:h:hover,
.mx-1\:f:focus {
  margin-left:  1px ;
  margin-right:  1px ;
}
.mx-2,
.mx-2\:h:hover,
.mx-2\:f:focus {
  margin-left:  2px ;
  margin-right:  2px ;
}
.mx-3,
.mx-3\:h:hover,
.mx-3\:f:focus {
  margin-left:  3px ;
  margin-right:  3px ;
}
.mx-4,
.mx-4\:h:hover,
.mx-4\:f:focus {
  margin-left:  4px ;
  margin-right:  4px ;
}
.mx-5,
.mx-5\:h:hover,
.mx-5\:f:focus {
  margin-left:  5px ;
  margin-right:  5px ;
}
.mx-6,
.mx-6\:h:hover,
.mx-6\:f:focus {
  margin-left:  6px ;
  margin-right:  6px ;
}
.mx-7,
.mx-7\:h:hover,
.mx-7\:f:focus {
  margin-left:  7px ;
  margin-right:  7px ;
}
.mx-8,
.mx-8\:h:hover,
.mx-8\:f:focus {
  margin-left:  8px ;
  margin-right:  8px ;
}
.mx-9,
.mx-9\:h:hover,
.mx-9\:f:focus {
  margin-left:  9px ;
  margin-right:  9px ;
}
.mx-10,
.mx-10\:h:hover,
.mx-10\:f:focus {
  margin-left:  10px ;
  margin-right:  10px ;
}
.mx-15,
.mx-15\:h:hover,
.mx-15\:f:focus {
  margin-left:  15px ;
  margin-right:  15px ;
}
.mx-20,
.mx-20\:h:hover,
.mx-20\:f:focus {
  margin-left:  20px ;
  margin-right:  20px ;
}
.mx-25,
.mx-25\:h:hover,
.mx-25\:f:focus {
  margin-left:  25px ;
  margin-right:  25px ;
}
.mx-30,
.mx-30\:h:hover,
.mx-30\:f:focus {
  margin-left:  30px ;
  margin-right:  30px ;
}
.mx-35,
.mx-35\:h:hover,
.mx-35\:f:focus {
  margin-left:  35px ;
  margin-right:  35px ;
}
.mx-40,
.mx-40\:h:hover,
.mx-40\:f:focus {
  margin-left:  40px ;
  margin-right:  40px ;
}
.mx-45,
.mx-45\:h:hover,
.mx-45\:f:focus {
  margin-left:  45px ;
  margin-right:  45px ;
}
.mx-50,
.mx-50\:h:hover,
.mx-50\:f:focus {
  margin-left:  50px ;
  margin-right:  50px ;
}
/* #endregion */
/* #region Y axis */
.my-a,
.my-a\:h:hover,
.my-a\:f:focus {
  margin: auto 0;
}
.my--50,
.my--50\:h:hover,
.my--50\:f:focus {
  margin-top:  -50px ;
  margin-bottom:  -50px ;
}
.my--45,
.my--45\:h:hover,
.my--45\:f:focus {
  margin-top:  -45px ;
  margin-bottom:  -45px ;
}
.my--40,
.my--40\:h:hover,
.my--40\:f:focus {
  margin-top:  -40px ;
  margin-bottom:  -40px ;
}
.my--35,
.my--35\:h:hover,
.my--35\:f:focus {
  margin-top:  -35px ;
  margin-bottom:  -35px ;
}
.my--30,
.my--30\:h:hover,
.my--30\:f:focus {
  margin-top:  -30px ;
  margin-bottom:  -30px ;
}
.my--25,
.my--25\:h:hover,
.my--25\:f:focus {
  margin-top:  -25px ;
  margin-bottom:  -25px ;
}
.my--20,
.my--20\:h:hover,
.my--20\:f:focus {
  margin-top:  -20px ;
  margin-bottom:  -20px ;
}
.my--15,
.my--15\:h:hover,
.my--15\:f:focus {
  margin-top:  -15px ;
  margin-bottom:  -15px ;
}
.my--10,
.my--10\:h:hover,
.my--10\:f:focus {
  margin-top:  -10px ;
  margin-bottom:  -10px ;
}
.my--9,
.my--9\:h:hover,
.my--9\:f:focus {
  margin-top:  -9px ;
  margin-bottom:  -9px ;
}
.my--8,
.my--8\:h:hover,
.my--8\:f:focus {
  margin-top:  -8px ;
  margin-bottom:  -8px ;
}
.my--7,
.my--7\:h:hover,
.my--7\:f:focus {
  margin-top:  -7px ;
  margin-bottom:  -7px ;
}
.my--6,
.my--6\:h:hover,
.my--6\:f:focus {
  margin-top:  -6px ;
  margin-bottom:  -6px ;
}
.my--5,
.my--5\:h:hover,
.my--5\:f:focus {
  margin-top:  -5px ;
  margin-bottom:  -5px ;
}
.my--4,
.my--4\:h:hover,
.my--4\:f:focus {
  margin-top:  -4px ;
  margin-bottom:  -4px ;
}
.my--3,
.my--3\:h:hover,
.my--3\:f:focus {
  margin-top:  -3px ;
  margin-bottom:  -3px ;
}
.my--2,
.my--2\:h:hover,
.my--2\:f:focus {
  margin-top:  -2px ;
  margin-bottom:  -2px ;
}
.my--1,
.my--1\:h:hover,
.my--1\:f:focus {
  margin-top:  -1px ;
  margin-bottom:  -1px ;
}
.my-0,
.my-0\:h:hover,
.my-0\:f:focus {
  margin-top:  0px ;
  margin-bottom:  0px ;
}
.my-0,
.my-0\:h:hover,
.my-0\:f:focus {
  margin-top:  0px ;
  margin-bottom:  0px ;
}
.my-1,
.my-1\:h:hover,
.my-1\:f:focus {
  margin-top:  1px ;
  margin-bottom:  1px ;
}
.my-2,
.my-2\:h:hover,
.my-2\:f:focus {
  margin-top:  2px ;
  margin-bottom:  2px ;
}
.my-3,
.my-3\:h:hover,
.my-3\:f:focus {
  margin-top:  3px ;
  margin-bottom:  3px ;
}
.my-4,
.my-4\:h:hover,
.my-4\:f:focus {
  margin-top:  4px ;
  margin-bottom:  4px ;
}
.my-5,
.my-5\:h:hover,
.my-5\:f:focus {
  margin-top:  5px ;
  margin-bottom:  5px ;
}
.my-6,
.my-6\:h:hover,
.my-6\:f:focus {
  margin-top:  6px ;
  margin-bottom:  6px ;
}
.my-7,
.my-7\:h:hover,
.my-7\:f:focus {
  margin-top:  7px ;
  margin-bottom:  7px ;
}
.my-8,
.my-8\:h:hover,
.my-8\:f:focus {
  margin-top:  8px ;
  margin-bottom:  8px ;
}
.my-9,
.my-9\:h:hover,
.my-9\:f:focus {
  margin-top:  9px ;
  margin-bottom:  9px ;
}
.my-10,
.my-10\:h:hover,
.my-10\:f:focus {
  margin-top:  10px ;
  margin-bottom:  10px ;
}
.my-15,
.my-15\:h:hover,
.my-15\:f:focus {
  margin-top:  15px ;
  margin-bottom:  15px ;
}
.my-20,
.my-20\:h:hover,
.my-20\:f:focus {
  margin-top:  20px ;
  margin-bottom:  20px ;
}
.my-25,
.my-25\:h:hover,
.my-25\:f:focus {
  margin-top:  25px ;
  margin-bottom:  25px ;
}
.my-30,
.my-30\:h:hover,
.my-30\:f:focus {
  margin-top:  30px ;
  margin-bottom:  30px ;
}
.my-35,
.my-35\:h:hover,
.my-35\:f:focus {
  margin-top:  35px ;
  margin-bottom:  35px ;
}
.my-40,
.my-40\:h:hover,
.my-40\:f:focus {
  margin-top:  40px ;
  margin-bottom:  40px ;
}
.my-45,
.my-45\:h:hover,
.my-45\:f:focus {
  margin-top:  45px ;
  margin-bottom:  45px ;
}
.my-50,
.my-50\:h:hover,
.my-50\:f:focus {
  margin-top:  50px ;
  margin-bottom:  50px ;
}
/* #endregion */
/* #region top */
.mt-a,
.mt-a\:h:hover,
.mt-a\:f:focus {
  margin-top: auto;
}
.mt--50,
.mt--50\:h:hover,
.mt--50\:f:focus {
  margin-top:  -50px ;
}
.mt--45,
.mt--45\:h:hover,
.mt--45\:f:focus {
  margin-top:  -45px ;
}
.mt--40,
.mt--40\:h:hover,
.mt--40\:f:focus {
  margin-top:  -40px ;
}
.mt--35,
.mt--35\:h:hover,
.mt--35\:f:focus {
  margin-top:  -35px ;
}
.mt--30,
.mt--30\:h:hover,
.mt--30\:f:focus {
  margin-top:  -30px ;
}
.mt--25,
.mt--25\:h:hover,
.mt--25\:f:focus {
  margin-top:  -25px ;
}
.mt--20,
.mt--20\:h:hover,
.mt--20\:f:focus {
  margin-top:  -20px ;
}
.mt--15,
.mt--15\:h:hover,
.mt--15\:f:focus {
  margin-top:  -15px ;
}
.mt--10,
.mt--10\:h:hover,
.mt--10\:f:focus {
  margin-top:  -10px ;
}
.mt--9,
.mt--9\:h:hover,
.mt--9\:f:focus {
  margin-top:  -9px ;
}
.mt--8,
.mt--8\:h:hover,
.mt--8\:f:focus {
  margin-top:  -8px ;
}
.mt--7,
.mt--7\:h:hover,
.mt--7\:f:focus {
  margin-top:  -7px ;
}
.mt--6,
.mt--6\:h:hover,
.mt--6\:f:focus {
  margin-top:  -6px ;
}
.mt--5,
.mt--5\:h:hover,
.mt--5\:f:focus {
  margin-top:  -5px ;
}
.mt--4,
.mt--4\:h:hover,
.mt--4\:f:focus {
  margin-top:  -4px ;
}
.mt--3,
.mt--3\:h:hover,
.mt--3\:f:focus {
  margin-top:  -3px ;
}
.mt--2,
.mt--2\:h:hover,
.mt--2\:f:focus {
  margin-top:  -2px ;
}
.mt--1,
.mt--1\:h:hover,
.mt--1\:f:focus {
  margin-top:  -1px ;
}
.mt-0,
.mt-0\:h:hover,
.mt-0\:f:focus {
  margin-top:  0px ;
}
.mt-0,
.mt-0\:h:hover,
.mt-0\:f:focus {
  margin-top:  0px ;
}
.mt-1,
.mt-1\:h:hover,
.mt-1\:f:focus {
  margin-top:  1px ;
}
.mt-2,
.mt-2\:h:hover,
.mt-2\:f:focus {
  margin-top:  2px ;
}
.mt-3,
.mt-3\:h:hover,
.mt-3\:f:focus {
  margin-top:  3px ;
}
.mt-4,
.mt-4\:h:hover,
.mt-4\:f:focus {
  margin-top:  4px ;
}
.mt-5,
.mt-5\:h:hover,
.mt-5\:f:focus {
  margin-top:  5px ;
}
.mt-6,
.mt-6\:h:hover,
.mt-6\:f:focus {
  margin-top:  6px ;
}
.mt-7,
.mt-7\:h:hover,
.mt-7\:f:focus {
  margin-top:  7px ;
}
.mt-8,
.mt-8\:h:hover,
.mt-8\:f:focus {
  margin-top:  8px ;
}
.mt-9,
.mt-9\:h:hover,
.mt-9\:f:focus {
  margin-top:  9px ;
}
.mt-10,
.mt-10\:h:hover,
.mt-10\:f:focus {
  margin-top:  10px ;
}
.mt-15,
.mt-15\:h:hover,
.mt-15\:f:focus {
  margin-top:  15px ;
}
.mt-20,
.mt-20\:h:hover,
.mt-20\:f:focus {
  margin-top:  20px ;
}
.mt-25,
.mt-25\:h:hover,
.mt-25\:f:focus {
  margin-top:  25px ;
}
.mt-30,
.mt-30\:h:hover,
.mt-30\:f:focus {
  margin-top:  30px ;
}
.mt-35,
.mt-35\:h:hover,
.mt-35\:f:focus {
  margin-top:  35px ;
}
.mt-40,
.mt-40\:h:hover,
.mt-40\:f:focus {
  margin-top:  40px ;
}
.mt-45,
.mt-45\:h:hover,
.mt-45\:f:focus {
  margin-top:  45px ;
}
.mt-50,
.mt-50\:h:hover,
.mt-50\:f:focus {
  margin-top:  50px ;
}
/* #endregion */
/* #region right */
.mr-a,
.mr-a\:h:hover,
.mr-a\:f:focus {
  margin-right: auto;
}
.mr--50,
.mr--50\:h:hover,
.mr--50\:f:focus {
  margin-right:  -50px ;
}
.mr--45,
.mr--45\:h:hover,
.mr--45\:f:focus {
  margin-right:  -45px ;
}
.mr--40,
.mr--40\:h:hover,
.mr--40\:f:focus {
  margin-right:  -40px ;
}
.mr--35,
.mr--35\:h:hover,
.mr--35\:f:focus {
  margin-right:  -35px ;
}
.mr--30,
.mr--30\:h:hover,
.mr--30\:f:focus {
  margin-right:  -30px ;
}
.mr--25,
.mr--25\:h:hover,
.mr--25\:f:focus {
  margin-right:  -25px ;
}
.mr--20,
.mr--20\:h:hover,
.mr--20\:f:focus {
  margin-right:  -20px ;
}
.mr--15,
.mr--15\:h:hover,
.mr--15\:f:focus {
  margin-right:  -15px ;
}
.mr--10,
.mr--10\:h:hover,
.mr--10\:f:focus {
  margin-right:  -10px ;
}
.mr--9,
.mr--9\:h:hover,
.mr--9\:f:focus {
  margin-right:  -9px ;
}
.mr--8,
.mr--8\:h:hover,
.mr--8\:f:focus {
  margin-right:  -8px ;
}
.mr--7,
.mr--7\:h:hover,
.mr--7\:f:focus {
  margin-right:  -7px ;
}
.mr--6,
.mr--6\:h:hover,
.mr--6\:f:focus {
  margin-right:  -6px ;
}
.mr--5,
.mr--5\:h:hover,
.mr--5\:f:focus {
  margin-right:  -5px ;
}
.mr--4,
.mr--4\:h:hover,
.mr--4\:f:focus {
  margin-right:  -4px ;
}
.mr--3,
.mr--3\:h:hover,
.mr--3\:f:focus {
  margin-right:  -3px ;
}
.mr--2,
.mr--2\:h:hover,
.mr--2\:f:focus {
  margin-right:  -2px ;
}
.mr--1,
.mr--1\:h:hover,
.mr--1\:f:focus {
  margin-right:  -1px ;
}
.mr-0,
.mr-0\:h:hover,
.mr-0\:f:focus {
  margin-right:  0px ;
}
.mr-0,
.mr-0\:h:hover,
.mr-0\:f:focus {
  margin-right:  0px ;
}
.mr-1,
.mr-1\:h:hover,
.mr-1\:f:focus {
  margin-right:  1px ;
}
.mr-2,
.mr-2\:h:hover,
.mr-2\:f:focus {
  margin-right:  2px ;
}
.mr-3,
.mr-3\:h:hover,
.mr-3\:f:focus {
  margin-right:  3px ;
}
.mr-4,
.mr-4\:h:hover,
.mr-4\:f:focus {
  margin-right:  4px ;
}
.mr-5,
.mr-5\:h:hover,
.mr-5\:f:focus {
  margin-right:  5px ;
}
.mr-6,
.mr-6\:h:hover,
.mr-6\:f:focus {
  margin-right:  6px ;
}
.mr-7,
.mr-7\:h:hover,
.mr-7\:f:focus {
  margin-right:  7px ;
}
.mr-8,
.mr-8\:h:hover,
.mr-8\:f:focus {
  margin-right:  8px ;
}
.mr-9,
.mr-9\:h:hover,
.mr-9\:f:focus {
  margin-right:  9px ;
}
.mr-10,
.mr-10\:h:hover,
.mr-10\:f:focus {
  margin-right:  10px ;
}
.mr-15,
.mr-15\:h:hover,
.mr-15\:f:focus {
  margin-right:  15px ;
}
.mr-20,
.mr-20\:h:hover,
.mr-20\:f:focus {
  margin-right:  20px ;
}
.mr-25,
.mr-25\:h:hover,
.mr-25\:f:focus {
  margin-right:  25px ;
}
.mr-30,
.mr-30\:h:hover,
.mr-30\:f:focus {
  margin-right:  30px ;
}
.mr-35,
.mr-35\:h:hover,
.mr-35\:f:focus {
  margin-right:  35px ;
}
.mr-40,
.mr-40\:h:hover,
.mr-40\:f:focus {
  margin-right:  40px ;
}
.mr-45,
.mr-45\:h:hover,
.mr-45\:f:focus {
  margin-right:  45px ;
}
.mr-50,
.mr-50\:h:hover,
.mr-50\:f:focus {
  margin-right:  50px ;
}
/* #endregion */
/* #region bottom */
.mb-a,
.mb-a\:h:hover,
.mb-a\:f:focus {
  margin-bottom: auto;
}
.mb--50,
.mb--50\:h:hover,
.mb--50\:f:focus {
  margin-bottom:  -50px ;
}
.mb--45,
.mb--45\:h:hover,
.mb--45\:f:focus {
  margin-bottom:  -45px ;
}
.mb--40,
.mb--40\:h:hover,
.mb--40\:f:focus {
  margin-bottom:  -40px ;
}
.mb--35,
.mb--35\:h:hover,
.mb--35\:f:focus {
  margin-bottom:  -35px ;
}
.mb--30,
.mb--30\:h:hover,
.mb--30\:f:focus {
  margin-bottom:  -30px ;
}
.mb--25,
.mb--25\:h:hover,
.mb--25\:f:focus {
  margin-bottom:  -25px ;
}
.mb--20,
.mb--20\:h:hover,
.mb--20\:f:focus {
  margin-bottom:  -20px ;
}
.mb--15,
.mb--15\:h:hover,
.mb--15\:f:focus {
  margin-bottom:  -15px ;
}
.mb--10,
.mb--10\:h:hover,
.mb--10\:f:focus {
  margin-bottom:  -10px ;
}
.mb--9,
.mb--9\:h:hover,
.mb--9\:f:focus {
  margin-bottom:  -9px ;
}
.mb--8,
.mb--8\:h:hover,
.mb--8\:f:focus {
  margin-bottom:  -8px ;
}
.mb--7,
.mb--7\:h:hover,
.mb--7\:f:focus {
  margin-bottom:  -7px ;
}
.mb--6,
.mb--6\:h:hover,
.mb--6\:f:focus {
  margin-bottom:  -6px ;
}
.mb--5,
.mb--5\:h:hover,
.mb--5\:f:focus {
  margin-bottom:  -5px ;
}
.mb--4,
.mb--4\:h:hover,
.mb--4\:f:focus {
  margin-bottom:  -4px ;
}
.mb--3,
.mb--3\:h:hover,
.mb--3\:f:focus {
  margin-bottom:  -3px ;
}
.mb--2,
.mb--2\:h:hover,
.mb--2\:f:focus {
  margin-bottom:  -2px ;
}
.mb--1,
.mb--1\:h:hover,
.mb--1\:f:focus {
  margin-bottom:  -1px ;
}
.mb-0,
.mb-0\:h:hover,
.mb-0\:f:focus {
  margin-bottom:  0px ;
}
.mb-0,
.mb-0\:h:hover,
.mb-0\:f:focus {
  margin-bottom:  0px ;
}
.mb-1,
.mb-1\:h:hover,
.mb-1\:f:focus {
  margin-bottom:  1px ;
}
.mb-2,
.mb-2\:h:hover,
.mb-2\:f:focus {
  margin-bottom:  2px ;
}
.mb-3,
.mb-3\:h:hover,
.mb-3\:f:focus {
  margin-bottom:  3px ;
}
.mb-4,
.mb-4\:h:hover,
.mb-4\:f:focus {
  margin-bottom:  4px ;
}
.mb-5,
.mb-5\:h:hover,
.mb-5\:f:focus {
  margin-bottom:  5px ;
}
.mb-6,
.mb-6\:h:hover,
.mb-6\:f:focus {
  margin-bottom:  6px ;
}
.mb-7,
.mb-7\:h:hover,
.mb-7\:f:focus {
  margin-bottom:  7px ;
}
.mb-8,
.mb-8\:h:hover,
.mb-8\:f:focus {
  margin-bottom:  8px ;
}
.mb-9,
.mb-9\:h:hover,
.mb-9\:f:focus {
  margin-bottom:  9px ;
}
.mb-10,
.mb-10\:h:hover,
.mb-10\:f:focus {
  margin-bottom:  10px ;
}
.mb-15,
.mb-15\:h:hover,
.mb-15\:f:focus {
  margin-bottom:  15px ;
}
.mb-20,
.mb-20\:h:hover,
.mb-20\:f:focus {
  margin-bottom:  20px ;
}
.mb-25,
.mb-25\:h:hover,
.mb-25\:f:focus {
  margin-bottom:  25px ;
}
.mb-30,
.mb-30\:h:hover,
.mb-30\:f:focus {
  margin-bottom:  30px ;
}
.mb-35,
.mb-35\:h:hover,
.mb-35\:f:focus {
  margin-bottom:  35px ;
}
.mb-40,
.mb-40\:h:hover,
.mb-40\:f:focus {
  margin-bottom:  40px ;
}
.mb-45,
.mb-45\:h:hover,
.mb-45\:f:focus {
  margin-bottom:  45px ;
}
.mb-50,
.mb-50\:h:hover,
.mb-50\:f:focus {
  margin-bottom:  50px ;
}
/* #endregion */
/* #region left */
.ml-a,
.ml-a\:h:hover,
.ml-a\:f:focus {
  margin-left: auto;
}
.ml--50,
.ml--50\:h:hover,
.ml--50\:f:focus {
  margin-left:  -50px ;
}
.ml--45,
.ml--45\:h:hover,
.ml--45\:f:focus {
  margin-left:  -45px ;
}
.ml--40,
.ml--40\:h:hover,
.ml--40\:f:focus {
  margin-left:  -40px ;
}
.ml--35,
.ml--35\:h:hover,
.ml--35\:f:focus {
  margin-left:  -35px ;
}
.ml--30,
.ml--30\:h:hover,
.ml--30\:f:focus {
  margin-left:  -30px ;
}
.ml--25,
.ml--25\:h:hover,
.ml--25\:f:focus {
  margin-left:  -25px ;
}
.ml--20,
.ml--20\:h:hover,
.ml--20\:f:focus {
  margin-left:  -20px ;
}
.ml--15,
.ml--15\:h:hover,
.ml--15\:f:focus {
  margin-left:  -15px ;
}
.ml--10,
.ml--10\:h:hover,
.ml--10\:f:focus {
  margin-left:  -10px ;
}
.ml--9,
.ml--9\:h:hover,
.ml--9\:f:focus {
  margin-left:  -9px ;
}
.ml--8,
.ml--8\:h:hover,
.ml--8\:f:focus {
  margin-left:  -8px ;
}
.ml--7,
.ml--7\:h:hover,
.ml--7\:f:focus {
  margin-left:  -7px ;
}
.ml--6,
.ml--6\:h:hover,
.ml--6\:f:focus {
  margin-left:  -6px ;
}
.ml--5,
.ml--5\:h:hover,
.ml--5\:f:focus {
  margin-left:  -5px ;
}
.ml--4,
.ml--4\:h:hover,
.ml--4\:f:focus {
  margin-left:  -4px ;
}
.ml--3,
.ml--3\:h:hover,
.ml--3\:f:focus {
  margin-left:  -3px ;
}
.ml--2,
.ml--2\:h:hover,
.ml--2\:f:focus {
  margin-left:  -2px ;
}
.ml--1,
.ml--1\:h:hover,
.ml--1\:f:focus {
  margin-left:  -1px ;
}
.ml-0,
.ml-0\:h:hover,
.ml-0\:f:focus {
  margin-left:  0px ;
}
.ml-0,
.ml-0\:h:hover,
.ml-0\:f:focus {
  margin-left:  0px ;
}
.ml-1,
.ml-1\:h:hover,
.ml-1\:f:focus {
  margin-left:  1px ;
}
.ml-2,
.ml-2\:h:hover,
.ml-2\:f:focus {
  margin-left:  2px ;
}
.ml-3,
.ml-3\:h:hover,
.ml-3\:f:focus {
  margin-left:  3px ;
}
.ml-4,
.ml-4\:h:hover,
.ml-4\:f:focus {
  margin-left:  4px ;
}
.ml-5,
.ml-5\:h:hover,
.ml-5\:f:focus {
  margin-left:  5px ;
}
.ml-6,
.ml-6\:h:hover,
.ml-6\:f:focus {
  margin-left:  6px ;
}
.ml-7,
.ml-7\:h:hover,
.ml-7\:f:focus {
  margin-left:  7px ;
}
.ml-8,
.ml-8\:h:hover,
.ml-8\:f:focus {
  margin-left:  8px ;
}
.ml-9,
.ml-9\:h:hover,
.ml-9\:f:focus {
  margin-left:  9px ;
}
.ml-10,
.ml-10\:h:hover,
.ml-10\:f:focus {
  margin-left:  10px ;
}
.ml-15,
.ml-15\:h:hover,
.ml-15\:f:focus {
  margin-left:  15px ;
}
.ml-20,
.ml-20\:h:hover,
.ml-20\:f:focus {
  margin-left:  20px ;
}
.ml-25,
.ml-25\:h:hover,
.ml-25\:f:focus {
  margin-left:  25px ;
}
.ml-30,
.ml-30\:h:hover,
.ml-30\:f:focus {
  margin-left:  30px ;
}
.ml-35,
.ml-35\:h:hover,
.ml-35\:f:focus {
  margin-left:  35px ;
}
.ml-40,
.ml-40\:h:hover,
.ml-40\:f:focus {
  margin-left:  40px ;
}
.ml-45,
.ml-45\:h:hover,
.ml-45\:f:focus {
  margin-left:  45px ;
}
.ml-50,
.ml-50\:h:hover,
.ml-50\:f:focus {
  margin-left:  50px ;
}
/* #endregion */
/* #endregion */
/* #region PADDING */
/* #region all sides */
.p-0,
.p-0\:h:hover,
.p-0\:f:focus {
  padding:  0px ;
}
.p-1,
.p-1\:h:hover,
.p-1\:f:focus {
  padding:  1px ;
}
.p-2,
.p-2\:h:hover,
.p-2\:f:focus {
  padding:  2px ;
}
.p-3,
.p-3\:h:hover,
.p-3\:f:focus {
  padding:  3px ;
}
.p-4,
.p-4\:h:hover,
.p-4\:f:focus {
  padding:  4px ;
}
.p-5,
.p-5\:h:hover,
.p-5\:f:focus {
  padding:  5px ;
}
.p-6,
.p-6\:h:hover,
.p-6\:f:focus {
  padding:  6px ;
}
.p-7,
.p-7\:h:hover,
.p-7\:f:focus {
  padding:  7px ;
}
.p-8,
.p-8\:h:hover,
.p-8\:f:focus {
  padding:  8px ;
}
.p-9,
.p-9\:h:hover,
.p-9\:f:focus {
  padding:  9px ;
}
.p-10,
.p-10\:h:hover,
.p-10\:f:focus {
  padding:  10px ;
}
.p-15,
.p-15\:h:hover,
.p-15\:f:focus {
  padding:  15px ;
}
.p-20,
.p-20\:h:hover,
.p-20\:f:focus {
  padding:  20px ;
}
.p-25,
.p-25\:h:hover,
.p-25\:f:focus {
  padding:  25px ;
}
.p-30,
.p-30\:h:hover,
.p-30\:f:focus {
  padding:  30px ;
}
.p-35,
.p-35\:h:hover,
.p-35\:f:focus {
  padding:  35px ;
}
.p-40,
.p-40\:h:hover,
.p-40\:f:focus {
  padding:  40px ;
}
.p-45,
.p-45\:h:hover,
.p-45\:f:focus {
  padding:  45px ;
}
.p-50,
.p-50\:h:hover,
.p-50\:f:focus {
  padding:  50px ;
}
/* #endregion */
/* #region X axis */
.px-0,
.px-0\:h:hover,
.px-0\:f:focus {
  padding-left:  0px ;
  padding-right:  0px ;
}
.px-1,
.px-1\:h:hover,
.px-1\:f:focus {
  padding-left:  1px ;
  padding-right:  1px ;
}
.px-2,
.px-2\:h:hover,
.px-2\:f:focus {
  padding-left:  2px ;
  padding-right:  2px ;
}
.px-3,
.px-3\:h:hover,
.px-3\:f:focus {
  padding-left:  3px ;
  padding-right:  3px ;
}
.px-4,
.px-4\:h:hover,
.px-4\:f:focus {
  padding-left:  4px ;
  padding-right:  4px ;
}
.px-5,
.px-5\:h:hover,
.px-5\:f:focus {
  padding-left:  5px ;
  padding-right:  5px ;
}
.px-6,
.px-6\:h:hover,
.px-6\:f:focus {
  padding-left:  6px ;
  padding-right:  6px ;
}
.px-7,
.px-7\:h:hover,
.px-7\:f:focus {
  padding-left:  7px ;
  padding-right:  7px ;
}
.px-8,
.px-8\:h:hover,
.px-8\:f:focus {
  padding-left:  8px ;
  padding-right:  8px ;
}
.px-9,
.px-9\:h:hover,
.px-9\:f:focus {
  padding-left:  9px ;
  padding-right:  9px ;
}
.px-10,
.px-10\:h:hover,
.px-10\:f:focus {
  padding-left:  10px ;
  padding-right:  10px ;
}
.px-15,
.px-15\:h:hover,
.px-15\:f:focus {
  padding-left:  15px ;
  padding-right:  15px ;
}
.px-20,
.px-20\:h:hover,
.px-20\:f:focus {
  padding-left:  20px ;
  padding-right:  20px ;
}
.px-25,
.px-25\:h:hover,
.px-25\:f:focus {
  padding-left:  25px ;
  padding-right:  25px ;
}
.px-30,
.px-30\:h:hover,
.px-30\:f:focus {
  padding-left:  30px ;
  padding-right:  30px ;
}
.px-35,
.px-35\:h:hover,
.px-35\:f:focus {
  padding-left:  35px ;
  padding-right:  35px ;
}
.px-40,
.px-40\:h:hover,
.px-40\:f:focus {
  padding-left:  40px ;
  padding-right:  40px ;
}
.px-45,
.px-45\:h:hover,
.px-45\:f:focus {
  padding-left:  45px ;
  padding-right:  45px ;
}
.px-50,
.px-50\:h:hover,
.px-50\:f:focus {
  padding-left:  50px ;
  padding-right:  50px ;
}
/* #endregion */
/* #region Y axis */
.py-0,
.py-0\:h:hover,
.py-0\:f:focus {
  padding-top:  0px ;
  padding-bottom:  0px ;
}
.py-1,
.py-1\:h:hover,
.py-1\:f:focus {
  padding-top:  1px ;
  padding-bottom:  1px ;
}
.py-2,
.py-2\:h:hover,
.py-2\:f:focus {
  padding-top:  2px ;
  padding-bottom:  2px ;
}
.py-3,
.py-3\:h:hover,
.py-3\:f:focus {
  padding-top:  3px ;
  padding-bottom:  3px ;
}
.py-4,
.py-4\:h:hover,
.py-4\:f:focus {
  padding-top:  4px ;
  padding-bottom:  4px ;
}
.py-5,
.py-5\:h:hover,
.py-5\:f:focus {
  padding-top:  5px ;
  padding-bottom:  5px ;
}
.py-6,
.py-6\:h:hover,
.py-6\:f:focus {
  padding-top:  6px ;
  padding-bottom:  6px ;
}
.py-7,
.py-7\:h:hover,
.py-7\:f:focus {
  padding-top:  7px ;
  padding-bottom:  7px ;
}
.py-8,
.py-8\:h:hover,
.py-8\:f:focus {
  padding-top:  8px ;
  padding-bottom:  8px ;
}
.py-9,
.py-9\:h:hover,
.py-9\:f:focus {
  padding-top:  9px ;
  padding-bottom:  9px ;
}
.py-10,
.py-10\:h:hover,
.py-10\:f:focus {
  padding-top:  10px ;
  padding-bottom:  10px ;
}
.py-15,
.py-15\:h:hover,
.py-15\:f:focus {
  padding-top:  15px ;
  padding-bottom:  15px ;
}
.py-20,
.py-20\:h:hover,
.py-20\:f:focus {
  padding-top:  20px ;
  padding-bottom:  20px ;
}
.py-25,
.py-25\:h:hover,
.py-25\:f:focus {
  padding-top:  25px ;
  padding-bottom:  25px ;
}
.py-30,
.py-30\:h:hover,
.py-30\:f:focus {
  padding-top:  30px ;
  padding-bottom:  30px ;
}
.py-35,
.py-35\:h:hover,
.py-35\:f:focus {
  padding-top:  35px ;
  padding-bottom:  35px ;
}
.py-40,
.py-40\:h:hover,
.py-40\:f:focus {
  padding-top:  40px ;
  padding-bottom:  40px ;
}
.py-45,
.py-45\:h:hover,
.py-45\:f:focus {
  padding-top:  45px ;
  padding-bottom:  45px ;
}
.py-50,
.py-50\:h:hover,
.py-50\:f:focus {
  padding-top:  50px ;
  padding-bottom:  50px ;
}
/* #endregion */
/* #region top */
.pt-0,
.pt-0\:h:hover,
.pt-0\:f:focus {
  padding-top:  0px ;
}
.pt-1,
.pt-1\:h:hover,
.pt-1\:f:focus {
  padding-top:  1px ;
}
.pt-2,
.pt-2\:h:hover,
.pt-2\:f:focus {
  padding-top:  2px ;
}
.pt-3,
.pt-3\:h:hover,
.pt-3\:f:focus {
  padding-top:  3px ;
}
.pt-4,
.pt-4\:h:hover,
.pt-4\:f:focus {
  padding-top:  4px ;
}
.pt-5,
.pt-5\:h:hover,
.pt-5\:f:focus {
  padding-top:  5px ;
}
.pt-6,
.pt-6\:h:hover,
.pt-6\:f:focus {
  padding-top:  6px ;
}
.pt-7,
.pt-7\:h:hover,
.pt-7\:f:focus {
  padding-top:  7px ;
}
.pt-8,
.pt-8\:h:hover,
.pt-8\:f:focus {
  padding-top:  8px ;
}
.pt-9,
.pt-9\:h:hover,
.pt-9\:f:focus {
  padding-top:  9px ;
}
.pt-10,
.pt-10\:h:hover,
.pt-10\:f:focus {
  padding-top:  10px ;
}
.pt-15,
.pt-15\:h:hover,
.pt-15\:f:focus {
  padding-top:  15px ;
}
.pt-20,
.pt-20\:h:hover,
.pt-20\:f:focus {
  padding-top:  20px ;
}
.pt-25,
.pt-25\:h:hover,
.pt-25\:f:focus {
  padding-top:  25px ;
}
.pt-30,
.pt-30\:h:hover,
.pt-30\:f:focus {
  padding-top:  30px ;
}
.pt-35,
.pt-35\:h:hover,
.pt-35\:f:focus {
  padding-top:  35px ;
}
.pt-40,
.pt-40\:h:hover,
.pt-40\:f:focus {
  padding-top:  40px ;
}
.pt-45,
.pt-45\:h:hover,
.pt-45\:f:focus {
  padding-top:  45px ;
}
.pt-50,
.pt-50\:h:hover,
.pt-50\:f:focus {
  padding-top:  50px ;
}
/* #endregion */
/* #region right */
.pr-0,
.pr-0\:h:hover,
.pr-0\:f:focus {
  padding-right:  0px ;
}
.pr-1,
.pr-1\:h:hover,
.pr-1\:f:focus {
  padding-right:  1px ;
}
.pr-2,
.pr-2\:h:hover,
.pr-2\:f:focus {
  padding-right:  2px ;
}
.pr-3,
.pr-3\:h:hover,
.pr-3\:f:focus {
  padding-right:  3px ;
}
.pr-4,
.pr-4\:h:hover,
.pr-4\:f:focus {
  padding-right:  4px ;
}
.pr-5,
.pr-5\:h:hover,
.pr-5\:f:focus {
  padding-right:  5px ;
}
.pr-6,
.pr-6\:h:hover,
.pr-6\:f:focus {
  padding-right:  6px ;
}
.pr-7,
.pr-7\:h:hover,
.pr-7\:f:focus {
  padding-right:  7px ;
}
.pr-8,
.pr-8\:h:hover,
.pr-8\:f:focus {
  padding-right:  8px ;
}
.pr-9,
.pr-9\:h:hover,
.pr-9\:f:focus {
  padding-right:  9px ;
}
.pr-10,
.pr-10\:h:hover,
.pr-10\:f:focus {
  padding-right:  10px ;
}
.pr-15,
.pr-15\:h:hover,
.pr-15\:f:focus {
  padding-right:  15px ;
}
.pr-20,
.pr-20\:h:hover,
.pr-20\:f:focus {
  padding-right:  20px ;
}
.pr-25,
.pr-25\:h:hover,
.pr-25\:f:focus {
  padding-right:  25px ;
}
.pr-30,
.pr-30\:h:hover,
.pr-30\:f:focus {
  padding-right:  30px ;
}
.pr-35,
.pr-35\:h:hover,
.pr-35\:f:focus {
  padding-right:  35px ;
}
.pr-40,
.pr-40\:h:hover,
.pr-40\:f:focus {
  padding-right:  40px ;
}
.pr-45,
.pr-45\:h:hover,
.pr-45\:f:focus {
  padding-right:  45px ;
}
.pr-50,
.pr-50\:h:hover,
.pr-50\:f:focus {
  padding-right:  50px ;
}
/* #endregion */
/* #region bottom */
.pb-0,
.pb-0\:h:hover,
.pb-0\:f:focus {
  padding-bottom:  0px ;
}
.pb-1,
.pb-1\:h:hover,
.pb-1\:f:focus {
  padding-bottom:  1px ;
}
.pb-2,
.pb-2\:h:hover,
.pb-2\:f:focus {
  padding-bottom:  2px ;
}
.pb-3,
.pb-3\:h:hover,
.pb-3\:f:focus {
  padding-bottom:  3px ;
}
.pb-4,
.pb-4\:h:hover,
.pb-4\:f:focus {
  padding-bottom:  4px ;
}
.pb-5,
.pb-5\:h:hover,
.pb-5\:f:focus {
  padding-bottom:  5px ;
}
.pb-6,
.pb-6\:h:hover,
.pb-6\:f:focus {
  padding-bottom:  6px ;
}
.pb-7,
.pb-7\:h:hover,
.pb-7\:f:focus {
  padding-bottom:  7px ;
}
.pb-8,
.pb-8\:h:hover,
.pb-8\:f:focus {
  padding-bottom:  8px ;
}
.pb-9,
.pb-9\:h:hover,
.pb-9\:f:focus {
  padding-bottom:  9px ;
}
.pb-10,
.pb-10\:h:hover,
.pb-10\:f:focus {
  padding-bottom:  10px ;
}
.pb-15,
.pb-15\:h:hover,
.pb-15\:f:focus {
  padding-bottom:  15px ;
}
.pb-20,
.pb-20\:h:hover,
.pb-20\:f:focus {
  padding-bottom:  20px ;
}
.pb-25,
.pb-25\:h:hover,
.pb-25\:f:focus {
  padding-bottom:  25px ;
}
.pb-30,
.pb-30\:h:hover,
.pb-30\:f:focus {
  padding-bottom:  30px ;
}
.pb-35,
.pb-35\:h:hover,
.pb-35\:f:focus {
  padding-bottom:  35px ;
}
.pb-40,
.pb-40\:h:hover,
.pb-40\:f:focus {
  padding-bottom:  40px ;
}
.pb-45,
.pb-45\:h:hover,
.pb-45\:f:focus {
  padding-bottom:  45px ;
}
.pb-50,
.pb-50\:h:hover,
.pb-50\:f:focus {
  padding-bottom:  50px ;
}
/* #endregion */
/* #region left */
.pl-0,
.pl-0\:h:hover,
.pl-0\:f:focus {
  padding-left:  0px ;
}
.pl-1,
.pl-1\:h:hover,
.pl-1\:f:focus {
  padding-left:  1px ;
}
.pl-2,
.pl-2\:h:hover,
.pl-2\:f:focus {
  padding-left:  2px ;
}
.pl-3,
.pl-3\:h:hover,
.pl-3\:f:focus {
  padding-left:  3px ;
}
.pl-4,
.pl-4\:h:hover,
.pl-4\:f:focus {
  padding-left:  4px ;
}
.pl-5,
.pl-5\:h:hover,
.pl-5\:f:focus {
  padding-left:  5px ;
}
.pl-6,
.pl-6\:h:hover,
.pl-6\:f:focus {
  padding-left:  6px ;
}
.pl-7,
.pl-7\:h:hover,
.pl-7\:f:focus {
  padding-left:  7px ;
}
.pl-8,
.pl-8\:h:hover,
.pl-8\:f:focus {
  padding-left:  8px ;
}
.pl-9,
.pl-9\:h:hover,
.pl-9\:f:focus {
  padding-left:  9px ;
}
.pl-10,
.pl-10\:h:hover,
.pl-10\:f:focus {
  padding-left:  10px ;
}
.pl-15,
.pl-15\:h:hover,
.pl-15\:f:focus {
  padding-left:  15px ;
}
.pl-20,
.pl-20\:h:hover,
.pl-20\:f:focus {
  padding-left:  20px ;
}
.pl-25,
.pl-25\:h:hover,
.pl-25\:f:focus {
  padding-left:  25px ;
}
.pl-30,
.pl-30\:h:hover,
.pl-30\:f:focus {
  padding-left:  30px ;
}
.pl-35,
.pl-35\:h:hover,
.pl-35\:f:focus {
  padding-left:  35px ;
}
.pl-40,
.pl-40\:h:hover,
.pl-40\:f:focus {
  padding-left:  40px ;
}
.pl-45,
.pl-45\:h:hover,
.pl-45\:f:focus {
  padding-left:  45px ;
}
.pl-50,
.pl-50\:h:hover,
.pl-50\:f:focus {
  padding-left:  50px ;
}
/* #endregion */
/* #endregion */
/* #region BORDER */
/* #region style */
.b-solid,
.border-solid {
  border-style: solid;
}
.b-dashed,
.border-dashed {
  border-style: dashed;
}
.b-dotted,
.border-dotted {
  border-style: dotted;
}
.b-double,
.border-double {
  border-style: double;
}
/* #endregion */
/* #region all sides */
.b-0,
.b-0\:h:hover,
.b-0\:f:focus {
  border-width:  0px ;
}
.b-1,
.b-1\:h:hover,
.b-1\:f:focus {
  border-width:  1px ;
}
.b-2,
.b-2\:h:hover,
.b-2\:f:focus {
  border-width:  2px ;
}
.b-3,
.b-3\:h:hover,
.b-3\:f:focus {
  border-width:  3px ;
}
.b-4,
.b-4\:h:hover,
.b-4\:f:focus {
  border-width:  4px ;
}
.b-5,
.b-5\:h:hover,
.b-5\:f:focus {
  border-width:  5px ;
}
.b-6,
.b-6\:h:hover,
.b-6\:f:focus {
  border-width:  6px ;
}
.b-7,
.b-7\:h:hover,
.b-7\:f:focus {
  border-width:  7px ;
}
.b-8,
.b-8\:h:hover,
.b-8\:f:focus {
  border-width:  8px ;
}
.b-9,
.b-9\:h:hover,
.b-9\:f:focus {
  border-width:  9px ;
}
.b-10,
.b-10\:h:hover,
.b-10\:f:focus {
  border-width:  10px ;
}
.b-15,
.b-15\:h:hover,
.b-15\:f:focus {
  border-width:  15px ;
}
.b-20,
.b-20\:h:hover,
.b-20\:f:focus {
  border-width:  20px ;
}
.b-25,
.b-25\:h:hover,
.b-25\:f:focus {
  border-width:  25px ;
}
.b-30,
.b-30\:h:hover,
.b-30\:f:focus {
  border-width:  30px ;
}
.b-35,
.b-35\:h:hover,
.b-35\:f:focus {
  border-width:  35px ;
}
.b-40,
.b-40\:h:hover,
.b-40\:f:focus {
  border-width:  40px ;
}
.b-45,
.b-45\:h:hover,
.b-45\:f:focus {
  border-width:  45px ;
}
.b-50,
.b-50\:h:hover,
.b-50\:f:focus {
  border-width:  50px ;
}
/* #endregion */
/* #region X axis */
.bx-0,
.bx-0\:h:hover,
.bx-0\:f:focus {
  border-left-width:  0px ;
  border-right-width:  0px ;
}
.bx-1,
.bx-1\:h:hover,
.bx-1\:f:focus {
  border-left-width:  1px ;
  border-right-width:  1px ;
}
.bx-2,
.bx-2\:h:hover,
.bx-2\:f:focus {
  border-left-width:  2px ;
  border-right-width:  2px ;
}
.bx-3,
.bx-3\:h:hover,
.bx-3\:f:focus {
  border-left-width:  3px ;
  border-right-width:  3px ;
}
.bx-4,
.bx-4\:h:hover,
.bx-4\:f:focus {
  border-left-width:  4px ;
  border-right-width:  4px ;
}
.bx-5,
.bx-5\:h:hover,
.bx-5\:f:focus {
  border-left-width:  5px ;
  border-right-width:  5px ;
}
.bx-6,
.bx-6\:h:hover,
.bx-6\:f:focus {
  border-left-width:  6px ;
  border-right-width:  6px ;
}
.bx-7,
.bx-7\:h:hover,
.bx-7\:f:focus {
  border-left-width:  7px ;
  border-right-width:  7px ;
}
.bx-8,
.bx-8\:h:hover,
.bx-8\:f:focus {
  border-left-width:  8px ;
  border-right-width:  8px ;
}
.bx-9,
.bx-9\:h:hover,
.bx-9\:f:focus {
  border-left-width:  9px ;
  border-right-width:  9px ;
}
.bx-10,
.bx-10\:h:hover,
.bx-10\:f:focus {
  border-left-width:  10px ;
  border-right-width:  10px ;
}
.bx-15,
.bx-15\:h:hover,
.bx-15\:f:focus {
  border-left-width:  15px ;
  border-right-width:  15px ;
}
.bx-20,
.bx-20\:h:hover,
.bx-20\:f:focus {
  border-left-width:  20px ;
  border-right-width:  20px ;
}
.bx-25,
.bx-25\:h:hover,
.bx-25\:f:focus {
  border-left-width:  25px ;
  border-right-width:  25px ;
}
.bx-30,
.bx-30\:h:hover,
.bx-30\:f:focus {
  border-left-width:  30px ;
  border-right-width:  30px ;
}
.bx-35,
.bx-35\:h:hover,
.bx-35\:f:focus {
  border-left-width:  35px ;
  border-right-width:  35px ;
}
.bx-40,
.bx-40\:h:hover,
.bx-40\:f:focus {
  border-left-width:  40px ;
  border-right-width:  40px ;
}
.bx-45,
.bx-45\:h:hover,
.bx-45\:f:focus {
  border-left-width:  45px ;
  border-right-width:  45px ;
}
.bx-50,
.bx-50\:h:hover,
.bx-50\:f:focus {
  border-left-width:  50px ;
  border-right-width:  50px ;
}
/* #endregion */
/* #region Y axis */
.by-0,
.by-0\:h:hover,
.by-0\:f:focus {
  border-top-width:  0px ;
  border-bottom-width:  0px ;
}
.by-1,
.by-1\:h:hover,
.by-1\:f:focus {
  border-top-width:  1px ;
  border-bottom-width:  1px ;
}
.by-2,
.by-2\:h:hover,
.by-2\:f:focus {
  border-top-width:  2px ;
  border-bottom-width:  2px ;
}
.by-3,
.by-3\:h:hover,
.by-3\:f:focus {
  border-top-width:  3px ;
  border-bottom-width:  3px ;
}
.by-4,
.by-4\:h:hover,
.by-4\:f:focus {
  border-top-width:  4px ;
  border-bottom-width:  4px ;
}
.by-5,
.by-5\:h:hover,
.by-5\:f:focus {
  border-top-width:  5px ;
  border-bottom-width:  5px ;
}
.by-6,
.by-6\:h:hover,
.by-6\:f:focus {
  border-top-width:  6px ;
  border-bottom-width:  6px ;
}
.by-7,
.by-7\:h:hover,
.by-7\:f:focus {
  border-top-width:  7px ;
  border-bottom-width:  7px ;
}
.by-8,
.by-8\:h:hover,
.by-8\:f:focus {
  border-top-width:  8px ;
  border-bottom-width:  8px ;
}
.by-9,
.by-9\:h:hover,
.by-9\:f:focus {
  border-top-width:  9px ;
  border-bottom-width:  9px ;
}
.by-10,
.by-10\:h:hover,
.by-10\:f:focus {
  border-top-width:  10px ;
  border-bottom-width:  10px ;
}
.by-15,
.by-15\:h:hover,
.by-15\:f:focus {
  border-top-width:  15px ;
  border-bottom-width:  15px ;
}
.by-20,
.by-20\:h:hover,
.by-20\:f:focus {
  border-top-width:  20px ;
  border-bottom-width:  20px ;
}
.by-25,
.by-25\:h:hover,
.by-25\:f:focus {
  border-top-width:  25px ;
  border-bottom-width:  25px ;
}
.by-30,
.by-30\:h:hover,
.by-30\:f:focus {
  border-top-width:  30px ;
  border-bottom-width:  30px ;
}
.by-35,
.by-35\:h:hover,
.by-35\:f:focus {
  border-top-width:  35px ;
  border-bottom-width:  35px ;
}
.by-40,
.by-40\:h:hover,
.by-40\:f:focus {
  border-top-width:  40px ;
  border-bottom-width:  40px ;
}
.by-45,
.by-45\:h:hover,
.by-45\:f:focus {
  border-top-width:  45px ;
  border-bottom-width:  45px ;
}
.by-50,
.by-50\:h:hover,
.by-50\:f:focus {
  border-top-width:  50px ;
  border-bottom-width:  50px ;
}
/* #endregion */
/* #region top */
.bt-0,
.bt-0\:h:hover,
.bt-0\:f:focus {
  border-top-width:  0px ;
}
.bt-1,
.bt-1\:h:hover,
.bt-1\:f:focus {
  border-top-width:  1px ;
}
.bt-2,
.bt-2\:h:hover,
.bt-2\:f:focus {
  border-top-width:  2px ;
}
.bt-3,
.bt-3\:h:hover,
.bt-3\:f:focus {
  border-top-width:  3px ;
}
.bt-4,
.bt-4\:h:hover,
.bt-4\:f:focus {
  border-top-width:  4px ;
}
.bt-5,
.bt-5\:h:hover,
.bt-5\:f:focus {
  border-top-width:  5px ;
}
.bt-6,
.bt-6\:h:hover,
.bt-6\:f:focus {
  border-top-width:  6px ;
}
.bt-7,
.bt-7\:h:hover,
.bt-7\:f:focus {
  border-top-width:  7px ;
}
.bt-8,
.bt-8\:h:hover,
.bt-8\:f:focus {
  border-top-width:  8px ;
}
.bt-9,
.bt-9\:h:hover,
.bt-9\:f:focus {
  border-top-width:  9px ;
}
.bt-10,
.bt-10\:h:hover,
.bt-10\:f:focus {
  border-top-width:  10px ;
}
.bt-15,
.bt-15\:h:hover,
.bt-15\:f:focus {
  border-top-width:  15px ;
}
.bt-20,
.bt-20\:h:hover,
.bt-20\:f:focus {
  border-top-width:  20px ;
}
.bt-25,
.bt-25\:h:hover,
.bt-25\:f:focus {
  border-top-width:  25px ;
}
.bt-30,
.bt-30\:h:hover,
.bt-30\:f:focus {
  border-top-width:  30px ;
}
.bt-35,
.bt-35\:h:hover,
.bt-35\:f:focus {
  border-top-width:  35px ;
}
.bt-40,
.bt-40\:h:hover,
.bt-40\:f:focus {
  border-top-width:  40px ;
}
.bt-45,
.bt-45\:h:hover,
.bt-45\:f:focus {
  border-top-width:  45px ;
}
.bt-50,
.bt-50\:h:hover,
.bt-50\:f:focus {
  border-top-width:  50px ;
}
/* #endregion */
/* #region right */
.br-0,
.br-0\:h:hover,
.br-0\:f:focus {
  border-right-width:  0px ;
}
.br-1,
.br-1\:h:hover,
.br-1\:f:focus {
  border-right-width:  1px ;
}
.br-2,
.br-2\:h:hover,
.br-2\:f:focus {
  border-right-width:  2px ;
}
.br-3,
.br-3\:h:hover,
.br-3\:f:focus {
  border-right-width:  3px ;
}
.br-4,
.br-4\:h:hover,
.br-4\:f:focus {
  border-right-width:  4px ;
}
.br-5,
.br-5\:h:hover,
.br-5\:f:focus {
  border-right-width:  5px ;
}
.br-6,
.br-6\:h:hover,
.br-6\:f:focus {
  border-right-width:  6px ;
}
.br-7,
.br-7\:h:hover,
.br-7\:f:focus {
  border-right-width:  7px ;
}
.br-8,
.br-8\:h:hover,
.br-8\:f:focus {
  border-right-width:  8px ;
}
.br-9,
.br-9\:h:hover,
.br-9\:f:focus {
  border-right-width:  9px ;
}
.br-10,
.br-10\:h:hover,
.br-10\:f:focus {
  border-right-width:  10px ;
}
.br-15,
.br-15\:h:hover,
.br-15\:f:focus {
  border-right-width:  15px ;
}
.br-20,
.br-20\:h:hover,
.br-20\:f:focus {
  border-right-width:  20px ;
}
.br-25,
.br-25\:h:hover,
.br-25\:f:focus {
  border-right-width:  25px ;
}
.br-30,
.br-30\:h:hover,
.br-30\:f:focus {
  border-right-width:  30px ;
}
.br-35,
.br-35\:h:hover,
.br-35\:f:focus {
  border-right-width:  35px ;
}
.br-40,
.br-40\:h:hover,
.br-40\:f:focus {
  border-right-width:  40px ;
}
.br-45,
.br-45\:h:hover,
.br-45\:f:focus {
  border-right-width:  45px ;
}
.br-50,
.br-50\:h:hover,
.br-50\:f:focus {
  border-right-width:  50px ;
}
/* #endregion */
/* #region bottom */
.bb-0,
.bb-0\:h:hover,
.bb-0\:f:focus {
  border-bottom-width:  0px ;
}
.bb-1,
.bb-1\:h:hover,
.bb-1\:f:focus {
  border-bottom-width:  1px ;
}
.bb-2,
.bb-2\:h:hover,
.bb-2\:f:focus {
  border-bottom-width:  2px ;
}
.bb-3,
.bb-3\:h:hover,
.bb-3\:f:focus {
  border-bottom-width:  3px ;
}
.bb-4,
.bb-4\:h:hover,
.bb-4\:f:focus {
  border-bottom-width:  4px ;
}
.bb-5,
.bb-5\:h:hover,
.bb-5\:f:focus {
  border-bottom-width:  5px ;
}
.bb-6,
.bb-6\:h:hover,
.bb-6\:f:focus {
  border-bottom-width:  6px ;
}
.bb-7,
.bb-7\:h:hover,
.bb-7\:f:focus {
  border-bottom-width:  7px ;
}
.bb-8,
.bb-8\:h:hover,
.bb-8\:f:focus {
  border-bottom-width:  8px ;
}
.bb-9,
.bb-9\:h:hover,
.bb-9\:f:focus {
  border-bottom-width:  9px ;
}
.bb-10,
.bb-10\:h:hover,
.bb-10\:f:focus {
  border-bottom-width:  10px ;
}
.bb-15,
.bb-15\:h:hover,
.bb-15\:f:focus {
  border-bottom-width:  15px ;
}
.bb-20,
.bb-20\:h:hover,
.bb-20\:f:focus {
  border-bottom-width:  20px ;
}
.bb-25,
.bb-25\:h:hover,
.bb-25\:f:focus {
  border-bottom-width:  25px ;
}
.bb-30,
.bb-30\:h:hover,
.bb-30\:f:focus {
  border-bottom-width:  30px ;
}
.bb-35,
.bb-35\:h:hover,
.bb-35\:f:focus {
  border-bottom-width:  35px ;
}
.bb-40,
.bb-40\:h:hover,
.bb-40\:f:focus {
  border-bottom-width:  40px ;
}
.bb-45,
.bb-45\:h:hover,
.bb-45\:f:focus {
  border-bottom-width:  45px ;
}
.bb-50,
.bb-50\:h:hover,
.bb-50\:f:focus {
  border-bottom-width:  50px ;
}
/* #endregion */
/* #region left */
.bl-0,
.bl-0\:h:hover,
.bl-0\:f:focus {
  border-left-width:  0px ;
}
.bl-1,
.bl-1\:h:hover,
.bl-1\:f:focus {
  border-left-width:  1px ;
}
.bl-2,
.bl-2\:h:hover,
.bl-2\:f:focus {
  border-left-width:  2px ;
}
.bl-3,
.bl-3\:h:hover,
.bl-3\:f:focus {
  border-left-width:  3px ;
}
.bl-4,
.bl-4\:h:hover,
.bl-4\:f:focus {
  border-left-width:  4px ;
}
.bl-5,
.bl-5\:h:hover,
.bl-5\:f:focus {
  border-left-width:  5px ;
}
.bl-6,
.bl-6\:h:hover,
.bl-6\:f:focus {
  border-left-width:  6px ;
}
.bl-7,
.bl-7\:h:hover,
.bl-7\:f:focus {
  border-left-width:  7px ;
}
.bl-8,
.bl-8\:h:hover,
.bl-8\:f:focus {
  border-left-width:  8px ;
}
.bl-9,
.bl-9\:h:hover,
.bl-9\:f:focus {
  border-left-width:  9px ;
}
.bl-10,
.bl-10\:h:hover,
.bl-10\:f:focus {
  border-left-width:  10px ;
}
.bl-15,
.bl-15\:h:hover,
.bl-15\:f:focus {
  border-left-width:  15px ;
}
.bl-20,
.bl-20\:h:hover,
.bl-20\:f:focus {
  border-left-width:  20px ;
}
.bl-25,
.bl-25\:h:hover,
.bl-25\:f:focus {
  border-left-width:  25px ;
}
.bl-30,
.bl-30\:h:hover,
.bl-30\:f:focus {
  border-left-width:  30px ;
}
.bl-35,
.bl-35\:h:hover,
.bl-35\:f:focus {
  border-left-width:  35px ;
}
.bl-40,
.bl-40\:h:hover,
.bl-40\:f:focus {
  border-left-width:  40px ;
}
.bl-45,
.bl-45\:h:hover,
.bl-45\:f:focus {
  border-left-width:  45px ;
}
.bl-50,
.bl-50\:h:hover,
.bl-50\:f:focus {
  border-left-width:  50px ;
}
/* #endregion */
/* #endregion */
/* #region TRANSTION */
/* #region transition for all properties */
.t-a-100,
.t-a-100\:h:hover,
.t-a-100\:f:focus {
  transition: all 100ms ease;
}
.t-a-200,
.t-a-200\:h:hover,
.t-a-200\:f:focus {
  transition: all 200ms ease;
}
.t-a-300,
.t-a-300\:h:hover,
.t-a-300\:f:focus {
  transition: all 300ms ease;
}
.t-a-400,
.t-a-400\:h:hover,
.t-a-400\:f:focus {
  transition: all 400ms ease;
}
.t-a-500,
.t-a-500\:h:hover,
.t-a-500\:f:focus {
  transition: all 500ms ease;
}
/* #endregion */
/* #region transition for margins only */
.t-m-100,
.t-m-100\:h:hover,
.t-m-100\:f:focus {
  transition: margin 100ms ease;
}
.t-m-200,
.t-m-200\:h:hover,
.t-m-200\:f:focus {
  transition: margin 200ms ease;
}
.t-m-300,
.t-m-300\:h:hover,
.t-m-300\:f:focus {
  transition: margin 300ms ease;
}
.t-m-400,
.t-m-400\:h:hover,
.t-m-400\:f:focus {
  transition: margin 400ms ease;
}
.t-m-500,
.t-m-500\:h:hover,
.t-m-500\:f:focus {
  transition: margin 500ms ease;
}
/* #endregion */
/* #region transition for paddings only */
.t-p-100,
.t-p-100\:h:hover,
.t-p-100\:f:focus {
  transition: padding 100ms ease;
}
.t-p-200,
.t-p-200\:h:hover,
.t-p-200\:f:focus {
  transition: padding 200ms ease;
}
.t-p-300,
.t-p-300\:h:hover,
.t-p-300\:f:focus {
  transition: padding 300ms ease;
}
.t-p-400,
.t-p-400\:h:hover,
.t-p-400\:f:focus {
  transition: padding 400ms ease;
}
.t-p-500,
.t-p-500\:h:hover,
.t-p-500\:f:focus {
  transition: padding 500ms ease;
}
/* #endregion */
/* #region transition for borders only */
.t-b-100,
.t-b-100\:h:hover,
.t-b-100\:f:focus {
  transition: border 100ms ease;
}
.t-b-200,
.t-b-200\:h:hover,
.t-b-200\:f:focus {
  transition: border 200ms ease;
}
.t-b-300,
.t-b-300\:h:hover,
.t-b-300\:f:focus {
  transition: border 300ms ease;
}
.t-b-400,
.t-b-400\:h:hover,
.t-b-400\:f:focus {
  transition: border 400ms ease;
}
.t-b-500,
.t-b-500\:h:hover,
.t-b-500\:f:focus {
  transition: border 500ms ease;
}
/* #endregion */
/* #endregion */
/* #region WIDTH & HEIGHT */
.full-width {
  width: 100%;
}
.full-view-width {
  width: 100vw;
}
.full-height {
  height: 100%;
}
.full-view-height {
  height: 100vh;
}
/* #endregion */
/* #region POSITION */
.static {
  position: relative;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.sticky {
  position: sticky;
  top: 0;
}
/* #endregion */
/* #region OVERFLOW */
.overflow-auto {
  overflow: auto;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-hidden {
  overflow: hidden;
}
/* #endregion */
/* #region DISPLAY */
.h,
.hide,
.hidden {
  display: none;
}
@media print {
  .hidden-print {
    display: none;
  }
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.table {
  display: table;
}
.table-row {
  display: table-row;
}
.table-cell {
  display: table-cell;
}
@media (min-width: 991px) {
  .h-lg,
  .hide-lg,
  .hidden-lg {
    display: none;
  }
  .block-lg {
    display: block;
  }
  .inline-lg {
    display: inline;
  }
  .inline-block-lg {
    display: inline-block;
  }
  .table-lg {
    display: table;
  }
  .table-cell-lg {
    display: table-cell;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .h-md,
  .hide-md,
  .hidden-md {
    display: none;
  }
  .block-md {
    display: block;
  }
  .inline-md {
    display: inline;
  }
  .inline-block-md {
    display: inline-block;
  }
  .table-md {
    display: table;
  }
  .table-cell-md {
    display: table-cell;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .h-sm,
  .hide-sm,
  .hidden-sm {
    display: none;
  }
  .block-sm {
    display: block;
  }
  .inline-sm {
    display: inline;
  }
  .inline-block-sm {
    display: inline-block;
  }
  .table-sm {
    display: table;
  }
  .table-cell-sm {
    display: table-cell;
  }
}
@media (max-width: 576px) {
  .h-xs,
  .hide-xs,
  .hidden-xs {
    display: none;
  }
  .block-xs {
    display: block;
  }
  .inline-xs {
    display: inline;
  }
  .inline-block-xs {
    display: inline-block;
  }
  .table-xs {
    display: table;
  }
  .table-cell-xs {
    display: table-cell;
  }
}
/* #endregion */
/* #region TEXT ALIGN / DECORATION / STYLE */
/* #region align Y axis */
.baseline,
.text-baseline {
  vertical-align: baseline;
}
.top,
.text-top {
  vertical-align: top;
}
.middle,
.text-middle {
  vertical-align: middle;
}
.bottom,
.text-bottom {
  vertical-align: bottom;
}
/* #endregion */
/* #region align X axis */
.left,
.text-left {
  text-align: left;
}
.center,
.text-center {
  text-align: center;
}
.right,
.text-right {
  text-align: right;
}
.justify,
.text-justify,
.justified,
.text-justified {
  text-align: justify;
}
@media (min-width: 991px) {
  .left-lg,
  .text-left-lg {
    text-align: left;
  }
  .center-lg,
  .text-center-lg {
    text-align: center;
  }
  .right-lg,
  .text-right-lg {
    text-align: right;
  }
  .justify-lg,
  .text-justify-lg,
  .justified-lg,
  .text-justified-lg {
    text-align: justify;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .left-md,
  .text-left-md {
    text-align: left;
  }
  .center-md,
  .text-center-md {
    text-align: center;
  }
  .right-md,
  .text-right-md {
    text-align: right;
  }
  .justify-md,
  .text-justify-md,
  .justified-md,
  .text-justified-md {
    text-align: justify;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .left-sm,
  .text-left-sm {
    text-align: left;
  }
  .center-sm,
  .text-center-sm {
    text-align: center;
  }
  .right-sm,
  .text-right-sm {
    text-align: right;
  }
  .justify-sm,
  .text-justify-sm,
  .justified-sm,
  .text-justified-sm {
    text-align: justify;
  }
}
@media (max-width: 576px) {
  .left-xs,
  .text-left-xs {
    text-align: left;
  }
  .center-xs,
  .text-center-xs {
    text-align: center;
  }
  .right-xs,
  .text-right-xs {
    text-align: right;
  }
  .justify-xs,
  .text-justify-xs,
  .justified-xs,
  .text-justified-xs {
    text-align: justify;
  }
}
/* #endregion */
/* #region styling */
.u,
.underline,
.text-underline {
  text-decoration: underline;
}
.no-underline,
.text-no-underline {
  text-decoration: none;
}
.i,
.italic,
.text-italic {
  font-style: italic;
}
.b,
.bold,
.text-bold {
  font-weight: bold;
}
.strike,
.text-strike {
  text-decoration: line-through;
}
.text-normal {
  text-transform: none;
  font-style: normal;
}
.t-capitalize,
.capitalize,
.text-capitalize {
  text-transform: capitalize;
}
.uppercase,
.text-uppercase {
  text-transform: uppercase;
}
.lowercase,
.text-lowercase {
  text-transform: lowercase;
}
/* #endregion */
/* #endregion */
/* #region CURSOR */
.c-d,
.cursor-default {
  cursor: default;
}
.c-p,
.cursor-pointer {
  cursor: pointer;
}
.c-m,
.cursor-move {
  cursor: move;
}
/* #endregion */
/* #region FLEX */
.flex {
  display: flex;
}
.flex-col,
.flex-column {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.flex-middle,
.flex-justify-center {
  justify-content: center;
}
.flex-left,
.flex-justify-start,
.flex-justify-left {
  justify-content: flex-start;
}
.flex-right,
.flex-justify-end,
.flex-justify-right {
  justify-content: flex-end;
}
.flex-justify-around {
  justify-content: space-around;
}
.flex-justify-between {
  justify-content: space-between;
}
.flex-center {
  align-items: center;
}
.flex-stretch {
  align-items: stretch;
}
.flex-baseline {
  align-items: baseline;
}
.flex-top {
  align-items: flex-start;
}
.flex-bottom {
  align-items: flex-end;
}
@media (min-width: 991px) {
  .flex-lg {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .flex-md {
    display: flex;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .flex-sm {
    display: flex;
  }
}
@media (max-width: 576px) {
  .flex-sm {
    display: flex;
  }
}
.f-0,
.f-0\:h:hover,
.f-0\:f:focus {
  flex:  0 ;
}
.f-1,
.f-1\:h:hover,
.f-1\:f:focus {
  flex:  1 ;
}
.f-2,
.f-2\:h:hover,
.f-2\:f:focus {
  flex:  2 ;
}
.f-3,
.f-3\:h:hover,
.f-3\:f:focus {
  flex:  3 ;
}
.f-4,
.f-4\:h:hover,
.f-4\:f:focus {
  flex:  4 ;
}
.f-5,
.f-5\:h:hover,
.f-5\:f:focus {
  flex:  5 ;
}
.f-6,
.f-6\:h:hover,
.f-6\:f:focus {
  flex:  6 ;
}
.f-7,
.f-7\:h:hover,
.f-7\:f:focus {
  flex:  7 ;
}
.f-8,
.f-8\:h:hover,
.f-8\:f:focus {
  flex:  8 ;
}
.f-9,
.f-9\:h:hover,
.f-9\:f:focus {
  flex:  9 ;
}
.f-10,
.f-10\:h:hover,
.f-10\:f:focus {
  flex:  10 ;
}
.flex-0,
.flex-0\:h:hover,
.flex-0\:f:focus {
  flex:  0 ;
}
.flex-1,
.flex-1\:h:hover,
.flex-1\:f:focus {
  flex:  1 ;
}
.flex-2,
.flex-2\:h:hover,
.flex-2\:f:focus {
  flex:  2 ;
}
.flex-3,
.flex-3\:h:hover,
.flex-3\:f:focus {
  flex:  3 ;
}
.flex-4,
.flex-4\:h:hover,
.flex-4\:f:focus {
  flex:  4 ;
}
.flex-5,
.flex-5\:h:hover,
.flex-5\:f:focus {
  flex:  5 ;
}
.flex-6,
.flex-6\:h:hover,
.flex-6\:f:focus {
  flex:  6 ;
}
.flex-7,
.flex-7\:h:hover,
.flex-7\:f:focus {
  flex:  7 ;
}
.flex-8,
.flex-8\:h:hover,
.flex-8\:f:focus {
  flex:  8 ;
}
.flex-9,
.flex-9\:h:hover,
.flex-9\:f:focus {
  flex:  9 ;
}
.flex-10,
.flex-10\:h:hover,
.flex-10\:f:focus {
  flex:  10 ;
}
/* #endregion */
/* #region BOX SHADOW */
.no-shadow {
  box-shadow: none;
}
.shadow-1,
.shadow-1\:h:hover,
.shadow-1\:f:focus {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}
.shadow-2,
.shadow-2\:h:hover,
.shadow-2\:f:focus {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.24);
}
.shadow-3,
.shadow-3\:h:hover,
.shadow-3\:f:focus {
  box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.05);
}
.shadow-4,
.shadow-4\:h:hover,
.shadow-4\:f:focus {
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.07);
}
.shadow-5,
.shadow-5\:h:hover,
.shadow-5 {
  box-shadow: 0px 7px 29px 0px rgba(0, 0, 0, 0.12);
}
.shadow-6,
.shadow-6\:h:hover,
.shadow-6\:f:focus {
  box-shadow: 0px 10px 36px 0px rgba(0, 0, 0, 0.16);
}
.shadow-7,
.shadow-7\:h:hover,
.shadow-7\:f:focus {
  box-shadow: 0px 15px 45px 0px rgba(0, 0, 0, 0.2), 0px 12px 25px -5px rgba(0, 0, 0, 0.1);
}
.shadow-8,
.shadow-8\:h:hover,
.shadow-8\:f:focus {
  box-shadow: 0px 13px 27px -5px rgba(0, 0, 0, 0.2), 0px 8px 16px -8px rgba(0, 0, 0, 0.3);
}
.shadow-tailwind-inset,
.shadow-tailwind-inset\:h:hover,
.shadow-tailwind-inset\:f:focus {
  box-shadow: 0px 2px 4px 0px inset rgba(0, 0, 0, 0.06);
}
.shadow-tailwind-1,
.shadow-tailwind-1\:h:hover,
.shadow-tailwind-1\:f:focus {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.shadow-tailwind-2,
.shadow-tailwind-2\:h:hover,
.shadow-tailwind-2\:f:focus {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
}
.shadow-tailwind-3,
.shadow-tailwind-3\:h:hover,
.shadow-tailwind-3\:f:focus {
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.shadow-tailwind-4,
.shadow-tailwind-4\:h:hover,
.shadow-tailwind-4\:f:focus {
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.shadow-tailwind-5,
.shadow-tailwind-5\:h:hover,
.shadow-tailwind-5\:f:focus {
  box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.shadow-tailwind-6,
.shadow-tailwind-6\:h:hover,
.shadow-tailwind-6\:f:focus {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}
/* #endregion */
/* #region SCROLLBAR */
.scrollbar {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  /* custom scrollbar firefox background & thumb */
  scrollbar-color: #c0c0c0 #efefef;
  scrollbar-width: thin;
  /* custom scrollbar ie background */
  scrollbar-track-color: #efefef;
  scrollbar-base-color: #efefef;
  scrollbar-3dlight-color: #efefef;
  /* custom scrollbar ie thumb */
  scrollbar-face-color: #c0c0c0;
  scrollbar-arrow-color: #c0c0c0;
  scrollbar-shadow-color: #c0c0c0;
  scrollbar-highlight-color: #c0c0c0;
}
/* custom scrollbar chrome background */
.scrollbar::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar-track {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #efefef;
}
/* custom scrollbar chrome thumb */
.scrollbar::-webkit-scrollbar-thumb {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #c0c0c0;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #a8a8a8;
}
/* #endregion */