.main {
    height: 100%;
    width: 100%;
    display: table;
    background-color: #000;
}
.wrapper {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  z-index: 9999999;
  border-radius: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #8b3f52!important; 
      border-radius: 5px;
      border:1px solid #eee; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.flogo {
	width: 20%;
}
.logo-heading{
	width: 15%;
	margin-top: 20px;
	margin-left: 30px;
}
.logo-heading-a{
	margin-top: 20px;
	margin-left: 30px;
}

.alert-error{
	color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 10px;
    border-radius: 20px;
    font-size: 12px;
}
.job-id {
 	padding-left: 32px!important;
 	border-color: #e2d7d7!important;
    box-shadow: none!important;
 }

.btn-lg {
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.1111;
    border-radius: 36px;!important;
    margin-top: 10px;
 }
 .btn-register{
    color: #fff;
    background-color: #f7bc32ed;
    border-color: #f7bc32ed;

 }
 .register-page{
 	margin-top: 30px;
 }
.login-bottom{
 	margin-top: 60px;
 }

.page-head{
	margin-top: 20px;
}
.topic-content {
    top: 30px;
    position: relative;
}
.fa-search{
	border-radius: 26px;
}
.job-list{
    height: 120px;
    border: 0px solid black;
    box-shadow: 0 2px #686869;
    border-radius: 9px;
    margin-top: 10px;
}
.btn-lg{
	border-radius:36px;
	box-shadow: 0 2px #999;
	outline: none;
}
.btn-lg:active{
	transform: translateY(3px);
}
.more{
	text-decoration:none;
}
.register{
	margin-top:20px;
	margin-bottom: 60px;
}
.wrapper {
	margin-top:70px;
}
.header{
	background-color:#6fa8dc;
	padding:15px 15px;
}
.text-white{
	color:white;
	font-size:20px;
}
a.white {
    color: #fff;
}
a.white:hover {
    color: #eee;
}

.stats_left.counter_grid {
	background: #ffffff;
}

[data-action] {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

.stats_left {
	text-align: center;
	float: left;
	width: 25%;
	border: 1px solid rgba(49, 48, 48, 0.18);
	border-top: none;
	border-bottom: none;
	margin-top:10px;
}
.glyphicon{
	font-size:15px;
}
#footer {
	position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    background: #fff;
    padding-top: 2px;
}

footer {
    width: 100%;
}
/*header css*/

.sidenav a {
	padding: 0px 0px 8px 15px;
	text-decoration: none;
	font-size: 14px;
	color: #111;
	display: block;
	transition: 0.3s;
}


.trim-text-100 {
    word-wrap: break-word;
}

div {
    word-wrap: break-word;   
}

.side-logo {
	    width: 100%;
    height: 70px;
    background: linear-gradient(to left, #fff, #e4f1df 65%);
    top: 0;
    padding-top: 12px;
    position: absolute;
    /* margin-bottom: 15px; */
}

#nav{
	width:100%;
	position: fixed;
	z-index: 99999;
	top: 0;
	background: linear-gradient(to left, #627759, #333 65%);
	border-bottom-right-radius: 29px;
	padding: 12px;
}

.header-nav {
    position: absolute;
    right: 2%;
    width: 45%;
    margin-top: 2%;
}

.bottom-header-menu {
    background: #FFF!important;
    height: 20px;
}

.bottom-header-menu .search-bar-top {
    position: absolute;
    margin-top: 1.5%;
    left: 160px;
    z-index: 99999999999;
}

.sticky .bottom-header-menu {
    height: 28px!important;   
}

.top-search-bar {
    position: absolute;
    width: 29%;
}

.open_nav{
    cursor:pointer;
    color:#000;
    font-size: 20px!important;
}
.open_search{
	cursor:pointer;
	color:#000;
    font-size: 20px!important;
}

.logo{
	padding: 0px 15px;
	width: 85px;
	height: auto;
}

.search{
   	background-color: #718668;
    border-radius: 36px;
}
.head{
    font-size:20px;
    margin-top:5px;
    color:white;
}
.skip{
	color:white;
	font-size:22px;
	text-shadow: 4px 6px 8px #000000;
}
.find{
    margin-top:5px;
}

.apply-btn{
    border-radius:36px;
    box-shadow:0 2px; #888888;
    width: 75px;
    margin-top:5px;
}
.date{
    margin-top:20px;
}
.job{
    box-shadow: 1px 1px 7px 1px #5e7356;
    border-radius: 18px;
    background: #fff;
    margin: 5px;
    margin-top: 10px;
}
.job-found{
	margin-top: 95px;
}
.list{
    font-size:12px;
}
.search-modal{
	width: 95%;
}

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

a:focus, a:hover {
    color: #333;
    text-decoration: none;
}

.btn:active, .btn:focus, .btn:hover {
	outline: none!important;
}

.btn-warning {
    color: #fff;
    background: linear-gradient(to left, #f0ad4e, #945c0c 65%);
    border-color: #eea236;
}

.btn-warning:hover {
    color: #fff;
    background: linear-gradient(to right, #f0ad4e, #945c0c 65%);
    border-color: #eea236;
}

.jobs{
	margin-top:150px;
}

.job_name{
	color:white;
	font-size:30px;
}
.subjects{
	background-color:#c1c1c1;
	border-radius:36px;
	padding:5px 10px 5px 10px;
	font-size:20px;
}

.description,.other{
	display:none;
}
.descript,.other,.description{
	line-height:1.5;
}


.flash-button {
	animation-name: flash;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	color:white;
	border-radius:50%;
	height:70px;
	width:100px;
	text-align:center;
	float:left;
	padding:10px;
	margin-left:100px;
}

@keyframes flash {
	0% { opacity: 2.0; background-color:gray; }
	50% { opacity: 0; background-color:yellow; }
	100% { opacity: 1.0; background-color:skyblue;}
}

#apply {
	position:fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height:33px;
	background:#fff;
	margin-bottom:10px;
}
.apply-button{
	font-size:20px;
}
.fa-facebook-square{
	color:white;
}
.fa-facebook-square:hover{
	color:#365dac;
}

.abcRioButtonLightBlue {
    opacity: 0!important;
    height: auto!important;
    width: auto!important;
}

.abcRioButtonIcon {
    display: none;
}

.fa-instagram{
	color:white;
}
.fa-instagram:hover{
	color:#e4405f;
}
.fa-linkedin-square{
	color:white;
}
.fa-linkedin-square:hover {
	color: #0077B5;
}

/*terms&condtion modal*/
.fixed-height{
	height: 610px;
	overflow-y: scroll;
}
.fixed-header{
	width: 90%;
	position: fixed;
	z-index: 999999999;
	background-color: white;
}
.content-margin{
	margin-top: 50px;
}

[data-display="before"] {
    display: none;
}

[data-display="after"] {
    display: none;
}

.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999999;
    background: #FFF;
    opacity: .6;
    top: 0;
    text-align: center;
}

.mask-search {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999999999;
	background: #18535d;
	opacity: .99;
	top: 0;
    text-align: center;
}
.mask-2 {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    top: 0;
    background: #000;
    opacity: .6;
}


.social-icon{
	margin-top:10px;
	margin-left:-10px;
}
.refer{
	margin-left:50px; margin-top:15px;
}
.copy_job{
	font-family:yu mincho demibold;
}
.profile{
	margin-top:70px;
}
.bottom-border{
	box-shadow:1px 1px 7px 1px gray;
}
.remove-edu{
	cursor:pointer;
	padding:5px 5px 5px 5px;
	background-color: gray;
	border-radius:36%;
	box-shadow:1px 1px 7px 1px gray;
}
.planss{
	background-color:#f6f9fb;
	box-shadow:1px 1px 7px 1px gray;
	border:2px dotted #dceaf6;
	margin-bottom: 50px;
	padding:10px 10px 25px 10px;
}
.plans:hover{
	opacity: 0.5;
	border:2px dotted #dceaf6;
}
.plans{
	background-color:#a6f3cf;
	border:2px dashed #dceaf6;
	margin-top: 10px;
}

.slider_button{
	margin-top:200px;
}


.change_pass{
	box-shadow:1px 1px 7px 1px gray;
	padding:10px 10px 10px 10px;
}
#Account{
	box-shadow:1px 1px 7px 1px gray;
	padding:10px 10px 10px 10px;
}
.acc_type{
	box-shadow:1px 1px 7px 1px gray;
	padding:10px 10px 72px 10px;
}
.status{
	box-shadow:1px 1px 7px 1px gray;
	padding:10px 10px 72px 10px;
}

.delete{
	box-shadow:1px 1px 7px 1px gray;
	padding:10px 10px 72px 10px;
}

.nav-justified{
	border:2px dashed black;
}

li.active>a{
	background: linear-gradient(to top, #333, #8b3f52 65%)!important;
	color:white;
}

li.active>a:hover{
    background: linear-gradient(to top, #333, #8b3f52 65%)!important;
    color:white!important;
}

[data-action="REQUEST-API"] {
    cursor: pointer;
}

.latest-posts {
    margin-bottom: 10px;
}


.padding-50 {
	padding-top: 50px;
}
.position-absolute {
	position: absolute;
}
.register-left-arrow, .login-left-arrow{
	color: #333;
	margin-top: 20px;
	font-size: 18px
}

.text-primary {
	color: #333!important;
    line-height: 30px;
}

.gg-logo {
	height: 50px!important;
}

.cities-list {
	background-color: #FFF;
	position: absolute;
	max-height: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 999;
    border-radius: 8px;
    border: 1px solid #e2edde;
}

.cities-list li{
	display: block;
    line-height: 20px;
    border-bottom: 1px solid #99999959;
    padding: 5px;
}

.cities-list li:hover {
	background-color: #f6f9f4;
}

.keywords-list {
	background-color: #FFF;
	position: absolute;
	max-height: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 999;
    border-radius: 8px;
    border: 1px solid #e2edde;
}

.keywords-list li{
	display: block;
    line-height: 20px;
    border-bottom: 1px solid #99999959;
    padding: 5px;
}

.keywords-list li:hover {
	background-color: #f6f9f4;
}

.auto-select {
	height: auto;
}
.auto-select input {
	border: none;
    width: 100px;
    padding: 5px;
    background: transparent;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    padding-left: 0px!important;

}

.auto-select input:focus {
	border: none!important;
	outline: none!important;
}


.selected-city {
	padding: 5px;
    background: linear-gradient(to left, #627759, #333 65%);
    border: 1px solid #607557;
    margin: 2px;
    color: #fff;
    border-radius: 5px;
    line-height: 15px;
    display: inline-block;
}

.selected-keywords {
	padding: 5px;
    background: linear-gradient(to left, #627759, #333 65%);
    border: 1px solid #607557;
    margin: 2px;
    color: #fff;
    border-radius: 5px;
    line-height: 15px;
    display: inline-block;
}

.close-span {
	font-style: unset;
    padding: 5px;
    /* background: #000; */
    border-radius: 31px;
    font-weight: bold;
    color: #333;
}

.experience-div {
	position: fixed;
    top: 30%;
    background-color: #fff;
    left: 20%;
    height: 40%;
    width: 60%;
    text-align: center;
    padding: 10px;
    border: 1px solid #e3eedf;
    background: linear-gradient(to left, #d9e8d3, #f6faf5 65%);
    z-index: 99999999;
}

.experience-div .exp-head {
	height: 25px;
    border-bottom: 1px solid #5c6f53;
}

.experience-div .exp-body {
 	height: 90px;
    overflow: scroll;
 }

.experience-div .exp-body div {
 	line-height: 30px;
    border-bottom: 1px solid #d8e7d2;
 }

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

 .exp-body .active {
 	background: linear-gradient(to left, #5e7255, #545c50 65%);
    border: #fff solid 1px;
    border-radius: 7px;
    color: #fff;
 }

.mf-prefix {
 	position: absolute;
    margin: 7px;
    font-weight: bold;
    background: #FFF;
 }

 .modal {
 	z-index: 999999;
 }

 .modal-backdrop {
 	z-index: 99999;
 }

 .modal-dialog {
  margin-top: 5%;
}


.modal-body {
  max-height: 430px;
  overflow-y: scroll;
}

.loading-img {
	top: 45%!important;
	left: 45%;
	height: 6%;
	position: fixed;
}

.active a[data-toggle="tab"] {
	background: linear-gradient(to top, #333, #5e919c 65%);
    color: #FFF!important;
}

.jobs-head {
	    /* margin-top: 0px; */
    width: 100%;
    /* padding-bottom: 30px; */
    background: #fff;
    position: fixed;
    z-index: 9999;
    height: 92px;
    line-height: 145px;
    top: 0px;
}
.jobs-head a {
	width: 50%;
}

.recent-search p {
	line-height: 7px;
	font-size: 12px;
}

.recent-search small {
	float: right;
	font-size: 8px;
	position: absolute;
    top: -10px;
    right: 0px;
    max-height: 100px;
    overflow-y: scroll;
}

#updating-jobs {
	float: right;
    /* right: 0px; */
    margin-right: 20px;
}

#updating-jobs .refreshing-img {
	height: 20px;
    position: relative;
}

.float-left {
	float: left;
}

.nav-stacked {
	line-height: 20px!important;
}

.post-list {
    margin-bottom: 10px;
    padding: 10px;
    background: linear-gradient(to top, #fff, #333 65%)!important;
    color: #eee;
    border: 1px solid #eee;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    min-height: 210px;
}

.keywords-filter-header {
    width: 80%;
    float: right;
    border-radius: 20px;
}

.faq-section p {
    margin-top: 30px;
}

.post-details {
    position: absolute;
    bottom: -20px;
}

.post-list a {
}

.post-list img {
    float: left;
    margin-bottom: 10px;
}

ul {
    margin-left: -10px;
    margin-right: -10px;
}

.full-width-div {
    position: absolute;
    width: 100%;
    left: 0;
}


.width-20 {
    width: 20%;
}


.width-50 {
    width: 50%;
}

.width-10 {
    width: 10%;
}
.width-16 {
    width: 16%;
}
.width-18 {
    width: 18%;
}
.width-14 {
    width: 14%;
}

.width-30 {
    width: 30px!important;
}

.width-8 {
    width: 8%;
}
.width-5 {
    width: 5%;
}
.width-15 {
    width: 15%;
}
.width-13 {
    width: 13%;
}
.width-11 {
    width: 11%;
}

.width-60 {
    width: 60%!important;
}

.nav-title {
    background-color: #164170;
    padding: 1px 0px 1px 10px;
    color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin: 5px;
    cursor: pointer;
    border-radius: 5px;
}

.nav-arrow {
    float: right;
    padding-right: 15px;
}

.overflow-hidden {
    overflow: hidden;
}

.no-of-visitors-div {
    position: fixed;
}

.user-image {
    font-size: 100px!important;
}

.user-image.MALE {
    color: #333!important;
}

.user-image.FEMALE {
    color: #b65574!important;
}

.no-of-visitors {
    border: 1px solid #333;
    padding: 5px 10px 5px 10px;
    background: #333;
    color: #333;
    font-weight: bold;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.width-100 {
    width: 100%!important;
}
.width-80 {
    width: 80%!important;
}

.col-xs-35 {
	width: 35%;
}

.col-xs-65 {
	width: 65%;
}

.col-xs-65 .form-group {
	display: none;
}

.latest-posts hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #fff;
    margin: 1em 0;
    padding: 0;
}

.nav-stacked .active a {
	background:linear-gradient(to left, #5e7255, #545c50 65%);;
}

.nav>li>a:hover {
    text-decoration: none;
    color: #000;
}

.reach_us{
	color:#0070c0;
	text-shadow: 1px 1px 1px #000000;
}

.reach_us:hover{
	color:#641aba;
}

.tc{
	color:#0070c0;
	text-shadow: 1px 1px 1px #000000;
}

.tc:hover{
	color:#641aba;
}

.profile-button{
	padding:10px 80px;
}

.alert-danger-custom{
	color: #a94442;
    text-align: left;
}

.after-login {
	display: none;
}

.float-right {
	float: right;
}

.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move {
	z-index: 99999999!important;
}

.user-info{
	background: linear-gradient(to left, #627759, #fff 65%);
	padding:10px;
	margin-top: 20px;
}

.counter-div {
  height: 130px;
  width: 130px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  color: #fff;
}

.counter-div.odd {
    background: #333!important;
}
.counter-div.even {
    background: #b65574!important;
}
.counter-div img {
    width: auto!important;
    height: 65%!important;
}

.counter-div h5 {
    margin-top: -6%;
}

.met-comment {
    background: linear-gradient(to bottom, #333, #386ea9 95%)!important;
    color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 25px;
}
.counter-div:hover {
    background-color: #333!important;
    cursor: pointer;
}

.met-need{
    color: #333!important;
}

.counter-div.caeb118 {
    background: linear-gradient(to bottom, #aeb118, #69694f 65%);
}
.counter-div.c167741 {
    background: linear-gradient(to bottom, #167741, #153c26 65%);
}
.counter-div.c297786 {
    background: linear-gradient(to bottom, #0667c8, #192735 65%);
}
.counter-div.cb73e3e {
    background: linear-gradient(to bottom, #b73e3e, #3a1414 65%);
}

.nav-stacked.nav>li>a {
    padding: 5px 10px!important;
    background-color: transparent;
}

.nav-stacked.nav li.post-list:hover {
    background: linear-gradient(to bottom, #fff, #333 65%)!important;
}

.carousel-indicators {
    z-index: 2;
    bottom: -100px!important;
}

.carousel-indicators li {
	background: linear-gradient(to left, #fbd45e, #5cb85c 65%)!important;
    border: 1px solid #5cb85c;
}

.my-profile .glyphicon-pencil {
	position: absolute;
    text-align: right;
    float: right;
    right: 0;
    font-size: 18px;
}

.user-image {
	width: 100%;
}
.profile-img-div .user-image {
	width: 70%;
}

.profile-img-div {
	/* border: 1px solid #5d7155; */
    padding: 8px;
    /* border-radius: 5px; */
    /* background: #fff; */
    margin-bottom: 20px;
}

.profile-tagline{
	background: #5e7255;
    color: #fff;
}

.glyphicon-pencil{
	margin-top:9px;
}

.profile-div{
	box-shadow:1px 1px 7px 1px gray;
    margin-bottom: 10px;
    background: linear-gradient(to left, #e9f1e6, #fff 65%);
        word-wrap: break-word;
        padding: 0px;
}


.list-tabs h5{
    background: #eee;
    padding: 8px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

.list-tabs.active h5 {
    background: #333;
    color: #FFF;
}

.filter-left-arrow {
	color: #fff;
    padding: 5px
}

.remove-profile {
	cursor: pointer;
    padding: 6px 10px 6px 10px;
    background-color: white;
    border-radius: 47%;
    box-shadow: 1px 1px 7px 1px grey;
    font-size: 12px;
    font-weight: bold;
    right: 0px;
    position: absolute;
    top: 16px;
}

.upload-image {
	/* position: relative; */
    /* top: 50%; */
    /* right: 25%; */
    /* left: 30%; */
    /* text-align: center; */
    margin-top: -35px;
    /* padding: 5px; */
    background-color: #56674feb;
    width: 100%;
    opacity: .9;
    color: #000000;
    font-size: 16px;
}

.motoinvoice-logo {
	width: 100%;
}

.margin-top-40 {
	margin-top: 40px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-top-70 {
    margin-top: 70px;
}

.top-15 {
	margin-top: 15px;
}

.margin-top-25 {
    margin-top: 25px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-top-40 {
    margin-top: 40px;
}
.margin-top-50 {
    margin-top: 50px;
}
.margin-top-100 {
    margin-top: 100px;
}
.margin-top-10 {
    margin-top: 10px;
}

.display-inline-block {
    display: inline-block;
}

body.body-bg {
    background-color: #134f5b!important;
}

body {
    font-size: 14px!important;
    font-family:Roboto!important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #333;
    background: #FFF!important;
    overflow-x: hidden!important;
}

.motoinvoice-logo {
    width: 100%;
}

.motoinvoice-logo-2 {
    width: 90%;
}

.category-parent {
    color: #333;
}

.category-parent h1, .category-parent h2, .category-parent h3, .category-parent h4 {
    color: #102327;
}

.panel-default>.panel-heading {
    color: #ffffff;
    background: linear-gradient(to top, #333, #8b3f52 65%);
}

.panel-heading-2 {
    color: #ffffff;
    background: linear-gradient(to bottom, rgb(240, 173, 78), rgba(180, 94, 40, 0.84) 65%);
    border-color: #b45f28;
}

.btn {
    color: #fff!important;
    font-size: 14px;
    border: none!important;
}

.share-icon {
    height: 20px;
    width: 20px!important;
}
.btn-success {
    background: linear-gradient(to top, #284c6c, #337ab7 60%);
    color: #fff;
    border-color: transparent!important;
}

.btn-primary {
    color: #fff;
    background: linear-gradient(to top, #125412, #5cb85c 60%);
}

.btn-danger {
    color: #fff;
    background: linear-gradient(to top, #621a17, #d43f3a 60%);
}

.btn-primary.active, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .open>.dropdown-toggle.btn-primary, .btn-primary:active:focus {
    color: #46403b;
    background: linear-gradient(to bottom, #125412, #5cb85c 60%);
}

.btn-danger.active, .btn-danger:hover, .btn-danger:active, .btn-danger:focus, .open>.dropdown-toggle.btn-danger, .btn-danger:active:focus {
    color: #46403b;
    background: linear-gradient(to bottom, #621a17, #d43f3a 60%);
}

.btn-success.active, .btn-success:active, .btn-success:active:hover, .btn-success:focus, .open>.dropdown-toggle.btn-success, .btn-success:active:focus {
    background: linear-gradient(to bottom, #284c6c, #337ab7 60%);
}

.btn-success:hover {
    background: linear-gradient(to bottom, #284c6c, #337ab7 60%);
}

.btn-default {
    background: linear-gradient(to top, #621a17, #d43f3a 60%);
    color: #fff;
    border-color: transparent!important;
}

.btn-default.active, .btn-default:active, .btn-default:active:hover, .btn-default:focus, .open>.dropdown-toggle.btn-default, .btn-default:active:focus {
    background: linear-gradient(to bottom, #621a17, #d43f3a 60%);
}

.btn-default:hover {
    background: linear-gradient(to bottom, #621a17, #d43f3a 60%);
}

.moto-invoice {
        margin-top: -50px;
    margin-bottom: 50px;
    font-size: 30px;
    font-family: initial;
}

.moto-invoice-2 {
    font-size: 30px;
    font-family: fantasy;
}

.moto {
    color: #134f5a;
}

.invoice {
    color: #b45f28;
}

a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}


.margin-bottom-30{
    margin-bottom:30px;
}

.margin-bottom-50{
    margin-bottom:50px!important;
}
.margin-bottom-80{
    margin-bottom:80px!important;
}

.filter{
    margin-bottom:15px;
}
.huge{
    font-size:25px;
    top: -30px;
}

.comment h6 {
    text-align: left!important;
}

b small {
    color: #333!important;
    font-weight: bold;
}

.moto-invoice-2 small {
    font-family: serif;
}

.top-25 {

    font-weight: bold;
    font-style: italic;
    color: #134f5a;
}

.top-25 h5 {
    line-height: 18px;
}
.font{
    font-size:25px;
}

.huge a {
    cursor: pointer;
}

.sorting_disabled {
    text-align: center;
}

.text-primary {
    color: #333;
}

.content_menu_title {
    color: #333;
}

.content {
    color: #333;  
}

.form-control {
    border: 1px solid #bdd0e4;
}

.invoice-add .form-control {
        height: 25px;
        font-size: 10px;
        padding: 6px 6px;
}

.invoice-add .btn {
    font-size: 10px;
    height: 25px;
    line-height: 0px;
}

.invoice-add label {
    font-size: 10px;
}

.login-page-text {
    padding: 25%;
    font-size: 14px;
    color: #ef3700;
}
.sign-up-page-text {
    padding: 8%;
    padding-top: 30%;
    font-size: 14px;
    color: #ef3700;
}

.cat-img {
    background: #b65574;
    border-radius: 50%;
}

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

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333;
  opacity: .6; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #333;
}

.form-control:focus {
    border: 1px solid #FFF;
    box-shadow: inset 0 1px 1px #fff, 0 0 8px #3b81bd;
}

.panel-default {
    padding: 0px;
    border: none!important;

}

.pincode::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #777777;
    opacity: 1; /* Firefox */
}

.panel-body {

}

.bg1 {
    background: url('../images/Pulsar-200-ns-Wide-screen-12.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: fixed;
    -webkit-filter: blur(2px);
}

.bg2 {
    background: url(../images/Bajaj-Avenger-Cruise-220-HD-wallpapers-3.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: fixed;
    -webkit-filter: blur(2px);
}

.bg3{
    background: url(../images/IMG_6093_copy.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: fixed;
    -webkit-filter: blur(2px);
}

.margin-top-100 {
    margin-top: 100px;
}

.margin-top-110 {
    margin-top: 110px;
}

.carousel-inner img {
    width: 100%;
}

.carousel-inner {
}

.filter-form {
    direction: ltr;
    margin-left: 0px!important;
}
.view-more {
        text-align: center;
    margin-bottom: 30px;
    background: linear-gradient(to top, #b45f06, #e2a768 65%);
    padding: 10px;
    color: #FFF;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    cursor: pointer;
    opacity: 0.9;
    border-radius: 5px;
}
.user-profile {
    direction: ltr;
    margin-left: 0px!important;
}

.right-activities {
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.right-activities li {
    border-bottom: 1px solid #333;
}

.right-activities-title {
    background: #b65574;
    color: #FFF!important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.filter-form ul {
    margin-left: -40px;
}

.carousel-control.left {
    z-index: 2;
        background: none;
}
.carousel-control.right {
    z-index: 2;
        background: none;
}

.video-iframe {
    width:100%;
    height: 300px;
}

#landingCarousel .carousel-inner {
    z-index: 1;
}

#topicsCarousel .carousel-inner {
    height: auto!important;
    width: 100%;
}

[data-info='shortname'] {
    padding: 16px 20px 16px 20px;
    background: #333;
    border-radius: 50%;
    color: #fff;
    /* font-size: 14px; */
    font-weight: bold;
}

#landingCarousel {
    margin-top: 10px;
}

.main-activities-status {
}

.main-footer {
    background: linear-gradient(to top, #b45f06, #e2a768 65%);
    color: #FFF!important;
    z-index: 0;
    padding-top: 20px;
}

.main-footer a {
    color: #fff;
}

.top-header {
    background: linear-gradient(to top, #333, #8b3f52 65%);
    color: #FFF!important;
    width: 100%;
    z-index: 999999999;
    font-size: small;
}

.top-header a.open_nav {
    color: #FFF!important;
}

.top-header a.open_search {
    color: #FFF!important;
}

.file-preview {
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
}

.file-preview img {
    height: 100px;
}

.banner .close{
    color: #fff!important;
    cursor: pointer;
    opacity: 1;
}

.file-preview a {
    color: #fff;
}

.header-search {
    position: absolute;
    top: 8px;
    right: 25px;
    cursor: pointer;
}

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

.search-bar {
     padding: 5px;
    /* background: #2d2020!important; */
    width: 80%;
    color: #000;
    float: right;
    text-align: left;
    padding-left: 12px;
    cursor: pointer;
    border: none;
    box-shadow: none!important;
    border-bottom: 2px solid #bf701e;
    border-right: 1px solid #bf701e;
    border-radius: 50px;
    background-color: #eee;
}

.search-bar:hover {
    border-right: 1px solid  #dd9e5c;
    border-bottom: 2px solid #dd9e5c;
    border-radius: 50px;
}

.search-bar:focus {
    border-right: 1px solid  #dd9e5c;
    border-bottom: 2px solid #dd9e5c;
    border-radius: 50px;
}

.search-bar span {
    float: left;
    padding-left: 10px;
}

.search-bar-icon {
        position: absolute;
    right: 25px;
    /* padding-left: 10px; */
    top: 36%;
    color: #333;
}

.padding-10 {
    padding: 10px;
}

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

.padding-5 {
    padding: 5px!important;
}

.padding-50 {
    padding: 50px;
}
.padding-15 {
    padding: 15px;
}

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

.font-size-a {
    background: #fff;
    border-radius: 15px;
    margin-right: 2px;
    color: #000;
}

.font-10 {
    font-size: 14px;
    padding: 2px 7px 2px 7px;
}

.font-12 {
    font-size: 12px;
    padding: 2px 7px 2px 7px;
}

.font-14 {
    font-size: 14px;
    padding: 2px 7px 2px 7px;
}
.font-16 {
    font-size: 16px;
    padding: 2px 7px 2px 7px;
}

p, a:not('.font-size-a'), label {
    word-wrap: break-word;
}

.height-250-no-scroll {
    height: 250px;
}

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

.height-250 {
    height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.height-200 {
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.height-120 {
    height: 120px!important;
}

.profile-thumbnail-click {
    float: right;
    background: #d8d9da;
    padding: 10px;
    color: #000;
    opacity: 0.4;
    cursor: pointer;
    margin-top: -12px;
    width: 100%;
}

.profile-remove-thumbnail {
    float: right;
    padding: 10px;
    color: #000;
    opacity: 0.4;
    cursor: pointer;
    margin-top: -12px;
    width: 100%;
}

.profile-thumbnail-click:hover {
    float: right;
    background: #0667c8;
    padding: 10px;
    color: #fff;
    opacity: 0.8;
    cursor: pointer;
    margin-top: -12px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.max-height-120 {
    max-height: 120px;
}

.box-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.box-shadow-none {
    box-shadow: none!important;
}

p, h4, h5, h6 {
    word-wrap: break-word;
    line-height: 24px;
}

.width-auto {
    max-width: 100%;
    width: auto!important;
}

.height-150 {
    height: 150px;
}

.upload-image-post {
    text-align: center;
    border: 1px solid #ebd4cb;
    background-color: #ebd4cb;
    padding: 5px;
    border-radius: 27px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.height-60 {
    height: 60px;
}

.height-30 {
    height: 30px;
}


.logo-lbsnaa img{
    border-right: 1px solid #333;
    padding-right: 5px;
    height: 50px;
}

@media (max-width: 1000px) {
  .col-sm-0 {
    display: none!important;
  }
h1 {
    font-size: 28px!important;
}

.nav>li>a {
    padding: 15px 15px!important;
}

.logo img {
    height: 25px;
    margin-top: 0px;
}

.logo-lbsnaa img {
    height: 25px;
}

.other-links img {
    height: 40px;
    margin-top: 20px;
}

#content {
    margin-top: 35px;
    position: absolute;
    width: 100%;
}

.bottom-header h1 {
  font-size: 22px!important;  
  font-weight: bold;
  color: #0667c8;
}

  /* width */
::-webkit-scrollbar {
  width: 0px;
  z-index: 99999;
}

    html, body {
        height: 100%;
        overflow-x: hidden;
    }

    .about-section {
        padding: 10px;
        color: #0667c8;
    }

    header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    .bottom-header {
        background-color: #fff;
        padding: 10px;
        z-index: 999;
    }
    #mask img {
        top: 45%!important;
        left: 44%;
        height: 7%;
        position: fixed;
    }

    .mask-search #header-search-form {
        top: 20%!important;
        position: fixed;
    }
    .sidenav {
        height: 100%;
        width: 300px;
        position: fixed;
        z-index: 9999999;
        top: 0;
        background: #FFF;
        overflow-x: hidden;
        right: -300px;
        transition: 0.5s;
        padding-top: 30px;
        
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .sidenav ul {
            display: contents;
    }
    .btn {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    .edit-options-2 {
        float: right;
        padding: 10px;
        position: fixed;
        right: 5%;
        /* top: 10px; */
        opacity: .6;
        background: #FFF;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        bottom: 60px;
        z-index: 9999999;
    }

    .landing-static-nav-left {
        position: fixed;
        top: 0;
        background: #eee;
        z-index: 99999999999999999;
        height: 100%;
        left: -200px;
    }

    .ul-block li{
        display: block;
    }

    .ul-block h6 {
        margin-top:25px;
        margin-bottom:25px; 
    }

    .content_menu_title_filters {
        position: fixed;
        z-index: 99999999999;
        background: #fff;
        padding: 18px;
        top: 0;
        height: 100%;
        padding-bottom: 100px;
        width: 70%;
        right: -70%;
        overflow-y: scroll;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    }

    .vertical-filter {
             /* writing-mode: tb-rl; */
            z-index: 99999;
            position: fixed;
            right: -5px;
            background: linear-gradient(to top, #621a17, #d43f3a 60%);
            color: #FFF;
            padding: 10px 15px 10px 15px;
            top: 10%;
            offset-rotate: 100% 100%;
            -moz-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            -webkit-transform: rotate(-90deg);
            -moz-transform-origin: 100% 100%;
            -o-transform-origin: 100% 100%;
            -webkit-transform-origin: 100% 100%;
            opacity: 0.9;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            border-radius: 5px;
            font-size: 20px;
    }

    .vertical-filter:hover {
        opacity: 1;
    }

    .header-add {
        position: fixed;
        width: 100%;
        right: 0;
        bottom: 0px;
        padding: 5px;
        text-align: center;
    }

    .header-add a {
        color: #FFF!important;
        font-size: 15px;
        z-index: 999999999;
        padding: 5px 10px 10px 10px;
        margin-right: 5px;
        background: linear-gradient(to right, #333, #000 85%);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border-radius: 5px;
    }

    .header-add a:active {
        background: linear-gradient(to top, #fff, #eee 85%);
        color: #333!important;
    }
}

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

.box {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    height: 100%;
    padding: 10px;
    background: linear-gradient(to top, #FFF, #EEE 60%);
}

.box-green {
    background: linear-gradient(to top, #125412, #5cb85c 60%);
    color: #FFF;
}

@media (min-width: 1001px) {
    .main-form {
        padding: 10px;
        padding-top: 120px;
        position: fixed;
        right: 10px;
        bottom: 0;
        width: 33%;
        top: 0px;
        /* margin: 5px; */
        background: linear-gradient(to left, #8b3f5221, #ffffff 85%);
        height: 100%;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);   
    }

    .main-form2 {
        padding: 10px;
        padding-top: 120px;
        position: fixed;
        right: 10px;
        bottom: 0;
        width: 24%;
        top: 0px;
        /* margin: 5px; */
        background: linear-gradient(to left, #8b3f5221, #ffffff 85%);
        height: 100%;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);   
    }

    .main-form3 {
        padding: 10px;
        padding-top: 120px;
        position: fixed;
        right: 10px;
        bottom: 0;
        width: 40%;
        top: 0px;
        /* margin: 5px; */
        background: linear-gradient(to left, #8b3f5221, #ffffff 85%);
        height: 100%;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);   
    }


    .main-form-invoice-list {
        padding: 10px;
        padding-top: 120px;
        position: fixed;
        right: 5px;
        bottom: 0;
        overflow-x: hidden;
        overflow-y: scroll;
        width: 16%;
        top: 0px;
        /* margin: 5px; */
        background-color: #fff;
        height: 100%;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);   
    }

    .margin-top-80 {
        margin-top: 80px;
    }

    .row {
        margin-left: 0px;
    }

    .header-add {
        color: #fff;
        text-align: right;
    }

    .header-add a {
        background-color: #fff;
        padding: 7px;
        margin: 4px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border-radius: 20px;   
    }

    .header-add a:hover {
        background-color: #eee;
    }

    .header-add a:active {
        background-color: #f1d7ba;
    }

.logo img {
    height: 50px;
}
    h1 {
        text-shadow: 1px 1px 10px #777!important;
    }
    .btn, .form-control {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    .about-section {
        padding: 10px;
        color: #333;
    }
    #mask img {
        top: 45%!important;
        left: 47%;
        height: 10%;
        position: fixed;
    }
    .mask-search #header-search-form {
        top: 20%!important;
        position: fixed;
    }
    .bottom-header {
        background: linear-gradient(to bottom, #fff, #ffffff 85%);
        width: 100%;
        z-index: 999;
        padding: 5px;
        border-bottom: 1px solid #eee;
    }   
    .col-lg-0 {
        display: none;
    }
    .landing-static-nav {
        height: 100%;
        width: 16%;
        position: fixed;
        top: 0px;
        margin-top: 60px;
        overflow: hidden;
        right: 5px;
        transition: 0.5s;
        padding-top: 70px;
        z-index: 1;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .landing.slider-landing .landing-static-nav {
        position: relative;
        box-shadow: none;
        min-height: 600px;
        background: #fff;
        box-shadow: none;
    }   

    .landing-static-nav.fixed {
        position: fixed!important;
        margin-top: 50px!important;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)!important;
    }

    .landing-static-nav-left {
        height: 100%;
        width: 17%;
        position: fixed;
        top: 0px;
        overflow-x: hidden;
        overflow-y: scroll;
        left: 0px;
        transition: 0.5s;
        padding-top: 50px;
        z-index: 2;
        background: linear-gradient(to right, #8b3f5221, #ffffff 85%);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .landing-static-nav-left::-webkit-scrollbar {
      width: 10px;
      z-index: 9999999;
    }
    .landing-static-nav-left::-webkit-scrollbar-thumb {
      background: #8b3f52!important; 
      border-radius: 5px;
    }
    .landing-static-nav-left li {
        display: block;
        padding: 5px;
        color: #000;
    }
    .landing-static-nav li:not(.hot-topics) {
        display: block;
        padding: 10px;
        color: #8b3f52;
    }
    .landing-static-nav li.hot-topics {
        display: block;
        padding: 10px;
    }
    .sidenav {
        height: 100%;
        width: 300px;
        position: fixed;
        z-index: 9999999;
        top: 0;
        background: linear-gradient(to top, #0667c882, #0667c8 50%);
        overflow-x: hidden;
        right: -300px;
        transition: 0.5s;
        padding-top: 50px;
    }

html, body {
    height: 100%;
    overflow-x: hidden;
    z-index: 99999;
    }

header {
    position: relative;
    z-index: 9;
}

.carousel-inner>.item {
    z-index: -1;
}

.dropdown-item {
    display: block;
    padding: 6px;
    border-bottom: 1px solid #f3f6f7;
    font-size: 12px;
    background: #ffffff;
    color: #333;
}

.dropdown-menu {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    max-height: 300px;
    overflow-y: scroll;
    left: -10px!important;
}


 .dropdown-menu a:hover {
    background: #333;
    color: #fff;
 }

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}

.edit-options-2 {
    float: right;
    padding: 10px;
    position: fixed;
    right: 18%;
    /* top: 10px; */
    opacity: .6;
    background: #FFF;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    bottom: 20px;
    z-index: 9999999;
}
}

.main-search-bar {
    display: none;
    padding: 14px 25px 0px 25px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
}

    .edit-options {
        bottom: 55px;
        background: #333;
        height: 40px; 
        padding: 10px;
        opacity: .5;
        color: #FFF;
        text-align: right;
        width: 100%;
        right: 15px;
        left: 0px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    .edit-options-banner {
        opacity: 1!important;
        height: 50px; 
    }
    .edit-options-banner input {
        margin: 0!important;
    }
    .edit-options-comments {
            top: 0;
    /* background: #333; */
    height: 40px;
    padding: 10px;
    opacity: .5;
    color: #333;
    text-align: right;
    /* width: 100%; */
    right: 15px;
    left: 0px;
    position: relative;
    }
    .edit-options.not-verified {
        background: #333;
    }

    .edit-options.not-verified a {
        color: #333!important;
    }

.edit-options-2:hover {
    opacity: 1;
}
.edit-options:hover {
    opacity: 1;
}

.edit-options-2 a {
}
.edit-options a {
    color: #FFF;
}

.main-search-bar.show-bar {
    position: fixed;
    top: 80px;
    background: #9fb6c3;
    width: 100%;
    left: 0;
    padding-top: 10px;
    opacity: 1;
    z-index: 1;
    display: none;
    border:none;
}

.view-all-categories {
    text-align: center;
    padding: 5px;
    /* padding-top: 0px; */
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(to bottom, #1e4b7f, #1f3044 65%);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.search-bar-2 {
    background-color: #f3f6f7;
    padding: 4px;
    color: #0667c8;
    font-size: 12px;
    border: 1px solid #0667c83b;
    display: none;
}

.content img {
    width: 100%;
}

.topics {
    width: 100%;
    background-color: #fff;
    margin-bottom: 15px;
    padding: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 4px;
    cursor: pointer;
}

.share-buttons:hover {
    cursor: pointer;
   background: linear-gradient(to right, #333, #386ea9 65%);
   color: #fff;
}

.comment {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 0px 20px 0 rgba(0, 0, 0, 0.19);
    background: linear-gradient(to left, #e9eef5, #fff 60%);
}

.comment .comment-details {
    border-right: 1px solid #edc7b7;
    border-bottom: 10px solid #edc7b7;
    border-radius: 42px;
    color: #102327;
    margin-bottom: 20px;
    border-bottom-left-radius: 20px;
    padding-bottom: 10px;
}
.comment .replies-details {
    border-right: 1px solid #edc7b7;
    border-bottom: 5px solid #edc7b7;
    border-radius: 42px;
    color: #102327;
    margin-bottom: 20px;
}

.post-comment-btn {
    position: absolute;
    top: 30%;
    right: -10px;
}
.share-buttons { 
    padding: 10px;
    /* background: linear-gradient(to bottom, #333, #386ea9 65%); */
    border-color: #333;
    color: #333;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 33px;
}

.post-reply-btn {
    position: absolute;
    right: -20px;
    bottom: 12px;
}
a.upvote {
    color: #056310!important;
}
a.downvote {
    color: #bb1010!important;
}
.voted {
    color: #e0ab0f!important;
}

.comment-replies {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.19);
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 5px;
    background-color: #fff;
}

.reply {
    padding: 10px;
    border-bottom: 1px solid #e4eff1
}

.category {
    height: 210px!important;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
    padding: 10px;
    overflow: hidden;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.hot-topic {
    height: 200px!important;
    width: 100%;
    background-color: #fff;
    margin-bottom: 15px;
    padding: 20px;
    overflow: hidden;
    box-shadow: 3px 1px #d2d2d2;
    border-radius: 4px;
    cursor: pointer;
}

.topics:hover, .topics:focus, .topics:active {
    background-color: #d0e2ec;
}

.category:hover, .category:focus, .category:active {
    background-color: #d0e2ec;
}

.topic-subject {
    position: absolute;
    right: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    bottom: 10px;
    background: #060606;
    width: 90%;
    opacity: .9;
    color: #fff!important;
    line-height: 23px;
    border-radius: 5px;
    text-align: left;
}

.topics img, .about-section img {
    width: 100%;
}

.other-links div.col-lg-4 {
    padding: 3%;
    background-color: #0667c8;
    height: 100px;
    margin-bottom: 10px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    opacity: .8;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.other-links div.col-lg-4:hover {
 background-color: #042344;
 cursor: pointer;
}

.banner-message {
    width: 100%;
    background: linear-gradient(to top, #b45f06, #e2a768 65%);
    color: #FFF!important;
    width: 100%;
    line-height: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.footer-li {
    display: inline-block;
    width: 20%;
    padding: 5px;
}

#content {
    min-height: 500px;
}

.min-height-1000 {
    min-height: 1000px;
}

.min-height-400 {
    min-height: 400px;
}

.logo-IAS {
    max-height: 100px;
}


#skip-to-main-content {
    color: #fff;
}

.links-section {
    padding: 20px;
    color: #0667c8;
    margin-bottom: 30px;
}

.fixed-footer {
    position: fixed;
    height: 45px;
    background: linear-gradient(to top, #b45f06, #e2a768 65%);
    color: #FFF!important;
    width: 100%;
    bottom: 0;
    padding-top: 10px;
    z-index: 9999;
}

.fixed-footer a {
    text-align: center;
    color: #fff;
}

.type-of-helps-details {
    padding: 10px;
}

.needs-form-div {
   padding: 10px;
    background: linear-gradient(to bottom, #eecdbe, #333 65%);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
}

.innovations-form-div {padding: 10px;
    background: linear-gradient(to bottom, #eecdbe, #333 65%);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
}

.gallary-image {
    height: 400px!important;
    padding: 50px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.downlink h6 {
    padding: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin: 0px!important; 
}

.gallary-image section.carousel {
    height: 300px!important;
    overflow: hidden;
}

/* Shared */
.loginBtn {
  box-sizing: border-box;
  position: relative;
  /* width: 13em;  - apply for fixed size */
  margin: 0.2em;
  padding: 0 15px 0 46px;
  border: none;
  text-align: center;
  line-height: 34px;
  white-space: nowrap;
  border-radius: 0.2em;
  font-size: 16px;
  color: #FFF;
  width: 100%;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


/* Facebook */
.loginBtn--facebook {
  background-color: #4C69BA;
  background-image: linear-gradient(#4C69BA, #3B55A0);
  /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
  text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
  border-right: #364e92 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
  background-color: #5B7BD5;
  background-image: linear-gradient(#5B7BD5, #4864B1);
}


/* Google */
.loginBtn--google {
  /*font-family: "Roboto", Roboto, arial, sans-serif;*/
  background: #DD4B39;
}
.loginBtn--google:before {
  border-right: #BB3F30 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
  background: #E74B37;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.fulfilled-need {
    height: 130px!important;
    width: 130px!important;
    position: absolute;
    bottom: -25px;
    right: -10px;
}

.box-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);   
}

.login-panel {
    background: #eee;
    margin-top: 5%!important;
}

.huge {
    font-size: 20px!important;
}

.dataTables_filter [type="search"]{
    width: 75%!important;
}

.table.dataTable.no-footer {
        border: 1px solid #ddd!important;
}

table thead {
    background: #fcd560;
}

.shadded-box {
    margin-bottom: 20px;
}

table.dataTable thead th, table.dataTable thead td {
        border-bottom: 1px solid #333!important;
}

.rs-sign {
    padding-top: 9px;
    float: left;
}

.width-90 {
    width: 90%;
}
.width-98 {
    width: 95%;
}

.gst-calculator {
    margin-left: -12px;
    margin-top: -15px;
}

.gst-calculator.igst {
    margin-top: 5px!important;   
}

.models-panel {
    line-height: 25px!important;
}

.customize_model_view {
    padding: 35px;
    margin-top: 20px;
}

.customized-form-2 {
    margin-left: -15px;
    line-height: 10px!important;
}

.width-25 {
    width: 25%!important;
}

.person {
    max-width: 270px;
    text-align: center;
}
.person1 img {
    width: 200px;
    height:120px;
    margin: auto;
}
.person2 img {
    width: 280px;
    height: 100px;
    margin: auto;
}
.person3 img {
    width: 110px;
    height: 100px;
    margin: auto;
}
.person4 img {
    width: 170px;
    height: 70px;
    margin: auto;
    margin-top: 30px;
}
.person5 img {
    width: 280px;
    height: 60px;
    margin: auto;
    margin-top: 40px;
    margin-left: 40px;
}
.person6 img {
    width: 120px;
    height: 110px;
    margin: auto;
}
.person7 img {
    width: 200px;
    height: 120px;
    margin: auto;
}
.person8 img {
    width: 270px;
    height: 110px;
    margin: auto;
}

.img-responsive:hover {
    cursor: pointer;
}

 .person1:hover .img-responsive {
  opacity: 0.2;
 }
 .person2:hover .img-responsive {
  opacity: 0.2;
 }
 .person3:hover .img-responsive {
  opacity: 0.2;
 }
 .person4:hover .img-responsive {
  opacity: 0.2;
 }
 .person5:hover .img-responsive {
  opacity: 0.2;
 }
 .person6:hover .img-responsive {
  opacity: 0.2;
 }
 .person7:hover .img-responsive {
  opacity: 0.2;
 }
 .person8:hover .img-responsive {
  opacity: 0.2;
 }
  .person1:hover .middle {
  opacity: 2;
 }
 .person2:hover .middle {
  opacity: 2;
 }
 .person3:hover .middle {
  opacity: 2;
 }
 .person4:hover .middle {
  opacity: 2;
 }
 .person5:hover .middle {
  opacity: 2;
 }
 .person6:hover .middle {
  opacity: 2;
 }
 .person7:hover .middle {
  opacity: 2;
 }
 .person8:hover .middle {
  opacity: 2;
 }

 .main-logo {
        top: 15%!important;
        position: fixed;
        text-align: center;
    }

    .brandimage {
        text-align: center;
        padding: 20px;
    }

    .brandimage:not(.latest) img {
        max-height: 60px;
        max-width: 90%;
    }

    .brandimage.latest img {
        max-width: 60%;
    }

       .padding-7 {
    position: absolute;
    padding: 7px;
}

.padding-8 {
    position: absolute;
    padding: 8px;
}

.padding-left-20 {
    padding-left: 20px!important;
}


.highlighted .form-control{
    background-color: #f9e8d5;
}


.preview-iframe {
    width: 100%;
    min-height: 450px;
    border: none;
}

.marquee {
  height: 25px;
  width: 420px;
  overflow: hidden;
  position: relative;
}

.marquee div {
  display: block;
  width: 200%;
  height: 30px;
  position: absolute;
  overflow: hidden;
  animation: marquee 5s linear infinite;
}

.marquee span {
  float: left;
  width: 50%;
}

@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}

.invoice-view {
    width: 100%;
    border: none;
    min-height: 500px;
}

.dataTables_paginate {
    overflow: auto!important;
}

.form-21-div {
    background-color: #eee;
    display: grid;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
}

.shaded-form {
    background-color: #eee;
    padding: 10px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);   
}

.customized-form {
    overflow-y: scroll;
    overflow-x: hidden;
    /* scroll-behavior: auto; */
    /* overscroll-behavior-y: unset; */
    /* float: left; */
    /* left: 43px; */
}

.main-form-search {
    padding: 10px;
    padding-top: 120px;
    position: fixed;
    right: 5px;
    bottom: 0;
    width: 45%;
    top: 0px;
    /* margin: 5px; */
    background-color: #f7f4f0;
    height: 100%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);   
}


.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 10px!important;
    padding-left: 10px!important;
}

a {
    word-break: break-word!important;
}

/* The whole thing */
.custom-menu {
    display: none;
    z-index: 999999999999999999;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #000;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 0;
    font-size: 11px;
}

/* Each of the items in the list */
.custom-menu li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
}

.custom-menu li:hover {
    background-color: #DEF;
}

.list-of-models {
    max-height: 500px;
    overflow-y: scroll;
}

.list-of-models div.list {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 10px;
}

.list-of-models div.list:hover {
    cursor: pointer;
    background: #eee;
}

.other-models {
    background: linear-gradient(to top, #125412, #5cb85c 60%);
    color: #fff;
}

.block {
    margin-top: 20px;
    padding: 20px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    background: linear-gradient(to top, #DDD, #EEE 60%);
}

.customer-info {
    margin-top: 20px;
    padding: 20px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    background-color: #eee;
}

.blinking{
    animation:blinkingText 1.0s infinite;
    padding: 5px;
    color: #fff;
}

@keyframes blinkingText{
    0%{     background: linear-gradient(to top, #fff, #ea4747 0%);;    }
    20%{     background: linear-gradient(to top, #fff, #ea4747 20%);    }
    40%{     background: linear-gradient(to top, #fff, #ea4747 40%);    }
    50%{    background: linear-gradient(to top, #fff, #ea4747 50%); }
    60%{    background: linear-gradient(to bottom, #fff, #ea4747 60%); }
    80%{    background: linear-gradient(to bottom, #fff, #ea4747 80%);  }
    100%{   background: linear-gradient(to bottom, #fff, #ea4747 100%);    }
}

.circle-one {
    font-size: 20px;
    background-color: #fff;
    color: #c3844b;
    padding: 5px 10px;
    border-radius: 50%;
}

.search-white-bg {
        background-color: #fff;
    padding: 10px;
    border-radius: 50px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
}

.line-height-28 {
    line-height: 28px;
}

.line-height-20 {
    line-height: 20px;
}


.search-close-span {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    padding: 10px 15px;
    position: fixed;
    top: 10px;
    right: 10px;
    background: #fff;
    border-radius: 53%;
    font-weight: bold;
    color: #333;
    cursor: pointer;
}

.search-close-span:hover {
    background-color: #333;
    color: #fff;
}

.auto-select h6{
    background-color: #fff;
    padding: 10px;
    margin-top: -9px;
    border-radius: 5px;
    cursor: pointer;
}

.auto-select h6:hover {
    background-color: #333;
    color: #fff;   
}

.dealers-list-filter {
    min-height: 100px;
    /* box-shadow: 1px 2px #333; */
    border-radius: 9px;
    margin-top: 10px;
    /*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);*/
    padding: 5px 50px 5px 50px;
    background: linear-gradient(to left, #d9e3e5, #333 85%);
    color: #fff;
    margin-top: 2px;
}

.modal .auto-select {
    min-height: 200px;
    overflow-y: scroll;
    position: absolute;
    width: 89%;
    z-index: 99999999999;
}

.modal .auto-select h6{
    background-color: #fff;
    padding: 10px;
    margin-top: -9px;
    border-radius: 5px;
    cursor: pointer;
}

.modal .auto-select h6:hover {
    background-color: #333;
    color: #fff;   
}

.dealers-list-filter:hover, .dealers-list-filter:active {
    box-shadow: none;
    background: linear-gradient(to left, #fff, #333 90%); 
    cursor: pointer;
}

.dealers-list-filter.active {
    box-shadow: none;
    background: linear-gradient(to left, #fff, #333 90%);
}

.sponsored {
    padding: 10px;
}

.sponsored-one {
   color: #eee;
    animation:sponsoredOne 2.0s infinite;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    margin-right: -10px;
}

.sponsored-two {
   color: #eee;
       animation:sponsoredTwo 2.0s infinite;
   margin-top: 10px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    margin-right: -10px;
}

.sponsored-three {
   color: #eee;
   height: 100%;
   padding: 1%;
   animation:sponsoredThree 2.0s infinite;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-10-per {
    margin-left: 10%;
}

.margin-left-5-per {
    margin-left: 5%;
}

@keyframes sponsoredOne{
    0%{     background: linear-gradient(to left, #a02020, #ce8989 0%);;    }
    20%{     background: linear-gradient(to left, #a02020, #ce8989 20%);    }
    40%{     background: linear-gradient(to left, #a02020, #ce8989 40%);    }
    50%{    background: linear-gradient(to left, #a02020, #ce8989 50%); }
    60%{    background: linear-gradient(to right, #a02020, #ce8989 60%); }
    80%{    background: linear-gradient(to right, #a02020, #ce8989 80%);  }
    100%{   background: linear-gradient(to right, #a02020, #ce8989 100%);    }
}

@keyframes sponsoredTwo{
    0%{     background: linear-gradient(to left, #235833, #478058 0%);;    }
    20%{     background: linear-gradient(to left, #235833, #478058 20%);    }
    40%{     background: linear-gradient(to left, #235833, #478058 40%);    }
    50%{    background: linear-gradient(to left, #235833, #478058 50%); }
    60%{    background: linear-gradient(to right, #235833, #478058 60%); }
    80%{    background: linear-gradient(to right, #235833, #478058 80%);  }
    100%{   background: linear-gradient(to right, #235833, #478058 100%);    }
}

@keyframes sponsoredThree{
    0%{     background: linear-gradient(to left, #a09620, #c3b727 0%);;    }
    20%{     background: linear-gradient(to left, #a09620, #c3b727 20%);    }
    40%{     background: linear-gradient(to left, #a09620, #c3b727 40%);    }
    50%{    background: linear-gradient(to left, #a09620, #c3b727 50%); }
    60%{    background: linear-gradient(to right, #a09620, #c3b727 60%); }
    80%{    background: linear-gradient(to right, #a09620, #c3b727 80%);  }
    100%{   background: linear-gradient(to right, #a09620, #c3b727 100%);    }
}

.bg-white {
    background-color: #fff!important;
}

.posts-list {
    border-bottom: 1px solid #eee;
}

.post-list .post-image {
    bottom: 70px;
    left: 0px;
}

.posts-list .post-title {
    bottom: 0px;
    width: 100%;
    left: 0px;
    padding: 10px;
    cursor: pointer;
    opacity: .8;
    display: block;
}

.post-share-icons {
    position: absolute;
    right: 15px;
    z-index: 2;
}

.action-icons {
    position: absolute;
    right: 10px;
    background: linear-gradient(to left, #fff, #333 30%);
    border-bottom-right-radius: 10px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    padding: 5px;
    opacity: .6;
    color: #fff;
}

.action-icons:hover {
    opacity: 1;
}

.edit-file-preview .close {
    position: absolute;
    top: 0;
    right: 0;
    background: #333!important;
    padding: 5px;
    color: #fff;
    border-bottom-left-radius: 10px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
}

.span-green {
    background: linear-gradient(to top, #125412, #5cb85c 60%);
    padding: 5px;
    margin: 1px;
    color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    display: block;
}


.box-green {
    background: linear-gradient(to top, #125412, #5cb85c 60%);
    margin: 1px;
    color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    display: block;
}

.span-red {
    background: linear-gradient(to top, #621a17, #d9534f 60%);
    padding: 5px;
    margin: 1px;
    color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    display: block;
}

.span-blue {
    background: linear-gradient(to top, #284c6c, #337ab7 60%);
    padding: 5px;
    color: #fff;
    margin: 1px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    display: block;
}

.span-green:hover, .span-red:hover, .span-blue:hover, .span-green:active, .span-red:active, .span-blue:active {
    background-color: #333;
}

.repeat {
    background-color: #eee;
        height: 80px;
    padding: 3px;
}

.tab-style {
    background-color: #fcd55f;
    margin-top: 20px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    padding: 10px;
}

DIV.table 
{
    display:table;
}
FORM.tr, DIV.tr
{
    display:table-row;
}
SPAN.td
{
    display:table-cell;
}

.bgcolor-eee{
    background-color: #eee;
}


.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.list-group-item {
    background-color: transparent;
}

table.dataTable tbody tr {
    background-color: transparent;
}


/*********/

.pagination {
    display: flex;
    overflow-y: hidden;
    overflow-x: scroll; 
}

.margin-5 {
    margin: 5px;
}

.no-record {

}

.absolute-right {
    position: absolute;
    right: 20px;
}

.login-bg {
    background-image: url('../images/home-bg.png'); 
    background-repeat: no-repeat;
    background-size: cover;
}