<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html { scroll-behavior: smooth; }
body { font-family: 'Roboto', sans-serif; font-weight: 400; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto', sans-serif; font-weight: 700; }
.navbar-brand { font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.hr_only {margin:0px; height:1px;}
.display-none {display:none;} .resize-none {resize:none;}
.opacity_7 { opacity:0.7; } .opacity_7:hover { opacity:1; }
.col-half-offset{ margin-left:4.166666667% }
.login-logo small { font-size: 18px !important; } .login-logo { line-height: 35px !important; } 
.bg-light .badge{background:#fff; color:#000;} .label-dark { background-color: #181C32; } .label-light, .bg-light { background-color: #777; }
.input-group-addon { background-color: #eee !important; }

.panel-info { font-weight: 600; color:#fff; }
.panel-info p { margin-bottom:0px; }

.alert-warning-custom { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.alert-warning-custom hr { border-top-color: #f7e1b5; }
.alert-warning-custom .alert-link { color: #66512c; }
.alert-info-custom { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.alert-info-custom .alert-link { color: #245269; }
.alert { margin-bottom: 10px; padding: 10px; }
.alert-dismissible { padding-right: 35px; }

/* datatable */
div.dataTables_wrapper div.dataTables_paginate {float:none!important; text-align:center!important;}
div.dataTables_wrapper .text-right div.dataTables_paginate {float:right!important;}
/* div.dataTables_wrapper { width: 1400px; margin: 0 auto; } */
/* datatable plus-minus button */
.dt_search_input { font-weight:normal!important; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 30px; color: #555; background-color: #fff; border: 1px solid #ccc; height: 30px; min-height: 32px; font-size: 13px; padding: 5px 10px; }
.dt_search_input:hover, .dt_search_input:active, .dt_search_input:focus { border-color: #3c8dbc; box-shadow: none; outline:none; }
div.dataTables_wrapper .disabled {cursor: not-allowed; background-color: #eee; opacity: 1;}

/* datatable plus-minus button */
td.details-control { background: url('../img/details_open.png') no-repeat center center; cursor: pointer; }
tr.shown td.details-control { background: url('../img/details_close.png') no-repeat center center; }
/* datatable header */
.table thead tr th {white-space: nowrap; overflow:hidden;}
/* table.dataTable tbody td { word-break: break-word; vertical-align: top; } */
/* .table-column-header{ white-space:nowrap; overflow:hidden; } */

.action_tab form {display:inline!important;}
.action_tab .btn {padding:3px 5px; }
.action_tab .btn i {width:16px; height:16px; text-align:center;}
/* datatable selected */
.table thead tr th {white-space: nowrap;}
.table tbody .selected td { background-color: #AAB7D1 !important;}
.table tbody .bg-white td {background:#ffffff;}
/* datatable colvish */
.dt-button-collection .dt-button.buttons-columnVisibility { background: none !important; background-color: transparent !important; box-shadow: none !important; border: none !important; padding: 0.25em 1em !important; margin: 0 !important; text-align: left !important; }
.dt-button-collection .buttons-columnVisibility:before, .dt-button-collection .buttons-columnVisibility.active span:before { display:block; position:absolute; top:1.2em; left:0; width:12px; height:12px; box-sizing:border-box; }
.dt-button-collection .buttons-columnVisibility:before { content:' '; margin-top:-8px; margin-left:10px; border:1px solid black; border-radius:3px; }
.dt-button-collection .buttons-columnVisibility.active span:before { font-family: 'Arial' !important; content:'\2714'; margin-top: -15px; margin-left: 12px; text-align: center; text-shadow: 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff; }
.dt-button-collection .buttons-columnVisibility span { margin-left:17px; }

.select_box { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; cursor:pointer; }
.select_box input { display:inline-block; width:10%; opacity: 0;}
.select_box span { font-weight:normal; }
.select_box:hover { border-color: #3c8dbc; box-shadow: none; outline:none; }

.form-group {position:relative;}
.red {color: #e32; font-size: x-large; position:absolute; top:-1px;}
.textarea {resize:none;}
.single-line {white-space:nowrap; display:inline-block;}

.select2-container--default .select2-selection--single,.select2-selection .select2-selection--single{border:1px solid #d2d6de;border-radius:0!important;padding:6px 12px!important;height:34px!important}

.switch { position: relative; display: inline-block; width: 40px; height: 20px; }
/* Hide default HTML checkbox */
.switch input { opacity: 0; width: 0; height: 0; }
/* The slider */
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .3s; transition: .3s; }
.slider:before { position: absolute; content: ""; height: 15px; width: 15px; left: 3px; bottom: 3px;  background-color: white; -webkit-transition: .3s; transition: .3s; }
input:checked + .slider { background-color: #00a65a; }
input:focus + .slider { box-shadow: 0 0 1px #00a65a; }
input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }

/* .card_thumbnail_v { width:5.4cm; height:8.6cm; margin:0px; padding:0;  } */ /*width:250px!important; height:300px!important;*/
/* .card_thumbnail_v .card_tbl { width:100%;} */
/* .card_thumbnail_v .card_tbl .logo-div {margin:4px auto 10px;} */
/* .card_thumbnail_v .card_tbl .logo-div img {width:100px;} */
/* .card_thumbnail_v .card_img {width:100px; height:100px; margin-bottom:10px;} */
/* .card_thumbnail_v .card_tbl h4 {margin:0px; font-size:17px;} */
/* .card_thumbnail_v .card_tbl p {margin:0px;} */
/* .card_thumbnail_v .card_tbl tr td{padding:5px;} */
/* .card_thumbnail_v .border-right-0 {border-right:0px!important;} */
/* .card_thumbnail_v .card_tbl hr {margin:5px 0px; border-top:1px solid lightgray;} */
/* .card_thumbnail_v .sub-table {margin:0px auto; max-width:180px; font-size:11px;} */
/* .card_thumbnail_v .sub-table tr td:nth-child(1), */
/* .card_thumbnail_v .sub-table tr td:nth-child(2) { font-weight:bold;} */
/* .card_thumbnail_v .sub-table tr td {padding:0px; text-align:left!important; padding-bottom:7px;} */
/* .card_thumbnail_v {position:relative;} */
/* .card_thumbnail_v .cmp_no { position:absolute; right:0; bottom:0px; left:0; font-size:17px; font-weight:bolder; margin-top:4px; background:red; color:#fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border: 1px solid #ddd; border-top:0px; padding-top:4px; height:30px; } */

#download_id {margin:0px; padding:0;}
.card_box { position:relative; color:#fff; padding:0; width:50mm; height:80mm;}
.card_fream { margin:0; padding:0;}
.card_fream img {margin:0; padding:0; height:80mm;}
.card_text_name { position: absolute; width:100%; top: 200px; text-align: center; font-size:16px; font-weight:bold;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.card_img_box, .card_text_depart, .card_text_code, .card_text_address { position: absolute; width:100%; text-align: center; font-size:11px;}
.card_img_box {top: 90px;}
.card_text_depart { top: 225px; }
.card_text_code { top: 240px; }
.card_box .card_img {width:100px; height:100px; margin-bottom:0px; border:1px solid black;}
@media print {
	.card_text_name	, .card_text_depart, .card_text_code, .card_text_address { color:#fff!important;}
	.card_text_address {font-weight:bold;}
}
.card_text_address {position: absolute; width:100%; text-align: center; top: 258px; font-size:6px;}

/* seven-cols */
@media (min-width: 768px){ .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1  { width: 100%; *width: 100%; } }
@media (min-width: 992px) { .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 14.285714285714285714285714285714%; * width: 14.285714285714285714285714285714%; } }
/**
*  The following is not really needed in this case
*  Only to demonstrate the usage of @media for large screens
*/    
@media (min-width: 1200px) { .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 14.285714285714285714285714285714%; *width: 14.285714285714285714285714285714%; } }
.bday-box-list {white-space: nowrap; overflow-y: auto;}
.bday-box-list::-webkit-scrollbar {
	height: 4px;              /* height of horizontal scrollbar â† You're missing this */
	width: 20px;               /* width of vertical scrollbar */
	border: 1px solid #d5d5d5;
}
/* Track */
.bday-box-list::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; }
/* Handle */
.bday-box-list::-webkit-scrollbar-thumb { background: #00A65A; border-radius: 10px; }
/* Handle on hover */
.bday-box-list::-webkit-scrollbar-thumb:hover { background: #009551; }

.bday-box { border:2px solid gray; display: inline-block; height: 45px; background: lightgray; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); margin: 0px 15px 15px 0px; color:black; border-radius: 50px; }
.bday-box:hover {color:#fff; background: #00A65A; border:2px solid #008D4D;}
.bday-box small { font-size: 14px; }
.bday-box-icon { border-radius:50px; display: block; float: left; height: 40px; width: 40px; text-align: center; line-height: 40px; background: rgba(0, 0, 0, 0.2); }
.bday-box-icon &gt; img { max-width: 100%; }
.bday-box-content { padding: 5px 10px; margin-left: 42px; }
.bday-box-number { display: block; font-size: small; }

.users-list li img { height:70px; width: 70px; display: inline-block; max-width: 100%; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.users-list .users-list-name { font-size:14px; }

.info-box, .info-box:hover {color:black;}
.info-box .info-box-text {  text-transform: capitalize;}
.info-box-small { min-height: 50px; }
.info-box-small .info-box-content {  margin-left: 50px; padding: 2px 10px; }
.info-box-icon-small { border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; display: block; float: left; height: 50px; width: 50px; text-align: center; font-size: 25px; line-height: 50px; background: rgba(0, 0, 0, 0.2); }</pre></body></html>