@import url("/patroli/static/src/css/custom-utility.css");

/* /patroli/static/src/fonts/font-google/font-google.css defined in bundle 'patroli.assets_css_web_client' */
 @font-face{font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-regular.eot'); src: local(''), url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-regular.eot?#iefix') format('embedded-opentype'), url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-regular.woff2') format('woff2'), url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-regular.woff') format('woff'), url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-regular.ttf') format('truetype'), url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-regular.svg#PlayfairDisplay') format('svg');} @font-face{font-family: 'Playfair Display'; font-style: normal; font-weight: 500; src: url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-500.eot'); src: local(''), url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-500.eot?#iefix') format('embedded-opentype'), url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-500.woff2') format('woff2'), url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-500.woff') format('woff'), url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-500.ttf') format('truetype'), url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-500.svg#PlayfairDisplay') format('svg');} @font-face{font-family: 'Playfair Display'; font-style: normal; font-weight: 600; src: url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-600.eot'); src: local(''), url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-600.eot?#iefix') format('embedded-opentype'), url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-600.woff2') format('woff2'), url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-600.woff') format('woff'), url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-600.ttf') format('truetype'), url('/patroli/static/src/fonts/font-google/../playfair-display/playfair-display-v30-latin-600.svg#PlayfairDisplay') format('svg');} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-regular.eot'); src: local(''), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-regular.woff2') format('woff2'), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-regular.woff') format('woff'), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-regular.ttf') format('truetype'), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-regular.svg#Roboto') format('svg');} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-500.eot'); src: local(''), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-500.woff2') format('woff2'), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-500.woff') format('woff'), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-500.ttf') format('truetype'), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-500.svg#Roboto') format('svg');} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-700.eot'); src: local(''), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-700.woff2') format('woff2'), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-700.woff') format('woff'), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-700.ttf') format('truetype'), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-700.svg#Roboto') format('svg');} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-900.eot'); src: local(''), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-900.woff2') format('woff2'), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-900.woff') format('woff'), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-900.ttf') format('truetype'), url('/patroli/static/src/fonts/font-google/../roboto/roboto-v30-latin-900.svg#Roboto') format('svg');} @font-face{font-family: 'Bodoni MT'; font-style: normal; font-weight: 300; src: url('/patroli/static/src/fonts/font-google/../bodoni-mt/BodoniMT.ttf'); font-display: swap;} @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-300.eot'); src: local(''), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-300.eot?#iefix') format('embedded-opentype'), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-300.woff2') format('woff2'), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-300.woff') format('woff'), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-300.ttf') format('truetype'), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-300.svg#Poppins') format('svg'); font-display: swap;} @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-regular.eot'); src: local(''), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-regular.eot?#iefix') format('embedded-opentype'), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-regular.woff2') format('woff2'), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-regular.woff') format('woff'), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-regular.ttf') format('truetype'), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-regular.svg#Poppins') format('svg'); font-display: swap;} @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url('/patroli/static/src/fonts/font-google/poppins/poppins-v19-latin-500.eot'); src: local(''), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-500.eot?#iefix') format('embedded-opentype'), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-500.woff2') format('woff2'), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-500.woff') format('woff'), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-500.ttf') format('truetype'), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-500.svg#Poppins') format('svg'); font-display: swap;} @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-600.eot'); src: local(''), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-600.eot?#iefix') format('embedded-opentype'), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-600.woff2') format('woff2'), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-600.woff') format('woff'), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-600.ttf') format('truetype'), url('/patroli/static/src/fonts/font-google/../poppins/poppins-v19-latin-600.svg#Poppins') format('svg'); font-display: swap;} @font-face{font-family: 'EB Garamond'; font-style: normal; font-weight: 400; src: url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-regular.eot'); src: local(''), url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-regular.eot?#iefix') format('embedded-opentype'), url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-regular.woff2') format('woff2'), url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-regular.woff') format('woff'), url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-regular.ttf') format('truetype'), url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-regular.svg#EBGaramond') format('svg');} @font-face{font-family: 'EB Garamond'; font-style: normal; font-weight: 500; src: url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-500.eot'); src: local(''), url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-500.eot?#iefix') format('embedded-opentype'), url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-500.woff2') format('woff2'), url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-500.woff') format('woff'), url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-500.ttf') format('truetype'), url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-500.svg#EBGaramond') format('svg');} @font-face{font-family: 'EB Garamond'; font-style: normal; font-weight: 600; src: url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-600.eot'); src: local(''), url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-600.eot?#iefix') format('embedded-opentype'), url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-600.woff2') format('woff2'), url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-600.woff') format('woff'), url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-600.ttf') format('truetype'), url('/patroli/static/src/fonts/font-google/../eb-garamond/eb-garamond-v25-latin-600.svg#EBGaramond') format('svg');} @font-face{font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-regular.eot'); src: local(''), url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-regular.eot?#iefix') format('embedded-opentype'), url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-regular.woff2') format('woff2'), url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-regular.woff') format('woff'), url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-regular.ttf') format('truetype'), url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-regular.svg#Montserrat') format('svg');} @font-face{font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-500.eot'); src: local(''), url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-500.eot?#iefix') format('embedded-opentype'), url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-500.woff2') format('woff2'), url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-500.woff') format('woff'), url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-500.ttf') format('truetype'), url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-500.svg#Montserrat') format('svg');} @font-face{font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-600.eot'); src: local(''), url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-600.eot?#iefix') format('embedded-opentype'), url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-600.woff2') format('woff2'), url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-600.woff') format('woff'), url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-600.ttf') format('truetype'), url('/patroli/static/src/fonts/font-google/../montserrat/montserrat-v24-latin-600.svg#Montserrat') format('svg');} @font-face{font-family: 'Material Icons Outlined'; font-style: normal; font-weight: 400; src: url(/patroli/static/src/fonts/font-google/../material-icons/material-icons-outlined-v101.woff2) format('woff2');} .material-icons-outlined, .edit-container::after{font-family: 'Material Icons Outlined'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;} 

/* /patroli/static/src/css/custom-style.css defined in bundle 'patroli.assets_css_web_client' */
  body{font-family: var(--font-heading); color: var(--dark); scroll-behavior: smooth; overflow-x: hidden;} ::-webkit-scrollbar{width: 6px;} ::-webkit-scrollbar-track{background: transparent;} ::-webkit-scrollbar-thumb{background: #ddd; border-radius: 8px;} ::-webkit-scrollbar-thumb:hover{background: #bbb;} .menu-desktop{display: none; cursor: pointer;} .menu-mobile{display: block;} .offcanvas{position: fixed; bottom: 0; display: flex; flex-direction: column; max-width: 100%; background-color: #fff; background-clip: padding-box; outline: 0;} .offcanvas-start{top: 0; left: 0; border-right: 1px solid var(--neutral-light-1);} .sidebar-nav{width: 260px !important; transition: all ease-out 0.3s; z-index: 1050;} .sidebar-nav .offcanvas-header{width: 100%; padding: 24px 0px; border-bottom: 1px dashed var(--neutral-light-1);} .sidebar-nav .offcanvas-header img{height: 120px; display: block; margin-left: auto; margin-right: auto; object-fit: cover;} .sidebar-nav .offcanvas-body{margin-top: 8px; padding: 16px 0px 120px 0px; overflow: hidden;} .sidebar-nav .offcanvas-body:hover{overflow: auto;} .sidebar-nav .navbar-nav .sidebar-link.active{border-left: 3px solid var(--primary-100); background: var(--primary-gradient-2);} .sidebar-nav .navbar-nav li.active .sidebar-link{color: var(--primary-100); font-weight: 700;} .nav-title{padding: 12px 24px; font-size: 12px; line-height: 20px; font-family: var(--font-display); color: var(--neutral-black-60); text-transform: uppercase; font-weight: 600; margin-top: 12px;} .sidebar-nav .navbar-nav .sidebar-link{padding: 12px 24px;} .sidebar-nav .navbar-nav .sidebar-link a{display: flex; align-items: center;} .sidebar-nav .navbar-nav .sidebar-link a span{display: block;} .sidebar-nav .navbar-nav .sidebar-link.active a{color: var(--primary-100); font-weight: 600; text-decoration: none;} .sidebar-nav .navbar-nav .sidebar-link a{color: var(--neutral-black-60); text-decoration: none;} .sidebar-nav .navbar-nav .sidebar-link .subtitle{margin-left: 12px;} .sidebar-link a{display: block;} .sidebar-link .expand-icon{margin-left: auto;} .sidebar-link [aria-expanded="true"] .expand-icon{transform: rotate(-90deg);} .sidebar-collapse{margin: 12px 0px 0px;} .sidebar-dropdown{background-color: var(--primary-20); overflow: auto; padding: 8px 16px;} .sidebar-dropdown .sidebar-link{padding: 8px 0px !important; border-bottom: 1px dashed var(--primary-20);} .sidebar-dropdown .sidebar-link:last-child{padding: 8px 0px; border-bottom: 0px dashed var(--primary-20);} .dropdown-menu{border: 1px solid var(--neutral-light-1); border-radius: 6px;} .dropdown-icon{font-size: 18px;} .dropdown-item.active, .dropdown-item:active{background-color: var(--primary-neutral-light-1); color: var(--primary-100) !important;} .sidebar-cta{position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 72px 24px 24px 24px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 50%);} .sidebar-link.active .sidebar-collapse .sidebar-link span.subtitle{font-weight: 400; color: var(--neutral-black-60);} .sidebar-link.active .sidebar-collapse .sidebar-link.active{padding: 0px; border-left: none; background: transparent;} .sidebar-link.active .sidebar-collapse .sidebar-link.active span.subtitle{font-weight: 600; color: var(--primary-100);} .menu-mobile, .menu-desktop{cursor: pointer;} .wrapper{margin-left: 260px; transition: all 0.3s;} .navbar{padding: 16px 32px; background-color: var(--primary-100); display: flex; justify-content: space-between; color: var(--neutral-white-100); border-bottom: 2px solid var(--neutral-black-10);} .navbar .profile{display: flex; align-items: center; gap: 8px; cursor: pointer;} .navbar .profile div{display: flex; align-items: center; gap: 12px;} .navbar .profile div .avatar{padding: 8px; border-radius: 32px; background: var(--primary-avatar);} .navbar .profile div .avatar .material-icons-outlined{color: var(--primary-100); font-size: 16px;} .navbar .dropdown-menu[data-bs-popper]{margin-top: 12px; border-radius: 0px; font-size: 14px; line-height: 22px; left: unset; right: 0px; padding: 8px 0px; min-width: 168px;} .navbar .dropdown-menu[data-bs-popper] .dropdown-item{display: flex; align-items: center; gap: 12px; color: var(--neutral-black-60); padding: 8px 16px;} .navbar .dropdown-menu[data-bs-popper] .dropdown-item span.material-icons-outlined{color: var(--primary-100);} .navbar .dropdown-item:focus, .dropdown-item:hover{background-color: var(--neutral-light-2);} .content-wrapper{background: var(--primary-gradient-1); padding: 32px 32px 0px 32px; width: 100%; display: flex; flex-direction: column; gap: 56px;} .content{min-height: 80vh; display: flex; flex-direction: column; gap: 24px;} .content .navigation{display: flex; align-items: center; justify-content: space-between;} .content .navigation .title{display: flex; align-items: center; gap: 16px; color: var(--primary-100);} .content .navigation .title a.material-icons-outlined{font-size: 32px; color: var(--primary-100); text-decoration: none;} .content .navigation .breadcrumb{margin-bottom: 0px; background-color: transparent; align-items: center;} .content .navigation .breadcrumb .breadcrumb-item a{text-decoration: none; color: var(--primary-100); font-weight: 600; font-size: 14px; line-height: 22px;} .content .navigation .breadcrumb .breadcrumb-item.active{color: var(--neutral-black-60); font-weight: 400; font-size: 14px; line-height: 22px;} .content .navigation .breadcrumb .breadcrumb-item+.breadcrumb-item{padding-left: 10px;} .content .navigation .breadcrumb .breadcrumb-item+.breadcrumb-item{padding-left: 10px;} .content .navigation .breadcrumb .breadcrumb-item+.breadcrumb-item::before{padding-right: 10px; color: var(--neutral-black-60); font-weight: 400;} .content .card{border: 1px solid var(--neutral-light-1); border-radius: 0px;} .content .card-header{background-color: var(--neutral-white-100); border-bottom: 1px solid var(--neutral-light-1); display: flex; align-items: center; justify-content: space-between; padding: 16px;} .content .card-upload .card-header span.material-icons-outlined{cursor: pointer;} .card.card-media .card-header .form-select{width: fit-content; padding: 12px 40px 12px 16px; border-radius: 0px; border: 1px solid var(--primary-100); color: var(--neutral-black-60); font-size: 14px; line-height: 22px; cursor: pointer;} .card.card-media .card-header .form-select:hover, .card.card-media .card-header .form-select:active, .card.card-media .card-header .form-select:focus, .card.card-media .card-header .form-search .form-control:hover, .card.card-media .card-header .form-search .form-control:active, .card.card-media .card-header .form-search .form-control:focus{box-shadow: none !important;} .card.card-media .card-header .form-search{display: flex; align-items: center; width: 100%;} .card.card-media .card-header .form-search form{width: 100%;} .card.card-media .card-header .form-search span.material-icons-outlined{color: var(--primary-100); padding: 12px 12px 12px 16px; background-color: var(--neutral-light-2); font-size: 22px;} .card.card-media .card-header .form-search .form-control{padding: 12px 16px 12px 0px; width: 100%; border-radius: 0px; border: none; background-color: var(--neutral-light-2); font-size: 14px; line-height: 22px;} .card.card-media-image .card-body .list-media-image .media-image{position: relative; border: 1px solid var(--neutral-light-1); transition: all 0.2s;} .card.card-media .card-header .form-search .form-control::placeholder{color: var(--secondary-gray);} .card.card-media .card-body{padding: 16px;} .card.card-media .card-body .row{--bs-gutter-y: 24px;} .media-item{position: relative; width: 100%; padding-top: 100%; border: 1px solid var(--neutral-light-1); transition: all 0.2s; cursor: pointer;} .media-item:hover{border: 2px solid var(--primary-100);} .card.card-upload-image .card-header>h3.display4{font-size: 14px; line-height: 22px; color: var(--primary-100);} .card.card-upload-image .card-header>span.material-icons-outlined{font-size: 22px; color: var(--secondary-gray);} .card.card-upload-image .card-body>.row{display: flex; justify-content: center;} .media-item img{position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0px; left: 0px;} .media-item.video{padding-top: 56.25%;} .media-item video{position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0px; left: 0px;} .media-item video::-webkit-media-controls-panel{display: none !important; opacity: 1 !important;} .media-item .title{position: absolute; bottom: 0px; left: 0px; padding: 12px 16px; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(12px); width: 100%; color: var(--neutral-white-100);} .card .card-header>h3.display4{font-size: 14px; line-height: 22px; color: var(--primary-100);} .card.card-upload .card-header>span.material-icons-outlined{font-size: 22px; color: var(--secondary-gray);} .card.card-upload .card-body>.row{display: flex; justify-content: center;} .media-item img{position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0px; left: 0px;} .media-item .title{position: absolute; bottom: 0px; left: 0px; padding: 12px 16px; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(12px); width: 100%; color: var(--neutral-white-100);} .card .card-header>h3.display4{font-size: 14px; line-height: 22px; color: var(--primary-100);} .card.card-upload .card-header>span.material-icons-outlined{font-size: 22px; color: var(--secondary-gray);} .card.card-upload .card-body>.row{display: flex; justify-content: center;} .card.card-upload .card-body{padding: 48px;} .card.card-upload .card-body>.row .col-lg-6 form{display: flex; flex-direction: column; align-items: center; gap: 24px;} .card.card-upload .card-body>.row .col-lg-6 form>div{width: 100%;} .card.card-upload .card-body>.row .form-control{border-radius: 0px; border: 1px solid var(--neutral-light-1); background-color: var(--neutral-white-100); padding: 12px 16px; font-size: 14px; line-height: 22px;} .content .card-footer{background-color: var(--neutral-white-100); padding: 16px; display: flex; justify-content: end;} .media-item.pdf{background-color: var(--secondary-red);} .media-item.xls{background-color: var(--secondary-green);} .media-item.doc{background-color: var(--secondary-blue);} .media-item.ppt{background-color: var(--secondary-yellow);} .media-item h1{position: absolute; top: 44%; left: 50%; transform: translate(-50%, -50%); color: var(--neutral-white-100); font-weight: 800;} .card-summary, .card-rute{display: flex; align-items: center; gap: 16px; background-color: var(--neutral-white-100); border: 1px solid var(--neutral-light-1); padding: 16px;} .card-rute{flex-direction: column; gap: 12px;} .rute{display: flex; align-items: center; justify-content: space-between; width: 100%;} .card-summary h6{color: var(--primary-100);} .card-summary span.material-icons-outlined{padding: 12px; background-color: var(--primary-20); color: var(--primary-100);} .card-summary .title span.body{color: var(--neutral-black-60);} .card-summary .title h3.display3{color: var(--primary-100);} .card-body .list-count{display: flex; justify-content: space-between; gap: 16px; text-align: center; align-items: center;} .card-body .count{flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px; background: var(--primary-5); text-align: center;} .card-body .count span.subtitle{color: var(--neutral-black-60);} .card-body .count h6{font-weight: 600;} .card-body .wrapper-count{position: relative; display: flex; flex-direction: column; gap: 16px; height: 320px; overflow: auto;} .card-body .wrapper-count.laporan{height: 416px;} .card-body .wrapper-count .item{display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px dashed var(--neutral-light-1);} .card-body .wrapper-count .item:last-child{padding-bottom: 0px; border-bottom: 0px dashed var(--neutral-light-1);} .card-body .wrapper-count .item span.subtitle:first-child{color: var(--neutral-black-60);} .card-body .wrapper-count .item span.subtitle:last-child{color: var(--primary-100); font-weight: 600;} .dashboard-left{display: flex; flex-direction: column; gap: 24px;} .card-monthly{display: flex; flex-direction: column; gap: 16px;} .card-monthly .list-summary{display: flex; flex-direction: row; gap: 16px;} .card-monthly .card-summary{padding: 0px; border: none; flex: 1;} .card-settings .card-body{padding: 40px; display: flex; flex-direction: column; align-items: center; gap: 16px;} .card-settings .card-body span.material-icons-outlined{color: var(--primary-100); padding: 16px; font-size: 40px; border-radius: 56px; background-color: var(--primary-20); width: fit-content;} .card-settings .card-body .name{text-align: center;} .card-settings .card-body .name span.subtitle{color: var(--neutral-black-60);} .list-settings h4.display4{color: var(--neutral-black-60);} .list-settings{display: flex; flex-direction: column; gap: 32px;} .list-settings>div{display: flex; flex-direction: column; gap: 16px;} .list-settings .list-menu{border: 1px solid var(--neutral-light-1); background-color: var(--neutral-white-100);} .list-settings .list-menu .menu{padding: 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px dashed var(--neutral-light-1); text-decoration: none;} .list-settings .list-menu .menu:last-child{border-bottom: none;} .list-settings .list-menu .menu .title{display: flex; align-items: center; gap: 16px;} .list-settings .list-menu .menu .title span.material-icons-outlined{color: var(--primary-100); background-color: var(--primary-20); padding: 8px; border-radius: 32px;} .list-settings .list-menu .menu .title h6{color: var(--neutral-black-100); font-weight: 400;} .list-settings .list-menu .menu>span.material-icons-outlined{color: var(--secondary-gray);} .card.filter .card-body{display: flex; align-items: center; justify-content: space-between; gap: 16px;} .card.filter .range{display: flex; align-items: center; gap: 8px; width: 100%;} .card.filter .range .form-control{width: 100%;} .card.filter .card-body .divider-y{width: 1px; height: 48px; background-color: var(--neutral-light-1);} .card.filter .range span.material-icons-outlined{color: var(--secondary-gray);} .footer{padding: 16px 16px; background-color: var(--neutral-white-100); width: 100%; display: flex; justify-content: space-between; border: 1px solid var(--neutral-light-1);} .footer span.subtitle{color: var(--neutral-black-60);} .footer div{display: flex; align-items: center; gap: 16px;} .footer div a{color: var(--primary-100); text-decoration: none; font-weight: 600; font-size: 14px; line-height: 22px;} .footer div .divider-y{width: 1px; height: 16px; background-color: var(--neutral-light-1);} .modal-header, .modal-footer, .modal-content{border-radius: 0px;} .modal-content{padding: 0px !important;} .modal-dialog{max-width: 748px;} .modal-header{padding: 24px; border-bottom: none;} .modal-header h3.display3{color: var(--primary-100);} .modal-header span.material-icons-outlined{color: var(--secondary-gray); cursor: pointer;} .modal-body{padding: 0px 24px 24px 24px !important;} .modal-body .detail-media{border: 1px solid var(--primary-100);} .modal-body .detail-media .col-lg-4>div:first-child{display: flex; flex-direction: column; gap: 24px; padding: 24px;} .modal-body .detail-media .row{--bs-gutter-x: 0px;} .modal-body .detail-media .col-lg-8{padding-top: 32px; padding-bottom: 32px; display: flex; flex-direction: column; gap: 32px; align-items: center;} .modal-body .detail-media .col-lg-8 img{max-width: 604px; width: 80%; height: 100%; object-fit: cover;} .modal-body .detail-media .col-lg-8 a{width: fit-content;} .modal-body .detail-media .col-lg-4{border-left: 1px solid var(--primary-100); display: flex; flex-direction: column; justify-content: space-between;} .modal-body .detail-media .list-info-media{padding: 16px; background-color: var(--neutral-light-2); display: flex; flex-direction: column; gap: 12px;} .modal-body .detail-media .list-info-media .info-media{display: flex; align-items: center; justify-content: space-between;} .modal-body .detail-media .list-info-media .info-media span.subtitle:first-child{color: var(--neutral-black-60);} .modal-body .detail-media .list-info-media .info-media span.subtitle:last-child{color: var(--neutral-black-100); font-weight: 500;} .modal-body .detail-media .list-btn-action{display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--neutral-light-1);} .modal-body .detail-media .list-btn-action .btn-action{padding: 12px 0px; width: 100%; font-size: 14px; line-height: 22px; text-align: center; font-weight: 500;} .modal-body .detail-media .list-btn-action .btn-action:first-child{color: var(--secondary-red);} .modal-body .detail-media .list-btn-action .btn-action:last-child{border-left: 1px solid var(--neutral-light-1); color: var(--secondary-green);} .modal-body .media-item{position: relative; width: 50%; padding-top: 50%; border: 1px solid var(--neutral-light-1); transition: all 0.2s; cursor: pointer;} .modal-body .media-item.video{width: 90%; padding-top: 56.25%;} #modalPreview .modal-dialog{max-width: 600px;} #modalPreview .modal-body .detail-media>img{width: 100%;} #modalEditImage .modal-content{width: 100%;} #modalEditImage .media-item{position: relative; width: 100%; padding-top: 100%; border: 1px solid var(--neutral-light-1); transition: all 0.2s; cursor: pointer;} #modalEditImage .media-item:hover, #modalEditImage .media-item.active{border: 2px solid var(--primary-100);} #modalEditImage .media-item img{position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0px; left: 0px;} #modalEditImage .list-media-item{padding: 16px; border: 1px solid var(--primary-100);} #modal-checkpoint .content{height: 438px; overflow: auto; min-height: unset; padding-right: 24px;} #modal-checkpoint .summary{display: flex; gap: 24px;} #modal-checkpoint .summary .card-summary{flex: 1;} #modal-checkpoint .evidence{display: flex; gap: 24px;} #modal-checkpoint .evidence .card{flex: 1;} .form-label{font-size: 14px; line-height: 22px; font-weight: 500; margin-bottom: 6px;} .form-control, .form-select{padding: 13px 16px; background-color: var(--primary-10); border: 1px solid var(--primary-30); border-radius: 0px; font-size: 14px; line-height: 22px;} .form-control:disabled, .form-select:disabled{background: var(--primary-30); border: none; border-radius: 0px; font-size: 14px; line-height: 22px;} .form-control::placeholder, .form-select::placeholder{font-size: 14px; line-height: 22px; color: var(--neutral-black-100);} .invalid-feedback{margin-top: 8px; font-size: 14px; line-height: 22px;} .form-control:hover, .form-control:focus, .form-select:hover, .form-select:focus{box-shadow: none; border: 2px solid var(--primary-100);} .list-form{display: flex; flex-direction: column; gap: 16px;} .editable-container{position: relative; z-index: 999; width: 100%;} .editable-container .editable-input input{width: 100%; padding: 13px 16px; border-radius: 0px; font-size: 14px; line-height: 22px; color: var(--neutral-white-100); border-radius: 0px; background: rgba(0, 0, 0, 0.4); border: 1px solid var(--neutral-white-60); backdrop-filter: blur(12px); display: block; background-clip: padding-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;} .editable-container .editable-input input:focus-visible{outline: none;} .editable-container .editable-buttons{display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 16px;} .editable-container .editable-buttons button{display: flex; align-items: center; padding: 12px 24px; font-size: 14px; line-height: 22px; font-weight: 400; text-transform: uppercase; border-radius: 0px; background-color: var(--primary-100); color: var(--neutral-white-100); border: 1px solid var(--primary-100);} .editable-container .editable-buttons button:last-child{background-color: var(--neutral-white-100); border: 1px solid var(--primary-100); color: var(--primary-100);} .dataTables_wrapper{margin-top: 0px;} table.dataTable{margin-top: 24px !important; margin-bottom: 0px;} table.dataTable thead tr th{color: var(--neutral-white-100) !important; padding: 12px 16px !important; font-weight: 500; font-size: 14px; line-height: 22px;} table.dataTable tbody tr td{color: var(--neutral-black-60) !important; padding: 12px 16px !important; border-left: 1px solid var(--neutral-light-1); font-size: 14px; line-height: 22px;} table.dataTable tbody tr td span.text-primary{font-weight: 500;} table.dataTable tbody tr td span.material-icons-outlined{font-size: 22px; color: var(--primary-100);} table.dataTable thead tr th:first-child, .dataTable tbody tr td:first-child{text-align: center;} table.dataTable thead tr{background-color: var(--primary-100);} table.dataTable tbody tr:last-child td{border-bottom: none;} table.dataTable tbody tr td:first-child, table.dataTable thead tr th:first-child{border-left: none;} table.dataTable.table-striped>tbody>tr.odd>*{box-shadow: none;} table.dataTable.table-striped>tbody>tr.even>*{background-color: var(--primary-10);} .table>:not(caption)>*>*{border-bottom: none;} div.dataTables_wrapper div.dataTables_info{padding-top: 0px; font-size: 14px; line-height: 22px; color: var(--neutral-black-60);} .dataTables_wrapper>.row:first-child{display: flex; align-items: center;} .dataTables_wrapper>.row:last-child{display: flex; align-items: center; margin-top: 32px; border-top: 1px solid var(--neutral-light-1); padding-top: 16px; margin-right: calc(-.7 * var(--bs-gutter-x)); margin-left: calc(-.7 * var(--bs-gutter-x));} .dataTables_wrapper>.row:last-child .col-sm-12.col-md-5{padding-left: 16px; padding-right: 0px;} .dataTables_wrapper>.row:last-child .col-sm-12.col-md-7{padding-left: 0px; padding-right: 16px;} div.dataTables_wrapper div.dataTables_length label{display: flex; align-items: center; gap: 8px; color: var(--neutral-black-60); font-size: 14px; line-height: 22px; margin-bottom: 0px;} div.dataTables_wrapper div.dataTables_filter label{display: flex; align-items: center; gap: 8px; justify-content: end; color: var(--neutral-black-60); font-size: 14px; line-height: 22px; margin-bottom: 0px;} div.dataTables_wrapper div.dataTables_filter input{border-radius: 0px; background-color: var(--primary-5); border: 1px solid var(--primary-10); padding: 8px 16px; font-size: 14px; line-height: 22px; min-height: unset; height: unset; color: var(--neutral-black-100);} div.dataTables_wrapper div.dataTables_filter input:hover{border-color: var(--primary-100);} .page-item .page-link{color: var(--primary-100);} .page-item.active .page-link{background-color: var(--primary-100); border-color: var(--primary-100); font-weight: 500;} .page-item.active .page-link:focus{box-shadow: none;} div.dataTables_wrapper div.dataTables_length select{width: auto; display: inline-block; border-radius: 0px; padding: 8px 32px 8px 16px; font-size: 14px; line-height: 22px; border: 1px solid var(--primary-100); color: var(--primary-100); background-color: transparent;} div.dataTables_wrapper div.dataTables_length select:hover, div.dataTables_wrapper div.dataTables_length select:focus{box-shadow: none; background-color: var(--primary-10);} div.dataTables_wrapper div.dataTables_paginate ul.pagination{gap: 12px;} .page-item .page-link{border-radius: 0px !important; font-size: 14px; line-height: 22px; padding: 8px 16px;} table.dataTable tbody tr td:hover{background-color: var(--neutral-light-2) !important;} .page-item.disabled .page-link{color: var(--neutral-black-30); border: 1px solid var(--neutral-light-1); padding: 8px;} .page-item:last-child .page-link{color: var(--primary-100); border: 1px solid var(--neutral-light-1); padding: 8px;} .page-item .page-link span.material-icons-outlined{font-size: 22px;} table.dataTable tbody tr td .item-2{display: flex; flex-direction: column; gap: 2px;} table.dataTable tbody tr td .item-2 .primary{color: var(--primary-100); font-weight: 600;} table.dataTable tbody tr td .item-img{display: flex; align-items: flex-start; gap: 8px;} table.dataTable tbody tr td .item-img img{transition: all .3s;} table.dataTable tbody tr td .item-img img:hover{transform: scale(5); transform-origin: top left;} table.dataTable tbody tr td .item-img .text-primary{font-weight: 600;} table.dataTable tbody tr td .item-list{display: flex; flex-direction: column; gap: 8px;} table.dataTable tbody tr td .item-list .list{display: flex; align-items: center; justify-content: space-between;} table.dataTable tbody tr td .item-list .list span.subtitle{color: var(--neutral-black-60);} table.dataTable tbody tr td .item-list .list span.material-icons-outlined{font-size: 22px; color: var(--neutral-black-60);} table.dataTable tbody tr td .item-list .list span.material-icons-outlined.done{color: var(--secondary-green);} .table-striped>tbody>tr:nth-of-type(odd)>*{background-color: var(--neutral-white-100);} table.dataTable.table-striped>tbody>tr.even>*{background-color: var(--primary-5);} table.dataTable tbody tr td .item-list .divider-x{width: 100%; height: 1px; border: 1px dashed var(--neutral-light-1);} table.dataTable tbody tr td .item-list.activity{gap: 16px;} #table-aktivitas.dataTable tbody tr td:last-child{width: 240px;} #table-aktivitas.dataTable tbody tr td span.material-icons-outlined.empty{font-size: 22px; color: var(--neutral-black-60);} table.dataTable tbody tr td .item-list .notes{display: flex; flex-direction: column; gap: 2px;} table.dataTable tbody tr td .item-list .notes span.body:first-child{font-weight: 600;} #table-alert.dataTable tbody tr td:last-child{width: 240px;} #table-alert.dataTable tbody tr td .item-img img{width: 48px; height: 48px; object-fit: cover;} table.dataTable tbody tr td .item-divider{display: flex; flex-direction: column; gap: 16px;} table.dataTable tbody tr td .item-divider>div{display: flex; flex-direction: column; gap: 8px;} table.dataTable tbody tr td .item-divider .divider-x{width: 100%; height: 1px; border: 1px dashed var(--neutral-light-1);} #table-jadwal.dataTable tbody tr td:nth-child(5){width: 200px;} #table-jadwal.dataTable tbody tr td:last-child{width: 160px;} #table-laporan.dataTable tbody tr td:last-child{width: 160px;} .table-title{background: var(--primary-10) !important;} .table-title td{background: var(--primary-10) !important; font-weight: 600; text-align: center; padding: 12px 16px !important;} .table-title .form-select{background-color: var(--neutral-white-100); color: var(--primary-100); font-weight: 600;} .table-title .filter{display: flex; align-items: center; justify-content: space-between; gap: 16px;} .table-title .filter .btn span.material-icons-outlined{color: var(--neutral-white-100) !important;} .login .row{height: 100vh;} .login .col-lg-8{height: 100%; overflow: hidden;} .login .col-lg-8 img{width: 100%;} .login .col-lg-4{display: flex; justify-content: center; flex-direction: column; padding: 0px 56px; gap: 40px;} .login .col-lg-4 form{width: 100%; display: flex; flex-direction: column; gap: 40px;} .login .col-lg-4 .form{width: 100%;} .login .col-lg-4 span.material-icons-outlined{font-size: 40px; padding: 24px; background-color: var(--primary-20); color: var(--primary); border-radius: 120px;} .login .col-lg-4 .login-header{display: flex; flex-direction: column; gap: 24px; align-items: center;} .login .col-lg-4 .login-header .title{display: flex; flex-direction: column; gap: 12px; align-items: center;} .login .col-lg-4 .login-header .title p.subtitle{font-size: 14px !important; line-height: 24px !important; color: var(--neutral-black-60); text-align: center; max-width: 90%;} .login .login-body{display: flex; flex-direction: column; gap: 24px; align-items: center;} .login .login-body .form-control:-internal-autofill-selected{background-color: var(--primary-10) !important;} .login .login-option{display: flex; justify-content: space-between; align-items: center; width: 100%;} .login .col-lg-4 .btn{width: 100%; justify-content: center;} .login .login-option a{font-size: 14px; line-height: 22px; font-weight: 600; color: var(--primary); text-decoration: none;} .empty-state{display: flex; flex-direction: column; align-items: center; gap: 24px; padding: 56px 16px;} .empty-state span.material-icons-outlined{color: var(--primary-100); background-color: var(--primary-20); padding: 24px; font-size: 72px;} .empty-state>div{display: flex; flex-direction: column; align-items: center; gap: 8px;} .empty-state h2.display2{color: var(--primary-100);} .empty-state span.subtitle{color: var(--neutral-black-60);} .tabs-menu{display: flex; align-items: center; justify-content: center;} .tabs-menu .btn{width: fit-content;} .fc-daygrid-event-harness{padding: 5px 10px !important;} .fc-daygrid-day-events{padding: 5px 10px !important;} .pdf .container{padding: 32px 32px 0px 32px; display: flex; flex-direction: column; gap: 32px; position: relative; border-top: 0 !important;} .pdf .header{display: flex; justify-content: space-between; align-items: center;} .pdf .header .title{display: flex; align-items: center; gap: 16px;} .pdf .header .title img{width: 56px; height: 52px; object-fit: cover;} .pdf .header .title h2.display2{color: var(--primary-100);} .pdf .header .title span.body{color: var(--neutral-black-60);} .pdf .header .title span.body{color: var(--neutral-black-60);} .pdf .header .date{display: flex; flex-direction: column; gap: 4px; align-items: flex-end;} .pdf .header .date .range{font-size: 16px; line-height: 24px; font-weight: 600; color: var(--primary-100); padding: 2px 12px; border-radius: 80px; background-color: var(--primary-20); width: fit-content;} .pdf .header .date .print{font-size: 12px; line-height: 20px; color: var(--neutral-black-60);} .pdf .table{height: 1px} .pdf .table thead th{padding: 12px 16px; color: var(--neutral-white-100); font-weight: 500; background-color: var(--primary-100);} .pdf .summary .table thead th{text-align: center;} .pdf .summary .table thead .table-title{color: var(--primary-100); font-weight: 600; background-color: var(--primary-20);} .pdf .table tbody td{padding: 16px; border-right: 1px solid var(--neutral-light-1);} .pdf .table tbody td:last-child, .pdf .summary .table tbody td{border-right: none;} .pdf .table-striped > tbody > tr:nth-of-type(odd) > *{background: var(--primary-5);} .pdf .summary .table tbody .count{display: flex; flex-direction: column; gap: 16px;} .pdf .summary .table tbody .count h5{color: var(--primary-100); font-weight: 700; text-align: center;} .pdf .table .divider-x{width: 100%; height: 1px; border-top: 1px solid var(--neutral-light-1);} .pdf .summary .table tbody .count .information{width: 100%; display: flex; justify-content: space-between;} .pdf .summary .table tbody .count.count-2 .information{padding: 24px; height: 100%; justify-content: center;} .pdf .summary .table tbody .count.count-3 .information{padding: 16px 24px;} .pdf .summary .table tbody .count .information.bg-success{background-color: var(--secondary-green) !important;} .pdf .summary .table tbody .count .information.bg-danger{background-color: var(--secondary-red) !important;} .pdf .summary .table tbody .count .information.bg-warning{background-color: var(--secondary-orange) !important;} .pdf .summary .table tbody .count .information span.subtitle:first-child{color: var(--neutral-white-60);} .pdf .summary .table tbody .count .information span.subtitle:last-child{color: var(--neutral-white-100); font-weight: 600; font-size: 20px !important; line-height: 32px !important;} .pdf .summary .table tbody .list-item{display: flex; flex-direction: column; gap: 12px;} .pdf .summary .table tbody .list-item .item{display: flex; justify-content: space-between;} .pdf .summary .table tbody .list-item .item span.subtitle:first-child{color: var(--neutral-black-60);} .pdf .summary .table tbody .list-item .item span.subtitle:last-child{color: var(--neutral-black-100);} .pdf .page-number{position: absolute; right: 0px; bottom: 0px; font-size: 12px; line-height: 20px; z-index: 999; background-color: var(--primary-100); color: var(--neutral-white-100); width: 22px; padding: 1px 0px; text-align: center;} .pdf .table > :not(caption) > * > *{box-shadow: none;} @media (min-width: 992px){.navbar-click{margin-left: 0px !important; transition: all ease-out 0.3s;}.main-wrapper-click{margin-left: 0px !important; transition: all ease-out 0.3s;}.menu-desktop{display: block;}.menu-mobile{display: none;}.sidebar-nav{z-index: 999;}.sidebar-nav-click{margin-left: -260px; width: 0px; transition: all ease-out 0.3s;}.wrapper.wrapper-click{margin-left: 0px; transition: all 0.3s;}.offcanvas-backdrop::before{display: none;}.sidebar-nav{transform: none !important; visibility: visible !important;}.page-title{flex-direction: row; align-items: center;}.profile-name{display: inline-block;}.footer{flex-direction: row;}} @media (max-width: 992px){.wrapper{margin-left: 0px;}.content .navigation{flex-direction: column; align-items: flex-start; gap: 16px;}.content .card-header{flex-direction: column; align-items: flex-start; gap: 16px;}.card.card-upload .card-header{flex-direction: row; justify-content: space-between;}.card.card-media .card-header .form-search .form-control{width: 100%;}.navbar .profile span.subtitle{display: none;}.row{--bs-gutter-y: 16px;}div.dataTables_wrapper div.dataTables_length label{justify-content: center;}div.dataTables_wrapper div.dataTables_filter label{justify-content: center;}.dataTables_wrapper>.row:last-child{gap: 8px;}.dataTables_wrapper>.row:last-child .col-sm-12.col-md-5{padding-left: 0px; padding-right: 0px; margin-top: 0px;}.dataTables_wrapper>.row:last-child .col-sm-12.col-md-7{padding-left: 0px; padding-right: 0px; margin-top: 0px;}.card-upload.icon .card-body .col-lg-8{display: flex; flex-direction: column; gap: 40px; align-items: center;}.card-upload.icon .card-body .col-lg-8 div>div{display: flex; flex-direction: column; gap: 16px; align-items: center;}} .notif-navbar{width: 16.35px; height: 16.35px; border: 0.510981px solid rgba(255, 255, 255, 0.6); border-radius: 16.3514px;} .swal2-x-mark-line-left, .swal2-x-mark-line-right{background-color: #233672 !important;} .swal2-icon swal2-error swal2-icon-show{border-color: #233672 !important;} .swal2-icon.swal2-error{border-color: #233672 !important;} .swal2-title{color: #233672 !important;} .swal2-confirm swal2-styled{background-color: #233672 !important;} .swal2-styled.swal2-confirm{background-color: #233672 !important;} .swal2-html-container{color: #233672 !important;} .swal2-x-mark-line-left, .swal2-x-mark-line-right{background-color: red !important;} .swal2-styled{margin: .3125em; padding: .625em 1.1em; transition: box-shadow .1s; box-shadow: 0 0 0 px rgba(0,0,0,0); font-weight: 500;} .oe_login_form{max-width:none !important} .login-body .oe_login_form .form input{height:48px;}