html,body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
@font-face {
	font-family: 'msb';
	src: url(fonts/msb.ttf);
}
@font-face {
	font-family: 'Roboto regular';
	src: url(fonts/Roboto-Regular.ttf);
	src: url("#{$roboto-font-path}Roboto-Regular.eot?#iefix")
		format('embedded-opentype'),
}
@font-face {
	font-family: 'Roboto medium';
	src: url(fonts/Roboto-Medium.ttf);
	src: url("#{$roboto-font-path}Roboto-Medium.eot?#iefix")
		format('embedded-opentype'),
}
@font-face {
	font-family: 'Roboto Black';
	src: url(fonts/Roboto-Black.ttf);
	src: url("#{$roboto-font-path}Roboto-Black.eot?#iefix")
		format('embedded-opentype'),
}
@font-face {
	font-family: 'Roboto Light';
	src: url(fonts/Roboto-Light.ttf);
	src: url("#{$roboto-font-path}Roboto-Light.eot?#iefix")
		format('embedded-opentype'),
}
@font-face {
	font-family: 'Roboto Bold';
	src: url(fonts/Roboto-Bold.ttf);
	src: url("#{$roboto-font-path}Roboto-Bold.eot?#iefix")
		format('embedded-opentype'),
}
/*FontFamilys Start*/
body {
	font-family: 'Roboto regular';
	font-size: 14px
}
body a {
	font-family: 'Roboto regular'
}
body select {
	font-family: 'Roboto regular'
}
.font_medium {
	font-family: 'Roboto medium'!important;
}
.font_regular {
	font-family: 'Roboto regular'
}
.font_light {
	font-family: 'Roboto Light'
}
.font_bold {
	font-family: 'Roboto Bold'
}
nav ul {
	font-family: 'Roboto regular'
}
footer {
	font-family: 'Roboto regular';
	font-size: 10px
}
footer b {
	font-family: 'Roboto regular';
	font-weight: 100
}
aside form {
	font-family: 'Roboto regular'
}
.font_weight
{
	font-weight: 800;
}
legend {
	font-family: 'Roboto regular';
	font-weight: 100
}
/*FontFamilys Ends*/
a,a:hover,a:focus {
	color: #019299;
	text-decoration: none;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s
}
h3 {
	font-size: 22px;
	line-height: 30px
}
.line_height_28px{
	line-height: 28px;
}
.line_height_40px{
	line-height: 40px;
}
.select2-container--open .select2-dropdown--above ul [id$="-add"]{
    color: #ffffff! important;
    font-size: 14px;
    background-color: #10a9f5;
    padding-left: 20px;
    width: 100%;
    float: left;
    margin-left: -1px;
}

.select2-container--open .select2-dropdown--above ul [id$="-add"]{
    color: #ffffff! important;
    font-size: 14px;
    background-color: #10a9f5;
    padding-left: 20px;
    width: 100%;
    float: left;
    margin-left: -1px;
}
.add_new_bank_btn
{
	color: #fff;
    background-color: #10a9f5;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    width: 100%;
    text-align:left;
}
#new_bank_name
{
	border: none;
    outline: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
}
.font_24
{
	font-size:24px;
}
.add_new_bank_small_btn
{
	color: #fff;
    background-color: #10a9f5;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    width: 20%;
}
.select2 select2-container.select2-container--default[dir="ltr"] {
	width: 100% ! important;
}
.select2-container--open .select2-dropdown--below ul [id$="-add"]{
    color: #ffffff! important;
    font-size: 14px;
    background-color: #10a9f5;
    padding-left: 20px;
    width: 100%;
    float: left;
    margin-left: -1px;
}
/* common head font size start*/
.formHeadinglables
{
	font-size: 24px;
	font-family: 'Roboto light';
	padding: 15px 0px;
    float: left;
}
.invoice_titel {
	font-size: 24px;
	color: #10a9f5;
	padding: 0px 10px 0px 15px;
	font-family: 'roboto light';
	margin-top: 0px;
	margin-bottom: 0px;
}
.rightsliderbar_font {
	font-size: 20px;
    color: #10a9f5;
	font-family: 'roboto light';
}
/* head common font size end*/
/*FontSize_Start*/
.font_08 {
	font-size: 8px ! important;
}
.font_10 {
	font-size: 10px !important;
}
.font_11 {
	font-size: 11px
}	
.font_12 {
	font-size: 12px ! important;
}
.font_13 {
	font-size: 13px
}
.font_14 {
	font-size: 14px
}
.font_15 {
	font-size: 15px
}
.font_16 {
	font-size: 16px  ! important;
}
.font_18 {
	font-size: 18px
}
.font_20 {
	font-size: 20px
}
.font_22 {
	font-size: 20px
}
.fontSize24px {
	font-size: 24px 
}
.font_30 {
	font-size: 30px
}
.font_weight_600 {
	font-weight: 600
}
.font_weight_100 {
	font-weight: 100
}
strong {
	font-weight: 500
}
/*FontSize_End*/ /*Width_Start*/
.width2per{
	width: 2%;
}
.width4per{
	width: 4%;
}
.width3per{
	width: 3%;
}
.width5per{
	width: 5%;
}
.width8per{
	width: 8%;
}
.width10per{
	width: 10% !important;
}
.width11per{
	width: 11%;
}
.width_15per{
	width: 15%;
}
.width20per {
	width: 20% !important;
}
 @media only screen 
and (min-device-width : 248px) 
and (max-device-width : 768px){

   .width_50{
    width: 50% !important;
   }
   
} 
.width24per {
	width: 24%
}
.width25per {
	width: 25%
}
.width_25 {
	width: 25%
}
.width28per{
	width: 28%;
}
.width29per{
	width : 29%;
}
.width_30 {
	width: 30%
}
.width_30 {
	width: 30%
}
.width_60 {
	width: 60%
}
.width_70per {
	width: 70%
}
.width_50per {
	width: 50%
}
.width_80 {
	width: 80%
}
.width_40 {
	width: 40% !important;
}
.width_100 {
	width: 100%
}
.width_30px {
	width: 30px
}
.width_100px {
	width: 100px
}
/*Width_End*/
.top_17 {
	top: 17px;
}
.top_minus_15 {
	top: -15px;
}
/*Padding_Start*/
.padding_0px {
	padding: 0px ! important;
}
.padding_1px {
	padding: 1px
}
.padding_10px {
	padding: 10px !important;
}
.padding_20px {
	padding: 20px;
}
/* mobile view - basics */
@media only screen and (min-device-width : 220px) and (max-device-width
	: 400px)  {
		.padding_6px {
			padding-right: 0px;		
			padding-left: 0px;	
		}	
}
.padding_40px {
	padding: 40px
}

.padding_top_0px {
	padding-top: 0px!important;
}
.padding_top_10 {
	padding-top: 10%
}
.padding_top_25 {
	padding-top: 25%
}
.padding_top_40 {
	padding-top: 40%
}
.padding_top_2px{
	padding-top: 2px!important;
}
.hide_content
{
display:none;
}
.show_content
{
display:block;
}
.padding_top_5px {
	padding-top: 5px!important;
}
.padding_top_8px {
	padding-top: 8px
}
.padding_top_10px {
	padding-top: 10px
}
.padding_right_m10px {
	padding-right: -10px
}
.paddingTop15px {
	padding-top: 15px;
}
.padding_top_20px {
	padding-top: 20px!important;
}
.padding_top_24px {
	padding-top: 24px!important;
}
.padding_top_25px {
	padding-top: 25px!important;
}
.padding_top_30px {
	padding-top: 30px
}
.padding_top_35px {
	padding-top: 35px
}
.paddingTop40px {
	padding-top: 40px;
}
.padding_top_43px {
	padding-top: 43px
}
.paddingTop50px {
	padding-top: 50px;
}
.paddingTop70px {
	padding-top: 70px;
}
.padding_top_80px {
	padding-top: 80px
}
.padding_top_100px {
	padding-top: 100px
}
.padding_top_150px {
	padding-top: 150px
}
.padding_right_0px {
	padding-right: 0px
}
.paddingRight5per{
	padding-right: 5%
}
.paddingRight15px {
	padding-right: 15px ! important;
}
.padding-right20 {
	padding-right: 20px;
}
.paddingRight27px {
	padding-right: 27px;
}
.padding_right_2px{
	padding-right:2px;
	}
.padding_right_30px{
	padding-right: 30px;
}
.padding_right_40px {
	padding-right: 40px;
}
.padding_right_60px {
	padding-right: 60px!important;
}
.padding_right_92px {
	padding-right: 92px;
}
.padding_bottom_10px {
	padding-bottom: 10px
}
.padding_bottom_15px {
	padding-bottom: 15px
}
.padding_bottom_20px {
	padding-bottom: 20px
}
.padding_bottom_40px {
	padding-bottom: 40px
}
.padding_bottom_20per {
	padding-bottom: 20%
}
.padding_left_10 {
	padding-left: 10%
}
.padding_left_0px {
	padding-left: 0px !important;
}
.padding_left_1px {
	padding-left: 1px;
}
.padding_left_5px {
	padding-left: 5px
}
.padding_left_25per {
	padding-left: 25% !important;
}
.padding_left_6px {
	padding-left: 6px;
}
.padding_left_10px {
	padding-left: 10px 
}
.margin_1px_0_0
{
	margin: 1px 0 0;
}
.padding_left_15px {
	padding-left: 15px
}
.padding_left_20px {
	padding-left: 20px ! important;
}
.padding_left {
	padding-left: 22px
}
.padding_left_25px {
	padding-left: 25px !important;
}
.padding_left_30px {
	padding-left: 30px !important;
}
.padding_left_27 {
	padding-left: 27% !important;
}
.padding_left_2 {
	padding-left: 2% !important;
}
.padding_left_45px {
	padding-left: 45px;
}
.padding_left_55px {
	padding-left: 55px;
}
.padding_left_59px {
	padding-left: 59px;
}
.padding_left_36px {
	padding-left: 36px;
}
.padding_left_77px {
	padding-left: 77px;
}
.padding_left_37px {
	padding-left: 37px;
}
.padding_left_112px {
	padding-left: 112px;
}
.padding_left_60px {
	padding-left: 60px ! important;
}
.paddingtopBot7px{
	padding: 7px 0px!important;
}
.paddingtop10px{
	padding: 10px 0px 0px 0px !important;
}
.paddingtopBot10px{
	padding: 10px 0px!important;
}
.paddingtopBot20px{
	padding: 20px 0px!important;
}
.paddingtopBottom20px{
	padding-top: 20px;
	padding-bottom: 20px;
}
.padding_top_bot_40px{
	padding: 40px 0px;
}
.paddingtopBot0px40px {
	padding: 0px 40px
}
.padding_right_left_0px {
	padding-left: 0px;
	padding-right: 0px;
}
.padding_left_right_40px {
	padding: 0 40px 0 40px;

}
/* mobile view - employee */
@media only screen and (min-device-width : 220px) and (max-device-width
	: 500px)  {
		.padding_left_right_10px {
			padding: 0 10px 0 10px;
		
		}	
}
.padding_left_right_30px {
	padding: 0 30px 0 30px
}
.padding_left_right_20px {
	padding: 0 20px 0 20px
}
/*Padding End*/ /*position Start*/
.position_relative {
	position: relative !important;
}
.position_fixed {
	position: fixed
}
/*Position End*/ /*margin_size*/
.margin_0px {
	margin: 0 ! important;
}
.margin_top_2per{
	margin-top: 2%;
}
.margin_top_3per{
	margin-top: 3%;
}
.margin_top_5per {
	margin-top: 5%
}
.margin_top_10 {
	margin-top: 10%
}
.margin_top_50 {
	margin-top: 50px !important;
}
.margin-top {
	margin-top: 0px
}
.margin_top_0px {
	margin-top: 0px !important;
}
.margin_top_1 {
	margin-top: 1px
}
.margin_top_2px {
	margin-top: 2px !important;
}
.margin_top_5px {
	margin-top: 5px
}
.margin_top_7px{
    margin-top: 7px;
}
.margin_top_10px {
	margin-top: 10px
}
.margin_top_10 {
	margin-top: 10px
}
.margin_top_m10px{
	margin-top: -10px;
}
.margin_top_15px {
	margin-top: 15px
}
.margin_top_20 {
	margin-top: 20px
}
.margin_top_m20 {
	margin-top: -20px
}
.margin_top_25 {
	margin-top: 25px
}
.margin_top_30 {
	margin-top: 30px
}
.margin_top_60 {
	margin-top: 60px !important;
}
.margin_top_35px {
	margin-top: 35px
}
.margin_right_5px {
	margin-right: 5px !important;
}
.margin_right_10 {
	margin-right: 10px
}
/* media query in mobile view - payroll */
@media only screen 
and (min-device-width : 248px) 
and (max-device-width : 390px){
	.margin_right_7px{
	margin-right:7px;
   }
   .margin_leftrig_0px{
     padding-right: 0px;		
	 padding-left: 0px;
   }
}

@media only screen 
and (min-device-width : 248px) 
and (max-device-width : 500px){
	.max_width_cont{
	max-width:fit-content;
   }
 
}
.margin_right_15 {
	margin-right: 15px
}
.margin_right_25per {
	margin-right: 25%;
}
.margin_right_125px {
	margin-right: 125px;
}
.margin_5per_auto
{
	margin:5% auto;
}
.margin_bottom_0px {
	margin-bottom: 0px
}
.margin_bottom_10 {
	margin-bottom: 10px
}
.margin_top_m30px
{
 margin-top:-30px;
}
.margin_bottom_20 {
	margin-bottom: 20px
}
.margin_bottom_30 {
	margin-right: 30px
}
.margin_bottom_50 {
	margin-bottom: 50px
}
.margin_left_30per {
	margin-left: 30%
}
.margin_left_5 {
	margin-left: 5px
}
.margin_left_10 {
	margin-left: 10px
}
.margin_left_20px {
	margin-left: 20px
}
.margin_left_25px {
	margin-left: 20px
}
.margin_left_m25px{
	margin-left : -25px;
}
.margin_left_30 {
	margin-left: 30px
}
.margin_top_47 {
	margin-top: 50px
}
.margin_left_right_0px {
	margin-left: 0px;
	margin-right: 0px
}
.marginTopBot15px {
	margin: 15px 0px;
}
/*margin_end*/ /*Height Start*/

.height_190px {
	height: 190px
}
.height_160px {
	height: 160px
}
.height_43 {
	height: 43px
}
.height_71px
{
	height:71px;
}
.height_400 {
	height: 401px
}
.height_28px {
	height: 28px
}
.height_25px {
	height: 25px
}
.height_0px{
	height: 0px ! important;
}
.height_100px{
	height: 100px ! important;
}
.flickerIssue {
	height: 87vh
}
/*Height End*/ /* Border-Styles Starts*/
.border_none {
	border: none
}
.border_total_view {
	border-bottom: 1px solid #6d6464
}
#alert_popup_radius {
	border-radius: 8px
}
.border-radius-7 {
	border-radius: 7px !important;
}
.border_radius_50px {
	border-radius: 50px !important;
}
.border_radius_100px {
	border-radius: 100px
}
.border_radius_iform {
	border-bottom-left-radius: 3px !important;
	border-top-left-radius: 3px !important;
}
.border_radius_input {
	border-bottom-right-radius: 3px !important;
	border-top-right-radius: 3px !important;
}
/* Border-Styles Ends */ /* Alignment-Styles Starts */
.float_right {
	float: right !important
}
.right {
	float: right !important;
}
.float_left {
	float: left
}
.float_none {
	float: none
}
.text_align_center {
	text-align: center 
}
.centeredImage {
	position: absolute;
	  font-size: 17px;
	  padding-left: 23%;
	  /* padding-right: 1%; */
	}
	.containerImage {
	  position: relative;
	  text-align: center;
	  color: white;
	}
	.urlTextColor{
	  color:white;
	}
.text_align_right {
	text-align: right ! important;
}
.text_align_left {
	text-align: left !important;
}
.outline_none {
	outline: none !important;
}
.color_3c8dbc
{
	 color: #3c8dbc !important;
}
.overflow_visible {
	overflow: visible
}
.cursor_pointer {
	cursor: pointer
}
.cursor_pointer:hover,.cursor_pointer:active,.cursor_pointer:focus {
	cursor: pointer;
	color: white
}
.mouse_cursor {
	cursor: pointer
}
.pointer {
	cursor: pointer
}
/* Alignment-Styles Starts */ /* Regular-Styles Starts */
img {
	max-width: 100%
}
h1,h2 {
	margin-top: 10px;
	font-size: 38px;
	color: #555;
	line-height: 50px
}
.box .h3_fontsize {
	font-family: 'Roboto regular';
	font-size: 20px !important
}
.show_role_slide
{
	right:0px !important;
}

.margin_bottom_fit
{
	margin-bottom:60px;
}
input {
	/*padding: 4px 10px;*/
	border-color: gray
}
input::-ms-clear {
	display: none
}
.common_Calendar_icon_img {
	width: 100% ! important;
    background-image: url(../images/calendar_icon.svg);
    background-position: 110px 5px;
    background-repeat: no-repeat;
    background-size: 16px;
    background-color: transparent;
    cursor: pointer;
    height: 28px;
    padding-top:0px! important;
    padding-bottom:0px! important;
    font-size: 14px ! important;	
}
a,.mdl-accordion,.mdl-button,.mdl-card,.mdl-checkbox,.mdl-dropdown-menu,.mdl-icon-toggle,.mdl-item,.mdl-radio,.mdl-slider,.mdl-switch,.mdl-tabs__tab
	{
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}
.wrapper {
	height: 100%;
	width: 100%;
	float: left;
	overflow: hidden
}
.text_clip {
	text-overflow: clip;
    word-wrap: break-word;
}
.common_gridview {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25) !important;
	background-color: #fff;
	border-radius: 5px;
	padding: 20px 20px
}
.commongrid_colortext {
	text-align: center;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 100px;
	font-size: 25px;
	padding-top: 20px;
	background-color: rgba(35, 35, 41, 0.52);
	color: #000;
	font-weight: 600;
	top: 0;
	bottom: 0
}
.gridtext_padding {
	padding-right: 0px;
	padding-left: 25px;
	padding-top: 5px
}
.btn-group .dropdown-menu {
	min-width: 175px
}
/* headercommon_pathlist Start */
.list_header {
	padding: 10px;
	font-weight: 500;
	font-size: 15px;
	border-bottom: 1px solid #d6d2d2;
	font-family: 'roboto light';
}
.list_content a {
	color: #000000;
	font-size: 14px
}
.list_content {
	padding-left: 10px
}
.list_content li {
	padding: 10px;
	border-bottom: 1px solid #d6d2d2;
	list-style: none;
	padding-left: 0
}
.btn-active-green {
	background-color: #24a88e
}
.btn_text_color {
	color: white !important;
	margin-right: 20px;
	padding-bottom: 8px
}
.btn_text_color.active {
	border-bottom: 2px solid #ffffff;
	padding-bottom: 11px
}
.headercommon_pathlist {
	border-bottom: 1px solid rgba(74, 74, 74, 0.11);
}
.headercommon_pathlist .commonpage_path {
	display:none;
	list-style-type: none;
	padding: 13px 0px 12px 0px;
	margin-bottom: 0px
}
.headercommon_pathlist .commonpage_path a {
	font-size: 14px;
	margin-right: 3px;
	color: #4b4b4b;
	opacity: 0.6
}
.headercommon_pathlist .commonpage_path i {
	/*font-size: 11px;
	color: #4b4b4b;
	*/
	margin-left: 7.5px;
	margin-right: 7.5px;
	opacity: 0.6
}
.headercommon_pathlist .commonpath_tips {
	list-style-type: none;
	display: inline-flex;
	padding: 10px 0px;
	margin-bottom: 0px;
	float: right
}
.pay_now_font
{
	padding: 10px 2px;
	background-color: #10a9f5;
	color: #ffffff;
	border-radius: 4px;
}
/* headercommon_pathlist END */ /* commonlist and grid view start */
.cls-1 {
	fill: black
}
.cls-1:hover {
	fill: orange
}
/* pagination css */
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
	border-radius: 24px;
	background: transparent !important;
}
.pagination>li>a,.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: transparent !important;
	border: 0px solid #ddd !important;
}
.pagination>li>a {
	background: #ffffff;
	color: #666
}
.paginate_button .pagination>li>a {
	color: #666
}
/* pagination css end */ /* commonlist and grid view END */
.overall_page_loader .modal {
	z-index: 10000;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.18);
	overflow: auto;
	overflow-y: hidden;
	overflow-x: auto;
	display: none
}
/* 404 page not found page css start */
#error_404 .right_border {
	border-right: 2px solid #10a9f5
}
#error_404 span {
	color: #10a9f5
}
#error_404 .text_404 {
	font-weight: bold;
	font-size: 120px;
	text-shadow: 2px 4px 1px rgba(223, 240, 252, 0.9), 4px 6px 1px
		rgba(223, 240, 252, 0.85), 6px 8px 1px rgba(223, 240, 252, 0.8), 8px
		10px 1px rgba(223, 240, 252, 0.75), 10px 12px 1px
		rgba(223, 240, 252, 0.7), 12px 14px 1px rgba(223, 240, 252, 0.65),
		14px 16px 1px rgba(223, 240, 252, 0.6), 16px 18px 1px
		rgba(223, 240, 252, 0.55), 18px 20px 1px rgba(223, 240, 252, 0.50),
		20px 22px 1px rgba(223, 240, 252, 0.45), 22px 24px 1px
		rgba(223, 240, 252, 0.40), 24px 26px 1px rgba(223, 240, 252, 0.35),
		26px 28px 1px rgba(223, 240, 252, 0.30), 28px 30px 1px
		rgba(223, 240, 252, 0.25), 30px 32px 1px rgba(223, 240, 252, 0.2),
		32px 34px 1px rgba(223, 240, 252, 0.15), 34px 36px 1px
		rgba(223, 240, 252, 0.10), 36px 38px 1px rgba(223, 240, 252, 0.05);
}
#error_404 .error_content {
	color: #10a9f5;
	padding: 30px 0px 30px 35px
}
#error_404 .sorry_text {
	font-weight: bold;
	font-size: 24px;
	color: #10a9f5
}
#error_404 .back_btn {
	color: #10a9f5;
	border: 1px solid #10a9f5;
	border-radius: 5px;
	outline: none;
	background-color: transparent;
	padding: 2px 14px 2px 5px;
	margin-top: 10px
}
/* 404 page not found page css start */
	/* common new css for floating label and support for all browsers */
.checkBoxPadding {
	padding: 6px 20px
}
.checkBoxspanBox {
	float: left;
	padding-left: 10px
}
.inputFieldBox,.inputFieldBox1,.inputCheckBox {
	margin-top: 25px;
	margin-bottom: 5px
}
.inputFieldBox input,.inputFieldBox select,
.inputFieldBox1 input,.inputFieldBox1 select {
	background: transparent;
	border-top: none ! important;
	border-left: none ! important;
	border-right: none ! important;
	border-bottom: 1px solid #cccccc;
	border-radius: 0px;
	width: 100%;
	box-shadow: none;
	display: block;
	min-height: 34px;
	padding: 0px;
	line-height: 1.42857143;
	color: #555;
	outline: none;
	box-sizing: border-box;
	resize: none;
	text-align: left;
	-webkit-appearance: none;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	font-family: 'Roboto regular' ! important;
}
.inputFieldBox select option,.inputFieldBox1 select option {
	color: #555 !important;
}
.inputFieldBox input:focus,.inputFieldBox1 input:focus {
	border-bottom: 1px solid #10a9f5 ! important;
}
.inputFieldBox select:focus,.inputFieldBox select:focus {
	border-bottom: 1px solid #10a9f5
}
/*
.inputFieldBox .select2FloatingLabel,
.inputFieldBox1 .select2FloatingLabel {
	position: absolute;
	pointer-events: none;
	transition: 0.2s ease all;
	top: -15px;
	bottom: 12px;
	left: 15px;
	font-size: 12px;
	opacity: 1;
	color: #10a9f5
}*/

.inputFieldBox input+.floating-label,.inputFieldBox1 input+.floating-label {
	position: absolute;
	pointer-events: none;
	left: 15px;
	top: 10px;
	transition: 0.2s ease all;
	color: #b2b2b2
}
.inputFieldBox select+.floating-label,.inputFieldBox1 select+.floating-label {
	position: absolute;
	pointer-events: none;
	left: 15px;
	top: -15px;
	transition: 0.2s ease all;
	color: #b2b2b2;
	font-size: 12px;
	color: #10a9f5
}
/* To support all browser */
.inputFieldBox input:focus ~ .floating-label,
.inputFieldBox1 input:focus ~ .floating-label {
	top: -15px ! important;
	bottom: 12px;
	left: 15px;
	font-size: 12px;
	opacity: 1;
	color: #10a9f5 ! important;
}
.add_role_per
{
	position:fixed;
	top:60px;
	bottom:0;
	right:-1000px;
	display: block; 
	transition: right 0.5s ease-in-out;
	z-index:2000;
}
.inputFieldBox input:not(:focus):valid ~ .floating-label {
	top: -15px ! important;
	bottom: 12px;
	left: 15px;
	font-size: 12px;
	opacity: 1;
	color: #10a9f5 ! important;
}
.inputFieldBox input:not(:placeholder-shown) ~ .floating-label,
.inputFieldBox1 input:not(:placeholder-shown) ~ .floating-label{
	top: -15px ! important;
	bottom: 12px;
	left: 15px;
	font-size: 12px;
	opacity: 1;
	color: #10a9f5 ! important;
}
.inputFieldBox input:not(::placeholder-shown) ~ .floating-label,
.inputFieldBox1 input:not(::placeholder-shown) ~ .floating-label {
	top: -15px ! important;
	bottom: 12px;
	left: 15px;
	font-size: 12px;
	opacity: 1;
	color: #10a9f5 ! important;
}
.inputFieldBox input:not(:-ms-input-placeholder) ~ .floating-label,
.inputFieldBox1 input:not(:-ms-input-placeholder) ~ .floating-label {
	top: -15px ! important;
	bottom: 12px;
	left: 15px;
	font-size: 12px;
	opacity: 1;
	color: #10a9f5 ! important;
}
.inputFieldBox input:not(::-ms-input-placeholder) ~ .floating-label,
.inputFieldBox1 input:not(::-ms-input-placeholder) ~ .floating-label {
	top: -15px ! important;
	bottom: 12px;
	left: 15px;
	font-size: 12px;
	opacity: 1;
	color: #10a9f5 ! important;
}
.inputFieldBox input:not(::-webkit-input-placeholder) ~ .floating-label,
.inputFieldBox1 input:not(::-webkit-input-placeholder) ~ .floating-label {
	top: -15px ! important;
	bottom: 12px;
	left: 15px;
	font-size: 12px;
	opacity: 1;
	color: #10a9f5 ! important;
}
.inputFieldBox input:not(::-moz-placeholder) ~ .floating-label,
.inputFieldBox1 input:not(::-moz-placeholder) ~ .floating-label {
	top: -15px ! important;
	bottom: 12px;
	left: 15px;
	font-size: 12px;
	opacity: 1;
	color: #10a9f5 ! important;
}
.inputFieldBox input:not(:-moz-placeholder) ~ .floating-label,
.inputFieldBox1 input:not(:-moz-placeholder) ~ .floating-label {
	top: -15px ! important;
	bottom: 12px;
	left: 15px;
	font-size: 12px;
	opacity: 1;
	color: #10a9f5 ! important;
}
.inputFieldBox input:focus+.floating-label,
.inputFieldBox1 input:focus+.floating-label {
	top: -15px ! important;
	color: #10a9f5
}
.inputFieldBox select:focus+.floating-label,
.inputFieldBox1 select:focus+.floating-label {
	top: -15px ! important;
	color: #10a9f5
}
.input-focus {
	border-bottom: 1px solid #10a9f5
}
.input-focus-label {
	top: -15px ! important;
	color: #10a9f5 ! important
}

/*
#product_form .select2-container .select2-selection--single .select2-selection__rendered,#client_form .select2-container .select2-selection--single .select2-selection__rendered,#voucher_form .select2-container .select2-selection--single .select2-selection__rendered,#supplier_form .select2-container .select2-selection--single .select2-selection__rendered,#bills_form .select2-container .select2-selection--single .select2-selection__rendered,#employee_form_border .select2-container .select2-selection--single .select2-selection__rendered,#basic_details .select2-container .select2-selection--single .select2-selection__rendered,#settings-general .select2-container .select2-selection--single .select2-selection__rendered,#common_newinvoice .select2-container .select2-selection--single .select2-selection__rendered,#common_newpurchase .select2-container .select2-selection--single .select2-selection__rendered,#client_details_crud .select2-container .select2-selection--single .select2-selection__rendered
	{
	color: #555! important;
	margin-top: 0px ! important;
	border-radius: 0px;
	font-family: 'Roboto regular';
	line-height: 15px
}
*/

/*Don't leave space between these classes*/

/*
.select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below{
	top: 0px ! important;
	border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}*/

/*Don't leave space between these classes*/

/*
.select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus
{
	border:initial !important;
}
#user_form .select2-container .select2-selection--single .select2-selection__rendered,#report_sales .select2-container .select2-selection--single .select2-selection__rendered
	{
	color: #555! important;
	margin-top: 0px ! important;
	border-radius: 0px;
	font-family: 'Roboto regular';
	line-height: 1.42857143
}*/


/* Common Error Messgae */
.form-div input.error{
	border-bottom: 1px solid red ! important;
}

.inputFieldBox input.error,.inputFieldBox select.error,.inputFieldBox1 input.error,.inputFieldBox1 select.error
{
	border-bottom: 1px solid red ! important;
}

textarea.error {
	border: 1px solid red ! important;
}

.inputFieldBox label.error,.inputFieldBox1 label.error {
	padding-left: 0px;
	font-size: 12px;
	font-style: italic;
	color: red ! important;
	float: left;
}

/* Select2 Common CSS */
/*
#product_form .select2-container--default .select2-selection--single,#client_form .select2-container--default .select2-selection--single,#voucher_form .select2-container--default .select2-selection--single,#supplier_form .select2-container--default .select2-selection--single,#bills_form .select2-container--default .select2-selection--single,#employee_form_border .select2-container--default .select2-selection--single,#basic_details .select2-container--default .select2-selection--single,#settings-general .select2-container--default .select2-selection--single,#report_sales .select2-container--default .select2-selection--single,#common_newinvoice .select2-container--default .select2-selection--single,#common_newpurchase .select2-container--default .select2-selection--single,#client_details_crud .select2-container--default .select2-selection--single,.select2-selection .select2-selection--single
	{
	border: none ! important;
	border-bottom: 1px solid #cccccc ! important;
	padding: 0px ! important;
	margin-top: 0px ! important;
	color: #555 ! important;
	height: 20px;
	border-radius: 0px ! important;
}

#user_form .select2-container--default .select2-selection--single,#report_sales .select2-container--default .select2-selection--single
	{
	border: none ! important;
	border-bottom: 1px solid #cccccc ! important;
	padding: 10px 0px 0px 0px ! important;
	margin-top: 0px ! important;
	color: #555 ! important;
	height: 34px;
	border-radius: 0px ! important;
}*/


/*
#user_form .select2-container--default .select2-selection--multiple,#report_sales .select2-container--default .select2-selection--multiple,#currency_select2 .select2-container--default .select2-selection--multiple
	{
	height: 50px;
	border: none ! important;
	border-bottom: 1px solid #cccccc ! important;
	padding: 7px 5px 0px 5px ! important;
	border-radius: 0px ! important;
}*/


/*.select2-container--open .select2-dropdown--above {
 	border-bottom: 1px solid #cccccc ! important;
 	border : 1px solid #cccccc;
}*/
/*
#product_form .select2-container--default .border_error,#client_form .select2-container--default .border_error,#voucher_form .select2-container--default .border_error,#supplier_form .select2-container--default .border_error,#bills_form .select2-container--default .border_error,#employee_form_border .select2-container--default .border_error,#basic_details .select2-container--default .border_error,#settings-general .select2-container--default .border_error,#user_form .select2-container--default .border_error,#common_newpurchase .select2-container--default .border_error,.select2-selection .border_error
	{
	border-bottom: 1px solid red ! important;
	border-radius: 0px
}*/


/*cancel and save btn*/
.save_send_btn {
	border-radius: 21px !important;
	color: white;
	background-color: #3db29c;
	margin-right: 70px;
	width: 116px;
}

.cancel_btn {
	border-radius: 5px !important;
	color: white;
	background-color: #b7b7b7;
	margin-right: 17px;
	width: 90px
}

.save_btn {
	border-radius: 5px !important;
	color: white;
	margin-right: 17px;
	width: 90px
}

.cancel_btn:active,.cancel_btn:hover,.cancel_btn:focus {
	color: white;
	outline: none !important;
}

.download_button {
	background: white;
	color: #000000;
	padding: 9px 12px 0px 12px;
	float: left
}

.download_button:hover {
	color: #10a9f5
}

/*All common Upload preview Css*/
.invoiceformParentClass .uploadPreview {
	padding: 0px;
	overflow: hidden;
	width: auto;
}
.invoiceformParentClass .uploadPreviewBox {
   	padding: 5px;
    width: auto;
    float: left;
}
.invoiceformParentClass .allAttachmentDeleteButton {
    position: absolute;
    top: -4px;
    right: -5px;
}
.invoiceformParentClass .allAttachmentDeleteButton .allAttachcCoseBtn {
	background: transparent;
    border: none;
    cursor: pointer;
}
.invoiceformParentClass #ternary_div {
	padding: 0px 30px 0px 55px;
	float: left;
	width: 100%;
	font-family: 'Roboto regular';
}
.invoiceformParentClass #fourth_maindiv {
	padding: 0px 40px 10px 40px;
	float: left;
	width: 100%;
}
.invoiceformParentClass #fifth_maindiv {
	padding: 10px 40px 65px 40px;
	float: left;
	width: 100%;
	font-family: 'Roboto regular';
	overflow: hidden;
	margin-bottom: 20px;
}
.invoiceformParentClass .attach_file_right {
	padding: 9px 10px 5px 5px;
	float: right;
	text-align: right;
}
.invoiceformParentClass .attach_file_right {
	padding: 9px 10px 5px 5px;
	float: right;
	text-align: right;
}
.uploadPreview {
	padding: 10px 0px 0px 0px;
	overflow: hidden;
	width: auto;
}
.uploadPreviewBox {
    padding: 10px;
    width: auto;
    float: right;
}
.attachmentPhotoDiv {
	 border: 1px solid #ccc;
    border-radius: 5px;
	border-radius: 3px;
	width: 100%;
    float: left;
    text-align: center;
    background-color: rgba(204, 204, 204, 0.30);
}
.allAttachmentDeleteButton {
    position: absolute;
    top: 0px;
    right: -2px;
}
.allAttachmentDeleteButton .allAttachcCoseBtn {
	background: transparent;
    border: none;
    cursor: pointer;
}
.saleattachment_deletebutton {
	position: absolute;
	top: 1px;
	right: 5px
}
.saleattachment_deletebutton button {
	padding: 3px 8px;
	border-radius: 50px;
	background-color: initial
}
.saleattachment_deletebutton button i {
	font-size: 20px;
	color: gray
}
.attachement_box_img {
	display: inline-block
}
.attachment_deletebutton {
	position: absolute;
	top: 1px;
	right: 0px
}
.attachment_deletebutton button {
	padding: 3px 8px;
	border-radius: 50px;
	background-color: initial
}
.attachment_deletebutton button i {
	font-size: 20px;
	color: gray
}
.col-centered {
	float: none;
	margin: 0 auto
}
.rightside_borderfix {
	border-right: 0.5px solid #ccc
}
.list_common_box {
	box-shadow: initial !important;
	border-radius: 0px !important;
	border: initial !important;
	padding-top: 20px
}
.modal-header {
	border-bottom: 0px solid !important;
	padding: 10px 0px
}
.add_new_data {
	font-size: 13px;
	padding-right: 20px;
	text-align: right;
	width: 100%
}
.expenses select {
	padding: 4px 0px 4px 0px !important;
	outline: none;
	background: #ffffff
}
.expenses .inline-input-form {
	padding: 5px 0px
}
.bills_gst_type_text {
	font-size: 15px;
	font-weight: 800
}

/* Client-Supplier-Common-css Starts*/
.client_supplier .nav-tabs>li>a:hover {
	border-color: #E6E6E6
}

.client_supplier .nav-tabs {
	border-bottom: none;
	!
	important
}

.client_supplier .nav-tabs>li.active>a,.client_supplier .nav-tabs>li.active>a:focus,.client_supplier .nav-tabs>li.active>a:hover
	{
	color: #ffffff;
	cursor: pointer;
	border-bottom-color: #ffffff
}

.client_supplier .nav-tabs>li.active>a,.client_supplier .nav-tabs>li.active>a:focus,.client_supplier .nav-tabs>li.active>a:hover
	{
	color: #00a65a;
	cursor: pointer;
	border-bottom-color: transparent
}

.client_supplier .nav>li>a:focus,.client_supplier .nav>li>a:hover {
	text-decoration: none;
	background-color: transparent
}

.client_supplier .nav>li>a:hover,.client_supplier .nav>li>a:active,.client_supplier .nav>li>a:focus
	{
	color: #ffffff;
	cursor: pointer
}

.client_supplier {
	background: transparent;
	color: white
}

.client_supplier .nav-tabs>li.active>a,.client_supplier .nav-tabs>li.active>a:focus,.client_supplier .nav-tabs>li.active>a:hover
	{
	color: #555;
	cursor: pointer;
	background-color: transparent;
	border: none;
	border-bottom-color: transparent
}

.client_submenu a {
	color: White
}

.client_supplier .nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: none
}

.client_supplier .nav-tabs>li.active>a,.client_supplier .nav-tabs>li.active>a:focus,.client_supplier .nav-tabs>li.active>a:hover
	{
	color: #ffffff;
	cursor: pointer;
	/* background-color:transparent ; */
	border-bottom: 1px solid #fff;
	border-bottom-color: #ffffff
}

.client_supplier .nav-tabs>li>a {
	margin-right: 2px;
	color: #ffffff;
	line-height: 1.42857143;
	border-radius: 4px 4px 0 0
}

.client_supplier .nav>li>a {
	position: relative;
	margin-bottom: 2px;
	display: block;
	padding: 10px 15px;
	border-bottom-color: #ffffff;
	cursor: pointer
}

.discount-flat {
	width: 43%;
	float: left;
	margin-right: 20px
}

.discount-percent {
	width: 44%;
	float: right
}
.note_text {
	float: left;
	width: 100%;
	height: 120px;
}
.attachment_clip {
	padding-bottom: 10px;
	padding-right: 13px;
	padding-left: 12px;
	padding-top: 18px;
	background-color: #b6bbbb;
	position: absolute;
	border-radius: 0 5px 5px 0px;
}
/* mobile view starts -purchase */
@media only screen 
and (min-device-width : 240px) 
and (max-device-width : 1024px){
	.btn_padding{
		padding: 7px 20px !important;
	}
}

/* mobile view ends -purchase */
/* Client-Supplier-Common-css Ends*/ /*button css*/
.cancel_button {
	width:96px;
	padding: 4px 25px;
	border-radius: 5px;
	background-color: lightgrey;
	color: #000;
	outline: none;
	border: none;
	font-size: 16px !important;
}
.cancel_button:hover
{
	color: #000;
}
.save_button {
 min-width:96px;
 padding: 4px 25px;
 border-radius: 5px;
 background-color: #10a9f5;
 color: #fff;
 outline: none;
 border: none;
 font-size: 16px !important;
}
.red_cancel:hover
{
	content: url(../images/close-red.svg);
}
.delete_red:hover
{
	content: url(../images/delete-red.svg);
}
button {
	outline: none !important;
	font-family: 'Roboto regular' !important;
	font-size: 14px !important;
}
/*button css end */ /*floating button*/
	/*.w3-btn:hover,.w3-btn-block:hover,
.w3-btn-floating:hover,.w3-btn-floating-large:hover {
box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}
*/
.w3-btn,.w3-btn-floating,.w3-btn-floating-large,.w3-closenav,.w3-opennav,.w3-btn-block {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.w3-btn-floating,.w3-btn-floating-large {
	display: inline-block;
	text-align: center;
	color: #fff;
	background-color: #000;
	overflow: hidden;
	z-index: 1;
	padding: 0;
	border-radius: 50%;
	cursor: pointer;
	font-size: 24px
}
.w3-btn-floating {
	width: 40px;
	height: 40px;
	line-height: 40px
}
.w3-btn-floating-large {
	width: 56px;
	height: 56px;
	line-height: 56px
}
.w3-disabled,.w3-btn:disabled,.w3-btn-floating:disabled,.w3-btn-floating-large:disabled {
	cursor: not-allowed;
	opacity: 0.3
}
.w3-btn.w3-disabled *,.w3-btn-block.w3-disabled,.w3-btn-floating.w3-disabled *,.w3-btn:disabled *,.w3-btn-floating:disabled * {
	pointer-events: none
}
.w3-btn.w3-disabled:hover,.w3-btn-block.w3-disabled:hover,.w3-btn:disabled:hover,.w3-btn-floating.w3-disabled:hover,.w3-btn-floating:disabled:hover,.w3-btn-floating-large.w3-disabled:hover,.w3-btn-floating-large:disabled:hover
	{
	box-shadow: none
}
.w3-btn-group .w3-btn {
	float: left
}
.w3-btn-block {
	width: 100%
}
.w3-btn-bar .w3-btn {
	box-shadow: none;
	background-color: inherit;
	color: inherit;
	float: left
}
.w3-btn-bar .w3-btn:hover {
	background-color: #ccc
}
.w3-badge,.w3-tag,.w3-sign {
	background-color: #000;
	color: #fff;
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center
}
.w3-badge {
	border-radius: 50%
}
ul.w3-ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}
ul.w3-ul li {
	padding: 6px 2px 6px 16px;
	border-bottom: 1px solid #ddd
}
ul.w3-ul li:last-child {
	border-bottom: none
}
.w3-tooltip,.w3-display-container {
	position: relative
}
.w3-tooltip .w3-text {
	display: none
}
.w3-tooltip:hover .w3-text {
	display: inline-block
}
.w3-navbar {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden
}
.w3-navbar li {
	float: left
}
.w3-navbar li a,.w3-navitem,.w3-navbar li .w3-btn,.w3-navbar li .w3-input {
	display: block;
	padding: 8px 16px
}
.w3-navbar li .w3-btn,.w3-navbar li .w3-input {
	border: none;
	outline: none;
	width: 100%
}
.w3-navbar li a:hover {
	color: #000;
	background-color: #ccc
}
.w3-navbar .w3-dropdown-hover,.w3-navbar .w3-dropdown-click {
	position: static
}
.w3-navbar .w3-dropdown-hover:hover,.w3-navbar .w3-dropdown-hover:first-child,.w3-navbar .w3-dropdown-click:hover {
	background-color: #ccc;
	color: #000
}
.w3-navbar a,.w3-topnav a,.w3-sidenav a,.w3-dropdown-content a,.w3-accordion-content a,.w3-dropnav a {
	text-decoration: none !important
}
.w3-navbar .w3-opennav.w3-right {
	float: right !important
}

.w3-topnav {
	padding: 8px 8px
}

.w3-topnav a {
	padding: 0 8px;
	border-bottom: 3px solid transparent;
	-webkit-transition: border-bottom .25s;
	transition: border-bottom .25s
}

.w3-topnav a:hover {
	border-bottom: 3px solid #fff
}

.w3-topnav .w3-dropdown-hover a {
	border-bottom: 0
}
.lbl
{
	color: #10a9f5;
    font-size: 14px;
}

.w3-opennav,.w3-closenav {
	color: inherit
}

.w3-opennav:hover,.w3-closenav:hover {
	cursor: pointer;
	opacity: 0.8
}

.w3-btn,.w3-btn-floating,.w3-dropnav a,.w3-btn-floating-large,.w3-btn-block,.w3-navbar a,.w3-sidenav a,.w3-pagination li a,.w3-hoverable tbody tr,.w3-hoverable li,.w3-accordion-content a,.w3-dropdown-content a,.w3-dropdown-click:hover,.w3-dropdown-hover:hover,.w3-opennav,.w3-closenav,.w3-closebtn,*[class
	*="w3-hover-"] {
	-webkit-transition: background-color .25s, color .15s, box-shadow .25s,
		opacity 0.25s, filter 0.25s, border 0.15s;
	transition: background-color .25s, color .15s, box-shadow .15s, opacity
		.25s, filter .25s, border .15s
}

.w3-teal,.w3-hover-teal:hover {
	color: #fff !important;
}

/*floating button End */
.download_btn_cont {
	float: right;
	padding: 5px 10px
}

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

.rightsidebar_fixed {
	position: fixed !important;
	top: 0;
	bottom: 0;
}

.sidebar_overlay
{
	position: fixed !important;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #0000006e;
  z-index: 10000000;
}

/*companyRegister*/ /* mdl-button style css */
.btn-group .btn.btn-info {
	background: #38a4dd;
	height: 32px;
	padding: 6px 11px;
	border-radius: 2px
}

.btn-group .btn.btn-info .caret {
	margin-left: 5px
}

.mdl-button__ripple-container {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	overflow: hidden
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised.btn-primary,.mdl-button--accent.mdl-button--accent.mdl-button--fab.btn-primary
	{
	background: #38a4dd;
	color: #fff
}

.mdl-button--accent {
	font-size: 13px;
	height: 32px;
	line-height: 34px
}

.mdl-button--raised {
	background: rgba(158, 158, 158, .2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px
		rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.mdl-button {
	background: 0 0;
	border: none;
	border-radius: 2px;
	color: #000;
	position: relative;
	height: 36px;
	margin: 0;
	min-width: 64px;
	padding: 0 16px;
	display: inline-block;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0;
	overflow: hidden;
	will-change: box-shadow;
	transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color
		.2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	line-height: 36px;
	vertical-align: middle
}

.save_cancel_btn {
	text-align: center;
	padding-top: 25px;
	padding-bottom: 20px
}

.sidebar {
	font-size: 14px;
	font-family: 'Roboto regular';
}

.input-group-addon i {
	width: 12px
}

.quotes_paddingright_0px {
	padding-right: 0px !important;
}

.quotes_paddingtop_0px {
	padding-top: 0px !important;
}

.subtotal_amount.padding_right_20px {
	padding-right: 20px
}

.total_amount.padding_right_20px,.total_paid_amount.padding_right_20px,.total_balance_amount.padding_right_20px,.credit_total_amount.padding_right_20px
	{
	padding-right: 20px
}

.overlay {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.7);
	overflow-x: hidden;
	transition: 0.5s;
	display: none
}

#client_country .select {
	border: none
}

.first_name {
	border: none;
	/*text-align: center;*/
	font-size: 20px
}

/* table changes on company setup*/
#create-quote .inline-input-form .textpadding {
	padding: 10px 0px 10px 0px
}

#create-quote .form-inner-padding {
	width: 100%;
	padding-left: 40px;
	padding-right: 40px
}

#ui-datepicker-div {
	display: none !important;
}

.mailer_quotes_design {
	border-radius: 5px !important;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.25) !important;
	height: auto;
	background: #fff;
	border-radius: 5px;
	padding: 25px;
	min-height: 376px;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 50px;
	margin-top: 50px;
	display: block;
   overflow: auto;
}

.signatureLine {
	border-top: 1px solid #000;
    padding: 0px 20px 10px 20px;
    margin: 0px 100px;
}

#email_templates .margin_left {
	margin-left: 0%
}

.slider.round {
	border-radius: 50px
}

.slider.round:before {
	border-radius: 50%
}

#create-quote .form-group input.has-error,#create-invoice .form-group input.has-error,#create-quote .form-group select.has-error,#create-invoice .form-group select.has-error,#enter-payment .error
	{
	border: 1px solid red
}

#model-signup-popup .layout_bg_color {
	background-color: #10a9f5
}
.pending_status_bg {
	background-color: #10a9f5 !important;
}
.pending_status_bg1 {
	background-color: #c2c4c5 !important;
}

.switch {
	position: relative;
	display: inline-block;
	/* width: 60px;*/
	height: 10px
}

.switch input {
	display: none;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 12px;
	/*left: 30px;*/
	height: 24px;
	width: 50px;
	right: 0;
	margin-left: -5px;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 19px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s
}

input:checked+.slider {
	background-color: #2196F3
}

input:focus+.slider {
	box-shadow: 0 0 1px #2196F3
}

input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

.sidebar_common_img {
	float: left;
	width: 14%;
	margin-right: 0px
}

.sidebar_common_text {
	float: left;
	width: 80%;
	height: 40px;
	padding-bottom: 40px
}
.box_shadow {
	box-shadow: none
}

.box_shadow:active,.box_shadow:hover,.box_shadow:focus {
	box-shadow: none;
	outline: none
}

.note_box {
	float: left;
	outline: none;
	border: 1px solid #afafaf;
	background-color: transparent;
	color: #000;
	vertical-align: middle;
	border-radius: 4px
}

.header_menubar_text {
	padding: 20px 0px 0px 0px;
	font-size: 18px
}

/*
.select2-selection--multiple {
	height: auto !important;
}*/


/***** Loader *****/
.upload_loader {
	margin-top: 100px;
}

.loader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden !important;
	z-index: 99999;
}

.loader-img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	width: 60px;
	height: 60px;
	background: url("../images/loading.gif") center center no-repeat;
}

#crud_client #close {
	cursor: pointer;
}

#user_change_pswd {
	position: absolute;
	right: 36%;
	width: 250px;
	padding: 15px;
	background: #fefefe;
	font-size: .875em;
	border-radius: 5px;
	box-shadow: 0 1px 3px #ccc;
	border: 1px solid #ddd;
	z-index: 1;
}

#user_change_pswd h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: normal;
}

#user_change_pswd::before {
	content: "\25B2";
	position: absolute;
	top: -12px;
	left: 45%;
	font-size: 14px;
	line-height: 14px;
	color: #ddd;
	text-shadow: none;
	display: block;
}

#user_change_pswd .invalid {
	padding-left: 22px;
	line-height: 24px;
	color: #ec3f41;
}

#user_change_pswd .valid {
	padding-left: 22px;
	line-height: 24px;
	color: #3a7d34;
}

#user_change_pswd {
	display: none;
}

#user_verify_pswd {
	position: absolute;
	right: 36%;
	width: 250px;
	padding: 15px;
	background: #fefefe;
	font-size: .875em;
	border-radius: 5px;
	box-shadow: 0 1px 3px #ccc;
	border: 1px solid #ddd;
	z-index: 1;
}

#user_verify_pswd h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: normal;
}

#user_verify_pswd::before {
	content: "\25B2";
	position: absolute;
	top: -12px;
	left: 45%;
	font-size: 14px;
	line-height: 14px;
	color: #ddd;
	text-shadow: none;
	display: block;
}

#user_verify_pswd .invalid {
	padding-left: 22px;
	line-height: 24px;
	color: #ec3f41;
}

#user_verify_pswd .valid {
	padding-left: 22px;
	line-height: 24px;
	color: #3a7d34;
}

#user_verify_pswd {
	display: none;
}

#user_form_change_pswd {
	position: absolute;
	bottom: 81%;
	right: 50%;
	width: 250px;
	padding: 15px;
	background: #fefefe;
	font-size: .875em;
	border-radius: 5px;
	box-shadow: 0 1px 3px #ccc;
	border: 1px solid #ddd;
	z-index: 1;
}

#user_form_change_pswd h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: normal;
}

#user_form_change_pswd::before {
	content: "\25bc";
	position: absolute;
	top: 100%;
	left: 45%;
	font-size: 14px;
	line-height: 14px;
	color: #ddd;
	text-shadow: none;
	display: block;
}

#user_form_change_pswd .invalid {
	padding-left: 22px;
	line-height: 24px;
	color: #ec3f41;
}

#user_form_change_pswd .valid {
	padding-left: 22px;
	line-height: 24px;
	color: #3a7d34;
}

#user_form_change_pswd {
	display: none;
}

#user_form_verify_pswd {
	position: absolute;
	bottom: 81%;
	right: 1%;
	width: 250px;
	padding: 15px;
	background: #fefefe;
	font-size: .875em;
	border-radius: 5px;
	box-shadow: 0 1px 3px #ccc;
	border: 1px solid #ddd;
	z-index: 1;
}

#user_form_verify_pswd h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: normal;
}

#user_form_verify_pswd::before {
	content: "\25bc";
	position: absolute;
	top: 100%;
	left: 45%;
	font-size: 14px;
	line-height: 14px;
	color: #ddd;
	text-shadow: none;
	display: block;
}

#user_form_verify_pswd .invalid {
	padding-left: 22px;
	line-height: 24px;
	color: #ec3f41;
}

#user_form_verify_pswd .valid {
	padding-left: 22px;
	line-height: 24px;
	color: #3a7d34;
}

#user_form_verify_pswd {
	display: none;
}

.gst_tax_table_body .percentage_width {
	width: 30%;
	padding-left: 2px;
	padding-right: 2px;
	border-radius: 3px;
	border: 1px solid #ccc;
}

.gst_tax_table_body .invoice_igstvalue {
	width: 70% !important;
	padding-top: 5px;
}

.gst_tax_table_body .quote_igstvalue {
	width: 70% !important;
	padding-top: 5px;
}

.invoice_gstlist {
	font-size: 16px;
	text-align: left;
}

.quotes_title_box .dropdownlistul {
	left: -68px !important;
	margin-top: 10px
}

.quotes_title_box .dropdownlistul li a {
	border: none !important;
	border-radius: 0px !important;
}

.quotes_title_box span a {
	border: 1px solid #3c8dbc;
	border-radius: 33px;
	font-size: 15px;
	padding: 7px
}

.quotes_title_box a {
	border: 0.1px solid #3c8dbc;
	border-radius: 33px;
	padding: 7px
}

.upld_done {
	color: #fff;
	border-radius: 5px;
	padding: 4px 20px 4px 20px;
	margin-top: 20px
}

.download_sample {
	cursor: pointer
}

#reverse_content .fa-close,.tcs_content .fa-close,.tds_content .fa-close
	{
	color: red
}

.render_gstin_detail_table,.render_gstin_detail_table .table-responsive
	{
	overflow: visible
}

.total_reverse_amount {
	padding-right: 20px !important;
}

.fullscreen #quotes_invoices_form {
	margin-top: 70px;
}

.main_person_head_client .lastname {
	text-align: left;
}

.first_last_name input {
	float: left;
}

.quote_last_name input {
	float: left;
}

.family_name_exist {
	color: red;
	margin-bottom: -13px;
}

.debit_note_header_rightside_text {
	line-height: 1.5;
	font-weight: bold;
}

.debit_note_form_biller_name {
	font-size: 18px;
	color: #3c8dbc;
	font-weight: bold;
	color: #000;
}

.debit_note_form_biller_details {
	font-size: 14px;
	color: #3c8dbc;
	font-weight: bold;
}

#quotes_invoices_form .form-control[disabled],#quotes_invoices_form .form-control[readonly],#quotes_invoices_form fieldset[disabled] .form-control
	{
	background-color: #fff;
}

.small-text-ltalic {
	float: left;
	width: 100%;
	font-size: 14px;
	font-style: italic;
}

.add_stock_popup_div {
	width: 50%;
	margin: 50px auto;
}

.animate {
	-webkit-animation: ripple 0.65s linear;
	-moz-animation: ripple 0.65s linear;
	-ms-animation: ripple 0.65s linear;
	-o-animation: ripple 0.65s linear;
	animation: ripple 0.65s linear;
}

.ink {
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	pointer-events: all;
}

.input-group .error {
	border: 1px solid red
}

.shipping_address_outer_content {
	width: 34%;
	margin: 100px auto;
}

.shipping_outer_padding {
	padding: 0px 23px 0px 30px
}

.shipping_inner_padding {
	padding: 0px;;
	min-height: auto
}

#quote_plus .wheel {
	display: block;
	position: fixed;
	z-index: 5;
	padding: 0px;
	top: 267px !important;
	left: 1167px !important;
	visibility: visible;
}

.next_button_margin_top_0px {
	margin-top: 0px !important;
	background-color: #23a78e;
	border-radius: 50px !important
}

.box {
	float: left;
	overflow: hidden;
	background: #fff;
	width: 0px
}

.box1 {
	float: right;
	overflow: hidden;
	background: #fff
}

/* Add padding and border to inner content for better animation effect */
.box-inner {
	width: 500px;
	padding: 10px
}

.box-inner1 {
	width: 500px;
	padding: 10px
}


/*Enter Payment panel*/
.enter_payment_panel
{
	transition: display 5s;
    width: 27%;
    height: 100%;
    background: #ffffff!important;
    padding: 20px;
    position: fixed;
    right: 0;
    z-index: 99999;
    box-shadow: 0 1px 3px #ccc;
   /* overflow-y: scroll; */
}
.enter_payment_panel .entry_text_area
{
	width:100%;
	float: none;
	outline:none;
	border-radius:2px;
	border-color:#646464;
	color:#595959;
	margin-top:20px;
}
.enter_payment_panel .enter_payment_title
{
font-size:18px;
color:#10a9f5;
}
.enter_payment_panel .close_icon
{
 cursor:pointer;
	padding-top:6px;
}
.enter_payment_panel .basic_content_details
{
padding:20px 15px;
line-height:1.5
}
.enter_payment_panel .payment_style
{
padding:5px 0px;
font-family:'roboto medium';
color:#494949;
}
.enter_payment_panel .detail_color
{
color:#595959
}
.enter_payment_panel .enter_payment_input
{
border: none;
border-bottom: 1px solid #646464;
width: 100%;
padding: 0px !important;
color:#595959;
outline:none;
border-radius:0px;
-webkit-appearance: none;
background-color:transparent;
}
.enter_payment_panel .enter_payment_input::-webkit-input-placeholder
{
opacity:1;
}
.enter_payment_panel .input_padding
{
padding-top: 20px;
}
.enter_payment_panel .add_payment_btn
{
    margin: 20px 0px 0px 0px;
    background-color: #10a9f5;
    text-align: center;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    cursor:pointer;
    width: 100%;
    float: left;
}

#enter-payment .btn-group label {
	margin-right: 5px;
	padding-left: 37px;
	padding-right: 15px
}

#enter-payment input[type="radio"]:empty,#asset_form input[type="radio"]:empty
	{
	display: none
}

#enter-payment input[type="radio"]  ~ span:before,#asset_form input[type="radio"] 
	~ span:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 2.2em;
	background: #D1D3D4
}

#enter-payment input[type="radio"]:before,#asset_form input[type="radio"]:before
	{
	content: '\2714';
	text-indent: .9em;
	color: #C2C2C2
}

#enter-payment input[type="radio"]:checked  ~ span:before,#asset_form input[type="radio"]:checked 
	~ span:before {
	content: '\2714';
	text-indent: .3em;
	color: #fff;
	font-size: 13px;
	background-color: #5cb85c;
	line-height: 2.5em
}

#enter-payment .btn-group,#asset_form .btn-group {
	margin-left: 17px
}

.enter_payment_panel .treeViewContainer .treeChangeCategoryContent .margintopm14px {
	margin-top: -14px ! important;
}
/*Enter payment ends*/

#asset_form .btn-group label {
	margin-right: 5px;
	padding-left: 37px;
	padding-right: 27px
}

.system_setting_select_input {
	box-sizing: border-box;
	width: 100%;
	max-width: 400px;
	height: 33px;
	padding: 0px 10px 0px 10px;
	outline: none;
	border-radius: 8px;
	outline: none;
	resize: none;
}

.main_person_head_client {
	padding-bottom: 36px;
}

.customer_address .text_size {
	font-size: 14px;
	color: #3c8dbc;
	font-weight: bold;
}

.blling_address .text_size {
	font-size: 14px;
	color: #3c8dbc;
	font-weight: bold;
}

.shipping_address .text_size {
	font-size: 14px;
	color: #3c8dbc;
	font-weight: bold;
}

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

.expand_button {
	border: none;
	background-color: #fff;
}

.expand_button i {
	font-size: 20px;
	padding: 5px;
}

.hide_div.fullscreen {
	z-index: 9999;
	width: 100% !important;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	overflow-y: scroll;
	padding: 5px;
	right: 0;
	margin: 0;
	background: #ffffff;
}

.attachment .border_class {
	width: 30pc;
}
.background_color#dbf1ff
{
	background-color:#dbf1ff !important;
}
.purchase .purchase_note {
	margin-top: 26px;
	height: 300px;
}

.purchase_list_box {
	height: 300px;
}

.attachement_box_img {
	display: inline-block;
	margin-left: 10px;
}

.padding-left_40px {
	padding-left: 40px;
}

.gst_tax_col input {
	width: 100%;
	float: left;
	text-align: center;
}

.gst_tax_col span {
	width: 100%;
	text-align: center;
	float: left;
}

.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #10a9f5;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	background-color: rgba(0, 0, 0, 0);
	filter: alpha(opacity = 50);
	opacity: .5;
}

.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000\9;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #10a9f5;
	border-radius: 10px;
}

.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #10a9f5;
}

.border_error::placeholder {
	color: red !important;
}

.border_error {
	border-color: red !important;
}

.expense_table_head {
	background-color: #000000;
	color: white;
}

.expense_table {
	border: none;
	padding: 4px 0px 4px 5px;
	outline: none;
	background: #FFFFFF;
}

.font_size_report {
	font-size: 18px !important;
}

.quotes_inovoices_image_logo {
	width: auto;
	height: 100px;
}

.back_button_padding {
	padding-left: 20px;
	padding-top: 15px;
}
.height_375px
{
	height:375px;
}

.form_toppadding {
	padding-top: 29px;
	margin: 0px;
}

.back_to_gst {
	margin: 10px;
	font-size: 13px;
	color: #00000f;
}

#balance_sheet_list_table table {
	border-collapse: collapse;
}

#balance_sheet_list_table  .label tr td label {
	display: block;
}

#balance_sheet_list_table  [data-toggle="toggle"] {
	display: none;
}

.fund_modelpopup {
	width: 70%;
	margin: 5% 23%;
}

.commonuse_button {
	padding: 3px 20px;
	border-radius: 3px;
	width: auto;
	color: #fff;
	outline: none;
	float: left;
	font-size: 14px !important;
	margin-left: 10px;
}

.showempty_img .form-outer-box {
	margin-top: 25px;
}

.showempty_img .form-inner-padding {
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover
	{
	color: #ffffff;
	width: auto;
	background-color: #10a9f5;
	font-size: 14px;
	margin-top: 14px;
	border: none;
	height: 30px;
	padding-top: 4px;
}

.nav-tabs>li>a {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	margin-top: 14px;
	height: 30px;
	padding-top: 4px;
	/*margin-right: 2px;
    line-height: 1.42857143;
    border: 0px solid transparent;*/
}

#submenu {
	border-bottom: none;
}

.pull-right .new_quote,.submenu-row .new_quote,.pull-right .new_invoice,.submenu-row .new_invoice
	{
	margin-right: 10px;
	margin-left: 10px;
	color: #ffffff;
	background-color: #24a88e;
}

.submenu-row .nav-pills>li.active>a,.submenu-row .nav-pills>li.active>a:hover,.submenu-row .nav-pills>li.active>a:focus
	{
	border: none;
	border-bottom: 2px solid #24A88E;
}

.submenu-row .nav-pills>li.active>a,.submenu-row .nav-pills>li.active>a:focus,.submenu-row .nav-pills>li.active>a:hover
	{
	background-color: #e6e6e6;
}

.quotes_btn_save_send {
	padding-right: 10px;
	margin-bottom: 30px;
}

.invioce_suplly_width {
	width: 100%;
	text-align: left;
	padding-top: 8px;
	font-family: 'Roboto light';
}

.item_table_list .product_detail_content {
	width: 100%;
	float: left;
}

.invoicetable_parent input:focus {
	background: #f4f5f8;
	border: 1px solid #00A55B !important;
	border-radius: 3px;
}

.invoicetable_parent select:focus {
	background: #f4f5f8;
	border: 1px solid #00A55B;
	border-radius: 3px;
}

.invoicetable_parent textarea:focus {
	background: #f4f5f8;
	border: 1px solid #00A55B !important;
	border-radius: 3px;
}

.invoice_boxshow_radius {
	padding: 5px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.invoicetable_parent .tax_invoice {
	width: 100%;
	border-radius: 3px;
	color: rgba(167, 162, 162, 0.79);
}

.invoice_lablewidth {
	width: 100%;
	text-align: center;
	padding-top: 8px;
	font-weight: bold;
	font-family: 'Roboto light';
}

.invoice_shipping_date {
	width: 100%;
	text-align: right;
	padding-top: 8px;
	font-weight: bold;
	font-family: 'Roboto light';
}
.due_error_msg {
	width: 100%;
	float: left;
	padding-right: 40px;
	color:red;
	font-size:12px;
}
.attachment #previews {
	margin-left: -11px;
}

.attachment .add_button .slimScrollDiv .slimScrollBar {
	right: 18px !important;
}

/*
.product_supplierlist .select2-container .select2-selection--single .select2-selection__rendered
	{
	display: initial;
	padding-left: 0px;
	padding-right: 0px;
	overflow: initial;
	/*text-overflow: ellipsis;
    white-space: nowrap;*/
/*
	font-size: 12px !important;
}*/



.attachment .add_button {
	text-align: center;
	padding-top: 35px;
}

.expenses .inline-input-form .usericon {
	line-height: 47px;
	padding: 0px;
}

.expenses .padding_allside {
	padding: 15px 10px;
}

.expenses .inline-input-form .fa-icon {
	padding-top: 10px;
}

.header_menubar_text a:hover {
	color: #ffffff;
}

.header_menubar_text div a button {
	font-size: 14px !important;
}

.palceholder_width {
	width: 38% !important;
}

#email_templates .inline-input-form {
	padding: 20px 0px;
}

#email_templates .inline-input-form .fa {
	font-size: 12px;
}

.inactive_header_tab {
	color: #3e3a3a;
	font-size: 14px;
	padding: 3px 20px;
	width: auto;
	float: left;
	text-align: center;
	margin-left: 10px;
}

.inactive_header_tab:hover {
	transition: all .0s;
	padding: 3px 20px;
	border-radius: 3px;
	width: auto;
	background-color: #ccc;
	color: #000;
	outline: none;
	border: 1px solid #ccc;
}

.active_header_tab {
	color: #3e3a3a;
	font-size: 24px;
	background-color: #dedede;
	padding: 0px 8px;
	border-radius: 2px;
}

.list-out-box {
	border-radius: 5px !important;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.25) !important;
}

.font-p-h1 {
	font-size: 25px;
}

.font-h2 {
	font-size: 20px;
}

#sme_header_contant {
	display: none;
}

.layout_sme_logo img {
	width: 70%;
	height: initial;
	padding-top: 10px;
}

.input-group .clientname_font {
	font-size: 20px !important;
}

/*
#select2-client_country-container .select2-selection__clear {
	display: none;
}

.select2-selection__arrow {
	display: none !important;
}

.select2-selection--single { /* padding: 0px !important;
    height: 18px !important;*/
	background: transparent !important;
	font-size: 14px !important;
	color: #999999 !important;
}*/


.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	/* overflow: hidden; */
	position: absolute;
	/* z-index: -1; */
}

.inputfile+label {
	font-size: 1.25em;
	font-weight: 700;
	color: #5639cf;
	background-color: white;
	display: inline-block;
}

.recent_activity {
	width: 78%;
	margin-left: 8pc;
	margin-top: 22px;
	margin-bottom: 33px;
}

.black () when  (lightness (@fab-color) > 50%){ .fab {
	color: #000;
}

}
.black ();
.backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ECECEC;
	opacity: 0.9;
	display: none;
}

.fab {
	background: #0346af;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	color: #FFF;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5), 3px 3px 3px
		rgba(0, 0, 0, 0.25);
	position: fixed;
	bottom: 94px;
	right: 15px;
	font-size: 2.6667em;
	display: inline-block;
	cursor: default;
}

.fab span {
	vertical-align: 15px;
	font-size: 16px;
}

.fab.child {
	right: 22px;
	width: 119px;
	height: 36px;
	border-radius: 3px;
	color: white;
	display: none;
	opacity: 0;
	background: #cfcfcf;
}

.power_icon img {
	float: left;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	margin-top: -2px;
	margin-left: -23px;
}

.grow {
	transition: all .2s ease-in-out;
}

.grow:hover,.grow:hover {
	transform: scale(1.1);
}

#quotes_invoices_form form div {
	line-height: 0;
}

#quotes_invoices_form .table_header_bg {
	background-color: rgba(0, 0, 0, 0.6);
	color: white;
}

.quotes_address {
	font-size: 14px;
}

.modal-body-quotes-invoices {
	position: relative;
	padding: 30px 15px 30px;
}

legend {
	font-size: 14px;
}

.sme_logo {
	width: 100px;
	font-size: 25px;
	color: #ffffff;
	line-height: 2;
	padding-left: 15px;
	float: left;
}

.tdf_form {
	background-color: #e6e6e6;
	background-image: none;
	border-color: #d6d4d2 !important;
	border: 1px solid #ccc !important;
	border-radius: 10px !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
	color: #555;
	display: block;
	font-size: 14px;
	height: 34px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
	width: 50%;
}

.padding_button {
	padding-top: 15px;
	padding-left: 20px;
}

#toparea .row span {
	width: 100%;
	float: left;
	text-align: center;
	color: #ffffff
}

#toparea .client_summary_total_count {
	padding: 25px 0px 0px 0px;
	margin-top: 0px
}

#toparea .supplier_summary_total_count {
	padding-right: 0px;
	margin-top: 30px
}

#toparea .client_summary_total_count .total_client,#toparea .client_summary_total_count .new_client,#toparea .client_summary_total_count .top_client
	{
	padding: 3px;
	float: left;
	width: 28%
}

#toparea .supplier_summary_total_count .total_client,#toparea .supplier_summary_total_count .new_client,#toparea .supplier_summary_total_count .top_client
	{
	padding: 3px;
	float: left;
	width: 29%
}

#toparea .client_summary_total_count .total_client .value,#toparea .client_summary_total_count .new_client .value,#toparea .client_summary_total_count .top_client .value,#toparea .supplier_summary_total_count .total_client .value,#toparea .supplier_summary_total_count .new_client .value,#toparea .supplier_summary_total_count .top_client .value
	{
	margin-top: -16px;
	font-size: 55px;
	color: #0d9f83
}

#toparea .client_summary_total_count .total_client .label,#toparea .client_summary_total_count .new_client .label,#toparea .client_summary_total_count .top_client .label,#toparea .supplier_summary_total_count .total_client .label,#toparea .supplier_summary_total_count .new_client .label,#toparea .supplier_summary_total_count .top_client .label
	{
	line-height: 1.5;
	padding: 3px;
	color: #0d9f83
}

/*All Form new UI From,Edit and View Starts*/

/* #common_newinvoice input[name="item_quantity"],
#common_newinvoice input[name="item_price"],*/
#common_newinvoice input[name="item_discount_amount"],
#common_newinvoice input[name="item_discount_percentage"],
/* #item_table input[name="item_quantity"],
#item_table input[name="item_price"],*/
#item_tablee input[name="item_discount_amount"],
#item_table input[name="item_discount_percentage"]
{
	max-width:150px !important;
}

#common_newinvoice .padding_bottom_5px {
	padding-bottom: 5px;
}
#common_newinvoice .padding_left_0px {
	padding-left: 0px;
}
#common_newinvoice .padding_left_40px {
	padding-left: 40px;
}
#common_newinvoice .padding_right_10px {
	padding-right: 10px;
}
#common_newinvoice {
	float: left;
	width: 100%;
}
#common_newinvoice .padding_10px {
	padding: 10px;
}
#common_newinvoice .padding_5px {
	padding: 5px;
}
#common_newinvoice .inputFieldBox1 {
	height : 40px;	
}
#common_newpurchase .invoiceToolTipMainDiv,
#common_newinvoice .invoiceToolTipMainDiv {
	position: absolute;
    top: -20px;
    right: 20px;
    z-index: 10000;
}
#common_newinvoice .inputFieldBox select {
	float: left;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	background: url("../images/down.svg");
	background-repeat: no-repeat;
	background-size: 13px 45px;
	background-position: right 0px;
}
#common_newinvoice .reverse_charge_list select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	background: url(../images/down.svg);
	background-repeat: no-repeat;
	background-size: 13px 20px;
	background-position: right 0px;
	width: 55px;
}
#common_newpurchase .invoiceToolTipMainDiv .dropdown-menu,
#common_newinvoice .invoiceToolTipMainDiv .dropdown-menu {
	right: -13px ! important;
    top: 35px ! important;
}
#common_newpurchase .invoiceToolTipMainDiv .dropdown-menu:before,
#common_newinvoice .invoiceToolTipMainDiv .dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 10;
}
#common_newinvoice .send_invoice_button {
	border-top: 1px solid #ccc;
	background-color: #FFFFFF;
	bottom: 0;
	float: left;
	width: 100%;
	overflow: visible;
	position: fixed;
	left: 0px;
	z-index: 1000;
}
#common_newinvoice .invoice_padding_button {
	padding: 11px;
	float: right;
	padding-right: 50px;
}
#common_newinvoice .downloadBtn {
	background: #10A9F5;
    color: #ffffff;
    padding: 6px 25px;
    border-radius: 0px;
    width: 140px;
}
#common_newinvoice textarea {
	background-color: transparent;
}
/*primary css*/
#primary_padding_color {
	padding: 20px 40px;
	float: left;
	width: 100%;
	/*background-color: #ebf4fd;
*/ }
/*primary css end*/
/*secondary_padding_color start*/
#secondary_padding_color {
	padding: 20px 40px;
	float: left;
	width: 100%;
}
.customer_detail_list ul {
	list-style-type: none;
	padding-top: 10px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: clip;
}
.customer_detail_list ul li {
	
}
.customer_detail_list .checkbox_padding {
	padding: 8px 40px 6px 40px;
}
.customer_detail_list a {
	padding-left: 10px;
    font-size: 12px;
    color: #000000;
}
.customer_detail_list ul li a {
	padding-left: 10px;
	font-size: 12px;
	color: #10a9f5;
}
.customer_detail_list .listdiv_paddingleft_25px {
	padding-left: 25px;
}
/*secondary_padding_color end*/
/* ternary_div css start*/
#ternary_div {
	padding: 20px 55px;
	float: left;
	width: 100%;
	font-family: 'Roboto regular';
}

#ternary_div #greyclosesvg:hover {
	content: url(../images/close-red.svg);
}

.mail_delete_button{
	margin-top: 10px;
}

/*#ternary_div .productItemTable,#ternary_div .newdesigndeletebutton {
	width: 100%;
	float: left;
	border: 2px solid #87D4FA;
}
#ternary_div  .table .table_bg {
	background-color: #ebf4fd !important;
}
#ternary_div .tr_top_border {
	border-top: 2px solid #87D4FA !important;
	background-color: #fff;
	height: 35px;
}
#ternary_div table thead tr td {
	border-right: 2px solid #87D4FA !important;
	border-bottom: none;
	padding: 5px 5px;
	font-family: 'Roboto medium';
}
#ternary_div table  tbody tr td {
	border-right: 2px solid #87D4FA !important;
	border-bottom: none;
	padding: 0px 5px;
	font-family: 'Roboto regular';
	vertical-align: middle;
}
#ternary_div table tfoot tr td {
	border: 2px solid #87D4FA !important;
	padding: 0px 5px 0px 0px;
	font-family: 'Roboto medium';
	vertical-align: middle;
}
#ternary_div table tfoot tr {
	background-color: #F9F7CA;
}
#ternary_div .border_select_bg {
	background-color: transparent !important;
	border: none !important;
	padding-left: 0px;
}
#ternary_div table thead tr {
	background-color: #ebf4fd;
}
#ternary_div .table_bottomdiv {
	padding: 0px;
}
#ternary_div .table_topdiv {
	width: 100%;
	float: left;
	border: 2px solid #87D4FA;
}


*/#ternary_div .productItemTable {
	width: 100%;
	float: left;
	border-left: 2px solid #87D4FA;
}
#ternary_div .table>tbody+tbody {
    border-top: none ! important;
}
#ternary_div .newdesigndeletebutton thead tr .tableHeaderBorder{
 	border-top: 2px solid #87D4FA;
    border-right: 2px solid #87D4FA;
    border-bottom: 2px solid #87D4FA;
    background-color: #ebf4fd;
    font-family: 'roboto medium';
}
#ternary_div .newdesigndeletebutton  tbody tr .productBorderBox{
	border-right: 2px solid #87D4FA;
	border: 2px solid #87D4FA! important;
	background-color: #fff;
	padding: 8px 8px;
	max-width:80px;
}
#ternary_div .newdesigndeletebutton .border_select_bg {
	background-color: transparent !important;
	border: none !important;
	padding-left: 0px;
	background-position: 160px -4px !important;
}
#ternary_div .newdesigndeletebutton  tbody tr .descriptionBox{
	border-right: 2px solid #87D4FA;
    background-color: #F5F5F5 !important;
}
#ternary_div .newdesigndeletebutton tfoot tr .tableFooterBox {
	border-top: 2px solid #87D4FA;
    border-right: 2px solid #87D4FA;
    border-bottom: 2px solid #87D4FA;
    background-color: #F9F7CA;
    padding: 0px 8px 0px 0px ! important;
    font-family: 'roboto medium';
}
#ternary_div .newdesigndeletebutton tfoot tr .tableFooterEndBox {
	border-top: 2px solid transparent ! important;
}
#ternary_div .tr_top_border {
	height: 35px;
}
/* Viewpage Table */
 #ternary_div  .invoiceViewPageTable .table_bg {
	background-color: #ebf4fd !important;
}
#ternary_div .invoiceViewPageTable thead tr td {
	border-top: 2px solid #87D4FA !important;
	border-right: 2px solid #87D4FA !important;
	border-bottom: none;
	padding: 5px 5px;
	font-family: 'Roboto medium';
}
#ternary_div .invoiceViewPageTable  tbody{
	border-top: 2px solid #87D4FA;
}
#ternary_div .invoiceViewPageTable .row_hide {
	background-color: #F5F5F5 !important;
}
#ternary_div .invoiceViewPageTable  tbody tr td {
	border-right: 2px solid #87D4FA !important;
	border-bottom: none;
	padding: 0px 5px;
	font-family: 'Roboto regular';
	vertical-align: middle;
}
#ternary_div .invoiceViewPageTable tfoot tr td {
	border: 2px solid #87D4FA !important;
	padding: 0px 5px 0px 0px;
	font-family: 'Roboto medium';
	vertical-align: middle;
}
#ternary_div .invoiceViewPageTable tfoot tr {
	background-color: #F9F7CA;
}
#ternary_div .invoiceViewPageTable .border_select_bg {
	background-color: transparent !important;
	border: none !important;
	padding-left: 0px;
}
#ternary_div .invoiceViewPageTable thead tr {
	background-color: #ebf4fd;
}
#ternary_div .invoiceViewPageTable .table_bottomdiv {
	padding: 0px;
}
#ternary_div .invoiceViewPageTable .table_topdiv {
	width: 100%;
	float: left;
	border: 2px solid #87D4FA;
}
#ternary_div .invoiceViewPageTable{
	width: 100%;
	float: left;
	border: 2px solid #87D4FA;
}
.currencySysmbolSty{
	text-align: center;
	 font-size: 12px;
	 font-style: italic;
}
.table_bottomdiv .first_colum_div{
	padding: 13px 0px 11px 10px;
	background-color: #fff;
	border-right: 2px solid #87d4fa;
	width: 100%;
    float: left;
    text-align: left;
}
#common_newinvoice table td select {
	border: 1px solid #10a9f5;
    width: 80px;
    float: right;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: url(../images/percentage.svg);
    background-repeat: no-repeat;
    background-size: 10px 35px;
    background-position: 90%;
    padding-left: 25px;
    padding-top: 3px;
    height: 27px;
    text-align: center;
}
#pos_billing .input_percentage,
#common_newinvoice .input_percentage,
#common_newpurchase .input_percentage {
	border: 1px solid #10a9f5;
    width: 100%;
    float: left;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: url(../images/percentage.svg);
    background-repeat: no-repeat;
    background-size: 10px 35px;
    background-position: right center;
    padding: 0px 0px 0px 0px;
    height: 27px;
    text-align: center;
}
#common_newinvoice .input_percentage:active,
#common_newinvoice .input_percentage:focus,
#common_newpurchase .input_percentage:active,
#common_newpurchase .input_percentage:focus,
#common_newinvoice table td select:focus,
#common_newinvoice table td select:active {
	border: 1px solid #10a9f5;
}
#common_newinvoice table td input {
    float: left;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    padding: 5px;
    background-color: #fff;
}
#common_newinvoice table td input {
    float: left;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    padding: 5px;
    background-color: #fff;
}
#common_newpurchase .selectDownArrow{
	float: left;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	background: url(../images/down.svg);
	background-repeat: no-repeat;
  background-size: 11px 40px;
  background-position: 42px -4px;
  padding: 5px;
  background-color: #fff;
}
#common_newpurchase .selectPercentage{
	border: 1px solid #10a9f5;
    width: 100%;
    float: left;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: url(../images/percentage.svg);
    background-repeat: no-repeat;
    background-size: 10px 35px;
    background-position: 95%;
    padding-left: 30px;
    padding-top: 3px;
    height: 29px;
    text-align: center;
}
#common_newpurchase table td select {
   border: 1px solid #10a9f5;
    /* width: 80px; */
    float: left;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: url(../images/percentage.svg);
    background-repeat: no-repeat;
    background-size: 10px 35px;
    background-position: 95%;
    /* padding-left: 25px; */
    padding-top: 3px;
    height: 29px;
    /* text-align: center; */
}
.table_percentage_box
{
  padding: 8px 9px;
  width: 100%;
  border-radius: 5px;
  background-color: #fff;
}
.acl_r_m
{
	border-right: 1px solid #d2d6de;
	width: 10%;
	text-align: center;
}
.first_colum_div a span {
	color: #10a9f5;
	float: left;
	line-height: 25px;
	font-size: 13px;
}
/*.first_colum_div a span i {
 font-size: 24px;
 float: left;
 padding-right: 10px;
 }*/
.second_colum_div {
	padding: 13px 5px;
	font-size: 13px;
}
#ternary_div .table_bg .th_width1 {
	width: 6%;
	text-align: center;
	vertical-align: middle;
}
#ternary_div .table_bg .th_width2 {
	width: 20%;
	text-align: center;
	vertical-align: middle;
}
#ternary_div .table_bg .th_width4 {
	width: 10%;
	text-align: center;
	vertical-align: middle;
}
/*
#ternary_div .row_hide {
	background-color: #F5F5F5 !important;
}
*/
#ternary_div .row_hide_font {
	padding: 0px 9px;
	font-size: 12px;
	text-align: left;
}
.inner_border_padding_value {
	padding: 0px 5px;
	/* width:240px;
	height:40px; */
	border: none;
}
.label_marginbottom_0px {
	margin-bottom: 0px;
}
/*ternary_div css end*/
/* fourth_maindiv  css start*/

#fourth_maindiv {
	padding: 20px 40px;
	float: left;
	width: 100%;
}
.grand_total_list {
	float: left;
	width: 100%;
	border: 1px solid #ebf4fd;
	border-radius: 3px;
	background-color: #ebf4fd;
}
.grand_total_list p {
	margin: 5px;
}
.grand_total_list .amount_text_size {
	font-size: 14px;
	font-family: 'roboto medium';
}
.grand_total_list .amount_value_size {
	font-size: 20px;
}
.grand_total_list .grand_total_text {
	float: right;
	background-color: #10a9f5;
	color: #ffffff;
	padding: 15px;
	text-align: right;
	border: 1px solid #10a9f5;
	border-radius: 3px;
}
/* fourth_maindiv  css end*/
/* fifth_maindiv  css start*/
#fifth_maindiv {
	padding: 20px 40px;
	float: left;
	width: 100%;
	font-family: 'Roboto regular';
	overflow: hidden;
	margin-bottom: 20px;
}
.reverse_charge_list {
	padding: 10px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: rgba(230, 230, 230, 0.25);
    overflow: auto;
}
.height_200px{
	height: 200px!important;
}
.reverse_charge_list .bankSectionLabel{
	font-size: 16px;
    font-family: 'Roboto Regular';
    font-weight: 100;
}
.reverse_charge_list .bankDetailList li{
	line-height: 2;	
}
/*
.checkbox_padding
 {
 float: left;
 padding: 0px 0px 10px 0px;
 }
 
 .checkbox_padding label
 {
 font-weight: 600;
 }
 .checkbox_padding input
 {
 margin-right: 5px;
 margin-top: -2px;
 vertical-align: middle;
 display: inline-block;
 font-weight: 600;
 outline: none;
 }
 
*/.checkbox_value_right {
	text-align: right;
	padding: 7px;
}
.reverse_charge_list .cgst_padding_left
 {
	/*padding-left: 10px;*/
	padding-top: 8px;
}
.reverse_charge_list .cgst_value {
	background-color: transparent;
	border: none;
	outline: none;
}
.notes_list {
	padding: 0px;
	border-radius: 3px;
	border: 1px solid #ccc;
	height: 200px;
	width: 100%;
	float: right;
}
.textArea_notes_list {
	border-radius: 3px;
	width: 100%;
}
.notes_list textarea {
	width: 100%;
	height: 143px;
	background-color: transparent;
	border: none;
	outline: none;
	padding: 10px;
}
.banDetailArea {
	padding: 10px;
    border-radius: 3px;
    border: 1px solid #ccc;
    margin-top:20px;
}
.banDetailArea ul li{
	padding: 5px 0px;
}
.invoice_upload_btn {
	border: 1px solid #10A9F5;
  background-color: #10A9F5;
  color: #fff;
  height: 35px;
  width: 100px;
  border-radius: 3px;
}
.attach_bg {
	background-color: #EBEBEB;
	height: 50px;
}
.attach_files {
	color: #323232;
	font-size: 16px;
}
.attach_file_right {
	padding: 9px 10px 5px 5px;
	float: right;
}
#fifth_maindiv .reverse_charge_list .table .taxBgColor{
	background-color:#ebf4fd;
}
#fifth_maindiv .reverse_charge_list .table .taxBgColor th{   
	background-color: #ebf4fd;
    text-align: center;
    line-height: 1;
}
#fifth_maindiv .reverse_charge_list .table tr td{
	line-height: 1;
}
#fifth_maindiv table tr {
	text-align: center;
}
#fifth_maindiv table tr td {
	line-height: 1;
}
#fifth_maindiv table tr th {
	background-color: #ebf4fd;
	text-align: center;
	line-height: 1;
}
#fifth_maindiv .table_tr_bgcolor {
	background-color: #ebf4fd;
}
/* fifth_maindiv  css end*/
/*Invoice pdf css start*/
#common_newinvoice .customer_pdf_details ul {
	list-style-type: none;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
}


#common_newinvoice .leftSideDates{
	float: right;
	text-align: right;
	padding-right: 60px;
	padding-left: 0px;	
}
#common_newinvoice .customer_pdf_details .creditNoteComLogo{
	border-radius: 5px;
    width: 100%;
    padding-top: 8%;
    height: 100px;
    padding-left: 30px
}
.margin_right_0px
{
	margin-right: 0px;
}
#common_newinvoice .invoice_pdf_details {
	text-align: right;
	margin-top: 4%;
	padding-right: 3%;
}
#common_newinvoice .invoice_pdf_details .invoiceNotelabel {
	line-height: 0.3;
	font-size: 16px;
}
#common_newinvoice .invoice_pdf_details ul {
	list-style-type: none;
}
#common_newinvoice .invoice_pdf_details ul .creditNotelabel{
	line-height: 0.3;
	font-size: 24px;
}
.pdf_notes {
	padding: 0px;
	height: 225px;
	width: 90%;
	float: right;
}
.pdf_notes textarea {
	width: 100%;
	height: 205px;
	background-color: transparent;
	border: none;
	outline: none;
}
.font_weight_bold {
	font-weight:bold;
}
.second_pdf_div {
	margin-top: 3%;
}
.margin_left_1
{
	margin-left:1%;
}

.customer_pdf_details .headings,
.customer_detail_list .headings{
	color: #10a9f5;
    font-size: 16px;
}
.second_pdf_div .headings{
	color: #10a9f5;
    font-size: 16px;
}
.common_newinvoice_view {
	background: white;
	padding: 20px;
	border: 40px solid #ebf4fd;
}
.invoiceFooterContent {
	padding: 15px;
	background-color: #10a9f5;
	color: #ffffff;
	font-weight: 800;
	letter-spacing: 1px;
	text-align: center;
}
.invoiceFooterContent .spanBar {
	padding: 1px;
	background-color: rgba(255,255,255,0.8);
}
.thankYoursPadding {
	padding: 100px 0px 60px 0px;
}
.thankYouText {
	padding-left: 20%;
	font-size: 18px;
	letter-spacing: 1px;
	font-family: 'roboto medium'
}
.invoiceThankYouName {
	letter-spacing: 1px;
}
.customer_detail_list .headinglabel,
.banDetailArea .headinglabel,
.customer_pdf_details .headinglabel {
	font-size: 16px;
	font-family: 'Roboto Regular';
}
.customer_detail_list .BillAddlabel {
	padding-left: 40px;
	font-size: 16px;
	color: #10a9f5;
}
.customer_detail_list .shipAddlabel {
	padding-left: 40px;
	font-size: 16px;
	color: #10a9f5;
}
.client_billing_address{
	padding-left: 40px;
}
.client_shipping_address{
	padding-left: 40px;
}
.customer_detail_list{
	padding: 0px 15px;
}
#invoice_table td .cancel{
	color:red;
}

#validation_invoice_group
{
	color: red;
}

.unit_measurement
{
	font-size: 10px;
	text-align: center;
}
#address_footer_maindiv {
	padding: 20px 40px;
	float: left;
	width: 100%;
}

/** custom checkboxes **/
#common_newinvoice input[type=checkbox] {
	display: none;
}
/*   / to hide the checkbox itself /*/
#common_newinvoice input[type=checkbox] + label:before {
	font-family: FontAwesome;
	display: inline-block;
}
#common_newinvoice input[type=checkbox] + label:before {
	content: "\f096";
}/*/ unchecked icon /*/
#common_newinvoice input[type=checkbox] + label:before {
	letter-spacing: 10px;
}/*/ space between checkbox and label /*/

#common_newinvoice input[type=checkbox]:checked + label:before {
	content: "\f046";
}
/*/ checked icon /*/
#common_newinvoice input[type=checkbox]:checked + label:before {
	letter-spacing: 10px;
}
/* / allow space for check mark /*/



/*All Form new UI From,Edit and View Ends*/

@media all and (max-width: 768px) {
	#toparea .client_summary_total_count .total_client,#toparea .client_summary_total_count .new_client,#toparea .client_summary_total_count .top_client,#toparea .supplier_summary_total_count .total_client,#toparea .supplier_summary_total_count .new_client,#toparea .supplier_summary_total_count .top_client
		{
		padding: 3px;
		float: left;
		width: 27%
	}
	
}
@media all and (max-width: 767px) {
	.foot_hide{
	    transform:translate(-230px, 0px);
	}
	
}
@media screen and (max-width:1024px) {
	#toparea .client_summary_total_count .total_client,#toparea .client_summary_total_count .new_client,#toparea .client_summary_total_count .top_client,#toparea .supplier_summary_total_count .total_client,#toparea .supplier_summary_total_count .new_client,#toparea .supplier_summary_total_count .top_client
		{
		padding: 3px;
		float: left;
		width: 28%
	}
}

.quotes_summary_result_count {
	padding: 40px;
}

.quotes_summary_result_count .total_bids,.quotes_summary_result_count .approved_bids,.quotes_summary_result_count .lost_bids
	{
	width: 30.5%;
}

.quotes_summary_result_count .total_bids .count_before,.quotes_summary_result_count .approved_bids .count_before,.quotes_summary_result_count .lost_bids .count_before
	{
	margin-top: 10px;
	margin-bottom: 10px;
}

.quotes_summary_result_count .total_bids .label,.quotes_summary_result_count .approved_bids .label,.quotes_summary_result_count .lost_bids .label
	{
	font-size: 13px;
	color: #0d9f83;
}

.quotes_summary_result_count .total_bids .value,.quotes_summary_result_count .approved_bids .value,.quotes_summary_result_count .lost_bids .value
	{
	border-right: 1px solid #0d9f83;
	font-size: 25px;
	color: #0d9f83;
}

.product_family_summary_table_list {
	margin-top: 10px;
	text-align: right;
}

.product_family_summary_table_list .new_product_family {
	margin-right: 10px;
	margin-left: 10px;
	color: #ffffff;
	background-color: #24a88e;
}

.dashboard_list_right {
	padding-left: 10%;
	padding-top: 44px;
}

@media screen and (max-width: 1024px) {
	.dashboard_list_right {
		padding-left: 10%;
		padding-top: 40px;
	}
}

@media screen and (max-width:786px) {
   .dashboard_list_right {
		padding-left: 3%;
		padding-top: 0px;
	}
}

.graph_margin_top_10px {
	margin-top: 10px;
	padding: 0px;
}

.dashboard_list_left {
	padding-left: 10%;
	padding-top: 23px
}

@media screen and (max-width: 1024px) {
	.dashboard_list_left {
		padding-left: 10%;
		padding-top: 17px
	}
}

@media screen and (max-width:786px) {
	.dashboard_list_left {
		padding-left: 3%;
		padding-top: 0px
	}
}

.invoice_delete_btn {
	border-radius: 21px !important;
	color: white;
	background-color: #3db29c;
	margin-right: 17px;
	width: 80px
}

.invoice_delete_btn:active,.invoice_delete_btn:hover,.invoice_delete_btn:focus
	{
	color: white;
	box-shadow: -2px 7px 9px -1px rgba(61, 178, 156, 1);
	outline: none !important
}

/*
.inline-input-form .product_name_input .select2-container {
	width: 100% !important
}*/


/*
#item_table .product_name_input .input-group .form-control  .select2-container--default .select2-selection--single
	{
	background-color: #fff;
	border: none !important
}*/

.form-control
{
	font-size:14px !important;
}
#item_table .product_name_input .input-group {
	width: 100%
}

.product_name_input .input-group .form-control {
	width: 88%;
	float: left
}

.product_name_input a {
	width: 10%;
	float: left;
}

.photo_div { /*border: 1px solid #eee;*/
	text-align: center;
	background-color: whitesmoke;
	border-radius: 3px;
	/*width: 23%;*/
	float: left;
	margin-left: 10px;
}

.image_logo { /*margin-left: 17pc;*/
	width: auto;
	height: 30%;
}

.delete_bg {
	background-color: transparent;
	margin-top: 39px;
	margin-left: 10px;
	font-size: 26px !important;
}

.delete_bg_user {
	background-color: transparent;
	margin-top: 39px;
	font-size: 26px !important;
}

.font_size_27px {
	font-size: 27px;
}

.color-red {
	color: red;
}

.general_bulk_position {
	position: fixed;
	margin-top: 6%;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 25%;
}

.no_people_text {
	text-align: center;
	font-size: 20px;
	padding: 48px;
}

.no_people_found {
	background: url('../images/secretary.svg') no-repeat center;
	height: 200px;
}

.no_product_text {
	text-align: center;
	font-size: 20px;
	padding: 48px;
}

.no_product_found {
	background: url('../images/new-product.svg') no-repeat center;
	background-size: 120px;
	height: 250px;
}

.border_top_solid {
	border-top: 1px solid #eee !important;
}

.treeview-menu li a label {
	cursor: pointer
}

.treeview-menu a label.sidebar_dot_img {
	border: 1px solid black;
	border-radius: 50px;
	width: 12px;
	height: 12px;
	float: left;
	margin-top: 5px;
}

.treeview-menu a.active label.sidebar_dot_img {
	border: 1px solid black;
	border-radius: 50px;
	width: 12px;
	height: 12px;
	float: left;
	margin-top: 5px;
	background-color: #000;
}

.treeview-menu a.active label.sidebar_active_font {
	font-weight: 600;
	font-size: 12px;
}

#scroll {
	position: fixed;
	right: 10px;
	bottom: 35px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	display: none;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
}

#scroll span {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -8px;
	margin-top: -12px;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-bottom-color: #ffffff
}

#scroll:hover {
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
}

#scroll2 {
	position: fixed;
	right: 10px;
	bottom: 35px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	display: none;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
}

#scroll2 span {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -7px;
	margin-top: -3px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 12px solid #ffffff;
	border-top: 8px solid #ffffff;
}

#scroll2:hover {
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
}

.floating_cancel {
	color: white;
	/* padding-right: 29px; */
	margin-top: -35px;
	margin-right: 27px;
	width: 16px;
}

#btn_generate_cron_key,#btn_generate_cron_key:active,#btn_generate_cron_key:focus,#btn_generate_cron_key:visited
	{
	color: #ffffff
}

.rotate {
	-moz-transition: all 0s linear;
	-webkit-transition: all 0s linear;
	transition: all 0s linear
}

#email-template-preview {
	width: 100%
}
.line_height_1
{
	line-height:1;
}
.height_260px
{
	height:260px;
}
.provider_type {
	padding-left: 6px
}

.count_value {
	font-size: 25px
}

.border_input {
	border-radius: 3px !important;
	border: 1px solid #e2dbdb;
}

.payment_right_align {
	text-align: right;
}

.payment_right_align .new_payments {
	margin-right: 10px;
	margin-left: 10px;
	color: #ffffff;
	background-color: #24a88e;
}

.task_summary_table_list {
	margin-top: 10px;
	text-align: right;
}

.task_summary_table_list .new_task {
	margin-right: 10px;
	margin-left: 10px;
	color: #ffffff;
	background-color: #24a88e;
}

.jquery_alert.error {
	color: red
}

.jquery_alert.success {
	color: green
}

.save_send_btn_width_auto {
	border-radius: 21px !important;
	color: white;
	background-color: #3db29c;
	margin-right: 17px;
	width: auto
}

.floating_button {
	position: fixed;
	bottom: 58px;
	right: 0;
	margin: 15px
}

.bulk_upload_btn_div ul a:hover {
	color: #ffffff !important;
}

#bulkupload_model a:hover,a:active,a:focus {
	color: #000;
}

#bulkupload_model .modal-body {
	height: 250px;
}

#bulkupload_model .nav-tabs {
	border: none;
}

.next_bulkupload_model {
	padding: 6px 30px;
	border-radius: 21px;
	color: white;
}

.header_menutext {
	line-height: 50px;
}

.header_menutext .text_size {
	font-weight: 600;
	font-size: 25px;
}

.header_menutext .year_textsize {
	font-size: 15px;
	font-weight: 600;
}

.tax_saving_padding {
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
}
.pur_view_css
{
	padding: 5px 0px;
	font-size: 16px;
	margin: 20px -15px 0px -15px;
	border-bottom: 1px solid;
}
.tax_category
 
select
,
.tax_rates
 
select
,
{
font-family
:
 
inherit
;

    
color
:
 
gray
;


}
#invoice_bulkupload_model .modal-body,#purchase_bulkupload_model .modal-body
	{
	height: 300px;
}

#invoice_bulkupload_model .nav-tabs>li.active>a,#invoice_bulkupload_model .nav-tabs>li.active>a:focus,#invoice_bulkupload_model .nav-tabs>li.active>a:hover,#purchase_bulkupload_model .nav-tabs>li.active>a,#purchase_bulkupload_model .nav-tabs>li.active>a:focus,#purchase_bulkupload_model .nav-tabs>li.active>a:hover
	{
	background: #fff !important;
	color: #3c8dbc !important;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

#invoice_bulkupload_model .nav>li>a,#purchase_bulkupload_model .nav>li>a
	{
	color: #ccc !important;
	margin-top: 0px;
}

#invoice_bulkupload_model .nav>li>a:hover,#invoice_bulkupload_model .nav>li>a:active,#invoice_bulkupload_model .nav>li>a:focus,#purchase_bulkupload_model .nav>li>a:hover,#purchase_bulkupload_model .nav>li>a:active,#purchase_bulkupload_model .nav>li>a:focus
	{
	color: #3c8dbc !important;
}

.blog_upload_success {
	text-align: center;
	color: green;
}

.bulk_upload_btn_div {
	padding: 10px 0px 10px 0px
}

.text_italic {
	font-style: italic
}

.font_lower_quote {
	font-family: 'Roboto Regular'
}

.company_settings_disabled {
	pointer-events: none;
	cursor: default
}

.quote_invoice_action_btn {
	cursor: pointer
}

.common_inputgroup .input-group .inputcommon_type {
	position: relative;
	z-index: 2;
	float: left;
	width: 80%;
	margin-bottom: 0
}

.layout_alert .modal-footer button {
	color: #ffffff;
	outline: none !important
}

.img_input_width {
	height: 34px;
	float: left;
	width: 10%;
	line-height: 1.5
}

.text_area_icon_height {
	height: 68px;
	line-height: 4
}

.new_form_text {
	font-size: 40px;
	color: #ffffff;
	padding-top: 3%;
	padding-left: 30px
}

.quote_fonticon {
	color: #000000;
	font-size: 18px;
	vertical-align: top;
	margin-top: 2px
}

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

.approved_quote_popup_position {
	top: 30% !important;
	left: 25% !important
}

.general_popup_position {
	position: fixed;
	padding-right: 0px;
	padding-left: 0px;
	top: 30% !important;
	left: 25%
}

#border_radius_8 {
	border-radius: 8px
}

.general_popup_header_radius {
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px
}

.general_popup_header {
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px
}

.quotes_padding_size {
	padding-left: 15px;
	padding-right: 20px;
	padding-top: 5px
}

.range {
	line-height: 2
}

.mui-custom-select label {
	font-weight: 100;
	color: gray
}

.mui-textfield .input-group .form-control:last-child,.mui-textfield .input-group-addon:last-child,.mui-textfield .input-group-btn:first-child>.btn-group:not
	(:first-child )>.btn,.mui-textfield .input-group-btn:first-child>.btn:not
	(:first-child ),.mui-textfield .input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.mui-textfield .input-group-btn:last-child>.dropdown-toggle
	{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.scale-transition.scale-out {
	transform: scale(0);
	transition: transform 0.2s !important;
}

.scale-transition.scale-in {
	transform: scale(1);
}

.fa-credit-invoice:before {
	content: '-'
}

.fa-credit-invoice:after {
	font-family: FontAwesome;
	content: '\f155'
}

.draft {
	color: #999 !important
}

.sent {
	color: #3A87AD !important
}

.viewed {
	color: #F89406 !important
}

.paid,.approved {
	color: #468847 !important
}

.rejected,.overdue {
	color: #B94A48 !important
}

.canceled {
	color: #333 !important
}

.draft_bg {
	background: #999 !important
}

.sent_bg {
	background: #3A87AD !important
}

.viewed_bg {
	background: #F89406 !important
}

.paid_bg,.approved_bg {
	background: #468847 !important
}

.rejected_bg,.overdue_bg {
	background: #B94A48 !important
}

.canceled_bg {
	background: #333 !important
}
.gst_filed_bg{
	background: #B94A48 !important
}
@
-webkit-keyframes ripple { 100% {
	opacity: 0;
	-webkit-transform: scale(2.5);
}

}
@
-moz-keyframes ripple { 100% {
	opacity: 0;
	-moz-transform: scale(2.5);
}

}
@
-o-keyframes ripple { 100% {
	opacity: 0;
	-o-transform: scale(2.5);
}

}
@
keyframes ripple { 100% {
	opacity: 0;
	transform: scale(2.5);
}

}
.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover
	{
	color: #ffffff;
	background-color: #d4d4d4;
	border-color: #8c8c8c;
}

.slimScrollDiv .nav>li>a:hover,.slimScrollDiv .nav>li>a:active,.slimScrollDiv .nav>li>a:focus
	{
	color: #000;
}

.acl_roles_table {
	border: 1px solid #d2d6de;
	width: 100%;
}

.acl_roles_table_td {
	text-align: center;
	padding: 5px;
	width: 13%;
}

.acl_roles_td {
	border-right: 1px solid #d2d6de;
	padding-left: 20px;
	width: 22%;
}

.acl_roles_table_td input {
	width: 100%
}

@media screen and (max-width:1024px) {
	.acl_roles_table_td {
		text-align: center;
		padding: 0px;
		width: 10%;
		padding-bottom: 5px;
		padding-top: 5px;
	}
}

.invoice_email_button {
	text-align: center;
	padding-top: 10px;
}

.btn.focus,.btn:focus,.btn:hover {
	color: #ffffff;
	text-decoration: none;
}

.skin-black-light .sidebar-menu>li.active>a,.skin-black-light .sidebar-menu>li>a,.skin-black-light .treeview-menu>li.active>a,.skin-blue-light .treeview-menu>li.active>a,.skin-green-light .sidebar-menu>li.active>a,.skin-green-light .sidebar-menu>li>a,.skin-green-light .treeview-menu>li.active>a,.skin-purple-light .sidebar-menu>li.active>a,.skin-purple-light .sidebar-menu>li>a,.skin-purple-light .treeview-menu>li.active>a,.skin-red-light .sidebar-menu>li.active>a,.skin-red-light .treeview-menu>li.active>a,.skin-yellow-light .sidebar-menu>li.active>a,.skin-yellow-light .sidebar-menu>li>a,.skin-yellow-light .treeview-menu>li.active>a
	{
	font-weight: 400 !important;
}

.acl_roles_td .select_all_row label {
	float: left;
}

.acl_roles_td .select_all_row {
	float: right;
	margin-right: 10px;
}

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

.tax_dropdown_list {
	width: 40%;
	float: left
}

.tax_rate_percentage {
	width: 35%;
	float: left;
	text-align: left;
	font-size: 13px;
}

.tax_rate_amount {
	width: 40%;
	float: left
}

.control-sidebar {
	z-index: 10000000 !important;
	padding-top: 0px !important;
}

.quotes_span_common {
	float: left;
	width: 100%;
	text-align: left;
	overflow: hidden;
	font-size: 18px;
	border-bottom: 2px solid #d2d6de;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.label_tax_type {
	float: left;
	width: 50%;
	text-align: left;
}

.label_tax_amount {
	width: 50%;
	float: left;
}

.quotes_quotestax_checkbox {
	width: 10%;
	float: left;
	text-align: left;
}

.overall_tax_rate_amount {
	width: 55%;
	float: left;
}

.quote_common_width {
	float: left;
	width: 100%;
	padding-bottom: 5px;
}

.quote_totoal_boder {
	border-bottom: 2px solid #d2d6de
}

.company_setting_close {
	color: #fff;
	text-align: center;
	font-size: 20px;
	margin-top: 6px;
	cursor: pointer;
}

#company-setting {
	cursor: pointer;
}

.common_inputgroup .input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 90%;
	margin-bottom: 0;
}

/*
form.common_inputgroup .select2-container--default .select2-selection--single
	{
	background-color: #fff;
	border: 1px solid #d2d6de;
	border-bottom-right-radius: 3px !important;
	border-top-right-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
	border-top-left-radius: 3px !important
}*/


.net_salary {
	float: right;
	padding-top: 25px;
	border-bottom: 2px solid #d2d6de;
	font-size: 20px;
	padding-bottom: 5px;
}

.padding_left_right_40px .form-group label {
	font-weight: normal
}

#details label {
	font-weight: 100;
}

#bank label {
	font-weight: 100;
}

/*
.select2-container .select2-dropdown {
	z-index: 100000;
}
*/

.form-group .input-group .datepicker {
	border-radius: 0px
}

.multi-select .input-group .datepicker {
	border-radius: 0px;
}

.dashboard_people_list a,.dashboard_product_list .product-info {
	text-transform: capitalize
}

.common_inputgroup .input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 90%;
	margin-bottom: 0;
}
/*

form.common_inputgroup .select2-container--default .select2-selection--single
	{
	background-color: #fff;
	border: 1px solid #d2d6de;
	border-bottom-right-radius: 3px !important;
	border-top-right-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
	border-top-left-radius: 3px !important;
}*/


.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover
	{
	color: #ffffff;
	background-color: #d4d4d4;
	border-color: #8c8c8c;
}

.slimScrollDiv .nav>li>a:hover,.slimScrollDiv .nav>li>a:active,.slimScrollDiv .nav>li>a:focus
	{
	color: #000;
}

.acl_roles_table {
	border: 1px solid #d2d6de;
	width: 100%;
}

.acl_roles_table_td {
	text-align: center;
	padding: 5px;
	width: 13%;
}

.acl_roles_td {
	border-right: 1px solid #d2d6de;
	padding-left: 20px;
	width: 22%;
}

.acl_roles_table_td input {
	width: 100%
}

@media screen and (max-width:1024px) {
	.acl_roles_table_td {
		text-align: center;
		padding: 0px;
		width: 10%;
		padding-bottom: 5px;
		padding-top: 5px;
	}
}

.invoice_email_button {
	text-align: center;
	padding-top: 10px;
}
.padding_0px
{
	padding: 0px;
}

.btn.focus,.btn:focus,.btn:hover {
	color: #ffffff;
	text-decoration: none
}

.skin-black-light .sidebar-menu>li.active>a,.skin-black-light .sidebar-menu>li>a,.skin-black-light .treeview-menu>li.active>a,.skin-blue-light .treeview-menu>li.active>a,.skin-green-light .sidebar-menu>li.active>a,.skin-green-light .sidebar-menu>li>a,.skin-green-light .treeview-menu>li.active>a,.skin-purple-light .sidebar-menu>li.active>a,.skin-purple-light .sidebar-menu>li>a,.skin-purple-light .treeview-menu>li.active>a,.skin-red-light .sidebar-menu>li.active>a,.skin-red-light .treeview-menu>li.active>a,.skin-yellow-light .sidebar-menu>li.active>a,.skin-yellow-light .sidebar-menu>li>a,.skin-yellow-light .treeview-menu>li.active>a
	{
	font-weight: 400 !important
}

.acl_roles_td .select_all_row label {
	float: left
}

.acl_roles_td .select_all_row {
	float: right;
	margin-right: 10px
}

.quote_del_btn {
	width: 20px;
	padding-top: 0px;
}

/*
.select2-selection__clear {
	display: none;
}*/


/*
.select2-selection__clear {
	display: none;
}*/


.ui-autocomplete {
	z-index: 999999 !important;
}

/* pagination CSS */
.headerbar-item {
	padding: 0px 25px 50px 0px;
}

.headerbar-item i.fa {
	color: #10a9f5;
}

.headerbar-item .btn-group>.btn:first-child {
	margin-left: 10px;
	background-color: #f3fbfe;
}
.pagination .btn{
	background-color: #f4f4f4 !important;
}
.pagination a.defaultpage{
	/* background-color: #f3fbfe !important; */
	color: #10a9f5 !important;
}
.pagination a.active{
	background-color: #f3fbfe !important;
	color: black !important;
}
.pagination a:hover:not(.active) {   
	  background-color: skyblue;   
	}
.headerbar-item .btn-group>.btn:not (:first-child ):not (:last-child ):not
	(.dropdown-toggle ) {
	margin-left: 10px;
}

.headerbar-item .btn-group>.btn:last-child:not (:first-child ),.btn-group>.dropdown-toggle:not
	(:first-child ) {
	margin-left: 10px;
}

.errorscreen {
	z-index: 9999;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto;
	overflow-y: scroll;
	overflow-x: auto;
}

.errorscreen_parent {
	display: table;
	height: 100%;
	table-layout: fixed;
	width: 100%;
}

.errorscreen_container {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

.errorscreen_contnet {
	width: 500px;
	display: inline-block;
	position: relative;
	text-align: left;
	background-color: #ffffff;
	border-radius: 10px;
	padding-bottom: 10px;
}

.errorscreen_contnet .errorBackButton {
	background-color: transparent;
	border: 1px solid #10a9f5;
	padding: 5px 15px 5px 10px;
	border-radius: 5px;
	margin-top: 5px;
}

.errorscreen_contnet .errorinput {
	width: 100%;
	border: 1px solid;
	border-radius: 5px;
	opacity: 0.3;
	box-sizing: border-box;
	font-size: 16px;
	background-color: white;
	background-image: url('searchicon.svg');
	background-position: 10px 10px;
	background-repeat: no-repeat;
	padding: 12px 20px 12px 40px;
}

.btn-group .option_dropup {
	/*
	top: auto;
	bottom: 100% !important;*/
	
}
.list_totalrecord
{
	font-size: 14px;
	color: #9c9c9c;
}

/*nodata found image css*/
.common_nodata_image {
	position: relative;
	bottom: 160px;
	text-align: center;
	width: 100%;
	left: 0px;
	height: 100%;
}

.common_nodata_image h3 {
	font-size: 20px;
	line-height: 5px;
}

.common_nodata_image h5 {
	line-height: 35px;
	color: lightgray;
	font-size: 13px;
}

.common_nodata_image a {
	border-radius: 25px;
	border: 1px solid #10a9f5;
	background-color: #fff;
	padding: 8px 30px;
	color: #10a9f5;
	font-size: 14px;
	line-height: 3;
}

.common_inner_image {
	position: relative;
	bottom: 175px;
}

.nodata_fonudcenter {
	height: 100%;
	width: 100%;
	float: left;
	text-align: center;
	padding: 70px 70px 0px 0px;
}
.height_100per
{
	height:100%;
}
.width_95per
{
	width:95% !important;
}
/*nodata found image css end*/
.add_button_color {
	border: 1.5px solid #10a9f5 !important;
	color: #fff;
}

.button_padding_size {
	padding: 5px 20px;
	font-size: 14px;
}
.invoice_dropup {
  position: absolute;
  left: -10% !important;
  top: auto !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  min-width: 160px;
}

.invoice_dropup:before {
	content: "";
	border-bottom: 10px solid #fff;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	bottom: -10px;
	right: 65px;
	z-index: 10;
	transform: rotate(180deg);
}

.bootstrap-tagsinput {
	padding-top: 7px !important;
	background-color: transparent !important;
}

#enter-payment .payment_method_btn {
	margin-top: 15px;
	margin-bottom: 15px;
}

#enter-payment .cheque_date_btn {
	margin-top: 15px;
	margin-bottom: 15px;
}

.bootstrap-tagsinput .tag{
	margin-right: 2px!important;
    margin-top: 2px!important;
    float: left!important;
}

/*.button_borderright
{
  float: left;
  border-right: 1px solid #10a9f5;
}*/
.form_common_buttons
{
	border-right: 0px!important;
	border: 1px solid #10a9f5;
	border-radius: 3px;
	float: left;
}
.blue_background_btn{
  color: #fff !important;
  background-color: #10a9f5 !important;
}
.sale_purchase_bottombtn {
  background-color: #DFF0FC;
  width: 139px;
  color: #10A9F5;
  font-size: 14px;
  border-radius: 0px;
  display: inline-block;
  padding: 0px 0px;
  margin-bottom: 0;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  border-right: 1px solid #10a9f5;
  float: left;
}
.sale_purchase_bottombtn button{
	color: #10A9F5;
}
.sale_purchase_bottombtn a{
	color: #10A9F5;
	width: 100%;
	float: left;
	padding: 7px 0px;
}
 .sale_purchase_bottombtn:hover {
	color: #10A9F5;
}
.adddoucment_button
{
	margin-top: 0px;
	position: absolute;
	left: -15px;
}
.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover{
	cursor: default;
	pointer-events: none;
}
label.error{
    padding-left: 0px;
    font-size: 12px ! important;
    font-style: italic;
    color: red ! important;
    float: left;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.dispaly_inlineflex
{
	display: inline-flex !important;
}
.dispaly_inline_block
{
	display: inline-block !important;
}
.datepicker.dropdown-menu{
	z-index: 10000000!important;
}
.display_block
{
	display:block;
}
.right_slider_overlay
{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  display:none;
}
.show_overlay
{
 display:block !important;
}
.radio_btn
{
 -webkit-appearance: none;
    background-color:#fff;
    background-image: url(../images/radio-outline.svg);
    width: 14px;
    height: 15px;
    background-size: 11px 13px;
    background-repeat: no-repeat !important;
    background-position: center center;
    /*margin-top:3px !important;*/
    float:left;
    outline:none !important;
}
.radio_btn:checked
{
	 background-image: url(../images/radio.svg);
	 outline:none !important;
}
/*.slim_scrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.slim_scrollbar::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.slim_scrollbar::-webkit-scrollbar-thumb
{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #c1c1c1;
}
.slim_scrollbar
{
  height: 100%;
  background: transparent;
  padding: 20px;
  z-index: 99999;
  right: 0;
  box-shadow: 0 1px 3px #ccc;
  overflow-y: scroll;
}
*/
textarea {
    resize: none!important;
}
@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : landscape) {
}
@media only screen and (min-device-width: 768px) and (max-device-width:
	1024px) and (orientation: portrait) and
	(-webkit-min-device-pixel-ratio: 1) {
		.list_leftborder2 {
    border-bottom: 6px dotted #10a9f5;
    position: absolute;
    left: 93px !important;
    top: 7px;
    width: 145px !important;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
	.flickerIssue {
		height: 88vh
	}
	.common_newinvoice_view {
	    background: white;
	    padding: 5px;
	    border: 10px solid #ebf4fd;
	} 
	.crud_clientForm {
		width: 40%;
	}
	.customer_detail_list .BillAddlabel {
		padding-left: 20px;
	}
	.customer_detail_list .shipAddlabel {
		padding-left: 20px;
	}
	.customer_detail_list a {
		padding-left: 5px;
	}
	.client_billing_address{
		padding-left: 20px;
	}
	.client_shipping_address{
		padding-left: 20px;
	}
	.customer_detail_list .checkbox_padding{
		padding: 8px 40px 5px 20px;
	}
	.customer_detail_list{
		padding: 0px 0px;
	}
	#common_newinvoice .padding_left_40px{
    	padding-left: 20px;
	}
	.customer_detail_list .listdiv_paddingleft_25px{
		padding-left: 5px;
	}
	#common_newinvoice .padding_5px {
		padding: 5px 0px;
	}
}
@media only screen 
  and (min-device-width: 767px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
  	.flickerIssue {
		height: 91vh
	}
	.common_newinvoice_view {
	    background: white;
	    padding: 5px;
	    border: 10px solid #ebf4fd;
	}
  	.crud_clientForm {
		width: 40%;
	}
	#primary_padding_color {
    	padding: 20px 10px;
	}
	#secondary_padding_color {
    	padding: 20px 10px;
	}
	#ternary_div {
    	padding: 20px 20px;
	}
	#fourth_maindiv {
    	padding: 20px 10px;
	}
	#fifth_maindiv {
    	padding: 20px 10px;
	}
	.customer_detail_list .BillAddlabel {
		padding-left: 0px;
	}
	.customer_detail_list .shipAddlabel {
		padding-left: 0px;
	}
	.customer_detail_list a {
		padding-left: 0px;
	}
	.client_billing_address{
		padding-left: 0px;
	}
	.client_shipping_address{
		padding-left: 0px;
	}
	.customer_detail_list .checkbox_padding{
		padding: 8px 40px 6px 0px;
	}
	.customer_detail_list{
		padding: 0px 0px;
	}
	#common_newinvoice .padding_left_40px{
    	padding-left: 0px;
	}
	.customer_detail_list .listdiv_paddingleft_25px{
		padding-left: 0px;
	}
	.flaoatLabelleft{
		left: 0px ! important;
	}
	.inputFieldBox input:not(:placeholder-shown) ~ .flaoatLabelleft,
	.inputFieldBox1 input:not(:placeholder-shown) ~ .flaoatLabelleft {
		left: 12px ! important;
	}
	#common_newinvoice .padding_5px {
		padding: 5px 0px;
	}
}
.session_defalut_currency{
	float: right;
  margin-top: -20px;
  color: grey;
}
.prefill_img
{
  width: 250px;
  height: 140px;
  padding-left: 40px;
}
.input_tax_rates_amount{
	float: right;
  margin-top: -20px;
  color: grey;
}


/*float-labels css*/

/**
 *
 * Float label Style
 *
 */

.float-label-control { position: relative; margin-bottom: 1.5em; }
    .float-label-control ::-webkit-input-placeholder { color: transparent; }
    .float-label-control :-moz-placeholder { color: transparent; }
    .float-label-control ::-moz-placeholder { color: transparent; }
    .float-label-control :-ms-input-placeholder { color: transparent; }
    .float-label-control input:-webkit-autofill,
    .float-label-control textarea:-webkit-autofill { background-color: transparent !important; -webkit-box-shadow: 0 0 0 1000px white inset !important; -moz-box-shadow: 0 0 0 1000px white inset !important; box-shadow: 0 0 0 1000px white inset !important; }
    .float-label-control input, .float-label-control textarea, .float-label-control label { font-size: 1.3em; box-shadow: none; -webkit-box-shadow: none; }
        .float-label-control input:focus,
        .float-label-control textarea:focus { box-shadow: none; -webkit-box-shadow: none; border-bottom-width: 2px; padding-bottom: 0; }
        .float-label-control textarea:focus { padding-bottom: 4px; }
    .float-label-control input, .float-label-control textarea { display: block; width: 100%; padding: 0.1em 0em 1px 0em; border: none; border-radius: 0px; border-bottom: 1px solid #aaa; outline: none; margin: 0px; background: none; }
    .float-label-control textarea { padding: 0.1em 0em 5px 0em; }
    .float-label-control label { position: absolute; font-weight: normal; top: -1.2em; /*left: 0.08em;*/ color: #aaaaaa; z-index: -1; font-size: 0.85em; transition: 240ms; /* There is a bug sometimes pausing the animation. This avoids that.*/  }
    .float-label-control input.empty + label,
    .float-label-control textarea.empty + label { pointer-events: none; top: 0.8em; font-size: 14px; animation: none; -webkit-animation: none;z-index: 999; }
    .float-label-control input:not(.empty) + label,
    .float-label-control textarea:not(.empty) + label { z-index: 1;color: #10a9f5; }
    .float-label-control input:not(.empty):focus + label,
    .float-label-control textarea:not(.empty):focus + label { color: #10a9f5 !important; }
    .float-label-control.label-bottom label { -moz-animation: float-labels-bottom 300ms none ease-out; -webkit-animation: float-labels-bottom 300ms none ease-out; -o-animation: float-labels-bottom 300ms none ease-out; -ms-animation: float-labels-bottom 300ms none ease-out; -khtml-animation: float-labels-bottom 300ms none ease-out; animation: float-labels-bottom 300ms none ease-out; }
    .float-label-control.label-bottom input:not(.empty) + label,
    .float-label-control.label-bottom textarea:not(.empty) + label { top: 3em; }
.float-label-control ul.select-dropdown {z-index: 100000;width: 100% !important;border-radius: 0;max-height: 150px; overflow:auto;left:0px;}
.float-label-control ul.select-dropdown.show {display: block !important;}
.float-label-control ul.select-dropdown li a:hover{font-family: 'roboto medium'; background-color: #10a9f5;color:#ffffff;}
.float-label-control ul.select-dropdown li a.hide{display: none;}

@keyframes float-labels {
    0% { color: #aaa; top: 0.1em; font-size: 1.5em; }
    /*10% {  top: -0.1em; font-size: 1.43em; }*/
    20% { top: -0.3em; font-size: 1.37em;}
    /*30% { top: -0.3em; font-size: 1.30em;}*/
    /*40% { top: -0.4em; font-size: 1.23em;}*/
    50% { top: -0.6em; font-size: 1.16em;}
    /*60% { top: -0.6em; font-size: 1.09em;}*/
    /*70% { top: -0.7em; font-size: 1.02em;}*/
    80% { top: -1.0em; font-size: 0.95em;}
    /*90% { top: -0.9em; font-size: 0.88em;}*/
    100% { top: -1.2em;  font-size: 0.85em;}
}

@-webkit-keyframes float-labels {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 2.5em; opacity: 1; }
    30% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    40% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    50% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    60% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    70% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    80% { top: 0.1em; font-size: 2.5em; opacity: 1;}
    90% { top: 0.1em; font-size: 2.5em; opacity: 1;}
    100% { top: -1em; opacity: 1; }
}

@keyframes float-labels-bottom {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 2.5em; opacity: 1; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}

@-webkit-keyframes float-labels-bottom {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 2.5em; opacity: 1; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}
/*float-labels css end*/
.add_product_button
{
    top: 35px;
    position: absolute;
    right: 15px;
}
.add_product_button a
{
    color: #10a9f5;
}
.product_curs
{
   cursor: not-allowed !important;
}
.product_blck
{
   background-color : transparent;
   pointer-events: none;
}

.col_centered {
	text-align: center;
    float: none;
    margin: 0 auto;
}
.row_border {
	border-bottom:1px solid #d4d6da !important;
}
.row_left_border {
	border-left:1px solid #d4d6da !important;
}
.row_foot_border {
	border-bottom:2px solid #d4d6da !important;
}
.row_foot_bg {
	background-color : #e6e6e6 ;
}
.sidetab_coa_manul {
    border: 1px solid #959595;
    border-radius: 30px;
    background-color: #959595;
    color: white !important;
    padding: 0px 5px 0px 5px !important;
    font-size: 11px;
	margin-left: 10px;
}
.save_button_1{
	padding: 4px 17px;
    border-radius: 5px;
    background-color: #10a9f5;
    color: #fff;
    outline: none;
    border: none;
    font-size: 16px !important;
}
.innerbox_padding
{
	border:1.5px solid #8e8e8ea6;
	border-radius: 5px;
	padding: 30px 20px;
}
.innerbox_padding:hover
{
	background-color: #10a9f521;
	border:1.5px solid #10a9f5;
}
.list_edit_button
{
	position: absolute;
  right: 0px;
  padding: 2px 13px;
  top: 0;
  background-color: #8e8e8ea6;
  border-bottom-left-radius: 7px;
  border-top-right-radius: 4px;
  color: #fff;
}
.list_edit_button:hover
{
	background-color: #10a9f5;
}
.innerbox_padding span
{
	font-family: 'Roboto Medium';
}
.list_edit_button a
{
	color: #fff;
}
.list_edit_button a:hover
{
	color: #fff;
}
.innerbox_padding label
{
	margin-bottom: 0px;
}
.select_totoal_invoice
{
	position: absolute;
  left: 240px;
  padding-top: 20px;
  float: left;
}
.select_totoal_expense
{
	position: absolute;
  left: 450px;
  padding-top: 20px;
  float: left;
}
.select_totoal_invoice span
{
  background-color: #10a9f5;
  padding: 3px 7px;
  border-radius: 50px;
  margin-left: 10px;
  color: #fff;
}
.select_totoal_expense span
{
  background-color: #10a9f5;
  padding: 3px 7px;
  border-radius: 50px;
  margin-left: 10px;
  color: #fff;
}
.summary_inner_list
{
  border: 1px solid #10a9f57a;
  padding: 0;
  border-radius: 5px;
  margin-bottom: 35px;
}
.summary_row_list
{
  padding: 10px 0px;
  background-color: #10a9f50d;
  font-family: 'roboto medium';
}
.summary_list_bottom
{
	padding: 10px 0px;
  background-color: #cccccc69;
  font-family: 'Roboto Medium'
}
.summary_inner_list label
{
	margin-bottom: 0px;
}
.summary_inner_listpadding
{
	padding: 10px 0px;

}
.netvat_yesorno_button
{
	background-color: #10a9f5;
  color: #fff;
  padding: 3px 10px;
  border-radius: 50px;
  border: 1px solid #10a9f5;
  margin-top: 5px;
  outline: none;
}
.select2-container--default .select2-results__option[role=group] {
    padding: 0;
    font-family: roboto medium;
}*/


/*
.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 2em ! important;
    font-family: roboto regular;
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover {
    color: #444;
    font-family: roboto light;
}*/


/* invoice new ui code start */
.outerbox_padding
{
	padding: 0px 30px;
}
.innerbox_padding
{
	border:1.5px solid #8e8e8ea6;
	border-radius: 5px;
	padding: 30px 20px;
	float: left;
	width: 100%;
}
.innerbox_padding:hover
{
	background-color: #10a9f521;
	border:1.5px solid #10a9f5;
}
.list_edit_button
{
	position: absolute;
  right: 30px;
  padding: 2px 13px;
  top: 0;
  background-color: #8e8e8ea6;
  border-bottom-left-radius: 7px;
  border-top-right-radius: 4px;
  color: #fff;
}
.list_edit_button:hover
{
	background-color: #10a9f5;
}
.innerbox_padding span
{
	font-family: 'Roboto Medium';
}
.list_edit_button a
{
	color: #fff;
}
.list_edit_button a:hover
{
	color: #fff;
}
.innerbox_padding label
{
	margin-bottom: 0px;
}
/* invoice new ui code End */
.input_floating_label input,.input_floating_label select
{
	display:block;
  width:100% !important;
  padding:13px 0px 0 !important;
  border:none;
  border-bottom: 1px solid #ccc;
  border-radius: initial;
 background-color:transparent;
}
/*
.select2-container--below {
  outline: 0;
}*/

.floating-label {
  position:absolute;
  pointer-events:none;
  top: 9px;
  left:15px;
  font-size: 12px;
  opacity:1;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  font-family: 'roboto medium';
}
/*
.select2-container--below + .floating-label {
  opacity:1;
  top:-5px;
  color: #10a9f5;
}
.select2-container--below + .floating-label {
  color: #03a9f4;
}
.select2-container--below + .floating-label {
  border-color:#10a9f5;
}*/

.margin_top_20px
{
	margin-top: 20px;
}
.margin_bottom_20px
{
	margin-bottom: 20px;
}
.margin_bottom_30px
{
	margin-bottom: 30px;
}
.margin_bottom_25px
{
	margin-bottom: 25px;
}
select {
        /*for firefox*/
        -moz-appearance: none;
        /*for chrome*/
        -webkit-appearance:none;
      }

/*for IE10*/
select::-ms-expand {
    display: none;
}
.input_floating_label select option {
	color: #555 !important;
}
.input_floating_label .select2FloatingLabel {
	position:absolute;
  font-size: 12px;
  opacity:1;
  font-family: 'roboto medium';
  top: -2px;
  color: #10a9f5;
}
.input_floating_label input.error,.input_floating_label select.error
	{
	border-bottom: 1px solid red ! important;
}
.input_floating_label label.error {
	padding-left: 0px;
	font-size: 12px;
	font-style: italic;
	color: red ! important;
	float: left;
}

.input_floating_label input:focus,.input_floating_label select:focus
{
	outline: 0;
  border-bottom: 1px solid #10a9f5;
}
.input_floating_label input:disabled + .floating-label,.input_floating_label select:disabled + .floating-label
{
  opacity:1;
  top:-5px;
  color: #10a9f5;
}
.input_floating_label input:read-only + .floating-label/*,.input_floating_label select:read-only + .floating-label*/
{
  opacity:1;
  top:-5px;
  color: #10a9f5;
}
.input_floating_label input:valid + .floating-label,.input_floating_label select:valid + .floating-label
{
  opacity:1;
  top:-5px;
  color: #10a9f5;
}
.input_floating_label input:focus + .floating-label,.input_floating_label select:focus + .floating-label {
  border-color:#10a9f5;
  opacity:1;
  top:-5px;
  color: #10a9f5;
}
.input_floating_label
{
	margin: 10px 0px;
}
.invoice_level_padding
{
	padding-left: 0px;
	padding-bottom: 20px;
}
/*float-labels css end*/
}
.color_white{
	color: white;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th 
{
    padding: 3px;
}
.item_level_tax input:focus,.item_level_tax select:focus
{
	border:1px solid #10a9f5 !important;
} 
.item_level_tax input,.item_level_tax select 
{
	width: 85%;
  border: none;
  background-color: transparent !important;
}
.item_level_tax span
{
	float: left;
	padding-top: 6px;
}
.min_height_display
{
	min-height: -webkit-fill-available;
}
.report_label_width
{
	background-color: #10a9f5;
  float: left;
  width: 100%;
  color: #fff;
  font-family: 'Roboto medium'!important;
  text-align: center;
  padding: 10px !important;
  border-radius: 3px;
}
.project_label_width{
	background-color: #ccc;
  float: left;
  width: 100%;
  color: #fff;
  font-family: 'Roboto medium'!important;
  text-align: center;
  padding: 10px !important;
  border-radius: 3px;
}
.report_label_width
{
	background-color: #10a9f5;
  float: left;
  width: 100%;
  color: #fff;
  font-family: 'Roboto medium'!important;
  text-align: center;
  padding: 10px !important;
  border-radius: 3px;
}


/*new floating label*/

.form-div {
    display: block;
    height: 40px;
    margin-bottom: 15px;
    position: relative;
}
.control-label {
    opacity: 0.4;
    pointer-events: none;
    position: absolute;
    transform: translate3d(0, 20px, 0) scale(1);
    transform-origin: left top;
    transition: 240ms;
    top: -15px;
    left:15px
}
.form-div.focused .control-label {
    opacity: 1;
    transform: scale(0.85);
    color: #10a9f5;
    top: -15px;
}
.form-label {
   /* align-self: flex-end;*/
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
    outline: none;
    background-color:transparent;
    border-radius: 0px;
    cursor: pointer;
    height: 24px;
}
.form-label::-webkit-input-placeholder {
    color: transparent;
    transition: 240ms;
    line-height: normal;
}
.form-label:focus::-webkit-input-placeholder {
    transition: none;
    border-bottom: 1px solid #10a9f5;
}
.form-div.focused .form-label::-webkit-input-placeholder {
    color: #bbb;
}
.form-label::-webkit-select-placeholder {
    color: transparent;
    transition: 240ms;
}
.form-label:focus::-webkit-select-placeholder {
    transition: none;
    transition: 240ms;
}
.form-div.focused .form-label::-webkit-select-placeholder {
    color: #bbb;
}
.select2-container .select2-selection--multiple {
	min-height: 24px ! important; 
}
.select2-container .select2-search--inline .select2-search__field{
	margin-top: 0px ! important;
}
input {
    line-height: normal;
}
.form_left_0px
{
	left:0 !important;
}
.datepicker {
    padding: initial !important;
	border-radius: initial !important;
}
.form-horizontal .control-label {
    padding-top: initial;
    margin-bottom: initial;
    text-align: initial;
}
/* new floating label end */
  .ui-widget-content
{
  background: #fff url(../images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333;
}
.ui-widget-header {
    border: 1px solid #10a9f5;
    background: #10a9f5 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
    color: #fff;
    font-family: 'roboto medium';
    font-weight: initial;
}
.border_1px
{
	border:1px solid;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
    border-radius: 5px;
    border: 1px solid #10a9f5;
    background-color: #fff;
    display: none;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0.5em 0px;
    cursor: pointer;
    background-color: #10a9f5;
    border: 1px solid #10a9f5;
    border-radius: 5px;
    color: #fff;
    font-family: 'roboto medium' !important;
    padding: 5px 10px;
}
.ui-dialog .ui-dialog-content
{
	font-family: 'roboto regular';
}
.offers_img
{
	background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 200px !important;
}
.box-footer
{
	height:310px !important;
	background-color: #eeeeeec2 !important;
}
.box-head
{
	position: relative;
    border-radius: 3px;
    background: #fff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    -webkit-box-shadow: 0 0 15px #2b2a2acf;
    box-shadow: 0 0 15px #2b2a2acf;
    
}
.widget-user .widget-user-username
{
	padding-top:100px
}
.widget-user .widget-user-username
{
	text-shadow: 0 1px 1px rgb(0, 0, 0) !important;
}
.offers_headname label.text_align_justify{
	text-align: justify;
	height: 70px;
}
{
	font-size: 14px;
}
.offers_headname label
{
	font-size: 14px;
}
.offers_accounts label
{
	font-size: 24px;
	padding-bottom:10px;
}
.offers_text label{
	font-size:14px;
	height:135px;
}
.bottom_text
{
	text-align:center;
}
.bottom_text.bott_position_absolute{
	bottom: 15px;	
	position: absolute;
	left: 0;
    right: 0;
}
.bottom_text a
{
	color:#10a9f5;
	font-family:'roboto medium';
	font-size:18px;
	cursor: pointer;
	background-color: #10a9f5;
    border: 1px solid #10a9f5;
    border-radius: 4px;
    color: #fff;
    padding: 5px 20px;
}
.bottom_text a:hover
{
	color:#fff;
}
.offers_text label ul
{
	padding-left:15px;
}
.offers_text label ul li
{
	list-style-type: none;
	padding-bottom:5px;
}
#total_chargeable_content{
	display: none
}
/*
.select2-container--open .select2-dropdown--above{
	    bottom: -485px ! important;
}*/

.select2-container--open .select2-dropdown--above {
    top: -50px ! important;
}
.salary_setup_footer_cnt{
	padding: 10px 0px 10px 10px;
	background-color: #fff;
	width: 100%;
    float: left;
    text-align: left;
}
.salary_setup_footer_bdr
{
	 border: 2px solid #87D4FA !important;
}
.salary_setup_footer_bgcolor
{
	 background-color: #F9F7CA !important;
}
.salary_setup_footer_column
{
	text-align:center;
	font-family:'roboto medium';
	font-size:13px;
}
.company_salary_tbl tbody tr:last-child td:last-child
{
	display: table-cell !important;
}
.company_salary_tbl tbody tr
{
	border-bottom: none;
}
.item_table_head
{
	font-size: 16px;
    padding: 5px;
}
#commontoast {
    visibility: hidden;
    min-width: 350px;
    margin-left: -125px;
    background-color: #ec2c14;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    position: fixed;
    z-index: 1;
    right: 5%;
    top: 100px;
    font-size: 14px;
    max-height: 40px;
    box-shadow: 2px 5px 9px #888888;
}
#commontoast.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}



/*Reports download buttons*/

.dataTables_wrapper .dt-buttons button {
	background: white;
    border: 2px solid #10a9f5;
    color: #10a9f5;
    padding: 4px 12px;
    border-radius: 8px;
}
.dataTables_wrapper .dt-buttons button:hover,
.dataTables_wrapper .dt-buttons button:active,
.dataTables_wrapper .dt-buttons button:focus {
	background: #10a9f5;
    border: 2px solid transparent;
    color: #ffffff;
    padding: 4px 12px;
    border-radius: 8px;
    background-image: -webkit-linear-gradient(top, transparent 0%, transparent 100%);
}
.dataTables_filter label input {
	width: 50%;
}
.offers_bank h3
{
	float:left;
	padding-left:20px;
}
.offers_bank img
{
	width: 180px;
    height: 50px;
    margin-left: 20px;
    margin-top: 3px;
}

/* new template css */
.temp2_header_bg_img
{
    background-image: url(../images/temp2_header_img.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    height: 200px;
}

.temp2_footer_bg_img
{
    background-image: url(../images/temp2_footer_bg_img.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    height: 200px;
    margin-top:30px;
}

.temp3_header_bg_img
{
    background-image: url(../images/temp3_header_bg_img.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    height: 300px;
}

.temp3_footer_bg_img
{
    background-image: url(../images/temp3_footer_bg_img.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    height: 150px;
}

.temp2_footer_bg_img
{
    background-image: url(../images/temp2_footer_bg_img.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    height: 200px;
    margin-top:30px;
}
.temp4_header_img
{
	background-image: url(../images/temp4_header_img.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    height: 250px;
}
.temp4_footer_img
{
	background-image: url(../images/temp4_footer_img.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    height: 50px;
}
/* new template css end */
.horizontal_table_scroll
{
	display: block;
    overflow-x: auto;
    white-space: nowrap
}
.table.dataTable
{
	width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
    overflow-x: auto !important;
    white-space: nowrap !important;
}
/* datatables pagination */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box ! important;
    display: inline-block ! important;
    min-width: 1em ! important;
    padding: 0.3em 0.6em 0.1em 0.6em ! important;
    margin-left: 2px ! important;
    text-align: center ! important;
    text-decoration: none ! important;
    cursor: pointer ! important;
    color: #333 ! important;
    border: 1px solid transparent ! important;
    border-radius: 50px ! important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #ffffff !important;
    border: 1px solid #10a9f5 !important;
    background-color: #10a9f5 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc)) !important;
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%) !important;
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%)!important;
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%)!important;
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%)!important;
    background: linear-gradient(to bottom, #10a9f5 0%, #10a9f5 100%)!important;
}
/*.headerSortUp {
    background: url(../images/sort.svg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 14px 23px;
}*/
/* tables */
table.tablesorter {
    font-family:arial;
    /*background-color: #CDCDCD;*/
    margin:10px 0pt 15px;
    font-size: 12pt;
    width: 100%;
    text-align: left;
}
    table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    /*background-color: #e6EEEE;*/
    border: 1px solid #FFF;
    outline: none;
    font-size: 12pt;
    padding: 4px;
}
table.tablesorter th.tablesorter-headerUnSorted {
    background-image: url('http://tablesorter.com/themes/blue/bg.gif');
    background-repeat: no-repeat;
    background-position: center right;
    outline: none;
    cursor: pointer;
}
table.tablesorter tbody td {
    /*color: #3D3D3D;*/
    padding: 4px;
    /*background-color: #FFF;*/
    vertical-align: middle;
}
table.tablesorter tbody tr.odd td {
    /*background-color:#F0F0F6;*/
}
table.tablesorter th.tablesorter-headerAsc {
    background-image: url(http://tablesorter.com/themes/blue/asc.gif);
    background-repeat: no-repeat;
    background-position: center right;
}
table.tablesorter th.tablesorter-headerDesc {
    background-image: url(http://tablesorter.com/themes/blue/desc.gif);
    background-repeat: no-repeat;
    outline: none;
    background-position: center right;
}
table.tablesorter th.headerSortDown,
table.tablesorter th.headerSortUp {
background-color: #8dbdd8;
outline: none;
}
.table_common_without_sort{
	border-collapse: initial !important;
    padding-top: 10px;
    padding-bottom: 10px;
}
.common_table
{
	border-collapse: collapse !important;
}
.common_table .table_header:active{
	border: none;
}
.select2-container{
	width:100% !important;
}
.payment_top_view_main
{
	background-color: #dbf1ff;
	padding:20px 20px 0px 20px;
}
.payment_top_view_heading
{
	color:#10a9f5;
	font-size:20px;
	text-align:left;
	cursor:pointer;
	padding-left:45px;
}
.padding_top_50px
{
	padding-top:50px;
}
.payment_top_view_history_div
{
	border-left:1px solid #10a9f5;
	height:auto;
	padding-bottom:25px;
    margin-left: 25px;
}
.payment_top_view_span_img
{
	background-image: url(../images/pending_payment.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40% 40%;
    background-color: white;
    float:left;
    border: 1px solid #10a9f5;
    border-radius: 50px;
    height: 50px;
    width: 50px;
    position: absolute;
    z-index: 10;
    left: -25px;
    top:-25px;
    text-align:center;
    font-size:35px;
    color:#10a9f5;
}
.payment_top_view_add_pay_div
{
	background-color: white;
	border:1px solid #10a9f5;
	height:auto;
	padding-bottom:30px;
	border-radius:8px;
	-webkit-animation: show_inputs 0.5s ; /* Safari 4.0 - 8.0 */
    animation: show_inputs 0.5s ;
}
.class1
{
    border: 1px solid #dbf1ff;
    -webkit-animation: hide_inputs 0.5s ; /* Safari 4.0 - 8.0 */
    animation: hide_inputs 0.5s ;
}
.class1_animate
{
    width: none;
    height: 0px;
    border: 1px solid #dbf1ff;
    /* -webkit-animation: myfirst 5s 2; Safari 4.0 - 8.0
    -webkit-animation-direction: alternate; Safari 4.0 - 8.0
    animation: myfirst 5s 2;
    animation-direction: alternate; */
}
.payment_top_view_add_pay_img
{
	background-color: white;
	float:left;
	border: 1px solid #10a9f5;
	border-radius: 50px;
	height: 50px;
	width: 50px;
	position: absolute;
	z-index: 10;
	left: -25px;
	top:-25px;
	text-align:center;
	font-size:35px;
	color:#10a9f5;
	cursor:pointer;
}
.payment_top_view_pay_history_img
{
	background-color: white;
	float:left;
	border: 1px solid #10a9f5;
	border-radius: 50px;
	height: 50px;
	width: 50px;
	position: absolute;
	z-index: 10;
	left: 10px;
	top:10px;
	text-align:center;
	font-size:35px;
	color:#10a9f5;
	cursor:pointer;
}
.payment_top_view_otp_button
{
	background-color: #10a9f5;
    color: #fff;
    padding: 8px;
    border: 1px solid #10a9f5;
    border-radius: 2px;
    width:120px;
}
.payment_top_view_otp_input
{
	border: 1px solid lightgray !important;
    height: 37px;
    padding: 5px;
    outline: none;
    margin-left: 15px;
}
.payment_top_view_resend_otp_button
{
	background-color: #fff;
    color: #10a9f5;
    padding: 8px;
    border: none;
    margin-left: 10px;
}
.payment_top_view_resend_otp_button:hover
{
    color: #196ef5;
}
.margin_left_50px
{
	margin-left:50px;
}
.payment_top_view_history_div_child
{
	padding-left:20px;
	text-align:left;
}
.payment_top_view_history_div_date
{
	color:gray;
	font-size:12px;
}
.payment_top_view_history_div_amount
{
	color:black;
	font-size:15px;
	font-weight:bold;
}
.payment_top_view_history_div_method
{
	color:gray;
	font-size:15px;
}

@-webkit-keyframes show_inputs {
	0%   {height:150px;width:0%}
    
    100%  {height:150px;width:100%}
}

@keyframes show_inputs {
	0%   {height:150px;width:0%}
    
    100%  {height:150px;width:100%}
}

@-webkit-keyframes hide_inputs {
	100%   {height:150px;width:100%}
	0%   {height:0px;width:0%}
}

@keyframes hide_inputs {
	100%   {height:150px;width:100%}
	0%   {height:0px;width:0%}
}
.accounting_side_btn_payment
{
	float: right;
    border: 1px solid;
    padding: 10px 30px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    border-top-left-radius: 10px;
    background-color: #dbf1ff;
    border: none;
    border-bottom-right-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    color: darkgray;
}
.border_right_1px_grey
{
	border-right:1px solid #ccc;
}
.border_left_1px_blue
{
	border-left:1px solid #10a9f5;
}
.padding_left_40px
{
	padding-left:40px;
}
.payment_top_view_span_img_revert
{
	background-image: url(../images/Asset_revert.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40% 40%;
    background-color: white;
    border: 1px solid #f5181d;
    border-radius: 50px;
    height: 35px;
    width: 35px;
    position: absolute;
    z-index: 1;
    text-align: center;
    top: -10px;
    font-size: 35px;
    color: #f5181d;
    left: 48px;
}
.text_decoration_strike
{
	text-decoration:line-through !important;
}
.transition_scale
{
	transform:scale(1.03);
	transition: transform 0.5s;
}
.transition_none
{
	transform:scale(1);
	transition: transform 1s;
}
.margin_bottom_20px
{
	margin-bottom:20px;
}
.revert_payment_div_class
{
	background: white !important;
    position: relative;
    left: 0px;
    height: auto;
    border: 1px solid #10A9F5;
    border-radius: 10px;
    z-index:9;
}
.recieved_details_div_class
{
	background-color: #d3d3d35c !important;
    height: 120px;
    left: 0px;
    top: 0px;
    width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.recieved_details_highlight
{
	color: #10a9f5;
    font-size: 18px;
}
.height_250px
{
	height:250px !important;
}
.height_60px
{
	height:60px !important;
}
.height_100px
{
	height:100px !important;
}	
.cursor_pointer
{
	cursor:pointer !important;
}
.disable_click
{
	cursor:default;
	pointer-events:none;
}
.padding_left15px
{
	padding-left:15px
}
.margin_right_15px
{
	margin-right:15px;
}
.margin_right_0px
{
	margin-right:0px;
}

@-webkit-keyframes pulses {
  25% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes pulses {
  25% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.pulse {
    -webkit-animation: pulses 1s linear;
	-moz-animation: pulses 1s linear;
	-ms-animation: pulses 1s linear;
	-o-animation: pulses 1s linear;
	animation: pulses 1s linear;
	-webkit-animation-iteration-count: infinite;
  	animation-iteration-count: infinite;
  	-moz-animation-iteration-count: infinite;
  	-o-animation-iteration-count: infinite;
}

.transition_none
{
	transform:scale(1);
	transition: transform 1s;
}

/* .payment_top_view_span_img:hover
{
	transform: scale(1.2);
	transition: transform 1s;
} */

.border_3px_blue
{
	border: 3px solid #10a9f5 !important;
}
.rotate_360degree
{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.revert_btn_span_img
{
	background-image: url(../images/Asset_revert.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40% 40%;
    background-color: white;
    border: 1px solid #f5181d;
    border-radius: 50px;
    height: 20px;
    width: 20px;
    position: absolute;
    z-index: 10;
    text-align:center;
    font-size:35px;
    color:#f5181d;
    margin-left:40%;
    cursor:pointer;
}
.grouped_revert_payment
{
	border-left: 1px solid red;
    border-bottom: 1px solid red;
    position: relative;
    height: 80px;
    width:5%;
    padding-top:40px;
    left:50px;
}
.grouped_revert_payment_details_parent
{
	float:right;
	z-index:5;
	width:auto;
	height:80px;
}
.padding_top_35px
{
	padding-top:35px;
}
.main_head_text_add_pay
{
	position: relative;
    top: 15px;
    z-index: 2;
    left: 5px;
    color: #10a9fa;
}
#transaction_hist.show_status_intiated {
	margin-left: -18px;
    border: 1px solid #FE9A2E;
    padding: 3px 0px 3px 2px;
    border-radius: 20px;
    font-size: 8px;
    color: #FE9A2E;
    cursor: pointer;
    font-family: Roboto light;
    
}
.show_status_intiated {
	margin-left: 8px;
    border: 1px solid #FE9A2E;
    padding: 3px 0px 3px 2px;
    border-radius: 20px;
    font-size: 10px;
    color: #FE9A2E;
    cursor: pointer;
    font-family: Roboto light;
    
}
.show_status_intiated_refresh {
    background-color: #FE9A2E;
    border-radius: 50px;
    padding: 3px 4px 3px 5px;
    margin-left: 0px;
}
.show_status_pending
{
    margin-left: 10px;
    border: 1px solid yellow;
    padding: 3px 10px 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    color:yellow;
    cursor:pointer;
}
.show_status_completed
{
    margin-left: 10px;
    border: 1px solid #36cc36;
    padding: 3px 10px 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    color:#36cc36;
    cursor:pointer;
}
.show_status_failed
{
    margin-left: 10px;
    border: 1px solid red;
    padding: 3px 10px 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    color:red;
    cursor:pointer;
}   border-radius: 20px;
    font-size: 12px;
    color:red;
}
.select2,.select2-container,.select2-container--default,.select2-container--focus {
	width: 100% ! important;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
   	background-color:transparent !important;
    cursor: default;
}
.genrateRefreshBtn{
	background-color: #10a9f5;
    color: #ffffff;
    padding: 5px;
    border-radius: 4px;
    vertical-align: middle;
    cursor: pointer;
}
/* prepaid cards */
.bg_card_image {
    background-image: url(../images/Niyo_card.png);
    height: 200px;
    background-size: 100% 100%;
    border-radius: 10px;
    display: block;
    opacity: 0.5;
    background-repeat: no-repeat;
}
.select {
    width: 80%;
    border: 1px solid #888;
    max-width: 300px;
    height: 34px;
    border-radius: 3px;
    color: #555;
    font-size: 12px;
    padding: 0px 10px;
    outline: none;
    margin-top: 6px;
    margin-bottom: 20px;
    -webkit-appearance: none;
    background-image: url(../images/down.svg) !important;
    background-size: 11px 16px !important;
    background-repeat: no-repeat !important;
    background-position: 96% !important;
}
.inside_select {
    width: 100%;
    border: none;
    max-width: 300px;
    color: #10a9f5;
    font-size: 12px;
    outline: none;
    -webkit-appearance: none;
    background-image: url(../images/down.svg) !important;
    background-size: 11px 16px !important;
    background-repeat: no-repeat !important;
    background-position: 96% !important;
}
.overflow_hidden{
	overflow: hidden;
}
/* prepaid cards */
.bg_card_image {
    background-image: url(../images/Niyo_card.png);
    height: 200px;
    background-size: 100% 100%;
    border-radius: 10px;
    display: block;
    opacity: 0.5;
    background-repeat: no-repeat;
}
.select {
    width: 80%;
    border: 1px solid #888;
    max-width: 300px;
    height: 34px;
    border-radius: 3px;
    color: #555;
    font-size: 12px;
    padding: 0px 10px;
    outline: none;
    margin-top: 6px;
    margin-bottom: 20px;
    -webkit-appearance: none;
    background-image: url(../images/down.svg) !important;
    background-size: 11px 16px !important;
    background-repeat: no-repeat !important;
    background-position: 96% !important;
}
.inside_select {
    width: 100%;
    border: none;
    max-width: 300px;
    color: #10a9f5;
    font-size: 12px;
    outline: none;
    -webkit-appearance: none;
    background-image: url(../images/down.svg) !important;
    background-size: 11px 16px !important;
    background-repeat: no-repeat !important;
    background-position: 96% !important;
}
.overflow_hidden{
	overflow: hidden;
}
.bg_card_image_niyo {
    background-image: url(../images/niyo.png);
    height: 200px;
    background-size: 100% 100%;
    border-radius: 10px;
    display: block;
    opacity: 0.5;
    background-repeat: no-repeat;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 22px ! important;	
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	padding: 0px 10px ! important;
}
.posSaveBtn {
    border: 1px solid #10A9F5;
    background-color: #10A9F5;
    border-radius: 5px;
    color: #fff;
    width: 8%;
    padding: 6px;
}
/* media query in mobile screen */
@media  screen 
and (min-device-width : 220px) 
and (max-device-width : 900px) {
	.width_mob{
		width: 30%;
	}
 }

/* @media only :-moz-full-screen */
/* common toast msg */
.toastmsg {
	margin-top:1%;
    visibility: hidden;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
    background-color: #FFFFFF;
    color: #10a9f5;
    border-radius: 2px;
    padding: 16px;
    position: absolute;
    z-index: 10099;
    left: 35%;
    right: 0;
    font-size: 14px;
    max-width: 25%;
    vertical-align: middle;
    top: 30px;
    text-align: justify;
}
.toastmsg.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 10s;
    animation: fadein 0.5s, fadeout 0.5s 10s;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
{
	float:left;
}
.dropdown-menu>li>a
{
	display: block;
    padding: 2px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 14px;
}
.pointer_cursor{
	cursor: pointer;
	}
	
@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

.loading_circle {
    -webkit-animation: rotating 1s linear infinite;
}
.display_none
   {
	display:none;
	}
	.display_inline
   {
	display:inline !important;
	}
	
	table .invoicetable_parent input{
		    margin: 4px 0px;
    		height: 28px;
	}
	#ternary_div .table tbody tr td {
    	font-size: 13px;
	}
	.padding_0px
	{
	padding:0px !important;
	}
.padding_right_0px
{
	padding-right:0px !important;
}
.padding_right_15px
{
	padding-right:15px !important;
}
.align_self_center
{
	align-self: center !important;
}
.margin_5px
{
	margin: 5px !important;
}
.border_bottom_1px
{
	border-bottom:1px solid !important;
}
.width_100
{
	width:100% !important;
}
.margin_left_0px
{
	margin-left:0px !important;
}
.margin_0
{
margin: 0 auto;
}
.text-transform_uppercase
{
	text-transform:uppercase;
}
.pointer_events_none
{
	pointer-events:none;
}
.well {
    min-height: 20px;
    width: 37%;
    color: white;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #e4e0e0;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  }
  .line_height_20px
  {
  line-height: 20px;
  }
  .position_fixed
  {
  position: fixed;
  }
  .font_size_33px
  {
  font-size:33px;
  }
  .border_0px
  {
  border: 0px;
  }
  .margin_top_50px
  {
  margin_top:50px;
  }
  .padding_10_0px
  {
  padding: :10px 0px;
  }
  input[type="file"]{
color: transparent;
}
#file1
{
  border-bottom: 0.1px solid #d2d6de;
  padding:3px;
}
/* .form-div label.error
{
	position: absolute;
} */
.z_index_9998.5
{
	z-index:9998.5 !important;
}
.doc_type_div
{
display:none !important;
margin-left:50px !important;
width:18% !important;
margin-top: 22px !important;
}
.upload_style
{
	margin-top:20px !important;
	margin-right: 38% !important;
}
.file_type_style
{
padding-left:10px;
width:auto
}
.delete_view_filetype
{
	padding:9px 5px 0px 0px;
	width:auto;
}
.position_fixed
{
	position :  fixed !important;
}
.vertical_align_middle
{
	vertical-align: middle !important;
}
.margin_top_68px
{
margin-top: 68px !important;
}
.padding_left_51px
{
padding-left: 51px !important;
}
.annual_sal_error
{
	display: none !important;
	font-size: 12px !important;
	color: red !important;
	float: left !important;
	width: 100% !important;
	text-align: left !important;
}
.width_40per {
	width: 40% !important;
}
.margin_right_15px{
	margin-right: 15px !important;
	}
	.padding_2px_30px
	{
	padding:2px 30px !important;
	}
	.settle_upload
	{
	 margin-right: 5px !important;
	 margin-top: 5px !important;
	}
	.line_height_20px
	{
	line-height: 20px;
	}
	.terminal_div
	{
	 padding-left: 0px !important;
	 padding-right: 0px !important; 
	 padding-bottom: 50px !important;
	}
	.terminal_div1
	{
	padding:10px 0px !important;
	}
	.nav_bar_cnt
	{
	 
	 padding: 0px 20px 0px 20px !important;
	 display:flex !important;
	 align-items:center !important;
	}
	.nav_bar_cnt1
	{
	 display:flex !important;
	 align-items:center !important;
	}
	.border_left_1px
	{
	border-left: 1px solid #ccc !important;
	}
	.collection_detail
	{
	width:100% !important;
	border-right: 1px solid #ccc !important;
	}
	.today_total
	{
	width:50% !important;
	padding:10px 0px !important;
	border-right: 1px solid #ccc !important;
	}
	.inclusive_vat
	{
	width:100% !important;
	font-size:10px !important;
	}
	.today_total1
	{
	width:50% !important;
	padding:10px 0px !important;
	}
	.height_50vh
	{
	height:50vh !important;
	}
	.height_270px
	{
	height: 270px !important;
	}
	.width_270px
	{
	width:270px !important;
	}
	.img_width_height
	{
	width: 70px !important;
    height: 70px !important;
	}
	.consolidate_inv
	{
	margin-left: 0px !important;
	 margin-top: 2px !important;
	}
	.padding_6px_10px_0px_10px
	{
	padding: 6px 10px 0px 10px !important;
	}
	.billed_trans
	{
	margin-top: 0px !important;
	border-bottom: 2px solid !important;
	}
	.bottom_10px
	{
	bottom:10px !important;
	}
	.terminal_div_pos
	{
	 overflow: hidden !important;
	 display: flex !important;
	 flex-direction: column !important;
	}
	.vat_div
	{
	align-self: center !important;
    margin-bottom: 5px !important;
	}
	 .width_four
	{
	width: 4% !important;
	}
	.width_1
	{
	width:1% !important;
	}
	.width_28
	{
	width: 28% !important;
	}
	.width_5
	{
	width: 5% !important;
	}
	.width_10
	{
	width: 10% !important;
	}
	.width_8
	{
	width: 8% !important;
	}
	.width_11
	{
	width: 11% !important;
	}
	.width_31
	{
	width: 31% !important;
	}
	.width_3
	{
	width: 3% !important;
	}
	.width_change
	{
	width: 3% !important;
	border-right:none !important;
	}
	.width_change1
	{
	width: 3% !important;
	color:transparent !important;
	}
	.height_45px
	{
	height:45px;
	}
	.inclusive_box
	{
	top: 0px !important;
	left: 6px !important;
	}
	.width_97
	{
	width:97 !important%;
	}
	.Adv_payment
	{
	width:100%;
	background-color: #ebf4fd;
	display:none;	
	}
	.avl_bal_btn
	{
	border-radius:3px;
	width:100%;
	}
	.Adv_payment_use
	{
	width:100%;
	background-color: #ebf4fd;	
	}
	.table_br_trans
	{
	width: 3%;
	color:transparent;
	}
	.padding_right_9px{
	padding-right:9px;
	}
	.padding-top_18px{
	padding-top:18px;
	}
	.padding-bottom_20px{
	padding-bottom:20px;
	}
	.adv_html{
	font-size:23px !important;
	padding-left:5px !important;
	}
	.remove_adv{
	font-size:23px;
	padding-left:5px;
	}
	.tax_inv
	{
	font-size: 22px;
	color: #000;
	}
	.tbl_border_right
	{
	
	border-right:2px solid #87D4FA;
	}
	.line-height
	{
	line-height:2.5;
	}
	.line_height_20px
	{
	line-height:20px !important;
	}
	table .invoicetable_parent input{
		    margin: 4px 0px;
    		height: 28px;
	}
	#ternary_div .table tbody tr td {
    	font-size: 13px;
	}

.padding_left_15
{
	padding: 15px 0px !important;
}
.padding_left_20_0
{
	padding: 20px 0px !important;
}
.padding_right_30
{
	padding-right: 30px;
}
.use_adv_payments
{
	width:100%;
	background-color: #ebf4fd;
}
.fourth_main_div_class
{
	margin-bottom:100px;
	padding:20px 30px;
	padding-left:0px;
}
.grand_total_div
{
	padding-left: 0px;
	margin-right:15px;
}
.border_left_0.5px_solid
{
	border-left: 0.5px solid #ccc !important;
}
.bg_position_pos
{
	background-position: left top !important;
	background-position-y: 13px !important;
}
.display_list_item
{
	display:list-item !important;
}
.padding_bottom_20px
{
	padding-bottom:20px !important;
}
.bottom_10px
{
	bottom:10px !important;
}
.padding_left_28px
{
	padding-left:28px !important;
}
.margin_0_auto
{
margin: 0 auto !important;	
}
.width_97per
{
width:97% !important;
}
/* media query in mobile view  starts - purchase,purchase orders */
@media only screen 
and (min-device-width : 240px) 
and (max-device-width : 600px){
		.padd_btm{
			padding-bottom: 50px;
		}	
}
@media only screen 
and (min-device-width : 610px) 
and (max-device-width : 1024px){
		.inc_width{
			max-width: 37%;
		}	
}
/* media query  ends */
.width_8_padd_right
{
	width: 8%;
	padding-right: 9px;
}
.width_31per
{
	width:31%;
}
.margin_left_m20px
{
margin-left: -20px;
}
.margin_left_m30px
{
margin-left: -30px;
}
.padding_left_2emm
{
	padding-left:2em;
}
.padding_right_50px
{
	padding-right:50px;
}
.padding_left_3emm
{
	padding-left:3em;
}
.border_color_opening_bal
{
	border: 1px solid transparent;
	color: transparent;
}
.forecast_mdl_price
{
padding:4px;
margin-top: 11px;
margin-right: 40%;
width: 94px;
}
.margin_right_30px
{
	margin-right:30px;
}
.forecast_create_revenue
{
	 margin: 0 auto;
	 margin-top: 11px;
	 margin-right: 40%;
}
.z_index_51
{
	z-index: 51;
}
.forecast_exp
{
	 width:100%;
	 min-width: 300px;
	 height: 310px;
	 margin: 0 auto;
}
.forecast_exp1
{
	 min-width: 310px;
	 height: 200px;
	 margin: 0 auto;
}
.forecast_layout_css
{
	height:300px;
	position: relative;
}
.forecast_chart_acc
{
	width:100%; 
	min-width: 300px; 
	height: 250px; 
	margin: 0 auto
}
.margin_left_m60px
{
	margin-left: -60px;
	}
.padding_10px_15px
{
	padding: 10px 15px;
}
.reports_exp
{
	 min-width: 310px;
	 height: 150px;
	 margin: 0 auto;
}
.border_right_none
{
	border-right:none;
}
.border_left_none
{
	border-left:none;
}
.border_bottom_20px
{
	border-bottom:20px;
}
.height_750px
{
	height:750px
}
.color_1993cf
{
	color: #1993cf;
}
#modal_tax_saving .general_bulk_position{
	z-index: 10000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: auto ;
    overflow-y: scroll;
    overflow-x: auto;
    display: none;
	}
	@media(min-width: 768px) and (max-width: 1020px)
{
	.price_banner_container
	{
	flex-direction: column;
	}
}
.accColor{
	color : #fff;
	background-color: #10a9f5;
}
.paynow{
	width: 110px;
    border-radius: 5px;
}
.paydiv{
    padding: 50px;
	text-align: center;
}
#pricing
{
display:flex;
padding:0px 0px 30px 0px;
}
.price_banner_container
{
margin:0 auto;
display:flex;
}
.price_banner
{
	min-width: 400px;
	border-radius: 20px;
	min-height: 500px;
	background-color: #f8f8f8;
	float: left;
	padding: 45px 30px 10px 30px;
	border: 1px solid lightgrey;
    box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.2);
	cursor: pointer;
	position: relative;
	margin: 0px 15px;

}
.price_banner.active
{
background-color: #10a9f5;
transform: scale(1,1.05);
box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.2);
}
.title
{
text-align: center;
font-family: 'roboto bold';
font-size: 20px;
text-decoration: underline;
padding: 5px;
}
.price_banner.active .title
{
	color:#fff;
	-webkit-text-decoration-color: #ef766e; /* Safari */  
	text-decoration-color: #ef766e;
}
.old_rate
{
	color: #7a7a7a;
	font-size:14px;
	text-align:center;
	padding:0px 0px 0px 0px;
}
.price_banner.active .old_rate
{
	color:#fff;
}
.new_rate
{
	color: #7a7a7a;
	font-size: 20px;
	text-align: center;
	font-family: 'roboto bold';
}
.price_banner.active .new_rate
{
	color:#fff;
}
.features_list
{
	color: #999;
	padding: 10px 0px;
}
.price_banner.active .features_list
{
	color:#fff;
}
.features_list li
{
	padding:5px;
}
.paydivbtn{
    padding: 30px 0px 50px 0px;
	text-align: center;
}
.paynowbtn{
	width: 110px;
    border-radius: 5px;
	margin: 0px 5px;

}
.btnstartTrial{
	width: 150px;
    border-radius: 5px;
	margin: 0px 5px;

}
.note{
	text-align: center;
	padding:10px;
}
.newpaydiv{
	text-align: center;
	padding: 15px 0px 0px 0px;
}
.newpay{
	width: 100px;
    height: 35px;
    background-color: #ef756f;
    color: white !important;
    border: 1px solid #ef756f;
    border-radius: 5px;
    outline: none;
}
.popularImg{
	position: absolute;
    height: 100px;
    width: 100px;
    right: 0px;
    top: 0px;
}
.topContent{
	border-radius: 20px;
    float: left;
    padding: 20px 30px 20px 30px;
    text-align: center;
}
.topContainer{
	padding: 10px 0px 0px 350px;
}
.padding_2px_0px
{
	padding: 2px 0px;
}
.padding_10px_0px_2px_0px
{
	padding:10px 0px 2px 0px;
}
.overflow_y_hidden
{
	overflow-y: hidden;
}
.margin_left_1per
{
	margin-left:1%;
}
.margin_left_3per
{
	margin-left:3%;
}
.margin_right_m12
{
	margin-right:-12%;
}
.min_height_80vh
{
	min-height:80vh;
}
.min_height_100vh
{
	min-height:100vh;
}
.height_35px
{
	height:35px;
}
.debug_submit
{
	background-color: #10a9f5;
    border: 1px;
    width: 50%;
    color: white;
    margin-top: 15%;
}
.debug_no_data
{
	text-align: center;
    font-size: 22px;
    padding-top: 188px;
    font-weight: 700;
}
.bank_pdt
{
	color:#00579f;
	padding:20px 45px;
}
.padding_10px_30px
{
	padding:10px 30px;
}
.asset_type_mdl
{
	width: auto;
	margin: 75px auto 20px auto;
}
.asset_type_mdl2
{
	border-bottom-color: #00A55B;
	color:#00A55B;
}
.input_field_set
	{
	width: 80%;
    border: none;
    max-width: 300px;
    border-radius: 3px;
    color: #555;
    font-size: 12px;
    padding: 0px 10px;
    outline:none;
    }
    .inside_input
    {
    width: 100%;
    border: none;
    color: #10a9f5;
    font-size: 12px;
    outline:none;
    }
   
    fieldset {
    display: block !important;
   	padding:0px 10px;
    min-width: -webkit-min-content !important;
    border-width: 1px !important;
    border-style: double !important;
    border-color: #888!important;
    border-image: initial !important;
    border-radius:3px;
    height:40px;
    width: 80%;
    max-width: 300px;
    margin-bottom:20px;
}
.calender_index_pg
{
	width: 2% ! important;
	height: 100%;
	float: left;
}
legend {
    display: block !important;
    -webkit-padding-start: 2px !important;
    -webkit-padding-end: 2px !important;
    border-width: initial !important;
    border-style: none !important;
    border-color: initial !important;
    border-image: initial !important;
    margin-bottom:0px !important;
    width:auto;
    font-size:10px;
}
.card_add_new
{
	width:100%;
	border:none;
	outline:none;
	font-size:12px;
	color:#10a9f5;
}
.clear_both
{
	clear:both
}
.padding_10px_0px_10px_5px
{
	padding: 10px 0px 10px 5px;
}
.cal_index1
{
	padding:0px;
	background-color: #f5f5f5;
	position: relative;
	bottom: 0px;
}
.line_height_2.5
{
	line-height:2.5;
}
.exp_view_call
{
	padding: 10px 0px 0px 0px;
	height: 71px;
}
.exp_call_view1
{
	padding:0px;
	background-color: #f5f5f5;
	position: relative;
	bottom: 0px;
}
.padding_10px_0px_10px_5px
{
	padding: 10px 0px 10px 5px;
}
.pay_now_exp
{
	padding: 10px 2px;
	background-color: #10a9f5;
	color: #ffffff;
	border-radius: 4px;
}
.color_ffffff
{
color: #ffffff;	
}
.
.prdt_category
{
	position: relative; 
	overflow: hidden; 
	width: auto; 
	height: 487px;
}
.width_200px
{
	width:200px;
}
.height_60px
{
	height:60px
}
.padding_0px_20px
{
	padding:0px 20px;
}
.color_10a9f5
{
	color:#10a9f5;
}
.scroll_css
{
	background: rgb(0, 0, 0); 
	width: 7px; 
	position: absolute; 
	top: 0px; 
	opacity: 0.4; 
	display: none; 
	border-radius: 7px; 
	z-index: 99; 
	right: 1px; 
	height: 487px;
}
.slim_scroll_rail_css
{
	width: 7px; 
	height: 100%; 
	position: absolute; 
	top: 0px; 
	display: none; 
	border-radius: 7px; 
	background: rgb(51, 51, 51); 
	opacity: 0.2; 
	z-index: 90; 
	right: 1px;
}
.no_data_image
{
	padding-left:32%;
	padding-top: 14%; 
	font-size: 30px;
}
.margin_auto_0
{
	margin:0 auto;
}
.skin-black .left-side, .skin-black .main-sidebar, .skin-black .wrapper{
	background: linear-gradient(to bottom, rgba(38,97,170,1) 100%, rgba(38,97,170,1) 100%) ! important;
}
.table.tablesorter  th.tc_options{
	background:none;
}
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 200px;
   color: #ddd;
   text-align: left;
   font-weight: 500;
   font-size: 9px;
   padding: 10px;
   background: linear-gradient(to bottom, rgba(16,169,245,1) 0%, rgba(38,97,170,1) 100%);
}
.copy_right_link{
	color: #fff;
    font-weight: 500;
    font-size: 10px;
}
.copyRightsImage{
    padding: 5px;
    margin-top: -2px;
    width: 23px;
}
.toggle_footer{
	position: fixed;
    left: 0;
    bottom: 67px;
    width: 200px;
    color: #ddd;
    text-align: left;
    font-weight: 500;
    font-size: 9px;
    padding: 10px;
}
.foot_hide1{
	    transform:translate(-230px, 0px);
	}
#rak_loader
{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:99999999999;
display:flex;
background-color:rgba(0,0,0,0.1);
}
#rakbankloader
{
display:none;
}
#rak_loader .loader{
    border: 5px solid #fff;
    border-top: 5px solid #10a9f5;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    display: block !important;
    margin: auto;
    background-color: rgba(0,0,0,0.1);
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.upgrade
    {
    background-color: transparent;
    border: 2px solid currentColor;
    border-radius: 5px;
    padding: 5px 15px;
    margin: 10px;
    }
    .taxDetailPOPup
{
    left: 0px;
    z-index: 99999999 !important;
    position: fixed !important;
    top: 0px !important;
    padding-top: 130px !important;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
}
#user_password,
#user_passwordv{
   -webkit-text-security:disc;
}
.form-control
{
	font-size:14px !important;
}
.display_none{
display:none;
}
#rak_loader
{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:99999999999;
display:flex;
background-color:rgba(0,0,0,0.1);
}
#rakbankloader
{
display:none;
}
#rak_loader .loader{
    border: 5px solid #fff;
    border-top: 5px solid #10a9f5;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    display: block !important;
    margin: auto;
    background-color: rgba(0,0,0,0.1);
}
.border_left_0px
{
	border-left: 0px;
}
.empty_border
{
	border-left: 0px solid transparent;
	 border-bottom: 0px solid transparent;
}
.clear_both
{
	clear:both;
}
.text_transform_uppercase
{
	text-transform:uppercase;
}
.color_transparent
{
	color:transparent;
}
.padding_0_5px
{
	padding: 0px 5px;
}
.width_auto
{
	width:auto;
}
.border_bottom_2px_solid
{
	border-bottom: 2px solid !important;
}
.padding_15px
{
	padding:15px;
}
.padding_2_30
{
	padding:2px 30px;
}
.border_top_1px_solid
{
	border-top:1px solid;
}
.background_image_none
{
	background-image: none !important;
}
.mob_pref
{
	width:25%;
	float:left;
	background-color: transparent;
	padding:2px 5px;
	text-align:center; 
	height:24px;
}
.background_color_10a9f5 
{
	background-color:#10a9f5 !important;
}
.background_color_#c2c4c5
{
	background-color:#c2c4c5 ;
}
.background_color_rgba
{
	background-color: rgba(0,0,0,0.05);
}
.company_left
{
	margin: auto;
    padding: 0px;
    margin-top: 160px;
}
.plan_det
{
position:fixed;
right: -1000px;
top: 140px;
bottom:0;
display: block; 
transition: right 0.8s ease-in-out;
}
.gst_align
{
	height: 15px;
	padding:2px 0px 0px 5px;
}
.margin_top_15px_margin_right
{
	margin-top:15px;margin-right: -50%;
}
.line_height_3
{
	line-height:3
}
.mar_top_left
{
	margin-top:15px;
	margin-right: -12%;
}
.padding_74px_34px_0px_0px
{
	padding: 74px 34px 0px 0px
}
.margin_top_m15font_weight
{
	margin-top: -15%;
	font-weight: 600;
	font-size: 16px;
}
.control-label1 {
    opacity: 0.4;
    pointer-events: none;
    /* position: absolute; */
    /* transform: translate3d(0, 20px, 0) scale(1); */
    transform-origin: left top;
    transition: 240ms;
    top: -15px;
    left: 15px;
}
.min_height_900px
{
	min-height:900px
}
    .dropdown-menu>li>span {
    display: block;
    padding: 2px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 14px;
    }
    .dropdown-menu>li>span:hover {
    background-color: #e1e3e9;
    color: #333;
    }
    .margin_bottom_8px
    {
    margin-bottom:30px;
    }
    .margin_left_1px
    {
    margin-left:1px;
    }
  input[type="file"]{
color: transparent;
}
#file1
{
  border-bottom: 0.1px solid #d2d6de;
  padding:3px;
}
/* .form-div label.error
{
	position: absolute;
} */
.popup_form {
    margin-bottom: 15px;
    position: relative; 
}
.fore_css_save
{
	margin-top: 5px;
    color: black;
    font-size: 18px;
}
.color_blue
{
	color:blue !important;
}
.cancel_btn_color
 {
 background-color: white;
    border: none;
 }
 .border_1px_solid_a79c9c
 {
 border: 1px solid #a79c9c;
 }
 .margin_bottom_1per
 {
  margin-bottom: 2% !important;
 }
 .control-label1{
 font-size:12px;
    opacity: 0.4;
    pointer-events: none;
    position: absolute;
    transform-origin: left top;
    transition: 240ms;
    top: -15px;
    left:15px
}
.order_details
{
    width: 100%;
    border: 1px solid #10a9f5;
     border-radius: 5px;
    color: black;
    background-color: #a9a89c52;
    padding:15px;
}
.margin_left_m6
{
    margin-left: -6%;
    border-right: 1px solid #e8e7e7;
}
.save_btn_color
{
    border-radius: 5px;
    background-color: #10a9f5;
    color: #fff;
    outline: none;
    border: none;
    font-size: 14px !important;
}
.total_amt
{
    float: right;
    padding-top: 15px;
}
.list_style_none
{
list-style: none;
}
.margin_top_11px
{
margin-top: 11px !important;
}
 .form-label-pay
{
 	width: 100%;
    color:#000000 !important;
	border: 1px solid #a79c9c!important;
    padding:10px !important;
    border-radius: 3px !important;
    direction:ltr !important;
    height: 30px !important;
}
.float_right
{
float:right;
}
.form-div.focused .control-label1 {
    opacity: 1;
    transform: scale(0.85);
    color: #10a9f5;
    top: -15px;
}
.margin_4per
{
	margin:4%;
}
.border_radius_3px
{
	border-radius:3px;
}
.padding_left_3
{
	padding-left:3%;
}
.color_black
{
	color:black;
}
.margin_top_4
{
	margin-top:4%;
}
.margin_top_5
{
	margin-top:5%;
}
.simplyfy_send
{
	margin-top:64%;
	margin-left:3%
}
.pay_onsimply
{
	margin-top: 7%;
	margin-left: 4%;
	margin-bottom:3%;
}