.load-icon-new {
    text-align: center;
    padding: 70px 0;
}

.ezr-root-layout {
    background: url(../Content/Images/bg.jpg) no-repeat center center fixed;
    background-size: cover;
    opacity: .95;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 100%;
}

.ezr-root-layout_for_current {
    background: url(../Content/Images/bg2021.jpg) no-repeat center bottom fixed;
    background-size: cover;
    opacity: .95;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 100%;
}

a:hover {
    text-decoration: none;
}

/*For angle theme, box-shadow and ouline is set to hidden*/
button:active, button:focus, a:active, a:focus {
    outline: none !important;
    box-shadow: none !important;
}

.ezr-customer-lg {
    color: #fff;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
}

.ezr-customer {
    color: #fff;
    font-size: 1.1rem !important;
    padding-top: .9rem !important;
    padding-bottom: .9rem !important;
}

.ezr-root-footer {
    background-color: #cfd2d7;
    font-size: .9rem;
}

.ezr-ssl-seal {
    width: 130px;
    height: 61px;
    margin: auto;
    background-color: #fff;
    border-radius: 5px;
}

.ezr-pageheading {
    background-color: #fff !important;
    border-bottom: 1px solid #cfdbe2;
}

.ezr-mandatory {
    color: #a4a4a4;
    margin: 0;
    padding: 0;
}

.ezr-optional {
    color: #a4a4a4;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

    .ezr-optional::after {
        content: " (Optional)";
        font-size: 80%;
    }

.ezr-optl {
    color: #a4a4a4;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

    .ezr-optl::after {
        content: " (Optl)";
        font-size: 80%;
    }

.ezr-button-bar {
    border-top: 1px solid #e4eaec;
    height: 60px;
    opacity: .95;
    background: #fff;
    padding-top: .75rem;
}

.bg-danger-lighter {
    background-color: #f2a4a4;
    Color: #fff;
}

input[type=checkbox] {
    transform: scale(1.25);
}

input[type=radio] {
    transform: scale(1.25);
}

.form-check-input {
    position: static;
}

.input-group-addon {
    background-color: #fff;
}

.form-control {
    color: #000;
    line-height: 1.8;
    height: 2.8rem;
    padding-top: .75em;
    padding-left: .75em;
    padding-bottom: 0;
}

.input-group-text {
    padding-top: .7rem;
}

.has-float-label label, .has-float-label > span {
    font-size: 85% !important;
    top: .2em !important;
}

.has-float-label .form-control:placeholder-shown:not(:focus) + * {
    font-size: 110% !important;
    opacity: 1 !important;
    top: .75rem !important;
}

.has-float-label label::after, .has-float-label > span::after {
    height: 0 !important;
}

.has-float-label {
    margin-bottom: 0 !important;
}

.input-validation-error {
    border-color: red !important;
}

.text-resize-large {
    font-size: 125%;
}

.text-resize-medium {
    font-size: 90%;
}

.text-resize-small {
    font-size: 75%;
}

body {
    font-size: 1rem;
}

.content-wrapper .content-heading {
    color: #656565;
    background-color: #fff;
}

.topnavbar .navbar-nav > .nav-item > .nav-link {
    padding: 1rem .9rem;
    font-size: 1rem;
}

.sidebar .nav-heading {
    font-size: 1rem;
}

.sidebar-nav {
    font-size: 1rem;
}

.h5, h5 {
    font-size: 1rem;
}

.btn {
    font-size: 1rem;
}

.form-control {
    font-size: 1rem;
}

.input-group-text {
    font-size: 1rem;
}

.datepicker th {
    font-size: 1rem !important;
}

@media (min-width:320px) {
    .topnavbar .dropdown .dropdown-menu-right {
        right: 0;
        left: auto;
        top: 56px;
        width: 265px;
    }
}

@media (min-width:992px) {
    .col-30 {
        flex: 0 0 30% !important;
        max-width: 30% !important;
    }

    .col-60 {
        flex: 0 0 60% !important;
        max-width: 60% !important;
    }

    .rounded-md-left {
        border-top-left-radius: 0.25rem !important;
        border-bottom-left-radius: 0.25rem !important;
    }

    .rounded-md-right {
        border-top-right-radius: 0.25rem !important;
        border-bottom-right-radius: 0.25rem !important;
    }
}

.wrapper .section-container, body {
    background-color: #eceff4;
}

.footer-container {
    background-color: #f5f7fa !important;
}

.card-default {
    border-top-width: 1px;
    border-color: #cfdbe2;
}

.text-md {
    font-size: 1.5rem !important;
    font-weight: 300;
}

.card-hover:hover {
    box-shadow: 0 4px 4px rgba(0,0,0,.2) !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child::before {
    background-color: #5d9cec;
}

table.dataTable > tbody > tr.child ul.dtr-details {
    display: block;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
    top: 36% !important;
    left: 30% !important;
}

table.dataTable thead td, table.dataTable thead th, table.dataTable.no-footer {
    border-bottom: 1px solid #eee;
}

.lock::after, .lock::before {
    opacity: 0 !important;
}

.dataTable td {
    word-break: break-all;
    word-wrap: break-word;
}

.dataTable .datatable-group {
    position: relative;
    height: 30px;
    padding: 5px 0;
}

    .dataTable .datatable-group .group {
        position: absolute;
        width: 100%;
        top: 0;
        padding-left: 10px;
        left: 0;
        height: 30px;
        line-height: 30px;
        border-bottom: 1px solid #d9dfe1;
    }

.table-striped .sorting_1, .table-striped .sorting_2 {
    background-color: #fafafa !important;
}

.table-striped tr.odd .sorting_1, .table-striped tr.odd .sorting_2 {
    background-color: #f1f1f1 !important;
}

tr.group, tr.group:hover, .bg-group {
    background-color: #dddddd !important;
}

    tr.group td {
        padding: .25rem 1rem !important;
    }

.table-striped tbody tr.odd {
    background-color: #f9f9f9 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.table-bordered, .table-bordered td, .table-bordered th {
    border-color: #ddd !important;
}

table.dataTable tr.group td, tr.group, tr.group:hover {
    background-color: #ddd !important;
    color: var(--dark) !important;
}

table.dataTable tbody tr:hover {
    background-color: #fffede !important;
}

    table.dataTable tbody tr:hover td.sorting_1, table.dataTable tbody tr:hover td.sorting_2 {
        background-color: #f5f6e8 !important;
    }

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.video-padding {
    padding: 10px;
}

.searchNameField {
    height: 2.3rem;
}

.bg-purple-light-row {
    background-color: #f3f0ff !important;
}

.bg-purple-light-dark-row {
    background-color: #e7dfff !important;
}

.bg-purple-highlight {
    background-color: #ece7ff;
}

.bg-yellow-highlight {
    background-color: #fffbe5 !important;
}

.text-purple-highlight {
    color: #ece7ff;
}

.allreport-button-text-top {
    top: -2px;
}

.bg-purple-lighter {
    background-color: #f6f5fd !important;
}

.bg-skyblue-lighter {
    background-color: #e6f2ff !important;
}

.bg-very-light-green {
    background-color: #e2fff9;
}

.selectedOption {
    background-color: #e6f4ea;
}

.cursor-default {
    cursor: default;
    pointer-events: none;
}

.cursor-default-active {
    cursor: default;
}

.cursor-pointer {
    cursor: pointer;
}

.bgcolor-report-popup {
    border: 5px solid #2462d6;
}

.list-attendees {
    position: absolute;
    right: 0;
    top: -69px;
    height: 50px;
}

.list-attendees_FilterWidth {
    width: 40px;
}

.list-attendees_TopHeight {
    height: 30px;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto !important;
}

@media only screen and (min-width:991px) {
    .barcode-staff .collapse, .barcode-staff .collapse:not(.show) {
        display: block !important;
    }

    .barcode-staff .CollapseIcon {
        display: none !important;
    }
}

body .whirl:after {
    z-index: 1000000 !important;
}

body .whirl:before {
    z-index: 999999 !important;
}

.alternate-color .alt {
    background-color: #f9f9f9 !important;
}

.alternate-color .row:hover {
    background-color: #fdfeef !important;
}

.alternate-color .alt-text {
    color: #fff !important;
}

.alternate-color .alt .alt-text {
    color: #f9f9f9 !important;
}

.box-shadow-none {
    box-shadow: none !important;
}

.checked input[type=radio]:disabled + span {
    border-color: #5d9cec !important;
}

    .checked input[type=radio]:disabled + span.fa-circle:before {
        color: #5d9cec !important;
    }

.checked input[type=checkbox]:checked:disabled + span {
    border-color: #5d9cec !important;
    background-color: #5d9cec !important;
    color: #fff !important;
}

.text-green-dark {
    color: #2b957a !important;
}

.bg-blue-light-block {
    background-color: #cfe2f3 !important;
}

.bg-green-light-block {
    background-color: #e6f4ea !important;
}

.form-control-text-middle {
    padding-top: 0 !important;
}

.bg-green-lightest {
    background-color: #f0f9f3 !important;
}

.right {
    right: 5%;
    z-index: 1000;
}

.top-10 {
    top: 10px;
}

.h-25 {
    min-height: 25px;
}

.h-30 {
    min-height: 30px;
}

.h-35 {
    min-height: 35px;
}

.h-36 {
    min-height: 36px;
}

.h-62 {
    min-height: 62px;
}

.h-54 {
    min-height: 54px;
}
 
.h-70 {
    min-height: 70px;
}

.h-80 {
    min-height: 80px;
}

.h-200 {
    min-height: 200px;
}

.h-205 {
    min-height: 205px;
}

.text-danger {
    color: red;
}

.btn-outline-warning:active, .btn-outline-warning:focus {
    color: #ff902b !important;
}

.text-blue-darker {
    color: #2c5e9d !important;
}

.mr-15 {
    margin-right: 15px;
}

.mr-17 {
    margin-right: 17px;
}

.text-orange {
    color: #ffb12b !important;
}

.text-orange-dark {
    color: #ff792b !important;
}

.b-1 {
    border: 1px solid;
}

.lh-inherit {
    line-height: inherit !important;
}

.custom-select-label .custom-select {
    background: 0 0 !important;
    z-index: 1;
}

.custom-select-label {
    background: #fff !important;
    border-radius: .25rem !important;
}

    .custom-select-label:after {
        content: " " !important;
        color: #000;
        position: absolute;
        right: .7rem;
        top: 50%;
        z-index: 0;
        border-color: #343a40 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0 4px;
    }

.top30 {
    top: 30%;
}

.bottom30 {
    bottom: 30%;
}

.thumb152 {
    width: 152px !important;
    min-height: 152px !important;
}

.thumb35 {
    width: 35px !important;
    height: 35px !important;
}

.thumb28_35 {
    width: 28px !important;
    height: 35px !important;
}

.left-thumb35 {
    left: -0.6rem !important;
}

.pl-switch {
    padding-left: 45px !important;
}

.w-switch {
    width: 40px;
}

.bg-danger-highlight {
    background-color: #ffe2e2 !important;
}

.disabled-row {
    opacity: .9;
    background-color: #efefef;
    color: var(--inverse-alpha);
}

    .disabled-row a.disabled {
        pointer-events: none !important;
        cursor: default;
        text-decoration: none;
    }

.modal-dialog {
    overflow-y: initial !important;
}

.modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

    .modal-body.no-scrollbar {
        max-height: calc(100vh) !important;
        overflow-y: initial !important;
    }

.swal-button {
    color: #fff;
    background-color: var(--primary);
}

    .swal-button:not([disabled]):hover {
        background-color: var(--primary-dark) !important;
    }

    .swal-button:focus {
        outline: 0;
        box-shadow: none;
    }

.swal-button--cancel {
    color: #5d9cec !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #5d9cec !important;
}

    .swal-button--cancel:not([disabled]):hover, .swal-button--cancel:hover {
        background-color: #5d9cec !important;
        color: #fff !important;
    }

    .swal-button--cancel:focus {
        outline: 0 !important;
        box-shadow: none !important;
    }

.swal-footer {
    text-align: center !important;
}

.swal-icon {
    margin-bottom: 0 !important;
    margin-top: 15px !important;
}

.dropzone .dz-default.dz-message {
    font-size: 24px !important;
}

.dz-default {
    margin: .7em 0 !important;
}

.border-dashed {
    border-style: dashed !important;
}

.text-brown {
    color: #b98c63 !important;
}

.no-hover .row:hover {
    background-color: inherit !important;
}

a.btn-pin {
    transition: transform .2s;
}

    a.btn-pin:hover {
        background-color: white !important;
        -webkit-box-shadow: inset 2px 2px 12px 4px rgba(93, 156, 236, 0.40);
        -moz-box-shadow: inset 2px 2px 12px 4px rgba(93, 156, 236, 0.40);
        box-shadow: inset 2px 2px 12px 4px rgba(93, 156, 236, 0.40);
        -ms-transform: scale(1.06); /* IE 9 */
        -webkit-transform: scale(1.06); /* Safari 3-8 */
        transform: scale(1.06);
    }

    a.btn-pin:focus {
        background-color: #ebf5ff !important;
        -webkit-box-shadow: inset 2px 2px 12px 4px rgba(93, 156, 236, 0.40) !important;
        -moz-box-shadow: inset 2px 2px 12px 4px rgba(93, 156, 236, 0.40) !important;
        box-shadow: inset 2px 2px 12px 4px rgba(93, 156, 236, 0.40) !important;
        -ms-transform: scale(1.00); /* IE 9 */
        -webkit-transform: scale(1.00); /* Safari 3-8 */
        transform: scale(1.00);
    }

    a.btn-pin:active {
        background-color: white !important;
        -webkit-box-shadow: inset 2px 2px 12px 4px rgba(93, 156, 236, 0.40);
        -moz-box-shadow: inset 2px 2px 12px 4px rgba(93, 156, 236, 0.40);
        box-shadow: inset 2px 2px 12px 4px rgba(93, 156, 236, 0.40);
        -ms-transform: scale(1.06); /* IE 9 */
        -webkit-transform: scale(1.06); /* Safari 3-8 */
        transform: scale(1.06);
    }

@media only screen and (min-width: 991px) {
    .TestAssessmentGroup {
        overflow: auto;
        height: 184px;
    }

    .TestAssessment {
        overflow: auto;
        min-height: 46px;
    }
}

.width40 {
    width: 40px;
}

.width50 {
    width: 50px !important;
}

.width260 {
    width: 260px;
}

.width340 {
    width: 340px;
}

.pl-sm-55 {
    padding-left: 55px !important;
}

.mh-3 {
    min-height: 3rem !important;
}

.mh-7 {
    min-height: 7rem !important;
}

.a-disabled a {
    pointer-events: none !important;
    cursor: default;
    text-decoration: none;
}

.text-sm-header {
    font-size: 0.86rem !important;
}

.btn-view {
    position: absolute;
    top: 63px;
    right: 1rem;
    z-index: 121;
}

.popover-custom{
	max-width: 389px!important;
}

.popover-custom .popover-body{
	padding: 0!important;
}

.popover {
    -webkit-box-shadow: 2px 2px 6px -1px rgba(0,0,0,.55);
    -moz-box-shadow: 2px 2px 6px -1px rgba(0,0,0,.55);
    box-shadow: 2px 2px 6px -1px rgba(0,0,0,.55);
    border: 0;
}

.popover-header {
    background-color: var(--gray);
    color: #fff !important;
}

.left-2 {
    left: 0.2rem !important;
}

.dz-default {
    font-size: 25px !important;
}

.no-hover:hover, .alternate-color .bg-group:hover {
    background-color: #dddddd !important;
}

.mw-25 {
    max-width: 25px !important;
}

.offset-25 {
    margin-left: 25px;
}

.text-break {
    word-wrap: break-word;
    word-break: break-all;
}

.subheader-h-20 {
    height: 20px !important;
}

.subheader-line-100 {
    line-height: 100%;
    vertical-align: top;
}

.ReadOnly-row {
    opacity: 0.9;
    background-color: #edf6f6;
    color: var(--inverse-alpha);
}

    .ReadOnly-row a.disabled {
        pointer-events: none !important;
        cursor: default;
        text-decoration: none;
        color: var(--muted);
    }

.w-6 {
    width: 6.0rem !important;
}

.w-7 {
    width: 7.0rem !important;
}

.w-5 {
    width: 5.4rem !important;
}

.w-4 {
    width: 4rem !important;
}

.w-6 {
    width: 6rem !important;
}

.h-2 {
    height: 2.2rem;
}

.h-20 {
    height: 20px !important;
}

.bg-inverse-lighter{
      background-color:#d0dae2;
}

.ScrollAfter175 {
    overflow: auto;
    height: 175px;
}

@media (min-width:576px) {
    .w-sm-auto {
        width: auto !important;
    }
}

.bg-orange-highlight, .table-striped .bg-orange-highlight .sorting_1, .table-striped .bg-orange-highlight .sorting_2 {
    background-color: #fff3eb !important;
}

.w-38 {
    width: 38px !important;
}

.ezr-mobile-heading-nomenu {
    font-size: 1.1rem;
    line-height: 1.1;
    color: #666;
    margin: -15px;
    margin-bottom: 15px;
    padding: 15px;
    font-weight: 400;
    background-color: #eee;
    border-bottom: 1px solid #cfdbe2;
}

.ezr-mobile-heading{
		   font-size: 1.1rem;
			line-height: 1.1;
			color: #666;
			margin: -15px;
			margin-bottom: 15px;
			padding: 15px;
			font-weight: 400;
			background-color: #eee;
			border-bottom: 1px solid #cfdbe2;
	   }
	   @media (min-width: 768px) {
		   .ViewOnly{
				float: right;
				position: absolute;
				right: 0.5rem;
				bottom: -2.3rem;
				top: 0.5rem;
				z-index: 1000;
				height: 30px!important;
			}
	   }

.AddSchoolDistrict {
    color: #37bc9b;
    font-weight: bold;
}

.AddNew {
    color: #37bc9b;
    font-weight: bold;
}

.row-hover:hover {
    background-color: var(--light);
}


.w-info {
    width: 400px;
    height: calc(100vh)!important;
}

.box-info {
    right: 0;
    top: 59px;
    z-index: 10000;
}

.box-content {
    height: 350px;
    overflow: auto;
}

#toggleMenu {
    position: absolute;
    top: 3px;
    left: -35px;
    transform: rotate(-90deg);
    display: block;
    width: 37px; 
}



@media (max-width:360px) {
    .w-info {
        width: 260px !important;
    }

    .wd-xxl {
        width: 300px !important;
    }
}

@media (min-width:361px) and (max-width:550px) {
    .w-info {
        width: 300px !important;
    }
}

/*.bg-inverse-lighter {
  background-color:#a1b5c3;
}*/

.bg-secondary-highlight {
    background-color: #f8f9fa;
}


/* for waived label */
.text-rotate {
    transform: rotate(-90deg);
    display: block;
}

.top-0 {
    top: 0 !important;
}

.left-0 {
    left: 0 !important;
}

.right-0 {
    right: 0 !important;
}

.w-1 {
    width: 1.2rem !important;
}

.w-2 {
    width: 2.3rem !important;
}

.w-3{
	width: 3rem!important;
}

/* IE10+ specific styles go here */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ie-w-1 {
        width: 1.2rem !important;
        display: flex !important;
    }
}

.bl-info-3{
	border-left: 0.7rem solid #23b7e5 !important;
}
.bl-warning-3{
	border-left: 0.7rem solid #ff902b !important;
}
.bl-green-3{
	border-left: 0.7rem solid #37bc9b !important;
}
.bl-purple-3{
	border-left: 0.7rem solid #7266ba !important;
}
.bl-danger-3{
	border-left: 0.7rem solid #f05050 !important;
}

.bold
{
    font-weight: bold;
}

.mt-1px{
	margin-top:1px!important;
}

.mt-2px{
	margin-top:2px!important;
}

.mt-3px{
	margin-top:3px!important;
}

.mt-4px{
	margin-top:4px!important;
}

.mt-5px{
	margin-top:5px!important;
}

.mt-6px{
	margin-top:6px!important;
}

.mr-2px{
	margin-right:2px!important;
}

.no-white-space{
     white-space:inherit!important;
}

.back-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: none;
    z-index: 100000;
}

.disableOpacity
{
    opacity:0.65;
}

.disabled-control
{
    background-color: #edf1f2;
    border-color: #dde6e9 !important;
}

.line-height-inherit{
	line-height: inherit;
}

.h-icon-36{
    height:36px;
}

.overflow-visible {
     overflow: visible !important;
}

.line-height-inherit{
	line-height: inherit;
}

.h-icon-36{
    height:36px;
}
/*For fixed header of datatable and div table*/
/*==============================================================*/
/*DataTable*/
/*"fixedHeader-floating" is datatable class, we are overwriting this for showing a shadow in fixed header */
.fixedHeader-floating {
    -webkit-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.30);
    box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.30);
}

.top-50 {
    position: relative;
    top: 50px;
}

.border-dashed {
    border-style: dashed !important;
}

.border-gray-dark{
    border-color:#b5bdc0!important;
}

.border-top-right-rounded
{
    border-top-right-radius: 0 !important;
}

.border-bottom-right-rounded
{
    border-bottom-right-radius: 0 !important;
}

.border-top-left-rounded
{
    border-top-left-radius: 0 !important;
}

.border-bottom-left-rounded
{
    border-bottom-left-radius: 0 !important;
}

.opacity-zero
{
    opacity: 0 !important;
}

.floating-table-head {
    z-index: 200 !important;
}
/*DIV table*/
.div-fixedHeader-floating {
    -webkit-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.30);
    box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.30);
}
.sticky {
	position: fixed;
	top: 55px;
	z-index: 1;
	background-color: #fff;
}
.sticky + .fixed-content {
	padding-top: 55px;
}
/*==============================================================*/

.bg-green-light-block, .table-striped .bg-green-light-block .sorting_1, .table-striped .bg-green-light-block .sorting_2 {
    background-color: #E6F4EA !important;
}

.selected-cell {
    background-color: transparent;
}
.selected-cell:hover {
    background-color: #f3edbd !important;
}

.selected-cell-card:hover, .selected-cell-card:active {
    background-color: #f3edbd !important;
}

@media all  and ( max-width : 767px )  {
	.br-xs-sm-0{
		border-right: none!important;
	}
			
}
@media all and ( min-width : 768px )  {    /* --- for mozilla max-width ---  */
	.br-xs-sm-0{
		border-right: 1px solid rgba(0, 0, 0, 0.12)!important;
	} 
}

@media all and ( max-width : 992px ) {
        .br-xs-sm-md-0 {
            border-right: none !important;
        }
    }

    @media all and ( min-width : 992px ) { /* --- for mozilla max-width ---  */
        .br-xs-sm-md-0 {
            border-right: 1px solid rgba(0, 0, 0, 0.12) !important;
        }
    }

@media (min-width:1024px) {
    .TableCellHyperlink
    {
        height:100%;
        width:100%;
        display: flex; 
        justify-content: center;
        align-items:center;
    }
}

.TableCellHyperlinkNormal
{
    height:100%;
    width:100%;
}

.TableContactCellHyperlink
{
    height:100%;
    width:100%;
    display: flex; 
    justify-content: center;
    align-items:center;
}

/*Issue 11552: custom width for modal dialogues (applicable for all modals if used)*/
@media (min-width: 576px){
     .modal-custom-400{     /*between modal-sm and modal-md*/
         max-width:400px!important;
      }
     .modal-custom-600{     /*between modal-md and modal-lg*/
         max-width:600px!important;
      }
}