.wd1{
	width: 1px;
}
@media (max-width: 768px) {
	.bgc{
		background:#223378 ;
	}
	.loginsubdiv{
		background: #FFFFFF;
		box-shadow: none;
	}
}
@media (min-width: 1024px) {
	.pdsd{
		padding: 22px;
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		height: 475px;
	}
	.bgc{
		background:#223378 ;
	}
	.loginsubdiv{
		background: #FFFFFF;
		box-shadow: 0px 6px 50px rgba(68, 106, 150, 0.08) !important
	}
}
.typ{
	padding: 6px;
    height: 2.4rem;
}
.inline-block { display: inline-block; }
.cursor { cursor: pointer; }
.logo-icon{
	height: 36px !important;
	width: auto !important;
}
.logo-icon2{
	height: 58px !important;
    width: 100%;
}
/* .select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple {
    height: 2.5rem !important;
    border-color: #e7e9ed !important;
    color: #5d6778 !important;
} */
/* .select2-container--default .select2-selection--single .select2-selection__arrow  {
    height: 38px !important;
} */
/* .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
} */
/* .select-cell .select2-container { width: 100% !important; } */
.app-card-orders-table .select-cell span {
    display: block;
}
.note-editor.note-frame {
    border: 1px solid #e7e9ed !important;
}
.note-editor .btn-light {
    background: #f7f7f7 !important;
    color: #282828 !important;
}
.note-editor.note-frame .note-editing-area .note-editable {
    min-height: 200px;
}
.note-btn-group .btn-group > .dropdown-menu > li > a {
	display: block !important;
	padding: 3px 20px !important;
	clear: both !important;
	font-weight: normal !important;
	line-height: 1.42857143 !important;
	color: #333 !important;
	white-space: nowrap !important;
}
.alert-light { border: 1px solid #5d6778; }
/*.app-nav .nav-icon .bi::before, [class^="bi-"]::before, [class*=" bi-"]::before*/
/*.app-nav .nav-icon .bi::before {*/
.app-nav .nav-icon .bi {
    font-size: 1.25rem;
}
.app-nav .divider {
	font-size: small;
	text-transform: uppercase;
	color: #e7e9ed;
	padding: 0.875rem 1rem;
}
.app-user-dropdown img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.text-stroke {
    text-decoration: line-through;
}
.table-search-form .form-control {
    height: 2.25rem;
}
.btn .bi {
    position: relative;
    top: 0px;
}
textarea.form-control {
    min-height: 5rem;
}
.text-orange {
	color: darkorange;
}
.search-keyword { font-size: 0.8rem; }

.table-icon {
	margin: 0px;
    padding: 0px;
    font-size: 1.8rem;
    position: revert;
    line-height: 1.8rem;
}

.table-action-icon {
	margin: 0px;
    padding: 0px;
    font-size: 1.2rem;
    position: revert;
    line-height: 1.2rem;
    cursor: pointer;
    float: right;
    padding: 0 7px;
    display: inline-block;
}

@media (max-width: 900px) {
    .table tbody tr {
        /* display: block; */
		display: inline-flex;
        margin-bottom: 20px;
    }

    .table tbody td {
        /* display: flex; */
		display: block;
        flex-direction: column;
        padding: 5px 0;
    }
}

.table {
    width: 100%;
    max-width: 100%;
}
@media (max-width: 768px) {
    .table-responsive {
        overflow-x: auto;
    }
}

.avatar-xs {
	display: inline-block;
	width: 36px;
	height: 36px;
	overflow: hidden;
	border-radius: 50%;
	overflow: hidden;
	margin-top:10px;
}
.avatar-xs img { width: 100%; min-height: 36px; }
.avatar-md {
	display: inline-block;
	width: 110px;
	height: 110px;
	overflow: hidden;
	border-radius: 50%;
	overflow: hidden;
}
.avatar-md img { width: 100%; min-height: 110px; }
.banner-sm {
	display: inline-block;
	width: 113px;
	height: 40px;
	overflow: hidden;
	border-radius: 2px;
	overflow: hidden;
}
.banner-sm img { width: 100%; }
.banner-md {
	display: inline-block;
	width: 226px;
	height: 80px;
	overflow: hidden;
	border-radius: 2px;
	overflow: hidden;
}
.banner-md img { width: 100%; }
.category-xs {
	display: inline-block;
	width: 36px;
	height: 36px;
	overflow: hidden;
	border-radius: 20%;
	overflow: hidden;
}
.category-xs img { width: 100%; min-height: 36px; }
.category-md {
	display: inline-block;
	width: 110px;
	height: 110px;
	overflow: hidden;
	border-radius: 20px;
	overflow: hidden;
}
.category-md img { width: 100%; min-height: 110px; }

.product-xs {
	display: inline-block;
	width: 36px;
	height: 36px;
	overflow: hidden;
	border-radius: 20%;
	overflow: hidden;
}
.product-xs img { width: 100%; min-height: 36px; }
.product-sm {
	display: inline-block;
	width: 48px;
	height: 48px;
	overflow: hidden;
	border-radius: 20%;
	overflow: hidden;
}
.product-sm img { width: 100%; min-height: 48px; }
.product-md {
	display: inline-block;
	width: 110px;
	height: 110px;
	overflow: hidden;
	border-radius: 20px;
	overflow: hidden;
}
.product-md img { width: 100%; min-height: 110px; }


.dropzone {
    min-height: 150px;
    border: 2px dashed rgba(0,0,0,0.3) !important;
    background: #FAFAFA!important;
    padding: 20px 20px;
}
.img-action-delete {
	width: 26px;
    height: 26px;
    text-align: center;
    color: white;
    background: red;
    display: inline-block;
    border-radius: 13px;
    line-height: 28px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 23%);
    cursor: pointer;
    right: 20;
    position: relative;
    right: 13px;
}
.img-action-delete:hover { color: white; }
.vertical-align-middle{ vertical-align: middle; } 
.prr-box {
	height: 400px;
	overflow: hidden;
	overflow-y: scroll;
	border: 1px solid #ECECEC;
}
@media print {
    body { background: #FFFFFF!important; }
}
.btn-image-delete,
.btn-image-delete:hover {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FFFFFF;
	background: #DB4437;
	display: inline-block;
	border-radius: 50%;
	position: relative;
	top: -10px;
	right: 30px;
	box-shadow: 0 1px 3px #00000020;
}
.status-box {
	overflow: hidden;
}
.status-box .radio-status {
    display : inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
}
.status-box .radio-status > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.status-box .radio-status > input + div{ /* DIV STYLES */
    cursor:pointer;
    border:2px solid transparent;
    padding: 7px 10px;
    background-color: #ECECEC30;
    border: 1px solid #e7e9ed;
    border-radius: 4px;
}
.status-box .radio-status > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-color: #009f4b;
    border: 1px solid #009f4b;
    color: #FFFFFF;
    font-weight: bold;
}
.history-item { 
	border-bottom: 1px solid #e7e9ed; 
	overflow: hidden;
	padding: 7px 0; 
}
.history-item .history-title {
	margin-bottom: 10px;
	font-weight: bold;
}
.history-item .history-comment {
	font-size: 12px;
}
.no-border {
	border: 0px;
}
.swal2-styled.swal2-confirm {
    border-color: #1a73e8;
	border-radius: 4px;
    background: initial;
    background-color: #1a73e8;
    color: #fff;
    font-size: 1.0625em;
    border: 0px;
    border-radius: 4px;
    outline: 0px;
}

.require_master_msg{
	color: black;
    text-decoration: underline;
}

.require_master_msg :hover {
	color :#006cec
}

.wizard_logo{
	height:20px !important;
}

#guide_master ul{
	margin:0px !important;
}

.tree {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tree ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 1em;
	position: relative;
}
.tree ul ul {
	margin-left: 0.5em;
}
.tree ul:before {
	content: "";
	display: block;
	width: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border-left: 1px solid;
}
.tree ul li:before {
	content: "";
	display: block;
	width: 10px;
	height: 0;
	border-top: 1px solid;
	margin-top: -1px;
	position: absolute;
	top: 1em;
	left: 0;
}
.tree ul li:last-child:before {
	background: #fff;
	height: auto;
	top: 1em;
	bottom: 0;
}
.tree li {
	margin: 0;
	padding: 0 0.8em;
	line-height: 2em;
	color: #5d6778;
	font-weight: 700;
	position: relative;
	cursor: pointer;
}
.tree li .expand {
	display: block;
}
.tree li .collapse {
	display: none;
}
.tree li a {
	text-decoration: none;
	color: #5d6778;
}
.tree li button {
	text-decoration: none;
	color: #5d6778;
	border: none;
	background: transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	outline: 0;
}
.tree li button:active {
	text-decoration: none;
	color: #5d6778;
	border: none;
	background: transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	outline: 0;
}
.tree li button:focus {
	text-decoration: none;
	color: #5d6778;
	border: none;
	background: transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	outline: 0;
}
.indicator {
	margin-right: 5px;
}

.ml5{
	margin-left: 5px;
}

.asset_assign_pane{
	border: 1px solid #5d6778;
    padding: 10px;
    border-radius: 5px;
    height: 100%;
}
.divider{
	display: none;
}
.app-user-menu img
{
	width:30px;
	height: 30px;
	border-radius:50%;
}
.app-user-menu label
{
	color: #fff;
    font-weight: 500;
	padding-left: 10px;;
}
.app-user-menu
{
	margin-left: 25px;
    margin-top: 10px;
}
.app-user-menu ul, .app-user-menu ul li{
	list-style:none;
}
.app-user-menu ul
{
	padding-left: 0px;
	margin-left: -20px
}
.app-user-menu ul li a
{
	color:#fff;
	padding-left:0px;
	margin-top:10px;
}
.dividershow
{
	display: block!important;
}
.nav-link-text
{
	margin-left:-11px;
}
.comnyinfo, .comnyinfo li{
	list-style: none;
	font-size:16px;
	color:#374151!important;
	line-height: 52px;
}
.company_name
{
	margin-top:-10px;
}
.company_name span
{
	color: #374151!important;
	font-size: 16px;
	font-weight: 600;
}


/* workorder */
.right2 .modal-dialog
{
  transition: transform .25s ease-out;
  position: fixed;
  margin: auto;
  height: 100%;
}

.right2 .modal-content
{
  overflow-y: auto;
  border-radius: 0;
  border: none;
  height: 100%;
}
.right2 .modal-dialog {
  transform: translateX(400px);
  right: 0;
}
.left .modal-dialog {
  transform: translateX(-50px);
  left: 0;
}

.right .modal-dialog
{
  transition: transform .25s ease-out;
  position: fixed;
  margin: auto;
  height: 100%;
}

.right .modal-content
{
  overflow-y: auto;
  border-radius: 0;
  border: none;
  height: 100%;
}
.right .modal-dialog {
  transform: translateX(400px);
  right: 0;
}
.left .modal-dialog {
  transform: translateX(-50px);
  left: 0;
}
/* .select2-container
{
	width:100%!important;
} */
.closebtn
{
	float: left;
    position: absolute;
    width: 0px;
    height: 0px;
    border-radius: 50%;
    border: 0px solid #EF4444;
    padding: 13px!important;
	opacity: unset;

}
.labelh5
{
	margin-left: 42px;
}
/* workorder end */
/* .select2-container--open .select2-dropdown--below
{
	z-index: 10000!important;
} */
@media (min-width: 992px){
	.modal-lg, .modal-xl {
		max-width: 60%!important;
	}
}
@media (min-width: 992px){
	.large{
		max-width: 40%!important;
	}
	}
	.btnsubmitworkorder
	{
		margin-top: 32px;
    background-color: #00a149!important;
    border-color: #00a149;
    width: 157px;
    height: 42px;
    margin-right: -20px;
	}
	.btnsubmitworkorder1
	{
		margin-top: 32px;
    background-color: #00a149!important;
    border-color: #00a149;
    width: 157px;
    height: 42px;
    margin-right: -20px;
	}
	.boxright
	{
	text-align: right;
	}
.nav-icon svg{
	width: 22px;
	height:22px;
}
.carddashboard
{
	margin-bottom: 20px;
}
.carddashboard .card-body
{
	padding: 1rem 1rem;
    height: 90px;
    border-color: #E5E7EB;
    background: #F7F8FD;
    border-radius: 3px;
}
.carddashboard .card-body .card-text
{
	font-size: 23px;
    color: #111827;
}
.carddashboard .card-body .card-title
{
	font-size: 14px;
    color: #6B7280;
}
.welcometitle
{
	font-size: 30px;
    font-weight: 600;
}
.welcometitle span:nth-child(1){
	color:#223477;
}
.welcometitle span:nth-child(2){
	color:#009F4C;
}
.welcometitle img
{
	height: 24px;
    margin-top: -7px;
    padding-left: 4px;
}
.app-card
{
	padding:0px;
	border:1px solid #E5E7EB;
	border-radius: 8px;
}
.app-card .app-card-body
{
	background: #F7F8FD;
}
.app-card .app-card-title
{
	font-size:14px;
	color:#374151;
}
.app-card .p-3
{
	padding:0.7rem!important;
}
.cardreport .card
{
	background-color: #F7F8FD;
	border:1px solid #D3D6E4;
	border-radius: 8px;
	margin-bottom: 25px;
}
.cardreport .card-body
{
	min-height: 160px;
}
.cardreport .card .card-text{
	color:#374151;
	font-size: 15px;
	
}
.cardreport .card .card-title{
line-height: 18px;
font-size: 13px;
margin-bottom: 20px;

}
.btngenerate
{
	border-radius: 6px;
	border:1px solid #009F4C;
	padding:5px 5px 4px 5px;
	background: #FFFFFF;
	color:#5d6778;
	line-height: 25px;
	font-size:13px;
	width: 117px;
	display: block;
	text-align: left;
}

.full-input {
	display: inline-block;
	padding: 3px;
	border: 1px solid #D1D5DB;
	border-radius:6px;
	background: #fff;
	height: 55px!important;
	width: 100%;
  }
  .full-input input {
	outline: none!important;
	border: none!important;
	display:block!important;
	line-height: 18px!important;
	font-size: 13px!important;
	padding:3px!important;
	height: 24px!important;
	color:#9CA3AF!important;
  }
  .full-input label {
	display: block!important;
	font-size: 12px!important;
	color: #4B5563!important;
	margin-bottom: 0px!important;
	padding-left:3px!important;
	padding-top:3px;
	font-weight: 600;
  }
  .modal-dialog .app-card .app-card-body
  {
	background-color: #fff;
	margin: 20px;
  }
  .modal-dialog .app-card 
  {
	border:none!important;
  }
  
  .full-input  select
  {
		outline: none!important;
		border: none!important;
		display:block!important;
		line-height: 18px!important;
		font-size: 15px!important;
		padding:3px!important;
		height: 24px!important;
		color:#9CA3AF!important;
		

  } 
  .full-input textarea
  {
		outline: none!important;
		border: none!important;
		display:block!important;
		line-height: 18px!important;
		font-size: 15px!important;
		padding:3px!important;
		height: 24px!important;

  } 
  .full-input .file1
  {
		outline: none!important;
		border: none!important;
		display:block!important;
		line-height: 18px!important;
		font-size: 15px!important;
		padding:3px!important;
		height: 24px!important;

  }

  
  /* .select2-container
  {
	margin-top:-38px!important;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered
  {
	line-height: 28px!important;
	color:#9CA3AF!important;
  }
  .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple
  {
	height: 17px!important;
    border: none!important;
    margin-top: -18px;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow
  {
	height: 0px !important;
    margin-top: -9px;
  }
  .select2-container--open .select2-dropdown--below {
    top: 22px;
    margin-left: -4px!important;
    border-color: #D1D5DB!important;
}
.select2-search--dropdown {
    display: block;
    padding: 4px;
    margin: 5px;
}
.select2-container .select2-selection--single .select2-selection__rendered
{
	padding-left:4px!important;
	font-size: 15px;
} */
.bggray
{
	background: #e9ecef;
}
.tarea
{
	height:106px!important;
}
.imagedetails
{
	padding-left: 15px;
    font-size: 12px;
    color: #6B7280;
    line-height: 28px;
    font-weight: 400;
}
.plusicon
{
	border: 1px solid #D1D5DB;
    width: 100px;
    border-radius: 10px;
    text-align: center;
    padding: 17px;
	cursor:pointer;
}
.file1{
	width: 100px;
    position: relative;
    top: -80px;
    height: 100px;
    opacity: 0;
}
.lblimage
{
	font-size:13px;
	color:#4B5563;
	font-weight: 500;
	margin-top:20px;
}
.app-card-body .table>tbody
{
	background-color: #fff;
}
.boxflag
{
	width: 92px;
    padding: 4px;
    border-radius: 50px;
    border: 1px solid #ccc;
	margin:auto;
}
.app-card-orders-table .table tbody .cell
{
	color:#1F2937!important;
	text-align: center;
}
.app-card-orders-table .table thead .cell{
color:#6B7280;
text-align: center;
width: 130px!important;

}

.app-page-title{
	display: none;
}

.none{
	display: none;
}


.btnaddsvg:hover {
    color: #fff!important;
    background: #16A34A!important;
	border: 1px solid #E5E7EB!important;
	
}

.btnaddsvg{
    border: 1px solid #E5E7EB;
	display: inline-block;
    margin-left: 10px;

}

.search-icon{
	position: absolute;
    margin-top: 5px;
    margin-left: 8px;
}

@media (min-width: 1200px){
.table-search-form .form-control {
    min-width: 400px;
	padding-left: 35px;
}
}
.btngenerate :hover
{
	color:#fff;
	background-color: #009F4C;
}
/* .select2-container--default .select2-selection--single {

	background-color: transparent;
	border: 0px solid #aaa;
	border-radius: 0;
   
   } */
   /* .select2-selection__rendered{

	color: #9CA3AF!important;
	
	}
	.select2-container--default .select2-results__option--highlighted[aria-selected]
	{
		background-color: #E7EBF8!important;
	}
	.select2-container--default .select2-results__option[aria-selected=true]
	{
		background-color: #F9FAFB;
		color:#9CA3AF!important;
	}
	.select2-container--open .select2-dropdown {

		left: 0;
		top: -10px;
	   
	   } */
	input::placeholder {
	color:#9CA3AF!important;
	}


	/* .select2-container--default .select2-selection--single .select2-selection__arrow b{
		background-image: url(../images/arrowdown.png);
	    width: 24px;
		height: 24px;
		background-repeat: no-repeat;
		left: 50%;
		margin-left: -15px;
		margin-top: -20px;
		position: absolute;
		top: 50%;
		background-size: contain;
		border: 0;

	} */
	.app-btn-success
	{
		width: 155px;
		line-height: 20px;
		border-radius: 8px;
		font-weight: normal;
		margin-left: 0;
	}
	.pdlt
	{
		padding-left: 15px;
    padding-right: 15px;
	}

	.btngenerate:hover
	{
		background-color: #009F4C!important;
		color: #fff!important;
	}

	.btsubmit{
		background: #009f4c !important;
		color: #fff;
		border-color: #009f4c !important;
		width: 100%;
		display: inline-block;
		line-height: 28px;
		margin-bottom: 12px;
		margin-left:18px;
	}

	.printpdfbt{
		background: #ffffff !important;
		color: #009f4c !important;
		border-color: #009f4c  !important;
		width: 100%;
		display: inline-block;
		line-height: 28px;
		margin-left: 18px;
		/* margin-bottom: 8px; */
	}
	/* .pt{
		margin-left: 45px;
	} */

	/* .select2-container--default .select2-selection--multiple{
		border: 0px solid #aaa;
	} */

	.deftitle
	{
		color:#9CA3AF;
	}

	.app-pagination .pagination .page-link {
		color: #6B7280;
		padding: .25rem .5rem;
	}

	.page-link {
		position: relative;
		display: block;
		color: #0d6efd;
		text-decoration: none;
		background-color: #fff;
		border: 1px solid #dee2e6;
		transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
		border-radius: 7px;
	}
	.app-pagination .pagination {
		font-size: .875rem;
		background: white;
		width: max-content;
		margin: auto;
		padding: 10px 15px;
		border-radius: 7px;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		border: 1px solid #D1D5DB;
	}
	.app-pagination .pagination li {
		margin: 0 2px;
	}
	.app-pagination .pagination li a {
		background-color: transparent;
		border: 0;
		color: #6B7280;
		padding: .25rem .5rem;
		border-radius: 7px;
		transition: all 0.2s ease;
	}
	.app-pagination .pagination li a:hover {
		background-color: #f3f4f6;
		color: #374151;
	}
	.app-pagination .pagination .page-item.active .page-link {
		background: #fff;
		color: #262626;
		border: 1px solid #D1D5DB;
		border-radius: 7px;
		font-weight: 600;
		box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	}
	.app-pagination .pagination .page-item.disabled .page-link {
		color: #D1D5DB;
		pointer-events: none;
	}
	.app-pagination .pagination .page-item:first-child .page-link,
	.app-pagination .pagination .page-item:last-child .page-link {
		font-size: 1rem;
	}

	/* Responsive styles for pagination */
	@media (max-width: 768px) {
		.app-pagination .pagination {
			padding: 8px 10px;
		}
		
		.app-pagination .pagination li a {
			padding: .2rem .4rem;
		}
	}
	.boxwrapper .app-card-body
	{
		background-color: #fff!important;
	}

	.form-check-input:checked {
		background-color: #009f4b;
		border-color: #029547;
	}

	.company-bg{
		background-color: #f7f8fd;
	}

	.loginsubdiv {
		background: #FFFFFF;
		/* box-shadow: 0px 6px 50px rgba(68, 106, 150, 0.08) !important; */
		border: 1px solid #e6e7ec !important;
		border-radius: 18px !important;
	}

.info-pd{
	padding-left: 6rem;
    padding-right: 6rem;
    margin-top: 1rem;
}

.m-auto{
	margin: auto;
}

table.dataTable tbody tr.selected>* {
	box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0) !important;
    color: #252930 !important;
}   

.mp0{
	margin: 0px;
	padding: 0px;
	margin-left: -8px;
}
.btnboxmanage
{
	display: block;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 15px;
	bottom:0px;
}
.wauto
{
	width: auto;
	font-size: 12px;
}


.csimg img{
	
	width: 100%;
	float: left;
	margin: 5px;
	border-radius: 5px;
	height: 65px;
	margin-top: 5px;
}
   

.csimg{
	display: flex;
	position:relative;
}  

.csimg a{ 
	width: 25px;
	height: 23px;
	/* position: absolute; */
	margin-left: -22px;
	/* background: #ed0101; */
	text-align: center;
	color: #fefefe;
	border-radius: 50px;
	font-size: 15px;
	line-height: 16px;
	margin-top: 2px;
	background: red;
	width: 23px;
	/* line-height: 20; */
	padding: 4px;
	margin-top: -34px;
	position: absolute;
	right:8px;
}


.center{
	text-align: center;
}
/* .select2-container{
	z-index: 999999;
} */

#eye-icon{
    position: absolute;
    right: 30px;
    cursor: pointer;
    margin-top: -28px;
    }


/* .asset
{
	margin-left:698px;
} */


.successbtn
{
	position: relative;
    width: 90px;
	padding-top:50px;
}




.app-content{
 min-height: 500px;
}
.app-footer{
    /* bottom: 0;
    position: absolute;
    width: 100%;
	left: 0;
	right: 0; */
	
}



.assettbl tbody, table thead {
	display: contents; /* comment to get same column with*/
  }
  
   
  
  .assettbl{
	  table-layout: fixed;
  }
  
   
  
  .assettbl th, td {
	  /* border: 1px solid black; */
	  overflow: hidden;
	  /* width: 160px; */
  }


  .wotbl tbody, table thead {
	display: contents; /* comment to get same column with*/
	
  }
  
   
  
  .wotbl{
	  table-layout: fixed;
	  width:100%;
  }
  
   
  
  .wotbl th, td {
	  /* border: 1px solid black; */
	  overflow: hidden;
	  width: 132px;
	 
  }

  

  .invtbl tbody, table thead {
	display: contents; /* comment to get same column with*/
  }
  
   
  
  .invtbl{
	  table-layout: fixed;
  }
  
   
  
  .invtbl th, td {
	  /* border: 1px solid black; */
	  overflow: hidden;
	  width: auto;
  }

  
  .aatbl tbody, table thead {
	display: contents; /* comment to get same column with*/
	
  }
  
   
  
  .aatbl{
	  table-layout: fixed;
	  
  }
  
   
  
  .aatbl th, td {
	  /* border: 1px solid black; */
	  overflow: hidden;
	  width: 164px;
  }

.addbtn
{
	position:absolute;
	right:36px;
}






/* Action buttons to right code */

.table-responsive>.table>thead>tr>th {
    &:last-child {
        /* visibility: hidden; */
        text-align: left;
    }
}

.table-responsive>.table>tbody>tr>td {
  vertical-align: middle;
    &:last-child {
        text-align: center;
        /* visibility: hidden; */
    }
}

.table-responsive .table {
    margin-bottom: 0;
    border-bottom: 1px solid;
}
.table>thead>tr>th {
    white-space: nowrap;
}

.table-responsive>.fixed-column {
    right: 0;
    top: 0px;
    background: #f7f8fd;
    position: absolute;
    display: inline-block;
    width: auto;
    border-top: 0px solid ;
    border-left: 1px solid #ddd; 
    th, td {
        /* visibility: visible!important; */
        text-align: center!important;
    }
}
/* // @media(min-width:767px) {
//     .table-responsive>.fixed-column {
//        display: none;
//     }
// } */
@media(max-width:900px) {
    .table-responsive>.fixed-column {
        top: 1px;
       display: none;
    }
    .table-responsive>.table>tbody>tr>td {
        white-space: inherit;
    }
}

.table-responsive::-webkit-scrollbar {
    background: lightyellow;
    width: 12px;
}
.table-responsive::-webkit-scrollbar-track {
    background: whitesmoke;
}
.table-responsive::-webkit-scrollbar-thumb {
    background: gray;
}
.table-responsive:hover::-webkit-scrollbar {
    background: yellow;
}


.whdata
{
	position:absolute;
	right:36px;
	margin-top:-15px;
	
}

.prdata
{
	position:absolute;
	right:36px;
	margin-top:-15px;
	
}

.wotypetbl th, .wotypetbl td 
{
    padding: 0.5em;  
}

.chart{
	border-radius:8px;
}

.btngenerate svg
{
	margin-top: -3px;
}
.bordercolor:hover
{
	border-color:#009f4c
}

.symbol
{
	
	font-size:1.3em;
}

.wotp{
	margin-right:15px;
}
.selectdatesDiv{
	display: inline-block;
    padding: 8px;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    background: #fff;
    /* height: 55px!important; */
    width: 100%;
    margin-left: 12px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 15px;
 }
 

 .focus:hover{
	border-color:#006cec;
 }
   /* Styles for the modal */
   .modal1 {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	padding-left:270px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 1065;
	}
	.modal-content1 {
	background-color: #fff;
	margin: 0 auto;
	margin-right:0;
	padding: 20px;
	border: 1px solid #888;
	width: 50%;
	height:100%;
	}
	.close {
	color: #888;
	float: right;
	font-size: 30px;
	cursor: pointer;
	}
	/* Styles for the open button */
	#openModalBtn {
	padding: 10px;
	background: #007bff;
	color: #fff;
	border: none;
	cursor: pointer;
	}
	#openModalBtn:hover {
	background: #0056b3;
	}
	
	.img_center td{
    text-align:center;
    }
    .text-left{
    text-align: left;
    }
	/*.picwo*/
	/*{*/
	/*display: block!important;*/
 /*   margin-top: -50px;*/
 /*   margin-left: 48px;*/
 /*   line-height: 15px;*/
 /*   padding-top: 8px;*/
	/*}*/
	.picwo{
	    display: block!important;
    margin-top: -34px;
    margin-left: 48px;
	}

	.dateare
	{
		font-weight: bold;
		font-size: 14px;
	}
	
.setcss{

	font-size: 13px;
	 color: #4B5563;
	 font-weight: 600;
 
 }


 .assetimg{
	border-radius: 20px;
	width: 100px;
	height: 110px;
 }

 .apppage{
	margin-top:35px;
 }

 .companyfooter
 {
	bottom: 0px;
    position:unset;
    width: 100%;
	right:0px;
	left:0px;
	
 
 }

 .companybody{
	min-height:850px;
 }
  .tbcss table{
	width:100%;
}
 
.tbcss td{
	border:1px solid #ddd;
	padding:8px 5px 2px 5px
}

.tbcss thead{

	font-size:14px;

	padding:5px;

}
.btrt{
	right: 15px;
    position: absolute;
    width: 30px;
    text-align: center;
    height: 30px;
    padding: 0;
    font-size: 15px;
    border-radius: 100px;
    top: 7px;
    color: #fff;
}

#tabs .tab {
	display: inline-block;
    padding: 8px 10px;
    cursor: pointer;
    position: relative;
    z-index: ;
    align-items: center;
    margin-top: 0px;
    font-weight: bold;
    font-size: 14px;
}
#tabs .whiteborder {
	border: 1px solid #E5E7EB;
    border-bottom: 1px solid #fff;
    border-radius: 4px 4px 0 0;
    height: 40px;
    font-size: 14px;
	
}
#tabs .tabContent {
    width: 100%;
    height: 100%;
    border: 1px solid #E5E7EB;
    position: relative;
    top: -1px;
    z-index:1;
    padding: 10px;
	
    border-radius: 0 0 3px 3px
}
#tabs .hide {
    display: none;
}
#tabs .show {
    display: block;
}
.infoasset:hover {
    cursor: pointer;
}
.checkouttable th,td{
	padding:4px!important;
}

    .filetabname
    {
        padding: 5px;
    margin: 7px;
    border: 1px solid #ccc;
    border-radius: 15px;
    width: 92%;
    margin-left:0px;
    cursor:pointer;
    }