.inp-xxs{max-width:55px !important; display: inline-block !important; text-align: center;}
.inp-xs{max-width:80px !important; display: inline-block !important}
.inp-sm{max-width: 200px !important; display: inline-block !important;}
.inp-md{max-width: 400px !important; display: inline-block !important;}
.inp-lg{max-width: 600px !important; display: inline-block !important;}
.inp-xl{max-width: 800px !important; display: inline-block !important;}

.modal-body .form-label{
	font-size:14px;
}


html.wait, html.wait * { cursor: wait !important; }

body.wait *, body.wait{ cursor: progress !important;}

.cursor-pointer{cursor: pointer;}

.toast-close{border: 0px;}

.lastmod_avatar{
	max-height: 22px;
}


.dt-buttons button{display: none !important; }
#datatables_buttons_info{display: none !important;}		/* datatable copy to clipboard modal hide */

@media (min-width:480px)  { 
	.dataTables_filter{ float: right}
	.dataTables_length{ float: left}
	
	.dataTables_info{float: left}
	.dataTables_paginate{float: right; margin-top: 6px !important;}
	
}

@media (max-width:480px)  { 
	.dataTables_filter, .dataTables_length, .card-header{
		text-align: center;
	}
	
	div.dataTables_info{
		padding-top: 10px;
		padding-bottom: 10px;
	}
}



div.dataTables_length select{
	margin-top: 0.95em;
}

@media (min-width:480px)  { 
	div.dataTables_info{
		padding-top: 14px !important;
		padding-left:4px;
	}
}


@media(max-width: 768px) {
    button.mobile-full-width {
        width: 100%;  
    }
}

@media(max-width: 768px) {
    button.mobile-mt-1 {
        margin-top: 12px; ;  
    }
}


input[type="search"]::-webkit-search-cancel-button {

  /* Remove default */
  -webkit-appearance: none;

  /* Now your own custom styles */
   height: 14px;
   width: 14px;
   display: block;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
  /* setup all the background tweaks for our custom icon */
  background-repeat: no-repeat;

  /* icon size */
  background-size: 14px;

}


ul.timeline-3 {
  list-style-type: none;
  position: relative;
}
ul.timeline-3:before {
  content: " ";
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 29px;
  width: 2px;
  height: 100%;
  z-index: 400;
}
ul.timeline-3 > li {
  margin: 20px 0;
  padding-left: 20px;
}
ul.timeline-3 > li:before {
  content: " ";
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #22c0e8;
  left: 20px;
  width: 20px;
  height: 20px;
  z-index: 400;
}



.mouse-alias {cursor: alias;}
.mouse-all-scroll {cursor: all-scroll;}
.mouse-auto {cursor: auto;}
.mouse-cell {cursor: cell;}
.mouse-col-resize {cursor: col-resize;}
.mouse-context-menu {cursor: context-menu;}
.mouse-copy {cursor: copy;}
.mouse-crosshair {cursor: crosshair;}
.mouse-default {cursor: default;}
.mouse-e-resize {cursor: e-resize;}
.mouse-ew-resize {cursor: ew-resize;}
.mouse-grab {cursor: grab;}
.mouse-grabbing {cursor: grabbing;}
.mouse-help {cursor: help;}
.mouse-move {cursor: move;}
.mouse-n-resize {cursor: n-resize;}
.mouse-ne-resize {cursor: ne-resize;}
.mouse-nesw-resize {cursor: nesw-resize;}
.mouse-ns-resize {cursor: ns-resize;}
.mouse-nw-resize {cursor: nw-resize;}
.mouse-nwse-resize {cursor: nwse-resize;}
.mouse-no-drop {cursor: no-drop;}
.mouse-none {cursor: none;}
.mouse-not-allowed {cursor: not-allowed;}
.mouse-pointer {cursor: pointer;}
.mouse-progress {cursor: progress;}
.mouse-row-resize {cursor: row-resize;}
.mouse-s-resize {cursor: s-resize;}
.mouse-se-resize {cursor: se-resize;}
.mouse-sw-resize {cursor: sw-resize;}
.mouse-text {cursor: text;}
.mouse-url {cursor: url(myBall.cur),auto;}
.mouse-w-resize {cursor: w-resize;}
.mouse-wait {cursor: wait;}
.mouse-zoom-in {cursor: zoom-in;}
.mouse-zoom-out {cursor: zoom-out;}