/* REQUIREMENTS CODE */
*{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;background:#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:8px;border-top:none;border-bottom-width:0px;border-bottom:1px solid #ccc;}
.table>tbody>tr>td{padding:6px;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;}}

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

.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;}

.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;}

.wrapper{width:100%;float:left;height:100vh;overflow:hidden;}

.left_section{width:7%;float:left;min-height:100vh;overflow:hidden;background-color:#24292e;}
.left_data{width:100%;float:left;}
.left_logo{width:100%;float:left;min-height:50px;}
.left_logo_data{width:100%;float:left;text-align:center;}
.left_logo_data p{display:block;padding:10px;color:#fff;}
.left_logo_data img{display:inline-block;}
.left_list{width:100%;float:left;height:calc(100vh - 50px);overflow:hidden;overflow-y:auto;direction:rtl;}
.left_data_list{width:100%;float:left;direction:ltr;}

.left_list{width:100%;float:left;height:calc(100vh - 50px);overflow:hidden;overflow-y:auto;}
.left_data_list{width:100%;float:left;}
.left_data_list ul{margin:0px;padding:0px;}
.left_data_list ul li{display:list-item;width:100%;float:left;text-align:center;min-height:55px;
border-top:1px solid #434a54;}
.left_data_list ul li a{display:block;padding:15px;color:#fff;font-weight:400;}
.left_data_list ul li a i{width:100%;float:left;font-size:15px;margin-bottom:8px;margin-top:5px;}
.left_data_list ul li a span{letter-spacing:0.8px;}

.left_data_list ul li ul.sub_list{position:absolute;width:15%;float:left;background-color:#434a54;top:50px;left:7%;bottom:0;
overflow:hidden;overflow-y:auto;display:none;-webkit-transition:0.3s ease;animation-iteration-count: 1;
animation-fill-mode: forwards;padding-top:15px;padding-bottom:25px;z-index:960;}

.left_data_list ul li ul.sub_list li{display:flex;width:100%;text-align:left;min-height:0;}
.left_data_list ul li ul.sub_list li.sub_heading a{text-decoration:underline;}
.left_data_list ul li ul.sub_list li a{display:list-item;letter-spacing:0.8px;padding:5px;padding-left:20px;}

.left_data_list ul li:hover ul{display:block;animation:left_motion ease 0.3s;}

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

.left_list_select{width:100%;float:left;display:none;}

.right_section{width:93%;float:left;}

.header_section{width:100%;float:left;min-height:50px;border-bottom:1px solid #ddd;background-color:#fff;}
.header_data{width:100%;float:left;}

.header_logo{width:30%;float:left;}
.header_data_logo{width:100%;float:left;}
.header_data_logo img{display:inline-block;padding:5px;padding-top:5px;}

.header_right{float:right;}
.header_data_right{width:100%;float:right;margin-right:5px;text-align:right;}
.header_data_right ul{margin:0px;padding:0px;}
.header_data_right ul li{display:inline-block;}
.header_data_right ul li a{display:block;padding:15px;color:#036;}
.header_data_right ul li a i{margin-right:5px;}
.header_data_right ul li a span{letter-spacing:0.8px;font-weight:500;}

.body_section{width:100%;float:left;overflow-y:auto;height:calc(100vh - 50px);}
.body_data{width:100%;float:left;}

.bread_section{width:100%;float:left;}
.bread_data{width:100%;float:left;padding-left:25px;padding-right:25px;}
.bread_data p{display:inline-block;padding-left:10px;padding:20px;font-size:20px;letter-spacing:0.8px;font-weight:500;}

.data_section{width:100%;float:left;margin-top:20px;margin-bottom:20px;}
.data_container{width:100%;float:left;padding-left:30px;padding-right:30px;}

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

.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;word-break: break-all;}
.input_section label.error_label{color:#f30;}
.input_section label.error_label:after{content:'*';}
.p_top{padding-top:15px;}
.m_top{margin-top:25px;}

.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="radio"]{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,input[type="number"]:focus
{box-shadow:0px 0px 1px 0px #09c;border:1px solid #09c;}

.btn_edit{display:inline-block;padding:5px;color:#060;letter-spacing:0.5px;font-weight:500;}
.btn_edit i{margin-right:5px;}
.btn_edit:hover{color:#060;}
.btn_del{display:inline-block;padding:5px;color:#f30;letter-spacing:0.5px;font-weight:500;}
.btn_del i{margin-right:5px;}
.btn_del:hover{color:#f30;}

.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;}

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

.no_data_section{width:100%;float:left;}
.no_data_container{width:100%;float:left;text-align:center;}
.no_data_container p{display:block;padding:20px;letter-spacing:0.8px;font-size:18px;font-weight:500;}
.no_data_container a{display:inline-block;}


.profile_link{width:100%;float:left;border:1px solid #ccc;background-color:#24292e;
border-top-left-radius:5px;border-top-right-radius:5px;}
.profile_link_data{width:100%;float:left;overflow:hidden;overflow-x:auto;}
.profile_link_list{width:100%;float:left;}
.profile_link_list ul{width:100%;margin:0;padding:0;white-space:nowrap;list-style:none;}
.profile_link_list li{display:inline-block;margin:0;padding:0;}
.profile_link_list a{color:#fff;display:block;padding:15px;letter-spacing:0.8px;font-weight:500;}
.profile_link_list li.active{background-color:#434a54;}

.panel_container{width:100%;float:left;border:1px solid #ccc;border-bottom-left-radius:5px;border-bottom-right-radius:5px;
border-top:none;}
.panel_data{width:100%;float:left;padding-left:25px;padding-right:25px;margin-top:15px;margin-bottom:15px;}

.form_head{display:block;padding:8px;letter-spacing:0.8px;font-size:14px;padding-left:0;word-break: break-all;}
.form_head1{display:block;padding:5px;letter-spacing:0.8px;font-weight:bold;font-size:12px;padding-left:0;word-break: break-all;}
.min_height{min-height:120px;}

.form_master{width:100%;float:left;}
.form_master_list{width:100%;float:left;}
.form_master_list ul{margin:0;padding:0;}
.form_master_list ul li{display:list-item;float:left;width:100px;margin:2px;text-align:center;}
.form_master_list ul li a{display:block;color:#fff;letter-spacing:0.5px;font-weight:bold;padding:2px;
background-color:#09c;}

.action_icon{width:100%;float:left:display:block;color:inherit;}
.action_icon:hover{color:inherit;}
.icon_section{width:100%;float:left;padding:15px;text-align:center;border-radius:5px;background-color:#24292e;}
.icon_title{width:100%;float:left;}
.icon_title span{display:block;padding:5px;font-weight:bold;letter-spacing:0.8px;color:#fff;}
.icon_body{width:100%;float:left;}
.icon_body span{display:block;padding:5px;font-weight:bold;letter-spacing:0.5px;color:#fff;font-size:20px;}

@media (max-width: 768px) {
	.col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8,.col_9,.col_10,.col_11,.col_12{width:100%;}
	.col_p_1,.col_p_2,.col_p_3.col_p_4,.col_p_5,.col_p_6,.col_p_7,.col_p_8,.col_p_9,.col_p_10,.col_p_11,.col_p_12{width:100%;}
	.left_section{width:100%;float:left;min-height:0;}
	.left_list{display:none;}
	.left_list_select{display:inline-block;}
	.right_section{width:100%;float:left;min-height:0;}
	.header_logo{width:100%;}
	.header_data_logo{text-align:center;}
	.header_right{width:100%;float:left;}
	.header_data_right{width:100%;float:left;text-align:center;}
	.body_section{height:calc(100vh - 190px);}
	.toast-top-right {top: 240px;margin: 0 auto;right:0;}
	.bread_data p{font-size:14px;padding:10px;}
	.commodity_master{display:none;}
	.modal-dialog{width:100%;}
}