.loader {
text-align:center;
  
}

.inset-panel{
  /*background-color: rgba(0,0,0,.1);*/
  padding: 1em;
  box-shadow: 0 0 .5em rgba(0,0,0,.1) inset ;
  border-top:1px solid rgba(255,255,255,.3);
  border-bottom:1px solid rgba(255,255,255,.3);
  font-size: 14px;
}
.news-panel{
  min-height:100px; 
}
.news-header{
  display:inline-block;
  float: left;
  margin:1em 0 0;
}
.news-feed{
  margin: 0;
  padding: 0;    padding-left: 23px;
    list-style: circle;
  font: normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
  height: 100px;
  overflow: hidden;
}
.news-item{
  height:100px;
  padding-right: 30px;
}

.news-item-header,
.news-item-lead{
  display: block;
}
.news-item-header{
  padding-top: 11px;
  font-weight:bold;
}
.news-item-lead{
  color: #665F51;
}
.news-scroll .glyph.general:before{
  margin-right:0;
}
.module-header{
  font: bold 1.25em/1.5em Verdana, Arial, Helvetica, sans-serif;
  color: #544f43;
  margin: 0 0 .5em;
  padding: 0;
}


/* OTHER COLORS */
.blue { 
	background: #347fd0 ;
  margin: 20px auto;
  border-radius: 4px;
  padding: 3px;
}
.blue span { background: #2c66be }
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#loadingDiv {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#ff814c;
}
#loadingDiv img {width:425px;}
.sendText {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 4em;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
.thankyoumsg {
	text-align: center;
	margin: 35px;
	opacity:0;
	/*padding:9em 0;*/
	color:#fff;
}
#textDiv a {
    opacity: 0;
}
#textDiv {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#1F262D;text-align: center;
    padding: 9em 0px;
	
}

@media only screen and (max-width:767px){#loadingDiv img {width:100%;}
.umatop>div{margin-top:0px !important;} 
.umatop .card{margin-bottom:0px !important;}
/*.umatop{padding:20px;}*/
.card-body {
    padding: 1.1rem !important;
}
table.table.profile2 {
    font-size: 0.87em !important;
}
.userhomeblade #homebx{padding:0px 10px !important;}
.umatop .fgrup{padding:10px !important;}
.paddingnone{padding:0px !important;}
}

/******** marquee text css ****/

marquee {
    font-family: inherit;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 500;
    color: red;
}


/*********  Work pay summary title css ************/

.summary-title{margin-bottom: 29px !important;
    padding: 9px 0px;}
    
/***** Login pages css   ****/

.loginbg{padding: 50px 40px;
    border-radius: 24px;border: 8px double #fff;box-shadow:0px 0px 30px 0px rgb(0 0 0 /50%);}
.logintitle{font-family: "Poppins", sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;margin-top: 25px;}
.hrline{background:#fff !important;}
.iconmar{font-size: 30px;
    top: 4px;
    position: relative;    margin-left: 1%;}
.iconuser{font-size: 40px;border: 6px solid orange;
    padding: 10px;
    border-radius: 50px;
    background: orange;}
    
    
/***** admin main dashboard css *******/
html body small.fsize{font-size:100% !important;}
.bgborder{padding: 12px;border: 6px double #fff;}
.analysis{ border: 6px double #fff;
    border-radius: 50px;
    padding: 8px;}
    

.navbar-brand img {
    padding-top: 10px;
    width: 160px;
}
.brand img{
    padding-top: 0px !important;
    width: 143px;
    z-index: 999;
    padding-bottom: 0px !important;
}
.datepicker-dropdown{
   z-index: 9999 !important; 
}
.custombtn {
    color: #ffffff !important;
    background-color: #3f5367;
    border-color: #3f5367;
}
.btn-sm {
    border-radius: 10px !important;
}
.tabview{
display:none;
}
#navbarSupportedContent {
	margin-top: -7px;
	padding: 10px 0 0px 0;
}

.brandcontent{
	margin-top: 0px !important;
	padding-top: 0px !important;
}
.brandmenulink{margin-left: 86px;}
.topside{height: auto !important;}

/** User panel**/
#upanel {
    background: #ffffff !important;
    padding: 30px;
}
.btn{font-weight: 500 !important;
    font-family: var(--bs-font-sans-serif) !important;
    letter-spacing: 1px !important;font-size: 1.2rem !important;}
body .btn.mt-1{font-size: 0.765625rem !important;}
.useloginbg .logintitle {
    color: #1f262d !important;
    margin-top: 0;
    font-family: inherit !important;
    font-weight: bold !important;
}
.useloginbg {
    background-color: transparent !important;
    /*box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 26%);*/
    padding: 50px;
}
.useloginbg #basic-addon1, .useloginbg #basic-addon2 {
    /*background: transparent !important;*/
    border: 0;
    /*border-bottom: 2px solid #e1e1e1;*/
}

.useloginbg input {
    border: 0;
    border-bottom: 2px solid #e1e1e1;
}
.useloginbg .input-group-text i {
    /*color: #1f262d !important;*/
    color: #fff !important;
    font-size: 18px;
}
.useloginbg .btn-primary {
    padding: 0 40px !important;
}
.useloginbg .iconuser {
   /* position: absolute;*/
   /* top: -1.5em;*/
    background: transparent !important;
    border: navajowhite;
    border-radius: 0;
    /*margin-left: -3.39em;*/
	width: 50%;
}
.useloginbg .text-white {
    padding: 8px;
}
.useloginbg .text-forgot {
    padding: 8px;
    color: #1f262d !important;
    display: block;
    text-align: right;
}
.income{text-align:center;}
i.fas.fa-home {
    font-size: 22px !important;
}
span.hide-menu{font-size:17px !important;}
.sidebar-nav ul .sidebar-item .sidebar-link i{text-align:left !important;}

.topbar .nav-toggler{
    background: #27a9e3;font-size:18px;
}

/** Invoice CSS**/
#invlabel .col-form-label {
    padding: 0;
    font-weight: bold !important;
    font-size: 16px;
}
/*#invlabel .card-body {
    padding: 0;
}*/
#homebx h5 {
    background: #ecebeb;
    padding: 15px;
}
#homebx th, #homebx td {
    padding-left: 22px;
    padding-right: 22px;
}
#ltext b {
    font-weight: normal;
    font-size: 16px;
}
#ltext span {
    font-weight: bold;
    font-size: 16px;
}
#invlabel h3, #invlabel h2 {
    background: #ecebeb !important;
    border: 1px solid #d1d1d1;
    padding: 10px;
    margin-bottom: 10px;
    color: #3e5569 !important;
    font-size: 24px;
    font-weight: bold;
    text-align: left !important;
}
.fgrup {
    padding: 10px 20px;
}

body{background:#eeeeee;}
#homebx {
    padding: 20px;
}

.tab-content {
    margin-top: 20px;
}

.invoiceborder{border-bottom: 2px dotted #e9ecef;align-items: center;}

/* #Tablet (Portrait)
----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.tabview {
	display: block;
	width: 63px;
}
.deskview{
display:none;
}
}

/*  #Mobile (Portrait) 320px
----------------------------------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 767px) {
.useloginbg {
    padding: 0 20px;
}
.useloginbg .logintitle {
    /*margin-top: 60px;*/
    margin-bottom: 0;
    padding-bottom: 0 !important;
}
.text-end {
    text-align: left !important;
}
.fgrup .col-sm-9 {
    padding: 0;
}
.fgrup .dt-buttons {
    float: left !important;
}
.fgrup #zero_config_wrapper {
    padding: 0;
}
i.mdi.mdi-cellphone, i.mdi.mdi-email {
    font-size: 25px;
    position: relative;
    top: 3px;
}

}
.profile{
    font-size:1.3em !important;
}
.profile td{
    font-size:1.3em !important;
}
.termsandcondition li{
    list-style:none;
    line-height: 1.6em;
}
ul.termsandcondition {
    padding-left: 0px;
}

@media only screen and (max-width:576px){.mobileview{width:auto !important;margin-right:10px;}}

/********  Header css  ******/
header.topbar.topside {
    background: #27a9e3 !important;
}
#navbarSupportedContent {
    margin-top: 0px !important;
    padding: 0px 10px 0px 0px !important;
}
header.topbar #navbarSupportedContent {
    background: #27a9e3 !important;
}
#navbarDropdown{line-height: 50px !important;
    height: 50px !important;
    color: #ffffff !important;}
.navbar-nav.float-end{background: red !important;
    border-radius: 100px;}
.navbar-header{background:linear-gradient(90deg, #ffffff, transparent) !important;display: flex;}
.brand{display: block !important;
    margin: 0px;
    padding: 0 10px 0 10px;
    text-align: center;
}
header.topbar .brand img{padding:0px !important;}
.left-sidebar {
padding-top: 80px !important;}
#main-wrapper .topbar .top-navbar .navbar-header{z-index:99 !important;}

.remarkUpbtn {
    font-size: 16px !important;
    padding: 3%;
}

.previewimg{height: 124px;}