/* REQUIREMENTS CODE */
*{margin:0px;padding:0px;}
body{color:#333;font-size:12px;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:#3c424f;animation: fadeInAnimation ease 1s;
animation-iteration-count: 1;animation-fill-mode: forwards;
background-image: radial-gradient(circle at 50% 51%, #f8f8f8, #d7dbde);}
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;}
.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;}
.rows{margin-top:5px;margin-bottom:5px;}
h1,h2,h3,h4,h5,h6{margin-top:25px;}

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

.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_2_1{max-width:450px;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:900px;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;}

/* For Login Page */

.wrapper{width:100%;float:left;height:100vh;overflow:hidden;overflow-y:auto;}
.login_body_section{width:100%;float:left;}
.login_body_data{width:100%;float:left;padding-top:20px;padding-bottom:20px;}
.login_header_section{width:100%;float:left;padding-bottom:20px;}
.login_header_data{width:100%;float:left;}
.header_logo{width:100%;float:left;text-align:center;}
.header_logo img{display:inline-block;}

.login_form_section{width:100%;float:left;margin-top:50px;margin-bottom:20px;}
.login_form_data{width:100%;float:left;}
.login_form_heading{width:100%;float:left;margin-top:-20px;}
.login_form_heading p{display:inline-block;padding:8px 15px 8px;background-color:#fcfcfd;color:#000;
letter-spacing:0.8px;font-weight:500;box-shadow:0px 0px 2px 0px #ccc;margin-left:15px;border:1px solid #d5d5d5;}
.login_form_heading p i{margin-right:10px;}

.login_form{width:100%;float:left;background-color:#fff;border:1px solid #d5d5d5;border-radius:5px;
box-shadow:0px 0px 2px 0px #ccc;}
.lg_form{width:100%;float:left;padding-top:15px;padding-bottom:15px;padding:15px;}
.lg_form1{width:100%;float:left;padding:10px;background-color:#d3dce3;border-top:1px solid #d5d5d5;}
//d3dce3
.input_section1{width:100%;float:left;}
.input_section1 label{display:block;margin-top:4px;font-weight:500;letter-spacing:0.8px;margin-right:15px;
margin-bottom:4px;}
.input_section1 label.error_label{color:#f30;}
.input_section1 label.error_label:after{content:'*';}
.input_section1 input[type="text"]{width:100%;padding:5px;outline:none;border:1px solid #ccc;font-size:1.3rem;letter-spacing:0.5px;border-radius:5px;padding-left:15px;}
.input_section1 input[type="password"]{width:100%;padding:5px;outline:none;border:1px solid #ccc;font-size:1.3rem;letter-spacing:0.5px;border-radius:5px;padding-left:15px;}
.input_section1 select{width:100%;padding:5px;outline:none;border:1px solid #ccc;font-size:1.3rem;letter-spacing:0.5px;border-radius:5px;padding-left:15px;}
.input_section1 button[type="submit"]{width:100%;padding:5px;outline:none;border:1px solid #d5d5d5;font-size:1.3rem;letter-spacing:0.5px;border-radius:5px;text-algin:center;background-color:#eeeeee;box-shadow:0px 0px 2px 0px #eeeeee;
color:#000;}

.btn_action{display:inline-block;margin:16px;padding:5px;color:#fff;letter-spacing:0.5px;font-weight:500;background-color:#09c;
border-radius:5px;}
.btn_action:hover{color:#fff;}

/* For Login Page */

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

.toast-top-right {
top: 50px;
margin: 0 auto;
right:0;
}