html, body {
    overflow-x: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    position: relative
}

/*.dt-buttons {*/
/*    !*background: transparent;*!*/
/*    !*border: none !important;*!*/
/*    !*font-size:0;*!*/
/*    !*display: none;*!*/
/*}*/


.logo-main {
    /*background: url("include/assets/image-resources/logo-main.png") center no-repeat;*/
    background-size: contain;
    height: 100px;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}


.animateFast {
    -webkit-animation-duration: 5s !important; /* Safari 4+ */
    -moz-animation-duration: 5s !important; /* Fx 5+ */
    -o-animation-duration: 5s !important; /* Opera 12+ */
    animation-duration: 5s !important; /* IE 10+, Fx 29+ */
    /*animation-delay:          5s !important; !* IE 10+, Fx 29+ *!*/

    /*-webkit-animation-iteration-count: infinite;*/
    /*-moz-animation-iteration-count: infinite;*/
    /*-animation-animation-iteration-count: infinite;*/
}

.fancytree-active .fancytree-title {
    background: rgba(0, 0, 0, 0.1);
}

ul.fancytree-container {
    background: #fafafa !important;
    border-width: 0 !important;
    border-radius: 10px;
    padding: 10px !important;
}

.editor-container textarea.jsoneditor-text {
    min-height: 500px !important;
}

.icon-spin {
    display: inline-block;
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

/*JQUERY AUTOCOMPLETE CUSTOM CSS*/
.ui-menu .ui-menu-item {
    padding: 8px 10px;
    border: none;
    border-bottom: 1px solid #eee;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.ui-state-focus {
    background: none !important;
    background-color: #efefef !important;
    border: none !important;
    border-bottom: 1px solid #eee !important;
    font-weight: normal !important;
    border-radius: 0 !important;
}

.ui-autocomplete {
    position: absolute;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 100px;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 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;
}

/*FORM SELECT TABLE*/
.available-forms .table td {
    padding: 8px;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* Franklin's Container */
.ga-fish .fish {
    width: 150px;
    height: 100px;
    animation: swim 3s infinite;
}

/* Franklin */
.ga-fish .fish-body {
    position: relative;
    margin-top: 30px;
    margin-left: 40px;
    background-color: orange;
    border-radius: 50%;
    width: 150px;
    height: 100px;
}

.ga-fish .eye {
    position: absolute;
    margin-left: 100px;
    margin-top: 20px;
    z-index: 1;
    background-color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

.ga-fish .pupil {
    position: absolute;
    z-index: 2;
    margin-left: 5px;
    margin-top: 5px;
    background-color: black;
    border-radius: 50%;
    height: 10px;
    width: 10px;
}

.ga-fish .fin {
    margin-top: -100px;
    background-color: orange;
    border-radius: 50%;
    transform: rotate(40deg);
    width: 80px;
    height: 50px;
}

.ga-fish .fin-bottom {
    margin-top: -10px;
    transform: rotate(-40deg);
}

/* Bubbles */
.ga-fish .bubbles {
    position: absolute;
    bottom: 0;
    z-index: 5;
    margin-right: 50px;
    background-color: white;
    border-radius: 50%;
    opacity: .50;
    width: 40px;
    height: 40px;
    animation: up 4s infinite;
}

.ga-fish .bubble-2 {
    left: 350px;
    animation: up 2s infinite;
}

.ga-fish .bubble-3 {
    left: 750px;
    opacity: .30;
    animation: up 5s infinite;
}

.bubble-4 {
    left: 1150px;
    animation: up 6s infinite;
}

.bubble-5 {
    left: 50px;
    animation: up 5s infinite;
}

.bubble-6 {
    left: 300px;
    opacity: .30;
    animation: up 3s infinite;
}

.bubble-7 {
    left: 670px;
    animation: up 4s infinite;
}

.bubble-8 {
    left: 1050px;
    opacity: .30;
    animation: up 3s infinite;
}

/* Swim Animation */
@keyframes swim {
    0% {
        transform: translateY(-50px) translateX(0) rotate(30deg);
    }
    25% {
        transform: translateY(50px) translateX(250px) rotate(20deg);
    }
    50% {
        transform: translateY(100px) translateX(500px);
    }
    75% {
        transform: translateY(50px) translateX(850px) rotate(-20deg);
    }
    100% {
        transform: translateY(-170px) translateX(1200px) rotate(-40deg);
    }
}

/* Bubbles Animation */
@keyframes up {
    100% {
        transform: translateY(-800px);
    }
}

/*--------------------TABLESORTER------------------------------------------------*/

.tablesorter .filtered {
    display: none;
}

/* All of the following css is already contained within each theme file; modify it as desired */
/* filter row */
.tablesorter-filter-row td {
    background: #eee;
    line-height: normal;
    text-align: center; /* center the input */
    -webkit-transition: line-height 0.1s ease;
    -moz-transition: line-height 0.1s ease;
    -o-transition: line-height 0.1s ease;
    transition: line-height 0.1s ease;
}

/* optional disabled input styling */
.tablesorter-filter-row .disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed;
}

/* hidden filter row */
.tablesorter-filter-row.hideme td {
    /*** *********************************************** ***/
    /*** change this padding to modify the thickness     ***/
    /*** of the closed filter row (height = padding x 2) ***/
    padding: 2px;
    /*** *********************************************** ***/
    margin: 0;
    line-height: 0;
    cursor: pointer;
}

.tablesorter-filter-row.hideme * {
    height: 1px;
    min-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    /* don't use visibility: hidden because it disables tabbing */
    opacity: 0;
    filter: alpha(opacity=0);
}

/* filters */
.tablesorter-filter {
    width: 90%;
    height: inherit;
    /*margin: 2px;*/
    padding: 2px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height 0.1s ease;
    -moz-transition: height 0.1s ease;
    -o-transition: height 0.1s ease;
    transition: height 0.1s ease;
}

/*.table-wrapper {*/
/*position: relative;*/
/*}*/

.table-loading {
    position: relative;
}

.table-loading:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.2) center center no-repeat url(data:image/gif;base64,R0lGODlhLQAtAPMPANTU1O3t7fJoRfv7++9OJdvb2+Lf3/SBZPixn/7v6/m+r/b29ubm5u0wAM3Nzf///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAPACwAAAAALQAtAAAE//DJSesIBjg3WxMHklRkaUpBsa2c5L0fcs5VoLFrB7+ETJsDFY6l270Eox8lMBwWjS+fktnEPaEehVJiqBJd2NdhOul6ARNCuDFGnZiG8tAQGFQSioOx/egGSgsrcVwrDHYzCXoefGYOCyRCG4N9AI9bBgSMLAU1c1s0jSt/Ezc4k58VoStoKFWsqBWlOKOROJawFIFNnANVDLglDFUXw8AkvU0YTafGcnOyos0kVDjQK4fSE8heLK/ZpE3f4uPk5RVN3uLWXuXb1cnk1N2qkuT0DnTF3+4sdb7iwprYqcUCmzF+Kzg9kNct2zoHox6sY4brnjeG+MTRiyih1qQMBltpDADwcRMJXRkJbTAkMmDKPituLXmpiiTHCcpMybm5xJkrcF4m8Sxxz4oEbvW2YAx3FCnET0uNPnA6dMYCglK5FZCJykaVCa6qdsUKFkcBscAuZNhQ1mbIGREAACH5BAUKAA8ALBgAAAAVABUAAARg0Lliwng46y37DFuIeR4AihlJFheqqmf4wuLsGShgOzimhIOAQdV7HBoI1IDRKR4bjQTqsQA4oVDBdPPEIreYrpcAfhC83t/WgMZqwWLvotyGJuH1Q1lRf28TdQ1lZnURACH5BAUKAA8ALCIABwALAB8AAARe8EkZppXG1fuyc8PlfYU1fhqGroAErGu1wGj5MPQXPnna5QZKzjboTV40jnLJ5BAa0GhDkpBKJQorVCA5aBuHR/WLeHi/Cca3wX1+FeYvYXKWlulS7qWeUHrvSnAWEQAh+QQFCgAPACwYABgAFQAVAAAEZ/DJSSdwOLvK39BaVwUgVoiUUToGKn1r4D7M6gzuYp/uFc+qEmAmCWpkHQPhMDE6eJXEoUFlFjO4SUIxpXqtDxVSQvCav5Ox5MxugCtttqITNyNE9YYggYoT7i5sAnNEVAIHCHxEEhEAIfkEBQoADwAsBwAiAB8ACwAABFrwSXmImTjPBa6mTXh82cA4qJcdYdscSlIGBmo7KujuxATcQNyEtStOgsGLosg8IoGBB4K5cz5RUUlCQA1ZkYWBBkGgfm+ALEnBrUqCBTVpkkAc2s6CISD+RAAAIfkEBQoADwAsAAAYABUAFQAABF+wydnIuzhjSpP+j8BJCqgdY3OYGZI2Hvsk7yqHr3Err3UTKZvMxRHeRBOhAbBg0SRKh5TBckWlWENg8CldDNgwFmACi8+gwHltUq/DrEHhLb0FAO/bJWCG6y8DfHMOEQAh+QQFCgAPACwAAAcACwAfAAAEYPBJqaaVqJ0rU/vbJXyglZGlRKDkprAk8YxwY3j1dsLSkUs0VuVRayQkNRlnyWxeHNCoAzCRSgeSghUakBi2DoMkAHZgB2VGtrx4kMHUBwAsdm/r6yhegobuJ2R/Fl0WEQAh+QQFCgAPACwAAAAAFQAVAAAEYvDJSWtCR7RWu1TaJnoUQogoRyZhOnqI63qKPHuHjVbBlOsESsBh8LkOigRl4GgWJb/GgVRoOn2EZ2dovZIogK5VS+KKHYCvpHp2LNTMNkP9MIvpD0ObTG336G0OA3htaXgRADs=);
}

/* REQUIRED CSS: change your reflow breakpoint here (35em below) */
@media ( max-width: 35em ) {

    /* uncomment out the line below if you don't want the sortable headers to show */
    /* table.ui-table-reflow thead { display: none; } */
    /* css for reflow & reflow2 widgets */
    .ui-table-reflow td,
    .ui-table-reflow th {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: right;
        /* if not using the stickyHeaders widget (not the css3 version)
         * the "!important" flag, and "height: auto" can be removed */
        width: 100% !important;
        height: auto !important;
    }

    /* reflow widget only */
    .ui-table-reflow tbody td[data-title]:before {
        color: #469;
        font-size: .9em;
        content: attr(data-title);
        float: left;
        width: 50%;
        white-space: pre-wrap;
        text-align: bottom;
        display: inline-block;
    }

    /* reflow2 widget only */
    table.ui-table-reflow .ui-table-cell-label.ui-table-cell-label-top {
        display: block;
        padding: .4em 0;
        margin: .4em 0;
        text-transform: uppercase;
        font-size: .9em;
        font-weight: 400;
    }

    table.ui-table-reflow .ui-table-cell-label {
        padding: .4em;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4em;
    }
}

/* end media query */

/* reflow2 widget */
.ui-table-reflow .ui-table-cell-label {
    display: none;
}

/*Adds scrollbar to any tables within sfv*/

.panel-sub-content-container .tablesorter-scroller-bar-spacer {
    background: #eee;
}

/* add border to right side (LTR pages) of fixed column */
.panel-sub-content-container .tablesorter-scroller-fixed:after {
    content: '';
    border-right: 1px solid #444;
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    /* set to zero for non-jquery ui themes; use "left" here for RTL pages */
    right: 0;
    /* match the margins set to the table to keep the border the same height as the table */
    margin: 10px 0 15px;
}

/* using-x-theme added by the demo code */
.panel-sub-content-container .using-jui-theme .tablesorter-scroller-fixed:after {
    /* use "left" here for RTL pages */
    right: 0;
}

.panel-sub-content-container .using-green-theme .tablesorter-scroller-fixed:after,
.panel-sub-content-container .using-black-ice-theme .tablesorter-scroller-fixed:after,
.panel-sub-content-container .using-dark-theme .tablesorter-scroller-fixed:after,
.panel-sub-content-container .using-dropbox-theme .tablesorter-scroller-fixed:after {
    /* match the margins set to the table to keep the border the same height as the table */
    margin: 0;
}

/*.options-btn-container div:not(input), .options-btn-container button {*/
/*float: right;*/
/*margin: 5px;*/
/*}*/

/* CSS needed for this widget */
.ts-align-wrap {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}

.ts-align-wrap, .ts-align-left, .ts-align-right {
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ts-align-left {
    text-align: right;
}

.ts-align-right {
    text-align: left;
}

/* optional - colorize alignment character in Animals column */
td:nth-child(3) .ts-align-right i {
    color: red;
}


/* mobile layout custom css */
@media screen and (max-width: 760px) {

    .panel-body {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'fontawesome';  /* essential for enabling glyphicon */
    content: "\f078";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f054";    /* adjust as needed, taken from bootstrap.css */
}