body{*font-family:Myriad Pro!important;}

*{margin:0px; padding:0px; box-sizing:border-box;}
@font-face{
	font-family: "Raleway-Thin";
    src: url(../fonts/Raleway-Thin.ttf);
}
@font-face{
	font-family: "bold1";
    src: url(../fonts/Raleway-Medium.ttf) ;
}
@font-face{
	font-family: "price-heading";
    src: url(../fonts/Raleway-Medium.ttf) ;
}
.readonly-input input:read-only {
   background-color:transparent!important;
	color:#000!important;
}
.readonly-input input:-moz-read-only {
  background-color:transparent!important;
  color:#000!important;
}
.icon-divbox a:hover{text-decoration:none!important; color:#ffa12e;}
.icon-divbox p:hover{text-decoration:none!important; color:#ffa12e;}
/*========================loging page=======================*/
.loginbg-banner{background:url(../images/login-bg.png)no-repeat; background-size:cover!important; width:100%; height:100vh!important;  background-size:100% 100%!important; padding-bottom:100px;*overflow-y: hidden!important; }
.login-right-text {padding-top:52px;}
.login-right-text  .mb-0{color:#fff; letter-spacing:10px; font-size:14px; padding:0px 0px;}
.top-space-login {padding-top:70px;}

.login-bg2 {background:url(../images/login-banner.png)no-repeat; height:100%; background-size:100% 100%;background-size: 100% 100%;}
.login-bg2 {padding:40px 41px!important;}
.login-bg2  h4{color:#fff; *float:right; font-weight:normal!important;  font-size:40px;}
.login-bg2  b{color:#fff; font-size:38px;}
.login-bg2  .b1{color:#fff; font-size:15px;}
.login-bg2  .mb-0{*float:right; color:#fff; font-size:15px; font-family:raleway;}

.login-input-field{ padding:1px 15px 0px 40px !important;}
.sign{font-family: "Raleway";}
.side-ul {padding-top:15px!important;}
.logo-ul li a{font-size:35px; color:#fff;}
.logo-ul li a:hover{font-size:35px; color:#036; text-decoration:none;}
@media (max-width:767px)
{
.klogo {float:left!important;}
.klogo  img{width:130px;}
.aomlogo{width:100px;}
}
/*--------------form------------------*/
.float-label-control { position: relative; margin-bottom: 1.5em; }
.float-label-control ::-webkit-input-placeholder {color:#fff!important; }
.float-label-control :-moz-placeholder { color:#fff!important; font-size:14px!important; }
.float-label-control ::-moz-placeholder { color:#fff!important; }
.float-label-control :-ms-input-placeholder { color:#fff!important; }
.float-label-control input:-webkit-autofill,
.float-label-control textarea:-webkit-autofill { background-color: transparent !important; -webkit-box-shadow: 0 0 0 1000px white inset !important; -moz-box-shadow: 0 0 0 1000px white inset !important; box-shadow: 0 0 0 1000px white inset !important; }
.float-label-control input, .float-label-control textarea, .float-label-control label { font-size: 1.3em; box-shadow: none; -webkit-box-shadow: none; }
.float-label-control input:focus,
.float-label-control textarea:focus { box-shadow: none; -webkit-box-shadow: none; *border-bottom-width: 2px; padding-bottom: 0; }
.float-label-control textarea:focus { padding-bottom: 4px; }
.float-label-control input, .float-label-control textarea { display: block; width: 100%; padding: 0.1em 0em 1px 0em; border: none; border-radius: 0px; border-bottom: 1px solid #fff; outline: none; margin: 0px; background: none; }
.float-label-control textarea { padding: 0.1em 0em 5px 0em!important; }
.float-label-control label { position: absolute; font-weight: normal; top: -1.0em; left: 0.08em; color: #aaaaaa; z-index: -1; font-size: 0.85em; -moz-animation: float-labels 300ms none ease-out; -webkit-animation: float-labels 300ms none ease-out; -o-animation: float-labels 300ms none ease-out; -ms-animation: float-labels 300ms none ease-out; -khtml-animation: float-labels 300ms none ease-out; animation: float-labels 300ms none ease-out; /* There is a bug sometimes pausing the animation. This avoids that.*/ animation-play-state: running !important; -webkit-animation-play-state: running !important; }
.float-label-control input.empty + label,
.float-label-control textarea.empty + label { top: 0.1em; font-size: 1.5em; animation: none;-webkit-animation: none; }
.float-label-control select.empty + label { top: 0.1em; font-size: 1.5em; animation: none;-webkit-animation: none; }

.float-label-control input:not(.empty) + label,
.float-label-control textarea:not(.empty) + label { z-index: 1; }
.float-label-control input:not(.empty):focus + label,
.float-label-control textarea:not(.empty):focus + label { color: #fff; }
.float-label-control.label-bottom label { -moz-animation: float-labels-bottom 300ms none ease-out; -webkit-animation: float-labels-bottom 300ms none ease-out; -o-animation: float-labels-bottom 300ms none ease-out; -ms-animation: float-labels-bottom 300ms none ease-out; -khtml-animation: float-labels-bottom 300ms none ease-out; animation: float-labels-bottom 300ms none ease-out; }
.float-label-control.label-bottom input:not(.empty) + label,
.float-label-control.label-bottom textarea:not(.empty) + label { top:-1em; }

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

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

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

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

.online-form .form-control:focus {border-color:#dd773e!important; background:transparent;}
.online-form .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
	color: #fff!important;}

.online-form  label{color:#000; font-size:16px!important;}
.login-input-field .form-control:focus {
    color: #fff!important;
    background:transparent!important;
    border-color:none!important;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}
.form-control:focus {
    color: #000!important;
    background:transparent!important;
    border-color:none!important;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}
.login-but {background:#ffa12e; border:none; padding:5px 10px; color:#fff; cursor:pointer; font-family:raleway;}
.login-but:hover{background:#ce5422;}
.forget-pass .mb-0{color:#777!important; margin-top:10px; font-family:raleway;}
.forget-pass .mb-0 a{color:#777!important;}
.forget-pass .mb-0 a:hover{color:#fff!important; text-decoration:none;}

/*=================================*/
@media (max-width:767px)
{
.loginbg-banner{background:url(../images/login-bg.png)no-repeat; background-size:cover!important; width:100%; height:100%!important;  background-size:100% 100%!important; padding-bottom:100px;*overflow-y: hidden!important; }	

.login-right-text .mb-0 {
    color: #fff;
    letter-spacing: 4px;
    font-size: 14px;
    padding: 0px 0px;
}
.login-bg2 {padding: 9px 7px !important;}
.login-bg2 {
    background: url(../images/login-banner.png)no-repeat;
    background-size: auto auto;
    height: 411px;
    background-size: 100% 100%;
    background-size: 100% 100%;
    margin-left: 0px;
	}
.login-bg2 .mb-0{margin-top:7px!important;}
.top-space-login {
    padding-top: 33px!important;
}
.line-height {padding:0px!important;}
.top-right-link li {
    float: left;
    padding: 10px 10px!important;
    font-size: 20px;
}
.toolbar input[type="search"] {
    display: none;
    height: 21px;
    width: 150px!important;
}

.data-screen-2 {
    padding-top: 31px!important;
}
.data-tab h4 {
    color: #fff;
    font-weight: normal;
    font-size: 14px!important;
    text-transform: uppercase;
	}
}
/*====================landingpage==================*/
.landingbg-banner{background:url(../images/landingPage-bg.png)no-repeat; background-size:cover!important; width:100%; height:100vh!important;  background-size:100% 100%!important; padding-bottom:100px;*overflow-y: hidden!important; }
.logo-ul ul{list-style:none;}
.logo-ul ul li{float:left; border-right:1px solid #fff; padding:0px 20px; height:40px; line-height:40px; margin-top:22px;}
.logo-ul ul li:last-child{border-right:none;}
.top-right-link{list-style:none; float:right;}
.top-right-link li{float:left; padding:7px 15px; font-size:20px;}
.top-right-link li a{color:#fff;}
.top-right-link li a:hover{color:#000;}
#line{border-bottom:1px solid #666!important;}

/*--------------hover---------menu-----------*/
#top-hover .dropdown-menu {    
	position: absolute!important;
    will-change: transform;
    top: 30px;
    left: -49px!important;
    transform: translate3d(-85px, -5px, 0px)!important;
}
#top-hover1 .dropdown-menu {    
	position: absolute!important;
    will-change: transform;
    top: 30px!important;
    left: -49px!important;
    transform: translate3d(-185px, -5px, 0px)!important;
}
#top-hover  .dropdown-menu .dropdown-item{color:#777; text-align:right;}
#top-hover  .dropdown-menu .dropdown-item:hover{color:#fff; background:#009afe;text-align:right;}
#top-hover  .dropdown:hover>.dropdown-menu {display: block;}
#top-hover  .dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
#top-hover .dropdown-menu .dropdown-item {
    color: #777;
    text-align: right;
}
#top-hover1 .dropdown-menu .dropdown-item {
    color: #777;
    text-align: right;
}


#top-hover1 .dropdown-menu .dropdown-item:hover {
    color: #fff;
    text-align: right;
	background:#009afe;
}
.top-space {padding-top:40px;}
.top-space2 {padding-top:80px;}
.side-ul {list-style:none;}
.side-ul li{line-height:60px; text-align:center; }
.side-ul li img{text-align:center;}
.border{border-bottom:thin solid #fff; width:30%; margin:0 auto; display:block;}
.dashboard-content {padding-top:30px;}
.dashboard-content  h3{text-align:center; color:#fff; font-size:28px;}
.right-text p{color:#fff;  line-height:35px; font-size:13px; margin-bottom: 0px;}
.right-text .bottom-text {font-size:43px;font-weight:200;}
.dashboard-link a:hover{text-decoration:none;}

@media (max-width:767px)
{
.landingbg-banner{background:url(../images/landingPage-bg.png)no-repeat; background-size:cover!important; width:100%; height:100%!important;  background-size:100% 100%!important; padding-bottom:26px;*overflow-y: hidden!important; }
.logo-ul ul li {
    float: left;
    border-right: 1px solid #fff;
    padding: 0px 7px;
    height: 42px;
    line-height: 40px;
    margin-top: 14px;
}
.side-ul li {line-height: 1px;float: left;padding:1px 12px;}
.top-space {padding-top:0px;}
.top-space2 {padding-top:0px;}
.line-height {height:50px;}
.dash-img {padding: 5px 33px !important;}	
.dashboard-link {margin-top:30px;}
.right-text .bottom-text {font-size: 30px;font-weight: 200;}
.right-text p {color: #fff;line-height: 26px;font-size: 14px;margin-bottom: 0px;}
.dashboard-content {padding-top: 20px;}
#top-hover .dropdown-menu {position: absolute !important;will-change: transform;top: 0px;left: -49px !important;transform: translate3d(-95px, 25px, 0px) !important;}
.
}
/*=====================data-screen 2===========================*/
.databg2-banner{background:url(../images/data_screen_4bg.png)no-repeat; background-size:cover!important; width:100%; height:100%!important;  background-size:100% 100%!important; padding-bottom:100px;*overflow-y: hidden!important; }
.data-tab  h4{color:#fff; font-weight:normal; font-size:17px; text-transform:uppercase;}
.data-tab .nav-tabs{background:#e0e0e0;}
.data-tab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff!important;
    background-color:#52a0c8!important;
    border-color: #dee2e6 #dee2e6 #fff;
}
.data-tab .nav-link{color:#000!important;}
.tab-pagination1 .page-item {*background:#000;}
.tab-pagination1 .page-link {
    position: relative;
    display: block;
    padding: 5px 15px!important;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color:transparent!important;
    border:none!important;
}
.tab-pagination1 .page-item {padding: 1px 1px!important;border-radius: 0px!important;}
.button-first{background:#bad9e9!important; border-radius:none!important;}
.button-second{background:#bad9e9!important; border-radius:none!important;}
.button-third{}
.tab-pagination1 .pagination .page-item{background:#ff512e!important; border-radius:none!important; margin-left:5px;}

.tab-pagination1 .page-link{color:#fff!important;}
.data-screen-2{padding-top:90px;}
/*=====================data-screen -3===========================*/
.databg3-banner{background:url(../images/top-img3.png)no-repeat; background-size:cover!important; width:100%; height:100%!important;  background-size:100% 100%!important; padding-bottom:100px;*overflow-y: hidden!important; }


.landing-secondbg{background:url(../images/landing-bg3.png)no-repeat; background-size:cover!important; width:100%; height:100vh!important;  background-size:100% 100%!important; padding-bottom:100px;overflow-y: hidden!important; }


.dash-banner1{background:url(../images/top-img.png)no-repeat; background-size:cover!important; width:100%; height:90px!important;  background-size:100% 100%!important; padding-bottom:100px;*overflow-y: hidden!important; background-size:cover; }

@media (max-width:767px)
{
.dash-banner1{background:url(../images/top-img.png)no-repeat; background-size:cover!important; width:100%; height:110px!important;  background-size:100% 100%!important; padding-bottom:100px;*overflow-y: hidden!important; background-size:cover; }
.side-ul{padding-top:20px;}	

.data-tab h4{padding-bottom:20px!important; padding-top:20px;}
.home-icon {padding-top:15px!important;}

.landing-secondbg{background:url(../images/landing-bgmobile.png)no-repeat; background-size:cover!important; width:100%; height:100%!important;  background-size:100% 100%!important; padding-bottom:100px;*overflow-y: hidden!important; }
#landing-page {overflow-y:scroll!important;}


}

.card-header {
    padding:0!important;
    margin-bottom: 0;
    background-color:#e0e0e0;
    *border-bottom: 1px solid rgba(0,0,0,.125);
}
.btn-link {
    font-weight: 400;
    color: #000!important;
    background-color: transparent;
}
.btn-link:hover{text-decoration:none!important; color:#dd773e!important;}
[data-toggle="collapse"] .fa:before {  
  content: "\f139";
  background:none!important;
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a";
  background:none!important;
}
.label-text .mb-0{font-size:14px; padding-top:0px!important;}
.label-text p{font-weight:600;font-size:14px;}
.tab-form .form-control {
    display: block;
    width: 100%;
    height: calc(1.7rem + 2px)!important;
    padding: .1rem .75rem!important;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/*=====================data-screen -4===========================*/
.databg4-banner{background:url(../images/top-img3.png)no-repeat!important; background-size:cover!important; width:100%; background-size:100% 100%!important; padding-bottom:100px;*overflow-y: hidden!important; }
.data-space {padding-top:30px;}
.data-heading  h4{color:#fff; font-weight:normal; font-size:17px; text-transform:uppercase; padding-top:10px!important;}
.data-heading th{font-weight:normal; text-transform:capitalize; background:#e0e0e0; font-size:14px; font-weight:600;}
.data-heading tr,td{font-weight:normal; font-size:13px;}
.page-item {padding:1px 5px; border-radius:5px;}
.page-item a{color:#555;}
.page-item a:hover{color:#dd773e; text-decoration:none;}
.view-all {margin-top: 8px;position: absolute;}
.page-link {
    position: relative;
    display: block;
    padding: .25rem .7rem!important;
    margin-left: -1px;
    line-height: 1.25;
    color: #555!important;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
}
.repeat-img .fa-repeat{float:right; border:thin solid #ddd; padding:5px; color:#666; border-radius:5px;}
.bottom-text:hover{color:#fbe002;}
#small-text:hover{color:#fbe002;}
.dashboard-link a:hover{color:#fbe002;}
.right-text a p:hover{color:#fbe002;}

.table {background:#fff;}
.table td {padding: 8px!important;}
.search input[type="text"], select, textarea {
    background: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    box-shadow: none;
    min-height: 44px !important;
    height: 44px !important;
    width: 50%;
    max-width: 100%;
    font-weight: 400;
    color: #33363b;
    font-size: 16px;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    content: "\e64b";
}





@media (max-width:767px)
{
.databg4-banner{background:url(../images/data_screen_4bg.png)no-repeat; background-size:cover!important; width:100%; height:100%!important;  background-size:100% 100%!important; padding-bottom:100px;*overflow-y: hidden!important; }	
.table-scroll {overflow-x:scroll!important;}
}

/*---------------search------------------*/
button {
    -webkit-appearance: button;
    background: transparent;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-transform: none;
}

button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

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

input {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	line-height: inherit;
	margin: 0;
	padding: 0;
}

input:focus {
	outline: none;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

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

/* ---------- CLASSES ---------- */

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after {
	content: "";
	display: table;	
}
.clearfix:after { clear: both; }



/* ---------- TOOLBAR ---------- */

.toolbar {color: #fff;}
.toolbar li {float: left;}
.toolbar li:first-child a { border-radius: .5em 0 0 .5em; }
.toolbar li:last-child button { border-radius: 0 .5em .5em 0; }
.toolbar input[type="search"] {
    display: none;
    height: 29px;
    width: 100%;
    background:#004ea0!important;
	padding:6px;
}
.toolbar a,
.toolbar input[type="search"],
.toolbar {
	background:none;
	color: #fff;
	display: block;
	*padding: .5em 1em;
	position: relative;
	
}

.toolbar a:hover,
.toolbar input[type="search"]:hover,
.toolbar input[type="search"]:focus,
.toolbar button:hover {
	background:none;
}

.toolbar input[type="search"] {
	display: none;
	height: 21px;
	width: 190px;
}

.toolbar input[type="search"]::-webkit-input-placeholder { color: #fff; }
.toolbar input[type="search"]::-moz-placeholder { color: #fff; opacity: 1; }
.toolbar input[type="search"]:-moz-placeholder { color: #fff; opacity: 1; }
.toolbar input[type="search"]:-ms-input-placeholder { color: #fff; }


/*---------------------------*/
@media (max-width:767px)
{
.dashboard-item .nav-tabs .nav-item {margin-bottom: 12px!important;}	
.left-dashboard{min-width: 100%;float: left;height: 400px; padding-bottom:50px;}
.right-dashboard{min-width: 100%;float: right;}
.right-text-line{*text-align:center; padding:0 35px!important;}
.dashboard-img img{margin:0 auto;}
.icon-divbox {padding:11px 28px!important;}
#price-text {
    font-weight: bold !important;
    font-size: 22px !important;
    border-bottom: 1px solid #fff;
}
.dashboard {padding-top:40px;}
.dashboard1 {padding-top:20px!important;}

}
.tab-form select{border:none;}
.canvasjs-chart-toolbar {display:none;}
.canvasjs-chart-credit {display:none;}

.dashboard-item .nav-item{padding:0 4px!important;}
.dashboard-item .nav-item span{font-size:19px; font-weight:normal;  font-family:raleway;}
.dashboard-item .nav-item b{font-size:13px;font-family:raleway;}
.dashboard-item .nav-link{color:#fff!important;}
.dashboard-item .nav-tabs .nav-link {
    border:none!important;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
}
.dashboard {padding-top:40px;}
.dashboard1 {padding-top:80px;}
.price-heading {font-size:15px!important;}
#price-text {font-weight:bold!important; font-size:18px!important;}
.right-text-line p{color:#fff;  line-height:21px; font-size:14px!important; font-family:raleway; margin-bottom: 0px;}
.left-dashboard h5{color:#fff; font-size:16px;}
.right-dashboard h5{color:#fff; font-size:16px;}
#myChart {width:100%;height:280px!important;}
.zc-ref {display: none;}
.ZingChart {display:none!important;}

.nav-tabs {
    border-bottom:none!important;
}
/*--------------------------*/
.data-tab h4{padding-top:15px;}
@media (max-width:767px)
{
.data-heading{padding-top:0px!important;}
.data-heading h4{padding-top:20px!important;padding-bottom:20px!important;}
.dashboard-item .nav-item span{font-size:17px; font-weight:normal;  font-family:raleway;}
.dashboard-item .nav-item b{font-size:13px;font-family:raleway;}
}


@media (max-width:320px)
{
.logo1{width:80px!important;}	
.logo2{width:180px!important;}	

.dash-banner1{background:url(../images/top-img.png)no-repeat; background-size:cover!important; width:100%; height:113px!important;  background-size:100% 100%!important; padding-bottom:100px;*overflow-y: hidden!important; background-size:cover; }
.side-ul li {
    line-height: 1px;
    float: left;
    padding: 1px 8px!important;
}
.toolbar input[type="search"] {
    display: none;
    height: 21px;
    width: 119px !important;
}
.line-height{padding:0px;}
.data-heading {padding-top:17px !important;}
.data-heading h4{padding-top:10px!important;padding-bottom:10px!important;}
.btn-link {padding:1px!important;}
.login-bg2 {background:url(../images/login-banner.png)no-repeat; height:100%; background-size:100% 100%;background-size: 100% 100%;}
.login-bannerdiv {min-height:420px!important;}
#top-hover .dropdown-menu {
    position: absolute !important;
    will-change: transform;
    top: 0px;
    left: -49px !important;
	transform: translate3d(-90px, 27px, 0px) !important;
	}
}
.badge-light {color: #fff!important;background-color:#0a4587!important;}
.badge-light:hover {color: #fff!important;background-color:#52a0c8!important;}
.badge {
    display: inline-block;
    padding: 4px 6px!important;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 60px!important;
    position: absolute!important;
    top: -8px!important;
    left: 10px!important;
	color:#fff;
}
.tab-form .form-control{border-radius:0!important;border-top: none;border-left: none;border-right: none;}
.tab-form  .form-control:focus {
  border-color: #eee !important;
  *box-shadow: 0 0 5px rgba(98, 101, 228, 1) !important;
}

/*-------------------all device-----------------------*/

@media  (max-width:375px)
{
dropdown-menu {
    position: absolute !important;
    will-change: transform;
    top: 0px;
    left: -49px !important;
	transform: translate3d(-88px, -5px, 0px) !important;
	}	
}
.modal-lg {max-width:100%!important; }
/*---------------------21-------------------*/
/*.navbar-nav li {float:none!important;}
.dropdown-menuf{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:#fff;font-size:15px;text-transform:capitalize;padding:10px 22px;font-family:'Roboto',sans-serif;display: block !important;}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff;background: #fff;outline: 0;}
/*==========Sub Menu=v==========*/

/*.mainmenu .collapse ul > li:hover > a{background:#ff6e47; width:100%; color:#000!important;}

.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #ff6e47; color:#fff!important;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #ff6e47; color:#fff!important}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#fff; margin-left:85px;
position: absolute;top: 0px; border:none; border-radius:0; margin-top:0;}
.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu li a{color:#555;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#fff; 
 margin-left: 1px;position: absolute;top: 0px;}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#64B5F6}

/******************************Drop-down menu work on hover**********************************/
/*.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:10px;*width: 100%;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:190px;display:none}
/*******/
/*.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:190px;display:none}
/*******/
/*.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:190px; display:none;z-index:1}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}
.navbar{padding:0px!important;}
.navbar-nav li {float:none;}
.navbar-expand-lg .navbar-nav {-ms-flex-direction: column!important;flex-direction:column!important;}
.dropdown-menu li {line-height:10px; padding:0px!important; margin:0px!important;}
.dropdown-menu li a:hover {text-decoration:none;}
.mainmenu .navbar-nav .dropdown .dropdown-menu  li a{padding:10px 10px!important;}
*/
.menu-area{*background: #d61a5e}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:#fff;font-size:15px;text-transform:capitalize;padding:16px 22px;font-family:'Roboto',sans-serif;display: block !important;}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff;background: #4CAF50;outline: 0;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background:#ff6e47; width:100%; color:#000!important;}

.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #ff6e47; color:#fff!important;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #ff6e47; color:#fff!important}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#fff; margin-left:85px;
position: absolute;top: 0px; border:none; border-radius:0; margin-top:0;}
.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu li a{color:#555;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#fff; 
 margin-left: 1px;position: absolute;top: 0px;}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#64B5F6}
/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:10px;*width: 100%;}
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:190px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:190px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:190px; display:none;z-index:1}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
.mainmenu .collapse ul > li:hover > a{background:#ff6e47; width:100%; color:#000!important;}
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:80%;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:80%;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:80%; display:none;z-index:1}

#menu_area .navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #ff6e47;
    border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
    border-radius: .25rem;
}
.navbar-nav {background:#000; width:350px; height:650px; position:absolute; z-index:9999;}
.caret::after {
    display:inline-block!important;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu {
	background: #0e1b61;
    margin-left: -280px!important;
    position: absolute;
    top: 29px;
    color: #fff;
	width:100%;
	padding-bottom:30px;

}
.sub-menu-li  li a{color:#fff!important;}
.dash-img img{margin:0 auto;}
#padding-page{padding:0 50px;}
}
.navbar{padding:0px!important;}
.navbar-nav li {float:none;}
.navbar-expand-lg .navbar-nav {-ms-flex-direction: column!important;flex-direction:column!important;}
.dropdown-menu li {line-height:10px; padding:0px!important; margin:0px!important;}
.dropdown-menu li a:hover {text-decoration:none;}
.mainmenu .navbar-nav .dropdown .dropdown-menu  li a{padding:10px 10px!important;}
.caret::after {
    display:none!important;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
/*=====================customer-details====================*/
@media (max-width:767px)
{
.login-bg2 .mb-0 {
    *float: right;
    color: #fff;
    font-size: 13px;
    font-family: raleway;
}		
.databg3-banner {
    background: url(../images/top-img3.png)no-repeat;
    background-size: auto auto;
    background-size: cover !important;
    width: 100%;
    height: auto!important;
    background-size: 100% 100% !important;
    padding-bottom: 100px;
    *overflow-y: hidden !important;
}
.search input[type="text"], select, textarea {
    background: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    box-shadow: none;
    min-height: 44px !important;
    height: 44px !important;
    width: 74%;
    max-width: 100%;
    font-weight: 400;
    color: #33363b;
    font-size: 16px;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    content: "\e64b";
}
.databg4-banner {
    background: url(../images/data_screen_4bg.png)no-repeat;
    background-size: cover !important;
    width: 100%;
    height: auto !important;
    background-size: 100% 100% !important;
    padding-bottom: 100px;
    *overflow-y: hidden !important;
}
.table-div {overflow-x:scroll!important;}
}
.table-div {background:#fff; padding-bottom:5px; padding:0px;}
/*=======================================*/
/* The container */
.container-div {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom:0px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#table{margin-bottom: 2px!important;}
.button-group .btn{padding:1px 5px 3px!important;}

#table  td{padding:0px!important;margin-bottom: 2px!important;}
.second-row .form-group{margin-bottom: 0px!important;} 


/* Hide the browser's default checkbox */
.container-div input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 20px;
  width: 20px;
  background:none;
  border:thin solid #ccc;
}

/* On mouse-over, add a grey background color */
.container-div:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-div input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-div input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-div .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#exampleSelect1{min-height:30px!important;}
label-text {padding-top:8px;}
/*==================main -screen==================*/
.create-order {background:#ff6130; color:#fff; padding:7px 8px; border-radius:2px; float:right; margin:0 2px;}
.repeat-order {background:#060d4a; color:#fff; padding:7px 8px; border-radius:2px; float:right; margin:0 2px;}
.edit1 {background:#fe9a2e; color:#fff; padding:7px 8px; border-radius:2px; float:right; margin:0 2px;}
.create-order:hover {background:#0e1e5d; color:#fff!important; text-decoration:none; padding:7px 8px; border-radius:2px;}
.side-ul li img{width:35px;}
.upload-img img{
  max-width:100px;
  height:80px;
}
input[type=file]{
padding:10px;
*background:#2d2d2d;}
.mb-0{margin-top:8px!important;}
#check-padding {padding-top:8px;}
.edit{background:#ff512e; text-transform:capitalize;color:#fff; border-radius:5px; float:right; padding:3px 15px; font-weight:bold;}
.edit:hover{background:#070d4a; text-decoration:none; color:#fff;}
.add-button1 {padding-top:5px;}
.add-button1 #edit{background:#fff; height:200px;}
.headeruser-name {padding-top:10px;}
.headeruser-name span{float:right; padding:0px; color:#fff;}
.auto-fill {border:thin solid #ddd; padding:7px 5px;margin-top:10px;}
.image-list{background:#ff512e; padding:5px 4px; color:#fff; border-radius:2px;}
.image-list:hover{background:#060d4a; padding:5px 4px; color:#fff; border-radius:2px; text-decoration:none;}


/*--------dashboard- responsive------------------*/
.home-icon .fa-home{color:#fff; font-size:20px;}
#row-padding{padding:5px 10px!important;}

/*=================12===2 2019=================*/
.edit-button {background:#110e48;color:#fff; padding:5px 12px;text-transform:capitalize; border-radius:4px;}
.edit-button:hover {background:#ff4e29;color:#fff; padding:5px 12px;text-transform:capitalize; border-radius:4px; text-decoration:none;}
.input-submit{background:#ff4e29; float:right;padding:4px 15px; color:#fff;cursor:pointer; border-radius:5px;}
.add-div {padding:0 15px;}

.order-view  {background:#ff4e29;color:#fff; padding:5px 10px;text-transform:capitalize; border-radius:4px;margin:0 auto;}
.upload-design {background:#110e48;color:#fff; padding:5px 7px;text-transform:capitalize; border-radius:4px;}

.order-view:hover  {background:#110e48;color:#fff; padding:5px 10px;text-transform:capitalize; border-radius:4px;margin:0 auto; text-decoration:none;}

.upload-design:hover {background:#ff4e29;color:#fff; padding:5px 7px;text-transform:capitalize; border-radius:4px; text-decoration:none;}
.export_div ul{float:right; padding:0px;}
.export_div ul li{padding:0 5px; float:left;}


.order-edit{background:#110e48;color:#fff; padding:6px 12px;text-transform:capitalize; border-radius:4px;margin-top:10px;}
.order-edit:hover{text-decoration:none;color:#fff; background:#17a2b8;}
.order-delete{background:#ff2e02;color:#fff; padding:6px 12px;text-transform:capitalize; border-radius:4px;margin-top:10px;}
.order-delete:hover{text-decoration:none;color:#fff; background:#17a2b8;}
.td-padding {margin-top: -8px;}



.input-submit1 {background:#110e48;color:#fff; padding:6px 10px;text-transform:capitalize; border-radius:4px;}
.input-save{background:#17a2b8;color:#fff; padding:6px 10px;text-transform:capitalize; border-radius:4px;}

.input-submit1:hover{text-decoration:none;color:#fff; background:#17a2b8;}
.input-save:hover{text-decoration:none;color:#fff; background:#ff4e29;}
.input-button1 {padding:0px 10px; float:right;}
.input-button1 li{float:left; padding:0px 15px;}


.order-view1{background:#110e48;color:#fff; padding:6px 10px;text-transform:capitalize; border-radius:4px;}
.order-view1:hover{text-decoration:none;color:#fff; background:#17a2b8;}
.order-repeat{background:#17a2b8;color:#fff; padding:6px 12px;text-transform:capitalize; border-radius:4px;margin-top:10px;}
.order-repeat:hover{text-decoration:none;color:#fff; background:#110e48;}

.export_div1 ul{float:right; padding:0px;}
.export_div1 ul li{padding:0 4px; float:left;}
.export_div1 ul li a{padding: 5px 3px; font-size:15px;}
.export_div1 ul li a .fa{font-size:14px;}
.padding-fill {margin-bottom:7px;}
.padding-fill .form-group{margin-bottom:0px!important;}

.view-order-bg {background:#fff; padding:20px 20px 40px;}
.order-submit {background:#110e48;color:#fff; padding:6px 10px;text-transform:capitalize; border-radius:4px; float:right; cursor:pointer;}
.order-details1 {
	border:thin solid #eee;
	width: 100%;	
	padding: 8px 8px;
	height:40px;
	margin-bottom:10px;
	background:#eee;
	}
.order-details1:hover{background:#2e6da4; color:#fff; transition:.1s ease-in-out; box-shadow:0 0  5px #777;} 	
.order-details1  .left-content{float:left;}	
.order-details1  .right-content{float:right; font-weight:bold;}