body{
	font-family: 'Source Sans Pro', sans-serif !important;
}




.login_as{
	
/*background: url('http://theofficearea.in/ashish_designer_demo/a1-img/a1.jpg') top center no-repeat #FFFAE6;	*/
	
background: url('https://arasari.studio/projects/forny/templates/img/bg-01.svg') top center no-repeat #FFFAE6;
background: url('https://arasari.studio/projects/forny/templates/img/bg-01.svg') top no-repeat;	
}

.cl{
	clear:both;
}

.table-responsive {
scrollbar-width: thin ;
}

.skin-blue .sidebar-menu > li > a {

    background-color: #FCFCFC !important;
	border-top: 1px solid #fff !important;
	border-bottom: 1px solid #dbdbdb !important;}



.blink{
		width:200px;
		height: 50px;
	    background-color: magenta;
		padding: 15px;	
		text-align: center;
		line-height: 50px;
	}
	
	
.a1_table table th {
    text-align: center;
}	
	
	
.blink span{
		font-size: 25px;
		font-family: cursive;
		color: white;
		animation: blink 1s linear infinite;
	}
	
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}


.table_50 table {
    width: 40%;
}


.table-as{
	height:1800px;
	overflow:auto;
	scrollbar-width: thin;
}

.mt25 {
    margin-top: 25px;
}

.box-title img {
    display: inline;
}

table{
	font-size:16px !important; 
}

.box-header .box-title {
    display: inline-block;
    font-size: 21px !important;
    margin: 0;
    line-height: 1;
    font-weight: 600 !important;
}


.login_as{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    color: black;
	background-color:#FFFAE6;
}

.navbar-nav > li > a {
    padding-top: 21px !important;
    padding-bottom: 21px !important;
}
.main-header .sidebar-toggle::before {
    content: "\f0c9";
    font-size: 22px !important;
}



/* header menu bar */
.skin-blue .main-header .navbar .sidebar-toggle {
    color: #000 !important;
}
.skin-blue .main-header .logo {
    color: #000 !important;
	height: 64px !important;
}

.skin-blue .main-header .navbar {
    background-color: #fff !important;
}

.skin-blue .main-header .navbar .nav > li > a {
    color: #000;
}
.main-header .sidebar-toggle {
  padding: 17px 15px !important;
}
.skin-blue .main-header .logo {
 background-color: #fff !important;
}
.user-panel {
    margin-top: 25px !important;
}
.main-header .logo .logo-lg {
padding-top: 18px !important;
padding: 24px;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #f4f4f4 !important;
}

.skin-blue .sidebar a {
    color: #000 !important;
	font-size: 15px !important;
font-weight: 600 !important;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
    color: #fff !important;

}
.skin-blue .sidebar-menu > li > .treeview-menu {
    background: #fcfcfc !important;

}
.treeview-menu > li > a {
    padding: 15px 5px 15px 15px !important;
}

.treeview-menu > li{
border-top: 1px solid #fff !important;
border-bottom: 1px solid #dbdbdb !important;}


.skin-blue .user-panel > .info, .skin-blue .user-panel > .info > a {
    color: #000 !important;
}

.skin-blue .sidebar-menu > li.header {
    color: #fff !important;
    background: #0B94BD !important;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
    color: #fff;
    background: #999 !important;
/*	background: #163D5C  !important;*/
}
.content-wrapper {
    background-color: #F9F9F9 !important;
	min-height: 660px ;
	max-height: 660px ;
 overflow:scroll ;
  scrollbar-width: thin ;
}
.main-sidebar {
   padding-top: 65px !important;
	min-height: auto !important;
	max-height: 790px !important;
	  overflow:scroll !important;
  scrollbar-width: thin !important;
}

.cmpny-name span, strong{
		font-family: 'Source Sans Pro', sans-serif !important;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #fff !important;
}

.content-header {
    position: relative;
    padding: 15px !important;
}





























.twPc-div {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e1e8ed;
    border-radius: 6px;
    height:auto;
	width:100%;
}
.twPc-bg {
    background-image: url("https://pbs.twimg.com/profile_banners/50988711/1384539792/600x200");
    background-position: 0 50%;
    background-size: 100% auto;
    border-bottom: 1px solid #e1e8ed;
    border-radius: 4px 4px 0 0;
    height: 95px;
    width: 100%;
}
.twPc-block {
    display: block !important;
}
.twPc-button {
    margin: -35px -10px 0;
    text-align: right;
    width: 100%;
}
.twPc-avatarLink {
    background-color: #fff;
    border-radius: 6px;
    display: inline-block !important;
    float: left;
    margin: -30px 5px 0 8px;
    max-width: 100%;
    padding: 1px;
    vertical-align: bottom;
}
.twPc-avatarImg {
    border: 2px solid #fff;
    border-radius: 7px;
    box-sizing: border-box;
    color: #fff;
    height: 72px;
    width: 72px;
}
.twPc-divUser {
    margin: 5px 0 0;
}
.twPc-divName {
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
}
.twPc-divName a {
    color: inherit !important;
}
.twPc-divStats {
    margin-left: 11px;
    padding: 10px 0;
}
.twPc-Arrange {
    box-sizing: border-box;
    display: table;
    margin: 0;
    min-width: 100%;
    padding: 0;
    table-layout: auto;
}
ul.twPc-Arrange {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.twPc-ArrangeSizeFit {
    display: table-cell;
    padding: 0;
    vertical-align: top;
}
.twPc-ArrangeSizeFit a:hover {
    text-decoration: none;
}
.twPc-StatValue {
    display: block;
    font-size: 18px;
    font-weight: 500;
    transition: color 0.15s ease-in-out 0s;
}
.twPc-StatLabel {
    color: #8899a6;
    font-size: 10px;
    letter-spacing: 0.02em;
    overflow: hidden;
    text-transform: uppercase;
    transition: color 0.15s ease-in-out 0s;
}

.CStatus{
color:#fff;
background:#0eab23;
}
.PStatus{
    background: #f5ad42;
color:#fff;
}

@media screen and (min-device-width: 320px) and (max-device-width: 510px) { 

.skin-blue .main-header .logo {
    color: #000 !important;
	height: 40px !important;
}

.sidebar {
    margin-top: 25px !important;
}
.main-header .sidebar-toggle {
    padding:5px 7px !important;
}

.main-header .logo .logo-lg {
  padding:2px 110px !important;	
}

.skin-blue .main-header .navbar .sidebar-toggle {
   font-size: 10px;
}

.main-header {
    max-height: 32px !important;
}
.navbar-nav > li > a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;

}

.content-wrapper {
background-color:#F9F9F9 !important;
min-height: 480px !important;
max-height: 100% !important;
overflow: initial;

}

.main-sidebar {
    padding-top: 65px !important;
    min-height: 480 !important;
    max-height: 100% !important;
    overflow: scroll !important;
    scrollbar-width: thin !important;
}

.content-header {
    position: relative;
    padding: 8px !important;
    text-align: center;
    margin-top: 70px;
}
.box-header .box-title {
    text-align: center !important;
}

.mt_50{
	margin-top:50px;
}


}