input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: rgb(250, 255, 189) !important;
  background-image: none !important;
  color: rgb(0, 0, 0) !important;
}



::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track, ::-webkit-scrollbar-corner{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ 
    /*-webkit-border-radius: 0px;*/
    background: rgba(9,14,15,0.5);
/*    border:1px solid  rgba(44,211,237,0.2);*/
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:window-inactive:vertical  {
    background: 
        
        linear-gradient(to right, rgba(44,211,237,0.1),rgba(44,211,237,0.2) 30%,rgba(44,211,237,0.2) 70%,rgba(44,211,237,0.1) 100%) no-repeat,
        linear-gradient(to bottom, rgba(9,14,15,0.9),rgba(9,14,15,0.9) 100%) no-repeat,
        linear-gradient(to bottom, rgba(44,211,237,0.0),rgba(44,211,237,0.0) 100%) no-repeat;

    background-position: 
        left 2px top 2px,
        left 1px top 1px,
        left 0px top 0px;
    background-size: 
        /*8px calc(100% - 8px),а
        12px calc(100% - 4px),*/
        16px calc(100% - 4px), 18px calc(100% - 2px),
        20px 100%;
}

::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-thumb:window-inactive:horizontal  {
    background: 
        
        linear-gradient(to top, rgba(44,211,237,0.1),rgba(44,211,237,0.2) 30%,rgba(44,211,237,0.2) 70%,rgba(44,211,237,0.1) 100%) no-repeat,
        linear-gradient(to bottom, rgba(9,14,15,0.9),rgba(9,14,15,0.9) 100%) no-repeat,
        linear-gradient(to bottom, rgba(44,211,237,0.0),rgba(44,211,237,0.0) 100%) no-repeat;

    background-position: 
        left 2px top 2px,
        left 1px top 1px,
        left 0px top 0px;
    background-size: 
        /*8px calc(100% - 8px),
        12px calc(100% - 4px),*/
        calc(100% - 4px) 14px, calc(100% - 2px) 18px,
        100% 20px;
}

body
{
  font-family: Tahoma;
  font-size:12px;
  line-height:1.2; 
  color:#99bec9;  
  /*scrollbar-color: rgba(44,211,237,0.2) rgba(9,14,15,0.9);     /* «цвет ползунка» «цвет полосы скроллбара» */
}

form{
    
    margin:0pz;
}

.text_n{
    
  color:#99bec9;
  font-size: 12px;  
  white-space: normal!important;
  font-family: sans-serif;
}   

table{
    
    border-collapse: separate;
    padding:0px;
    border-spacing:0px;
}

table td, th{
        
    padding:0px;
}

form{     
    margin:0px;
}

.noselect{
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;    
}


.data_table
{
    border-collapse: separate;
    border-spacing:0px;
    padding:0px;
    background-color:rgba(9,14,15,0.6)!important;
    font-size:12px;
    
}


.data_table th{
    
    padding:2px;
    font-family: sf_font, Tahoma;
    
    font-size:13px;
    
    font-weight: normal;
    
    
    color:rgba(43,211,237,1.0);
    text-shadow:0px 0px 8px rgba(43,211,237,0.3);
    border-top: 1px solid rgba(43,211,237,0.2);
    border-bottom: 1px solid rgba(43,211,237,0.2);
    
    box-sizing: border-box;
        
    background:
        
               linear-gradient(to bottom, rgba(5,119,128,0.0), rgba(5,119,128,0.5) 25%, rgba(5,119,128,0.5) 75%, rgba(5,119,128,0.0) 100%) no-repeat border-box,
               linear-gradient(to bottom, rgba(43,211,237,0.02), rgba(43,211,237,0.1) 100% ) no-repeat border-box;
               

    background-position:
        left 0px top 0px,
        left 0px top 0px;
    background-size: 
        1px 100%,
            100% 100%; 
        
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;    
    
}

.data_table th:first-child {
    
    
    background:
        
            linear-gradient(to bottom, rgba(43,211,237,0.02), rgba(43,211,237,0.1) 100% ) no-repeat border-box;
    
    background-position:
        
        left 0px top 0px;
    
    background-size: 
        100% 100%; 
    
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;    
}

.data_table tr td:first-child{

    background:none;
}

.data_table tr td, .data_table tr td.value{

    border:none;
    border-radius:0px;
    background:linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.25) 25%, rgba(0,0,0,0.25) 75%,rgba(0,0,0,0.1) 100%) no-repeat border-box;
    background-position:left 0px top 0px;
    background-size: 1px 100%;
    line-height: 1.5!important;
}

.data_table tr td.value{

    font-family: sf_font, Tahoma;
    border:none;
    border-radius:0px;
    background:linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.25) 25%, rgba(0,0,0,0.25) 75%,rgba(0,0,0,0.1) 100%) no-repeat border-box;
    background-position:left 0px top 0px;
    background-size: 1px 100%;
}

.data_table tr td.label{

    font-family: sf_font, Tahoma;
    color:#89ced9!important;
    font-size: 12px;
    font-weight:normal;
    white-space:nowrap;
    text-shadow:none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;    
}

.data_table tr:nth-child(even){
     
    /*background:rgba(43,32,39,0.25);*/
    background:rgba(43,211,237,0.075);
    background-repeat:no-repeat;
    background-position:left 0px top 0px;
    background-size: 100% 100%;
}

.data_table tr:nth-child(odd){
    /*background:rgba(18,63,77,0.25);*/
    background:rgba(43,211,237,0.05);
    background-repeat:no-repeat;
    background-position:left 0px top 0px;
    background-size: 100% 100%;
}

.data_table tfoot tr{
    
    background:linear-gradient(to right, rgba(21,55,64,0.9), rgba(34,87,102,0.9) 50%, rgba(21,55,64,0.9) 100%);
    background-repeat:no-repeat!important;
    background-position:left 0px top 0px!important;
    background-size: 100% 100%!important;
    
    border-top: 1px solid rgba(1,16,20,0.75);
}

.data_table tr.table_group_hdr{
    
    background:
    
        linear-gradient(to right, rgba(43,211,237,0.1), rgba(43,211,237,0.1) 100% ) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.1), rgba(43,211,237,0.1) 100% ) no-repeat border-box,
        linear-gradient(to bottom, rgba(43,211,237,0.1), rgba(43,211,237,0.1) 100% ) no-repeat border-box;
    
    background-position:
        left 0px top 0px,
        left 0px bottom 0px,
        left 0px top 0px;
    
    background-size: 
       100% 1px,
       100% 1px,
       100% 100%; 
        
}

.data_table tr.table_group_hdr.no-border-top{
    
    background:
    
        linear-gradient(to right, rgba(43,211,237,0.1), rgba(43,211,237,0.1) 100% ) no-repeat border-box,
        linear-gradient(to bottom, rgba(43,211,237,0.1), rgba(43,211,237,0.1) 100% ) no-repeat border-box;
    
    background-position:
        left 0px bottom 0px,
        left 0px top 0px;
    
    background-size: 
       100% 1px,
       100% 100%; 
        
}


.data_table tr.table_group_hdr td{
    
    font-family: sf_font, Tahoma;
    padding-left:4px;
    font-weight: normal;
    font-size:12px;
    color:rgba(43,211,237,1.0);
    text-shadow:0px 0px 8px rgba(43,211,237,0.3);
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;    
    
}


.data_table tr.table_group_hdr:first-child{
    
    background:
    
        linear-gradient(to right, rgba(43,211,237,0.15), rgba(43,211,237,0.15) 100% ) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.1), rgba(43,211,237,0.1) 100% ) no-repeat border-box;
    
    background-position:

        left 0px bottom 0px,
        left 0px top 0px;
    
    background-size: 

       100% 1px,
       100% 100%; 

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;    
}


.sep, .sep_1, .hsep{
        
    width:100%;
    height:3px;
    background:linear-gradient(to right, rgba(43,211,237, 0.1),rgba(43,211,237, 0.1) 30%, rgba(43,211,237, 0.6) 30%, rgba(43,211,237, 0.6) 70%, rgba(43,211,237, 0.1) 70%, rgba(43,211,237, 0.1) 100%);
    background-repeat: no-repeat;
    background-position:left 0px top 50%; 
    background-size: 100% 1px;
}

.line-h{
        
    background:linear-gradient(to right, rgba(43,211,237, 0.1),rgba(43,211,237, 0.1) 30%, rgba(43,211,237, 0.6) 30%, rgba(43,211,237, 0.6) 70%, rgba(43,211,237, 0.1) 70%, rgba(43,211,237, 0.1) 100%);
    background-repeat: no-repeat;
    background-position:left 0px top 50%; 
    background-size: 100% 1px;
}

.line-v{
        
    background:linear-gradient(to bottom, rgba(43,211,237, 0.1),rgba(43,211,237, 0.1) 30%, rgba(43,211,237, 0.6) 30%, rgba(43,211,237, 0.6) 70%, rgba(43,211,237, 0.1) 70%, rgba(43,211,237, 0.1) 100%) no-repeat;
    background-repeat: no-repeat;
    background-position:left 50% top 0px; 
    background-size: 1px 100%;
}

.vsep {
    
    background:linear-gradient(to bottom, rgba(43,211,237, 0.1),rgba(43,211,237, 0.1) 30%, rgba(43,211,237, 0.6) 30%, rgba(43,211,237, 0.6) 70%, rgba(43,211,237, 0.1) 70%, rgba(43,211,237, 0.1) 100%);
    background-repeat: no-repeat;
    background-position:left 50% top 0px; 
    background-size: 1px 100%;
    width:3px;
}

button{

  outline:none;
  position:relative;
  cursor:pointer;
  background-repeat:no-repeat;
  margin:0px;
  padding:0px;
  border: none;
  
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;    
}

button.text_btn{

    color:#73d6e5;
    text-shadow:0px 0px 5px rgba(115,214,229,0.5);
    
    font-size:12px;
    
    font-family: sf_button_font, Tahoma;
    font-weight:bold;
    

    border:1px solid rgba(43,211,237,0.6);
    border-radius: 3px;
    box-sizing: border-box;
    box-shadow: inset 0px 0px 2px 1px rgba(43,211,237,0.25);

    background: 
        
        linear-gradient(to top, rgba(43,211,237,0.15), rgba(43,211,237,0.05) 100%) no-repeat border-box,
        linear-gradient(to top, rgba(9,13,15,0.9), rgba(9,13,15,0.9) 100%) no-repeat border-box;
}

button.text_btn:hover{
  
    color: #7eecfc;
    border:1px solid rgba(43,211,237,0.6);
    text-shadow:0px 0px 5px rgba(126,236,252,0.6);
    
    background: 
        
        linear-gradient(to top, rgba(43,211,237,0.3), rgba(43,211,237,0.1) 100%) no-repeat border-box,
        linear-gradient(to top, rgba(9,13,15,0.9), rgba(9,13,15,0.9) 100%) no-repeat border-box;
}

button.text_btn:disabled{

  opacity: 0.5;  
}

button.text_btn:active{
    
    color: #cef8ff;
    border:1px solid rgba(43,211,237,0.6);
    text-shadow:0px 0px 5px rgba(126,236,252,0.6);
    
    background: 
        
        linear-gradient(to top, rgba(43,211,237,0.6), rgba(43,211,237,0.2) 100%) no-repeat border-box,
        linear-gradient(to top, rgba(9,13,15,0.9), rgba(9,13,15,0.9) 100%) no-repeat border-box;
  
}


button.image_btn{

  border:none;
  background: none;
}


button.image_btn:hover{

    background: rgba(43,211,237,0.2);
}

button.image_btn:active{
    
    background: rgba(0,0,0,0.5);
}

button.image_btn:disabled{
    background: none;
    opacity: 0.5;
}

.tab_content_box{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    font-size:12px;
    overflow:hidden;  
    white-space: normal;
}


.textcontainer{
    
    
    border:5px solid transparent;
    
    box-sizing: border-box;
    
    background:

        
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        
        linear-gradient(to right, rgba(43,211,237,0.2),rgba(43,211,237,0.2) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.2),rgba(43,211,237,0.2) 100%) no-repeat border-box,
        
        linear-gradient(to top, rgba(43,211,237,0.05), rgba(43,211,237,0.01) 100%) no-repeat border-box;
        
    
    width:auto;
    height:auto;
    
    background-position: 

        top 1px left 0px,
        top 0px left 0px,
        top 0px right 0px,
        top 1px right 0px,
        
        bottom 1px left 0px,
        bottom 0px left 0px,
        bottom 0px right 0px,
        bottom 1px right 0px,
        
        top 0px left 0px,
        bottom 0px left 0px,
        
        top 0px left 0px;
    
    background-size: 
        
        1px 3px,
        4px 1px,
        4px 1px,
        1px 3px,
        
        1px 3px,
        4px 1px,
        4px 1px,
        1px 3px,
        
        100% 1px,
        100% 1px,
        
        100% 100%;
}

.textframe{
    
    
    border:5px solid transparent;
    
    box-sizing: border-box;
    
    background:

        
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        
        linear-gradient(to right, rgba(43,211,237,0.1),rgba(43,211,237,0.1) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.1),rgba(43,211,237,0.1) 100%) no-repeat border-box,
        linear-gradient(to bottom, rgba(43,211,237,0.1),rgba(43,211,237,0.1) 100%) no-repeat border-box,
        linear-gradient(to bottom, rgba(43,211,237,0.1),rgba(43,211,237,0.1) 100%) no-repeat border-box;
        
    
    width:auto;
    height:auto;
    
    background-position: 

        top 1px left 0px,
        top 0px left 0px,
        top 0px right 0px,
        top 1px right 0px,
        
        bottom 1px left 0px,
        bottom 0px left 0px,
        bottom 0px right 0px,
        bottom 1px right 0px,
        
        top 0px left 0px,
        bottom 0px left 0px,

        top 0px left 0px,
        top 0px right 0px;
    
    background-size: 
        
        1px 3px,
        4px 1px,
        4px 1px,
        1px 3px,
        
        1px 3px,
        4px 1px,
        4px 1px,
        1px 3px,

        100% 1px,
        100% 1px,
        1px 100%,
        1px 100%;
}


.inputCheckBox{
   
    border: 1px solid rgba(28,136,153,0.5);
    border-radius:4px;
    box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.9);
    box-sizing: border-box;
    
    background: 
        
        linear-gradient(to right, rgba(4,34,38,0.5), rgba(5,45,51,0.5) 50% ,rgba(4,34,38,0.5) 100%) no-repeat border-box;
        
    display: inline-block;
    
    width:16px;
    height:16px;
    -moz-user-select: none;
}

.inputCheckBox:disabled{
    opacity: 0.5;
}

.inputCheckBox input{
    display:none;
}

.inputCheckBox:hover{

    border: 1px solid rgba(28,136,153,0.75);
    border-radius:4px;
    box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.9);
    box-sizing: border-box;
    
    background: 
        
        linear-gradient(to right, rgba(4,34,38,0.5), rgba(5,45,51,0.5) 50% ,rgba(4,34,38,0.5) 100%) no-repeat border-box;
        
    display: inline-block;
        
    width:16px;
    height:16px;
    -moz-user-select: none;

    width:16px;
    height:16px;
    cursor:pointer;
}

.inputCheckBoxChecked{

    border: 1px solid rgba(28,136,153,0.5);
    border-radius:4px;
    box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.9);
    box-sizing: border-box;
    
    background: 
        
        radial-gradient(ellipse 100% 100%, rgba(43,211,237,0.75), rgba(4,34,38,0.5)) no-repeat border-box,
        linear-gradient(to right, rgba(4,34,38,0.5), rgba(5,45,51,0.5) 50% ,rgba(4,34,38,0.5) 100%) no-repeat border-box;
        
    background-position: 
    
        top 4px left 4px,
        top 0px left 0px;
    
    background-size:

        8px 8px,
        100% 100%;
        
        
    display: inline-block;
    
}

.inputCheckBoxCheckedD{
    background: url('/images/ui/text/checkbox_cn.png')!important;
}


.inputCheckBoxChecked:hover{
    
    border: 1px solid rgba(28,136,153,0.75);
    border-radius:4px;
    box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.9);
    box-sizing: border-box;
    
    background: 
        
        radial-gradient(ellipse 100% 100%, rgba(43,211,237,0.75), rgba(4,34,38,0.5)) no-repeat border-box,
        linear-gradient(to right, rgba(4,34,38,0.5), rgba(5,45,51,0.5) 50% ,rgba(4,34,38,0.5) 100%) no-repeat border-box;
        
    background-position: 
    
        top 4px left 4px,
        top 0px left 0px;
    
    background-size:

        8px 8px,
        100% 100%;
        
        
    display: inline-block;
}

.inputText{
    
    font-family: sf_font, Tahoma;
    

    color:#89ced9;
    
    
    padding-left: 5px;
    padding-right: 5px;
    outline:none;
    border:none;
    border: 1px solid rgba(28,136,153,0.5);
    border-radius:3px;
    box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1.0);
    box-sizing: border-box;
    
    background: 

        /*linear-gradient(to right, rgba(4,45,52,0.5), rgba(7,66,77,0.5) 50% ,rgba(4,45,52,0.5) 100%) no-repeat border-box;*/
        linear-gradient(to right, rgba(4,34,38,0.5), rgba(5,45,51,0.5) 50% ,rgba(4,34,38,0.5) 100%) no-repeat border-box;

    
    background-position: 
        
        top 0px left 0px;
    
    background-size:     
        100% 100%;

}

.inputText::-webkit-input-placeholder {color:rgba(34,166,186,0.75);}
.inputText:-moz-placeholder {color:rgba(34,166,186,0.75);}    


.inputText:focus{
    
    font-family: sf_font, Tahoma;

    color:#99e6f2;
    
        border: 1px solid rgba(28,136,153,0.8);
        
    background: 
        
        linear-gradient(to right, rgba(4,34,38,0.75), rgba(6,56,64,0.75) 50% ,rgba(4,34,38,0.75) 100%) no-repeat border-box;

    background-position: 
        
        top 0px left 0px;
    
    background-size:     
        100% 100%;
}

.inputText:disabled{
    
    opacity:0.5;
}

.inputText.value{
    
    font-family: sf_font, Tahoma;

    color:#00E0E0;
    
    padding-left: 5px;
    padding-right: 5px;
    outline:none;
    border: 1px solid rgba(28,136,153,0.5);
    border-radius:3px;
    box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1.0);
    box-sizing: border-box;
    
    background:

            radial-gradient(ellipse 80% 80%, rgba(0,0,0,0.0), rgba(0,0,0,1.0)) no-repeat,
            url('/images/ui/flat/value_bg_blue.png') repeat padding-box;
    
    
    background-position:
        left 0px top 0px, 
        left 0px top 0px; 
    
    background-size: 
        100% 100%, 
        3px 3px; 
}

.inputText.value:focus{
    
    color:#00FFFF;
    
    border: 1px solid rgba(28,136,153,0.8);
    
    background:

            radial-gradient(ellipse 90% 90%, rgba(0,0,0,0.0), rgba(0,0,0,0.75)) no-repeat,
            url('/images/ui/flat/value_bg_blue.png') repeat padding-box;
    
    background-position:
        left 0px top 0px, 
        left 0px top 0px; 
    
    background-size: 
        100% 100%, 
        3px 3px; 
}


.dhx_combo_box.dhx_web
{
    font-family: sf_font, Tahoma;
    position:relative; 
    text-align:left; 
    height:20px; 
    overflow:hidden;
    
    color:#89ced9;
    border: 1px solid rgba(28,136,153,0.5);
    
    border-radius:3px;
    
    box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1.0);
    
    background: 
        
        linear-gradient(to right, rgba(5,45,51,0.5), rgba(4,34,38,0.5) 100%) no-repeat border-box;
        
    background-position: 
        
        top 0px left 0px;
    
    background-size:     
        
        100% 100%;
}

.dhx_combo_box_focus.dhx_web    
{
    position:relative; 
    text-align:left; 
    height:20px; 
    overflow:hidden;
    
    color:#99e6f2;
    
    border: 1px solid rgba(28,136,153,0.75);
    
    border-radius:3px;
    
    box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1.0);
    
    background: 
        
        linear-gradient(to right, rgba(6,56,64,0.75), rgba(4,34,38,0.75) 100%) no-repeat border-box;
        
    background-position: 
        
        top 0px left 0px;
    
    background-size:     
        
        100% 100%;
}

.dhx_combo_img{
    
    position:absolute;
    top:2px;
    right: 2px;
    width: 16px;
    height: 16px;
    background: url(/images/ui/flat/combo_img.png) no-repeat;

}

.dhx_combo_img:hover{
    
    width: 16px;
    height: 16px;
    background-color:rgba(43,211,237,0.2);
}

.dhx_web .dhx_combo_option_img {

    top:2px;
    left:0px;
}

.dhx_combo_img:active{
    
    width: 16px;
    height: 16px;
    background-color:rgba(0,0,0,0.25);
}

.dhx_web .dhx_combo_input{

    font-family: sf_font, Tahoma;
    color:#89ced9; 
    text-shadow: none;
    padding-left:4px;
    padding-top:3px;
}

.dhx_web .dhx_combo_input:focus{

    color:#99e6f2;
    text-shadow: none;
}

.dhx_combo_list.dhx_web_list, .dhx_combo_list_rtl .dhx_web_list 
{
    border: none;
    font-family: sf_font, Tahoma;
    /*text-shadow: 1px 1px 1px #0a212a;*/
    color:#99e6f2;
    backdrop-filter:blur(5px); 
    
    border: 1px solid rgba(28,136,153,0.75);
    
    border-radius:3px;

    
    background:
        
        linear-gradient(to right, rgba(6,56,64,0.9), rgba(4,34,38,0.9) 100%) no-repeat border-box;
    
    background-position: 
        
        left 0px top 0px;

    background-size: 
        
        100% 100%;
}


.label{

    font-family: sf_font, Tahoma;
    color:#22a6ba!important;
    font-size: 12px;
    font-weight:normal;
    white-space:nowrap;
    text-shadow:0px 0px 8px rgba(34,166,186,0.5);
    
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;    
}

.value_label{
    
    font-family: sf_font, Tahoma;
    font-size: 12px;
    font-weight:normal;
    white-space:nowrap;
    color:#22a6ba!important;
    
    text-shadow:0px 0px 8px rgba(34,166,186,0.5);
    /*
    text-shadow:0px 0px 8px rgba(43,211,237,0.5);
    */
    text-align: right!important;
    padding-right: 2px;
    
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;    
    
}

.value_label:after{
    content:':';
}

.value {
    font-family: sf_font, Tahoma;
    color:#00FFFF;
    font-size:11px;
    text-align: center;
    vertical-align: middle;
    display:table-cell;
    box-sizing: border-box;
    border: 1px solid rgba(28,136,153,0.4);
    border-radius: 3px;
    
    background:

            radial-gradient(ellipse 90% 90%, rgba(0,0,0,0.0), rgba(0,0,0,1.0)) no-repeat,
            url('/images/ui/flat/value_bg_blue.png') repeat padding-box;
    
    
    background-position:
        left 0px top 0px, 
        left 0px top 0px; 
    
    background-size: 
        100% 100%, 
        3px 3px; 
    

}

.no-border{
    
    border:none!important;
}

.no-border-top{
    
    border-top:none!important;
}

.no-border-bottom{
    
    border-bottom:none!important;
}


.titlecontainer{
    
    padding:0px;
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    font-family: sf_font, Tahoma;
    color: rgba(43,211,237,1.0);
    text-shadow:0px 0px 5px rgba(43,211,237,0.5);  
    font-size:14px;
    white-space: nowrap!important;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;    
}
 
.titlebox {

    padding:0px;
    height:32px;
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    font-family: sf_title_font, Tahoma;
    color: rgba(43,211,237,1.0);
    text-shadow:0px 0px 5px rgba(43,211,237,0.5);  
    font-size:14px;
    
    white-space: nowrap!important;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;    
    
    box-sizing: border-box;
    
    background:

        
        linear-gradient(to right, rgba(43,211,237,0.5),rgba(43,211,237,0.5) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.5),rgba(43,211,237,0.5) 100%) no-repeat border-box,
        
        linear-gradient(to top, rgba(43,211,237,0.15), rgba(43,211,237,0.15) 100% ) no-repeat border-box;
    
    width:available;
    
    
    background-position: 

        top 0px left 0px,
        bottom 0px left 0px,
    
        top 0px left 0px;
        
    background-size: 
        
        
        100% 1px,
        100% 1px,
        
        100% 100%;
}

.tile-box {

       
    box-sizing: border-box;
    
    cursor: pointer;
    
    background:

        
        linear-gradient(to right, rgba(43,211,237,0.5),rgba(43,211,237,0.5) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.5),rgba(43,211,237,0.5) 100%) no-repeat border-box,
        
        linear-gradient(to top, rgba(43,211,237,0.01), rgba(43,211,237,0.01) 100% ) no-repeat border-box;
    
   
    
    background-position: 

        top 0px left 0px,
        bottom 0px left 0px,
    
        top 0px left 0px;
        
    background-size: 
        
        
        100% 1px,
        100% 1px,
        
        100% 100%;
}

.tile-box:hover{
    
    background:

        
        linear-gradient(to right, rgba(43,211,237,0.75),rgba(43,211,237,0.75) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.75),rgba(43,211,237,0.75) 100%) no-repeat border-box,
        
        linear-gradient(to top, rgba(43,211,237,0.05), rgba(43,211,237,0.05) 100% ) no-repeat border-box;
    
   
    
    background-position: 

        top 0px left 0px,
        bottom 0px left 0px,
    
        top 0px left 0px;
        
    background-size: 
        
        
        100% 1px,
        100% 1px,
        
        100% 100%;
    
}


.controlbox{
    
    box-sizing: border-box;
    
    background:

        
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        
        linear-gradient(to right, rgba(43,211,237,0.2),rgba(43,211,237,0.2) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.2),rgba(43,211,237,0.2) 100%) no-repeat border-box,
        
        linear-gradient(to top, rgba(43,211,237,0.05), rgba(43,211,237,0.05) 100%) no-repeat border-box;
        
    width:auto;
    
    background-position: 

        top 0px left 0px,
        top 0px right 0px,
        bottom 0px left 0px,
        bottom 0px right 0px,

        
        top 0px left 0px,
        bottom 0px left 0px,
        
        top 0px left 0px;
    
    background-size: 
        
        4px 1px,
        4px 1px,
        4px 1px,
        4px 1px,
        
        100% 1px,
        100% 1px,
        
        100% 100%;
}




.dhtmlx_skin_dhx_web .dhx_modal_cover_dv{
    backdrop-filter:blur(10px);
    x-index:30000;
}


.fd_row{
    flex-direction:row;
}

.fd_col{
    flex-direction:column;
}

.control {
 
    display:flex;
    align-items:center;
    width:auto;
}

.controls {
 
    display:flex;
    align-items:center;
    justify-content:space-around;
    align-content:space-around;
    flex-flow: row wrap;
}

.controls-center-row {
 
    display:flex;
    align-items:center;
    justify-content:center;
    align-content:center;
    flex-flow: row nowrap;
}

.controls-left-row {
 
    display:flex;
    align-items:center;
    justify-content:flex-start;
    align-content:center;
    flex-flow: row nowrap;
}

.controls-center-row-wrap {
 
    display:flex;
    align-items:center;
    justify-content:center;
    align-content:center;
    flex-flow: row wrap;
}

.controls-left-col {
 
    display:flex;
    align-items:flex-start;
    justify-content:center;
    align-content: flex-start;
    flex-flow: column;
}

.controls-center-col {
 
    display:flex;
    align-items:center;
    justify-content:center;
    align-content: center;
    flex-flow: column;
}

.controls-center-row-top {
   
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    align-content:flex-start;
    flex-flow: row wrap;
}


.controls-center-col-top {
 
    display:flex;
    align-items:center;
    justify-content:flex-start;
    align-content: center;
    flex-flow: column;
}

.title{
    font-family: sf_title_font, Tahoma;
    color: rgba(43,211,237,1.0);
    text-shadow:0px 0px 4px rgba(43,211,237,0.3);  
    font-size:14px;
    white-space: nowrap!important;
}

.title-wrap{
    font-family: sf_title_font, Tahoma;
    color: rgba(43,211,237,1.0);
    text-shadow:0px 0px 4px rgba(43,211,237,0.3);  
    font-size:14px;
    white-space: normal;
}

.wtitle{
    font-family: sf_title_, Tahoma;
    color:#7ee8fe;
    text-shadow:0px 0px 8px rgba(127,227,252,0.5);
    font-family: sf_title_font, Tahoma;
    font-size:14px;
    white-space: nowrap!important;
}

.line-bottom-b{
    
    padding-bottom:2px;
    margin-bottom:2px;
        
    background:

        
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.1),rgba(43,211,237,0.1) 100%) no-repeat border-box;
        
    background-position: 

        bottom 0px left 0px,
        bottom 0px right 0px,
        bottom 0px left 0px;
    
    background-size: 
        
        4px 1px,
        4px 1px,
        100% 1px;
}

.line-b{
    
    background:

        
        linear-gradient(to right, rgba(43,211,237,0.75),rgba(43,211,237,0.75) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.75),rgba(43,211,237,0.75) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.1),rgba(43,211,237,0.1) 100%) no-repeat border-box;
        
    background-position: 

        center left 0px,
        center right 0px,
        center left 0px;
    
    background-size: 
        
        4px 1px,
        4px 1px,
        100% 1px;
}

.line{
    
    background:
        
        linear-gradient(to right, rgba(43,211,237,0.1),rgba(43,211,237,0.1) 100%) no-repeat border-box;
        
    background-position: 

        center left 0px;
    
    background-size: 
        
        100% 1px;
}

.line-bottom{
    
    padding-bottom:2px;
    margin-bottom:2px;

    
    background:
        
        linear-gradient(to right, rgba(43,211,237,0.1),rgba(43,211,237,0.1) 100%) no-repeat border-box;
        
    background-position: 

        bottom 0px left 0px;
    
    background-size: 
        
        100% 1px;
}

.flotr-subtitle{
    
    font-family: sf_font, Tahoma;
    color: rgba(43,211,237,1.0);
    text-shadow:0px 0px 4px rgba(43,211,237,0.3);  
    font-size:11px;
    white-space: nowrap!important;
    margin:5px;
}

.v-null{
    
    color:#00A0A0!important;
}

.v-norm{
    
    color:#00FFFF!important;
}


.v-norm-dec{
    
    color:#00A0A0!important;
}


.v-warn{
    
    color:#FF3A3A!important;
}

.v-warn-dec{
    
    color:#B03A3A!important;
}

.v_prewarn{
    
    color:#F0F000!important;
}

.v_prewarn-dec{
    
    color:#A0A000!important;
}
/*

.hintcontent{

    display:none;
    top:auto;
    left:auto;
    max-height:400px;
    max-width:550px;
    overflow-y:auto;
    z-index:100000;
    position:absolute;
    border:1px solid rgba(44,211,237,0.0);
    border-radius: 3px;
    box-shadow: 0px 0px 2px 1px rgba(44,211,237,0.1);
    padding: 5px;
    backdrop-filter:blur(5px);
    background:rgba(0,0,0,0.5);
}
*/
.flotr-legend{
    
    border-radius:3px;
    background: rgba(4,21,23,0.5);
    padding:5px;
}

.flotr-legend-label{
    font-family: sf_font;
    font-size:11px;
    padding:5px;
    color:#22a6ba!important;
}

.flotr-grid-label-x{
    font-family: sf_font;
    font-size:11px;
    color:#22a6ba!important;
}

.flotr-grid-label-y{
    font-family: sf_font;
}

.modalCover{

    background: rgba(4,6,7,0.5);
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    backdrop-filter:blur(5px);
}

.modalWindow{
    
    background: rgba(4,6,7,0.75);
    position:absolute;
    width:300px;
    height:300px;
    top:50%;
    left:50%;
    margin-top:-150px;
    margin-left:-150px;
    display:none;
    z-index:10100;
}

.meHeader{
    
  display:flex;  
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  height:48px;
  
  align-content: center;
  align-items: center;
  justify-content:center;
  
  font-family: sf_title_font;
  font-size:20px;
  font-weight:bold;
  color:rgba(237,55,55,1.0);
  
  border:1px solid rgba(237,55,55,0.1);
  
  
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  box-sizing: border-box;
  
  background: 
      linear-gradient(to right, rgba(237,55,55,0.0), rgba(237,55,55,0.0) 100%) no-repeat border-box, 
      linear-gradient(to right, rgba(237,55,55,0.0), rgba(237,55,55,0.0) 100%) no-repeat border-box, 
      linear-gradient(to right, rgba(237,55,55,0.0), rgba(237,55,55,0.0) 100%) no-repeat border-box, 
      linear-gradient(to bottom, rgba(237,55,55,0.0), rgba(237,55,55,0.0) 100%) no-repeat border-box, 
      linear-gradient(to bottom, rgba(237,55,55,0.0), rgba(237,55,55,0.0) 100%) no-repeat border-box, 
      linear-gradient(to top, rgba(237,55,55,0.1), rgba(237,55,55,0.1) 100%); 
  
  background-position: 
      bottom 0px left 50%,
      bottom 0px right 0px,
      bottom 0px left 0px,
      top 5px right 0px,
      top 5px left 0px,
      top 0px left 0px;
  
  background-size:     
       4px 1px,
       4px 1px, 
       4px 1px,
       1px 100%,
       1px 100%,
       100% 100%;
      
}


.meBody{
  
   
  position:absolute;
  top:50px;
  left:0px;
  right:0px;
  bottom:50px;
  
  
  align-content: center;
  align-items: center;
  justify-content:center;
  
  font-family: sf_font;
  font-size:14px;
  font-weight:normal;
  color:rgba(237,55,55,1.0)!important;
  
  border:3px solid transparent;
  
  box-sizing: border-box;
  overflow:auto;
  background: 
      
      linear-gradient(to right, rgba(237,55,55,1.0), rgba(237,55,55,1.0) 100%) no-repeat border-box, 
      linear-gradient(to right, rgba(237,55,55,1.0), rgba(237,55,55,1.0) 100%) no-repeat border-box, 
      linear-gradient(to right, rgba(237,55,55,1.0), rgba(237,55,55,1.0) 100%) no-repeat border-box, 
      linear-gradient(to right, rgba(237,55,55,0.2), rgba(237,55,55,0.2) 100%) no-repeat border-box, 
      linear-gradient(to top, rgba(237,55,55,0.05), rgba(237,55,55,0.05) 100%); 
  
  background-position: 

      top 0px left 50%,
      top 1px right 0px,
      top 1px left 0px,
      top 1px left 0px,
      top 1px left 0px;
  
  background-size:     
       4px 3px,
       4px 1px,
       4px 1px,
       100% 1px,
       100% 100%;
      
}

.meButton{
  
  display:flex;
  align-content: center;
  align-items: center;
  cursor:pointer;  
  position:absolute;
  font-family: sf_button_font;
  font-size:18px;
  font-weight:normal;
  color:rgba(237,55,55,1.0);
  left:0px;
  right:0px;
  bottom:0px;
  height:48px;
  
  align-content: center;
  align-items: center;
  justify-content:center;
  
  border:1px solid rgba(237,55,55,0.0);
  box-sizing: border-box;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: 

      linear-gradient(to top, rgba(237,55,55,0.2), rgba(237,55,55,0.1) 100%); 
  
  background-position: 

      top 0px left 0px;
  
  background-size:     
       100% 100%;

  
}

.meButton:hover{

  color:rgba(237,79,79,1.0);
  background: 
      
      linear-gradient(to top, rgba(237,55,55,0.25), rgba(237,55,55,0.15) 100%); 
    
}

.meButton:active{

  color:rgba(237,79,79,1.0);
  background: 

      linear-gradient(to top, rgba(237,55,55,0.3), rgba(237,55,55,0.2) 100%); 
    
}


.mwHeader{
    
  display:flex;  
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  height:48px;
  
  align-content: center;
  align-items: center;
  justify-content:center;
  
  font-family: sf_title_font;
  font-size:20px;
  font-weight:bold;
  color:rgba(44,211,237,1.0);
  text-shadow:0px 0px 8px rgba(43,211,237,0.3);
  
  border:1px solid rgba(44,211,237,0.1);
  
  
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  box-sizing: border-box;
  
  background: 
      linear-gradient(to right, rgba(44,211,237,0.0), rgba(44,211,237,0.0) 100%) no-repeat border-box, 
      linear-gradient(to right, rgba(44,211,237,0.0), rgba(44,211,237,0.0) 100%) no-repeat border-box, 
      linear-gradient(to right, rgba(44,211,237,0.0), rgba(44,211,237,0.0) 100%) no-repeat border-box, 
      linear-gradient(to bottom, rgba(44,211,237,0.0), rgba(44,211,237,0.0) 100%) no-repeat border-box, 
      linear-gradient(to bottom, rgba(44,211,237,0.0), rgba(44,211,237,0.0) 100%) no-repeat border-box, 
      linear-gradient(to top, rgba(44,211,237,0.1), rgba(44,211,237,0.1) 100%); 
      
  
  background-position: 
      bottom 0px left 50%,
      bottom 0px right 0px,
      bottom 0px left 0px,
      top 5px right 0px,
      top 5px left 0px,
      top 0px left 0px;
  
  background-size:     
       4px 1px,
       4px 1px, 
       4px 1px,
       1px 100%,
       1px 100%,
       100% 100%;
      
}


.mwBody{
  
  display:flex;  
  position:absolute;
  top:50px;
  left:0px;
  right:0px;
  bottom:50px;
  
  
  align-content: flex-start;
  align-items: flex-start;
  justify-content:center;
  
  font-family: sf_font;
  font-size:14px;
  font-weight:normal;
  color:rgba(44,211,237,1.0)!important;
  
  border:3px solid transparent;
  
  box-sizing: border-box;
  overflow:auto;
  background: 
      
      linear-gradient(to right, rgba(44,211,237,1.0), rgba(44,211,237,1.0) 100%) no-repeat border-box, 
      linear-gradient(to right, rgba(44,211,237,1.0), rgba(44,211,237,1.0) 100%) no-repeat border-box, 
      linear-gradient(to right, rgba(44,211,237,1.0), rgba(44,211,237,1.0) 100%) no-repeat border-box, 
      linear-gradient(to right, rgba(44,211,237,0.2), rgba(44,211,237,0.2) 100%) no-repeat border-box, 
      linear-gradient(to top, rgba(44,211,237,0.05), rgba(44,211,237,0.05) 100%); 
  
  background-position: 

      top 0px left 50%,
      top 1px right 0px,
      top 1px left 0px,
      top 1px left 0px,
      top 1px left 0px;
  
  background-size:     
       4px 3px,
       4px 1px,
       4px 1px,
       100% 1px,
       100% 100%;
      
}

.mwButton{
  
  display:flex;
  align-content: center;
  align-items: center;
  cursor:pointer;  
  position:absolute;
  font-family: sf_button_font;
  font-size:18px;
  font-weight:normal;
  color:#73d6e5;
  text-shadow:0px 0px 6px rgba(43,211,237,0.3);
  
  left:0px;
  right:0px;
  bottom:0px;
  height:48px;
  
  align-content: center;
  align-items: center;
  justify-content:center;
  
  border:1px solid rgba(44,211,237,0.0);
  box-sizing: border-box;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: 

      linear-gradient(to top, rgba(44,211,237,0.12), rgba(44,211,237,0.05) 100%); 
  
  background-position: 

      top 0px left 0px;
  
  background-size:     
       100% 100%;

  
}

.mwButton:hover{

  color: #7eecfc;
  background: 
      
      linear-gradient(to top, rgba(44,211,237,0.18), rgba(44,211,237,0.08) 100%); 
    
}

.mwButton:active{

    color: #cef8ff;
    
    background: 

        linear-gradient(to top, rgba(44,211,237,0.36), rgba(44,211,237,0.16) 100%); 
    
}


.warning{
    background:url('/images/icons/i_warning_red.png');
    background-position: left;
    background-repeat: no-repeat;
    padding-left:12px;
}


.warning_blue{
    background:url('/images/icons/i_warning_blue.png');
    background-position: left;
    background-repeat: no-repeat;
    padding-left:12px;
}

.note{
    
    font-size:10px;
    color:#99bec9;
    font-weight:normal;
}

.content_box{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    font-size:12px;
    overflow:auto;  
    white-space: normal;
}

.helpcontent{
    
}

.helpcontent div, .helpcontent ul, .helpcontent ul li, .helpcontent p, .helpcontent div ul{
    line-height: 1.5!important;
}


.link {
    
    cursor:pointer;
}

.link:hover {
    
    text-decoration: underline;
}



.shaddow5
{
    opacity:0.5;
    filter:alpha(opacity=50);
}

.shaddow8
{
    opacity:0.8;
    filter:alpha(opacity=80);
}

.shaddow7
{
    opacity:0.7;
    filter:alpha(opacity=70);
}

.shaddow6
{
    opacity:0.6;
    filter:alpha(opacity=60);
}

.shaddow9
{
    opacity:0.9;
    filter:alpha(opacity=90);
}

.link {
    
    cursor:pointer;
}

.link:hower {

    text-decoration: underline;
}


.buttoncontainer{
    
    backdrop-filter:blur(5px);
    
    background:

        
        linear-gradient(to right, rgba(23,114,128,1.0),rgba(23,114,128,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(23,114,128,1.0),rgba(23,114,128,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(23,114,128,1.0),rgba(23,114,128,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(23,114,128,1.0),rgba(23,114,128,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(23,114,128,1.0),rgba(23,114,128,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(23,114,128,1.0),rgba(23,114,128,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(23,114,128,1.0),rgba(23,114,128,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(23,114,128,1.0),rgba(23,114,128,1.0) 100%) no-repeat border-box,
        
        
        linear-gradient(to right, rgba(23,114,128,0.25),rgba(23,114,128,0.25) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(23,114,128,0.25),rgba(23,114,128,0.25) 100%) no-repeat border-box,
        linear-gradient(to top, rgba(23,114,128,0.25),rgba(23,114,128,0.25) 100%) no-repeat border-box,
        linear-gradient(to top, rgba(23,114,128,0.25),rgba(23,114,128,0.25) 100%) no-repeat border-box,
        
        linear-gradient(to right, rgba(15,23,26,0.75),rgba(15,23,26,0.75) 100%)  no-repeat content-box;
        
    
    background-position: 

        top 1px left 0px,
        top 0px left 0px,
        top 0px right 0px,
        top 1px right 0px,
        
        bottom 1px left 0px,
        bottom 0px left 0px,
        bottom 0px right 0px,
        bottom 1px right 0px,
        
        top 0px left 0px, 
        bottom 0px left 0px,
        top 0px right 0px,
        top 0px left 0px,
        
        top 0px left 0px;
    
    background-size: 
        
        1px 3px,
        4px 1px,
        4px 1px,
        1px 3px,
        
        1px 3px,
        4px 1px,
        4px 1px,
        1px 3px,
        
        100% 1px,
        100% 1px,
        
        1px 100%,
        1px 100%,
        
        100% 100%;
}


.boxshadow{
    
    backdrop-filter:blur(5px);
    
    background:

        
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,1.0),rgba(43,211,237,1.0) 100%) no-repeat border-box,
        
        
        linear-gradient(to right, rgba(23,114,128,0.5),rgba(23,114,128,0.5) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(23,114,128,0.5),rgba(23,114,128,0.5) 100%) no-repeat border-box,
        linear-gradient(to top, rgba(23,114,128,0.5),rgba(23,114,128,0.5) 100%) no-repeat border-box,
        linear-gradient(to top, rgba(23,114,128,0.5),rgba(23,114,128,0.5) 100%) no-repeat border-box,
        
        linear-gradient(to right, rgba(15,23,26,0.75),rgba(15,23,26,0.75) 100%)  no-repeat content-box;
        
    
    background-position: 

        top 1px left 0px,
        top 0px left 0px,
        top 0px right 0px,
        top 1px right 0px,
        
        bottom 1px left 0px,
        bottom 0px left 0px,
        bottom 0px right 0px,
        bottom 1px right 0px,
        
        top 0px left 0px, 
        bottom 0px left 0px,
        top 0px right 0px,
        top 0px left 0px,
        
        top 0px left 0px;
    
    background-size: 
        
        1px 3px,
        4px 1px,
        4px 1px,
        1px 3px,
        
        1px 3px,
        4px 1px,
        4px 1px,
        1px 3px,
        
        100% 1px,
        100% 1px,
        
        1px 100%,
        1px 100%,
        
        100% 100%;
}


.controlboxshadow{
    
    box-sizing: border-box;
    backdrop-filter:blur(5px);
    padding-left:4px;
    padding-right:4px;
    
    background:

        
        linear-gradient(to right, rgba(23,114,128,1.0),rgba(23,114,128,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(23,114,128,1.0),rgba(23,114,128,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(23,114,128,1.0),rgba(23,114,128,1.0) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(23,114,128,1.0),rgba(23,114,128,1.0) 100%) no-repeat border-box,
        
        linear-gradient(to right, rgba(23,114,128,0.2),rgba(23,114,128,0.25) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(23,114,128,0.2),rgba(23,114,128,0.25) 100%) no-repeat border-box,
        
        linear-gradient(to right, rgba(9,14,15,0.75),rgba(9,14,15,0.75) 100%)  no-repeat border-box;
        
    width:auto;
    
    background-position: 

        top 0px left 0px,
        top 0px right 0px,
        bottom 0px left 0px,
        bottom 0px right 0px,

        
        top 0px left 0px,
        bottom 0px left 0px,
        
        top 0px left 0px;
    
    background-size: 
        
        4px 1px,
        4px 1px,
        4px 1px,
        4px 1px,
        
        100% 1px,
        100% 1px,
        
        100% 100%;
}

.texthintcontent{

    display:none;
    width:auto;
    height:auto;
    max-height:300px;
    max-width:300px;
    overflow:hidden;
    text-overflow: ellipsis;
    z-index:100001;
    position:absolute;
    border:1px solid #125b66;
    border-radius: 3px;
    background:rgba(9,14,15,0.9);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px); 
    align-content: center;
    align-items: center;
    justify-content:center;
    padding: 5px;
    color:#88bdd9;
}

.hintcontent{

    display:none;
    width:auto;
    height:auto;
    max-height:400px;
    max-width:550px;
    overflow-y:auto;
    z-index:100000;
    position:absolute;

    /*
    border:1px solid #125b66;
    background:rgba(9,14,15,1.0);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px); */
    
    justify-content:flex-start;
    align-content: center;
    align-items: center;
  
    
    border:2px solid transparent;

    box-sizing: border-box;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    background:

        
        linear-gradient(to right, rgba(43,211,237,0.5),rgba(43,211,237,0.5) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.5),rgba(43,211,237,0.5) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.5),rgba(43,211,237,0.5) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.5),rgba(43,211,237,0.5) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.5),rgba(43,211,237,0.5) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.5),rgba(43,211,237,0.5) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.5),rgba(43,211,237,0.5) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.5),rgba(43,211,237,0.5) 100%) no-repeat border-box,
        
        linear-gradient(to right, rgba(43,211,237,0.2),rgba(43,211,237,0.2) 100%) no-repeat border-box,
        linear-gradient(to right, rgba(43,211,237,0.2),rgba(43,211,237,0.2) 100%) no-repeat border-box,
        
        linear-gradient(to top, rgba(9,13,15,0.9), rgba(9,13,15,0.9) 100%) no-repeat border-box;
       
    
   
    background-position: 

        top 1px left 0px,
        top 0px left 0px,
        top 0px right 0px,
        top 1px right 0px,
        
        bottom 1px left 0px,
        bottom 0px left 0px,
        bottom 0px right 0px,
        bottom 1px right 0px,
        
        top 0px left 0px,
        bottom 0px left 0px,
        
        top 0px left 0px;
    
    background-size: 
        
        1px 3px,
        4px 1px,
        4px 1px,
        1px 3px,
        
        1px 3px,
        4px 1px,
        4px 1px,
        1px 3px,
        
        100% 1px,
        100% 1px,
        
        100% 100%;
}

.value-n {
    
    display:flex;
    align-items:center;
    justify-content:center;
    align-content:center;
    flex-flow: row wrap;

    
    overflow:hidden;
    white-space: nowrap;
    
    font-family: Tahoma, sans-serif;
    
    color:#00FFFF;
    font-size:11px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid rgba(28,136,153,0.4);
    border-radius: 3px;
    
    background:

            radial-gradient(ellipse 90% 90%, rgba(0,0,0,0.25), rgba(0,0,0,1.0)) no-repeat,
            url('/images/ui/flat/value_bg_blue.png') repeat padding-box;
    
    
    background-position:
        left 0px top 0px, 
        left 0px top 0px; 
    
    background-size: 
        100% 100%, 
        3px 3px; 
}

.value, .valuecontainer, .value-n, .value_hdr, .inputText.value, .inputText.value:focus {
    
    color:#00D0D0!important;
}

.v-null{
    
    color:#00A0A0!important;
}

.v-norm{
    
    color:#00D0D0!important;
}


.v-norm-dec{
    
    color:#00A0A0!important;
}

.v-warn{
    
    color:#ff3a3a!important;
}

.v-warn-dec{
    
    color:#C03a3a!important;
}

.v-prewarn{
    
    color:#D0D000!important;
}

.v-prewarn-dec{
    
    color:#A0A000!important;
}

.v-gray{
    
    color:#A0A0A0!important;
}

.v-gray-dec{
    
    color:#808080!important;
}


.controls-center{
 
    display:flex;
    align-items:center;
    justify-content:center;
    align-content:center;
    flex-flow: row wrap;
}