/* load font awesome */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap');
/* @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Quicksand:300,400,700");*/
/*
font-family: 'Nunito', sans-serif;
font-family: 'Open Sans', sans-serif;z
*/
 
@import url("fonts/fabric2/css/fabric-inline.css");
@import url("wio2.css?ver=fawefaefaefaefaefaefaduifagdfuigajdf");
 
/*
wio-ui-
 $fontOpenSans: 'Open Sans', 'sans-serif', 'Arial';
$fontRaleway: 'Raleway', 'sans-serif';


# (c) Copyright 2003 - 2016  Web4Minds, All Rights Reserved
# Use of this software is governed by license that can be
# found in the LICENSE file.
# wio - Web4Minds Intelligent Objects - Version: 2.0.1.4 


/*
    text                #404040; 
    a: hover            #005cce 
    border              #ddd
    box-shadow:         0 1px 3px #e2e2e2;
    background-color:   #f8f8f8 //wio-ui-Accordion-Item



    background-color    #F6F8FA;
    border colors       #dddddd;
    shadow              #dddddd;
    hover1              #A9BACF
    border:             1px solid #cccccc;  
    box-shadow:         1px 3px #cccccc; 
    blue:               #005cce
    blue light 1        #b9ddf4

$('body').append("<div class='wio-ui-Form-Wait'><div>Loading... Please wait.</div></div>");


*/


.wio-ui-NotifyItems{ position:fixed; left:0px; bottom:0px;  z-index:99999999999; }
.wio-ui-NotifyItems > div{ box-sizing:border-box; opacity:1;animation: wio-ui-NotifyItems-anima 0.5s linear; transition:all 0.3s linear; border-radius:8px; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; font-size:15px; margin:20px; align-items:center; background-color:rgba(0,0,0,0.9); color:#fff; padding:20px; display:flex; }
.wio-ui-NotifyItems > div > div > p{ font-size:18px; padding:0px; margin:0 0 7px 0 }
.wio-ui-NotifyItems > div > i{ font-size:30px; opacity:0.4; margin-right:20px; }
.wio-ui-NotifyItems > div > a{ font-size:14px; transition:all 0.3s; color:#fff; opacity:0.6; margin-left:50px; display:inline-block; }
.wio-ui-NotifyItems > div > a:hover{ opacity:1;  }
    .wio-ui-NotifyItems > div > i.spin {
        animation: spin 4s linear infinite;
    }

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes wio-ui-NotifyItems-anima {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}





.input-c.label-top label {
    margin-bottom: 5px
}

.input-c.label-top span.message {
    display: block;
    position: absolute;
    margin-top: 2px;
    font-size: 12px
}

.input-c.label-top {
    display: inline-block !important;
 }

.input-c {
    display: inline-block;
    position: relative;
    align-items: center;
    min-height: 40px;
}

    .input-c label {
        display: block;
        margin-right: 10px;
        font-size:12px;
    }

.input-label {
}

.input {
    line-height: 35px;
    color: #000;
    vertical-align: top;
    transition: all 0.3s;
    background-color: #fff;
    transition: all 0.3s;
    border-radius: 3px;
    height: 35px;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
    font-size: 14px;
}

    .input[type=checkbox],
    .input[type=radio] {
        margin-right: 10px;
        display: inline-block;
        width: 17px !important;
        height: 17px !important;
    }

    .input::placeholder {
        color: #aaaaaa;
    }


    .input:focus {
        border: 1px solid #005cce !important;
        background-color: #fff !important;
        color: #004397;
        box-shadow: inset 0 0 0 1px #005cce
    }


    .input-c.error input,
    .input.error {
        border: 1px solid #d50000 !important;
        box-shadow: inset 0 0 0 1px #d50000 !important;
        color: #d50000 !important;
        background-color: #ffd9d9 !important;
    }

.input-c.error label {
    color: #d50000 !important;
}

.input-c.error span.message {
    color: #d50000 !important;
    font-size: 12px;
    margin-left: 5px;
}

.input-c.error .input::placeholder,
.input.error::placeholder {
    color: #ffabab !important;
}


.button {
    line-height: 35px;
    color: #000;
    vertical-align: top;
    transition: all 0.3s;
    background-color: #e9e9e9;
    transition: all 0.3s;
    border-radius: 3px;
    height: 35px;
    padding: 0 12px 0 12px;
    display: inline-flex;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
}

    .button:active {
        transform: translateY(3px);
    }

    .button:hover {
        background-color: #dedede;
    }


 
.space-30 {
    padding:30px;
}
.input-items input,
.input-items select {
    width: 100%;
}


.input-select-items {
    color: #000;
    vertical-align: top;
    transition: all 0.3s;
    background-color: #fff;
    transition: all 0.3s;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 14px;
    width: 100%;
    max-height: 300px;
    position: absolute;
    top: 44px;
    padding: 10px;
    left: 0px;
    z-index: 9999;
    box-shadow: var(--shadow);
    animation: fadeIn 0.3s;
}

.input-c.label-top .input-select-items {
    top: 64px;
}
    .input-select-items > div {
    display: flex;
    align-items: center;
}

        .input-select-items > div i {
            position: absolute;
            margin-left: 10px;
            font-size: 11px;
            opacity: 0.6;
        }

        .input-select-items > div a {
            position: absolute;
            right: 11px;
            height: 28px;
            border-radius: 3px;
            width: 30px;
            text-align: center;
            line-height: 28px;
            font-size: 11px;
        }

    .input-select-items input::placeholder {
        color: #666
    }

    .input-select-items input {
        height: 30px;
        line-height: 30px;
        background-color: transparent;
        border: 0px;
        padding-left: 30px;
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #e4e8ec;
        border-radius: 3px;
        padding-right: 30px;
    }

        .input-select-items input:focus {
            border: 1px solid #005cce;
            color: #004397;
        }

    .input-select-items ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        overflow: auto;
        max-height: 240px;
        margin-top: 10px;
    }

        .input-select-items ul li.selected {
            color: #005cce;
            background-color: #f0f3f6; 
        }
 
        .input-select-items ul li {
            padding: 6px;
            border-radius: 3px;
            transition: all 0.3s;
            cursor: pointer;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            margin-bottom: 1px;
        }

            .input-select-items ul li:hover {
                background-color: #f0f3f6;
            }


.input-select {
    cursor: pointer;
    width: 100%
}

    .input-select > section {
         position: absolute;
        height: 40px;
        width: 100%;
        top: 0px;
        left: 0px;
    }

    .input-select select {
        opacity: 1 !important;
        cursor: pointer;
        width:100%;
    }

    .input-select:hover select {
        border: 1px solid #005cce !important;
        background-color: #fff !important;
        color: #004397;
        box-shadow: inset 0 0 0 1px #005cce
    }

.input-select-top div.input-select-items {
    height: 400px;
    top: -285px !important;
}


.input-select-items ul li.disableditem { opacity:0.5; cursor:default !important;  }

.input-select-items ul li.disableditem::after{ content:' (Suspended!)'; display:inline-block;    }

.input-items {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}
.input-items.col-5 > div {  width: calc(20% - 25px);  }
.input-items.col-5 > div:nth-child(5n) {  width:20%  }

.input-items.col-4 > div {  width: calc(25% - 25px);  }
.input-items.col-4 > div:nth-child(4n) {  width:25%  }

.input-items.col-3 > div {  width: calc(33.33% - 25px);  }
.input-items.col-3 > div:nth-child(3n) {  width:33%  }

.input-items.col-2 > div {  width: calc(50% - 25px); }
.input-items.col-2 > div:nth-child(2n) {  width:50%  }

.input-items.col-1 > div {  width: 100%;   }

    
       
@media (max-width:900px) 
{
    .input-items > div {  width: calc(50% - 25px) !important; } 
}

@media (max-width:500px) 
{
    .input-items > div { width: 100% !important; } 
}  

.input-items-block{ background-color:#f6f6f6; border-radius:5px; padding:5px 10px 10px 10px; }
.input-items-block > div.input-items{ padding-top:20px; }
.input-items-block-title {   display:flex;    align-items:center; }
.input-items-block-title > span{ font-weight:600; font-size:16px;  }
.input-items-block-title > b {  margin-left: 10px; margin-right: 10px; font-size: 10px;  margin-top: 2px; } 
.input-items-block-collapse{  display:inline-block; font-size:15px; margin-left:auto; border-radius:30px; width:30px; height:30px; line-height:30px; text-align:center; transition:all 0.3s;     }
.input-items-block-collapse:hover{  color:#004397 !important; background-color:#f1f1f1      }


/*NEW FORM*/


.icon_pin {
    -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: 'FabricMDL2Icons';
font-style: normal;
font-weight: normal;
speak: none;
}

.view-popup-list {
display: none;
box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 20px -20px;
position: absolute;
border-radius: 3px;
background-color: #fff;
border: 1px solid #e2e2e2;
font-weight:400;
z-index:99;
}
.view-popup-list a i { font-size: 12px; }
.view-popup-list a { position: absolute; border: 2px solid rgba(0,0,0,.1); box-shadow:5px -5px 5px 1px rgba(0,0,0,.1); background-color: #fff; line-height: 30px; height: 30px; width: 30px; text-align: center; border-radius: 30px; margin-top: -15px; right:-15px; }
.view-popup-list a:hover i { color: var(--main-color) !important}
.view-popup-list ul{ list-style:none; padding:0px; margin:0px; }
.view-popup-list ul li{ cursor:pointer; transition:all 0.3s;    color:#000; line-height:40px; padding-left:10px; font-size:13px !important; padding-left:20px; padding-right:20px; display:flex; align-items:center; }
.view-popup-list ul li:not(:last-child){   border-bottom:1px solid #eeeeee;  }
.view-popup-list ul li.selected{ color:var(--main-color) !important; font-weight:bold; }
.view-popup-list ul li.selected i{ color:var(--main-color) !important; opacity:1; }
.view-popup-list ul li i{ margin-right:15px; font-size:14px !important; color:#000; opacity:0.5; }
.view-popup-list ul li:hover { background-color:#f8f8f8; color:var(--main-color);  }
.view-popup-list ul li:hover i{ color:var(--main-color); opacity:1; }
.view-popup-list ul li:first-child{ border-top-left-radius: 10px; padding-top:5px; border-top-right-radius: 10px;  }
.view-popup-list ul li:last-child{ border-bottom-left-radius: 10px; padding-bottom:5px; border-bottom-right-radius: 10px;  }



.pageroottitle{ font-size:16px; letter-spacing:-1px; font-weight:400;   display:flex; align-items:center }
.pageroottitle span { display:inline-block;  opacity:0.5; margin-left:10px; margin-right:10px; font-size:10px;  }
.pageroottitle div:not(:last-child) { opacity:0.5; }

.movingitemplace{ border:1px solid #2196F3 !important; background-color:#f8f8f8; box-sizing:border-box; }
.movingitemmoved{ overflow:hidden; height:0px !important; }
.movingitem{ position:absolute; z-index:9; background-color:#fff; opacity:0.3; border:2px solid #ccc; box-sizing:border-box; }
.movingitemline{ height:2px; position:absolute; z-index:9; background-color:#2196F3; }


.inp{ line-height:35px; box-sizing:border-box; vertical-align:top; color:#000; transition:all 0.3s; border:1px solid#e2e2e2 ; border-radius:3px;  height:35px; padding:0 12px 0 12px; display:inline-flex; align-items:center; }
.inp:active, .inp:focus{ border-color:#005cce; }
    
.btn{ line-height:35px; color:#000; vertical-align:top;  transition:all 0.3s; background-color:#e2e2e2; border-radius:3px;  height:35px; padding:0 15px 0 15px; display:inline-flex; align-items:center; }
.btn > i{ margin-right:5px; opacity:0.6;  transition:all 0.3s; }
.btn:hover{ background-color:#ccc;  color:#000;}
.btn:hover i{ opacity:1 }
     
.btnb{color:#fff !important; background-color:#005cce;   }
.btnb:hover{ background-color:#004eae;  color:#fff;} 
     
.btno{color:#fff !important; background-color:#eb7a41;   }
.btno:hover{ background-color:#e86421;  color:#fff;}
     
.btng{color:#fff !important; background-color:#22B259;   }
.btng:hover{ background-color:#068235;  color:#fff;}

.btn.x0{ font-size:10px; font-weight:bold; padding:0 5px 0 5px; height:25px !important; line-height:25px !important;  }
.btn.x1{ font-size:12px; padding:0 10px 0 10px; height:30px !important; line-height:30px !important;  }
.btn.x2{ font-size:16px; height:40px !important; line-height:40px !important;  }
.btn.x3{ font-size:16px; height:50px !important; line-height:50px !important;  }

.icon_pin:before {
    content: "\E554";
}
.gridheader {
    padding: 20px 20px 20px 30px;
    
    background: url(images/headerbg10.png);
     background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 400px;
}
.gridheader h1{ margin:0px; padding:0px;   font-weight:600;font-size:20px;   text-transform:uppercase;  }
.gridheader span{ display:inline-block; margin-top:2px; font-size:14px; font-weight:400 !important;  }
.gridheader.counter{ display:flex; padding-bottom:5px; font-size:12px;  font-weight:600; height:50px !important; }
.gridheader.counter > div{ display:flex;  }
 .gridheader.counter > div:not(:last-child){ margin-right:30px; }
.gridheader.counter > div > i{ font-size:25px; opacity:0.7; width:40px; }
.gridheader.counter > div > div > p{ padding:0px; display:block; margin:0 0 2px 0; }
.gridheader.counter > div > div > div{ opacity:0.6; }
.gridheader.counter > div > div > span{  font-size:16px; font-weight:600;  }
body {
    margin: 0px;
    padding: 0px;
    font-family: "Roboto", "sans-serif", "Arial";
    font-size: 13px;
    color: #091E42;
    font-smooth: always;
    background-color: #f9f9f9;
}
input, textarea, select {font-family: "Roboto", "sans-serif", "Arial";}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
 
.formtitle{ padding-left:30px; margin-bottom:5px; margin-top:30px; color:#005cce; font-size:18px; }

.msg-info{ padding:20px;color: #059;background-color: #BEF; font-size:16px; }
.msg-warning{ padding:20px;color: #9F6000;background-color: #FEEFB3; font-size:16px; }
.msg-error{ padding:20px;color: #D8000C;background-color: #FFBABA;font-size:16px; }
.msg-info h3, .msg-warning h3, .msg-error h3{ padding:0px; margin:0 0 10px 0 }

.msg-info-cols{ display:flex; }
.msg-info-cols > .msg-info-col > i{ font-size:40px; opacity:0.6; margin-right:30px; }
/*<div class="msg-info msg-info-cols><div class="msg-info-col"><i class="fabric fabric-Info"></i></div><div class="msg-info-col">"*/



.gridhidefirstcol .wio-grid-Header table tr th:first-child span{ display:none; }
.gridhidefirstcol .wio-grid-Header table tr td:first-child input{ display:none; }
.gridhidefirstcol .wio-grid-Header table tr td:first-child i{ display:none; }
.gridhidefirstcol .wio-grid-Body table tr:not(.wio-grid-RowGroupBySub) td:first-child{ opacity:0;  }
.gridhidefirstcol .wio-grid-Footer table tr td:first-child{ opacity:0; }

.wio-notify-bottom{ z-index:99999; position:fixed; display:flex; align-items:center; transition:all 0.3s; left:0px; bottom:-60px; box-sizing:border-box; width:100%; color:#fff; font-size:18px; padding:10px 20px 10px 20px;}
.wio-notify-bottom > div{ width:100%; padding:10px;  box-sizing:border-box;}
.wio-notify-bottom > i{ color:#fff; font-size:25px; opacity:0.7; align-self:flex-start; margin-top:8px; margin-right:10px; }
.wio-notify-bottom > a{ color:#fff; font-size:20px; opacity:0.6 }
.wio-notify-bottom > a:hover{ color:#fff;  opacity:1}
.wio-notify-bottom div div{ margin-top:10px }
.wio-notify-bottom div div a{ color:#fff;  font-size:16px; }
.wio-notify-bottom div div a.line-a{ display:block; margin-top:5px; padding-left:30px; opacity:0.9; }

    .wio-notify-bottom div div a.line-a i {
        position: absolute;
        margin-left: -30px;
        font-size: 12px;
        transition: all 0.3s;
        margin-top: 3px;
        opacity: 0.7;
    }
.wio-notify-bottom div div a.line-a:hover i{ margin-left:-20px; opacity:1; }
.wio-notify-bottom div div a.line-a:hover{  opacity:1; }

.wio-notify-bottom-top{ bottom:auto !important; top:-60px; }

.wio-notify-bottom.notify-green-clr{  background-color:#00ab16;  box-shadow: 0 0 30px 1px #00ab16  }
.wio-notify-bottom.notify-red-clr{  background-color:#c21515;  box-shadow: 0 0 30px 1px #c21515  }
.wio-notify-bottom.notify-orange-clr{  background-color:#ef7015;  box-shadow: 0 0 30px 1px #ef7015 }
.wio-notify-bottom.notify-blue-clr{  background-color:#0055ab;  box-shadow: 0 0 30px 1px #0055ab   }

.wio-clear {clear: both;}
.wio-clear-10 {clear: both;height: 10px;}
.wio-box {background-color: #fff;border: 1px solid #dddddd;box-shadow: 0 1px 3px #e2e2e2;}
.wio-box-1 {display: inline-block;padding: 5px;}
.wio-left {float: left;}
.wio-left-form {float: left;margin-left: 20px;border-left: 1px dotted #e2e2e2;}
.wio-ui-Form {}
.wio-ui-Form .wio-ui-Input{ margin-bottom:5px; }
.wio-ui-Form .wio-ui-ComboBox{ margin-bottom:5px; }
.wio-left-r10 {float: left;margin-right: 10px;}
.wio-left-l10 {float: left;margin-left: 10px;}
.wio-left-10 {float: left;margin-left: 10px;}
.wio-left-20 {float: left;margin-left: 20px;}
.wio-right {float: right;}
.wio-ui-RadiusSearch {margin-bottom: 10px;}
.wio-ui-RadiusSearch input {padding: 10px;width: calc(100% - 30px);padding-left: 20px;border-radius: 20px;background-color: #fff;border: 0px;}
.wio-ui-RadiusSearch i {float: left;margin-left: 10px;margin-top: 10px;position: absolute;}
.wio-ui-Messages-InfoAlert {padding: 30px;text-align: center;}
.wio-ui-Messages-InfoAlert i {font-size: 40pt !important;color: orange;}
.wio-ui-Messages-InfoAlert p {font-size: 10pt !important;}
a {color: #091E42;text-decoration: none;}
a:hover {color: #005cce}
hr {height: 0.1em;border: 0px;color: #ccc;background-color: #ccc !important;}
fieldset {padding: 0px;margin: 0px;border: 1px solid #e2e2e2;}
fieldset legend {padding: 5px;margin-left: 10px;font-weight: bold;font-size: 8pt;padding-right: 10px;color: #005cce;text-transform: uppercase;}
fieldset > div {padding: 10px;}
.wio-blink {animation: blinker 1s linear infinite;}
@keyframes blinker {50% {opacity: 0.0;}
}
.wio-ui-Radio input[type='radio'] {float: left;margin-top: 2px;}
.wio-ui-Radio label {float: left;margin-right: 10px;}
.wio-ui-LinkButton {font-size: 11pt;color: #005cce}
.wio-ui-LinkButton:hover {color: #14679d}
.wio-ui-ajax-Loading {
    position: absolute;
    _position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    z-index: 9999;
    background-color: #091E42;
    opacity: 0.36;
    background-image: url(images/loading/ovalwhite.svg);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 99999;
    background-size: 50px 50px;
}
.wio-ui-Loading {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/loading/ovalwhite.svg)
}
.wio-ui-Loading2 {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/loading/oval.svg)
}



.wio-ui-ajax-Loading div {
    z-index: 99999;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: calc(50% + 50px);
    padding:10px; background-color:#fff; border-radius:2px;
    box-shadow:0 0 10px 3px rgba(0,0,0,0.1);
}
.wio-ui-ajax-Loading > a {
    display:inline-block;
    z-index: 99999;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: calc(50% + 50px);
    padding: 10px;
     border-radius: 2px;
     color:#fff;
 }
.wio-ul {padding: 0px;margin: 0px;list-style: none;}
.wio-ul > li {padding: 5px;padding-left: 10px;padding-right: 15px;cursor: pointer;}
.wio-ul > li > i {margin-right: 5px;width: 15px;text-align: left;}
.wio-ul > li:hover {color: #005cce;}
.wio-ul-selected {color: #005cce;}
.wio-ul-selected i {color: #005cce;}
.wio-ul-selected span {color: #005cce;}
.wio-ul2 {padding: 0px;margin: 0px;list-style: none;}
.wio-ul2 > li {padding-left: 5px;padding-bottom: 5px;cursor: pointer;}
.wio-ul2 > li > i {margin-right: 5px;width: 10px;text-align: left;}
.wio-ul2 > li:hover {color: #005cce;}
.wio-ui-sep {border-bottom: 1px solid #dddddd !important;cursor: auto !important;}
.wio-ui-sep-1 {border-bottom: 1px solid #dddddd !important;cursor: auto !important;margin: 0px !important;height: 0px !important;padding: 0px !important;}
.wio-ui-Radio:checked, .wio-ui-Radio:not(:checked) {position: absolute;left: -9999px;}
.wio-ui-Radio:checked + label, .wio-ui-Radio:not(:checked) + label {position: relative;padding-left: 28px;cursor: pointer;line-height: 20px;display: inline-block;color: #666;}
.wio-ui-Radio:checked + label:before, .wio-ui-Radio:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 1px solid #ddd;border-radius: 100%;bac}
.wio-ui-Radio:checked + label:after, .wio-ui-Radio:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: #0067c6;position: absolute;top: 4px;left: 4px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.wio-ui-Radio:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.wio-ui-Radio:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.wio-ui-Check:checked, .wio-ui-Check:not(:checked) {position: absolute;left: -9999px;}
.wio-ui-Check:checked + label, .wio-ui-Check:not(:checked) + label {position: relative;padding-left: 28px;cursor: pointer;line-height: 20px;display: inline-block;color: #666;}
.wio-ui-Check:checked + label:before, .wio-ui-Check:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 1px solid #ddd;border-radius: 2px;background: #fff;}
.wio-ui-Check:checked + label:after, .wio-ui-Check:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: #0067c6;position: absolute;top: 4px;left: 4px;border-radius: 2px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.wio-ui-Check:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.wio-ui-Check:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}


/* ACCORDION */
.wio-ui-Accordion {border: 1px solid #dddddd;box-shadow: 0 1px 3px #e2e2e2;}
.wio-ui-Accordion-Item {display: none;box-shadow: inset 0 1px 6px #e2e2e2;background-color: #f8f8f8;padding: 10px;}
.wio-ui-Accordion div:nth-last-child(2) {border-bottom: 0px;}
.wio-ui-Accordion-Item-Title {padding: 10px;font-size: 12pt;border-bottom: 1px solid #dddddd;padding-left: 0px;}
.wio-ui-Accordion-Item-Title:hover {color: #005cce;cursor: pointer;}
.wio-ui-Accordion-Item-Title i {width: 40px;text-align: center;}


/*BUTTON*/
.wio-ui-Button {display: inline-block; border-radius: 3px;  transition:all 0.3s; line-height:35px; height:35px; padding:0 15px 0 15px; box-sizing:border-box; border:1px solid #e2e2e2; }
.wio-ui-Button > i {float: left;  margin-right:5px; margin-left:5px;}
.wio-ui-Button:hover {background-color: #e2e2e2;}
.wio-ui-Button:active { transform:translateY(3px) }
.wio-ui-Button[type='button'] { background-color: #fff;}

 

input[type='submit'] {
    line-height: 35px;
    color: #000 !important;
    vertical-align: top;
    transition: all 0.3s;
    background-color: #e2e2e2;
    border-radius: 3px;
    height: 35px;
    padding: 0 15px 0 15px;
    display: inline-flex;
    align-items: center;
    height: 35px !important;
    border: 0px !important;
    line-height: 35px !important;
    display: inline-block !important;
    padding: 0px 20px 0 20px !important;
    cursor:pointer !important;
}
input[type='file'] {font-size: 100%;padding: 5px;color: #404040;box-shadow: inset 0 0 4px 1px rgba(0,0,0,.04);color: rgba(0,0,0,.8);background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03) 50%);border: 1px solid #dddddd;cursor: pointer;text-decoration: none;display: inline-block;}
input[type='submit']:hover {background-color:#ccc !important;  color:#000 !important;}
.wio-ui-Button i {float: left;  margin-right:5px;  margin-left:5px;}

.wio-ui-Button-Blue, .wio-ui-Button-Purple, .wio-ui-Button-Green, .wio-ui-Button-Red, .wio-ui-Button-Orange {color: white;}
.wio-ui-Button-Blue:hover, .wio-ui-Button-Purple:hover, .wio-ui-Button-Green:hover, .wio-ui-Button-Red:hover, .wio-ui-Button-Orange:hover {color: white !important; box-shadow:inset 0 0 20px 1px rgba(0,0,0,0.3) }
.wio-ui-Button-Blue {background-color: #0078e7 !important;border:0px !important; }
.wio-ui-Button-Purple {background-color: #8058a5 !important;border:0px !important; }
.wio-ui-Button-Green {background-color: #009700 !important;border:0px !important; }
.wio-ui-Button-Red {background-color: #ca3c3c !important;border:0px !important; }
.wio-ui-Button-Orange {background-color: #df7514 !important;border:0px !important; }
.wio-ui-Button-xsmall {padding: 1px !important;padding-left: 5px !important;font-weight: bold !important;padding-right: 5px !important;font-weight: normal;font-size: 8pt !important; line-height:20px; height:20px;}
.wio-ui-Button-small {font-size: 85% !important;padding: 3px !important;font-weight: bold !important;padding-left: 5px !important;padding-right: 5px !important; line-height:30px; height:30px;}
.wio-ui-Button-large {font-size: 110%;  padding-left: 15px;padding-right: 15px; line-height:40px; height:40px;}
.wio-ui-Button-xlarge {font-size: 125%; padding-left: 20px;padding-right: 20px; line-height:50px; height:50px; }
.wio-ui-Button-xxlarge {font-size: 200%; padding-left: 30px;padding-right: 30px; line-height:60px; height:60px; }
.wio-ui-Button-round {border-radius: 30px;}
.wio-ui-Button[type='button'] {padding: 6px;padding-left: 12px;padding-right: 12px;}
.wio-ui-Button-Groups {list-style: none;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);float: left;display: inline-block;padding: 0px;margin: 0px;font-size: 100%;color: #444;color: rgba(0,0,0,.8);border: 1px solid #404040;border: 0 rgba(0,0,0,0);background-color: #E6E6E6;}
.wio-ui-Button-Groups li {float: left;cursor: pointer;border-right: 1px solid rgba(0, 0, 0, 0.1);padding: 5px;padding-left: 12px;padding-right: 12px;}
.wio-ui-Button-Groups li i {width: 20px;text-align: left;}
.wio-ui-Button-Groups li:last-child {border-right: 0px;}
.wio-ui-Button-Groups li:hover {background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));color: #444;}
.wio-ui-Button-Groups-Blue li, .wio-ui-Button-Groups-Purple li a, .wio-ui-Button-Groups-Green li a, .wio-ui-Button-Groups-Red li a, .wio-ui-Button-Groups-Orange li a {color: white !important;}
.wio-ui-Button-Groups-Blue li:hover, .wio-ui-Button-Groups-Purple li:hover, .wio-ui-Button-Groups-Green li:hover, .wio-ui-Button-Groups-Red li:hover, .wio-ui-Button-Groups-Orange li:hover {color: white !important;background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.3)) !important;}
.wio-ui-Button-Groups-Blue {background-color: #0078e7;}
.wio-ui-Button-Groups-Purple {background-color: #8058a5;}
.wio-ui-Button-Groups-Green {background-color: #009700;}
.wio-ui-Button-Groups-Red {background-color: #ca3c3c;}
.wio-ui-Button-Groups-Orange {background-color: #df7514;}
.wio-ui-Button-Dropdown i {}
.wio-ui-Button-Dropdown-Icon {border-left: 0px;background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 50%) !important;text-align: center;padding-right: 6px;padding-left: 8px;}
.wio-ui-Button-Groups-Vertical li {float: none;border: 0px !important;border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;}
.wio-ui-Button-Groups-Vertical li:last-child {border-bottom: 0px !important;}
.wio-ui-DropDown {z-index: 9999;position: absolute;display: none;float: right;margin: 0px;padding: 0px;list-style: none;margin-top: -1px;min-width: 100px;background-color: #fff;border: 1px solid #cccccc;box-shadow: 0 1px 3px #cccccc;}
.wio-ui-DropDown li {padding: 6px;cursor: pointer;padding-left: 5px;text-align: left;font-size: 11pt;color: #404040;padding-right: 10px;border-bottom: 1px solid #EBEBEB;}
.wio-ui-DropDown li:hover {background-color: #EBEBEB;transition: background-color 200ms linear;}
.wio-ui-DropDown li > i {font-size: 8pt;width: 20px;text-align: center;}
.wio-ui-DropDown li:last-child {border-bottom: 0px;}
.wio-ui-DropDown > i {cursor: pointer;}
.wio-ui-ButtonBlueRound {font-size: 100%;font-size: 10pt;border-radius: 30px;padding: 10px;padding-left: 20px;padding-right: 20px;color: white !important;background-color: #0078e7;cursor: pointer;text-decoration: none;display: inline-block;}
.wio-ui-ButtonBlueRound:hover {background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.3)) !important;}
.wio-ui-ButtonBlueRound:active {box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);}
.wio-ui-ButtonBlueRound i {width: 15px;}

.wio-ui-Button1i{   }

.wio-ui-Button1 {display: inline-block; border-radius: 3px; box-sizing:border-box;  transition:all 0.3s; line-height:35px; height:35px; padding:0 15px 0 15px;  border:1px solid #e2e2e2; }
.wio-ui-Button1 > i {float: left;  margin-right:5px;  margin-left:5px;}
.wio-ui-Button1:hover {background-color: #e2e2e2; color:#000; }
.wio-ui-Button1:active { transform:translateY(3px)  }
.wio-ui-Button2:active { transform:translateY(3px)  }

.wio-ui-Button2 {display: inline-block;  line-height:35px; transition:all 0.3s; height:35px; padding:0 15px 0 15px; box-sizing:border-box; background-color: #0078e7;color: #fff;border-radius: 3px;  }
.wio-ui-Button2 > i {float: left; margin-right: 5px;  margin-left:5px;}
.wio-ui-Button2:hover {background-color: #00479f;color: #fff;}

 
.wio-ui-Button2.large{ height:50px !important; line-height:50px !important; font-size:16px !important;   padding:0 25px 0 25px !important;}

 
.wio-ui-Button1-1{ align-items:center; transition:all 0.3s;   margin-left:10px; padding:5px; border-radius:3px; background-color:rgba(0, 0, 0, 0.05); font-size:10px; font-weight:bold; text-transform:uppercase; display:inline-flex;  }
.wio-ui-Button1-1 i{ margin-right:4px; }
.wio-ui-Button1-1 :hover{background-color:rgba(0, 0, 0, 0.1); }


.wio-ui-Button2-1 {
    align-items: center;
    transition: all 0.3s;
    margin-left: 10px;
    padding: 5px;
    border-radius: 3px;
    background-color: #0078e7;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-flex;
    color:#fff !important;
}
.wio-ui-Button2-1 i{ margin-right:4px; }
.wio-ui-Button2-1 :hover{background-color:#00479f; }

 

.wio-ui-Button3 {display: inline-block;padding: 10px;background-color: green;color: #fff;border-radius: 3px;}
.wio-ui-Button3 > i {float: left;margin-top: 2px;margin-right: 5px;  margin-left:5px;}
.wio-ui-Button3:hover {background-color: #016402;color: #fff;}
.wio-ui-Button3-1 {display: inline-block;padding: 5px;font-size: 8pt;font-weight: bold;text-transform: uppercase;background-color: green;color: #fff;border-radius: 3px;}
.wio-ui-Button3-1 > i {float: left;margin-top: 2px;margin-right: 5px}
.wio-ui-Button3-1:hover {background-color: #016402;color: #fff;}

.wio-ui-Button4 {display:block; text-align:center; width: calc(100% - 12px); padding: 3px;box-shadow: inset 0 0 0 1px #e2e2e2;border-radius: 3px;}
.wio-ui-Button4 > i {float: left;margin-top: 2px;margin-right: 5px;  margin-left:5px;}
.wio-ui-Button4:hover {background-color: #fff;}

.wio-ui-Button4 ul {  box-shadow: 0 0 5px 0.5px rgba(0, 0, 0, 0.12); width :120px;  position:absolute; list-style:none; padding:0px; margin:0px; margin-top:2px; margin-left:-57px; display:none; border:1px solid #e2e2e2; border-radius:3px; background-color:#fff; }
.wio-ui-Button4:hover ul{display:block}
.wio-ui-Button4 li {padding:11px; text-align:left; color:#000; border-bottom:1px solid #e2e2e2;}
.wio-ui-Button4 li:hover  { color:#005cce  }
.wio-ui-Button4 li i{ width:20px; color:#676767; float:left; margin-top:2px; }
.wio-ui-Button4 li:hover i{ color:#005cce  }

/*FILE UPLOAD*/
.wio-ui-FileUpload {padding: 4px;margin-bottom: 5px;outline: none !important;border: 1px solid #dddddd;box-shadow: inset 0 1px 4px #e2e2e2;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #fff;width: 250px;background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03) 50%);border: 1px solid #dddddd;}


/*CHECKCBOX*/
.wio-ui-CheckBox {padding-top: 4px;padding-bottom: 6px;display: inline-block;}
.wio-ui-CheckBox input[type='checkbox'] {padding: 0px;margin: 0px;margin-right: 5px;float: left;margin-top: 2px;}
.wio-ui-CheckBox label:last-child {user-select: none;display: inline-block;color: #727272;font-size: 9pt;float: left;margin-top: 2px;}
.wio-ui-CheckBox label {float: left;}
.wio-ui-CheckBoxList {float: left;display: inline-block;border-collapse: collapse;}
.wio-ui-CheckBoxList input[type='checkbox'] {padding: 0px;margin: 0px;margin-right: 5px;float: left;margin-top: 2px;}
.wio-ui-CheckBoxList td {padding-bottom: 5px;padding-top: 5px;padding-right: 10px;}
.wio-ui-CheckBoxList td label {user-select: none;display: inline-block;color: #727272;font-size: 9pt;float: left;margin-top: 2px;}


/* COMBOBOX */
.wio-ui-ComboBox { outline: none !important; display: inline-block; border-radius: 3px;  transition:all 0.3s; line-height:35px; height:35px; padding:0 15px 0 15px; box-sizing:border-box; border:1px solid #ccc; }
.wio-ui-ComboBox-AC {padding: 5px;display: inline-block;margin-bottom: 5px;outline: none !important;border: 1px solid #dddddd;box-shadow: inset 0 1px 4px #e2e2e2;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #fff;width: 280px;z-index: 99999;}
.wio-ui-ComboBox-AC input {padding: 0px;background-color: transparent;border: 0px !important;}
.wio-ui-ComboBox-AC input:focus {outline: none !important;border: 0px !important;}
.wio-ui-ComboBox-AC i {float: right;color: #404040;cursor: pointer;margin-top: 1px;}
.wio-ui-ComboBox-AC i:hover {color: #005cce}
.wio-ui-ComboBox-AC-Pnl {display: none;z-index: 99999;opacity: 0;margin-top: 29px;background-color: #fff;border: 1px solid #cccccc;box-shadow: 0 1px 4px #e2e2e2;position: absolute;width: 248px;max-height: 200px;overflow: auto;overflow-y: scroll;overflow-x: hidden;}
.wio-ui-ComboBox-AC-Pnl ul {margin: 0px;padding: 0px;list-style: none;}
.wio-ui-ComboBox-AC-Pnl ul li {padding: 4px;border-bottom: 1px solid #EBEBEB;padding-left: 10px;cursor: pointer;}
.wio-ui-ComboBox-AC-Pnl ul li i {width: 16px;}
.wio-ui-ComboBox-AC-Pnl ul li:hover {background-color: #005cce;color: white;}
.wio-ui-ComboBox-AC-Pnl ul li:last-child {border: 0px;}
.wio-ui-ComboBox-AC-MS {display: inline-block;color: #404040;height: 15px;overflow-y: scroll;}
.wio-ui-ComboBox-AC-MS ul {list-style: none;margin: 0px;padding: 0px;}
.wio-ui-ComboBox-AC-MS ul li {padding: 1px;background-color: #eaeaea;color: #000;font-size: 9pt;float: left;margin-right: 2px;margin-bottom: 2px;}
.wio-ui-ComboBox-PlusBtn {padding: 10px;font-size: 11pt;}
.wio-ui-ComboBox-Alert {color: #b67900;background: #ffeaa5;border: 1px solid #ffd900;padding: 4px;margin-bottom: 5px;font-size: 11pt;color: #000;outline: none !important;box-shadow: 0 1px 4px #e2e2e2;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.wio-ui-Form-Item-title {border-bottom: 2px solid #e8e8e8;height: 29px;color: #005cce;font-weight: bold;text-transform: uppercase;padding-top: 10px;margin-left: 30px;margin-top: 30px;}
.wio-ui-Form-Item-title input {float: right}
.wio-ui-Form-Item-title label {float: right;font-weight: normal !important;text-transform: none !important;color: #000;}
.form-table-input{ position:relative; cursor:pointer;  }
.form-table-input > i{  position:absolute; right:3px; font-weight:bold; font-size:9px; top:4px; }
.form-table-input > input{ cursor:pointer; }
    .form-table-input > div {
        display: none;
        z-index: 9999;
        background-color: #fff;
        box-sizing: border-box;
        margin-top: 2px;
        box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
        overflow: auto;
        max-height: 300px;
        height: 300px;
        width: 100%;
        position: absolute;
        border: 2px solid #005cce;
        margin-top: -17px;
        margin-top: 5px;
    }
.form-table-input table{ border-collapse:collapse; width:100%; }
    .form-table-input table th {
        text-align: left;
        padding: 7px;
        border-bottom: 1px solid #ccc;
        font-size: 12px; 
     }
.form-table-input table th:not(:first-child){ border-left:1px solid #e2e2e2;  }
    .form-table-input table td {
        text-align: left;
        padding: 10px;
        border-bottom: 1px solid #e2e2e2;
        font-size: 12px;
    }
.form-table-input table td:not(:first-child){ border-left:1px solid #e2e2e2; }
.form-table-input table tr:last-child td{ border-bottom:0px; }
.form-table-input table tr:hover td{ background-color:#f8f8f8; }
.form-table-input-sel td{
    background-color: #005cce !important;background: #005cce !important;   color:#fff !important
}

.form-table-input > a {
    margin-left: auto;
    position: absolute;
     width: 30px;
    right: -10px;
    height: 30px;
     line-height: 30px;
    text-align: center;
    margin-top: -5px;
    margin-left: 20px;
}
.form-table-input:hover > a{ display:inline-block !important; }


.wio-ui-Input2 {
    text-indent: 0px !important;
    padding: 0px 0px 10px 0px;
    font-family: "Roboto", "sans-serif", "Arial";
    font-size: 15px;
    display: inline-block;
    border: 0px;
    border-bottom: 1px solid #ccc;
    transition: all 0.3s;
    width: 100%;
    box-sizing: border-box;
    height: 25px;
}

    .wio-ui-Input2:focus {
        border-bottom: 1px solid #005cce;
        box-shadow: 0 1px 0px -0px #005cce;
    }

    .wio-ui-Input2::placeholder {
        padding: 0px;
        font-family: "Roboto", "sans-serif", "Arial";
        font-size: 13px;
    }


    .wio-ui-Input2 + label {
        position: absolute;
        opacity: 0.7;
        display: block;
        width: auto !important;
        margin-top: -15px;
    }

    .wio-ui-Input2:focus + label {
        font-size: 0.9em;
        color: #005cce;
        margin-top: -45px !important;
        opacity: 1;
    }

.wio-ui-Form3-panel span.wio-ui-Input2 label {
    opacity: 0.7;
    font-size: 0.9em;
    display: block;
    margin-bottom: 3px;
    position: absolute;
    margin-top: -20px;
}

.wio-ui-Input2 input[type=checkbox] {
    height: auto !important;
    margin-left: 0px;
}
    .wio-ui-Input2:not(:placeholder-shown) + label {
        font-size: 0.9em;
        transition: margin-top 0.1s linear;
        margin-top: -50px !important;
    }

    .wio-ui-Input2:placeholder-shown + label {
        margin-top: -30px;
        transition: margin-top 0.1s linear;
    }

    .wio-ui-Input2::placeholder {
        color: transparent !important;
        margin-top: -50px !important;
    }


.wio-ui-Form3 {
    display: flex;
    padding: 20px;
}

.wio-ui-Form3-column, .wio-ui-Form3-panel {
    flex-grow: 1;
}

.wio-ui-Form3-panel {
    display: flex;
    flex-wrap: wrap;
    --multiplier: calc( 600px - 100%);
    padding-top:20px;
}

    .wio-ui-Form3-panel > div {
        min-width: calc(25% - 30px);
        max-width: calc(100% - 30px);
        flex-grow: 1;
        flex-basis: calc( var(--multiplier) * 999 );
        margin: 10px 30px 30px 10px;
        box-sizing: border-box;
    }

.wio-ui-Form3-panel > div > input, .wio-ui-Form3-panel > div select {
    width: 100%;
}

 
.wio-ui-Form3-panel > div input[type=checkbox] {
    box-sizing: border-box;
    height: 30px;
}

.wio-ui-Form-Item {border-bottom: 1px solid #ccc;height: 45px;width: calc(100% - 60px);margin-left: 30px; margin-right:30px; position:relative; display:flex; align-items:center; }
.wio-ui-Form-Item > label {text-align:left; min-width:100px; font-size: 9pt;width: 110px;color: #091E42;}
.wio-ui-Form-Item > input {margin: 0px !important; border-radius:0px !important; box-shadow: none !important;outline: 0px !important; font-size: 11pt; box-sizing: border-box;border: 0px;background-color: transparent; flex:1}
.wio-ui-Form-Item > input:focus{ color:#005cce; background-color:#e2e2e2 !important; height:100%; border: 0px !important; }
.wio-ui-Form-Item > textarea:focus{ color:#005cce; background-color:#e2e2e2 !important; height:100%; }
.wio-ui-Form-Item > span[class=wio-ui-CheckBox]{ padding-top:13px; display:inline-block }
.wio-ui-Form-Item > span > label{ text-align:left !important }
.wio-ui-Form-Item > input::placeholder { color:#ccc; }
.wio-ui-Form-Item > textarea {margin: 0px !important;box-shadow: none !important;outline: 0px !important;padding: 10px !important;font-size: 11pt; box-sizing: border-box;border: 0px;background-color: transparent; flex:1; min-height:100px; vertical-align:top; }
 
.wio-ui-Form-Item > textarea:focus {border: 0px !important;}
.wio-ui-Form-Item > select {margin: 0px !important; width:100%; flex:1; height:49px; line-height:49px; box-shadow: none !important;outline: 0px !important;height: 36px; border: 0px;font-size: 11pt;margin-top:4px !important;  box-sizing: border-box;background-color: transparent}
.wio-ui-Form-Item-Selected {border-bottom: 1px solid #0063ff}
.wio-ui-Form-Item-Selected > label {color: #0063ff}
.wio-ui-Form-Item.textarea {height: auto !important;  min-height:100px; font-family: "Roboto", "sans-serif", "Arial";}
    .wio-ui-Form-Item.textarea > label.wio-ui-Input-Label {
        margin-bottom: auto;
        margin-top: 20px;
    }

.wio-ui-Form-Item-body{ padding-right:10px; margin-top:20px; }
.wio-ui-Form-Item-2 > div{ width:calc(50% - 30px); float:left; }
.wio-ui-Form-Item-2 > div:last-child{ float:right; }

.wio-ui-Form-Item-3 > div{ width:calc(33.3% - 30px); float:left; }
.wio-ui-Form-Item-3 > div:last-child{ float:right; }

.wio-ui-Form-Item-4 > div{ width:calc(25% - 30px); float:left; }
.wio-ui-Form-Item-4 > div:last-child{ float:right; }

.wio-ui-Form-Item-Top > div{ float:left; width:auto !important; height:auto !important; }
.wio-ui-Form-Item-Top > div input{  width:100% !important;  border:1px solid #e2e2e2; padding:6px !important; }
.wio-ui-Form-Item-Top > div label{  width:100% !important; display:block; float:none; margin-top:auto !important; margin-bottom:5px !important; }



.wio-ui-Forms{ padding-right:10px; margin-top:20px; }
.wio-ui-Forms > div > div{ width:calc(50% - 30px); float:left; display:inline-flex; align-items:center; position:relative; }
.wio-ui-Forms > div > div:hover a{ display:inline-block !important }
 

 
.wio-ui-Forms-title {border-bottom: 2px solid #e8e8e8;height: 29px;color: #005cce;font-weight: bold;text-transform: uppercase;padding-top: 10px;margin-left: 30px;margin-top: 30px;}
.wio-ui-Forms-title input {float: right}
.wio-ui-Forms-title label {float: right;font-weight: normal !important;text-transform: none !important;color: #000;}

.wio-ui-Form-Footerdata::before{ clear:both; height:10px; display:block; width:100%; content:"" }
.wio-ui-Form-Footerdata{ padding-left:30px; padding-top:20px; margin-bottom:30px; clear:both;  }
.wio-ui-Form-Footerdata i { float:left; margin-right:5px; margin-top:1px; }


.wio-ui-Forms > div > div {border-bottom: 1px solid #e0e0e0;height: 39px; margin-left: 30px;}
.wio-ui-Forms > div > div > label {margin: 0px !important;text-align: left; display:inline-block;  opacity:0.7; font-size:14px; width: 110px; margin-right:10px; color: #091E42;}
.wio-ui-Forms > div > div > input {margin: 0px !important;box-shadow: none !important;outline: 0px !important;padding: 10.5px !important;font-size: 11pt;width: calc(100% - 100px);box-sizing: border-box;border: 0px;background-color: transparent}
.wio-ui-Forms > div > div > span[class=wio-ui-CheckBox]{ display:inline-block }
.wio-ui-Forms > div > div > span > label{ text-align:left !important }
.wio-ui-Forms > div > div > input::placeholder { color:#ccc; }
.wio-ui-Forms > div > div > textarea {margin: 0px !important;box-shadow: none !important;outline: 0px !important;padding: 10px !important;font-size: 11pt;width: calc(100% - 100px);box-sizing: border-box;border: 0px;background-color: transparent}
.wio-ui-Forms > div > div > input:focus {border: 0px !important;}
.wio-ui-Forms > div > div > textarea:focus {border: 0px !important;}
.wio-ui-Forms > div > div > select {margin: 0px !important;box-shadow: none !important;outline: 0px !important;height: 36px;padding-left: 5px !important;border: 0px;font-size: 11pt; width: calc(100% - 105px);box-sizing: border-box;background-color: transparent}
.wio-ui-Forms > div > div-Selected {border-bottom: 1px solid #0063ff}
.wio-ui-Forms > div > div-Selected > label {color: #0063ff}
.wio-ui-Forms div.textarea {height: auto !important;font-family: "Roboto", "sans-serif", "Arial";}
 
 

.wio-ui-Forms section.wio-ui-Lookup {border:0px !important; }
.wio-ui-Forms div.wio-ui-Lookup-wr { display: flex; align-items:center; }
.wio-ui-Forms div.wio-ui-Lookup-wr > section{ flex:1 1}
.wio-ui-Forms div.wio-ui-Lookup-wr > label{ min-width:110px; width:110px;   }
 
.wio-ui-Form-Item-1 { width:calc(100% - 30px) !important; float:left; }
.wio-ui-Form-Item-1 > div{ width:calc(100% - 30px) !important; float:left; }
 
 .wio-ui-Form-Item-3 > div{ width:calc(33.3% - 30px) !important; float:left !important; }
.wio-ui-Form-Item-3 > div:last-child{ float:right !important; }

.wio-ui-Form-Item-4 { width:calc(25% - 30px); float:left; }
.wio-ui-Form-Item-4 > div{ width:calc(25% - 30px); float:left; }
.wio-ui-Form-Item-4 > div:last-child{ float:right; }


.wio-ui-Form-Item-Single {
    width: 100% !important;
    margin-left: 0px !important; 
}

.wio-ui-Form-Item-Single > select, .wio-ui-Form-Item-Single > input{ width:100%;  padding-left:0px !important }


.wio-ui-OnOff {
    display: inline-block;
    width: 40px;
    height: 15px;
    padding: 2px;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: 0 0 5px .1px rgba(0, 0, 0, 0.07);
}
.wio-ui-OnOff:hover {box-shadow: 0 0 7px 0.3px rgba(0, 0, 0, 0.2);}
.wio-ui-OnOff-Off {background-color: #bebebe}
.wio-ui-OnOff-Off div {display: inline-block;width: 20px;height: 15px;border-radius: 20px;background-color: #fff;}
.wio-ui-OnOff-On {background-color: #005cce;}
.wio-ui-OnOff-On div {display: inline-block;width: 20px;height: 15px;margin-left: 20px;border-radius: 20px;background-color: #fff;}
.wio-ui-OnOff-Item {margin-top: 10px;}
.wio-ui-Form-multi-select {opacity: 0;width: 1px;height: 1px;}
.wio-ui-Form-multi {height: auto !important;}
.wio-ui-Form-multi-select-items {background-color: #f8f8f8;padding: 8px;z-index: 999; display:flex; }
.wio-ui-Form-multi-select-items > div > div {display: inline-block;float: left;background-color: #e2e2e2;padding: 2px;margin-bottom: 3px;padding-left: 5px;padding-right: 8px;margin-right: 10px;border-radius: 4px;}
.wio-ui-Form-multi-select-items div i {font-size: 13pt;float: left;cursor: pointer;color: #777;}
.wio-ui-Form-multi-select-items div i:hover {color: #3966d3;}
.wio-ui-Form-multi-select-items > div span {float: left;margin-top: 1px;margin-left: 3px;}
.wio-ui-Form-multi-sel {position: absolute;display: none;border-radius: 3px;margin-top: -2px;box-shadow: 0 5px 40px rgba(0,0,0,.16) !important;background-color: #fff;width:100%;border: 1px solid #e2e2e2;max-height: 325px;z-index: 9999;}
.wio-ui-Form-multi-sel ul {list-style: none;padding: 0px;margin: 0px;}
.wio-ui-Form-multi-sel ul li {padding: 10px;border-bottom: 1px solid #e2e2e2;cursor: pointer;}
.wio-ui-Form-multi-sel ul li:hover {background-color: #e2e2e2;}
.wio-ui-Form-multi-sel ul li:last-child {border: 0px}
.wio-ui-Form-multi-sel > div:first-child {  padding:5px; border-bottom:1px solid #e2e2e2; }
.wio-ui-Form-multi-sel > div:first-child a{ margin-right:5px;}
.wio-ui-Form-multi-sel > div:last-child { overflow: auto; height:250px; }
.wio-ui-Form-multi-sel > input { padding:5px; background-color:#f8f8f8; width: calc(100% - 10px); border:0px; border-bottom:1px solid #ccc; }


.wio-ui-Form-Item-MultiSelection{ position:relative; display:flex; height:auto !important; min-height:49px; }
.wio-ui-Form-Item-MultiSelection ul
{
    display:none;
    width:calc(100% - 10px); position:absolute; border:1px solid #e2e2e2; 
    background-color:#fff; box-shadow:0 5px 6px 1px rgba(0,0,0,0.05);
    list-style:none; padding:0px; margin:0px; max-height:200px; min-height:200px; overflow:auto;
    z-index:999;
}

.wio-ui-Form-Item-MultiSelection ul li{ padding:7px; cursor:pointer; transition:all 0.3s; }
    
.wio-ui-Form-Item-MultiSelection ul li:hover{ background-color:#e8e8e8; }
.wio-ui-Form-Item-MultiSelection ul li:not(:last-child){ border-bottom:1px solid #e2e2e2; }

.wio-ui-Form-Item-MultiSelection > div{ display:inline-block; margin-top:7px; max-width:calc(100% - 170px); }
 .wio-ui-Form-Item-MultiSelection div div{ display:inline-block; position:relative; padding:4px; margin-right:5px; margin-bottom:5px; transition:all 0.3s;cursor:auto; border-radius:3px; background-color:#f8f8f8; }
.wio-ui-Form-Item-MultiSelection div div a{ float:left; cursor:pointer; margin-right:5px; margin-top:2px; opacity:0.3;  transition:all 0.3s;}
.wio-ui-Form-Item-MultiSelection div div:hover{ background-color:#e8e8e8; } 
.wio-ui-Form-Item-MultiSelection div div:hover a{ background-color:#e8e8e8; opacity:1; } 
.wio-ui-Form-Item-MultiSelectiont{  height:1px !important; width:1px !important; border:0px !important; padding:0px !important; overflow:hidden !important;  } 


/* DATE PICKER */
.wio-ui-DatePicker {}
.Zebra_DatePicker *,.Zebra_DatePicker *:after,.Zebra_DatePicker *:before {-moz-box-sizing: content-box !important;-webkit-box-sizing: content-box !important;box-sizing: content-box !important}
.Zebra_DatePicker {position: absolute !important;width: 200px;display: none;z-index: 100;padding: 5px;font-size: 11pt;color: #404040;background-color: #fff;border: 1px solid #cccccc;box-shadow: 0 1px 3px #cccccc;}
.Zebra_DatePicker * {margin: 0;padding: 0;color: #373737;background: transparent;border: none}
.Zebra_DatePicker table {border-collapse: collapse;border-spacing: 0;width:100% !important}
.Zebra_DatePicker td,.Zebra_DatePicker th {text-align: center;padding: 5px 0}
.Zebra_DatePicker td {cursor: pointer}
.Zebra_DatePicker .dp_daypicker,.Zebra_DatePicker .dp_monthpicker,.Zebra_DatePicker .dp_yearpicker {margin-top: 3px}
.Zebra_DatePicker .dp_daypicker td,.Zebra_DatePicker .dp_daypicker th,.Zebra_DatePicker .dp_monthpicker td,.Zebra_DatePicker .dp_yearpicker td {width: 30px}
.Zebra_DatePicker,.Zebra_DatePicker .dp_header .dp_hover,.Zebra_DatePicker td.dp_selected,.Zebra_DatePicker .dp_footer .dp_hover,.Zebra_DatePicker td.dp_hover {}
.Zebra_DatePicker .dp_header td {}
.dp_monthpicker, .dp_yearpicker {
    width: 0px !important;
}
.Zebra_DatePicker .dp_header .dp_previous,.Zebra_DatePicker .dp_header .dp_next {width: 30px}
.Zebra_DatePicker .dp_header .dp_caption {font-weight: bold}
.Zebra_DatePicker .dp_header .dp_hover {background: #DEDEDE;color: #373737 !important}
.Zebra_DatePicker .dp_daypicker th {font-weight: bold}
.Zebra_DatePicker td.dp_not_in_month {color: #DEDEDE;cursor: default}
.Zebra_DatePicker td.dp_not_in_month_selectable {}
.Zebra_DatePicker td.dp_weekend {color: #808080;}
.Zebra_DatePicker td.dp_weekend_disabled {color: #DEDEDE;cursor: default}
.Zebra_DatePicker td.dp_selected {background: #005cce;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);color: #FFF !important}
.Zebra_DatePicker td.dp_week_number {cursor: text;font-weight: bold}
.Zebra_DatePicker .dp_monthpicker td {width: 33%}
.Zebra_DatePicker .dp_yearpicker td {width: 33%}
.Zebra_DatePicker .dp_footer {margin-top: 3px}
.Zebra_DatePicker td.dp_current {color: #005cce}
.Zebra_DatePicker td.dp_disabled_current {color: #3A87AD}
.Zebra_DatePicker td.dp_disabled {color: #DEDEDE;cursor: default}
.Zebra_DatePicker td.dp_hover {background: #DEDEDE;color: #373737 !important}
.Zebra_DatePicker_Icon {margin-top: 7px;cursor: pointer;color: #404040;z-index: 1;position: relative;display: inline-block;margin-left: -20px;width: 20px;}
.Zebra_DatePicker_Icon:hover {color: #005cce}
.Zebra_DatePicker_Icon_Wrapper input {z-index: -1;}
.Zebra_DatePicker_Icon_Disabled {opacity: 0.5;}
.Zebra_DatePicker_Icon_Disabled:hover {color: #999 !important;}
.wio-ui-TimePicker {position: absolute !important;  border:1px solid #ccc; margin-top: 9px; border-radius:3px; margin-right: -5px;z-index: 100;padding: 5px; font-size: 11pt;color: #404040;background-color: #f8f8f8;box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.15);}
.wio-ui-TimePicker > a { margin-left:5px; }


/* INPUT */
.wio-ui-Input { outline: none !important; display: inline-block; border-radius: 3px;  transition:all 0.3s; line-height:35px; height:35px; padding:0 15px 0 15px; box-sizing:border-box; border:1px solid #ccc; }
.wio-ui-Input:focus {outline: none !important;  border: 1px solid #005cce; box-shadow:inset 0 0 2px 0px #005cce; }
.wio-ui-Input:disabled {opacity: 0.5;cursor: not-allowed}
.wio-ui-Input-Label {margin-right: 10px;color: #091E42;text-align: right;display: inline-block;width: 100px;font-size: 9pt;}
.wio-ui-Input[type='file'] {padding: 1px;}
.wio-ui-Input-Alert {color: #b67900;background: #ffeaa5 !important;border: 1px solid #ffd900;color: #000;outline: none !important;box-shadow: 0 1px 4px #e2e2e2;}
.wio-ui-Input-Alert::placeholder {color: #b67900;}
input:focus {outline: none !important;}
.wio-ui-Input-Help {margin-left: 5px;color: #a1a1a1;cursor: pointer;}
.wio-ui-Input-Help:hover {color: #005cce}
.wio-ui-Input-Help-Cont {position: absolute;opacity: 0;width: 250px;background-color: #fff;border: 1px solid #cccccc;box-shadow: 0 1px 3px #cccccc;}
.wio-ui-Input-Help-Title {color: #005cce;font-size: 14pt;border-bottom: 1px solid #dddddd;padding: 5px;padding-left: 10px;padding-right: 10px;}
.wio-ui-Input-Help-Title i {cursor: pointer;float: right;color: #cccccc;margin-top: 3px;}
.wio-ui-Input-Help-Title i:hover {color: #005cce;}
.wio-ui-Input-Help-Text {padding: 10px;}
.wio-ui-Input-Group {margin-bottom: 5px;display: inline-block;outline: none !important;border: 1px solid #dddddd;box-shadow: 0 1px 4px #e2e2e2;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #fff;width: 250px;}
.wio-ui-Input-Group > i {border-right: 1px solid #dddddd;min-width: 28px;padding: 6px;padding-left: 0px;padding-right: 0px;text-align: center;text-shadow: 1px 1px #fff;color: #A1A1A1;}
.wio-ui-Input-Group > i:hover {color: #005cce;}
.wio-ui-Input-Group input {outline: none !important;border: 0px;background-color: transparent;padding-left: 5px;padding-right: 5px;width: 200px;margin-top: 4px;margin-left: 3px}
.wio-ui-Input-Group-Right > i {float: right;border-right: 1px solid #dddddd;border-left: 1px solid #dddddd;}
.wio-ui-Input-Group-Text > span {border-right: 1px solid #dddddd;border-left: 1px solid #dddddd;min-width: 19px;display: block;float: right;padding: 4.5px;text-align: center;text-shadow: 1px 1px #fff;color: #A1A1A1;}
.wio-ui-Input-Group-Button {}
.wio-ui-Input-Group-Button ul {display: none;position: absolute;float: right;margin: 0px;padding: 0px;margin-left: -71px;list-style: none;margin-top: 5px;min-width: 100px;background-color: #fff;border: 1px solid #cccccc;box-shadow: 0 1px 3px #cccccc;}
.wio-ui-Input-Group-Button ul li {padding: 6px;cursor: pointer;padding-left: 5px;text-align: left;font-size: 11pt;color: #404040;padding-right: 10px;border-bottom: 1px solid #EBEBEB;}
.wio-ui-Input-Group-Button ul li:hover {background-color: #EBEBEB;transition: background-color 200ms linear;}
.wio-ui-Input-Group-Button ul li > i {font-size: 8pt;width: 20px;text-align: center;}
.wio-ui-Input-Group-Button ul li:last-child {border-bottom: 0px;}
.wio-ui-Input-Group-Button > i {cursor: pointer;}
.wio-ui-Input-Group-Button i:hover ul {display: block}
.wio-ui-Input-Group-Column input {width: 170px;}
.wio-ui-Input-Group-Text-Left {float: left !important;}
.wio-ui-Input-Group-Focus {outline: none !important;transition: background-color 200ms linear;background-color: #DAEDFA;border: 1px solid #005cce;box-shadow: inset 0 1px 3px #BADEF5;}
.wio-ui-Input-Group-Focus > i {border-color: #b9ddf4;color: #005cce}
.wio-ui-Input-Group-Focus > span {border-color: #b9ddf4;color: #005cce}
.wio-ui-Input-Group-UpDown {padding: 0px !important;margin: 0px !important;width: 30px;}
.wio-ui-Input-Group-UpDown div {margin-top: -4px;height: 17px;cursor: pointer;}
.wio-ui-Input-Group-UpDown div i {height: 0px !important;padding: 0px !important;margin: 0px !important;font-size: 10pt !important;display: inline-block;}
.wio-ui-Input-Group-UpDown div:hover {color: #005cce}
.wio-ui-Input-AutoSize {overflow: hidden;height: auto;}
.wio-ui-Input-MaxChar-left {color: #404040;font-size: 9pt}
.wio-ui-Input-MaxChar-right {float: right;color: #404040;font-size: 9pt}


/*LABEL*/
.wio-ui-Label {font-size: 100%;padding: 3px;display: inline-block;padding-left: 12px;padding-right: 12px;color: #444;background-color: #E6E6E6;text-decoration: none;}
.wio-ui-Label i {font-size: 9pt;}
.wio-ui-Label-Blue {background-color: #0078e7;color: white;}
.wio-ui-Label-Purple {background-color: #8058a5;color: white;}
.wio-ui-Label-Green {background-color: #009700;color: white;}
.wio-ui-Label-Red {background-color: #ca3c3c;color: white;}
.wio-ui-Label-Orange {background-color: #df7514;color: white;}
.wio-ui-Label-xsmall {font-size: 70%;}
.wio-ui-Label-small {font-size: 85%;}
.wio-ui-Label-large {font-size: 110%;}
.wio-ui-Label-xlarge {font-size: 125%;}
.wio-ui-Label-Form {display: inline-block;padding: .5em .6em;margin-bottom: 3px;width: 233px;}
.wio-ui-Label-Form i {margin-left: 10px;cursor: pointer;}
.wio-ui-Label-Form i:hover {color: #005cce}
.wio-ui-Input-Transform {padding: 0.5px;width: auto;display: inline-block;margin: 0px !important;}
.wio-ui-DataLabel {display: inline-block;word-wrap: break-word;padding-top: 5px;padding-bottom: 5px;}
.wio-ui-Star {}
.wio-ui-Star i {font-size: 13pt;color: #ccc;cursor: pointer;}
.wio-ui-Star i:hover {color: orange}
.wio-ui-Star-s {color: orange !important}

.wio-ui-LookUpTable-tbl{ box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.1); margin-top:-1px; border-radius:3px; padding:5px; border:1px solid #ccc; width: calc(100% - 8px); background-color:#fff; overflow:auto;  max-height:300px; }
.wio-ui-LookUpTable-tbl table{ border-collapse:collapse; width:100%  }
.wio-ui-LookUpTable-tbl table tr th{ text-align:left;  padding:5px;  padding-left:10px;background-color:#e2e2e2 !important; border-bottom:2px solid #e2e2e2;  }
	
.wio-ui-LookUpTable-tbl table tr:nth-child(2n+1){ background-color:#f8f8f8  }
.wio-ui-LookUpTable-tbl table tr:hover{ background-color:#dfeafa  }
.wio-ui-LookUpTable-tbl table tr td{ text-align:left; cursor:pointer; padding:5px;  padding-left:10px; border-bottom:1px solid #e2e2e2;  }



/* NOTIFICATION */
.wio-ui-Notification {opacity: 0;bottom: 50px;left: 40px; border-radius:3px; background-color: black;color: #000;color: #000;font-size: 12pt;min-width: 270px;min-height: 90px;color: #fff;position: fixed;z-index: 9999;}
.wio-ui-Notification > div:first-child {padding: 10px; display:flex; }
.wio-ui-Notification > div > i {font-size: 50pt;margin-left: 5px;color: aqua; display: inline-block;float: left;margin-right: 20px;opacity: 1;}
.wio-ui-Notification > div > div {float: left;display: inline-block; margin-bottom:10px; }
.wio-ui-Notification > div > div > span {font-size: 17pt;display: inline-block;margin-top: 5px;margin-bottom: 10px;}
.wio-ui-Notification > div input {width: 100%;box-shadow: none;}
.wio-ui-Notification-Top {bottom: auto !important;opacity: 0;width: 50% !important;top: 20px !important;position: fixed !important;left: 25% !important;}
.wio-ui-Notification-Center {bottom: auto !important;opacity: 0;width: 50% !important;top: 40% !important;position: fixed !important;left: 25% !important;}
.wio-ui-Notification-Bottom {bottom: 70px !important;opacity: 0;width: 50% !important;position: fixed !important;left: 25% !important;}
.wio-ui-Notification-Blue {background-color: #0078e7;}
.wio-ui-Notification-Purple {background-color: #8058a5;}
.wio-ui-Notification-Green {background-color: #009700;}
.wio-ui-Notification-Red {background-color: #ca3c3c;}
.wio-ui-Notification-Orange {background-color: #df7514;}
.wio-ui-NotificationBg {position: fixed;_position: absolute;opacity: 0.7;top: 0;left: 0;background-color: #000;height: 100%;width: 100%;z-index: 5;}
.wio-ui-Notification-Blue > div > i {color: #fff;}
.wio-ui-Notification-Orange > div > i {color: #fff;}
.wio-ui-Notification-Purple > div > i {color: #fff;}
.wio-ui-Notification-Green > div > i {color: #fff;}
.wio-ui-Notification-Red > div > i {color: #fff; opacity:0.4 }
.wio-ui-Notification-Buttons {height: 32px;text-align: right;padding: 0px !important;border-top: 1px solid rgba(0, 0, 0, 0.2); background-image:rgba(0, 0, 0, 0.04); }
.wio-ui-Notification-Buttons ul {list-style: none;float: right;padding: 0px;margin: 0px;}
.wio-ui-Notification-Buttons ul li {padding: 7px;padding-left: 25px;padding-right: 30px;float: left;cursor: pointer;border-left: 1px solid rgba(0, 0, 0, 0.2);}
.wio-ui-Notification-Buttons ul li i {margin-right: 4px;opacity: 0.6;}
.wio-ui-Notification-Buttons ul li:hover {background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.3)) !important;}

/* MENU */
.wio-ui-Menu {
    height: 50px;
    box-shadow: 0 0px 10px 0.05px rgba(0,0,0,.05);
    margin-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    width: 100%;
}
.wio-ui-Menu ul {list-style: none;padding: 0px;margin: 0px; display:flex; align-items:center; }
    .wio-ui-Menu ul li {
        display: inline-flex;
        font-size: 13px;
        
        font-weight: bold;
        align-items: center;
        transition: all 0.3s;
        cursor: pointer;
        height: 50px;
        line-height: 50px;
        padding-left: 15px;
        padding-right: 15px;
        color: #000;
    }
.wio-ui-Menu ul li:hover {color: #005cce; background-color:#e2e2e2; }
.wio-ui-Menu ul li:first-child { padding-left:30px; }
.wio-ui-Menu > ul > li:hover > i {opacity: 1 !important}
.wio-ui-Menu ul li:hover > ul {display: inherit;}
.wio-ui-Menu i {margin-right: 5px;font-size: 10pt;opacity: 0.5;width: 15px;text-align: center;}
.wio-ui-Menu ul li input {margin-left: -5px;padding: 0px;margin-right: -3px;margin-top: -1px;margin-bottom: 0px !important;width: 150px;}
.wio-ui-Menu ul li button {border: 0px;margin: 0px;padding: 0px;background-color: transparent;margin-left: 5px;width: 10px;cursor: pointer;}
.wio-ui-Menu ul li > ul {display: none;z-index: 99;position: absolute;padding: 0px;float: left;background-color: #005cce;margin-left: -15px;margin-top: 0px;}
.wio-ui-Menu ul li > ul li {float: none !important;border-right: 0px;}
.wio-ui-Menu ul li > ul li:hover i {opacity: 1 !important;}
.wio-ui-Menu ul li > ul li:last-child {border-bottom: 0px;}
.wio-ui-Menu-flat {border: 0px;height: 27px;background-color: transparent !important;box-shadow: none;border-bottom: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2;}
.wio-ui-Menu-flat ul li {border: 0px;padding: 5px;padding-left: 10px;color: #404040 !important;}
.wio-ui-Menu-Vertical {display: inline-block;border: 1px solid #cccccc;background-color: white;}
.wio-ui-Menu-Vertical ul {list-style: none;padding: 0px;margin: 0px}
.wio-ui-Menu-Vertical ul li {padding: 7px;cursor: pointer;padding-left: 15px;padding-right: 15px;border-bottom: 1px solid #dddddd;}
.wio-ui-Menu-Vertical ul li input {padding: 3px;margin-bottom: 0px;margin-left: -5px;width: 90%;}
.wio-ui-Menu-Vertical ul li button {border: 0px;margin: 0px;padding: 0px;background-color: transparent;margin-left: 5px;width: 15px;cursor: pointer;}
.wio-ui-Menu-Vertical > ul > li:hover {color: #005cce}
.wio-ui-Menu-Vertical ul li i {width: 20px;text-align: left;opacity: 0.6}
.wio-ui-Menu-Vertical ul li:last-child {border-bottom: 0px;}
.wio-ui-Menu-Vertical ul li > ul {margin-left: 10px;}
.wio-ui-Menu-Vertical ul li > ul li {border: 0px;color: #404040;text-transform: none !Important}
.wio-ui-Menu-Vertical ul li > ul li:hover {color: #005cce;}
.wio-ui-Menu-Vertical-Sep {text-transform: uppercase;color: rgba(0, 0, 0, 0.4);}
.wio-ui-Menu-Vertical-Sep {cursor: default !important;}
.wio-ui-Menu-Vertical-Sep:hover {color: rgba(0, 0, 0, 0.4) !important;}


/* SelectionList */
.wio-ui-SelectionList {border-collapse: collapse;padding: 4px;margin-bottom: 5px;outline: none !important;border: 1px solid #dddddd;box-shadow: inset 0 1px 4px #e2e2e2;display: inline-block;background-color: #fff;width: 250px;float: left;}
.wio-ui-SelectionList tbody tr td {padding: 0px;padding-left: 4px;}
.wio-ui-SelectionList tbody tr td input {padding: 0px;margin: 0px;}
.wio-ui-SelectionList tbody tr td label {display: inline-block;margin-left: 5px;color: #404040;margin-right: 5px;}
.wio-ui-SelectionList-Details {background-color: #f8f8f8 !Important;border: 1px solid #f8f8f8;box-shadow: none;}
.wio-ui-SelectionList-Details i {width: 20px;color: #404040;}


/* SWITCH */
.wio-ui-Switch {margin-bottom: 5px;border: 1px solid #dddddd;box-shadow: inset 0 1px 4px #e2e2e2;height: 26px;display: inline-block;background-color: #fff;width: 80px;}
.wio-ui-Switch-lbls {width: 80px;float: left;z-index: -1;}
.wio-ui-Switch-lbl {text-align: center;width: 38px;height: 18px;padding-top: 5px;float: left;}
.wio-ui-Switch-On {box-shadow: inset 0 1px 4px #1a75b3;background-color: #005cce;color: #fff;border: 1px solid #005cb0;}
.wio-ui-Switch-s {cursor: pointer;z-index: 2;float: left;margin-top: -22px;height: 22px;margin-left: 1px;width: 38px;box-shadow: inset 0 1px 6px #e2e2e2;background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));color: #444;background-color: #fff;border: 1px solid #e2e2e2;}
.wio-ui-Switch-s span {margin-top: 0px;width: auto;color: #c2c1c1;text-shadow: 1px 1px 0px #fff;margin-left: 13px;font-size: 6pt;}


/* TAB */
.wio-ui-Tabs {border-bottom: 1px solid #cccccc;overflow: hidden; }
.wio-ui-Tabs > ul {list-style: none;padding: 0px;margin: 0px}
.wio-ui-Tabs > ul > li {float: left;padding-top: 10px;font-size: 12px !important;   opacity:0.5; margin-left: 20px;text-transform: uppercase;font-weight: 600;cursor: pointer;margin-right: 5px;}
.wio-ui-Tabs > ul > li:first-child { margin-left:30px !important;  }
.wio-ui-Tabs > ul > li:hover {color: #005cce; opacity:1 !important;}
.wio-ui-Tabs > ul > li i {margin-right: 5px; font-size:9px; font-weight:bold; }
.wio-ui-Tabs-Active {border-bottom: 2px solid #005cce;padding-bottom: 8px !important;color: #005cce;z-index: 1;  opacity:1 !important;}


.wio-ui-Tabs.large{ height:52px !important;  }
.wio-ui-Tabs.large > ul > li{ font-size:18px !important;   height:32px !important; line-height:32px !important; text-transform:capitalize !important;   font-weight:400 !important; }
.wio-ui-Tabs.large > ul > li.wio-ui-Tabs-Active{   }

/*.wio-ui-Tabs-Active {position: relative;display: block;border-bottom: 1px solid #cccccc;height: 18px;color: #005cce !important; }
.wio-ui-Tabs-Active i { opacity:1 !important; color:#005cce !important;}
.wio-ui-Tabs-Active:before{ content:""; display:inline-block; position:absolute; border:6px solid #cccccc; border-color:transparent transparent #cccccc transparent; top:20px; left:20px; }
.wio-ui-Tabs-Active:after{ content:""; display:inline-block; position:absolute; border:4px solid white; border-color:transparent transparent white transparent; top:25px; left:22px;}
*/
.wio-ui-TabCont {}
.wio-ui-TabCont-Item {display: none;}
.wio-ui-Tabs-Child {border: 0px;}
.wio-ui-Tabs-ChildTabs {border-left: 0px;border-right: 0px;}
.wio-ui-Tabs-Scroll {float: right;font-size: 14pt;width: 50px;background-color: #fff;font-weight: bold;margin-top: 5px;margin-right: 2px;}
.wio-ui-Tabs-Scroll i {cursor: pointer;}
.wio-ui-Tabs-Scroll i:hover {color: #005cce;}
.wio-ui-Tabs-ScrollW {height: 32px;border-bottom: 1px solid #cccccc;overflow: hidden}


/*TABLE*/
.wio-ui-Table {border-collapse: collapse;border-collapse: collapse;background-color: #fff;border: 1px solid #cccccc;}
.wio-ui-Table tr th {padding: 6px;background-color: #fff;padding-left: 8px;text-align: left;color: #005cce;border-bottom: 1px solid #dddddd;font-weight: normal;font-size: 12pt;border-left: 1px solid #dddddd;}
.wio-ui-Table tr th:first-child {border-left: 0px;}
.wio-ui-Table tr td {padding: 6px;padding-left: 8px;text-align: left;font-weight: normal;border-left: 1px solid #e9e9e9;}
.wio-ui-Table tr:nth-child(2n+1) {background-color: #f4f4f4}
.wio-ui-Table tr:first-child {background-color: none !important;}
.wio-ui-Table tr td:first-child {border-left: 0px;}
.wio-ui-Table tr:last-child td {border-bottom: 0px !important;}
.wio-ui-Table tr:hover {background-color: #e9e9e9}
.wio-ui-Table2 {border-collapse: collapse;border-collapse: collapse;width: 100%;}
.wio-ui-Table2 tr th {padding: 6px;background-color: #fff; text-align: left;color: #005cce;border-bottom: 2px solid #dddddd;font-weight: normal;font-size: 13px;}
.wio-ui-Table2 tr th:first-child {border-left: 0px;}
.wio-ui-Table2 tr td {padding: 6px;padding-left: 0px;text-align: left;font-weight: normal;}
.wio-ui-Table2 tr:nth-child(2n+1) {background-color: #f4f4f4}
.wio-ui-Table2 tr:first-child {background-color: none !important;}
.wio-ui-Table2 tr td:first-child {border-left: 0px;}
.wio-ui-Table2 tr:last-child td {border-bottom: 0px !important;}
.wio-ui-Table2 tr:hover {background-color: #e9e9e9}
.wio-ui-TableFlat {border-collapse: collapse;border-collapse: collapse;background-color: #fff; }
.wio-ui-TableFlat tr th {padding: 3px;background-color: #f2f2f2;padding-left: 5px;text-align: left;border-bottom: 1px solid #f8f8f8;font-weight: bold;font-size: 9pt; border-left: 1px solid #f8f8f8;}
.wio-ui-TableFlat tr th:first-child {border-left: 0px;}
.wio-ui-TableFlat tr td {padding: 3px;padding-left: 5px;text-align: left;font-weight: normal;border-bottom: 1px solid #f8f8f8;border-left: 1px solid #f8f8f8; font-size: 9pt;}
.wio-ui-TableFlat tr:nth-child(2n+1) {background-color: #fcfcfc;}
.wio-ui-TableFlat tr:first-child {background-color: none !important;}
.wio-ui-TableFlat tr td:first-child {border-left: 0px;}
.wio-ui-TableFlat tr:last-child td {border-bottom: 0px !important;}
.wio-ui-TableFlat tr:hover {background-color: #f8f8f8}
.wio-ui-Table-Sep1 {background-color: #fff !important;border-bottom: 2px solid #dddddd;border-top: 1px solid #dddddd;font-size: 14pt;}
.wio-ui-Table-Sep2 {background-color: #fff !important;color: #005cce;border-bottom: 2px solid #005cce;border-top: 1px solid #dddddd;font-size: 14pt;}
.wio-ui-Table-Sep3 {background-color: #fff !important;color: orange;border-bottom: 2px solid orange;border-top: 1px solid #dddddd;font-size: 14pt;}
.wio-ui-Table-Footer {background-color: rgba(0, 0, 0, 0.05);background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0));}
.wio-ui-Table-Footer td {border-top: 1px solid #cccccc;border-left: 1px solid #cccccc !important;}
.wio-ui-Table-Sort {}
.wio-ui-Table-Sort thead tr th {cursor: pointer;padding-right: 10px;}
.wio-ui-Table-Sort thead tr th i {float: right;margin-left: 5px;margin-top: 4px;color: #cccccc;}


/*TITLE*/
.wio-ui-Title1 {border-bottom: 2px solid #dddddd;font-size: 14pt;padding-left: 5px;}
.wio-ui-Title2 {color: #005cce;border-bottom: 2px solid #005cce;font-size: 14pt;padding-left: 5px;}
.wio-ui-Title3 {color: orange;border-bottom: 2px solid orange;font-size: 14pt;padding-left: 5px;}
.wio-ui-Title4 {border-left: 3px solid #cccccc;font-size: 14pt;padding-left: 5px;background-color: #e9e9e9;}
.wio-ui-Title5 {color: #005cce;border-left: 3px solid #005cce;font-size: 14pt;background-color: #e9e9e9;padding-left: 5px;}
.wio-ui-Title6 {color: orange;border-left: 3px solid orange;font-size: 14pt;background-color: #e9e9e9;padding-left: 5px;}
.wio-ui-Title7 {color: #fff;border-left: 3px solid #005cce;background-color: #005cce;font-size: 14pt;padding-left: 5px;}
.wio-ui-Title8 {color: #000;border-bottom: 1px solid #dddddd;font-size: 16pt;text-align: center;}
.wio-ui-Title9 {color: #005cce;border-bottom: 1px solid #005cce;font-size: 16pt;text-align: center;}
.wio-ui-Title10 {color: #005cce;border-bottom: 1px solid #ccc;padding-bottom: 5px;margin-bottom: 5px;font-size: 8pt;font-weight: bold;text-transform: uppercase;}
.wio-ui-Title15 {color: #005cce;border-bottom: 1px solid #ccc;padding-bottom: 5px;font-size: 8pt;font-weight: bold;text-transform: uppercase;height: 20px;margin-top: 48px;}
.wio-ui-Title16 {color: #005cce;border-bottom: 1px solid #ccc;padding-bottom: 5px;font-size: 8pt;font-weight: bold;text-transform: uppercase;height: 20px;margin-top: 10px;}
.wio-ui-Title11 {color: #005cce;padding-bottom: 5px;font-size: 8pt;font-weight: bold;text-transform: uppercase;}
.wio-ui-Title12 {color: #767676;padding-bottom: 5px;font-size: 8pt;font-weight: bold;text-transform: uppercase;}
.wio-ui-Title13 {color: #767676;padding-bottom: 5px;font-size: 8pt;font-weight: bold;text-transform: uppercase;border-bottom: 1px solid #e2e2e2;}
.wio-ui-Title14 {color: #bebebe;border-bottom: 1px solid #e2e2e2;padding-bottom: 5px;margin-bottom: 5px;font-size: 8pt;font-weight: bold;text-transform: uppercase;}
.wio-ui-Title-Info {color: #bababa;font-size: 9pt;}
.wio-ui-Title-Ins {border: 1px solid #005cce;color: #065182;padding: 10px;background-color: #d1edff}
.wio-ui-Title-Alert {border: 1px solid #9b0000;color: #5d0f0f;padding: 10px;background-color: #f49494}
.wio-ui-Title-Ins2 {border: 1px solid #f7cc33;color: #c08100;padding: 10px;background-color: #fbeb9f}
.wio-ui-FieldSet1 {border: 1px solid #dddddd;}
.wio-ui-FieldSet1 legend {padding: 5px;font-size: 14pt;}
.wio-ui-FieldSet1 div {padding-left: 5px;}


/*CONTECT MENU */
.wio-grid-ContextMenu {
    background-color: #fff;
    border: 2px solid #0078e7;
    z-index: 1;
    box-shadow: 0 5px 36px rgba(0,0,0,.18);
    position: absolute;
    border-radius: 3px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
     -ms-user-select: none;
    user-select: none;
}
.wio-grid-ContextMenu > ul {padding: 0px;margin: 0px;list-style: none;}
.wio-grid-ContextMenu > ul > li {padding: 5px;padding-left: 10px;padding-right: 15px;color: #404040;cursor: pointer;}
.wio-grid-ContextMenu > ul > li > i {margin-right: 5px;width: 15px;text-align: left;}
.wio-grid-ContextMenu > ul > li:hover {color: #005cce;}

.wio-grid-ContextMenu-Title{ display:flex; align-items:center; padding:10px; color:#000 !important; }
.wio-grid-ContextMenu-Title div{ width:100%; font-weight:bold; font-size:12px;  }
.wio-grid-ContextMenu-Title a { padding:5px; font-size:16px; }

.wio-grid-ContextMenu > ul > li > input {border: 1px solid #cccccc;margin-bottom: 2px;padding: 3px !important;width: 110px !important}
.wio-grid-ContextMenu > a.fabric-ChromeClose{ float:right; margin:10px; }
/*GRID*/
.wio-grid {
    border-collapse: collapse;
    border-collapse: collapse;
    display: grid;
 }
.wio-grid-frame {border: 1px solid #e1e1e1;}
.wio-grid-flat {box-shadow: none;border: 1px solid #e1e1e1;}
.wio-grid-CookieFilter {background-color: #ffe3c9 !important;color: #d35a00 !important;border-bottom: 1px solid #d35a00 !important}
.wio-grid-CookieFilter > input {background-color: #ffe3c9 !important;color: #d35a00 !important}
.wio-grid-CookieFilter > i {background-color: #ffe3c9 !important;color: #d35a00 !important}
 
.wio-text-searching {
    background-size: 20px 20px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-image: url(images/loading/oval58349ij34io2u48.svg);
}
.wio-grid-loading-panel {
    width: 100%;
    height: 100%;
    background-image: url(images/loading/oval58349ij34io2u48.svg);
    background-position: center;
    background-repeat: no-repeat
}

 
.wio-grid-Format{  position:absolute;   z-index:2 !important; background-color:#fff;  box-shadow: 0 0 50px 1px rgba(0, 0, 0, 0.1); height:1500px; width:400px; top:0px; z-index:1; }
.wio-grid-Format-colors{ border:1px solid #e2e2e2; border-radius:3px;overflow:auto;  }
.wio-grid-Format-colors > div{ display:block; width:100%; height:40px; cursor:pointer; border-bottom:1px solid #f4f4f4; }
.wio-grid-Format-colors > div:hover{ background-color:#e2e2e2; }
.wio-grid-Format-colors > div > div{ float:left; text-align:left; margin-left:20px; padding:10px; margin-top:2px; border-radius:4px; }
.wio-grid-Format-colors > div > input{ float:left; margin-top:15px; margin-left:10px; }
 

/*GRID - HEADER*/
.wio-grid-Header {overflow: hidden;overflow-y: scroll;scrollbar-arrow-color: #e2e2e2 !important;}
.wio-grid-Header > table {border-collapse: collapse;table-layout: fixed;width: 100%;}
.wio-grid-Header > table > tbody > tr > th {box-sizing:border-box;cursor: pointer; width: 16.6%;   text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 10px; text-align: left;font-weight: normal;border-bottom: 1px solid #dddddd;border-left: 1px solid #dddddd;}
    .wio-grid-Header > table > tbody > tr > th > div {
        display: flex;
        align-items: center;
    }
    .wio-grid-Header > table > tbody > tr > th > div > i {
        font-size: 9px;
        margin-left: 5px;
        opacity: 0.5;
    }
    .wio-grid-Header > table > tbody > tr > th > div > span {
        flex: 1 1;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size:11px; font-weight:bold;
    }
.wio-grid-Header > table > tbody > tr > th:first-child {border-left: 0px;}
.wio-grid-Header > table > tbody > tr > td {box-sizing:border-box; border-bottom: 1px solid #dddddd;border-left: 1px solid #dddddd;padding: 10px; height:30px !important }
.wio-grid-Header > table > tbody > tr > td input[type='text'] { font-size: 9pt;border: 0px; height:30px; float: right;box-sizing: border-box;-moz-box-sizing: border-box;background-color: transparent;color: #404040;-webkit-box-sizing: border-box;width: calc(100% - 22px);}
.wio-grid-Header > table > tbody > tr > td select {font-size: 9pt;color: #404040;padding: 0px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.wio-grid-Header > table > tbody > tr > td > i {cursor: pointer;width: 20px;text-align: center;height: 30px; font-size:11px !important; line-height:30px; z-index: 1;float: left; color: #555;}
.wio-grid-Header > table > tbody > tr > td > i:hover {color: #005cce}
.wio-grid-Header > table > tbody > tr > td > input:focus {outline: none;}
.wio-grid-Header > table > tbody > tr > td:first-child {border-left: 0px;}
.wio-grid-ColumnInput {text-indent: initial !important;border: 1px solid #ccc !important;padding: 1px !important;float: left !important;width: auto !important;}
.wio-grid-Header > table > tbody > tr > td{ padding:0px;}

.grid-f-lis-txt-btw-date {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);
    padding: 10px;
    border: 1px solid #ccc;
    width:268px;
    margin-top:2px;
    border-radius:3px;
    right:41px;
    z-index:9999;
}

    .grid-f-lis-txt-btw-date > div:first-child {
        display:flex; 
        flex-direction:row;
    }  
    
    .grid-f-lis-txt-btw-date > div:last-child {
  
        margin-top:10px;
        padding-top:10px; border-top:1px solid #e2e2e2;
        text-align:right;
    }   
    .grid-f-lis-txt-btw-date > div:last-child a {
   margin-left:10px;
    }
    
    .grid-f-lis-txt-btw-date > div:first-child div:first-child{
       margin-right:10px;
    }

    .grid-f-lis-txt-btw-date div input {
        border:1px solid #ccc !important; 
        border-radius:3px; width:105px !important;
        padding:10px;
    } 
    
    .grid-f-lis-txt-btw-date div span {
      display:block; margin-bottom:3px;
      font-size:11px; font-weight:bold;
    }


    .wio-grid-Header-flp > input {
        width: 0px !important;
        height: 0px !important
    }
.wio-grid-Header-flp > i{  display:none !important  }

/* GRID TITLE */
.wio-grid-Title {border-bottom: 1px solid #e1e1e1;height: 48px; display:flex; align-items:center }
.wio-grid-Title-i {cursor: default !important;margin-left: 10px !important;margin-right: 10px !important;display: inline-block;font-size: 8pt !important;}
.wio-grid-TitleRightForm {height: 30px;padding-top: 7px;color: #005cce;font-size: 14pt;}
.wio-grid-Title-Text {
    float: left;
    padding: 8px;
    display: flex;
    align-items: center ;padding-left: 15px;
    margin-top: 3px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left:15px;
     
}
.wio-grid-Title-Text > i {float: left;color: #626262;font-size: 9pt;margin-right: 10px;cursor: pointer;}
.wio-grid-Title-Text > i:hover {color: #005cce}
.wio-grid-Title-Text div {float: left;}
    .wio-grid-Title-Text span {
        display: inline-block;
        padding: 3px;
        background-color: rgb(219, 80, 13);
        color: rgb(255, 255, 255);
        border-radius: 2px;
        text-shadow: 1px 1px rgb(0 0 0 / 50%); opacity:0.9;
    }
.wio-grid-Loading {color: #005cce !important;-webkit-animation-name: blinker;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-moz-animation-name: blinker;-moz-animation-duration: 1s;-moz-animation-timing-function: linear;-moz-animation-iteration-count: infinite;animation-name: blinker;animation-duration: 1s;animation-timing-function: linear;animation-iteration-count: infinite;}
@-moz-keyframes blinker {0% {opacity: 1.0;}
50% {opacity: 0.0;}
100% {opacity: 1.0;}
}
@-webkit-keyframes blinker {0% {opacity: 1.0;}
50% {opacity: 0.0;}
100% {opacity: 1.0;}
}
@keyframes blinker {0% {opacity: 1.0;}
50% {opacity: 0.0;}
100% {opacity: 1.0;}
}
.wio-grid-Title-Tools { margin-left:auto; }
.wio-grid-Title-Tools > ul {padding: 0px;margin: 0px;list-style: none; display:inline-flex; align-items:center; }
.wio-grid-Title-Tools > ul > li { color: #404040;padding: 10px;cursor: pointer;}
.wio-grid-Title-Tools > ul > li #top{ margin-top:2px; }
.wio-grid-Title-Tools > ul > li > a { display:inline-flex; align-items:center; }
.wio-grid-Title-Tools > ul > li > a i{ margin-right:5px;  }
.wio-grid-Title-Tools > ul > li > i {float: left; margin-right:5px; font-size:11px; margin-right:5px; margin-top:1px; }
.wio-grid-Title-Tools > ul > li:hover {color: #005cce}
.wio-grid-Title-Tools-Panel {padding: 3px !important;height: 31px;border-left: 1px solid #dddddd;cursor: auto !important;}
.wio-grid-Title-Tools-Panel > select, .wio-grid-Title-Tools-Panel > input {margin: 0px;margin-left: 3px;}

 .wio-grid-Title-Tools > ul > li.wio-grid-ToolsPanel select{ height:25px !important; line-height:25px !important; margin-top:0px !important; margin-right:5px !important;   }
.wio-grid-Title-Tools > ul > li.wio-grid-ToolsPanel input{ height:25px !important; line-height:25px !important; margin-top:0px !important; margin-right:5px !important;   }
.wio-grid-Title-Tools > ul > li.wio-grid-ToolsPanel > div{ margin-top:-5px;   }


/*GRID - BODY*/
.wio-grid-Body {
    overflow: auto;
}
.wio-grid-Body > table {border-collapse: collapse;table-layout: fixed;width: 100%;}
.wio-grid-Body > table > tbody > tr > td { box-sizing:border-box; color: #404040;padding: 10px; font-size:13px; text-align: left;font-weight: normal;overflow: hidden;white-space: nowrap;border-left: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9 !important;}
.wio-grid-Body > table > tbody > tr > td:has(div.wio-grid-cell-rule)  { padding:0px !important; }
.wio-grid-cell-rule { padding:10px; }

/*.wio-grid-Body > table > tbody > tr:nth-child(2n+1){ background-color:#f4f4f4 }
*/
.wio-grid-Body table tbody tr:nth-child(even) { background-color: #f4f4f4;}
.wio-grid-Body > table > tbody > tr td:first-child {border-left: 0px;}
.wio-grid-Body > table > tbody > tr:hover {background-color: #e9e9e9 !important}
.wio-grid-Select {width: 30px !important;padding: 0px !important;max-width: 30px !important;text-align: center !important;}
.wio-grid-Select input {padding: 0px !important;margin: 0px !important}
.wio-grid-Select i {cursor: pointer;text-align: center;}
.wio-grid-Select i:hover {color: #005cce}
.wio-grid-ExpandPanel {display: none;}
.wio-grid-ExpandPaneltd {padding: 0px !important;}
.wio-grid-ExpandPaneltr:hover {background-color: #f8f8f8 !important;}
.wio-grid-RowGroupBy {background-color: #e9e9e9 !important;}
.wio-grid-RowGroupBy td {padding-top: 0px !important;padding-bottom: 0px !important;height: 1px !important;position: relative;}
.wio-grid-RowGroupBy-Title {background-color: #f0f0f0;}
.wio-grid-RowAggr {background-color: #f5f5f5;}


.wio-grid-RowGroupBySub {  border-bottom: 1px solid #ccc; background-color:#f8f8f8; }
.wio-grid-RowGroupBySubGr {  border-bottom: 2px solid #ccc; }
.wio-grid-RowGroupBySubGr td{  font-weight:bold !important; }

.wio-grid-RowGroupBySub td{ font-weight:bold !important; }
.wio-grid-RowGroupByTitle{ border-bottom:2px solid #ccc;  }

.wio-grid-RowGroupBySubFooter{ background-color:#f5f5f5; }
.wio-grid-RowGroupBySubFooter td{ font-weight:bold !important; }

.wio-grid-RowGroupByTitle:hover { background-color:#fff !important  }
.wio-grid-RowGroupBySubEm:hover { background-color:#fff !important  }
.wio-grid-RowGroupBySubEm td{ border:0px !important  }
.wio-grid-RowGroupByTitle td{  border-top:0px !important }

/* GRID PAGING */
.wio-grid-Paging {
    border-top: 1px solid #dddddd;
    background-color: #f8f8f8;
    padding: 2px;
    height: 27px;
}
.wio-grid-Paging ul {list-style: none;padding: 0px;margin: 0px;margin-left: 10px;height: 25px;float: left;display: inline-block;}
.wio-grid-Paging ul li {font-family: Arial;float: left;cursor: pointer;font-size: 11pt; margin-left: 10px;margin-top: 1.5px;text-align: center;color: #404040; margin-top:4px; line-height:20px;  height:20px; }
.wio-grid-Paging ul li:first-child, .wio-grid-Paging ul li:last-child, .wio-grid-Paging ul li:nth-child(2), .wio-grid-Paging ul li:nth-last-child(-n+2) {padding: 0px;padding-left: 5px;padding-right: 5px;margin-top: 1px; margin-left: 2px !important;}
.wio-grid-Paging ul li:hover {color: #005cce;}
.wio-grid-Paging ul li i {font-size: 10pt; margin-top:3px; }
.wio-grid-Paging span {float: right;display: inline-block;font-size: 8pt;padding: 4px;margin-top: 5px;margin-right: 10px;color: #404040}
.wio-grid-Paging-Selected { font-weight:bold; color:#005cce !important; }
.wio-grid-Paging-Disabled {opacity: 0.3;cursor: auto !important;}
.wio-grid-Paging-Disabled:hover {color: #404040 !important}
.wio-grid-Paging-Alert {color: #ca3c3c !important}
.wio-grid-Filter-Summary {width: 280px; height:350px; color:#000; }
.wio-grid-Filter-Summary > div{ height:300px; overflow:auto;  }
.wio-grid-Filter-Summary > div > div{ padding:7px; display:flex; align-items:center; border-bottom:1px solid #f8f8f8;  }
    .wio-grid-Filter-Summary > div > div label {
         text-overflow: ellipsis;
        overflow: hidden;
        width: 230px;
         white-space: nowrap;
        display:inline-block;
    } 
    .wio-grid-Filter-Summary > div > div input {
         height:15px;
         margin:0px;
         padding:0px;
         margin-right:5px;
    }

    .wio-grid-Filter-Summary section {
        display:flex;
        background-color:#f8f8f8;
        border-top:1px solid #e2e2e2;
        padding:7px;
        align-items:center;
    } 
    
    .wio-grid-Filter-Summary section a.wio-ui-Button2{
        margin-left:auto;
    }  
    .wio-grid-Filter-Summary section a
    {
       display:inline-flex; margin-right:5px; margin-left:10px;
     }
    
    .wio-grid-Filter-Summary section a i
    {
        margin-right:5px;
     }

.wio-grid-Filter {
    width: 400px !important;
    margin-left: -410px !important;
}
.wio-grid-Filter select {height: 24px;padding: 2px;border: 1px solid #dddddd;border-left: 0px;margin-top: 1px;font-size: 9pt;color: #404040;}
.wio-grid-Filter input {width: 80px;border: 1px solid #dddddd;border-left: 0px;font-size: 9pt;color: #404040;padding-left: 5px;}
 
.wio-grid-Filter-remove {float: right;padding-top: 4px;margin-top: 4px;}
.wio-grid-FilterTxt {border: 1px solid #ccc;border-radius: 3px;float: left;margin-bottom: 5px;margin-top: 5px;padding: 0px;}
.wio-grid-FilterTxt input {border: 0px !important;width: 190px;}
.wio-grid-FilterTxt select {border: 0px;border-right: 1px solid #ccc;}
.wio-grid-Filter ul li {padding: 20px;}
.wio-grid-Filter-saved-qs {  }

.grid-f-lis-pnls{ margin-top:25px !important; max-height:250px; overflow:auto; }
 
.wio-grid-Filter-saved-qs > div { padding:20px;background-color:#f8f8f8; display:none; }
.wio-grid-Filter-saved-qs > div div { padding-top:10px; }
.wio-grid-Filter-saved-qs > div div a i { float:left; margin-right:6px; opacity:0.5; margin-top:1px; }
.wio-grid-Filter-saved-qs > div div a {  display:inline-block; margin-right:20px; }
.wio-grid-Filter-saved-qs > div input { width:calc(100% - 120px); font-size:13px; border-radius:3px; border:1px solid #e2e2e2; line-height:30px; }
.wio-grid-Filter-saved-qs > div input::placeholder { color:#404040;  }
.wio-grid-Filter-saved-qs > div > a { line-height:32px;  margin-left:20px; text-align:center; }

.wio-grid-Filter-saved-qs table { border-collapse:collapse; width:100%; }
.wio-grid-Filter-saved-qs table th { border-bottom:1px solid #e2e2e2; padding:20px 0 10px 20px; font-size:14px; font-weight:bold; }
.wio-grid-Filter-saved-qs table td {  padding:8px;  }
.wio-grid-Filter-saved-qs table tr:not(:last-child) td { border-bottom:1px solid #e2e2e2;  }
.wio-grid-Filter-saved-qs table td > div { padding-left:10px; padding-top:4px;  font-size:18px; }
.wio-grid-Filter-saved-qs table td > div.selected { color:#005cce; }
.wio-grid-Filter-saved-qs table td:nth-child(2){ width:100%; }
.wio-grid-Filter-saved-qs table tbody tr:hover { background-color:#f8f8f8;  }
 
 .wio-grid-FilterTxt-alr {background-color: #ffdbdb !important;color: #9d1e1e !important}
.wio-grid-Filter-act-btns{padding: 10px 0 20px 20px }
.wio-grid-Filter-act-btns a{ margin-right:4px; }

.wio-grid-Filter {
    width: 500px !important; margin-left:-510px !important;
}
/*footer*/
.wio-grid-Footer {
    background-color: #f2f2f2;
     overflow: hidden;
    overflow-y: scroll;
    scrollbar-arrow-color: #e2e2e2 !important;
}
.wio-grid-Footer > table {border-collapse: collapse;table-layout: fixed;width: 100%;}
    .wio-grid-Footer > table > tbody > tr > td {
        color: #404040;
        padding: 10px;
        box-sizing:border-box;
        padding-top: 10px; 
        text-align: left;
        font-weight: bold;
        text-align: left;
        font-size: 12px !important;
        overflow: hidden;
        white-space: nowrap;
        border-left: 1px solid #e2e2e2; }
    .wio-grid-Footer > table > tbody > tr td:first-child { border-left:0px !important }

    .wio-grid-FloatPanel {
        box-shadow: 0 5px 36px rgba(0,0,0,.18);
        color: #404040;
        border: 2px solid #0078e7;
        border-radius: 5px;
        position: absolute;
        width: 200px;
        z-index: 1;
        background-color: #fff;
    }


/* TOOL */
.wio-grid-Tool {
    color: #404040;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    border:none !important;
    transition: all 0.3s;
    border-radius: 0px !important;
    position: fixed;
    width: 300px;
    z-index: 999;
    opacity: 0;
    height: 100% !important;
    top:0px !important;
    right:0px !important;
    padding-top:40px !important;
}

 
.wio-grid-Tool a.fabric-ChromeClose { 
      background-color:#e2e2e2; 
    }
    .wio-grid-Tool a.fabric-ChromeClose:hover{background-color:#ccc;  }
.wio-grid-topxbtns {
    font-size: 15px;
    line-height: 30px;
    background-color: #f8f8f8;
    width: 30px;
    transition: all 0.3s;
    text-align: center;
    border-radius: 3px;
}
    .wio-grid-topxbtns:hover {
        background-color: #e2e2e2;
    }

.wio-grid-addnwflctr{ display:flex; padding-left:20px; transition:all 0.3s; margin-top:-15px; font-size:16px; align-items:center;  }
.wio-grid-addnwflctr i{ font-size:13px; font-weight:bold; margin-right:10px; opacity:0.6;transition:all 0.3s; }
.wio-grid-addnwflctr:hover{ color:#005cce }
.wio-grid-addnwflctr:hover i{ opacity:1}

.wio-grid-addnwflctr > div:last-child{ margin-left:auto; padding-right:30px; display:flex; gap:5px; } 
  
.wio-grid-Tool ul li {
    padding: 10px;
    padding-left: 20px;
}
.wio-grid-Tool ul li i { float:left; margin-top:1px; margin-right:5px; }
 
input:focus, textarea:focus, select:focus {outline: none;}
.wio-grid-Tool:after {content: "";position: absolute;bottom: -15px;border-style: solid;border-color: #0084d3 transparent;display: block;width: 0;top: 5px;right: -5px;bottom: auto;left: auto;border-width: 5px 0 5px 5px;border-color: transparent #0084d3;}
.wio-grid-Tool-Panel { overflow-y: auto;height: 0px; position:relative; }

.wio-grid-Tool-Panel-shwsub{ text-align:center; width:calc(100% - 20px); display:none; border-top:1px solid #e2e2e2; padding:10px; position:absolute; background-color:#fff;   z-index:999; }
.wio-grid-Tool-Panel-shwsub div{  padding:5px; }
 

.wio-grid-Title-Tools-Alert {background-color: #ca3c3c;display: inline-block;position: absolute; margin-top: -5px;padding-left: 2px;padding-right: 2px;font-size: 11px; font-weight:bold; color: #fff;}
.wio-grid-ToolsPanel { margin-right:20px; }
.wio-grid-ToolsPanel:hover {color: #404040 !important;}
.wio-grid-ToolsPanel input[type='text'] {padding: 2px;font-size: 10pt;box-shadow: none;margin: 0px !important;width: 120px;}
.wio-grid-ToolsPanel select {padding: 1px;font-size: 10pt;box-shadow: none;margin: 0px !important;width: 120px;}
.wio-grid-ToolsPanel input[type='checkbox'] {vertical-align: middle;margin: 0px;margin-left: 5px;margin-right: 5px;margin-bottom: 3px;}
.wio-grid-ToolsPanel label {}
.wio-grid-ToolsPanel span {font-size: 11pt;display: inline-block;margin-left: 5px;margin-right: 2px;}
.wio-grid-ToolsPanel a {margin-left: 8px;font-size: 9pt; display:inline-block; line-height:25px; height:25px; }
.wio-grid-ToolsPanel a i { float:left; margin-right:3px; margin-top:1px; }

.wio-grid-GroupByView-tabs ul{ list-style:none; padding:0px; margin:0px }
.wio-grid-GroupByView-tabs ul li{ cursor:pointer; float:left;  height:30px; padding-left:10px; padding-right:10px; padding-top:10px; }
.wio-grid-GroupByView-tabs ul li:hover{ background-color:#ccc } 
.wio-grid-GroupByView-tabs{ height:38px; background-color:#e2e2e2;  -webkit-touch-callout: none;  -webkit-user-select: none;    -khtml-user-select: none;     -moz-user-select: none;   -ms-user-select: none;    user-select: none;    } 
.wio-grid-GroupByView-tabs ul li.active{ background-color: #f8f8f8 !important; border-bottom:3px solid #005cce; height:27px;  padding-top:9px; }
.wio-grid-GroupByView-tabs > a{ display:inline-block; float:right; font-size:14pt; text-align:center; margin-right:1px; padding-top:10px; height:30px; width:40px;  }
.wio-grid-GroupByView-tabs > a:hover{  }
.wio-grid-GroupByView-tabs div  { height:40px; overflow:hidden; float:left;  }
.wio-grid-GroupByView-tabs > a:nth-child(1){  float:left; background-color:#005cce; color:#fff !important; }
.wio-grid-GroupByView-tabs > a:nth-child(1):hover{  background-color:#004192 }
.wio-grid-GroupByView-tabs ul li div{ width:150px;  }
.wio-grid-GroupByView-tabs ul li input{ border:1px solid #ccc; width:80px;  }
.wio-grid-GroupByView-tabs ul li span{ margin-right:20px;  margin-left:20px; }

.wio-grid-GroupByView-tabs li i{ position:absolute; display:none;  margin-left:-6px; margin-top:2px; }
.wio-grid-GroupByView-tabs li i:hover{color:#005cce}
.wio-grid-GroupByView-tabs ul li:hover i{ display:inline; }
.wio-grid-GroupByView-tabs li a{ display:inline-block; margin-left:5px; margin-right:5px; width:20px; text-align:center;   }


.wio-grid-Tool-epxs {height: 280px !important;opacity: 1;margin-left: -210px}
.wio-grid-Tool-epxs:after {border-width: 8px 0 8px 8px !important;right: -8px !important;}
.wio-grid-Tool-epxs select {width: 180px;}
.wio-grid-Tool-epxs input {width: 80px;}



.wio-grid-Tool-ManageView {
    width: 600px !important;
    margin-left: -610px !important;
}

 
    .wio-grid-Tool-Panel-shws {
        list-style: decimal !important;
        list-style-type: decimal !important;
    }

        .wio-grid-Tool-Panel-shws li {
            margin: 0 10px 5px 35px !important;
            padding: 5px 0 5px 0 !important;
        }

   

        .wio-grid-Tool-ManageView ul.wio-grid-Tool-Panel-shws li {
            float: left;
            width: 100px;
            border: 1px solid #e2e2e2;
            border-radius: 3px;
            margin: 0 10px 5px 25px !important;
            padding: 5px !important;
            height:15px !important;
              vertical-align:middle;
              line-height:25px !important;
         }

            .wio-grid-Tool-ManageView ul.wio-grid-Tool-Panel-shws li:hover {
                border: 1px solid #005cce;
            }

            .wio-grid-Tool-ManageView ul.wio-grid-Tool-Panel-shws li div {
                width: 100px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                position: absolute;
                z-index: -1;
                line-height:16px;
            }


												   
.wio-grid-Tool-epxs span {display: inline-block;margin-bottom: 5px;width: 180px;color: #999;font-size: 8pt;}

.wio-grid-Tool-epxs input[readonly] {width: 280px;}
.wio-grid-Tool-epxs span {display: block;margin-bottom: 5px;width: 180px;color: #999;font-size: 8pt;}
.wio-grid-GroupByView-groupt {margin-left: 10px;}

.wio-grid-GroupByView-groupt {margin-left: 10px;}
.wio-grid-GroupByView-groupt > i {float: left;margin-right: 10px; }
.wio-grid-GroupByView-groupt > a {font-weight: bold;}
.wio-grid-GroupByView-groupt > a i {font-weight: bold;float: right;margin-left: 10px; }
.wio-grid-GroupByView-group-txt {padding: 10px;width: 278px;margin-left: 1px;border-bottom: 1px solid #e2e2e2;}
.wio-grid-GroupByView-group-txt input {padding: 4px;width: 170px;margin-right: 5px;}
.wio-grid-GroupByView-group-items {overflow-y: auto;overflow-x: hidden;height: 218px;width: 100%;}
.wio-grid-GroupByView-group-items ul {padding: 0px;margin: 0px;margin-left: 1px;width: 100%;}
.wio-grid-GroupByView-group-items ul li {text-transform: none !important;font-size: 10pt;height: 37px;width: 100%;border-bottom: 1px solid #e2e2e2;}
.wio-grid-GroupByView-group-items ul li:hover {font-weight: bold;color: #0078e7 }
.wio-grid-GroupByView-group-items ul li.selected {font-weight: bold;color: #0078e7}
.wio-grid-GroupByView-group-items ul li b {float: left;margin-right: 6px;margin-top: 1px;}
.wio-grid-GroupByView-group-items ul li div {float: left;padding: 10px; cursor:pointer; width: 210px;margin-top: 1px;}
.wio-grid-GroupByView-group-items ul li a {float: right;display: inline-block;width: 20px;text-align: center;padding: 10px;}
.wio-grid-GroupByView {background-color: #f8f8f8;  display:flex;   -webkit-touch-callout: none;  -webkit-user-select: none; -khtml-user-select: none;   -moz-user-select: none;  -ms-user-select: none; user-select: none; 
}
.wio-grid-GroupByView-col {box-shadow: rgba(17, 12, 46, 0.3) 0px 48px 100px 0px; border-radius:5px; overflow:auto; background-color: #fff;margin-left: 20px;margin-top: 20px;padding: 20px;width: 250px;height: calc(100% - 100px);float: left;}
.wio-grid-GroupByView-col fieldset { border-radius:5px; }
.wio-grid-GroupByView-col > p {font-size: 8pt;color: #005cce;font-weight: bold;padding: 0px;margin: 0px;margin-bottom: 20px;}
.wio-grid-GroupByView-col > span {font-size: 8pt;display: block;padding: 0px;margin: 0px;margin-bottom: 20px;margin-top: 20px;}
.wio-grid-GroupByView-col fieldset > select {border: 0px;margin-bottom: 10px;padding-left: 10px;padding-right: 10px;width: 240px;}
.wio-grid-GroupByView-col fieldset {margin-bottom: 10px;}
.wio-grid-GroupByView-cols {margin-top: 20px;}
.wio-grid-GroupByView-list {overflow: auto;margin-bottom: 10px;}
.wio-grid-GroupByView-list ul {list-style: none;padding: 0px;margin: 0px;margin-top: 10px;}
.wio-grid-GroupByView-list ul li {padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #e2e2e2;}
.wio-grid-GroupByView-list ul li i {float: left;cursor: pointer;margin-right: 5px;margin-left: 3px;margin-top: 2px;}
.wio-grid-GroupByView-list ul li i:hover {color: #005cce}
.wio-grid-GroupByView-list ul li:last-child {border: 0px !important}
.wio-grid-GroupByView-list ul li select {border: 0px;float: right;}
.wio-grid-GroupByView-p {  }
    .wio-grid-GroupByView-p > div > div {
       
        border-radius: 5px;
        overflow: auto;
        margin-right:20px;
        margin-top: 20px;
        padding: 0 10px 10px 10px;
        width: 300px;
        background-color:#fff;
     }

.wio-grid-GroupByView-p > div header {
    display:flex; align-items:center;
    height:30px;
    position:relative;
}

    .wio-grid-GroupByView-p > div header ul li:hover {
        color: #007bff;
    }

    .wio-grid-GroupByView-p > div header ul li i {
        margin-right: 8px;
        opacity: 0.6;
    }

    .wio-grid-GroupByView-p > div header ul li:hover i {
        opacity: 1;
    }

    .wio-grid-GroupByView-p > div header ul li {
        padding: 12px 0 12px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        font-size: 13px;
        font-weight: 500;
        transition: color 0.3s;
        display: flex;
        align-items: center;
    }

    .wio-grid-GroupByView-p > div header li:not(:last-child) {
        border-bottom: 1px solid #e2e2e2;
    }

    .wio-grid-GroupByView-p > div header ul {
        list-style: none;
        padding: 10px 20px 10px 20px;
        position: absolute;
        background-color: #fff;
        margin: 0px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 25px 20px -20px;
        border-radius: 3px;
        border: 1px solid #e2e2e2;
        top: 30px;
        right:0px;
        display: none;
        z-index: 999;
    }

.wio-grid-GroupByView-p > div p {
    font-size:11px; font-weight:600; text-transform:uppercase;
}

    .wio-grid-GroupByView-p header a:hover {
        background-color: #e2e2e2;
    }
    .wio-grid-GroupByView-p header a {
        display: inline-block;
        margin-left: auto;
        margin-right: 5px;
        border-radius: 8px;
        height: 25px;
        text-align: center;
        transition: background-color 0.3s;
        cursor: pointer;
        width: 25px;
        line-height: 25px;
    }

.wio-grid-GroupByView-ppnl {
    float: left;
    width: 900px;
    overflow: auto;
    padding-right: 30px;
    margin-left: 10px;
}
.wio-grid-GroupByView-p > div > div > a {float: right;  color: #000;display: inline-block; align-items:center; margin-bottom: 10px;}
.wio-grid-GroupByView-p > div > div > a i{ margin-right:5px; margin-top:3px;  }
.wio-grid-GroupByView-p > div table {width: 100%;border: 0px;}
.wio-grid-GroupByView-p > div { display:flex; }
.wio-grid-GroupByView-colabtn { display:flex; align-items:center; }
.wio-grid-GroupByView-cola {padding: 0px;width: 330px;height: calc(100% - 40px); display:flex; margin-left: -300px; z-index:999; }
.wio-grid-GroupByView-colaa {padding: 20px !important; }
.wio-grid-GroupByView-colab div span{writing-mode: tb-rl;  display:inline-block;  margin-bottom: 100%; padding:10px 6px; opacity:0.6; transform: rotate(-180deg);font-weight: 600;text-transform: uppercase;font-size: 11px;}
.wio-grid-GroupByView-colab div i {display: inline-block; text-align:center; line-height:30px; width:27px; height:30px; background-color:#e2e2e2; }
.wio-grid-GroupByView-colab {border-left: 1px solid #e2e2e2; background-color:#f8f8f8; box-sizing:border-box; width:30px; height: 100%;cursor: pointer;}
.wio-grid-GroupByView-colab:hover {color: #005cce;}
.wio-grid-GroupByView-pp {border: 1px solid #e2e2e2;overflow: auto;}
.wio-grid-GroupByView-welcome {padding: 30px;text-align: center; font-size: 15pt;}
.wio-ui-AlertNotify {display: none;background-color: #E0141D;color: white;font-family: Arial !important;font-weight: bold !important;padding: 1px 3px 1px 3px;font-size: 8pt;border-radius: 3px;text-align: center;float: right;margin-top: -5px;margin-left: 4px;}
.wio-grid-GroupByView-p > div > div > a {position: relative;}
.wio-grid-GroupByView-p > div > div > a ul {list-style: none;box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; display: none;z-index: 999999999;padding: 10px;width: 200px;margin: 0px;background-color: #fff;position: absolute;border: 1px solid #e2e2e2;  margin-left: -170px;  }
.wio-grid-GroupByView-p > div > div > a ul li {padding: 10px; display:flex; align-items:center; }
.wio-grid-GroupByView-p > div > div > a ul li:hover {color: #005cce}
.wio-grid-GroupByView-p > div > div > a ul li i { opacity:.7; margin-right: 10px;}
.wio-grid-GroupByView-p > div > div > a:hover ul {display: block}
.wio-grid-GroupByView-p > div > div > p {display: inline-block;padding: 0px;margin: 0px;float: left;font-weight: bold;font-size: 8pt;text-transform: uppercase;}
.wio-grid-GroupByView-chart {padding: 20px;}
.wio-grid-GroupByView-chart > p { text-align: center; display:inline-block; float:left; padding:0px; margin:0px; margin-bottom:30px;  font-size: 11pt;}
.wio-grid-GroupByView-chart > i { text-align: center;font-size: 14pt;color: #ccc; float:left; margin-right:10px; }
.wio-grid-GroupByView-chart > fieldset > select {border: 0px;margin-bottom: 10px;padding-left: 10px;padding-right: 10px;width: 100%;}
.wio-grid-GroupByView-chart > fieldset {margin-bottom: 10px;}
.wio-grid-GroupByView-txt {border: 1px solid #e2e2e2;padding: 5px; border-radius:5px; display:flex; box-sizing:border-box }
.wio-grid-GroupByView-txt input {padding: 5px;width: 170px;border: 0px;}
.wio-grid-GroupByView-txt input::placeholder { color:#999; }
.wio-grid-GroupByView-txt a {float: right;margin-top: 2px;margin-right: 2px;}
.wio-grid-GroupByView-welcome {width: 340px !important;text-align: center;position: absolute;top: calc(50% - 160px);left: calc(50% - 160px);box-shadow: none !important;background-color: transparent !important; font-size: 18pt;}
.wio-grid-GroupByView-welcome i {font-size: 50pt;color: #ccc;display: block;margin-bottom: 20px;}
.wio-grid-GroupByView-welcome a {display: inline-block !important;margin-top: 10px; font-size:14px !important; color: #fff !important;float: none !important;}
.wio-grid-GroupByView-se-cb {overflow: auto; padding:0px !important}
.wio-grid-GroupByView-se-cb div {padding: 4px; border-bottom:1px solid #f8f8f8; display:flex; align-items:center; }
.wio-grid-GroupByView-se-cb div:hover{ background-color:#e2e2e2; }
.wio-grid-GroupByView-se-cb div label {display: inline-block;width: 190px;}
.wio-grid-GroupByView-se-cb div input {margin-right:5px;}


/* TOOLTIP */
.wio-ui-Tooltip, .wio-ui-Tooltip-Top, .wio-ui-Tooltip-Right {color: #fff;background: #222;margin-top: -5px;font-size: 8pt;position: absolute;display: inline-block;padding: 3px;cursor: default;cursor: pointer;border: 1px solid #333;box-shadow: 0 0 6px #e3e3e3;opacity: 0;z-index: 99;}
.wio-ui-Tooltip-Right-Combo {position: relative;float: left}
.wio-ui-Tooltip:hover, .wio-ui-Tooltip-Top:hover, .wio-ui-Tooltip-Right:hover {box-shadow: 0 0 6px #d3d3d3;}
.wio-ui-Tooltip:after, .wio-ui-Tooltip-Top:after, .wio-ui-Tooltip-Right:after {content: "";position: absolute;border-style: solid;border-color: #000 transparent;display: block;width: 0;}
.wio-ui-Tooltip-Top {border-bottom: 1px solid #000;}
.wio-ui-Tooltip-Top:after {bottom: -6px;left: 8px;border-width: 6px 6px 0;}
.wio-ui-Tooltip-Bottom {color: #b67900;font-size: 8pt;padding: 3px;}
.wio-ui-Tooltip-Bottom_:after {top: -6px;left: 8px;border-width: 0px 6px 6px;}
.wio-ui-Tooltip-Right {border-left: 1px solid #000;border-bottom: 1px solid #000;}
.wio-ui-Tooltip-Right:after {top: 4px;left: -6px;bottom: auto;border-width: 6px 6px 6px 0;border-color: transparent #000;}


/* VALIDATION */
.wio-ui-Validation-AlertBox, .wio-ui-Validation-AlertBox-Top, .wio-ui-Validation-AlertBox-Right {
    color: #fff;
    background: #ffa400;
    position: absolute;
    font-size: 8pt;
    display: inline-block;
    left: 10px;
    top: 5px;
    padding: 3px;
    cursor: default;
    cursor: pointer;
    border: 1px solid #ffa400;
    border-radius: 3px;
    opacity: 0;
    z-index: 1;
}

.wio-ui-Form-Item .wio-ui-Validation-AlertBox-Top{
	margin-top:-15px; left:0px;
}

.wio-ui-Validation-AlertBox-Right-Combo {position: relative;float: left}
.wio-ui-Validation-AlertBox:hover, .wio-ui-Validation-AlertBox-Top:hover, .wio-ui-Validation-AlertBox-Right:hover {box-shadow: 0 0 6px #d3d3d3;}
.wio-ui-Validation-AlertBox:after, .wio-ui-Validation-AlertBox-Top:after, .wio-ui-Validation-AlertBox-Right:after {content: "";position: absolute;border-style: solid;border-color: #ffa400 transparent;display: block;width: 0;}
.wio-ui-Validation-AlertBox-Top {border-bottom: 1px solid #ffa400;}
.wio-ui-Validation-AlertBox-Top:after {bottom: -6px;left: 8px;border-width: 6px 6px 0;}
.wio-ui-Validation-AlertBox-Bottom {color: #b67900;font-size: 8pt;padding: 3px;}
.wio-ui-Validation-AlertBox-Bottom_:after {top: -6px;left: 8px;border-width: 0px 6px 6px;}
.wio-ui-Validation-AlertBox-Right {border-left: 1px solid #ffa400;border-bottom: 1px solid #ffa400;}
.wio-ui-Validation-AlertBox-Right:after {top: 4px;left: -6px;bottom: auto;border-width: 6px 6px 6px 0;border-color: transparent #f3961c;}



/* WINDOW */
.wio-ui-WindowBg {position: fixed;_position: absolute; top: 0;left: 0; background-color:#091E42; opacity:0.65; background-size: 100% 100%;background-position: center;background-repeat: no-repeat;height: 100%;width: 100%;z-index: 998;}
.wio-ui-Window {
    position: fixed;
    z-index: 999;
    border-radius: 15px;
    overflow: hidden;
    color: #2e2e2e;
    font-size: 9pt;
    background: url(images/headerbg7.png);
    background-color:#f8f8f8;
    background-repeat:no-repeat;
    background-position:right top;
    background-size:1200px 400px;
}
.wio-ui-WindowMin:hover {background-color: #4892D3;}
.wio-ui-Window iframe {border: none;width: 100%;}
.wio-ui-WindowBottom {}
.wio-ui-WindowContent {}
.wio-ui-WindowTitle {
    border-radius: 3px;
    background-position: left center;
    padding: 0px;
    height: 60px;
    display: flex;
    color: #091E42;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    padding-left: 20px;
}
.wio-ui-WindowTitle-sel {color: #005cce;}
.wio-ui-WindowTitle-sel i {color: #999 !important;margin-bottom: -2px}
.wio-ui-WindowTitle-back {height: 35px;display: inline-block;padding: 5px;padding-left: 10px;padding-right: 10px;}
.wio-ui-WindowTitle-tit {display: inline-block;position: absolute;margin-top: 6px !important;padding-left: 10px;}
.wio-ui-WindowTitle-tit i {color: #999 !important;}
.wio-ui-WindowTitle-back i {font-size: 20pt;color: #999 !important;}
.wio-ui-WindowTitle-back i:hover {color: #005cce;}
.wio-ui-WindowButtons { margin-top:5px; cursor: pointer;color: #404040;font-size: 13pt;padding: 2px; padding-right:10px; text-align: center;   align-items:center; margin-right:20px; margin-left:auto; }
.wio-ui-WindowButtons i {display: inline-block;float:right}
.wio-ui-WindowButtons span {display: inline-block; margin-top:2px; margin-right:6px; float:left; font-size: 8pt;font-weight: bold;text-transform: uppercase;color: #646464; }
.wio-ui-WindowButtons:hover {color: #b51f1f;}
.wio-ui-WindowButtons:hover span {color: #b51f1f;}
.wio-ui-WindowClose {color: #C75050;font-size: 16pt;padding-top: 0px;padding-bottom: 6px;}
.wio-ui-WindowClose:hover {background-color: #AB3636 !important;color: #fff;}
.wio-ui-Window-Menu {border-radius: 0px !important;}
.wio-ui-Window-Menu ul li {}
.wio-ui-Window-Menu ul li ul {box-shadow: none !important;margin-left: -15px;margin-top: 7px;}
.wio-ui-Window-Menu-SaveClose { }
.wio-ui-UnlimitedTree {}
.wio-ui-UnlimitedTree div {padding: 2px;display: none;}
.wio-ui-UnlimitedTree div input {float: left;}
.wio-ui-UnlimitedTree div[style='padding-left:0px'] {display: block}
.wio-ui-UnlimitedTree div i {float: left;margin-top: 3px;width: 10px;cursor: pointer;}
.wio-ui-UnlimitedTree div i[class='fabric fabric-CaretRightSolid8'] {opacity: 0;cursor: auto;}
.wio-ui-UnlimitedTree div i:hover {color: #0094ff;}

.wio-ui-WindowButtonsNextRow {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    margin-right:20px;
}

.wio-ui-WindowButtonsNextRow span{display:inline-block; font-size:14px; padding:0 3px 0 3px; }
.wio-ui-WindowButtonsNextRow i {
    cursor: pointer;
    justify-content: center;
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    vertical-align: middle;
    font-size: 14px;
    box-sizing: border-box;
    margin: 2px;
    border-radius: 3px;
    transition: background-color 0.3s;
}
        .wio-ui-WindowButtonsNextRow i:hover {
            background-color: #e2e2e2;
        }

.wio-leftpane-page {width: 100%;border-collapse: collapse;padding: 0px;margin: 0px;}
.wio-leftpane-page tr td {padding: 0px;vertical-align: top;}
.wio-left-pane-input {border-bottom: 1px solid #e2e2e2; align-items:center; box-sizing:border-box; height:60px; display:flex; border-right: 1px solid #e2e2e2; }
.wio-left-pane-input b {display: block;padding: 7px;padding-bottom: 6px;}
.wio-left-pane-input input {padding-left: 20px; line-height:60px; height:60px;  box-sizing:border-box; width:100%; border: 0px;background-color: transparent}
.wio-left-pane-input input::placeholder { color:#ccc; }
.wio-left-pane-input i  { margin-right:20px; }
.wio-leftpane-page-list-cnt {width: 500px;}
.wio-leftpane-page-list {border-right: 1px solid #e2e2e2; height: 300px;overflow: auto;}
.wio-leftpane-page-list ul {list-style: none;padding: 0px;margin: 0px;}
.wio-leftpane-page-list ul li {border-bottom: 1px solid #e2e2e2;; display:flex; box-sizing:border-box; height:60px; align-items:center; cursor: pointer;}
.wio-leftpane-page-list ul li > i {margin-right: 10px;opacity: 0.6;}
.wio-leftpane-page-list ul li > div { box-sizing:border-box; }
.wio-leftpane-page-list ul li > div:nth-child(2n+1) { padding:20px 10px 20px 20px; opacity:0.5; }
.wio-leftpane-page-list ul li > div:nth-child(2n+2) { padding:20px; width:100%;  }
.wio-leftpane-page-list ul li > div:nth-child(2n+3){ cursor:move; }
.wio-leftpane-page-list ul li > div:nth-child(2n+3):hover{ color:#005cce; }
.wio-leftpane-page-list ul li span {display: none;}
.wio-leftpane-page-list ul li p {padding:0px; margin:3px 0 0 0; opacity:0.5;  }
.wio-leftpane-page-list ul li:hover {background-color: #f8f8f8}
.wio-leftpane-page-list-sel {color: #005cce;font-weight: bold;}
.wio-leftpane-page-list-sel span {display: block !important;float: right;color: #ccc;font-size: 15pt;margin-right: -17px;margin-top: -2px;}
.wio-leftpane-page-settings {cursor: pointer;margin-right: 10px;height: 50px;margin-top: 10px;float: right;}
.wio-leftpane-page-settings > i {font-size: 15pt;color: #e2e2e2;border: 1px solid #e2e2e2;box-shadow: 2px 2px 3px 2px rgba(226, 226, 226, 0.2);display: inline-block;padding: 10px;padding-left: 15px;padding-right: 15px;border-radius: 3px;}
.wio-leftpane-page-settings:hover > i {color: #005cce;}
.wio-leftpane-page-settings ul {display: none;background-color: white;position: absolute;list-style: none;padding: 0px;margin: 0px;border: 1px solid #e2e2e2;right: 10px;margin-top: 2px;border-radius: 3px;}
.wio-leftpane-page-settings ul li {padding: 8px;border-bottom: 1px #f8f8f8;color: rgb(128, 128, 128);}
.wio-leftpane-page-settings ul li:hover {color: #005cce}
.wio-leftpane-page-settings ul li i {display: inline-block;margin-right: 5px;}
.wio-leftpane-page-settings:hover ul {display: inline-block;}
.wio-leftpane-page-right {padding: 20px;width: 100%;}
.wio-leftpane-page-form {padding-left: 20px;padding-right: 20px;}
.wio-leftpane-page-form > div {border-bottom: 1px solid #e2e2e2; height:50px; display:flex; align-items:center; }
.wio-leftpane-page-form > div > span {display: inline-block;font-size: 15px;width: 150px;color: rgb(128, 128, 128);}
.wio-leftpane-page-form > div > input {outline: 0px !important; padding-left:10px !important; line-height:46px; height:46px;font-size: 15px;width: calc(100% - 170px);border: 0px;background-color: transparent}
.wio-leftpane-page-form > div > select {outline: 0px !important; padding-left:0px !important; line-height:46px; height:46px;font-size: 15px;width: calc(100% - 170px);border: 0px;background-color: transparent}
.wio-leftpane-page-form > div > input:focus { background-color:#f8f8f8; color:#005cce; border-bottom:1px solid #005cce; }
.wio-leftpane-page-form > div > select {outline: 0px !important;height: 37px;border: 0px;font-size: 15px;margin-left: 7px;width: calc(100% - 170px);background-color: transparent}
.wio-leftpane-page-title {font-size: 15px;padding: 20px;font-weight: bold;border-bottom: 1px solid #e2e2e2;}
.wio-leftpane-page-list-req {border-bottom: 1px solid #f00 !important;}
.wio-leftpane-setting {display: block;color: #555;height: 60px; background:url(images/headerbg2.png); background-size:200%; background-color:#f8f8f8; box-sizing:border-box; border-bottom: 1px solid #e2e2e2;}
.wio-leftpane-setting ul {list-style: none;padding: 0px;margin: 0px; display:flex;}
.wio-leftpane-setting ul li { cursor: pointer;text-align: center; height:50px; padding-top:13px; text-align:center; width:40px; margin-right:20px;  font-size: 14pt;padding-left: 20px; }
.wio-leftpane-setting ul li i { display:inline-block;}
.wio-leftpane-setting ul li span {display:block; font-size: 7pt;text-transform: uppercase;font-weight: bold;}
.wio-leftpane-setting ul li:first-child {border-left: 0px}
.wio-leftpane-setting ul li:hover {color: #005cce;}
.wio-leftpane-del {display: none;background-color: #f8f8f8;border-bottom: 1px solid #e2e2e2;padding: 10px;background-color: #fff;position: absolute;width: 100%;box-shadow: 0 0 10px 1px rgba(128, 128, 128, 0.06)}
.wio-leftpane-del div {height: 10px;}
.wio-leftpane-del a {margin-right: 10px;}




input[type=range] {-webkit-appearance: none;width: 100%;height: 40px;}
.wio-ui-Input-Range-txt {display: inline-block;float: right;margin-top: 11px;margin-right: 5px;font-weight: bold;}
input[type=range]:focus {outline: none;}
input[type=range]::-webkit-slider-runnable-track {width: 100%;height: 5px;cursor: pointer;animate: 0.2s;box-shadow: 0px 0px 0px #000000;background: #ccc;border-radius: 1px;border: 0px solid #000000;}
input[type=range]::-webkit-slider-thumb {box-shadow: 0px 0px 0px #000000;border: 1px solid #fff;height: 18px;width: 18px;border-radius: 25px;background: #ccc;cursor: pointer;-webkit-appearance: none;margin-top: -7px;}
input[type=range]:focus::-webkit-slider-runnable-track {background: #2497E3;}
input[type=range]:focus::-webkit-slider-thumb {background: #2497E3;border: 1px solid #fff;}
input[type=range]::-moz-range-track {width: 100%;height: 5px;cursor: pointer;animate: 0.2s;box-shadow: 0px 0px 0px #000000;background: #2497E3;border-radius: 1px;border: 0px solid #000000;}
input[type=range]::-moz-range-thumb {box-shadow: 0px 0px 0px #000000;border: 1px solid #2497E3;height: 18px;width: 18px;border-radius: 25px;background: #A1D0FF;cursor: pointer;}
input[type=range]::-ms-track {width: 100%;height: 5px;cursor: pointer;animate: 0.2s;background: transparent;border-color: transparent;color: transparent;}
input[type=range]::-ms-fill-lower {background: #2497E3;border: 0px solid #000000;border-radius: 2px;box-shadow: 0px 0px 0px #000000;}
input[type=range]::-ms-fill-upper {background: #2497E3;border: 0px solid #000000;border-radius: 2px;box-shadow: 0px 0px 0px #000000;}
input[type=range]::-ms-thumb {margin-top: 1px;box-shadow: 0px 0px 0px #000000;border: 1px solid #2497E3;height: 18px;width: 18px;border-radius: 25px;background: #A1D0FF;cursor: pointer;}
input[type=range]:focus::-ms-fill-lower {background: #2497E3;}
input[type=range]:focus::-ms-fill-upper {background: #2497E3;}
.wio-switch {position: relative;display: inline-block;width: 60px;height: 24px;}
.wio-switch input {opacity: 0;width: 0;height: 0;}
.wio-switch-slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.wio-switch-slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .wio-switch-slider {background-color: #2196F3;}
input:checked + .wio-switch-slider:before {-webkit-transform: translateX(35px);-ms-transform: translateX(35px);transform: translateX(35px);}


/* Rounded wio-switch-sliders */
.wio-switch-slider.round {border-radius: 34px;}
.wio-switch-slider.round:before {border-radius: 50%;}
.wio-grid-FilterContext input {border: 1px solid #e2e2e2 !important;text-indent: 0px !important;display: inline-block;margin-bottom: 5px;}
.wio-grid-FilterContext i[class='fabric fabric-Calendar'] {display: none !important;}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.wio-ui-FormItems  { }
.wio-ui-FormItems label.wio-ui-Input-Label{ margin-bottom:5px; opacity:0.6; font-size:13px; display:block !important; width:100% !important; text-align:left !important  }
    .wio-ui-FormItems input.wio-ui-Input, .wio-ui-FormItems select.wio-ui-ComboBox {
        width: 100% !important;
        box-sizing: border-box;
        box-shadow: none !important;
        border: 0px !important;
        border-bottom: 2px solid #e2e2e2 !important;
        border-radius: 0px !important;
        background-color: #eaeaea;
        border-radius: 3px !important;
        height: 42px;
    }

        .wio-ui-FormItems input.wio-ui-Input::placeholder {
            color: #b3b3b3 !important;
        }
.wio-ui-FormItems input[type=checkbox]::after {
    display: block;
    width: 100%;
    border-bottom: 2px solid #e2e2e2 !important
}


.wio-ui-FormItems > div {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
}
    .wio-ui-FormItems > div > div {
        margin-left: 30px;
        margin-right: 10px;
        margin-top: 10px;
        flex: 1 1 20em;
        min-width: 20em;
        position: relative;
    }
    .wio-ui-FormItems input.wio-ui-Input:focus, .wio-ui-FormItems select:focus {
        border-bottom: 2px solid #005cce !important;
        color: #005cce !important
    }

    .wio-ui-FormItems a.lookupicons, .wio-ui-Forms a.lookupicons {
        position: absolute;
        display: inline-block;
        right: 0px;
        z-index: 9;
        width: 30px;
        height: 30px;
        text-align: center;
        background-color: #fff;
        border-radius: 3px;
        line-height: 30px;
        opacity: 0.7;
        transition: all 0.3s;
        margin: 5px;
    }



.wio-ui-FormItems div div:hover a.lookupicons, .wio-ui-Forms div div:hover a.lookupicons { display:inline-block !important;  }
.wio-ui-FormItems div div a.lookupicons:hover, .wio-ui-Forms div div a.lookupicons:hover { background-color:#e2e2e2; opacity:1;  }
 

.wio-ui-FormItems i.fa-calendar {
    display: none;
}
.wio-ui-FormItems div.Zebra_DatePicker { left:auto !important; top:auto !important }
 
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #e2e2e2
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #e2e2e2
}

::-ms-input-placeholder { /* Microsoft Edge */
color: #e2e2e2
}

.dropzone {
    height: 20px !important;
 }

.msgpnl {
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 3px;
}

    .msgpnl.msgi {
        color: #059;
        background-color: #BEF;
    }

    .msgpnl.msgs {
        color: #270;
        background-color: #DFF2BF;
    }

    .msgpnl.msgw {
        color: orange;
        background-color: #FEEFB3;
    }

    .msgpnl.msge {
        color: #D8000C;
        background-color: #FFBABA;
    }

    .msgpnl.msgl > i {
        display: inline-block;
        width: 50px;
        height: 50px;
    }

    .msgpnl.msgli {
        padding: 15px 0 15px 0 !important;
    }

        .msgpnl.msgli i {
            font-size: 17px !important;
            color: #059;
            margin-right: 8px;
        }

        .msgpnl.msgli div {
            font-size: 14px !important;
            color: #059;
        }



    .msgpnl > i {
        font-size: 25px;
        margin-right: 15px;
    }

    .msgpnl > div > p {
        padding: 0px;
        margin: 0 0 5px 0;
        font-size: 19px;
        font-weight: 600
    }

    .msgpnl > div > div {
        font-size: 17px;
    }

    .msgpnl.msghastitle > i {
        font-size: 45px !important;
    }

    .msgpnl.msg2x > i {
        font-size: 65px !important;
    }

    .msgpnl.msg2x > div > p {
        font-size: 26px
    }

    .msgpnl.msg2x > div > div {
        font-size: 20px
    }

    .msgpnl.msg0x {
        padding: 5px;
    }

        .msgpnl.msg0x > i {
            font-size: 30px !important;
        }

        .msgpnl.msg0x > div > p {
            font-size: 16px;
            margin-bottom: 2px;
        }

        .msgpnl.msg0x > div > div {
            font-size: 12px
        }

    .msgpnl.msgcenter {
        background-color: transparent !important;
        display: block !important;
        text-align: center
    }

        .msgpnl.msgcenter > i {
            margin: 0 0 20px 0 !important;
            font-size: 60px !important
        }


    .msgpnl.msgilii > i {
        margin: 0 0 5px 0 !important;
        opacity: 0.7;
        font-size: 22px !important
    }

    .msgpnl.msgilii > div > div {
        font-size: 12px !important
    }


.wio-ui-Lookup {
    display: inline-block;
    width: 100%;
}

    .wio-ui-Lookup label {
        opacity: 0.6;
        margin-bottom: 5px !important;
        display: block;
    }

    .wio-ui-Lookup input {
        padding: 0px 35px 0px 0px;
        padding-left: 10px;
        background-color: transparent;
        height: 40px;
        border: 0px;
        width: 100%;
    }

        .wio-ui-Lookup input::placeholder {
            color: #b3b3b3 !important;
        }

    .wio-ui-Lookup section {
        display: flex;
        align-items: center;
        border-bottom: 2px solid #e2e2e2;
        position: relative;
        background-color: #eaeaea;
        border-radius: 3px;
    }

        .wio-ui-Lookup section a {
            padding: 5px;
            cursor: pointer;
            margin-right: 5px;
        }

            .wio-ui-Lookup section a.fabric-ChromeClose {
                position: absolute;
                display: none;
                border-radius: 3px;
                right: 34px;
                font-size: 8px;
            }

        .wio-ui-Lookup section:hover a.fabric-ChromeClose {
            display: block;
        }

.wio-ui-Lookup-t-content {
    display: none;
    z-index: 99999;
    margin-top: 2px;
    background-color: #fff;
    min-width: 600px;
    box-shadow: rgba(50, 50, 93, 0.4) 0px 50px 100px -20px, rgba(0, 0, 0, 0.7) 0px 30px 60px -30px;
    position: absolute;
    border-radius: 3px;
    border: 2px solid #005cce;
    overflow: hidden;
}

    .wio-ui-Lookup-t-content table {
        border-collapse: collapse;
        table-layout: fixed;
        width: 100%
    }

        .wio-ui-Lookup-t-content table tr th {
            box-sizing: border-box;
            background-color: #f8f8f8;
            width: 16.6%;
            
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            padding: 8px;
            text-align: left;
            font-weight: normal;
            border-bottom: 1px solid #dddddd;
        }

            .wio-ui-Lookup-t-content table tr th:not(:first-child) {
                border-left: 1px solid #dddddd;
            }

        .wio-ui-Lookup-t-content table tr td {
            box-sizing: border-box;
            width: 16.6%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            padding: 0 8px 0 8px;
            line-height: 35px;
            height: 35px;
            text-align: left;
            font-weight: normal;
            border-bottom: 1px solid #dddddd;
        }

            .wio-ui-Lookup-t-content table tr td input {
                border-collapse: collapse;
                width: 100%;
                border: 0px;
                padding: 5px;
            }

            .wio-ui-Lookup-t-content table tr td:not(:first-child) {
                border-left: 1px solid #dddddd;
            }

        .wio-ui-Lookup-t-content table tr.selected {
            background-color: #f8f8f8
        }

            .wio-ui-Lookup-t-content table tr.selected td {
                color: #005cce;
                font-weight: bold;
                background-color: #f8f8f8
            }

.wio-ui-Lookup-t-header table tr td {
    padding: 0px;
}

.wio-ui-Lookup-t-content table tr:hover {
    background-color: #f8f8f8;
}

.wio-ui-Lookup-t-content table tr {
    cursor: pointer;
}

.wio-ui-Lookup-t-body {
    overflow-y: scroll;
    max-height: 250px;
    height: 250px;
}

.wio-ui-Lookup-t-header {
    overflow-y: scroll;
}

.wio-ui-Lookup-more {
    padding: 20px;
    text-align: center;
}

.wio-ui-Lookup-t-header-close {
    position: absolute;
    right: -1px;
    top: -1px;
    padding: 5px;
    background-color: #b5b5b5;
    box-shadow: 0 0 7px 2px rgba(0,0,0,0.2);
    cursor: pointer;
    border-radius: 2px;
}

.tooltip-title {
    position: relative;
}

    .tooltip-title:hover::after {
        content: attr(title);
        background-color: #000;
        color: #fff;
        padding: 8px;
        border-radius: 4px;
        font-size: 12px;
        line-height: 14px;
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
        z-index: 1;
        margin-top: -70px;
        animation: tooltip-title-anima 0.5s linear;
    }

@keyframes tooltip-title-anima {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}