@charset "UTF-8";

html {
	position: relative;
	min-height: 100%;
}

*, *:after, *:before {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}


html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
	width: 100%;
	/*height:100%;*/
}

body {
	width: 100%;
	height: 100%;
}

body {
	padding-bottom:0px !important;	
}
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 0px;
	padding: 0px;
}

audio, canvas, iframe, img, svg, video {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

h1, .h1 {
	font-size: 32px;
	font-family: sans-serif, Arial;
}

h2, .h2 {
	font-size: 26px;
	font-family: sans-serif, Arial;
}

h3, .h3 {
	font-size: 22px;
	font-family: sans-serif, Arial;
}

h4, .h4 {
	font-size: 16px;
	font-family: sans-serif, Arial;
}

h5, .h5 {
	font-size: 12px;
	font-family: sans-serif, Arial;
}

h6, .h6 {
	font-size: 12px;
	font-family: sans-serif, Arial;
}

p {
	word-wrap: break-word;
	word-break: break-all;
}

.alert {
	padding: 8px;
	margin-bottom: 5px;
	border: 1px solid transparent;
	border-radius: 4px;
	margin-top: 5px;
}

.fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal,
	.k-ghost-splitbar-vertical, .k-list>.k-state-highlight, .k-list>.k-state-selected,
	.k-marquee-color, .k-panel>.k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected,
	.k-scheduler .k-today.k-state-selected, .k-state-selected,
	.k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected
	{
	color: #fff !important;
	background-color: #555558 !important;
	border-color: #fbcc08 !important;
}

.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 0px !important;
	border: 1px solid transparent;
}

nav {
	float: none;
	width: 100% !important;
}

.tsf-step .nav>li>a {
	position: relative;
	display: block;
	padding: 5px 10px;
}

/* .content li {
	display: block;
	position: relative;
	padding: 4px 0px !important;
	margin:0px;
}
 */
.k-pager-sizes {
	display: -webkit-inline-box !important;
	padding-top: 1px;
}

table.table-bordered.dataTable th {
	vertical-align: top;
}

table.table-bordered.dataTable th input[type=checkbox] {
	width: 35%;
}
table.table-bordered.dataTable td input[type=checkbox] {
    width: 100%;
}
tbody#billDetails td {
    white-space: nowrap;
}
.btn.status {
	color: #fff !important;
	background: #555559 !important;
	border: 1px solid #555559 !important;
}

.btn.status:hover {
	color: #555559 !important;
	background: #ffc72c !important;
	border: 1px solid #ffc72c !important;
}

.btn.status.active {
	color: #555559 !important;
	background: #fbcc0a !important;
	border: 1px solid #fbcc0a !important;
}

button.dt-button.buttons-excel.buttons-html5 {
	color: #fff;
	background: green;
	padding: 3px;
	width: 30px;
	height: 25px;
	border: 1px solid green;
	border-radius: 3px;
}

button.dt-button.buttons-excel.buttons-html5 i.fa, button.dt-button.buttons-pdf.buttons-html5 i.fa
	{
	color: #fff;
}

button.dt-button.buttons-excel.buttons-html5, button.dt-button.buttons-pdf.buttons-html5
	{
	position: relative;
}

button.dt-button.buttons-pdf.buttons-html5 {
	color: #fff;
	background: #db4240;
	padding: 3px;
	width: 30px;
	height: 25px;
	border: 1px solid #db4240;
	border-radius: 3px;
}

.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

th.sorting_desc, th.sorting_asc, th.sorting {
	background: #555559;
	text-align: left;
	color: #fff;
}

table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting:after,
	table.dataTable thead .sorting_desc:after {
	content: "" !important;
}

.dataTables_wrapper {
	background: #fff;
	/* padding: 15px 5px 5px 5px; */
	border: 1px solid #fff;
	overflow-x: auto;
	overflow-y: hidden;
	min-height: .01%;
}

.dt-buttons {
	margin-left: 5px;
}

th.sorting {
	text-align: left !important;
}

table a {
	color: #fbcb0a;
	text-decoration: underline;
}

button {
	text-transform: capitalize;
}

#fileformatimg a.downloadFile img {
    width: 35px;
    margin: 0 5px 0 10px;
    cursor:pointer;
}
#fileformatimg a.not-active img{
    width: 35px;
    margin: 0 5px 0 10px;
    opacity: 0.5;
    cursor:not-allowed;
}

#onhover {
	display: none;
}

#A:hover img[id="initial"] {
	display: none;
}

#A:hover img[id="onhover"] {
	display: inline-block;
}

#onhover1 {
	display: none;
}

#B:hover img[id="initial1"] {
	display: none;
}

#B:hover img[id="onhover1"] {
	display: inline-block;
}

#onhover2 {
	display: none;
}

#C:hover img[id="initial2"] {
	display: none;
}

#C:hover img[id="onhover2"] {
	display: inline-block;
}

#onhover3 {
	display: none;
}

#D:hover img[id="initial3"] {
	display: none;
}

#D:hover img[id="onhover3"] {
	display: inline-block;
}
/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
.input-group .form-control {
	position: relative;
	z-index: 0;
	d float: left;
	width: 100%;
	margin-bottom: 0;
	padding: 6px 12px;
}

body {
	font-size: 11.5px;
	/*background-image: url('../img/printer-790396_1920.jpg');*/
	background-attachment: fixed;
	background-size: cover;
	background-blend-mode: luminosity;
	font-family: sans-serif, Arial;
}

body.innerPage {
	background: #f6f6f6;
}

.pageBG {
	/*background: rgba(0, 0, 0, 0.08);*/
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.clear {
	clear: both;
}

.container {
	width: 100%;
	/* max-width: 1366px;*/
	padding: 0 15px;
	margin: 0 auto;
}

header {
	background: #f6f6f6;
	padding: 0;
	position: relative;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 99;
	height: 40px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	/*  border-bottom: 1px solid #f1f1f1;*/
}
img.logo {
    width: 60px;
}
.navbar-right {
	float: right !important;
	margin-right: 0px;
	margin-top: -5px !important;
}

.menubtn {
	/*  position: absolute; */
	position: relative;
	background: #56565a none repeat scroll 0% 0%;
	padding: 0 5px 0px;
	top: 0px;
	/* right: 15px; */
	width: 41px;
	display: block;
	margin: 52px 0 0 3px;
}

.menubtn.showMenu {
	z-index: 99;
}

.logoContainer {
	text-align: center;
	padding: 10px 0;
}

.cbkLogo img {
	width: 98%;
	margin: 10px 0 0 6px;
}

.logo {
	padding: 4px 0px;
}
.form-group.input-group {
    width: 100% !important;
}
.pend span.input-group-addon  {
	background: #fff;
	font-size: 15px;
	border-radius: 4px;
	color: #56565a;
	padding: 6px 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 80px;
	
}
.pend span.input-group-addon:hover {
	background: #fccc08;
	font-size: 15px;
	border-radius: 4px;
	color: #fff;
}

.topRight {
	float: right;
	padding-right: 80px;
}

.topRight ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.topRight ul li {
	display: inline-block;
}

.topRight ul li a {
	display: block;
	font-size: 25px;
	color: #aa0000;
	padding: 12px 5px;
}

* {
	margin: 0;
	padding: 0;
}

img.tabimg {
	width: 18px;
	margin: 0 2px;
}
/*label {
    display: block;
}*/
/* 
.select2-container {
    width: 100% !important;
}
 */

/* Icon 1 */
#nav-icon1 {
	width: 100%;
	height: 31px;
	position: relative;
	margin: 0px auto 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#nav-icon1 span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #fff;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
	top: 5px;
}

#nav-icon1 span:nth-child(2) {
	top: 14px;
}

#nav-icon1 span:nth-child(3) {
	top: 23px;
}

/* .showMenu #nav-icon1 span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.showMenu #nav-icon1 span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.showMenu #nav-icon1 span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
 */

/******* NAV *****/
.containerMain {
	float: left;
}

.homememulink img {
	width: 30px;
	margin: 0px 0 0 10px;
}

.menuLeft {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	transform: translateX(200px);
	opacity: 0;
	transition: all ease-out 100ms;
}

.menuBox .box.animate .menuLeft {
	transform: translateX(0);
	opacity: 1;
}

.menuLeft ul {
	display: table;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.menuLeft ul li a {
	color: #333;
	font-size: 30px;
	font-family: sans-serif, Arial;
	padding: 0;
	display: block;
	position: relative;
	padding-right: 60px;
	transition: all ease-in-out 300ms;
}

.menuLeft ul li a:hover {
	color: #333;
}

.menuLeft ul li a>span:not (.icon ) {
	position: relative;
	display: inline-block;
	padding-bottom: 10px;
}

.menuLeft ul li a span:not (.icon ):after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 2px;
	background: #333;
	width: 0px;
	transition: all ease-in-out 300ms;
}

.menuLeft ul li a:hover span:not (.icon ):after {
	width: 100%;
}

.menuLeft ul li a .icon {
	margin-left: 20px;
	background: rgba(255, 255, 255, 0.1);
	position: absolute;
	height: 40px;
	width: 40px;
	top: 50%;
	right: 0px;
	margin-top: -20px;
	line-height: 40px;
	text-align: center;
}

.menuLeft ul li a .icon i {
	transition: all ease-in-out 300ms;
}

.menuLeft ul li a.dis .icon i {
	transform: rotate(180deg);
}

.menuLeft ul li a:hover {
	text-decoration: none;
}

.menuLeft ul li ul {
	padding-left: 20px;
	display: none;
}

.menuLeft ul li li a {
	font-size: 20px;
	padding: 4px 0;
}

.side-nav li {
	list-style: none;
}
/*******************$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$**/
div.jconfirm-title-c {
	font-size: 14px !important;
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
	font-size: 12px !important;
}

.userInfoDropDown .dropbtn {
	background-color: #565659;
	font-size: 12px;
	border-radius: 5px;
	color: #fff;
	padding: 4px;
}

.userInfoDropDown .dropbtn:hover, .userInfoDropDown .dropbtn:focus {
	color: #fff;
	background-color: #565659;
	border-color: #565659;
}

.userInfoDropDown {
	/* float: right; */
	position: absolute;
	display: inline-block;
	margin: 10px 0 0;
	right: 5px;
}

#myDropdown p {
	text-align: left;
}

.userInfoDropDown .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 265px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	right: 0;
	z-index: 1;
	border: 1px solid #ccc;
}

/*.userInfoDropDown .dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
        padding: 6px 0 0;
        text-align:left;
}*/

/*.userInfoDropDown .dropdown a:hover {background-color: #f1f1f1}*/
.show {
	display: block;
}

/***********end user info*****************/
.menuBox {
	position: fixed;
	width: 100%;
	height: 0;
	background: #fff;
	left: 0px;
	top: 0px;
	transition: all ease-in-out 300ms;
	overflow: hidden;
	z-index: 99;
}

.menuContainer {
	display: table-cell;
	vertical-align: middle;
}

.menuContainer .box {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	color: #fff;
	display: table;
	background: none;
	box-shadow: none;
	border: none;
}

.menuRight {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	width: 50%;
	text-align: right;
	transition: all ease-out 200ms;
}

.menuBox .box.animate .menuRight {
	transform: translateX(0);
	opacity: 1;
}

.menuRight h3 {
	font-weight: normal;
	font-family: sans-serif, Arial;
	font-size: 36px;
	margin: 0px;
	padding: 0px;
}

.menuRight h4 {
	font-weight: normal;
	font-family: sans-serif, Arial;
	font-size: 20px;
	color: #333;
}

#myDropdown p {
	font-size: 12px;
}

.menuRight p strong {
	font-weight: normal;
	display: block;
	color: #333;
	text-decoration: underline;
}

#myDropdown a {
	text-decoration: none;
	display: inline-block;
	color: #333;
	background: rgba(113, 110, 110, 0.1);
	padding: 10px 20px;
}

#myDropdown a:hover {
	background: #ffc72c;
	color: #333;
}

#myDropdown .logOut {
	text-align: left;
	float: right;
}

.with-nav-tabs {
	margin: 6px;
}

.with-nav-tabs>.panel-heading {
	color: #fff;
	background-color: #56565a;
	/*border-bottom: 2px solid #FFC43B;*/
}

.with-nav-tabs .nav-tabs>li.active>a, .with-nav-tabs .nav-tabs>li.active>a:hover,
	.with-nav-tabs.nav-tabs>li.active>a:focus {
	color: #333;
	background-color: #ffc72c;
	border-color: #ffc72c;
}

.with-nav-tabs .nav-tabs a, a {
	color: #fff;
	text-decoration: none;
}

.sorting_1 a, .SearchPara, a.SearchPara:hover {
	color: #ca9400;
	text-decoration: underline;
}

.panel-heading a {
	color: #fff;
	text-decoration: none;
}

.panel-default>.panel-heading {
	color: #fff;
	background-color: #56565A;
	border-color: #56565A;
}

a {
	color: #56565a;
	text-decoration: none;
}

a.homelink {
	color: #333;
	float: left;
	margin: 27px 0 0 60px;
	font-weight: bold;
}

a.homelink:hover {
	color: #b59109;
}

.pagination>li>a, .pagination>li>span {
	color: #333;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus,
	.pagination>li>span:hover {
	z-index: 2;
	color: #fff;
	background-color: #FFC72C;
	border-color: #FFC72C;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover,
	.pagination>.disabled>span, .pagination>.disabled>span:focus,
	.pagination>.disabled>span:hover {
	cursor: not-allowed;
}

.with-nav-tabs .nav-tabs>li>a:hover {
	background: #d9d9d6;
	color: #53564a;
}

.loginBtn a {
	color: #333;
	text-decoration: none;
}

.BtnContainer {
	padding: 20px 0px 0px;
}

.btn-clickable {
	color: #fff;
	background-color: rgba(34, 34, 34, 0.79);
	border-color: rgb(34, 34, 34);
}

/*.btn-clickable:hover
{
    background: #d9d9d6;
    color: #53564a;
    border-color: #d9d9d6;
} */
a.btn-clickable:active, .btn-clickable:hover {
	color: #53565a;
	background-color: #FFC72C;
	border-color: #FFC72C;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
	.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
	{
	z-index: 3;
	color: #333;
	cursor: default;
	background-color: #ffc72c;
	border-color: #ffc72c;
}

/* footer */
footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	color: #000;
	background-color: transparent !important;
	display: none;
	width: 100%;
	height: auto;
}

footer.fixed {
	position: fixed;
}

footer img {
	height: 30px;
	width: auto;
}

.btn-group-justified {
	display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

/* ==========================================================================
   Content Page
   ========================================================================== */
.content, .persnolization {
	padding: 1px 0;
}

.error {
	color: red;
}

.table-responsive {
	min-height: .01%;
	overflow-x: hidden !important;
}

.innerPage .content {
	/*padding-left: 15px;
    padding-right: 15px;*/
	
}

.content h1 {
	text-align: center;
	color: #fff;
	/*  padding: 20px 0;*/
	font-family: sans-serif, Arial;
	font-size: 35px;
	font-weight: 300;
}

.content h6 {
	text-align: center;
	color: #fff;
	/*  padding: 20px 0;*/
	font-family: sans-serif, Arial;
	font-size: 12px;
	font-weight: 300;
	color: #E9E9E9;
}

.dashboard_menu p {
	margin: 0;
	color: #fff;
	font-size: 18px;
	margin: 12px 5px;
	text-transform: uppercase;
}

.dashboard_menu p:nth-child(2) {
	margin: 0;
	float: left;
	color: #ccc;
	font-size: 15px;
}

.dashboard_menu li:nth-child(2) {
	margin-top: 8px !important;
}

/* .dashboard {
    max-width: 1390px !important;
} */
.glow_box {
	width: 70px;
	height: 70px;
	float: left;
	border-radius: 30px;
}

.glow_box1 {
	background: #81c6e6;
	background: -moz-linear-gradient(top, #81c6e6 0%, #0087ca 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #81c6e6),
		color-stop(100%, #0087ca));
	background: -webkit-linear-gradient(top, #81c6e6 0%, #0087ca 100%);
	background: -o-linear-gradient(top, #81c6e6 0%, #0087ca 100%);
	background: -ms-linear-gradient(top, #81c6e6 0%, #0087ca 100%);
	background: linear-gradient(to bottom, #81c6e6 0%, #0087ca 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#81c6e6',
		endColorstr='#0087ca', GradientType=0);
}

.glow_box2 {
	background: #cfb776;
	background: -moz-linear-gradient(top, #cfb776 0%, #ffc72c 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #cfb776),
		color-stop(100%, #ffc72c));
	background: -webkit-linear-gradient(top, #cfb776 0%, #ffc72c 100%);
	background: -o-linear-gradient(top, #cfb776 0%, #ffc72c 100%);
	background: -ms-linear-gradient(top, #cfb776 0%, #ffc72c 100%);
	background: linear-gradient(to bottom, #cfb776 0%, #ffc72c 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cfb776',
		endColorstr='#ffc72c', GradientType=0);
}

.glow_box3 {
	background: #7f7fcf;
	background: -moz-linear-gradient(top, #7f7fcf 0%, #0303a6 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #7f7fcf),
		color-stop(100%, #0303a6));
	background: -webkit-linear-gradient(top, #7f7fcf 0%, #0303a6 100%);
	background: -o-linear-gradient(top, #7f7fcf 0%, #0303a6 100%);
	background: -ms-linear-gradient(top, #7f7fcf 0%, #0303a6 100%);
	background: linear-gradient(to bottom, #7f7fcf 0%, #0303a6 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7f7fcf',
		endColorstr='#0303a6', GradientType=0);
}

.glow_box4 {
	background: background: rgba(196, 94, 126, 1);
	background: -moz-linear-gradient(top, rgba(196, 94, 126, 1) 0%,
		rgba(165, 0, 52, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(196, 94, 126
		, 1)), color-stop(100%, rgba(165, 0, 52, 1)));
	background: -webkit-linear-gradient(top, rgba(196, 94, 126, 1) 0%,
		rgba(165, 0, 52, 1) 100%);
	background: -o-linear-gradient(top, rgba(196, 94, 126, 1) 0%,
		rgba(165, 0, 52, 1) 100%);
	background: -ms-linear-gradient(top, rgba(196, 94, 126, 1) 0%,
		rgba(165, 0, 52, 1) 100%);
	background: linear-gradient(to bottom, rgba(196, 94, 126, 1) 0%,
		rgba(165, 0, 52, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c45e7e',
		endColorstr='#a50034', GradientType=0);
}

.glow_box5 {
	background: #9eebe5;
	background: -moz-linear-gradient(top, #9eebe5 0%, #00a499 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #9eebe5),
		color-stop(100%, #00a499));
	background: -webkit-linear-gradient(top, #9eebe5 0%, #00a499 100%);
	background: -o-linear-gradient(top, #9eebe5 0%, #00a499 100%);
	background: -ms-linear-gradient(top, #9eebe5 0%, #00a499 100%);
	background: linear-gradient(to bottom, #9eebe5 0%, #00a499 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9eebe5',
		endColorstr='#00a499', GradientType=0);
}

.glow_box6 {
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #f0f0f0 0%, #53565a 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #f0f0f0),
		color-stop(100%, #53565a));
	background: -webkit-linear-gradient(top, #f0f0f0 0%, #53565a 100%);
	background: -o-linear-gradient(top, #f0f0f0 0%, #53565a 100%);
	background: -ms-linear-gradient(top, #f0f0f0 0%, #53565a 100%);
	background: linear-gradient(to bottom, #f0f0f0 0%, #53565a 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0',
		endColorstr='#53565a', GradientType=0);
}

.num {
	font-size: 30px;
	font-weight: bold;
	line-height: 72px;
}

.num img {
	width: 34%;
	position: absolute;
}

.menu1 {
	border-bottom: solid 1px #2f2f2e;
	padding: 0px 0px 10px 0px;
}

/* Home Page */
.homePage {
  display: block;
}

.homePage .content {
  display: block;
/* vertical-align: middle; */
}

/* .homePage .content ul {
    list-style: none;
    text-align: center;
    margin: 0px auto;
    padding: 20px 0 0 0;
    max-width: 100%;
}

.homePage .content ul li {
    display: inline-block;
    margin: 0px 5px 0px;
    padding: 0px;
    float: left;
    color: #fff;
} */
#dashboardContainer {
	position: relative;
	border-radius: 3px;
	background: #ffffff;
	border-top: 3px solid #d2d6de;
	margin-bottom: 20px;
	width: 98%;
}

#dashboardContainer ul li {
	list-style: none;
}

#dashboardContainer .label-success {
	background-color: #ffc72c;
}

#dashboardContainer ul li .panel-heading {
	background: #222;
	color: #fff;
}

#dashboardContainer ul li .panel-body {
	border: 2px solid #ddd;
	text-align: center;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	background: url("../img/calendar.png") no-repeat;
}

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 86%;
	float: left;
}

#success, #success1, #failed {
	display: none;
}

/* ==========================================================================
   Data Tables
   ========================================================================== */
.custmerTable {
	display: none;
}

.tableBox {
	position: relative;
	border-radius: 3px;
	background: #ffffff;
	border-top: 3px solid #d2d6de;
	margin-bottom: 20px;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 2px, 0.1);
	padding: 15px;
	margin: 15px 0;
}

.tableBox a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

.tableBox a:hover {
	color: #23527c;
	text-decoration: underline;
}

.dataTables_wrapper .row {
	margin-left: 0px;
	margin-right: 0px;
}

.dataTables_wrapper .row .col-sm-12, .dataTables_wrapper .row .col-sm-6
	{
	padding-left: 0px;
	padding-right: 0px;
}

.box11 {
	width: 100%;
	height: auto;
	float: left;
	padding: 10px;
	border: solid 1px #cccccc !important;
	border-radius: 8px !important;
	background: #fff;
}

.boximg1 {
	height: auto;
	float: left;
}

.box11a {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 5px;
	width: 78%;
	/* margin-top: 5px; */
	height: auto;
	float: left;
}

.customerTablist .nav-tabs>li>a {
	background: #737373 none repeat scroll 0 0;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	color: #fff;
	line-height: 1.42857;
	margin-right: 2px;
}

.customerTablist .nav-tabs>li.active>a {
	background: #fccc08 none repeat scroll 0 0;
	color: #56565a;
}

/* ==========================================================================
   Tabs
   ========================================================================== */
.panel.with-nav-tabs>.panel-heading {
	padding: 5px 0 0 5px;
}

.panel.with-nav-tabs .nav-tabs {
	border-bottom: none;
}

.panel.with-nav-tabs .nav-justified {
	margin-bottom: -1px;
}

/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs>li>a, .with-nav-tabs.panel-primary .nav-tabs>li>a:hover,
	.with-nav-tabs.panel-primary .nav-tabs>li>a:focus {
	color: #fff;
}

.with-nav-tabs.panel-primary .nav-tabs>.open>a, .with-nav-tabs.panel-primary .nav-tabs>.open>a:hover,
	.with-nav-tabs.panel-primary .nav-tabs>.open>a:focus, .with-nav-tabs.panel-primary .nav-tabs>li>a:hover,
	.with-nav-tabs.panel-primary .nav-tabs>li>a:focus {
	color: #aa0000;
	background-color: #fff;
	border-color: transparent;
}

.with-nav-tabs.panel-primary .nav-tabs>li.active>a, .with-nav-tabs.panel-primary .nav-tabs>li.active>a:hover,
	.with-nav-tabs.panel-primary .nav-tabs>li.active>a:focus {
	color: #aa0000;
	background-color: #fff;
	border-color: #aa0000;
	border-bottom-color: transparent;
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu {
	background-color: #aa0000;
	border-color: #aa0000;
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a {
	color: #fff;
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
	.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a:focus
	{
	background-color: #aa0000;
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a,
	.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
	.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus
	{
	background-color: #aa0000;
}

/* ==========================================================================
   TAbs click (by Nirmal)
   ========================================================================== */
.tabContainer ul.tabs {
	margin: 0px;
	padding: 10px 0 0 8px;
	list-style: none;
	background: #56565a;
}

.tabContainer ul.tabs li {
	display: inline-block;
	padding: 6px 13px;
	cursor: pointer;
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: #555555;
	border-radius: 3px 3px 0 0;
}

.tabContainer ul.tabs li.current {
	background: #fccc08;
	color:#565659;
	border: 1px solid #fccc08;
}

.tabContainer .tab-content {
	display: none;
	background: #ededed;
	padding: 15px;
}

.tabContainer .tab-content.current {
	display: inherit;
}

/* ==========================================================================
   From Controls
   ========================================================================== */
.form-control[readonly] {
	background: #f6f6f6;
	border: none;
	box-shadow: none;
	border-radius: 4px;
	/* border-bottom: 1px solid #aaa; */
	border: 1px solid #ccc;
	font-size: 12px;
}

.form-control.queueSlct {
	width: 90px;
}

/* ==========================================================================
   Breadcrumbs
   ========================================================================== */
.content-header {
	position: relative;
	/*padding: 15px 6px 0;*/
}

section.content-header {
	display: none;
}

div#page-wrapper {
	padding: 0px 5px 0 5px !important;
}

.content-header>h1 {
	margin: 0;
	font-size: 32px;
	text-align: left;
	color: #000;
	padding-top: 0px;
}

.content-header>h1>small {
	font-size: 15px;
	display: inline-block;
	padding-left: 4px;
	font-weight: 300;
}

.content-header>.breadcrumb {
	background: #f6f6f6 !important;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	padding: 8px;
	border-radius: 0px;
	/* border: 1px solid #968E8E; */
}

.content-header>.breadcrumb>li>a {
	color: #444;
	text-decoration: underline;
	display: inline-block;
}

.content-header>.breadcrumb>li>a>.fa, .content-header>.breadcrumb>li>a>.glyphicon,
	.content-header>.breadcrumb>li>a>.ion {
	margin-right: 5px;
}

.content-header>.breadcrumb>li+li:before {
	content: '>\00a0';
}

@media ( max-width : 991px) {
	.content-header>.breadcrumb {
		position: relative;
		margin-top: 5px;
		top: 0;
		right: 0;
		float: none;
		background: #d2d6de;
		padding-left: 10px;
	}
	.content-header>.breadcrumb li:before {
		color: #97a0b3;
	}
}

/**********  Dashboard *********************/
.charts {
	padding: 5px;
}

.homePage .content ul.aos-animate {
	list-style: none;
	text-align: center;
	margin: 20px auto;
	/* max-width: 1185px */
	;
}

.homePage .content ul li.clickabaleLi {
	display: inline-block;
	margin: 0px 11px 0px;
	padding: 0px;
	float: left;
	color: #fff;
	height: 110px;
	overflow: hidden;
	border-radius: 10px;
	background: #56565a;
}

.homePage .content ul li.clickabaleLi:first-child {
	margin: 0 0 0 4%;
}

.homePage .content ul li .box {
	display: table;
	/*             width: 215px; */
	height: 110px;
	background: none;
	position: relative;
	overflow: hidden;
}

/*.homePage .content ul li a {
       display: table-cell;
    vertical-align: top;
    line-height: 1.4;
    padding: 9px 10px;
    position: relative;
        font-size: 12px;
}*/

/*.homePage .content ul li p {
    display: table-cell;
    vertical-align: top;
    line-height: 1.4;
    padding: 9px 10px;
    position: relative;
    font-size: 12px;
}

.homePage .content ul li p:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background: #56565a;
    transition: all ease-in-out 500ms;
    transform: scale(1);
    border: 3px solid transparent;

}

.homePage .content ul li a:hover {
    text-decoration: none;
}
.homePage .content ul li a:before {
    background: #56565a;

}*/
.homePage .content ul li .txt {
	border-bottom: 2px solid #fff;
	font-weight: bold;
	font-size: 12px;
	height: 38px;
}

.homePage .content ul li img {
	width: 38%;
}

/*.homePage .content ul li:nth-child(1) a:before {
    background: #6f263d;

}

.homePage .content ul li:nth-child(2) a:before {
    background: #403a60;
}

.homePage .content ul li:nth-child(3) a:before {
    background: #00587c;
}

.homePage .content ul li:nth-child(4) a:before {
    background: #00685e;
}

.homePage .content ul li:nth-child(5) a:before {
    background: #6f263d;
}*/
.carousel-inner .item .chartcontainer {
    float: left;
    background-color: #fff;
    border: 1px solid #b9b9bb;
    margin: 0 0 10px 10px;
    padding: 0 5px;
    width: 32%;
}

.chartHeader {
	height: 40px;
	padding: 10px 5px;
	background-color: #ffffff;
	color: #565659;
	font-size: 10px;
	border-bottom: 3px solid #fccc08;
}
.ChartTitle {
    font-weight: 700;
    text-transform: uppercase;
}
.chartHeader select {
	color: #000;
}

.noDays {
	float: right;
	font-size: 11px;
}

/*
#00c0ef
#00a65a
#f39c12
#605ca8
#d81b60
*/
.txt {
	text-transform: uppercase;
	border-bottom: 2px solid #fff;
	padding: 6px;
}

.txtContainer {
	height: 100px;
	overflow-y: auto;
}

.txtHead span:first-child {
	margin: 8px 0 0 -80px;
	text-align: left;
}

a.txtHead:hover, a.txtHead:focus {
	color: #fff;
}

.homePage .content ul li a span .hideanimate {
	/*  overflow: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
	
}

.showanimate {
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	max-height: 1000px;
}

.homePage .content ul li a.txtList {
	width: 100%;
	margin: 0px 0 0 65px;
	font-size: 12px;
	font-weight: normal;
	display: block;
}

.txtHead span::before {
	position: absolute;
	content: "";
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 9px -12px;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #fff;
}

/*span.txtList::before {
        position: absolute;
    content: ">";
    font-size: 12px;
    margin: -1px 0 0 -13px;
    width: 20px;
    height: 0;
}*/
.homePage .content ul li a span.txtList {
	display: block;
	position: relative;
	z-index: 2;
	color: #fff;
	transition: all ease-in-out 300ms;
	font-weight: normal;
	font-size: 13px;
	margin: 0 0 0 24px;
}

.homePage .content ul li a span.num {
	font-size: 40px;
	color: #fff;
	/*border: 3px solid #fff0;
    border-radius: 50%;*/
	width: 32%;
	/* text-align: center; */
	margin: 0 auto;
	font-weight: normal;
}

.custTitle {
	padding-top: 10px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #d2d6de;
}

/* ==========================================================================
   Data Tables
   ========================================================================== */
.tableBox {
	position: relative;
	border-radius: 3px;
	background: #ffffff;
	border-top: 3px solid #d2d6de;
	margin-bottom: 20px;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 2px, 0.1);
	background: #f6f6f6;
	padding: 15px;
}

.dataTables_wrapper .row {
	margin-left: 0px;
	margin-right: 0px;
}

.dataTables_wrapper .row .col-sm-12, .dataTables_wrapper .row .col-sm-6
	{
	padding-left: 0px;
	padding-right: 0px;
}

table.dataTable td, table.dataTable th {
	font-size: 11.5px;
	font-weight: normal;
}

/*******************************************************************************/
/*Page loading*/
/******************************************************************************/
.page-loading {
	background-color: #fff;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
}

.page-loading .loader {
	background: #fff;
	border-radius: 50%;
	height: 50px;
	left: 50%;
	margin-left: -23px;
	margin-top: 0px;
	position: absolute;
	top: 40%;
	width: 50px;
	-webkit-animation: load 0.75s linear infinite;
	-moz-animation: load 0.75s linear infinite;
	-o-animation: load 0.75s linear infinite;
	-ms-animation: load 0.75s linear infinite;
	animation: load 0.75s linear infinite;
}

.page-loading .loader:after {
	content: '';
	position: absolute;
	width: 49px;
	height: 49px;
	top: 0px;
	right: 0;
	left: 0;
	margin: auto;
	background: #fff;
	border-radius: 50%;
	border: 3px solid #fccc08;
}

.page-loading .text {
	color: #fccc08;
	display: block;
	font-size: 15px;
	left: 50%;
	margin-left: -40px;
	margin-top: 0px;
	position: absolute;
	top: 47%;
}
/* ==========================================================================
  persnolization
   ========================================================================== */
.persnolization a {
	color: #333;
	font-size: 12px;
}

/* Style the tab */
.persnolization div.tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #56565A;
	padding: 9px 0 0 6px;
}

/* Style the buttons inside the tab */
.persnolization div.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 7px 16px;
	transition: 0.3s;
	font-size: 12px;
	border-radius: 7px 7px 0 0;
	color: #fff;
	margin: 0 2px;
}

/* Change background color of buttons on hover */
.persnolization div.tab button:hover {
	background-color: #ccc;
	color: #000;
}

/* Create an active/current tablink class */
.persnolization div.tab button.active {
	background-color: #ccc;
	color: #000;
}

/* Style the tab content */
.persnolization .tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}

.persnolization .tab-content {
	font-size: 12px;
}

.persnolization select, .persnolization lable {
	font-size: 12px;
}

.persnolization .graphalignment {
	width: 30%;
	float: left;
	border-style: solid;
	border-width: 2px;
	background-color: white;
	text-align: center;
	margin: 18px 15px 0 0;
	padding: 4px 0;
}

.tabs-left, .tabs-right {
	border-bottom: none;
	padding-top: 2px;
}

.tabs-left {
	border-right: 1px solid #ddd;
}

.tabs-right {
	border-left: 1px solid #ddd;
}

.tabs-left>li, .tabs-right>li {
	float: none;
	margin-bottom: 2px;
}

.tabs-left>li {
	margin-right: -1px;
}

.tabs-right>li {
	margin-left: -1px;
}

.tabs-left>li.active>a, .tabs-left>li.active>a:hover, .tabs-left>li.active>a:focus
	{
	border-bottom-color: #ddd;
	border-right-color: transparent;
}

.tabs-right>li.active>a, .tabs-right>li.active>a:hover, .tabs-right>li.active>a:focus
	{
	border-bottom: 1px solid #ddd;
	border-left-color: transparent;
}

.tabs-left>li>a {
	border-radius: 4px 0 0 4px;
	margin-right: 0;
	display: block;
	color: #000;
	font-size: 17px;
}

.tabs-right>li>a {
	border-radius: 0 4px 4px 0;
	margin-right: 0;
}

.sideways {
	margin-top: 50px;
	border: none;
	position: relative;
}

.sideways>li {
	height: 20px;
	width: 120px;
	margin-bottom: 100px;
}

.sideways>li>a {
	border-bottom: 1px solid #ddd;
	border-right-color: transparent;
	text-align: center;
	border-radius: 4px 4px 0px 0px;
}

.sideways>li.active>a, .sideways>li.active>a:hover, .sideways>li.active>a:focus
	{
	border-bottom-color: transparent;
	border-right-color: #ddd;
	border-left-color: #ddd;
}

.sideways.tabs-left {
	left: -50px;
}

.sideways.tabs-right {
	right: -50px;
}

.sideways.tabs-right>li {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sideways.tabs-left>li {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.persnolization .tabs-left>li.active>a, .persnolization .tabs-left>li.active>a:hover,
	.persnolization .tabs-left>li.active>a:focus {
	background: #ffc72c;
	color: #000;
}

.tabStyle {
	width: 100%;
	border: 1px solid #ccc;
	padding: 0 0 0 15px;
	box-shadow: 1px 3px 14px 2px #ccc;
}

/* ==========================================================================
  flip cards
   ========================================================================== */
.centered {
	text-align: center;
}

.cardMargin {
	margin-top: 75px;
	margin-bottom: 50px;
}

.centered>div {
	float: none;
	display: inline-table;
	text-align: left;
}

.cardbox {
	width: 24% !important;
}

.box_1 {
	width: 94%;
	/*border: solid 1px #b6b6b8;*/
	padding: 3%;
	border-radius: 4px;
	padding-bottom: 25px;
}

.flip {
	background: #b9b9bb;
}

.icon_1 {
	border-radius: 50%;
	width: 80px;
	height: 80px;
	background-color: #565659;
	margin: 0 auto;
	position: relative;
	top: -50px;
	/* bottom: 18px; */
}

.icon_1 img {
	width: 75px;
	padding: 10px;
	cursor: pointer;
}

.box_1 h4 {
	font-size: 15.2px;
	/* margin-top: 25px; */
	color: #000;
	font-weight: 600;
	text-align: center;
	margin-top: -30px;
	margin-bottom: 20px;
	cursor: pointer;
}

.box_1 a {
	color: #000;
	text-decoration: none;
	text-align: left;
	font-size: 13.5px;
	display: inline-block;
	letter-spacing: 0.8px;
	margin: 4px;
	width: 100%;
}

.flip i.fa.fa-angle-right {
	color: #3c93a8;
	font-weight: 900;
	font-size: 16px;
}

.form-control {
	display: block;
	width: 100%;
	height: 28px !important;
	padding: 2px 12px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
		ease-in-out .15s;
	-o-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;
}

.btn-primary {
	color: #56565a !important;
	background-color: #fccc08;
	border-color: #fccc08;
	font-weight: 600 !important;
}

.btn-primary:hover {
	color: #fff !important;
	background-color: #565659;
	border-color: #565659;
	font-weight: 400 !important;
}

.btn-secondary {
	color: #fff;
	background-color: #56565a;
	border-color: #56565a;
	font-weight: 400 !important;
}

.btn-secondary:hover {
	color: #56565a;
	background-color: #fccc08;
	border-color: #fccc08;
	font-weight: 600 !important;
}

.btn-default {
	color: #56565a;
	background-color: #fff;
	border-color: #ccc !important;
	font-weight: 400 !important;
}

.btn-default:hover {
	color: #fff;
	background-color: #56565a;
	border-color: #56565a;
	font-weight: 400 !important;
}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #fccc08 !important;
    border-color: #fccc08 !important;
}
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition-delay: 0.5s ease-out;
	-webkit-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 2s;
	-o-transition-duration: 2s;
	transition-duration: 2s;
	-webkit-transition-property: height, visibility;
	-o-transition-property: height, visibility;
	transition-property: height, visibility;
}

td {
	text-align: left;
}

.box11a span {
	padding-top: 13px;
}

button#unlockUser {
	margin-top: 25px;
}

button#unlockUserinactive {
	margin-top: 25px;
}

label.txtfield {
	font-size: 12px;
	display: table;
	font-weight: 400;
}

label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 600;
}

label {
	font-size: 11px !important;
	color: #565658;
	text-transform: uppercase;
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 5px;
	font-size: 16px;
	line-height: inherit;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
	background-color: #ecf0f1;
	color: #333 !important;;
	text-shadow: none;
	-webkit-transition: background .2s;
	transition: background .2s;
	border: 1px solid #ccc !important;
}

.panel-body {
	padding: 5px 15px 10px 15px;
}

.panel-primary>.panel-heading {
	color: #fff;
	background-color: #56565A;
	border-color: #56565A;
	font-size: 12px;
}

.quickmenu a.btn.btn-info.btn-sm {
	border: 2px solid #ccc;
	border-radius: 5px;
}

.quickmenu a.btn.btn-info.btn-sm:hover {
	background: #fccc08;
	border: 2px solid #ccc;
}

.quickmenu a {
    width: 100px !important;
    white-space: normal;
    height: 50px;
    font-size: 11px;
    margin: 2px 0 2px 0px;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.quickmenu {
	background: rgb(86, 86, 90);
	overflow: hidden;
	z-index: 0;
	text-align: center;
	position: absolute;
	left: 65px;
	right: 15px;
	border-radius: 5px;
	bottom: 0;
}

.quickmenuToggle {
	background: rgb(86, 86, 90);
	overflow: hidden;
	z-index: 0;
	text-align: center;
	position: absolute;
	left: 15px;
	right: 15px;
    bottom: 0px; 
	border-radius: 5px;
	/* width: 80% !important; */
	margin-left: 250px !important;
}

.demo {
	width: 100%;
	/*  height: 45px; */
	background-color: transparent;
	margin-top: 20px;
	padding: 0px;
}

.quick {
	background: #c8c8c8;
	margin-top: -50px;
	overflow: hidden;
	z-index: 5;
	text-align: center;
	position: absolute;
	left: 420px;
	right: 0px;
	bottom: 0px;
}

.btn-info {
	color: #56565a;
	background-color: #ffffff;
	border-color: #ccc;
}

.btn-info:hover {
	color: #56565a;
	background-color: #fccc08;
	border-color: #ccc;
}

.circle {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: lightgrey;
	margin: 0px auto;
}

.circle-img {
	width: 35px;
	margin: 0 auto;
}

.circle-img1 {
	width: 35px;
	margin: 0px auto;
}

.circle-img i, .circle-img1 i {
	width: 100%;
	margin-top: 15px;
}

.circle-img i.fa.fa-angle-double-up, .circle-img1 i.fa.fa-angle-double-up
	{
	font-size: 50px;
	color: #56565a;
	margin: 0px 0px 0px -7px;
	width: 50px !important;
	height: 50px !important;
	margin-top: -5px;
}

.circle-img i.fa.fa-angle-double-down, .circle-img1 i.fa.fa-angle-double-down
	{
	font-size: 50px;
	color: #56565a;
	margin: -5px 0px 0px -7px;
	width: 50px !important;
	height: 50px !important;
}

@
-webkit-keyframes flash {from , 50%, to { opacity:1;
	
}

25%,
75%
{
opacity
:
 
0;
}
}
@
keyframes flash {from , 50%, to { opacity:1;
	
}

25%,
75%
{
opacity
:
 
0;
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 480px) { /* ====================
        INTERMEDIATE: Menu
       ==================== */
	/*nav a {
        float: left;
        width: 27%;
        margin: 0 1.7%;
        padding: 25px 2%;
        margin-bottom: 0;
    }

    nav li:first-child a {
        margin-left: 0;
    }

    nav li:last-child a {
        margin-right: 0;
    }*/
	/* ========================
        INTERMEDIATE: IE Fixes
       ======================== */
	/*nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }*/
}

@media only screen and (min-width: 768px) {
	/* ====================
        WIDE: CSS3 Effects
       ==================== */
	.header-container, .main aside {
		-webkit-box-shadow: 0 5px 10px #aaa;
		-moz-box-shadow: 0 5px 10px #aaa;
		box-shadow: 0 5px 10px #aaa;
	}
	/* ============
        WIDE: Menu
       ============ */
	.title {
		float: left;
	}
	nav {
		float: right;
		width: 38%;
	}
	/* ============
        WIDE: Main
       ============ */
	.main article {
		float: left;
		width: 57%;
	}
	.main aside {
		float: right;
		width: 28%;
	}
	.homePage .content ul li .txt {
		height: 50px;
	}
}



/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
	padding: 1px;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
	*, *: before, *: after ; {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a, a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	a[href^="#"]:after, a[href^="javascript:"]:after {
		content: "";
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr, img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
}

#lab {
	width: 1000px;
	overflow: hidden;
	padding-bottom: 70px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 2.5em;
	-webkit-transition: all ease 500ms;
	-moz-transition: all ease 500ms;
	-o-transition: all ease 500ms;
	-ms-transition: all ease 500ms;
	transition: all ease 500ms;
}

.lab_item {
	width: 200px;
	height: 180px;
	position: relative;
	display: inline-block;
	margin-left: 7px;
	margin-right: 7px;
}

.hexagon2 {
	position: absolute;
	width: 200px;
	height: 400px;
	top: -85px;
}

.hexagon {
	overflow: hidden;
	visibility: hidden;
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
	cursor: pointer;
}

.hexagon-in1 {
	overflow: hidden;
	width: 100%;
	height: 100%;
	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.hexagon-in2 {
	-webkit-box-shadow: inset 0 0 0 200px #fff;
	box-shadow: inset 0 0 0 200px #fff;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-background-size: 125%;
	-moz-background-size: 125%;
	background-size: 125%;
	visibility: visible;
	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: #fff;
	display: table;
}

.lab_item:nth-child(1) .hexagon-in2 {
	-webkit-box-shadow: inset 0 0 0 200px #00c0ef;
	box-shadow: inset 0 0 0 200px #00c0ef;
}

.lab_item:nth-child(2) .hexagon-in2 {
	-webkit-box-shadow: inset 0 0 0 200px #00a65a;
	box-shadow: inset 0 0 0 200px #00a65a;
}

.lab_item:nth-child(3) .hexagon-in2 {
	-webkit-box-shadow: inset 0 0 0 200px #f39c12;
	box-shadow: inset 0 0 0 200px #f39c12;
}

.lab_item:nth-child(4) .hexagon-in2 {
	-webkit-box-shadow: inset 0 0 0 200px #605ca8;
	box-shadow: inset 0 0 0 200px #605ca8;
}

.lab_item:nth-child(5) .hexagon-in2 {
	-webkit-box-shadow: inset 0 0 0 200px #d81b60;
	box-shadow: inset 0 0 0 200px #d81b60;
}

.lab_item:nth-child(1) .hexagon-in2:hover {
	-webkit-box-shadow: inset 0 0 0 0px #00c0ef;
	box-shadow: inset 0 0 0 0px #00c0ef;
}

.lab_item:nth-child(2) .hexagon-in2:hover {
	-webkit-box-shadow: inset 0 0 0 0px #00a65a;
	box-shadow: inset 0 0 0 0px #00a65a;
}

.lab_item:nth-child(3) .hexagon-in2:hover {
	-webkit-box-shadow: inset 0 0 0 0px #f39c12;
	box-shadow: inset 0 0 0 0px #f39c12;
}

.lab_item:nth-child(4) .hexagon-in2:hover {
	-webkit-box-shadow: inset 0 0 0 0px #605ca8;
	box-shadow: inset 0 0 0 0px #605ca8;
}

.lab_item:nth-child(5) .hexagon-in2:hover {
	-webkit-box-shadow: inset 0 0 0 0px #d81b60;
	box-shadow: inset 0 0 0 0px #d81b60;
}

.lab_item:nth-child(1) .hexagon-in2:hover .mBox span {
	color: #00c0ef;
}

.lab_item:nth-child(2) .hexagon-in2:hover .mBox span {
	color: #00a65a;
}

.lab_item:nth-child(3) .hexagon-in2:hover .mBox span {
	color: #f39c12;
}

.lab_item:nth-child(4) .hexagon-in2:hover .mBox span {
	color: #605ca8;
}

.lab_item:nth-child(5) .hexagon-in2:hover .mBox span {
	color: #d81b60;
}

#lab article {
	padding-top: 1em;
	padding-bottom: 4em;
	width: 750px;
	margin: 0 auto;
	text-align: center;
}

/* .mBox {
    width: 100px;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    line-height: 1.3;
    padding: 0 15px;
}

.mBox:hover {
    text-decoration: none;
}

.mBox span {
    display: block;
    position: relative;
    z-index: 2;
    color: #fff;
    transition: all ease-in-out 300ms;
    font-size: 16px;
}

.mBox span.num {
    font-size: 40px;
}

.mBox:hover span {
    font-size: 18px;
}

.mBox:hover span.num {
    font-size: 50px;
} */

/****************** Dashboard ***************************/
.notify {
	background: red;
	border-radius: 50%;
	padding: 3px;
	text-align: center;
	color: #fff;
	position: relative;
	top: -12px;
	left: -8px;
	font-size: 12px;
}
.wrapper {
	width: 100%;
    height: 100% !important;
    position: relative;
    z-index: .5;
    padding-bottom: 50px;
    padding-top: 40px;
    min-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.wrapper::-webkit-scrollbar {
	width: 1px;	
}
.dashboard {
	width: 100% !important;
}

.breadcrumb {
	background-color: transparent !important;
	border-radius: 4px;
	list-style: outside none none;
	margin-bottom: 5px;
	padding: 0px 15px 0px 5px;
}

body {
	background: #fff;
	color: #565659;
}

.dashboard_Cont {
	background: #efefef;
	padding: 8px;
	border-radius: 4px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.dashboard_bredcrumb {
	background: #f6f6f6;
	padding: 10px 0 5px 0;
	border-radius: 4px;
	margin: 5px 0 5px 0;
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 10px;
	margin-top: 5px;
}

.nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid #ccc;
	border-radius: 4px 4px 0 0;
}

.btn-group-justified>.btn, .btn-group-justified>.btn-group {
	display: table-cell;
	float: left;
	width: 25%;
}
/**********************/
.box {
	background: #f6f6f6;
	padding: 5px 15px 0px 15px;
	width: 100%;
	font-size: 12px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.box-title {
	padding: 5px 0px 0px 5px !important;
	height: 20px !important;
	font-size: 12px;
	color: #565659;
}

.box-content {
	border-top: 3px solid #fccc08;
	margin: 5px 0 5px 0;
	height: 300px;
}

.form-group {
	margin-bottom: 5px;
	margin-top: 5px;
}

.well {
	border: none;
	padding: 10px 0 0px 0;
}

.input-file {
	position: relative;
	margin: 0 0px 20px 0;
}

.content, .alt_content {
	color: #444;
}

/* Remove margin, it is just for stackoverflow viewing */
.input-file .input-group-addon {
	border: 0px;
	padding: 0px;
}

.input-file .input-group-addon .btn {
	border-radius: 0 4px 4px 0;
}

.input-file .input-group-addon input {
	cursor: pointer;
	position: absolute;
	width: 72px;
	z-index: 2;
	top: 0;
	right: 0;
	filter: alpha(opacity = 0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	background-color: transparent;
	color: transparent;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #fccc08 !important;
}

/*************/
.mbox {
	background: #ffffff;
	border: 1px solid #ccc;
	padding: 20px;
	height: 120px;
	margin-bottom: 20px;
	border-radius: 4px;
}

.mbox p {
    font-size: 10px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    word-break:initial;
}
.boxactive {
	background: #fccc08;
}

.tick {
	position: absolute;
	top: -5px;
	right: 14px;
	font-size: 20px;
	background: #fff;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: -webkit-match-parent;
}

.addBox .tick {
	display: none;
}

.boxactive .tick {
	display: block;
}

.modal.fade.in {
	opacity: 1;
	background: transparent;
}

.icon-move {
	cursor: move;
}

.btn-group>.btn.tabs.active {
	color: #fff;
	background: #56565a;
	border-color: #56565a;
}

.trbox {
	border: 2px solid #ccc;
	height: 220px;
	padding: 5px 20px 5px 20px;
}

.tbox-title h3 {
	text-align: center;
	font-size: 14px;
	color: #555;
	font-weight: 600;
}

.tbox-title p {
	text-align: center;
}

.tbox-det {
	position: absolute;
	bottom: 20px;
	text-align: center;
	left: 0;
	right: 0;
}

span.tick i.fa {
	color: #56565a;
}

/**** Start Color Switcher ****/
.colors-switcher {
	width: 100%;
	height: auto;
}

.colors-switcher {
	max-width: 300px;
	padding: 20px;
	position: fixed;
	z-index: 1993;
	bottom: 10px;
	right: 0;
	background-color: #fff;
	border-radius: 2px 0 0 2px;
	border: 1px solid rgb(251, 203, 10);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	height: 75%;
}

.colors-switcher>td {
	font-size: 12px;
	line-height: 1;
}

.colors-switcher td {
	padding: 12px !important;
	color: #173760 !important;
	font-weight: 600;
}

/* .colors-switcher #show-panel {
    position: absolute;
    left: -100px;
    bottom: 100px;
    width: 100px;
    height: 40px; 
    z-index: 1992;
    display: block;
    background-color: #fff;
    border-radius: 2px 0 0 2px;
    border: 1px solid rgba(0,0,0,.1);
    border-right: none;
    cursor: pointer;
    background: #173760;
} */
.colors-switcher #show-panel i {
	color: #fff;
	font-size: 12px;
	line-height: 38px;
	margin-left: 10px;
}

.colors-switcher #show-panel {
	position: absolute;
	left: -100px;
	bottom: 100px;
	z-index: 1992;
	display: block;
	cursor: pointer;
}

.colors-switcher h4 {
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	text-align: center;
	background: #fccc08;
	padding: 8px;
}

#show-panel img {
	width: 100px;
	margin-left: 5px;
}

/* #show-panel img
{
  width: 40px;
  margin-left: 75px;
  margin-top: 5px;
} */
#show-panel a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	margin-left: 10px;
}

.colors-switcher .colors-list {
	margin: 0;
	padding: 0;
}

.colors-switcher .colors-list li {
	float: left;
	display: block;
	margin-bottom: 2px;
	margin-right: 6px;
}

.colors-switcher .colors-list li a {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 2px;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	cursor: pointer;
}

.colors-switcher .colors-list td:hover {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
}

.scroll::-webkit-scrollbar {
	width: 8px;
}

.scroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

#custom-search-input {
	padding: 3px;
	border: solid 1px #E4E4E4;
	border-radius: 6px;
	background-color: #fff;
}

#custom-search-input input {
	border: 0;
	box-shadow: none;
}

#custom-search-input button {
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	color: #666666;
	padding: 0 8px 0 10px;
	border-left: solid 1px #ccc;
}

#custom-search-input button:hover {
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search {
	font-size: 23px;
}

/**** Start Color Switcher ends ****/
#menu i.fa {
	font-size: 28px;
	color: #fff;
}

.mainLI a i.fa {
	color: #fff;
	margin: 3px;
}

span.fa.arrow {
	font-size: 20px;
	padding-top: 0px !important;
	margin-right: 10px;
}

i.fa.fa-angle-right {
	font-size: 20px !important;
}

.side-nav.nav-second-level.collapse.in a {
	position: relative;
	left: 25px;
}

ul.side-nav.nav-second-level.collapse.in i.fa.fa-angle-right {
	position: relative;
	top: 1px;
}

ul.side-nav.nav-second-level.collapse i.fa.fa-angle-right {
	position: relative;
	top: 1px;
}

ul.side-nav.nav-second-level.collapsing li a {
	left: 0px;
	top: -4px;
	position: relative;
}

.nav-sidebar-closed li.mainLI.active ul.side-nav.nav-second-level.collapse.in a
	{
	left: 0px !important;
	top: -4px;
}

.nav-sidebar-closed li.mainLI:hover ul.side-nav.nav-second-level.collapse a
	{
	left: 0px !important;
	top: -4px;
	position: relative;
}

ul.side-nav.nav-second-level.collapse li {
	padding: 4px 0px !important;
	margin: 0px 0px;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th,
	.table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th,
	.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border: 1px solid #ddd !important;
}

span.input-group-addon {
	border: 1px solid #ccc;
    background: #f6f6f6;
	font-size: 11px !important;
	border-radius: 4px;
	color: #56565a;
	/* font-weight: bold; */
}
span.input-group-addon i.fa {
    color: #fff;
    font-size: 12px;
    width: 100%;
    height: 100%;
    margin: 0 2px;
}
.box-content table th {
	font-size: 12px;
}

i.fa {
	color: #56565a;
	border: 1px solid transparent;
	width: 18px;
	height: 18px;
	text-align: center;
	padding: 0px;
}
.k-button i.fa {
    color: #56565a;
    border: 1px solid transparent;
    width: 18px;
    height: 18px;
    text-align: center;
    padding: 0px;
    font-size: 16px;
}
.k-button.k-button-icontext.k-grid-excel, .k-button.k-button-icontext.k-grid-pdf {
    width: 25px !important;
}
/***********Checkbox*************/

/* The container */
.container5 {
	display: block;
	position: relative;
	padding-left:25px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 12px !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-top: 5px;
}

/* Hide the browser's default radio button */
.container5 input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.checkmark1 {
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	width: 25px;
	background-color: #fff;
	border-radius: 50% !important;
	border: 2px solid #fccc08;
}

/* On mouse-over, add a grey background color */
.container5:hover input ~ .checkmark1 {
	background-color: #fccc08;
}

/* When the radio button is checked, add a blue background */
.container5 input:checked ~ .checkmark1 {
	background-color: #fccc08;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark1:after {
	content: "";
	position: absolute;
	display: none;
}
.tableSleAll {
	position: relative;
    left: -30px;
    white-space: nowrap;
    top: -20px;
}
.TitleBtn {
    font-size: 11.5px !important;
    color: #ca9400 !important;
}
/****Language Selection *************/
/* #lang-switcher-block {
	float: right;
	border-left: 1px solid #7c7c7c;
	margin-top: 15px;
	padding-left: 10px;
  margin-left: 10px;
} */
#lang-switcher-block {
    float: left;
    border-right: 1px solid #56565a;
    margin-top: 15px;
    margin-right: 10px;
    border-left: none !important;
}

#lang-switcher-block ul {
	display: inline-block;
}

#lang-switcher-block ul li {
	display: inline-block;
}

#lang-switcher-block ul li a {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}

/*li.en {
    display: none!important;
}/*/
.navbar .container {
	padding: 0px !important;
}

li.en {
	background: url(../img/ico/en.png) left center no-repeat;
	padding-left: 20px !important;
}

li.ar {
	background: url(../img/ico/ar.png) left center no-repeat;
	padding-left: 20px !important;
	margin-right: 5px;
	
}

#lang-switcher-block li {
	margin-left: 7px;
}

#lang-switcher-block li a {
	color: #53565a;
	font-family: 'fs_emericregular';
	font-size: 14px;
}
/*end*/
/* Show the indicator (dot/circle) when checked */
.container5 input:checked ~ .checkmark1:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.container5 .checkmark1:after {
	top: 5px;
	left: 5px;
	width: 12px;
	height: 12px;
	border-radius: 50% !important;
	background: white;
}

.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-default.jconfirm-type-animated
	{
	border-radius: 0px !important;
	width: 300px;
}

.modal-body table th {
	background: #555559;
	color: #fff;
}

.box-drop::-webkit-scrollbar {
	width: 4px;
}

.box-drop::-webkit-scrollbar-track {
	background-color: rgb(255, 255, 255);
	-webkit-border-radius: 1px;
}

.box-drop::-webkit-scrollbar-thumb:vertical {
	background-color: rgb(142, 142, 142);
	-webkit-border-radius: 0px;
	-webkit-width: 5;
}

.box-drop::-webkit-scrollbar-thumb:vertical:hover {
	background: rgb(252, 204, 8);
}

/* .box-drop {
	width: 33.33333333%;
	margin: 0 auto;
}
 */
.ab {
	background: #fbcb0a !important;
}

.filterTXN a {
	margin-left: 5px;
	margin-right: 5px;
	white-space: nowrap;
	display: inline-table;
}

.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.input-block-level {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.btn-file {
	overflow: hidden;
	position: relative;
	vertical-align: middle;
}

.btn-file>input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity = 0);
	transform: translate(-300px, 0) scale(4);
	font-size: 23px;
	direction: ltr;
	cursor: pointer;
}

.fileupload {
	position: absolute;
	top: 0px;
	left: 260px;
}

.fileupload .uneditable-input {
	display: inline-block;
	margin-bottom: 0px;
	vertical-align: middle;
	cursor: text;
}

.fileupload .thumbnail {
	overflow: hidden;
	display: inline-block;
	margin-bottom: 5px;
	vertical-align: middle;
	text-align: center;
}

.fileupload .thumbnail>img {
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
}

.fileupload .btn {
	vertical-align: middle;
}

.fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists {
	display: none;
}

.fileupload-inline .fileupload-controls {
	display: inline;
}

.fileupload-new .input-append .btn-file {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.thumbnail-borderless .thumbnail {
	border: none;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.fileupload-new.thumbnail-borderless .thumbnail {
	border: 1px solid #ddd;
}

.control-group.warning .fileupload .uneditable-input {
	color: #a47e3c;
	border-color: #a47e3c;
}

.control-group.warning .fileupload .fileupload-preview {
	color: #a47e3c;
}

.control-group.warning .fileupload .thumbnail {
	border-color: #a47e3c;
}

.control-group.error .fileupload .uneditable-input {
	color: #b94a48;
	border-color: #b94a48;
}

.control-group.error .fileupload .fileupload-preview {
	color: #b94a48;
}

.control-group.error .fileupload .thumbnail {
	border-color: #b94a48;
}

.control-group.success .fileupload .uneditable-input {
	color: #468847;
	border-color: #468847;
}

.control-group.success .fileupload .fileupload-preview {
	color: #468847;
}

.control-group.success .fileupload .thumbnail {
	border-color: #468847;
}

.animated {
	-webkit-animation-duration: 0.15s;
	-webkit-animation-fill-mode: both;
	animation-duration: 0.15s;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}

.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s
}

.animated.fast {
	-webkit-animation-duration: .8s;
	animation-duration: .8s
}

.animated.faster {
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s
}

@media ( prefers-reduced-motion ) {
	.animated {
		-webkit-animation: unset !important;
		-webkit-transition: none !important;
		animation: unset !important;
		transition: none !important
	}
}

@
-webkit-keyframes flash { 0%, 50%, to { opacity:1
	
}

25%,
75%
{
opacity
:
 
0
}
}
@
keyframes flash { 0%, 50%, to { opacity:1
	
}

25%,
75%
{
opacity
:
 
0
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

i.fa.fa-info-circle.blink.animated.infinite.toltp, i.fa.fa-info-circle.pulse.animated.infinite.toltp
	{
	font-size: 16px;
	color: #fccc08;
}

@
-webkit-keyframes pulse { 0% {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

50%
{
-webkit-transform
:
 
scale3d
(1
.05
,
1
.05
,
1
.05
);

        
transform
:
 
scale3d
(1
.05
,
1
.05
,
1
.05
)

    
}
75%
{
-webkit-transform
:
 
scale3d
(1
.45
,
1
.45
,
1
.45
);

        
transform
:
 
scale3d
(1
.45
,
1
.45
,
1
.45
)

    
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

}
@
keyframes pulse { 0% {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

50%
{
-webkit-transform
:
 
scale3d
(1
.05
,
1
.05
,
1
.05
);

        
transform
:
 
scale3d
(1
.05
,
1
.05
,
1
.05
)

    
}
75%
{
-webkit-transform
:
 
scale3d
(1
.45
,
1
.45
,
1
.45
);

        
transform
:
 
scale3d
(1
.45
,
1
.45
,
1
.45
)

    
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

.blink {
	animation: blink 10s steps(5, start) infinite;
	-webkit-animation: blink 10s steps(5, start) infinite;
}

@
keyframes blink {to { visibility:hidden;
	
}

}
@
-webkit-keyframes blink {to { visibility:hidden;
	
}

}

/*******************************************************/
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
	.tsf-step.step-2.active.default-effect .trbox {
		border: 2px solid #ccc;
		height: 280px;
		padding: 5px 20px 5px 20px;
		margin: 0 !important;
	}
}
/* Large screens ----------- */
@media only screen and (min-width: 1300px) and (max-width: 1366px) {
	.tsf-step.step-2.active.default-effect .trbox {
		border: 2px solid #ccc;
		height: 280px;
		padding: 5px 20px 5px 20px;
		margin: 10px 0px 10px 0px !important;
	}
}
@media only screen and (min-width: 1366px) and (max-width: 1430px) {
	.tsf-step.step-2.active.default-effect .trbox {
		border: 2px solid #ccc;
		height: 280px;
		padding: 5px 20px 5px 20px;
		margin: 10px 0px 10px 0px !important;
	}
}

@media only screen and (min-width: 1430px) and (max-width: 1460px) {
	.tsf-step.step-2.active.default-effect .trbox {
		border: 2px solid #ccc;
		height: 280px;
		padding: 5px 20px 5px 20px;
		margin: 10px 0px 10px 0px !important;
	}
}

@media only screen and (min-width: 1460px) and (max-width: 1520px) {
	.tsf-step.step-2.active.default-effect .trbox {
		border: 2px solid #ccc;
		height: 280px;
		padding: 5px 20px 5px 20px;
		margin: 10px 0px 10px 0px !important;
	}
}

@media only screen and (min-width: 1520px) and (max-width: 1563px) {
	.tsf-step.step-2.active.default-effect .trbox {
		border: 2px solid #ccc;
		height: 280px;
		padding: 5px 20px 5px 20px;
		margin: 10px 0px 10px 0px !important;
	}
}

@media only screen and (min-width: 1540px) and (max-width: 1563px) {
	.tsf-step.step-2.active.default-effect .trbox {
		border: 2px solid #ccc;
		height: 280px;
		padding: 5px 20px 5px 20px;
		margin: 10px 0px 10px 0px !important;
	}
}

@media only screen and (min-width: 1563px) and (max-width: 1577px) {
	.tsf-step.step-2.active.default-effect .trbox {
		border: 2px solid #ccc;
		height: 280px;
		padding: 5px 20px 5px 20px;
		margin: 10px 0px 10px 0px !important;
	}
}

@media only screen and (min-width: 1577px) and (max-width: 1610px) {
	.tsf-step.step-2.active.default-effect .trbox {
		border: 2px solid #ccc;
		height: 280px;
		padding: 5px 20px 5px 20px;
		margin: 10px 0px 10px 0px !important;
	}
}


div#vaMapTab, #vaExtMapTab {
	margin-top: 10px;
}

.tab, .vaTab, .vaExtTab {
	float: left;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	width: 30%;
	height: 100%;
	max-height: 330px;
	overflow-y: auto;
	min-height: 330px;
	direction: rtl;
}

.input-group[class*=col-] {
	float: none;
	padding-right: 15px;
	padding-left: 15px;
}

.addbill {
	width: 15px;
	height: 15px;
	background: #c8c8c8;
	padding: 5px;
	color: #fff;
}

.deletebill {
	width: 15px;
	height: 15px;
	background: #c8c8c8;
	padding: 5px;
	color: #fff;
	position: relative;
	margin-right: 5px;
}

.addbill i, .deletebill i {
	color: #565659;
}

.addbill i:hover, .deletebill i:hover {
	color: #fff;
}

.addbill:hover, .deletebill:hover {
	background: #565659;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* z-index: 1040; */
	background-color: #fff;
}

.login-box-msg, .register-box-msg {
	margin: 0;
	text-align: left;
	padding: 10px 20px;
	font-size: 12px;
	color: #fff;
	background: #55565A;
}

.checkbox-inline, .radio-inline {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 600;
	vertical-align: middle;
	cursor: pointer;
}

#menu, #home {
	color: #fff;
	/* float: right; */ /* POBO */
	font-size: 15px;
	margin: 0px 0;
	text-decoration: none;
}

.panel-heading {
	padding: 7px 15px !important;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	text-transform: uppercase !important;
}

.panel-primary {
	border-color: #e0dfdf !important;
}

.btn {
	display: inline-block;
	padding: 4px !important;
	margin-bottom: 0;
	font-size: 11px !important;
	font-weight: 400;
	line-height: 18px !important;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	text-transform: uppercase !important;
	width: 128px !important;
}

.addBtns {
	margin-top: 5px;
	margin-bottom: 10px;
}

col {
	/* width: 155px !important; */
}

table input.form-control {
	display: block;
	width: 100%;
	height: 28px !important;
	padding: 2px 12px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
		ease-in-out .15s;
	-o-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;
	outline: 0 !important;
	border-width: 0 0 2px 0 !important;
}

table input.form-control:focus {
	border-color: #fccc08 !important;
}

table thead tr {
	background: #565659;
	color: #fff;
	text-transform: uppercase;
}

.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
	font-size: 12px;
	/* width: 100% !important;*/
}

 span.select2.select2-container.select2-container--default {
	width: 100% !important;
}

span.select2.select2-container.select2-container--default.select2-container--below
	{
	width: 100% !important;
}

span.select2.select2-container.select2-container--default.select2-container--below.select2-container--open
	{
	width: 100% !important;
}
 
.tab-content {
	margin: 5px 0 0 -15px !important;
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.modal-header .close {
	/* /* margin-top: -2px; */
	color: #555559; */
	margin-top: -5px;
	font-size: 30px;
	color: #fff;
	opacity: .7;
}

.select2-container .select2-selection--multiple {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	min-height: 28px !important;
	user-select: none;
	-webkit-user-select: none;
}

.modal-header {
	padding: 10px !important;
	border-bottom: 1px solid #e5e5e5;
	background: #565659;
	color: #fff;
}

.table th {
	/* min-width: 150px !important;
   max-width: 150px !important; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.dataTables_scroll {
    overflow-x: auto;
    overflow-y: hidden;
}
.JCLRgrips {
    width: 100% !important;
}
.tooltip-inner {
	background-color: #eae8e8 !important;
	color: #565659;
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	margin-top: -10px;
	border-width: 0 7px 7px;
	border-bottom-color: #eae8e8 !important;
}
.tooltip.right .tooltip-inner {
	text-transform: none !important;
}
.headerTooltip .tooltip-inner {
	text-transform: uppercase !important;
}
.tooltip.headerTooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -7px;
    border-width: 7px 0 7px 7px;
    border-left-color: #eae8e8;
}
.tooltip-inner {
	min-width: 120px;
	max-width: 120px;
	text-align: center;
	margin-top: 0px;
	text-transform: none;
	background-image: url(textures/highlight.png);
	background-image: none,
		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255,
		.6)), to(rgba(255, 255, 255, 0)));
	background-image: none,
		-webkit-linear-gradient(top, rgba(255, 255, 255, .6) 0,
		rgba(255, 255, 255, 0) 100%);
	background-image: none,
		linear-gradient(to bottom, rgba(255, 255, 255, .6) 0,
		rgba(255, 255, 255, 0) 100%);
	background-position: 50% 50%;
	background-color: #eae8e8 !important;
	color: #313131;
	border-color: transparent;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	box-shadow: 0 4px 6px rgba(0, 0, 0, .3)
}

.form-inline .form-control {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}

.form-control.input-sm {
	width: auto !important;
}

.table>thead>tr>th {
	text-align: center;
}

table.dataTable thead>tr>th {
	padding-right: unset !important;
}

input[type=checkbox], input[type=radio] {
	margin: 0 auto;
	line-height: normal;
	vertical-align: middle;
	/* width: 100%; */
}

.case, .chk {
	width: 100%;
}

.inlineError span.select2-container, .inlineError {
	border-bottom: 2px solid red !important;
}

.errTooltip .tooltip-inner {
	min-width: 250px;
	max-width: 250px;
	text-align: center;
	margin-top: -2px;
	text-transform: capitalize;
	background-image: url(textures/highlight.png);
	background-image: none,
		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255,
		.6)), to(rgba(255, 255, 255, 0)));
	background-image: none,
		-webkit-linear-gradient(top, rgba(255, 255, 255, .6) 0,
		rgba(255, 255, 255, 0) 100%);
	background-image: none,
		linear-gradient(to bottom, rgba(255, 255, 255, .6) 0,
		rgba(255, 255, 255, 0) 100%);
	background-position: 50% 50%;
	background-color: #f3f3f3 !important;
	color: #ec1010;
	border-color: transparent;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
}

.errTooltip.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -8px;
	margin-top: -4px !important;
	border-width: 0 7px 7px;
	border-bottom-color: #db4240 !important;
}

.form-group {
	/* padding: 5px !important; */
	
}

.modal-header .close {
	opacity: 1 !important;
	color: #f5f5f5 !important;
}

input.k-textbox#filter {
	position: absolute;
	width: 80%;
	right: 30px;
	top: 15px;
	overflow: hidden;
	z-index: 1;
	height: 30px !important;
}

#lblFilter {
	position: absolute;
	width: 100%;
	right: 50px;
	top: 23px;
	overflow: hidden;
	z-index: 1;
	color: #555659;
}

.k-i-reload, .k-pager-refresh {
	display: none;
}

/***SRINI : 31OCT18**/
.select2-container--default .select2-selection--multiple .select2-selection__rendered li
	{
	padding: 1px 15px 1px 10px !important;
}

.fa-info-circle:before {
	font-size: 14px !important;
}

table.dataTable thead>tr>th {
   padding-right: 5px !important;
   text-align: center !important;
   min-width: 150px !important;	
}
.dataTables_scrollBody {
    min-height: 100%  !important;
    height: 100% !important;
    max-height: 236px !important;
}
/* .col-sm-6 {
	padding: 5px 6px 0px 15px !important;
}
 */
.gsi-step-indicator li .number {
    font-size: 18px !important;
    position: relative;
    top: -4px;
    left: 5px;
}
.gsi-step-indicator li.current:hover .number, 
.gsi-step-indicator li.current:hover .desc label {
	color: #fff !important;	
}

table.table-bordered.dataTable th input[type=checkbox] {
	width: 60%;
	margin-left: -17px;
}

.nav-tabs li.active:after {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fccc08;
	content: " ";
	position: absolute;
	bottom: -10px;
	left: 35%;
	z-index: 1;
}

.alert {
	font-size: 13px;
}

.modal-lg {
   width: 350px !important;
   margin: 5% auto !important;
}
.modal-dialog.modal-lg .modal-content {
    width: 100% !important;
}
.modal-content {
   position: relative;
   background-color: #fff;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   border: 1px solid #999;
   border: 1px solid rgba(0, 0, 0, .2);
   border-radius: 0px !important;
   outline: 0;
   -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
   box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity = 20);
    opacity: 1 !important;
    margin-top: -2px !important;
}

#tabcontainer ul.tabs li a {
	color: #fff !important;
}

li.tab-link.current a {
	color: #56565a !important;
}
.gsi-step-indicator.triangle li {
    position: relative;
    padding: 0;
    margin: 0px 4px 4px 0;
    width: 24.7% !important;
}
.orgchart .lines .leftLine {
    border-left: 1px solid rgb(86, 86, 90) !important;
}
.orgchart .lines .rightLine {
    border-right: 1px solid rgb(86, 86, 90) !important;
}
.right_arr {
    float: right;
    position: relative;
    right: 13px;
}
.left_arr {
    float: right;
    position: relative;
    top: -40px;
    right: 30px;
}
.up_arr {
    float: left;
    position: relative;
    top: -40px;
    right: 5px;
    left: 5px;
}
.down_arr {
    float: left;
    position: relative;
    left: -13px;
}
#viewEditLogBtn,button.btn.btn-sample.navbar-btn.btn-sm.pull-right,button.btn.btn-default.navbar-btn.btn-sm.pull-right   {
    margin: -5px 0px 0 5px;
}
td.amtAlign {
    text-align: right;
}
/* ----------------------------------------------------------------- */
/**** ====FONT ISSUE==== ****/
.k-i-calendar:before {
    content: "" !important;
}
.glyphicon-lock:before {
	content: "";
}

.glyphicon-user:before {
	content: "";
}

.glyphicon-eye-open:before {
	content: "";
}

.glyphicon-eye-close:before {
	content: "";
}

.glyphicon-log-in:before {
	content: "";
}

.k-i-file-excel:before {
	content: "" !important;
}

.k-i-file-pdf:before {
	content: "" !important;
}
span.k-icon.k-i-calendar {
	margin: 0 auto;
	background: url(../img/font-icons/calendar_16.png) no-repeat;
	width: 16px;
	height: 16px;
}
.glyphicon-lock {
	background: url(../img/font-icons/lock.png) no-repeat;
	width: 16px;
	height: 16px;
	position: relative;
	top: 0px;
}

.glyphicon-user {
	background: url(../img/font-icons/user.png) no-repeat 7px 0px;
	/* background-size: 50% 50%; */
}

span.glyphicon.glyphicon-user.dropbtn {
	background: url(../img/font-icons/user-hover.png) no-repeat !important;
	width: 16px;
	height: 16px;
	margin: -2px;
}

.glyphicon-eye-open {
	background: url(../img/font-icons/eye-open.png) no-repeat 7px 0px;
	background-size: 50% 50%;
}

.glyphicon-eye-close {
	background: url(../img/font-icons/eye-close.png) no-repeat 7px 0px;
	background-size: 50% 50%;
}

.glyphicon-log-in {
	background: url(../img/font-icons/login.png) no-repeat;
	width: 16px;
	height: 16px;
}

button#authBtn:hover .glyphicon-log-in {
	background: url(../img/font-icons/login_hover.png) no-repeat;
	width: 16px;
	height: 16px;
}

span.k-icon.k-i-file-excel {
	margin: 0 auto;
	background: url(../img/font-icons/excel.png) no-repeat;
	width: 13px;
	height: 16px;
	margin-top: 2px;
}

.k-grid .k-grid-excel:hover span.k-icon.k-i-file-excel {
	margin: 0 auto;
	background: url(../img/font-icons/excel_hover.png) no-repeat;
	width: 13px;
	height: 16px;
}

span.k-icon.k-i-file-pdf {
	margin: 0 auto;
	background: url(../img/font-icons/pdf.png) no-repeat;
	width: 13px;
	height: 16px;
	margin-top: 2px;
}

.k-grid .k-grid-pdf:hover span.k-icon.k-i-file-pdf {
	margin: 0 auto;
	background: url(../img/font-icons/pdf_hover.png) no-repeat;
	width: 13px;
	height: 16px;
}

.fa-money:before {
	content: "";
}

.fa-money {
	margin: 0 auto !important;
	background: url(../img/font-icons/credit-card.png) no-repeat;
	width: 32px !important;
	height: 32px !important;
}

.fa-paste:before, .fa-clipboard:before {
	content: "";
}

.fa-clipboard {
	margin: 0 auto !important;
	background: url(../img/font-icons/clipboard.png) no-repeat;
	width: 32px !important;
	height: 32px !important;
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
	content: "";
}

.fa-bar-chart {
	margin: 0 auto !important;
	background: url(../img/font-icons/chart.png) no-repeat;
	width: 32px !important;
	height: 32px !important;
}

.fa-plus:before {
	content: "";
}

.fa-plus {
	margin: -5px auto;
	background: url(../img/font-icons/plus.png) no-repeat;
	width: 18px !important;
	height: 18px !important;
}

.addbill:hover .fa-plus {
	background: url(../img/font-icons/plus_hover.png) no-repeat;
}

.fa-minus:before {
	content: "";
}

.fa-minus {
	margin: -5px auto;
	background: url(../img/font-icons/minus.png) no-repeat;
	width: 18px !important;
	height: 18px !important;
}

.deletebill:hover .fa-minus {
	background: url(../img/font-icons/minus_hover.png) no-repeat;
}

.k-i-seek-w:before {
	content: "" !important;
}

span.k-icon.k-i-seek-w {
	background: url(../img/font-icons/previous.png) no-repeat 2px;
}

.k-i-seek-e:before {
	content: "" !important;
}

span.k-icon.k-i-seek-e {
	background: url(../img/font-icons/next.png) no-repeat 2px;
}

.k-i-arrow-w:before {
	content: "" !important;
}

span.k-icon.k-i-arrow-w {
	background: url(../img/font-icons/left-arrow.png) no-repeat 2px;
}

.k-i-arrow-e:before {
	content: "" !important;
}

span.k-icon.k-i-arrow-e {
	background: url(../img/font-icons/right-arrow.png) no-repeat 2px;
}

.k-i-arrow-60-down:before {
	content: "" !important;
}

span.k-icon.k-i-arrow-60-down {
	background: url(../img/font-icons/down-arrow.png) no-repeat 2px 0px;
}

#menu li .fa.arrow:before {
	content: "" !important;
}

span.fa.arrow {
	background: url(../img/font-icons/caret-down.png) no-repeat 0px;
	width: 16px;
	height: 16px;
	position: relative;
	top: 0px;
}

#menu li.active .fa.arrow:before {
	content: "" !important;
}

#menu li.active>a .fa.arrow {
	background: url(../img/font-icons/caret-up.png) no-repeat 0px;
	width: 16px;
	height: 16px;
	position: relative;
	top: 0px;
}

.fa-angle-right:before {
	content: "" !important;
}

i.fa.fa-angle-right {
	background: url(../img/font-icons/caret-right.png) no-repeat -2px;
	width: 16px;
	height: 16px;
	position: relative;
	top: 4px;
	margin: 0 !important;
}

.fa-sign-out:before {
	content: "" !important;
}

i.fa.fa-sign-out.fa-fw {
	background: url(../img/font-icons/sign-out.png) no-repeat 0px 0px;
	padding: 0px !important;
	margin: -5px 0px;
}

/**** ====FONT ISSUE ENDS==== ****/

/* ============================================================================================================ */
div.dataTables_info {
	padding-top: 5px;
	white-space: nowrap;
	float: left;
}

div.dataTables_length {
	float: left;
	margin-right: 10px;
}

.dt-buttons {
	float: left;
}

#uploadGrid_filter {
	float: right;
}

.fa-file-excel-o:before {
	content: "" !important;
}

.fa-file-pdf-o:before {
	content: "" !important;
}

i.fa.fa-file-excel-o {
	margin: 0 auto;
	background: url(../img/font-icons/excel.png) no-repeat;
}

i.fa.fa-file-pdf-o {
	margin: 0 auto;
	background: url(../img/font-icons/pdf.png) no-repeat;
}

.dt-buttons {
	margin-left: 5px;
	margin-top: 5px;
}

/* Page Template for the exported PDF - By Anandh 19.11.18 */
.page-template {
	font-family: "DejaVu Sans", "Arial", sans-serif;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.page-template .header {
	position: absolute;
	top: 30px;
	left: 30px;
	right: 30px;
	border-bottom: 1px solid #888;
	color: #888;
}

.page-template .header p {
	position: absolute;
	top: 20px;
	left: 0px;
	right: 50px;
	float: right;
	text-align: right;
	color: #888;
}

.page-template .footer {
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
	border-top: 1px solid #888;
	text-align: center;
	color: #888;
}

.page-template .watermark {
	font-weight: bold;
	font-size: 400%;
	text-align: center;
	margin-top: 30%;
	color: #aaaaaa;
	opacity: 0.1;
	transform: rotate(-35deg) scale(1.7, 1.5);
}

.dataTable  tbody tr:even {
	background-color: #f1f1f1 !important;
}

.dataTable  tbody tr:nth-child(even) {
	background-color: #f1f1f1 !important;
}

.dataTable  tbody tr td a {
	color: #ca9400 !important;
	text-decoration: none;
}

.dataTable  tbody tr td {
	border-style: solid;
	border-width: 0 1px 0 1px;
	padding: .4em .6em;
	overflow: hidden;
	line-height: 1.6em;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap;
    border-color: #ddd !important;
    border-top: none !important;
    border-bottom: none !important
}

.dataTable {
    max-width: none !important;
    border-left: none;
    border-right: none;
    border-top: none;
}

.dataTable -striped>tbody>tr:nth-of-type(odd){
	background-color: #fff;
}

.dataTable  tbody tr td .trnamt{
	height: 25px !important;
}

.table>tbody>tr>td .trnamt {
    height: 22px !important;
    padding: 0px 8px 0px 5px;
    border-width: 0px !important;
    border-bottom: 1px solid #5656595c;
    border-bottom-width: 1px !important;
    text-align: right;
    border-radius: 3px !important;
}
  
 .table>tbody>tr:nth-of-type(odd)>td .trnamt {
  	background: #f9f9f9;
 }
     
.calendars-month table thead tr th {
    padding: 5px 3.5px !important;
}    

/******** POBO CSS ***********/     
input[type=file] {
    width: 100% !important;
}
.tbox-det {
	position: relative;	
}
.ctLbl {
    font-weight: 500;
}
#confirmTransDiv h5{
    border: .5px solid #dedddd;
    padding: 9.5px;
    /* font-weight: bold; */
    color: #ffffff;
    background: #56565a;
    
}
#printApprove h5{
	border: .5px solid #dedddd;
    padding: 9.5px;
    color: #ffffff;
    background: #56565a;
    margin-bottom: 0px;
}

/* Payment Initiation */

#credit span.input-group-addon {
    background: transparent;
    font-size: 12px !important;
    border-radius: 0;
    color: #fff;
    border: none;
}
#credit .creditCLS{
    border-radius: 0px;
    margin: 0px 15px;
    padding: 20px 10px;
    border: 2px solid #efefef;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    height: 95px;
}
.col-md-6.confirmROW .row {
    padding: 0 10px;
}
#credit label {
    font-size: 12px !important;
    color: ##565658;
}
#credit  .form-control,#credit  .form-control:focus  {
   /*  border: none; */
    color: #56565a;
    font-weight: bold;
}

#credit .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #56565a;
    line-height: 28px;
    font-weight: bold;
   /*  border: none !important; */
}
#drAccCurrCnvLbl span.select2-selection.select2-selection--single, #crCurrencyCode span.select2-selection.select2-selection--single {
      border-width: 1px 0px 1px 1px;
}
#credit span#select2-drCurrencyCode-container {
    text-align: left;
}
.tooltip-inner{
    max-width: 200px !important;
}

.creditCLS.active .tick
{
    display: block;
}
span.exchange i {
    color: #fccc08;
    font-size: 16px;
}
.slider {
    border-radius: 4px;
}
.card {
  /* width: 251px; */
  border: 1px solid #efefef;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  height:100px;
}
.card__top {
    text-align: center;
    margin: 19px 0px;
}
.creditCLS h4, .card h4 {
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    margin: 0px 0;
    font-size: 14px;
    padding: 5px;
    background: #565659;
    color: #fff;
}

.card__logo {
    margin: auto;
    width: 25px;
    transform: translateY(0%);
    transform: rotate(90deg);
    border: 2px solid #fccc08;
    border-radius: 50%;
    height: 25px;
    text-align: center;
    padding: 1px;
}

.card__bottom {
  text-align: center;
  height:40px;

}

.card__top p,.card__bottom p {
      font-size: 12px;
    text-align: center;
    padding: 4px 0;
    font-weight: bold;
}
.card__logo, .exchange {
    margin: auto;
    width: 25px;
    transform: translateY(0%);
    transform: rotate(90deg);
    border: 2px solid #fccc08;
    /* border-radius: 50%; */
    height: 20px;
    text-align: center;
    padding: 3px;
}
button.PdfIcon, button.PrintIcon {
    position: relative;
    top: -2px;
    margin: 0 2px 0 2px;
    background: #fff;
    border: 2px solid #fff;
    width: 25px;
    height: 20px;
}
.PrintIcon i, .PdfIcon i {
    font-size: 15px;
    color: #565659;
}
button.PdfIcon:hover, button.PrintIcon:hover {
    background: #fccc08;
    border: 2px solid #fccc08;

}
.PrintIcon i:hover, .PdfIcon i:hover {
    font-size: 15px;
    color: #565659;
}
.PayInitRow .row {
    margin-right: -15px;
    margin-left: -15px;
}

.printApprove {
	font-weight: bold;
	color: #49494c !important;
	background: #b7bcbf !important;
	padding: 5px;
	text-align: left;
}
/* .table>thead>tr>th {
	font-weight: bold !important;
} */

.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ababab;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ababab;
   opacity:  1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ababab;
   opacity:  1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ababab;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
   color:   #ababab;
}
.form-control::placeholder { /* Most modern browsers support this now. */
   color:    #ababab !important;
}	
/* SRINI : POBO Testing */

/*********************************************************/

/*Only For Print - Starts*/

/*********************************************************/
@
-moz-document url-prefix () { a {
	font-weight: 600;
}

.k-link {
	font-weight: 400 !important;
}

.userInfoDropDown .dropbtn {
	font-weight: 600;
}

.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th {
	font-weight: 600 !important;
}

.btn {
	font-weight: 600 !important;
}

.panel-heading {
	font-weight: 600 !important;
}

}
@page {
	size: landscape;
}

@media print {
	@page {
		size: landscape;
	}
	 html
    {
        transform: scale(1.0);
        transform-origin: 0 0;
        zoom: 60%;
    }
}

@media print {
	.class-name {@page {
		size: landscape;
	}
}

@media print {
	
	.printApprove {
		font-weight: bold;
		color: #49494c !important;
		background: #b7bcbf !important;
		padding: 5px;
		text-align: left;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.table>thead>tr>th {
		font-weight: bold !important;
	}
	.panel-primary>.panel-heading {
		color: #ffffff !important;
		background-color: #56565A !important;
		border-color: #56565A !important;
		font-size: 9pt !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.panel-heading span {
		color: #ffffff !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	table thead th {
		background-color: #56565A !important;
		color: #ffffff !important;
		text-transform: uppercase !important;
		font-size: 9pt !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.table th {
		background-color: #56565A !important;
		padding: 5px 5px !important;
		line-height: 1.42857143 !important;
		vertical-align: middle !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
		font-size: 9pt !important;
	}
	.table td {
		padding: 5px 5px !important;
		line-height: 1.42857143 !important;
		vertical-align: middle !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
		font-size: 9pt !important;
	}
	label {
		font-size: 11px !important;
		color: #565658 !important;
		text-transform: uppercase;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	body {
		color: #565659 !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	html {
		color: #565659 !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.box.pseudo {
		background: #f6f6f6 !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.alert-danger {
		color: #a94442 !important;
		background-color: #f2dede !important;
		border-color: #ebccd1 !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.alert-success {
		color: #3c763d !important;
		background-color: #dff0d8 !important;
		border-color: #d6e9c6 !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.k-grid-header th.k-header>.k-link {
		color: #fff !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.k-grid td {
		font-size: 9pt !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	body {
		font-size: 9pt !important;
	}
	.select2-container--default.select2-container--disabled .select2-selection--single
		{
		background: none !important;
		cursor: default;
		border: none !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	span.select2-selection__arrow {
		display: none !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.select2-container--default .select2-selection--single {
		background: none !important;
		border: none !important;
		box-shadow: none !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
		{
		background: none !important;
		opacity: 1;
		border: none !important;
		box-shadow: none !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.customerTablist .nav-tabs>li>a {
		width: 100% !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
		padding: 10px 15px !important;
		text-decoration: none !important;
	}
	textarea.form-control {
		resize: none !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.form-control {
		background: none !important;
		border: none !important;
		box-shadow: none !important;
		padding: 0px !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.k-header.k-grid-toolbar {
		display: none !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	#searchFilter {
		display: none !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.dt-buttons {
		display: none !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	div.dataTables_filter {
		display: none !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	div.dataTables_length {
		display: none !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	div.dataTables_info {
		display: none !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	div.dataTables_paginate {
		display: none !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
		display: none !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
		{
		color: #fff !important;
		background-color: #fccd06 !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.nav-tabs li.active:after {
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #fccc08 !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.select2-container .select2-selection--single .select2-selection__rendered
		{
		padding-left: 0px !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	#confirmTransDiv h5 {
	    border: .5px solid #dedddd;
	    padding: 9.5px;
	    /* font-weight: bold; */
	    color: #ffffff !important;
	    background: #56565a !important;
	    -webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	#printApprove h5{
		border: .5px solid #dedddd;
	    padding: 9.5px;
	    margin-bottom: 0px;
	    color: #ffffff;
	    background: #56565a;
	}
	
    .container5 .checkmark1:after {
		top: 5px;
		left: 5px;
		width: 12px;
		height: 12px;
		border-radius: 50% !important;
		background: white !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
	.container5 input:checked ~ .checkmark1 {
		background-color: #fccc08 !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact !important;
	}
}

@media print {
	.col-sm-1, .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-10, .col-sm-11, .col-sm-12,
		.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
		.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
		.col-md-1, .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-10, .col-md-11, .col-md-12,
		.col-lg-1, .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-10, .col-lg-11, .col-lg-12 {
		float: left;
	}
	.col-sm-12, .col-xs-12, .col-md-12, .col-lg-12 {
		width: 100%;
	}
	.col-sm-11, .col-xs-11, .col-md-11, .col-lg-11 {
		width: 91.66666667%;
	}
	.col-sm-10, .col-xs-10, .col-md-10, .col-lg-10 {
		width: 83.33333333%;
	}
	.col-sm-9, .col-xs-9, .col-md-9, .col-lg-9 {
		width: 75%;
	}
	.col-sm-8, .col-xs-8, .col-md-8, .col-lg-8 {
		width: 66.66666667%;
	}
	.col-sm-7, .col-xs-7, .col-md-7, .col-lg-7 {
		width: 58.33333333%;
	}
	.col-sm-6, .col-xs-6, .col-md-6, .col-lg-6 {
		width: 50%;
	}
	.col-sm-5, .col-xs-5, .col-md-5, .col-lg-5 {
		width: 41.66666667%;
	}
	.col-sm-4, .col-xs-4, .col-md-4, .col-lg-4 {
		width: 33.33333333%;
	}
	.col-sm-3, .col-xs-3, .col-md-3, .col-lg-3 {
		width: 25%;
	}
	.col-sm-2, .col-xs-2, .col-md-2, .col-lg-2 {
		width: 16.66666667%;
	}
	.col-sm-1, .col-xs-1, .col-md-1, .col-lg-1 {
		width: 8.33333333%;
	}
}
/*********************************************************/
/*Only For Print -Ends*/
/*********************************************************/
/*********************************************************/
.dropdown {
	cursor: pointer;
}
.col-md-6.PayInitRow .row {
    margin: 0 -5px !important;
}