html, body {
    height: 100%;
}

main {
    min-height: 100%;
    background: #F8F9FB;
    margin-left: 250px;
    transition: 0.25s;
}

.content {
    overflow: hidden;
    margin: 2rem;
    margin-bottom: 0rem;
    min-height: 100%;
}

.input-group-sm input {
    border-radius: 0.25rem !important;
}

.input-group-sm select {
    border-radius: 0.25rem !important;
}

.align-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.primary-background {
    background-image: url("/static/images/parallax.jpg"); background-position: 50% 0%;
}

.access-logo {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 1.5rem;
}

.access-title {
    font-size: 64px;
    text-align: center;
    letter-spacing: -0.39px;
    color: #FFFFFF;
    opacity: 1;
}

.access-subtitle {
    font-size: 24px;
    text-align: center;
    letter-spacing: 0px;
    color: #DBE4F1;
    opacity: 1;
}

.error-title {
    font-size: 74px;
    font-weight: bold;
    text-align: left;
    letter-spacing: -0.39px;
    color: #FFFFFF;
    opacity: 1;
}

.error-subtitle {
    font-size: 28px;
    line-height: 2.25rem;
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.access-form {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 7px 6px #39383829;
    border: 1px solid #70707080;
    border-radius: 69px;
    opacity: 1;
}

.access-form-title {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 36px;
    font-weight: bold;
    text-align: left;
    letter-spacing: 0px;
    color: #322D81;
    opacity: 1;
}

.access-form-sublink {
    text-align: left;
    letter-spacing: 0px;
    color: #208FFD;
    opacity: 1;
}

.access-form-underneath {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

@media screen and (max-width: 767.98px) {
    .access-form-column {
        min-width: 0;
    }

    .access-form {
        border-radius: 32px;
        max-width: 100%;
    }

    .access-form .card-body {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .access-form .btn.col-md-12 {
        width: 100%;
    }

    .access-form-title {
        font-size: 32px;
    }

    .access-form-underneath {
        overflow-wrap: anywhere;
    }
}

@media screen and (max-width: 359.98px) {
    #hcaptcha-parent {
        height: 66px;
        transform: scale(0.84);
        transform-origin: left top;
        width: 303px;
    }
}

.form-control {
    background-color: #FBFBFB !important;
    border: 1px solid #DADADA;
    border-radius: 0.25rem;
    opacity: 1;
}

.btn-primary {
    background: #322D81 0% 0% no-repeat padding-box;
    border: 1px;
    opacity: 1;
}

.btn-secondary {
    background: #357DBD 0% 0% no-repeat padding-box;
    border: 1px;
    opacity: 1;
}

.btn-secondary-inverted {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #357DBD;
    color: #357DBD;
    opacity: 1;
}

.btn-info {
    background: #5AACFF 0% 0% no-repeat padding-box;
    border: 1px;
    opacity: 1;
}

.btn-success {
    background: #3ED3A3 0% 0% no-repeat padding-box;
    border: 1px;
    opacity: 1;
}

.btn-success-inverted {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #3ED3A3;
    color: #3ED3A3;
    opacity: 1;
}

.btn-warning {
    background: #EFD358 0% 0% no-repeat padding-box;
    border: 0;
    opacity: 1;
}


.btn-danger {
    background: #D1052D 0% 0% no-repeat padding-box;
    border: 1px;
    opacity: 1;
}

.btn-danger-inverted {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #FF5D5D;
    color: #D1052D;
    font-weight: bold;
    opacity: 1;
}

.btn-light {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #F1F2F6;
    font-weight: bold;
    opacity: 1;
}

.btn-light-inverted-error {
    color: #FFFFFF;
    font-weight: bold;
    border: 1px solid #FFFFFF;
    border-radius: 28px;
    padding-left: 2rem;
    padding-right: 2rem;
}

.btn-menu { 
    padding-top: .75rem;
    padding-bottom: .75rem;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #F1F2F6;
    border-radius: 0px;
    text-align: left;
    font-size: 16px !important;
    opacity: 1;
    box-shadow: none !important;
    outline: 0 !important;
}

.btn-menu:hover {
    background-color: #F8F9FB;
}

.btn-notification {
    box-shadow: none !important;
    outline: 0 !important;
}

.btn-lg {
    font-size: 18px;
}

.sidebar {
    padding: 0;
    height: 100%;
    width: 250px;
    position: fixed;
    z-index: 0;
    overflow-x: hidden;
    background: #0A1F44 0% 0% no-repeat padding-box;
    opacity: 1;
    transition: 0.25s;
}

.sidebar-header-container {
    height: 2.8rem;
}

.sidebar-header {
    margin-left: 2rem;
    font-size: 14px;
    text-align: left;
    color: #445980;
    text-transform: uppercase;
    opacity: 1;
}

.sidebar-item {
    height: 2.8rem;
}

.sidebar-item:hover {
    background-color: #02122F;
}

.sidebar-item a:hover {
    color: #FFFFFF;
}

.sidebar-legal {
    background: #0A1F44 0% 0% no-repeat padding-box;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    font-size: 12px;
}

.sidebar-legal-admin {
    background: #0A1F44 0% 0% no-repeat padding-box;
    margin-top: 4.8rem;
    z-index: 99;
    width: 100%;
    font-size: 12px;
}

.nav-link {
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: 16px;
    color: #FFFFFF;
}

.search-bar {
    margin: 0.25rem;
    font-size: 14px;
    background-color: #FBFBFB !important;
    border: 1px solid #DADADA;
    border-radius: 0.25rem;
    opacity: 1;
}

.profile-picture {
    border-radius: 50%;
}

.navbar {
    margin: 0;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 2px 5px -6px #F1F2F4;
    -moz-box-shadow: 0px 2px 5px -6px #F1F2F4;
    box-shadow: 0px 2px 5px -6px #F1F2F4;
    border: 1px solid #F0F2F7;
    opacity: 1;
}

.card {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 5px #F1F2F4;
    border: 1px solid #F0F2F7;
    border-radius: 10px;
    opacity: 1;
}

.card-title-mini {
    margin-top: 0.25rem;
    margin-bottom: 0;
    text-align: left;
    color: #ACB1C0;
    opacity: 1;
}

.card-header {
    background-color: #FFFFFF;
    border-radius: 10px;
}

.card-title {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    letter-spacing: 0px;
    color: #333A4D;
    opacity: 1;
}

.card-subtitle {
    margin-top: 0.25rem;
    font-size: 14px;
}

.card-text {
    margin-bottom: 0.25rem;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    letter-spacing: 0px;
    color: #333A4D;
    opacity: 1;
}

.file-dropzone {
    border: 2px solid #229BE6;
    border-style: dashed;
}

.file-upload-header {
    font-size: 22px;
}

.tag-container {
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    height: 4rem;
}

.tag-blue {
    background: #CCE6FF 0% 0% no-repeat padding-box;
    border-radius: 50%;
}

.tag-green {
    background: #92ECCF 0% 0% no-repeat padding-box;
    border-radius: 50%;
}

.tag-yellow {
    background: #FFDC99 0% 0% no-repeat padding-box;
    border-radius: 50%;
}

.tag-red {
    background: #FFC2C2 0% 0% no-repeat padding-box;
    border-radius: 50%;
}

.badge-blue {
    background: #CCE6FF 0% 0% no-repeat padding-box;
    color: #0D55CF;
}

.badge-green {
    background: #92ECCF 0% 0% no-repeat padding-box;
    color: #0D55CF;
}

.badge-yellow {
    background: #FFDC99 0% 0% no-repeat padding-box;
    color: #0D55CF;
}

.badge-red {
    background: #FFC2C2 0% 0% no-repeat padding-box;
    color: #0D55CF;
}

.storage-percentage {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 36px;
    letter-spacing: 0px;
    color: #363636;
    opacity: 1;
}

@media screen and (max-width: 600px) {
    .storage-percentage {
      font-size: 24px;
    }
  }

.storage-text {
    font-size: 24px;
    text-align: center;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
}

.dataTables_filter, .dataTables_info {
    display: none;
}

.dataTables_empty {
    text-align: center;
}

.dtr-details {
    width: 100%;
}

.dtr-title {
    width: 50%;
}

.dtr-data {
    width: 50%;
}

.pagination {
    float: right;
    padding-right: 20px;
}

.small, small {
	font-size: 90%;
	font-weight: 400;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down align-middle"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat !important;
    background-position: right 1rem top 50% !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.rectangle-settings-select {
    height: 42px;
    background-color: #FFFFFF !important;
    border: 1px solid #CCCCCC;
    border-radius: 0.25rem;
    opacity: 1;
}

.pricing-text {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
}

.pricing-amount {
    color: #FFFFFF;
    font-size: 30px;
    font-weight: bold;
}

.pricing-details {
    color: #9A9A9A;
    font-size: 16px;
    margin-left: 1rem;
}

.card-form-row {
    margin-left: -30px;
}

.profile-title {
    margin-bottom: .5rem;
    font-size: 14px;
    color: #6C6D6E;
}

.profile-content {
    font-size: 16px;
    color: #6C6D6E;
}

.custom-control-label::before {
	position: absolute;
	top: 0.1rem !important;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	content: "";
	background-color: #fff;
	border: #adb5bd solid 1px;
}

.custom-control-label::after {
	position: absolute;
	top: 0.1rem !important;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	content: "";
	background: no-repeat 50%/50% 50%;
}

.text-light-gray {
    color: #ACB1C0;
}

.text-medium-gray {
    color: #707070;
}

.selecter-dropdown {
    height: 42px;
    border: 1px solid #CCCCCC;
    border-radius: 0.25rem;
    text-align: left;
    background: #FFFFFF url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down align-middle"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat !important;
    background-position: right 1rem top 50% !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: #22C993;
	background-color: #22C993;
}

.input-group-prepend-custom {
    background-color: #FBFBFB !important;
    border: 1px solid #DADADA;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.input-group-append-custom {
    background-color: #FBFBFB !important;
    border: 1px solid #DADADA;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.cell-padding-20-px {
    padding: 20px !important;
}

.modal-body {
    padding: 2rem;
}