@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Urbanist:wght@300;400;500&display=swap');
/* =============Global Style Start============ */
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?84pcq0');
    src:  url('../fonts/icomoon.eot?84pcq0#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?84pcq0') format('truetype'),
      url('../fonts/icomoon.woff?84pcq0') format('woff'),
      url('../fonts/icomoon.svg?84pcq0#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }

  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .icon-MAPA-SVG-LOGO:before {
    content: "\e900";
    color: #155a9e;
  }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
	/* background: url("../images/animated-background.gif") no-repeat left top/cover; */
    line-height: 1.5;
    overflow-x: hidden;
	font-family: 'Poppins', sans-serif;
}
html {
    overflow-x: hidden;
}
table {
    white-space: nowrap;
}
ul {
    list-style: none;
}
button {
    border: 0;
}
input, textarea {
    outline: none;
    border: 0;
}
a {
    display: inline-block;
    text-decoration: none;
    transition: .3s;
	font-family: 'Poppins', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #1E232C;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #1E232C;
}
h1 {
    font-size: 28px;
	font-weight: 600;
}
h2 {
    font-size: 19px;
    margin-bottom: 0px;
}
h3 {
	font-weight: 500;
    font-size: 17px;
    margin-bottom: 0;
}
p {
    color: #000;
}
li {
    display: inline-block;
}
section, footer {
    float: left;
    width: 100%;
}
.clearfix {
    clear: both;
}
/* =============Global Style End============ */
/***
=====================================================
Login Section Style
=====================================================
***/
.login-section .container-fluid{padding: 0;display: flex;align-items: center;justify-content: center;}
.img-empty-box{background: url("../images/login-img.png") no-repeat left top/100%;height: 100vh;}
.login-box{max-width: 362px;display: block;margin: 0 auto;}
.login-box h1{line-height: 36px;margin-bottom: 30px;}
.login-box h1 span{display: block;}
.form-control{background: #F7F8F9;border: 1.05px solid #E8ECF4;border-radius: 8.4px;height: 58px;font-family: 'Urbanist', sans-serif;font-weight: 400;}
.login-box .btn{background: #155A9E;border-radius: 8.4px;border: 0;height: 58px;margin-top: 60px;}
.login-box .btn:hover{background: #446182;}
.btn, button{font-family: 'Urbanist', sans-serif;font-weight: 500;}
/***
=====================================================
Header Style
=====================================================
***/
header{padding: 30px 60px;box-shadow: 0px 2.1px 31.5px rgba(0, 0, 0, 0.15);display: flex;margin-bottom: 45px;}
.menu-box{margin-top: 7px;}
.overview{padding: 0 60px;margin-bottom: 80px;}
.overview h1{margin-bottom: 35px;}
.overview h2{margin-bottom: 15px;}
.overview-box{background: #E8EEF5;border-radius: 10.5px;padding: 20px;margin-bottom: 30px;}
.overview-box span{color: #446182;font-size: 10px;}
.overview-box a{display: block;text-align: center;color: #fff;background: #155A9E;border-radius: 8.4px;font-size: 15px;line-height: 36px;}
.width-holder{width: 80%;}
.menu-mobile{background: rgba(254, 254, 255, 0.6);backdrop-filter: blur(10px);text-align: center;padding: 23px 0;}
.back-btn{display: block;color:#446182;font-size: 10px;padding-bottom: 30px;}
.detail-box{padding: 30px;background: #E8EEF5;border-radius: 10.5px;min-height: 630px;position: relative;margin-bottom: 40px;}
.detail-box span{font-size: 12px;color: #446182;}
.detail-box h3{margin-bottom: 20px;}
.detail-box strong{color: #446182;font-size: 17px;padding-bottom: 5px;display: block;}
.detail-box p{font-size: 13px;line-height: 17px;}
.detail-box .btm-box{position: absolute;bottom: 35px;left: 0;padding: 0 30px;width: 100%;box-sizing: border-box;}
.btn-finished{line-height: 36px;background: #155A9E;border-radius: 8.4px;font-size: 16px;color: #fff;padding: 0 17px;}
.btn-finished img{padding-right: 10px;}
.btn-refresh{line-height: 36px;color: #155A9E;font-size: 16px;}
.btn-refresh img{padding-right: 10px;}
.breadcrumb h1{margin: 0;}
.arrow-btn{line-height: 50px;margin-right: 18px;}
.arrow-col{display: flex;align-items: center;justify-content: center;min-height: 630px;}
.success-section .container-fluid{padding: 0;display: flex;align-items: center;justify-content: center;height: 80vh;}
.success-row{display: block;margin: 0 auto;min-width: 348px;}
.success-row img{padding-bottom: 35px;}
.success-row p{font-size: 16px;line-height: 24px;color: #8391A1;margin-bottom: 20px;}
.success-row a.btn-more{background: #155A9E;border-radius: 8.4px;line-height: 58px; color: #fff;text-align: center;font-size: 16px;font-weight: 600;width: 100%;}
.detail-box b{color: #446182;font-size: 15px;padding-bottom: 5px;display: block;}
.detail-box .box{border: 1.05px solid #7FA4C9;border-radius: 6.3px;min-height: 346px;margin-bottom: 65px;}
.detail-box input{border: 1.05px solid #7FA4C9;border-radius: 6.3px;height: 38px; background: none;text-align: center;font-size: 20px;font-weight: 600;color: #446182;width: 100%;}
.top-row .w-50{width: 40% !important;}
.detail-box textarea{height: 346px;resize: none;width: 100%;background: none;padding: 10px;margin: 0;}
.desktop-none{display: none;}
.btn-logout{
    float: right;
    position: relative;
    top: -32px;
    right: 10px;
}
button.Zebra_DatePicker_Icon {
    right: 10px !important;
}
.detail-box span {
    display: block !important;
}
.detail-box p {
    word-break: break-all;
    overflow-y: scroll;
    max-height: 340px;
    padding-right: 25px;
}
.btn-logout img{
    width: 25px;
    margin-right: 10px;
}
.btn-logout-desktop img {width: 35px;}
.desktop-logo{font-size: 40px;}
.mobile-logo{font-size: 24px;}
.img-empty-box {
    background-size: cover;
}
.btn-finished:hover{color: #fff;}
.Zebra_DatePicker_Icon_Wrapper{width: 100% !important;}
.wickedpicker{height: 150px !important;}
/*******************************Transition Start*******************************/
a{
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
	position: relative;
}
.ui-timepicker-viewport{outline: none;}
.ui-timepicker-standard a, .ui-timepicker-standard a:focus-visible, .ui-timepicker-standard a:focus, .ui-timepicker-standard li:focus-visible{
    color: #222 !important;
    outline: none !important;
    border: 0 !important;
    padding: 0 !important;
}