body {font-size: 0.9rem;}
a{text-decoration:none !important; }
.page-wrapper .sidebar-wrapper,.sidebar-wrapper .sidebar-brand > a,.sidebar-wrapper .sidebar-dropdown > a:after,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,.sidebar-wrapper ul li a i,.page-wrapper .page-content,.sidebar-wrapper .sidebar-search input.search-menu,.sidebar-wrapper .sidebar-search .input-group-text,.sidebar-wrapper .sidebar-menu ul li a,#show-sidebar,#close-sidebar{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.page-wrapper{height:100vh}
.page-wrapper .theme{width:40px;height:40px;display:inline-block;border-radius:4px;margin:2px}
.page-wrapper .theme.chiller-theme{background:#1e2229}
.sidebar-brand img{width:50px}
.page-wrapper.toggled .sidebar-wrapper{left:0;box-shadow:1px 1px 2px 1px rgba(32,33,36,.2)}
.card{position:relative;display:flex;flex-direction:column;min-width:0;font-size:.875rem;border:0;margin-bottom:30px;margin-top:20px;border-radius:6px;color:#333;background:#fff;width:100%;box-shadow:0 1px 4px 0 rgba(0,0,0,0.14)}
.card-header:first-child{border-radius:calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0}
.card .card-header{border-bottom:none;background:transparent}
.card [class*="card-header-"],.card[class*="bg-"]{color:#fff}
.card .card-header{z-index:3!important}
.card [class*="card-header-"]{margin:0 15px;padding:0;position:relative}
.card-stats .card-header.card-header-icon,.card-stats .card-header.card-header-text{text-align:right}
.card-stats .card-header+.card-footer{border-top:1px solid #eee;margin-top:20px}
.card .card-body+.card-footer,.card .card-footer{padding:0;padding-top:10px;margin:0 15px 10px;border-radius:0;justify-content:space-between;align-items:center}
.card .card-body{padding:.9375rem 20px;position:relative}
.card .card-footer{display:flex;align-items:center;background-color:transparent;border:0}
.card [class*="card-header-"] .card-icon,.card [class*="card-header-"] .card-text{border-radius:3px;background-color:#999;padding:15px 20px;margin-top:-20px;margin-right:15px;float:left;font-size:25px}
.card .card-header-warning .card-icon,.card .card-header-warning:not(.card-header-icon):not(.card-header-text),.card .card-header-warning .card-text{box-shadow:0 4px 20px 0 rgba(0,0,0,0.14),0 7px 10px -5px rgba(255,152,0,0.4)}
.card .card-header-warning .card-icon,.card .card-header-warning .card-text,.card .card-header-warning:not(.card-header-icon):not(.card-header-text),.card.bg-warning,.card.card-rotate.bg-warning .front,.card.card-rotate.bg-warning .back{background:linear-gradient(60deg,#ffa726,#fb8c00)}
.card .card-header-success .card-icon,.card .card-header-success:not(.card-header-icon):not(.card-header-text),.card .card-header-success .card-text{box-shadow:0 4px 20px 0 rgba(0,0,0,0.14),0 7px 10px -5px rgba(76,175,80,0.4)}
.card .card-header-success .card-icon,.card .card-header-success .card-text,.card .card-header-success:not(.card-header-icon):not(.card-header-text),.card.bg-success,.card.card-rotate.bg-success .front,.card.card-rotate.bg-success .back{background:linear-gradient(60deg,#66bb6a,#43a047)}
.card .card-header-danger .card-icon,.card .card-header-danger .card-text,.card .card-header-danger:not(.card-header-icon):not(.card-header-text),.card.bg-danger,.card.card-rotate.bg-danger .front,.card.card-rotate.bg-danger .back{background:linear-gradient(60deg,#ef5350,#e53935)}
.card .card-header-danger .card-icon,.card .card-header-danger:not(.card-header-icon):not(.card-header-text),.card .card-header-danger .card-text{box-shadow:0 4px 20px 0 rgba(0,0,0,0.14),0 7px 10px -5px rgba(244,67,54,0.4)}
.card .card-header-info .card-icon,.card .card-header-info:not(.card-header-icon):not(.card-header-text),.card .card-header-info .card-text{box-shadow:0 4px 20px 0 rgba(0,0,0,0.14),0 7px 10px -5px rgba(0,188,212,0.4)}
.card .card-header-info .card-icon,.card .card-header-info .card-text,.card .card-header-info:not(.card-header-icon):not(.card-header-text),.card.bg-info,.card.card-rotate.bg-info .front,.card.card-rotate.bg-info .back{background:linear-gradient(60deg,#26c6da,#00acc1)}
.card-stats .card-header .card-category:not([class*="text-"]){color:#999;font-size:14px}
.card-chart .card-body+.card-footer,.card-product .card-body+.card-footer{border-top:1px solid #eee}
.card-stats .card-header .card-icon+.card-title,.card-stats .card-header .card-icon+.card-category{padding-top:10px}
.card-stats .card-header .card-category{margin-bottom:0;margin-top:0}
.card-stats .card-header.card-header-icon .card-title,.card-stats .card-header.card-header-text .card-title,.card-stats .card-header.card-header-icon .card-category,.card-stats .card-header.card-header-text .card-category{margin:0}
.card .card-header.card-header-icon .card-title,.card .card-header.card-header-text .card-title{margin-top:15px;color:#3C4858}
.card-stats .card-header.card-header-icon .card-title,.card-stats .card-header.card-header-text .card-title,.card-stats .card-header.card-header-icon .card-category,.card-stats .card-header.card-header-text .card-category{margin:0}
h3,.h3{font-size:1.5625rem;line-height:1.4em;margin:20px 0 10px}
.card .card-body+.card-footer .stats,.card .card-footer .stats,.stats a{color:#999;font-size:12px;line-height:22px}
.card .card-footer .author,.card .card-footer .stats{display:inline-flex}
.card .card-body+.card-footer .stats .material-icons,.card .card-footer .stats i{position:relative;top:4px;font-size:16px}
.card .card-footer .stats i{position:relative;margin-right:6px;margin-left:4px;font-size:14px}
.card [class*="card-header-"]:not(.card-header-icon):not(.card-header-text):not(.card-header-image){border-radius:3px;margin-top:-20px;padding:15px}
.stats i{font-size:20px}
.text-danger{color:#f44336!important}
.card.card-chart .card-category{margin:0}
.card .card-header-primary .card-icon,.card .card-header-primary:not(.card-header-icon):not(.card-header-text),.card .card-header-primary .card-text{box-shadow:0 4px 20px 0 rgba(0,0,0,0.14),0 7px 10px -5px rgba(156,39,176,0.4)}
.card .card-header-primary .card-icon,.card .card-header-primary .card-text,.card .card-header-primary:not(.card-header-icon):not(.card-header-text),.card.bg-primary,.card.card-rotate.bg-primary .front,.card.card-rotate.bg-primary .back{background:linear-gradient(60deg,#ab47bc,#8e24aa)}
.card .card-header.card-header-tabs .nav-tabs-title{float:left;padding:10px 10px 10px 0;line-height:24px}
.card .card-header.card-header-tabs .nav-tabs{background:transparent;padding:0;border:0}
.card .card-header .nav-tabs{padding:0}
.nav-tabs{border:0;border-radius:3px;padding:0 15px;border-bottom:1px solid #dee2e6}
.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.nav-tabs .nav-item{margin-bottom:-1px}
.nav-tabs .nav-item .nav-link.active{background-color:rgba(255,255,255,0.2);transition:.3s background-color .2s;color:#fff;}
.nav-tabs .nav-link.active{color:#333;border-color:#9c27b0}
.nav-tabs .nav-item .nav-link,.nav-tabs .nav-item .nav-link:hover,.nav-tabs .nav-item .nav-link:focus{border:0!important;color:#fff;font-weight:500}
.nav-tabs .nav-item .nav-link{position:relative;color:#fff;border:0;margin:0;border-radius:3px;line-height:24px;text-transform:uppercase;font-size:12px;padding:10px 12px;background-color:transparent;transition:.3s background-color 0}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:#495057;background-color:#fafafa;border-color:#dee2e6 #dee2e6 #fafafa}
.card .card-header .card-category{margin:0}
.table .td-actions .btn{margin:0;padding:5px}
.btn:not(:disabled):not(.disabled){cursor:pointer}
.btn.btn-sm,.btn-group-sm>.btn,.btn-group-sm .btn{padding:.40625rem 1.25rem;font-size:.6875rem;line-height:1.5;border-radius:.2rem}
.btn.btn-link,.btn.btn-default.btn-link{background-color:transparent;color:#999;box-shadow:none}
.btn.btn-primary{color:#fff;background-color:#9c27b0;border-color:#9c27b0;box-shadow:0 2px 2px 0 rgba(156,39,176,0.14),0 3px 1px -2px rgba(156,39,176,0.2),0 1px 5px 0 rgba(156,39,176,0.12)}
.btn.btn-success{color:#fff;background-color:#218838;border-color:#218838;box-shadow:0 2px 2px 0 rgba(156,39,176,0.14),0 3px 1px -2px rgba(156,39,176,0.2),0 1px 5px 0 rgba(156,39,176,0.12)}
.btn.btn-warning{color:#fff;background-color:#ffc107;border-color:#ffc107;box-shadow:0 2px 2px 0 rgba(156,39,176,0.14),0 3px 1px -2px rgba(156,39,176,0.2),0 1px 5px 0 rgba(156,39,176,0.12)}
.btn.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545;box-shadow:0 2px 2px 0 rgba(156,39,176,0.14),0 3px 1px -2px rgba(156,39,176,0.2),0 1px 5px 0 rgba(156,39,176,0.12)}
.btn{position:relative;padding:12px 30px;margin:.3125rem 1px;font-size:.75rem;font-weight:400;line-height:1.428571;text-decoration:none;text-transform:uppercase;letter-spacing:0;cursor:pointer;background-color:transparent;border:0;border-radius:.2rem;outline:0;transition:box-shadow .2s cubic-bezier(0.4,0,1,1),background-color .2s cubic-bezier(0.4,0,0.2,1);will-change:box-shadow,transform}
.btn-sm,.btn-group-sm>.btn{padding:.40625rem 1.25rem;font-size:.875rem;line-height:1.5;border-radius:.1875rem}
.btn-link{font-weight:400;color:#9c27b0;background-color:transparent}
.card .table tr:first-child td{border-top:none}
.tab-content .tab-pane .td-actions{display:-webkit-box;display:-ms-flexbox;display:flex}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:12px 8px;vertical-align:middle;border-color:#ddd}
/*.btn.btn-danger.btn-link{background-color:transparent;color:#f44336;box-shadow:none}*/
.card .tab-content .form-check{margin-top:6px}
.form-check,label{font-size:14px;line-height:1.42857;color:#AAA;font-weight:400}
.form-check{margin-bottom:.5rem;padding-left:0;position:relative;display:block}
.form-check .form-check-label{cursor:pointer;padding-left:25px;position:relative}
.form-check,label{font-size:14px;line-height:1.42857;color:#AAA;font-weight:400;margin-bottom:0}
.form-check .form-check-input{opacity:0;height:0;width:0;overflow:hidden;opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}
input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0;box-sizing:border-box;padding:0}
.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}
.table .form-check .form-check-sign{top:-13px;left:0;padding-right:0}
.form-check .form-check-label span{display:block;position:absolute;left:-1px;top:-1px;transition-duration:.2s}
.form-check .form-check-sign:before{display:block;position:absolute;left:0;content:"";background-color:rgba(0,0,0,0.84);height:20px;width:20px;border-radius:100%;z-index:1;opacity:0;margin:0;top:0;-webkit-transform:scale3d(2.3,2.3,1);-moz-transform:scale3d(2.3,2.3,1);-o-transform:scale3d(2.3,2.3,1);-ms-transform:scale3d(2.3,2.3,1);transform:scale3d(2.3,2.3,1)}
.form-check .form-check-input:checked~.form-check-sign:before{animation:rippleOn 500ms}
.form-check .form-check-sign .check:before{position:absolute;content:"";transform:rotate(45deg);display:block;margin-top:-3px;margin-left:7px;width:0;color:#fff;height:0;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;animation:checkboxOff .3s forwards}
.form-check .form-check-input:checked~.form-check-sign .check:before{color:#FFF;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;animation:checkboxOn .3s forwards}
.form-check .form-check-input:checked~.form-check-sign .check{background:#9c27b0}
.form-check .form-check-sign .check{position:relative;display:inline-block;width:20px;height:20px;border:1px solid rgba(0,0,0,.54);overflow:hidden;z-index:1;border-radius:3px}
.form-check .form-check-label span{display:block;position:absolute;left:-1px;top:-1px;transition-duration:.2s}
.btn.btn-primary.btn-link{background-color:transparent;color:#9c27b0;box-shadow:none}
.card [class*="card-header-"] .card-title+.card-category{color:rgba(255,255,255,0.8)}
.table thead th,.table th{border:0}
.nav-tabs .nav-link{color:#555;border-bottom:.214rem solid transparent;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.nav-link{display:block;padding:.5rem 1rem}
.nav-tabs .nav-item i{margin:-1px 5px 0 0}
.card-invoic-inner{margin-bottom: 10px;margin-top: 10px;padding: 7px;}
.inner-invoic h3{margin: 5px 0 5px; font-size: 15px;padding: 5px 20px;height: 40px; color:#007AFF;}
.inner-invoic label{font-size: 16px; font-weight: 600;margin-bottom: 10px;padding: 5px;}
.nutp-panel{margin-bottom: 15px;border: 2px solid #007bff;border-radius: 7px;}
.nutp-panel .panel-body{padding: 10px 17px;}
.invoic-logo{ padding-left: 10%;}
.invoic-logo img{ width: 130px;}
.invoic-add h6{border: 2px solid #007bff;padding: 5px 10px; border-radius: 3px;font-size: 20px; color: #007bff;}
.invoic-add a{color:#007bff !important;}
.nutp-panel .panel-heading{background: #007bff;border-radius: 4px; padding: 1px 15px 1px 15px; color:#fff}
.nutp-panel .panel-title a{font-size: 15px;color:#fff;}
.panel-title a:after { font-family:Fontawesome; content:'\f077';float:right;font-size:10px;font-weight:300; color:#fff;padding: 13px 5px;}
.panel-title a.collapsed:after {font-family:Fontawesome;content:'\f078'; color:#fff;}
.box-user-click{ margin: 10px auto; padding: 35px 20px;width: 80%;height: 100px; font-size: 18px;font-weight:600; color: #007bff;border: 2px solid #007bff; border-radius: 3px;cursor: pointer;}
.box-user-click i{font-size: 20px; padding-right: 5px;}
.box-user-address{margin: 5px auto; padding: 10px 10px;width: 90%;height: auto; font-size: 14px;font-weight:600; color: #111183;border: 2px solid #e9ecef; border-radius: 3px;}
.box-user-address address{margin-bottom: 0;}
.box-user-address address p{padding-top: 10px;margin-bottom: 0;}
.box-user{margin-bottom: 10px;margin-top: 10px;padding: 20px;}
.box-user .material-style{margin-bottom: 20px;}
.box-perkara{margin-top: 12%;}
#show-sidebar{position:fixed;left:0;top:10px;border-radius:0 4px 4px 0;width:50px;transition-delay:.3s;background:#111183;color:#fff;z-index:20}
#side-logo{position:fixed;right:0;top:10px;border-radius:0 4px 4px 0;transition-delay:.3s;background:#fff;border:1px solid #111183;color:#111183;font-weight:600;z-index:20}
#show-sidebar i{font-size:20px;padding:7px 0}
.page-wrapper.toggled #show-sidebar{left:-40px}
.sidebar-wrapper{width:260px;height:100%;max-height:100%;position:fixed;top:0;left:-300px;z-index:999}
.sidebar-wrapper ul{list-style-type:none;padding:0;margin:0}
.sidebar-wrapper a{text-decoration:none}
.sidebar-content{max-height:calc(100% - 30px);height:calc(100% - 30px);overflow-y:auto;position:relative}
.sidebar-content.desktop{overflow-y:hidden}
.sidebar-wrapper .sidebar-brand{padding:10px 20px;display:flex;align-items:center;background:#fff}
.sidebar-wrapper .sidebar-brand > a{text-transform:uppercase;font-weight:700;flex-grow:1}
.sidebar-wrapper .sidebar-brand #close-sidebar{cursor:pointer;font-size:20px}
.sidebar-wrapper .sidebar-header{padding:20px;overflow:hidden}
.sidebar-wrapper .sidebar-header .user-pic{float:left;width:60px;padding:2px;border-radius:12px;margin-right:15px;overflow:hidden}
.sidebar-wrapper .sidebar-header .user-pic img{object-fit:cover;height:100%;width:100%}
.sidebar-wrapper .sidebar-header .user-info{float:left}
.sidebar-wrapper .sidebar-header .user-info > span{display:block}
.sidebar-wrapper .sidebar-header .user-info .user-role{font-size:12px}
.sidebar-wrapper .sidebar-header .user-info .user-status{font-size:11px;margin-top:4px}
.sidebar-wrapper .sidebar-header .user-info .user-status i{font-size:8px;margin-right:4px;color:#5cb85c}
.sidebar-wrapper .sidebar-search > div{padding:10px 20px}
.sidebar-search .input-group-append .input-group-text a{color: #fff!important;}
.sidebar-wrapper .sidebar-menu{padding-bottom:10px}
.sidebar-wrapper .sidebar-menu .header-menu span{font-weight:700;font-size:14px;padding:15px 20px 5px;display:inline-block}
.sidebar-wrapper .sidebar-menu ul li a{display:inline-block;width:100%;text-decoration:none;position:relative;padding:8px 10px 8px 15px}
.sidebar-wrapper .sidebar-menu ul li a i{margin-right:10px;font-size:12px;width:30px;height:30px;line-height:30px;text-align:center;border-radius:4px;color:#111183}
.sidebar-wrapper .sidebar-menu ul li a:hover > i::before{display:inline-block;animation:swing ease-in-out .5s 1 alternate}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after, .sidebar-wrapper .sidebar-menu .sidebar-dropdown2 > a:after, .sidebar-wrapper .sidebar-menu .sidebar-dropdown3 > a:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f105";font-style:normal;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background:0 0;position:absolute;right:15px;top:14px}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul{padding:5px 0}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li{padding-left:5px;font-size:13px}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before{content:"\f111";font-family:"Font Awesome 5 Free";font-weight:400;font-style:normal;display:inline-block;text-align:center;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;font-size:8px}
.sidebar-wrapper .sidebar-menu ul li a span.label,.sidebar-wrapper .sidebar-menu ul li a span.badge{float:right;margin-top:8px;margin-left:5px}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label{float:right;margin-top:0}
.sidebar-wrapper .sidebar-menu .sidebar-submenu, .sidebar-wrapper .sidebar-menu .sidebar-submenu2, .sidebar-wrapper .sidebar-menu .sidebar-submenu3{display:none}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after,.sidebar-wrapper .sidebar-menu .sidebar-dropdown2.active > a:after, .sidebar-wrapper .sidebar-menu .sidebar-dropdown3.active > a:after{transform:rotate(90deg);right:17px}
.sidebar-footer{position:absolute;width:100%;bottom:0;display:flex}
.sidebar-footer > a{flex-grow:1;text-align:center;height:30px;line-height:30px;position:relative}
.sidebar-footer > a .notification{position:absolute;top:0}
.badge-sonar{display:inline-block;background:#980303;border-radius:50%;height:8px;width:8px;position:absolute;top:0}
.badge-sonar:after{content:"";position:absolute;top:0;left:0;border:2px solid #980303;opacity:0;border-radius:50%;width:100%;height:100%;animation:sonar 1.5s infinite}
.page-wrapper .page-content{display:inline-block;width:100%;padding-left:0;padding-top:20px}
.page-wrapper .page-content > div{padding:4px 10px;}
.page-wrapper .page-content{overflow-x:hidden}
::-webkit-scrollbar{width:5px;height:7px}
::-webkit-scrollbar-button{width:0;height:0}
::-webkit-scrollbar-thumb{background:#525965;border:0 none #fff;border-radius:0}
::-webkit-scrollbar-thumb:hover{background:#525965}
::-webkit-scrollbar-thumb:active{background:#525965}
::-webkit-scrollbar-track{background:transparent;border:0 none #fff;border-radius:50px}
::-webkit-scrollbar-track:hover{background:transparent}
::-webkit-scrollbar-track:active{background:transparent}
::-webkit-scrollbar-corner{background:transparent}
.chiller-theme .sidebar-wrapper{background:#111183}
.chiller-theme .sidebar-wrapper .sidebar-header,.chiller-theme .sidebar-wrapper .sidebar-search,.chiller-theme .sidebar-wrapper .sidebar-menu{border-top:1px solid #3a3f48}
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text{border-color:transparent;box-shadow:none}
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,.chiller-theme .sidebar-wrapper .sidebar-brand>a,.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,.chiller-theme .sidebar-footer>a{color:#818896}
.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,.chiller-theme .sidebar-wrapper .sidebar-header .user-info,.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,.chiller-theme .sidebar-footer>a:hover i{color:#b8bfce}
.page-wrapper.chiller-theme.toggled #close-sidebar{color:#bdbdbd}
.page-wrapper.chiller-theme.toggled #close-sidebar:hover{opacity:.5}
.chiller-theme .sidebar-wrapper ul li:hover a i,.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i{color:#16c7ff;text-shadow:0 0 10px rgba(22,199,255,0.5)}
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text{background:#fff}
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div{background:#fff;width:87%;margin-left:7%}
.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span{color:#6c7b88}
.chiller-theme .sidebar-footer{background:#111183;box-shadow:0 -1px 5px #282c33;border-top:1px solid #464a52;padding-top:8px}
.chiller-theme .sidebar-footer>a:first-child{border-left:none}
.chiller-theme .sidebar-footer>a:last-child{border-right:none}
.main-sec-login{margin:0;padding:0;height:100%;background:#f6f6f6!important}
.user_card{height:400px;margin-top:auto;margin-bottom:auto;background:#111183;position:relative;display:flex;justify-content:center;flex-direction:column;padding:10px 30px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);border-radius:5px}
.brand_logo_container-out{position:absolute;height:150px;width:150px;top:-75px;border-radius:50%;background:#f6f6f6;padding:10px;text-align:center}
.brand_logo_container{height:130px;width:130px;border-radius:50%;background:#fff;text-align:center;border:4px solid red}
.brand_logo img{height:120px;width:120px;padding:12px;margin-top:1%}
.form_container{margin-top:100px}
.login_btn{width:355px;background:red;color:#fff;font-weight:600}
.login_btn:hover{color:red;font-weight:600;background:#fff}
.login_btn:focus{box-shadow:none!important;outline:0!important}
.icon-sign-up{padding: 12px 4px; font-weight:600;}
.icon-sign-up i {font-size: 20px;padding: 6px 10px;}
.input-group-text{background:red!important;color:#fff!important;border:0!important;border-radius:.25rem 0 0 .25rem!important}
.input_user,.input_pass:focus{box-shadow:none!important;outline:0!important}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#c0392b!important}
.form_container .input-group{width:355px}
.links,.links a{color:rgba(255,255,255,0.8)}
@keyframes swing {0%{transform:rotate(0deg)}10%{transform:rotate(10deg)}30%{transform:rotate(0deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(0deg)}60%{transform:rotate(5deg)}70%{transform:rotate(0deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}
@keyframes sonar {0%{transform:scale(0.9);opacity:1}100%{transform:scale(2);opacity:0}}
ul.breadcrumb {padding: 3px 8px;list-style: none;background-color:transparent;margin-bottom: 2px;}
ul.breadcrumb li {display: inline;font-size: 13px;}
ul.breadcrumb li+li:before {padding: 6px;color: black;content: "/\00a0";}
ul.breadcrumb li a {color: #111183;text-decoration: none;}
ul.breadcrumb li a:hover {color: #01447e;text-decoration: underline;}
.page-container{background: #fff; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);border-radius: 3px;padding: 20px;min-height: 65vh;}
.form-group.material-style { position: relative;margin-top: 1rem;}
.form-group.material-style .form-control {border-radius: 0px;border-top: none;border-left: none;border-right: none;padding-left: 0px;padding-right: 0px;font-size: 13px;}
.form-group.material-style .form-control:placeholder-shown + label {top: 5px;left: 0px;font-weight: 500;}
.form-group.material-style .form-control:focus {box-shadow: inset 0px -1px 0px blue;border-color: blue;}
.form-group.material-style .form-control:focus + label {top: -18px;font-size: 13px;color: blue;font-weight: 500;}
.form-group.material-style label {position: absolute;top: -18px;font-weight: 500;font-size: 13px;color: #111183;transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;}
.inner-header{margin-bottom: 40px;}
.inner-header h3{margin: 0px 0 2px;font-size: 18px;}
.inner-header hr{margin-top: 27px;margin-bottom: 0px;border: 0; border-top: 2px solid blue; position: absolute;width: 80px;}
.avatar-upload {position: relative;max-width: 170px;margin: 30px auto;}
.avatar-upload .avatar-edit {position: absolute;right: 45px;z-index: 1;top: 23px;}
.avatar-upload .avatar-edit input {display: none;}
.avatar-upload .avatar-edit input + label {display: inline-block;width: 34px;height: 34px;margin-bottom: 0;border-radius: 100%;background: #FFFFFF;border: 1px solid transparent;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor: pointer;font-weight: normal;transition: all 0.2s ease-in-out;}
.avatar-upload .avatar-edit input + label:hover {background: #f1f1f1;border-color: #d6d6d6;}
.edit-icon i{font-size: 18px;color:#999;padding: 5px 8px;}
.avatar-upload .avatar-preview {width: 160px;height: 160px;position: relative;border-radius: 100%;border: 6px solid #bdbdbd;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);}
.avatar-upload .avatar-preview > div {width: 100%;height: 100%;border-radius: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
#NewRegister{display:none;}
.pull-left{float:left;}
.pull-right{float:right;}
.btn-outline{border: 1px solid #007bff; text-decoration: none !important;border-radius: .2rem;line-height: 1.5;padding: .40625rem 1.25rem;font-size: 0.6875rem;}
.table-nutp{}
.table-nutp tbody td{background-color: #fafdff; color:#999;font-size: 12px;}
.table-nutp a{color:#999 !important;}
.table-nutp th{ font-weight: 600; font-size: 12px;}
.table-nutp thead th{vertical-align: top !important}
.table-nutp caption + thead tr:first-child th, .table-nutp caption + thead tr:first-child td, .table-nutp colgroup + thead tr:first-child th, .table-nutp colgroup + thead tr:first-child td, .table-nutp thead:first-child tr:first-child th, .table-nutp thead:first-child tr:first-child td{border-top: 0;}
.table-nutp > thead > tr > th {border-bottom: 0;}
.table-nutp th, .table-nutp td{padding: 8px;line-height: 20px;text-align: left;vertical-align: top; border-top: 1px solid #ededed;}
.label-sb{border-radius: 15px;}
.table-nutp>thead>tr>th, .table-nutp>tbody>tr>td{ padding: 8px 8px;border-left: 0px; border-right: 0;}
.table-nutp tr td, .table-nutp tr th{vertical-align: middle !important;}
td select{border-width: 0px;background-color:transparent;cursor: pointer;}
.table-nutp .dropdown-menu{min-width: 120px;}
.dropdown-menu-r > li > a{padding: 0 5px 0 15px !important;height: 25px;line-height: 25px !important;    position: relative;width: auto;}
.dropdown-menu-r > li {border-bottom: 1px solid #e6e6e6;font-size: 13px;}
.dropdown-menu-r { margin: 0;padding: 0;background: #fff !important;}
.alert-msg{position: fixed; width: 60%; right: 12px;bottom: -3px;}
.text-primary { color: #111183!important;}
/*.card-tab{margin-top: 63px;}*/
.card-header-inner{padding: 8px 15px !important;}
.card-header-inner .nav-tabs .nav-item .nav-link{padding: 3px 12px;}
.dropdown-submenu {position: relative;}
.dropdown-submenu .dropdown-menu {top: 0;left: 100%;margin-top: -1px;}
.test .caret {display: inline-block;width: 0;height: 0;margin-left: 2px; vertical-align: middle;border-top: 4px dashed;border-top: 4px solid\9;border-right: 4px solid transparent; border-left: 4px solid transparent;}
select.form-control:not([size]):not([multiple]){height: auto;}
.table-nutp .form-control{border-radius: 0px; padding: .2rem .5rem;font-size: 13px;}
input[type="file" i] {background-color: linear-gradient(60deg,#ab47bc,#8e24aa);color: #000;border: initial;}
#messages input[type="file" i]{color: #333;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background:#111183; color: #fff; text-align: center;}
.nav-pills .nav-item a{color:#111183;text-align: center;}
.nav-pills-style .nav-item{margin-right: 10px;}
.colorblack input[type="file" i]{color:#333;}
.table-nutp-bor>tbody>tr>th, .table-nutp-bor>tfoot>tr>th, .table-nutp-bor>tbody>tr>td, .table-nutp-bor>tfoot>tr>td{border-color: transparent !important;}
.card-inner-icon{font-size:2.5rem;color: #7E92F5;}
.left-icon{position: absolute;right: 10px;top: 7px;background-color: #7E92F5;color: #fff;border-radius: 50%;padding: 0px 5px;font-size: 12px;}
.left-icon:hover{opacity: 0.7;}
.card-inner .card-body{padding: .4rem 6px;}
.card-inner .card-body h6{font-size: 13px;}
.card-inner{margin-top: 15px; margin-bottom: 15px;}
.SumoSelect{margin-top: 3px;}
.SumoSelect > .CaptionCont > span.placeholder{color:#495057 !important;}
.SumoSelect > .CaptionCont{    border-top: none !important;border-left: none !important;border-right: none !important;}
.SumoSelect > .optWrapper > .options li.opt{ padding: 12px 45px !important;margin-top: 5px;} 
.SumoSelect > .optWrapper > .options li.opt label{ top: 2px;} 
.SumoSelect .select-all {margin-top: 25px;padding: 7px 0px 3px 45px !important;}
.SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont{box-shadow: inset 0px -1px 0px blue !important;border-color: blue !important;}
.ajax__calendar .ajax__calendar_container{border: 1px solid #e9ecef !important; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);}
.ajax__calendar_container{width: 250px !important;font-size: 13px !important; padding: 7px !important;}
.ajax__calendar_header, .ajax__calendar_footer {height:25px !important;}
.ajax__calendar_body{height: 145px !important;width: 240px !important;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years{ height: 145px !important;width: 100% !important;margin-bottom: 10px !important;}
.ajax__calendar_container TD{ padding: 2px 4px !important;}
.ajax__calendar_dayname{padding: 0px 5px !important;height: 100% !important;width: 100% !important;}
.ajax__calendar_today{ padding-top: 5px !important;}
.ajax__calendar_prev, .ajax__calendar_next{margin-top: 3px;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_day{background-color: #edf9ff !important; border-color: #007bff !important; color: #007bff !important; border-radius: 50%;}
.ajax__calendar .ajax__calendar_day:hover{background-color: #edf9ff !important; border-color: #007bff !important; color: #007bff !important; border-radius: 50%;}
.ajax__calendar_day{ height: auto !important;width: auto !important;padding: 1px 5px !important;}
.ajax__calendar_container TABLE thead{font-weight: 600;}
.select2-container .select2-selection--single{height: auto !important;}
.select2-container--default .select2-selection--single{border: 1px solid #ced4da !important; border-radius: 0px !important;border-top: none !important;border-left: none !important;border-right: none !important;padding-left: 0px !important;padding-right: 0px !important;}
.popup-new{position: fixed;padding-top: 200px;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);top: 0;left: 0;z-index: 2000;}
.popup-body{position: relative;background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 80%;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s;}
@-webkit-keyframes animatetop {from {top:-300px; opacity:0} to {top:0; opacity:1}}
@keyframes animatetop {from {top:-300px; opacity:0} to {top:0; opacity:1}}
.close {color: #111183 !important;padding: 0px 4px 4px 5px;border: 1px solid #111183;border-radius: 50%;float: right;font-size: 20px;font-weight: bold;}
.close:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
div.dataTables_wrapper div.dataTables_filter input{border-radius: 0;padding: .2rem .5rem;}
div.dataTables_wrapper .page-item.disabled .page-link,div.dataTables_wrapper .page-item:last-child .page-link, div.dataTables_wrapper .custom-select{border-radius: 0;}
div.dataTables_wrapper .page-link{padding: .3rem .6rem;}
.user-name a{color:#fdfdfd;}
select.no-border{border:0;color: #999;}
.nav-title-das{font-size: 1.2rem;margin-bottom: 0; float: left;}
.card-header-das .form-group{margin-top: 0rem;margin-bottom:0rem;min-width: 150px;}
.card-header-das .form-group.material-style .form-control{background: transparent; color: #fff;padding: 0.14rem .75rem;}
.card-header-das .form-group.material-style select *{color: #212529;}
.btn-dash{padding: 0.15rem 1.0rem; border: 1px solid #fff; color: #fff;margin:0;}
.btn-dash:hover{background-color: #fff; color: #ffa726;}
.dash-icon{padding: 5px 8px; font-size: 32px;}
.dashC01{color:#d70206;}.dashC02{color:#8e24aa;}.dashC03{color:#59922b;}.dashC04{color:#453d3f;}.dashC05{color:#0544d3;}.dashC06{color:#00acc1;}
.text-icon{font-size: 17px; font-weight:600;}
.borde{border-right: 4px solid #86797d;}
.card-icon-bg h4 .text-danger {font-size: 18px;}
.card-icon-bg{ padding: 10px 6px;margin-bottom: 5px;margin-top: 5px;}
.card-icon-bg h4{ margin: 0px; padding-top: 7px 6px;font-size: 27px;}
.das-card-sec p {margin-bottom: 0.1rem;}
.dash-padd-r{padding-right: 7px;}
.dash-padd-l{padding-left: 7px;}
.tooltipChart {position: relative;font-size: 14px;width: 110px;z-index: 1;padding: 5px;background-color: #ffffff;opacity: 0.8;border: 1px solid #cacaca;border-radius: 3px;box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1);text-align: center;pointer-events: none;color: black;transition: opacity .2s ease-out;}
.tooltipChart.tooltip-hidden {opacity: 0;}
.ct-bar { fill: none;stroke-width: 20px !important;}
.card-he-dash{height: 375px;}
.carousel-item {height: 250px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.carousel-control-next, .carousel-control-prev{width: 9%;}
.carousel-inner{border: 2px solid rgba(0,0,0,0.16);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);border-radius: 10px;}
.container-panelEbook{display: flex;width: 100%;}
.panelEbook {background-size: cover;background-position: center center;background-repeat: no-repeat;height: 270px;border-radius: 50px;color: #fff;cursor: pointer;flex: 0.5;margin: 10px; position: relative;transition: flex 0.7s ease-in;}
.panelEbook h3 {font-size: 16px;position: absolute;bottom: 20px;left: 20px;margin: 0;opacity: 0;}
.panelEbook .btn-ebook {position: absolute;bottom: 20px;right: 20px;margin: 0;opacity: 0;}
.panelEbook.active {flex: 5;}
.panelEbook.active h3 {opacity: 1;transition: opacity .3s ease-in 0.5s;color: #fff;background: rgba(0,0,0,0.6);padding: 2px 10px;border-radius: 9px 0 12px 0;}
.panelEbook.active .btn-ebook {opacity: 1;transition: opacity .3s ease-in 0.5s;}
.ebook-sec img{width: 200px;}
.ebook-sec h3{color:#453d3f;}
/*notification*/
.dropdown-notification{width: 260px;height: 350px;overflow-y:auto;padding: 0;}
.dropdown-menu-nutp{top: -9px !important;border-radius:0;}
.not-head{background-color: #0544d3; color: #fff;padding: 7px 15px;}
.not-heading .badge{border-radius: 50%;background: #fff;}
.clear-btn{color:rgba(255,255,255,.5);}
.clear-btn:hover{color:rgba(255,255,255,1);}
.not-head:hover{background-color: #0544d3; color: #fff;}
.top-text-block { font-size: 15px;display: block;padding: 3px 15px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: inherit !important;border-bottom: 1px solid #f4f4f4;position: relative;}
.top-text-block:hover:before {content: '';width: 4px;background: #0544d3;left: 0;top: 0;bottom: 0;position: absolute;}
.top-text-block.unread {background: #ffc;}
.top-text-block .top-text-light {color: #999;font-size: 0.8em;}
.top-head-dropdown .dropdown-menu {width: 350px;height: 300px;overflow: auto;}
.top-head-dropdown li:last-child .top-text-block {border-bottom: 0;}
.loader-topbar {margin: 5px auto;border: 3px solid #ddd;border-radius: 50%;border-top: 3px solid #666;width: 22px;height: 22px;-webkit-animation: spin-topbar 1s linear infinite;animation: spin-topbar 1s linear infinite;}
@media screen and (min-width: 768px) {
.page-wrapper.toggled .page-content{padding-left:270px}
}
@media(max-width: 480px) {
    .panel:nth-of-type(4), .panel:nth-of-type(5) {display: none;}
}