 /*
*
* Custom Style
*/ 
   .loader-cont{
	height: 2px;
  width: 100%;  
margin-top:1px;  
   } 
   .loader {
  height: 2px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: var(--border) ;
  opacity:0;
}
.loader:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 2px;
  background-color: #663399;
  animation: loading 1s linear infinite;
}
@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}
.table-striped tbody tr:nth-of-type(odd) {
     background-color:#fff;  
}
.table-striped tbody tr:nth-of-type(even) {
    /* background-color: rgba(0,0,0,.085);  */
	  background-color:#f4f6fb;
}
.table-striped tbody tr td:first-child,.table-striped thead tr th:first-child {
 width:40px!important;
text-align:center!important;
  }
  .table-striped thead th {
    border-bottom: 2px solid rgba(0,0,0,.12);
	font-style: normal;
    font-weight: 500;
    color: var(--dark);
} 
.table-striped  td {
  /*  border-top:1px solid  #e0e0e0;*/
     border-bottom:1px solid  #e0e0e0;
}
.table-striped tbody td {
  /*  border-bottom: 1px solid var(--border);*/
	  border-bottom: 1px solid rgba(var(--secondary), 0.1);
}  
.ws_table_sub thead th ,.ws_table  thead th{
   font-size:var(--table-font);
	padding:0.2rem 0.5rem;
	border-bottom: 1px solid var(--border);
    border-top: 1px solid var(--border);
    background: var(--bg-page);
	    border-bottom: 1px solid var(--border);
    border-top: 1px solid var(--border);
    background: var(--bg-light);
}
.ws_table  {
}
.ws_table  thead th{
	  border-top: 1px solid transparent;
}
.ws_table  thead th:first-child{
	 border-radius: 0 var(--sm-radius) 0 0;
}
.ws_table  thead th:last-child{
	 border-radius:   var(--sm-radius) 0 0 0;);
}
.tab-content-multi .ws_table_sub thead th ,.tab-content-multi .ws_table  thead th{
	    border-top: 1px solid var(--border);
}
.ws_table:NOT(.mini_table)  thead th{
 /*height:36px;*/
}
.ws_table_sub thead th{
  font-size:0.75rem;
}
[data-th_name="options"],.table-option{
	width:65px;
}
.ws_table_sub  tbody tr td {
	font-size:0.75rem;
}   
.ws_table_sub  tbody tr:hover td, .ws_table tbody tr:hover td, .md_table  tbody tr:hover td{
	background:var(--hover);
}
.ajaxmod td{
	cursor:pointer;
}
   .tab-content-multi table.dataTable th,table.ws_table  th
   {
	       padding:0.375rem ;
	 vertical-align:middle;
		font-weight:400;
   }
  .tab-content-multi table.dataTable th:nth-child(2) ,table.ws_table  th:nth-child(2){
	    text-align:start;
}  
.tab-content-multi table.dataTable td:nth-child(2)  ,table.ws_table  td:nth-child(2)    {
 text-align:start;
}
table.ws_table  td:nth-child(2)    {
	cursor:pointer;
}
table.ws_table tr:hover td:nth-child(2)    {
	color:var(--primary);
}
 .table.ws_table  td, .table.ws_table  th    {
		padding:0rem 0.175rem; 
	  	 vertical-align:middle;
		     white-space: nowrap;
    font-size: var(--table-font);
}
.table.ws_table_sub td, .table.ws_table_sub th {
  /*
  padding: 0.75rem 0.375rem;
    vertical-align: middle;
    white-space: nowrap;
    font-size: var(--table-font);
	*/
	    padding: 0.275rem 0.175rem;
    vertical-align: middle;
    white-space: nowrap;
    font-size: var(--table-font);
	    font-weight: 500;
}
.ws_table  td,.ws_table  th{
	height:1.55rem;
}
.ws_table_sub thead th:first-child,.ws_table_sub  tbody tr td:first-child,
.ws_table  thead th:first-child,.ws_table   tbody tr td:first-child{
	padding-inline-end: 0.125rem;
    padding-inline-start: 0.125rem;
	text-align:center;
/*	min-width: 50px!important;
   width: 50px!important;*/
}    
.ws_table_sub thead th:first-child,.ws_table_sub  tbody tr td:first-child,table.ws_table_sub thead th:first-child,table.ws_table_sub  tbody tr td:first-child
{
	max-width:45px;
		 width:45px;
}
[dir=ltr] .table.ws_table  td:nth-child(2), [dir=ltr]  .table.ws_table  th:nth-child(2)    {
	  padding-inline-end:1.5rem
 }  
 .ws_row .link-icon{
	 padding-top:0px;
	 padding-bottom:0px;
 } 
  .ws_row label.checkbox ,.ws_row_menu label.checkbox
  {      
  margin-top:0px;
  }
  .ws_row .dropdown-item {
    padding: 0.375rem 0.375rem  0rem 0.375rem;
}
.ws_row_menu .dropdown{
    padding: 0.375rem 0.375rem  0rem 0.375rem;
}
  .ws_row .link-icon i    {
  font-size:1.1rem;
  margin:unset;
  color:var(--border);
}
.ws_table_sub  .ws_row .link-icon i    {
  font-size:1rem;
}
.ws_table_sub .checkbox .checkmark, .ws_table_sub .radio .checkmark
{
	width:16px;
	height:16px;
}
.ws_row_menu .md-icon i    {
     display: inline-flex;
    vertical-align: middle;
  color:var(--border);
}
.dataTable tbody tr:hover td .ws_row .link-icon i ,.dataTable tbody tr:hover td .ws_row_menu .md-icon i{
color:var(--muted) ;
 }
.ws_row_menu .dropdown-item
{
padding:.375rem
}
.ws_row_menu ,.ws_row{
	margin-top:-4px;
}
.table.ws_table  td:not(:first-child) i,.ws_table_sub td:not(:first-child) i{
	font-size: 0.95rem;
    margin-inline-end: 0.25rem;
    display: inline-flex;
   vertical-align:middle;
}
.table.ws_table  td:not(:first-child) img,.ws_table_sub td:not(:first-child) img{
	width:32px;
	max-height:32px; 
	margin-inline-end: 0.475rem;
    display: inline-flex;
	vertical-align:middle;
}
.ws_table_sub td:not(:first-child) i{
	font-size: 1rem;
}
.ws_table_sub td:not(:first-child) img{
	width:22px;
	max-height:22px; 
}
[dir=ltr] .table.ws_table  td:not(:first-child) i,[dir=ltr] .table.ws_table  td:not(:first-child) img{
    margin-inline-end:0;
    margin-inline-start: 0.375rem;
} 
.dt-bootstrap4:not(.no-footer) .row:last-child  
{
	margin-inline-end:0px;
	margin-inline-start:0px;
	background:var(--bg-page);	
		border-bottom: 1px solid var(--border);
    border-top: 1px solid var(--border);
		margin-top:-4px;
}
.dt-bootstrap4 .row:nth-child(2)
 {
	margin-top:-1px;
}
  .select2-container{ 
 width: 94%!important  ;  
  display: inline-flex;
    flex-direction: column;}
 .dataTables_filter  input {
    display: none!important;
}
.dataTables_filter,.dataTables_filter label,.dataTables_length,.dataTables_length label{
 display: none!important;  
}
.dataTables_length,.dataTables_info{
	padding-inline-start:16px;
	padding-inline-end:16px;
}
.ui-state-disabled {
    cursor: pointer!important;;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 36px;
}
.select2-container--default .select2-selection--single {
 /*   background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0px;*/
	    font-size: 0.85rem;
     transition: .3s linear background;
	outline: 0;
  /*  border: 1px solid var(--border);*/
	border: 1px solid var(--border);
    box-shadow: none;
    border-width:   1px  ;
    /*margin-inline-start: 10px;*/
    padding-inline-start: 0px;
	border-radius: var(--sm-radius);
	height:32px;
	    padding-top: 0px;
    background: transparent;
	display: inline-flex;
	    width: 100%;
}
.form-control.rounded, .form-control.form-control-rounded {
 border-radius:0px;
}
.icon-option i,.icon-option{
	 	 font-size:18px;
}
.border-top2 {
    border-top: 2px solid var(--border) !important;
} 
.layout-sidebar-large .main-header .notification-footer   {
       background: var(--bg-light);
    height: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    border-width: 1px 0;
    font-size: var(--menu-size);
    line-height: 1.5;
}
[dir="rtl"] .checkbox .checkmark, .radio .checkmark {
/*  left:0;*/
  top:0;
 }
[dir="ltr"] .checkbox .checkmark, .radio .checkmark {
 right:0;
  top:0;
 }
.highlight{
 	/*background-color:#f9f9f9!important;*/
	background-color: rgb(249, 244, 253)!important;
}
@media (min-width: 992px){
.modal-lg, .modal-xl {
    max-width: 980px;
  /*  padding: 10px 0;*/
}
}
@media (min-width: 992px) {
  .modal-md {
    max-width: 800px;
	padding: 60px 0;
	} } 
.dropdown-header{
	background: var(--border);
	display: flex;
    align-items: center;
    justify-content: center; margin-top:-8px;font-size: 0.813rem;
	background:transparent;
	font-size: 0.75rem;
    border-bottom: 1px solid var(--border);
	color:var(--primary);
}
   .ws_row_menu .dropdown-item:last-child  {
/*	border-top:1px solid  var(--border);
		margin-top: 6px;*/
}
 .ws_row_menu .dropdown-item .delete{
color:var(--danger);
 }	 
a.actions,button.actions{
	border-bottom: 1px solid #9492996e;
	box-shadow: 0 1px 0px 0px #9492996e;
	background:transparent;
	border-width:0 0 1px 0;
	border-bottom: 1px solid transparent;
    box-shadow: 0 1px 0px 0px transparent;
    background: transparent;
    border-width: 0 0 1px 0;
	    position: relative;
}
 .actions {
	 outline:0;
	 margin-inline-end:12px;
 } 
.actions,.actions i {
 	font-size: 1.5rem;
    color: var(--light);
    font-weight: 500;
}
 a.actions:hover,button.actions:hover{
	border-bottom: 1px solid transparent;
	box-shadow: 0 1px 0px 0px transparent;
}
 .actions:hover i{
	 color:var(--primary); 
 }
a.actions.active i, button.actions.active i{color:var(--primary);}
 .ui-multiselect .actions {
	 margin:0px
 }
 .ui-multiselect input.search {
    height: 26px;
    padding: 1px;
    opacity: 1;
    margin: 2px;
    width: 60%;
    min-height: 26px !important;
    line-height: 26px;
    border: 1px solid var(--border);
    background: #fff;
	/*    border-radius: var(--sm-radius);*/
	border-radius: 0;
}
 .md-card .md-card-content.action_bar{
	 padding:6px 0 3px 0;
 }
 .layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .triangle {
    border-style: solid;
    border-width: 0 0 18px 18px;
    border-color: transparent transparent var(--primary) transparent;
}
.page-item.active .page-link {
    z-index: 1;
    color: var(--primary);
    background-color: #fff;
    border-color: var(--primary);
}
 .form_add > .col, .form_add > [class*="col-"] {
    padding-inline-start: 25px;
    padding-inline-end: 25px;
    margin-top: 15px;
}
 .md-input-force > label {
  top: -12px;
  font-size: 12px;
}
 .form_row .switch_cont  {
	  margin-top:16px;
 }
   .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-start-end-radius: 0rem;
    border-start-start-radius: 0rem;
	    color:var(--muted);
		 color: var(--dark);
    border: 1px solid var(--border);
    border-bottom-width: 0;
    padding: 0.5rem 1rem 0.12rem;
	opacity:0.85;
	text-transform: capitalize;
}
   .nav-tabs .nav-link:first-child{
	 
	 margin-inline-start:35px;
 }
 
 .nav-tabs {
    border-bottom: 1px solid var(--border);
	width:calc(100% - 4px);
}
	.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
     color: var(--primary);
    border-top-color: var(--primary);
    background-color: var(--bg-page);
	opacity:1;
	border-bottom: 2px solid #fff;
}
.openmod_body,.openmod_upper_body{
    max-height: calc(100vh - 200px);
	 max-height:calc(100vh - 10rem);
    overflow-y: auto;
	overflow-x:hidden;
}
.min_body{
   animation: min_h 1s ;
}
@keyframes min_h {
 0% {min-height: 100px;}
  50% {min-height: 200px;}
    100% {min-height: 400px;}
}
.md-title ,.md-title  input[type="text"]{
	color:var(--muted2);
	font-size:22px;
	padding-inline-start:0px
}
.md-title label{
	color:var(--muted2);
	font-size:0.9rem;;
}
::placeholder {  
  color: var(--muted2);
  opacity: 1; 
}
.card.home .card-body{
	padding:1.25rem;
	 -webkit-transition: background 150ms,padding 200ms;
  transition: background 150ms,padding 200ms;
}
.home_link:hover ,.home_link:hover a , .home_link:hover a * , .home_link:hover a p *{
	background-color:var(--primary);
	color:#fff!important;
	 -webkit-transition: background 150ms,padding 200ms;
  transition: background 150ms,padding 200ms;
}
:not(:disabled):not(.disabled)
.home_link  [class^="i-"],.home_link  [class^="kgc"] {
  /*  font-size: 44px;*/
}
.grid_action.disabled .home_link:hover,.grid_action.disabled .home_link:hover a,.grid_action.disabled .home_link:hover a * ,.grid_action.disabled .home_link:hover a p *
{
	background-color:#fff!important;
	color::var(--muted2) !important;
}
.item_code{
	letter-spacing:5px;
	font-size:18px;
}
.placeholder{
	padding:0px;
	border: 0px solid var(--border);
 	max-height:120px;
	 max-width:100%; 
	  display:contents; 
	  min-width: 36px;
    min-height: 36px;
}
.placeholder img{
 max-height:90px;
max-width:100%; 
	 margin-bottom: 0px;
	 	border:1px solid var(--border);
		min-width: 36px;
    min-height: 36px;
    border-radius: 5px;
    padding: 2px;
}
.placeholder.multi_tab img{
	 max-height:100px; 
	  max-width:100%; 
	 margin-bottom: 8px;
	 min-width: 36px;
    min-height: 36px;
}
.nav-tabs .nav-item .nav-link{
	padding:4px;
}
.form_sheet{
	border: 1px solid var(--border);
    border-radius: var(--sm-radius);
    box-shadow: 0 5px 25px -12px var(--shadow);
}
.form_sheet .card-body{ 
	padding:12px 24px;
}
.form_sheet .form-group label,.tab-content-multi .form-group label,.tab-content-multi .label2{ 
   font-weight:400;
    font-size: 0.75rem;
	color:var(--light);
	padding:2px;
}
.form_sheet .form-control, .form_header .form-control,.tab-content-multi .form-control{
font-size:0.75rem;
border:1px solid var(--border);
box-shadow:none;
border-width:0 0 1px 0;
/*margin-inline-start:10px;
border:1px solid var(--border);
padding-inline-start: 0px;
*/
background:transparent;
}
.tab-content-multi .form-group label,.tab-content-multi .label2{ 
     font-size: 0.75rem;
    margin-bottom: 0px;
}
.tab-content-multi .form-control{
font-size:0.85rem;
}
.form_sheet .select2-container--default.select2-container--focus .select2-selection--multiple
{
    outline: 0;	
}
.form_sheet .select2-container--default .select2-selection--multiple
{
	font-size:0.75rem;
/*height:30px;*/
box-shadow:none;
border:1px solid rgba(0, 0, 0, 0.125);
border-width:  1px   ;
margin-inline-start:0px;
padding-inline-start: 0px;
background:transparent;
border-radius:var(--sm-radius);
}
.switch_cont   span{
	font-size:1.08rem;
}
.form_sheet .form_row,.tab-content-multi .form_row{
  justify-content: space-between;
}
 .form_sheet .form-group,.tab-content-multi .form-group{
	/* margin-bottom:0px;*/
 }
  .form_sheet h1, h2, h3, h4, h5, h6, .form_sheet .card-title, .text-title {
    color: var(--secondary);
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 20px;
}
    .btn-status {
		color:#adb5bd;
		background:#fff;
		border-color:var(--border);
		border-width:  1px;
		line-height:22px;
		margin-inline-end:-2px;
		    border-inline-start-width: 1px;
	}
	.btn-status.active{
		background:#F5F5F5!important;
		color:var(--dark);
		font-weight:500;
	}
	.btn-arrow-left:last-child:before {
	 display:none; }
	.btn-arrow-left:first-child:after {
	 display:none; }
	.status-bar{
		 border:1px solid var(--border);
		 box-shadow:0 ;
	}
	.status-bar .md-btn-arrow-left{
		border-radius:0px;
	}
	.status-bar .md-btn-small{
	border-color:var(--border);
	line-height:28px !important;
	border-radius:0;
	margin-inline-start:6px;
	margin-inline-end:6px;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	}
	.md-btn{
	    white-space: nowrap;
	}
	.status-act {
	background:#fff;
		border-color:#fff;
		color:#00A09D;
		box-shadow:none;
		padding:3px 12px 0px 12px;
	}
	.status-act:first-child{
		background:#00A09D;
		border-color:#00A09D;
		color:#fff;
		/*margin-inline-start:30px;*/
		background:var(--primary);
		border-color:var(--primary);
	}
	.status-act  > i {
    font-size: 16px;
    margin-inline-end: 6px;
    vertical-align: -6px;
}
.status-bar .status-list{
	margin-top: -1px;
    margin-bottom: -1px;
    margin-inline-end: -1px;
}
.status-bar .btn-status{  margin-inline-start: -1px;}
.mandatory > label{
	color:var(--danger)!important
}
 .lister, .lister .list-group-item{
	padding:0.3rem 0.1rem;
}
 .scroolAcl {
  height:350px;
 overflow-y: scroll;
  width:100%;
 }
 .list-group-item-in {
    position: relative;
    display: block;
    padding: 0rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 0px solid rgba(0, 0, 0, 0.125);
}
#notify_list{  
  max-height: 80vh;
    overflow-y: scroll;
    background: #fff;
}
@media (min-width: 768px)
.d-md-block-inline {
    display: inline-block !important;
}
.form_sheet.less{
	margin-top:6px;
box-shadow: 0px 5px 15px -15px var(--shadow);
}
.form_sheet.none {
    margin-top: 6px;
    box-shadow: none;
    border: 0;
}
.bhead1{
	position:fixed;
	z-index:100;
	height:50px;
	width:100%;
	box-shadow: 0px 5px 15px -15px black;
	background:#f8f8f8;
}
.hidden{
	display:none!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--bg-light);
    border: 1px solid var(--border);
    border-radius: 0px;
    cursor: default;
    float: left;
    margin-inline-start: 0px;
    margin-top: 5px;
    padding: 0 5px;
	font-size:0.75rem
}
table.pricing-table td, table.pricing-table th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 24px;
    font-size: 0.85rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--dark);
  color: 	var(--muted2);
    color: 	 var(--dark);
	font-size:0.85rem;
   /* line-height: 28px;*/
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-inline-start: 8px;
    padding-inline-end: 20px;
    display: inline-flex;
    align-items: center;
}
.priceInput::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
  font-size:0.75rem;
}
.priceInput{
margin-inline-start:0;
}
.input-group-append{
	display:inline-flex;
} 
  .input-group-append{
 
		padding-inline-start:20px;
		padding-inline-end:0px;
	 
}
 
 .switch_popup .input-group-append{
	 
		padding-inline-end:10px;
		padding-inline-start:10px;
		border: 1px solid var(--border);
    border-radius: var(--sm-radius) 0 0 var(--sm-radius);
    border-inline-start: 0;
	height: 28px;
	    display: flex;
    justify-content: center;
    align-items: end;
}
 [dir="ltr"] .switch_popup .input-group-append{
	  border-radius: 0 var(--sm-radius)   var(--sm-radius) 0; 
	 
 }
.input-group-text {
        font-size: 0.75rem;
     border-radius: 0rem;
	 border: 1px solid var(--border);
    box-shadow: none;
    border-width: 0 0 1px 0;
	background-color:transparent;
}
.ignored{
	opacity:0.5;
}
.sortable tr {
	    cursor: move;
}
.p-handle {
    background: #fbfbfb;
    border-inline-end: 1px solid #e2e2e2;
    border-inline-start: 1px solid #e2e2e2;
}
.select_add{
	border-width: 0px 0px 0px 0px;
    font-size: 20px;
    /* min-width: 50px; */
    justify-content: flex-end;
    display: inline-flex !important;
    align-items: center;
  /*  margin-inline-start: 10px;*/
  line-height:1.5;
}
.select_add a i{
color:var(--light);
 font-size: 1.1rem;
}
.select_add:hover a i{
	color:var(--primary);
}
.switch_popup .select2-container--default .select2-selection--single
{
	    border-radius: 0 var(--sm-radius)   var(--sm-radius) 0;
    border-inline-end: 0;
}
.multi_action_sub {
	color:var(--dark);
	font-size:1.2rem;
}
.multi_action_sub:hover {
color:#663399;
}
.sub-icon {
    color: var(--dark);
	margin-inline-end: 4px;
    margin-inline-start: 4px;
	border-radius:0px;
	 background-color:#f5f5f5;
	padding-inline-end:16px;
}
.sub-icon i {
    padding: 12px 0px 0 10px;
	line-height:1.5;
	font-size:1.2rem;
	font-weight: 600;}
	/*
	.toast-info {
  background-color: var(--primary) !important;
  }
  */
  .toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 6px;
    background-color: var(--bg-light);
    opacity: 0.75;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
}
.text_code {
    padding: 0.5em;
    color: #444;
	border:1px solid #dedede;
    max-height: 500px;
	direction:ltr;
	background-color: var(--bg-page);
   /* padding: 0.01em 16px;
    margin: 20px 0;
	*/
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
}
.self-btn.disabled{
	 opacity: 0.4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
	cursor:progress;
}
.tab-content-multi{
	    background: var(--bg-page);
 /*   border: 1px solid var(--border);*/
    border-radius: var(--sm-radius) 0 var(--sm-radius) var(--sm-radius);
    
    box-shadow: 0px 10px 25px -25px var(--bg-page)
}
.tab-content-add{
	    background: var(--bg-page);
    border: 0px solid var(--border);
    border-radius: var(--sm-radius);
    border-top-width: 0;
    box-shadow: none
}
.modal-upper{
	    z-index: 1050;
}
.form_sheet .form-control.testing, .form_header .form-control.testing, .tab-content-multi .form-control.testing {
    background: #fff;
    border: 1px solid var(--border);
    padding: 0px;
    direction: ltr;
	font-size:0.73rem;
	color:#474050 ;
}
 .open_table_sub_wrapper
 {
	 padding:0px!important;
	 margin:0px!important;
 }
 .sub_page img{
	 max-height:90px;
 }
.botflow .selector{
    height: calc(100vh - 150px);
    overflow-y: auto;
	overflow-x: auto;
}
.selector2{
	 min-height:200px;
	border: 1px dashed #673ab75e !important;
    background: var(--bg-page) !important;
}
.selector1 li{
position: relative;
    display: block;
    padding: 0.75rem 0.35rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
	font-size:12px;
}
.list-group {
    display: flex;
    flex-direction: column;
    padding-inline-start: 0;
}
	 .botflowBody ul {
  display: flex;
  list-style: none;
     padding: 10px 20px;
}
.botflowBody ul li{
	margin:15px;
   padding: 10px ;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 1rem;
   background-color: #fff;
    margin-inline-end:50px;
  position: relative;
}
 /*
.botflowBody ul li:not(:last-child):before {
  content: '';
  height: 3px;
  background: var(--dark)7a;
  width: 50px;
  position: absolute;
  left: -50px;
  top: 50%;
}
 */
.botflowBody ul li:not(:last-child):after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 40%;
  border-style: solid;
  border-width: 12px 0 12px 30px;
  border-color: transparent transparent transparent var(--dark)7a;
  left: -50px;
  transform: translateY(-50%);
     transform: rotate(180deg);
}
.selector2 .bflowBadge, .selector1 .flowB,.selector2 .listname{
	display:none!important;
}
.flowB.nav-item-hold {
    display: block;
    width: 100%;
    color: var(--dark);
}
.flowB.nav-item-hold .nav-icon {
    font-size: 22px;
    height: 22px;
    width: 22px;
    display: block;
    margin:   auto ;
}
.view_open{
	padding: 16px;
    background-color: #fff;
    border-radius: 0;
    box-shadow: 0 1px 0 rgba(12,13,14,0.1), 0 1px 6px rgba(59,64,69,0.1);
    box-sizing: border-box;
    transition: all .3s ease-in;
	border:1px solid var(--border)
}
.view_open .card-title,.view_open_left .card-title{
	margin-bottom:0;
}
.view_open_left{
	padding: 16px;
    background-color: #fff;
    border-radius: 0;
    box-shadow: 0 1px 0 rgba(12,13,14,0.1), 0 1px 6px rgba(59,64,69,0.1);
    box-sizing: border-box;
    transition: all .3s ease-in;
	border:1px solid var(--border);
	  border-top-width:0;
}
.view_open_left2{
	  box-shadow: 0 1px 0 rgba(12,13,14,0.1), 0 1px 6px rgba(59,64,69,0.1);
	  border-bottom-width:0;
	 background-color:var(--border);
}
.left_action{
	border-radius:1px;
}
.left_action .hd{
	padding:10px 12px;
}
.ul-widget4__pic-icon {
    margin-inline-end: 15px;
    font-size: 25px;
}
.ul-widget4__item{
	padding:10px;
}
.multi_action.disabled , .multi_action.disabled i, .multi_action.disabled:hover {
	 opacity: 0.4!important;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
	cursor:not-allowed;
	color:#20c997!important;
	display:none;
}
.poper i{
	 font-size: 20px;
}
.text-muted2 {
    color: #999!important;
	padding-inline-start:4px;
	padding-inline-end:4px;
}
.activity h6{
	font-size:0.75rem;
}
.activity .summary{
	margin-inline-start:4px;
	margin-inline-end:4px;
}
.activity .act,.activity .act i,.activity .act svg,.activity .act .summary{
	color:#999;
}
.activity .act:hover,.activity .act:hover i ,.activity .act:hover svg,.activity .act:hover .summary{
	opacity:1;
	color:var(--muted2);
}
.activity.cancel{
	text-decoration:line-through;
	opacity:0.5;
}
.activity .feedback,.activity .feedback i,.activity .feedback svg ,.activity .feedback .summary{
	color:#27ace3!important;
}
.activity .unread  td{
	background-color:#f8f8f8;
}
.activity .read   td{
	background-color:#fff;
}
[dir=rtl] .item-name{
	padding-inline-start: 0.375rem;
}
[dir=ltr] .item-name{
	padding-inline-start: 0.375rem;
}
.childNav .nav-item .item-name{
	    margin-inline-start: 0.275rem;
}
.childNav li a,.childNav li a .item-name{
}
.childNav li a i,.childNav li a .nav-icon{
  font-size: 1.2rem;
}
  .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item {
    border-bottom: 1px solid var(--border);
} 
.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a i,.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .nav-icon{
	color:var(--light);
}
.activity_td {
    vertical-align: start!important;
    text-align: right!important;
}
.activity * td { 
	font-size: 0.75rem;
}
.activity * .badge
{
	font-weight:400;
	min-width:75px;
}
#task_list,#notify_list{
	max-height:260px;
	overflow-x:hidden;
	overflow-y:auto;
}
.notify_parent{
	min-width:260px;
}
.breadcrumb {
    background: transparent;
    align-items: center;
    margin: 0;
    padding: 0;
	color:var(--secondary);
}
.breadcrumb li.active {
color:var(--primary);
}
.breadcrumb .next{
	padding-inline-start:0.375rem;
	padding-inline-end:0.375rem;
		color:var(--muted2);
}
 .ht-300{
	height:300px!important
 }
  .ht-250{
	height:250px!important
 }
  .ht-200{
	height:200px!important
 }
  .ht-100{
	height:100px!important
 }
  .wd-45p{
	width:45%!important
 }
.wd-100p{
	width:100%!important
}
.echart   span{
	font-size:10px;
}
.echartd *{
	font-family:'Tajawal'!important;
}
.sync{
	 color:#20201f;
	   animation: syncing 1.5s linear infinite;
	   opacity:0.3;
}
@keyframes syncing {
	   from { opacity:0.3;color:#20201f;}
	  40% {opacity:0.5; color:#20201f;}  
    50% {opacity:0.6; color:#20201f;}
    70% {opacity:0.7; color:#26ade3;}
    80% {opacity:0.8; color:#26ade3;}
    95% {opacity:0.9;color:#26ade3;}
    to { opacity:1;color:#26ade3;}
}
 .chart_table{ 
  background:#fff;
    border-bottom: 1px solid #f8f8f8;
	border-bottom: 1px solid var(--border);
    border-top: 0px solid var(--border);
    background: var(--bg-light);
}
.white_table  thead th 
{
	border-top: 0px solid var(--border);
	background:#fff;
}
.panel{
		max-width:300px;
	margin:auto; 
}  
.card.card-hover:not(:disabled):not(.disabled)
{
	opacity:1;
	  -webkit-transition: all 180ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all  180ms cubic-bezier(0.77, 0, 0.175, 1);
  -ms-transition: all 180ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all  180ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all  180ms cubic-bezier(0.77, 0, 0.175, 1);
} 
 .card.card-hover.hover-sm
{
	opacity:1;
}
.card.card-hover:not(:disabled):not(.disabled):hover {
 -webkit-box-shadow:0 1px 1.25rem rgb(137, 102, 247,0.09), 0 2px 40px var(--border);
  -moz-box-shadow: 0 1px 1.25rem rgb(137, 102, 247,0.09),0 2px 40px var(--border);
  box-shadow: 0 1px 1.25rem rgb(137, 102, 247,0.09),0 2px 40px var(--border);
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  cursor:pointer;
  opacity:1;
      border-radius: var(--sm-radius);
}
.card.card-hover.hover-sm:not(:disabled):not(.disabled):hover {
	  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
      border-radius: var(--sm-radius);
}
input[type="text"].md-input.ws_search
{
	border-width:1px;
	border-radius:6rem;
}
.pie .card-title ,.funnel .card-title ,.panel  .card-body  {
	padding:6px;
	color:var(--dark);
	 	border-bottom: 1px solid var(--border);
 display:=inline-flex;
    align-items: center;
 justify-items: center;
 line-height:1.5;
}
.pie .card-title a,.funnel .card-title a,.panel  .card-body a,.funnel div  a{
	 display:  inline-flex;;
}
.pie .card-title i ,.funnel .card-title i ,.chart_table .card-header i
{
   padding-inline-end: 0.375rem;
	font-size:1.3rem;
	color:var(--dark);
}
.pie .card-title,.funnel .card-title  {
	color:var(--dark);
}
.pie .card-title span   ,.funnel .card-title span {
	color:var(--dark) ;
}
.funnel-body {
 display:  flex;	
 padding:8px;
}
.chart_table .card-title{
	 font-size:0.85rem;
	color:var(--dark);
    display: inline-flex;
    align-items: center;
}
.chart_table .card-title i{
    padding-inline-end: 0.375rem;
	font-size:1.3rem;
	color:var(--dark);
} 
.status_pink *{
		color:#CB3066;
}
 .status_purple *{
	color:#27ace3;
}
 .status_orange *{
	color:var(--danger);
}
  .status_teal *{
	color:#20c997;
}
.status_overdue_soon *{
	color:rgba(102, 51, 153, 0.85)
}
.status_overdue *{
	color:var(--danger);
	font-weight:500;
}
.status_long_overdue *{
	color:#f44336;
}
.status_long_overdue  td:not(:last-child)  {
   animation: blink-animation 1.2s linear infinite;
  -webkit-animation: blink-animation 1.2s linear infinite;
 }
@keyframes blink-animation {
  to {
    color:rgba(0,0,0,.24);
  }
}
@-webkit-keyframes blink-animation {
  to {
    color:rgba(0,0,0,.24);
  }
}
.rtContainer{
	 width: 100%;
	 	min-height: 150px;
}
.rtEditor{
 width: 100%; 
	min-height: 150px;
}
.rtTarget{
	opacity:0;
}
.activity_continer{
width:100%;
padding:2px;
margin:2px;
}	 
.activity_continer  .avatar img {
    margin: 4px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
} 
.actz_row{
padding: 8px;
    margin-bottom: 0px;	
}
.actz .heading {
  font-size:0.75rem;
  font-weight:500;
      margin-bottom: 10px;
}
.period-select-wp .select2-container  .select2-selection--single .select2-selection__rendered {
display:none;
    width: 10%;
}
.select2-container:not(div .period-select-wp) .select2-selection--single .select2-selection__rendered{
    padding: 0.275rem;
	font-size:0.75rem;
	overflow:hidden;
	    display: inline-flex;
    align-items: center;
    width: 100%;
	padding-inline-start:24px;
	font-weight: 500;
    text-shadow: none;
}
 
.select2-container.select2-container--disabled .select2-selection--single .select2-selection__rendered{
	 padding-inline-start:14px!important;
}
.select2-container.select2-container--disabled .select2-selection--single .select2-selection__arrow
{
	margin:0!important;
}
.ws_table .select2-container .select2-selection--single .select2-selection__rendered{
	padding-inline-start:4px;
	padding-inline-end:4px;
}
.ws_table .select2-container .select2-selection--single .select2-selection__rendered{
		font-size: 0.75rem;
    line-height: unset;
    margin: 0px;
/*    border: 1px solid var(--border);
    background: #fff;*/
        color: var(--light);
    display: flex;
    align-items: center;
    height: 24px;
	width:100%;
	border-radius: var(--sm-radius);
}
 .select2-container--default .select2-results>.select2-results__options
{
font-size:0.75rem;	
    overflow-x: hidden;
}
.select2-container .select2-selection--single .select2-selection__rendered span,.select2-results__option span
{
     display: flex !important;
    align-items: center;
	}
.select2-container .select2-selection--single .select2-selection__rendered span i,.select2-results__option span i{
	padding-inline-end:0.275rem;
	font-size:0.95rem;
}
.select2-container .select2-selection--single .select2-selection__rendered span,.select2-results__option span  {
}
.select2-container .select2-selection--single .select2-selection__rendered span img,.select2-results__option span img,.select2-selection__choice span img {
    margin-inline-end: 0.4rem;
    width: auto;
    height: 32px;
    border-radius:3px;
    max-width: 46px;
	    padding: 3px;
}
.select2-container[dir="ltr"] .select2-selection--single .select2-selection__rendered span img,.select2-selection__choice span img{
    margin-inline-end: 0.4rem;
    width: auto;
    height: 32px;
    border-radius: var(--sm-radius);
    max-width: 46px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--bg-light);
} 
 .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--bg-light);
   color: var(--dark);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-inline-end: 3px;
    margin-inline-start: auto;
    border-radius: var(--bd-radius);
	    border: 1px solid var(--border);
    background: var(--bg-light);
	    display: inline-flex;
    padding-bottom: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice
{
	background:#fff;
}
.ws_table .select2-container--default .select2-selection--single {
		   border: 0px solid transparent;
		   height:unset;
		     border: 1px solid var(--border);
			 background:#fff;
} 
 .select2-container--default .select2-search--dropdown .select2-search__field
{
border: 1px solid var(--border);
border-radius: 2px;
  /*  border-width: 0 0 1px 0;*/
	padding: 4px 8px;
}
.ws_table .select2-container--default .select2-selection--single .select2-selection__arrow b{
	top:50%;
} 
 .select2-dropdown{
	background: var(--bg-page);
    border: 1px solid var(--border);
    /*min-width: 175px;*/
    box-shadow: 0 1px 1.25rem var(--db-shadow);
	    box-shadow: 0 1px 0 var(--border), 0 2px 5px var(--border);
 }
 .select2-search--dropdown {
    display: block;
  /*  padding: 0px;*/
}
.select2-results__options::-webkit-scrollbar
{
	   width: 0.8em;
}  
.select2-results__options::-webkit-scrollbar-track {
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #fff;
    background-color: #fff;
} 
.select2-results__options::-webkit-scrollbar-thumb {
background-color: var(--muted2);
    border-radius: 6rem;
    border: 1px solid #fff;
} 
 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 6px 4px 0 4px;
}
.dt_select_wp .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 5px 4px 0 4px;
}
.ws_table .select2-container--default .select2-selection--single .select2-selection__arrow b {
}
  .select2-container--default:not(div .period-select-wp) .select2-selection--single .select2-selection__arrow {
		left: 0px;
		right: 0px;
		margin: 0 4px 0 4px;
}
.ws_table .select2-container--default .select2-selection--single .select2-selection__arrow {
	right:auto;
	margin:0;
}
.select2-container {
   /* margin-inline-start: 3px;
    margin-inline-end: 3px;*/
}
 .select2-container--open {
	  box-shadow: 0 1px 1.25rem rgb(137, 102, 247,0.09);
}
.ws_table .select2-container--open {
	background:#fff;
}
.dtb.select2 
{
	    outline: 0;
    /* border: 1px solid var(--border); */
    border: 0px solid transparent;
    box-shadow: none;
    border-width: 1px;
    /* margin-inline-start: 10px; */
    padding-inline-start: 0px;
    border-radius: var(--sm-radius);
    height: 36px;
    padding-top: 0px;
    background: transparent;
    display: inline-flex;
    width: 100%;
	    font-size: 0.75rem;
    color: var(--dark);
    line-height: unset;
    margin: 2px;
	padding: 3px;
    font-size: 0.75rem;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding-inline-start: 24px;
}
 .cell_click_action {
	  transition: all 0.3s ease;
	 cursor:pointer;
	 height:40px;
 }
  .cell_click_action:hover{
	    box-shadow: 1px 2px 24px 1px    rgba(var(--secondary), 0.1); 
	/*
  -webkit-box-shadow: 0px 2px 9px 1px rgba(var(--secondary), 0.1);
  box-shadow: 0px 2px 9px 1px rgba(var(--secondary), 0.1);
	 /*f8f9fa  background-color: rgba(0,0,0,.02); #665c70*/
 }
 .cell_click_action:hover td{
	  box-shadow: 0px 2px 0px    rgba(var(--secondary), 0.1); 
 }
 .mini_table th,  .mini_table td  {
    padding: 0.1rem;
	font-size:0.75rem;
 }
  .form_long .form-group .col-form-label { min-width:15% }
 /* .form_half .form-group .col-form-label { min-width:32% }  */
 [dir="rtl"] .form_half .form-group .col-form-label { min-width:32% } 
 .form_upper .form-group .col-form-label { min-width:36% } 
   .form_long .form-group .col-form-multi {
     transform: rotate(-90deg);
    /* height: 100%; */
    white-space: nowrap;
   }
 .input-group-text {
padding:0rem
 }
.form-group.labelarea label 
 {
    margin-inline-start: auto;
    margin-inline-end: auto;
 margin-bottom:-0.05rem;
 background-color:#fff;
 z-index:100;
 padding:0px 28px 0px 28px;
 color:var(--light);
 
     border: 1px solid var(--border);
    border-radius: var(--sm-radius);
    border-bottom-width: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
 }
  .form-group.labelarea textarea 
 { 
	border-width:1px;
	padding:8px 4px;
min-height: 80px;
    background-clip: padding-box;
    border: 1px solid var(--border);
    color:  var(--dark);
    border-radius: var(--sm-radius);
	   margin-inline-end: 10px; 
		 margin-inline-start: 10px; 
}
 .form-group.pl-2,  .form-group.pl-1
{
	    
		padding-inline-start: 0.375rem !important;
 
	/*margin-inline-end:0.175rem !important;*/
}
  .form-group.pl-3 
{
	   padding-inline-start: 0.375rem !important;
}
 .switch2 .slider {
    position: absolute;
    cursor: pointer;
    width: 42px;
    height: 20px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 34px;
    background-color: var(--border);
    -webkit-transition: .4s;
    transition: .4s;
}
.switch2 .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 1px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.disabled {
	opacity:0.2;
	cursor: not-allowed!important;
}
.tx-10{
	font-size:1rem;
}
.tx-95{
	font-size:0.95rem;
}
.tx-9,.tx-90{
	font-size:0.9rem;
}
.tx-85{
	font-size:0.85rem;
}
.tx-8,.tx-80{
	font-size:0.75rem;
}
.tx-75{
	font-size:0.75rem;
}
.tx-7,.tx-70{
	font-size:0.7rem;
}
.shadow-0{
	box-shadow:none!important;
}
.view-tabs   {
    flex: 1 1 auto;
    padding: 1.25rem  0.1rem;
}
.view-tabs  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-start-end-radius: var(--sm-radius) ;
    border-start-start-radius: var(--sm-radius) ;
}
.view-tabs  .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--primary);
    background-color: #fff;
    border-color: var(--border) var(--border) #fff;
	font-weight: 500;
		    border-radius: var(--sm-radius) var(--sm-radius) 0 0;
    border-top: 2px solid var(--secondary);
}
.view-tabs .nav-tabs {
    font-weight: 500;
}
.view-tabs .nav-link {
    display: block;
    padding: 0.5rem 1rem;
}
.view-tabs  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-start-end-radius: var(--sm-radius) ;
    border-start-start-radius: var(--sm-radius) ;
}
.modal-title{
line-height:1.5;	
	    font-size: 0.9rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--secondary);
} 
.modal-icon i {
	line-height:1.5;
    font-size: 1.2rem;
    margin-inline-end: 0.735rem;
	  margin-inline-start: 0.375rem;
}
.modal-body {
    padding:  0.75rem   ;
}
.pd0 {
    padding: 0rem   ;
}
.modal-body::-webkit-scrollbar {
    width: 0.6em;
}
.modal-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px var(--shadow);
   border-radius:0px;
} 
.modal-body::-webkit-scrollbar-thumb {
  background-color:  var(--border);
  outline: 1px solid slategrey;
  		border-radius:var(--sm-radius);
}
.modal-body:hover::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px var(--shadow);
   background-color:#f0f0f0;
} 
.modal-body:hover::-webkit-scrollbar-thumb {
	  background-color: var(--border);
}
.modal-footer {
    padding: 0.3rem 0.7rem;
}
 .ltr{
	 direction:ltr!important;
 }
 .disabled > .table-option *
 {
	 opacity:1!important;
 }
 .inactive:not(.table-option):not(i):not(svg)  {
  text-decoration:line-through;
      color: #999;
}
/*------------------------------------*\
    #buttons | mfb START
\*------------------------------------*/
.mfb-component--tl{
  animation: fromTop 1s 1;
  -webkit-animation: fromTop 1s 1;
}
.mfb-component--tr{
  animation: fromTop 1.3s 1;
  -webkit-animation: fromTop 1.3s 1;
}
.mfb-component--br{
  animation: fromBottom 1.6s 1;
  -webkit-animation: fromBottom 1.6s 1;
}
.mfb-component--bl{
  animation: fromBottom 1.9s 1;
  -webkit-animation: fromBottom 1.9s 1;
}
@keyframes fromBottom {
  0% {
    transform: translateY(250px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes fromTop {
  0% {
    transform: translateY(-250px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes fromBottom {
  0% {
    transform: translateY(250px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes fromTop {
  0% {
    transform: translateY(-250px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*------------------------------------*\
    #buttons | mfb END
\*------------------------------------*/
.modal-full 
{ min-width:calc((100vw - 50px) * 1)
} 
@media (min-width: 576px){
	.modal-md, .modal-lg, .modal-xl {
  max-width:   calc((100vw - 60px) * 0.96);	
}
}
@media (min-width: 992px){
.modal-md, .modal-lg, .modal-xl {
    max-width:   calc((100vw - 80px) * 1);
}
.modal-md {
    max-width: 980px;
    padding: 60px 0;
}
}
@media (min-width: 1200px) {
  .modal-lg, .modal-xl {
 //   max-width:   calc((100vw - 120px) * 0.94);
  max-width:  1150px;
	} }
 /*
	@media (min-width: 1280px) {
	.modal-lg, .modal-xl {
	 max-width: 1200px;
	}
	}
*/	
	.date_group i{
font-size:1.3rem;
} 
.date_group .input-group [type="date"].form-control  ,.date_group .input-group [type="time"].form-control  
{
	font-size:0.9rem;
	padding-inline-start:0.12rem;
	padding-inline-end:0.12rem;
}
@media (min-width: 992px) {
.date_group .input-group [type="date"].form-control  ,.date_group .input-group [type="time"].form-control  
{
	font-size:0.9rem;
}}
 .ws_scrool thead, .ws_scrool tbody { display: block; width:100%;}
.ws_scrool tbody {
    height: 80px!important;       /* Just for the demo          */
    overflow-y: scroll!important;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}
.ws_scrool thead th ,.ws_scrool tbody td{
}
.draft td{
	color:var(--muted2)!important;
}
.crm .view-pdr{
padding-inline-start: 1.5rem !important;
	padding-top: 0.5rem !important;
}
.crm .view-pdl{
	padding-inline-end: 2rem !important;
	padding-top: 1rem !important;
}
@media (max-width: 576px)
{
.crm.view-pdl {
    padding: 0.2rem 1.2rem 0.5rem !important;
}
.crm .form-control .ws_search
{
	padding:0px;
}
}
.crm .view-list
{
	color:#343a40
}
.crm .view-filter {
line-height:1; padding:4px; border-width:0 0 0px 0
}
.crm .view-filter-title{
	padding-inline-end: 8px;
    font-size: 1.2rem;
    font-weight: 500;
}
.crm .view-filter-icon{
   font-size: 1rem;
}
.crm .view-img{
    background: transparent;
    padding: 8px;
    min-width: 45px;
    height: 45px;
    width: auto;
    border: 1px solid #adadadc9;
    border-radius: var(--sm-radius);
}
.crm .view-img i{
color:#adadad;
font-size:34px;
}
.crm .view-filter-info
{
padding-inline-start:8px;
font-size:0.75rem;
margin-bottom:0px;
}
.main-content-wrapXX
{
padding:0.78rem   ;
}
 .md_table th, .md_table td {
    padding: 0.0rem;
	}
	.md_table.dataTable
	{
	margin:0px !important
	}
	 .md_table thead tr {
	 	background:#f5f6fb;
		border-bottom:1px solid var(--border);
		border-top:0.;
	 }
	.md_table thead th {
    vertical-align: middle;
	border-top:1px solid var(--border);
	background:#f5f6fb;
	border-inline-end:3px solid #f5f6fb;
	border-inline-end-color:transparent;
	height:30px;
	font-size:0.75rem;
	}
	.md_table-striped thead th:not(:first-child) {
    vertical-align: middle;
}
	.md_table-responsive table {background:#fff;}
	.md_table-responsive .container-fluid {
    width: 100%;
    padding-inline-start: 0px;
    padding-inline-end: 0px;
}
.md_table tbody tr td:nth-child(2), .md_table thead tr th:nth-child(2) {
    text-align: right!important;
    font-weight: 500;
}
.md_table tbody tr td:first-child, .md_table-striped thead tr th:first-child {
    width: 48px!important;
    text-align: center!important;
}
.md_table .select2-container .select2-selection--single .select2-selection__rendered
{
	line-height:20px;
	    vertical-align: middle;
}
.md_table th, .md_table td {
    border-bottom: 1px solid #e7e7e7;
}
.crm  .md-card .md-card-content
{
padding:0px
}
.crm .cell_click_action {
    transition: all 0.3s ease;
    cursor: pointer;
    height: 32px;
    font-size: 0.75rem;
}
.crm .btn-arrow{
padding:0.2rem ;
}
.crm .btn-arrow i {
font-size:1rem;font-weight:500
}
.crm .btn-no-arrow
{
padding: 0.2rem ;
}
.crm .btn-no-arrow i
{
font-size:1.2rem;font-weight:500
 }
.crm .btn-outline-new {
border-radius:0.15rem;
  color: #adadad;
  background-color: transparent;
  background-image: none;
  border-color: transparent; 
  font-weight:500
  }
  .crm .btn-outline-new:hover {
    color: #343a40;
	 border-color: 343a40;
     }
	.crm   .btn-outline-new:hover i {
    color: #343a40
     }
  .crm .btn-outline-new:focus, .btn-outline-new.focus {
    box-shadow:none }
  .crm .btn-outline-new.disabled, .btn-outline-new:disabled {
    color: #47404f;
    background-color: #fff; }
 .crm  .btn-outline-new:not(:disabled):not(.disabled):active,.crm  .btn-outline-new:not(:disabled):not(.disabled).active,
  .show > .btn-outline-new.dropdown-toggle {
    color: #663399;
    background-color: #fff;
    border-color: #ced4da; }
    .btn-outline-new:not(:disabled):not(.disabled):active:focus, .btn-outline-new:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-new.dropdown-toggle:focus {
      box-shadow: none }
 .btn-add-new   .btn-outline-new , .btn-add-new2   .btn-outline-new{
   padding:0.2rem 0.5rem!important;
      }
  .btn-add-new   .btn-outline-new:first-child {
  padding:0.2rem 0.5rem!important;
   color: #fff; 
  background-color: #2196f3;
  background-image: none;
  border-color: #00b0f0;
   border-end-start-radius: 0.15rem!important;
    border-start-start-radius: 0.15rem!important;
 }
  .btn-add-new .btn-outline-new:first-child:hover {
    color: #2196f3;
	 border-color: #00b0f0;
	   background-color: #fff;
  background-image: none;
     }
	.btn-add-new  .btn-outline-new  i 
{
font-size:1rem;font-weight:600
 }
 	.btn-add-new  .btn-outline-new:first-child i ,	.btn-add-new2  .btn-outline-new:first-child  i 
{
font-size:1.2rem; 
 font-weight:500;
 }
	.btn-outline-new.btn-add-new .ul-btn__text
{
	padding:0.3rem  
 }
 .view-btn-filter .btn-outline-new 
{
border-color:#ced4da;
border-width:0 0 0px 0;
border-radius:0px!important;
padding-bottom:0px;
}
.view-search{
outline:0;
with:100%;padding-inline-start:0rem;
border-radius:0rem;
border-width:  0px ;
outline:0!important
 }
  .drop-search{
  padding:0 8px
  }
  .drop-search .dropdown-menu {
   padding-bottom:0;
   }
   .drop-search .dropdown-menu  {
   border: 1px solid #e4e4e4!Important;
	border-radius:0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
   }
    .drop-search .dropdown-menu .dropdown-footer {
    border-top: 3 solid #e4e4e4!Important;
    }
 .drop-search input{
outline:0;
with:100%;
padding:8px 24px 8px 10px;
border-radius:0rem;
border-width: 0 0 1px 0;
margin:0 1.2rem;
height:calc(1.8rem)}
 span.span-right-input-icon {
    position: absolute;
    top: 10px;
    right: 18px;
}
.md_filter{
font-size:0.75rem;
max-height:500px; 
}
.md_filter select {
    width: 84%;
    margin: 1rem;
    height: 26px;
    padding: 0.3rem;
    font-size: 0.75rem;
	    background: #fff;
    border: 1px solid #ced4da;
    color: #47404f;
}
.md_filter  .select2-container .select2-selection--single .select2-selection__rendered {
    padding-inline-start: 8px;
    padding-inline-end: 2px;
     overflow: hidden;
	  font-size: 0.75rem;
	     background: #fff;
    border: 1px solid #ced4da;
    color: #47404f;
}
.keep-open {
	min-width:200px;
	max-height:245px;
	overflow-y:scroll;
	padding-top:0.5rem;
}
.keep-open .dropdown-item{
padding:.0rem 1rem;
}
.keep-open .dropdown-item .check-text
{
padding-inline-start:1.8rem;
}
.keep-open .dropdown-item .checkbox 
{
 margin-bottom:0rem
}
.search-side
padding:4px  ;
}
.search-side .input-group [type="text"].form-control {
    height: 26px;
/*	background:var(--bg-page);*/
}
.search-side input{
    height: 26px;
/*	background:var(--bg-page);*/
}
.search-side .input-group [type="text"].form-control {
    height: 26px;
}
.crm .search-open {
 	width:90%;
		max-height:100px;
	padding:3px 2px 2px 6px;;
}
.crm .select-open{
	width:100%;
 	max-height:40px;
		overflow-y:hidden;
	padding:3px 12px 2px 6px;;
}
.crm .search-open .dropdown-item{
padding:.0rem 0.4rem;
}
.crm .search-open .dropdown-item .check-text
{
padding-inline-start:1.8rem;
}
.crm .search-open .dropdown-item .checkbox 
{
 margin-bottom:0rem
}
.kinda-sort{
   width: 19px;
    height: 19px;
    background: url('https://secure.kinda.sa/_layout/img/svgicons.svg') no-repeat scroll -300px -239px;
    display: inline-block;
    line-height: 19px;
    cursor: pointer;
	}
	i.kinda-column{
		margin-top:0.3rem;
	}
	.kinda-column {
    width: 19px;
    height: 19px;
    border: 0;
    background: url(//img.zohostatic.com/crm/images/svgicons_91e43_.svg) no-repeat scroll -166px -139px;
   display: inline-block;
    line-height: 19px;
    cursor: pointer;
}
.h_duedate {
    color: #fff;
    background: #BDAD92;
    height: 19px;
    text-align: left;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 19px!important;
    padding: 0 5px 0 6px;
    min-width: 35px;
    margin-top: 0;
}
.h_duedate:after {
    border-width: 9px;
    border-style: solid inset solid solid;
    border-color: #BDAD92 transparent #BDAD92 #BDAD92;
    bottom: 0;
    content: "";
    display: inline-block;
    position: absolute;
    height: 1px;
    right: -18px;
}
.h_overdue:after {
    border-color: #ec7e7d transparent #ec7e7d #ec7e7d;
}
.mR15 {
    margin-inline-start: 15px!important;
} 
.view-filter-title .select2-container .select2-selection--single .select2-selection__rendered {
    padding-inline-start: 12px;
    padding-inline-end: 2px;
    font-size: 0.85rem;
    overflow: hidden;
}
.view-filter-title .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: auto;
    right: -6px;
}
.text-count {
font-size: 0.9rem!important;
    color: #343A41!important;
    font-weight: 600!important;
}
.crm .select2-container--default.select2-container--focus .select2-selection--multiple {
      outline: initial !important;
    background: #fff;
    border: 1px solid #ced4da;
    color: #47404f;
}
.filterizer{
overflow:hidden;
 all .24s ease-in-out
}
 .filterizer-inner{
        width: 100%;
    }
	.md_tables {
	transition:all 1s ease-in-out
 }
 	.filterizer .title {
		border-inline-end:1px solid var(--border);
		background:#f5f6fb;height:33px;
		border-bottom:1px solid var(--border);
		padding:6px 8px;
		border-top:1px solid var(--border);
		font-size:0.75rem;}
  .btn-outline-new.insider {
	 border-color:transparent;  
  }
  .insider i {
    font-size: 1.2rem;
    font-weight: 500;
	color:#adadad 
}
  .insider:hover i {
    font-size: 1.2rem;
    font-weight: 500;
	color:#343a40 
}
.md_searcher
{
	background: #fff;
    display: flex;
    border: 1px solid #dfe1e5;
    box-shadow: none;
    height: 40px;
    width: 100%;
    border-radius: 10px;
    z-index: 3;
    margin: 0 auto;
}
.md_searcher:hover{
box-shadow:0 1px 6px 0 rgba(32,33,36,0.28)}
.md_searcher_line span{
    border-inline-start: 1px solid #dfe1e5;
    height: 65%;
    align-self: center;
}
.clear-button {
    flex: 1 0 auto;
    display: none;
    cursor: pointer;
    align-items: center;
    border: 0;
    background: transparent;
    outline: none;
    padding: 0 8px;
    line-height: 44px;
}
.crm .dataTables_wrapper  .dt-buttons, .dataTables_wrapper .dataTables_filter
{
display:none!important;
}
.crm .view-drop a,.crm .view-drop a i{
	color:#47404f;
}
.crm .dt_filter
{display: flex;
    flex: 1 1 auto;
}
.crm .dt_filter .filterizer {
    flex: 0 0 38%;
    border-inline-end: 1px solid var(--border);
}
@media (min-width: 992px)
{
.crm .dt_filter .filterizer {
    max-width: 300px;
}
}
.crm .dt_filter .filterizer
{
overflow: hidden;
    width: 300px;
    height: 100%;
  padding-inline-end: 15px;
}
.crm .dt_filter  .filterizer_table {
    flex: 1;
    display: block;
    background: var(--bg-page);
	  height: 100%;
	  overflow:hidden;
}
@media only screen and (max-width: 992px)
{
.crm .dt_filter .filterizer {
     display: none;
}
.crm .dt_filter  .filterizer_table {
   flex: 0 0 100%; 
}
}
.crm .dt_filter  .filterizer.open  {
    position: fixed;
    display: inline-block;
    z-index: 2;
     background: #f5f6fb;
}
@media (min-width: 992px)
{
	.crm .dt_filter  .filterizer.open  {
	     display: none;	
	}
}
.crm .dt_filter  .filterizer.open .md-card 
{
	    background: #f5f6fb;
}
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    z-index: 35;
}
  .newtaskbtn i {
  color: inherit; }
 .taskpanel {
  background:transparent }
 .taskcard .task-expander .mdi-minus-box-outline {
  color: var(--primary); }
 .taskcard .task-expander .mdi-plus-box-outline {
  color: var(--muted); }
 .taskcard .task-details__title {
  color: var(--muted); }
 .taskcard .task-details .task-checklist li .task-checkbox label.done {
  color: var(--border); }
 .taskdate { 
  color: var(--muted2); }
 .taskpanel-footer {
  background: #fff; }
   .taskpanel-footer .checklist-date, .taskpanel-footer .checklist-date i {
    color: var(--muted)  }
   .taskpanel-footer .taskinfo-footer .attachment,
   .taskpanel-footer .taskinfo-footer .comments,
.taskpanel-footer .checklist-number   {
    color: var(--muted2); }
	.taskmanager-wrapper {
  width: 100%;
  max-width: 93.75rem;
  margin: 0 auto;
}
.taskbox {
  display: flex;
  align-items: center;
}
.task-tab:not(.tab-sm):after {
    content: '';
    position: absolute;
    height: 1px;
    width: calc(100% - 40px);
    background: var(--border);
    bottom: -1px; 
    display: block;
}
.tab-content.taskborad {
    padding: 0.5rem 0.2rem;
/*	background:hsl(0, 0%, 98%);
	background:#ecf0f5;
	background:transparent;
	*/
}
.taskbox__icon {
  padding: 0.375rem ;
  border-radius: var(--sm-radius);
  margin-inline-start: 0.625rem;
}
.taskbox__icon i::before {
  font-size: 2.25rem;
}
.taskbox__text {
  display: flex;
  flex-direction: column;
}
.taskbox__text--heading {
  font-weight: 500;
  font-size: 0.75rem;
}
.taskbox__text--numbers {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1;
}
.newtaskbtn {
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.newtaskbtn i {
  color: inherit;
  margin-inline-start: 0.625rem;
  display: inherit;
}
.newtaskbtn i::before {
  font-size: 1rem;
}
.taskpanel {
 /* 
      height: calc(100% - 6.25rem);
    padding: 0.15rem 0.625rem;
    border-radius: 0;
    background: transparent;
	 */
    height: calc(100% - 6.25rem);
    border-radius: var(--sm-radius);
    background: var(--bg-light);
    padding: 0.375rem ;
}
}
.taskcard {
  cursor: pointer;
  user-select: none;
  margin-bottom: 1rem;
  position: relative;
}
.taskcard .user-avatar-group {
  flex-wrap: wrap;
}
.taskcard .card-body {
  padding: 1.65rem 1.25rem 1.25rem;
  /* padding: 1.2rem 0.75rem 0.3rem 0.75rem*/
}
.taskcard .taskcard-dragger {
  position: absolute;
  top: -0.3125rem;
  left: 50%;
  transform: translateX(-50%);
}
.taskcard .taskcard-ribbon {
  position: absolute;
  top: -0.3125rem;
}
[dir="rtl"] .taskcard .taskcard-ribbon 
{
  right: -1px;
}
[dir="ltr"] .taskcard .taskcard-ribbon
{
  left: -1px;
}
.taskcard .taskcard-ribbon .badge {
font-weight: 600;
    border-radius: 0   ;
	    margin-top: 4px;
    margin-inline-start: 0px;
    line-height: 1.2;
    padding-top: 2px;
	 text-transform: capitalize;
}
.taskcard .taskcard-ribbon .badge:first-child {
 border-radius: 0  var(--sm-radius) 0 0;
}
.taskcard .taskcard-ribbon .badge:last-child {
border-radius: 0 var(--sm-radius) 0 var(--sm-radius);
}
.taskcard .task-expander {
  position: absolute;
 top: 0.125rem;
    font-size: 1.1rem;
	color:var(--info);
	cursor:pointer;
	 height:1.5rem;
	opacity:1;
	display:	flex !important;
	align-items:center;
}
[dir="rtl"] .taskcard .task-expander 
{
	left: 0.3125rem;
}
[dir="ltr"] .taskcard .task-expander 
{
	right: 0.3125rem;
}
.taskcard .task-expander i{
 /*font-weight:600;	*/
}
.taskcard .task-expander.collapsed{
		color:var(--muted);
		opacity:0.6;
  transform: rotate(180deg);
}
.taskcard .task-expander:hover  {
	color:var(--primary);	opacity:1;
}
.taskcard .task-details__title {
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1.25rem 0 0.3125rem;
}
.taskcard .task-details .task-checklist {
  padding: 0;
  padding-top: 0.3125rem;
  margin: 0;
  list-style-type: none;
  font-size: 0.75rem;
  font-weight: 500;
}
.taskcard .task-details .task-checklist li .task-checkbox label.done {
  text-decoration: line-through;
}
.taskname {
  font-weight: 500;
  font-size: 0.75rem;
  overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
   padding-top: 0.375rem;
color:var(--secondary);
    line-height: 1.5;
}
.taskname a img{
	width:auto;
	height:2.5rem;
}
[dir="rtl"] .taskname a img{
margin-inline-end :0.6rem;}
[dir="ltr"] .taskname a img{
margin-inline-start :0.6rem;}
.taskdate {
  font-size: 0.75rem;
}
.taskenddate {
  font-size: 0.75rem;
  font-weight: 500;
}
.taskpanel-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem;
}
.taskpanel-footer .checklist-date {
  font-size: 0.75rem;
}
.taskpanel-footer .taskinfo-footer,.taskpanel-footer .checklist-number,.taskpanel-footer {
  display: flex;
}
.taskpanel-footer .taskinfo-footer .attachment,.taskinfo-footer .checklist-date,
.taskpanel-footer .taskinfo-footer .comments,
.taskpanel-footer .checklist-number , .taskpanel-footer .taskinfo-footer .date  {
  padding: 0 0.3125rem;
  display: flex;
  align-items: center;
}
.taskpanel-footer .taskinfo-footer .attachment i,.taskpanel-footer .checklist-date i, 
.taskpanel-footer .taskinfo-footer .comments i,
.taskpanel-footer .checklist-number i , .taskpanel-footer .taskinfo-footer .date i {
  display: inline-flex;
  margin-inline-start: 0.2rem;
    margin-inline-end: 0.2rem;
  font-size:0.95rem;
  align-items:center;
}
.taskpanel-footer .taskinfo-footer .attachment i::before,.taskpanel-footer .checklist-date::before i, 
.taskpanel-footer .taskinfo-footer .comments i::before,
.taskpanel-footer .checklist-number i::before  {
  font-size: 1rem;
  line-height: initial;
}
.taskpanel-footer .taskinfo-footer .attachment span,.taskpanel-footer .checklist-date span,
.taskpanel-footer .taskinfo-footer .comments span,
.taskpanel-footer .checklist-number span , .taskpanel-footer .taskinfo-footer .date span{
  font-size: 0.75rem;
  font-weight: 500;
    align-items:center;
	display:contents;
}
 .taskpanel-footer .taskinfo-footer .date span{
	 font-size:0.75rem;
	  color:var(--muted2);
 }
  .taskpanel-footer .taskinfo-footer .date i{
  color:var(--muted2);
  }
.btn-primary-light {
  font-weight: 600;
}
.task-checkbox .custom-control-label:before {
  border-radius: 6.25rem;
}
.task-checkbox .custom-control-label:after,
.task-checkbox .custom-control-label:before {
  top: 1px;
}
.base-font-size {
  font-size: 1rem;
}
.base-font-size::before {
  font-size: 1rem;
}
.taskcard .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0;
}
.taskcard .card>hr {
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.taskcard .card-body {
/*  flex: 1 1 auto;*/
  padding: 1.25rem;
  padding: 0.75rem;
      padding-bottom: 0.375rem;
  border-bottom:  1px solid var(--border);
}
.taskcard .card-title {
  margin-bottom: 0.75rem;
}
.taskcard .card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}
.taskcard .card-text:last-child {
  margin-bottom: 0;
}
.taskcard .card-link:hover {
  text-decoration: none;
}
.taskcard .card-link+.card-link {
  margin-inline-end: 1.25rem;
}
.taskcard .card-header {
  padding: 0.75rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.taskcard .card-header-tabs {
  margin-inline-start: -0.625rem;
  margin-bottom: -0.75rem;
  margin-inline-end: -0.625rem;
  border-bottom: 0;
}
.taskcard .card-header-pills {
  margin-inline-start: -0.625rem;
  margin-inline-end: -0.625rem;
}
.taskcard .card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}
.taskcard .card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}
.taskcard .card-img-top {
  width: 100%;
  border-start-end-radius: calc(0.25rem - 1px);
  border-start-start-radius: calc(0.25rem - 1px);
}
.taskcard .card-img-bottom {
  width: 100%;
  border-end-start-radius: calc(0.25rem - 1px);
  border-end-end-radius: calc(0.25rem - 1px);
}
/* removed 
.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.accordion>.card {
  overflow: hidden;
}
.accordion>.card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}
.accordion>.card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}
.accordion>.card:first-of-type {
  border-bottom: 0;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.accordion>.card:last-of-type {
  border-start-end-radius: 0;
  border-start-start-radius: 0;
}
.accordion>.card .card-header {
  margin-bottom: -1px;
}
*/
.taskpanel-footer {
    background: #fff;
}
.taskpanel-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
}
.taskpanel-footer {
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.taskborad{
	background:transparent;
    border: 0px solid #ececed;
	border-inline-start-width:0px;
	    border-radius: 0rem;
	/*	box-shadow:2px 1px 3px rgba(12,13,14,0.1), 0 1px 6px rgba(59,64,69,0.1);*/
		box-shadow:none;
} 
.task-tab 
{
border:1px solid var(--border);
border-width: 0 0 0px 0;
 background:transparent; 
 /*
	padding-inline-end:20px;
	padding-inline-start:20px;
	padding-top:1rem;*/
}
.task-tab li{
    border-radius:  var(--xs-radius);
}
.task-tab a
{
color:var(--muted2);
}
.task-tab .nav-link:last-child
{
 border-inline-start:0px solid var(--border); 
}
.task-tab .nav-link
{
/*margin: 0 0.75rem 0 0.75rem;*/
border:1px solid transparent;
border-bottom-width:0.12rem;
color:#777;
    display: flex !important;
    align-items: center;
}
.task-tab a i
{
font-size:1.6rem;  
}
 .tab-sm a i {
	font-size:1rem;  
} 
.task-tab a span
{
 padding-inline-start:6px; 
  padding-inline-end:6px; 
 margin-top:2px; 
}
 .tab-sm a span
{
 padding-inline-start:4px; 
  padding-inline-end:4px; 
 margin-top:2px; 
 font-size:0.75rem
}
.task-tab .nav-link:first-child {
    margin-inline-start: unset;
}
.task-tab .nav-link.active, .task-tab .nav-item.show .nav-link
{
color:var(--kg-blue);
 background:#f2f5f6;
border:1px solid transparent;
border-bottom-color: var(--kg-blue-light);
border-bottom-width:0.12rem;
border-top-width:0.12rem;
 z-index:1;
}
 /*.chatapp__sidebar .task-tab .nav-link.active, .task-tab .nav-item.show .nav-link*/
  .task-tab .nav-link.active, .task-tab .nav-item.show .nav-link
{
color:var(--primary);
background:transparent;
border-bottom-color: var(--primary);
border-top-color: transparent;
     text-transform: capitalize;
}
@media only screen and (max-width: 992px)
{
	/*.chatapp__sidebar .task-tab .nav-link i*/
	 .task-tab .nav-link i
	{
		line-height:1;
	}
 .task-tab .nav-link 
{
 border-width: 0px;
}
.task-tab  
{
justify-content: space-around !important;
    flex-wrap: nowrap !important;
}
/*.chatapp__sidebar .task-tab .nav-link, .task-tab .nav-item.show .nav-link*/
  .task-tab .nav-link, .task-tab .nav-item.show .nav-link
{
     display: flex;
    flex-direction: column;
	align-items:center;
	border-inline-end-width:0px;
	border-inline-start-width:0px;
	font-size:0.65rem;
}	
}
.main-content-wrap.borad {
padding:0.0rem
}
.main-content-wrap.borad .bhead  {
	display:none!important;
}
 .scroll
{
overflow-y:auto;	
}
.scroll::-webkit-scrollbar {
    width: 0.6em;
}
 .scroll-sm::-webkit-scrollbar {
    width: 0.5em;
}/*
.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px var(--shadow);
   border-radius:0px;
} 
.scroll::-webkit-scrollbar-thumb {
  background-color: unset; background-image: var(--gd-primary);
  outline: 1px solid slategrey;
  		border-radius: var(--bd-radius);
}
.scroll:hover::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px var(--shadow);
   background-color:#f0f0f0;
} 
.scroll:hover::-webkit-scrollbar-thumb {
	  background-color: var(--primary)
}
*/
.scroll::-webkit-scrollbar
{
	   width: 0.6em;
}  
.scroll::-webkit-scrollbar-track {
    box-shadow: none;
    border-radius: 0;
    border: 1px solid var(--bg-light);
    background-color: #fff;
	   /*background-color: var(--bg-light);*/
} 
.scroll::-webkit-scrollbar-thumb {
background-color: rgba(172, 182, 209, 0.3);
    border-radius: 8px;
    border: 1px solid #fff;
} 
.scroll::-webkit-scrollbar-thumb:hover {
background-color: rgba(172, 182, 209, 0.75);
border:1px solid var(--border);
}	
   .scrollx
{
overflow-x:auto;	
}
.scrollx::-webkit-scrollbar {
    height: 0.6em;
}
 .scrollx-sm::-webkit-scrollbar {
    height: 0.4em;
}
.scrollx::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px var(--shadow);
   border-radius:0px;
} 
.scrollx::-webkit-scrollbar-thumb {
  background-color: rgba(172, 182, 209, 0.3);
  outline: 1px solid slategrey;
  		border-radius:var(--sm-radius);
}
.scrollx::-webkit-scrollbar-track:hover {
    -webkit-box-shadow: inset 0 0 1px var(--shadow);
   background-color:#f0f0f0;
} 
.scrollx::-webkit-scrollbar-thumb:hover {
	  background-color: #a3a3a3
}
 .scrollx::-webkit-scrollbar {
    width: 0.5em;
}
   .taskpanel-title {
  text-transform: uppercase;
  font-weight: 500;
  font-size:0.85rem;
  margin: 0.rem 0;
  padding:  0.4rem 0.625rem 0.25rem 0.625rem   ;
 color:var(--primary);
 color:var(--secondary);
text-shadow:none;
    background: #f4ebfc;
	background: var(--bg-light);
    border: 1px solid var(--border);
    box-shadow: 0 1px 1.25rem rgb(137, 102, 247,0.09);
	border-radius: var(--sm-radius) var(--sm-radius) 0 0;
}
 .taskpanel-title a, .taskpanel-title a:active{
	  color:var(--dark);
 }
.taskpanel-title .txt i{
	padding-inline-end:0.5rem;
	padding-inline-start:0.5rem;
	font-size:1.2rem;
	text-shadow:none;
	  color:var(--muted);
}
.taskpanel-title .opt{
color:var(--muted) ;
color:var(--secondary);
padding-inline-end:3px;
font-size:1rem;
 line-height: 0.65;
 font-weight:400;
}
.taskpanel-title .opt i 
{ 
} 
.taskcard .card{
	border-radius:var(--sm-radius);
 /*   box-shadow: 0 2px 10px -1px rgba(69, 90, 100, 0.3);
    border: 0px solid #e4e4ec;
	*/
    transition: background-color 0.2s;
    margin-bottom: 6px;
	  border:1px solid rgba(0, 0, 0, 0.125);
	  border: 1px solid var(--border);
    box-shadow: 0 1px 1.25rem rgb(137, 102, 247,0.09);
}
}
.taskpanel-footer .taskinfo-footer  i,.taskpanel-footer .checklist-number  span{
padding:0 3px;
}
.taskcard:hover .card,.taskcard:hover .card-footer {
/*background:rgba(65, 55, 240, 0.05);*/
}
.taskcard .card-footer {
    padding: 0.75rem ;
    background-color: #fff;
	border-top: 1px solid #fff;
    border-radius: 0 0 var(--sm-radius) var(--sm-radius);
    padding-top: 6px;
	}
	.taskcard .card-footer {
    color: var(--primary);
    font-weight: 500;
}
.avatar-sm-task{
     width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--border);
padding:2px;	
	}
@media only screen and (max-width: 992px)
{
.chatapp__sidebarXX {
  position: fixed;
    bottom: 0;
    max-width:  100%;
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	    border: 1px solid #ececed;
}
.chatapp__sidebarXX .task-tab  .nav-link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    color: inherit;
    padding: 0.1rem .8rem 0.1rem;
    font-weight: 500;
    font-size: .7rem; 
}
}
.modal-dialog.modal-dialog-slideout {
	max-height: calc(100vh - 50px);
	margin: 56px auto 1.75rem 0 ;
	background: #fff;
	    min-width: calc((100vw - 80px) * 1);
	}
	.modal-dialog.modal-dialog-slideout .modal-body
	{
	/*	 overflow-y:auto;*/
		 padding:0rem 1rem;
	 height: calc((100vh - 80px)* 0.75 + 30px);
	}
.modal-dialog.modal-dialog-slideout.slideout-sm  .modal-body
{
	 height: 200px;
}
.modal.fade .modal-dialog.modal-dialog-slideout	.modal-header {background:#fff;}
.modal.fade .modal-dialog.modal-dialog-slideout {
	-webkit-transform: translate(-100%,0);
	transform: translate(-100%,0);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {
	-webkit-transform: translate(0,0);transform: translate(0,0);flex-flow: column;}
.modal-dialog-slideout .modal-content{border: 0;}
@media (min-width: 992px)
{
.modal-md {
    padding: 0px;
    opacity: 1;
    border-radius: 0px  ;
}
}
 @media only screen and (max-width: 992px)
{
	.modal-dialog.modal-dialog-slideout {
	height:	calc( 100vh-50px);
	margin: 0 ;
	background: #fff;
	 width: 100vw ;
	}
		 .panel .prop-panel{
	margin-bottom: 0.5rem !important;
}
}

	 .panel .prop-panel{
	margin-bottom: 0.5rem !important;
}

/*@media (max-width: 576px){.modal-dialog.modal-dialog-slideout {width: 80%}}*/
.checkbox-icon {
    min-width: 20px;
    padding-inline-end: 5px;
    padding-inline-start: 5px;
  transition: 0.15s background ease-out;
}
.checkbox-icon i{
font-size:1.5rem;
	color:var(--muted);
	  box-shadow:none;
}
 .checkbox-icon.ison i{
font-size:1.5rem;
	color:var(--kg-blue);
}
 .checkbox-icon:active {
  transform: translateY(2px);
}
.BoardContainer{
display: inline-flex;
overflow-x: scroll!important;
overflow-y: hidden!important;
 padding-inline-end:12px;
 padding-inline-start:12px;
}
.BoardContent
{
	/*
width:34%;
min-width: 300px;
 max-width:330px;
 */
  display:inline-block;
 flex:0 0 25%;
}
@media only screen and (max-width: 992px){
.BoardContent {
   flex:0 0 33%;
}
}
@media only screen and (max-width: 768px){
.BoardContent {
   flex:0 0 45%;
} 
}
@media only screen and (max-width: 576px){
.BoardContent {
   flex:0 0 90%;
} 
}
.taskpanel {
	padding: 0.375rem ;
    border-radius: 0rem;
   /* background: #ecf0f5; 
    box-shadow: inset 0 1px 2px   rgba(0, 0, 0, 0.384);
	background:hsl(0, 0%, 100%);
	 border-top: 2px solid rgba(0, 0, 0, 0.24);
   */
   background:#fafbfd;
    box-shadow:0 1px 1.25rem rgb(137, 102, 247,0.09);
border: 1px solid var(--border);
    border-top: 0;
}
 .taskpanel-add{
	 padding: 1px 0.7rem;
	 margin-bottom:4px;
 }
 .addTask___2DoiY {
    width: 100%;
    min-height: 34px;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-inline-end: 6px;
	padding-inline-start: 6px;
    color: var(--kg-blue);
    box-shadow: none;
    background:#fff;
    border: 1px solid #e4e4ec;
    border-radius: 0px;
	    border-bottom: 1px solid #DBDBDB;
    border-inline-start: 1px solid #DBDBDB;
}
.addTask___2DoiY:hover {
	  color: var(--kg-blue-light);
}
  .addTask___2DoiY icon{
  }
.addTask___2DoiY .inputWrapper___3tIas {
    flex: 1 1 auto;
    padding-inline-start: 10px;
    font-size: 14px;
    font-weight: 500;
}
  .taskpanel-tail{
	 padding: 1px 0.7rem;
	 margin-top:3px;
 }
  .taskpanel-tail i
  {
	  font-size:18px;
	  padding-inline-end:6px;
  }
  .taskpanel-tail .addTask___2DoiY
  {
		  background: linear-gradient(0deg, rgba(245,245,245,0) 0%,#f5f5f5 100%);  
  }
   .archiveTasksSeparator___W1gK4 {
    border-top: 1px solid rgba(172, 182, 209, 0.3);
    padding: 12px;
    padding-inline-end: 0;
    background-color: transparent;
    cursor: pointer;
    display: flex;
		width:100%;
		color:#a8a8c3;
}
.archiveTasksSeparator___W1gK4:hover {
	color:var(--muted2);
}
[data-letters]:before {
  content:attr(data-letters);
  display:inline-block;
  font-size:1em;
  width:2em;
  height:2em;
  line-height:2em;
  text-align:center;
  border-radius:50%;
  background:#4680ff;
  vertical-align:middle;
  margin-inline-start:1em;
  color:#f1f1f1;
  }
  [data-username]:hover:after {
  content:attr(data-username);
  font-size:1em;
   margin-inline-start:1em;
  text-align:center;
  }
    .BoardContent
	{
	/*	padding-top:4px;*/
	}
   [dir="rtl"] .BoardContent:not(:last-child)
	{
		padding-inline-end:18px;
	}
	  [dir="ltr"] .BoardContent:not(:last-child)
	{
		padding-inline-start:18px;
	}
  .BoardContent:nth-of-type(even) {
  /*      box-shadow: 0 1px 2px 0 #d5d5e6;
    border: 1px solid #e4e4ec;*/
}
.task-related *
{
}
.task-related label,  .task-related .col-form-label
{
}
.task-related2  
{
	padding-inline-end:8px;
}
.task-related2 i
{
	font-size:32px;
	color:var(--kg-blue);
}
.md-btn-icon-default > i, .md-btn-icon > i {
    margin: 4px;
    vertical-align: -5px;
    line-height: 1;
}
.mod-tabs a i{
	padding: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5;
}
 [dir="rtl"] .kgc-sub-item ,[dir="rtl"] .kgc-back3 , [dir="rtl"] .kgc-send , [dir="rtl"] .kgc-external11
 {
	  transform: rotateY(180deg)
 }
 .kgc-like
 {
	margin-top: -1px; 
 }
.updown
{
	  transform: rotateX(180deg);
	      margin-top: 4px;
}
[dir="ltr"]  .kgc-back
{
	  transform: rotateY(180deg)
}
/* ###################################### TASK LIST #######################################################*/
/*
/*											START 
/*
/* ###################################### TASK LIST #######################################################*/
.inbox-main-sidebar-container .inbox-secondary-sidebar-container {
     min-height: calc((100vh - 50px)* 0.75 );
}
 .planner {
     display: flex;
     flex: 1 1 auto;
     min-height: calc((100vh - 50px)* 0.75 );
}
 .planner-list {
     flex: 0 0 38%;
     border-inline-end: 1px solid var(--border);
}
 @media (min-width: 992px) {
     .planner-list {
         max-width:400px;
    }
}
 .planner-conversations {
     flex: 1;
     display: block;
     background:var(--bg-page);
}
 @media only screen and (max-width: 992px) {
     .planner-list {
         flex: 0 0 100%;
    }
     .planner-conversations:not(.borad) {
         display:none;
    }
     .planner-conversations.open:not(.borad) {
         position: fixed;
         display: inline-block;
         z-index: 1030;
         width: 100%;
    }
}
 .planner-list-head {
     padding: 1rem;
}
 .planner-list-item .card::after {
     content: "";
     display: inline-block;
     height: .175rem;
     width:100%;
}
 .planner-list-item.active .card::after {
     background:var(--primary);
     margin-top:-5px;
}
 .planner-list-item .card{
     border-bottom: 1px solid #f1f3f5;
     box-shadow:none;
     margin-bottom:0;
     border-radius:0;
}
 .planner-list-item.active .card{
     background:#f9f4fd;
     color:var(--primary);
     border-bottom: 1px solid var(--primary);
}
 .inbox-main-sidebar-container {
     padding:0;
     width:100%;
}
 .inbox-details:not(.no-scroll),.planner-list-items {
     overflow-y:auto;
     padding:0rem 0.5rem 0 0;
}
 .planner-list-items {
     height: calc((100vh - 110px)* 0.75 );
}
 .inbox-details {
     height: calc((100vh - 200px)* 0.75 );
}
.wizard-details {
	     height: calc((100vh - 110px)* 0.75 );
}
 .planner-list .inbox-topbar {
     height: 52px;
     display: flex;
     flex-direction: row;
     border-bottom: 1px solid var(--border);
     background: var(--bg-page);
}
 .mail-date {
     color:var(--muted2);
     font-size:.65rem;
     justify-content: flex-end;
}
 .mail-item .name {
     color: var(--dark);
     font-size: 0.85rem;
}
 .mail-item .desc {
     color: var(--muted2);
     font-size: 0.65rem;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
 .mail-icon, {
     color:var(--muted);
}
 .mail-number span,.mail-number i {
     padding-inline-start:2px;
     color:var(--muted2);
     padding-top: 16px;
     line-height: 1;
}
 .mail-number::before {
     content: "";
     display:inline-block;
     width: 0.09rem;
     height:16px;
     background:var(--muted2)94 
}
 .mail-number i {
     margin-inline-start:-0.095rem;
}
 .planner-conversations .avatar {
     width: 3rem;
     height: 3rem;
     display: flex !important;
     align-items: center;
}
 .planner-conversations .avatar img {
     width: 2.5rem;
     height: 2.5rem;
     border-radius: 50%;
}
 .conversation-panel__footer {
     padding: 0.5rem 1rem;
     border-top:1px solid var(--border);
}
 @media only screen and (max-width:992px) {
     .conversation-panel__footer {
         position: fixed;
         right: 0;
         left: 0;
         bottom: 0 
    }
}
 @media only screen and (max-width:576px) {
     .conversation-panel__footer {
         padding: .625rem .3125rem 
    }
     .inbox-details {
         height: calc((100vh - 145px)* 0.75 );
    }
}
 .conversation-panel__footer .composer {
     display: flex;
     justify-content: space-between 
}
 @media only screen and (max-width:350px) {
     .conversation-panel__footer .composer {
         align-items: center 
    }
}
 .conversation-panel__footer .composer__left {
     display: flex;
     align-items: center 
}
 @media only screen and (max-width:350px) {
     .conversation-panel__footer .composer__left {
         flex-direction: column 
    }
}
 .conversation-panel__footer .composer__left--sticker {
     cursor: pointer;
     border-radius: .5rem;
     padding: 0 .5rem 
}
 .conversation-panel__footer .composer__left--sticker i::before {
     font-size: 2.125rem 
}
 @media only screen and (max-width:576px) {
     .conversation-panel__footer .composer__left--sticker {
         background: 0 0 
    }
     .conversation-panel__footer .composer__left--sticker i::before {
         color: inherit;
         font-size: 1.375rem 
    }
}
 @media only screen and (max-width:576px) and (max-width:576px) {
     .conversation-panel__footer .composer__left--sticker i::before {
         line-height: 1 
    }
}
 @media only screen and (max-width:420px) {
     .conversation-panel__footer .composer__left--sticker {
         padding: 0 .25rem 
    }
}
 @media only screen and (max-width:350px) {
     .conversation-panel__footer .composer__left--sticker {
         line-height: 1 
    }
}
 .conversation-panel__footer .composer__left--emoticon {
     cursor: pointer;
     color:var(--muted);
}
 .conversation-panel__footer .composer__left--emoticon i::before {
     font-size: 1.5rem 
}
 @media only screen and (max-width:576px) {
     .conversation-panel__footer .composer__left--emoticon i::before {
         line-height: 1 
    }
}
 @media only screen and (max-width:576px) {
     .conversation-panel__footer .composer__left--emoticon {
         margin: 0 
    }
}
 @media only screen and (max-width:350px) {
     .conversation-panel__footer .composer__left--emoticon {
         line-height: 1 
    }
}
 .conversation-panel__footer .composer__middle {
     flex: 1 1 auto;
     position: relative;
     padding-inline-end: 1rem;
     margin-inline-start: 1rem 
}
 @media only screen and (max-width:420px) {
     .conversation-panel__footer .composer__middle {
         padding-inline-end: .3rem;
         margin-inline-start: .3rem 
    }
}
 .conversation-panel__footer .composer__middle .form-control {
     border-radius: 6.25rem;
     overflow: hidden;
     resize: none;
     padding: .9rem 3rem .9rem 1.5rem 
}
 @media only screen and (max-width:576px) {
     .conversation-panel__footer .composer__middle .form-control {
         padding: .9rem 4.7rem .9rem .9rem;
         font-size: .875rem 
    }
}
 @media only screen and (max-width:420px) {
     .conversation-panel__footer .composer__middle .form-control {
         padding: .9rem 3.8rem .9rem .9rem 
    }
}
 .conversation-panel__footer .composer__middle--attachment {
     position: absolute;
     top: .8rem;
     right: 5.75rem;
     cursor: pointer;
     font-size: 1.3rem;
     color: var(--muted);
     line-height: 1;
}
 @media only screen and (max-width:576px) {
     .conversation-panel__footer .composer__middle--attachment i::after {
         font-size: 1.375rem 
    }
}
 @media only screen and (max-width:576px) {
     .conversation-panel__footer .composer__middle--attachment {
         right: 2.1875rem 
    }
}
 .conversation-panel__footer .composer__middle--photo {
     position: absolute;
     top: .625rem;
     right: 3.5rem;
     cursor: pointer 
}
 @media only screen and (max-width:576px) {
     .conversation-panel__footer .composer__middle--photo i::after {
         font-size: 1.375rem 
    }
}
 @media only screen and (max-width:576px) {
     .conversation-panel__footer .composer__middle--photo {
         right: .625rem 
    }
}
 .conversation-panel__footer .composer__middle--microphone {
     position: absolute;
     top: .8rem;
     right: 1.25rem;
     cursor: pointer;
     font-size: 1.3rem;
     color: var(--muted);
     line-height: 1;
}
 @media only screen and (max-width:576px) {
     .conversation-panel__footer .composer__middle--microphone {
        /* display: none*/
    }
}
 .conversation-panel__footer .composer__right {
     display: flex;
     align-items: center 
}
 .conversation-panel__footer .composer__right--send {
     border: none;
     border-radius: 6.25rem;
     height: 2.8125rem;
     width: 2.8125rem;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     padding-inline-start:2px;
}
 @media only screen and (max-width:576px) {
     .conversation-panel__footer .composer__right--send {
         display: none 
    }
}
 .conversation-panel__footer .composer__right--microphone {
     display: none 
}
 @media only screen and (max-width:576px) {
     .conversation-panel__footer .composer__right--microphone {
         border: none;
         border-radius: 6.25rem;
         height: 2.8125rem;
         width: 2.8125rem;
         display: flex;
         align-items: center;
         justify-content: center;
         cursor: pointer 
    }
}
 @media only screen and (max-width:576px) {
     .conversation-panel__footer .composer__right--microphone {
         height: 35px;
         width: 2.1875rem 
    }
}
 .message {
     display: flex;
     font-size: 14px;
     position: relative 
}
 .message__text {
     max-width: 21.875rem;
     padding: 0.4rem 1rem;
     margin: .3125rem 0;
     font-weight: 500;
     border-radius:0.4rem;
}
 @media only screen and (max-width:440px) {
     .message__text {
         max-width: 18.75rem 
    }
}
 @media only screen and (max-width:370px) {
     .message__text {
         max-width: 16.25rem 
    }
}
 .message.sent {
     justify-content: flex-end;
     align-items: center 
}
 .conversation-panel__footer {
     background: var(--bg-page) 
}
 .conversation-panel__footer .composer__left--sticker {
     background: #f4ebfc 
}
 .conversation-panel__footer .composer__left--sticker i::before {
     color: var(--primary) 
}
 .conversation-panel__footer .composer__left--emoticon i:hover {
     color: var(--primary) 
}
 .conversation-panel__footer .composer__middle--attachment i:hover {
     color: var(--primary) 
}
 .conversation-panel__footer .composer__middle--photo i:hover {
     color: var(--primary) 
}
 .conversation-panel__footer .composer__middle--microphone i:hover {
     color: var(--primary) 
}
 .conversation-panel__footer .composer__right--send {
     background: var(--primary) 
}
 .conversation-panel__footer .composer__right--send i {
     color: #fff;
     font-size:1.4rem 
}
 @media only screen and (max-width:576px) {
     .conversation-panel__footer .composer__right--microphone {
         background: var(--primary) 
    }
     .conversation-panel__footer .composer__right--microphone i {
         color: #fff;
    }
}
 .message.sent .message__text {
     background:var(--hover);
     color: var(--primary) 
}
 .message.sent .message__text .metadata .time {
     color: var(--muted2);
     font-size: .65rem;
     display: inline-flex;
     align-items: center;
}
 .message.received .message__text {
     background: #f3ecff;
     color: #142037 
}
 .message.received .message__text .metadata .time {
     color: var(--muted2);
     font-size: .65rem;
     display: inline-flex;
     align-items: center;
}
 .message__text .metadata .time i{
     font-size:0.75rem;
     padding-inline-end:4px;
}
 .message__options span {
     display:none!important 
}
 .message.log {
     justify-content: center;
     align-items: center;
}
 .message.log .message__text {
     background:var(--bg-light)!important;
    ;
     max-width: 100%;
}
 .message.log .metadata {
     display:none!important 
}
 .message.log .log_old{
     color:var(--muted2) 
}
 .message.log .log_new{
     color:var(--primary) 
}
 .message.log .message__owner, .message.log .text-12 {
     font-size: .75rem;
}
 .message.log .message__options i {
     display:none!important 
}
 .message.log .message__options span {
     display:flex!important;
     color: var(--muted2);
     font-size: .65rem;
}
 .chat-style-2 {
     padding-inline-start:0.2rem;
     padding-inline-end:0.2rem;
}
 .message__owner {
     color:var(--muted);
     font-size:0.75rem;
}
 .message__options {
     color:var(--muted);
     opacity:0.5;
     font-size:0.75rem;
}
 .message:hover .message__options {
     opacity:1;
}
 .planner-icon{
     flex-direction: row;
     align-items: center;
     color: var(--muted)!important;
     cursor:pointer;
	 display: inline-flex;
	 justify-content: center;
    align-items: center;
	justify-items:center
}
 .planner-icon i,.planner-icon svg {
     margin: 0 0.375rem;
	      color: var(--muted);
    text-shadow: 0px 1px 1px rgba(34, 34, 34, 0.2);
	 text-shadow:none;
	
}
 .planner-icon:hover,.planner-icon:hover i,.planner-icon:hover svg{
     color:var(--info)!important;
}
.planner-btn {
/*    margin-inline-end: 1rem;*/
}
 .planner-btn button {
     border: 0px;
     background: transparent;
     font-size:1.2rem;
     color: var(--muted);
 color:var(--muted);
     cursor:pointer;
     outline:0!important;
     line-height:1!important;
}
 .planner-btn button:hover {
     color:var(--primary) ;
}
 .md-title, .md-title input[type="text"] {
     font-size:1rem;
}
 @media only screen and (min-width: 992px) {
     .md-title, .md-title input[type="text"] {
         font-size:1.5rem;
    }
}
 .planner-details {
   /*  padding:2px;*/
}
 k-pd {
     padding-inline-start: 6px;
     padding-inline-end: 20px;
}
 .mail-item {
     background:#fff;
}
 .mail-item.active{
     background:#f9f4fd;
     color:var(--primary);
}
 .mail-item.active .name{
     color:var(--primary);
}
 .planner-option {
     margin-top:8px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
}
 .planner-option .option-label {
     margin-inline-start: 6px;
     margin-inline-end: 6px;
     margin-top: 4px;
     flex:0 0 8%;
     max-width: 55px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     justify-content:center;
}
 .planner-option .option-label i {
     font-size:1.5rem;
     color:var(--muted);
     cursor:pointer;
}
 .planner-option:hover .option-label i {
     color:var(--primary);
}
 .planner-option .option-row {
     flex:1;
}
 .planner-option .icons {
     border: 1px solid var(--border);
     display: inline-flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     vertical-align: middle;
     border-radius: 6.25rem;
     transition: all .2s ease-in;
     padding:0 ;
     margin: 0.12rem;
     line-height: 32px;
}
 .planner-option .icons .name {
     padding: 0 .4rem 0 0.75rem;
     font-size: 0.75rem;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
 .planner-option .icons .option-image {
     width: 32px;
     height: 32px;
}
 .planner-option .icons .option-image img{
     width:32px;
     height:32px;
     border-radius:50% 
}
 .planner-option .icons:hover {
     color: var(--secondary);
     background-color: var(--bg-light);
     border-color: var(--bg-light);
}
 .planner-option .option-input {
     border: 0px solid var(--border)54;
     display: inline-flex;
     align-items: center;
     justify-content: flex-start;
     cursor: pointer;
     vertical-align: middle;
     border-radius: var(--sm-radius) ;
     transition: all .2s ease-in;
     padding: 0.32rem 1rem;
     margin: 0.12rem;
     min-height:28px;
     width:100%;
     background-color: var(--bg-light);
     font-size:0.75rem;
     color: #172b4d;
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
}
 .option-input-label{
    padding-top:0.32rem;
}
 .planner-option .option-text {
     min-height:64px;
     line-height:1.75;
}
 .planner-option .option-input:hover {
     color: var(--secondary);
     background-color: var(--hover);
     border-color: var(--bg-light);
    /*color: var(--primary);
    */
}
 .planner-info {
     margin-inline-start:6px;
}
 .planner-info .info-label {
     color: var(--muted);
    /* color: var(--primary);
     */
     margin-top: 4px;
     margin-inline-start: 4px;
     font-size:0.75rem;
     margin-bottom:4px;
}
 .planner-info .info-det {
     background-color: var(--hover);
     background-color: var(--bg-light);
     line-height: 32px;
     padding-inline-start: 8px;
     padding-inline-end: 8px;
     color: #172b4d;
     border-radius: var(--sm-radius) ;
     cursor:pointer;
     height: 32px;
}
 .planner-info .info-det .info-data {
     font-size:0.75rem;
}
 .planner-info .info-det .info-data.info-title i {
     padding-inline-end: 0.6rem;
	  padding-inline-start: 0.6rem;
     font-size:1.2rem;
}
 .planner-info .info-det .info-icon {
     font-size:1.2rem;
}
 .info-data-bar,.info-data-bar .progress {
     width:100%;
}
 .info-data-bar .progress {
     font-size:1rem;
     background:transparent;
     border-radius: var(--sm-radius) ;
     text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
}
 .planner-info .info-det:hover {
     color: var(--primary);
     color: #142037;
} 
 .slider input {
     width:100%;
} 
 .slider .input-group-append  {
    /* font-size: 1rem;*/
     color: var(--primary);
 /*   flex: 0 0 40%;*/
 /*  padding-top:12px;*/
}
 .slider .input-group-append .slider_suffix{
	 padding-inline-start:4px;
	 padding-inline-end:4px,
 }
.slider .input-group-append .period  {
/*padding: 0.375rem 0.75rem;*/
     width: 50px; 
    display: inline-flex;
	justify-content: center;
    align-items: center;
height:30px;
    font-weight: 500;
	font-size:0.9rem;
    border-radius:0    var(--sm-radius) var(--sm-radius) 0;
border: 1px solid var(--border);
border-inline-end:0;
}

[dir="ltr"] .slider .input-group-append .period  {
	border-radius:    var(--sm-radius) 0 0 var(--sm-radius)  ;
}
.slider .input-group-append .period_per
{
	   display: inline-flex;
	justify-content: center;
    align-items: center;
	height:30px;
    font-weight: 600!important;
	
	border: 1px solid var(--border);
	  border-radius:   var(--sm-radius) 0  0 var(--sm-radius) ;
	  border-inline-start:0;
	   
	 padding-inline-end:8px;
}

[dir="ltr"]  .slider .input-group-append .period_per
{
  border-radius:0   var(--sm-radius)   var(--sm-radius) 0;	
}
 .slider .input-group-append{
 
	padding-inline-start:8px;
}
 
 .slider .select2-container--default .select2-selection--single{
/*	border:0px;*/
height:30px;
font-size:0.7rem;
 border-radius:   var(--sm-radius) 0 0 var(--sm-radius) ;
}
[dir="ltr"] .slider .select2-container--default .select2-selection--single{
	 border-radius: 0  var(--sm-radius)   var(--sm-radius) 0 ;
}
.slider .input-group-append.period_hide {
    flex: unset;
}
 .slider .select2-selection--single .select2-selection__arrow{
	margin:0;
}
 .slider .input-group-append .select2-container .select2-selection--single .select2-selection__rendered
 {
	 font-size:0.75rem;	
	    padding-inline-start: 1.3rem;
 }
.slider .input-group-append.period_one .select2-container .select2-selection--single .select2-selection__rendered{
  color:var(--muted);
}
.slider .input-group-append.period_one .select2-container--default:not(div .period-select-wp) .select2-selection--single .select2-selection__arrow
{
 	display:none; 
}
.period_hide .period_select{
	display:none;
}
.slider .input-group-append.period_hide .period{
	    border-radius:   var(--xs-radius)  ;
border: 1px solid var(--border);
}
.tab-content-multi .period-select.form-control {
font-weight:500;
    border: 0;
    padding: 12px 4px 0 4px;
}
 .slider-color {
     -webkit-appearance: none;
     width: 100%;
     height: 14px;
	/* margin-top:14px;*/
     border-radius: 20px;
     background: #fff;
     outline: none;
     opacity: 1;
     -webkit-transition: .2s;
     transition: opacity .2s;
     border:1px solid var(--border) 
} 
 .slider-color::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     width: 20px;
     height: 20px;
     background: var(--info) ;
     cursor: pointer;
     border-radius: 50%;
     border: 6px solid var(--info) ;
	 box-shadow:0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}
 .slider-color:hover {
     background: var(--bg-light) ;
}
.period_one .period ,.period_one .period_per{
background-color: var(--bg-light);
    color: var(--muted);
}

.slider-color.disabled {
	background-color: var(--bg-light);
}

.slider-color.disabled::-webkit-slider-thumb {
	
/*	background: var(--bg-light);
	  border: 6px solid var(--bg-light) ;
	  */
	  cursor: no-drop;
	       opacity: 0.85;
		   background: var(--bg-light);
	  border: 1px solid var(--border) ;
}
 .mail-item .mail-icon {
     font-size:0.85rem;
     color:var(--muted);
     justify-content:flex-end;
     display: flex !important;
     align-items: center;
     padding-inline-end:2px;
}
 .mail-item .mail-icon span {
     padding-inline-end:8px;
     font-size:0.75rem;
}
 .txt-done {
     color:#ffc107;
}
 .txt-pending {
     color:var(--dark);
}
 .txt-start {
     color:#28a745;
}
 .txt-red {
     color:#dc3545;
}
 .time_after {
     opacity:0;
}
/* ###################################### TASK LIST #######################################################*/
/*
/*											END 
/*
/* ###################################### TASK LIST #######################################################*/
.upper{ 
	text-transform: uppercase;
}
.ls-1 { letter-spacing:0.1rem;}
.ls-2 { letter-spacing:0.25rem;}
.ls-3 { letter-spacing:0.5rem;}
.ls-4 { letter-spacing:0.75rem;}
.ls-5 { letter-spacing:1rem;}
.plate{
	text-transform: uppercase;letter-spacing:1rem;
}
.task-tab  .md i{
	font-size:1.375rem;
}
form.no_image .image_div{
	display:none!important;
}
.tab-content-task 
{
	padding:0;
}
.tab-content-task .tab-pane:not(.tab-table)  
{
 padding:0.5rem; 
}
.tab-content-task .info{
	padding:1rem;
}
.table_btn {
	text-transform: capitalize;
    padding: 0.375rem 0rem;
	}
	.table_btn .planner-icon i {
	font-size:0.9rem
}
.table_btn .planner-btn a
{
	width:36px;
	height:28px;
}
.select2-container {
	 text-transform:  none;
}
.link-icon {
/*color:var(--muted);*/
}
.link-icon:hover {
color:var(--primary)!important;
}
.no_title .title
{
	display:none!important;
}
.popover, .tooltip {
    z-index: 2060 !important;
}
.poper{
	background:transparent;
	border:0;
}
.tab-sm a span {
    padding-inline-start: 0.27rem;
    padding-inline-end: 0.17rem;
    margin-top: 0;
    margin-bottom: 0;
 	font-size: 0.65rem;
    font-weight: 500;
	

	  font-weight: 500;
	     color: var(--dark);
		 
}
.tab-sm .nav-link {
    border: 1px solid transparent;
    flex-direction: row;
    display: inline-flex;
    align-items: center;
    padding:0.5rem 0.5rem 0.5rem;
	padding:0.375rem 0.375rem 0.145rem;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease-in-out;
		margin-inline-end:0.735rem;
			margin-inline-end:0rem;

		    border-radius:var(--sm-radius) var(--sm-radius) 0 0;
			    opacity: 0.50;
					 font-size: 0.65rem;
}
.tab-sm .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--info);
    /* border-color: #fff; */
    background-color: var(--bg-page);
    opacity: 1;
    border-radius:var(--sm-radius) var(--sm-radius) 0 0;
    border-top: 2px solid var(--primary);
	    padding-inline-end: 0.75rem;
		    padding-inline-start: 0.75rem;
			 font-size: 0.7rem;
			     padding-inline-end: 0.375rem;
}
 .tab-sm a.active span {
		 font-size: 0.7rem; 
 }
 

.tab-sm .nav-link:NOT(.disabled):NOT(.active):hover{
color: var(--info) ;
  border-color: var(--border);
  border-bottom-color:transparent;
      opacity: 0.90;
}

.tab-sm a i {
    font-size: 0.9rem;
}
.tab-sm .nav-link.active, .nav-tabs .nav-item.show .nav-link i {
	color: var(--muted3);
	    color: var(--primary);
}

.tab-sm .nav-link.active a i {
	   color: var(--primary);
}

  .tab-sm  .nav-link:first-child
{
	margin-inline-start:12px;
	 
}
 
/*
@media only screen and (max-width: 1024px)
 {
.tab-sm {
    justify-content: space-around !important;
    flex-wrap: nowrap !important;
}
}
*/
 @media only screen and (max-width:768px) {
	 .tab-sm a i {font-size:0.9rem}
	 .tab-sm a span {font-size:0.65rem}
	   .tab-sm .nav-link:first-child ,[dir="ltr"] .tab-sm .nav-link:first-child {margin-inline-start:0px; margin-inline-end:0px}
	 .tab-sm .nav-link{ padding:0.25rem  0.26rem 0;display: grid;
	     justify-content: center;
    align-items: center;
    justify-items: center;
	 } 
	 .table_btn .planner-icon i {font-size:0.85rem}
	 .table_btn {padding:0.25rem 0.12rem  0rem 0.12rem}
	 .table_btn .planner-icon span{display:none;}

 }
 @media only screen and (max-width: 576px){ 
	 .tab-sm a span {font-size:0.5rem}
	 .tab-sm a span{padding-inline-start:0px; padding-inline-end:0px}
 }
 select.md-input, textarea.md-input, input:not([type]).md-input, input[type="text"].md-input, input[type="password"].md-input, input[type="datetime"].md-input, input[type="datetime-local"].md-input, input[type="date"].md-input, input[type="month"].md-input, input[type="time"].md-input, input[type="week"].md-input, input[type="number"].md-input, input[type="email"].md-input, input[type="url"].md-input, input[type="search"].md-input, input[type="tel"].md-input, input[type="color"].md-input{
 /*
 background: rgb(248, 249, 250);
 border-color: rgba(238, 238, 238);
 border-width:1px;
 */
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    line-height: 1;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--border);
    color:  var(--dark);
    border-radius: var(--sm-radius);
    font-size: 0.75rem;
    font-weight: 500;
    transition: border-color .0s ease-in-out,box-shadow .0s ease-in-out;
 }
 .form-control:disabled, .form-control[readonly],input[type="text"].md-input:disabled  {
 background-color: var(--bg-light);
    opacity: 1;
	border: 1px solid var(--border);
}
 .form-group:focus-within label 
 {
	 color:var(--info)!important;
 }
  .form-group:focus-within input[type="text"].md-input
 {
	 border-color:var(--border)	;
	 	box-shadow:0 1px 0.375rem  rgba( var(--rg-primary),0.25);
 } 
 .select2-container--default .select2-selection--single:focus-within
 {
	 	box-shadow:0 1px 0.375rem  rgba( var(--rg-primary),0.25);
 }
 .switch_popup:focus-within    .input-group-append
 {
	 	box-shadow:0 1px 0.375rem  rgba( var(--rg-primary),0.25);
 }
 .form_sheet .form-group label, .tab-content-multi .form-group label, .tab-content-multi .label2 {
	    color: var(--dark);
    padding: 0.275rem 0.175rem;
 }
 .form-group:focus-within textarea
 {
 	 border:0.01rem solid var(--primary)
 }
  .form-group.labelarea {
	 margin-top:0.375rem;
	 margin-bottom:1.2rem;
 }
 input[type="text"].md-input.amount {
	 font-size:1.1rem;
 }
  input[type="text"].md-input:disabled{
	  cursor:no-drop
  }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b 
{
border-color:var(--bg-light);
}
.select2-container--default.select2-container--disabled .select2-selection--single
{
background: var(--bg-light);
    color: var(--muted);
    border-width: 1px;
	    cursor: no-drop;
}
.no_popup .select2-container {
    width: 100% !important;
}
.no_popup .input-group-append
{
	display:none!important;
}
.form_add .form-group.row:not(:first-child)
{
/*	margin-top:1rem!important;*/
}
.form_add .form-group.row:not(:last-child)
{
	margin-top:0.175rem!important;
 }
.list-group-item-in span.name
{
	margin: 0rem 1.5rem;
}
 .multi_edit_container 
 {
	 min-height:calc((100vh - 100px)* 0.75 );
	 display: flex;
    flex: 1 1 auto;
	padding: 0;
    width: 100%;
 }
 .multi_edit_right{
     overflow: hidden;
    width: 150px;
    height: 100%;
    border-inline-start: 1px solid var(--border);
 }
 .multi_edit_container .inbox-topbar {
    height: 52px;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid var(--border);
    background: var(--bg-page);
}
 .multi_edit_list
 {
	 height: calc((100vh - 150px)* 0.75 );
	 overflow-y: scroll;
    padding: 0rem 0.5rem 0 0;
 }
 .multi_edit_left
 {
	flex: 1;
    display: block;
    background: var(--bg-page); 
 }
  .multi_edit_right .list-group-item
  {
	  	 font-size:0.75rem;
		 border:0px;
		 border-bottom:1px solid var(--border);
  }
 .multi_edit_right .list-group-item label
 {
	 font-size:0.75rem;
 }
 .list-group-item.active{
     background:#f9f4fd;
     color:var(--primary);
} 
th.fc-day-header {
    border-bottom-width: 2px;
    padding: 10px 0px;
    display: table-cell;
    background: var(--bg-light);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
	border: 1px solid var(--border);
}
.ui-multiselect li a {
    color: var(--muted2);
}
.list-inactive, .list-inactive a, .list-inactive a span, .list-inactive a.fas, .list-inactive a.far {
    color: var(--border);
    font-size: 0.85rem;
}
.fc-row .fc-week .table-bordered .fc-rigid  
{
	border:1px solid var(--border)
}
  .select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid var(--border);
    border-radius: var(--sm-radius);
    cursor: text;
}
.datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {
    color: var(--light);
}
.datepicker-top-left, .datepicker-top-right {
    border-top-color: var(--primary);
}
.datepicker-dropdown {
    border: 1px solid var(--border);
    -webkit-box-shadow: 0 3px 6pxvar(--shadow);
    box-shadow: 0px 5px 25px rgba(137, 102, 247, 0.2);
}
.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td {
    cursor: pointer;
    background: 0 0;
    border-color: transparent;
}
/* 5. material design styles ========================= */
/* bg colors */
.md-bg-cyan {
  background-color: #00acc1 !important;
  color: #fff;
}
.md-bg-light-green {
  background-color: #7cb342 !important;
  color: #fff;
}
.md-bg-grey {
  background-color: #616161 !important;
  color: #fff;
}
.md-bg-red {
  background-color: #d32f2f !important;
  color: #fff;
}
.md-bg-light-blue {
  background-color: #0288d1 !important;
  color: #fff;
}
.md-bg-teal {
  background-color: #00897b !important;
  color: #fff;
}
.md-bg-purple {
  background-color: #8e24aa !important;
  color: #fff;
}
/* buttons */
.md-btn {
  background: #fff;
  border: none;
  border-radius: var(--bd-radius);
  
  border-radius: 0.375rem;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  min-height: 30px;
  min-width: 70px;
/*  padding: 4px 8px ;
  padding-inline-end:16px ;*/
  text-align: center;
  text-shadow: none;
  text-transform: capitalize;
  -webkit-transition: all 280ms ease;
  transition: all 280ms ease;
  color: var(--dark);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-appearance: none;
  display: inline-block;
  vertical-align: middle;
  font: 500 14px / 31px;
  margin:0 0.375rem;
  padding:5px;
    padding-inline-end: 14px;
line-height:1.5;}
.md-btn:hover, 
.md-btn:focus,
.md-btn:active,
.uk-button-dropdown.uk-open > .md-btn {
  background: #fff;
  outline: none;
  text-decoration: none;
  color: var(--primary);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.md-btn:active,
.md-btn.uk-active,
.uk-button-dropdown.uk-open > .md-btn {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.md-btn.uk-active {
  position: relative;
}
.md-btn.uk-active:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  content: '';
  border: 2px solid rgba(0, 0, 0, 0.4);
  border-radius: var(--bd-radius);
}
.md-btn-flat {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: none;
}
.md-btn-flat:hover,
.md-btn-flat:focus {
  background: rgba(153, 153, 153, 0.2);
}
.md-btn-flat:active,
.md-btn-flat.uk-active {
  background: rgba(153, 153, 153, 0.4);
}
.md-btn-flat-danger,
.md-btn-flat-danger:hover,
.md-btn-flat-danger:focus,
.md-btn-flat-danger:active,
.md-btn-flat-danger .uk-active {
  color: var(--danger);
}
.md-btn-flat-danger:hover,
.md-btn-flat-danger:focus,
.md-btn-flat-danger:active {
  background: #fceaea;
}
.md-btn-flat-danger.uk-active {
  color: #cd1e1a;
  background: #f6bebd;
}
.md-btn-flat-primary,
.md-btn-flat-primary:hover,
.md-btn-flat-primary:focus,
.md-btn-flat-primary:active,
.md-btn-flat-primary.uk-active {
  color: var(--primary);
}
.md-btn-flat-primary:hover,
.md-btn-flat-primary:focus,
.md-btn-flat-primary:active {
  background: #e3f2fd;
}
.md-btn-flat-primary.uk-active {
  color: #0c7cd5;
  background: #b2dbfb;
}
.md-btn-flat-success,
.md-btn-flat-success:hover,
.md-btn-flat-success:focus,
.md-btn-flat-success:active,
.md-btn-flat-success.uk-active {
  color: #7cb342;
}
.md-btn-flat-success:hover,
.md-btn-flat-success:focus,
.md-btn-flat-success:active {
  background: #e1efd2;
}
.md-btn-flat-success.uk-active {
  color: #628e34;
  background: #c8e1ad;
}
.md-btn-flat-warning,
.md-btn-flat-warning:hover,
.md-btn-flat-warning:focus,
.md-btn-flat-warning:active,
.md-btn-flat-warning.uk-active {
  color: #ffa000;
}
.md-btn-flat-warning:hover,
.md-btn-flat-warning:focus,
.md-btn-flat-warning:active {
  background: #ffevar(--shadow);
}
.md-btn-flat-warning.uk-active {
  color: #cc8000;
  background: #ffd999;
}
.md-btn-flat.disabled {
  background: none !important;
}
.md-btn-danger,
.md-btn-danger:hover,
.md-btn-danger:focus,
.md-btn-danger:active,
.md-btn-danger.uk-active {
  background: var(--danger);
}
.md-btn-primary,
.md-btn-primary:hover,
.md-btn-primary:focus,
.md-btn-primary:active,
.md-btn-primary.uk-active {
  background: var(--info);
  background-image: var(--gd-info);
}
.md-btn-success,
.md-btn-success:hover,
.md-btn-success:focus,
.md-btn-success:active,
.md-btn-success.uk-active {
  background: #7cb342;
}
.md-btn-warning,
.md-btn-warning:hover,
.md-btn-warning:focus,
.md-btn-warning:active,
.md-btn-warning.uk-active {
  background: #ffa000;
}
.md-btn-danger,
.md-btn-primary,
.md-btn-success,
.md-btn-warning,
.md-btn-danger:hover,
.md-btn-primary:hover,
.md-btn-success:hover,
.md-btn-warning:hover,
.md-btn-danger:focus,
.md-btn-primary:focus,
.md-btn-success:focus,
.md-btn-warning:focus,
.md-btn-danger:active,
.md-btn-primary:active,
.md-btn-success:active,
.md-btn-warning:active,
.md-btn-danger.uk-active,
.md-btn-primary.uk-active,
.md-btn-success.uk-active,
.md-btn-warning.uk-active,
.md-btn-danger > i,
.md-btn-primary > i,
.md-btn-success > i,
.md-btn-warning > i {
  color: #fff!important;
}
.md-btn.disabled,
.md-btn.disabled:hover,
.md-btn.disabled:focus,
.md-btn.disabled:active,
.md-btn.disabled.uk-active {
  color: var(--dark);
  background: var(--primary);
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: default;
  pointer-events: none;
}
.md-btn > i.material-icons {
  margin-top: 5px;
  font-size: 18px;
}
.md-btn-mini {
  line-height: 21px !important;
  min-width: 12px;
  font-size: 10px !important;
  min-height: 24px;
}
.md-btn-small {
  line-height: 27px !important;
 /* min-width: 14px;*/
  font-size: 12px !important;
  padding:2px 8px 1px 8px;
}
.md-btn-large {
  line-height: 42px !important;
  font-size: 16px !important;
}
.md-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.md-btn + .md-btn {
  margin-inline-end: 8px;
}
.md-btn-block {
  width: 100%;
}
.md-btn-block + .md-btn-block {
  margin-inline-end: 0;
  margin-top: 12px;
}
.md-btn + .md-btn-group {
  margin-inline-end: 16px;
}
.md-btn-facebook {
  background: #3b5998 !important;
}
.md-btn-twitter {
  background: #00aced !important;
}
.md-btn-gplus {
  background: #dd4b39 !important;
}
.md-btn-facebook,
.md-btn-twitter,
.md-btn-gplus,
.md-btn-facebook > i,
.md-btn-twitter > i,
.md-btn-gplus > i {
  color: #fff !important;
}
.md-btn-icon > i.no_margin {
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
}
.md-btn-icon-large,
.md-btn-icon.md-btn-large {
  min-width: 72px;
}
.md-btn-icon-large > i,
.md-btn-icon.md-btn-large > i {
  font-size: 24px;
  margin-inline-start: 12px;
  vertical-align: -3px;
}
.md-btn-icon-default,
.md-btn-icon {
  min-width: 64px;
}
.md-btn-icon-default > i,
.md-btn-icon > i {
  font-size: 18px;
  margin-inline-start: 8px;
  vertical-align: -2px;
}
.md-btn-icon-small,
.md-btn-icon.md-btn-small {
  min-width: 48px;
}
.md-btn-icon-small > i,
.md-btn-icon.md-btn-small > i {
  font-size: 16px;
  margin-inline-start: 6px;
  vertical-align: -2px;
}
.md-btn-icon-mini,
.md-btn-icon.md-btn-mini {
  min-width: 36px;
}
.md-btn-icon-mini > i,
.md-btn-icon.md-btn-mini > i {
  font-size: 16px;
  margin-inline-start: 4px;
  vertical-align: -2px;
}
.md-fab {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #fff;
  color: var(--muted2);
  display: block;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.md-fab:hover,
.md-fab:focus,
.md-fab:active {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.md-fab > i {
  font-size: 36px;
  line-height: 64px;
  height: inherit;
  width: inherit;
  position: absolute;
  left: 0;
  top: 0;
  color: var(--muted2);
}
.md-fab.md-fab-accent {
  background: #7cb342;
}
.md-fab.md-fab-accent > i {
  color: #fff;
}
.md-fab.md-fab-success {
  background: #7cb342;
}
.md-fab.md-fab-success > i {
  color: #fff;
}
.md-fab.md-fab-danger {
  background: var(--danger);
}
.md-fab.md-fab-danger > i {
  color: #fff;
}
.md-fab.md-fab-primary {
  background: var(--info);
}
.md-fab.md-fab-primary > i {
  color: #fff;
}
.md-fab.md-fab-warning {
  background: #ffa000;
}
.md-fab.md-fab-warning > i {
  color: #fff;
}
.md-fab.md-fab-small {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.md-fab.md-fab-small > i {
  line-height: 48px;
  height: inherit;
  width: inherit;
  font-size: 24px;
}
.md-fab-speed-dial .md-fab-action-close {
  display: none;
}
.md-fab-wrapper {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 1004;
  -webkit-transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media only screen and (max-width: 767px) {
  .md-fab-wrapper {
    bottom: 20px;
    right: 20px;
  }
}
.md-fab-wrapper > .md-fab + .md-fab {
  margin-top: 16px;
}
.md-fab-wrapper.md-fab-in-card {
  position: absolute;
}
.md-fab-speed-dial .md-fab-wrapper-small {
  position: absolute;
  bottom: 80px;
  right: 8px;
  min-height: 48px;
  width: 48px;
  z-index: -1;
}
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  position: absolute;
  right: 0;
}
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(1) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
}
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(2) {
  bottom: 64px;
}
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(2) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(3) {
  bottom: 128px;
}
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(3) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
}
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(4) {
  bottom: 192px;
}
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(4) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
}
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(5) {
  bottom: 256px;
}
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(5) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
}
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(6) {
  bottom: 320px;
}
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(6) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
}
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(7) {
  bottom: 384px;
}
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(7) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
}
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(8) {
  bottom: 448px;
}
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(8) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
}
.md-fab-speed-dial.md-fab-active .md-fab-small {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  z-index: 10;
}
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(1) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
}
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(2) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(3) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
}
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(4) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
}
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(5) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
}
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(6) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
}
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(7) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
}
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(8) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
}
.md-fab-speed-dial-horizontal .md-fab-wrapper-small {
  position: absolute;
  right: 80px;
  bottom: 8px;
  min-height: 48px;
  width: 48px;
  z-index: -1;
}
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  position: absolute;
  right: 0;
}
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(1) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
}
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(2) {
  right: 64px;
}
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(2) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(3) {
  right: 128px;
}
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(3) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
}
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(4) {
  right: 192px;
}
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(4) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
}
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(5) {
  right: 256px;
}
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(5) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
}
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(6) {
  right: 320px;
}
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(6) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
}
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(7) {
  right: 384px;
}
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(7) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
}
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(8) {
  right: 448px;
}
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(8) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
}
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  z-index: 10;
}
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(1) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
}
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(2) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(3) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
}
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(4) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
}
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(5) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
}
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(6) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
}
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(7) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
}
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(8) {
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
}
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab {
  display: inline-block;
  vertical-align: bottom;
}
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small {
  display: none;
  min-height: 48px;
  width: auto;
  z-index: -1;
  white-space: nowrap;
  padding-bottom: 8px;
  vertical-align: bottom;
  position: static;
  right: auto;
  bottom: auto;
}
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small .md-fab-small {
  position: static;
  right: auto;
  display: inline-block;
  vertical-align: bottom;
}
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small .md-fab-small + .md-fab-small {
  margin-inline-end: 16px;
}
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small .md-fab-small:last-child {
  margin-inline-start: 16px;
}
.md-fab-speed-dial-horizontal[data-fab-hover].md-fab-over .md-fab-wrapper-small {
  display: inline-block;
}
.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small {
  margin-inline-end: 8px;
  position: static;
  display: none;
  bottom: auto;
  right: auto;
}
.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small .md-fab-small {
  position: static;
  bottom: auto;
}
.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small .md-fab-small + .md-fab-small {
  margin-top: 16px;
}
.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small .md-fab-small:last-child {
  margin-bottom: 16px;
}
.md-fab-speed-dial[data-fab-hover].md-fab-over .md-fab-wrapper-small {
  display: block;
}
.md-fab-toolbar {
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  cursor: default;
}
.md-fab-toolbar > i {
  cursor: pointer;
}
.md-fab-toolbar-actions {
  visibility: hidden;
  white-space: nowrap;
  padding: 0 16px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.md-fab-toolbar-actions > a,
.md-fab-toolbar-actions > button {
  display: block;
  float: left;
  opacity: 0;
  margin: 0 0 0 16px;
  height: 64px;
  width: 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}
.md-fab-toolbar-actions > a:first-child,
.md-fab-toolbar-actions > button:first-child {
  margin-inline-end: 0;
}
.md-fab-toolbar-actions .material-icons {
  font-size: 36px;
  line-height: 64px;
}
.md-fab-toolbar.md-fab-animated {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: var(--bd-radius);
}
.md-fab-toolbar.md-fab-animated > i {
  display: none;
}
.md-fab-toolbar.md-fab-active .md-fab-toolbar-actions {
  visibility: visible;
}
.md-fab-toolbar.md-fab-active .md-fab-toolbar-actions > a,
.md-fab-toolbar.md-fab-active .md-fab-toolbar-actions > button {
  opacity: 1;
}
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > a,
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > button {
  height: 48px;
  width: 36px;
  padding: 0;
  margin: 0 0 0 8px;
}
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > a:first-child,
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > button:first-child {
  margin-inline-end: 0;
}
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions .material-icons {
  font-size: 24px;
  line-height: 48px;
  height: inherit;
}
.md-fab-sheet {
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  cursor: default;
}
.md-fab-sheet > i {
  cursor: pointer;
}
.md-fab-sheet-actions {
  visibility: hidden;
  white-space: nowrap;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 0;
}
.md-fab-sheet-actions > a {
  display: block;
  opacity: 0;
  padding: 4px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
/*  font: 400 16px / 32px "Roboto", sans-serif;*/
  text-align: left;
}
.md-fab-sheet-actions > a,
.md-fab-sheet-actions > a:hover {
  color: var(--dark);
}
.md-fab-sheet-actions .material-icons {
  font-size: 24px;
  margin-inline-start: 8px;
  vertical-align: -6px;
}
.md-fab-sheet.md-fab-animated {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: var(--bd-radius);
}
.md-fab-sheet.md-fab-animated > i {
  display: none;
}
.md-fab-sheet.md-fab-active .md-fab-sheet-actions {
  visibility: visible;
}
.md-fab-sheet.md-fab-active .md-fab-sheet-actions > a {
  opacity: 1;
}
.sidebar_secondary_active .md-fab-wrapper {
  margin-inline-start: 264px;
}
@media only screen and (max-width: 767px) {
  .sidebar_secondary_active .md-fab-wrapper {
    margin-inline-start: 280px;
  }
}
.md-toggle-group .md-toggle-button {
  border-width: 0 0 2px;
  border-style: solid;
  border-color: transparent;
  background: none;
  line-height: 30px;
  min-width: 42px;
  text-align: center;
  padding: 0 8px;
  vertical-align: middle;
  cursor: pointer;
}
.md-toggle-group .md-toggle-button.md-toggle-active {
  border-bottom-color: var(--dark);
}
.md-toggle-group.md-toggle-group-small .md-toggle-button {
  font-size: 11px;
  line-height: 24px;
  min-width: 16px;
  padding: 0 6px;
}
.md-btn-group {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.md-btn-group .md-btn {
  vertical-align: top;
  margin-inline-end: 0 !important;
}
.md-btn-group .md-btn:first-child {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.md-btn-group .md-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.md-btn-group .md-btn:last-child {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.md-color-red-50 {
  color: #ffebee !important;
}
.md-bg-red-50 {
  background-color: #ffebee !important;
}
.md-color-red-100 {
  color: #ffcdd2 !important;
}
.md-bg-red-100 {
  background-color: #ffcdd2 !important;
}
.md-color-red-200 {
  color: #ef9a9a !important;
}
.md-bg-red-200 {
  background-color: #ef9a9a !important;
}
.md-color-red-300 {
  color: #e57373 !important;
}
.md-bg-red-300 {
  background-color: #e57373 !important;
}
.md-color-red-400 {
  color: #ef5350 !important;
}
.md-bg-red-400 {
  background-color: #ef5350 !important;
}
.md-color-red-500 {
  color: #f44336 !important;
}
.md-bg-red-500 {
  background-color: #f44336 !important;
}
.md-color-red-600 {
  color: var(--danger) !important;
}
.md-bg-red-600 {
  background-color: var(--danger) !important;
}
.md-color-red-700 {
  color: #d32f2f !important;
}
.md-bg-red-700 {
  background-color: #d32f2f !important;
}
.md-color-red-800 {
  color: #c62828 !important;
}
.md-bg-red-800 {
  background-color: #c62828 !important;
}
.md-color-red-900 {
  color: #b71c1c !important;
}
.md-bg-red-900 {
  background-color: #b71c1c !important;
}
.md-color-red-A100 {
  color: #ff8a80 !important;
}
.md-bg-red-A100 {
  background-color: #ff8a80 !important;
}
.md-color-red-A200 {
  color: #ff5252 !important;
}
.md-bg-red-A200 {
  background-color: #ff5252 !important;
}
.md-color-red-A400 {
  color: #ff1744 !important;
}
.md-bg-red-A400 {
  background-color: #ff1744 !important;
}
.md-color-red-A700 {
  color: #d50000 !important;
}
.md-bg-red-A700 {
  background-color: #d50000 !important;
}
.md-color-pink-50 {
  color: #fce4ec !important;
}
.md-bg-pink-50 {
  background-color: #fce4ec !important;
}
.md-color-pink-100 {
  color: #f8bbd0 !important;
}
.md-bg-pink-100 {
  background-color: #f8bbd0 !important;
}
.md-color-pink-200 {
  color: #f48fb1 !important;
}
.md-bg-pink-200 {
  background-color: #f48fb1 !important;
}
.md-color-pink-300 {
  color: #f06292 !important;
}
.md-bg-pink-300 {
  background-color: #f06292 !important;
}
.md-color-pink-400 {
  color: #ec407a !important;
}
.md-bg-pink-400 {
  background-color: #ec407a !important;
}
.md-color-pink-500 {
  color: #e91e63 !important;
}
.md-bg-pink-500 {
  background-color: #e91e63 !important;
}
.md-color-pink-600 {
  color: #d81b60 !important;
}
.md-bg-pink-600 {
  background-color: #d81b60 !important;
}
.md-color-pink-700 {
  color: #c2185b !important;
}
.md-bg-pink-700 {
  background-color: #c2185b !important;
}
.md-color-pink-800 {
  color: #ad1457 !important;
}
.md-bg-pink-800 {
  background-color: #ad1457 !important;
}
.md-color-pink-900 {
  color: #880e4f !important;
}
.md-bg-pink-900 {
  background-color: #880e4f !important;
}
.md-color-pink-A100 {
  color: #ff80ab !important;
}
.md-bg-pink-A100 {
  background-color: #ff80ab !important;
}
.md-color-pink-A200 {
  color: #ff4081 !important;
}
.md-bg-pink-A200 {
  background-color: #ff4081 !important;
}
.md-color-pink-A400 {
  color: #f50057 !important;
}
.md-bg-pink-A400 {
  background-color: #f50057 !important;
}
.md-color-pink-A700 {
  color: #c51162 !important;
}
.md-bg-pink-A700 {
  background-color: #c51162 !important;
}
.md-color-purple-50 {
  color: #f3e5f5 !important;
}
.md-bg-purple-50 {
  background-color: #f3e5f5 !important;
}
.md-color-purple-100 {
  color: #e1bee7 !important;
}
.md-bg-purple-100 {
  background-color: #e1bee7 !important;
}
.md-color-purple-200 {
  color: #ce93d8 !important;
}
.md-bg-purple-200 {
  background-color: #ce93d8 !important;
}
.md-color-purple-300 {
  color: #ba68c8 !important;
}
.md-bg-purple-300 {
  background-color: #ba68c8 !important;
}
.md-color-purple-400 {
  color: #ab47bc !important;
}
.md-bg-purple-400 {
  background-color: #ab47bc !important;
}
.md-color-purple-500 {
  color: #9c27b0 !important;
}
.md-bg-purple-500 {
  background-color: #9c27b0 !important;
}
.md-color-purple-600 {
  color: #8e24aa !important;
}
.md-bg-purple-600 {
  background-color: #8e24aa !important;
}
.md-color-purple-700 {
  color: #7b1fa2 !important;
}
.md-bg-purple-700 {
  background-color: #7b1fa2 !important;
}
.md-color-purple-800 {
  color: #6a1b9a !important;
}
.md-bg-purple-800 {
  background-color: #6a1b9a !important;
}
.md-color-purple-900 {
  color: #4a148c !important;
}
.md-bg-purple-900 {
  background-color: #4a148c !important;
}
.md-color-purple-A100 {
  color: #ea80fc !important;
}
.md-bg-purple-A100 {
  background-color: #ea80fc !important;
}
.md-color-purple-A200 {
  color: #e040fb !important;
}
.md-bg-purple-A200 {
  background-color: #e040fb !important;
}
.md-color-purple-A400 {
  color: #d500f9 !important;
}
.md-bg-purple-A400 {
  background-color: #d500f9 !important;
}
.md-color-purple-A700 {
  color: #aa00ff !important;
}
.md-bg-purple-A700 {
  background-color: #aa00ff !important;
}
.md-color-deep-purple-50 {
  color: #ede7f6 !important;
}
.md-bg-deep-purple-50 {
  background-color: #ede7f6 !important;
}
.md-color-deep-purple-100 {
  color: #d1c4e9 !important;
}
.md-bg-deep-purple-100 {
  background-color: #d1c4e9 !important;
}
.md-color-deep-purple-200 {
  color: #b39ddb !important;
}
.md-bg-deep-purple-200 {
  background-color: #b39ddb !important;
}
.md-color-deep-purple-300 {
  color: #9575cd !important;
}
.md-bg-deep-purple-300 {
  background-color: #9575cd !important;
}
.md-color-deep-purple-400 {
  color: #7e57c2 !important;
}
.md-bg-deep-purple-400 {
  background-color: #7e57c2 !important;
}
.md-color-deep-purple-500 {
  color: #673ab7 !important;
}
.md-bg-deep-purple-500 {
  background-color: #673ab7 !important;
}
.md-color-deep-purple-600 {
  color: #5e35b1 !important;
}
.md-bg-deep-purple-600 {
  background-color: #5e35b1 !important;
}
.md-color-deep-purple-700 {
  color: #512da8 !important;
}
.md-bg-deep-purple-700 {
  background-color: #512da8 !important;
}
.md-color-deep-purple-800 {
  color: #4527a0 !important;
}
.md-bg-deep-purple-800 {
  background-color: #4527a0 !important;
}
.md-color-deep-purple-900 {
  color: #311b92 !important;
}
.md-bg-deep-purple-900 {
  background-color: #311b92 !important;
}
.md-color-deep-purple-A100 {
  color: #b388ff !important;
}
.md-bg-deep-purple-A100 {
  background-color: #b388ff !important;
}
.md-color-deep-purple-A200 {
  color: #7c4dff !important;
}
.md-bg-deep-purple-A200 {
  background-color: #7c4dff !important;
}
.md-color-deep-purple-A400 {
  color: #651fff !important;
}
.md-bg-deep-purple-A400 {
  background-color: #651fff !important;
}
.md-color-deep-purple-A700 {
  color: #6200ea !important;
}
.md-bg-deep-purple-A700 {
  background-color: #6200ea !important;
}
.md-color-indigo-50 {
  color: #e8eaf6 !important;
}
.md-bg-indigo-50 {
  background-color: #e8eaf6 !important;
}
.md-color-indigo-100 {
  color: #c5cae9 !important;
}
.md-bg-indigo-100 {
  background-color: #c5cae9 !important;
}
.md-color-indigo-200 {
  color: #9fa8da !important;
}
.md-bg-indigo-200 {
  background-color: #9fa8da !important;
}
.md-color-indigo-300 {
  color: #7986cb !important;
}
.md-bg-indigo-300 {
  background-color: #7986cb !important;
}
.md-color-indigo-400 {
  color: #5c6bc0 !important;
}
.md-bg-indigo-400 {
  background-color: #5c6bc0 !important;
}
.md-color-indigo-500 {
  color: #3f51b5 !important;
}
.md-bg-indigo-500 {
  background-color: #3f51b5 !important;
}
.md-color-indigo-600 {
  color: #3949ab !important;
}
.md-bg-indigo-600 {
  background-color: #3949ab !important;
}
.md-color-indigo-700 {
  color: #303f9f !important;
}
.md-bg-indigo-700 {
  background-color: #303f9f !important;
}
.md-color-indigo-800 {
  color: #283593 !important;
}
.md-bg-indigo-800 {
  background-color: #283593 !important;
}
.md-color-indigo-900 {
  color: #1a237e !important;
}
.md-bg-indigo-900 {
  background-color: #1a237e !important;
}
.md-color-indigo-A100 {
  color: #8c9eff !important;
}
.md-bg-indigo-A100 {
  background-color: #8c9eff !important;
}
.md-color-indigo-A200 {
  color: #536dfe !important;
}
.md-bg-indigo-A200 {
  background-color: #536dfe !important;
}
.md-color-indigo-A400 {
  color: #3d5afe !important;
}
.md-bg-indigo-A400 {
  background-color: #3d5afe !important;
}
.md-color-indigo-A700 {
  color: #304ffe !important;
}
.md-bg-indigo-A700 {
  background-color: #304ffe !important;
}
.md-color-blue-50 {
  color: #e3f2fd !important;
}
.md-bg-blue-50 {
  background-color: #e3f2fd !important;
}
.md-color-blue-100 {
  color: #bbdefb !important;
}
.md-bg-blue-100 {
  background-color: #bbdefb !important;
}
.md-color-blue-200 {
  color: #90caf9 !important;
}
.md-bg-blue-200 {
  background-color: #90caf9 !important;
}
.md-color-blue-300 {
  color: #64b5f6 !important;
}
.md-bg-blue-300 {
  background-color: #64b5f6 !important;
}
.md-color-blue-400 {
  color: #42a5f5 !important;
}
.md-bg-blue-400 {
  background-color: #42a5f5 !important;
}
.md-color-blue-500 {
  color: var(--info) !important;
}
.md-bg-blue-500 {
  background-color: var(--info) !important;
}
.md-color-blue-600 {
  color: #1e88e5 !important;
}
.md-bg-blue-600 {
  background-color: #1e88e5 !important;
}
.md-color-blue-700 {
  color: var(--primary) !important;
}
.md-bg-blue-700 {
  background-color: var(--primary) !important;
}
.md-color-blue-800 {
  color: #1565c0 !important;
}
.md-bg-blue-800 {
  background-color: #1565c0 !important;
}
.md-color-blue-900 {
  color: #0d47a1 !important;
}
.md-bg-blue-900 {
  background-color: #0d47a1 !important;
}
.md-color-blue-A100 {
  color: #82b1ff !important;
}
.md-bg-blue-A100 {
  background-color: #82b1ff !important;
}
.md-color-blue-A200 {
  color: #448aff !important;
}
.md-bg-blue-A200 {
  background-color: #448aff !important;
}
.md-color-blue-A400 {
  color: #2979ff !important;
}
.md-bg-blue-A400 {
  background-color: #2979ff !important;
}
.md-color-blue-A700 {
  color: #2962ff !important;
}
.md-bg-blue-A700 {
  background-color: #2962ff !important;
}
.md-color-light-blue-50 {
  color: #e1f5fe !important;
}
.md-bg-light-blue-50 {
  background-color: #e1f5fe !important;
}
.md-color-light-blue-100 {
  color: #b3e5fc !important;
}
.md-bg-light-blue-100 {
  background-color: #b3e5fc !important;
}
.md-color-light-blue-200 {
  color: #81d4fa !important;
}
.md-bg-light-blue-200 {
  background-color: #81d4fa !important;
}
.md-color-light-blue-300 {
  color: #4fc3f7 !important;
}
.md-bg-light-blue-300 {
  background-color: #4fc3f7 !important;
}
.md-color-light-blue-400 {
  color: #29b6f6 !important;
}
.md-bg-light-blue-400 {
  background-color: #29b6f6 !important;
}
.md-color-light-blue-500 {
  color: #03a9f4 !important;
}
.md-bg-light-blue-500 {
  background-color: #03a9f4 !important;
}
.md-color-light-blue-600 {
  color: #039be5 !important;
}
.md-bg-light-blue-600 {
  background-color: #039be5 !important;
}
.md-color-light-blue-700 {
  color: #0288d1 !important;
}
.md-bg-light-blue-700 {
  background-color: #0288d1 !important;
}
.md-color-light-blue-800 {
  color: #0277bd !important;
}
.md-bg-light-blue-800 {
  background-color: #0277bd !important;
}
.md-color-light-blue-900 {
  color: #01579b !important;
}
.md-bg-light-blue-900 {
  background-color: #01579b !important;
}
.md-color-light-blue-A100 {
  color: #80d8ff !important;
}
.md-bg-light-blue-A100 {
  background-color: #80d8ff !important;
}
.md-color-light-blue-A200 {
  color: #40c4ff !important;
}
.md-bg-light-blue-A200 {
  background-color: #40c4ff !important;
}
.md-color-light-blue-A400 {
  color: #00b0ff !important;
}
.md-bg-light-blue-A400 {
  background-color: #00b0ff !important;
}
.md-color-light-blue-A700 {
  color: #0091ea !important;
}
.md-bg-light-blue-A700 {
  background-color: #0091ea !important;
}
.md-color-cyan-50 {
  color: #e0f7fa !important;
}
.md-bg-cyan-50 {
  background-color: #e0f7fa !important;
}
.md-color-cyan-100 {
  color: #b2ebf2 !important;
}
.md-bg-cyan-100 {
  background-color: #b2ebf2 !important;
}
.md-color-cyan-200 {
  color: #80deea !important;
}
.md-bg-cyan-200 {
  background-color: #80deea !important;
}
.md-color-cyan-300 {
  color: #4dd0e1 !important;
}
.md-bg-cyan-300 {
  background-color: #4dd0e1 !important;
}
.md-color-cyan-400 {
  color: #26c6da !important;
}
.md-bg-cyan-400 {
  background-color: #26c6da !important;
}
.md-color-cyan-500 {
  color: #00bcd4 !important;
}
.md-bg-cyan-500 {
  background-color: #00bcd4 !important;
}
.md-color-cyan-600 {
  color: #00acc1 !important;
}
.md-bg-cyan-600 {
  background-color: #00acc1 !important;
}
.md-color-cyan-700 {
  color: #0097a7 !important;
}
.md-bg-cyan-700 {
  background-color: #0097a7 !important;
}
.md-color-cyan-800 {
  color: #00838f !important;
}
.md-bg-cyan-800 {
  background-color: #00838f !important;
}
.md-color-cyan-900 {
  color: #006064 !important;
}
.md-bg-cyan-900 {
  background-color: #006064 !important;
}
.md-color-cyan-A100 {
  color: #84ffff !important;
}
.md-bg-cyan-A100 {
  background-color: #84ffff !important;
}
.md-color-cyan-A200 {
  color: #18ffff !important;
}
.md-bg-cyan-A200 {
  background-color: #18ffff !important;
}
.md-color-cyan-A400 {
  color: #00e5ff !important;
}
.md-bg-cyan-A400 {
  background-color: #00e5ff !important;
}
.md-color-cyan-A700 {
  color: #00b8d4 !important;
}
.md-bg-cyan-A700 {
  background-color: #00b8d4 !important;
}
.md-color-teal-50 {
  color: #e0f2f1 !important;
}
.md-bg-teal-50 {
  background-color: #e0f2f1 !important;
}
.md-color-teal-100 {
  color: #b2dfdb !important;
}
.md-bg-teal-100 {
  background-color: #b2dfdb !important;
}
.md-color-teal-200 {
  color: #80cbc4 !important;
}
.md-bg-teal-200 {
  background-color: #80cbc4 !important;
}
.md-color-teal-300 {
  color: #4db6ac !important;
}
.md-bg-teal-300 {
  background-color: #4db6ac !important;
}
.md-color-teal-400 {
  color: #26a69a !important;
}
.md-bg-teal-400 {
  background-color: #26a69a !important;
}
.md-color-teal-500 {
  color: #009688 !important;
}
.md-bg-teal-500 {
  background-color: #009688 !important;
}
.md-color-teal-600 {
  color: #00897b !important;
}
.md-bg-teal-600 {
  background-color: #00897b !important;
}
.md-color-teal-700 {
  color: #00796b !important;
}
.md-bg-teal-700 {
  background-color: #00796b !important;
}
.md-color-teal-800 {
  color: #00695c !important;
}
.md-bg-teal-800 {
  background-color: #00695c !important;
}
.md-color-teal-900 {
  color: #004d40 !important;
}
.md-bg-teal-900 {
  background-color: #004d40 !important;
}
.md-color-teal-A100 {
  color: #a7ffeb !important;
}
.md-bg-teal-A100 {
  background-color: #a7ffeb !important;
}
.md-color-teal-A200 {
  color: #64ffda !important;
}
.md-bg-teal-A200 {
  background-color: #64ffda !important;
}
.md-color-teal-A400 {
  color: #1de9b6 !important;
}
.md-bg-teal-A400 {
  background-color: #1de9b6 !important;
}
.md-color-teal-A700 {
  color: #00bfa5 !important;
}
.md-bg-teal-A700 {
  background-color: #00bfa5 !important;
}
.md-color-green-50 {
  color: #e8f5e9 !important;
}
.md-bg-green-50 {
  background-color: #e8f5e9 !important;
}
.md-color-green-100 {
  color: #c8e6c9 !important;
}
.md-bg-green-100 {
  background-color: #c8e6c9 !important;
}
.md-color-green-200 {
  color: #a5d6a7 !important;
}
.md-bg-green-200 {
  background-color: #a5d6a7 !important;
}
.md-color-green-300 {
  color: #81c784 !important;
}
.md-bg-green-300 {
  background-color: #81c784 !important;
}
.md-color-green-400 {
  color: #66bb6a !important;
}
.md-bg-green-400 {
  background-color: #66bb6a !important;
}
.md-color-green-500 {
  color: #4caf50 !important;
}
.md-bg-green-500 {
  background-color: #4caf50 !important;
}
.md-color-green-600 {
  color: #43a047 !important;
}
.md-bg-green-600 {
  background-color: #43a047 !important;
}
.md-color-green-700 {
  color: #388e3c !important;
}
.md-bg-green-700 {
  background-color: #388e3c !important;
}
.md-color-green-800 {
  color: #2e7d32 !important;
}
.md-bg-green-800 {
  background-color: #2e7d32 !important;
}
.md-color-green-900 {
  color: #1b5e20 !important;
}
.md-bg-green-900 {
  background-color: #1b5e20 !important;
}
.md-color-green-A100 {
  color: #b9f6ca !important;
}
.md-bg-green-A100 {
  background-color: #b9f6ca !important;
}
.md-color-green-A200 {
  color: #69f0ae !important;
}
.md-bg-green-A200 {
  background-color: #69f0ae !important;
}
.md-color-green-A400 {
  color: #00e676 !important;
}
.md-bg-green-A400 {
  background-color: #00e676 !important;
}
.md-color-green-A700 {
  color: #00c853 !important;
}
.md-bg-green-A700 {
  background-color: #00c853 !important;
}
.md-color-light-green-50 {
  color: #f1f8e9 !important;
}
.md-bg-light-green-50 {
  background-color: #f1f8e9 !important;
}
.md-color-light-green-100 {
  color: #dcedc8 !important;
}
.md-bg-light-green-100 {
  background-color: #dcedc8 !important;
}
.md-color-light-green-200 {
  color: #c5e1a5 !important;
}
.md-bg-light-green-200 {
  background-color: #c5e1a5 !important;
}
.md-color-light-green-300 {
  color: #aed581 !important;
}
.md-bg-light-green-300 {
  background-color: #aed581 !important;
}
.md-color-light-green-400 {
  color: #9var(--shadow)65 !important;
}
.md-bg-light-green-400 {
  background-color: #9var(--shadow)65 !important;
}
.md-color-light-green-500 {
  color: #8bc34a !important;
}
.md-bg-light-green-500 {
  background-color: #8bc34a !important;
}
.md-color-light-green-600 {
  color: #7cb342 !important;
}
.md-bg-light-green-600 {
  background-color: #7cb342 !important;
}
.md-color-light-green-700 {
  color: #689f38 !important;
}
.md-bg-light-green-700 {
  background-color: #689f38 !important;
}
.md-color-light-green-800 {
  color: #558b2f !important;
}
.md-bg-light-green-800 {
  background-color: #558b2f !important;
}
.md-color-light-green-900 {
  color: #33691e !important;
}
.md-bg-light-green-900 {
  background-color: #33691e !important;
}
.md-color-light-green-A100 {
  color: #ccff90 !important;
}
.md-bg-light-green-A100 {
  background-color: #ccff90 !important;
}
.md-color-light-green-A200 {
  color: #b2ff59 !important;
}
.md-bg-light-green-A200 {
  background-color: #b2ff59 !important;
}
.md-color-light-green-A400 {
  color: #76ff03 !important;
}
.md-bg-light-green-A400 {
  background-color: #76ff03 !important;
}
.md-color-light-green-A700 {
  color: #64dd17 !important;
}
.md-bg-light-green-A700 {
  background-color: #64dd17 !important;
}
.md-color-lime-50 {
  color: #f9fbe7 !important;
}
.md-bg-lime-50 {
  background-color: #f9fbe7 !important;
}
.md-color-lime-100 {
  color: #f0f4c3 !important;
}
.md-bg-lime-100 {
  background-color: #f0f4c3 !important;
}
.md-color-lime-200 {
  color: #e6ee9c !important;
}
.md-bg-lime-200 {
  background-color: #e6ee9c !important;
}
.md-color-lime-300 {
  color: #dce775 !important;
}
.md-bg-lime-300 {
  background-color: #dce775 !important;
}
.md-color-lime-400 {
  color: #d4e157 !important;
}
.md-bg-lime-400 {
  background-color: #d4e157 !important;
}
.md-color-lime-500 {
  color: #cddc39 !important;
}
.md-bg-lime-500 {
  background-color: #cddc39 !important;
}
.md-color-lime-600 {
  color: #c0ca33 !important;
}
.md-bg-lime-600 {
  background-color: #c0ca33 !important;
}
.md-color-lime-700 {
  color: #afb42b !important;
}
.md-bg-lime-700 {
  background-color: #afb42b !important;
}
.md-color-lime-800 {
  color: #9e9d24 !important;
}
.md-bg-lime-800 {
  background-color: #9e9d24 !important;
}
.md-color-lime-900 {
  color: #827717 !important;
}
.md-bg-lime-900 {
  background-color: #827717 !important;
}
.md-color-lime-A100 {
  color: #f4ff81 !important;
}
.md-bg-lime-A100 {
  background-color: #f4ff81 !important;
}
.md-color-lime-A200 {
  color: #eeff41 !important;
}
.md-bg-lime-A200 {
  background-color: #eeff41 !important;
}
.md-color-lime-A400 {
  color: #c6ff00 !important;
}
.md-bg-lime-A400 {
  background-color: #c6ff00 !important;
}
.md-color-lime-A700 {
  color: #aeea00 !important;
}
.md-bg-lime-A700 {
  background-color: #aeea00 !important;
}
.md-color-yellow-50 {
  color: #fffde7 !important;
}
.md-bg-yellow-50 {
  background-color: #fffde7 !important;
}
.md-color-yellow-100 {
  color: #fff9c4 !important;
}
.md-bg-yellow-100 {
  background-color: #fff9c4 !important;
}
.md-color-yellow-200 {
  color: #fff59d !important;
}
.md-bg-yellow-200 {
  background-color: #fff59d !important;
}
.md-color-yellow-300 {
  color: #fff176 !important;
}
.md-bg-yellow-300 {
  background-color: #fff176 !important;
}
.md-color-yellow-400 {
  color: #ffee58 !important;
}
.md-bg-yellow-400 {
  background-color: #ffee58 !important;
}
.md-color-yellow-500 {
  color: #ffeb3b !important;
}
.md-bg-yellow-500 {
  background-color: #ffeb3b !important;
}
.md-color-yellow-600 {
  color: #fdd835 !important;
}
.md-bg-yellow-600 {
  background-color: #fdd835 !important;
}
.md-color-yellow-700 {
  color: #fbc02d !important;
}
.md-bg-yellow-700 {
  background-color: #fbc02d !important;
}
.md-color-yellow-800 {
  color: #f9a825 !important;
}
.md-bg-yellow-800 {
  background-color: #f9a825 !important;
}
.md-color-yellow-900 {
  color: #f57f17 !important;
}
.md-bg-yellow-900 {
  background-color: #f57f17 !important;
}
.md-color-yellow-A100 {
  color: #ffff8d !important;
}
.md-bg-yellow-A100 {
  background-color: #ffff8d !important;
}
.md-color-yellow-A200 {
  color: #ffff00 !important;
}
.md-bg-yellow-A200 {
  background-color: #ffff00 !important;
}
.md-color-yellow-A400 {
  color: #ffea00 !important;
}
.md-bg-yellow-A400 {
  background-color: #ffea00 !important;
}
.md-color-yellow-A700 {
  color: #ffd600 !important;
}
.md-bg-yellow-A700 {
  background-color: #ffd600 !important;
}
.md-color-amber-50 {
  color: #fff8e1 !important;
}
.md-bg-amber-50 {
  background-color: #fff8e1 !important;
}
.md-color-amber-100 {
  color: #ffecb3 !important;
}
.md-bg-amber-100 {
  background-color: #ffecb3 !important;
}
.md-color-amber-200 {
  color: #ffe082 !important;
}
.md-bg-amber-200 {
  background-color: #ffe082 !important;
}
.md-color-amber-300 {
  color: #ffd54f !important;
}
.md-bg-amber-300 {
  background-color: #ffd54f !important;
}
.md-color-amber-400 {
  color: #ffca28 !important;
}
.md-bg-amber-400 {
  background-color: #ffca28 !important;
}
.md-color-amber-500 {
  color: #ffc107 !important;
}
.md-bg-amber-500 {
  background-color: #ffc107 !important;
}
.md-color-amber-600 {
  color: #ffb300 !important;
}
.md-bg-amber-600 {
  background-color: #ffb300 !important;
}
.md-color-amber-700 {
  color: #ffa000 !important;
}
.md-bg-amber-700 {
  background-color: #ffa000 !important;
}
.md-color-amber-800 {
  color: #ff8f00 !important;
}
.md-bg-amber-800 {
  background-color: #ff8f00 !important;
}
.md-color-amber-900 {
  color: #ff6f00 !important;
}
.md-bg-amber-900 {
  background-color: #ff6f00 !important;
}
.md-color-amber-A100 {
  color: #ffe57f !important;
}
.md-bg-amber-A100 {
  background-color: #ffe57f !important;
}
.md-color-amber-A200 {
  color: #ffd740 !important;
}
.md-bg-amber-A200 {
  background-color: #ffd740 !important;
}
.md-color-amber-A400 {
  color: #ffc400 !important;
}
.md-bg-amber-A400 {
  background-color: #ffc400 !important;
}
.md-color-amber-A700 {
  color: #ffab00 !important;
}
.md-bg-amber-A700 {
  background-color: #ffab00 !important;
}
.md-color-orange-50 {
  color: #fff3e0 !important;
}
.md-bg-orange-50 {
  background-color: #fff3e0 !important;
}
.md-color-orange-100 {
  color: #ffe0b2 !important;
}
.md-bg-orange-100 {
  background-color: #ffe0b2 !important;
}
.md-color-orange-200 {
  color: #ffcc80 !important;
}
.md-bg-orange-200 {
  background-color: #ffcc80 !important;
}
.md-color-orange-300 {
  color: #ffb74d !important;
}
.md-bg-orange-300 {
  background-color: #ffb74d !important;
}
.md-color-orange-400 {
  color: #ffa726 !important;
}
.md-bg-orange-400 {
  background-color: #ffa726 !important;
}
.md-color-orange-500 {
  color: #ff9800 !important;
}
.md-bg-orange-500 {
  background-color: #ff9800 !important;
}
.md-color-orange-600 {
  color: #fb8c00 !important;
}
.md-bg-orange-600 {
  background-color: #fb8c00 !important;
}
.md-color-orange-700 {
  color: #f57c00 !important;
}
.md-bg-orange-700 {
  background-color: #f57c00 !important;
}
.md-color-orange-800 {
  color: #ef6c00 !important;
}
.md-bg-orange-800 {
  background-color: #ef6c00 !important;
}
.md-color-orange-900 {
  color: #e65100 !important;
}
.md-bg-orange-900 {
  background-color: #e65100 !important;
}
.md-color-orange-A100 {
  color: #ffd180 !important;
}
.md-bg-orange-A100 {
  background-color: #ffd180 !important;
}
.md-color-orange-A200 {
  color: #ffab40 !important;
}
.md-bg-orange-A200 {
  background-color: #ffab40 !important;
}
.md-color-orange-A400 {
  color: #ff9100 !important;
}
.md-bg-orange-A400 {
  background-color: #ff9100 !important;
}
.md-color-orange-A700 {
  color: #ff6d00 !important;
}
.md-bg-orange-A700 {
  background-color: #ff6d00 !important;
}
.md-color-deep-orange-50 {
  color: #fbe9e7 !important;
}
.md-bg-deep-orange-50 {
  background-color: #fbe9e7 !important;
}
.md-color-deep-orange-100 {
  color: #ffccbc !important;
}
.md-bg-deep-orange-100 {
  background-color: #ffccbc !important;
}
.md-color-deep-orange-200 {
  color: #ffab91 !important;
}
.md-bg-deep-orange-200 {
  background-color: #ffab91 !important;
}
.md-color-deep-orange-300 {
  color: #ff8a65 !important;
}
.md-bg-deep-orange-300 {
  background-color: #ff8a65 !important;
}
.md-color-deep-orange-400 {
  color: #ff7043 !important;
}
.md-bg-deep-orange-400 {
  background-color: #ff7043 !important;
}
.md-color-deep-orange-500 {
  color: #ff5722 !important;
}
.md-bg-deep-orange-500 {
  background-color: #ff5722 !important;
}
.md-color-deep-orange-600 {
  color: #f4511e !important;
}
.md-bg-deep-orange-600 {
  background-color: #f4511e !important;
}
.md-color-deep-orange-700 {
  color: #e64a19 !important;
}
.md-bg-deep-orange-700 {
  background-color: #e64a19 !important;
}
.md-color-deep-orange-800 {
  color: #d84315 !important;
}
.md-bg-deep-orange-800 {
  background-color: #d84315 !important;
}
.md-color-deep-orange-900 {
  color: #bf360c !important;
}
.md-bg-deep-orange-900 {
  background-color: #bf360c !important;
}
.md-color-deep-orange-A100 {
  color: #ff9e80 !important;
}
.md-bg-deep-orange-A100 {
  background-color: #ff9e80 !important;
}
.md-color-deep-orange-A200 {
  color: #ff6e40 !important;
}
.md-bg-deep-orange-A200 {
  background-color: #ff6e40 !important;
}
.md-color-deep-orange-A400 {
  color: #ff3d00 !important;
}
.md-bg-deep-orange-A400 {
  background-color: #ff3d00 !important;
}
.md-color-deep-orange-A700 {
  color: #dd2c00 !important;
}
.md-bg-deep-orange-A700 {
  background-color: #dd2c00 !important;
}
.md-color-brown-50 {
  color: #efebe9 !important;
}
.md-bg-brown-50 {
  background-color: #efebe9 !important;
}
.md-color-brown-100 {
  color: #d7var(--shadow)8 !important;
}
.md-bg-brown-100 {
  background-color: #d7var(--shadow)8 !important;
}
.md-color-brown-200 {
  color: #bcaaa4 !important;
}
.md-bg-brown-200 {
  background-color: #bcaaa4 !important;
}
.md-color-brown-300 {
  color: #a1887f !important;
}
.md-bg-brown-300 {
  background-color: #a1887f !important;
}
.md-color-brown-400 {
  color: #8d6e63 !important;
}
.md-bg-brown-400 {
  background-color: #8d6e63 !important;
}
.md-color-brown-500 {
  color: #795548 !important;
}
.md-bg-brown-500 {
  background-color: #795548 !important;
}
.md-color-brown-600 {
  color: #6d4c41 !important;
}
.md-bg-brown-600 {
  background-color: #6d4c41 !important;
}
.md-color-brown-700 {
  color: #5d4037 !important;
}
.md-bg-brown-700 {
  background-color: #5d4037 !important;
}
.md-color-brown-800 {
  color: #4e342e !important;
}
.md-bg-brown-800 {
  background-color: #4e342e !important;
}
.md-color-brown-900 {
  color: #3e2723 !important;
}
.md-bg-brown-900 {
  background-color: #3e2723 !important;
}
.md-color-grey-50 {
  color: var(--bg-page) !important;
}
.md-bg-grey-50 {
  background-color: var(--bg-page) !important;
}
.md-color-grey-100 {
  color: #f5f5f5 !important;
}
.md-bg-grey-100 {
  background-color: #f5f5f5 !important;
}
.md-color-grey-200 {
  color: #eeeeee !important;
}
.md-bg-grey-200 {
  background-color: #eeeeee !important;
}
.md-color-grey-300 {
  color: #e0e0e0 !important;
}
.md-bg-grey-300 {
  background-color: #e0e0e0 !important;
}
.md-color-grey-400 {
  color: #bdbdbd !important;
}
.md-bg-grey-400 {
  background-color: #bdbdbd !important;
}
.md-color-grey-500 {
  color: #9e9e9e !important;
}
.md-bg-grey-500 {
  background-color: #9e9e9e !important;
}
.md-color-grey-600 {
  color: #757575 !important;
}
.md-bg-grey-600 {
  background-color: #757575 !important;
}
.md-color-grey-700 {
  color: #616161 !important;
}
.md-bg-grey-700 {
  background-color: #616161 !important;
}
.md-color-grey-800 {
  color: #424242 !important;
}
.md-bg-grey-800 {
  background-color: #424242 !important;
}
.md-color-grey-900 {
  color: var(--dark) !important;
}
.md-bg-grey-900 {
  background-color: var(--dark) !important;
}
.md-color-blue-grey-50 {
  color: #eceff1 !important;
}
.md-bg-blue-grey-50 {
  background-color: #eceff1 !important;
}
.md-color-blue-grey-100 {
  color: #cfd8dc !important;
}
.md-bg-blue-grey-100 {
  background-color: #cfd8dc !important;
}
.md-color-blue-grey-200 {
  color: #b0bec5 !important;
}
.md-bg-blue-grey-200 {
  background-color: #b0bec5 !important;
}
.md-color-blue-grey-300 {
  color: #90a4ae !important;
}
.md-bg-blue-grey-300 {
  background-color: #90a4ae !important;
}
.md-color-blue-grey-400 {
  color: #78909c !important;
}
.md-bg-blue-grey-400 {
  background-color: #78909c !important;
}
.md-color-blue-grey-500 {
  color: #607d8b !important;
}
.md-bg-blue-grey-500 {
  background-color: #607d8b !important;
}
.md-color-blue-grey-600 {
  color: #546e7a !important;
}
.md-bg-blue-grey-600 {
  background-color: #546e7a !important;
}
.md-color-blue-grey-700 {
  color: #455a64 !important;
}
.md-bg-blue-grey-700 {
  background-color: #455a64 !important;
}
.md-color-blue-grey-800 {
  color: #37474f !important;
}
.md-bg-blue-grey-800 {
  background-color: #37474f !important;
}
.md-color-blue-grey-900 {
  color: #263238 !important;
}
.md-bg-blue-grey-900 {
  background-color: #263238 !important;
}
.md-color-white {
  color: #fff !important;
}
.md-bg-white {
  background: #fff !important;
}
/* cards */
.md-card {
  background: #fff;
  position: relative;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border: none;
  border: 1px solid var(--border);
    border-radius: var(--sm-radius);
    box-shadow: 0 1px 1.25rem rgb(137, 102, 247,0.09);
	  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}
.md-card + .md-card,
.md-card + .uk-grid,
.uk-grid + .md-card {
  margin-top: 25px;
}
.md-card .full_width_in_card {
  padding: 16px 24px;
  background: rgba(0, 0, 0, 0.085);
}
.md-card .md-card-toolbar {
  height: 48px;
  padding: 0 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
}
.md-card .md-card-toolbar:before,
.md-card .md-card-toolbar:after {
  content: " ";
  display: table;
}
.md-card .md-card-toolbar:after {
  clear: both;
}
.md-card .md-card-toolbar:before,
.md-card .md-card-toolbar:after {
  content: " ";
  display: table;
}
.md-card .md-card-toolbar:after {
  clear: both;
}
.md-card .md-card-toolbar-heading-text {
 /* font: 500 14px / 50px "Roboto", sans-serif;*/
  color: var(--dark);
  margin: 0;
  float: left;
  overflow: hidden;
  height: 48px;
}
.md-card .md-card-toolbar-heading-text.large {
  font-size: 18px;
  font-weight: 400;
}
.md-card .md-card-toolbar .md-toggle-group {
  float: left;
  margin: 8px 0 0 16px;
}
.md-card .md-card-toolbar .md-toggle-group.md-toggle-group-small {
  margin-top: 10px;
}
.md-card .md-card-toolbar .md-card-toolbar-actions {
  float: right;
  padding-top: 10px;
}
.md-card .md-card-toolbar .md-card-toolbar-actions .uk-open .md-card-toolbar-icon {
  background: rgba(0, 0, 0, 0.085);
  color: var(--dark);
}
.md-card .md-card-toolbar .md-card-toolbar-actions .md-card-dropdown {
  display: inline-block;
  position: relative;
}
.md-card .md-card-toolbar .md-card-toolbar-actions .selectize-control {
  min-width: 220px;
  margin-top: -3px;
}
.md-card .md-card-toolbar .md-card-toolbar-actions .selectize-control .selectize-input {
  min-height: 30px;
  padding: 4px 8px;
}
.md-card .md-card-toolbar .md-card-toolbar-actions .selectize-control .selectize-dropdown {
  margin-top: -34px;
}
.md-card .md-card-toolbar .md-icon + .md-card-dropdown {
  margin-inline-end: 4px;
}
.md-card .md-card-toolbar .md-card-fullscreen-deactivate {
  margin: 9px 8px 0 0;
}
.md-card .md-card-toolbar-input {
  border: none;
 /* font: 400 18px / 24px "Roboto", sans-serif;*/
  height: auto;
  background: none !important;
  padding: 12px 0;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.md-card .md-card-toolbar .uk-tab {
  margin-top: -2px;
  border-bottom: none;
}
.md-card .md-card-toolbar .uk-tab li > a {
  padding: 10px 8px !important;
}
.md-card .md-card-head {
  height: 160px;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.md-card .md-card-head-menu {
  position: absolute;
  right: 8px;
  top: 8px;
}
.md-card .md-card-head-avatar {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  margin-top: 16px;
  border: 2px solid #fff;
  display: inline-block;
}
.md-card .md-card-head-text {
  padding: 8px 16px 16px;
 /* font: 500 16px / 22px "Roboto", sans-serif;*/
  color: var(--dark);
  margin: 0;
}
.md-card .md-card-head-text span:not(.listNavSelector) {
  display: block;
  /*font: 400 12px / 18px "Roboto", sans-serif;*/
  margin-top: -2px;
}
.md-card .md-card-head-text.text_dark {
  color: var(--dark) !important;
}
.md-card .md-card-head-text-over {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
}
.md-card .md-card-head-subtext {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  padding: 0 16px;
  text-align: right;
  color: #fff;
}
.md-card .md-card-head-subtext span {
  font-size: 26px;
}
.md-card .md-card-head-icon {
  font-size: 48px;
  color: #fff;
  vertical-align: middle;
}
.md-card .md-card-head.head_background {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-bottom-color: transparent;
}
.md-card .md-card-head.head_background .md-card-head-text {
  color: #fff;
}
.md-card .md-card-head.head_background_top {
  background-repeat: no-repeat;
  background-position: center top;
}
.md-card .md-card-head.head_background_bottom {
  background-repeat: no-repeat;
  background-position: center bottom;
}
.md-card .md-card-head .head_chart {
  height: 100px;
  width: 100%;
  position: absolute !important;
  left: 0;
  top: 40px;
}
.md-card .md-card-head .fitVid_player {
  width: 100%;
  height: 160px;
  overflow: hidden;
}
.md-card .md-card-head-img {
  height: 100%;
  width: auto;
}
.md-card .md-card-head iframe {
  height: 160px;
}
.md-card .md-card-content {
  padding: 10px;
}
.md-card .md-card-content.padding-reset {
  padding: 0;
}
.md-card .md-card-content.large-padding {
  padding: 24px 35px;
}
.md-card .md-card-content.small-padding {
  padding: 8px;
}
.md-card.md-card-fullscreen-activate {
  cursor: pointer;
}
.md-card.md-card-fullscreen {
  position: fixed;
  z-index: 9998;
  overflow-x: hidden;
  cursor: default;
}
.md-card.md-card-fullscreen .md-card-fullscreen-activate {
  display: none;
}
.md-card.md-card-fullscreen .md-card-fullscreen-hide {
  display: none;
}
.md-card .md-card-fullscreen-content {
  display: none;
  padding: 16px;
}
.md-card-fullscreen-content-hidden .md-card .md-card-fullscreen-content {
  display: block;
  visibility: hidden;
  padding: 0;
}
.md-card.mdToolbar_fixed {
  overflow-y: hidden;
}
.md-card.mdToolbar_fixed > .md-card-toolbar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.md-card.mdToolbar_fixed > .md-card-content {
  overflow-y: scroll;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 48px;
  bottom: 0;
}
.md-card.mdToolbar_fixed > .md-card-content .md-card-fullscreen-content {
  padding: 16px 0;
}
.md-card.md-card-overlay {
  overflow: hidden;
  padding-bottom: 54px;
}
.md-card.md-card-overlay .md-card-content {
  height: 142px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.md-card.md-card-overlay .md-card-content.no_truncate {
  position: relative;
}
.md-card.md-card-overlay .md-card-content.no_truncate:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 8px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ffffff), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to top, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  display: block;
  content: '';
  z-index: 10;
}
.md-card.md-card-overlay .md-card-content > pre {
  margin-top: 0;
  max-height: 110px;
}
.md-card.md-card-overlay .md-card-content > pre > code {
  overflow: hidden;
}
.md-card.md-card-overlay .md-card-overlay-content {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0 16px;
  margin-top: -54px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  text-align: left;
  bottom: 0;
  background: #fff;
  z-index: 10;
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.md-card.md-card-overlay .md-card-overlay-content p {
  margin: 0;
}
.md-card.md-card-overlay .md-card-overlay-content p + * {
  margin-top: 16px;
}
.md-card.md-card-overlay .md-card-overlay-content p + p {
  margin-top: 4px;
}
.md-card.md-card-overlay .md-card-overlay-header {
  padding: 12px 0;
}
.md-card.md-card-overlay .md-card-overlay-header:before,
.md-card.md-card-overlay .md-card-overlay-header:after {
  content: " ";
  display: table;
}
.md-card.md-card-overlay .md-card-overlay-header:after {
  clear: both;
}
.md-card.md-card-overlay .md-card-overlay-header:before,
.md-card.md-card-overlay .md-card-overlay-header:after {
  content: " ";
  display: table;
}
.md-card.md-card-overlay .md-card-overlay-header:after {
  clear: both;
}
.md-card.md-card-overlay .md-card-overlay-header h3,
.md-card.md-card-overlay .md-card-overlay-header h4 {
  margin: 0;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  padding-inline-start: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.md-card.md-card-overlay .md-card-overlay-header h3 {
 /* font: 400 16px / 30px "Roboto", sans-serif;*/
}
.md-card.md-card-overlay .md-card-overlay-header h4 {
  /*font: 500 14px / 30px "Roboto", sans-serif;*/
}
.md-card.md-card-overlay .md-card-overlay-header .md-icon {
  position: absolute;
  right: 12px;
  top: 11px;
}
.md-card.md-card-overlay-active .md-card-overlay-content {
  top: -1px;
  margin-top: 0;
}
.md-card.md-card-hover {
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow;
}
.md-card.md-card-hover:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.uk-sortable-dragged .md-card {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.uk-sortable-dragged .md-card canvas {
  margin: 0 auto;
  display: block;
}
.md-card .heading_list {
  padding: 0;
}
.md-card-primary,
.md-card-success,
.md-card-danger,
.md-card-warning {
  border-inline-end: 4px solid transparent;
}

.md-card-primary {
  border-inline-end-color: var(--info);
}
.md-card-success {
  border-inline-end-color: #7cb342;
}
.md-card-danger {
  border-inline-end-color: var(--danger);
}
.md-card-warning {
  border-inline-end-color: #ffa000;
}
.md-card-horizontal {
  position: relative;
  min-height: 200px;
}
.md-card-horizontal:before,
.md-card-horizontal:after {
  content: " ";
  display: table;
}
.md-card-horizontal:after {
  clear: both;
}
.md-card-horizontal:before,
.md-card-horizontal:after {
  content: " ";
  display: table;
}
.md-card-horizontal:after {
  clear: both;
}
.md-card-horizontal-grid {
  min-height: auto;
}
.md-card-horizontal .md-card-head {
  border-inline-end: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
  width: 200px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .md-card-horizontal .md-card-head {
    width: 140px;
  }
}
.md-card-horizontal .md-card-head-grid {
  border-inline-end: 1px solid rgba(0, 0, 0, 0.12);
}
.md-card-horizontal .md-card-head-menu {
  left: auto !important;
  right: 8px !important;
}
.md-card-horizontal .md-card-content {
  margin-inline-start: 200px;
}
@media only screen and (max-width: 767px) {
  .md-card-horizontal .md-card-content {
    margin-inline-start: 140px;
  }
}
.md-card-horizontal .md-card-content-grid {
  padding: 16px;
}
.md-expand,
.md-expand-group > * {
  opacity: 0;
}
.md-card-placeholder {
  min-width: 100%;
}
.md-card-list-wrapper,
.md-card-list-wrapper:before,
.md-card-list-wrapper:after,
.md-card-list-wrapper *,
.md-card-list-wrapper *:before,
.md-card-list-wrapper *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.md-card-list-wrapper .md-card-list-header {
  position: absolute;
  top: -24px;
  left: 0;
}
.md-card-list-wrapper .md-card-list {
  margin: 48px 0 0 0;
  position: relative;
}
.md-card-list-wrapper .md-card-list:first-child {
  margin-top: 24px;
}
.md-card-list-wrapper .md-card-list > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.md-card-list-wrapper .md-card-list > ul > li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.md-card-list-wrapper .md-card-list > ul > li {
  min-height: 34px;
  padding: 8px 16px;
  font-size: 13px;
  -webkit-transition: background 150ms,padding 200ms;
  transition: background 150ms,padding 200ms;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.md-card-list-wrapper .md-card-list > ul > li:before,
.md-card-list-wrapper .md-card-list > ul > li:after {
  content: " ";
  display: table;
}
.md-card-list-wrapper .md-card-list > ul > li:after {
  clear: both;
}
.md-card-list-wrapper .md-card-list > ul > li:before,
.md-card-list-wrapper .md-card-list > ul > li:after {
  content: " ";
  display: table;
}
.md-card-list-wrapper .md-card-list > ul > li:after {
  clear: both;
}
.md-card-list-wrapper .md-card-list > ul > li.item-shown {
  background: #fff;
  padding: 8px 36px;
}
@media only screen and (max-width: 767px) {
  .md-card-list-wrapper .md-card-list > ul > li.item-shown .md-card-list-item-subject {
    clear: both;
    float: none;
    padding-top: 16px;
  }
  .md-card-list-wrapper .md-card-list > ul > li.item-shown .md-card-list-item-subject > span {
    white-space: normal;
  }
}
.md-card-list-wrapper .md-card-list > ul > li.item-shown .md-card-list-item-sender {
  width: auto;
  overflow: hidden;
}
.md-card-list-wrapper .md-card-list > ul > li.item-shown.md-card-list-item-selected {
  position: relative;
}
.md-card-list-wrapper .md-card-list > ul > li.item-shown.md-card-list-item-selected:before {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  background: #e3f2fd;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-select,
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper,
.md-card-list-wrapper .md-card-list .md-card-list-item-sender {
  float: left;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-select {
  padding: 6px 8px 0 0;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper,
.md-card-list-wrapper .md-card-list .md-card-list-item-sender,
.md-card-list-wrapper .md-card-list .md-card-list-item-subject,
.md-card-list-wrapper .md-card-list .md-card-list-item-date {
  padding: 0 8px;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper .md-card-list-item-avatar {
  background: #757575;
  color: #fff;
  width: 34px;
  border-radius: 50%;
  display: block;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper .md-card-list-item-avatar-large {
  width: 82px;
  border-radius: 50%;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper span.md-card-list-item-avatar {
  line-height: 34px;
  text-transform: uppercase;
  text-align: center;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-sender {
  width: 220px;
  line-height: 34px;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-sender > span {
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
@media only screen and (max-width: 1219px) {
  .md-card-list-wrapper .md-card-list .md-card-list-item-sender {
    display: none;
  }
}
.md-card-list-wrapper .md-card-list .md-card-list-item-subject {
  overflow: hidden;
  font-weight: 500;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-subject > span {
  line-height: 34px;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small {
  display: none;
}
@media only screen and (max-width: 1219px) {
  .md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small {
    display: block;
  }
  .md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small + span {
    line-height: inherit;
  }
}
.md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small > span {
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  font-size: 12px;
  color: #999;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-date {
  line-height: 34px;
  float: right;
  color: #999;
}
@media only screen and (max-width: 479px) {
  .md-card-list-wrapper .md-card-list .md-card-list-item-date {
    display: none;
  }
}
.md-card-list-wrapper .md-card-list .md-card-list-item-menu {
  float: right;
  margin: 0 0 0 8px;
  position: relative;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-menu .uk-dropdown .material-icons {
  margin-inline-start: 8px;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-content-wrapper {
  display: none;
  clear: both;
  opacity: 0;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-content {
  padding: 16px 16px 0 0;
  max-height: 360px;
  overflow-x: hidden;
  margin: 0 0 40px;
  top: 20px;
  position: relative;
  font-size: 14px;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-content + .md-card-list-item-reply {
  padding-top: 10px;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-reply {
  padding: 16px 0;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-selected {
  background: #e3f2fd;
}
/* forms */
select,
textarea,
input:not([type]),
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  outline: none;
}
select.md-input,
textarea.md-input,
input:not([type]).md-input,
input[type="text"].md-input,
input[type="password"].md-input,
input[type="datetime"].md-input,
input[type="datetime-local"].md-input,
input[type="date"].md-input,
input[type="month"].md-input,
input[type="time"].md-input,
input[type="week"].md-input,
input[type="number"].md-input,
input[type="email"].md-input,
input[type="url"].md-input,
input[type="search"].md-input,
input[type="tel"].md-input,
input[type="color"].md-input {
  border-width:   1px; 
  border-style: solid;
    border-color: var(--border);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.375rem;
  background: transparent;
  width: 100%;
  display: block;
      border-radius:var(--sm-radius);
}
.form_header input[type="text"].md-input { 
/*border-width:   0 0 1px;  */
    border-radius: 0;
    padding-inline-start: 0.9rem;
    font-weight: 500;
    color: var(--dark);
	color: var(--info);
    border-radius: var(--sm-radius);
   border-width: 1px; 
   font-size:0.85rem;
}
input[type="text"].md-input:not(.amt):focus { 
 
color: var(--info);
 
/* border-color: transparent;*/
 /* border-bottom-color:var(--info);*/
 
}
.form_header input[type="text"].md-input:focus { 
 

/*  border-radius: 0;*/
/* border-color: transparent;*/
  /*border-bottom-color:var(--info); */
 
}
 
.form-group:focus-within input[type="text"].md-input
{
	/*
	  border-radius: 0;
 border-color: transparent;
	box-shadow:none;
	*/
}
select.md-input.md-input-danger,
textarea.md-input.md-input-danger,
input:not([type]).md-input.md-input-danger,
input[type="text"].md-input.md-input-danger,
input[type="password"].md-input.md-input-danger,
input[type="datetime"].md-input.md-input-danger,
input[type="datetime-local"].md-input.md-input-danger,
input[type="date"].md-input.md-input-danger,
input[type="month"].md-input.md-input-danger,
input[type="time"].md-input.md-input-danger,
input[type="week"].md-input.md-input-danger,
input[type="number"].md-input.md-input-danger,
input[type="email"].md-input.md-input-danger,
input[type="url"].md-input.md-input-danger,
input[type="search"].md-input.md-input-danger,
input[type="tel"].md-input.md-input-danger,
input[type="color"].md-input.md-input-danger {
  border-color: var(--danger);
}
select.md-input.md-input-danger:focus,
textarea.md-input.md-input-danger:focus,
input:not([type]).md-input.md-input-danger:focus,
input[type="text"].md-input.md-input-danger:focus,
input[type="password"].md-input.md-input-danger:focus,
input[type="datetime"].md-input.md-input-danger:focus,
input[type="datetime-local"].md-input.md-input-danger:focus,
input[type="date"].md-input.md-input-danger:focus,
input[type="month"].md-input.md-input-danger:focus,
input[type="time"].md-input.md-input-danger:focus,
input[type="week"].md-input.md-input-danger:focus,
input[type="number"].md-input.md-input-danger:focus,
input[type="email"].md-input.md-input-danger:focus,
input[type="url"].md-input.md-input-danger:focus,
input[type="search"].md-input.md-input-danger:focus,
input[type="tel"].md-input.md-input-danger:focus,
input[type="color"].md-input.md-input-danger:focus {
  border-bottom-color: var(--danger);
}
select.md-input.md-input-success,
textarea.md-input.md-input-success,
input:not([type]).md-input.md-input-success,
input[type="text"].md-input.md-input-success,
input[type="password"].md-input.md-input-success,
input[type="datetime"].md-input.md-input-success,
input[type="datetime-local"].md-input.md-input-success,
input[type="date"].md-input.md-input-success,
input[type="month"].md-input.md-input-success,
input[type="time"].md-input.md-input-success,
input[type="week"].md-input.md-input-success,
input[type="number"].md-input.md-input-success,
input[type="email"].md-input.md-input-success,
input[type="url"].md-input.md-input-success,
input[type="search"].md-input.md-input-success,
input[type="tel"].md-input.md-input-success,
input[type="color"].md-input.md-input-success {
  border-color: #7cb342;
}
select.md-input.md-input-success:focus,
textarea.md-input.md-input-success:focus,
input:not([type]).md-input.md-input-success:focus,
input[type="text"].md-input.md-input-success:focus,
input[type="password"].md-input.md-input-success:focus,
input[type="datetime"].md-input.md-input-success:focus,
input[type="datetime-local"].md-input.md-input-success:focus,
input[type="date"].md-input.md-input-success:focus,
input[type="month"].md-input.md-input-success:focus,
input[type="time"].md-input.md-input-success:focus,
input[type="week"].md-input.md-input-success:focus,
input[type="number"].md-input.md-input-success:focus,
input[type="email"].md-input.md-input-success:focus,
input[type="url"].md-input.md-input-success:focus,
input[type="search"].md-input.md-input-success:focus,
input[type="tel"].md-input.md-input-success:focus,
input[type="color"].md-input.md-input-success:focus {
  border-bottom-color: #7cb342;
}
select.md-input:focus,
textarea.md-input:focus,
input:not([type]).md-input:focus,
input[type="text"].md-input:focus,
input[type="password"].md-input:focus,
input[type="datetime"].md-input:focus,
input[type="datetime-local"].md-input:focus,
input[type="date"].md-input:focus,
input[type="month"].md-input:focus,
input[type="time"].md-input:focus,
input[type="week"].md-input:focus,
input[type="number"].md-input:focus,
input[type="email"].md-input:focus,
input[type="url"].md-input:focus,
input[type="search"].md-input:focus,
input[type="tel"].md-input:focus,
input[type="color"].md-input:focus {
  background: transparent;
  border-color: rgba(0, 0, 0, 0.12);
}
select.md-input-small,
textarea.md-input-small,
input:not([type]).md-input-small,
input[type="text"].md-input-small,
input[type="password"].md-input-small,
input[type="datetime"].md-input-small,
input[type="datetime-local"].md-input-small,
input[type="date"].md-input-small,
input[type="month"].md-input-small,
input[type="time"].md-input-small,
input[type="week"].md-input-small,
input[type="number"].md-input-small,
input[type="email"].md-input-small,
input[type="url"].md-input-small,
input[type="search"].md-input-small,
input[type="tel"].md-input-small,
input[type="color"].md-input-small {
  padding: 4px;
}
select.md-input.uk-form-width-mini,
textarea.md-input.uk-form-width-mini,
input:not([type]).md-input.uk-form-width-mini,
input[type="text"].md-input.uk-form-width-mini,
input[type="password"].md-input.uk-form-width-mini,
input[type="datetime"].md-input.uk-form-width-mini,
input[type="datetime-local"].md-input.uk-form-width-mini,
input[type="date"].md-input.uk-form-width-mini,
input[type="month"].md-input.uk-form-width-mini,
input[type="time"].md-input.uk-form-width-mini,
input[type="week"].md-input.uk-form-width-mini,
input[type="number"].md-input.uk-form-width-mini,
input[type="email"].md-input.uk-form-width-mini,
input[type="url"].md-input.uk-form-width-mini,
input[type="search"].md-input.uk-form-width-mini,
input[type="tel"].md-input.uk-form-width-mini,
input[type="color"].md-input.uk-form-width-mini {
  width: 40px;
}
select.md-input.uk-form-width-small,
textarea.md-input.uk-form-width-small,
input:not([type]).md-input.uk-form-width-small,
input[type="text"].md-input.uk-form-width-small,
input[type="password"].md-input.uk-form-width-small,
input[type="datetime"].md-input.uk-form-width-small,
input[type="datetime-local"].md-input.uk-form-width-small,
input[type="date"].md-input.uk-form-width-small,
input[type="month"].md-input.uk-form-width-small,
input[type="time"].md-input.uk-form-width-small,
input[type="week"].md-input.uk-form-width-small,
input[type="number"].md-input.uk-form-width-small,
input[type="email"].md-input.uk-form-width-small,
input[type="url"].md-input.uk-form-width-small,
input[type="search"].md-input.uk-form-width-small,
input[type="tel"].md-input.uk-form-width-small,
input[type="color"].md-input.uk-form-width-small {
  width: 130px;
}
select.md-input.uk-form-width-medium,
textarea.md-input.uk-form-width-medium,
input:not([type]).md-input.uk-form-width-medium,
input[type="text"].md-input.uk-form-width-medium,
input[type="password"].md-input.uk-form-width-medium,
input[type="datetime"].md-input.uk-form-width-medium,
input[type="datetime-local"].md-input.uk-form-width-medium,
input[type="date"].md-input.uk-form-width-medium,
input[type="month"].md-input.uk-form-width-medium,
input[type="time"].md-input.uk-form-width-medium,
input[type="week"].md-input.uk-form-width-medium,
input[type="number"].md-input.uk-form-width-medium,
input[type="email"].md-input.uk-form-width-medium,
input[type="url"].md-input.uk-form-width-medium,
input[type="search"].md-input.uk-form-width-medium,
input[type="tel"].md-input.uk-form-width-medium,
input[type="color"].md-input.uk-form-width-medium {
  width: 200px;
}
select.md-input.uk-form-width-large,
textarea.md-input.uk-form-width-large,
input:not([type]).md-input.uk-form-width-large,
input[type="text"].md-input.uk-form-width-large,
input[type="password"].md-input.uk-form-width-large,
input[type="datetime"].md-input.uk-form-width-large,
input[type="datetime-local"].md-input.uk-form-width-large,
input[type="date"].md-input.uk-form-width-large,
input[type="month"].md-input.uk-form-width-large,
input[type="time"].md-input.uk-form-width-large,
input[type="week"].md-input.uk-form-width-large,
input[type="number"].md-input.uk-form-width-large,
input[type="email"].md-input.uk-form-width-large,
input[type="url"].md-input.uk-form-width-large,
input[type="search"].md-input.uk-form-width-large,
input[type="tel"].md-input.uk-form-width-large,
input[type="color"].md-input.uk-form-width-large {
  width: 500px;
}
select.md-input.inverted-colors,
textarea.md-input.inverted-colors,
input:not([type]).md-input.inverted-colors,
input[type="text"].md-input.inverted-colors,
input[type="password"].md-input.inverted-colors,
input[type="datetime"].md-input.inverted-colors,
input[type="datetime-local"].md-input.inverted-colors,
input[type="date"].md-input.inverted-colors,
input[type="month"].md-input.inverted-colors,
input[type="time"].md-input.inverted-colors,
input[type="week"].md-input.inverted-colors,
input[type="number"].md-input.inverted-colors,
input[type="email"].md-input.inverted-colors,
input[type="url"].md-input.inverted-colors,
input[type="search"].md-input.inverted-colors,
input[type="tel"].md-input.inverted-colors,
input[type="color"].md-input.inverted-colors {
  color: #fff;
  border-bottom-color: #fff;
}
select.md-input.inverted-colors::-webkit-input-placeholder,
textarea.md-input.inverted-colors::-webkit-input-placeholder,
input:not([type]).md-input.inverted-colors::-webkit-input-placeholder,
input[type="text"].md-input.inverted-colors::-webkit-input-placeholder,
input[type="password"].md-input.inverted-colors::-webkit-input-placeholder,
input[type="datetime"].md-input.inverted-colors::-webkit-input-placeholder,
input[type="datetime-local"].md-input.inverted-colors::-webkit-input-placeholder,
input[type="date"].md-input.inverted-colors::-webkit-input-placeholder,
input[type="month"].md-input.inverted-colors::-webkit-input-placeholder,
input[type="time"].md-input.inverted-colors::-webkit-input-placeholder,
input[type="week"].md-input.inverted-colors::-webkit-input-placeholder,
input[type="number"].md-input.inverted-colors::-webkit-input-placeholder,
input[type="email"].md-input.inverted-colors::-webkit-input-placeholder,
input[type="url"].md-input.inverted-colors::-webkit-input-placeholder,
input[type="search"].md-input.inverted-colors::-webkit-input-placeholder,
input[type="tel"].md-input.inverted-colors::-webkit-input-placeholder,
input[type="color"].md-input.inverted-colors::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}
select.md-input.inverted-colors::-moz-placeholder,
textarea.md-input.inverted-colors::-moz-placeholder,
input:not([type]).md-input.inverted-colors::-moz-placeholder,
input[type="text"].md-input.inverted-colors::-moz-placeholder,
input[type="password"].md-input.inverted-colors::-moz-placeholder,
input[type="datetime"].md-input.inverted-colors::-moz-placeholder,
input[type="datetime-local"].md-input.inverted-colors::-moz-placeholder,
input[type="date"].md-input.inverted-colors::-moz-placeholder,
input[type="month"].md-input.inverted-colors::-moz-placeholder,
input[type="time"].md-input.inverted-colors::-moz-placeholder,
input[type="week"].md-input.inverted-colors::-moz-placeholder,
input[type="number"].md-input.inverted-colors::-moz-placeholder,
input[type="email"].md-input.inverted-colors::-moz-placeholder,
input[type="url"].md-input.inverted-colors::-moz-placeholder,
input[type="search"].md-input.inverted-colors::-moz-placeholder,
input[type="tel"].md-input.inverted-colors::-moz-placeholder,
input[type="color"].md-input.inverted-colors::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
select.md-input.inverted-colors:-ms-input-placeholder,
textarea.md-input.inverted-colors:-ms-input-placeholder,
input:not([type]).md-input.inverted-colors:-ms-input-placeholder,
input[type="text"].md-input.inverted-colors:-ms-input-placeholder,
input[type="password"].md-input.inverted-colors:-ms-input-placeholder,
input[type="datetime"].md-input.inverted-colors:-ms-input-placeholder,
input[type="datetime-local"].md-input.inverted-colors:-ms-input-placeholder,
input[type="date"].md-input.inverted-colors:-ms-input-placeholder,
input[type="month"].md-input.inverted-colors:-ms-input-placeholder,
input[type="time"].md-input.inverted-colors:-ms-input-placeholder,
input[type="week"].md-input.inverted-colors:-ms-input-placeholder,
input[type="number"].md-input.inverted-colors:-ms-input-placeholder,
input[type="email"].md-input.inverted-colors:-ms-input-placeholder,
input[type="url"].md-input.inverted-colors:-ms-input-placeholder,
input[type="search"].md-input.inverted-colors:-ms-input-placeholder,
input[type="tel"].md-input.inverted-colors:-ms-input-placeholder,
input[type="color"].md-input.inverted-colors:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}
select.md-input.inverted-colors:-moz-placeholder,
textarea.md-input.inverted-colors:-moz-placeholder,
input:not([type]).md-input.inverted-colors:-moz-placeholder,
input[type="text"].md-input.inverted-colors:-moz-placeholder,
input[type="password"].md-input.inverted-colors:-moz-placeholder,
input[type="datetime"].md-input.inverted-colors:-moz-placeholder,
input[type="datetime-local"].md-input.inverted-colors:-moz-placeholder,
input[type="date"].md-input.inverted-colors:-moz-placeholder,
input[type="month"].md-input.inverted-colors:-moz-placeholder,
input[type="time"].md-input.inverted-colors:-moz-placeholder,
input[type="week"].md-input.inverted-colors:-moz-placeholder,
input[type="number"].md-input.inverted-colors:-moz-placeholder,
input[type="email"].md-input.inverted-colors:-moz-placeholder,
input[type="url"].md-input.inverted-colors:-moz-placeholder,
input[type="search"].md-input.inverted-colors:-moz-placeholder,
input[type="tel"].md-input.inverted-colors:-moz-placeholder,
input[type="color"].md-input.inverted-colors:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
select.md-input.uk-form-width-mini {
  width: 65px;
}
.md-input-width-small {
  min-width: 80px !important;
}
.md-input-width-medium {
  min-width: 160px !important;
}
.md-input-width-large {
  min-width: 320px !important;
}
textarea.md-input {
  min-height: 80px;
  resize: none;
  overflow: hidden;
  -webkit-transition: height 200ms ease-out;
  transition: height 200ms ease-out;
  line-height: 24px;
}
textarea.no_autosize {
  min-height: inherit;
  overflow: auto;
  -webkit-transition: none;
  transition: none;
  resize: both;
}
.md-input-wrapper {
  position: relative;
 /* padding-top: 8px;*/
 padding-top: 0;
  width: 100%;
  display: flex;
/*margin-top: 4px;*/
}
.md-input-wrapper.amt {
    display: flex;
	justify-content: flex-end;
	width: 145px;
}
.md-input-wrapper:not(.amt) .md-input-bar {
  display: block;
  position: absolute;
  bottom: 0;
 right:8px;
    width: calc(100% - 12px);
}

.md-input-wrapper .md-input-bar:before,
.md-input-wrapper .md-input-bar:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0.1rem; 
  background: var(--primary);
  -webkit-transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.form_header .md-input-wrapper .md-input-bar {
    display: block;
    position: absolute;
    bottom: 0;
    right: 8px;
    width: calc(100% - 12px);
}
.md-input-wrapper .md-input-bar:before {
  right: 50%;
}
.md-input-wrapper .md-input-bar:after {
  left: 50%;
}
[dir="ltr"]  .md-input-wrapper .md-input-bar:before {
  left: 50%;
}
[dir="ltr"]  .md-input-wrapper .md-input-bar:after {
  right: 50%;
}

.md-input-wrapper .md-input-bar.uk-form-width-mini {
  width: 40px;
}
.md-input-wrapper .md-input-bar.uk-form-width-small {
  width: 130px;
}
.md-input-wrapper .md-input-bar.uk-form-width-medium {
  width: 200px;
}
.md-input-wrapper .md-input-bar.uk-form-width-large {
  width: 500px;
}
.md-input-wrapper > label {
  color: var(--muted2);
  position: absolute;
  top: 4px;
 margin-inline-start:0.75rem;
  pointer-events: none;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
} 
.md-input-wrapper + * {
  margin-top: 10px;
}
.md-input-wrapper.md-input-wrapper-disabled > label {
  color: rgba(0, 0, 0, 0.26);
}
.md-input-wrapper-count {
  padding-bottom: 24px;
}
.md-input-wrapper-count .md-input-bar {
  bottom: 24px;
}
.md-input-wrapper-count .text-count-wrapper {
  font-size: 12px;
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}
.md-input-wrapper-count > .md-input-wrapper-count .text-count-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
}
.md-input-filled > label,
.md-input-focus > label {
	/*
     top: -6px;
    font-size: 0.7rem;
    line-height: 0.7rem;
    background: #fff;
    padding: 0 4px;
	*/
	top: -10px;
    font-size: 0.75rem;
    line-height: 0.85rem;
    background: #fff;
    padding: 0 4px;
    color: var(--dark);
} 
 .md-input::placeholder {  
} 
 .md-input-focus > .md-input::placeholder {  
 padding-inline-start:0px;
}
.md-input-filled.md-input-wrapper-count .text-count-wrapper,
.md-input-focus.md-input-wrapper-count .text-count-wrapper {
  opacity: 1;
}
.md-input-focus .md-input-bar:before,
.md-input-focus .md-input-bar:after {
  width: 50%;
}
.md-input-wrapper-danger .md-input-bar:before,
.md-input-wrapper-danger .md-input-bar:after {
  background: var(--danger);
}
.md-input-wrapper-danger.md-input-wrapper-count .text-count-wrapper {
  color: var(--danger);
}
.md-input-wrapper-success .md-input-bar:before,
.md-input-wrapper-success .md-input-bar:after {
  background: #7cb342;
}
.md-input-wrapper-success.md-input-wrapper-count .text-count-wrapper {
  color: #7cb342;
}
.md-form-group {
  position: relative;
}
label.md-label {
  color: #999;
  padding: 0 6px;
  font-size: 11px;
}
.add-clear-span {
  display: block;
}
.add-clear-span input {
  padding-inline-end: 24px !important;
}
.add-clear-span a {
  top: 12px !important;
  right: auto !important;
  left: 4px !important;
}
.add-clear-span a .material-icons {
  font-size: 20px;
}
.material-icons {
 /* font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;*/
  font-size: 16px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  text-transform: none;
  letter-spacing: normal;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  color: rgba(0, 0, 0, 0.54);
}
.material-icons.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}
.material-icons.md-16 {
  font-size: 16px !important;
  vertical-align: middle;
}
.material-icons.md-18 {
  font-size: 18px !important;
  vertical-align: -4px;
}
.material-icons.md-24 {
  font-size: 24px !important;
  vertical-align: -8px;
}
.material-icons.md-36 {
  font-size: 36px !important;
  vertical-align: -16px;
}
.material-icons.md-48 {
  font-size: 48px !important;
  vertical-align: -24px;
}
.material-icons.md-light {
  color: #ffffff;
}
.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}
/* list */
.md-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.md-list > li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.md-list,
.md-list:before,
.md-list:after,
.md-list *,
.md-list *:before,
.md-list *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.md-list .uk-nestable-list > li,
.md-list > li {
  min-height: 48px;
  padding: 8px 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  position: relative;
}
.md-list .uk-nestable-list > li > .md-list-content,
.md-list > li > .md-list-content {
  overflow: hidden;
}
.md-list .uk-nestable-list > li > .md-list-content > span,
.md-list > li > .md-list-content > span {
  display: block;
}
.md-list .uk-nestable-list > li > .md-list-content .md-list-heading,
.md-list > li > .md-list-content .md-list-heading {
  margin: 0;
  font-weight: 500;
  display: block;
  overflow: hidden;
  padding-bottom: 1px;
}
.md-list .uk-nestable-list > li > .md-list-content .md-list-menu,
.md-list > li > .md-list-content .md-list-menu {
  float: right;
}
.md-list .uk-nestable-list > li > .md-list-content .md-list-menu .md-list-menu-toggle,
.md-list > li > .md-list-content .md-list-menu .md-list-menu-toggle {
  display: block;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.8);
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  text-align: center;
}
.md-list .uk-nestable-list > li > .md-list-content .uk-badge,
.md-list > li > .md-list-content .uk-badge {
  float: right;
  color: #fff !important;
}
.md-list .uk-nestable-list > li > .md-list-content .md-list-action,
.md-list > li > .md-list-content .md-list-action {
  float: right;
  margin-inline-end: 8px;
  margin-top: 2px;
  display: none;
}
.md-list .uk-nestable-list > li > .md-list-content .md-list-action-placeholder,
.md-list > li > .md-list-content .md-list-action-placeholder {
  float: right;
  margin-inline-end: 8px;
  display: none;
  width: 32px;
  height: 32px;
}
.md-list .uk-nestable-list > li .md-list-action-dropdown,
.md-list > li .md-list-action-dropdown {
  position: absolute;
  right: 16px;
  top: 10px;
  display: none;
}
.md-list .uk-nestable-list > li > a.md-list-content,
.md-list > li > a.md-list-content {
  display: block;
  color: var(--dark);
}
.md-list .uk-nestable-list > li:last-child,
.md-list > li:last-child {
  border-bottom: none;
}
.md-list .uk-nestable-list > li.md-list-item-active,
.md-list > li.md-list-item-active {
  color: #7cb342;
  background: #ededed;
}
.md-list .uk-nestable-list > li.md-list-item-disabled > .md-list-content,
.md-list > li.md-list-item-disabled > .md-list-content {
  color: #bdbdbd;
}
.md-list .uk-nestable-list > li.md-list-item-disabled > .md-list-content span,
.md-list > li.md-list-item-disabled > .md-list-content span {
  color: #bdbdbd !important;
}
.md-list .uk-nestable-list > li.heading_list,
.md-list > li.heading_list {
  min-height: 32px;
  padding: 32px 8px 16px;
  border-bottom: none;
  background: transparent !important;
  text-transform: uppercase;
}
.uk-touch .md-list .uk-nestable-list > li > .md-list-addon-element .uk-nestable-handle,
.uk-touch .md-list > li > .md-list-addon-element .uk-nestable-handle,
.md-list .uk-nestable-list > li:hover > .md-list-addon-element .uk-nestable-handle,
.md-list > li:hover > .md-list-addon-element .uk-nestable-handle {
  display: block;
}
.uk-touch .md-list .uk-nestable-list > li > .md-list-content .md-list-action,
.uk-touch .md-list > li > .md-list-content .md-list-action,
.md-list .uk-nestable-list > li:hover > .md-list-content .md-list-action,
.md-list > li:hover > .md-list-content .md-list-action,
.uk-touch .md-list .uk-nestable-list > li > .md-list-content .md-list-action-placeholder,
.uk-touch .md-list > li > .md-list-content .md-list-action-placeholder,
.md-list .uk-nestable-list > li:hover > .md-list-content .md-list-action-placeholder,
.md-list > li:hover > .md-list-content .md-list-action-placeholder {
  display: block;
}
.uk-touch .md-list .uk-nestable-list > li .md-list-action-dropdown,
.uk-touch .md-list > li .md-list-action-dropdown,
.md-list .uk-nestable-list > li:hover .md-list-action-dropdown,
.md-list > li:hover .md-list-action-dropdown {
  display: block;
}
.md-list .uk-nestable-list > li {
  margin-inline-end: 64px;
}
.md-list-addon > li {
  margin-inline-end: 64px;
  position: relative;
}
.md-list-addon > li:last-child .md-list-addon-element {
  border-bottom: none;
  bottom: 0;
}
.md-list-addon > li:first-child .md-list-addon-element {
  top: 0;
}
.md-list-addon > li.md-list-item-active .md-list-addon-element,
.md-list-addon > li.md-list-item-active .md-list-addon-element .material-icons {
  color: #7cb342;
}
.md-list-addon-element {
  position: absolute;
  left: -64px;
  top: -1px;
  bottom: -1px;
  width: 64px;
  text-align: center;
  padding: 8px 0;
  display: block;
}
.md-list-addon-element .element-status {
  position: absolute;
  right: 12px;
  top: 10px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #bdbdbd;
  border: 1px solid #fff;
}
.md-list-addon-element .element-status-danger {
  background: var(--danger);
}
.md-list-addon-element .element-status-success {
  background: #7cb342;
}
.md-list-addon-element .element-status-warning {
  background: #ffa000;
}
.md-list-addon-element > .md-list-addon-avatar {
  margin-top: 2px;
}
.md-list-addon-element > .md-list-addon-icon {
  font-size: 28px;
  margin-top: 4px;
  color: var(--muted2);
}
.md-list-addon-element > .material-icons {
  margin-top: 6px;
}
.md-list-addon-element .iradio_md,
.md-list-addon-element .icheckbox_md {
  margin-top: 10px;
}
.md-list-addon-element .uk-nestable-handle {
  position: absolute;
  left: -2px;
  top: 12px;
  display: none;
}
.md-list-interactive li {
  cursor: pointer;
}
.md-list-bg {
  background: #fff;
}
.md-list-separated li {
  background: #fff;
  padding: 8px;
}
.md-list-separated li + li {
  border-top: none;
  margin-top: 8px;
}
.md-list-bg-no-sep {
  background: #fff;
  padding: 8px;
}
.md-list-bg-no-sep li > .md-list-content {
  padding: 0 4px;
}
.md-list-outside > li {
  padding: 0;
}
.md-list-outside > li > .md-list-content {
  padding: 8px 16px;
  display: block;
  color: var(--dark);
}
.md-list-outside > li.md-list-item-active,
.md-list-outside > li:hover:not(.heading_list) {
  background: rgba(0, 0, 0, 0.085);
}
.md-list-outside > li.heading_list {
  padding: 32px 16px 16px;
}
.md-list-outside.md-list-addon li {
  margin-inline-end: 0;
}
.md-list-outside.md-list-addon li .md-list-addon-element {
  position: relative;
  top: auto;
  left: auto;
  float: left;
}
.md-list-outside.md-list-addon li .md-list-content {
  padding-inline-end: 0;
}
.md-list-outside-wrapper {
  position: relative;
}
.md-list-outside-wrapper .md-list-outside-search {
  position: absolute;
  top: -46px;
  left: 16px;
  right: 16px;
  z-index: 1000;
}
.md-list-outside-wrapper .md-list-outside-search .md-input-wrapper {
  padding: 0;
}
.md-list-outside-wrapper .md-list-outside-search .md-input-wrapper .md-input-bar:before,
.md-list-outside-wrapper .md-list-outside-search .md-input-wrapper .md-input-bar:after {
  background: #fff;
}
.md-list-outside-wrapper .md-list-outside-search .md-input {
  border-bottom-color: transparent !important;
}
.md-list .uk-nestable-list {
  padding-inline-end: 0;
}
.md-list .uk-nestable-list .uk-nestable-item {
  padding-inline-start: 0;
}
.md-list .uk-nestable-item + .uk-nestable-item {
  margin-top: 0;
}
.md-list-right.md-list-addon > li {
  margin-inline-end: 0;
  margin-inline-start: 64px;
}
.md-list-right.md-list-addon > li .md-list-addon-element {
  left: auto;
  right: -64px;
}
.uk-touch .md-list-addon-element .uk-nestable-handle {
  display: block !important;
}
.uk-touch .md-list-content .md-list-action,
.uk-touch .md-list-content .md-list-action-placeholder {
  display: block !important;
}
.uk-touch .md-list-action-dropdown {
  display: block !important;
}
/* panels */
.md-panel-full {
  position: relative;
  overflow: hidden;
  min-height: 100%;
}
.md-panel-full,
.md-panel-full:before,
.md-panel-full:after,
.md-panel-full *,
.md-panel-full *:before,
.md-panel-full *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.md-panel-full > .uk-grid {
  height: 100%;
}
.md-panel-full > .uk-grid [class*=uk-width] {
  height: 100%;
}
.md-panel-full .md-panel-full-aside {
  margin: 16px 16px 32px;
  padding: 16px;
}
.md-panel-full .md-panel-full-aside.md-panel-full-aside-bg {
  background: #fff;
}
.md-panel-full .md-panel-full-content {
  background: #fff;
  padding: 25px 25px 90px;
  width: inherit;
  min-width: 100%;
  min-height: 100%;
}
.md-panel-full .md-panel-full-content > .md-panel-full-content-inner {
  position: relative;
  z-index: 10;
}
.md-panel-full .md-panel-full-content:before {
  width: inherit;
  content: '';
  position: absolute;
  background: #fff;
  display: block;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
  z-index: 5;
}
.md-panel-full .md-panel-full-content .md-panel-full-content-header {
  margin-bottom: 24px;
}
.md-panel-full .md-panel-full-content .md-panel-full-content-header .md-panel-full-content-menu {
  float: right;
}
/* top bar */
.md-top-bar .md-top-bar-checkbox {
  padding-top: 10px;
}
.md-top-bar .md-top-bar-icons {
  margin-top: 5px;
}
.md-top-bar .md-top-bar-icons,
.md-top-bar .md-top-bar-checkbox {
  display: inline-block;
}
.md-top-bar .md-btn-group {
  margin-top: 4px;
}
.md-top-bar .md-top-bar-actions-left {
  float: left;
  padding-inline-end: 16px;
}
.md-top-bar .md-top-bar-actions-left .md-btn-group {
  margin-inline-end: 8px;
}
.md-top-bar .md-top-bar-actions-right {
  float: right;
  padding-inline-start: 16px;
}
.md-top-bar .md-top-bar-actions-right .md-btn-group {
  margin-inline-start: 8px;
}
.md-top-bar .md-btn-small {
  padding: 2px 12px;
}
/*** utils ***/
/* avatar */
.md-user-image {
  width: 34px;
  border-radius: 50%;
}
.md-user-image-large {
  width: 82px;
  border-radius: 50%;
}
.md-user-placeholder {
  background-color: rgba(0, 0, 0, 0.085);
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.md-user-letters {
  display: inline-block;
  line-height: 35px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.085);
}
/* icons */
.md-icon {
  font-size: 16px;
  line-height: 28px !important;
  height: 28px !important;
  color: var(--muted2);
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: background 280ms ease-out, color 280ms ease-out;
  transition: background 280ms ease-out, color 280ms ease-out;
  width: 28px !important;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.md-icon:hover,
.md-icon:focus,
.md-icon:active,
.md-icon.active {
  color: var(--dark);
  background: rgba(0, 0, 0, 0.08);
}
.md-icon-light {
  color: #fff;
}
.md-icon-light:hover,
.md-icon-light:focus,
.md-icon-light:active {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
}
.md-icon-dark {
  color: var(--dark);
}
.md-icon-dark:hover,
.md-icon-dark:focus,
.md-icon-dark:active {
  color: var(--dark);
  background: rgba(255, 255, 255, 0.6);
}
.md-icon + .md-icon {
  margin-inline-end: 4px;
}
.md-icon-btn {
  display: inline-block;
}
.md-icon-btn.active .md-icon {
  color: var(--dark);
  background: rgba(0, 0, 0, 0.08);
}
button.md-icon {
  background: none;
  border: none;
  outline: none;
}
.uk-open > .md-icon {
  color: var(--dark);
  background: rgba(0, 0, 0, 0.08);
}
.uk-open > .md-icon-light {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
}
.uk-open > .md-icon-dark {
  color: var(--dark);
  background: rgba(255, 255, 255, 0.6);
}
/* dropdown list */
.md-list-inputs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.md-list-inputs > li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.md-list-inputs li + li {
  margin-top: 8px;
}
.md-list-inputs li .icheckbox_md {
  float: left;
}
.md-list-inputs li label {
  overflow: hidden;
  padding-inline-end: 8px;
  display: block;
  cursor: pointer;
}
/* hr */
.md-hr {
  margin: 32px 0;
  height: 0;
  border-top: 2px solid rgba(0, 0, 0, 0.12);
}
/* animated show */
@-webkit-keyframes hierarchical_show {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.2, 0.2, 2);
    transform: scale3d(0.2, 0.2, 2);
  }
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes hierarchical_show {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.2, 0.2, 2);
    transform: scale3d(0.2, 0.2, 2);
  }
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.hierarchical_show {
  will-change: transform, opacity;
}
.hierarchical_show > * {
  visibility: hidden;
}
.hierarchical_show_inView > * {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-duration: 560ms;
  animation-duration: 560ms;
  -webkit-animation-name: hierarchical_show;
  animation-name: hierarchical_show;
  visibility: visible;
}
@-webkit-keyframes hierarchical_slide {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 160%, 0);
    transform: translate3d(0, 160%, 0);
  }
  33% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes hierarchical_slide {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 160%, 0);
    transform: translate3d(0, 160%, 0);
  }
  33% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.hierarchical_slide {
  will-change: transform, opacity;
}
.hierarchical_slide > * {
  visibility: hidden;
}
.hierarchical_slide_inView > * {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-duration: 560ms;
  animation-duration: 560ms;
  -webkit-animation-name: hierarchical_slide;
  animation-name: hierarchical_slide;
  visibility: visible;
}
.fast_animation {
  -webkit-animation-duration: 280ms;
  animation-duration: 280ms;
}
.md-fab-wrapper {
    left: 24px;
    right: auto;
	bottom: 45px;
}
 .md_50 .md-fab {
	width: 54px!important;
    height: 54px!important;
 }
 .md_50 .md-fab i{
	  font-size: 30px;
    line-height: 54px;
 }
 .md_back {
    right: auto;
    left: 120px;
    bottom: 40px;
}
.md-fab.md-fab-back {
    background: var(--kg-blue-md);
    height: 42px;
    width: 42px;
}
.md-fab-back > i {
    font-size: 22px;
    line-height: 42px;
	 color:#f1f1f1;
}
.md-fab-back,
.md-fab-back:hover,
.md-fab-back:focus,
.md-fab-back:active {
  background:  var(--kg-blue-md);
  color:#fff;
}
.md-close
{
	min-width:20px;
box-shadow:none;
padding:0px 0 0 1rem;
min-height:20px;
color:var(--muted);
}
.md-close:hover,
.md-close:focus,
.md-close:active,
.uk-button-dropdown.uk-open > .md-close {
	box-shadow:none;
	 color: var(--primary)
}
.md-input-wrapper input:disabled
{
	background: var(--bg-light);
    color: var(--muted);
	border-width:1px;
	
	color: var(--dark);
    font-weight: 400;
	    padding-inline-start: 12px;
}
.card-title {
    margin-bottom: 0;
}