@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}



.x-mask {
    background-color: unset;
    opacity: 1
}
.x-mask-msg{
       background:none;
       opacity: 1;
    }

    .x-mask-msg-inner{
   
       padding:14px;
       
       background-image:url(files/spinner.svg);
       animation: rotation  1s infinite linear;
       background-repeat:no-repeat;
       background-size: contain;
    }
    .x-mask-msg-text{
       display:none;
       background-image:none;
    }

.x-keyboard-mode .x-mask.x-focus {
 
    border-width: 0px;
 
}


.x-calendar-panel .x-box-inner {
	height:30px !important;
}
.x-calendar-panel .x-toolbar-default{
	padding: 0px;
}
.x-calendar-panel .x-btn-button-default-toolbar-small{
	height: 28px;
	min-width: 25px;
}

.x-datepicker-disabled .x-datepicker-date {
    background-color: unset;
    cursor: default;
    color: white;
}

.x-form-text-default.x-form-textarea {
    line-height: 17px;
padding-top : 4px;
}

.x-uni-grid-cell-normal .x-grid-cell-inner {
    white-space: pre-line;
}

.x-tool-over .x-tool-close {
    color: #ffffff !important;
}

.x-tool-over .x-tool-minimize {
    color: #ffffff !important;
}

.x-tool-over .x-tool-maximize {
    color: #ffffff !important;
}

.x-tool-over .x-tool-restore {
    color: #ffffff !important;
}


.x-form-trigger-wrap-default {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border-color: #e5e5e5 !important;
    box-shadow: inset 0px -1px #c3c3c4;
    background-color: #fbfbfb !important;
}

.x-form-trigger-wrap-focus, .x-form-trigger-wrap-focus:hover {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border-color: #e5e5e5 !important;
    box-shadow: inset 0px -1px #0072dc;
    background-color: #fbfbfb !important;
}

.x-tab.x-tab-disabled.x-tab-default {
    background-color: unset;
}

.x-btn-wrap-default-toolbar-large.x-btn-split-right:after {
    width: 20px;
    content: '\f0d7';
    font: 16px / 1 'Font Awesome 5 Free';
    color: #1a1a1a;
    padding-left: 3px;
}

.x-tab.x-tab-active.x-tab-default, .x-tab-focus.x-tab-active.x-tab-default {
    background-color: #ffffff !important;
    border-color: #ffffff!important;
}

@keyframes expandWidth {
    from {
        width: 0
    }

    to {
        width: 50%
    }
}

@keyframes collpaseWidth {
    from {
        width: 50%
    }

    to {
        width: 0px
    }
}

.x-tab-default::before, .x-tab-active::before {
    content: '';
    height: 3px;
    background-color: #0072dc;
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%);
    border-radius: 5px;
}

.x-tab-default::before {
    width: 0px;
    animation-name: collpaseWidth;
    animation-duration: 0.3s;
}

.x-tab-active::before {
    width: 50%;
    animation-name: expandWidth;
    animation-duration: 0.5s;
}


.zMainRibbon{
	
}


.x-form-trigger-wrap-default {
    background-color: white !important;
}

.x-form-trigger-wrap-default:hover {
	background-color: white !important;
}

.x-panel-body-default {
    background: #f5f5f5;
}

.x-fieldset-default {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border-color: #dfdfdf;
}

.zMainRibbon .x-panel-body-default {


	background-color:#f8f8f8;
}

.zMainContainer .x-panel-body-default {


}

.zMainContainer .x-grid-body {
	border-radius: 0px;
}

.fade-in-left {
  animation: fade-in-left 0.5s ease;
}
@keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.zMainRibbon .x-panel{
   
    animation: fade-in-left 0.5s;

}

.x-panel .x-panel-default .x-hidden-offsets{
   
    animation: fadeOut 1s;

}





.x-tool-restore:before {
    content: '\f066';
}
.x-tool-restore {
    font: 16px/1.8 'Font Awesome 5 Free';
    background: none;
}
.x-tool-minimize:before {
    content: "\e608";
}
.x-tool-minimize {
    font: 16px/1.8 ExtJS;
    background: none;
}

.x-tool-maximize:before {
    content: '\f065';
}
.x-tool-close:before {
    content: '\f00d';
}
.x-tool-pressed .x-tool-tool-el {
     opacity: 1; 
}
.x-tool-maximize {
    font: 16px/1.8 'Font Awesome 5 Free';
    background: none;
}
.x-tool-close {
    font: 16px/1.8 'Font Awesome 5 Free';
    background: none !important;
}




.x-btn-inner-default-toolbar-large {
    font: 12px/20px helvetica, arial, verdana, sans-serif;
    color: #646464;
    padding: 0 10px;
    max-width: 100%;
    line-height: normal;
	margin-top: 5px;
}

.x-panel-body-default{
	font-size: 12px;
}





	
.x-form-text-default {

	font: 400 12px/18px '-apple-system', 'Helvetica Neue', helvetica, arial, sans-serif;
}		


.x-form-item-label-default {
    
	font: 400 12px/18px '-apple-system', 'Helvetica Neue', helvetica, arial, sans-serif;
}

.x-boundlist-item {

	font: 400 12px/30px '-apple-system', 'Helvetica Neue', helvetica, arial, sans-serif;
}

.x-boundlist-item img{
	vertical-align: middle;
	margin-top: 0px !important;
}

.x-grid-item{
	
	font: 400 12px/17px '-apple-system', 'Helvetica Neue', helvetica, arial, sans-serif;
}

.x-btn-default-large .x-btn-inner {
    font: normal 12px tahoma, arial, helvetica, sans-serif;
}

.x-btn-default-medium .x-btn-inner {
    font: normal 12px tahoma, arial, helvetica, sans-serif;
}

.x-btn-default-small .x-btn-inner {
    font: normal 12px tahoma, arial, helvetica, sans-serif;
}

.x-form-cb-label-default {
    
    font-size: 12px;

}

.x-uni-checkcolumn-absolute {
    margin-top: 2px;
}

@media screen and (max-width: 950px)
{

body > .x-mask {
    background-image: none;
    background-color: unset;
}


.x-uni-checkcolumn-absolute {
    margin-top: 9px;
}
	
.zPageControlMM .x-tab-bar-default {
    padding: 0px 0px 0 0px;
}

.zPageControlMM .x-tab-default::before, .zPageControlMM .x-tab-active::before {
    content: '';
    height: 3px;
    display: block;
    position: absolute;
    top: 77px;
    left: 50%;
	
    transform: translate(-50%);
    border-radius: 5px;
}

.zPageControlMM .x-tab.x-tab-active.x-tab-default, .zPageControlMM .x-tab-focus.x-tab-active.x-tab-default, .zPageControlMM .x-tab-focus.x-tab-over.x-tab-default, .zPageControlMM .x-tab-bar-strip-default {
    background-color: #f6f6f6 !important;
}

.zPageControlMM .x-tab-wrap {
    height: unset;
	
}

.zPageControlMM .x-tab-inner-default {
    white-space:normal !important;
	line-height:1 !important;
}

.zPageControlMM .x-tab-default {
    padding: 8px 1px 8px 1px;
	background-color: unset;
}

.x-box-scroller-tab-bar-default {
    background-color: #f5f5f5;
}
	
.x-tab-bar-plain.x-tab-bar-default-bottom > .x-tab-bar-body-default {
    padding: 1px 0 0px 0;
	background-color:#f6f6f6;
}
.x-tab-icon-top > .x-tab-icon-el-default, .x-tab-icon-bottom > .x-tab-icon-el-default {
    min-height: 32px;
}

.x-calendar-days .x-calendar-days-time {
    height: 80px;
}

.x-calendar-days .x-calendar-days-marker {
    height: 80px;
}

.x-calendar-days .x-calendar-days-marker-alt {
    height: 40px;
}

.x-window-header-default-top {
  
    padding: 0;
    padding-top: 0px;
    padding-right: 14px;
    padding-bottom: 0px;
    padding-left: 14px;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
    
}

.x-tool-restore {
    font: 16px/2.5 'Font Awesome 5 Free';
}

.x-tool-minimize {
    font: 16px/2.5 ExtJS;
}

.x-tool-maximize {
    font: 16px/2.5 'Font Awesome 5 Free';
}
.x-tool-close {
    font: 16px/2.5 'Font Awesome 5 Free';
}
	
.x-grid-locked .x-grid-inner-locked {
    border-width: 0 1px 0 0;
}
.x-grid-scrollbar-clipper-locked, .x-grid-scrollbar-locked {
    border-width: 0 1px 0 0;
}
.x-grid-with-col-lines .x-grid-cell {
    border-width: 0 0px 0 0;
}

.x-btn-button-default-medium {
     min-height: unset;
}

.x-form-text-default {
min-height: 24px;
font: 400 14px/18px '-apple-system', 'Helvetica Neue', helvetica, arial, sans-serif;

}
.x-form-trigger-default {
    width: 40px;
	font: 16px/25px 'Font Awesome 5 Free';
}
.x-form-file-btn {
	width: 100% !important;
	
}	
.x-form-layout-auto-label > * > .x-form-item-label > .x-form-item-label-inner {
    width: 100px !important;
    white-space: nowrap;
}
	
.x-panel-default-outer-border-rl{
	border-width: 0px !important;
	border-right-width: 0px !important;
}
.x-panel-default-outer-border-trbl {
    border-color: #b9b9b9 !important;
    border-width: 0px !important;
	border-right-width: 0px !important;
	border-left-width: 0px !important;
}
	
.x-fieldset-default {
 
    border-radius: 0px;
    border: unset;
    margin-top: 5px !important;	
	padding: 10px;
    background: transparent;

}


.x-btn-inner-default-toolbar-large {
	font-size: 14px;
	line-height: 30px;
	font-family: '-apple-system', 'Helvetica Neue', helvetica, arial, sans-serif;
	margin-top: 0px;
	}
		
.x-grid-cell-inner {    
    padding: 16px 10px 10px 16px;
	font-family: '-apple-system', 'Helvetica Neue', helvetica, arial, sans-serif;
	
	}
	
.x-grid-row .x-grid-cell-selected .x-grid-cell-inner {
     background: #cbe6ff !important;
	 font-family: '-apple-system', 'Helvetica Neue', helvetica, arial, sans-serif;
	}
	
.x-grid-row .x-grid-cell-selected {
    background-color: #cbe6ff !important;
	font: 400 14px/18px '-apple-system', 'Helvetica Neue', helvetica, arial, sans-serif;
	}
	
	
  .x-grid-item-selected  {
     border-color: #a42525; 
     background-color: #cbe6ff !important; 
}	

.x-form-item-label-default {
    
	font: 400 14px/11px '-apple-system', 'Helvetica Neue', helvetica, arial, sans-serif;
	width: 105px !important;
}

.x-boundlist-item {

	font: 400 14px/40px '-apple-system', 'Helvetica Neue', helvetica, arial, sans-serif;
}

.x-grid-item{
	
	font: 400 14px/18px '-apple-system', 'Helvetica Neue', helvetica, arial, sans-serif;
}

.x-btn-default-large .x-btn-inner {
    font: normal 14px tahoma, arial, helvetica, sans-serif;
}

.x-btn-default-medium .x-btn-inner {
    font: normal 14px tahoma, arial, helvetica, sans-serif;
}

.x-btn-default-small .x-btn-inner {
    font: normal 14px tahoma, arial, helvetica, sans-serif;
}

.x-form-cb-label-default {
    
    font-size: 14px;

}
	
.x-btn-icon-left > .x-btn-icon-el-default-large, .x-btn-icon-right > .x-btn-icon-el-default-large {
    width: 32px;
}	


}




.x-btn-text.x-btn-icon-top > .x-btn-icon-el-default-toolbar-large {
    margin-bottom: unset;
}


.x-btn-button.x-btn-icon-top, .x-btn-button.x-btn-icon-bottom {
    
    margin-top: 4px;
    justify-content: unset;
}


.x-btn-default-toolbar-large {
    padding: 0px;
}


.x-btn-icon-el-default-toolbar-large {
	
    height: 32px;
  
}



.x-btn-text.x-btn-icon-top > .x-btn-icon-el-default-toolbar-large {
    background-size: 32px;
}



.x-btn-default-toolbar-large {
border-style: none;
background-image: none;
background-color: transparent;
}



.x-btn.x-btn-disabled.x-btn-default-toolbar-large {
    background-image: none;
    background-color: unset;
    background-image: unset;
}




.x-tab-bar-default {
    background-color: #ffffff00;
    padding: 0px 0px 0 10px;
}


.x-tab-default {
	border-color: #ffffff !important;
    border-radius: 4px 4px 0 0;
}


.x-tab-default-top {
    background-color: #ffffff;
border-color: #fff;
}




.x-tab-bar-top > .x-tab-bar-strip-default {

    background-color: transparent !important;

}


.x-tab-bar-strip-default:before {
  
    border: 0;
	
	border-top: 2px #ffffff solid !important;
 
}





.m_1{background-image:url(/files/m_1.svg);}
.m_2{background-image:url(/files/m_2.svg);}
.m_3{background-image:url(/files/m_3.svg);}
.m_4{background-image:url(/files/m_4.svg);}
.m_5{background-image:url(/files/m_5.svg);}
.m_6{background-image:url(/files/m_6.svg);}
.m_7{background-image:url(/files/m_7.svg);}
.m_8{background-image:url(/files/m_8.svg);}
.m_9{background-image:url(/files/m_9.svg);}
.m_10{background-image:url(/files/m_10.svg);}
.m_11{background-image:url(/files/m_11.svg);}
.m_12{background-image:url(/files/m_12.svg);}
.m_13{background-image:url(/files/m_13.svg);}
.m_14{background-image:url(/files/m_14.svg);}
.m_15{background-image:url(/files/m_15.svg);}
.m_16{background-image:url(/files/m_16.svg);}
.m_17{background-image:url(/files/m_17.svg);}
.m_18{background-image:url(/files/m_18.svg);}
.m_19{background-image:url(/files/m_19.svg);}
.m_20{background-image:url(/files/m_20.svg);}
.m_21{background-image:url(/files/m_21.svg);}
.m_22{background-image:url(/files/m_22.svg);}
.m_23{background-image:url(/files/m_23.svg);}
.m_24{background-image:url(/files/m_24.svg);}
.m_25{background-image:url(/files/m_25.svg);}
.m_26{background-image:url(/files/m_26.svg);}
.m_27{background-image:url(/files/m_27.svg);}
.m_28{background-image:url(/files/m_28.svg);}
.m_29{background-image:url(/files/m_29.svg);}
.m_30{background-image:url(/files/m_30.svg);}
.m_31{background-image:url(/files/m_31.svg);}
.m_32{background-image:url(/files/m_32.svg);}
.m_33{background-image:url(/files/m_33.svg);}
.m_34{background-image:url(/files/m_34.svg);}
.m_35{background-image:url(/files/m_35.svg);}
.m_36{background-image:url(/files/m_36.svg);}
.m_37{background-image:url(/files/m_37.svg);}
.m_38{background-image:url(/files/m_38.svg);}
.m_39{background-image:url(/files/m_39.svg);}
.m_40{background-image:url(/files/m_40.svg);}
.m_41{background-image:url(/files/m_41.svg);}
.m_42{background-image:url(/files/m_42.svg);}
.m_43{background-image:url(/files/m_43.svg);}
.m_44{background-image:url(/files/m_44.svg);}
.m_45{background-image:url(/files/m_45.svg);}
.m_46{background-image:url(/files/m_46.svg);}
.m_47{background-image:url(/files/m_47.svg);}
.m_48{background-image:url(/files/m_48.svg);}
.m_49{background-image:url(/files/m_49.svg);}
.m_50{background-image:url(/files/m_50.svg);}
.m_51{background-image:url(/files/m_51.svg);}
.m_52{background-image:url(/files/m_52.svg);}
.m_53{background-image:url(/files/m_53.svg);}
.m_54{background-image:url(/files/m_54.svg);}
.m_55{background-image:url(/files/m_55.svg);}
.m_56{background-image:url(/files/m_56.svg);}
.m_57{background-image:url(/files/m_57.svg);}
.m_58{background-image:url(/files/m_58.svg);}
.m_59{background-image:url(/files/m_59.svg);}
.m_60{background-image:url(/files/m_60.svg);}
.m_61{background-image:url(/files/m_61.svg);}
.m_62{background-image:url(/files/m_62.svg);}
.m_63{background-image:url(/files/m_63.svg);}
.m_64{background-image:url(/files/m_64.svg);}
.m_65{background-image:url(/files/m_65.svg);}
.m_66{background-image:url(/files/m_66.svg);}
.m_67{background-image:url(/files/m_67.svg);}
.m_68{background-image:url(/files/m_68.svg);}
.m_69{background-image:url(/files/m_69.svg);}
.m_70{background-image:url(/files/m_70.svg);}
.m_71{background-image:url(/files/m_71.svg);}
.m_72{background-image:url(/files/m_72.svg);}
.m_73{background-image:url(/files/m_73.svg);}
.m_74{background-image:url(/files/m_74.svg);}
.m_75{background-image:url(/files/m_75.svg);}
.m_76{background-image:url(/files/m_76.svg);}
.m_77{background-image:url(/files/m_77.svg);}
.m_78{background-image:url(/files/m_78.svg);}
.m_79{background-image:url(/files/m_79.svg);}
.m_80{background-image:url(/files/m_80.svg);}
.m_81{background-image:url(/files/m_81.svg);}
.m_82{background-image:url(/files/m_82.svg);}
.m_83{background-image:url(/files/m_83.svg);}


.p_1{background-image:url(/files/p_1.svg);}
.p_2{background-image:url(/files/p_2.svg);}
.p_3{background-image:url(/files/p_3.svg);}
.p_4{background-image:url(/files/p_4.svg);}
.p_5{background-image:url(/files/p_5.svg);}
.p_6{background-image:url(/files/p_6.svg);}
.p_7{background-image:url(/files/p_7.svg);}
.p_8{background-image:url(/files/p_8.svg);}
.p_9{background-image:url(/files/p_9.svg);}
.p_10{background-image:url(/files/p_10.svg);}
.p_11{background-image:url(/files/p_11.svg);}
.p_12{background-image:url(/files/p_12.svg);}
.p_13{background-image:url(/files/p_13.svg);}
.p_14{background-image:url(/files/p_14.svg);}
.p_15{background-image:url(/files/p_15.svg);}
.p_16{background-image:url(/files/p_16.svg);}
.p_17{background-image:url(/files/p_17.svg);}
.p_18{background-image:url(/files/p_18.svg);}
.p_19{background-image:url(/files/p_19.svg);}
.p_20{background-image:url(/files/p_20.svg);}
.p_21{background-image:url(/files/p_21.svg);}
.p_22{background-image:url(/files/p_22.svg);}
.p_23{background-image:url(/files/p_23.svg);}
.p_24{background-image:url(/files/p_24.svg);}
.p_25{background-image:url(/files/p_25.svg);}
.p_26{background-image:url(/files/p_26.svg);}
.p_27{background-image:url(/files/p_27.svg);}
.p_28{background-image:url(/files/p_28.svg);}
.p_29{background-image:url(/files/p_29.svg);}
.p_30{background-image:url(/files/p_30.svg);}

.n_1{background-image:url(/files/n_1.svg);}
.n_2{background-image:url(/files/n_2.svg);}
.n_3{background-image:url(/files/n_3.svg);}
.n_4{background-image:url(/files/n_4.svg);}
.n_5{background-image:url(/files/n_5.svg);}
.n_6{background-image:url(/files/n_6.svg);}
.n_7{background-image:url(/files/n_7.svg);}
.n_8{background-image:url(/files/n_8.svg);}
.n_9{background-image:url(/files/n_9.svg);}
.n_10{background-image:url(/files/n_10.svg);}
.n_11{background-image:url(/files/n_11.svg);}
.n_12{background-image:url(/files/n_12.svg);}
.n_13{background-image:url(/files/n_13.svg);}
.n_14{background-image:url(/files/n_14.svg);}
.n_15{background-image:url(/files/n_15.svg);}
.n_16{background-image:url(/files/n_16.svg);}
.n_17{background-image:url(/files/n_17.svg);}
.n_18{background-image:url(/files/n_18.svg);}
.n_19{background-image:url(/files/n_19.svg);}
.n_20{background-image:url(/files/n_20.svg);}
.n_21{background-image:url(/files/n_21.svg);}
.n_22{background-image:url(/files/n_22.svg);}
.n_23{background-image:url(/files/n_23.svg);}
.n_24{background-image:url(/files/n_24.svg);}
.n_25{background-image:url(/files/n_25.svg);}
.n_26{background-image:url(/files/n_26.svg);}
.n_27{background-image:url(/files/n_27.svg);}
.n_28{background-image:url(/files/n_28.svg);}


.l_0{background-image:url(/files/l_0.svg);}
.l_1{background-image:url(/files/l_1.svg);}
.l_2{background-image:url(/files/l_2.svg);}
.l_3{background-image:url(/files/l_3.svg);}
.l_4{background-image:url(/files/l_4.svg);}
.l_5{background-image:url(/files/l_5.svg);}
.l_6{background-image:url(/files/l_6.svg);}
.l_7{background-image:url(/files/l_7.svg);}
.l_8{background-image:url(/files/l_8.svg);}
.l_9{background-image:url(/files/l_9.svg);}
.l_10{background-image:url(/files/l_10.svg);}


.b_0{background-image:url(/files/b_0.svg);background-repeat: no-repeat;background-position: 5px center;}
.b_1{background-image:url(/files/b_1.svg);background-repeat: no-repeat;background-position: 5px center;}
.b_2{background-image:url(/files/b_2.svg);background-repeat: no-repeat;background-position: 5px center;}
.b_3{background-image:url(/files/b_3.svg);background-repeat: no-repeat;background-position: 5px center;}
.b_4{background-image:url(/files/b_4.svg);background-repeat: no-repeat;background-position: 5px center;}

.v_0{background-image:url(/files/v_0.svg);background-repeat: no-repeat;background-position: left center;padding-left: 40px;background-size: 32px 32px;}
.v_1{background-image:url(/files/v_1.svg);background-repeat: no-repeat;background-position: left center;padding-left: 40px;background-size: 32px 32px;}
.v_2{background-image:url(/files/v_2.svg);background-repeat: no-repeat;background-position: left center;padding-left: 40px;background-size: 32px 32px;}
.v_3{background-image:url(/files/v_3.svg);background-repeat: no-repeat;background-position: left center;padding-left: 40px;background-size: 32px 32px;}
.v_4{background-image:url(/files/v_4.svg);background-repeat: no-repeat;background-position: left center;padding-left: 40px;background-size: 32px 32px;}