.model-content {
    position: fixed;
    top: 5%;
    max-height: 90%;
    overflow: auto;
    margin-left: 0px !important;
    max-width: 90vw !important;
    left: 5%;
    right: 5%;
    padding: 10px;
}
.modal.fade.in .modal-header,
header.modal-header {
	background: #014efa;
    color: white;
}
.blue .ui-jqdialog .ui-jqdialog-titlebar {
    background: #014df8;
}
.modal.fade.in .modal-header button,
header.modal-header button {
	color: white;
	opacity: 0.5;
}
.ui-icon.ui-icon-closethick {
    background-image: url('../img/icons2.0/xmark-solid-white.svg') !important;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center !important;
    display: inline-block;
    width: 28px;
    height: 28px;    
    cursor: pointer;
    margin-top: 0px !important;
    text-align: center;
    line-height: 28px;
}
.ui-widget.ui-widget-content.ui-corner-all.ui-jqdialog.jqmID1{
	border-radius: 10px;
    padding: 0px !important;
}
.ui-icon.ui-icon-closethick:hover {
    background-image: url('../img/icons2.0/xmark-solid-white.svg') !important;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center !important;
    display: inline-block;
    width: 28px;
    height: 28px;    
    cursor: pointer;
    margin-top: 0px !important;
    text-align: center;
    line-height: 28px;
}
.ui-dialog-titlebar-close.ui-corner-all{
	margin-right: 8px;
}
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{
    background: #014EFA;
    color: white;
    border-radius: 4px 4px 0 0;
    border: none !important;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    gap: 5px;
    padding: 15px !important;
}
.ui-dialog.ui-widget.ui-widget-content{
    box-sizing: inherit;
    border: 0px;
    border-radius: 4px;
    overflow: visible;
}
.ui-dialog-buttonpane.ui-dialog-buttonset {
    display: inline-block;
    justify-content: space-between; 
    width: 100%; 
}
.ui-dialog-buttonset button:first-child {    
    border-radius: 3px !important;
    padding: 10px 14px 10px 14px !important;
    background-color: #014EFA !important;
    color: white !important;
    box-sizing: border-box;
    background-image: none !important;
    font-weight: 700 !important;
}
.ui-dialog-buttonset button {
	height: 40px;
}
.ui-dialog-buttonset button:first-of-type,
.ui-dialog-buttonset button:first-of-typ:hover {
	color: white;
    background-color: #014EFA !important;
    border: 1px solid #014EFA;
}
.ui-dialog-buttonset button:last-of-type,
.ui-dialog-buttonset button:last-of-type:hover {
	color: black !important;
	background-color: transparent !important;	
}
.custom-info-text {
    background: #dae5ff;
    color: #014efa;
    display: block;
    text-align: left !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 0px 5px 10px 5px;    
}
.blue button.ui-state-default:hover, .blue button.ui-state-active, .blue .ui-buttonset label.ui-state-active {
    background-color: #014efa !important;
    color: white !important;
    border: 1px solid #014efa !important;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix{
	border: none !important;
}
.ui-multiselect li a.action span{
	border-radius: none !important;
	border: none !important;
}
.actions.ui-widget-header.ui-helper-clearfix{
	background: white;
	border:none !important; 
	color: black !important;
}
.ui-multiselect.ui-helper-clearfix.ui-widget{
	border:1px solid #DADDE0 !important;
	padding: 2px !important;	
}
.ui-multiselect .remove-all{
	color: black !important;
	width: 119;
	height: 30;
	border-radius: 3px;
	border-width: 1px;
	gap: 6px;
	padding: 2.5px 3.5px 2.5px 3.5px !important;
	border: 1px solid #DADDE0;
	margin-right: 2px;
}
.ui-multiselect .add-all{
	color: black !important;
	width: 119;
	height: 30;
	border-radius: 3px;
	border-width: 1px;
	gap: 6px;
	padding: 2.5px 3.5px 2.5px 3.5px !important;
	border: 1px solid #DADDE0;
}
.ui-multiselect .available{
	border-left-color: #DADDE0 !important;
}
.available.connected-list{    
	border-width: 1px;
	padding: 4px;
	border: 1px solid #DADDE0;
}
.ui-state-default, .ui-sortable > .ui-widget-content .ui-state-default {
	background-color: white !important;
}
.ui-slider-handle.ui-state-default.ui-corner-all {
   background-color: black !important; 
}
.fbutton4Icon {
    background-image: url('../img/icons2.0/line-next.svg') !important;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center !important;
    display: inline-block;
    width: 30px !important;
    height: 30px !important;
    border-radius: 5px;
    background-color: #f1f1f1;    
    cursor: pointer;
    margin-top: 0px !important;
    text-align: center;
    line-height: 40px;
}
.fbutton4Icon:hover {
    background-color: #e0e0e0;
    border-color: #bbb;
}
.fbutton3Icon{
    background-image: url('../img/icons2.0/file-circle-plus-solid.svg') !important;
    background-size: 48% auto;
    background-repeat: no-repeat;
    background-position: center !important;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: #f1f1f1 !important;
    cursor: pointer;
    margin-top: 0px !important;
    text-align: center;
    line-height: 40px;
}
.fbutton3Icon:hover {
    background-color: #e0e0e0;
    border-color: #bbb;
}
.fbutton2Icon{
    background-image: url('../img/icons2.0/trash-solid.svg') !important;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center !important;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: #f1f1f1;    
    cursor: pointer;
    margin-top: 0px !important;
    text-align: center;
    line-height: 40px;
}
.fbutton2Icon:hover {
    background-color: #e0e0e0;
    border-color: #bbb;
}
.delete-rule.ui-del{
	background-image: url('../img/icons2.0/trash-solid.svg') !important;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center !important;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: #f1f1f1;    
    cursor: pointer;
    margin-top: 0px !important;
    text-align: center;
    line-height: 40px;
}
.add-rule.ui-add{
	background-image: url('../img/icons2.0/circle-plus-solid-blue.svg') !important;
    background-size: 47% auto;
    background-repeat: no-repeat;
    background-position: center !important;
    display: inline-block;
    width: 40px !important;
    border-radius: 5px;
    background-color: #f1f1f1;    
    cursor: pointer;
    margin-top: 0px !important;
    text-align: center;
    line-height: 40px;
}
.delete-rule.ui-del:hover {
    background-color: #e0e0e0;
    border-color: #bbb;
}
.fm-button.ui-state-default.ui-corner-all.fm-button-icon-right.ui-reset{
	float:right;
    border-radius: 3px !important;
    padding: 5px 7px 5px 5px !important;
    background-color: #014EFA !important;
    color: white !important;
    box-sizing: border-box;
    background-image: none !important;
    font-weight: 700 !important;
}
.fm-button.ui-state-default.ui-corner-all.fm-button-icon-left.ui-search{
	float: left;
    border-radius: 3px !important;
    padding: 5px 7px 5px 7px !important;
    background: #E9ECED !important;
    color: black !important;
    font-weight: 700 !important;
}
    
.ui-datepicker .ui-state-hover .ui-icon{
	background-image: inherit !important;
}
.ui-datepicker .ui-datepicker-header .ui-state-default, .ui-datepicker .ui-datepicker-header .ui-state-hover{
	background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center !important;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 5px;    
    cursor: pointer;
    margin-top: 0px !important;
    text-align: center;
    line-height: 40px;
	transform: none;
	transition: none;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{
	background: #014EFA !important;
    color: white;
    border-radius: 3px 3px 0px 0px !important;
    border: none !important;   
}
.ui-slider-handle.ui-state-default.ui-corner-all{
	color: black !important;
}
.ui-datepicker-calendar .ui-state-hover {
    background-color: #014EFA !important;
    border-color: #014EFA !important;
    color: #ffffff !important;
}
.ui-datepicker-next-hover{
	background-image: url('../img/icons2.0/caret-right-solid.svg') !important;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center !important;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 5px;   
    cursor: pointer;
    margin-top: 0px !important;
    text-align: center;
    line-height: 40px;
}
.ui-datepicker-prev-hover{
    background-image: url('../img/icons2.0/caret-left-solid.svg') !important;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center !important;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 5px;    
    cursor: pointer;
    margin-top: 0px !important;
    text-align: center;
    line-height: 40px;
}
.ui-icon.ui-icon-circle-triangle-w{
    background-image: url('../img/icons2.0/caret-left-solid.svg') !important;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center !important;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 5px;    
    cursor: pointer;
    margin-top: 0px !important;
    text-align: center;
    line-height: 40px;
}
.ui-icon.ui-icon-circle-triangle-e{
    background-image: url('../img/icons2.0/caret-right-solid.svg') !important;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center !important;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 5px;   
    cursor: pointer;
    margin-top: 0px !important;
    text-align: center;
    line-height: 40px;
}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{
	border-radius: 3px!important;
	border-color: #aaa !important;
	border: 1px solid #aaa !important;
}
.blue button.ui-state-active, .blue .ui-buttonset label.ui-state-active{
	background-color: #014EFA !important;
	border: 1px solid #014EFA !important;
}
.blue button.ui-state-default:hover {
	border: initial!important;
}
.blue .ui-datepicker-calendar .ui-state-active{
	background-color: #014EFA !important;
	border: 1px solid #014EFA !important;
}
.ui-datepicker .ui-datepicker-next{
	width: auto !important;
	height: auto !important;
}
.blue input[type="text"]:focus{
	border-color: #014EFA !important;
	box-shadow: none !important;
}
.blue .btn-secondary {
    color: #014EFA;
}
.noty_message {
    display: flex;
    flex-flow: column;
    grid-gap: 20px;
    padding: 20px !important;
}
.noty_message .noty_buttons {
    margin: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.noty_message .noty_buttons button {
	width: 100%;
}
.noty_message .noty_buttons button.btn-secondary {
	color: #333;
}
.modal-body label.radio {
	align-items: center;
    display: flex;
    grid-gap: 10px;
    min-height: initial;
    padding-left: initial;
}
.modal-body label.radio input[type="radio"] {
	float: initial;
	margin-left: 0px;
}