#html5-watermark{
 
	opacity: 0!important;
    display: none!important;
}
.btn40 > div
{
	display: flex;
    width: 39px;
    height: 39px;
    align-items: center;
    justify-content: center;
}

 

.dataTables_filter
{
	 	display:inline;

 	width:40%;
	clear:both;
}
 
.dataTables_length
{
		display:inline;
	width:40%;
	clear:both;
	padding-right:20px;
}
.dataTables_filter input
{
	margin-left:20px;
 }
 
 .showit
 {
	 
 }
 
 .hideit
 {
	 display:none;
	 
 }
 
 
 .user-btn-wrapper a{
	 margin-left:5px;
 }
 table.dataTable thead > tr > th:first-child , table.dataTable tbody > tr > td:first-child
{
display: flex;
      align-items: center;
      justify-content: center; 
	      vertical-align: middle;
		  padding:12px 2px;
  }
   table.dataTable tbody > tr > td > div
{
	text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  }
   
   table.dataTable tbody > tr > td  label
{
	
 margin:8px;
  }
  
   
.itemcode{
	letter-spacing: 2px;
    font-size: 12px;
	font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; */
}
table.dataTable tbody > tr > td {
 	/*height:40px;*/
}
 
table.dataTable tbody > tr:hover  {

/*box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2); 
*/
}


.sub-titles {
    font-size: 12px;
    color: #868ba1;
    margin-bottom: 0;
}
.hom-icons,.hom-icons a   {
  transition: all 0.2s ease-in-out;
      color: #868ba1;
}

.hom-icons a:hover,.hom-icons a:hover h6
{
 	   transition: all 0.2s ease-in-out;
	   color: #1b84e7!important;
}

.anyClass {
  height:300px;
  overflow-y: scroll;
  position: static;
	padding:0px;
	margin-top:-15px;
 
 }
 
 .scroolAcl {
  height:400px;
  overflow-y: scroll;
  width:600px;
 
 
 }
    .messages-list  > .media:last-child
	{
	border: 1px solid #ced4da;

	}
 
	
	
	 table.open1 thead > tr > th  
{
	  /*  font-size: 11px!important;*/
  }
 
 .bg01{
	 /*
	 background-color: #1b84e7;
    background-image: linear-gradient(to right, #1b84e7 0%, #1515af 100%);
    background-repeat: repeat-x;
    border-bottom-width: 0;
    color: #fff;
	    line-height: 1.5;
		*/
 }
 .hideme{
	 display:none;
 }
 .table-open_table
 {
	 margin: 4px 10px  4px  ;
	
 }
 .min400{
	 width: 400px!important;
 }
 .form-layout-5
 {
	 width:400px!important;
	 
 }
 
 .div.dataTables_wrapper tfoot select
 {
	 background:transparent;
 }

 .animation-element {
  opacity: 0;
  position: relative;
}
 
 


.btn-top  { 
 
  position: fixed;
  bottom: 4px;
     left: 0;
	 right:0;
  z-index: 99;
  cursor: pointer;
  
  
  width: 100%;
    height: 55px;
    font-size: 28px;
    color: #adb5bd;
     align-items: center;
    justify-content: center;
  border: 0px solid rgba(0, 0, 0, 0.2);
     background-color: transparent;
 
	 padding-right:4px;
	 

    border-radius:  50px ;
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
} 
.alerts-top  { 
 
  position: fixed;
  top: 85px;
     left: 0;
	 right:0;
  z-index: 99;
  cursor: pointer;
  
  
  width: 100%;
    height: 55px;
    font-size: 28px;
    color: #adb5bd;
     align-items: center;
    justify-content: center;
  border: 0px solid rgba(0, 0, 0, 0.2);
     background-color: transparent;
 
	 padding-right:4px;
	 

    border-radius:  50px ;
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
 
  transform: translate3d(0px, -200px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
} 
 .alerts-options  { 
	
	 
    height: 55px;
    opacity:1;
	 margin-bottom:20px;

} 
 .alerts-wap {
 
	  box-sizing: border-box;
	  opacity:1;
	   align-items: center;
		justify-content: center;
	 
		   background: linear-gradient(to top, #f8f9fa ,#f8f8fa,  #faf9f8,#f9faf8);

       position: relative;
       transition: all 0.5s ease-in-out ;
 	   padding-right:6px;
	   padding-left:6px;
     /* box-shadow: inset  0 0 5px; */
/*	 box-shadow: 0 0 1px rgba(111,66,193, 0.4),  0 0 6px rgba(148,193,66, 0.6);*/
     
    border: solid 1px rgba(111,66,193, 0.4);
	border-left: solid 0px #6f42c1;
	/*outline: thick double #32a1ce;*/
 
	   
		-webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
		transition: width 0.5s;
		transition-timing-function: cubic-bezier(0.1, 0.1,0.3, 0.2, 0.2,0.1);
 
 
 
 	    direction:ltr;
		align-items: center;
    justify-content: center;
 box-shadow: 0 0 3px rgba(111,66,193, 0.3), 0 0 5px rgba(148,193,66, 0.5);
 }
 .alerts-txt
 {
	 margin:auto;
 
 	font-size:15px;
	 opacity:0;
	   transition: all 300ms;
	   transform: scale(0.6);
 }
  .alerts-txt-view
  {
				opacity:1;
		 	   transform: scale(1);
  }
 .subject {

  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

 
.subject {
   width: 100%;
 
margin-bottom:25px;
   padding: 15px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px #ced4da;
}

.subject:hover,
.subject:active {
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
}

.subject .header {
  margin: 8px 0px;
}


.subject .header .date,
.subject .header .category {
  margin: 0px;
  clear: none;
 
}

.subject .header .date i,
.subject .header .category i {
  margin: 5px 8px 5px 8px;
  /*color: #ADB5BB;*/
/*   -moz-transition: all 400ms linear;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
 transition: all 400ms linear;*/
}

 

.subject .subject_icon {
  position: absolute;
  top: -20px;
  left: 50%;
  left: calc(50% - 20px);
}

.subject .subject_icon i {
  width: 40px;
  height: 40px;
  color: rgb(255, 255, 255);
  font-size: 150%;
  border-radius: 50%;
  text-align: center;
  padding: 7px;
}
/*Category color / icon color*/

.subject .category-color {
  height: 7px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

 
/*info*/
.subject.info .category-color,.subject.info  .subject_footer,
.subject.info .subject_icon i {
  background: #5B93D3;

}
   .subject_footer{
	   min-height:40px;
	   margin-bottom:-15px;
	   border-top: 1px solid #ced4da;
	   padding:6px;
	    color: rgb(255, 255, 255);
		
		    background-clip: border-box;
    }

.subject.info:hover .header i , .subject.info:hover .header span{
  color: #5B93D3;
}
/*primary*/
.subject.primary .category-color,
.subject.primary .subject_icon i {
  background: #6f42c1;
}
.subject.primary:hover .header , .subject.primary:hover .header span {
   color: #6f42c1; 
}
/*--success #23BF08*/
.subject.success .category-color,
.subject.success .subject_icon i {
  background: #23BF08;
}
.subject.success:hover .header i, .subject.success:hover .header span {
  color: #23BF08;
}
/*--danger #dc3545*/
.subject.danger .category-color,
.subject.danger .subject_icon i {
  background: #dc3545;
}
.subject.danger:hover .header i, .subject.danger:hover .header span {
  color: #dc3545;
}
/*--warning#F49917*/
.subject.warning .category-color,
.subject.warning .subject_icon i {
  background: #F49917;
}
.subject.warning:hover .header i, .subject.warning:hover .header span {
  color: #F49917;
}
/*--cyan#5B93D3*/
 .subject.cyan .category-color,
.subject.cyan .subject_icon i {
  background: #5B93D3;
}
.subject.cyan:hover .header i, .subject.cyan:hover .header span {
  color: #5B93D3;
}
/*--purple #6f42c1 */
.subject.purple .category-color,
.subject.purple .subject_icon i {
  background: #6f42c1;
}
.subject.purple:hover .header i, .subject.purple:hover .header span {
  color: #6f42c1;
}
/*---indigo #6610f2 */
.subject.indigo .category-color,
.subject.indigo .subject_icon i {
  background: #6610f2;
}
.subject.indigo:hover .header i, .subject.indigo:hover .header span {
  color: #6610f2;
}
/*-----blue #1b84e7 */
.subject.blue .category-color,
.subject.blue .subject_icon i {
  background: #1b84e7;
}
.subject.blue:hover .header i, .subject.blue:hover .header span {
  color: #1b84e7;
}
/*--dark #343a40*/
.subject.dark .category-color,
.subject.dark .subject_icon i {
  background: #343a40;
}
 .subject.dark:hover .header span {
  color: #343a40;
}
/*--orange #f27510*/
.subject.orange .category-color,
.subject.orange .subject_icon i {
  background: #f27510;
}
.subject.orange:hover .header i, .subject.orange:hover .header span {
  color: #f27510;
}
/*--yellow #F49917*/
.subject.yellow .category-color,
.subject.yellow .subject_icon i {
  background: #F49917;
}
.subject.yellow:hover .header i, .subject.yellow:hover .header span {
  color: #F49917;
}
/*--green #23BF08*/
.subject.green .category-color,
.subject.green .subject_icon i {
  background: #23BF08;
}
.subject.green:hover .header i, .subject.green:hover .header span {
  color: #23BF08;
}
/*--teal #1CAF9A*/
.subject.teal .category-color,
.subject.teal .subject_icon i {
  background: #1CAF9A;
}
.subject.teal:hover .header i, .subject.teal:hover .header span {
  color: #1CAF9A;
}
/*--red #dc3545*/
.subject.red .category-color,
.subject.red .subject_icon i {
  background: #dc3545;
}
.subject.red:hover .header i, .subject.red:hover .header span {
  color: #dc3545;
}
/*--gray 6c757d*/
.subject.gray .category-color,
.subject.gray .subject_icon i {
  background: #6c757d;
}
.subject.gray:hover .header i, .subject.gray:hover .header span {
  color: #6c757d;
}
/*--gray-dark #343a40*/
.subject.gray-dark .category-color,
.subject.gray-dark .subject_icon i {
  background: #343a40;
}
.subject.gray-dark:hover .header i, .subject.gray-dark:hover .header span {
  color: #343a40;
}
/*--secondary #6c757d*/
.subject.secondary .category-color,
.subject.secondary .subject_icon i {
  background: #6c757d;
}
.subject.secondary:hover .header i, .subject.secondary:hover .header span {
  color: #6c757d;
}
 

.subject .title {
  margin: 12px 0px;
  border-bottom: dashed 1px #ccc;
  padding-bottom: 10px;
}
.dashed
{
	  border-bottom: dashed 1px #ccc;
	 padding-bottom: 4px;
}

.dashed-top
{
	  border-top: dashed 1px #ccc;
	  	 padding-top: 4px;

 }
.subject .content {
  margin-bottom: 8px;
}


   .input_taqeem
  {
	   height: calc(2rem + 2px); 
	   color:#495057;
	   border-color:#ced4da;
  }

.input_taqeem::placeholder
{
	  color: #e5e5e5;
  opacity: 0.9;
      transition: all 0.3s ease;

}
 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
  opacity: 0.5;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
    opacity: 0.5;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
    opacity: 0.5;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
    opacity: 0.5;
}
 
.form-group {
    margin-bottom: 4px;
}
 .input_taqeem.primary:focus 
 {
 
		color:#1b84e7;
	   border-color: #5B93D3;
	   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 100, 255, 0.5);
 }
 .label_primary
{
			color:#1b84e7!important;
}
  .input_taqeem.secondary:focus 
 {
 color: #545b62 !important;
 
	   border-color: #6c757d;
	   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 100, 255, 0.5);
 }
  .label_secondary
{
			color:#545b62!important;
}
 
   .input_taqeem.info:focus 
 {
 color: #5B93D3!important;
 
	   border-color: #5B93D3;
	   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 100, 255, 0.5);
 }
  .label_info
{
			color:#5B93D3!important;
}
 
 
    .input_taqeem.danger:focus 
 {
 color: #dc3545!important;
 
	   border-color: #dc3545;
	   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 100, 255, 0.5);
 }
  .label_danger
{
			color:#dc3545!important;
}
 
   
       .input_taqeem.warning:focus 
 {
 color: #F49917!important;
 
	   border-color: #F49917;
	   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 100, 255, 0.5);
 }
  .label_warning
{
			color:#F49917!important;
}
   
       .input_taqeem2.success 
 {
  
	/*   border-color: #fff;*/
	   text-align:center;
   }
   
   .input_taqeem2.success:disabled, .input_taqeem2.success input[readonly] {
 }
          .input_taqeem2.success:focus 
 {
 color: #F49917!important;
 
	   border-color: #F49917;
	   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 100, 255, 0.5);
 }
  .label_success
{
			color:#F49917!important;
}
 
 .file-item:hover, .file-item:hover a {
	 color:#6f42c1;
	
 }
      .file-item  a {
		  padding-right:10px;
		   cursor:pointer;
	  }
.lands
{
	margin-bottom:6px;
	margin-top:4px;
	    border-bottom: dashed 1px #ced4da;
    padding-bottom: 2px;
}

.input_taqeem2 {
    height: calc(1.4rem + 2px);
    color: #495057;
    border-color: #ced4da;
}

.labael2
{
	margin-bottom:3px;
 margin-top:3px;
}

.labael3
{
	margin-bottom:0px;
 margin-top:0px;
 }

     
@media screen and (max-width: 678px) {
  .main-container {
    margin: 20px 15px;
  }
  .animation-element,
  .animation-element:nth-of-type(3n-1),
  .animation-element:nth-of-type(3n-2),
  .animation-element:nth-of-type(3n-0) {
    width: 100%;
    margin: 0px 0px 30px 0px;
  }
  .subject .header .date,
  .subject .header .category {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
}

.in_view{
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
#map-canvas {
	width: 100%;
	height: auto;
	border: 1px solid #C3C3C3;
}
#map-track{
		width: 100%;
	height: auto;
	border: 1px solid #C3C3C3;
}

#map-search{
		width: 100%;
	height: auto;
	border: 1px solid #C3C3C3;
}
 
 .ease{
	 display:black;
	-webkit-transition-duration: 200ms;
  -webkit-transition-timing-function: ease;
  transition-duration: 200ms;
  transition-timing-function: ease;
 }

.view-info
{
	    position: relative;
    display: flex;
    flex-direction: column;
}
.nav-underline-purple .nav-item {
    padding: 0;
}



.nav-underline-purple .nav-link {
  color: #868ba1;    text-align:center;
      padding: 0px;
  }
  .nav-underline-purple .nav-link  i{
	  padding-top:18px;
	  font-size:30px;
  }
  .nav-underline-purple .nav-link::before {
    background-color: #6f42c1; }
  .nav-underline-purple .nav-link.active {
    color: #6f42c1; }

	
	
	
.nav-underline-purple
{
	border-bottom:3px solid #e6e6e6; 
	padding-bottom: 8px!important; 
	width: 100%
}
	.location_input:disabled
	{
			color:#868ba1!important;
		    background-color: transparent;
			border-color: transparent;
			text-align:center;
			border-bottom:2px solid #868ba1;
 			margin-bottom:-5px;
			border-radius:0px!important;
			font-feature-settings: 'tnum';
-webkit-font-feature-settings: 'tnum';
-moz-font-feature-settings: 'tnum';
 	}
		.location_span
		{
				color:#868ba1!important;
		    background-color: transparent;
			border-color: transparent;
			text-align:center;
			border-bottom:2px solid rgba(134,139,161,0.65);
 			margin-top:5px;
			border-radius:0px!important;
			font-feature-settings: 'tnum';
-webkit-font-feature-settings: 'tnum';
-moz-font-feature-settings: 'tnum';
 width:100%;
 padding-right:4px;
  padding-left:4px;
	  font-weight: 700;
		}
		.location_input2:disabled
	{
			color:#6c757d!important;
		    background-color: transparent;
			border-color: transparent;
			text-align:center;
  	}
	.location_group
	{
		color:#6c757d;
		background-color: transparent;
			border-color: transparent;
			text-align:center;
	}
	.tx_primary2 i{
	color:rgba(65,105,225,0.85);
}
.location_btn 
{
		 padding-right:6px;
		  padding-left:6px;
		 font-size:16px;
		  font-weight: 700;
 		  padding-top:4px;
		color:#868ba1;
		text-decoration:none;
		
}

.location_btn a
{
		color:#868ba1;
		text-decoration:none;
}
.location_btn:hover
{
 	color:#6f42c1;
	border-bottom:2px solid #6f42c1;
}
.location_btn:hover i
{
 	color:#6f42c1;
 }
.location_btn i{
		 font-size:20px;
}
.location_btn.active
{
 	color:#6f42c1;
 }

.location_btn.error
{
	color:#dc3545!important;
		 border-bottom:2px solid #dc3545;
}
.location_span{
 		 padding-right:6px;
		  padding-left:6px;
		 font-size:14px;
		  font-weight: 700;
		  border:1px solid rgba(65,105,225,0);
}

.location_span.active
{
	color:rgba(65,105,225,0.85)!important;
	 
		  border-bottom-width:2px;
		   border-bottom-color:rgba(65,105,225,1);
}
 .blink_me {
  animation: blinker 1.5s linear infinite;
 }
 

@keyframes blinker {
  50% {
    opacity: 0.2;
  }
}


.location_options
 {
	  opacity: 0;
  position: relative;
	   
	   
  -moz-transition: all 700ms ease-out;

  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;

  -moz-transform: translate3d(0px, 200px, 0px);
         /* 
  -webkit-transform: translate3d(0px,200px, 0px);
*/
  -o-transform: translate(0px, 200px);

  -ms-transform: translate(0px, 200px);

  transform: translate3d(0px, 200, 0px);
      
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;

   
  	 border-right: 0px solid #e9e9e9; border-left: 0px solid #e9e9e9;
	 
 
 
   width: 100%;
 }
#layout-content
{
transition: all 0.3s ease-in-out ;	
} 
 .Blink1 {
  animation: blinker1 0.4s ease-in-out ;	
} 
 .Blink2 {
  animation: blinker1 1.5s linear infinite;;	
} 
  .Blink {
  animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}
@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes blinker1 {  
  from { opacity: 1; }
  to { opacity: 0.7; }
}
.saving
{
	color:#6f42c1;
  
  opacity:1;
}
 .bottom-options  { 
	
	 
    height: 55px;
    opacity:1;
	 margin-bottom:20px;

} 
 .overlay-bottom {
   position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
 overflow:hidden;
 height: 55px;
    opacity:1;
	 
}


 .bottom-options-wap {
	  box-sizing: border-box;
	  opacity:1;
	   align-items: center;
		justify-content: center;
	 
		   background: linear-gradient(to top, #f8f9fa ,#f8f8fa,  #faf9f8,#f9faf8);

       position: relative;
       transition: all 0.5s ease-in-out ;
 	   padding-right:6px;
	   padding-left:6px;
     /* box-shadow: inset  0 0 5px; */
	 box-shadow: 0 0 4px rgba(111,66,193, 0.4),  0 0 6px rgba(148,193,66, 0.6);
     
    border: solid 1px rgba(111,66,193, 0.4);
	border-left: solid 0px #6f42c1;
	/*outline: thick double #32a1ce;*/
 
	   
		-webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
		transition: width 0.5s;
		transition-timing-function: cubic-bezier(0.1, 0.1,0.3, 0.2, 0.2,0.1);
 
 
 
 	    direction:ltr;
		align-items: center;
    justify-content: center;
 }
 
  .bottom-options-wap a
  {
	     color:#868ba1;
  }

  .bottom-options-wap a:hover
  {
	     color:#6f42c1;
  }
 .bottom-options-color {
 
        
 		width: 7px;
	   background-color: #6f42c1;
	   z-index:99;
	   	margin-left:-20px;
}
  .bottom-options-icon
  {
	      width: 50px;
			height: 50px;
		   z-index:100;
		    padding:0px;
			 
  }
 .bottom-options-icon i {

 
    color: rgb(255, 255, 255);
     font-size:16px;
    border-radius: 50%;
    text-align: center;
     padding:8px;
	background: #6f42c1;
	
	 
}
/*     ################################## WORK FLOW ###################################### */
 
.workflow-options
{
	height:45px;
	box-shadow: 0 0 3px rgba(111,66,193, 0.3),  0 0 5px rgba(148,193,66, 0.5);
	 border: solid 1px rgba(111,66,193, 0.3);
	/*background: linear-gradient(to top, #f8f9fa ,#f8f8fa,  #faf9f8,#f9faf8);*/
	background:#fff;
   
	 z-index:10;
}
 .workflow-options-wap {
		height: 45px;
		width:100%;
		box-sizing: border-box;
		opacity:1;
		position: relative;
		color:#868ba1;
		
		 font-weight:400;
 }
 

 .workflow-border-right
 {
		border-right:1px solid  #6f42c1;
		 
	/*		border-radius:6px 0 0 6px;*/
 }
  .workflow-border-left
 {
 	border-left:1px solid  #6f42c1; 
 	/*	border-radius: 0 6px  6px  0;*/
  }
  
    @media screen and (min-width: 769px)
	{
		 .workflow-border-right
		 {
			 border-right:8px solid  #6f42c1;
			margin-right:-24px;
		 }
		  .workflow-border-left
		 {
			border-left:8px solid  #6f42c1; 
				margin-left:-24px;
			 
		  }
	}
	.mg-b-0
	{
		margin-bottom:1px;
	}
  .workflow-options-icon
  {
 	      width:40px;
			height: 45px;
			 z-index:11;
	
  }
 .workflow-options-box  {
 
	 width:40px;
	height:45px;
 
 }
.workflow-options-box  i{
   font-size: 1.5rem;
     font-weight: 600;
}
  .workflow-options-icon-center
  {
	      width: 40px;
			border:0px solid  #6f42c1; 
			z-index:12;
  }
 .workflow-options-icon-center i {

	 width:40px;
	height: 45px;
    color: rgb(255, 255, 255);
   font-size: 1.5rem;
     font-weight: 600;
 
 	background: #6f42c1;
		box-shadow: 0 0 4px rgba(111,66,193, 0.4),  0 0 6px rgba(148,193,66, 0.6);
	
}
.AltBadge
{
	position:  absolute!important;
	top:2px!important;
	left:2px!important;
	padding:2px!important;
	line-height:0.7!important;
		 border-radius:2px!important;
		/*color:rgb(53,67,100)!important;*/
		color:#343a40;
/*	background-color:rgba(0,0,0,1)!important;*/
	 text-transform: uppercase!important;
	/*     background: rgba(240,242,247, 1)!important;*/
/*		 border:1px solid rgb(190,199,220);*/
    font-size: 12px;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    min-width: 18px!important;
    min-height: 18px!important;
/*	Text-Shadow: rgb(240,242,247)1px 0px 0px, rgb(240,242,247) 1px 1px 0px, rgb(240,242,247) 1px -1px 0px, rgb(240,242,247) -1px 1px 0px,rgb(240,242,247) -1px 0px 0px, rgb(240,242,247) -1px -1px 0px, rgb(240,242,247) 0px 1px 0px, rgb(240,242,247) 0px -1px 0px;
*/
 
 box-shadow: 0 0 3px rgba(111,66,193, 0.3), 0 0 5px rgba(148,193,66, 0.5);
    border: solid 1px rgba(111,66,193, 0.3);
    background: linear-gradient(to top, #f8f9fa ,#f8f8fa, #faf9f8,#f9faf8);
}
.AltBadge.sm{
	 font-size: 10px!important;
}
 .workflow-loader
 {
	position:  absolute;
	width:100%;
	height:6px;
	background:rgba(255,255,255,1);
	bottom:0px;
	 
  }
 .loaderR
 {
	 right  :   inherit; 
 }
  .loaderL
 {
	 left  :   inherit; 
 }
   .loader-left
   {
	     -webkit-animation: AnimationLeftFull2 1s  ease-in-out  infinite;  /* Safari 4.0 - 8.0 */
 		animation: AnimationLeftFull2 1s ease-in-out infinite;	 
		
	}
  .loader-right
   {
	     -webkit-animation: AnimationLeftFull2 1s  ease-in-out  infinite;  /* Safari 4.0 - 8.0 */
 		animation: AnimationRightFull  1s ease-in-out infinite;	 
 
	}
@keyframes AnimationRightFull {

		0%   { width:1%; left  :   0%; 	 }
		15%   { width:15%; left  :   0%; 	 }
		20%   { width:25%; left  :  0%; 	 }
		25%   { width:35%; left  :  0%; 	 }
		30%   { width:55%; left  :  0%; 	 }
		35%   { width:70%; left  :  0%; 	 }
		40%   { width:85%; left  :  0%; 	 }
		45%   { width:90%; left  : 0%; 	 }
		50%   { width:100%; left  : 0%; 	 }
		55%   { width:95%; left  : 5%; 	 }
		60%   { width:85%; left  : 15%; 	 }
		65%   { width:75%; left  : 25%; 	 }
		70%   { width:60%; left  : 40%; 	 }
		75%   { width:40%; left  :60%; 	 }
		80%   { width:25%; left  :75%; 	 }
		85%   { width:15%; left  :85%; 	 }
		90%   { width:10%; left  :90%; 	 }
		100%   { width:0%; left  :100%; 	 }
}
	@keyframes AnimationLeftFull2 {

		0%   { width:1%; right  :   0%; 	 }
		15%   { width:15%; right  :   0%; 	 }
		20%   { width:25%; right  :  0%; 	 }
		25%   { width:35%; right  :  0%; 	 }
		30%   { width:55%; right  :  0%; 	 }
		35%   { width:70%; right  :  0%; 	 }
		40%   { width:85%; right  :  0%; 	 }
		45%   { width:90%; right  : 0%; 	 }
		50%   { width:100%; right  : 0%; 	 }
		55%   { width:95%; right  : 5%; 	 }
		60%   { width:85%; right  : 15%; 	 }
		65%   { width:75%; right  : 25%; 	 }
		70%   { width:60%; right  : 40%; 	 }
		75%   { width:40%; right  :60%; 	 }
		80%   { width:25%; right  :75%; 	 }
		85%   { width:15%; right  :85%; 	 }
		90%   { width:10%; right  :90%; 	 }
		100%   { width:0%; right  :100%; 	 }
}
.rotate1
{
	  -webkit-animation: rotate11s  ease-in-out  infinite;  /* Safari 4.0 - 8.0 */
 		animation: rotate1 1s ease-in-out infinite;	 
}

@keyframes rotate1 {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg)
		          
		    
	}
}
#countwarp,#failcountwarp,#errorwarp
{
	padding-right:2px;
	padding-left:2px;
	  font-size: 0.675rem!important;
}
.animation-op{
	    animation-direction: reverse;
}
 .workflow-purple
 {
	 background:#6f42c1;
 }
  .workflow-purple .workflow-options-wap   ,   .workflow-purple .workflow-options-box i
 {
	 color: rgb(255, 255, 255);
 }
 .trans-all
{
		  transition: all 0.3s ease-in-out ;
}

	.move-left:hover    
	{
		background:#6f42c1;
	}
	.move-left:hover   .workflow-options-wap   ,.move-left:hover  .workflow-options-box i
	{
			  color: rgb(255, 255, 255);
	}
  .move-left:hover  .move-left2
   {
	     -webkit-animation: AnimationLeft 0.5s  ease-in-out infinite;   
		-webkit-animation-fill-mode: forwards;  
		animation: AnimationLeft 0.5s ease-in-out infinite;	 
	}
	
		.move-right:hover    
	{
		background:#6f42c1;
	}
	.move-right:hover   .workflow-options-wap   ,.move-right:hover  .workflow-options-box i
	{
			  color: rgb(255, 255, 255);
	}
  .move-right:hover  .move-right2
   {
	     -webkit-animation: AnimationLeft 0.5s  ease-in-out infinite;   
		-webkit-animation-fill-mode: forwards;  
		animation: AnimationLeft 0.5s ease-in-out infinite;	 
	}
 
.shaking {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both infinite;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
/*     ################################## WORK FLOW ###################################### */
.bottom-options-btn {
			font-size: 22px;  
			height: 36px;
		width: 50px;
		color: #adb5bd;
		padding:2px 0px 2px  0px ;
      border-right: solid 1px #ccc;
	  border-left: solid 1px #fff;
 
  }
  .bottom-options-btn >div {
	 	  text-align:center;
		align-items: center;
		justify-content: center;
		width: 50px;
   }
     .bottom-options-btn >div >i {
/*text-shadow: 1px 1px 1px rgba(255,255,255,0.9),2px 2px 2px rgba(148,193,66,0.6);
text-shadow: #e0e0e0 1px 1px 0;*/
   }
  .bottom-options-btn:last-child  
  {
			 	      border-right: dashed 0px #ccc;
  }
  
    .bottom-options-btn:first-child
	{
 			 margin-right:-6px;
			 	      border-left: dashed 0px #ccc;

	}
	    .bottom-options-btn:nth-child(2)
	{
 			 margin-right:-6px;
 
	}
   .bottom-options-mgn
 {
	 height: 50px;
	margin-top:2px;
	margin-bottom:2px;
 }
.opposite{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
 
 .icon-purple a{
	 color:#868ba1;
 }
.icon-purple a:hover{
	color:#6f42c1;
}
.click,.btn {
		cursor:pointer;
	  display:inline-block	;
 	    transition: all 0.2s ease-in-out;
}
.click:active,.btn:active  {
   	-webkit-transform:  translateY(3px)!important;
    -moz-transform:  translateY(3px)!important;
    -o-transform:  translateY(3px)!important;
    -ms-transform: translateY(3px)!important;
	transform: translateY(3px)!important;
}
 /* SREACH MAPS */
  #description {
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
      }

 

      #infowindow-content {
        display: none;
			font-family: "Cairo", "Helvetica Neue", Arial, sans-serif;

      }

      #map-search #infowindow-content {
        display: inline;
			font-family: "Cairo", "Helvetica Neue", Arial, sans-serif;

      }
 
      .pac-card {
        margin: 10px 10px 0 0;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
       /* outline: none;*/
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        background-color: #fff;
	font-family: "Cairo", "Helvetica Neue", Arial, sans-serif!important;

      }

      #pac-container {
        padding-bottom: 0px;
        margin-right: 0px;
 		  	font-family: "Cairo", "Helvetica Neue", Arial, sans-serif!important;
      }

      .pac-controls {
        display: inline-block;
        padding: 5px 11px;
			font-family: "Cairo", "Helvetica Neue", Arial, sans-serif!important;

      }
.gm-style {
	
			font-family: "Cairo", "Helvetica Neue", Arial, sans-serif!important;
}
      .pac-controls label {
	font-family: "Cairo", "Helvetica Neue", Arial, sans-serif!important;

        font-size: 13px;
        font-weight: 300;
      }

      #pac-input {
 
	font-family: "Cairo", "Helvetica Neue", Arial, sans-serif;
		 line-height:1.8;
        font-size: 14px;
        font-weight: 300;
 
 
        text-overflow: ellipsis;
        width: 350px;
      }

     

 /* SEARCH MAPS */
 
 
@media screen and (max-width: 768px) {
.hidden-sm-down{
 display:none!important;
}

}

@media screen and (min-width: 768px) {
.hidden-md-up{
 display:none!important;
}

}
 .pointer{
	   cursor:pointer;
}
	.flex-xs-row {
    flex-direction: row !important;
}
 

.gm-style .gm-style-iw {
	font-family: "Cairo", "Helvetica Neue", Arial, sans-serif;
		  font-weight: 400; 
		  font-size:13px;
}
[dir="rtl"] .float-l{
	     float: left !important
}
[dir="ltr"] .float-l{
	    float: right !important
}

[dir="rtl"] .float-r{
	     float: right !important
}
[dir="ltr"] .float-r{
	    float: left !important
}

[dir="rtl"] .dir-force{
	 
		 direction:rtl!important;
}
[dir="ltr"] .dir-force{
	   direction:ltr!important;
}
.hidden{
	display:none!important;
}
.wd-1p { 
 width: 1%; } 
.wd-2p { 
 width: 2%; } 
.wd-3p { 
 width: 3%; } 
.wd-4p { 
 width: 4%; } 
.wd-5p { 
 width: 5%; } 
.wd-6p { 
 width: 6%; } 
.wd-7p { 
 width: 7%; } 
.wd-8p { 
 width: 8%; } 
.wd-9p { 
 width: 9%; } 
.wd-10p { 
 width: 10%; } 
.wd-11p { 
 width: 11%; } 
.wd-12p { 
 width: 12%; } 
.wd-13p { 
 width: 13%; } 
.wd-14p { 
 width: 14%; } 
.wd-15p { 
 width: 15%; } 
.wd-16p { 
 width: 16%; } 
.wd-17p { 
 width: 17%; } 
.wd-18p { 
 width: 18%; } 
.wd-19p { 
 width: 19%; } 
.wd-20p { 
 width: 20%; } 
.wd-21p { 
 width: 21%; } 
.wd-22p { 
 width: 22%; } 
.wd-23p { 
 width: 23%; } 
.wd-24p { 
 width: 24%; } 
.wd-25p { 
 width: 25%; } 
.wd-26p { 
 width: 26%; } 
.wd-27p { 
 width: 27%; } 
.wd-28p { 
 width: 28%; } 
.wd-29p { 
 width: 29%; } 
.wd-30p { 
 width: 30%; } 
.wd-31p { 
 width: 31%; } 
.wd-32p { 
 width: 32%; } 
.wd-33p { 
 width: 33%; } 
.wd-34p { 
 width: 34%; } 
.wd-35p { 
 width: 35%; } 
.wd-36p { 
 width: 36%; } 
.wd-37p { 
 width: 37%; } 
.wd-38p { 
 width: 38%; } 
.wd-39p { 
 width: 39%; } 
.wd-40p { 
 width: 40%; } 
.wd-41p { 
 width: 41%; } 
.wd-42p { 
 width: 42%; } 
.wd-43p { 
 width: 43%; } 
.wd-44p { 
 width: 44%; } 
.wd-45p { 
 width: 45%; } 
.wd-46p { 
 width: 46%; } 
.wd-47p { 
 width: 47%; } 
.wd-48p { 
 width: 48%; } 
.wd-49p { 
 width: 49%; } 
.wd-50p { 
 width: 50%; } 
.wd-51p { 
 width: 51%; } 
.wd-52p { 
 width: 52%; } 
.wd-53p { 
 width: 53%; } 
.wd-54p { 
 width: 54%; } 
.wd-55p { 
 width: 55%; } 
.wd-56p { 
 width: 56%; } 
.wd-57p { 
 width: 57%; } 
.wd-58p { 
 width: 58%; } 
.wd-59p { 
 width: 59%; } 
.wd-60p { 
 width: 60%; } 
.wd-61p { 
 width: 61%; } 
.wd-62p { 
 width: 62%; } 
.wd-63p { 
 width: 63%; } 
.wd-64p { 
 width: 64%; } 
.wd-65p { 
 width: 65%; } 
.wd-66p { 
 width: 66%; } 
.wd-67p { 
 width: 67%; } 
.wd-68p { 
 width: 68%; } 
.wd-69p { 
 width: 69%; } 
.wd-70p { 
 width: 70%; } 
.wd-71p { 
 width: 71%; } 
.wd-72p { 
 width: 72%; } 
.wd-73p { 
 width: 73%; } 
.wd-74p { 
 width: 74%; } 
.wd-75p { 
 width: 75%; } 
.wd-76p { 
 width: 76%; } 
.wd-77p { 
 width: 77%; } 
.wd-78p { 
 width: 78%; } 
.wd-79p { 
 width: 79%; } 
.wd-80p { 
 width: 80%; } 
.wd-81p { 
 width: 81%; } 
.wd-82p { 
 width: 82%; } 
.wd-83p { 
 width: 83%; } 
.wd-84p { 
 width: 84%; } 
.wd-85p { 
 width: 85%; } 
.wd-86p { 
 width: 86%; } 
.wd-87p { 
 width: 87%; } 
.wd-88p { 
 width: 88%; } 
.wd-89p { 
 width: 89%; } 
.wd-90p { 
 width: 90%; } 
.wd-91p { 
 width: 91%; } 
.wd-92p { 
 width: 92%; } 
.wd-93p { 
 width: 93%; } 
.wd-94p { 
 width: 94%; } 
.wd-95p { 
 width: 95%; } 
.wd-96p { 
 width: 96%; } 
.wd-97p { 
 width: 97%; } 
.wd-98p { 
 width: 98%; } 
.wd-99p { 
 width: 99%; } 
.wd-100p { 
 width: 100%; } 
 

.alerts-top {
     position: fixed;
     top: 85px;
     left: 0;
     right:0;
     z-index: 99;
     cursor: pointer;
     width: 100%;
     height: 55px;
     font-size: 28px;
     color: #adb5bd;
     align-items: center;
     justify-content: center;
     border: 0px solid rgba(0, 0, 0, 0.2);
     background-color: transparent;
     padding-right:4px;
     border-radius: 50px ;
     opacity: 0;
     -moz-transition: all 700ms ease-out;
     -webkit-transition: all 700ms ease-out;
     -o-transition: all 700ms ease-out;
     transition: all 700ms ease-out;
     transform: translate3d(0px, -200px, 0px);
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     backface-visibility: hidden;
}
 .alerts-options {
     height: 55px;
     opacity:1;
     margin-bottom:20px;
}

 .alerts-wap {
	  box-sizing: border-box;
	  opacity:1;
	   align-items: center;
		justify-content: center;
	 
		 
 box-shadow:none;
       position: relative;
       transition: all 0.5s ease-in-out ;
 	   padding-right:6px;
	   padding-left:6px;
     /* box-shadow: inset  0 0 5px;  
   background: linear-gradient(to top, #f8f9fa ,#f8f8fa,  #faf9f8,#f9faf8 );
     box-shadow: 0 0 4px rgba(111,66,193, 0.4),  0 0 6px rgba(148,193,66, 0.6);
     */
    border: solid 1px rgba(111,66,193, 0.4);
	border-left: solid 0px #6f42c1;
 	/*outline: thick double #32a1ce;*/
 
	   
		-webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
		transition: width 0.5s;
		transition-timing-function: cubic-bezier(0.1, 0.1,0.3, 0.2, 0.2,0.1);
 
     background-color: #f8f9fa;
    background-image: linear-gradient(to top, #f8f9fa ,#f8f8fa,  #faf9f8,#f9faf8 );
    background-repeat: repeat-x;
       box-shadow: 0 0 4px rgba(111,66,193, 0.4),  0 0 6px rgba(148,193,66, 0.6);
 	    direction:ltr;
		align-items: center;
    justify-content: center;
 }
 

 
  
 
 .alerts-txt {
	width:90%;
     font-size:14px;
     opacity:0;
     transition: all 300ms;
     transform: scale(0.0);
	color:#6f42c1;
	 	align-items: center;
    justify-content: center;
}
 .alerts-txt-view {
     opacity:1;
     	animation: ScaleMe 0.3s ease-in-out  ;	 
		transform: scale(1);
}
@keyframes ScaleMe {

		0%   {transform: scale(0.0) 	 }
		10%   {transform:  scale(0.1)	 }
		20%   {transform: scale(0.2) 	 }
		30%   {transform:  scale(0.3)	 }
		40%   {transform:  scale(0.4) 	 }
		50%   {transform:  scale(0.5) 	 }
		60%   {transform:  scale(0.6) 	 }
		70%   {transform:  scale(0.7) 	 }
		80%   {transform:  scale(0.8) 	 }
		90%   {transform:  scale(0.9) 	 }
		100%   { transform: scale(1.0)	 }
}
.alerts-in-view{
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.alerts-mgn {
    height: 50px;
    margin-top: 0.35rem;
    margin-bottom: 0.1rem;
}

 .alerts-color {
 
        
 		width: 7px;
	   background-color: #6f42c1;
	   z-index:99;
	   	margin-left:-15px;
}
  .alerts-icon
  {
	      width: 35px;
			height: 35px;
		   z-index:100;
 
			 background: #6f42c1;
			 border-radius: 50%;
			      padding:8px;
  }
 .alerts-icon i {

 
    color: rgb(255, 255, 255);
     font-size:16px;
    border-radius: 50%;
    text-align: center;
     padding:4px;
	
	
	 
}
.alerts-error .alerts-color ,.alerts-error .alerts-icon {  
background-color: #dc3545;

}
	
.alerts-error .alerts-wap
	{
		    border: solid 1px rgba(220,53,69, 0.4);
	border-left: solid 0px #dc3545;
	}
.alerts-error .alerts-txt 
	{
 	color: #dc3545;
	}


.taqeem_home
{
	position:relative;
	     opacity: 1;
   
}	
 .silde200p
 {
	opacity: 0;
  -moz-transform: translate3d(2000px, 0px, 0px);
  -webkit-transform: translate3d(2000px, 0px, 0px);
  -o-transform: translate(2000px, 0px);
  -ms-transform: translate(2000px, 0px);
  transform: translate3d(2000px, 0px, 0px);
 }
  .ui-datepicker-current-day a
{
	 		    background-color: #e9ecef!important;
    border: 1px solid #ced4da!important;
	    color: #495057!important;
}

        .num { 
        float: left; 
        color: gray; 
      
	   
        text-align: right; 
        margin-right: 6pt; 
        padding-right: 6pt; 
        } 
	
 
	 
			code{white-space: nowrap;}
			
			.html_div{
				box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
				border-radius: 0 0 2px 2px;
			
    border-color: #d9d9d9;
 
	line-height:1.6rem;
    font-size: 1rem;
    font-family: "Fira Mono", "Source Code Pro", monospace;
	    color: #737373;

		
		display: block;
    background: #f7f7f7;
    color: #c5c8c6;
    padding: 0em 1.2em .5em .5em;
			}
			
.html_num{  border-right: 1px solid gray; text-align:center; color:#333; line-height:1.6rem;}
.html_code{    overflow-x: auto;  	background: #fff;}
.html_code code { line-height:1.6rem;    font-size: 1rem;}	
    .functions_file1,.functions_file{ color: #AE508D;     font-size: 1.3rem;}
 
  
	.dev_fun_ver
	{
		
		  text-align: center;
		display:inline-block;
		color:#999;
		width:30px;
	  
	}
	
	.dev_fun_ver1
	
	{
		  text-align: center;
		display:inline-block;
		color:#999;
		width:60px;
	}
	.dev_fun_verr
	{
		    text-align: left;
		display:inline-block;
		color:#999;
		width:200px;
	   padding:3px;
	}
		.dev_fun_desc{
			font-family: "Cairo", "Helvetica Neue", Arial, sans-serif;
			  
			  font-size: 1.2rem;
				font-weight: 400;
				line-height: 1.8;
				color: #868ba1;

	}	
	
 .highlight td{
    border-color: #dee2e6;
	 
    background: #f0f2f7;
    color: #777620;
 }
 
 .ckboxDT
 {
 
	 border: 1px solid #33bef2;
    background: #fff;
    color: #33bef2;
	width:18px;
	 height:19px;
	 padding:0;
	 margin:0;
	     display: flex;
	 align-items: center;
    justify-content: center;
  }
 
 .ckboxDT span 
 {
 
	 height:100%;
	    display: flex;
	 align-items: center;
    justify-content: center;
	line-height:19px
  }
  
  .htCore {
	border-collapse: separate;
	border-spacing: 0;

	
	border-width: 0;
	outline-width: 0;
	cursor: default;
	max-width: none;
	max-height: none;
 
	    position: relative;
}
 
.excel td, .excel th {
	border-top-width: 0;
	border-left-width: 0;
	border-right: 0.051rem solid #ccc;
	border-bottom: 0.051rem solid #ccc;
	height: 23px;
	empty-cells: show;
	line-height: 21px;
	padding: 0px;
	background-color: #fff;
	vertical-align: top;
	overflow: hidden;
	outline-width: 0;
	white-space: pre-line;
	background-clip: padding-box;
	
}
.excel td:not(first-child), .excel th:not(first-child) {
	min-width: 80px!important;
}
.excel th {
	background-color: #f0f0f0;
	color: #222;
	text-align: center;
	font-weight: 400;
	white-space: nowrap;
}
.excel tbody th.ht__highlight, .excel thead th.ht__highlight {
	background-color: #dcdcdc;
}
.excel .htNoFrame+td, .excel .htNoFrame+th, .excel.htRowHeaders thead tr th:nth-child(2), .excel td:first-of-type, .excel th:first-child, .excel th:nth-child(2) {
    border-left: 1px solid #ccc;
}
.excel td input {
	width: 100%;
	padding: 0;
	border: 0;
	padding-right:4px;
	padding-left:4px;
}
.excel td input:foucs, .excel td input:active {
}
.excel td:first-child, .excel th:first-child {
	width: 70px!important;
 	font-weight: 400!important;
}
.excel td:first-child, .excel th {
	background-color: #f0f0f0;
	color: #222;
	text-align: center;
	font-weight: 400;
	white-space: nowrap;
	text-align: center!important;
}
.excel td:focus-within {
	border-color: #1b84e7;
}
.excel td:last-child, .excel th:last-child {
	border-left: 1px solid #ccc;
}
.excel td.paste {
	background-color: #c6c6c6:;
}
span.select2-container {
	/*z-index: 10050;*/
}
.select2-container--open{
z-index:9999999
}
.alerts-top{
z-index: 9999999;
}
td.ready,td.ready input {
	border-color: #1b84e7;
	color: #1b84e7;
}
td.error,td.error input {
	border-color: #217346;
	color: #217346;
	border-right: 0.051rem solid #217346;
	border-bottom: 0.051rem solid #217346;
	border-top: 0.03rem inset #217346;
	border-left: 0.03rem inset #217346;
}
.fieldsMod {
	 cursor:pointer;
}
.excel th.success {
	background-color:#5B93D3!important;
	
 
 }
 th.success > a, th.success > a:active, th.success > a:focus,  th.success > a:hover{
 color:#fff!important;
 }
 
  th.pending,th.pending > a, th.pending > a:active, th.pending > a:focus,  th.pending > a:hover{
	 cursor:not-allowed; 
 }
 th.pending > a, th.pending > a:active, th.pending > a:focus,  th.pending > a:hover , tr.pending td {
 	 opacity:0.7;
	
 }
 .excel th.success {
	background-color:#5B93D3!important;
	
 
 }
 th.incompelete > a, th.incompelete > a:active, th.incompelete > a:focus,  th.incompelete > a:hover{
 color:#fff!important;
 }
  .excel th.incompelete {
	background-color:#dc3545!important;
	
 
 }
 .excel thead th     { position: sticky; top: 0; }
.excel tbody  tr td:first-child   {  right: 0; 
    position: sticky;
    top: auto;
}

.excel td.imported,.excel td.imported  i {
 
	background-color:#5B93D3!important;
	color:#FFF!important;
}
.excel td.notimported,.excel td.notimported  i {
 
	background-color:#dc3545!important;
	color:#FFF!important;
}
.poptab span{
	padding-right :6px;
}
.nav-pills .nav-link.secondary.active, .nav-pills .nav-link.secondary.active:hover, .nav-pills .nav-link.secondary.active:focus {

  color: #fff;
    background-color:#6c757d;
 }
 .select2-container{ width: 100% !important; }
 
 :disabled,.disabled
 {
	 cursor:not-allowed; 
 }
 .deleted , .deleted td {
	 color:#999999;
	 text-decoration:line-through;
	 
 }
 .scroll_div {
	display: block;
	width: 100%;
	padding: 0.4rem;
	font-size: 0.60rem;
	line-height: 1;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 3px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	height: 120px;
	overflow-y: scroll;
}
 .scroll_max {
	 
 
 
 
	 
	overflow-y: auto;
}
.modal-open .ui-datepicker{z-index: 2000!important}

.mandatory{
 		 margin-left: 6px;
 }
 .next-tab1{
	 
	     cursor: pointer;
		
	 
 }
  .next-tab1-not{
	 
	    cursor: not-allowed;
		
	 
 }
.slim-mainpanel {
	overflow:hidden;
}
 body{
	  overflow-y: scroll;
	    overflow-x: hidden;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-thumb {
  background: #00aeef; 
}