/* Minification failed. Returning unminified contents.
(17,87): run-time error CSS1039: Token not allowed after unary operator: '-Typography-Sizes-font-size-600'
(23,81): run-time error CSS1039: Token not allowed after unary operator: '-borderRadius-medium'
(25,67): run-time error CSS1039: Token not allowed after unary operator: '-interactive-background-gray-faded'
(88,87): run-time error CSS1039: Token not allowed after unary operator: '-Typography-Sizes-font-size-500'
(88,183): run-time error CSS1039: Token not allowed after unary operator: '-Typography-Line-height-line-height-500'
(89,88): run-time error CSS1039: Token not allowed after unary operator: '-Typography-Sizes-font-size-75'
(90,86): run-time error CSS1039: Token not allowed after unary operator: '-Typography-Sizes-font-size-300'
(90,209): run-time error CSS1039: Token not allowed after unary operator: '-Typography-Line-height-line-height-200'
 */
.MDTLogoWhite { background: url(/TNEnterprise/wwwroot/Content/themes/base/images/TN-login-logo.png) no-repeat left center; height: 79.109px; width: 97%; background-size: contain; background-repeat: no-repeat; position: absolute; top: 40px; left: 40px; }
.login-wrapper { display: flex; height: 100vh; background-color: #FFFFFF; /*overflow:auto;*/
}
body { height: 100%; margin: 0; background: #fff; /*overflow:auto;*/
}
.login-box { gap: 24px; width: 50%; padding-bottom: 61.5px; }
.login-content { display: flex; flex-direction: column; }
.left-content { width: 40%; background: url(/TNEnterprise/wwwroot/Content/themes/base/images/login-image.png) no-repeat right center; background-size: cover; display: flex; align-items: center; justify-content: center; height: 100%; /* Ensure the height is set */
min-height: 840px; }
.right-content { width: 60%; /*background: url(/TNEnterprise/wwwroot/Content/themes/base/images/BG-right-Image.png) no-repeat right top;*/
background-color: #FFFFFF; display: flex; justify-content: center; align-items: center; font-size: 16px; flex-direction: column; /*margin-top:10%*/
}
/*.right-Content-footer { background: url(/TNEnterprise/wwwroot/Content/themes/base/images/powered-by-i3.svg) no-repeat center; padding: 10px; background-color: black; }
*/
.title-gap { margin-bottom: 24px; }
.environment-name { color: #d23e34; font-family: Raleway,sans-serif; font-size: 20px; font-style: normal; font-weight: 700; align-content: start; width: 512px; text-align: center; margin-bottom: 24px; }
.login-title-name { color: #1e376d; font-family: Raleway, sans-serif; font-size: var(--Typography-Sizes-font-size-600, 32px); font-style: normal; font-weight: 700; text-align: center; }
.input-label { color: #1F2830; font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; }
.custom-link { text-align: right; font-family: 'Nunito Sans',sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; }
.validation-summary { position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 20%; z-index: 1000; padding: 10px; }
.text-danger { color: #dc3545; font-size: 14px; }
.custom-input::placeholder { color: #5E77913D; font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; }
.custom-input-box { font-family: 'Nunito Sans', sans-serif; border-radius: var(--borderRadius-medium); transition: border-color 0.3s ease; color: #1F2830; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; height: 48px !important; border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; }
.custom-input-box.inactive { border-color: #ccc; }
.custom-input-box:focus { border-color: #d23e34; background: var(--interactive-background-gray-faded); }
.custom-input-box:hover { border-color: #1F2830; }
.custom-input-box.error { border-color: #D92D20; }
.btn-login { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; width: 100%; white-space: normal; word-wrap: break-word; padding: 10px; background-color: #d23e34; color: #FFFFFF; border-radius: 5px; font-weight: 700; border: 1px solid #d23e34 !important; }
.btn-login:active { border-color: #ae261e !important; }
.btn-login:focus-visible { border-color: #ae261e !important; }
.forgot_page_btn { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; width: 219px; color: #FFFFFF; border-radius: 5px; font-weight: 700; }
.btn-login:hover, .btn-login:focus { background-color: #ae261e; color: #FFFFFF; }
.forgot_page_btn:hover { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; width: 219px; color: #FFFFFF; border-radius: 5px; font-weight: 700; }
/*.btn-login:focus { background-color: #52824A; color: #FFFFFF; }
*/
.forgot_page_btn:focus { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; width: 219px; color: #FFFFFF; border-radius: 5px; font-weight: 700; }
.btn-register-permit { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; width: 100%; white-space: normal; word-wrap: break-word; padding: 10px; background-color: #1e376d; color: #fff; border-radius: 5px; font-weight: 700; border: 1px solid #1e376d !important; }
.btn-register-permit:hover { color: #fff; background-color: #0f275c; }
.btn-register-permit:focus { color: #fff; background-color: #0f275c; }
.btn-gap { margin-bottom: 20px; }
.textbox-gap { margin-bottom: 16px; }
.btn-disclamer { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; width: 100%; color: #516D93; font-weight: 600; }
.footer-right-content { bottom: 0; text-align: center; background: url(/TNEnterprise/wwwroot/Content/themes/base/images/powered-by-i3.svg) no-repeat center center; background-size: contain; background-repeat: no-repeat; position: fixed; width: 240px; height: 44px; }
.custom-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 9999; }
.custom-modal-dialog { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; border-radius: 8px; overflow: hidden; }
.custom-modal-content { padding: 20px; }
.custom-modal-header { display: flex; justify-content: space-between; align-items: center; color: #13181D; font-family: Raleway, sans-serif; font-size: 20px; font-weight: 700; border-bottom: 1px solid #dee2e6; padding-bottom: 10px; }
.custom-close { background: none; border: none; cursor: pointer; }
.custom-modal-body { margin-top: 20px; font-family: 'Nunito Sans', sans-serif; font-size: 16px; line-height: 24px; color: #13181D; display: flex; flex-direction: column; gap: 20px; }
@media screen and (max-width: 768px) { .custom-modal-dialog { width: 83%; height: 75%; overflow-y: auto; }
.custom-modal-header { font-size: 20px; }
.custom-modal-body { font-size: 16px; line-height: 1.4; }
}
.textbox-gap { margin-bottom: 16px; }
.nav-container { display: flex; justify-content: center; width: 100%; /*border-bottom:1px solid #d23e34;*/
padding-bottom: 1px; height: 4.8%; }
.nav-link { flex: 1; position: relative; text-align: center; padding: 0 0px; font-size: 16px; }
.nav-link a { color: #647077; text-decoration: none; padding: 10px 0; font-weight: bold; display: block; }
.nav-link a:hover { color: #d23e34; }
.underline { width: 100%; height: 2px; background: transparent; transition: background 0.3s ease; }
.active-underline { background: #d23e34; color: #d23e34; }
.nav-link a.active { color: #d23e34; }
.login-wrapper .input-group-addon { background-color: #fff; border: 1px solid #E5E6E7; border-radius: 1px; color: inherit; font-size: 14px; font-weight: 400; line-height: 1; padding: 9px 12px 4px 12px; text-align: center; border-left: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; width: 37px; }
.login-wrapper .notification { padding-top: .5em; padding-bottom: .5em; margin-bottom: 0; font-size: 13px; }
.login-wrapper .btn-warning:not(:disabled):not(.disabled):active { background: #FFFFFF; color: #d23e34; }
.login-wrapper .btn-primary:not(:disabled):not(.disabled):active { color: #FFFFFF; background: #d23e34; }
.login-wrapper .input-group .input-validation-error ~ .input-group-addon { border-color: red !important; }
.login-wrapper .input-group input:focus.input-validation-error ~ .input-group-addon { border-color: green !important; }
.login-wrapper .input-validation-error { position: static; background-color: #FFFFFF; border-color: #D92D20 !important; }
.login-wrapper .edge-specific-style.input-validation-error { border-color: red !important; }
.login-wrapper .edge-specific-style { border-right: 1px solid #e3dede !important; border-bottom-right-radius: 4px !important; border-top-right-radius: 4px !important; }
.login-wrapper .fa { display: inline-block; font: normal normal normal 14px / 2 FontAwesome !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.login-wrapper .form-group:focus { border-color: #d23e34 !important; }
.login-wrapper .form-control:focus { border-color: #d23e34 !important; }
.login-wrapper .input-group.email .form-control:focus.valid ~ .input-group-addon { border: 1px solid #d23e34 !important; border-left: none !important; background-color: #FFFFFF !important; }
.login-wrapper .input-group.email .form-control:focus-visible.valid ~ .input-group-addon { border: 1px solid #d23e34 !important; border-left: none !important; background-color: #FFFFFF !important; }
.login-wrapper .input-validation-error + .errspan, .input-validation-error > .errspan { display: inline; margin-left: -15px !important; padding-right: 10px; position: static; vertical-align: middle; padding-top: 12px; }
.login-wrapper .form-control:focus + .input-group-addon { border: 1px solid #d23e34 !important; border-left: none !important; background-color: #FFFFFF !important; }
.login-wrapper .errspan { display: none; }
@media screen and (min-width: 768px) and (max-width: 991px) { .login-box { gap: 24px; width: 100%; padding-bottom: 61.5px; padding-left: 10%; padding-right: 10%; padding-top: 10%; }
.footer-right-content { width: 240px; height: 44px; }
.left-content { width: 40%; background: url(/TNEnterprise/wwwroot/Content/themes/base/images/login-image.png) no-repeat right center; background-size: cover; display: flex; align-items: center; justify-content: center; height: 100%; min-height: 840px; }
}
@media screen and (max-width: 768px) { .login-wrapper { flex-direction: column; justify-content: center; align-items: center; min-height: auto; background-color: #FFFFFF !important; overflow: auto; height: auto; }
.validation-summary { position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; z-index: 1000; padding: 10px; }
.left-content { display: none; width: 50%; }
.logo-mobile { display: contents; margin-bottom: 20px; text-align: center; }
.login-title-name { color: #d23e34; font-family: Raleway, sans-serif; font-size: var(--Typography-Sizes-font-size-500, 24px); font-style: normal; font-weight: 700; line-height: var(--Typography-Line-height-line-height-500, 32px); text-align: center; }
.input-label { color: #1F2830; font-family: 'Nunito Sans', sans-serif; font-size: var(--Typography-Sizes-font-size-75, 12px); font-style: normal; font-weight: 700; line-height: 18px; }
.environment-name { color: #F96C62; font-family: Raleway,sans-serif; font-size: var(--Typography-Sizes-font-size-300, 18px); font-weight: 600; width: 100%; height: auto; text-align: center; line-height: var(--Typography-Line-height-line-height-200, 24px); margin-top: 20px; margin-bottom: 16px; padding: 20px; }
.logo-mobile .MDTLogoWhite { background: url(/TNEnterprise/wwwroot/Content/themes/base/images/TN-login-logo.png) no-repeat left center !important; background-size: contain; width: 100%; height: 80.47px; margin-left: 0px; margin-top: 0px; position: fixed; z-index: 999; background-color: rgba(255, 255, 255, 0.85) !important; }
.right-content { background: url(/TNEnterprise/wwwroot/Content/themes/base/images/BG-right-Image.png) no-repeat right top; width: 100%; height: 847.72px; padding: 20px; /*height: 932px; margin-top: 0%; padding-top: 110px;*/
}
.login-box { /*max-width: 90%; margin: 0 auto; background-color: #FFFFFFD9;*/
padding: 20px; position: static; border-radius: 8px; flex-direction: column; display: flow; width: 100%; align-items: flex-start; background-size: contain; }
.footer-right-content { text-align: center; background: url(/TNEnterprise/wwwroot/Content/themes/base/images/powered-by-i3.svg) no-repeat center center; background-size: contain; background-repeat: no-repeat; position: fixed; width: 100%; height: 44px; }
.btn-login { font-family: 'Nunito Sans', sans-serif; font-size: 14px !important; font-style: normal; width: 100%; white-space: normal; word-wrap: break-word; padding: 10px; background-color: #d23e34; color: #FFFFFF; border-radius: 5px; font-weight: 700; }
.custom-input-box { height: 36px !important; font-size: 14px !important; }
.login-box .fa { font: normal normal normal 14px / 1 FontAwesome !important; }
.btn-register-permit { font-family: 'Nunito Sans', sans-serif; font-size: 14px !important; font-style: normal; width: 100%; white-space: normal; word-wrap: break-word; padding: 10px; background-color: #FFFFFF; color: #52824A; border-radius: 5px; font-weight: 700; border: 1px solid #d23e34 !important; }
.btn-disclamer { font-size: 14px !important; }
}
.validation-summary-errors { margin-bottom: 25px; }
.spinning-bar { color: #d23e34 !important; }