.card {
    position: relative;
    margin: 0.5rem 0 1rem 0;
    background-color: #fff;
    transition: box-shadow .25s;
    border-radius: 12px;
    overflow: hidden;
}

.card-header {
    border-radius: 12px 12px 0 0 !important;
}

.card-footer {
    border-radius: 0 0 12px 12px !important;
}

.btn {
    border-radius: 8px;
}

.form-control {
    border-radius: 8px;
}
@media (max-width: 768px) {

    .dataTables_filter{
        text-align: left;
        font-size: 11pt;
    }
    .dataTables_filter .form-control{
        width: 80%;
    }

    .btn-step{
    	width: 100%;
    }


}

@media (min-width: 768px) {
	.btn-step{
		width: 49.5%;
	}

}
.error{
	color: #F44336;
}
.icon-small{
	font-size:10pt;
}

.btn-step{
	height: 50px;
}

.nowrap{
    white-space:nowrap;
}
#table-detail th {
    white-space:nowrap;
}
#DataTable th {
    white-space:nowrap;
}
 
    .z-depth-0 {
        box-shadow: none !important;
    }

    .z-depth-1{
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    }

    .z-depth-1-half{
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    }

    .z-depth-2 {
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    }

    .z-depth-3 {
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
    }

    .z-depth-4 {
        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
    }

    .z-depth-5 {
        box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
    }

.navbar {
    border-radius: 0 !important;
}

.sidebar-menu .navigation > li > a {
    border-radius: 8px;
    margin: 4px 8px;
    padding: 10px 15px;
}

.sidebar-menu .navigation > li > ul > li > a {
    border-radius: 6px;
    margin: 2px 8px;
    padding: 8px 15px 8px 45px;
}

.alert, .callout {
    border-radius: 12px;
}

.modal-content {
    border-radius: 16px;
    overflow: hidden;
}

.modal-header {
    border-radius: 16px 16px 0 0;
}

.modal-footer {
    border-radius: 0 0 16px 16px;
}

.dropdown-menu {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    border: none;
    padding: 8px;
}

.dropdown-menu > li > a {
    border-radius: 6px;
    padding: 8px 16px;
    margin: 2px 0;
}

.pagination > li > a,
.pagination > li > span {
    border-radius: 8px;
    margin: 0 2px;
    border: none;
    color: #1e3c72;
}

.pagination > .active > a,
.pagination > .active > span {
    background: #1e3c72;
    border-radius: 8px;
}

.list-group-item {
    border-radius: 8px !important;
    margin-bottom: 4px;
    border: none;
}

.page-link {
    border-radius: 8px !important;
    margin: 0 2px;
}

.popover {
    border-radius: 12px;
    box-shadow: 0 5px 30px rgba(0,0,0,0.15);
}

.badge {
    border-radius: 6px;
    padding: 4px 8px;
}

.label {
    border-radius: 4px;
}

.table-responsive {
    border-radius: 12px;
    overflow: hidden;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 8px !important;
    margin: 0 2px;
    border: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #1e3c72 !important;
    color: #fff !important;
    border: none !important;
}

.card .card-body .media {
    border-radius: 10px;
    overflow: hidden;
    margin: 0;
}

.card .card-body .media-left {
    border-radius: 10px 0 0 10px;
    padding: 20px !important;
}

.card .card-body .media-body {
    padding: 15px 20px;
}

.card .card-body .media-body h5 {
    margin-bottom: 4px;
}

/* Fix FA4 compatibility - restore .fa display */
i.fa, span.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Stroke Icons mapping - fallback to icomoon */
[class^="icon-"], [class*=" icon-"] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before { content: "\e120"; }
.icon-pencil2:before { content: "\e99d"; }
.icon-list-numbered:before { content: "\e0cb"; }
.icon-profile:before { content: "\e074"; }
.icon-list:before { content: "\e03a"; }
.icon-list2:before { content: "\e00b"; }
.icon-files-empty:before { content: "\e034"; }
.icon-menu3:before { content: "\e949"; }
.icon-power2:before { content: "\e086"; }
.icon-clipboard2:before { content: "\e013"; }
.icon-newspaper:before { content: "\e034"; }
.icon-user:before { content: "\e074"; }
.icon-users2:before { content: "\e959"; }
.icon-tree:before { content: "\e96b"; }
.icon-drive:before { content: "\e022"; }
.icon-shield:before { content: "\e32a"; }
.icon-android-apps:before { content: "\e906"; }
.icon-document-text:before { content: "\e9d2"; }

/* Sidebar styles */
.main-menu {
    width: 260px;
}

.main-menu .navigation > li > a {
    color: rgba(255,255,255,0.85);
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    margin: 2px 10px;
    transition: all 0.2s;
}

.main-menu .navigation > li > a:hover {
    background: rgba(255,255,255,0.1);
    color: #fff;
}

.main-menu .navigation > li > a > i {
    font-size: 18px;
    width: 22px;
    text-align: center;
    flex-shrink: 0;
}

.main-menu .navigation > li > a > .menu-title {
    font-size: 13px;
    font-weight: 500;
}

.main-menu .navigation > li.has-sub > a::after {
    content: "\e9bd";
    font-family: icomoon;
    font-size: 12px;
    margin-left: auto;
    transition: transform 0.3s;
}

.main-menu .navigation > li.has-sub.open > a::after,
.main-menu .navigation > li.nav-item.open > a::after {
    transform: rotate(90deg);
}

.main-menu .navigation > li > ul > li > a {
    padding: 10px 20px 10px 50px;
    font-size: 13px;
    color: rgba(255,255,255,0.7);
    border-radius: 6px;
    margin: 2px 10px;
}

.main-menu .navigation > li > ul > li > a:hover {
    background: rgba(255,255,255,0.08);
    color: #fff;
}

.main-menu .navigation > li > ul > li > a.active {
    background: rgba(255,255,255,0.12);
    color: #fff;
}

.menu-collapsed .main-menu {
    width: 60px;
}

.menu-collapsed .main-menu .navigation > li > a > .menu-title {
    display: none;
}

.menu-collapsed .main-menu .navigation > li > a::after {
    display: none;
}

.menu-collapsed .main-menu .navigation > li > a {
    justify-content: center;
    padding: 12px;
    margin: 2px 5px;
}

.menu-collapsed .main-menu .navigation > li > a > i {
    margin: 0;
}

.menu-collapsed .main-menu .navigation > li > ul {
    display: none;
}

/* FA5.3.1 missing icons - define content */
.fa-sync:before { content: "\f021"; }
.fa-sync-alt:before { content: "\f2f1"; }
.fa-exchange-alt:before { content: "\f362"; }
.fa-trash-alt:before { content: "\f2ed"; }
.fa-file-excel:before { content: "\f1c3"; }
.fa-file-pdf:before { content: "\f1c1"; }
.fa-file-word:before { content: "\f1c2"; }
.fa-file-image:before { content: "\f1c5"; }
.fa-file-archive:before { content: "\f1c6"; }
.fa-file-audio:before { content: "\f1c7"; }
.fa-file-video:before { content: "\f1c8"; }
.fa-file-code:before { content: "\f1c9"; }
.fa-file-alt:before { content: "\f15c"; }
.fa-file-upload:before { content: "\f574"; }
.fa-file-download:before { content: "\f019"; }
.fa-edit:before { content: "\f044"; }
.fa-save:before { content: "\f0c7"; }
.fa-arrow-circle-up:before { content: "\f0aa"; }
.fa-arrow-circle-down:before { content: "\f0ab"; }
.fa-check-circle:before { content: "\f058"; }
.fa-times-circle:before { content: "\f057"; }
.fa-info-circle:before { content: "\f05a"; }
.fa-exclamation-triangle:before { content: "\f071"; }
.fa-question-circle:before { content: "\f059"; }
.fa-copy:before { content: "\f0c5"; }
.fa-clipboard:before { content: "\f0ea"; }
.fa-download:before { content: "\f019"; }
.fa-upload:before { content: "\f093"; }
.fa-search:before { content: "\f002"; }
.fa-filter:before { content: "\f0b0"; }
.fa-sort:before { content: "\f0dc"; }
.fa-sort-up:before { content: "\f0de"; }
.fa-sort-down:before { content: "\f0dd"; }
.fa-times:before { content: "\f00d"; }
.fa-check:before { content: "\f00c"; }
.fa-plus:before { content: "\f067"; }
.fa-minus:before { content: "\f068"; }
.fa-lock:before { content: "\f023"; }
.fa-unlock:before { content: "\f09c"; }
.fa-user:before { content: "\f007"; }
.fa-users:before { content: "\f0c0"; }
.fa-key:before { content: "\f084"; }
.fa-eye:before { content: "\f06e"; }
.fa-eye-slash:before { content: "\f070"; }
.fa-print:before { content: "\f02f"; }
.fa-calendar:before { content: "\f073"; }
.fa-clock-o:before { content: "\f017"; }
.fa-bar-chart:before { content: "\f080"; }
.fa-pie-chart:before { content: "\f200"; }
.fa-line-chart:before { content: "\f201"; }
.fa-area-chart:before { content: "\f1fe"; }
.fa-table:before { content: "\f0ce"; }
.fa-list:before { content: "\f03a"; }
.fa-th:before { content: "\f00a"; }
.fa-th-large:before { content: "\f009"; }
.fa-th-list:before { content: "\f00b"; }
.fa-folder:before { content: "\f07b"; }
.fa-folder-open:before { content: "\f07c"; }
.fa-file:before { content: "\f15b"; }
.fa-image:before { content: "\f03e"; }
.fa-photo:before { content: "\f03e"; }
.fa-camera:before { content: "\f030"; }
.fa-video-camera:before { content: "\f03d"; }
.fa-microphone:before { content: "\f130"; }
.fa-phone:before { content: "\f095"; }
.fa-phone-square:before { content: "\f098"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-map-marker:before { content: "\f041"; }
.fa-link:before { content: "\f0c1"; }
.fa-external-link:before { content: "\f08e"; }
.fa-chain:before { content: "\f0c1"; }
.fa-cut:before { content: "\f0c4"; }
.fa-scissors:before { content: "\f0c4"; }
.fa-clipboard:before { content: "\f0ea"; }
.fa-tasks:before { content: "\f0ae"; }
.fa-bell:before { content: "\f0f3"; }
.fa-bell-slash:before { content: "\f1f6"; }
.fa-star:before { content: "\f005"; }
.fa-star-o:before { content: "\f006"; }
.fa-heart:before { content: "\f004"; }
.fa-heart-o:before { content: "\f08a"; }
.fa-bookmark:before { content: "\f02e"; }
.fa-bookmark-o:before { content: "\f097"; }
.fa-tag:before { content: "\f02b"; }
.fa-tags:before { content: "\f02c"; }
.fa-gear:before { content: "\f013"; }
.fa-cog:before { content: "\f013"; }
.fa-wrench:before { content: "\f0ad"; }
.fa-refresh:before { content: "\f021"; }
.fa-repeat:before { content: "\f021"; }
.fa-undo:before { content: "\f0e2"; }
.fa-redo:before { content: "\f01e"; }
.fa-history:before { content: "\f1da"; }
.fa-database:before { content: "\f1c0"; }
.fa-server:before { content: "\f233"; }
.fa-cloud:before { content: "\f0c2"; }
.fa-cloud-upload:before { content: "\f0ee"; }
.fa-cloud-download:before { content: "\f0ed"; }
.fa-code:before { content: "\f121"; }
.fa-terminal:before { content: "\f120"; }
.fa-html5:before { content: "\f13b"; }
.fa-css3:before { content: "\f13c"; }
.fa-js:before { content: "\f13d"; }
.fa-github:before { content: "\f09b"; }
.fa-google:before { content: "\f1a0"; }
.fa-facebook:before { content: "\f09a"; }
.fa-twitter:before { content: "\f099"; }
.fa-instagram:before { content: "\f16d"; }
.fa-linkedin:before { content: "\f0e1"; }
.fa-youtube:before { content: "\f167"; }
.fa-whatsapp:before { content: "\f232"; }
.fa-graduation-cap:before { content: "\f501"; }
.fa-university:before { content: "\f19c"; }
.fa-building:before { content: "\f1ad"; }
.fa-home:before { content: "\f015"; }
.fa-shopping-cart:before { content: "\f07a"; }
.fa-money:before { content: "\f0d6"; }
.fa-credit-card:before { content: "\f09d"; }
.fa-balance-scale:before { content: "\f24e"; }
.fa-calculator:before { content: "\f1ec"; }
.fa-puzzle-piece:before { content: "\f12e"; }
.fa-plug:before { content: "\f1e6"; }
.fa-sliders:before { content: "\f1de"; }
.fa-toggle-on:before { content: "\f205"; }
.fa-toggle-off:before { content: "\f204"; }
.fa-qrcode:before { content: "\f029"; }
.fa-barcode:before { content: "\f02a"; }
.fa-font:before { content: "\f031"; }
.fa-bold:before { content: "\f032"; }
.fa-italic:before { content: "\f033"; }
.fa-text-height:before { content: "\f034"; }
.fa-text-width:before { content: "\f035"; }
.fa-align-left:before { content: "\f036"; }
.fa-align-center:before { content: "\f037"; }
.fa-align-right:before { content: "\f038"; }
.fa-align-justify:before { content: "\f039"; }
.fa-list-ul:before { content: "\f0ca"; }
.fa-list-ol:before { content: "\f0cb"; }
.fa-indent:before { content: "\f03c"; }
.fa-dedent:before { content: "\f03b"; }
.fa-outdent:before { content: "\f03b"; }
.fa-quote-left:before { content: "\f10d"; }
.fa-quote-right:before { content: "\f10e"; }
.fa-eyedropper:before { content: "\f1fb"; }
.fa-paint-brush:before { content: "\f1fc"; }
.fa-tint:before { content: "\f043"; }
.fa-crop:before { content: "\f125"; }
.fa-eraser:before { content: "\f12d"; }
.fa-ruler:before { content: "\f5ae"; }
.fa-superscript:before { content: "\f12b"; }
.fa-subscript:before { content: "\f12c"; }
.fa-shield:before { content: "\f132"; }
.fa-fire:before { content: "\f06d"; }
.fa-bolt:before { content: "\f0e7"; }
.fa-medkit:before { content: "\f0fa"; }
.fa-stethoscope:before { content: "\f0f1"; }
.fa-heartbeat:before { content: "\f21e"; }
.fa-wheelchair:before { content: "\f193"; }
.fa-ambulance:before { content: "\f0f9"; }
.fa-male:before { content: "\f183"; }
.fa-female:before { content: "\f182"; }
.fa-child:before { content: "\f1ae"; }
.fa-users:before { content: "\f0c0"; }
.fa-sun-o:before { content: "\f185"; }
.fa-moon-o:before { content: "\f186"; }
.fa-globe:before { content: "\f0ac"; }
.fa-map:before { content: "\f279"; }
.fa-road:before { content: "\f018"; }
.fa-compass:before { content: "\f14e"; }
.fa-crosshairs:before { content: "\f05b"; }
.fa-location-arrow:before { content: "\f124"; }
.fa-map-pin:before { content: "\f276"; }
.fa-map-signs:before { content: "\f277"; }
.fa-coffee:before { content: "\f0f4"; }
.fa-cutlery:before { content: "\f0f4"; }
.fa-utensils:before { content: "\f2e7"; }
.fa-utensil-spoon:before { content: "\f2e8"; }
.fa-spoon:before { content: "\f1b1"; }
.fa-industry:before { content: "\f275"; }
.fa-recycle:before { content: "\f1b8"; }
.fa-sitemap:before { content: "\f15e"; }
.fa-diamond:before { content: "\f219"; }
.fa-graduation-cap:before { content: "\f501"; }
.fa-trophy:before { content: "\f091"; }
.fa-award:before { content: "\f55e"; }
.fa-medal:before { content: "\f5a2"; }
.fa-futbol-o:before { content: "\f1e3"; }
.fa-soccer-ball-o:before { content: "\f1e3"; }
.fa-basketball-ball:before { content: "\f434"; }
.fa-baseball-ball:before { content: "\f433"; }
.fa-football-ball:before { content: "\f44e"; }
.fa-table-tennis:before { content: "\f45d"; }
.fa-bowling-ball:before { content: "\f456"; }
.fa-gamepad:before { content: "\f11b"; }
.fa-dice:before { content: "\f522"; }
.fa-dice-one:before { content: "\f525"; }
.fa-dice-two:before { content: "\f528"; }
.fa-dice-three:before { content: "\f527"; }
.fa-dice-four:before { content: "\f524"; }
.fa-dice-five:before { content: "\f523"; }
.fa-dice-six:before { content: "\f526"; }
.fa-chess:before { content: "\f439"; }
.fa-chess-king:before { content: "\f43f"; }
.fa-chess-queen:before { content: "\f445"; }
.fa-chess-rook:before { content: "\f447"; }
.fa-chess-bishop:before { content: "\f43a"; }
.fa-chess-knight:before { content: "\f441"; }
.fa-chess-pawn:before { content: "\f443"; }
.fa-chess-board:before { content: "\f43c"; }