Ftab@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
/* CSS Document */

html {
	padding: 0;
	margin: 0;
	scroll-behavior: smooth;
}

body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica;
	font-size: 14px;
	color: #000;
	background: #f2f2f2;
	scroll-behavior: smooth;
}

#body_logo img {
	width: 200px;
	height: auto;
}

#body_admin_text {
	font-family: Arial, Helvetica;
	font-size: 50px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0 0 7px #000;
	border-radius: 50px;
	border: 10px solid #ccc;
	background: #0066CC;
}

#home_link a {
	font-size: 14px;
	text-transform: capitalize;
	color: #00f;
	font-weight: normal;
	text-decoration: none;
	padding: 0 20px;
}

#home_link a:hover {
	font-size: 14px;
	text-transform: capitalize;
	color: #F60;
	font-weight: normal;
}

#Top_100P {
	width: 100%;
	background: #fff;
}

#Header_Area_BG {
	width: 98%;
	min-height: 110px;
	margin: 0 auto;
	background: #fff;
}

#Header_Area {
	padding: 10px;
}

#Header_Area img {
	height: auto;
	float: left;
}

#Header_Area span {
	font-size: 30px;
	font-weight: bold;
	color: #000;
	text-align: left;
	text-shadow: 0 0 3px #999;
	float: left;
	padding: 15px 0 0 20px;
}

#Header_Area span span {
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	color: #000;
	text-align: left;
	text-shadow: 0 0 3px #999;
	float: left;
	padding: 0;
}

#HotLine {
	max-width: 400px;
	float: right;
	padding: 15px 0 0 20px;
	text-align: right;
}

#HotLine span {
	font-size: 25px;
	font-weight: bold;
	font-style: normal;
	color: #F00;
	text-shadow: 0 0 3px #999;
	padding-left: 15px;
	background: url(../img/Phone_ICON_001.png) no-repeat;
}

#HotLine img {
	width: 27px;
	float: left;
}

#HotLine a {
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	color: #00F;
	text-align: right;
	text-shadow: 0 0 3px #999;
	text-decoration: none;
	padding: 0;
	padding-left: 30px;
	background: url(../img/Contact_ICOM_001.png) no-repeat;
}

#HotLine a:hover {
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	color: #F60;
	text-align: right;
	text-shadow: 0 0 3px #999;
	text-decoration: none;
	padding: 0;
	padding-left: 30px;
	background: url(../img/Contact_ICOM_001.png) no-repeat;
}

#Body_Area_BG {
	width: 98%;
	height: 350px;
	margin: 0 auto;
	background: url(../img/SS_BG_001.jpg);
	background-size: cover;
}

#Body_Area {
}

#categories_Area_BG {
	max-width: 370px;
	float: left;
	text-align: left;
	display: inline-block;
	padding-top: 10px
}

#categories_Area_BG a {
	width: 150px;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #060;
	padding: 7px 5px;
	margin: 5px;
	border: 4px solid #060;
	border-radius: 5px;;
	display: inline-block;
	background: url(../img/Yellow_BG_001.png);
}

#categories_Area_BG a:hover {
	max-width: 150px;
	font-size: 18px;
	text-decoration: none;
	color: #000;
	margin: 5px;
	border: 4px solid #F0F;
	background: #FF0;
}

#Home_SlideShow_BG {
	max-width: 850px;
	float: right;
}

#Pro_Delivery_msg {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 0 2px #666;
	color: #F0F;
	width: 98%;
	padding: 20px 5px;
	margin: 0 auto;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	background: url(../img/f2f2f2_+BG_001.png);
}

#Pro_Partners_header {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #666;
	text-shadow: 0 0 1px #fff;
	padding: 10px 5px;
	margin: 10px;
	background: #999;
}

#OthersCom_Logo_Area_BG {
	width: 98%;
	margin: 0 auto;
	text-align: center;
	border: 2px solid #ccc;
}

#OthersCom_Logo_Area_BG img {
	max-width: 60px;
	height: auto;
	margin: 10px 5px;
}

#100P {
	width: 100%;
}


#BottomMenu_Area_BG {
	color: #666;
	margin: 0 auto;
	margin: 20px 0 5px 0;
	padding: 10px;
	background: #f2f2f2;
	border: thin solid #ccc;
}

#BottomMenu_Area_BG a {
	text-decoration: none;
	padding: 0 10px;
	width: 98%;
	color: #666;
}

#BottomMenu_Area_BG a:hover {
	text-decoration: none;
	padding: 0 10px;
	width: 98%;
	color: #F0F;
}

#up {
	text-align: right;
	width: 80px;
	float: right;
}

#up a {
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #00F;
}

#up a:hover {
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #F60;
}

#Copyright_BG {
	width: 98%;
	font-size: 9px;
	text-align: right;
	color: #999;
	margin: 0 auto;
	padding: 0 0 20px 0;
}






#Body_Area_BG_OP {
	width: 98%;
	height: auto;
	margin: 0 auto;
	vertical-align: top;
}

#link_001_si {
	width: 300px;
	margin: 0 auto;
	text-align: center;
}

#link_001_si a {
	font-size: 13px;
	text-decoration: none;
	color: #136000;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #ccc;
}

#link_001_si a:hover {
	font-size: 13px;
	text-decoration: none;
	color: #F60;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #ccc;
}

#categories_Area_BG_OP {
	max-width: 170px;
	float: left;
	text-align: left;
	display: inline-block;
	padding-top: 10px
}

#categories_Area_BG_OP a {
	width: 150px;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #060;
	padding: 3px 5px;
	margin: 2px;
	border: 2px solid #060;
	border-radius: 5px;;
	display: inline-block;
	background: url(../img/Yellow_BG_001.png);
}

#categories_Area_BG_OP a:hover {
	max-width: 150px;
	font-size: 14px;
	text-decoration: none;
	color: #000;
	margin: 2px;
	border: 2px solid #F0F;
	background: #FF0;
}

#OtherPageBody {
	min-width: 1000px;
	float: right;
	text-align: left;
}

#OP_Header_BG {
	width: 100%;
	max-width: 1020px;
	padding: 10px 0;
	background: #f2f2f2;
	border: thin solid #ccc;
	float: right;
	display: block;
	margin: 10px 0;
}

#OP_Header {
	max-width: 200px;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	float: left;
	padding: 0 10px;
}

#OP_Header_Link {
	max-width: 600px;
	float: right;
	color: #000;
}

#OP_Header_Link a {
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	padding: 0 10px;
}

#OP_Header_Link a:hover {
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color: #00F;
}

#OP_Product {
	max-width: 1020px;
	padding: 10px;
	text-align: left;
}

#Admin_Signin_Area {
	width: 280px;
	height: auto;
	background: #fff;
}

#Admin_Signin_Area_BG {
	width: 280px;
	height: auto;
	text-align: left;
	padding: 2px;
	margin: 0 0 10px 0;
	border: 10px solid #fff;
	background: #f2f2f2;
}

.Signin_Form {
	padding: 20px;
	margin: 2px;
	border: 1px solid #ccc;
	background: #fff;
}

#AdminUserName,
#AdminPassword {
	width: 100%;
	max-width: 240px;
	text-align: left;
	padding: 10px;
	margin: 5px 0;
	margin-bottom: 20px;
	border: thin solid #ccc;
	background: #FFF;
}

#AdminUserName:focus,
#AdminPassword:focus {
	width: 100%;
	text-align: left;
	padding: 10px;
	margin: 5px 0;
	margin-bottom: 20px;
	border: thin solid #030;
	background: #FFF;
}

#AdminSignIn {
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 10px;
	margin: 5px 0 0 0;
	border: thin solid #000;
	background: #060;
}

#AdminSignIn:hover {
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 10px;
	margin: 5px 0 0 0;
	border: thin solid #fff;
	background: #007013;
}

#AdminSignIn:focus {
	width: 100%;
	text-align: center;
	color: #000;
	padding: 10px;
	margin: 5px 0;
	border: thin solid #ccc;
	background: #f2f2f2;
}

#Pro_Entry_Form_BG {
	max-width: 500px;
	margin: 0 auto;
	margin-top: 20px;
}

#ProductCategory,
#ProductCode,
#ProductName,
#ProductDesc,
#ProductIMGName,
#Price,
#Stock {
	width: 460px;
	padding: 5px;
	margin: 3px 0;
	margin-bottom: 10px;
	border: thin solid #999;
}

#ProductCategory:focus,
#ProductCode:focus,
#ProductName:focus,
#ProductDesc:focus,
#ProductIMGName:focus,
#Price:focus,
#Stock:focus {
	width: 460px;
	padding: 5px;
	margin: 3px 0;
	margin-bottom: 10px;
	border: thin solid #F0F;
}

#entry {
	width: 120px;
	padding: 5px;
	margin: 3px 0;
	margin-bottom: 10px;
	border: thin solid #ccc;
	background: #f2f2f2;
	color: #000;
}

#entry:hover {
	width: 120px;
	padding: 5px;
	margin: 3px 0;
	margin-bottom: 10px;
	border: thin solid #fff;
	background: #ccc;
	color: #000;
}

#entry:focus {
	width: 120px;
	padding: 5px;
	margin: 3px 0;
	margin-bottom: 10px;
	border: thin solid #fff;
	background: #F0F;
	color: #fff;
}





#buy {
	padding: 10px;
	background: #D7FDDA;
	border: thin solid #ccc;
	font-size: 13px;
}

#buy input {
	padding: 5px;
	border: thin solid #0C0;
	width: 450px;
	margin: 3px 0;
	margin-bottom: 10px;
}

#buy input:focus {
	box-shadow: 0 0 3px 1px #666;
}

#PDA {
	width: 450px;
	padding: 5px;
	font-family: Arial;
	font-size: 14px;
	text-align: left;
	margin: 3px 0;
	margin-bottom: 10px;
	border: thin solid #0C0;
}

#Country {
	width: 460px;
	padding: 5px;
	font-family: Arial;
	font-size: 14px;
	text-align: left;
	margin: 3px 0;
	margin-bottom: 10px;
	border: thin solid #0C0;
}

#CountryCode {
	width: 150px;
	padding: 5px;
	font-family: Arial;
	font-size: 14px;
	text-align: right;
	margin: 3px 0;
	margin-bottom: 10px;
	border: thin solid #0C0;
}

#PDA:focus,
#Country:focus,
CountryCode:focus {
	box-shadow: 0 0 3px 1px #666;
}

#Phone {
	max-width: 295px;
	padding: 5px;
	font-family: Arial;
	font-size: 14px;
	text-align: left;
	margin: 10px 0;
	border: thin solid #0C0;
}

.buyBTN {
	max-width: 200px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding: 10px;
	border: 2px solid #000;
	background: #030;
}

.buyBTN:hover {
	max-width: 200px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	padding: 10px;
	border: 2px solid #0F0;
	background: #090;
}

.buyBTN:focus {
	max-width: 200px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding: 10px;
	border: 2px solid #0F0;
	background: #F0F;
}

#Pro_msg {
	height: 40px;
	font-size: 16px;
	font-weight: 500;
	color: #F0F;
	padding: 10px 0;
}

#Admin_Path {
	width: 300px;
	margin: 0 auto;
}

#Admin_Path a {
	font-size: 16px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 15px;
	margin: 5px;
	display: block;
	border: 3px solid #ccc;
	background: #F60;
}

#Admin_Path a:hover {
	font-size: 16px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 15px;
	display: block;
	border: 3px solid #FFF;
	background: #F0F;
}

#AdminHome_Btn {
	border-bottom: thin solid #ccc;
	padding-bottom: 10px;
	text-align: left;
}

#AdminHome_Btn a {
	text-decoration: none;
	text-transform: uppercase;
	color: #00F;
}

#AdminHome_Btn a:hover {
	text-decoration: none;
	text-transform: uppercase;
	color: #F60;
}

#welcome_note {
	color: #336699;
	font-size: 25px;
	text-align: center;
	text-shadow: 1px 1px 0 #000;
	display: block;
	background: #fff;
	border: 1px solid #ccc;
	padding: 20px 0;
}

.display_block {
	display: block;
}

.display_none {
	display: none;
}

.border_ccc {
	border: 1px solid #ccc;
}

.border_000 {
	border: 1px solid #000;
}






















#Submit {
	width: 150px;
	padding: 10px;
	border: thin solid #ccc;
	background: #f2f2f2;
	color: #000;
	text-align: center;
}

#Submit:hover {
	width: 150px;
	padding: 10px;
	border: thin solid #ccc;
	background: #66F;
	color: #fff;
	text-align: center;
}

#Submit_Search {
	width: 80px;
	padding: 10px;
	border: thin solid #ccc;
	background: #f2f2f2;
	color: #000;
	text-align: center;
}

#Submit_Search:hover {
	width: 80px;
	padding: 10px;
	border: thin solid #ccc;
	box-shadow: 0 0 3px #666;
	background: #66F;
	color: #fff;
	text-align: center;
}

#Submit_Print_Invoice {
	padding: 0 20px;
	border: thin solid #ccc;
	background: #f2f2f2;
	color: #000;
	text-align: center;
}

#Submit_Print_Invoice:hover {
	padding: 0 20px;
	border: thin solid #ccc;
	box-shadow: 0 0 3px #666;
	background: #66F;
	color: #fff;
	text-align: center;
}

#ClientEntry_BG {
	width: 300px;
	margin: 0 auto;
}

#ProductEntry_BG {
	width: 450px;
	margin: 0 auto;
}

#ShipmentEntry_BG {
	width: 98%;
	margin: 0 auto;
}

#ShipmentEntry td {
	border: thin solid #ccc;
}

#SearchProduct_BG {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}

#SearchProduct_Bottom_Fixed {
	text-align: center;
	padding: 10px;
	font-size: 16px;
	background: #FF0;
	position: fixed;
	bottom: 0;
	right: 0;
}

#SearchProduct_Bottom_Fixed_2 {
	text-align: center;
	padding: 10px;
	font-size: 16px;
	background: #FF0;
	position: fixed;
	bottom: 0;
	right: 50%;
}

#ClientEntry {
	width: 300px;
	padding: 10px;
	margin: 10px 0 25px 0;
	border: thin solid #69F;
}

#ClientEntry:focus {
	width: 300px;
	padding: 10px;
	margin: 10px 0 25px 0;
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}

#EnterID_Date {
	text-align: center;
	width: 100px;
	padding: 5px;
	margin-top: 10px;
	border: thin solid #69F;
}

#EnterID_Date:focus {
	text-align: center;
	width: 100px;
	padding: 5px;
	margin-top: 10px;
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}

#EnterID_Date_RO {
	text-align: center;
	width: 100px;
	padding: 5px;
	margin-top: 10px;
	border: thin solid #69F;
	background: #E8E8E8;
}

#EnterID_Date_RO:focus {
	text-align: center;
	width: 100px;
	padding: 5px;
	margin-top: 10px;
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}

#EnterSART {
	text-align: left;
	width: 200px;
	padding: 5px;
	margin-top: 10px;
	border: thin solid #69F;
}

#EnterSART:focus {
	text-align: left;
	width: 200px;
	padding: 5px;
	margin-top: 10px;
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}

#EnterSART_ReadOnly {
	text-align: left;
	width: 200px;
	padding: 5px;
	margin-top: 10px;
	border: thin solid #69F;
	background: #E8E8E8;
}

#Search_Product_msg {
	width: 99%;
	margin: 0 auto;
	font-size: 12px;
	text-align: center;
}

#Search_expenses {
	width: 99%;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
}

#Search_expenses td {
	border: thin solid #999;
}

#Search_profit {
	width: 99%;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
}

#Search_profit td {
	border: thin solid #999;
	background: #FFC;
}

#Shipment_Amount_msg {
	width: 99%;
	margin: 0 auto;
	font-size: 11px;
	text-align: center;
}

#Search_Client_msg {
	width: 800px;
	margin: 0 auto;
	font-size: 12px;
	text-align: center;
}

#Search_Biyer_msg {
	width: 1000px;
	margin: 0 auto;
	font-size: 12px;
	text-align: center;
}

#Search_Product_msg td {
	border: thin solid #ccc;
}

#Search_Client_msg td {
	border: thin solid #ccc;
}

.border_CCC td {
	border: thin solid #ccc;
}

#search_th_td_color th {
	border: thin solid #ccc;
	background: #D7FDDA;
}

#search_th_td_color td {
	border: thin solid #ccc;
	background: #FFC;
}

#search_td_color td {
	background: #FFC;
}

#search_td_color2 td {
	background: #D7FDDA;
}

#search_td_color3 td {
	background: #E1F0FD;
}

#search_td_color4 td {
	background: #FDD;
}

#search_td_color5 td {
	background: #FF0;
}

#search_td_color6 td {
	background: #F2D9FB;
}

#search_td_colorOnlyTD {
	background: #FFC;
}

#search_td_colorOnlyTD2 {
	border-bottom: thin solid #ccc;
}

#Table_td_Border_Bottom td {
	border-bottom: thin solid #ccc;
}

#td_border_CCC {
	border: thin solid #ccc;
}

#Search_Product {
	text-align: center;
	width: 120px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #69F;
	color: #000;
}

#Search_Product:focus {
	text-align: center;
	width: 120px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}

#name_phone {
	text-align: left;
	width: 220px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #69F;
	color: #000;
}

#name_phone:focus {
	text-align: left;
	width: 220px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}

.name_phone {
	text-align: left;
	width: 220px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #69F;
	color: #000;
}

.name_phone:focus {
	text-align: left;
	width: 220px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}

#Edit_Product {
	text-align: center;
	width: 150px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #69F;
	color: #000;
}

#Edit_Product:focus {
	text-align: center;
	width: 150px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}

#Search_Client {
	text-align: center;
	width: 160px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #69F;
	color: #000;
}

#Search_Client:focus {
	text-align: center;
	width: 160px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}

.Search_Client {
	text-align: center;
	width: 160px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #69F;
	color: #000;
}

.Search_Client:focus {
	text-align: center;
	width: 160px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}

#Year_Month_Day {
	text-align: center;
	width: 80px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #69F;
	color: #000;
}

#Year_Month_Day:focus {
	text-align: center;
	width: 80px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}

#ProductWeight {
	width: 100px;
	padding: 5px;
	border: thin solid #69F;
	text-align: right;
}

#ProductWeight:focus {
	width: 100px;
	padding: 5px;
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}

#S_ProductWeight {
	width: 90%;
	padding: 5px;
	border: thin solid #69F;
	text-align: center;
}

#S_ProductWeight:focus {
	width: 90%;
	padding: 5px;
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}

#S_ProductWeight_RO {
	width: 90%;
	padding: 5px;
	border: thin solid #69F;
	text-align: center;
	background: #E8E8E8;
}

#S_ProductWeight_RO:focus {
	width: 90%;
	padding: 5px;
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}

#Expenses_td td {
	border: thin solid #ccc;
	background: #FFC;
}

#Expenses {
	width: 200px;
	padding: 5px;
	border: thin solid #69F;
	text-align: right;
}

#Expenses:focus {
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
	text-align: right;
}

#Expenses_Year {
	width: 60px;
	padding: 5px;
	border: thin solid #69F;
	text-align: center;
	background: #E8E8E8;
}

#Expenses_Year:focus {
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}

#Expenses_Month {
	width: 60px;
	padding: 5px;
	border: thin solid #69F;
	text-align: center;
	background: #E8E8E8;
}

#Expenses_Month:focus {
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}

#Expenses_RO {
	width: 200px;
	padding: 5px;
	border: thin solid #69F;
	text-align: right;
	background: #E8E8E8;
}

#Expenses_RO:focus {
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
	text-align: right;
}

#S_ProductWeight2 {
	width: 175px;
	padding: 5px;
	border: thin solid #69F;
	text-align: right;
}

#S_ProductWeight2:focus {
	width: 175px;
	padding: 5px;
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}

#ProductRate {
	text-align: right;
	width: 100px;
	padding: 5px;
	border: thin solid #69F;
}

#ProductRate:focus {
	width: 100px;
	padding: 5px;
	border: thin solid #69F;
	box-shadow: 0 0 5px #666;
}



#In_Header_Area_BG {
	width: 98%;
	margin: 0 auto;
	background: #fff;
}

#InPage_Header {
	padding: 10px;
	width: 600px;
	float: left;
}

#InPage_Header img {
	height: auto;
	float: left;
}

#InPage_Header span {
	font-size: 30px;
	font-weight: bold;
	color: #000;
	text-align: left;
	text-shadow: 0 0 3px #999;
	float: left;
	padding: 15px 0 0 20px;
}

#InPage_Header span span {
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	color: #000;
	text-align: left;
	text-shadow: 0 0 3px #999;
	float: left;
	padding: 0;
}

#BackTo_BG {
	width: 400px;
	float: right;
}

#BackTo {
	padding: 10px;
	border: thin solid #999;
	background: #f2f2f2;
	margin-bottom: 20px;
}

#BackTo a {
	padding: 5px;
	margin: 5px;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	color: #F90;
	border: thin solid #F90;
	border-radius: 50px;
	background: #fff;
}

#BackTo a:hover {
	padding: 5px;
	margin: 5px;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	color: #F00;
	border: thin solid #f00;
	border-radius: 50px;
}

#In_Sub_Header {
	font-size: 24px;
	font-weight: bold;
	color: #66F;
}

#ClientEntry_msg {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	color: #060;
	text-align: center;
	width: 600px;
	margin: 0 auto;
}

#Entry_msg {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	color: #060;
	text-align: center;
	width: 600px;
	margin: 0 auto;
	padding-top: 10px;
}

#ViewClient_BG {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	color: #060;
	text-align: center;
	width: 800px;
	margin: 0 auto;
}

#ViewClient_msg td {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #000;
	margin: 0 auto;
	border: thin solid #ccc;
	background: #FFC;
}

#Signout {
	width: 100px;
	float: right;
	margin-top: 0;
	text-align: right;
}

#Signout a {
	text-align: center;
	text-decoration: none;
	padding: 5px 20px;
	background: #FF0;
	border: thin solid #000;
	border-radius: 0 0 20px 20px;
}

#Signout a:hover {
	text-decoration: none;
	border: thin solid #fff;
	background: #F30;
	color: #fff;
}

#Home_H_BG {
	width: 150px;
	float: right;
	margin-top: 0;
	text-align: center;
}

#Home_H {
	width: 50px;
	float: left;
	margin-top: 0;
	text-align: center;
}

#Home_H a {
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: 5px 20px;
	background: #090;
	border: thin solid #000;
	border-radius: 0 0 20px 20px;
}

#Home_H a:hover {
	text-decoration: none;
	border: thin solid #fff;
	background: #66F;
	color: #fff;
}

#Success_OK {
	padding-top: 100px;
	width: 800px;
	text-align: center;
	margin: 0 auto;
	font-size: 18px;
	font-weight: normal;
}

#Success_OK strong {
	color: #63F;
}

#Success_OK a {
	padding: 10px 30px;
	border: 2px solid #030;
	color: #FFF;
	background: #060;
	text-align: center;
	text-decoration: none;
}

#Success_OK a:hover {
	padding: 10px 30px;
	border: 2px solid #060;
	color: #060;
	background: #FF0;
	text-align: center;
	text-decoration: none;
}

#Success_message a {
	padding: 10px;
	border: 2px solid #030;
	color: #FFF;
	background: #060;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	width: 175px;
	display: block;
}

#Success_message a:hover {
	padding: 10px;
	border: 2px solid #060;
	color: #060;
	background: #FF0;
	text-align: center;
	text-decoration: none;
}

#Invoice th {
	font-weight: bold;
	font-size: 13px;
	background: #CCC;
	border: thin solid #ccc;
}

#Invoice td {
	font-weight: normal;
	font-size: 13px;
	background: #f2f2f2;
	border: thin solid #ccc;
}



#forgot {
	text-align: center;
	padding: 0;
	padding-top: 30px;
	margin: 0;
	float: right;
}

#forgot a {
	font-size: 11px;
	text-decoration: underline;
	color: #000;
}

#forgot a:hover {
	text-decoration: none;
	color: #F60;
}

#Menu_Area_BG {
	background: #643602;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
    /*
    box-shadow: 0 0 10px #666;
  background: -moz-linear-gradient(top, #999999 0%, #4d4d4d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #4d4d4d));
  background: -webkit-linear-gradient(top, #999999 0%, #4d4d4d 100%);
  background: -o-linear-gradient(top, #999999 0%, #4d4d4d 100%);
  background: -ms-linear-gradient(top, #999999 0%, #4d4d4d 100%);
  background: linear-gradient(to bottom, #999999 0%, #4d4d4d 100%);
  */
}






.max_width {
	max-width: 1200px;
}

.header_bg {
	padding: 0;
	margin: 0;
	background: #f2f2f2;
	background: -moz-linear-gradient(top, #ccc 0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccc), color-stop(100%, #fff));
	background: -webkit-linear-gradient(top, #ccc 0%, #fff 100%);
	background: -o-linear-gradient(top, #ccc 0%, #fff 100%);
	background: -ms-linear-gradient(top, #ccc 0%, #fff 100%);
	background: linear-gradient(to bottom, #ccc 0%, #fff 100%);
}

.body_bg {
	background: #f2f2f2;
	padding: 0;
	margin: 0;
}

.text_align_center {
	text-align: center;
}

.text_align_left {
	text-align: left;
}

.text_align_right {
	text-align: right;
}

.journal_bg {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.journal_bg th {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 3px;
	background: #BEFFBD;
}

.journal_bg td {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 3px;
	background: #FFFEEB;
}

.tab_border {
	border: 1px solid #ccc;
}

.input_select {
	width: 100%;
	padding: 5px;
	text-align: left;
	border: 1px solid #787878;
	border-radius: 5px;
}

.input_left {
	width: 100%;
	padding: 5px;
	text-align: left;
	border: 1px solid #787878;
	border-radius: 5px;
}

.input_left:focus {
	width: 100%;
	padding: 5px;
	text-align: left;
	border: 1px solid #98AAFC;
	border-radius: 5px;
	box-shadow: 0 0 5px #666;
}

.input_right {
	width: 100%;
	padding: 5px;
	text-align: right;
	border: 1px solid #787878;
	border-radius: 5px;
}

.input_center {
	width: 100%;
	padding: 5px;
	text-align: center;
	border: 1px solid #787878;
	border-radius: 5px;
}

.signin_input {
	width: 100%;
	max-width: 210px;
	padding: 10px;
	text-align: left;
	border: 1px solid #787878;
	border-radius: 5px;
}

.signin_input:focus {
	width: 100%;
	padding: 10px;
	text-align: left;
	border: 1px solid #98AAFC;
	border-radius: 5px;
	box-shadow: 0 0 5px #666;
}

.btn_info_thin {
	font-size: 15px;
	padding: 10px 20px;
	background: #4F9FFF;
	color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.btn_info_thin:hover {
	padding: 10px 20px;
	background: #6677FC;
	color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.btn_info_thin:focus {
	padding: 10px 20px;
	background: #0215AA;
	color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.btn_info {
	font-size: 15px;
	padding: 10px 20px;
	background: #4F9FFF;
	color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.btn_info:hover {
	padding: 10px 20px;
	background: #6677FC;
	color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.btn_info:focus {
	padding: 10px 20px;
	background: #0215AA;
	color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.btn_danger_thin {
	font-size: 15px;
	padding: 10px 20px;
	background: #FF8587;
	color: #780002;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.btn_danger_thin:hover {
	padding: 10px 20px;
	background: #FC7275;
	color: #780002;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.btn_danger_thin:focus {
	padding: 10px 20px;
	background: #FF0004;
	color: #780002;
	border: 1px solid #ccc;
	border-radius: 5px;
}



.scrollup {
	position: fixed;
	right: 20px;
	bottom: 20px;
	color: #fff;
	opacity: 0.8;
}

.scrollup:hover {
	opacity: 1;
}









.input_signin {
	width: 100%;
	padding: 5px;
	text-align: left;
	border: 1px solid #787878;
	border-radius: 5px;
}

.input_signin:focus {
	width: 100%;
	padding: 5px;
	text-align: left;
	border: 1px solid #98AAFC;
	border-radius: 5px;
	box-shadow: 0 0 5px #666;
}




.h_link {
	text-decoration: none;
	color: #327AF8;
}

.h_link:hover {
	text-decoration: none;
	color: #DB7A00;
}

.btn_h_link {
	text-decoration: none;
	color: #327AF8;
	padding: 10px 20px;
	background: #D0C5FF;
	border-radius: 5px;
}

.btn_h_link:hover {
	text-decoration: none;
	color: #06009E;
	padding: 10px 20px;
	background: #9FADFF;
}







.alert_success {
	font-size: 14px;
	padding: 10px 20px;
	background: #6AD05A;
	color: #064B09;
	display: block;
	border-radius: 5px;
}

.alert_msg {
	font-size: 14px;
	padding: 10px 20px;
	background: #92B9FF;
	color: #06005E;
	display: block;
	border-radius: 5px;
}

.alert_danger {
	font-size: 14px;
	padding: 10px 20px;
	background: #FF8A8C;
	color: #720103;
	display: block;
	border-radius: 5px;
}

.alert_warning {
	font-size: 14px;
	padding: 10px 20px;
	background: #FFF792;
	color: #8F7C00;
	display: block;
	border-radius: 5px;
}

.border_top {
	border-top: 1px solid #000;
}

.border_top_ccc {
	border-top: 1px solid #ccc;
}

.inline_block {
	display: inline-block;
}

.company_name {
	display: inline-block;
	padding-left: 20px;
	text-shadow: 2px 2px 2px #fff;
	color: #000;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 900;
}






.padding_left_5 {
	padding-left: 5px;
}

.padding_left_10 {
	padding-left: 10px;
}

.padding_left_20 {
	padding-left: 20px;
}

.padding_left_30 {
	padding-left: 30px;
}

.padding_left_right_5 {
	padding: 0 5px;
}

.padding_left_right_10 {
	padding: 0 10px;
}

.padding_left_right_20 {
	padding: 0 20px;
}

.padding_left_right_30 {
	padding: 0 30px;
}

.padding_marging_0 {
	padding: 0;
	margin: 0;
}

.padding_right_5 {
	padding-right: 5px;
}

.padding_right_10 {
	padding-right: 10px;
}

.padding_right_20 {
	padding-right: 20px;
}

.padding_right_30 {
	padding-right: 30px;
}

.margin_off {
	margin: 0;
}

.margin_0 {
	margin: 0;
}

.padding_0 {
	padding: 0;
}

.margin_padding_0 {
	margin: 0;
	padding: 0;
}

.margin_top_100 {
	margin-top: 100px;
}

.margin_20 {
	margin: 20px;
}

.margin_top_20 {
	margin-top: 20px;
}

.margin_top_bottom_20 {
	margin: 20px 0;
}

.margin_top_10 {
	margin-top: 10px;
}

.margin_20 {
	margin: 20px;
}

.margin_bottom_5 {
	margin-bottom: 5px;
}

.margin_bottom_10 {
	margin-bottom: 10px;
}

.margin_bottom_20 {
	margin-bottom: 20px;
}

.margin_bottom_30 {
	margin-bottom: 30px;
}

.margin_bottom_5 {
	margin-bottom: 5px;
}

.margin_left_20 {
	margin-left: 20px;
}

.padding_top_bottom_20 {
	padding: 20px 0;
}

.padding_top_none {
	padding-top: 0;
}

.padding_bottom_20 {
	padding-bottom: 20px;
}

.signin_tp_bg {
	width: 100%;
	max-width: 400px;
	padding: 50px;
	border: 1px solid #ccc;
	background: url(../img/TP_White_50_001.png);		
}

.tp_hover_img {
	opacity: 0.7;
}

.tp_hover_img:hover {
	opacity: 1.0;
}

.center_320px {
	max-width: 320px;
	margin: 0 auto;
}

.center_400px {
	max-width: 400px;
	margin: 0 auto;
}

.center_500px {
	max-width: 500px;
	margin: 0 auto;
}

#rotate90 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}





.scroll_height_300 {
	height: 300px;
	overflow: scroll;
	overflow-x: hidden;
}

.para_header_bg_color_info {
	width: 100%;
	display: block;
	border: 1px solid #77A0FF;
	padding: 5px 10px;
	border-radius: 5px;
}

.para_h_info {
	width: 100%;
	display: block;
	border-bottom: 1px solid #000;
	padding: 5px 10px;
}

.tp_white_bg_padding_20 {
	padding: 20px;
	background: url(../img/TP_White_80_001.png);
}

.bg_white {
	background: #fff;
}

.border_bottom_666 {
	border-bottom: 1px solid #666;
}

.border_ccc {
	border: 1px solid #ccc;
}

.border_bottom_ccc {
	border-bottom: 1px solid #ccc;
}

.font_weight_bold {
	font-weight: bold;
}

.img_tp_hover {
	opacity: 0.7;
}

.img_tp_hover:hover {
	opacity: 1.0;
}

.Invoice_No_BG {
	background: #509FFF;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	padding: 10px;
}

.home_img {
	border: 1px solid #666;
	border-radius: 50%;
	text-align: center;
	padding: 5px;
	margin: 20px;
}

.index_link a {
	padding: 0 5px;
	margin: 0 5px;
}


.index_container_bg {
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: -moz-linear-gradient(top, #fff 0%, #ccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ccc));
	background: -webkit-linear-gradient(top, #fff 0%, #ccc 100%);
	background: -o-linear-gradient(top, #fff 0%, #ccc 100%);
	background: -ms-linear-gradient(top, #fff 0%, #ccc 100%);
	background: linear-gradient(to bottom, #fff 0%, #ccc 100%);
}

.report_tab {
	border: 1px solid #333;
	font-size: 13px;
}

.report_tab th {
	border: 1px solid #333;
	padding: 2px;
	font-weight: bold;
	text-align: center;
	background: #f2f2f2;
}

.report_tab td {
	border: 1px solid #333;
	padding: 2px;
}

.report_tab_small {
	border: 1px solid #333;
	font-size: 10px;
}

.report_tab_small th {
	border: 1px solid #333;
	padding: 2px;
	font-weight: bold;
	text-align: center;
	background: #f2f2f2;
}

.report_tab_small td {
	border: 1px solid #333;
	padding: 2px;
}

.report_tab_small tfood {
	font-weight: bold;
}

.report_tab_small_000 {
	border: 1px solid #000;
	font-size: 10px;
}

.report_tab_small_000 th {
	border: 1px solid #000;
	padding: 2px;
	font-weight: bold;
	text-align: center;
	background: #f2f2f2;
}

.report_tab_small_000 td {
	border: 1px solid #000;
	padding: 2px;
}

.report_tab_small_000 tfood {
	font-weight: bold;
}

.report_tab_too_small {
	border: 1px solid #333;
	font-size: 9px;
}

.report_tab_too_small th {
	border: 1px solid #333;
	padding: 2px;
	font-weight: bold;
	text-align: center;
	background: #f2f2f2;
}

.report_tab_too_small td {
	border: 1px solid #333;
	padding: 2px;
}

.report_tab_too_small tfood {
	font-weight: bold;
}

.td_strong td {
	font-weight: 900;
}

.td_border_top_5px td {
	border: 5px solid #000;
}

.problem_tab {
	border: 1px solid #333;
	font-size: 13px;
}

.problem_tab th {
	border: 1px solid #333;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	background: #f2f2f2;
}

.problem_tab td {
	border: 1px solid #333;
	padding: 5px;
}

.input_note {
	padding: 5px;
	margin: 2px;
	border: 1px solid #ccc;
	background: #FCFFDA;
}

.input_note_16 {
	padding: 5px;
	margin: 2px;
	border: 1px solid #ccc;
	background: #FCFFDA;
	font-size: 16px;
}

.tab_border {
}

.tab_border_000 td {
	border: 1px solid #000;
}

.nput_tab {
	border: 1px solid #ccc;
}

.nput_tab thead td {
	background: #FCE6FF;
	font-weight: 900;
}

.nput_tab tbody td {
	padding: 8px;
	background: #FAFFDA;
}

.nput_tab tfoot td {
	padding: 8px;
	background: #E8FFE9;
}

.tab_border_ccc_pad_5 {
	font-size: 14px;
}

.tab_border_ccc_pad_5 td {
	border: 1px solid #ccc;
}

.acc_tab_report {
	
}

.acc_tab_report tr {
	border-bottom: 1px solid #666;
}

.acc_tab_report td {
	border: none;
}

.profile_tab td {
	background: #F5E6FF;
	border: 1px solid #ccc;
	border-spacing: 5px;
	border-collapse: separate;
}

.user_tab {
	border-bottom: 1px solid #ccc;
}

.user_tab tr {
	border-bottom: 1px solid #ccc;
}

.user_tab th {
	background: #FFE4E4;
	padding: 5px;
}

.user_tab td {
	padding: 5px;
}

.td_text_color_fff_strong {
	color: #fff;
	font-weight: 900;
}

.cellpadding_tab_td td {
	padding: 5px;
}

.cellspacing_tab_td td {
	border-spacing: 5px;
	border-collapse: separate;    
}

.cellspacing_tab {
	border-spacing: 5px;
	border-collapse: separate;    
}

.tr_td_color_1 td {
	background: #B2FFA7;
}

.tr_td_color_2 td {
	background: #FDFCD8;
}

.tr_td_color_3 td {
	background: #D9D8FF;
}

.tr_td_color_4 td {
	background: #FFCFD0;
}

.tr_td_color_5 td {
	background: #FDD6FF;
}

.tr_td_color_6 td {
	background: #E5E5E5;
}

.tr_td_color_7 td {
	background: #FCD18C;
}

.tr_td_color_8 td {
	background: #f2f2f2;
}

.tr_td_color_9 td {
	background: #000;
}

.duplicate_tab {
	
}

.duplicate_tab tr {
	border-bottom: 1px solid #333;
	background: #f2f2f2;
	padding: 3px;
	margin: 3px;
}





.padding_5 {
	padding: 5px;
}

.padding_10 {
	padding: 105px;
}

.padding_20 {
	padding: 20px;
}

.padding_30 {
	padding: 30px;
}

#padding_5_10 {
	padding: 5px 10px;
}

.padding_5_10 {
	padding: 5px 10px;
}
.padding_5_10 td {
	padding: 5px 10px;
}

.tab_border_bottom_padding_5_10 {
	border-top: 1px solid #333;
}

.tab_border_bottom_padding_5_10 tr {
	border-bottom: 1px solid #333;
}

.tab_border_bottom_padding_5_10 td {
	padding: 5px 10px;
}

.tr_td_border_top_5px td {
	border-top: 5px solid #000;
}

.Striped_tab_1 tr {
	background: #F7E1FF;
}

.Striped_tab_1 tr:nth-child(even) {
	background: #fff;
}

.color_red {
	color: #FF0000;
}

.color_green {
	color: #008E10;
}

.color_blue {
	color: #0000FF;
}

.color_orange {
	color: #FC8D00;
}

.check_bill {
	width: 150px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}




/* bootstrap 4 chosen requered */
select:invalid {
	height: 0px !important;
	opacity: 0 !important;
	display: flex !important;
}

select:invalid[multiple] {
	margin-top: 15px !important;
}





/* Bill Register */
#show3 {
	display: none;
}

#toggleBill {
	cursor: pointer;
	color: #3D65FF;
}

#toggleBill:hover {
	cursor: pointer;
	color: #8300C5;
}





/* User Drope Down Start (Top Right )*/


.container_i {
	position: relative;
	text-align: center;
	color: white;
}

/* Bottom center text */
.bottom-center {
	position: absolute;
	bottom: 15px;
	left: 20%;
	font-size: 12px;
	color: #000;
	background: url(../img/TP_White_80_001.png);
}

.top_profile_small_img {
	width: 50px;
	height: 50px;
	border: 1px solid #999;
	border-radius: 50%;
	padding: 5px;
	margin-top: 35px;
}

.dropbtn {
	background-color: transparent;
	color: white;
	padding: 0;
	font-size: 16px;
	border: none;
	border-radius: 5px;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	min-width: 300px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 501;
	right: 0;
	border-radius: 5px;
	text-align: center;
	background: #fff;
}

.dropdown_content_detail a {
	padding: 5px 0;
	text-decoration: none;
	text-align: left;
	display: block;
	color: #001BF0;
}

.dropdown_content_detail a:hover {
	color: #724300;
}

.dropdown_content_btn a {
	color: #000;
	padding: 5px 10px;
	text-decoration: none;
	text-align: center;
	max-width: 120px;
	display: block;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #f2f2f2;
}

.dropdown_content_btn a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: transparent;}

.content_1st {
	padding: 10px;
	font-size: 15px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 5px;
}

.top_profile_2nd_img {
	border-radius: 50%;
}

.color_red {
	color: #FF0000;
}

/* User Drope Down End */




/* User Drope Down old Start */
/*
.dropbtn {
    background-color: #336699;
    color: white;
    padding: 10px;
    font-size: 16px;
    border: none;
	border-radius: 5px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 501;
	right: 0;
	border-radius: 5px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ddd; border-radius: 5px;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

*/
/* User Drope Down old End */



#Height_10 {
	width: 100%;
	height: 10px;
}

#Height_15 {
	width: 100%;
	height: 15px;
}

#Height_20 {
	width: 100%;
	height: 20px;
}

#Height_30 {
	width: 100%;
	height: 30px;
}

#Height_40 {
	width: 100%;
	height: 40px;
}

#Height_50 {
	width: 100%;
	height: 50px;
}

.item_bg {
	padding: 20px;
	margin: 20px 0;
	border: 3px solid #f00;
}

.item_name {
	border-bottom: 1px solid #ccc;
	flex: auto;
}

.item_name button {
	padding: 5px 20px;
	border: 2px solid #f00;
	color: #f00;
	background: #fff;
	float: right;
}

.item_name button:hover {
	border: 2px solid #f00;
	color: #fff;
	background: #f00;
}

.margin_bottom_20 {
	margin-bottom: 20px;
}

button.manag {
	padding: 5px 20px;
	border: 2px solid #1D8BFF;
	color: #1D8BFF;
	background: #fff;	
}

button.manag:hover {
	padding: 5px 20px;
	border: 2px solid #1D8BFF;
	color: #fff;
	background: #1D8BFF;	
}

/*.edit_item_modal_bg .modal { overflow: visible; }
.edit_item_modal_bg .modal-body { overflow-y: scroll !important; }*/

.edit_item_modal_bg {
	
}

.edit_item_modal_bg .modal {
	width: 100%;
	margin: 0 auto;
}

.edit_item_modal_bg .modal-dialog, .edit_item_modal_bg .modal-content {
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	border: 2px solid #fff;
	background: rgba(255,255,255,.6);
}

.edit_item_modal_bg .modal-content .modal-header {
	width: 100%;
	font-size: 20px;
	text-transform: none;
	border-bottom: 2px solid #fff;
	background: rgba(255,255,255,.2);
}

.edit_item_modal_bg .modal-content .modal-header .modal-title {
	font-size: 20px;
	text-transform: none;
}

.edit_item_modal_bg .modal-content .modal-header button {
	color: #f00;
}

.edit_item_modal_bg .modal-content .modal-header button:hover {
	color: #730001;
}

#uploadimageModal .modal-dialog, #uploadimageModal .modal-content {
	background: rgba(0,0,0,.7);
	min-height: 100%;
	border: 2px solid #000;
	margin-top: 20px;
}

#uploadimageModal .modal-content .modal-header {
	width: 100%;
	font-size: 20px;
	text-transform: none;
	border-bottom: 2px solid #fff;
	background: #000;
}

#uploadimageModal .cr-vp-square {
	border: 2px solid #fff;
}


#uploadimageModal  .croppie-container .cr-viewport, .croppie-container .cr-resizer {
	position: absolute;
	border: 2px solid #fff;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	box-shadow: 0 0 2000px 2000px rgb(80 67 67 / 60%);
	z-index: 0;
}

#uploadimageModal input.cr-slider {
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 300px;
	height: 5px;
	padding: 0;
	border-radius: 2px;
	outline: none;
	cursor: pointer;
	color: -internal-light-dark(rgb(163,163,163), rgb(255, 255, 255));
	/*background: linear-gradient(to right, rgba(0,227,255,1.00), rgba(34,255,0,1.00));*/
	background: linear-gradient(to right, rgba(34,255,0,1.00), rgba(248,0,255,1.00));
}

#uploadimageModal input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 17px;
	height: 17px;
	border: 3px solid #fff;
	border-radius: 15px;
	background: #000;
	cursor: pointer;
}

.width_100_percent {
	width: 100%;
}

.margin_right_20 {
	margin-right: 20px;
}

.changeBtn_blue {
	padding: 5px 15px;
	border: 2px solid #158EFF;
	color: #158EFF;
	background: #fff;
	margin-left: 5px;
	text-decoration: none;
	vertical-align: middle;
}

.changeBtn_blue:hover {
	border: 2px solid #158EFF;
	color: #fff;
	background: #158EFF;
	text-decoration: none;
}

.changeBtn_blue:focus {
	border: 2px solid #000;
	color: #000;
	background: r#fff;
	text-decoration: none;
}

.vAlign_middle {
	vertical-align: middle;
}

.moveForm {
	width: 100%;
	min-width: 100%;
}
.moveForm select.id_move {
	padding: 5px 15px;
	border: 2px solid #FF9600 !important;
}

/*.moveForm button {
	padding: 5px 15px;
	border: 2px solid #FF9600;
	color: #FF9600;
	background: #fff;
	margin-left: 5px;
}

.moveForm button:hover {
	border: 2px solid #FF9600;
	color: #fff;
	background: #FF9600;
}

.moveForm button:focus {
	border: 2px solid #000;
	color: #000;
	background: #fff;
}*/

.moveBtn_orange {
	padding: 5px 15px;
	border: 2px solid #FF9600;
	color: #FF9600;
	background: #fff;
	margin-left: 5px;
}

.moveBtn_orange:hover {
	border: 2px solid #FF9600;
	color: #fff;
	background: #FF9600;
}

.moveBtn_orange:focus {
	border: 2px solid #000;
	color: #000;
	background: #fff;
}

.moveBtn_orange:disabled:hover {
	border: 2px solid #FF9600;
	color: #FF9600;
	background: #fff;
	margin-left: 5px;
	cursor: not-allowed;
}

.select-dropdown li.dropdown-option:hover {
	background: rgba(65,128,255,.2) !important;
}

.deleteBG .delete {
	padding: 5px 15px;
	border: 2px solid #f00;
	color: #f00;
	background: #fff;
	margin-left: 5px;
	text-decoration: none;
	vertical-align: middle;
}

.deleteBG .delete:hover {
	border: 2px solid #f00;
	color: #fff;
	background: #f00;
	text-decoration: none;
}

.deleteBG .delete:focus {
	border: 2px solid #f00;
	color: #fff;
	background: rgba(126,0,2,1.00);
	text-decoration: none;
}

.deleteBG .note {
	font-size: 13px;
	text-align: justify;
	color: #830104;
	line-height: 13px;
	padding-right: 20px;
}

.changeFormBlank {
	padding: 30px;
	border-bottom: 2px solid #fff;
}

.changeForm {
	padding: 30px;
	border-bottom: 2px solid #fff;
}

.form_input_div_bg {
	margin-bottom: 20px;
}

.changeForm input, .changeForm textarea {
	width: 100%;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: rgba(255,255,255,.7);
	margin-bottom: 0;
}

.changeForm input:hover, .changeForm textarea:hover {
	width: 100%;
	padding: 5px 10px;
	border: 1px solid rgba(179,179,179,1.00);
	background: rgba(255,255,255,.8);
}

.changeForm input:focus, .changeForm textarea:focus {
	width: 100%;
	padding: 5px 10px;
	border: 1px solid rgba(59,106,255,1.00);
	background: rgba(255,255,255,1.00);
	outline: none;
}

.btnOutlineSkyBlue {
	padding: 5px 15px;
	border: 2px solid #358BFF;
	color: #358BFF;
	background: #fff;
	text-decoration: none;
	vertical-align: middle;
}

.btnOutlineSkyBlue:hover {
	border: 2px solid #358BFF;
	color: #fff;
	background: #358BFF;
	text-decoration: none;
	vertical-align: middle;
}

.btnOutlineSkyBlue:focus {
	padding: 5px 15px;
	border: 2px solid #000;
	color: #000;
	background: #fff;
	text-decoration: none;
	vertical-align: middle;
}

.btnOutlineSkyBlue:disabled {
	border: 2px solid #e5e5e5;
	color: #fff;
	background: #e5e5e5;
}

.btnOutlineSkyBlue:disabled:hover {
	border: 2px solid #e5e5e5;
	color: #fff;
	background: #e5e5e5;
	cursor: not-allowed;
}

.SpanBtnView_Submit_SkyBlue_Outline {
	padding: 3px 7px;
	border: 1px solid #358BFF;
	color: #358BFF;
	background: #fff;
	text-decoration: none;
	vertical-align: middle;
	font-size: 12px;
	font-style: normal;
	white-space: pre;
}

.btnOutlineYellow {
	padding: 5px 15px;
	border: 2px solid #FF9600;
	color: #FF9600;
	background: #fff;
	text-decoration: none;
	vertical-align: middle;
}

.btnOutlineYellow:hover {
	border: 2px solid #FF9600;
	color: #fff;
	background: #FF9600;
	text-decoration: none;
	vertical-align: middle;
}

.btnOutlineYellow:focus {
	padding: 5px 15px;
	border: 2px solid #000;
	color: #000;
	background: #fff;
	text-decoration: none;
	vertical-align: middle;
}

.change_item_modal_bg {
	
}

.change_item_modal_bg .modal {
	width: 75%;
	margin: 0 auto;
}

div.change_item_modal_bg .modal-dialog, .change_item_modal_bg .modal-content {
	width: 100%;
	max-width: 500px;
	height: auto;
	max-height: 300px;
	margin: 0 auto;
	border: 2px solid #fff;
	background: rgba(255,255,255,.6);
}

div.change_item_modal_bg .modal-content .modal-header {
	width: 100%;
	max-width: 500px;
	font-size: 20px;
	text-transform: none;
	border-bottom: 2px solid #fff;
	background: rgba(255,255,255,.2);
}

div.change_item_modal_bg .modal-content .modal-header .modal-title {
	font-size: 20px;
	text-transform: none;
}

div.change_item_modal_bg .modal-content .modal-header button {
	color: #f00;
}

div.change_item_modal_bg .modal-content .modal-header button:hover {
	color: #730001;
}

.color_dark_red {
	color: rgba(116,0,2,1.00);
}

.form_erroe_msg {
	font-size: 12px;
	color: #f00;
}



/* ====== Sweet Alert 2 Start === */
/* ====== Sweet Alert 2 Start === */
/* ====== Sweet Alert 2 Start === */

.cBtn {
	margin: 0 5px;
}

.cI {
}

.sweetAlert2_text {
	width: 100%;
	text-align: center;
	padding: 5px 0;
	color: #000;
}

.sweetAlert2_text h3 {
	width: 100%;
	text-align: center;
	padding: 15px 0;
}

.sweetAlert2_text h3 .aprIcon {		
	font-size: 300%;
	padding: 10px;	
	color: #28a745;
}

.sweetAlert2_text h3 .nAprIcon {		
	font-size: 300%;
	padding: 10px;	
	color: #fd7e14;
}

.sweetAlert2_text h3 .nAprIconE {		
	font-size: 300%;
	padding: 10px;	
	color: #E800FF;
}

.sweetAlert2_text h3 .disIcon {		
	font-size: 300%;
	padding: 10px;	
	color: #CF6000;
}

.sweetAlert2_text h3 .delIcon {		
	font-size: 300%;
	padding: 10px;	
	color: #f00;
}

.sweetAlert2_text h3 .moveIcon {		
	font-size: 80px;
	padding: 10px;	
	color: #CF6000;
}

button.button_orange {
	outline: none;
	padding: 7px 15px;
	background: #CF6000;
	color: #fff;
	border: 2px solid #CF6000;
}

button.button_orange:hover {
	outline: none;
	padding: 7px 15px;
	background: #fff;
	color: #CF6000;
	border: 2px solid #CF6000;
}

button.button_orange:focus {
	padding: 7px 15px;
	background: #fff;
	color: #000;
	border: 2px solid #000;
}

/* ====== Sweet Alert 2 End === */
/* ====== Sweet Alert 2 End === */
/* ====== Sweet Alert 2 End === */

.amount_summary_bg {
	border-bottom: 1px solid #ccc;
	padding: 7px 0;
}

.btn_width_80_center {
	width: 100%;
	max-width: 80px;
	text-align: center;
}

.bg_light_green_1 {
	background: rgba(237,255,229,1.00);
}

.bg_light_green_2 {
	background: rgba(206,252,186,1.00);
}

.bg_light_green_3 {
	background: rgba(94,232,118,1.00);
}

.bg_light_green_4 {
	background: rgba(95,187,55,1.00);
}

.toExcelSingleSheet {
	margin-bottom: 30px;
}

.bg_333_color_fff {
	background: #333;
	color: #fff;
}

.float_left {
	float: left;
}

.deleteAllBtn {
	border: none;
	outline: none;
	background: #fff;
	color: #f00;
	font-weight: 600;
	padding: 5px 20px;
}

.deleteAllBtn:hover {
	border: none;
	outline: none;
	background: #f00;
	color: #fff;
	cursor: default;
}

.deleteAllBtn:focus {
	border: none;
	outline: none;
	background: rgba(100,1,3,1.00);
	color: #f00;
}

.deleteAllBtn:focus:hover {
	border: none;
	outline: none;
	background: #f00;
	color: #fff;
	cursor: default;
}

.deleteAllBtn:disabled {
	border: none;
	outline: none;
	background: #fff;
	color: #f00;
	font-weight: 600;
	padding: 5px 20px;
}

.deleteAllBtn:disabled:hover {
	border: none;
	outline: none;
	background: #fff;
	color: #f00;
	font-weight: 600;
	padding: 5px 20px;
	cursor: not-allowed;
}

.deleteAllBtnLight:disabled {
	border: none;
	outline: none;
	background: #ccc;
	color: #B5B5B5;
}

.deleteAllBtnLight:disabled:hover {
	border: none;
	outline: none;
	background: #ccc;
	color: #B5B5B5;
	cursor: not-allowed;
}

.deleteIconBtn {
	border: 1px solid #f00;
	outline: none;
	background: #f00;
	color: #fff;
	font-weight: 600;
	padding: 5px 10px;
}

.deleteIconBtn:hover {
	border: 1px solid #f00;
	outline: none;
	background: #fff;
	color: #f00;
}

.deleteIconBtn:focus {
	border: 1px solid #f00;
	outline: none;
	background: rgba(100,1,3,1.00);
	color: #f00;
}

.countCheckedItemBG {
	border: none;
	outline: none;
	background: #fff;
	color: #f00;
	font-weight: 600;
	padding: 5px 20px;
	margin-left: 20px;
}

.SpanBtnView_deleteAll {
	border: none;
	outline: none;
	background: #fff;
	color: #f00;
	font-weight: 600;
	padding: 3px 10px;
	font-style: normal;
	font-size: 12px;
	white-space: pre;
}

.SpanBtnView_deleteIcon {
	border: 1px solid #f00;
	outline: none;
	background: #f00;
	color: #fff;
	font-weight: 600;
	padding: 3px 7px;
	font-style: normal;
	font-size: 12px;
}

.afterCheck_BG_TP_Red {
	background: rgba(255,0,4,.1);
}

.uploadedActionSectionTipsBtn {
	padding: 2px;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
	color: #666;
	font-size: 13px;
	display: block;
	border-bottom: thin solid #999;
}

.uploadedActionSectionTipsBtn:hover {
	text-decoration: none;
	color: rgba(66,111,255,1.00);
	border-bottom: thin solid rgba(66,111,255,1.00);
}

.uploadedActionSectionTipsBtn:hover > span.SH_toggleIconBG i {
	text-decoration: none;
	color: #fff;
	background: rgba(66,111,255,1.00);
	border: thin solid rgba(66,111,255,1.00);
}

.uploadedActionSectionTipsBtn span.SH_toggleIconBG i {
	margin-right: 10px;
	padding: 1px;
	width: 16px;
	height: 16px;
	background: #999;
	color: #fff;
	border: thin solid #999;
	text-align: center;
	vertical-align: middle;
}

.uploadedActionSectionTipsBtn span.SH_toggleTextBG i {
	color: rgba(10,0,255,1.00);
	font-size: 16px;
}

.uploadedActionSectionTipsBtn:hover > span.SH_toggleTextBG i {
	color: rgba(255,0,158,1.00);
}

.actionSectionTips {
	padding: 20px 0;
	padding-left: 30px;
	border-left: 25px solid rgba(2,162,149,1.00);
	border-bottom: thin solid #ccc;
	background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}

.padding_left_right_10 {
	padding-left: 10px;
	padding-right: 10px;
}

h4 small.goViewSectionBG a {
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color: rgba(71,143,255,1.00);
}

h4 small.goViewSectionBG a:hover {
	font-size: 13px;
	font-weight: normal;
	text-decoration: none !important;
	color: rgba(0,21,255,1.00);
}

.bg_red_to_333 {
	background: linear-gradient(to right, #f00, #333);
}

.SpanCheckbox_view {
	width: 12px;
	height: 12px;
	background: #fff;
	border: 1.5px solid #999;
	border-radius: 3px;
	display: inline-grid;
	margin: 0;
	line-height: 5px;
}

.tab_odd_event_001 {
	/*box-shadow: 0 0 15px #ccc;*/
	border: 1px solid #ccc;
}

.tab_odd_event_001 tr:nth-child(even) {
	background: rgba(255,237,0,.04);
}

.tab_odd_event_001 tr:nth-child(odd) {
	background: rgba(0,240,255,.02);
}

.tab_odd_event_001 td {
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	font-size: 12px;
	text-align: justify;
}

.tab_odd_event_001 th {
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
	font-size: 13px;
	text-align: center;
	background: linear-gradient(to top, #f2f2f2, #fff);
	color: #432800;
}

.tab_odd_event_001 th:last-child {
	border-right: 1px solid #ccc;
}

.add_form_bg_col {
	padding: 20px 5px;
}

.AddFormStyle {
	padding: 20px;
	/*box-shadow: 0 0 15px #ccc;*/
	border: 1px solid #ccc;
}

.box_shado_ccc_15 {
	box-shadow: 0 0 15px #ccc;
	border: 1px solid #ccc;
}

.elseEmptyMsgRed {
	font-size: 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 15px 0;
	padding: 5px 0;
	color: #BB0003;
}
	
	
	select:invalid {
    height: 0px !important;
    opacity: 0 !important;
    display: inline;
	}
		
		#DOB select {
    height: 38px !important;
    opacity: 100 !important;
    display: inline;
		}

.select_bg_90_percent {
	width: 90%;
}

.select_bg_88_percent {
	width: 88%;
}

.select_bg_80_percent {
	width: 80%;
}

.select_bg_70_percent {
	width: 70%;
}

.select_bg_95_percent {
	width: 95%;
}

.select_bg_85_percent {
	width: 85%;
}

.border_right_ccc {
	border-right: 1px solid #ccc;
}

.border_left_ccc {
	border-left: 1px solid #ccc;
}

.white_space_pre {
	white-space: pre;
}

.goBtn_001 {
	padding: 6px 15px;
	border: 2px solid #362C01;
	background: #362C01;
	color: #FCDF63;
}

.goBtn_001:hover {
	outline: none;
	border: 2px solid #362C01;
	background: #FCDF63;
	color: #362C01;
}

.goBtn_001:focus {
	outline: none;
	border: 2px solid #000;
	background: #fff;
	color: #000;
}

.margin_bottom_2 {
	margin-bottom: 2px;
}

.page_map_hrader_text {
	font-size: 15px;
}

.SpanBtnLink_a {
	font-size: 12px;
	font-style: normal;
	color: #307BFF;
	padding: 3px 7px;
	white-space: nowrap;
}

.search_control_bg {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.search_control_bg .project_field_bg {
    width: 100%;
    max-width: 400px;
    margin-right: 10px;
}

.search_control_bg .duration_field_bg {
    width: 100%;
    max-width: 250px;
    margin-right: 10px;
}

.Report_fot_text_size {
    font-size: 16px;
    font-weight: 600;
}

.Report_fot_text {
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #999;
    margin-bottom: 20px;
}

.search_field {
	font-size: 15px;
	min-width: 370px;
	padding: 7px 15px;
	padding-right: 35px;
	border: 1px solid #ccc;
	background: url("../img/Magnifying-Glass_-Right_-Blue_-Gray.png") no-repeat center right 5px;
	background-size: 25px;
	transition: .3s;
}

.search_field:focus {
	outline: none;
	border: 1px solid #0064FF;
	background: url("../img/Magnifying-Glass_-Right_-Blue_-001.png") no-repeat center right 5px;
	background-size: 25px;
	transition: .3s;
}