*{margin:0px;padding:0px;}
body{font-size:11.5px;line-height:21px;font-weight:400;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", Arial, sans-serif;color:#000;animation: fadeInAnimation ease 1s;
animation-iteration-count: 1;animation-fill-mode: forwards;}
a{text-decoration:none;}
a:hover{text-decoration:none;cursor:pointer;}
p,span,label,ul,ol{margin-bottom:0px;}
ul,ol{list-style-type:none;}
.table{margin-bottom:0px;border:1px solid #ccc;border-radius:3px;}
.table>thead>tr>td{padding:8px;border-top:none;border-bottom-width:0px;border-bottom:1px solid #ccc;text-align:left;}
.table>tbody>tr>td{padding:8px;border-top:none;border-bottom-width:0px;border-bottom:1px solid #ccc;}
.table_heading{background-color:#fafafa;color:#2e2e2e;font-weight:500;letter-spacing:0.5px;}
.row{margin-top:5px;margin-bottom:5px;margin-left:0px;margin-right:0px;}
div{display:block;}

@keyframes fadeInAnimation {0%{opacity:0;} 100%{opacity: 1;}}

/* SCROLL BAR DESIGN */
::-webkit-scrollbar{width: 5px;height:5px;}
::-webkit-scrollbar-track{background: #f1f1f1;}
::-webkit-scrollbar-thumb{background: #e40046;}
::-webkit-scrollbar-thumb:hover{background: #F06;}

.col_container{width:100%;float:left;padding-top:3px;padding-bottom:3px;}

.col_1{width:8.333%;float:left;padding-left:8px;padding-right:8px;position:relative;}
.col_2{width:16.6667%;float:left;padding-left:8px;padding-right:8px;position:relative;}
.col_3{width:25%;float:left;padding-left:8px;padding-right:8px;position:relative;}
.col_4{width:33.333%;float:left;padding-left:8px;padding-right:8px;position:relative;}
.col_5{width:41.6667%;float:left;padding-left:8px;padding-right:8px;position:relative;}
.col_6{width:50%;float:left;padding-left:8px;padding-right:8px;position:relative;}
.col_7{width:58.333%;float:left;padding-left:8px;padding-right:8px;position:relative;}
.col_8{width:66.6667%;float:left;padding-left:8px;padding-right:8px;position:relative;}
.col_9{width:75%;float:left;padding-left:8px;padding-right:8px;position:relative;}
.col_10{width:83.333%;float:left;padding-left:8px;padding-right:8px;position:relative;}
.col_11{width:91.667%;float:left;padding-left:8px;padding-right:8px;position:relative;}
.col_12{width:100%;float:left;padding-left:8px;padding-right:8px;position:relative;}

.col_p_1{width:8.333%;float:left;position:relative;}
.col_p_2{width:16.6667%;float:left;position:relative;}
.col_p_3{width:25%;float:left;position:relative;}
.col_p_4{width:33.333%;float:left;position:relative;}
.col_p_5{width:41.6667%;float:left;position:relative;}
.col_p_6{width:50%;float:left;position:relative;}
.col_p_7{width:58.333%;float:left;position:relative;}
.col_p_8{width:66.6667%;float:left;position:relative;}
.col_p_9{width:75%;float:left;position:relative;}
.col_p_10{width:83.333%;float:left;position:relative;}
.col_p_11{width:91.667%;float:left;position:relative;}
.col_p_12{width:100%;float:left;position:relative;}

.data_center_full{max-width:100%;margin:0 auto;}
.data_center_0{max-width:300px;margin:0 auto;}
.data_center_1{max-width:350px;margin:0 auto;}
.data_center_2{max-width:400px;margin:0 auto;}
.data_center_3{max-width:500px;margin:0 auto;}
.data_center_4{max-width:600px;margin:0 auto;}
.data_center_5{max-width:650px;margin:0 auto;}
.data_center_6{max-width:700px;margin:0 auto;}
.data_center_7{max-width:750px;margin:0 auto;}
.data_center_8{max-width:800px;margin:0 auto;}
.data_center_9{max-width:850px;margin:0 auto;}
.data_center_10{max-width:950px;margin:0 auto;}
.data_center_11{max-width:1000px;margin:0 auto;}
.data_center_12{max-width:1180px;margin:0 auto;}
.data_center_13{max-width:1220px;margin:0 auto;}

.modal-lg{width:1120px;}
.sweet-alert{z-index:9990;}
.sweet-overlay{position:fixed;z-index:9980;}
.toast-top-right {top: 50px;margin: 0 auto;right:0;}

.m_top{margin-top:20px;}
.m_bottom{margin-bottom:20px;}
.padding{padding-left:15px;padding-right:15px;}

.wrapper{width:100%;float:left;min-height:100vh;overflow:hidden;
overflow-y:auto;}

.logo_section{width:100%;float:left;}
.logo_data{width:100%;float:left;padding:15px;text-align:center;}
.logo_data img{display:inline-block;height:80px;}

.form_section{width:100%;float:left;}

.header_section{width:100%;float:left;background-color:#e40046;padding:10px 25px 10px 25px;
border-top-left-radius:5px;border-top-right-radius:5px;}
.header_data{width:100%;float:left;}
.header_data p{display:block;font-weight:600;color:#fff;font-size:20px;letter-spacing:0.8px;line-height:30px;}
.header_data span{display:block;font-weight:600;color:#fff;font-size:12px;line-height:30px;}

.body_section{width:100%;float:left;padding:15px 25px 15px 25px;border:1px solid #ccc;border-top:none;background-color:#fff;}
.body_data{width:100%;float:left;}

.load_data{width:100%;float:left;}

.input_section{width:100%;float:left;padding-left:10px;padding-right:10px;}
.input_section label{display:block;margin-top:4px;font-weight:500;letter-spacing:0.8px;margin-right:15px;
margin-bottom:4px;text-align:right;color:#666;}
.input_section label.error_label:after{content:'*';margin-left:5px;color:#f30;}

.input_section input[type="text"]{width:100%;padding:6px 8px;outline:none;border:1px solid #ccc;font-size:1.3rem;
letter-spacing:0.5px;border-radius:3px;padding-left:15px;box-shadow:0px 0px 1px 0px #999;
-webkit-transition:ease-in-out 0.3s;}
.input_section input[type="password"]{width:100%;padding:6px 8px;outline:none;border:1px solid #ccc;font-size:1.3rem;
letter-spacing:0.5px;border-radius:3px;padding-left:15px;box-shadow:0px 0px 1px 0px #999;
-webkit-transition:ease-in-out 0.3s;}

.input_section button[type="submit"]{display:inline-block;padding:5px;width:100%;border:none;
color:#fff;border-radius:2px;letter-spacing:0.5px;font-weight:400;}
.input_section button[type="submit"]:disabled{cursor:not-allowed;}

input[type="text"]:focus, input[type="password"]:focus{box-shadow:0px 0px 1px 0px #e40046;border:1px solid #e40046;}

.btn_rose{background-color:#e40046;color:#fff;}

.footer_section{width:100%;float:left;}

.footer_data{margin-bottom: -18px;width:100%;float:left;text-align:center;
background: -webkit-linear-gradient(to bottom,rgba(0,0,0,.10),rgba(0,0,0,.03) 3px,transparent);
background: linear-gradient(to bottom,rgba(0,0,0,.10),rgba(0,0,0,.03) 3px,transparent);}

.footer_data a{display:inline-block;color:#f30;padding:5px;}
.footer_data a i{margin-right:5px;}
.footer_data a span{font-weight:500;letter-spacing:0.6px;}