/* 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;background-color:#fff;}
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:10px;border-top:none;border-bottom-width:0px;border-bottom:1px solid #ccc;}
.table>tbody>tr>td{padding:10px;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:3px;margin-bottom:3px;margin-left:0px;margin-right:0px;}
.rows{margin-top:5px;margin-bottom:5px;}

.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:1100px;margin:0 auto;}

/* For Login Page */

.wrapper{width:100%;float:left;}
.login_body_section{width:100%;float:left;}
.login_body_data{width:100%;float:left;padding-top:50px;padding-bottom:20px;}
.login_header_section{width:100%;float:left;}
.login_header_data{width:100%;float:left;}
.login_header_data p{display:block;padding:15px;text-align:center;letter-spacing:0.8px;font-weight:500;
font-size:15px;}

.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:#eeeeee;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;}

.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 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:#eee;box-shadow:0px 0px 2px 0px #eeeeee;
color:#000;}

/* 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;}

/* Portal Page */

.header_section{width:100%;float:left;background-color:#24292e;min-height:50px;}
.header_data{width:100%;float:left;padding-left:50px;padding-right:50px;margin-right:auto;margin-left:auto;}

.header_logo_data{width:20%;float:left;}
.logo_data{width:100%;float:left;}
.logo_data p{display:block;padding:15px;color:#fff;letter-spacing:0.8px;}


.header_form_data{width:30%;float:left;}
.form_data{width:100%;float:left;}
.form_search{width:100%;float:left;padding:10px;}
.form_search input[type="text"]{width:100%;float:left;outline:none;padding:5px;background-color:#434a54;
border:none;color:#fff;padding-left:15px;border-radius:5px;}
.form_search button[type="submit"]{width:10%;float:left;outline:none;padding:5px;border:none;
margin-left:-37px;border-top-right-radius: 5px;border-bottom-right-radius:5px;}

.header_user_data{width:30%;float:right;}
.user_data{width:100%;float:left;text-align:right;}
.user_data a{display:inline-block;margin-top:9px;margin-bottom:9px;margin-left:2px;margin-right:2px;
color:#fff;letter-spacing:0.8px;border:1px solid #434a54;padding:5px;border-radius:5px;}
.user_data a i{margin-right:5px;}

.menu_section{width:100%;float:left;background-color:#fafbfc;}
.menu_data{width:100%;float:left;padding-left:50px;padding-right:50px;}
.menu_list{width:100%;float:left;}
.menu_list ul{margin:0px;padding:0px;}
.menu_list ul li{display:inline-table;float:left;border-bottom:1.5px solid transparent;
-webkit-transition:0.3s ease-in-out;}
.menu_list ul li a{display:block;padding:15px;color:#333;letter-spacing:0.8px;}
.menu_list ul li a i{margin-right:5px;}
.menu_list ul li:hover{border-bottom-color:#ddd;}
.menu_list ul li.active{border-bottom-color:#f30;}

.body_section{width:100%;float:left;margin-top:25px;}
.body_data{width:100%;float:left;padding-left:50px;padding-right:50px;}

.left_section{width:20%;float:left;}
.left_data{width:100%;float:left;padding-left:10px;padding-right:10px;}

.left_menu{width:100%;float:left;border:1px solid #ccc;border-radius:0.1px;}
.left_menu ul{margin:0px;padding:0px;}
.left_menu ul li{display:inline-block;float:left;width:100%;border-left:1.5px solid transparent;
border-bottom:1px solid #e4e5e7;}
.left_menu ul li a{display:inline-block;padding:10px;color:#000;letter-spacing:0.8px;}
.left_menu ul li.active{border-left-color:#f30;}

.right_section{width:80%;float:left;}
.right_data{width:100%;float:left;padding-left:10px;padding-right:10px;}

.bread_section{width:100%;float:left;}
.bread_data{width:100%;float:left;border-bottom:1px solid #e4e5e7;}
.bread_data p{display:inline-block;padding:10px;font-weight:500;letter-spacing:0.8px;}
.bread_data a{display:inline-block;padding:6px;margin:3px;background-color:#060;color:#fff;border-radius:5px;}

.data_section{width:100%;float:left;margin-top:25px;margin-bottom:25px;}
.form_section_border{width:100%;float:left;padding:15px;border:1px solid #e4e5e7;box-shadow:0px 0px 2px 0px #e4e5e7;}
.form_section_border1{width:100%;float:left;padding:5px;border:1px solid #e4e5e7;box-shadow:0px 0px 2px 0px #e4e5e7;}

.input_section{width:100%;float:left;}
.input_section label{display:block;margin-top:4px;font-weight:500;letter-spacing:0.8px;margin-right:15px;
margin-bottom:4px;}

.input_section input[type="text"]{width:100%;padding:5px 8px;outline:none;border:1px solid #ccc;font-size:1.3rem;letter-spacing:0.5px;border-radius:5px;padding-left:15px;}
.input_section input[type="number"]{width:100%;padding:5px 8px;outline:none;border:1px solid #ccc;font-size:1.3rem;letter-spacing:0.5px;border-radius:5px;padding-left:15px;}
.input_section input[type="password"]{width:100%;padding:5px 8px;outline:none;border:1px solid #ccc;font-size:1.3rem;letter-spacing:0.5px;border-radius:5px;padding-left:15px;}
.input_section select{width:100%;padding:4px 8px;outline:none;border:1px solid #ccc;font-size:1.3rem;letter-spacing:0.5px;border-radius:5px;padding-left:15px;}
.input_section textarea{width:100%;padding:6px 10px;outline:none;border:1px solid #ccc;font-size:1.3rem;letter-spacing:0.5px;border-radius:5px;padding-left:15px;height:55px;}
.select2>.select2-selection{height:34px;}
.input_section input:readonly{cursor:not-allowed;background-color:#e4e5e4;}
.input_section button[type="button"]{display:inline-block;padding:5px;margin-right:15px;width:100px;border:none;
color:#fff;background-color:#666d77;border-radius:2px;letter-spacing:0.5px;font-weight:500;}
.input_section input[type="button"]{display:inline-block;padding:5px;margin-right:15px;border:none;
color:#fff;background-color:#666d77;border-radius:2px;letter-spacing:0.5px;font-weight:500;}
.input_section button[type="button"] span i{margin-right:10px;}
.input_section button[type="button"]:disabled{cursor:not-allowed;}
.input_section button[type="submit"]{display:inline-block;padding:5px;margin-right:15px;width:100px;border:none;
color:#fff;background-color:#060;border-radius:2px;letter-spacing:0.5px;font-weight:500;}
.input_section button[type="submit"] span i{margin-right:10px;}
.input_section button[type="submit"]:disabled{cursor:not-allowed;}

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

.modal{margin-top:20px;}
.modal-lg{width:1120px;}

.btn_edit{display:inline-block;padding:3px;color:#060;font-weight:500;}
.btn_edit i{margin-right:5px;}
.btn_del{display:inline-block;padding:3px;color:#f30;font-weight:500;}
.btn_del i{margin-right:5px;}
.btn_view{display:inline-block;padding:3px;color:#300;font-weight:500;}
.btn_view i{margin-right:5px;}

.btn_edit:hover{color:#060;}
.btn_del:hover{color:#f30;}
.btn_view:hover{color:#300;}

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