/*new menu*/
.container_head{
	background-color: #fff;
	overflow: visible;
  padding: 0;
	box-shadow: 1px 1px 3px #00000024 !important;
	border-color: #fff !important;
}
.clearfix { 
    display: block;
	clear:both;
}
#titles {
    /*! background-color: #f9f9f9; */
	  float: left;
    display: block;
   padding: 0 10px;
	position: relative;
	z-index: 99;
	text-align: center;
    width: 275px;
    height: 95px;
    /*! background-image: url(../images/npatt.png); */
    background-size: cover;
	  
}
#titles .logo {
    margin-top: 15px;
    margin-bottom: 30px;
        display: grid;
    grid-template-columns: 100px auto;
}
 #header svg {
    margin: 0 auto;
    display: block;
    float: left;
    width: 104px;
    padding: 0;
}

#logo-tag{
    
    float: left;
    font-size: 13px;
    text-align: left;
    color: #000;
    margin: 1px 0px 7px 8px;
    line-height: 1.8em;
}
#logo-tag span{
    
    font-size: 12px;
}
.header-right {
    display: flex;
    display: table-cell \9;
    width: auto;
    background: #fff;
}
.show-menu {
    padding: 18px 10px;
    height: 47px;
    width: 80px;
    background-image: none;
    margin: 27px 27px 27px 0;
    display: none;
    position: relative;
    float: right;
    z-index: 99;
    text-align: center;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 700;
    color: #fff;
    float: right;
    right: 0;
}
#header input[type="checkbox"] {
    display: none;
    position: absolute;
    top: 38px;
    right: 15px;
}
.rad {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
#navigation {
    z-index: 10;
    padding: 0;
        padding-top: 0px;
        padding-bottom: 0px;
    position: relative;
    width: 100%;
    display: inline;
}
#navigation {
    padding-top: 7px;
    padding-bottom: -1px;
}
#main-nav {
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    display: inline-block;
	margin: 0 auto;
padding: 0 0;
width: calc( 100% - 60px);
z-index: 99;
    display: flex;
    align-items: center;
    padding-right: 0;
    gap: 1rem;/*1.7rem*/
    align-items: stretch;
		justify-content: end;
}
#main-nav > li {
    margin: 0;
    padding: 0px 0;
        padding-left: 1%;
    display: inline;
    float: left;
    text-align: center;
    position: relative;
	-webkit-backface-visibility: hidden;
    align-self: center;
}
#main-nav > li:first-child::before
{
    display: none;
}
#main-nav > li::before {
    position: absolute;
    top: 17px;
    left: 0;
    height: 20px;
    width: 1px;
    content: '';
    background: 
    #ff8400;
    opacity: 0.5;
	display:none;
}
#main-nav > li:first-child {
    padding-left: 0;
}
.nav > li > a {
    display: block;
    padding: 11px 0 11px;
    text-decoration: none; 
    line-height: 1.5em;
    border-bottom: none;
    text-align: left;
    /*! border-bottom: 2px solid rgba(0,0,0,0); */
	  font-weight: 600;
		font-style: normal;
		color:		#000;
		font-size: 12px;
    letter-spacing: 0px;
}
.nav a {
    position: relative;
    display: block;
    z-index: 1;
    padding: 15px 0;
    text-decoration: none;
}
.nav li a .menu-item-description {
    display: none;
    padding-top: 6px;
    margin-bottom: -1px;
    letter-spacing: .02em;
    font-size: 11px !important; 
    text-align: left;
    font-weight: 500;
    opacity: .7;
	display: block;
}

ol,ul{
    list-style-position: inside;
}
.nav > li > ul > li, .nav li ul ul li {
    width: 100%;
    max-width: 250px;
}
.nav li {
    display: block;
    position: relative;
}
.nav li.menu-item-has-children a, .nav li.page_item_has_children a {
    padding-right: 20px;
}
.nav li:hover a{
  
    color: #3d3d99; 
}
nav li:hover.menu-item-has-children > a::after
{
  background: #3d3d99;   
    color: #fff;
}
.nav li ul li > a {
    margin: 0 16px;
    padding: 11px 0;
        padding-right: 0px;
    border-bottom: 1px dotted rgba(255,255,255,.15);
    text-align: left;
    line-height: 1.5;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -ms-transition: none;
    color: #fff !important;
	width:100%;
}
.nav ul li > a, .topnav .menu_label, .topnav .social-menu span {
    font-weight: 400;
    font-style: normal;
    color: 
    #fff;
    font-size: 12px;
}
.nav a {
    position: relative;
    display: block;
    z-index: 1;
    padding: 15px 0;
    text-decoration: none;
}
.nav li ul.sub-menu {
    -webkit-box-shadow: 0 0 7px -2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 7px -2px rgba(0,0,0,.1);
    box-shadow: 0 0 7px -2px  rgba(0,0,0,.1);
    padding: 6px 0 !important;
	position: absolute;
    left: -999em;
	background-color: #0d0d0d;
	z-index: 11;
    margin: -2px 0 0;
	width: 225px;
}
.nav > li > ul::after {
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #900;
    border-left-color: rgb(153, 0, 0);
    border-style: solid;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 0;
    top: -8px;
    width: 0;
}
.nav > li.mega:hover::after
{
    
}
.nav > li > ul::after, .nav > li.mega:hover::after {
    border-left-color: 
    #0d0d0d;
}
.nav li:hover, .nav li.hover {
    position: static;
}
#bottombar {
    padding: 0 30px 0 0;
    opacity: 1;
    max-height: 100px;
    position: relative;
    /*! overflow: hidden; */
    z-index: 0;
	/*! background-color: #f7f7f7; */
	/*! display:none; */
    border-top: solid 1px #ddd;
}
#bottombar p {
    float: left;
    font-size: 13px !important;
    margin: 0;
    padding: 7px 10px;
    text-align: center;
    /*! background: 
    #fdfdfd; */ 
    width: 275px;
    font-weight: 500 !important;
}
#bottombar p, #bottombar a, #bottombar span, #bottombar a:hover {
    color:     #222;
    font-weight: normal;
} 
#bottombar a:hover {
font-weight: bold;
}
#add-nav {
    display: inherit;
    padding: 0 0 0 20px;
}
#add-nav > li {
    padding: 0 12px;
    text-transform: inherit; 
    list-style: none;
    line-height: 1.5em;
}
#add-nav > li > i{
    
    line-height: 32px;
    font-size: 14px;
}
#main-nav > li.special {
    float: right;
    padding: 15px 0;
    margin-left: 0rem;
}
#main-nav > li.special:before{
    display: none;
}
#main-nav > li.special > a {
    background-color: #000000;
    color: #fff;
} 
#main-nav > li.special > a:hover{
    /*! background: url(../images/npatt.png); */ 
    text-decoration: none;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    -ms-transition: none;
    background: #645343;
}
#main-nav > li.special > a {
    padding-left: 15px;
    padding-right: 15px;
}
#add-nav > li > a {
    font-size: 12px !important;
    padding: 10px 0 8px !important;
}
#header {
    padding: 0;
    overflow: visible;
    margin: 0 auto 0 auto;
    float: none;
    display: block;
    width: 100%;
    z-index: 10;
    position: relative;
    top: 30px;
}
.menu-item-has-children > a::after {
    position: absolute;
    content: "\e689";
    height: 21px;
    width: 20px; 
    top: 12px;
    right: -16px; 
    opacity: .7;
	font-family: 'Pe-icon-7-stroke';
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    background: #aaa;
    border-radius: 50%;
    text-align: center;
}
.nav li ul:hover,.nav li:hover ul, .nav li.sfhover ul, .nav li li:hover ul, .nav li li.sfhover ul, .nav li li li:hover ul, .nav li li li.sfhover ul, .nav li li li li:hover ul, .nav li li li li.sfhover ul, li.menu-item-has-children[aria-expanded="true"] > ul {
    left: auto;
}
.nav li ul li > a:hover {
    opacity: 1;
    color: #a9ee9b !important;
}
.nav li.mega:hover > ul.sub-menu, li.mega[aria-expanded="true"] > ul.sub-menu {
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: -17px;
    height: 320px;
}
.nav li.mega > ul.sub-menu {
    position: fixed;
}
.nav li.mega > ul.sub-menu > li {
    float: left;
    width: 25%;
    max-width: 25%;
    position: relative !important;
}
.nav > li.mega:hover::after {
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent    #900;
        border-left-color: rgb(153, 0, 0);
    border-style: solid;
    bottom: 15px;
    content: "";
    height: 0;
    position: absolute;
    left: 27px;
    width: 0;
}
.nav li ul {
    background-color:  
    #222933;
}


/**/



/********modal************/

.md-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;

	max-width: 100%;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	float: left;
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(143, 27, 15, 0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show~.md-overlay {
	opacity: 1;
	visibility: visible;
}


/* Content styles */

.md-content {
	color: #fff;
	background: #fff;
	position: relative;
	border-radius: 0;
	margin: 0 auto;
	top: 0;
	height: 100vh;
	background: #d9d9d9 url('images/revpattern.png');
	background-repeat: repeat-x;
}

.md-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	opacity: 0.8;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 3px 3px 0 0;
}

h {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}
.closesearch
{
    
    font-size: 34px;
    width: 50px;
    height: 52px;
    margin: 0 auto;
    display: block;
    text-align: center;
    background: #514646de;
    border-radius: 50%;
    background: #3862b3 url('images/revpattern.png');
    cursor: pointer;
}
.closesearch:hover{
    
    background: #4c5566 url('images/revpattern.png');
} 

.md-content>div p {
	margin: 0;
	padding: 10px 0;
}

.md-content>div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content>div ul li {
	padding: 5px 0;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}


/* Content styles */

.md-effect-10.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-10 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-10 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

.md-show-activebtn {
	background: #d4d4d4;
	color: #fff;
	border-left: solid 1px #b7b9bc !important;
	color: #5b5b5b;
	text-shadow: 1px 1px 1px #fff;
}

.md-show-activebtn>i:before {
	content: "\f00d";
	font-size: 23px;
}

.md-show-activebtn:hover {
	background: #d4d4d4 !important;
	;
}

#filter_container {
	padding: 47px 3%;
	display: grid;
	grid-template-columns: 85% 20%;
	height: calc(100% - 58px);
	width: 94%;
	grid-gap: 2%;
}

.side_bar_top_bar {
	background: #fff;
	box-shadow: 0px 0px 7px #3d3d3e73;
	border-radius: 3px;
	height: calc(100% - 5px);
	float: left;
	overflow: hidden;
}

.side_bar_top_bar>ul {
	border-bottom: solid 1px #ddd;
	display: grid;
	grid-template-columns: 30% 30% 30%;
	grid-gap: 3%;
}

.side_bar_top_bar>ul,
#search_opt_filter {
	float: left;
	width: 100%;
	padding: 24px 0 !important;
}

#search_opt_filter {
	padding: 0 1% !important;
	/*! display: grid; */
	/*! grid-template-columns: 75%; */
	width: 98%;
	grid-gap: 2%;
	overflow: auto;
	height: calc( 100% - 96px);
	position: relative;
}

.side_bar_top_bar>ul>li {
	list-style-type: none;
	float: left;
	text-align: left;
	/*! margin: 1% 4%; */
	color: #3e50b4;
	border-radius: 4px;
	cursor: pointer;
	background: #ececec;
	line-height: 1.4em;
	font-size: 18px;
	border: solid 1px #e8e8e8;
	/*! width: 25%; */
	line-height: 1.6em;
	padding: 8px 0 !important;
	/*! font-weight: bold; */
	margin-left: 10%;
}

.side_bar_top_bar>ul>li i {
	float: left;
	font-size: 1.6em;
	text-indent: 1em;
	margin-right: 0.5em;
}

.side_bar_top_bar>ul>.active {
	background: #3e50b4;
	color: #fff;
	background: linear-gradient(135deg, #499cee 30%, #4fafdd 60%, #55c0ce);
	box-shadow: 0px 0px 5px #8c8989;
	border: solid 1px #267398;
	background: #3862b3 url('images/revpattern.png');
	background-size: 100%;
	border: solid 1px #000;



}

.side_bar_1 {
	position: relative;
	/*! background: #fbfbfb; */
}

.ir-logo {
	color: #242526;
	width: 68%;
	font-size: 22px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-shadow: 1px 1px 1px #fff;
}

.overflow-hidden {
	overflow: hidden;
}

#search-section-spacecontent {
	max-width: 200px;
	font-size: 0.7em;
	font-family: 'RobotoLight', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	margin: 36px;
	min-width: 150px;
	width: 250px;
	border: solid 1px #ddd;
	padding: 1% 1%;
	background: #f5f5f5;
	border-radius: 3px;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
	min-width: 200px;
	/*! height:99%; */
	position: sticky;
	top: 36px;
}

#search-section-spacecontent sup {
	float: left;
	width: 100%;
	font-size: 9px;
}

#search-section-spacecontent h1 {
	font-size: 13px;
	font-weight: bold;
	color: #172f5e;
	text-shadow: 0px 0px 1px #fff;
}

#search-section-spacecontent sup select,
input[type="search"],
#submitmain {
	float: left;
	width: 94%;
	height: 30px;
	font-size: 13px;
	margin-bottom: 7px;
	margin-right: 2%;
}

#search-section-spacecontent sup font {
	float: left;
	font-size: 1.8em;
}

#accordion-vertical {
	float: left;
	width: 92%;
	border: solid 1px #BBB;
	background: #f5f5f5;
}

#accordion-vertical h3 {
	display: block;
	width: 94%;
	font-weight: bold;
	background: linear-gradient(#F0F0F0, #D4D4D4);
	color: #0f1f3e;
	padding: 5px 3%;
	border-bottom: solid 1px #BBB;
	letter-spacing: 0px;
	margin: 0;
	font-size: 11px;
	text-align: left;
	align-items: baseline;
}

#accordion-vertical h3 i {
	float: right;
	background: #74cad8;
	background: #BCB5B5;
	padding: 6px;
	margin: -5px -7px 0px 0px;
}

#accordion-vertical h3 i:hover {
	background: #172f5e;
	cursor: pointer;
	color: #fff;
}

#accordion-vertical>.accordion-cnt {
	float: left;
	padding: 3%;
	width: 94%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#person-logs {
	font-size: 12px;
}

.result_tag {
	font-family: Arial, Helvetica, sans-serif;
	color: #fb2d2d;
	font-weight: bold;
	border-bottom: solid 1px #ddd;
	line-height: 1.1em;
	margin-top: -5px;
}

#person-logs,
#results {
	float: right;
	min-height: 50vh;
	margin-top: 3%;
	padding: 0% 0%;
	/*! border: solid 1px #ddd; */
}

#results {
	width: calc( 100% - 290px);
	margin-right: 0%;
	/*! overflow: auto; */
	font-size: 12px;
	margin-bottom: 0%;
	height: calc( 100% - 40px);
}

.res-tp li {
	line-height: 1.5em;
	margin: 3px 0px;
	float: left;
	width: 97%;
	border: solid 1px #ddd;
	background: linear-gradient(#f2eeee, #f7f7f7);
	padding: 2px 0px;
}

.res-tp li p i {
	float: left;
}

.res-tp li p span {
	width: 68%;
	float: left;
	margin-left: 2%;
}

.res-tp li p b {
	float: right;
	padding: 1px 4px;
	background: #ddd;
	margin-right: 2px;
	max-width: 30%;
}

.loaderp {
	margin-top: -37px;
	text-align: center;
	text-indent: 1em;
}


/*===================search results land*/

.data-chart {
	table-layout: fixed;
	width: 100% !important;
	border-spacing: 0px;
	margin: 4px auto !important;
	float: none !important;
	margin-top: 3px !important;
	border: solid 1px #ddd;
}

#data-chart thead th {
	background: #fff !important;
	border-color: #3e87e1;
	color: #505152 !important;
}

.data-chart {
	/*! box-shadow: 0px 1px 3px #979B9F; */
}

.data-chart thead {}

.data-chart thead th {

	padding: 13px 0px 13px 2px;
	!important;
	color: #000!important;
	background: #FFF !important;
	/*! border-top: solid 1px #ddd; */
	/*! border-bottom: solid 1px #1B6CCF; */
	background: #fff !important;
	/*! border-top: solid 1px #1a98dd; */
	color: #505152 !important;
}

.data-chart tr {
	background-image: url(images/trbg.png) !important;
}

.data-chart tr td {
	padding: 9px 9px !important;
	width: auto;
	border-bottom: solid 0px #dedede;
	word-break: break-all;
	font-size: 12px;
	vertical-align: middle;
	border-top: solid 1px #dedede;
}


/*.data-chart thead th:nth-child(1),
.data-chart thead th:nth-child(2),
.data-chart thead th:nth-child(3),
.data-chart tr td:nth-child(1),
.data-chart tr td:nth-child(2),
.data-chart tr td:nth-child(3)
{
display:none;
}*/

pre {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: left;
	white-space: pre;
	/* CSS 2.0 */
	white-space: pre-wrap;
	/* CSS 2.1 */
	white-space: pre-line;
	/* CSS 3.0 */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
	/* Opera 7 */
	white-space: -moz-pre-wrap;
	/* Mozilla */
	white-space: normal;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: -hp-pre-wrap;
	/* HP Printers */
	word-wrap: break-word;
	/* IE 5+ */
	hyphens: auto;
	font-size: 1.3vw;
}

.area {
	background: #fff;
	cursor: pointer;
	border: 1px solid #267398;
	border-bottom: 1px solid #267398;
	color: #267398;
	padding: 2px 0px;
	text-shadow: 1px 0px 0px #267398;
	min-width: 58px;
	border-radius: 3px;
	float: right;
	margin-right: 11%;
	text-align: center;
}

.area:hover {
	/*! border-color: #267398; */
	/*! background: #267398; */
	color: #fff;
	border-width: 1px;
	background: linear-gradient(135deg, #499cee 30%, #4fafdd 60%, #55c0ce);
	box-shadow: 0px 0px 5px #267398;
	border: solid 1px #267398;
}

.data-chart tr td:nth-child(1) {
	width: 10%;
	padding: 1px 0px !important;
}

.data-chart tr td:nth-child(2) {
	width: 10%;
	padding: 1px 0px !important;
}

.data-chart tr td:nth-child(3) {
	padding: 1px 5px !important;
	border-left: solid 0px #fff;
	font-style: italic;
	font-weight: bold;
}

.data-chart tr {
	border-bottom: solid 3px #fff;
	background: #fff;
	/*! background: linear-gradient(#f6f6f6, #f0efef); */
}

.data-chart tr:hover {
	border-color: #0072C6;
	background: #f1f1f1;
	color: #000;
}

.data-chart tr:hover td {
	color: #000;
	cursor: pointer;
}

.data-chart tr td:nth-child(3) {
	border-left: solid 0px #fff;
}

.data-chart tr td:last-child {
	border-right: solid 0px #fff;
}

.data-chart tr td {
	text-align: left;
}

.data-chart tr td:firts-child {
	text-align: left;
	!important;
}


/*.data-chart tr:hover td:last-child{border-right: solid 3px #0072C6;}
.data-chart tr:hover td:nth-child(1){border-left: solid 3px #0072C6 !important;}
.data-chart tr:hover td:nth-child(3){border-left: solid 3px #0072C6;}
.data-chart tr:hover td:last-child{border-right: solid 3px #0072C6!important;}

#detail-table td:last-child{border-right-width:0 !important;}
#detail-table td:first-child{border-left-width:0 !important;}*/

#detail-table thead tr td {
	background: #1F82CB !important;
	background: #7F98AB !important;
	border-bottom: solid 1px #62839c !important;
	border-left: solid 1px #6a8498 !important;
}

.child-tr {
	border: none !important;
}

.child-tr:hover .child-tr td {
	border: none !important;
	padding: 0px 0px !important;
}

.child-tr td {
	border: none !important;
}


.data-chart tr td {
	text-align: center;
}

.landaccordion {
	display: none;
}


/*=======================tax details=======================*/
.tax-container{
    
    float: left;
    width: 94%;
    margin-bottom: 2em;
    font-size: 12px;
    border: solid 1px #ddd;
    padding: 3%;
    padding-bottom: 55px;
    overflow-x: auto;
}
.tax-invoice {
	/*! height: 100%; */
	width: 100%;
}

.selectloader {
	position: relative;
}

.selectloader:after {
	position: absolute;
}

.doc-invoice {
	overflow: auto;
	margin-top: 0%;
	padding: 0% 0;
	width: 99.3%;
	border: none;
	border-radius: 0px;
	margin-left: 0.5%;
}

.doc-invoice table {
	table-layout: fixed;
	border: none;
	border-right: solid 1px #cbc2c2;
}

.doc-invoice table thead th {
	font-size: 11px;
	padding: 8px 3px;
	min-width: 50px;
	text-align: center;
	border: solid 1px #cbc2c2;
	border-right: 0px;
	vertical-align: middle;
	background: transparent linear-gradient(rgb(255, 255, 255), rgb(220, 221, 223)) repeat scroll 0% 0%;
	color: #838383;
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: 'OpenSanscondensedlight', sans-serif;
font-family: 'RobotoLight', sans-serif;*/
	text-shadow: 1px 1px 1px #FFF;
	border-bottom: none;
}

.doc-invoice table tbody {
	background: transparent linear-gradient(rgb(249, 250, 254), rgb(241, 242, 246)) repeat scroll 0% 0%;
}

.doc-invoice table tr td {
	font-size: 11px;
	padding: 8px 3px;
	min-width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	border: solid 1px #ddd;
	border-right: 0px;
	color: #555;
	text-shadow: 1px 1px 1px #D5D5D5;
	font-weight: 600;
	vertical-align: top;
	border-top: none;
}

.tax-invoice input {
	outline: none;
}

.tax-invoice .button {
	background: #fff;
	border: solid 1px #3e50b4;
	padding: 1px 13px;
	color: #3e50b4;
	cursor: pointer;
	border-radius: 3px;
}

.tax-invoice .button:hover {
	background: #3e50b4;
	border-color: #3e50b4;
	color: #fff;
}

.tax-invoice table {
	width: auto;
	margin: 0%;
	table-layout: fixed; 
	margin-left: 0px;
	float: right;
}

.tax-invoice table tr td {
	font-size: 12px;
	line-height: 1.5em;
	text-align: right;
	font-weight: normal;
	color: #090909; 
	border: none !important;
}

.tax-invoice table tr td:first-child {
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	color: #000000;
}

.data {
	background: #f1f1f1;
	font-weight: bold;
	border-spacing: 1px;
	border: #aeaeae; 
	font-size: 12px;
	width: 100%;
	margin: 0;
}

.data thead th {
	padding: 5px 5px;
	text-align: center;
	width: auto;
	background: #e6e6e6;
	/*! border-right: solid 1px #7e7575; */
	color: #111;
	line-height: 1.5em;
	letter-spacing: 0px;
	font-weight: normal;
	font-size: 100%;
	word-wrap: break-word;
	min-width: 4%;
	border: none !important;
}

.data thead th:last-child {
	border: none;
}

.data tr td {
	padding: 10px;
	border-bottom: none;
	color: #000000;
	word-wrap: break-word;
	vertical-align: top;
	background: #fff;
	font-weight: normal;
}

.data tr td:last-child {
	border: none;
	word-break: break-all;
	text-align: justify;
	padding: 10px;
	letter-spacing: 0.5px;
	/*! border-top: solid 1px #7e7575; */
}

.tax-invoice p {
	font-size: 12px;
	font-weight: 400;
	margin-left: 0;
	letter-spacing: 0.5px;
	color: #1a1818;
}

.error {
	margin-top: 20vh !important;
	width: 267px;
	/*
*/
	background: #ca4628; 
	/*! border: solid 1px #7B0707 padding: 0; */
	/*! background: rgba(146, 61, 61, 0.7); */
	border: solid 1px #ca4628;
	border-radius: 3px;
	-moz-animation-name: dropHeader;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in;
	-moz-animation-duration: 0.3s;
	-webkit-animation-name: dropHeader;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 0.3s;
	animation-name: dropHeader;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.3s;
	position: relative;
	width: 74%;
	margin: 0 auto;
	height: 42px;
}

.error p {
	color: #fff;
	padding: 0.5em;
	text-align: center;
}

@-moz-keyframes dropHeader {
	0% {
		-moz-transform: translateY(30px);
	}
	100% {
		-moz-transform: translateY(0);
	}
}

@-webkit-keyframes dropHeader {
	0% {
		-webkit-transform: translateY(30px);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}

@keyframes dropHeader {
	0% {
		transform: translateY(30px);
	}
	100% {
		transform: translateY(0);
	}
}

@-moz-keyframes dropHeader2 {
	0% {
		-moz-transform: translateY(20px);
	}
	100% {
		-moz-transform: translateY(0);
	}
}

@-webkit-keyframes dropHeader2 {
	0% {
		-webkit-transform: translateY(20px);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}

@keyframes dropHeader2 {
	0% {
		transform: translateY(20px);
	}
	100% {
		transform: translateY(0);
	}
}

.hide {
	display: none;
}

progress {
	background-color: #e6e4e4;
	border: 0;
	width: 80%;
	height: 9px;
	border-radius: 9px;
	border: Solid 1px #82a438;
	float: left;
	margin-left: 10%;
	margin-top: 5%;
}

progress::-webkit-progress-bar {
	background-color: #f3f3f3;

	border-radius: 9px;
}

progress::-webkit-progress-value {
	background: #cdeb8e;
	background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdeb8e), color-stop(100%, #a5c956));
	background: -webkit-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
	background: -o-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
	background: -ms-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
	background: linear-gradient(to bottom, #cdeb8e 0%, #a5c956 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956', GradientType=0);
	border-radius: 9px;
}

progress::-moz-progress-bar {
	background: #cdeb8e;
	background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdeb8e), color-stop(100%, #a5c956));
	background: -webkit-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
	background: -o-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
	background: -ms-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
	background: linear-gradient(to bottom, #cdeb8e 0%, #a5c956 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956', GradientType=0);
	border-radius: 9px;
}

#percentage {
	padding: 0px 5px;
	line-height: 9px;
	margin-left: 5px;
	font-size: .8em;
	color: #555;
	height: 18px;
	float: left;
	margin-right: 0;
	font-weight: bold;
	margin-top: 5%;
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

.fab {
	background: #DB6E43;
	width: 64px; 
	height: 64px;
	border-radius: 50%;
	text-align: center;
	color: #FFF;
	/*! box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.51), 3px 3px 3px rgba(0, 0, 0, 0.25); */
	position: fixed;
	bottom: 20px;
	right: 48px;
	font-size: 1em;
	display: inline-block;
	cursor: default;
	line-height: 1.5em;
	z-index: 12;
	cursor: pointer;
	/*! box-shadow: 0px 0px 8px #18181a; */
	/*! border: Solid 1px #0000005c; */
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.fab:hover {
    background:
#174d79;
text-decoration: none;
-moz-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
-ms-transition: none;
}

.fab span {
	vertical-align: middle;
	color: #fff;

	font-weight: bold;
	text-shadow: 1px 1px 0px #0000008c;
}

.fab.child {
	right: 58.66666667px;
	width: 42.66666667px;
	height: 42.66666667px;
	display: none;
	opacity: 0;
	font-size: 1.8em;
	line-height: 1em;
}

.fab b {
	visibility: hidden;

	position: absolute;





	transform: translate(-100%, 10px);
	font-size: 13px;
	width: 150px;
	line-height: 1em;
	float: left;
	color: #fff;





	/*! text-shadow: 1px 1px 0px #fff; */
	font-weight: normal;
	background: #000;
	padding: 8px 3px;
	border-radius: 4px;
	box-shadow: 0px 0px 2px #0000005c;
	z-index: 1;
}


.fab b::after {
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	top: 7px;
	box-sizing: border-box;

	background: #000;
	width: 15px;
	height: 15px;
	transform: rotate(45deg);
	border-radius: 0;
	right: -5px;
	z-index: 0;
}

.fab:hover b {
	transform: translate(-140%, 10px);
	visibility: visible;
}

.fab.child i {
	font-size: 28px;
	line-height: 1.5em;
	color: #fff;
	text-shadow: 1px 1px 0px #0000008c;
	font-weight: normal;
}

.reds {
	background-color: #EC0B5E !important;
}

.greens {
	background-color: #3b9b0a !important;
}

.yellows {
	background-color: #ffae0b !important;
}

.backdrop {
	position: fixed;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
	background: #ECECEC;
	opacity: 0.9;
	display: none;
	z-index: 11;
}

.dropdown {
	color: #555;
	margin: 0;
	width: 186px;
	position: relative;
	height: 25px;
	text-align: left;
	background: ;
}

.submenu {
	background: #db6e43;
	position: absolute;
	top: 0px;
	left: -20px;
	z-index: 100;
	width: 100%;
	margin-left: 10px; 
	padding: 59px 0 0;
	/*! border-radius: 6px; */
	/*! box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45); */
}

.dropdown li a {
	color: #555555;
	display: block;
	font-family: arial;
	font-weight: bold;
	padding: 6px 15px;
	cursor: pointer;
	text-decoration: none;
}

.dropdown li a:hover {
	background: #155FB0;
	color: #FFFFFF;
	text-decoration: none;
}

a.account {
	color: #fff !important;
	position: absolute;
	z-index: 110;
	display: block;
	padding: 0;
	height: 28px;
	width: 89%;
	margin: 0;
	text-decoration: none;
	cursor: pointer;
	top: 13px;
}

.root {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	padding: 17px 0 19px 0px;
	border-top: 1px solid #dedede;
	display: none;
}

.darktext {
	color: #555 !important;
}

.username {
	white-space: nowrap;
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	min-width: 93px;
	font-size: 12px;
	line-height: 1.9em;
	letter-spacing: 0.2px;
	font-weight: 600;
	color: #fff;
	text-align: left;
	padding-left: 5%;
	max-width: 115px;
}

#bottombar .social-menu {
    margin: 8px 0 0 7px;
        margin-left: 0px;
    padding: 0;
    margin-left: auto !important;
    display: inherit;
}

ul.social-menu {
    position: relative;
    /*overflow: hidden;*/
    padding: 0;
    margin: 0;
    float: left;
} 
ul.social-menu li {
    display: block;
    list-style-type: none;
    position: relative;
    line-height: 1;
    float: left;
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
    text-align: center;
    -moz-transition: opacity .3s ease-in;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    width: 100%;
}
ul.social-menu li:hover, ul.social-menu li i{
    cursor: pointer;
}
ul.social-menu li i:hover{
    color: #000;
}

#bottombar .social-menu a {
    padding: 12px 8px 10px 7px;
    font-size: 12px;
}
.mbmenus{display:none !important;}
@media(max-width: 1333px) 
{

}
@media(max-width: 1073px) 
{
	#bottombar{ display:none;}
    #titles{
        width: 60%;
height: 108px;
    }
    #titles .logo
    {
        
    display: grid;
    grid-template-columns: 100px auto; 
    }

    #header svg
    { 
    width: 96%;
    }
    #logo-tag {  float: right;
    font-size: 12px;
    }
    #header
    {
       top: 0;  
    }
    .container_head, #header > .boxed-element {
    max-width: 100%;
        width: 100%;
       
}
    .header-right.for-menu {
    display: block;
    float: none;
    width: 100%;
    height: 108px;
    } 
   #header input[type="checkbox"] {
    opacity: 0;
    display: block;
   }
   .show-menu
   {
	     display: block;
	     background-color: #db6e43;
   }
    #main-nav, #top-nav 
    {
    display: block;
    overflow: hidden;
    margin-bottom: 10px !important;
    padding: 0;
    width: 100%;
   }
    #main-nav > li:first-child
    {
        padding: 21px;
    }
    [type="checkbox"]:checked ~ #navigation, [type="checkbox"]:checked ~ #bottombar {
    display: block !important;
    width: 100%;
    padding: 0px !important;
    margin: 0px !important;
}
    .nav > li > a
    {
        color: #fff;
    }
    #navigation {
    display: none;
    position: relative;
    overflow: hidden;
    height: auto;
    top: auto;
    margin: -2px -20px 0 !important;
    padding: 0 18px !important;
    width: calc(100% + 40px);
    background: 
    #1f2024;
 }
    ul.nav li, .nav li ul {
    width: 100% !important;
    background-color: 
    transparent !important;
    border: none !important;
    float: none;
    display: block;
    margin: 0 !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    position: relative !important;
    left: auto !important;
    display: block !important;
    visibility: visible !important;
    padding-top: 0;
   }
    .upper .nav > li > a{
        width: 100% !important;
text-align: left;
padding: 15px 20px !important;
margin: 0 0 0 20px;
font-size: 16px !important;     
    }
    .nav > li > ul > li, .nav li ul ul li
    {
        max-width: 100%;
    }
    .nav li:hover a
    {
        color: #ddd;
    }
	#main-nav > li.special
	{
		margin: 15px 20px !important;
width: 90% !important;
float: left;
	}
	.container_head{
   /*  position:fixed;
	 top:0px;
	 left:0;  */ 
    }
	.menu-item-has-children > a::after
	{
    right: 10px;
    background: transparent;
    color: #fff; 
	}
	#main-nav > li
	{
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 1em;
    margin-bottom: 1em !important;
	}
    #main-nav > li:hover{
          background: #515151  !important;
}  
    }
	.menu-item-has-children > .sub-menu{display:none !important;}
	.show_submenus > .sub-menu{display:block !important;}
	.show_submenus > a{color: #ff7640!important;}
	.nav li ul li > a{font-size:13px;} 
}
@media(max-width: 815px) 
{ 
	.mbmenus{display:block;} .menu-item-has-children > .sub-menu{display:none !important;}
	.show_submenus > .sub-menu{display:block !important;}
		.show_submenus > a{color: #ff7640!important;}
	.nav li ul li > a{font-size:13px;} 
}
@media(max-width: 555px) 
{
	.mbmenus{display:block;}.menu-item-has-children > .sub-menu{display:none !important;}
	.show_submenus > .sub-menu{display:block !important;}
		.show_submenus > a{color: #ff7640!important;}
		.nav li ul li > a{font-size:13px;} 
		 
}
@media only screen and (max-width: 1210px) and (min-width: 1074px)  {
	#main-nav{padding: 0 1vw;margin: 0 1vw;width: 61vw;}
	#main-nav > li{padding: 15px 2vw 15px 2vw;}
	#main-nav > li:first-child {
    padding-left: 0;
	}
}
.mbmenus{display:none;}