:root {
    --aa-header:rgb(0,48,87);
	--aa-unselect:rgb(51,89,120);
	--aa-subtitle:rgb(127,127,127);
	--aa-button: #003057;
	--aa-unbutton:#4D6D88;
	--aa-menu: #F2F3F4;
	--aa-border: #CED4DB;
	
	--sx-back:#fafafa;
	--sx-green:#6da34d;
	--sx-light-green:#7cba58;
	--sx-title:#58595b;
	
}

body {
	font-family: Poppins, Montserrat, sans-serif;
    font-size: 16px;
	line-height: 1.375;
	color: var(--sx-title);
	background-color: var(--sx-back);
}
h3 {
	font-family: Poppins, Montserrat, sans-serif; 
    font-size: 24px;
    color: var(--sx-title);
    font-weight: bold;
}
h4 {
	font-family: Poppins, Montserrat, sans-serif; 
    font-size: 18px;
    color: var(--sx-title);
    font-weight: bold;
}

.folded_corner{
  position:relative;
  width:210px;
  color:#6b5252;
  background: linear-gradient(to left bottom, transparent 50%, rgba(50,0,0,.3) 0) no-repeat 100% 0 / 2em 2em,
    linear-gradient(-135deg, transparent 1.5em, #e8e0e8 0);
  
  -webkit-filter: drop-shadow(5px 6px rgba(0,0,0,0.04));
  filter: drop-shadow(5px 6px rgba(0,0,0,0.04));
}
.folded_corner::before{
  content: ' ';
  position:absolute;
  top:2em; 
  right:0;
  background: linear-gradient(to left bottom, transparent 50%, rgba(50,0,0,0.1) 0) 100% 0 no-repeat;
  width: 2em;
  height:2em;
  transform: rotate(180deg)
}

.request-overlay {
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    background: rgba(200,200,200,0.2); /*.gif file or just div with message etc. however you like*/
}
.request-overlay-2 {
    position: relative;
    height: 50%;
    display: block;
    text-align: center;
}
.lds-dual-ring {
  display: inline-block;
  padding-top: 20px;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 9px solid #6da34d;
  border-color: #6da34d transparent #6da34d transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

.center-screen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width:280px;
  margin: 0 auto;
  min-height:100vh;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.select-button {
    background-color: transparent;
    color: var(--sx-green);
    border: 2px solid var(--sx-green);
	border-radius: 3px;
    font-weight: bold;
	padding: 15px 25px;
    font-family: Poppins, Montserrat,sans-serif;
    font-size: .75rem;
	cursor: pointer;
    line-height: 1.1;
    letter-spacing: .03em;
    transition: background-color .15s linear,border-color .15s linear,color .15s linear;
}

.select-button:hover{
    background: var(--sx-green);
    color: var(--sx-back);
}

.select-card-selected{
    border: 4px solid var(--sx-green);
	Box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(109, 163, 77, 0.4);
}

.select-button-selected{
    background: var(--sx-green);
    color: var(--sx-back);
}
.select-button-rounded {
    background-color: var(--sx-green);
    color: var(--sx-back);
    font-weight: bold;
	border-radius: 80px;
    font-family: Poppins, Montserrat,sans-serif;
    font-size: 1rem;
	cursor: pointer;
    line-height: 1.1;
    letter-spacing: .03em;
    transition: background-color .15s linear,border-color .15s linear,color .15s linear;
	padding: 1rem 3rem 1rem 3rem;
}
.select-button-rounded:hover{
    background: var(--sx-light-green);
    color: var(--sx-back);
}
.select-button-unrounded {
    background-color: var(--sx-green);
    color: var(--sx-back);
    font-weight: bold;
	border-radius: 3px;
    font-family: Poppins, Montserrat,sans-serif;
    font-size: 1rem;
	cursor: pointer;
    line-height: 1.1;
    letter-spacing: .03em;
    transition: background-color .15s linear,border-color .15s linear,color .15s linear;
	padding: 1rem 3rem 1rem 3rem;
}
.select-button-unrounded:hover{
    background: var(--sx-light-green);
    color: var(--sx-back);
}
.select-button-borderless {
    /* background-color: var(--sx-back); */
    color: var(--sx-green);
    font-weight: bold;
	border-radius: 80px;
    font-family: Poppins, Montserrat,sans-serif;
    font-size: 1rem;
	cursor: pointer;
    line-height: 1.1;
    letter-spacing: .03em;
    transition: background-color .15s linear,border-color .15s linear,color .15s linear;
	padding: 1rem 1rem 1rem 1rem;
}
.select-button-borderless:hover{
    color: var(--sx-green);
}
.info-button{
    color: var(--sx-light-green);
    font-size: 1rem;
}
.superscript {
	vertical-align: super;
    font-size: 1rem;
	padding-right:0.1rem;
}
.smaller {
    font-weight: normal;
    font-size: 0.85rem;
}
.summ_row {
  background-color: #fafafa;
    color: var(--sx-title);
}

.card-selected {
  background-color: #d0d0d0;
}

.card-rounded {
	height:18rem;
	border-radius: 6px;
}

.card-rounded-4 {
	height:4rem;
	border-radius: 6px;
	cursor: pointer;
}
.card-rounded-5 {
	height:5rem;
	border-radius: 6px;
	cursor: pointer;
}

.card-rounded-6 {
	height:6rem;
	border-radius: 6px;
	cursor: pointer;
}

.card-rounded-8 {
	height:8rem;
	border-radius: 6px;
	cursor: pointer;
}

.card-rounded-11 {
	height:11rem;
	border-radius: 6px;
	cursor: pointer;
}
.fg-white{
    color: var(--sx-back);
}

.dark-box{
    background: var(--sx-title);
    color: var(--sx-back);
	border-radius: 18px;
	padding: 45px 45px;
	border: 1px none #d0d0d0;
}

.shadow-box {
	box-shadow: 0 12px 70px rgb(0 0 0 / 21%);
	border-radius:5px
}

.subtitle {
    margin-top: .2rem;
    margin-bottom: .2rem;
    font-weight: 600;
	font-size: .9rem;
    line-height: 1.2;
	color: var(--sx-green);
}

.subtitle:hover{
    color: var(--sx-light-green);
}

.btn-toggle-selected {
    color:  var(--sx-back);
    background-color: var(--sx-green);
    border-color: var(--sx-light-green);
}

.btn-toggle-selected:hover {
    color:  var(--sx-back);
    font-weight: 600;
}

.btn-toggle-unselected {
    background-color:  var(--sx-back);
    color: #6c757d;
    border-color: #6c757d;
}

.btn-toggle-unselected:hover {
    background-color:  var(--sx-back);
    border-color: var(--sx-light-green);
    font-weight: 600;
}

.more_disabled {
	color: #c1c4c7 !important;
}

.sx_link {
	color: var(--sx-green)
}
/*
.tooltip-inner {
    text-align: left;
}*/

@font-face {
  font-family: 'GB';
  src: url('assets/fonts/Gotham-Bold.woff') format('woff');
}

@font-face {
  font-family: 'GBK';
  src: url('assets/fonts/Gotham-Book.woff') format('woff');
}

@font-face {
  font-family: 'GBKI';
  src: url('assets/fonts/Gotham-BookItalic.woff') format('woff');
}

@font-face {
  font-family: 'GL';
  src: url('assets/fonts/Gotham-Light.woff') format('woff');
}

@font-face {
  font-family: 'GM';
  src: url('assets/fonts/Gotham-Medium.woff') format('woff');
}

@font-face {
  font-family: 'GXNM';
  src: url('assets/fonts/GothamXNarrow-Medium.woff') format('woff');
}

@font-face {
  font-family: 'GXNB';
  src: url('assets/fonts/GothamXNarrow-Book.woff') format('woff');
}

/* basic element styling */

.body-login {
	overflow-y:hidden;
}

.fg-border {
    color: var(--aa-border);
}

.bg-menu {
	background-color: var(--aa-menu);
}

.bg-blue {
	background-color: #ffffff;
	/*background-color: #003057;*/
}

.fg-blue {
	color: #003057;
}


.bg-blue2 {
	background-color: #003057;
}

.bg-blue3 {
	background-color: #4472c4;
}
.bg-blue-button {
	background-color: #729fcf;
}
.chevron {
  padding-left:0.3rem;
}

.nav-link.active > .eunpara > .chevron {
  display:inline;
}
.chevron {
  display:none;
}

.ls5 {
	letter-spacing:0.05em;
}
.ls10 {
	letter-spacing:0.1em;
}
.gl53 {
	font-family:GL; 
	font-size:45pt;
	line-height:4rem;
}
.gxn14 {
	font-family:GXNB; 
	font-size:10.9pt !important;
}
.gxn14 {
	font-family:GXNB; 
	font-size:10.9pt !important;
}
.gxn24 {
	font-family:GXNB; 
	font-size:20.4pt !important;
}

.gbk28 {
	font-family:GBK; 
	font-size:22pt !important;
}
.gbk23 {
	font-family:GBK; 
	font-size:18pt !important;
}
.aaradio .gbk23 {
	font-size:1rem !important;
}
.gbk21 {
	font-family:GBK; 
	font-size:16.8pt !important;
}
.gbk14 {
	font-family:GBK; 
	font-size:10.9pt !important;
}
.gbk15 {
	font-family:GBK; 
	font-size:11.7pt !important;
}
.gbki13 {
	font-family:GBKI; 
	font-size:10.15pt !important;
}
.gb18 {
	font-family:GB; 
	font-size:15.3pt !important;
}
.gb11 {
	font-family:GB; 
	font-size:8.6pt !important;
}
.gbk11 {
	font-family:GBK; 
	font-size:8.6pt !important;
}
.gbk12 {
	font-family:GBK; 
	font-size:10.2pt !important;
}
.gbk15 {
	font-family:GBK; 
	font-size:11.7pt !important;
}
.gm155 {
	font-family:GM; 
	font-size:12pt !important;
}
.gm15 {
	font-family:GM; 
	font-size:11.2pt !important;
}
.gb14 {
	font-family:GB; 
	font-size:10.9pt !important;
}
.gb15 {
	font-family:GB; 
	font-size:11.7pt !important;
}
.gb155 {
	font-family:GB;
	font-size:12pt !important;
}
.gb18 {
	font-family:GB;
	font-size:14pt !important;
}
.plan-content {
	color: var(--aa-subtitle);
}
.jumbotron{
    background: 
	      linear-gradient(
          rgba(0, 0, 0, 0.2), 
          rgba(0, 0, 0, 0.2)
        ),url("/assets/images/pexels-tom-fisk-2226458.jpg") no-repeat center center; 
    -webkit-background-size: 100% ;
    -moz-background-size: 100% ;
    -o-background-size: 100%;
    background-size: 100% ;
	height:auto;
}

.header-icon{
    background-image: url("https://www.signix.com/hs-fs/hubfs/signix_logo_rgb_new_green_2-02.png?1"); 
    -webkit-background-size: 40% ;
    -moz-background-size: 40% ;
    -o-background-size: 40% ;
    background-size: 40% ;
	height:2.4rem; 
	width:9rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer-icon{
    background: url("https://www.signix.com/hs-fs/hubfs/signix_logo_rgb_ALL_White_new_green_2-02-1-1.png?1") no-repeat center center; 
    -webkit-background-size: 100% ;
    -moz-background-size: 100% ;
    -o-background-size: 100% ;
    background-size: 100% ;
	height:2.2rem;
	width:10rem;
	overflow:hidden;
}

.bg-confirm {
    background-image: url("/assets/images/confirm-back.jpg");
    height: 100%;
    position: relative;
    opacity: 1.0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-login {
    background-image: url("/assets/images/login-back.jpg");
    height: 100%;
    position: relative;
    opacity: 1.0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
	
.tab-border {
	border-left: 1px solid white;
	border-right: 1px solid white;
}
.navbar-toggler {
    color: rgba(255,255,255,.5);
	border: 0px solid transparent;
}
.navbar-toggler:focus {
	outline: 0px solid transparent;
}
.nav-link.active {
	color:white !important;
	margin-bottom:.1rem;
	padding-top:.2rem;
	padding-bottom:.1rem;
	background-color:var(--aa-button) !important;
	border: 0px solid transparent;
	border-left: 1px solid white;
	border-right: 1px solid white;
}
.nav-link:hover {
	color:white !important;
	background-color:var(--aa-button) !important;
}
.nav-link {
	font-size:9pt; 
	padding-top:.2rem;
	padding-bottom:.1rem;
	color:white !important;
	background-color:var(--aa-unbutton) !important;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}
.sq-tab .nav-item {
	width:33%;
}
.sq-tab .nav-link {
	border:0;
	border-radius:0;
	padding-left:0;
	padding-right:0;
}
.extra-border {
	border-left: 1px solid white;
	border-right: 1px solid white;
}
.menu-active {
	font-family:GXNB; 
	font-size:15px; 
	font-weight:400;
	letter-spacing:1px;
	padding-top:.2rem;
	padding-bottom:.2rem;
	padding-top:.2rem;
	padding-bottom:.2rem;
	color:black !important;
	background-color:#003057 !important;
	text-decoration:none !important;
}
.menu-inactive {
	font-family:GXNB; 
	font-size:15px; 
	font-weight:400;
	letter-spacing:1px;
	padding-top:.2rem;
	padding-bottom:.2rem;
	color:#003057 !important;
	text-decoration:none !important;
}
.menu-inactive:hover {
	opacity:0.75; 
}
.aa-active {
	background:white;
	color:black;
}
.btn-basic {
    color: #fff;
    background-color: #003057;
    border-color: #003057;
	display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
	border: 1px solid transparent;
    padding: .1rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
}
.btn-12 {
	width:12rem;
}
.btn-4 {
	width:4rem;
}
.btn-3 {
	width:3rem;
}
.btn-group-border {
	border: 1px solid var(--sx-light-green);
    border-radius: 4px;
}

.btn-toggle {
}

.button-basic {
  background-color: #003057;
  border: none;
  color: white;
  padding: .2rem 1rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  font-family:GXNB; 
  font-size:12pt;
  letter-spacing:0.05em;
}

.button-basic-gray {
  background-color: #d0d0d0;
  border: none;
  color: #808080;
  padding: .2rem 1rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  font-family:GXNB; 
  font-size:12pt;
}
.button-basic-red {
  background-color: red;
  border: none;
  color: white;
  padding: .2rem 1rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  font-family:GXNB; 
  font-size:12pt;
}
.button-check {
  background-color: #008f3f;
  border: none;
  color: white;
  padding: .3rem .6rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12pt;
  cursor: pointer;
}
.button-kill {
  background-color: #bcbcbc;
  border: none;
  color: white;
  padding: .3rem .5rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12pt;
  cursor: pointer;
}
.button-clear {
  background-color: #f0f0f0;
  border: none;
  color: #404040;
  padding: .2rem .2rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10pt;
  font-weight: 600;
  cursor: pointer;
}

p {
	margin: 0 0;
}

p.spaced {
	margin: 8px 0px;
	font-size: 9pt;
}
.wideLeft {
	display: inline-block;
	width: 420px;
}
.left {
	display: inline-block;
	width: 200px;
}
.right {
	vertical-align: top;
	display: inline-block;
}

/* table element styling */
table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 8px;
}

//These match up with the invoice statuses in ChargeOver

.statusVoid {
	color:inherit;
}
.statusPaid {
	color:green;
}
.statusUnpaid {
	color:blue;
}
.statusOverdue {
	color:red;
}

.error{
    background-color:#ecbdcb;
}
.warning{
    border: 1px solid #777;
    background-color:#fffcbb;
	box-shadow: 4px 4px 2px grey;
}
//tr:nth-child(even) {background-color: #f3f3f3;}

.selectedRow {background-color: #b8cbe2;}

.plainWideButton {
  background-color: #235576;
  outline: none;
  border: none;
  cursor: pointer;
  padding: 6px 40px;
  margin: 6px 12px;
  transition: 0.3s;
  font-weight: bold;
  color: white;
  border-radius: 4px;
}

.plainButton {
  background-color: #235576;
  float: right;
  outline: none;
  border: none;
  cursor: pointer;
  padding: 6px 9px;
  margin: 6px 0px;
  transition: 0.3s;
  font-weight: bold;
  color: white;
  border-radius: 4px;
}

.deleteButton {
  background-color: #f00;
  float: right;
  outline: none;
  border: none;
  cursor: pointer;
  padding: 6px 50px;
  margin: 6px 0px;
  transition: 0.3s;
  font-weight: bold;
  color: white;
  border-radius: 4px;
}

.greenButton {
  background-color: #0d3;
  outline: none;
  border: none;
  cursor: pointer;
  padding: 6px 9px;
  transition: 0.3s;
  font-weight: bold;
  color: white;
  border-radius: 4px;
}

.blueButton {
  background-color: #00f;
  outline: none;
  border: none;
  cursor: pointer;
  padding: 6px 9px;
  transition: 0.3s;
  font-weight: bold;
  color: white;
  border-radius: 4px;
}

.redButton {
  background-color: #f00;
  outline: none;
  border: none;
  cursor: pointer;
  padding: 6px 9px;
  transition: 0.3s;
  font-weight: bold;
  color: white;
  border-radius: 4px;
}

.applyButton {
    color: #fff;
    background-color: var(--aa-border);
    border-color: var(--aa-border);
}

.borderRight {
	border-right: 1px solid #aaa;
}
.noBorderRight {
	border-right: 0px solid #aaa;
}

.content-border {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.methodHead {
  font-weight:bold;
  overflow: hidden;
  padding: 6px 9px;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}
.methodBody {
  overflow: hidden;
  padding: 6px 9px;
  border: 1px solid #ccc;
  background-color: white;
  height:90px;
}

.contactHead {
  font-weight:bold;
  overflow: hidden;
  padding: 6px 0px;
  margin: 12px 0px;
  border-bottom: 1px solid #ccc;
  background-color: inherit;
  color: #f90;
}

/* Modal popup styling */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 300px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 15px;
  border: 1px solid #888;
  width: 65%;
}

.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.field-group label {
    font-size: 13px;
    font-weight: 600;
    color: #444;
    display: block;
    margin-bottom: .25em;
    margin-top: 5px;
}
.field-group .field label {
    font-size: 11px;
    font-weight: normal;
    color: #888;
    display: block;
    margin: 2px 0 0 2px;
}
.field-group .field {
    font-size: 14px;
    display: inline-block;
    margin: 0 .65em 0.6em 0;
}

.aafooter
{
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
}

.aafooter-fixed
{
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
}

.title {
    margin-top: .5rem;
    margin-bottom: .5rem;
    font-weight: 600;
	font-size: .9rem;
    line-height: 1.2;
	color: var(--aa-header);
}

.detail {
    margin-top: .2rem;
    margin-bottom: .2rem;
    font-weight: 400;
	font-size: .9rem;
    line-height: 1.2;
	color: var(--aa-subtitle);
}

.subdetail {
    margin-top: .4rem;
    margin-bottom: .2rem;
    font-weight: 400;
	font-size: .7rem;
    line-height: 1.2;
	color: var(--aa-subtitle);
}

.large-detail {
    margin-top: .2rem;
    margin-bottom: .2rem;
    font-weight: 600;
	font-size: 1.1rem;
    line-height: 1.3;
	color: var(--aa-header);
}

.aaradio div {
  clear: both;
  overflow: hidden;
  width: 220px;
  padding-right:1rem;
}

.aaradio label {
  width: 100%;
  border-radius: 3px;
  border: 0px solid #D1D3D4;
  font-weight: 600;
  color: var(--aa-header);
}

.aaradio input[type="radio"]:empty,
.aaradio input[type="checkbox"]:empty {
  display: none;
}

.aaradio input[type="radio"]:empty ~ label,
.aaradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 0.75em;
  background-color: var(--aa-menu);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.aaradio input[type="radio"]:empty ~ label:before,
.aaradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  /*width: 2.5em;*/
  background-color: var(--aa-header);
  border-radius: 3px 0 0 3px;
}

.aaradio input[type="radio"]:hover:not(:checked) ~ label,
.aaradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #fff;
  background-color: var(--aa-unselect);
}
.aaradio input[type="radio"]:checked ~ label,
.aaradio input[type="checkbox"]:checked ~ label {
  color: #fff;
  background-color: var(--aa-header);
}

.intl-tel-input {
  display: table-cell;
}
.intl-tel-input .selected-flag {
  z-index: 4;
}
.intl-tel-input .country-list {
  z-index: 5;
}
.input-group .intl-tel-input .form-control {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
}
.parahide {
	background-color:white; 
	z-index:1;
	position:relative;
	margin-right:0px;
	height:27px;
	width:38px;
}
.parafirst {
	position:relative;
	transform: skew(35deg);
	z-index:1;
	margin-left:-38px
}
.para {
	transform: skew(35deg);
}
.unpara {
	transform: skew(-35deg);
}

.epara {
	transform: skew(35deg);
}
.eunpara {
	transform: skew(-35deg);
}

.sq-tab .eunpara {
	width:100%;
	text-align:center;
	line-height:2.8rem;
	transform:none;
}
.sq-tab .epara {
	transform:none;
}

@media screen and (max-width: 666px) {
    .hidesmall {
        display: none;
    }
}
@media screen and (max-width: 666px) {
    .showsmall {
        display: block !important;
    }
}
@media screen and (max-width: 666px) {
    .stretch-8 {
		height:11rem !important;
    }
}
@media screen and (max-width: 750px) {
    .stretch-6 {
		height:7.5rem !important;
    }
}
@media screen and (max-width: 750px) {
    .shrink-4 {
		padding-right:.75rem !important;
		padding-left:.75rem !important;
    }
}

  
@media screen and (min-width: 992px) and (max-width: 1199px) {
 .nav-tabs .nav-item:nth-child(2),
 .nav-tabs .nav-item:nth-child(3),
 .nav-tabs .nav-item:nth-child(4) {
     width: calc(575px/3);
 }
}
@media screen and (max-width: 768px) and (max-width: 991px) {
 .nav-tabs .nav-item:nth-child(2),
 .nav-tabs .nav-item:nth-child(3),
 .nav-tabs .nav-item:nth-child(4) {
     width: calc(495px/3);
 }
 .eunpara {
     font-size: .8rem;
     line-height: 2rem;
 }
 .gl53 {
	font-size:30pt;
	line-height:3rem;
 }
 .jumbotron {
	 padding:2rem;
 }
 .card-body {
	 padding:1.25rem .5rem;
 }
}
@media screen and (max-width: 767px) {
 .nav-tabs .nav-item:nth-child(2),
 .nav-tabs .nav-item:nth-child(3),
 .nav-tabs .nav-item:nth-child(4) {
     width: calc(95%/3);
 }
 .eunpara {
     font-size: .6rem;
     line-height: 2rem; 
 }
 .gl53 {
	font-size:30pt;
	line-height:3rem;
 }
}
.datepicker {
  transform: translate(24em, 0em);
}