html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
.cloak {
    visibility: hidden !important
}
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow:hidden;
}


body {
    margin: 0;
    padding: 0;
    font-family: 'Arial', sans-serif;
    font-size: 12pt;
}

.inline {
    display: inline
}

.block {
    display: block;
}

hr {
    display: block;
    margin: 10px 0;
    height: 2px;
    background-color: #fff;
    color: #999;
    border: none;
    border-top: solid 1px #ccc;
}
strong {
    font-weight: bold;
}

i {
    font-style: italic;
}

div.top-level-container {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    height: calc(100vh - 48px);
    overflow: hidden;
}

div.viewport {
    display: flex;
    height: inherit;
}

    div.viewport .mt-left {
        width: 200px;
        flex-shrink: 0;
        min-width: 200px;
        border-right: solid 1px #ccc;
        background-color: #ececef;
    }

    div.viewport .mt-center {
        width: 100%;
        background-color: #fff;
        height: inherit;
        overflow: auto;
    }

div.page-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
}



header {
    background-color: #fc6c00;
 
    color: #fff;
    font-size: .84em;
   
}

    header .flex {
        padding: 4px 10px;
        align-items: center;
        min-height: 30px;
    }

    header .brand {
        width: 12%;
    }

    header .seach-global {
        width: 40%;
    }

    header .user-context {
    }

        header .user-context a {
            color: #e8d824;
            margin-left: 5px;
            text-decoration: none;
        }


            header .user-context a:hover {
                text-decoration: underline;
            }

            header .user-context a.account-link {
                color: #fff;
            }

    header .flex.end {
        width: 100%;
        justify-content: flex-end;
    }

 
  
    footer {
        background-color: #fc6c00;
        min-height: 10px;
    }

.hide{
    display:none;
}

.flex {
    display: flex;
    justify-content:flex-start;
}
    .flex.controls > *{
        margin-right:5px;
    }
        .flex.controls > *:last-child{
            margin-right:0;
        }

        .flex.middle {
            align-items: center;
        }

    .flex.center {
        justify-content: space-around;
    }

    .flex.wide {
        justify-content: space-between;
    }
    .flex.column{
        flex-direction:column;
    }
  
.login.form {
    width: 300px;
}

    .login.form a {
        cursor: pointer;
        font-size: .88em;
        color: #0968c3;
    }

    .login.form p {
        font-size: .88em;
        margin: 8px 0;
    }

.z1 {
    background-color: #555 !important;
}

.z1 {
    color: #fff !important;
}

.do1 {
    background-color: #C6764B !important;
}

.gr1 {
    background-color: #ccc !important;
}

.g1 {
    background-color: #E5FFE8 !important;
}

.lo1 {
    background-color: #FFF1DD !important;
}

.lr1 {
    background-color: #FFC2BF !important;
}

.r2 {
    background-color: #d12807 !important;
}
.course-thumb{
    max-width:400px;
}

.notification {
    font-size: .88em;
    padding: 4px;
    border-radius:5px
}
    .notification.success {
        background-color: #d3ffdd;
        border: solid 1px #027837;
       
    }
    .notification.success span{
        color:#027837;
    }

.courses-container .scroll-content{
    max-height:120px;
    overflow:auto;
}

    .courses-container .scroll-content p {
        margin: 4px;
    }

.scrollable {
    height: 100%;
    overflow: auto;
}

.relative {
    position: relative
}

.flex {
    display: flex;
}

    .flex.full {
        width: 100%;
    }

    .flex.middle {
        align-content: center;
    }

    .flex.buttons > button {
        margin-right: 5px;
    }

        .flex.buttons > button:last-child {
            margin-right: 0px;
        }

    .flex.between {
        justify-content: space-between;
    }

    .flex.end {
        justify-content: flex-end;
    }



.upload-module {
    position: absolute;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    background-color: rgba(0, 0, 0, .4);
}

.no-padding {
    padding: 0 !important
}
/* custom checkbox */
div.checkbox-wrapper {
    display: inline-block;
}

.checkbox-container {
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .checkbox-container input {
        visibility: hidden;
        height: 0;
        width: 0;
    }

div.checkbox-container .checkmark {
    height: 22px;
    width: 22px;
    background-color: #eee;
    padding: 3px 0 0 7px;
    border-radius: 5px;
}

div.checkbox-container.sm .checkmark {
    height: 16px;
    width: 16px;
    padding: 3px 0 0 6px;
}

div.checkbox-container label {
    margin: 0 0 0 7px;
    cursor: inherit;
}

    div.checkbox-container label.checked {
    }

div.checkbox-container.sm label {
    font-size: .88em;
}

div.checkbox-container:hover label {
    color: #fc6c00;
}

div.checkbox-container .checkmark.checked {
    background-color: #fc6c00;
}

    div.checkbox-container .checkmark.checked pre {
        width: 8px;
        height: 14px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

div.checkbox-container.sm .checkmark.checked pre {
    width: 4px;
    height: 7px;
    border-width: 0 1px 1px 0;
}

.loading-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .loading-content .loader {
        margin-top: 7%;
    }



div.ck.ck-content p{
    line-height:1.4em;
    font-size :.92em;
}

/**sortable*/

.ui-sortable-handle{
    cursor:move;
}
.ui-sortable-helper {
    transform: rotate(10deg); /* Equal to rotateZ(45deg) */
}


.image-collection {
    display: flex;
    flex-wrap: wrap;
}

    .image-collection .thumb {
        position: relative;
        margin: 0 10px 10px 0;
    }

        .image-collection .thumb .img-ctrl {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 22px;
            background-color: #fff;
            opacity: .8;
        }

            .image-collection .thumb .img-ctrl .flex {
                justify-content: flex-end;
            }
.side-nav {
   background-color: #555;
}
    .side-nav .nav-option {
        background-color: #666;
        border-top: solid 1px #888;
        border-bottom: solid 1px #333;
    }
        .side-nav.hrz {
            display:flex;
            align-items:center;
            justify-content:center;
        }

            .side-nav.hrz .nav-option{
                border-top:none;
            }

            .side-nav .nav-option:hover {
                background-color: #777;
            }
        .side-nav .nav-option > a {
            display: block;
            text-decoration: none;
            padding: 10px 15px;
            color: #555;
            color: #fff;
            width: 200px;
        }
    .side-nav .nav-option.active {
        background-color: #fc6c00;
    }
    .side-nav .nav-option.active a{
    }

.side-nav.options{
    padding:0 20px;
}
/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker.datepicker-rtl{direction:rtl}.datepicker.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{background-color:#fde19a;background-image:-moz-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-o-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#000}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{background-color:#fdf59a}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active{background-color:#fbf069\9}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{background-color:#f3e97a}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active{background-color:#efe24b\9}.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);background-image:linear-gradient(to bottom,#b3b3b3,grey);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{background-color:grey}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active{background-color:#666\9}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{background-color:#04c}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active{background-color:#039\9}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{background-color:#04c}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{background-color:#039\9}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:20px;padding:4px 5px;font-weight:400;line-height:20px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px;color:#333;font-size:13px;line-height:20px}.datepicker.datepicker-inline td,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.dropdown-menu th{padding:4px 5px}
/*# sourceMappingURL=bootstrap-datepicker.standalone.min.css.map */
.ico-plus-16 {
    height: 16px;
    width: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABrUlEQVQ4jb2SsWtTURTGf+fmFSutYiCNaSKWvhQc/AMUypMuDtq5/gHShmJUxCVrx7o5PFuNIIJrJwc7iRARd6GgUFNQ8qCJgsW2JsR3j4O8NrmWKgj9pu8c7vedcz4u/CfEbUSz44EYymACRTNAS+C1NRIWHn584743CdGFKS+a85cxPFXlZWzlwijpYWvNRRV5JVafNUp+qAtT3oEbRHP+MsKY5x2/ll1a23YnNW+cH/4Zt1dUdb1Qrd/s2yCaHQ8QLrviqORrwrNLa9sDXW9GYLoxX5zsMxBDGdV7B03uxciTD99BFiXWspOBCaymVg8T70NXES4llQegaGZra7Dpru3W+Wpddo6ZzaGOzfQZCPLl1Ej7NPA5X61Lr7i3BhjajXOkpOWcoDWJufIvB0hKrgK1PgOFB6ittK6fO3GY+OutiZMKFSsm3DNMSKPkhyIyMdD1Zn6n/ae407Yrgr4ffbxxO+nv/ap8/uydKPp0v+t130Wl4qJ6vPjWGtxMp3/kBKY7HVsR9HmuMHYXNvZPcic15ouTEmsZIQCyQBOoWTHhmUfrb/8a0pHjF/Arom2s+9DhAAAAAElFTkSuQmCC');
}
.ico-16-signout {
    height: 16px;
    width: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA9ElEQVQ4jbVTrY7CQBicb0PA47A8wPn2Ki6YFo248AK8ACQUgqji/w1QKII4zdagSPE8BLhziFbsh+AKzVHCFsK4nczMzvdlF3gRBABG1+8TcxNAXsMTgTAJ+k4PAHIAQMxNLqC09ZzfR27Dk0UKsQfQu5BmR3KW2jd6nYBPV84td/X1nxe6txLzTBEtTdevPBWwGVU3QnENxItkSC5NfG8kda2z+Gj55d3UPqYGBAOH0nirvbKUoB8w1XdT+5hphKQ5GNrrmNcOUIIagvk7ab7glXcQN4gMTxZ1zH+6MD6fl0iYUIiD2ZGP/0KICKBxlsbvxQmYi1orrDxzFAAAAABJRU5ErkJggg==');
}
.ico-list-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAW0lEQVQ4jWNgGGjAGFS/s//fn79ZzMyMU9c2eRaRagDL3z9/M7W1NNmuXruexcDAUMTAwMBQ0T3nP9EGsDAzTrt67XoWExPTVJhgR2kKI6kuIRuMhsFoGAwOAADpk0ZOkprf+AAAAABJRU5ErkJggg==');
    height: 16px;
    width: 16px;
}
.ico-person-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABQklEQVQ4jdWQu0oDYRCFz0wuTQzqRgSfIVhFzT6BgmgZ0SJWK7sptUohXsHSUnejWKxIQFuxSx2TSgTfQBtht4oQ4+YfCxFi+IXtxNPNzJmPMwP8tUjXzJeu09nx4FAIZQhEiC7fQmPn6WalN+xlHSBjhAdClGfCLFSySJDpkVywr/NqASRSRj/hNN3KS+t841kllAOF9dgArQiiaye1ZoYPiryidWardI9YsQeIHztBJ8jtgvAIjlrc5yZEHjrhxF5sQNYIFyAwQTIKyBjAZiYXzOsvG1LRPjkCaA3AJCtZBADFdAfgVQRX7Vpl+9cEpu0uQ6jEUaogIEuYfGHyBWRxlCqAsDrnnC4N7vx4okC2wKg2a1YIoG7a7hQAtD2n/pXOrUJkE8CtFgBg5r3bbXwX955zPDhMsWp8KLrQ/eIf6xOtE2/RFQ7HlQAAAABJRU5ErkJggg==');
    height: 16px;
    width: 16px;
}

.ico-people-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABVElEQVQ4jeWSMS9DcRTFz/k/6fsImCwGRhK0NbG0j8QHwMRQvoC0tYigXSyMWpMYJCIUr9UIgz4qaawGH6MDkfeOgb5BWmZxp3vvL7m559wL/PlgK4mvXvQhsIoARkE8EdyobSWqvzETjgqsIqXr5jt7KW1LKsSz5Q1A/ImFG8Qy5aZt2z23axPNz7oyQOhJ0gLJQsS2u9uyUEKmckvoCv7brmhPwmCH0FEtl1yJZ65uOrGu0AwrSMnnIyx7E8AbhLla3jkGgMCvLhvLr3+xV0mzXt45CU0cz1YcSUUADULPAvsBjElYMIaEtC/ggdCLxEEQQxIW7/PJMqPZ8rARXAPO3OUS9VBS2h0BeQ5ARpy+yycaLTa+ehlVYE4DwmEs7Z6RLHm55N73G8ez7jwAeFvOwXcWy7gpglNdJKP0zVK7J/Ei9cN2fQAwvlWSFax34v8pPgADg67y1iI8ewAAAABJRU5ErkJggg==');
    height: 16px;
    width: 16px;
}
.ico-edit-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABT0lEQVQ4jcWSvS5sYRSGn3dx0OAazgWoxm4QKi2nMWzmJH5qRieuQKKxzQXoTphhIiKi8JNpzjmJPZ0rcA0KGt9SMGP8zJhCYtXv864nKwu+e9RuMMrvRaAdnC4IC2kh/gfQ2Ra8sjsEOgX6nlbaH+AngH0GD64Wh5EdqiEred28pUEmXxqRe9lRLsBdB37q0OnBl2qZpgaDq8Vhww8w5qrb2TPzh+BwL3wqLcQXdZtmsJwyRi7dmj6PVnaHkB1Jmr9KsieN2XcFmXxpxPADPMylhfiiVubod3U7e/Y2bx/AZUmzjTBG7iP4lcGz5qErTFeTuBLli6PAvqT4KsleNrvVi4FszcV6NYkr0XJpDNg3Z6YVXDfIrJX67d5v6AgDHmxczkbNpBUMz3+gOyYQPTzYtUkVxK80if9/Br8UKPQKW/zR3X38d3Pyth3wy+YR1ml/sV+fUFEAAAAASUVORK5CYII=');
    height: 16px;
    width: 16px;
}
.ico-nail-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABsElEQVQ4jZWSP08UURTFz33v7b6ZYZQhuCGbWbIu4hYkNjTEAqHRYmOhhSY2lrJ8i40VhYkFBYkFH4AAsYLCQmOH4AfADX8SExUCOMIs2T/MXAoDRt5TwinvPfeXc28u4R/6XitXIOQsCJx2ms/Dl1vvbD6yDw8OQWRXro1XfXCK+ONs4ySJhwu1zS8XvcJKlXraHbrvqRslqNwtXA+felJ6r21eA/DtVaXIhFFdvnfe0808gdSDrzNPwv8C5tb3wq3yo08yvKNIZf80EsDNjcntYmVtbn0vtAKW6qwl1IfCr885p69s3MZ1Bqj/YLVPknq/VGdtABpJNBm4Ku8c1En29Ju7drrg/qxTjyPzx0k0YQAkUfV2b7YrPdqF8AIT0BZIDn9gsFf7QoiqAThhlLodCW4fgzKOAUDCQKuBwJFIUh4wAMycVcL6Fn9JCkLKlhuciTIuuBUbg5whazIDoG6OoLW9Zhg7eh+qdNeoq4sF52EN8ZvHADN0cRgA0Pb3Ee3Mw59YuDyBCArwX7xFp9lAtDyFaHkKsd6AX12ECIxHNBP8hoTwns3YWpcnuKpOAZeXfiTlruHjAAAAAElFTkSuQmCC');
    height: 16px;
    width: 16px;
}
.ico-books-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAk0lEQVQ4jWNgoBAwMjAwMMTNKfuPLLgopYsRm2K/qq0o6ja1eTMywTgxLu4MMS7uBG20tbVmsLW1hvNZYIwle3YS5eTDh4+i8OEGwGyHGbQwywvFufHTtjHCXIBsEBMDHhAXFcQQFxWE10Us+CQXLVuHVzNVXIDXAGLAMDAAb0LCFgvoCQlvUsYWCyQlZWJcQDEAAEcSMeCfZEY3AAAAAElFTkSuQmCC');
    height: 16px;
    width: 16px;
}
.ico-school-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAB5UlEQVQ4jcWTy2pTURSGv3UuuZwkpjaWIhVBlCCWzEotVpAmEKloZ/ERfAEnWlBBnKiv0IHjBsFBtVLagSitdiQUi+AFJ40ghtjWpMlp9lkOQlJNU3HmP1rwX9b+F2yhB1YnJoaNbRdQLShEBOZEpDi2uPiqWyvt4XUud0ZVCypSEBgG1gSKAAoFIKPwTlSLIlIcW1paB5CVbPZOtymw7eK5hYX3v29azudPW8YU9oWtZLNrIjLby3QQOmGqVwXg5oOZ8Wg0fLtpzOiuMQnXtrdt23pT8+t3LWNJJBq6ZUxwttk0ccexf7a5+9evLTsAKrycvDDKyeNHJRH3qNbqfR++bOTnX6yej8U8uZwb97yYh7aO1let1i4+mp3LA5ZzZfppGb7KSCbdeWIyEWMkk5b0iWOxrYYhUAi0xSkQ9TwAmZp+9t0S6D+o66G41zH2hqasfzna3/D/A5z2sLldpfStzE7dJxJ2GRo8QjIRa20R8H0f0wxwXBvXdfcHPJx5jJEwjSa4tuJIg6GBFIMDKd6uf2Q3COEHEHbA1vqfAaVqkk0/iu59DQRlY6sOn0tUGv2gexwS53Bopx0g5R++l+rupgiVRrR3cRUqDQ+QsvRWwNSN56ewmvMgalky+eTepU+9dL8ALp+8vD9JTBMAAAAASUVORK5CYII=');
    height: 16px;
    width: 16px;
}
.ico-wrench-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABhklEQVQ4jc2Sv0tbURSAv/N+xAQrOHTwidqQ+B84dTHpUMRJEV+dHAqCk620/4UO2bq00q1Qkw4ddPAHPASh9V9o+wSRvKUoSCGJ3vdOh+ZVBZMIXXrgwr2c833cc+6FfwzpljydGx+x7KQCTAG/UPa9n2PPJQhMWmP1gI8EOVJhGXAFa0OCwGi57PQUWHZSEaTiVX+si/JW1PK92vcg8vOl6OHJ+7TO6SQAppzYvGjv+1NYsWoIvVsAWk07bqWHul9QxdoCXgK5roLj2fwg6IVD5jHAcDWU9nqgwiiw17GF49n8YJ9r7aB8HqqF29F8cdpI66vakrUTd1GU1Thh8k7BX1g49Krh6+hZcR3VOZvMADEZYDdOmBz9FH67Jaj7hTHgHVBCeONthq/acPnKNROPPpycdxpUeoMNFfYSvZwZ2Txt1ueLa/IHftoNhvZPrPuFC4fcsKHxkWbTJ5s9u3KN1wuG61f4YrSx4pBbINe3ChzcB74pWEJ4YmhEqJSApfvA/0f8BumdmFwsun2tAAAAAElFTkSuQmCC');
    height: 16px;
    width: 16px;
}
.ico-phone-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABpElEQVQ4jb3RPWhTYRTG8f95b5Iba6uNUvBGKeYDOlhLJx0EF0EoXQTRQbBWwbQVOji6aN0U3LqkzVKwDl1El1Iciy7tUEFctElQaK5U0qCgzU2473EoXdRqAuKznOU8Pw4c+Ff5NJ7pr9xMPatOZg+00zMAGxOpPmv1BcbEG0G41A5iACQ0M4hMeTPFISuy1g5idoaeCjuCxwIq8EYRLwhsd+sXoK8j36PDOxZXReV+crb0sRVAADbGM2fE6kIYNgai4g5ao3NRwtM9sx/8li44mi++EnjiOLGF6pf4S9B8QyJPy6PH4y0BAEeSpTuCVhOJ+rxXKz8UtOjGnCX/erYHoJJL936+0de1JyBT2K1axwjoQT+RyXte7yjYZY3alUoufQVYbkaav3xHfhY3b53obIbbz42yuVXbd+1Qd/2cit5DmFM4Kcqg65qhw9PrX38LALyfzLr763YeI11uTC7vLiuIn0stogTJQvnCngCAXsLxE+lHwEWU22FnY9H55o4I3EXlvFdYf/tHYDeVsdRZUR4o0q/CqlomjhVK7/7W+3/5Ac1uoHIpSDYQAAAAAElFTkSuQmCC');
    height: 16px;
    width: 16px;
}
.ico-location-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABUklEQVQ4jcWRsUrDYBSFv/snFCqCtpNUi1rH4uAgBaG+hYtSEdQIvoGLoIKPIDToVFzsJj6Em4vFyaBUAy6lSwlok+tQq6GkUAfx2/77n3M43Av/jSQNG2vFVDYTnChUBFFUa612+rBYb7wPak1SQHYyOFYohsZeDiMpKSxmMsFRktZO7iWVKJKSRfcKQ6S2rJsut8DBSAGK2oiOARGC6oemVbBGbqBQN4atXNUrA/h7hVNRqSeWTRq+7i/kpRvdWRFFgNDQUNssTZ89NocGNLdnspaV8oCJ2O/lV6WNmKcdhu8L+YuXFsSuYFmpTZDrnOtJzvXEBJ1xlBWUFRN0xvtz4Kan7RE7ozigbv81VXvrqOKo4kzV3jrfskjdnjaGvze/6juFBx2yk0F8p3Dv78yXfxqo7AJVAR0lADjH9FrIV+ITMDuiuc9zzvXmfun5Az4Bs8V1NxY2EmwAAAAASUVORK5CYII=');
    height: 16px;
    width: 16px;
}

.ico-triangle-24 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAWElEQVQ4jWNgGAUDDxhhjBex4tz/OLm3MTAw2OHX8P84Gzuzh/DkO59QDCDGEHTNGAbgMwSbZqwGYDMEl2acBiAbwsjwnxWXZoLgba4K39tcFT6SNY4wAADTVSoeF7q9fQAAAABJRU5ErkJggg==');
    height: 16px;
    width: 16px;
}
.ico-home-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAB2UlEQVQ4jcWRMWhTcRDGf//30rwYSTBGI0ZN4ZlYRQNCSrUSStqULk52LFiH0s0OgoKDo4NQ7KAOSl1UcBKdHIRCHyUkHRpcItS2qSZIWlNNawLPJM3z76QY8amD4Dfd3ffdd8edwAbpgYEDDk2bRkrNqtfHeg3j7a904ufCQizW0fL7LyPEtUA47EIiyiv5upDWdbVSmezOZrdtDeYHB+NCVR+5fLuDnSeOOz+Vy0hgVyBAIfeqWd+slKRlnT89M5NqM1hIJPZYmnYLRTkXikZdHZpGcXERGTwEQkDpHZ1Hu2jV6xRzuSaW9UxpNC52G8YHkR4aGlNhyhcK7dyn6+paPk+1sol7fAItngCgkTIw79/B6/Ox/7DO+9U3XyrFgimlvCQyyaTs6uvDrFYpLa/gjPfjvjCO2OFuu438bGI+mKaZmiUYCeP2enk9N4fIJJPS6d8LHg/uiSs49IjdYwBorS5j3p5E1mpsf9xAAWrZgzE8N+/+sRnAoUfwTt0jo8cRQmw5VMs6shTuXetXlDZh+urZtvzMjec//E5QCJ3k1PyTY0qPYazbTRsdGWZ0ZNh2mx7DWFds2b/E/zdwfAuWNszfCu347wazL162EVHg4eOn2PH/DF8B3q2nkWfP2qsAAAAASUVORK5CYII=');
    height: 16px;
    width: 16px;
}

.ico-service-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABZElEQVQ4ja2Qv07CYBTFz0cpX/ErD0AMQf7oJAQcZHFxMxXfwFmgpPAsojE8gIuzElcHBwcTIosGjBoJf3YotrS1DkgTokijnvXe87v3HOCPIvMG/dJ6/V0bpQCACGI9WGlsfLfnmQeYmgHA1obpX73XK6ceeuX0/U87MxFaSpwykysQgeVsTY3CMnwAAI4fE4E92bpaVTmrunr0qH8BtPNryzxPr/hoOihKMuPDCRC6NImgj2C8NDC4PFHN57uuMda2Q9VmZ+ZyX0m0BrVjw16gwUXF6JeSzZYSp8BniczkCpPLRe+iXsRdxeuNJIPMIDkHQCjLi5LMFpmnCuzIIvEH8g7A1tUIH0649YNfScLWhlEHAMvwTQtzIyIwwDIpADiZe7mYa8AMrCPHQh6P/9S/mc2I2RJ1YxqcH+rabe3GetP2vcS0X/1be5ooya7MABCQipQQT2Z0fdYm3YOo/avf/0sfcsGXldOqcVAAAAAASUVORK5CYII=');
    height: 16px;
    width: 16px;
}
.ico-social-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAB80lEQVQ4jc2TP2hTURSHv3N52hQSSkoMNSlp8yp0KIibgjzoJuruVEVC86eNg4rQLoWO6hxbG0EL4pbNoZMIUXFyCTgU2uhgEkmEGKxaec07DiYlid1cPNPl3HN/v/Odw4V/DBlMVOfjjhiyYBxFQ0BD4JVnJBd9uPtmsN50D7o6a1WT9jqGTVVetD05e5Kg3/PMORV5KZ4+raTsnK7OWkd2UE3a6wgTljV8Jbz2fu9QGERA64sz/oP2fkFVd6L58o0+gep83MHIE8saPtN9rCC19NQGqteAIbUkdnzf+upabkmNzHVxDIAYsqje63WupeMOqkngHUjmGL7micfb30DuSluz3boOj3E8lTu9bOrJKRFAWYs82n3Wc7OFsNI3REVDrdZQ/dA9ZS+IcPkPpFyopO2lD9cnfQDN5vBnINTXgSBfRkZ+hYFPHf5lINZxvCrK3uTmx/sAweDPMaAxsEYtGmlf7CZ9cBq41VnDnA/GBbQz9ktAcQCBBwjL9cUZP8BovtxC5EcH4ftovtwCaCSmAyhLnphcn0AkX36tyNZBe7/QSEwHOCIaiemAa7kFUX0+vrHzdgABIpHYTVXdcS23VEvZC+LpGICoRqppO+NabklUt8eiE7d7hf/6C5XM1HlpaxbBAcJAHSh6YnK9zv9P/AaVq8HumPMHRwAAAABJRU5ErkJggg==');
    height: 16px;
    width: 16px;
}
.ico-star-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAACOklEQVQ4jX1Sy0tUURj/nXPvnee913mRGs4MEtWEUslMi7DIEpoZF1ELVy5C0Fy4CSSk/yBoE+6ygXBTMZsiYpoRQ1MIKw1rVy0KHQnH5nXn7dy5p5XhyFzP6vD9Ht/5vt8BjjgLc4POhblB51Ec/iiQqJb7IGAA7uly9IB4JOjgibAFACqru0NjiUwrHtV9GuWmOz1e0uFxUwMVpvV4LQ0Wn960EZDJbl+v+cSZcyYNbDIeCTpaNtq/xJ6EuzjgFCHsZIOpt9rdXmq2igCA9i4v3UluPpuPhF4yRn42gB9D42+TAEDmI8EHBPQu5fmGVZT3rLJsEGWbpdPTDaPJDACoVSv4s/kLRSVXLinKXqmoGDRV5Ri0RyQaHTY4S9U3Nqer//zFAQvldNcCAGCaho3VlUouvfOJaIUQAYBodNjgKlVey3bX5b5LAxZKuZZiTdPwdXW5nP2b+khZYejq6FL1f4xrj/1C3nT8lc3uutLXf81KDgXMGPBl5V1FyWXey7XtG4GJ9XpTCoGJ9bparo1md1P8YTEAEALk0ru0Xqne3hc3GQAABN5nlaSq3vxWSapC4H0Ha01fmTLWI9odAgBkUjv4/m2tCDCcPhsQHcc6INodQjGf7wGw3NKA43k/GLN8XkyUioW8otYbU4xpbOPD0kOxzd5mkSSJE3h/U9OmRQG9qeRWOpfNTJHfBc/18djz4J34i5XNC14llxlLbSdTYOjRGxGJ2fBIbCZs1MNjM2FjYjY8crD2D1320ybAtXYpAAAAAElFTkSuQmCC');
    height: 16px;
    width: 16px;
}
.ico-delete-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAmElEQVQ4jWNgoBAwYhM8o5bXxsDIUMzAwMDGwMDwi5GBodv45qQabGqZcBhb/IuFWdLk5iTGXyzMkv8ZGEoIuuCMet5/Yp1tcnMSVpcTNASbPFYvwBSi09gA9jAgAYwaQAUDUMAZ9byfx7QLhbDJHdMuFDqjnvcDXZwFmcPIwNDN9ufv8zPqeWwYJvz5+4uBgbGLaq6lGgAA3YMrpO2/RB4AAAAASUVORK5CYII=');
    height: 16px;
    width: 16px;
}
.ico-photo-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA+ElEQVQ4jWOs6J7zn4EE0FGawojMZ2FgYGBoL0kmSnNlz1wMMRYYY1G2N17NcVO3MjAwMDDAXAxzCQuKoqggrJoXLVsHZ2cmhDFMX7AK0wVYgZYbA8O1XVilYC5hQhb8++c3w8s7Nxl+fv3K8OXLV4Yvp9bjNNvX0wnTBS9uXWf48/Mnw6tvtxjuvfvK8PbTVwY3Jxu8jkRxwZ+fPxkYGBgY/v39w6AoxMXAxcbMsGvfEbwGoLjg4PXHeBXjNQAWTaQCJsJKiHABthRGtAGwFFXRPed/ZkIYeS6AAeQURixgRBeo6J7zH5ZICIHN2/dhT8qbt+8j2gUAn5FTADVPshkAAAAASUVORK5CYII=');
    height: 16px;
    width: 16px;
}
.menu-container {
    background-color: #f9f9f9;
}

    .menu-container .link-item-container {
        border-bottom: solid 1px #b4b4b4;
    }

        .menu-container .link-item-container .link-item {
            position: relative;
        }

            .menu-container .link-item-container .link-item .f00 {
                display: flex;
                align-items: center;
                padding: 8px 6px;
            }

                .menu-container .link-item-container .link-item .f00 .icon {
                    margin-right: 5px;
                    flex-shrink: 0;
                }

                .menu-container .link-item-container .link-item .f00 .alight-right {
                    margin-left: auto;
                }

            .menu-container .link-item-container .link-item.root {
            }

                .menu-container .link-item-container .link-item.root .chevron {
                }

        .menu-container .link-item-container .icon.c {
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: rotate(270deg);
        }

        .menu-container .link-item-container .link-item.root .icon.e {
        }


        .menu-container .link-item-container .link-item.root {
        }

        .menu-container .link-item-container .link-collection {
        }

            .menu-container .link-item-container .link-collection.collapsed {
                display: none;
            }

            .menu-container .link-item-container .link-collection.epxanded {
            }

        .menu-container .link-item-container span,
        .menu-container .link-item-container a {
            color: #393a52;
            cursor: pointer;
            text-decoration: none;
        }

        .menu-container .link-item-container ul li {
            padding: 0 0 0 23px;
            font-size: .84em;
        }

        .menu-container .link-item-container div.link-item > a,
        .menu-container .link-item-container div.link-item > span {
            display: block;
            padding: 8px 6px;
        }

        .menu-container .link-item-container .link-item .f00:hover,
        .menu-container .link-item-container > div.link-items .link-item:hover > a,
        .menu-container .link-item-container > div.link-items .link-item:hover > span,
        .menu-container .link-item-container > div.link-item:hover > a,
        .menu-container .link-item-container > div.link-item:hover > span,
        .menu-container .link-item-container ul li:hover {
            background-color: #c8c8d1;
        }

        .menu-container .link-item-container a,
        .menu-container .link-item-container span {
            user-select: none;
            display: block;
            width: 100%;
        }


    .menu-container .link-item a.active:after {
        content: ' ';
        display: block;
        position: absolute;
        right: -1px;
        top: 0;
        bottom: 0;
        width: 5px;
        background-color: #0090fc;
    }

/*
.notification{
    border:solid 1px #52894e;
    background-color:#e8f7ee;
}*/
::placeholder {
    color: #ccc;
    font-size: .84em;
    font-style: italic;
}

input[type="text"].form-control,
input[type="number"].form-control,
input[type="password"].form-control,
select.form-control {
    display: block;
    padding: 4px;
    border: solid 1px #aaa;
    border-radius: 5px;
    font-size: 1.1em;
    color: #454545;
    outline: none;
}
    select.form-control:focus,
    input.form-control:focus {
        border-color: #549b33;
    }

select.form-control.error,
input.form-control.error {
    border-color: #b52d5f;
    background-color: #fff2f2;
}

select.search-control {
    width:100%;
    display: block;
    padding: 2px;
    border: solid 1px #aaa;
    border-radius: 5px; 
    color: #454545;
    outline: none;
}

textarea.form-control {
    width: 100%;
    min-height: 60px;
    resize: vertical;
    border: solid 1px #ccc;
    padding: 4px;
    border-radius: 5px;
}

    textarea.form-control:focus {
        background-color: #feffee;
    }

.form-control.w10 {
    width: 10% !important;
}
.form-control.w20 {
    width: 20% !important;
}
.form-control.w30 {
    width: 30% !important;
}
.form-control.w50 {
    width:50% !important;
}

.create-form-view{
    width:500px;
}
.form {
}
 

    .form .col-2 > div{
       width:50%;
       margin-right:10px;
    }
    .form .col-2 > div:last-child {
        margin-right: unset;
    }
    .form h1 {
        font-size: 1.4em;
        margin-bottom: 15px;
        color: #4a6b8f;
    }

    .form h3 {
        font-size: 1.3em;
        color: #364b9c;
        margin: 8px 0;
    }
        .form h3.nm {
            margin:0 0 10px;
        }
.form .form-control {
    width: 100%;
}
    .form .notice{
        padding:6px 0;
    }
        .form .notice p{
            padding:6px;
            background-color:#fffed2;
            border: solid 1px #f8c621;
        }
        .form .form-control.phone {
            width: 150px;
        }
        .form .form-control.posta-code{
 
        }
        .form hr {
            display: block;
            height: 1px;
            border: none;
            color: #aaa;
            background-color: #aaa;
            margin: 10px 0;
        }

    .form .control-group{
        display:flex;

    }
    .form .control-group .form-control {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
        .form .control-group .button-wrap {
            border-top: solid 1px #aaa;
            border-bottom: solid 1px #aaa;
            border-right: solid 1px #aaa;
            padding: 2px 4px;
            display:flex;
            align-items:center;
        }
            .form .control-group .button-wrap:last-child {
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
            }
            .form .control-group button.btn {
                min-width: 30px;
                cursor: pointer;
                color: #fff;
                border: solid 1px #ccc;
            }
            .form .control-group button.btn:last-child {
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
            }

            .form .control-group button.btn.remove {
                background-color: #f35087;
                border: solid 1px #c81515;
            }
            .form .control-group button.btn.add {
                background-color: #87d38b;
                border-color: #7bc694;
            }
            .form .control-group button.btn.add:hover {
                background-color: #a2d7b4;
            }
            .form .control-group button.btn.add:active {
                background-color: #7bc694;
            }

                .form .control-group button.btn.add:disabled{
                    background-color:#aaa;
                    cursor:not-allowed;
                }


                .form .control-group button.btn.remove:hover {
                    background-color: #ff3914;
                }
            .form .control-group button.btn.remove:active {
                background-color: #d82200;
            }


            .form-container {
                margin-top:12%;
            }
.form label {
    display: block;
    margin-bottom: 8px;
 
    color: #2a4eb1;
    font-size:.92em;
}
.form .opacity-control{
    position:relative;
}
    .form .opacity-control.reduced {
        opacity: .2;
    }
    .form .opacity-control .opacity-layer {
        display:none;
    }
    .form .opacity-control.reduced .opacity-layer {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 30;
        display: block;
    }

    .form .row {
        padding: 7px 0;
    }
        .form .row .c {
            margin-right:10px;
            width:100%;
        }
            .form .row .c:last-child{
                margin-right:0;
            }
            .form .row-heading {
                margin: 15px 0 7px;
            }
    .form .row-heading h3{
        margin:0;
        padding:0;
    }

    .form .row.pd {
        margin-bottom: 20px;
    }
        .form .row.controls {
            margin-top: 12px;
        }
        .form .row .row-buttons {
            display:flex;
            justify-content:flex-end;
            padding:5px 0;
        }

.form div.val {
    display: flex;
    justify-content: space-between;
}
            .form div.val > span {
                color: #b52d5f;
                font-size: .92em;
            }
.form .row.no-bottom-padding {
    padding-bottom: 0;
}
.form .row.no-top-padding {
    padding-top: 0;
}
.form .row.controls .control-col {
    margin-right: 5px;
}
.form .row.controls.three .control-col {
    width: 33%;
}
.form .row.controls .control-col:last-child {
    margin-right: 0;
}

    .notification {
        display: block;
        padding: 12px;
        margin-bottom:20px;
    }
    .notification.warn {
        border: solid 1px #ecb2c8;
        border-radius: 6px;
    }
        .notification.info{
            border-radius:5px;
            border:solid 1px #88a384;
            background-color:#e9ffeb;
        }
        .notification.warn p {
            color: #b52d5f;
        }

    .notification.login-errors{
        margin-top:20px;
    }

.product-form{   
   
}
.product-form .s50p{
    width:50%;
}
    .product-form .form-control{
        background-color:#faf6eb;
    }
    .product-files {
        padding-left: 15px;
       
    }
.generic {
    width: 500px;
}
.course{
    width:800px;
}
.generic .c textarea{
    min-height:300px;
}

.btn-hdr{
    margin-bottom:10px;
}
.col2{
    margin-left:20px;
}
.categories-form{
    width:100%;
}
.categories-form ul li span {
    line-height: 1.4em;
    color: #454545;
    cursor: pointer;
}
.categories-form ul li:hover span {
    color: #14214e;
}
    .categories-form .edit-container {
        max-width:450px;
    }

    .categories-form ul.edit-mode li span {
        color:#ccc;
    }

 .w50{
     width:50%;
 }

 .hide{
     visibility:hidden
 }

.button{
    display:block;
    background:none;
    border:solid 1px #aaa;
    border-radius:5px;
    cursor:pointer;
    outline:none;
}
.button > span{
    color:#333;
}

button.button {
    padding: 5px 7px;
}
    button.button:disabled{
        background-color:#e0e0e0 !important;
        cursor:not-allowed;
    }
    button.button:hover {
        background-color: #e0e0e0;
    }
    button.button:active {
        border-color:#999;
        background-color:#aaa;
    }
    button.button:active > span{
        color:#fff;
    }

    button.button.action {
        border-color: #295790;
        background-color: #fff;
    }
        button.button.action > span {
            color: #2f64a4;
        }
        button.button.action:hover {
            background-color: #dde5f4;
        }
        button.button.action:active {
            border-color: #2f548f;
            background-color: #5883c8;
        }
            button.button.action:active > span {
                color: #fff;
            }

    button.button.submit {
        border-color: #47920d;
        background-color: #599c25;
    }
        button.button.submit:hover {
            background-color: #5ec111;
        }
        button.button.submit:active {
            background-color: #3c7b0b;
        }
        button.button.submit > span {
            color: #fff;
        }



    button.button.cancel {
        border-color: #2f64a4;
        background-color: #3b7dce;
    }

        button.button.cancel:hover {
            background-color: #4e8ad2;
        }

        button.button.cancel:active {
            background-color: #6297d7;
        }

        button.button.cancel > span {
            color: #fff;
        }
        button.button.cancel:hover > span {
            color: #f5f5f5;
        }




    button.button.stop {
        border-color: #661337;
        background-color: #cc276e;
    }

        button.button.stop:hover {
            background-color: #d13c7c;
        }

        button.button.stop:active {
            background-color: #d6528b;
        }

        button.button.stop > span {
            color: #fff;
        }

  




.add-laborer-btn {
    border: solid 1px #5883c8;
    border-radius: 6px;
    background: url('/Content/images/create-laborer.png') #fff no-repeat center center;
    height: 48px;
    width: 48px;
    cursor: pointer;
    background-position-y: -1px;
}
.add-laborer-btn:hover{
    background-color:#d7feff;
    
}
    .add-laborer-btn:active {
        background-color: #accbcc;
        background-position-y: 0px;
        border-color: #344e78;
    }


.button.remove {
    height:20px;
    width:20px;
    border:none;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjEuNv1OCegAAAHXSURBVDhPjVRNSwJRFL3z3jzHAcEU1CDJFv0DN+78Oy36A22KiKB9QTmjGIGBZrXTauM2ykVo7WsXtKhoUa3qvGlG/Lg6XTjw4N173jl37h1qLS9b5Uhk1zXNN8c033E+qGezNoVEN59XrmXtoO4JdY84b20Uiya5kcheiehnGK5Sl/VCYSqpJnOUOp2owwPkSPkxfqGBgqtOLhf1OQZR0sqUOmNrpHylkhCf3KUHIS6qQ6QdIhP2mmyuhhDfhJ7V2MsAQrR1T7VNnE/YHB9Q3iQomIPUGy4hAB69KlsWazMAOPr1+fmUZ6WUSMQdIa65xP8Atb1KLPZHFkQ1Hg9VykErmyAL4hz20YdbrpADPtDDUSaT9sv58Hr6D/uOYfRCyXTo0cDXnBjacUDd5fBIseFtgJQNjoADnLT06vrlo+FtQMhocEDPLzrF4qjS0A0IgSYd2PfIwmxKee+GjBQEtbRLcqPRdS4hAH5PD8fpdKa2uJiAki6XE6Bs2yuExt5xlx4Moz88Gm42m0T+dKVSVglW2FdRyG6At1FTSOFgm1zbXh2/QE9nboC/pqMbJcTzYTK5QD9EBvq4hqa+AF/6T1wJ/hozopFKxcpKbaKmDWX7eGSJiOgXYZPOwFrZHSAAAAAASUVORK5CYII=');
}
.button.remove:hover{
    opacity:.7;
}


.ibutton{
    display:block;
    border:none;
    cursor:pointer;
    height:36px;
    width:36px;
    background-repeat:no-repeat;

}

.topright {
    background-position: top right;
}

    .ibutton.sm {
        height: 20px;
        width: 20px;
    }
    .ibutton:hover {
        filter: brightness(115%);
    }
    .ibutton:active {
        filter: brightness(95%);
    }
    .ibutton:disabled {
        filter: grayscale(100%);
        cursor: not-allowed;
    }
.cancel-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAACRUlEQVQ4jaVTzUrjYBQ9uV9iLI2zCKK1VuhYN3Yxg+I4ddG6KYKla/EJnHmMvIYzTyBupRVxIbbg/+hK3FQLllBFKowJNE1yM4vSaAZkFnNW38e953DO5V4JbxAYBh3V6+uyonwLfP8zM2tEZElCXHmOs7lUKGxJhsFvOdLgcVYsTrMQu2o8PjGeyWhxXYesqvAcB3ang4dGw3Js2yTfX/2yv38bETgrFqeZ6CI5O/thNJ0mvIOnZtM3r69fIEnzX/f27gCAAsMgFmL3X2QAGE2nRTKbHQFRNTAMAgA6qtfX1Xh8YkCmRAKUSkWIlEqBEolQRI3FJk9qtTUAICHL38czGe21m6CUSqCpqf43mYRSKgGKEraMzcxoQlE2AEAG86e4rodFNk24OztQymX4p6cQi4twq1Xw/X3Yo+k6AuY5ACBm1mRVjVhm04R3fAx5eRn++XmEDABiaAjMrPUNE1me40QzJ5OQczm4h4cQCwthnAF8xwERWQBAkhBXdqcTISvlMtxqFf7lZT/O6mpExOp0IAlxAQDkOc7mQ6NhvfpnuJVKaJtNE26lArhuvx4EeLy9tbxe7ycA0FKhsOXYtvnUbPoAwO02uNWKzqTVArfbAPrL1LXtVi6f3wbebqIkXSSz2ZHRdFrgHTzd3fnmzc1v7vXmlw4OmqEAAJysrHwEUVWNxSbHMhlN03XIw8Pwul1Yz894bDSsrm23pCAoDdY4IgD0r/GkVlsTqroReN6czzwiiF5A9Mt33R+5fH7772v8b/wBspABQrWf9CcAAAAASUVORK5CYII=');
    height: 16px;
    width: 16px;
}
.edit-16 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAArlBMVEVHcEyzYmeznU2umFHTuGi+plPTuWm/n03CplPSt2eAgIC6mlW8mE9SUk10ZUvRt2ewlEzLqm5fW0//AADLq27NsWTOs2ZyZExgW0+6nFbaYWHaYGDQU1OdnX6ikHmpp46boKian6icmX6ljXWhrbChq6/WWlqopo3WW1v+7aL+7KH/7qPjzX/fvG/lzYBZWlfZ5/X3j4/X5vS7l6G7lqDBz9rY5fPBzdnBztjCw6nP6UmZAAAAKXRSTlMAOTxP2ivaKC7YAuQq6ljYSvXTAfT5+lfS5dbYcVFj7fz8S176+cnuyMeNOkQAAABkSURBVBjTY2DAAxjVpGWQ+cqKJoZSSHwlVTNzYw0En1Xe1MBIgRHOZ+fUsrRQkUPma2uqy6Ly2Thw8nn4gXwWBF9AFJUvLKkH5LMiHCAuoqsjxoTkQiF9QW5mZC/wSvBx4fMyAFWnCUiCdbgdAAAAAElFTkSuQmCC');
    height: 16px;
    width: 16px;
}
.add-icon-36 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACmAAAApgBNtNH3wAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAMbSURBVFiF1ZhPaBxVHMc/vzez2/xRk7RJetFEECRNQqGVBkqjoFhykOQqHhQEkdA06aUHQQyUpoQWS2k2m/YmtODBm4RWeoyFCgpGookmHoIiYhOa2kraZHfm/Tykm2azM2Zm3e3S72ne7735vg+8eb/fmycUKT3BXs+nQ4QXRXEBVPBUWHSFObnI7WJ8Jc7gzCAHBN42ylsKnf9pLMxY5ZpavkhO8ENJgbJDvC6WU8CrUY23aUqV4USar/8XkH5InZ/kEvBOkSB5diifO4ZjkuJ+bCA9TpsHXwq8XAKYx77KvAt9kmYhMlD2OEcEJoGGUsJs0YoaehNj3NoRaH2ITsdyE6gvE0xOdx2hW1LMhQLpAHt8YRp4IZKluwuSNfmx9VXwM1GhfnMSHJQLrGxabu31hfORYQDn41lofCkvpn/+iB3dH9Wi1c9yDvggFzC5h+wAh4H3ojoBUPVcQUiq62JZAO9nBukqABJhhJiJskQyRjmTB7Q+RCfwRgVgcnpTB2nfBDJ+zKUqgzzlXXi8ZH0VZAHAQC+A0X6aRUqbjYuRQrsOsMf1knSIDfmYjYPzyTzU7A52qQ7InfXP45xdKYwDPFjBP90G1gvqFQ86XPFpCd1bxi3IMztKDNSEVJyaBnASYUCI0GLE8Gy8GcsnUerMzsOerIxa/qk0RE4q3HMVFkPTs/Xg7z8gWRvcX10Psu1ttfDwXvD4zCr42XAgWBTtp9l3+YsiyoYzugTPNOUH7/6OP9wa1wpAHaXJyGWWBGaLcSilBGYkzR0DYJWvKg1k2WDYAHK4UlkccIWr8Aho1xg/AdcrRqNM5o6ym3lIlRFAK4BjrWEk19gESqT5BmIu3Vrh75WGbflwfZZM8W2ukX/IP0mtt8Z3AvviuhYjhTm3ii75lNVAIAAdpN2HKZTGMvMsO/CajPPL1mBBLZMUc9bSAyyXEWbJCj3bYQKBAJJpvneUboWfS00iMOsYupMppoP6Q6u9pFlwqzgETAC2BCw+MG4ydMkYv4bOG8UpM8QrxjIKHC0S5oa1fBTlnujpvLAKUrmu9P4FopL2VeGGpMsAAAAASUVORK5CYII=');
}
.remove-icon-36 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAPFSURBVFhHtVhpUhNBFM4B1D/qH3/ITEhmQlgChEAgO3gM9b9exP0A7tew0FuQzIRQrCoIJNxAx/dNOtDT/ZLMhPCqvqpU+m3db+nXExuVWonEfXfCrjpG8mnDtJ4B+O0YqUrTsu4Jtpsl17RnG4b9zjFth+ANQaNhWG8hI8THR824VXAM+wdjNBwM+7szkcoLdaMTheUOheJrw7T/sYYiwNdh2J+gU6iPRk48NeMYVotTfi2QzvrDRFqYCUdbppVzTKvDKhwLrA5sCHODCUlIAheyAndyynPjKUlhNDQZeSqOs6EJj/jSke7IgofzWa+zvuF1Nh55B5mlgNIwOFrIeRckD+zPLgbWKD+brm3fFuZ1Ime+yALYFZy5IGd62J9dCCgdhINMNiDbrtZ0Pkp0YT5I9bhVVKuJjtTr1NYDSju1DW8nNRdUymBver57MpLsebmq8cFmw0iuCDeuqF+f2Z8L7hLATlvJaY23h5Y9o20Ezu1OZ1h+aqCbwo0uNU1rjmPs4Wd2OaiccFapes3ElMa7nUh75+Swyn9IuaTyBkBtRrgTi6HFs0wSjlfWNCMnhWKgevD7rFTR+H7l8gFdPKzXwh0KV4i7yZ1MeafFkmbsNznq85Azx6sFbf2E/sOaqk+DYdV9Z3BrswwMmhQOhEo1erS47J+C+j9OCz2M06UCyQ1fKFzJMsfQD0jmtpqwDJBHyCdORz80zGQJ+fOEWxyE3amM1p9kYA2VxskOAnyJ+YMVszgMaJCcMyhv9CBOZjis5yM7hHC0q3ro2pWan2uczHDAoRFChkTlyrsHVCOqkpMdBDqcx5GTGr0G/YdzRMZxXrSDCPCTOkrZA1x5nxbLbDtAh+d0cEDZXz4O6I8wQ7vf/lWjvfL22wFzZeDG53SpoNTZ8p0BUTK94Zhk7M3oVYULVC5vTAGYBgJ8uFTT/KUqg07opXCnNyXyjEAUQ2EcZyFfriD/qcIwjhKKQaHl+Km6vgk3rojeTavqgAYgYVXlYZKVS/4/ayWNr++ABqIb97PMjF6iKj3J0+0t8fQD2x4ozCofOfRBmNcJAzdl+7YsgF31FJ4WypEantpA1c1gyK+n07eEeZ6Q4PREOb9USjs9nF/q5kyYuUZBVz6ryfvPIMO2hdnBdNMPRTqZthu3l4S5cITnLp69nMLrgHLGDX0yKnVzyv7IVV9UkI6/dDLvh+ZMGMKnFEr2Tc5QGKDPjOVzjEqio7/CQK4aleGfKPHQ6b4Y+n4fFzkPUnfx+c7/jEeDFYDZyh9naE2wRaRY7D/MgXIbPB6W9wAAAABJRU5ErkJggg==');
}
.edit-icon-20 {
    /* #0090fc */
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABcQAAAXEBu4rh9AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFfSURBVDiN1dKvSwNhHMfx93PPFragA202q2VBDBYxLigrQ4xqGBjE+wcEtQjK7iYG10wGi32oYNAJFqMiyFgSkxiUyXP3Nbi5H97GbSv6aff93r34PNwDfyYFiZP7nGwfW31hezLKh3+FZd3imkNE1GCg9uZBkrWnLHmzW1+pDp8Ex5EEkMBWZVxvA2TzZycyjR0thW/oSALlFVHeJY6Ms663ENmubW+QyF34hjsyTMwrIkzVJhVEz2KrJ1xvFbGOsdVrOPA3Vk8F0TPYqtw8jHTFDmQE458hJAO2j8R5aR92bljHGn+zOefE9DxZ9R4O7I5dENNzQVgwOAAGQRfbeCmQsYB3r6nqdDcsuCGAY9IoTlswS6dYU2/dsNaGBYmSN0sAxHURIQM8A6WwWGty1Qlc4+GY5aami+zLUC9M48iuyQAngI+wgh056q3Rd5outl9GWQso/wGi9/1g/yNfi5GGWJcmTXUAAAAASUVORK5CYII=');
}
.delete-icon-20 {
    height:20px;
    width:20px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABcQAAAXEBu4rh9AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEpSURBVDiN7ZS9SgNREIW/2Y1N0liqaQJaiJAHEIKFdoJ2VlpZp7fyLexsTaGCIoG0igiCYGXjC4iuxFIR4t5jsT/u4i6s2ljkFHeYcznfnduMUaLn9cW50Pn7QAeoxXYIdiP72J7pX98X5WpFJkDo/FNgAXSB2QuAHJNmWjH5x0C7KGcAT6tLbfluM3VlDVDX4EHGQS4gtgRNsD1Mr6kfer2pweVdLcq7ecTOV0zJ2cz7yQ2AupkGmbsFIqCN6gObeJst+34VaVQP0i8nelzrHCE2fkQyzqf7V8tJ6/1lqiKVAQPDetEA1gOCEq8ycCjpDCCuwxKvMvDXGgPHwP8AzC9Yh+J10cJjF0FcW/Hz3z1JWURuQjOdAO9AA8UbOaqNQs8YSXaYZXwC2FRw+16gR3MAAAAASUVORK5CYII=');
}

.download-icon-40 {
    height: 40px;
    width: 40px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAC4gAAAuIBSbr4BAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAARUSURBVFiF7ZdbTFxFGMf/cy677BWW3QWrhW5vRFLSoFASUnC31Ih0274oaLxEKJSklKaNpsiDaZbGRIzaGLH0QaBtLGqrMU0KbGwaWrm0MVIbqtYENFqQUC7LbS+H3T17xgclaaEQ9kLXB36Pc2bm++XLfHO+AVZZJbqQcDfQl7WkqmV8Jccy1llR0lOJMjKecQQC9KrTS09MNT3fGx3BwgsyU4KujmHxaqnFFGN96jE2MVYOf0DC6LQP9t57vob2v0QAp++OTh3G10WBRydYeEFmStRdy96sS68rTlco5exDpzkFEeUNt9y3B6Z6WIj5v9ft8gYbignFb50xrt78pD79s/KnF5UDAI2CQ3NlpmrbBl2Wn7J1ocQKOoO6MvtWg4rvvn7colYtIXc/DpcPubYOgRB63SfSLFBwlCIQw5NOp+CvHWu0dkRMMLni8ulD+RtfP5i/YXl2/3Hp5jB1ewPITdUTtZyD4Avgys+j9IOW/lmvXzo/kMDvh22HOH8dF6wgx5K8vDRjUHIAsCdjzQPJiFXyeC03mezNWKMoPnXzJTo0jUGgZP66ZZ/BuGK7Kaniu5Nur7h2Y6IqWL9F0Sp5nK3IVCh4rlC3z54TkqBhX8sOjZLpLbWYyrprLIyMC6m2FkWj4PDW7s3KOCV7NGjBuGK7SRnDX2w+tE1btTdF9rguJqJyc+SlGYko0dygBTVKpnp/3npF5nrdiojNYdTI4fVL2vnjDxSJoaTNrFHz1V6flEMIWBlHpjw+yVCUvZZfUTsAk24/QEB1Zfatkw0Ft+fG/62s8h5+HT/RKOOYF6v2pMTsTDMShYzFjCCib9iJnWkJK+0HnyjhYs+w9O63vwkBCWf//PTZSoBQAgDJBy5/viVJ88KZA5kKjSLomyeiuGZFvPzJj+6+e66Gv+ufO0IMJW1mfZysteOYWRWuXNHHP4AhBF8dzgprnxmPH7m2Dvf4jDeb0ar4qqO7U5SRyNyN/gl09znC3ker5HHEukkRr5XXMP6AtD1vizHsvjDSmFMNjNcvWhivKKn1Gnm0fRbwhE4Bn0i1jJxjXA5n0G3aijPu8kLOMzMMzzLd7b+O0WgLzaf9lzHKMaSTmfSI7314qc/jFBZ0OlHDKYj4qKXfM+0J1DKTTQVdgl/6svhUj/B/kJzx+PFGfY8wK0rnJpoKbjAAcNcfX3FnyPlNju17oblrkI5MP/ozOTLtxbnOAZpb0yHcGXKeHzDylcC8jtpQ0maOVfNvihLd7poV4+d/fxibElW4euwZAEDSQTsAYPBkAQDAcrwDf4y4l+NHVXJugmVJl8vjO7HUEyAs9KVtVF/aFtGCi2znuQKsCoZLyP9gfWlbLYC3lzn9fUfjrupQ4gT9fJxDuNV8RZXxCgGIZal5hNAaR6P1nVDjhCwIAJ6fvri2lCQhtGa8wWoLJ0ZYgsDikpGQAyIgCCyUjJRcxDGUtdoMZa22aHuscj//AJY9mManRbF8AAAAAElFTkSuQmCC');
}

.download-icon-24 {
    height: 24px;
    width: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABuwAAAbsBOuzj4gAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKSSURBVEiJ1ZVNSJRhEMd/8+yq2EGxDITo49KlgxcjwnR3jeBdRIiKDnVUelfCSx1KhHD1ktLBg0Gyq0n0cTEijNBXQ9td9BB17dYhMyEzSMkEXd/p4Ep+bbsrXvqfhmdm/v+Zeb7gf4dkCqhrnDy04ibrVbRWVI4BBcAUMKjGc3+k58zsrgWsUPw8Sj9QkiZkAZUmJ1r9OB2HSecIhmK1KM+BElRGRTiXdJfLknnLpUYJCPoKKEL0UTCUuJJVB5b9tkbUXFfhNFAGeEVpGY767u7YoR2/A7QD82aF40P9vu87ClTY7/MO6NIDEW3Y4n/pRHwX0lUHKlYoMYhSh9LqRH3tOwpYdqwPpB74Leg9XXWfFBUVfB3oqlxKT/63azBjwIrAF0WGjJvsGOqtmQaQYGMioK6OA4sYzjo9vneZSDfi8o3JwoXF5C827+e8unpxpNc/ZtTVxtRiZ67kAANdlUtu0hw2BfnFrqEKwQGKxciL2oaJo16gGmDVI09zJV/H6MOqmZQ5AQStUHwYxXI9yRYDlAKUzO2f3q3AVphVEwZQxDLAD4CFotkjmRItO66WHdeMCoXejymrzCCSWJP1XN1lwduxlDyRsr4ZUekGQLhlNcZP7QW/63HDKfN16h7Eu4EmNtwDpy/wCWTTONbH40R8296wQHjcmz/jrRDRNhQLmF/FlHsB5th38yCL+YrYirTi8bRadgKIk45woyAAMwAKays/1dVLb3qrpgzAh8jJleGIP2SUAMgz4DProblhBqVHvVo+0usfyzk761O0AWmf671Cxh/NuhbrQOT2jk7VTifqb/5XfsYOnKi/WdC27ZVpWybytbgsEbRjYUVa18mHI/5wtrlZI2jHwkE7lhPxHzcI/7Cm0d8SAAAAAElFTkSuQmCC');
}

.share-link-24 {
    height: 24px;
    width: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABuwAAAbsBOuzj4gAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFrSURBVEiJ7ZQ/TgJBFMZ/b1kKSwoTl8YLWGmNd2DRwhhXowfgBhAoCAmF8QAaWWMs5I9n0FobT2ADJBa2RHCfBQsuSxA2gZgYft3szHzf9+bNLKz4ayQ4sG4yGdTLgrEFmgjOtZ3G+FrX1pDUB6KvqF60nWZj+NUIbDhHtQaSCovPhyZQdkHqyWqmMlbBILnWBHogOY3pXfuw8RZF3rq1N+VLDkCLCnERSbeO6g/mwNzLDrwk13Lq5ejpwQ9UtlxbgJKqlwV8A2Qb4FO0OpZq4pyniAf60xOu40oJZAcCPQCQfmwuwd9YM/tjl8GvQF9AUvGYdwKMjih8c+ah3zOPfc3nkYFgVBRNgRaTbgavb1x2Tu/fowhvXO2vG6Z3BlpQQDEqA22fpJsuKJKbJjD7HfygSL7j1IsQ6EHLaeYR2QN9ArpR0vt0ER5R7KH4igks19Zwb4xpixfF0g0iP6Qws34nS69gofzPJn8DD0yFofKtDK4AAAAASUVORK5CYII=');
}

.copy-link-24 {
    height: 24px;
    width: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJQSURBVEhLvZZRT9NQFMf3DfSbqJ9Dtz0g0USnooLxgQUmyewedIpx6mI0EhUCaNSID4oY7VhwdaBdcYlzxDS4GZAxIgpbgQGBueF67LmpzbpWs7bEk/y79vb09z+99+7e2v5bOH30bgcVarb76BYz2neWdjV6IztknDoc3uE9BzqjS557adFzPw1m5O7myw3+17yMVIeTok+196fEYLgAVrTfzwgyUh12avi0VD1J6uifhKZrY9BygzWspuBo5fjVaP7QpQjvPD+0U8arDRC+VgZLesRMlXBMZLza4ETwre5DRvScywIyZbx5g5HkPPj64hAYmICZ3KbSvi0GA9GvcPlxEn6sluHD9DK03eag8FMk9ywbPH2XgcCTCQWIwreYWtgg55YMMkKRVLtSrEBufYu0LUgHdxcLwmaFXFsySM6sQOfDj+QNwolvBH7m7jhwn/NKjikDBE0vbkhV/4KDF0fA/yBBoJ47HLCTOVWuYYNnbAbaJRBW7gow0Bf+Aj2hFNwc5IGfW9XkGzLA2YLdsSz1L/5i5WhYnVOrug2wj3Eq4mzJLhXhZXyOdEdvOK0C1qpuA3dXDL4XSsr1nwFNza8rbXqq24DqjZNZg+cI7+ge1wyonjQGDl/oSGsPX6o1+DRbgJPBUfInar3FQqwOOEpjgDtRw7kI33iByR8NMGJ18uLaFiSkpQCXhOr2f0ljUB3HrrwR9B4yosFYRsRNTEaqwyVtFriev3ifBTMa4mbF5utjwl7vq10yUh3YXXaKPqy3sdcj/HD4K3z7w2b7DU6K2cCyehI+AAAAAElFTkSuQmCC');
}

.trash-24 {
    height: 24px;
    width: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABuwAAAbsBOuzj4gAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEXSURBVEiJ7ZWhTgNBEEDfbBsKIf2GVjVpk8McElFIfwGNIDn+AN1/QIFCEwwK2VoEpoVwqThRg6xocLCD4ApHafeWnr2nZndn5+2YWSjJQXySBs3mtuzU74EDoJpuz9RIdPg8unXdrboOF2htNxToIlyJkgCoEInVCHAKVnYw7ASXooTfAqgDLWAiME/3WmmBSfbuh3J2FI8fnR0oMgcNERK+XjwDpmnhBQ9L6x5CgrHvro5+umgHOujs9b2SHfnGt8CmeAmyr1sXFxIUoRSUguJ4DTur7G/Zyqsr3kSgomoAssNrVXzDcQVixKr9j+AJOBm2g5r+mml/EV4aIKgw8hcYe4o118B5/q8kbygX3Xh8l5tasswnnKlorF13zOIAAAAASUVORK5CYII=');
}

.enter-24 {
    height: 24px;
    width: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABuwAAAbsBOuzj4gAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD5SURBVEiJY2AYBQQAIzJHe1bPf2oYejWtBG4uEzUMxAdGkAX/GRhmMDD8f00bC/4zTL2WVpLJyMjgwsDA8Ib6FjAyROvO7jG+klp6iZn5rw0DA8Nz6lrAwCDw7z/DDt2ZfbqXkstvMjP/dSTWEkbCSrAD3Zk9Gv8YGfYxMDBIosvRNR+wIHMI5OQ3DAz/XK+mlV3Qmd2v+Y/h7z6G/wwShCwg1gfPmJn/2lxNK7ugM6PP5P//v0eJMZwUCzZcSi6/qTmnW+c/07+tDAwMgkTqQw0iPCBLa1YPE+O//8EMDAyixBpOigUMjAwMGeQkusFTFg1aC0YBQQAANDZEXEUZUI8AAAAASUVORK5CYII=');
}

.push-right-10 {
    margin-right: 10px !important;
}

.pending-delete-icon {
    height: 24px;
    width: 24px;
    background: url('../img/pending-delete.gif');
}
.autocomplete {
    display: block;

    padding: 4px;
    border: solid 1px #aaa;
    border-radius: 5px;
    font-size: 1.1em;
    color: #454545;
    outline: none;
    position:relative;


}
    .autocomplete.error {
        border-color: #b52d5f;
        background-color: #fff2f2;
    }

    .autocomplete input {
        width: 100%;   
        border: none;
    }
    .autocomplete.error input {
        background-color: transparent;
    }
    .autocomplete .selected-value {
        display: block;
        width: 100%;
    }

    .autocomplete .dropdown {
        position: absolute;
        padding: 4px;
        border: solid 1px #ccc;
        border-radius: 5px;
        background-color: #fff;
        width: 100%;
        margin: 5px 0 0 -3px;
    }
    .autocomplete .dropdown .element{
        padding:3px 0;
        border-bottom:solid 1px  #e0e0e0;
        cursor:pointer;
    }
        .autocomplete .dropdown .element:hover,
        .autocomplete .dropdown .element.active {
            background-color: #e6e8f1;
        }
        .autocomplete .dropdown .element:last-child {
            border-bottom: none;
        }
    .autocomplete .dropdown .element span{
        color:#323b57;
        font-size:.9em;
    }
.attribute-control{

}
    .attribute-control > label {
        display: block;
        padding: 5px 0;
        font-weight: bold;
        font-size: .88em;
    }
    .attribute-control .entry {
        display:flex;
        width:100%;
        flex-wrap:nowrap;
        align-items:flex-end;
    }
        .attribute-control .entry div.input {
            margin-right:5px;
        }
        .attribute-control .entry div.input:last-child {
            margin-right: 0;
        }
            .attribute-control .entry div.input label{
                color:#0091db;
            }
            .attribute-control .entry div.controls {
                width: 80px;
                flex-shrink: 0;
                margin-left: 5px;
            }

        .attribute-control .entry input[type="text"] {
             
        }
        .attribute-control .entry .controls{
            display:flex;
            justify-content:flex-end;
        }
        .attribute-control .entry .btn {
            border: none;
            display: block;
            padding: 4px;
            color: #555;
            background-color: #fff;
            outline: none;
            height: 32px;
            width: 32px;
            margin-right:3px;
            cursor:pointer;
        }
            .attribute-control .entry .btn:hover {
                filter: brightness(115%);
            }
            .attribute-control .entry .btn:active {
                filter: brightness(95%);
            }
            .attribute-control .entry .btn:disabled {
                filter: grayscale(100%);
                cursor:not-allowed;
            }
            .attribute-control .entry .btn:last-child {
                margin-right: 0;
            }

            .attribute-control .entry .btn.ok {
                /*https://icons8.com/icons/set/check*/
                background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMQSURBVFhHvVdLTxNRFO7W185H9Ce4MJ0pUOPCuDC+Fi7cKLhw4Q5I1LgRFIlx4T/QjSvNTMsjklRjI3TaUBqexlAQ8ZUGpAhGQSlpabRyPOf2NpT20JkprV/yJU3Pd853595z79xx2IXa//SgM+A5qwa1ay5Du0Wk30pIP0MxKass3AH9gGpobWpQn0JCKSqGNklaZ7hjn0wvH4dDnbuxaDsWXC00MiXl4ECohixnD1jErRr6XFFhu8Qazj5vrSxrDarhaVAMfY0tWAZxWVJOQ6+X5UsDG+oyTt06V2hbxJqmg0ChWwlqyaLkCpFqb7kcxyKP9+DTx7nEShIHMevy+XZK2w1gsL1QXDXi7pC2WdA+x6ZLsOIqUAnqK0dePdkv7R0ONL/DCcthbcgD96aHIfrrOyymk3B9op/V4XK3SnvR+W95kT1eGH4B04llyEf3/CdWi55RYa706od4gT3enAzDWiYjbQHWkUNLC3B+yMfqaVuKZcCXyTlWYINt7wbh7zpZZjGVWIIrr3tZbT7pBeZQAlozFyRefdMHc6lV8C/OwMnIM1Zz//2IeNocOuMfoS7kZbXF1Brx2NVb+KAOPV8/y7IgGqp+1L8pfgMbLP/JH8UmNsVNid4lB3Bp9CV8S6dkeYBk5g80j4dErGHMv2nNH8aiRfmmpAGUWgLiiYFuGFlelDYgTBvHgxDHpcmhC6edyzUnLoGVJqQ1fb4Qk3bZDs9heHkBanDvc3lmFE0objtMsJA0iNG8mSD8/J2GU5EeVm/K3DYkWD2Ijoe7YDaVkPYADz6MsTpr1MaFOQHfULd5UTGpMWeSKzDwY14cu5zGEqkBc6Cp+N8vo6JLK07JXU5cDdKMS9sN4CzswrvbFy6hktzyQkJwBbQ6ujZxiZVgtrbmknY86OJYrUupEvRclDalQYOgqzRbqAxSLcvmOeApVYNbZdsfJqKvAl5VlrUH+qwSZ0QZn2a01Sj36GDHDlmufLhC2l5snlZktGR/iBhp9BbKkemVRfbdoZ1Gw6aNz3O9if6jmJRZhMPxDw6oSzWXlWspAAAAAElFTkSuQmCC');
            }
            .attribute-control .entry .btn.clear {
                /*https://icons8.com/icon/81432/cancel*/
                background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAL7SURBVFhHxVdZaxNRFM6r25sL+jNcf4G4kMwk2Co1zUzaopRa9K3W1igoLj9CRAQRfRRfxBefCiKIxaVY285M2prUpZJoYiHa6/1uz6TTzOm0k4z0g4+53HPOd+7MPXeZWFjYqfRuK2kcczTjgqWZg6BqJ8yjsJFbtJhM9OyydTNn6cZ7+RRBlAN6K5+58bauHRTePOba27famnFViv5sTLQWKSYHDZILhymt85AUmW4UDkto5OPZAyS7Plh69rStG785wWYoB1GVddNB8sGwNTNt6eYiJ9QKobnmINRn140KJxAFob3qdIxp3dvkKGe4wIjpzMbPbqa0y0C1M86K+XSfmL/3SBQuXmftXhYGb4gf9x+rGM5OzFHaJSytc6PMOCqWnz4XwGKtJopDt1gfsDh0U/kAiOF8iKWJVOdOSq/e/jLjVCfeyMWfUlnM9A74fNAHm4v5uw99Pl7Kehii9Fh25jvOqc5Ul6i+fE3SQtQ+F8V0pr9uRxt9LuCLmBUafo6q5I7WvYcx+uicPCMWPk5QCiEWPowL50SPItou4ANfTsNLLEs1DXLTOc45cFRv+uUbpRLi14sRRRe1ua8rvsxaxAEWsxNGP2dcjbPnh8XfSpVSLgN9sHExq9HSM30xK2Fc4oxBLOZu16sdUKtD9nG+QUTujR/Axk9B2CKUhebCV4SFufBFSLcd1sFL3zIc+7S0DBv7wy5DIOqNqDLyStjJ7EqNRmrGG5UckBeGYdaJiG3VRdBW7K2N73ce+Hy8VAXoAp8iksPIszrKT56xPsSS79Iqb0JXGEdFHK04kAoD11i7lziOcXTnO3pZO4gvTmmXUTjcuUXOS54LiJj8hQSYTBoH//eVzEma+ygdD1wcsUQ4gVYIzSk9c4rSBEMNQl6lOaFmCK11J3fhaJn9MrDlHxNVV/HsXpINB/xWoWIlQ/+aSZYQm29r20RyzWM23rEddzgpOhpUH2QbxSaDGAqPFjg75HwekfvGOfmG6vccbfTBRm7rRCz2Dxa2YShCgatRAAAAAElFTkSuQmCC');
            }


.attribute-view {
    width: 100%;
    border-left: solid 1px #ccd1d3;
    border-right: solid 1px #ccd1d3;
}
    .attribute-view thead th {
        padding: 8px 4px;
        color:#779;
        font-weight:bold;
        text-align:left;
        background-color:#ccd1d3
    }
.attribute-view tbody td{
    padding:6px 4px;
    color:#3352b5;
    border-bottom:solid 1px #ccc;
}
    
    .attribute-view tbody tr:hover td {
        background-color: #edfaff;
    }
    .attribute-view tbody tr.active td {
        background-color: #fbffc6;
    }
.progress-bar {
    border:solid 1px #ccc;
    border-radius:4px;
}
.progress-bar > span{
    display:block;
    height:8px;
    width:0%;
    background-color:#ff6a00;
    /*transition: all ease-in 2s;*/
}

.upload-queue{
    display:flex;
    flex-wrap: wrap;
}
    .upload-queue .upload-file {
        padding:4px;
        margin: 0 10px 10px 0;
        background-color:#fff;
        -webkit-box-shadow: -1px 2px 10px -3px rgba(0,0,0,0.52);
        -moz-box-shadow: -1px 2px 10px -3px rgba(0,0,0,0.52);
        box-shadow: -1px 2px 10px -3px rgba(0,0,0,0.52);
    }
        .upload-queue .upload-file .title span{
            font-size:.725rem;
            color:#385280;
        }
        .upload-queue .upload-file img.done {
        }
    .upload-queue .upload-file img.queued {
        filter: grayscale(100%);
    }

.remove-img-btn {
    z-index: 30;
    position: absolute;
    top: 4px;
    right: 4px;
    border: none;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAABL0lEQVRo3u2YTQuCQBCG+ykdij7olqjdTM3//w86FNnHSbfoaGMoeFht1dl1jHlhKQhmn0dlnWYy4XA4HA5HMSJw1snBmeuqn3i7Wb6HluJptF0+A/sCKxahu0KHhwsDtc+wbiKyNrrgs2KhSlTgy/p4EhJ4VAkJPK7E23OnUOwo2aC3RAM87l3WIWEMXoeEcXhMicHgMSQGh+8jQQa+iwQ5+DYSZOGVJEL7Dp9XsvCKd4I2fAcJevBVCVH/vGfw24MsfHnavHw7brj6dAV+nDa0H6EW8PQkGuH97zEak5VQeUnl/3Ph+4mcRJs3LDmJLu0BGYk+vc3gEhiNWSFhvrnD7CqNd6g6NjQmoXMjIxLp3lqMerBVIzGe0aJEYnzDXWPjdaitbbzO4XA4nL/MBzDNDjt5xAoQAAAAAElFTkSuQmCC');
    height: 48px;
    width: 48px;
    cursor: pointer;
}
    .remove-img-btn:hover {
        filter: brightness(115%);
    }

.uploader-module{
    padding:10px 0;
}
.smart-table {
    font-size: .86em;
}

    .smart-table a {
        color: #375290;
        text-decoration: none;
        cursor: pointer;
    }

    .smart-table table {
        table-layout: fixed;
        width: 100%;
    }

        .smart-table table.tb-h {
        }

    .smart-table .tb-b .prh {
    }

    .smart-table table.tb-h th {
        font-weight: bold;
        padding: 10px 4px;
        text-align: left;
        background-color: #333;
        color: #fff;
    }

    .smart-table table.tb-b {
    }

        .smart-table table.tb-b tr td {
            padding: 6px 8px;
            font-size: 1em;
            line-height:1.4em;
            vertical-align: middle;
        }

        .smart-table table.tb-b tr:nth-child(even) td {
            background-color: #fff;
            border-bottom: solid 1px #aaa;
            border-top: solid 1px #aaa;
        }

        .smart-table table.tb-b tr:nth-child(odd) td {
            background-color: #f0f0f0;
        }


        .smart-table table.tb-b tr:hover td {
            background-color: #e9fcff;
        }

            .smart-table table.tb-b tr:hover td a {
                text-decoration: underline;
            }

        .smart-table table.tb-b tr.active td {
            background-color: #88ff59;
        }

        .smart-table table.tb-b td span.highlight {
            background-color: #fff985;
        }

        .smart-table table.tb-b tr.warn td {
            background-color:#ffdada;
        }


        .smart-table table.tb-b td span.wp {
            margin-left: 5px;
            font-size: .88em;
            color: #4d64ee;
        }

            .smart-table table.tb-b td span.wp.n {
                color: #e91919;
            }

    .smart-table .scrolling-container {
        overflow: auto;
    }

    .smart-table table.tb-b td div.wpapply span {
        color: #4d64ee;
        cursor: help;
    }

    .smart-table table.tb-b td div.wpapply.none span {
        color: #e91919;
        text-decoration: line-through;
    }

    .smart-table .tbseg {
        height: 20px;
        width: 20px;
        border-radius: 50%;
        border: solid 1px #ccc;
    }

    .smart-table .laborer-popup-content {
        top: -50px;
        left: 4px;
        position: absolute;
        z-index: 20;
        background-color: #4b4747;
        color: #fff;
        padding: 6px;
        border-radius: 5px;
        width: 400px;
    }

        .smart-table .laborer-popup-content .scr {
            min-height: 60px;
            max-height: 250px;
            overflow: auto;
        }

            .smart-table .laborer-popup-content .scr .row {
                margin-bottom: 5px;
            }

                .smart-table .laborer-popup-content .scr .row textarea {
                    resize: none;
                    padding: 2px;
                    width: 100%;
                    min-height: 40px;
                    max-height: 120px;
                }

                .smart-table .laborer-popup-content .scr .row.address > span {
                    margin-right: 4px;
                }

                .smart-table .laborer-popup-content .scr .row.heading {
                    display: flex;
                    width: 100%;
                    justify-content: space-between;
                }

                    .smart-table .laborer-popup-content .scr .row.heading h6 {
                        color: #d9ffae;
                        font-weight: bold;
                        margin-bottom: 4px;
                    }

                        .smart-table .laborer-popup-content .scr .row.heading h6 > span {
                            color: #fff;
                        }

                    .smart-table .laborer-popup-content .scr .row.heading a {
                        color: #fff;
                        font-weight: bold;
                        text-decoration: none;
                    }

                        .smart-table .laborer-popup-content .scr .row.heading a:hover {
                            text-decoration: underline;
                        }

            .smart-table .laborer-popup-content .scr span.phone {
                color: #aedcff;
            }

            .smart-table .laborer-popup-content .scr .row.bottom div.row-icon {
                height: 38px;
                width: 38px;
            }

                .smart-table .laborer-popup-content .scr .row.bottom div.row-icon.car {
                    background: url('/Content/images/car-icons.png') no-repeat 0 0;
                }

                .smart-table .laborer-popup-content .scr .row.bottom div.row-icon.nocar {
                    background: url('/Content/images/car-icons.png') no-repeat -38px 0;
                }

            .smart-table .laborer-popup-content .scr .row strong {
                font-weight: bold;
                color: #eee;
            }

                .smart-table .laborer-popup-content .scr .row strong.warn {
                    color: #ff596d;
                }


.options-table{
    width:100%;
    border-collapse:collapse;
    text-align:left;
}
    .options-table thead th {
        background-color: #ddd;
        padding: 4px 12px;
        color: #4d64ee;
        border: solid 1px #a9a9a9;
        text-align:center;
    }
    .options-table tbody td {
        padding: 8px 12px;
        border:solid 1px #c9c9c9;
        font-size:.88em;
        color:#555;
    }
    .options-table tbody tr:hover td {
        background-color:#f2fbff;
    }
     
.service-collection {
    display:flex;
    flex-wrap:wrap;
}
    .service-collection .service-item {
        position:relative;
        width: 150px;
        background-color: #fff;
        border: solid 2px #ca632f;
        border-radius: 5px;
        margin: 0 10px 10px 0;
        -webkit-box-shadow: 1px 1px 9px 0px rgba(50, 50, 50, 0.47);
        -moz-box-shadow: 1px 1px 9px 0px rgba(50, 50, 50, 0.47);
        box-shadow: 1px 1px 9px 0px rgba(50, 50, 50, 0.47);
        overflow:hidden;
    }
        .service-collection .service-item div.ic_0 {
            padding: 2px;
 
        }
        .service-collection .service-item div.ic_wp{
            height:105px;
            max-height:105px;
            overflow:hidden;
            padding-top:5px;
        }
        .service-collection .service-item div.ic_0 hr {
            display: block;
            margin: 2px 0;
            border: none;
            background-color: #c4c4c4;
            color: #c4c4c4;
            height: 1px;
        }
            .service-collection .service-item div.ic_0 span {
                display: block;
                padding: 3px 0;
                text-align: center;
                font-size: .84em;
            }
            .service-collection .service-item div.ic_0 img {
                display: block;
                margin: 0 auto;
                max-width:130px;
            }


        .service-collection .service-item.unpublished::after {
            content: 'Unpublished';
            display: block;
            position: absolute;
            background-color: #4aace5;
            width: 130%;
            text-align: center;
            color: #fff;
            padding: 2px;
            transform: rotate(-25deg);
            top: 55px;
            left: -19px;
            opacity:.7;
        }

        .services-manage {
            display: flex;
        }

    .services-manage .form.service {
        width: 600px;
        flex-shrink: 0;
        padding-right: 10px;
    }

    .services-manage .form.wide {
        width: 100%;
        padding-left: 10px;
    }
    .services-manage .scroll-limiting {
        max-height: 500px;
        overflow: auto;
    }

    @media (max-width: 1130px) {
        .services-manage .form.service {
        width: 400px;
    }
}
@media (max-width: 900px) {
    .services-manage {
        display: block;
    }

        .services-manage .form.service {
            width: 100%;
            flex-shrink: 0;
            padding-right: 0;   
        }

        .services-manage .form.wide {
            padding-left: 0;
        }
        .services-manage .scroll-limiting {
            max-height:350px;
            overflow:auto;
        }
}
.modal {
    position: absolute;
    z-index: 200;
    background-color: #fff;
}
    .modal.preview{
        top:4%;
        width:600px;
        border:solid 1px #777;
    }

    .modal .g {
        padding:1px;
    }
        .modal .g .h {
            padding: 3px;
            display: flex;
            justify-content: flex-end;
            background-color: #7d7c8b;
        }
            .modal .g .h .remove-btn {
                top: 4px;
                right: 4px;
                border: none;
                background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAvUlEQVQ4y2NgGDTgi7NZERB/AeL/BPCXL07mBdgMIEYzGH91NvuMzQC4gm/RgZiaAlxQ+DgN+Brk9v//k2f/f82eDlf8s6/j/79794GGuBI2AIR/1JT+///i9f9f82b//9nb/v//63f/f07qJc4FKIa8fINVM1EGwGwGGQJyCUkGIDv7Ry3CO8QFYpjX//9Pn4MNgXunser/v/uP/n8N9yHOBSBDMKLR34mgCyhMSMDkCZIgRvNnZ9O8wZMJATPvdikRLAXIAAAAAElFTkSuQmCC');
                height: 16px;
                width: 16px;
                cursor: pointer;
            }
            .modal .g .b {
            }
                .modal .g .b img {
                    display: block;
                    width: 100%;
                    height: auto;
                }
.tabs {
    display:flex;
  
}
.tabs.product{
    margin-top:25px;
}
    .tabs .tab {
        padding: 12px 20px;
        width: 100%;
        cursor: pointer;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0f0f0+0,d7d7d7+100 */
        background: #f0f0f0; /* Old browsers */
        background: -moz-linear-gradient(top, #f0f0f0 0%, #d7d7d7 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f0f0f0 0%,#d7d7d7 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #f0f0f0 0%,#d7d7d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */

        border-right:solid 1px #aaa;
        border-bottom:solid 1px #999;
    }
        .tabs .tab:last-child{
            border-right:none;
        }

        .tabs .tab:hover {
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e8e8e8+0,d0d0d0+100 */
            background: #e8e8e8; /* Old browsers */
            background: -moz-linear-gradient(top, #e8e8e8 0%, #d0d0d0 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #e8e8e8 0%,#d0d0d0 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #e8e8e8 0%,#d0d0d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#d0d0d0',GradientType=0 ); /* IE6-9 */
        }

        .tabs .tab.active {
            /*/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ce568e+0,df4d82+100 */
            background: #ce568e; /* Old browsers */
            background: -moz-linear-gradient(top, #ce568e 0%, #df4d82 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ce568e 0%,#df4d82 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ce568e 0%,#df4d82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce568e', endColorstr='#df4d82',GradientType=0 ); /* IE6-9 */
            border-right-color: #fff;
        }
        .tabs .tab .tc {
        }
        .tabs .tab.active .tc {

        }
        .tabs .tab .tc span {
            text-align: center;
            display:block;
            text-shadow:1px 1px 1px #fff;
            color:#777;

        }
        .tabs .tab:hover .tc span{
            color:#6b8bb7
        }
        .tabs .tab.active .tc span {
        text-shadow:none;
        color:#fff;
        }