*{
	padding:0px;
	margin:0px;
	}
.login_bg{
	background-color:#8e8e8e14;
	}
/*======================= Login Heading code here ========================= */
.login_heading{
	background-color:#80808029;
	color:white;
	}
.login_heading h1{
	margin:0px;
	padding:10px 0px 40px 0px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}
/*====================== Login Form style code here ====================== */
#admin_area{
	padding:30px 0px 10px 0px;
	}
#admin_area .login_area{
	background-color:#0c2a81c4;
	padding:66px 20px 56px 0px;
	}
#admin_area .login_area h2{
	text-align:center;
	color:white;
	padding-bottom:10px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}
#admin_area .login_area ul li{
	list-style-type:none;
	padding:10px;
	}
#admin_area .login_area ul li .username , #admin_area .login_area ul li .password{
	width:87%; 
	border:none;
	border-radius:3px;
	}
#admin_area .login_area ul li .login{
	width:30%; 
	position:relative;
	left:25px;
	padding:5px 0px 5px 0px;
	border-radius:3px;
	transition:all 0.4s ease-in-out;
	color:#0c2a81;
	font-weight:bold;
	background-color:white;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}
#admin_area .login_area ul li .login:hover{
    background-color:black;
	color:white;
	border:2px outset black;
	}
#admin_area .login_area .forget_psd{
    text-align:center;
	padding-left:40px;
	}
#admin_area .login_area .forget_psd a{
    text-decoration:none;
	padding:80px 40px 5px 0px;
	color:white;
	font-size:20px;
	}

/* ================================== Company .php  Web page code  ============================== */
.banner{
	padding-bottom:10px;
	}
#company_heading h3{
	position:relative;
	left:40px;
	top:5px;
	font-size:15px;
	color:black;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}
#company_heading p{
	
	font-size:15px;
	color:black;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}	
	
#company_heading .company_change{
	background-color:#42599c;
	color:white;
	border-radius:8px;
	padding:0px 5px 5px 5px;
	transition:all 0.4s ease-in-out;
	box-shadow:0px 0px 4px black;
	}
#company_heading a .company_change:hover{
	background-color:white;
	color:black;
	}
	
#company_heading a{
	color:white;
	text-decoration:none;
	
	}	
.company_heading{
	background-color:#80808029;
	}	
.company_heading img.logo{
	width:110px;
	padding:11px 0px 0px 0px;
	}
.company_heading img.banner{
	width:100%;
	height:110px;
	/*background-color:green;*/
	}
/*----Logout button code ---- */
.company_heading .logout .logout_button{
	width:50px;
	margin-top:15px;
	height:45px;
	border-radius:50%;
	transition:all 0.4s ease-in-out;
	}
.company_heading .logout .logout_button:hover{
	background-color:#4a4343;
	transform:scale(-1,1);
	}

/*----Logout button closed code ---- */
#company_login .company_area{
	background-color:#0c2a81c4;
	padding:60px;
	margin-top:40px;
	}
#company_login .company_area .forget_psd a{
    text-decoration:none;
	padding:80px 40px 5px 0px;
	color:#FFF;
	font-size:20px;
	}
#company_login .company_area .forget_psd{
  
	color:#FFF;

	}
#company_login .company_area h2{
	margin-top:0px;
	//position:relative;
	//top:-20px;
	//left:100px;
	color:white;
	text-align:center;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}
#company_login .company_area h2 .border{
	border:1px solid white;
	display:inline-block;
	width:80px;
	position:relative;
	top:-2px;
	margin:3px;
	}

#company_login .company_area ul li{
	list-style-type:none;
	padding:10px;
	}
#company_login .company_area ul li .dropdown_heading{
	color:white;
	}
#company_login .company_area ul li .company_login{
	width:30%; 
	position:relative;
	//left:25px;
	padding:5px 0px 5px 0px;
	border-radius:3px;
	transition:all 0.4s ease-in-out;
	color:#0c2a81;
	font-weight:bold;
	background-color:white;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}
	
#company_login .company_area ul li .company_login:hover{
	background-color:black;
	color:white;
	border:2px outset black;
	}
#company_login .company_area ul li strong{
	text-align:center;
	width:70%; 
	position:relative;
	left:166px;
	padding:5px 0px 5px 0px;
	color:white;
	}
#company_login .company_area ul li strong a{
    text-decoration:none;
	color:white;
	}
/* ================================== Company .php  Web page code closed here  ============================== */


/* ================================== company_creation .php  Web page code here  ============================== */
#company_creation{
	margin-top:13px;
	}
#company_creation .company_creation_form{
	width:100%;
	}
	
#company_creation .user_area .users{
	height:426px;
	overflow-y:scroll;
	padding-top:10px;
	}
#company_creation .user_area .fixed_area{
	
    background-color: #0a2c71;
	}
#company_creation .user_area .fixed_area .search_area{
	padding:0px 0px 10px 10px;
	}
#company_creation .user_area .fixed_area .search_area .search_click {
    color: black;
    font-size: 25px;
    position: relative;
    top: 5px;
    left: -30px;
    }
#company_creation .user_area .fixed_area .search_area .search_click .search_now {
    border:none;
	background-color:transparent;
    }
#company_creation .user_area .fixed_area .search_bar{
	border: 2px outset white;
    padding: 5px 55px 5px 8px;
	color:black;
	}
#company_creation .user_area h3{
	background-color:grey;
	padding:10px 0px 10px 10px;
	margin-top:0px;
	color:white;
	}
	
	
#company_creation .company_creation_form tr td{
	padding:10px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-weight:bold;
	}
#company_creation .company_creation_form tr td .input_button{
	padding:10px 50px 10px 50px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-weight:bold;
	transition:all 0.4s ease-in-out;
	background-color:#0c2a81d9;
	color:white;
	border:3px outset #0c2a81d9;
	}
#company_creation .company_creation_form tr td .input_button:hover{
	background-color:#0c2a81;
	color:white;
	border:3px outset #0c2a81; 
	
	}
#company_creation .user_area{
	background-color:#0c2a81c4;
	color:white;
	//height:550px;
    //overflow:auto;
	}
#company_creation .user_area h3{
	background-color:grey;
	padding:10px 0px 10px 10px;
	margin-top:0px;
	}
#company_creation .user_area .users li{
	padding-bottom:10px;
	list-style-type:none;
	border-bottom:2px solid #ffffff33;
	padding-left:10px;
	}

.user_area .users li.active{
	background-color:#0c2a81c4;
	}
	
#company_creation .user_area .users li a{
	
	color:white;
	font-size:19px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	text-decoration:none;
}

#company_creation .add_new_link{
	padding-top:10px;
	}
#company_creation .add_new_link li{
	list-style-type:none;
	}
#company_creation .add_new_link li a{
	list-style-type:none;
	background-color:#0c2a81c4;
	padding:10px 20px 10px 20px;
	color:white;
	text-decoration:none;
	transition:all 0.4s ease-in-out;
	border:1px outset #0c2a81c4;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:18px;
	}
#company_creation .add_new_link li a:hover{
	background-color:grey;
	color:white;
	border:1px outset grey;
	}



/*-----------------Alert show on submit click --------------------- */

.company_heading .alert_item_add{
	background-color:green;
	width:40%;
	text-align:center;
	font-size:20px;
	opacity:0;
	transition:all 0.4s ease-in-out;
	height:40px;
	line-height:40px;
	position:absolute;
	z-index:2000;
	color:black;
	
}

.company_heading .alert_item_add_show{
	background-color:green;
	transform:scale(1.3,1.3);
	opacity:0.7;
	font-size:20px;
	z-index:2000;
	position:absolute;
	color:white;
	}






.alert_item_add{
	background-color:#42599c;
	width:40%;
	text-align:center;
	font-size:14px;
	opacity:0;
	transition:all 0.4s ease-in-out;
	margin-top:120px;
	height:40px;
	line-height:40px;
	position:absolute;
	z-index:-3000;
	color:white;
	left:100px;
	
}

.alert_item_add_show{
	background-color:#42599c;
	transform:scale(1.5,1.3);
	opacity:7;
	z-index:2000;
	position:absolute;
	
	}
/*-----------------Alert show on submit click closed here --------------------- */

/*----Dashbord Logout button code ---- */

.logout .logout_button{
	width:50px;
	margin-top:15px;
	height:45px;
	border-radius:50%;
	transition:all 0.4s ease-in-out;
	background-color:#4a4343;
	}
/*.logout .logout_button:hover{
	background-color:red;
	transform:scale(-1,1);
	}*/
/*----Dashbord Logout button closed code ---- */

/* ================================== company_creation.php  Web page code closed here  ============================== */


/* ================================== dashbord.php  Web page code closed here  ============================== */

.dashbord_heading{
	background-color:#e4e4e4;
	}	
.dashbord_heading img.logo{
	width:110px;
	padding:11px 0px 0px 0px;
	}
.dashbord_heading .banner{
	font-size:16px;
	width:100%;
	}

.dashbord_heading .banner .active{
	font-size:18px;
	width:100%;
	font-weight:bold;
	}
.dashbord_heading .banner tr .chhedi{
	font-size:34px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#314b98;
	font-weight:bold;
	text-shadow:0px 3px 1px #828080;
	}
.dashbord_heading .navigation_toggle .button_area{
	padding-top:32px;
    padding-left:10px;
	margin:0px;
	cursor: pointer;
	}
.dashbord_heading .navigation_toggle{
	position:absolute;
	z-index:1000;
	}
.dashbord_heading .navigation_toggle .button_area .icon-bar{
	border:1px solid #002a98;
	width:30px;
	height:1px;
	line-height:1px;
	
	}
.dashbord_heading .navigation_toggle .side_navigation_area{
	display:none;
	background-color:#4265ab;
	position:relative;
	top:-50px;
	}
.dashbord_heading .navigation_toggle .side_navigation_area .search_links{
	padding:10px 0px 0px 12px;
	height:505px;
	overflow:auto;
	}
.dashbord_heading .navigation_toggle .side_navigation_area .search_links li{
	list-style-type:none;
	}
.dashbord_heading .navigation_toggle .side_navigation_area .search_links .heading_links{
	font-weight:bold;
	font-size:20px;
	}
.dashbord_heading .navigation_toggle .side_navigation_area .search_links li ul{
	padding-left:15px;
	} 
.dashbord_heading .navigation_toggle .side_navigation_area .search_links li a{
	color:white;
	font-size:18px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	text-decoration:none;
	}
.dashbord_heading .navigation_toggle .side_navigation_area .search_links li a:hover{
	color:black;
	}
.dashbord_heading .navigation_toggle .side_navigation_area .search_area{
	padding:0px 33px 10px 22px;
	background-color:#0a2c71;
	}
.dashbord_heading .navigation_toggle .side_navigation_area .search_area .search_bar{
	/*padding:2px 50px 2px 60px;*/
	border:2px outset white;
    padding: 5px 32px 2px 3px;
	}
.dashbord_heading .navigation_toggle .side_navigation_area .search_area .search_click{
	color:black;
	font-size:25px;
	position:relative;
	top:5px;
	left:-30px;
	}
.dashbord_heading .navigation_toggle .side_navigation_area .search_area .search_click .search_now{
	background-color:transparent;
	border:1px solid transparent;
	text-decoration:none;
	}
.dashbord_heading .navigation_toggle .side_navigation_area .search_area .close_toggle{
	color:white;
	font-size:35px;
	font-weight:bold;
	position:relative;
	top:10px;
	cursor:pointer;
	transition:all 0.4s ease-in-out;
	}
.dashbord_heading .navigation_toggle .side_navigation_area .search_area .close_toggle:hover{
	color:red;
	font-size:35px;
	font-weight:bold;
	position:relative;
	top:10px;
	cursor:pointer;
	}
/* ================================== dashbord.php  Web page code closed here  ============================== */




/* ================================== users.php  Web page code here  ============================== */

#user_container{
	padding:10px 0px 20px 0px;
	}
#user_container .user_area{
	background-color:#0c2a81c4;
	
	}
#user_container .user_area .users{
	height:359px;
    overflow:auto;
	padding-top:5px;
	}
#user_container .user_area .fixed_area{
	//width:23%;
    //position: fixed;
    background-color: #0a2c71;
	}
#user_container .user_area .fixed_area .search_area{
	padding:0px 0px 10px 10px;
	}
#user_container .user_area .fixed_area .search_area .search_click {
    color: black;
    font-size: 25px;
    position: relative;
    top: 5px;
    left: -30px;
    }
#user_container .user_area .fixed_area .search_area .search_click .search_now {
    border:none;
	background-color:transparent;
    }
#user_container .user_area .fixed_area .search_bar{
	border: 2px outset white;
    padding: 5px 55px 5px 8px;
	}
#user_container .user_area h3{
	background-color:grey;
	padding:10px 0px 10px 10px;
	margin-top:0px;
	color:white;
	}
#user_container .user_area .users li{
	padding-bottom:10px;
	list-style-type:none;
	border-bottom:2px solid #ffffff33;
	padding-left:10px;
	}
#user_container .user_area .users li a{
	
	color:white;
	font-size:19px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	text-decoration:none;
	}
#user_container .add_new_area{
	padding-top:10px;
	}
#user_container .add_new_area .add_new_link li{
	list-style-type:none;
	}
#user_container .add_new_area .add_new_link li a{
	list-style-type:none;
	background-color:#0c2a81c4;
	padding:10px 20px 10px 20px;
	color:white;
	text-decoration:none;
	transition:all 0.4s ease-in-out;
	border:1px outset #0c2a81c4;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:18px;
	}
#user_container .add_new_area .add_new_link li a:hover{
	background-color:grey;
	color:white;
	border:1px outset grey;
	}
#user_container .add_new_form{
	position:relative;
	top:48px;
	left:200px;
	background:white;
	padding:0px 0px 80px 0px;
	border:2px solid #0c2a8114;
	}
#user_container .hide_user_form{
	display:none;
	}
#user_container .add_new_form .form_area li{
	list-style-type:none;
	float:left;
	padding:10px;
	width:100%;
	}
#user_container .add_new_form .form_area li.name_area{
	padding-top:13px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
#user_container .add_new_form .form_area li.text-right{
	float:right;
	}
#user_container .add_new_form .form_area .text-right .delete{
	font-size:40px;
	position:relative;
	left:-30px;
	cursor:pointer;
	}

#user_container .add_new_form .form_area .text-right .add_new_submit{
	padding:5px 10px 5px 10px;
	position:relative;
	left:-10px;
	}
#user_container .add_new_form .form_area .text-right .add_new_submit{
	list-style-type:none;
	background-color:#0c2a81c4;
	padding:5px 20px 5px 20px;
	color:white;
	text-decoration:none;
	transition:all 0.4s ease-in-out;
	border:1px outset #0c2a81c4;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:18px;
	}

	
#user_container .add_new_form .form_area .text-right .add_new_submit:hover{
	background-color:grey;
	color:white;
	border:1px outset grey;
	}
#user_container .add_new_form .cancel_button{
    position:relative;
	top:-56px;
	left:-100px;
	}
#user_container .add_new_form .deactivate_button{
    position:relative;
	top:-115px;
	float:left;
	left:10px;
	}
/* ================================== users.php  Web page code closed here  ============================== */



/* ================================== users_company_rights.php  Web page code starts here  ============================== */

.user_company .user_data{
	width:100%;
	}
.user_company .user_data .user_heading{
	background-color:#42599c;
	color:white;
	}
.user_company .user_data .user_heading th{
	background-color:#42599c;
	color:white;
	padding:10px;
	}
.user_company .user_data tbody tr td{
	background-color:white;
	color:#0a2c71;
	padding:10px;
	border-bottom:1px solid blue;
	}
.user_company .user_data tbody tr td .tag{
	background-color:#42599c;
	color:white;
	padding:5px 20px 5px 20px;
	border:1px outset #42599c;
	}
.user_company .company_list_area h3{
	background-color:#0a2c71e0;
	color:white;
	padding:10px 0px 10px 6px;
	margin-top:0px;
	}
.user_company .company_list_area .company_list{
	height:426px;
	overflow:auto;
	}
.user_company .company_list_area .company_list li{
	list-style-type:none;
	border-bottom:1px solid #0000ff3b;
	padding-bottom:5px;
	}
	
.user_company .company_list_area .company_list li .checkbox_area{
	width:25px;
	height:25px;
	}
.user_company .company_list_area .company_list li span{
	position:relative;
	top:-8px;
	left:10px;
	}
	
.user_company .company_list_area .submit_button .submit_btn{
	float:right;
	background-color: #0c2a81c4;
    padding: 5px 20px 5px 20px;
    color: white;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    border: 1px outset #0c2a81c4;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 18px;
	}
.user_company .company_list_area .cancel_button{
	float:left;
	
	}
.user_company .company_list_area .cancel_button .text-right{
	list-style-type:none;
	float:left;
	padding-left:10px;
	}
.user_company .company_list_area .cancel_button .text-right a .add_new_submit1{
	list-style-type:none;
	float:right;
	background-color: #0c2a81c4;
    padding: 5px 20px 5px 20px;
    color: white;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    border: 1px outset #0c2a81c4;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 18px;
	}
.user_company .company_list_area .cancel_button .text-right a .add_new_submit{
	list-style-type:none;
	float:right;
	background-color: #0c2a81c4;
    padding: 5px 20px 5px 20px;
    color: white;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    border: 1px outset #0c2a81c4;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 18px;
	}	
.user_company .company_list_area_hide{
	opacity:0;
	}
.user_company .company_show{
	opacity:7;
	}
	
/* ================================== users_company_rights.php  Web page code closed here  ============================== */


/* ================================== user_module_rights.php  Web page code starts here  ============================== */

#user_module .first_row .first_row_list li{
    float:left;
	list-style-type:none;
	color:black;
	font-size:18px;
	padding:0px 10px;
	}
#user_module .first_row .first_row_list li select{
    padding:5px 10px 5px 10px;
	}
#user_module .first_row .first_row_list .manager{
    background-color:#314b98;
	padding:4px 10px 4px 10px;
	color:white;
	transition:all 0.4s ease-in-out;
	}
#user_module .first_row .first_row_list .manager:hover{
    background-color:black;
	}
#user_module .text{
   font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
   padding-top:5px;
   font-size:18px;
	}
#user_module .username{
    padding-top:5px;
	font-size:15px;
	font-weight:bold;
	}

#user_module .user_edit{
    padding-top:10px;
	font-size:15px;
	font-weight:bold;
	}	

/*---Second-row style here --- */



#user_module .group_table1 .padding_bottom1 .text-center a button{
    background-color:#314b98 !important;
	color:white;
	font-size:18px;
	padding:0px 10px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	transition:all 0.4s ease-in-out;
	}
	
#user_module .group_table1 .padding_bottom1 .text-center a button:hover{
   background-color:black !important;	
	}


/*------------Second row first */

#user_module .table_area1{
	width:100%;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}
#user_module .group_table1{
	width:100%;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	
	}
	
#user_module .group_table1 .padding_bottom1 .text-center{
     padding-bottom:5px;
	 color:black;
	 
	}
#user_module .group_table1 .padding_bottom1 .btn{
    position:relative;
	left:-10px;
	}

/*---------------Second row first closed here-- */

#scroll{
	height:400px;
	overflow:auto;
	}


	
#user_module .table_area{
	width:100%;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	height:380px;
	overflow:auto;
	}
#user_module .group_table{
	width:100%;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	
	}
	
#user_module .group_table .padding_bottom .text-center{
     padding-bottom:5px;
	 color:black;
	 border-left:1px dashed black;
	}
#user_module .group_table .padding_bottom .text-right{
     padding-bottom:5px;
	 color:black;
	}		
.table_lower_part{
	padding-top:20px;
	}
.table_lower_part .right_area{
	float:right;
	}
.table_lower_part .right_area li , .table_lower_part .left_area li{
	list-style-type:none;
	float:left;
	}
.table_lower_part .right_area li .btn , .table_lower_part .left_area li .btn{
	background-color:#314b98 !important;
	color:white;
	transition:all 0.4s ease-in-out;
	}	
.table_lower_part .left_area li .btn{
     margin-left:10px;
	}		
.table_lower_part .left_area li .btn:hover , .table_lower_part .right_area li .btn:hover{
	 background-color:black !important;
	}	
/* ================================== users_module_rights.php  Web page code closed here  ============================== */





/* ================================== Accounts.php  Web page code starts here  ============================== */

#accounts{
	padding:10px 0px 0px 0px;
	}
#accounts .account_table{
	width:100%;
	background-color:white;
	}
#accounts .account_table tr td{
	padding:3px;
	}
#accounts .account_table tr td .select_one{
	padding:5px;
	border: 1px solid #ccc;
    border-radius: 4px;
	}
#accounts .account_table tr td .select_two{
	padding:5px;
	width:78%;
	border: 1px solid #ccc;
    border-radius: 4px;
	}

#accounts .account_table tr .name{
    font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-weight:bold;
	font-size:14px;
	}

#accounts .second_form{
	padding-top:20px;
	
		
	}


#accounts .account_table tr td .ps , #accounts .account_table tr td .po{
   	border: 1px solid #ccc;
    border-radius: 4px;
	padding:5px;
	width:222px;
	}
#accounts .account_table tr .ps , #accounts .account_table tr td .pin{
   	border: 1px solid #ccc;
    border-radius: 4px;
	padding:5px;
	width:60px;
	}
 #accounts .account_table tr td .incop{
   	border: 1px solid #ccc;
    border-radius: 4px;
	padding:5px;
	width:54%;
	}
	
#accounts .account_table tr td .phone , #accounts .account_table tr td .email{
   	border: 1px solid #ccc;
    border-radius: 4px;
	padding:5px;
	width:44%;
	}
#accounts .account_table tr td .state_code , #accounts .account_table tr td .place{
   	border: 1px solid #ccc;
    border-radius: 4px;
	padding:5px;

	}
#accounts .account_table tr td .city{
   	border: 1px solid #ccc;
    border-radius: 4px;
	padding:5px;

	}
#accounts .account_table tr td .place{
    width:86%;

	}
#accounts .account_table tr td .state , #accounts .account_table tr td .st_ps{
   	border: 1px solid #ccc;
    border-radius: 4px;
	padding:5px;
	width:47%;
	}
#accounts .account_table tr td .adh_no , #accounts .account_table tr td .pan_no{
   	border: 1px solid #ccc;
    border-radius: 4px;
	padding:5px;
	}
#accounts .account_table tr td .adh_no , #accounts .account_table tr td .pan_no{
   	border: 1px solid #ccc;
    border-radius: 4px;
	width:204px;
	}
#accounts .account_table tr td .gst1 , #accounts .account_table tr td .gst2 , #accounts .account_table tr td .gst3{
   	border: 1px solid #ccc;
    border-radius: 4px;
	padding:5px;
	}
#accounts .account_table tr td .gst1{
   	width:60px;
	}
#accounts .account_table tr td .gst2 , #accounts .account_table tr td .gst3{
	width:200px;
	}
#accounts .account_table tr td .tds , #accounts .account_table tr td .firm{
   	border: 1px solid #ccc;
    border-radius: 4px;
	padding:5px;
	width:190px;
	}
#accounts .account_table tr td .website , #accounts .account_table tr td .owner{
   	border: 1px solid #ccc;
    border-radius: 4px;
	padding:5px;
	width:190px;
	}
#accounts .account_table tr td .submit {
	margin-top:10px;
   	list-style-type: none;
    float: right;
    background-color: #0c2a81c4;
    padding: 5px 20px 5px 20px;
    color: white;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    border: 1px outset #0c2a81c4;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 18px;
	}
#accounts .account_table tr td .submit:hover {
   	background-color:black !important;
	}
.user_company .company_list_area .cancel_button .text-right a .add_new_submit:hover{
	background-color:black;
	}
	
/* ================================== Acccounts.php  Web page code closed here  ============================== */




/* ================================== Sugar_mill.php  Web page code starts here  ============================== */

#accounts .glacode{
	padding:5px 10px 0px 10px;
	}
#accounts .glacode .name{
	padding:0px 19px 0px 10px;
	font-weight:bold;
	}
#accounts .glacode .gl_input{
	padding:7px;
	border:1px solid #ccc;
	border-radius:4px;
	width:41%;
	}
#accounts .sugar_mill tr td .gst3{
	width:243px !important;
	}
#accounts .sugar_mill tr td .email{
	width:46%;
	}
#accounts .sugar_mill tr td .name{
	width:20%;
	}
#accounts .sugar_mill tr td .short_name{
	border:1px solid #ccc;
	border-radius:4px;
	width:39%;
	padding:5px;
	}
#accounts .sugar_mill tr td .place{
	width:87%;
	}
#accounts .sugar_mill{
    background-color:transparent;
	}
#accounts .third_form_area{
    position:relative;
	top:10px;
	}
#accounts .third_form_area thead{
    background-color:#42599c;
	}
#accounts .third_form_area thead tr th{
    padding:5px;
	color:white;
	border-left:1px solid white;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}
.form_heading{
	padding-left:5px;
	}

.btn-primary{
	margin-top:10px;
	padding: 4px 15px 4px 15px;
    background-color: #42599c;
    color: white;
	border-radius:0px;	
    border: 2px outset #42599c;
    transition: all 0.4s ease-in-out;
	}
.btn-primary:hover{
	background-color:black;
	}
/* ================================== Sugar_mill.php  Web page code closed here  ============================== */


/* ================================== print.php  code starts from  here  ============================== */

.print thead{
	border:1px solid #8080804d;
	}
.print thead tr th{
	border:1px solid #8080804d;
	}
.print tbody tr td{
	border:1px solid #8080804d;
	}
/* ================================== print.php  code starts from  here  ============================== */







/* ================================== transaction_dashbord.php  code starts from  here  ============================== */
#transaction_area{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}
#transaction_area .heading_form .first_form{
	width:100%;
	}
#transaction_area .heading_form .first_form tr td{
	font-size:13px;
	
	}
#transaction_area .heading_form .first_form tr td h2{
	margin-top:0px;
	font-size:15px;
	}
#transaction_area .heading_form .first_form tr td .radio_check{
	 width:20px;
	 height:13px;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;    
    -o-appearance: checkbox; 
	margin:0px 10px 0px 0px; 
	}
#transaction_area .second_form{
	padding:15px;
	background-color:#394e8a1a;
	}
#transaction_area .second_form .second_area li{
	list-style-type:none;
	padding: 5px 0px 3px 0px;
    font-size: 13px;
	}
#transaction_area .second_form .second_area li .radio_check{
	 width:35px;
	 height:13px;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;    
    -o-appearance: checkbox; 
	margin:0px 10px 0px 0px; 
	}
#transaction_area .second_form .second_area li .to{
	padding:10px;
	}
#transaction_area .second_form .second_area li .from{
	width:150px;
	border: 1px inset #80808033;
    border-radius: 4px;
    padding: 3px;
	}

#transaction_area .second_form .second_area li .filter  {
   font-weight:bold;
   color:#42599c
	}
#transaction_area .second_form .second_area li .filter button{
	padding:1px 15px 1px 15px;
	background-color:#42599c;
	color:white;
	border:2px outset #42599c;
	transition:all 0.4s ease-in-out;
	}
#transaction_area .second_form .second_area li .filter button:hover{
	background-color:black;
	}
#transaction_area .second_form .second_area li .right button{
	float:right;
	position:relative;
	left:-10px;
	}
#transaction_area .third_form{
	margin-top:10px;
	background-color:#e6eaf7;
	}	
#transaction_area .third_form .third_area_form thead{
	background-color:#42599c;
	color:white;
	font-size:11px;
	font-weight:bold;
	}
#transaction_area .third_form .third_area_form thead tr th{
	font-size: 13px;
    padding: 6px;
	}
#transaction_area .third_form .third_area_form thead tr .sate_date{
	width:15%;
	}
#transaction_area .third_form .third_area_form tbody tr .party{
	width:230px;
	overflow:auto;
	}
#transaction_area .third_form .third_area_form tbody tr td{
    padding: 5px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-left: 1px solid #cfcece;
}
	
#transaction_area .third_form .third_area_form .radio_check{
	 width:20px;
	 height:13px;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;    
    -o-appearance: checkbox; 
	margin:0px 10px 0px 0px; 
	}
	
#transaction_area .fourth_form_area{
	padding:15px;
	background-color:#d3daf1;
	}
#transaction_area .fourth_form_area .button_area a button{
	padding:4px 15px 4px 15px;
	background-color:#42599c;
	color:white;
	border:2px outset #42599c;
	transition:all 0.4s ease-in-out;
	}
#transaction_area .fourth_form_area .button_area a button:hover{
	background-color:black;
	}	
#transaction_area .fourth_form_area .fourth_form{
	width:100%;
	}
#transaction_area .fourth_form_area .fourth_form tr td{
	padding:10px 7px 0px 0px;
	font-weight: 600;
	}
#transaction_area .fourth_form_area .fourth_form tr .com_name-width{
	width:20%;
	}
#transaction_area .fourth_form_area .check_area{
	width:30px;
	height:30px;
	background-color:white !important;
	}
#transaction_area .fourth_form_area .fourth_form tr td .save_button{
	padding:4px 15px 4px 15px;
	background-color:#42599c;
	color:white;
	border:2px outset #42599c;
	transition:all 0.4s ease-in-out;
	}
#transaction_area .fourth_form_area .fourth_form tr td .save_button:hover{
	background-color:black;
	}	
.active_bg{
	background-color:#b1c0f1;
	}
	
#transaction_area .padding-end{
	padding:0px 1px 0px 0px;
	}
#transaction_area .padding-end .table{
	margin-bottom: 7px;
	}
#transaction_area .padding-end .second_area li .from{
	padding:0px;
	}
#transaction_area .padding-end .second_area li .right button{
	left: -39px;
	}
#transaction_area .padding-end .second_area li{
	    padding: 3px 0px 0px 0px;
	}
#transaction_area .padding-end .second_area li .filter button{
	padding: 1px 15px 1px 15px;
	border:1px outset #42599c;
	background-color:#42599c;
	}
#transaction_area .padding-end .third_area_form thead tr th	{
	padding:0px;
	}
#transaction_area .padding-end .third_area_form tbody tr td{
	padding:0px;
	}

#transaction_area .padding-end .fourth_form tr td{
	padding:0px;
	}
#transaction_area .padding-end .fourth_form tr td .form-control{
	padding: 1px 0px !important;
	height:inherit;
	}
#transaction_area .padding-end .check_area{
	width: 25px;
    height: 21px;
	}
#transaction_area .padding-end .button_area a button{
	padding: 1px 15px 1px 15px;
	}
#transaction_area .padding-end .fourth_form tr td .save_button{
	padding: 1px 15px 1px 15px;
	}
/* ================================== transaction_dashbord.php  code starts from  here  ============================== */




/*=========================== Model area is starts from here ============================ */
.modal{
	overflow-y:hidden;
	}
.model_container .modal-content .modal-footer button{
	color: #fff;
    background-color: #212c4e;
    border-color: #ccc;
	transition:all 0.4s ease-in-out;
	}
.model_container .modal-content .close , .model_container .modal-content .close:focus{
	color: white;
	opacity:7;
	padding:10px;
	}
.model_container .modal-content .modal-footer button:hover{
	color: #fff;
    background-color: black;
    border-color: #ccc;
	}
.model_container .model_area{
	width:100%;
	}
.model_container .modal-body .search{
	width:100%;
	margin:10px 0px 10px 0px;
	}
.model_container .modal-title{
	background-color:#212c4e;
	padding:10px;
	color:white;
	}
.model_container .modal-body{
	padding:0px 20px 0px 20px;
	}
.model_container .modal-body .table{
	margin-bottom:10px;
	}
.model_container .modal-body .heading{
	background-color: #212c4e;
    color: white;
	}	
.modal-body .table>thead>tr>th, .modal-body .table>tbody>tr>th, .modal-body .table>tfoot>tr>th, .modal-body .table>thead>tr>td, .modal-body .table>tbody>tr>td, .modal-body .table>tfoot>tr>td
   {
	width:10%;
	
	}
.model_container .modal-body .scroll_area{
	height:190px;
	overflow-y:scroll
	}


/*=========================== Model area is starts closed here ============================ */



/*=========================== Delivary Order is starts here ============================ */
#print_area{
	border:6px double #122e69;
	margin:0px 2px 0px 2px;
	padding-bottom:10px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#122e69;
	}
#print_area p{
	padding: 0px !important;
	margin: 4px;
	}
#print_area strong{
	color:#122e69;
	font-weight:600;
	
	}

.underline{
	
	}
.contact_list{
	padding-top:5px;
	float:right;
	}
.contact_list li{
	list-style-type:none;
	}
.border{
	border:2px double #122e69;
	}
.padding{
	padding:15px;
	}
.notice{
	padding:10px;
	}
.border-right{
	border-right:2px double #122e69;
	border-bottom:2px double #122e69;
	}
.border-margin{
	margin:0px 13px 0px 13px;
	//padding-top:2px;
	}
.right-bdr{
	//border-left:2px double #122e69;
	border-right:2px double #122e69;
	}
.precaution li{
	color:#122e69;
	font-weight:600;
	text-align:justify;
	}

.padding-left_slight{
padding-left:10px;
}
.float-right{
	float:right;
	padding:5px;
	}
.black{
	color:black;
	margin: 0;
	}
.margin{
	margin-top:-10px;
	}
/*=========================== Delivary order is closed here ============================ */




/*=========================== Voucher starts here ======================================= */

.voucher{
	background-color:#33467fe8;
	color:white;
	margin-bottom:4px;
	padding-top:3px;
	padding-bottom:3px;
	}
.cash{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}
.cash table tr td select{
	padding:3px;
	}
.date_pad{
	margin-right:10px;
	}
.padding-table tr td{
	padding:4px;
	}
.list{
	padding-left:10px;
	border:2px solid #0000002e;
	height:340px;
	overflow-y:scroll;
	}
.list ul{
	list-style-type:none;
	}

.fixed{
	background-color:#445589;
	color:white;
	width:100%;
	}
.border_area{
	border:2px solid #0000002e;
	}
.cash .heading{
	background-color:#445589;
	color:white;
	padding:4px;
	}
	.scroll_div{
	height:180px;
	overflow-y:scroll;
	}
.width{
	width:100%;
	
	}
.same-width{
	width:90px;
	}
.fa-trash{
	padding-left:10px;
	font-size:24px !important;
	}
/*=========================== //- Voucher  ======================================= */


/*===========================  Voucher print ======================================= */
.thead_bg{
	background-color:grey;
	}
.thead_bg th{
	padding:5px 0 5px 0;
	text-align:center;
	color: #fff;
	}
/*=========================== //- Voucher print ======================================= */

/*========================== Bank Book ================================================= */
.bank_book_area{
	padding: 10px 0;
	}
.leftbTn{
	float:right;
	}
.bTn{
    background-color: #0c2a81c4;
    padding: 3px 10px;
    color: white;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    border: 1px outset #0c2a81c4;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 15px;
	transition: all 0.4s ease-in-out;
	font-weight:bold;
	}
.one-bTn{
	position: relative;
	}
.bTn:hover{
    background-color: #0c2a81c4;
    color: black;
	}
.frm{
	padding: 3px;
        width: 80px;
	}
.frm-textarea{
	padding: 4px;
	width: 220px;
	}
.frm_name{
	font-weight: bold;
	padding: 3px;
	}
.run-left{
	float:left;
	}
.bank_book_heading{
	background-color: #e4e4e4;
	padding: 4px 0;
	}
.bank_book_heading p{
	text-align:center;
	font-weight: bold;
	margin: 0;
	}
.size1{
	font-size: 22px;
	}
.size2{
	font-size: 16px;
	}
.book_tbl_heading{
	background-color: #e4e4e4;
	border-top:2px dotted black;
	border-bottom:2px dotted black;
	}
.bank_book_table thead tr th{
	background-color: #e4e4e4;
	padding:0 5px 0 5px;
	border-right: 2px solid #d7d7d7;
	}
.bank_book_table tbody tr th, .bank_book_table tbody tr td{
	padding:4px 5px 4px 5px;
	border-right: 2px solid #d7d7d7;
	border-bottom: 2px solid #d7d7d7;
	}
.bg-grey{
	background-color: #e4e4e4;
	}
/*============================ //- Bank Book ============================================ */

	
@media(max-width:762px){
	#admin_area .login_area ul li strong{
    text-align:center;
	width:100%; 
	position:relative;
	left:30px !important;
	padding:5px 0px 5px 0px;
	color:white;
	}
/* === Company .php  Web page code  repsonsive ===== */
.company_heading img.logo{
	
	}
#company_login .company_area h2 .border{
	border:1px solid white;
	display:inline-block;
	width:100% !important;
	position:relative;
	top:-2px;
	margin:3px;
	}
#company_login .company_area ul li strong{
	 text-align:center;
	width:100%; 
	position:relative;
	left:30px !important;
	padding:5px 0px 5px 0px;
	color:white;
	}
/* === Company .php  Web page code  repsonsive closed here===== */

#user_container .add_new_form{
	position:relative;
	top:80px;
	left:0px !important;
	background:white;
	padding:30px 0px 80px 0px;
	border:2px solid #0c2a8114;
	}

	}