.pointer {
     cursor: pointer;
}


.bg-blue {
     background: #215092 !important;
}

.navbar-brand-link {
     position: relative;
     float: right;
     padding-top: 0.3125rem;
     padding-bottom: 0.3125rem;
     margin-right: 1rem;
     font-size: 1.25rem;
     text-decoration: none;
     white-space: nowrap;
}

.navbar-name {
     position: relative;
     float: right;
     margin-left: 0.7rem;
     font-size: 1rem;
     color: white;
     line-height: 1.3;
}

.navbar-name .name {
     font-weight: bold;
}

.navbar-name .area {
     display: block;
     font-weight: 300;
     font-style: italic;
     font-size: 0.8rem;
     line-height: 1;
}

.left {
     position: relative;
     float: left;
     background: white;
     width: 50%;
     padding-left: 10rem;
     padding-right: 10rem;
}

.right {
     width: 50%;
     background: #215092;
     padding-left: 10rem;
     padding-right: 10rem;
     text-align: center;
     background-image: url('../images/bg.jpg');
     background-size: cover;
     float: right;
}

.font-light {
     font-weight: lighter !important;
}

.main-wrapper {
     height: 100vh;
}

.section {
     height: 100%;
     display: flex !important;
     flex-direction: column !important;
     justify-content: center;
     /*align-items: center;*/
}

.btn-primary {
     color: #fff;
     background-color: #215092;
     border-color: #215092;
}

.btn-primary.disabled, .btn-primary:disabled {
     color: #fff;
     background-color: #215092;
     border-color: #215092;
}

.btn-primary:hover {
     color: #fff;
     background-color: #18396a;
     border-color: #18396AFF;
}

.btn-primary:focus {
     color: #fff;
     background-color: #18396a;
     border-color: #18396AFF;
}

label {
     font-weight: 300;
     font-size: 0.8rem;
}

.link {
     color: #2A63B3 !important;
     font-weight: 400;
     text-decoration: underline;
     text-underline-offset: 0.3em;
     font-size: 1rem;
}

.link:hover {
     color: #1a3d71 !important;
}

.box-app {
     background: #F1F5FB !important;
     border: none !important;
     border-radius: 10px;
     padding: 10px 10px 10px 10px;
     height: 100%;
}

.box-app .bold {
     color: #525659 !important;
     font-weight: bold;
     font-size: 0.9rem;
}

.box-app .light {
     color: #6E7377 !important;
     font-weight: lighter;
     font-size: 0.8rem;
     margin-bottom: 10px;
}

.box-app .link {
     color: #2A63B3 !important;
     font-weight: 400;
     text-decoration: underline;
     text-underline-offset: 0.3em;
     font-size: 0.8rem;
     float: right;
}

.box-app .link:hover {
     color: #1a3d71 !important;
}

.box-app .img-top {
     width: 40% !important;
     align-items: center;
     align-self: center;
     /*padding-bottom: 2rem;*/
}

.box-app .icon {
     font-size: 0.8rem;
     text-decoration: underline;
     text-underline-offset: 0.6em;

}

.tabs {
     background: #EEF3FA !important;
     border-radius: 30px !important;
     min-height: 60px;
}

.tabs .title {
     color: #1D4787 !important;
     font-weight: 600;
     font-size: 1.5rem !important;
     line-height: 2.5;
}

.tabs .selected {
     background: #1D4787 !important;
     border-radius: 30px !important;
     min-height: 60px;
}

.tabs .selected .title {
     color: #EEF3FA !important;
     font-weight: 600;
     font-size: 1.5rem !important;
     line-height: 2.5;
}


.link-light {
     color: #EEF3FA !important;
     font-weight: 400;
     text-decoration: underline;
     text-underline-offset: 0.3em;
     font-size: 1rem;
}

.link-light:hover {
     color: #a5a8ad !important;
}

.form-control {
     background-color: #EFF3FD !important;
     line-height: 2.2 !important;
}

.btn {
     line-height: 2.2 !important;
}

.text-right {
     text-align: right;
}

.badge-position {
     position: relative; top: -46px; left: 97%;
}