/* All textboxes */
.combo-text, .combo .combo-text, .textbox, span.audioPlayer-timeText, .datagrid-row .datagrid-cell, .datagrid-header-row .datagrid-cell  {
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-color:#C7C7C7;
    padding:0 10px;
    font-family:"Open Sans", Arial, Helvetica, Arial, sans-serif;
    outline:0 !important;
}

/* Textboxes */
.textbox, .combo {
    border-color:#BBB7B7;
    background:#FFF !important;
    height:30px !important;
}
    .textbox-text, .validatebox-text, .combo-text, .combo .combo-text, .l-btn-text, .r-btn-text {
        font-family:"Open Sans", Arial, Helvetica, Arial, sans-serif;
    }
    .textbox-focused {
        -moz-box-shadow: 0 0 3px 0 #C7C7C7;
        -webkit-box-shadow: 0 0 3px 0 #C7C7C7;
        box-shadow: 0 0 3px 0 #C7C7C7;
    }

/* Allows for larger icons */
.l-btn-icon-left, .l-btn-icon-right {
    padding-top: 20px !important;
    margin-top: -20px !important;
    padding-bottom: 20px !important;
    margin-bottom: -20px !important;
}
    .l-btn-icon-left {
        padding-left:25px;
        margin-left:-15px !important;
    }
    .l-btn-icon-right {
        padding-right:25px;
        margin-right:-15px !important;
    }

/* Linkbuttons */
a.l-btn.colored {
    background:none;
    border:0 !important;
    padding:1px 6px 1px 1px !important;
    outline:none;
}
    a.l-btn.colored * {
        outline:none;
    }
    /* All coloured */
    a.l-btn.colored span.l-btn-left, a.l-btn.colored span.l-btn-right {
        background:none;
        padding:10px 0px 10px 18px;
        border-radius:25px;
        -moz-border-radius:25px;
        -webkit-border-radius:25px;
    }
        a.l-btn.colored span span.l-btn-text {
            padding-left:40px;
            padding-right:60px;
            font-size:16px;
            font-weight:bold;
            color: white !important;
        }
        a.l-btn.colored span span.l-btn-text.l-btn-icon-left {
            padding-left:60px;
        }
        a.l-btn.colored span span.l-btn-text.l-btn-icon-right {
            padding-right:60px;
        }

    /* All coloured and plain */
    a.l-btn.l-btn-plain.colored span.l-btn-left, a.l-btn.l-btn-plain.colored span.l-btn-right {
        border-radius:4px;
    }
        a.l-btn.l-btn-plain.colored span span.l-btn-text {
            padding:0 20px 0 0;
        }
        a.l-btn.l-btn-plain.colored span span.l-btn-text.l-btn-icon-left {
            padding-left:30px;
            background-position:4% center;
        }
        a.l-btn.l-btn-plain.colored span span.l-btn-text.l-btn-icon-right {
            padding-right:25px;
            background-position:96% center;
        }

    /* Grey */
    a.l-btn.colored.color-grey span.l-btn-left, a.l-btn.colored.color-grey span.l-btn-right, .easyui-inputlinkbutton.color-grey {
        border:1px solid #B1B1B1;
        background: #f5f8f7;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjhmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMGNjY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #f5f8f7 0%, #c0cccb 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f8f7), color-stop(100%,#c0cccb));
        background: -webkit-linear-gradient(top,  #f5f8f7 0%,#c0cccb 100%);
        background: -o-linear-gradient(top,  #f5f8f7 0%,#c0cccb 100%);
        background: -ms-linear-gradient(top,  #f5f8f7 0%,#c0cccb 100%);
        background: linear-gradient(to bottom,  #f5f8f7 0%,#c0cccb 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f8f7', endColorstr='#c0cccb',GradientType=0 );
    }
        a.l-btn.colored.color-grey span span.l-btn-text, input.easyui-inputlinkbutton.color-grey {
            color:#6B6B6B !important;
        }
        a.l-btn.colored.color-grey span.l-btn-left:hover, a.l-btn.colored.color-grey span.l-btn-right:hover, input.easyui-inputlinkbutton.color-grey:hover {
            background: #d3d3d3;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2I3YjdiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YjliOWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top,  #d3d3d3 0%, #b7b7b7 37%, #9b9b9b 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(37%,#b7b7b7), color-stop(100%,#9b9b9b));
            background: -webkit-linear-gradient(top,  #d3d3d3 0%,#b7b7b7 37%,#9b9b9b 100%);
            background: -o-linear-gradient(top,  #d3d3d3 0%,#b7b7b7 37%,#9b9b9b 100%);
            background: -ms-linear-gradient(top,  #d3d3d3 0%,#b7b7b7 37%,#9b9b9b 100%);
            background: linear-gradient(to bottom,  #d3d3d3 0%,#b7b7b7 37%,#9b9b9b 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#9b9b9b',GradientType=0 );
        }

    /* Grey plain */
    a.l-btn.l-btn-plain.colored.color-grey span.l-btn-left, a.l-btn.l-btn-plain.colored.color-grey span.l-btn-right, .easyui-inputlinkbutton.inputlinkbutton-plain.color-grey {
        background: #f9f9f9;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGVhZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #f9f9f9 0%, #e8eae9 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e8eae9));
        background: -webkit-linear-gradient(top,  #f9f9f9 0%,#e8eae9 100%);
        background: -o-linear-gradient(top,  #f9f9f9 0%,#e8eae9 100%);
        background: -ms-linear-gradient(top,  #f9f9f9 0%,#e8eae9 100%);
        background: linear-gradient(to bottom,  #f9f9f9 0%,#e8eae9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8eae9',GradientType=0 );
    }
        a.l-btn.l-btn-plain.colored.color-grey span.l-btn-left:hover, a.l-btn.l-btn-plain.colored.color-grey span.l-btn-right:hover, .easyui-inputlinkbutton.inputlinkbutton-plain.color-grey:hover {
            background: #e8eae9;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZWFlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top,  #e8eae9 0%, #f9f9f9 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8eae9), color-stop(100%,#f9f9f9));
            background: -webkit-linear-gradient(top,  #e8eae9 0%,#f9f9f9 100%);
            background: -o-linear-gradient(top,  #e8eae9 0%,#f9f9f9 100%);
            background: -ms-linear-gradient(top,  #e8eae9 0%,#f9f9f9 100%);
            background: linear-gradient(to bottom,  #e8eae9 0%,#f9f9f9 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eae9', endColorstr='#f9f9f9',GradientType=0 );
        }

    /* Blue */
    a.l-btn.colored.color-blue span.l-btn-left, a.l-btn.colored.color-blue span.l-btn-right, .easyui-inputlinkbutton.color-blue {
        background: #0096c1;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTZjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzAwNDc2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDM3NGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #0096c1 0%, #004763 66%, #00374e 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0096c1), color-stop(66%,#004763), color-stop(100%,#00374e));
        background: -webkit-linear-gradient(top,  #0096c1 0%,#004763 66%,#00374e 100%);
        background: -o-linear-gradient(top,  #0096c1 0%,#004763 66%,#00374e 100%);
        background: -ms-linear-gradient(top,  #0096c1 0%,#004763 66%,#00374e 100%);
        background: linear-gradient(to bottom,  #0096c1 0%,#004763 66%,#00374e 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096c1', endColorstr='#00374e',GradientType=0 );
    }
        a.l-btn.colored.color-blue span.l-btn-left:hover, a.l-btn.colored.color-blue span.l-btn-right:hover, .easyui-inputlinkbutton.color-blue:hover {
            background: #00c4f3;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYzRmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iIzAwN2RhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY0OGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top,  #00c4f3 0%, #007da2 64%, #00648b 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00c4f3), color-stop(64%,#007da2), color-stop(100%,#00648b));
            background: -webkit-linear-gradient(top,  #00c4f3 0%,#007da2 64%,#00648b 100%);
            background: -o-linear-gradient(top,  #00c4f3 0%,#007da2 64%,#00648b 100%);
            background: -ms-linear-gradient(top,  #00c4f3 0%,#007da2 64%,#00648b 100%);
            background: linear-gradient(to bottom,  #00c4f3 0%,#007da2 64%,#00648b 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c4f3', endColorstr='#00648b',GradientType=0 );
        }

    /* Blue plain */
    a.l-btn.l-btn-plain.colored.color-blue span.l-btn-left, a.l-btn.l-btn-plain.colored.color-blue span.l-btn-right, .easyui-inputlinkbutton.inputlinkbutton-plain.color-blue {
        border:1px solid #005671;
        background: #006f90;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmY5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzAwNDQ1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iIzAwNTc3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDVlN2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #006f90 0%, #00445d 91%, #005775 92%, #005e7b 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006f90), color-stop(91%,#00445d), color-stop(92%,#005775), color-stop(100%,#005e7b));
        background: -webkit-linear-gradient(top,  #006f90 0%,#00445d 91%,#005775 92%,#005e7b 100%);
        background: -o-linear-gradient(top,  #006f90 0%,#00445d 91%,#005775 92%,#005e7b 100%);
        background: -ms-linear-gradient(top,  #006f90 0%,#00445d 91%,#005775 92%,#005e7b 100%);
        background: linear-gradient(to bottom,  #006f90 0%,#00445d 91%,#005775 92%,#005e7b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006f90', endColorstr='#005e7b',GradientType=0 );
    }
        a.l-btn.l-btn-plain.colored.color-blue span.l-btn-left:hover, a.l-btn.l-btn-plain.colored.color-blue span.l-btn-right:hover, .easyui-inputlinkbutton.inputlinkbutton-plain.color-blue:hover {
            background: #005e7b;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWU3YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjMDA1Nzc1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiMwMDQ0NWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA2ZjkwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
            background: -moz-linear-gradient(top,  #005e7b 0%, #005775 8%, #00445d 9%, #006f90 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005e7b), color-stop(8%,#005775), color-stop(9%,#00445d), color-stop(100%,#006f90));
            background: -webkit-linear-gradient(top,  #005e7b 0%,#005775 8%,#00445d 9%,#006f90 100%);
            background: -o-linear-gradient(top,  #005e7b 0%,#005775 8%,#00445d 9%,#006f90 100%);
            background: -ms-linear-gradient(top,  #005e7b 0%,#005775 8%,#00445d 9%,#006f90 100%);
            background: linear-gradient(to bottom,  #005e7b 0%,#005775 8%,#00445d 9%,#006f90 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e7b', endColorstr='#006f90',GradientType=0 );
        }

    /* Green */
    a.l-btn.colored.color-green span.l-btn-left, a.l-btn.colored.color-green span.l-btn-right, .easyui-inputlinkbutton.color-green {
        background: #00e244;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZTI0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDUwMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #00e244 0%, #00501d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00e244), color-stop(100%,#00501d));
        background: -webkit-linear-gradient(top,  #00e244 0%,#00501d 100%);
        background: -o-linear-gradient(top,  #00e244 0%,#00501d 100%);
        background: -ms-linear-gradient(top,  #00e244 0%,#00501d 100%);
        background: linear-gradient(to bottom,  #00e244 0%,#00501d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e244', endColorstr='#00501d',GradientType=0 );
    }
        a.l-btn.colored.color-green span.l-btn-left:hover, a.l-btn.colored.color-green span.l-btn-right:hover, .easyui-inputlinkbutton.color-green:hover {
            background: #00ff4e;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZmY0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iIzNhYTUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhlMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top,  #00ff4e 0%, #3aa500 68%, #008e2d 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ff4e), color-stop(68%,#3aa500), color-stop(100%,#008e2d));
            background: -webkit-linear-gradient(top,  #00ff4e 0%,#3aa500 68%,#008e2d 100%);
            background: -o-linear-gradient(top,  #00ff4e 0%,#3aa500 68%,#008e2d 100%);
            background: -ms-linear-gradient(top,  #00ff4e 0%,#3aa500 68%,#008e2d 100%);
            background: linear-gradient(to bottom,  #00ff4e 0%,#3aa500 68%,#008e2d 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff4e', endColorstr='#008e2d',GradientType=0 );
        }

    /* Green plain */
    a.l-btn.l-btn-plain.colored.color-green span.l-btn-left, a.l-btn.l-btn-plain.colored.color-green span.l-btn-right, .easyui-inputlinkbutton.inputlinkbutton-plain.color-green {
        border:1px solid #327A4B;
        background: #00a733;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTczMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzAwNjQyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iIzAwN2EyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDdhMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #00a733 0%, #006421 91%, #007a27 92%, #007a27 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a733), color-stop(91%,#006421), color-stop(92%,#007a27), color-stop(100%,#007a27));
        background: -webkit-linear-gradient(top,  #00a733 0%,#006421 91%,#007a27 92%,#007a27 100%);
        background: -o-linear-gradient(top,  #00a733 0%,#006421 91%,#007a27 92%,#007a27 100%);
        background: -ms-linear-gradient(top,  #00a733 0%,#006421 91%,#007a27 92%,#007a27 100%);
        background: linear-gradient(to bottom,  #00a733 0%,#006421 91%,#007a27 92%,#007a27 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a733', endColorstr='#007a27',GradientType=0 );
    }
        a.l-btn.l-btn-plain.colored.color-green span.l-btn-left:hover, a.l-btn.l-btn-plain.colored.color-green span.l-btn-right:hover, .easyui-inputlinkbutton.inputlinkbutton-plain.color-green:hover {
            background: #007a27;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2EyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjMDA3YTI3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiMwMDY0MjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDBhNzMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
            background: -moz-linear-gradient(top,  #007a27 0%, #007a27 8%, #006421 9%, #00a733 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007a27), color-stop(8%,#007a27), color-stop(9%,#006421), color-stop(100%,#00a733));
            background: -webkit-linear-gradient(top,  #007a27 0%,#007a27 8%,#006421 9%,#00a733 100%);
            background: -o-linear-gradient(top,  #007a27 0%,#007a27 8%,#006421 9%,#00a733 100%);
            background: -ms-linear-gradient(top,  #007a27 0%,#007a27 8%,#006421 9%,#00a733 100%);
            background: linear-gradient(to bottom,  #007a27 0%,#007a27 8%,#006421 9%,#00a733 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007a27', endColorstr='#00a733',GradientType=0 );
        }

/* Input linkbuttons */
.easyui-inputlinkbutton {
    font-family:"Open Sans", Arial, Helvetica, Arial, sans-serif;
    font-size:16px;
    font-weight:bold;
    padding:6px 62px;
    border-radius:30px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    outline:0;
    cursor:pointer;

    color:#6B6B6B;
    border:1px solid #B1B1B1;
    background: #f5f8f7;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjhmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMGNjY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f5f8f7 0%, #c0cccb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f8f7), color-stop(100%,#c0cccb));
    background: -webkit-linear-gradient(top,  #f5f8f7 0%,#c0cccb 100%);
    background: -o-linear-gradient(top,  #f5f8f7 0%,#c0cccb 100%);
    background: -ms-linear-gradient(top,  #f5f8f7 0%,#c0cccb 100%);
    background: linear-gradient(to bottom,  #f5f8f7 0%,#c0cccb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f8f7', endColorstr='#c0cccb',GradientType=0 );
}
    .easyui-inputlinkbutton:hover {
        background: #d3d3d3;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2I3YjdiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YjliOWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #d3d3d3 0%, #b7b7b7 37%, #9b9b9b 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(37%,#b7b7b7), color-stop(100%,#9b9b9b));
        background: -webkit-linear-gradient(top,  #d3d3d3 0%,#b7b7b7 37%,#9b9b9b 100%);
        background: -o-linear-gradient(top,  #d3d3d3 0%,#b7b7b7 37%,#9b9b9b 100%);
        background: -ms-linear-gradient(top,  #d3d3d3 0%,#b7b7b7 37%,#9b9b9b 100%);
        background: linear-gradient(to bottom,  #d3d3d3 0%,#b7b7b7 37%,#9b9b9b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#9b9b9b',GradientType=0 );
    }
.easyui-inputlinkbutton.color-blue, .easyui-inputlinkbutton.color-green {
    color:white;
}
.inputlinkbutton-plain {
    padding:6px 20px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}

/* EasyUI circle links */
a.easyui-circleLink {
    cursor:pointer;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    overflow:hidden;
    width:32px;
    height:32px;
    display:block;
}
    a.easyui-circleLink > img {
        float:left;
        width:100%;
    }

/* Combobox */
.combo {

}
    .combo > .combo-text {
        line-height:normal !important;
    }
.combo-p {
    overflow:visible;
}
    /* Combo dropdown */
    .combo-panel {
        border-color:#BBB7B7;
        margin-top:10px;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.50);
        -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    }
        .combo-arrow {
            background:none;
            background-color:transparent !important;
            width:30px !important;
            text-align: center;
            line-height: 24px;
            color:#B9B6B6;
            padding:3px 0 5px 0;
            font-size:26px;
        }
        	.combo-arrow::after {
        		content: "\25BE";
        	}
        .combobox-item, .combobox-group {
            padding:7px 14px;
            cursor:pointer;
            font-family:'Open Sans',Arial,sans-serif;
            color:#306D7D;
        }
            .combobox-item-hover {
                padding:6px 14px; /* -1px for the padding so the height doesn't change */
                font-weight:bold;
                border: 1px solid #ffffff;
                background-color: #003A4D;
                color: #ffffff;
                box-shadow: 0 1px 0 #c7c7c7;
                -moz-box-shadow: 0 1px 0 #c7c7c7;
                -webkit-box-shadow: 0 1px 0 #c7c7c7;
            }
            .combo-alt .combobox-item-hover {
                background-color:#CFD9DB;
                color:#003A4D;
            }
        .combo-top-arrow {
            background-image:url("images/arrow.png");
            background-repeat:no-repeat;
            width:20px;
            height:20px;
            position:absolute;
            top:0;
            right:6px;
        }

/* audioPlayer */
div.easyui-audioPlayer {
    min-width:315px;
    height:100px;
    box-shadow:2px 1px 14px #666;
    -webkit-box-shadow:2px 1px 14px #666;
    -moz-box-shadow:2px 1px 14px #666;
    float:left;
    border-radius:10px;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;
}
div.easyui-audioPlayer.audioPlayer-noButtons {
    height:50px;
}
    div.easyui-audioPlayer > div {
        height:50%;
        width:100%;
    }
    div.easyui-audioPlayer > div.audioPlayer-player {
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-right-radius: 10px;
        -webkit-border-top-left-radius: 10px;

        background: #006fa3;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmZhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDRkNmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #006fa3 0%, #004d6e 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006fa3), color-stop(100%,#004d6e));
        background: -webkit-linear-gradient(top,  #006fa3 0%,#004d6e 100%);
        background: -o-linear-gradient(top,  #006fa3 0%,#004d6e 100%);
        background: -ms-linear-gradient(top,  #006fa3 0%,#004d6e 100%);
        background: linear-gradient(to bottom,  #006fa3 0%,#004d6e 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fa3', endColorstr='#004d6e',GradientType=0 );
    }
    div.easyui-audioPlayer.audioPlayer-noButtons > div.audioPlayer-player {
        height:100%;
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
    }
        div.easyui-audioPlayer > div.audioPlayer-player > * {
            float:left;
            margin-top:15px;
        }
        div.easyui-audioPlayer > div.audioPlayer-player > button {
            cursor:pointer;
            padding:0;
            border: 0;
            outline:0;
            text-align:center;
        }
        div.easyui-audioPlayer > div.audioPlayer-player > button.audioPlayer-playBtn {
            margin-top:10px;
            margin-left:12px;
            padding-right:4px;
            height:30px;
            width:30px;
            color:#FFF;
            font-size:10px;
            border-radius:30px;
            border:1px solid #00B5E7;
            box-shadow:0 0 6px #5EC6E4;
            -moz-box-shadow:0 0 6px #5EC6E4;
            -webkit-box-shadow:0 0 6px #5EC6E4;
            background: #009ac4;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWFjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iIzAwNTc3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQyNWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top,  #009ac4 0%, #00577a 64%, #00425c 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009ac4), color-stop(64%,#00577a), color-stop(100%,#00425c));
            background: -webkit-linear-gradient(top,  #009ac4 0%,#00577a 64%,#00425c 100%);
            background: -o-linear-gradient(top,  #009ac4 0%,#00577a 64%,#00425c 100%);
            background: -ms-linear-gradient(top,  #009ac4 0%,#00577a 64%,#00425c 100%);
            background: linear-gradient(to bottom,  #009ac4 0%,#00577a 64%,#00425c 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac4', endColorstr='#00425c',GradientType=0 );

        }
            div.easyui-audioPlayer > div.audioPlayer-player > button.audioPlayer-playBtn.paused {
                font-size: 20px;
                padding-left: 2px;
                padding-right:0;
            }
        div.easyui-audioPlayer > div.audioPlayer-player > button.audioPlayer-closeBtn {
            margin-top:5px;
            margin-right:5px;
            width: 15px;
            height: 15px;
            border-radius: 15px;
            background:#F9FBFB;
            color:#003C50;
            float:right;
            font-size: 17px;
            font-weight: bold;
            line-height: 15px;
        }
        div.easyui-audioPlayer > div.audioPlayer-player > div.audioPlayer-timeBar {
            width: 170px;
            height: 13px;
            background: #FFF;
            border-radius: 3px;
            margin-left: 25px;
            margin-top: 19px;
            box-shadow:inset 0px 0px 5px #000;
            -moz-box-shadow:inset 0px 0px 5px #000;
            -webkit-box-shadow:inset 0px 0px 5px #000;
            position:relative;
        }
            div.easyui-audioPlayer > div.audioPlayer-player > div.audioPlayer-timeBar > div.audioPlayer-timeSlider {
                width: 28px;
                height: 15px;
                background: #F8F8F8;
                border:1px solid #C7C7C7;
                border-radius: 20px;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                margin-top: -2px;
                margin-left: -14px;
                position:absolute;
                cursor:pointer;
            }
            div.easyui-audioPlayer > div.audioPlayer-player > div.audioPlayer-timeBar > div.audioPlayer-timeBarBuffered {
                float:left;
                height:100%;
                background: #00aed8;
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWVkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ3NWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top,  #00aed8 0%, #00475f 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aed8), color-stop(100%,#00475f));
                background: -webkit-linear-gradient(top,  #00aed8 0%,#00475f 100%);
                background: -o-linear-gradient(top,  #00aed8 0%,#00475f 100%);
                background: -ms-linear-gradient(top,  #00aed8 0%,#00475f 100%);
                background: linear-gradient(to bottom,  #00aed8 0%,#00475f 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aed8', endColorstr='#00475f',GradientType=0 );

            }
        div.easyui-audioPlayer > div.audioPlayer-player > div.audioPlayer-volumeSlider {
            margin-left:5px;
            background:url("images/speaker.png") no-repeat;
            background-size:25px 24px;
            cursor:pointer;
            width:30px;
            height:30px;
            margin-top:13px;
        }
            div.easyui-audioPlayer > div.audioPlayer-player > div.audioPlayer-volumeSlider > div {
                overflow:hidden;
                width:0%;
                height:100%;
                margin-top:-3px;
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
                -moz-border-radius-topright: 20px;
                -moz-border-radius-bottomright: 20px;
                -webkit-border-top-right-radius: 20px;
                -webkit-border-bottom-right-radius: 20px;

                background: url("images/speaker_full.png") no-repeat;
                pointer-events: none;
                background-size: 30px 32px;
            }
        div.easyui-audioPlayer > div.audioPlayer-player > span.audioPlayer-timeText {
            color: #FFF;
            margin-top: 15px;
            margin-left: -5px;
            font-size: 14px;
        }
    div.easyui-audioPlayer > div.audioPlayer-buttons {
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;

        background: #ffffff;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #ffffff 0%, #e1e1e1 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1));
        background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%);
        background: -o-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%);
        background: -ms-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%);
        background: linear-gradient(to bottom,  #ffffff 0%,#e1e1e1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );
    }
        div.easyui-audioPlayer > div.audioPlayer-buttons > button {
            height: 100%;
            float: left;
            background: transparent;
            border: 0;
            border-right:1px solid #DADADA;
            outline: 0;
            color: #013851;
            cursor: pointer;
        }
            div.easyui-audioPlayer > div.audioPlayer-buttons > button:hover {
                background: #ededed;
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZGNkY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top,  #ededed 0%, #cdcdcd 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#cdcdcd));
                background: -webkit-linear-gradient(top,  #ededed 0%,#cdcdcd 100%);
                background: -o-linear-gradient(top,  #ededed 0%,#cdcdcd 100%);
                background: -ms-linear-gradient(top,  #ededed 0%,#cdcdcd 100%);
                background: linear-gradient(to bottom,  #ededed 0%,#cdcdcd 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#cdcdcd',GradientType=0 );
            }

/* Mini audio player */
div.easyui-audioPlayerMini {
    position:relative;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;
    float:left;
}
    div.easyui-audioPlayerMini > div.audioPlayerMini-arrow {
        position: absolute;
        right: -3px;
        top: 13px;
        display:none;
        font-size: 24px;
        color:#006EA0;
        cursor:pointer;
    }
    div.audioPlayerMini-audioContainer {
        display:none;
        position:absolute;
        margin-top:35px;
    }
    div.audioPlayerMini-audioContainer.resized {
        margin-top:30px;
    }
        div.audioPlayerMini-audioContainer.align-right {

        }
        div.audioPlayerMini-audioContainer.align-center {
            margin-left:25px; /* Width of arrow thing */
        }
        div.audioPlayerMini-audioContainer.align-left {
        }
    div.easyui-audioPlayerMini > div.audioPlayerMini-btnContainer {
        width: 50px;
        height: 22px;
        border: 1px solid #D5DEDF;
        float: left;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        overflow: hidden;
    }
        div.easyui-audioPlayerMini > div.audioPlayerMini-btnContainer > button {
            height:100%;
            border:0;
            padding: 0;
            outline: 0;
            float:left;
            cursor:pointer;
        }
        div.easyui-audioPlayerMini > div.audioPlayerMini-btnContainer > button.audioPlayerMini-playBtn {
            width:70%;
            background:#FEFFFC;
            color:#00577F;
            font-size:10px;
            padding-right:4px;
        }
            div.easyui-audioPlayerMini > div.audioPlayerMini-btnContainer > button.audioPlayerMini-playBtn.paused {
                font-size: 15px;
                padding-left: 2px;
                padding-right:0;
            }
        div.easyui-audioPlayerMini > div.audioPlayerMini-btnContainer > button.audioPlayerMini-openBtn {
            width:30%;
            font-size: 12px;
            color:#003B50;
        }
            div.easyui-audioPlayerMini > div.audioPlayerMini-btnContainer > button.audioPlayerMini-openBtn.closed {
                font-size:8px;
            }

/* Validate box */
.validatebox-text {
    outline:0;
    border:1px solid #C7C7C7;
    background:white;
    color:#0C5467;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    padding:5px;
}
    .validatebox-text:focus, .validatebox-text:active {
        border-color:#77D0ED;
    }


/* Datagrid */
.datagrid .panel-body {
    border-color:#D6D6D6;
    color:#1A5C6D;
}
    .datagrid-header, .datagrid-td-rownumber {
        background:#FFF;
    }
    .datagrid-header-row {
        height:40px;
        vertical-align: top;
        vert-align: top;
    }
        .datagrid-header-row .datagrid-cell {
            padding-top:5px;
            font-weight:bold !important;
        }
    .datagrid-row {
        background:#F3F8F9;
    }
        .datagrid-row .datagrid-cell, .datagrid-header-row .datagrid-cell {
            color:#1F6170;
            font-size:13px;
            overflow:visible;
        }
    .datagrid-row-alt {
        background:#FFF;
    }
    .datagrid-btable tr:last-child td {
        border-bottom:0;
    }
.datagrid-header, .datagrid-toolbar, .datagrid-pager, .datagrid-footer-inner, .datagrid-header td, .datagrid-body td, .datagrid-footer td {
    border-color:#D6D6D6;
    border-style:solid;
}

.panel.datagrid.allowOverflow,  .panel.datagrid.allowOverflow > div, .panel.datagrid.allowOverflow > div > div, .panel.datagrid.allowOverflow > div > div > div.datagrid-view2, .panel.datagrid.allowOverflow > div > div > div.datagrid-view2 > div.datagrid-body {
    overflow-x: visible;
}

/* Accordion */
.easyui-accordion, .accordion {
    background:#00334E;
}
    .easyui-accordion, .accordion * {
        color:white !important;;
    }
    .easyui-accordion > .panel, .accordion > .panel {
        width:90% !important;
        margin-left:5%;
        margin-top:10px;
    }
        .easyui-accordion > .panel > .panel-body, .accordion > .panel > .panel-body, .easyui-accordion > .panel > .panel-header, .accordion > .panel > .panel-header {
            background:#004063;
            border:0;
        }
        .easyui-accordion .panel-title, .accordion .panel-title {
            font-size:14px;
        }
        .accordion-collapse {
            font-size:30px;
            color:#007FAC;
            background:none;
        }
            .accordion-collapse:hover {
                background:none !important;
            }
            .accordion-collapse:after {
                content:"˅";
            }
            .accordion-collapse.accordion-expand:after {
                content:"˄";
            }

/* Alt messager box */
.messager-alt {
    padding:0;
    border:0;
}
    .messager-alt > .panel-header {
        padding:0;
    }
        .messager-alt > .panel-header > .panel-title {
            display:none;
        }
        .messager-alt > .panel-header > .panel-tool {
            margin:10px 10px 0 0;
            overflow:visible;
        }
            .messager-alt > .panel-header > .panel-tool > .panel-tool-close {
                height:20px;
                width:20px;
                margin:0;
                text-align:center;
                background:none;
                text-decoration: none;
                font-size:14px;
                font-weight:bold;
                font-family:"Open Sans", Arial, Helvetica, Arial, sans-serif;
                border:1px solid #DDD;
                border-radius:15px;
                -moz-border-radius:15px;
                -webkit-border-radius:15px;
            }
                .messager-alt > .panel-header > .panel-tool > .panel-tool-close:after {
                    content:"x";
                }

    .messager-alt > .messager-body {

    }
        .messager-alt > .messager-body > div {

        }
            .messager-alt > .messager-body > div > div.messager-icon {
                display:none;
            }
            .messager-alt > .messager-body > div > div.messager-message {
                font-family:"Open Sans", Arial, Helvetica, Arial, sans-serif;
                font-size:23px;
                margin-top:35px;
                text-align:center;
                color:#17455C;
            }
        .messager-alt > .messager-body > div.messager-button {
            padding-top:20px;
        }
            .messager-alt > .messager-body > div.messager-button a.l-btn.colored span.l-btn-left {
                padding:5px 0;
            }
                .messager-alt > .messager-body > div.messager-button a.l-btn.colored span.l-btn-left:hover {
                    background: #0096c1;
                    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTZjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzAwNDc2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDM3NGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                    background: -moz-linear-gradient(top,  #0096c1 0%, #004763 66%, #00374e 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0096c1), color-stop(66%,#004763), color-stop(100%,#00374e));
                    background: -webkit-linear-gradient(top,  #0096c1 0%,#004763 66%,#00374e 100%);
                    background: -o-linear-gradient(top,  #0096c1 0%,#004763 66%,#00374e 100%);
                    background: -ms-linear-gradient(top,  #0096c1 0%,#004763 66%,#00374e 100%);
                    background: linear-gradient(to bottom,  #0096c1 0%,#004763 66%,#00374e 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096c1', endColorstr='#00374e',GradientType=0 );
                }
                .messager-alt > .messager-body > div.messager-button a.l-btn.colored span.l-btn-left:hover span.l-btn-text {
                    color:white !important;
                }
                .messager-alt > .messager-body > div.messager-button a.l-btn.colored span.l-btn-left span.l-btn-text {
                    padding-right:40px;
                }
.window-mask-alt {
    background: #133647;
    opacity: .9;
}
.window-shadow-alt {
    display:none !important;
}

.tooltip {
    position: absolute;
    display: none;
    z-index: 9900000;
    outline: none;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.tooltip-content {
    font-size: 12px;
}
.tooltip-arrow-outer,
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    _border-color: tomato;
    _filter: chroma(color=tomato);
}
.tooltip-right .tooltip-arrow-outer {
    left: 0;
    top: 50%;
    margin: -6px 0 0 -13px;
}
.tooltip-right .tooltip-arrow {
    left: 0;
    top: 50%;
    margin: -6px 0 0 -12px;
}
.tooltip-left .tooltip-arrow-outer {
    right: 0;
    top: 50%;
    margin: -6px -13px 0 0;
}
.tooltip-left .tooltip-arrow {
    right: 0;
    top: 50%;
    margin: -6px -12px 0 0;
}
.tooltip-top .tooltip-arrow-outer {
    bottom: 0;
    left: 50%;
    margin: 0 0 -13px -6px;
}
.tooltip-top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin: 0 0 -12px -6px;
}
.tooltip-bottom .tooltip-arrow-outer {
    top: 0;
    left: 50%;
    margin: -13px 0 0 -6px;
}
.tooltip-bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin: -12px 0 0 -6px;
}
.tooltip {
    background-color: #ffffff;
    border-color: #95B8E7;
    color: #000000;
}
.tooltip-right .tooltip-arrow-outer {
    border-right-color: #95B8E7;
}
.tooltip-right .tooltip-arrow {
    border-right-color: #ffffff;
}
.tooltip-left .tooltip-arrow-outer {
    border-left-color: #95B8E7;
}
.tooltip-left .tooltip-arrow {
    border-left-color: #ffffff;
}
.tooltip-top .tooltip-arrow-outer {
    border-top-color: #95B8E7;
}
.tooltip-top .tooltip-arrow {
    border-top-color: #ffffff;
}
.tooltip-bottom .tooltip-arrow-outer {
    border-bottom-color: #95B8E7;
}
.tooltip-bottom .tooltip-arrow {
    border-bottom-color: #ffffff;
}