@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------------------
	
	* Filename:				default.css
	* Description: 			sets typography, basic grids, 
							and standard formstyles
	* Version:				1.0.0 (2012-06-16)
	* Author:				Ryan Martinez
	
	== INDEX ===============================================
	
	$__generic classes		classes used globally, should be at bottom to prevent semantic inheritance
	
------------------------------------------------------------*/


/*-------------------------------------*/
/* RESET */
/*-------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
    License: none (public domain)
    */

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,
caption, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

html, button, input, select, textarea {
    font-family: sans-serif;
    color: #222;
}

/*
     * Remove text-shadow in selection highlight: h5bp.com/i
     * These selection declarations have to be separate
     * Also: hot pink! (or customize the background color to match your design)
     */

::-moz-selection {
    background: rgba(2,139,255,1); /* blue */
    color: #fff;
    text-shadow: none;
}

::selection {
    background: rgba(2,139,255,1); /* blue */
    color: #fff;
    text-shadow: none;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

body {
    color: #444;
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

/*-------------------------------------*/
/* HEADER STYLES */
/*-------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    display: block;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        font-weight: inherit;
    }

h1 {
    font-size: 38px;
    line-height: 54px;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
}

h2 {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
}

h3 {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
}

h4 {
    font-size: 22px;
    line-height: 36px;
    letter-spacing: normal;
}

h5 {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: normal;
}

h6 {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: normal;
}

/* Module titles */
.Head {
    display: inline-block;
    margin-bottom: 6px;
}

/* Some old forge modules use .Head, .SubHead, .SubSubHead in table td, We keep this to be compatible */
td.Head, td.SubHead, td.SubSubHead {
    display: table-cell;
    margin-bottom: 0;
}

input[type="image"] + span.Head, input[type="image"] + span.SubHead {
    display: inline;
}

/*-------------------------------------*/
/* PARAGRAPH STYLES */
/*-------------------------------------*/
p {
    margin: 0 0 18px 0;
}
    /* margin bottom is equal to line-height */
    p img {
        margin: 0;
    }

em, i {
    font-style: italic;
}

strong, b {
    font-weight: bold;
}

small {
    font-size: 80%;
}

/* Set text size in modules*/
.Normal,
.NormalDisabled,
.NormalDeleted {
    color: #444;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    word-wrap: break-word;
}

/* disabled text styles */
.NormalDisabled,
.NormalDeleted {
    color: #999;
}



/* text style used for help text rendered by modules */
.Help {
    padding: 2px;
    border: #000 1px solid;
    background-color: #ff9;
    font-weight: normal;
    font-size: 11px;
    color: #000;
}
/* text style used for rendered text which requires emphasis */
.NormalBold {
    font-weight: bold;
    color: #222;
}

/* text style used for error messages */
.NormalRed {
    font-weight: bold;
    color: red;
}

/* text style used for rendered text which should appear deleted */
.NormalDeleted {
    text-decoration: line-through;
}

/*	Blockquotes  */
blockquote, blockquote p {
    font-size: 17px;
    line-height: 24px;
    color: #777;
    font-style: italic;
}

blockquote {
    margin: 0 0 20px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid #ddd;
}

    blockquote cite {
        display: block;
        font-size: 12px;
        color: #555;
    }

        blockquote cite:before {
            content: "\2014 \0020";
        }

        blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
            color: #555;
        }

hr {
    clear: both;
    margin: 17px 0 17px;
    height: 0;
    border: solid #ddd;
    border-width: 1px 0 0;
}

/*-------------------------------------*/
/* ANCHOR STYLES */
/*-------------------------------------*/
a, a:visited {
    color: rgb(2,139,255); /*blue*/
    text-decoration: underline;
    outline: 0;
}

    a:hover, a:focus, a:active {
        color: #222;
        outline: 0;
    }

p a, p a:visited {
    line-height: inherit;
}

/*-------------------------------------*/
/* IMAGE STYLES */
/*-------------------------------------*/
img.dnn-scale-img {
    max-width: 100%;
    height: auto;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

#dnn_dnnLOGO_imgLogo {
     border: 0;
}

/*-------------------------------------*/
/* lIST STYLES */
/*-------------------------------------*/
ul, ol {
    margin-bottom: 18px;
    margin-left: 18px;
}

ul {
    list-style: square outside;
}

ol {
    list-style: decimal;
}

    /* Nested Styles */
    ul ul, ul ol,
    ol ol, ol ul {
        margin-left: 18px;
        margin-bottom: 0;
    }

    ol ol {
        list-style: lower-roman;
    }

li p {
    line-height: 18px;
}

/*-------------------------------------*/
/* MESSAGE STYLES */
/*-------------------------------------*/
.dnnFormMessage {
    display: block;
    padding: 17px 18px;
    margin-bottom: 18px;
    border: 1px solid rgba(2,139,255,0.2); /* blue */
    background: rgba(2,139,255,0.15); /* blue */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    max-width: 100%;
}

    .dnnFormMessage.dnnFormError,
    .dnnFormMessage.dnnFormValidationSummary {
        background-color: rgba(255,0,0,0.15); /* red */
        border-color: rgba(255,0,0,0.2); /* red */
    }

    .dnnFormMessage.dnnFormWarning {
        background-color: rgba(255,255,0,0.15); /* yellow */
        border-color: #CDB21F; /* yellow */
    }

    .dnnFormMessage.dnnFormSuccess {
        background-color: rgba(0,255,0,0.15); /* green */
        border-color: rgba(0,255,0,0.5); /* green */
    }

/*-------------------------------------*/
/* TABLE STYLES */
/*-------------------------------------*/
.dnnTableHeader {
    display: block;
    padding: 15px;
    background: none repeat scroll 0 0 #E3E3E5;
}
.dnnTableHeader a,
.dnnTableHeader input, 
.dnnTableHeader select{
    margin: 0;
}
.dnnTableDisplay {
    margin-bottom: 18px;
    border: 1px solid #d1d1d1;
    border-left: 0;
    border-bottom: 0;
}

    .dnnTableDisplay td, .dnnTableDisplay th {
        padding: 5px 9px;
        border-bottom: 1px solid #d1d1d1;
    }

    .dnnTableDisplay th {
        padding: 0;
        border-left: 1px solid #d1d1d1;
        -webkit-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.9);
        box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.9);
    }

        .dnnTableDisplay th > span,
        .dnnTableDisplay th > a {
            display: block;
            padding: 5px 9px;
        }

    .dnnTableDisplay td:first-child {
        border-left: 1px solid #cfcfcf;
    }

    .dnnTableDisplay label {
        display: inline;
        padding-left: 5px;
    }

    .dnnTableDisplay caption {
        display: none;
    }

    /* thead styles */
    .dnnTableDisplay th {
        background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */
        background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */
        text-align: left;
        text-shadow: 1px 1px 0px rgba(255,255,255,0.8);
        color: #333;
    }

        .dnnTableDisplay th a, .dnnTableDisplay th label {
            font-weight: normal;
            color: #333;
            text-decoration: none;
        }

        .dnnTableDisplay th a {
            padding: 8px 9px;
        }

            .dnnTableDisplay th a:hover {
                background: #fefefe; /* Old browsers */
                background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */
                background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* W3C */
                color: #333;
            }

            .dnnTableDisplay th a:active {
                border-color: #999;
                background: #c6c6c6; /* Old browsers */
                background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* IE10+ */
                background: linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* W3C */
                -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
                box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
            }
    /* tbody styles */
    .dnnTableDisplay tr:nth-child(2n) td {
        background: rgba(0,0,0,0.04);
    }

    .dnnTableDisplay tr:hover td {
        background: rgba(2,139,255,0.15); /* blue */
    }

    /* tfooter styles */
    .dnnTableDisplay tfoot tr:hover td {
        background: none;
    }

/* table filter styles */
.dnnTableFilter {
    margin-bottom: 18px;
    background: rgba(0,0,0,0.04);
}

    .dnnTableFilter .dnnTableDisplay {
        margin-bottom: 0;
    }

.dnnFilterSet {
    padding: 18px;
}

    .dnnFilterSet label {
        display: inline-block;
    }

    .dnnFilterSet input,
    .dnnFilterSet select {
        display: inline-block;
        margin: 0 5px;
    }

/* table filter vertical styles */
.verticalFilter .dnnFilterSet {
    float: left;
    width: 20%;
    padding: 2% 18px;
}

.verticalFilter .dnnTableDisplay {
    float: right;
    width: 75%;
}

.verticalFilter input[type=search], .verticalFilter select, .verticalFilter input[type=text] {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

/*-------------------------------------*/
/* PAGINATION & RESULT STYLES */
/*-------------------------------------*/
.dnnResults {
    float: left;
    margin-bottom: 0;
}

.dnnPagination {
    float: right;
    margin: 0;
    padding: 0;
}

    .dnnPagination li {
        float: left;
        list-style: none;
    }

        .dnnPagination li a, .dnnPagination li span {
            display: inline-block;
            padding: 0 5px;
            text-decoration: none;
            color: #333;
        }

            .dnnPagination li a:hover {
                text-decoration: underline;
                color: #222;
            }

        .dnnPagination li span {
            color: #222;
            text-decoration: underline;
        }

/*-------------------------------------*/
/* FORM STYLES */
/*-------------------------------------*/

.dnnFormItem input[type="text"],
.dnnFormItem select,
.dnnFormItem textarea,
.dnnFormItem input[type="email"],
.dnnFormItem input[type="search"],
.dnnFormItem input[type="password"] {
    margin-bottom: 18px;
    padding: 8px;
    background: #ffffff;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    color: #333;
    font-size: 12px;
}

    .dnnFormItem input.aspNetDisabled,
    .dnnFormItem textarea.aspNetDisabled {
        background: #ebebeb;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #a7a7a7;
        border-width: 1px;
    }

.aspNetDisabled, a.aspNetDisabled,
.dnnDisabled, a.dnnDisabled {
    color: #ccc;
    cursor: not-allowed;
    text-decoration: none;
}

/* Active and Focus States */
.dnnFormItem input[type="text"]:active, .dnnFormItem input[type="text"]:focus,
.dnnFormItem input[type="password"]:focus, .dnnFormItem input[type="password"]:active,
.dnnFormItem input[type="email"]:active, .dnnFormItem input[type="email"]:focus,
.dnnFormItem select:active, .dnnFormItem select:focus,
.dnnFormItem textarea:active, .dnnFormItem textarea:focus,
.dnnFormItem input[type="search"]:active, .dnnFormItem input[type="search"]:focus {
    background: #fff;
    border: 1px solid rgba(2,139,255,0.5); /* blue */
    -webkit-box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4);
    box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4);
    color: #333;
}
/* Required Fields */
.required label:after,
legend.required:after {
    display: inline-block;
    margin-top: -2px;
    margin-left: 9px;
    padding: 1px 9px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: rgba(0,0,0,0.03);
    content: 'Required';
    font-weight: normal;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #777;
}

/* Error Styles */
.error label, legend.error {
    color: rgba(255,0,0,0.9); /* opaque red*/
}

.error input[type="text"],
.error select, .error textarea,
.error input[type="email"],
.error input[type="search"] {
    border: 1px solid rgba(255,0,0,0.6); /* opaque red*/
    color: rgba(255,0,0,0.7); /* opaque red*/
}

/*
	 * 1. Display hand cursor for clickable form elements
	 * 2. Allow styling of clickable form elements in iOS
	 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
	 */

.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnFormItem input[type="submit"],
.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span {
    display: inline-block;
    padding: 9px 9px;
    margin-bottom: 9px;
    cursor: pointer;
    min-width: 75px;
    *overflow: visible;
    border: 1px solid #c2c2c2;
    background: #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnFormItem input[type="submit"],
.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction {
    padding: 6px 6px;
}

/* Primary Action */

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
    border-color: #0D569E; /*dark blue*/
    background: #3792ED;
    background: -moz-linear-gradient(top, #358eea 0%, #2170cd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#358eea), color-stop(100%,#2170cd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #358eea 0%,#2170cd 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #358eea 0%,#2170cd 100%); /* W3C */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    color: #efefef;
    text-shadow: 0px -1px 0px #185B93;
}

    .dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {
        border-color: #0D569E;
        background: #6cb6f3; /* Old browsers */
        background: -moz-linear-gradient(top, #6cb6f3 0%, #4387d2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6cb6f3), color-stop(100%,#4387d2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #6cb6f3 0%,#4387d2 100%); /* Chrome10+,Safari5.1+ */
        background: linear-gradient(top, #6cb6f3 0%,#4387d2 100%); /* W3C */
        color: #fff;
    }

    .dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active {
        border-color: #0D569E;
        background: #1f66be; /* Old browsers */
        background: -moz-linear-gradient(top, #1f66be 0%, #3085e0 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f66be), color-stop(100%,#3085e0)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #1f66be 0%,#3085e0 100%); /* Chrome10+,Safari5.1+ */
        background: linear-gradient(top, #1f66be 0%,#3085e0 100%); /* W3C */
        -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
        color: #fff;
    }

    .dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active {
        background: #ccc !important;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: #aaa !important;
        text-shadow: none;
    }

/* Secondary Action */
.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span {
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */
    background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    text-shadow: 0px 1px 0px #ffffff;
    color: #333;
}

    .dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover,
    .dnnFormItem input[type="reset"]:hover,
    .dnnSecondaryAction:hover,
    a.dnnSecondaryAction:hover,
    ul.dnnAdminTabNav li a:hover,
    .dnnLogin .LoginTabGroup span:hover {
        background: #fefefe; /* Old browsers */
        background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */
        background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* W3C */
        color: #555;
    }

    .dnnFormItem button:active,
    .dnnFormItem input[type="button"]:active,
    .dnnFormItem input[type="reset"]:active,
    .dnnFormItem input[type="reset"]:active,
    .dnnSecondaryAction:active,
    a.dnnSecondaryAction:active,
    ul.dnnAdminTabNav li a:active {
        border-color: #999;
        background: #c6c6c6; /* Old browsers */
        background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* IE10+ */
        background: linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* W3C */
        -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
    }

/* Fix some old forge modules use .dnnPrimaryAction and .dnnSecondaryAction in wrong way */
span.dnnPrimaryAction > input[type="image"],
span.dnnSecondaryAction > input[type="image"] {
    display: none;
}

span.dnnPrimaryAction > a.dnnPrimaryAction,
span.dnnSecondaryAction > a.dnnSecondaryAction {
    display: inline;
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Tertiary Action */
.dnnTertiaryAction, a.dnnTertiaryAction {
    padding: 10px 10px;
    border: none;
    background: #eaeaea;
    color: #333;
}

    .dnnTertiaryAction:hover, a.dnnTertiaryAction:hover {
        background: #f2f2f2;
    }

    .dnnTertiaryAction:active, a.dnnTertiaryAction:active {
        background: #d8d8d8;
    }

/* Action Button behind input */
.dnnFormItem input[type="text"] + a.dnnPrimaryAction,
.dnnFormItem input[type="text"] + a.dnnSecondaryAction,
.dnnFormItem input[type="text"] + a.dnnTerriaryAction { 
    margin-left: 5px;
}

.dnnFormItem input[type="checkbox"] + span,
.dnnFormItem input[type="radio"] + span {
    margin: 5px;
}

/* text style for buttons and link buttons used in the portal admin pages */

/* button style for standard HTML buttons */
.StandardButton {
    border: 1px solid blue;
}


/* Re-set default cursor for disabled elements */
.dnnFormItem button[disabled],
.dnnFormItem input[disabled] {
    cursor: default;
    opacity: 0.5;
}


/* Consistent box sizing and appearance */
.dnnFormItem input[type="checkbox"],
.dnnFormItem input[type="radio"] {
    *width: 13px;
    *height: 13px; /*why are we using hacks here*/
    padding: 0;
    box-sizing: border-box;
}

.dnnFormItem input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .dnnFormItem input[type="search"]::-webkit-search-decoration,
    .dnnFormItem input[type="search"]::-webkit-search-cancel-button {
        -webkit-appearance: none;
    }


/* Remove inner padding and border in FF3/4: h5bp.com/l */
.dnnFormItem button::-moz-focus-inner, .dnnFormItem input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
	 * 1. Remove default vertical scrollbar in IE6/7/8/9
	 * 2. Allow only vertical resizing
	 */

.dnnFormItem textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

    /* Colors for form validity */
    .dnnFormItem input:valid, .dnnFormItem textarea:valid {
    }

    .dnnFormItem input:invalid, .dnnFormItem textarea:invalid {
        background-color: #f0dddd;
    }

/*-------------------------------------*/
/* TAXONOMY */
/*-------------------------------------*/

/* Horizontal taxonomy styles */
.horizontal ul.categories,
.horizontal ul.tags {
    list-style: none;
}

.horizontal ul.categories {
}

.horizontal ul.tags {
}

    .horizontal ul.categories li, .horizontal ul.tags li {
    }

        .horizontal ul.tags li.add-tags {
        }

            .horizontal ul.tags li.add-tags img {
            }

/* Vertical taxonomy styles */
.vertical ul.categories,
.vertical ul.tags {
    list-style: none;
}

    .vertical ul.categories li,
    .vertical ul.tags li {
    }

    .vertical ul.categories li {
    }

    .vertical ul.tags li {
    }

        .vertical ul.tags li.add-tags {
        }

            .vertical ul.tags li.add-tags img {
            }

/*-------------------------------------*/
/* TABS : JQUERY UI TABS 1.8.14 */
/*-------------------------------------*/
/* Tabs */
ul.dnnAdminTabNav {
    display: inline-block;
    margin-top: 5px;
    margin-left: 0;
    width: 100%;
    min-height: 37px;
    border-bottom: 1px solid #c2c2c2;
}

    ul.dnnAdminTabNav li {
        float: left;
        margin-right: 4px;
        list-style: none;
    }

        ul.dnnAdminTabNav li a {
            /* most styles are inherited from typography.css */
            margin-bottom: 0;
            border-bottom: 0;
            box-shadow: none;
            webkit-box-shadow: none;
            -webkit-border-radius: 3px 3px 0px 0px;
            border-radius: 3px 3px 0px 0px;
        }

        ul.dnnAdminTabNav li.ui-tabs-active a {
            margin-top: -3px;
            padding: 12px 9px 10px 9px;
            background: #fff;
        }

/* Panels */
.ui-tabs .ui-tabs-panel {
    position: relative;
    display: block;
}

.ui-tabs .ui-tabs-hide {
    display: none;
}

/*-------------------------------------*/
/* LOGIN TAB GROUP */
/*-------------------------------------*/
.dnnLogin .LoginTabGroup {
    display: inline-block;
    width: 100%;
    height: 37px;
    margin-left: 0;
    margin-top: 5px;
    border-bottom: 1px solid #C2C2C2;
}

    .dnnLogin .LoginTabGroup span {
        margin-right: 4px;
        margin-bottom: 0;
        border-bottom: 0 none;
        border-radius: 3px 3px 0 0;
        box-shadow: none;
    }

        .dnnLogin .LoginTabGroup span.LoginTabSelected {
            margin-top: -3px;
            padding: 12px 9px 10px;
            background: none repeat scroll 0 0 #FFFFFF;
        }

/*-------------------------------------*/
/* TABS : JQUERY UI RESIZABLE 1.8.14 */
/*-------------------------------------*/
.dnnForm .ui-resizable {
    position: relative;
}

.dnnForm .ui-resizable-handle {
    position: absolute;
    display: block;
    z-index: 99999;
    font-size: 0.1px;
}

.dnnForm .ui-resizable-disabled .ui-resizable-handle,
.dnnForm .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.dnnForm .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.dnnForm .ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.dnnForm .ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.dnnForm .ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.dnnForm .ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.dnnForm .ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.dnnForm .ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.dnnForm .ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
/*	

/*-------------------------------------*/
/* FORM ITEMS
/*-------------------------------------*/
.dnnForm {
    width: 100%;
}

    .dnnForm fieldset {
        clear: none;
        position: relative;
        margin-bottom: 18px;
        text-align: left;
    }

        .dnnForm fieldset fieldset {
            width: 100%;
        }

    .dnnForm .dnnFormItem {
        clear: both;
        width: 100%;
        display: block;
        position: relative;
        text-align: left;
    }

/* Label */
.dnnTooltip {
    position: relative;
    display: block;
    width: 32.075%;
    margin-right: 18px;
}

.dnnHelperTip {
    position: relative;
    display: block;
}

.dnnDragdropTip {
    z-index: 10000;
    position: absolute;
    width: auto !important;
    height: auto !important;
    padding: 10px;
    padding-left: 30px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.75) url("/images/pin-icn.png") no-repeat 7px 12px;
    font-size: 11px;
    color: #DDD;
    text-align: left;
}

span.dnnFormRequired:after,
div.dnnFormItem.dnnFormRequired > div.dnnLabel span:after {
    content: "*";
    display: inline-block;
    margin: 0 0 0 5px;
    color: Red;
    font-size: 16px;
    line-height: 1em;
    font-weight: bold;
}

.dnnFormItem input[type="checkbox"] + span,
.dnnFormItem input[type="radio"] + span {
    display: inline-block;
    width: auto;
    margin: 6px 5px 6px 5px;
}

/* Help Label */
a.dnnFormHelp,
.dnnForm .dnnFormItem a.dnnFormHelp,
.dnnTooltip label a.dnnFormHelp {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

a.dnnFormHelp {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 2px;
    width: 14px;
    height: 15px;
    background: url("/images/helpI-icn-grey.png") no-repeat left 2px;
    padding: 0 !important;
    margin: 0 !important;
}

.dnnLabel {
    display: inline-block;
    float: left;
    position: relative;
    width: 32.075%;
    padding-right: 20px;
    margin-right: 18px;
    overflow: visible;
    text-align: right;
}

.dnnFormItem > .dnnLabel {
    margin-top: 5px;
}

.dnnLabel > span {
    text-align: right;
}

.dnnForm .dnnFormItem a.dnnFormHelp span {
    position: relative;
}

.dnnForm .dnnFormItem a.dnnFormHelp img {
    display: block;
}

.dnnLabel + span {
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 6px;
    white-space: pre-line;
}

/* Compatible with some old forge modules */
td > .dnnLabel {
    width: 220px;
}

/* Help tooltip */
.dnnTooltip .dnnFormHelpContent,
.dnnHelperTip .dnnFormHelpContent {
    visibility: hidden;
    z-index: 10;
    position: absolute;
    width: 200px;
    padding: 10px;
    padding-left: 30px;
    border-radius: 3px;
    background: rgba(0,0,0,0.75);
    font-size: 11px;
    color: #ddd;
    text-align: left;
}

.dnnFormHelpContent span {
    display: block;
	word-wrap: break-word;
}

/*.dnnTooltip .dnnFormHelpContent span:after,
.dnnHelperTip .dnnFormHelpContent span:after {
    position: absolute;
    content: "";
    left: 15px;
    bottom: -7px;
    width: 0;
    height: 0;
    opacity: 0.75;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
}*/

.dnnTooltip .dnnFormHelpContent .dnnHelpText {
    word-wrap: break-word;
}

.bottomArrow:after
{
    position: absolute;
    content: "";
    left: 15px;
    bottom: -7px;
    width: 0;
    height: 0;
    opacity: 0.75;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
}
.topArrow:before {
    position: absolute;
    content: "";
    left: 15px;
    top: -7px;
    width: 0;
    height: 0;
    opacity: 0.75;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #000;
}

a.pinHelp {
    display: block;
    position: absolute;
    left: 7px;
    top: 12px;
    width: 15px;
    height: 15px;
    opacity: 0.5;
    background: url("/images/pin-icn.png") no-repeat 0 0;
}

    .ui-draggable a.pinHelp,
    a.pinHelp:hover {
        opacity: 1;
    }

/* Error tooltip */
.dnnFormItem span.dnnFormMessage.dnnFormError {
    display: block;
    position: absolute;
    overflow: visible;
    /*top:-95%; right: 12%;*/
    bottom: 95%;
    right: 12%;
    width: 200px;
    margin-bottom: 0;
    padding: 10px;
    border: none;
    border-radius: 3px;
    background: rgba(255,0,0,0.75);
    font-size: 12px;
    color: #fff;
    text-align: left;
}

    .dnnFormItem span.dnnFormMessage.dnnFormError:after {
        position: absolute;
        bottom: -7px;
        left: 15px;
        content: "";
        width: 0;
        height: 0;
        opacity: 0.75;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid red;
    }

/* Input Types*/
.dnnFormItem input[type="text"],
.dnnFormItem input[type="password"],
.dnnFormItem input[type="email"],
.dnnFormItem input[type="tel"],
.dnnFormItem select,
.dnnFormItem textarea {
    width: 45%;
    max-width: 445px;
}

.dnnFormItem select {
    width: 47%;
}

    .dnnFormItem select option {
        color: #333;
    }

.dnnFormItem table {
    background: none;
}

/* Input Customised Checkbox*/

.dnnCheckbox {
    display: inline-block;
    cursor: pointer;
}

    .dnnCheckbox .mark {
        display: inline-block; /*margin-top: 3px;*/
    }

    .dnnCheckbox img {
        display: inline-block;
        width: 20px;
        height: 18px;
        min-width: 20px;
        vertical-align: middle;
    }

    .dnnCheckbox img {
        background: transparent url("/images/checkbox.png") no-repeat;
    }

    .dnnCheckbox img {
        background-position: 0px 0px;
    }

.dnnCheckbox-hover img {
    background-position: 0px 0px;
}

.dnnCheckbox-checked img {
    background-position: -51px 0px;
}

.dnnCheckbox-disabled {
    cursor: not-allowed;
}

.dnnCheckbox-disabled img {
    opacity: .5;
}

.dnnCheckbox-checked-error img {
    background-position: -150px 0px;
}

.dnnCheckbox-error img {
    background-position: -100px 0px;
}
.dnnCheckbox-focus {
	background-color: #e3e3e5;
}
.dnnBoxLabel{ display: inline-block;}
/* normal checkbox fix */
.dnnFormItem input[type="checkbox"].normalCheckBox {
    display: inline-block;
    margin: 8px 0 4px 0;
}

/* Input Customised Radiobutton */

.dnnRadiobutton {
    display: inline-block;
    cursor: pointer;
}

    .dnnRadiobutton .mark {
        display: inline-block;
    }

    .dnnRadiobutton img {
        width: 20px;
        height: 18px;
        min-width: 20px;
        vertical-align: middle;
    }

    .dnnRadiobutton img {
        background: transparent url("/images/radiobutton.png") no-repeat;
    }

    .dnnRadiobutton img {
        background-position: 0px 0px;
    }

.dnnRadiobutton-hover img {
    background-position: 0px 0px;
}

.dnnRadiobutton-checked img {
    background-position: -50px 0px;
}

.dnnRadiobutton-disabled img {
    opacity: .5;
}

.dnnRadiobutton-checked-error img {
    background-position: -150px 0px;
}

.dnnRadiobutton-error img {
    background-position: -100px 0px;
}
.dnnRadiobutton-focus {
	background-color: #e3e3e5;
}
/* Input RadioButton group */
div.dnnFormRadioButtons,
div.dnnHSRadioButtons,
span.dnnFormRadioButtons,
span.dnnHSRadioButtons {
    display: inline-block;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #f0f0f0;
}

table.dnnFormRadioButtons {
    background-color: #f0f0f0;
    margin-bottom: 5px;
}

.RadComboBox_Default .rcbInput {
    width: 100% !important;
}

/* general group*/
div.dnnFormGroup {
    display: inline-block;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #f0f0f0;
    width: 65%;
}

/* Input Customised Spinner */
.dnnSpinner {
    display: inline-block;
    position: relative;
    width: 150px;
    padding: 6px 6px;
    *overflow: visible;
    border: 1px solid #c9c9c9;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 0px 0px #bbb;
    box-shadow: 0px 1px 0px 0px #bbb;
}

.dnnFormItem .dnnSpinner {
    width: 45%;
    margin-bottom: 18px;
}

.dnnSpinnerDisplay {
    margin: 0 25px 0 8px;
    background: transparent;
    color: #999;
}

.dnnFormItem .dnnSpinnerDisplay > input[type="text"],
.dnnFormItem .dnnSpinnerDisplay > input[type="text"]:focus {
    border: none;
    margin: 0;
    box-shadow: none;
    padding: 0;
    background: transparent;
}

.dnnSpinnerCtrl {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    background-color: transparent;
    border-left: 1px solid #c9c9c9;
}

    .dnnSpinnerCtrl > a.dnnSpinnerTopButton {
        display: block;
        width: 25px;
        height: 16px;
        background: transparent url("/images/dnnSpinnerUpArrow.png") no-repeat;
        background-position: center;
        cursor: pointer;
    }

    .dnnSpinnerCtrl > a.dnnSpinnerBotButton {
        display: block;
        width: 25px;
        height: 16px;
        background: transparent url("/images/dnnSpinnerDownArrow.png") no-repeat;
        background-position: center;
        cursor: pointer;
    }

/* Input Customised Tags */
div.dnnTagsInput {
    display: inline-block;
    margin: 0;
    padding: 5px 0 0 5px;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #FFF;
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.dnnFormItem .dnnTagsInput {
    width: 45%;
}

div.dnnTagsInput span.tag {
    display: block;
    float: left;
    padding: 2px 6px 2px 6px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 12px;
    text-decoration: none;
    color: #888;
    cursor: pointer;
    background-color: #eee;
    word-break: break-word;
}

    div.dnnTagsInput span.tag:hover {
        background-color: #e8f1fa;
        color: #444;
    }

    div.dnnTagsInput span.tag a {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 6px 0 0 0;
        background: transparent url("/images/dnnTagClose.png") no-repeat;
        background-position: center;
    }

div.dnnTagsInput > div > input,
div.dnnTagsInput > div > input:focus {
    border: none;
    background: transparent;
    outline: none;
    font-weight: normal;
    font-family: helvetica;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    height: 19px;
    padding: 3px 0 3px 3px;
    margin-bottom: 5px;
}

div.dnnTagsInput > div > input::-ms-clear {
  display: none;
}

div.dnnTagsInput div {
    display: block;
    float: left;
}

    div.dnnTagsInput div.dnnTags_filter {
        float: right;
        position: relative;
        margin: 0 0 5px 5px;
    }

        div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label {
            display: inline-block;
            border-left: 1px solid #ccc;
            padding: 3px 15px 0 10px;
            margin-right: 3px;
            color: #999;
            cursor: pointer;
            background: url("/images/dnnSpinnerDownArrow.png") no-repeat;
            background-position: right center;
            height: 22px;
        }

            div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label.dnnExpanded {
                color: #666;
                background: url("/images/dnnSpinnerUpArrow.png") no-repeat;
                background-position: right center;
            }

        div.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl {
            display: none;
            position: absolute;
            list-style-type: none;
            background: #fff;
            border: 1px solid #c9c9c9;
            right: 22px;
            top: 28px;
            margin: 0;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-shadow: 0px 2px 0px 0px #bbb;
            box-shadow: 0px 2px 0px 0px #bbb;
            z-index: 15;
        }

.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li {
    white-space: nowrap;
    padding: 6px 12px 6px 8px;
    border-top: 1px solid #c9c9c9;
    list-style: none;
    color: #666;
    min-width: 150px;
}

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:first-child {
        border-top: none;
    }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:hover {
        background-color: #e8f1fa;
        color: #333;
    }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > input {
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
        cursor: pointer;
    }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > span.dnnCheckbox {
        margin-right: 8px;
    }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > label {
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
    }

div.dnnTagsInput div.dnnTags_filter a.dnnSearchButton {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("/images/search/searchButton.png");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: top;
    cursor: pointer;
    margin: 4px 5px 0 4px;
}

.dnnTagsClear {
    clear: both;
    width: 100%;
    height: 0px;
}

div.dnnTagsInput > div > input.dnnTagsInvalid {
    display: block;
    float: left;
    margin-right: 5px;
    border: none;
    outline: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #FBD8DB; /*light red*/
    cursor: pointer;
    font-size: 12px;
    color: #90111A !important; /* dark red*/
    text-decoration: none; 
}

/* DNN Auto Complete */
.dnn_acResults {
    padding: 0px;
    border: 1px solid #c9c9c9;
    background-color: #fff;
    overflow: hidden;
    z-index: 900001;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-shadow: 0px 2px 0px 0px #bbb;
    box-shadow: 0px 2px 0px 0px #bbb;
    min-width: 150px;
}

    .dnn_acResults ul {
        margin: 0px;
        padding: 0px;
        list-style-position: outside;
        list-style: none;
    }

        .dnn_acResults ul li {
            margin: 0px;
            padding: 6px 22px 6px 22px;
            border-top: 1px solid #c9c9c9;
            color: #666;
            cursor: pointer;
            display: block;
            overflow: hidden;
            color: #333;
        }

            .dnn_acResults ul li:first-child {
                border-top: none;
            }

.dnn_acLoading {
}

.dnn_acSelect {
    background-color: #e8f1fa;
    color: #333;
}

/* Form Item */
.dnnFormMessage .dnnLabel {
    float: none;
    width: 90%;
    text-align: left;
}

/* Pane header */
.dnnFormSectionHead span {
    font-size: 18px;
    color: #222;
}

/* Progressbar*/
.dnnProgressbar {
    height: 25px !important;
    padding: 18px 10px 0 10px;
    border: 1px solid #c9c9c9;
    background: #fff;
    background: -moz-linear-gradient(top, #f0f2f1 0%, #fff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f2f1), color-stop(100%,#fff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0f2f1 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #f0f2f1 0%,#fff 100%); /* W3C */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.25), 0px 1px 0px 0px #fff;
    box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.25), 0px 1px 0px 0px #fff;
}

.ui-progressbar {
    height: 10px !important;
    overflow: hidden;
    background-color: #ccc;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bbb;
    box-shadow: inset 0px 1px 0px 0px #bbb;
    text-align: left;
}

    .ui-progressbar .ui-progressbar-value {
        margin: 0;
        height: 100%;
        background-color: #1a82f7;
        background: -moz-linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2b7fda), color-stop(100%,#3fbdff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* Chrome10+,Safari5.1+ */
        background: linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* W3C */
    }

/* Button Dropdown */
.dnnDropdownSettings {
    position: relative;
    height: 30px !important;
}

.dnnButtonDropdown {
    width: 50px;
    height: 30px !important;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px #bbb;
    box-shadow: 0px 1px 0px 0px #bbb;
    border: 1px solid #c9c9c9;
    cursor: pointer;
}

.dnnButtonIcon, .dnnButtonArrow {
    display: inline-block;
    height: 30px !important;
}

.dnnButtonIcon {
    width: 32px;
}

.dnnButtonArrow {
    width: 10px;
    background: transparent url("/images/dnnSpinnerDownArrow.png") no-repeat center;
}

.dnnButtonDropdown-clicked {
    z-index: 100;
    position: absolute;
    width: 50px;
    height: 30px !important;
    background: #fff;
    border: 1px solid #c9c9c9;
    border-bottom: 1px solid #fff;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.dnnButtonDropdown-ul {
    display: none;
    position: absolute;
    z-index: 99;
    top: 29px;
    left: 0;
    width: 200px;
    margin-left: 0;
    background: #fff;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 0px 0px #bbb;
    box-shadow: 0px 2px 0px 0px #bbb;
    list-style-type: none;
}

    .dnnButtonDropdown-ul > li, .dnnButtonDropdown-ul > ul > li {
        padding: 8px;
        border-bottom: 1px solid #c9c9c9;
        color: #333;
        cursor: pointer;
        vertical-align: middle;
        list-style: none;
        margin: 0;
    }
	.dnnButtonDropdown-ul > ul{ margin: 0;}
	.dnnButtonDropdown-ul > ul > li{ padding-left: 16px;}

        .dnnButtonDropdown-ul > li:last-child {
            border-bottom: none !important;
        }

        .dnnButtonDropdown-ul > li:hover {
            background-color: #e8f1fa;
            color: #000;
        }

/* Button Group */
ul.dnnButtonGroup {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px #bbb;
    box-shadow: 0px 1px 0px 0px #bbb;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    list-style: none;
}

    ul.dnnButtonGroup > li {
        display: block;
        float: left;
        border-left: 1px solid #c9c9c9;
        margin: 0;
    }

        ul.dnnButtonGroup > li:hover {
            background-color: #e8f1fa;
        }

        ul.dnnButtonGroup > li.dnnButtonGroup-first {
            display: none;
        }

            ul.dnnButtonGroup > li.dnnButtonGroup-first + li {
                border-left: none;
            }

        ul.dnnButtonGroup > li > a {
            display: inline-block;
            padding: 7px 7px 6px 7px;
            text-decoration: none;
            color: #333;
        }

    ul.dnnButtonGroup span {
        color: #333;
    }


/* Grouped Multi Input */
.dnnFormItem .dnnInputGroup {
    float: left;
    display: block;
    width: 32.075%;
    padding: 5px;
    margin-bottom: 18px;
    background: rgba(0,0,0,0.05); /* opaque black */
}

    .dnnFormItem .dnnInputGroup .dnnLeft {
        width: 100%;
    }

    .dnnFormItem .dnnInputGroup span {
        display: inline-block;
        width: 33%;
        text-align: right;
    }

/* Error Styles */
.dnnFormError label a span {
    color: red;
}

.dnnFormError input[type="text"],
.dnnFormError input[type="password"],
.dnnFormError input[type="email"],
.dnnFormError input[type="tel"],
.dnnFormError select,
.dnnFormError textarea {
    border: 1px solid red;
}


/* Tertiary Actions */
.dnnFormItem input[type="text"] + .dnnTertiaryAction,
.dnnFormItem input[type="password"] + .dnnTertiaryAction,
.dnnFormItem input[type="email"] + .dnnTertiaryAction,
.dnnFormItem input[type="tel"] + .dnnTertiaryAction,
.dnnFormItem select + .dnnTertiaryAction {
    display: inline-block;
    max-width: 60px;
}

/* Information Feedback Aside */
.dnnForm fieldset.dnnFormInformation {
    float: left;
    width: 32.075%;
    margin-left: 16px;
    padding: 18px 0;
    background: rgba(0,0,0,0.05);
}

.dnnFormItem textarea {
    min-height: 80px;
}

.dnnAddress input[type="checkbox"] {
    margin: 0 5px;
}

/* Required Fields */
.dnnFormRadioButtons {
    float: left;
    display: block;
    width: auto;
}

    .dnnFormRadioButtons input[type=radio] {
        float: none;
    }

    .dnnFormRadioButtons label,
    .dnnFormItem input[type=radio] + label {
        float: none;
        display: inline;
        width: auto;
        padding-right: 0;
        margin: 0 10px 0 0;
        text-align: left;
        font-weight: normal;
    }

/* Text Editor */
.dnnTextEditor {
    margin-bottom: 18px;
}

/* Action Items */
.dnnActions {
    float: none;
    clear: both;
    display: block; /* prevent ul from collapsing */
    margin: 0;
    padding-top: 18px;
    text-align: left;
}

    .dnnActions li {
        float: left;
        margin-right: 5px;
        list-style: none;
    }

.dnnLoginActions {
    display: inline-block;
}

/* Short Form */
.dnnForm.dnnShortForm .dnnFormItem label {
    float: none;
    width: 100%;
    margin-bottom: 0.25em;
    text-align: left;
}

.dnnForm.dnnShortForm .dnnFormItem input,
.dnnForm.dnnShortForm .dnnFormItem select,
.dnnForm.dnnShortForm .dnnFormItem textarea {
    float: none;
    text-align: left;
}

.dnnForm.dnnShortForm .dnnFormItem a.dnnFormHelp {
    background-position: left;
    padding-left: 22px;
}

/* UI Helpers */
.dnnForm .ui-helper-hidden {
    display: none;
}

.dnnForm .ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
}

/* Interaction Cues */
.dnnForm .ui-state-highlight,
.dnnForm .ui-widget-content .ui-state-highlight,
.dnnForm .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c;
    color: #363636;
}

    .dnnForm .ui-state-highlight a,
    .dnnForm .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
        color: #363636;
    }

.dnnForm .ui-state-error,
.dnnForm .ui-widget-content .ui-state-error,
.dnnForm .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900;
    color: #ffffff;
}

    .dnnForm .ui-state-error a,
    .dnnForm .ui-widget-content .ui-state-error a,
    .dnnForm .ui-widget-header .ui-state-error a {
        color: #ffffff;
    }

.dnnForm .ui-state-error-text,
.dnnForm .ui-widget-content .ui-state-error-text,
.dnnForm .ui-widget-header .ui-state-error-text {
    color: #ffffff;
}

.dnnForm .ui-priority-primary,
.dnnForm .ui-widget-content .ui-priority-primary,
.dnnForm .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.dnnForm .ui-priority-secondary,
.dnnForm .ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.dnnForm .ui-state-disabled,
.dnnForm .ui-widget-content .ui-state-disabled,
.dnnForm .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.dnnForm .ui-draggable {
    cursor: move;
}

/* Corner radius */
.dnnForm .ui-corner-all,
.dnnForm .ui-corner-top,
.dnnForm .ui-corner-left,
.dnnForm .ui-corner-tl {
    border-radius: 4px;
}

.dnnForm .ui-corner-all,
.dnnForm .ui-corner-top,
.dnnForm .ui-corner-right,
.dnnForm .ui-corner-tr {
    border-radius: 4px;
}
/*-------------------------------------*/
/* MODULE TITLE - TEMPORARY */
/*-------------------------------------*/

/* Need to determine what this is */
.ModuleTitle_MenuContainer {
    border: 1px solid blue;
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/*-------------------------------------*/
/* MAIN MENU - TEMPORARY */
/*-------------------------------------*/

/* Need to determine what this is */
.MainMenu_MenuContainer {
    border: 1px solid green;
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/*-------------------------------------*/
/* POPUP */
/*-------------------------------------*/

/* Popup Menu */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
	z-index: 9999;
}

.dnnFormPopup {
    position: absolute;
    padding: 18px;
    background: #fff;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75);
	z-index: 100000;
}
    /* Popup header */
    .dnnFormPopup, .dnnFormPopup > * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .dnnFormPopup .ui-dialog-titlebar {
        position: relative;
        padding: 0 0 18px 0;
        border-bottom: 1px solid #ddd;
        cursor: move;
        font-size: 18px;
        font-weight: bold;
    }

    .dnnFormPopup .dnnModalCtrl {
        display: block;
        position: absolute;
        top: -30px;
        right: -30px;
        width: 69px;
        height: 26px;
        border-radius: 10px;
        background-color: #fff;
        -webkit-border-radius: 10px;
        box-shadow: 0px 0px 5px #666;
    }

        .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close {
            float: right;
            display: block;
            height: 18px;
            width: 30px;
            margin: 4px 4px 0 1px;
            overflow: hidden;
            -webkit-border-top-right-radius: 8px;
            -webkit-border-bottom-right-radius: 8px;
	        border: none;
	        outline: none;
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
            background: #585858 url("/images/closeBtn.png") no-repeat;
            background-position: 8px 4px;
            text-indent: -9999em;
	        min-width: 0 !important;
        }

            .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close:hover {
                background: #358EEA url("/images/closeBtn.png") no-repeat;
                background-position: 8px 4px;
	            cursor: pointer;
            }

        .dnnFormPopup .dnnModalCtrl a.dnnToggleMax {
            float: left;
            display: block;
            height: 18px;
            width: 30px;
            margin: 4px 0 0 4px;
            overflow: hidden;
            -webkit-border-top-left-radius: 8px;
            -webkit-border-bottom-left-radius: 8px;
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
            background: #585858 url("/images/resizeBtn.png") no-repeat;
            background-position: 10px 2px;
            text-indent: -9999em;
        }

            .dnnFormPopup .dnnModalCtrl a.dnnToggleMax:hover {
                background: #358EEA url("/images/resizeBtn.png") no-repeat;
                background-position: 10px 2px;
            }

div.ui-dialog-titlebar > .ui-dialog-titlebar-close {
    display: block;
    position: absolute;
    top: -30px;
    right: -30px;
    height: 24px;
    width: 24px;
    margin: 0px;
    overflow: hidden;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: #585858 url("/images/closeBtn.png") no-repeat;
    background-position: 4px 4px;
    border: 3px solid #fff;
    text-indent: -9999em;
	min-width: 0 !important;
}

/* Poup Iframe styles*/
.dnnFormPopup #iPopUp {
    width: 100%!important; /* to overwrite inline javscript styles */
    padding-top: 10px;
}

.dnnFormPopup .ui-dialog-content, #iPopUp .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0px;
    overflow: auto;
    background: #fff;
    zoom: 1;
}

.dnnFormPopup .ui-dialog-buttonpane {
    margin: .5em 0 0 0;
    padding: .3em 1em 0em 0em;
    overflow: hidden;
    border-width: 1px 0 0 0;
    background-image: none;
    text-align: left;
    border-top: 1px solid #ddd;
}

    .dnnFormPopup .ui-dialog-buttonpane button {
        margin: 0.5em 0.4em 0.5em 0em;
        padding: 0.5em 1em;
        cursor: pointer;
        border: none;
        outline: none;
    }

.dnnFormPopup .ui-resizable-se {
    float: right;
    height: 24px;
    width: 24px;
    background: url("/images/modal-resize-icn.png") no-repeat bottom;
}

.dnnFormPopup .dnnDialog {
    padding: 10px;
}

.dnnLoading {
    background: #fff url("/images/loading.gif") no-repeat center center;
    position: absolute;
    z-index: 9999;
}
.dnnPanelLoading {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -ms-opacity: 0.7;
    opacity: 0.7;
}

/*-------------------------------------*/
/* URL ACTION */
/*-------------------------------------*/
.urlControl label {
    width: auto;
    margin-top: 0;
    font-weight: normal;
}

.urlControlLinkType {
    width: auto;
}

    .urlControlLinkType span,
    .dnnFormItem .urlControlLinkType span {
        float: none;
        display: block;
        width: auto;
        text-align: left;
    }

.dnnFormItem .ucLinkTypeRadioButtons label {
    display: inline-block;
    width: 260px;
    padding-right: 0;
    margin-top: 0;
    font-weight: normal;
    text-align: left;
}

.urlControlLinkType span input {
    min-width: 3%;
}

.dnnForm.dnnModuleSettings .dnnFormItem .urlControlLinkType span label {
    text-align: left;
}

.urlControlFileRow {
    clear: both;
}

    .urlControlFileRow span.dnnFormLabel {
        width: auto;
        text-align: right;
    }

    .urlControlFileRow select, .urlControlFileRow input[type=file] {
        clear: both;
    }

.urlControlImagesRow {
    overflow: hidden;
    clear: both;
}

    .urlControlImagesRow span.dnnFormLabel {
        width: auto;
        text-align: right;
    }

    .urlControlImagesRow select {
        clear: both;
    }

/*-------------------------------------*/
/* WIZARD TABS STEPS
/*-------------------------------------*/

/* Jquery UI tabs base */
.dnnWizardTab.ui-tabs {
    position: relative;
    padding: 0;
}

    .dnnWizardTab.ui-tabs .ui-tabs-nav {
        display: block;
        height: 46px;
        margin: 0;
        padding: 0;
        background: transparent url("/images/InstallWizardBG.png") repeat-x;
    }

        .dnnWizardTab.ui-tabs .ui-tabs-nav li {
            float: left;
            position: relative;
            margin: 0;
            padding: 0;
            border-bottom: 0 !important;
            list-style: none;
            white-space: nowrap;
        }

            .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active {
                margin-bottom: 0;
            }

                .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
                .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
                .ui-tabs .ui-tabs-nav li.ui-state-processing a {
                    cursor: text;
                }

            .dnnWizardTab.ui-tabs .ui-tabs-nav li a,
            .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
                cursor: pointer;
            }

    .dnnWizardTab.ui-tabs .ui-tabs-panel {
        clear: both;
        display: block;
        padding: 3em 1em 1.4em;
        border-width: 0;
        background: none;
    }

    .dnnWizardTab.ui-tabs .ui-tabs-hide {
        display: none !important;
    }

    .dnnWizardTab.ui-tabs .ui-tabs-nav li a {
        display: block;
    }

.dnnWizardStep > span {
    display: block;
    float: left;
}

.dnnWizardStep {
    height: 46px;
    padding: 0 0 0 20px;
    background: transparent url("/images/InstallWizardBG.png") repeat-x;
    background-position: 0 0;
    cursor: pointer;
}

.ui-tabs .ui-tabs-nav li:first-child .dnnWizardStep {
    padding-left: 30px;
}

.dnnWizardStepNumber {
    margin: 10px 10px 0 0;
    padding: 3px 8px 3px 8px;
    background-color: #999;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    color: #fff;
    font-weight: bold;
}

.dnnWizardStepTitle {
    margin: 13px 20px 0 0;
    color: #999;
    font-weight: bold;
    text-decoration: none;
}

.dnnWizardStepArrow {
    width: 25px;
    height: 46px;
    background: transparent url("/images/InstallWizardBG.png") no-repeat;
    background-position: 0 -401px;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStep {
    height: 46px;
    background-position: 0 -100px;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepNumber {
    background-color: #333;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepTitle {
    color: #333;
}

.dnnFormExpandContent {
    margin: 10px 0;
}

    .dnnFormExpandContent > a {
        color: #333;
        font-size: 13px;
        font-weight: bold;
    }
/*-------------------------------------*/
/* DNN SIMPLE GRID
/*-------------------------------------*/

table.dnnPermissionsGrid,
table.dnnGrid,
table.dnnASPGrid {
    margin-bottom: 20px;
    border: 1px solid #c9c9c9;
}

    table.dnnPermissionsGrid {
        color: #777;
    }

    table.dnnPermissionsGrid tr.dnnGridHeader td {
        padding: 4px 4px 4px 4px;
        vertical-align: middle;
        line-height: 120%;
        text-align: center;    
    }

    table.dnnPermissionsGrid tr.dnnGridItem td,
    table.dnnPermissionsGrid tr.dnnGridAltItem td {
        padding: 5px 4px 5px 4px;
        border-top: 1px solid #c9c9c9;
        border-bottom: 1px solid #c9c9c9;
        width: 70px;
        text-align: center;
    }

    table.dnnPermissionsGrid tr.dnnGridItem td.permissionHeader,
    table.dnnPermissionsGrid tr.dnnGridAltItem td.permissionHeader {
        border-right: 1px solid #c9c9c9;
        text-align: left;
        padding-left: 10px;
        width: 150px;
    }

    table.dnnPermissionsGrid tr.dnnGridHeader td.permissionHeader {
        padding-left: 10px;
        text-align: left;
    }

    .dnnPermissionsGrid > .dnnFormItem label {
        margin-right: 8px;        
        color: #777;
    }

    .dnnPermissionsGrid > .dnnFormItem select {
        width: 25%;
        margin: 0 5px 5px 0;
        min-width: 180px;
        color: #777;
    }

    .dnnPermissionsGrid > .dnnFormItem input {        
        margin-bottom: 0;
        height: 17px;
        color: #777;
        width: 25%;
    }
    .dnnPermissionsGrid > .dnnFormItem ul.token-input-list-facebook {
        display: inline-block;
        vertical-align: top;
    }

    .dnnPermissionsGrid > .dnnFormItem > .leftGroup {
        margin-right: 35px;
        float:left;
    }

    .dnnPermissionsGrid > .dnnFormItem >  .rightGroup {
        float: left;
    }

    .dnnPermissionsGrid > .dnnFormItem >  .rightGroup  > .dnnSecondaryAction {
        position: absolute;
    }

    .dnnPermissionsGrid > .dnnFormItem {
        margin-bottom: 18px;
        overflow: auto;     
    }

.dnnGridHeader td, thead.dnnGridHeader th,  tr.dnnGridHeader th{
    padding: 6px 12px 6px 12px;
    border-bottom: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    background: #f0f2f1;
    background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */
}

.dnnGridItem td, .dnnGridAltItem td {
    padding: 6px;
    border-right: 1px solid #c9c9c9;
}

    .dnnGridItem td input, .dnnGridAltItem td input {
        margin-bottom: none;
    }

.dnnGridAltItem {
    background: #F2F2F2;
}

    .dnnGridItem:hover, .dnnGridAltItem:hover {
        background-color: #e8f1fa;
    }

/* td > input[type="image"],
    td > input[type="image"] + a,
    td a > img{
        display:block;
        float: left;
        margin-right: 3px;
    } */

/*-------------------------------------*/
/* URL Control
/*-------------------------------------*/

.urlControl {
    float: left;
    display: block;
    padding: 15px;
    margin-bottom: 10px;
    background-color: #f0f0f0;
}

    .urlControl select,
    .urlControl input {
        width: 180px;
        margin-bottom: 10px;
    }

    .urlControl dnnFormItem > a.dnnSecondaryAction {
        margin: 10px 10px 0 0;
        float: left;
    }

    .urlControl .urlControlLinkType {
        float: left;
        width: 100%;
    }

        .urlControl .urlControlLinkType .dnnFormLabel {
            float: left;
            width: auto;
            margin-right: 5px;
        }

        .urlControl .urlControlLinkType input[type="radio"] {
            width: auto;
            margin-right: 5px;
        }

/*-------------------------------------*/
/* File Picker
/*-------------------------------------*/
span[id$="FileControl"] {
    display: block;
    float: left;
}

.dnnFilePicker {
    display: block;
    float: left;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0 15px 0 15px;
    width: 450px;
}

    .dnnFilePicker .dnnLeft {
        margin: 0;
        padding: 0;
        margin-top: -30px;
    }

    .dnnFilePicker dnnFormItem {
        margin: 0;
        margin-top: -10px;
        padding: 0;
        position: static;
    }

    .dnnFilePicker .dnnLeft img {
        max-width: 135px;
        max-height: 100px;
    }

    .dnnFilePicker .dnnLeft .dnnFilePickerImageHolder {
        width: 135px;
        height: 100px;
        background-color: #ccc;
        margin: 20px 15px;
    }

    .dnnFilePicker .dnnFormItem span {
        display: block;
        float: left;
        width: 40px;
        margin-top: 8px;
        padding-left: 5px;
        text-align: left;
    }

    .dnnFilePicker select,
    .dnnFilePicker input {
        width: 200px;
        margin: 0;
        margin-right: 10px;
        float: none;
    }

    .dnnFilePicker .dnnLeft a.dnnSecondaryAction {
        margin: 10px 10px 0 0;
        display: inline-block;
    }

    .dnnFilePicker .dnnLeft img {
        display: block;
        margin: 20px 15px;
    }

/* FILE UPLOAD CSS */
span.dnnInputFileWrapper > input[type="file"] { /* force file upload style here, cause some module just override */
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    direction: ltr;
    cursor: pointer;
    height: 100%;
	font-size: 200px;
}

span.dnnInputFileWrapper { /* Notes(by Richard): here must set !important */
    overflow: hidden !important;
    margin: 0px 4px 0 0;
    width: auto !important;
    display: block !important;
    float: left !important;
	position: relative;
}

    span.dnnInputFileWrapper > span.dnnSecondaryAction {
        display: inline-block;
        float: none;
        width: auto;
    }

/* DNN DRAG n DROP FILE PICKER UPLOAD */
.dnnFileUploadScope {
    display: block;
    float: left;
    background-color: #F0F0F0;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0;
    width: 500px;
}

    .dnnFileUploadScope .dnnLeft {
        margin: 0;
        padding: 15px 10px 15px 10px;
    }

        .dnnFileUploadScope .dnnLeft .dnnFormItem {
            margin-bottom: 10px;
        }

    .dnnFileUploadScope .dnnFormItem span, .urlControlTab .dnnFormItem > span {
        display: block;
        float: left;
        width: 40px;
        margin-top: 8px;
        padding-left: 5px;
        text-align: left;
    }

    .dnnFileUploadScope .dnnFormItem .dnnDropDownList span {
        margin: 0;
        width: auto;
    }

    .dnnFileUploadScope .dnnFormItem .RadComboBox_Default,  .dnnFileUploadScope .dnnFormItem .dnnDropDownList{
        width: 180px;
        margin: 0;
        float: none;
    }

    .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone {
        position: relative;
        margin: 0;
        width: 180px;
        height: 150px;
        background: #d9eeff;
        border: 1px dashed #bbb;
        box-shadow: 0px 1px 0px #fff;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #4577a2;
    }

        .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone span {
            display: block;
            position: absolute;
            left: 38px;
            top: 60px;
            color: #fff;
            font-size: 12px;
            background: rgba(0,0,0,0.5);
            padding: 5px 7px;
            border-radius: 3px;
            box-shadow: 0px 1px 0px #fff, inset 1px 1px 0px #555;
            opacity: 0.5;
            cursor: default;
            -webkit-transition: all 500ms ease-in-out;
            -moz-transition: all 500ms ease-in-out;
            -ms-transition: all 500ms ease-in-out;
            -o-transition: all 500ms ease-in-out;
            transition: all 500ms ease-in-out;
        }

        .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone:hover span {
            opacity: 1;
        }

input.dnnFixedSizeComboBox {
    width: 200px !important;
    margin-right: 10px;
    float: left;
}

div.dnnFixedSizeComboBox {
    width: 218px !important;
    margin-right: 15px;
    float: left;
}

.dnnFixedSizeComboBox + a.dnnSecondaryAction {
    float: left;
    margin-right: 10px;
}

input.dnnSmallSizeComboBox {
    width: 100px !important;
    margin-right: 10px;
    float: left;
}

div.dnnSmallSizeComboBox {
    width: 118px !important;
    margin-right: 15px;
    float: left;
}

.dnnSmallSizeComboBox + a.dnnSecondaryAction {
    float: left;
    margin-right: 10px;
}

td.dnnGridHeaderTD-NoBorder {
    border-right: none !important;
}

tr.dnnGridItem td, tr.dnnGridAltItem td {
    border-right: none;
}

    tr.dnnGridItem td input {
        margin-bottom: 0;
    }

/*-------------------------------------*/
/* ACCORDIAN
/*-------------------------------------*/
h2.dnnFormSectionHead {
    margin-top: 8px;
    margin-bottom: 18px;
    border-bottom: 1px solid #ddd;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.03em;
}

    h2.dnnFormSectionHead a {
        display: block;
        padding-left: 3px;
        background: url("/images/down-icn.png") no-repeat right 50%;
        text-decoration: none;
        color: #333;
        font-size: 18px;
        letter-spacing: normal;
        font-weight: normal;
    }

        h2.dnnFormSectionHead a:hover {
            color: #222;
            background: rgba(2,139,255,0.05) /* blue */ url("/images/down-icn.png") no-repeat right 50%;
        }

        h2.dnnFormSectionHead a.dnnSectionExpanded {
            background: url("/images/up-icn.png") no-repeat right 50%;
            color: #222;
        }

            h2.dnnFormSectionHead a.dnnSectionExpanded:hover {
                color: #222;
                background: rgba(2,139,255,0.05) /* blue */ url("/images/up-icn.png") no-repeat right 50%; /* ACTIVE BLUE */
            }

/*-------------------------------------*/
/* VERTICAL TABS */
/*-------------------------------------*/
.dnnVerticalTabs {
    margin-left: 0;
}

    .dnnVerticalTabs li {
        list-style: none;
    }

        .dnnVerticalTabs li a {
            display: block;
            padding: 15px 15px;
            border-bottom: 1px solid #ddd;
            border-right: 1px solid #ddd;
            background: rgba(0, 0, 0, 0.04);
            color: #999;
            text-decoration: none;
        }

            .dnnVerticalTabs li a:hover {
                background: rgba(0, 0, 0, 0.06);
                color: #333;
            }

        .dnnVerticalTabs li.active a {
            background: none;
            color: #333;
            border-right: 1px solid transparent;
        }

.tabBody {
    display: none;
}

/*-------------------------------------*/
/* SCROLL BAR */
/*-------------------------------------*/

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 11px;
    height: 100%;
    background: #ccc;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 11px;
    background: #ccc;
}

    .jspVerticalBar *,
    .jspHorizontalBar * {
        margin: 0;
        padding: 0;
    }

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: transparent;
    position: relative;
}

.jspVerticalBar .jspTrack {
    width: 10px;
    margin: 0 0 0 3px;
}

.jspHorizontalBar .jspTrack {
    height: 5px;
    margin: 3px 0 3px 0;
}

.jspVerticalBar .jspCap {
    display: block;
    height: 3px;
    width: 11px;
}

.jspHorizontalBar .jspCap {
    display: block;
    width: 3px;
    height: 11px;
}

.jspDrag {
    position: relative;
    top: 0;
    left: 0;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    opacity: .75;
    background: #000;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 5px;
}

/*-------------------------------------*/
/* UPGRADE FIXES */
/*-------------------------------------*/

/* Compatible with some old forge modules---*/
div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons label {
    display: inline !important;
}

div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons span.dnnRadiobutton {
    display: inline !important;
}

div.ModDNNAnnouncementsC .urlControl label, div.ModDNNLinksC .urlControl label {
    display: inline !important;
}

div.ModDNNFAQsC .Normal {
    width: auto !important;
}

div.ModDNNFeedbackC .dnnFormItem > label {
    display: inline-block;
    width: 33%;
    text-align: right;
}

div.ModDNNUserDefinedTableC div.RadEditor {
    height: auto !important;
}

div.ModDNNUserDefinedTableC ul.dnnActions {
    display: block;
}

div.ModDNNIFrameC .urlControl span.dnnRadiobutton {
    display: inline !important;
}

div.ModDNNIFrameC table.Normal td .dnnLabel {
    width: 100px;
}

div.ModDNNIFrameC table.Normal td span.dnnRadiobutton {
    margin: 5px 0 0 30px;
}

div.ModDNNLinksC .urlControl span.dnnRadiobutton {
    display: inline !important;
}

/*-------------------------------------*/
/* GENERIC CLASSES */
/*-------------------------------------*/
.left {
    float: left;
}

.right {
    float: right;
}

.dnnLeft {
    float: left;
}

.dnnRight {
    float: right;
}

.dnnClear {
    clear: both;
}

    .dnnClear:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        font-size: 0;
    }

* + html .dnnClear {
    min-height: 1%;
}

/* used to set the different module align options - from module settings */
.DNNAlignleft {
    text-align: left;
}

.DNNAlignright {
    text-align: right;
}

.DNNAligncenter {
    text-align: center;
}

/* used to collapse panes without any content in them */
body:not(.dnnEditState) .DNNEmptyPane {
    width: 0px;
}

/* style to apply if the content should be hidden */
.Hidden {
    display: none;
}
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}
/*Edit In Place Tool Bar Classes*/
.eipbackimg {
	position:absolute;
	margin-top:-32px;
	white-space:nowrap;
	background:url("/images/eip_toolbar.png") repeat-x;
	height:32px;
	z-index: 1;
}
.eipbackimg.editMode {
	border: 1px solid #777777 !important;
	background: -moz-linear-gradient(top, #303030 0%, #191919 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(100%,#191919)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #303030 0%,#191919 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #303030 0%,#191919 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #303030 0%,#191919 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #303030 0%,#191919 100%) !important; /* W3C */
	opacity: 0.8;
}
.eipbackimg.containerTitle {
	margin-top: -8px;
}
.eipbackimg.containerTitle.editMode {
	left: auto;
	right: 0px;
	margin-top: 2px;
	background: none !important;
	border: none !important;
}
.eipbuttonbackimg{
	width: 32px;
	height: 32px; 
	cursor: pointer;
	float:left;
	background: url("/images/eip_toolbar.png") no-repeat;
	
}
.eipbackimg.editMode .eipbuttonbackimg {
	border-left: 1px solid #1f1f1f;
	border-right: 1px solid #393939;
	opacity: 0.5;
}

.eipbackimg.editMode.containerTitle .eipbuttonbackimg {
	border: none;
	opacity: 1;
}

.eipbuttonbackimg.eipbutton_cancel{ background-position: -32px 0;}
.eipbuttonbackimg.eipbutton_bold{ background-position: -64px 0;}
.eipbuttonbackimg.eipbutton_italic{ background-position: -96px 0;}
.eipbuttonbackimg.eipbutton_underline{ background-position: -128px 0;}
.eipbuttonbackimg.eipbutton_justifyleft{ background-position: -160px 0;}
.eipbuttonbackimg.eipbutton_justifycenter{ background-position: -192px 0;}
.eipbuttonbackimg.eipbutton_justifyright{ background-position: -224px 0;}
.eipbuttonbackimg.eipbutton_orderedlist{ background-position: -256px 0;}
.eipbuttonbackimg.eipbutton_unorderedlist{ background-position: -288px 0;}
.eipbuttonbackimg.eipbutton_outdent{ background-position: -320px 0;}
.eipbuttonbackimg.eipbutton_indent{ background-position: -352px 0;}
.eipbuttonbackimg.eipbutton_createlink{ background-position: -384px 0;}

.eipbackimg.containerTitle .eipbutton_cancel {
	background: url("/images/eip_title_cancel.png") no-repeat center center;
}

.eipbutton_edit {
	background: url("/images/eip_edit.png") no-repeat 100% center;
	float:left;
}

.eipbutton_save {
	background: url("/images/eip_save.png") no-repeat 100% center;
	float:left;
}
.eipbackimg.containerTitle .eipbutton_save {
	background-image: url("/images/eip_title_save.png");
}

.eipbackimg.editMode .eipborderhover {
	background-color: #333;
	opacity: 1;
}
.eipbackimg.editMode.containerTitle .eipborderhover {
	background-color: inherit;
}
div[id$=titleLabel_tb].visible ~ span{ margin-left: 32px;}

/*Critical Error Popup*/
div.errorWin p{ margin: 0 0 10px 0;}

input[type="button"].rspCollapseBarSpacer
{ min-width: 0; padding: 0 0; }


/*------------------------------------------------*/
/* DEFAULT PROFILE STYLE */
/*------------------------------------------------*/

.UserProfileControls ul li {
    list-style-type: none;
}

/*------------------------------------------------*/
/* PROFILE STYLE */
/*------------------------------------------------*/
.console.profile {
    /*width: 250px;*/
    width:100% !important; /* updated for responsive*/
    height: auto;
    background-color: #484848; /* Menu Background Color */
}

.console.profile .console-none div {
    cursor: pointer;
    cursor: hand;
    float: left;
    height: auto;
    /*width: 250px;*/
    width:100% !important; /* updated for responsive*/
    padding: 0px;
    margin: 0px;
    text-align: left;
}

.console.profile .console-none h3 {
    padding: 10px 8px 10px 40px;
    margin: 0;
    border-bottom: solid 1px #fff;
    background: url("/Resources/images/arrow-right-white.png") 18px center no-repeat;
    color: #eee;
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
}

.console.profile .console-none div div {
    display: none;
}

.console.profile .console-mouseon {
    background-color: #70b1c7; /* Menu Hover Background Color */
}
/*-------------------------------------------------*/

/* Login/register/reset paswsword controls in mobile view */
body.mobileView.dnnFormPopup.dnnFormPopupMobileView{
	margin: 0;
	padding: 0;
	width: 100%;
	height: inherit !important;
}
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage{
	margin: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 10px 0 10px 0;
}
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage.dnnFormValidationSummary{
	padding: 10px;
}
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .LoginPanel,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSendPasswordContent,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm {
    width: 100%;
	padding: 18px 0 0 0;
    margin: 0;
    float: none;	
	min-width: inherit !important;	
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm{
	width: 100%;
	margin: 0;
	float: none;
	min-width: inherit !important;
}



body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel {
    display: block;
    text-align: left;
    float: none;
    width: 100% !important;
    font-size: 14px;
    margin: 0 0 7px 0;
    vertical-align: top;
	padding: 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSocialRegistration{
	display: none;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnCaptcha{
	width: 100%;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnLeft img{
	display: block;
	margin: 0 0 5px 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel a.dnnFormHelp{
	display: none !important;
	width: 0 !important;
	margin: 0 !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel div.dnnTooltip{
	display: none !important;
	width: 0 !important;
	position: static !important;
	right: 0 !important;
	margin: 0 !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem input[type="text"],
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > input[type="password"]{
    display: block;
    box-sizing: border-box;
	-webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 100% !important;
	margin-bottom: 18px;
	min-width: 100% !important;	
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > span#dnn_ctr_Login_Login_DNN_lblLogin{
	display: none !important;
	width: 0;
	margin: 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem span.dnnFormMessage.dnnFormError{
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	right: 0;
	width: auto;
	max-width: 100%;
	padding: 10px;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnPrimaryAction,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnSecondaryAction{
	width: 45%;
	padding: 18px 0 18px 0;
	display: block;
	float: left;
	margin: 0 5px 0 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginRememberMe{
	display: block;
	float: left;
	margin: 10px 0 0 5px;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginActions {
	display: block;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnSecondaryAction,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnPrimaryAction{
	width: 100%;
	padding: 18px 0 18px 0;
	display: block;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions{
	padding: 0;
}
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions li{
	width: 45%;
}

/* password strength control in iPopup */
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .password-strength-container{
	width: 100%;
	margin: 0 0 12px 0;
	padding: 8px 0 8px 0;
	display: block;
	max-width: inherit !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container input[type="password"]{
	display: block;
	margin: 0 8px 0 8px;
	width: calc(100% - 20px);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: inherit !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container span.min-length-text{
	display: block;	
	margin: 5px 0 5px 8px;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container div.meter{
	float: none;	
	width: 90%;
	margin: 0 0 0 8px;
}
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormItem input.unmatched{
	background: none !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-tooltip, 
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .confirm-password-tooltip{
	display: none !important;
}

.mobileView .dnnFormPopup .ui-dialog-content, .mobileVie #iPopUp .ui-dialog-content {
    max-height: none !important; 
}

.mobileView .ui-widget-overlay {
    display: none;
}
.dnnFormPopup.dnnFormPopupMobileView {
    width: auto !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    box-shadow: none !important;
}
.dnnFormPopup.dnnFormPopupMobileView div.ui-dialog-titlebar > .ui-dialog-titlebar-close {
    display: none;
}

.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-titlebar {
    border-bottom: none;
    cursor: inherit;
    font-size: 22px;
    color: #000;
    padding: 5px 0 0 0;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel {
    display: block;
    text-align: left;
    float: none;
    width: auto !important;
    font-size: 14px;
    margin: 0 0 7px 0;
    vertical-align: top;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > input[type="text"] {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: inherit !important;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > textarea,
.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .redactor_box {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: inherit !important;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: inherit !important;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnTagsInput {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 18px;
    max-width: inherit !important;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel > input[type="checkbox"].normalCheckBox {
    display: inline-block;
    margin: 0 5px 0 12px;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnFormItem span.dnnFormMessage.dnnFormError {
    right: 0;
    width: auto;
    border-radius: 0;
    text-align: right;
    max-width: 100%;
}

.dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction {
    width: 49%;
    margin: 0;
    padding: 20px 0 20px 0;
    display: block;
}

.dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction {
    float: left;
}

.dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction {
    float: right;
}

.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane {
    border-top: none;
}

    .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: none;
    }

.dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnSecondaryAction {
    width: 24%;
    display: inline-block;
    margin-right: 1%;
    float: none;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 25px 0 15px 0;
}

html.mobileView {
    overflow: auto !important;
}

.mobileView .dnnFormPopup .ui-dialog-content, 
.mobileView #iPopUp .ui-dialog-content {
    max-height: none !important; 
}

.dnnPlaceholder{ color: #666; }

/* DNN Slider Input Style */
div.dnnSliderInput {
	position: relative;
	display: inline-block;
	width: 47%;
    margin:15px 0 23px 0;
    max-width: 445px;
	border: 1px solid #d3d3d3;
	-ms-border-radius: 3px;
	border-radius: 3px;
	height: 10px;
}

div.dnnSliderInput .ui-slider-handle {
	position: absolute;
    z-index: 2;
    width: 14px;
    height: 14px;
    cursor: default;
	border: 1px solid #aaaaaa;
    background-color: #cccccc;
    font-weight: normal;
    color: #555555;
	outline: none;
	top: -2px;
	margin-left: -7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.dnnSliderInput .dnnTooltip {
	top: -37px;
	margin-left: -22px;
}
div.dnnSliderInput .dnnTooltip .dnnFormHelpContent {
	visibility: visible;
	padding: 4px 10px;
	width: 25px;
	text-align: center;
	z-index: 1;
}
/*END DNN Slider Input Style*/

/* Overflow for dnnMenu dropdown */
#dnnMenu .dropdown-menu {
    word-wrap: break-word;
}

/* End Overflow for dnnMenu dropdown */


#huk_cookie_prefernce_panel,#huk_cookie_prefernce_panel_ex {
  font: 12px sans-serif;
  line-height: 1.7;
}

#cookie-info, #cookie-info p, #cookie-info li{
    font-size: 12px !important;
}

#huk_cookie_prefernce_panel {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-radius-topright: 3px;
  border-radius-bottomright: 3px;
  border-radius-bottomleft: 3px;
  border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding;
  border: 1px solid #DDD;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
  box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
}

.huk_cookie_prefernce_toolbar{
    display: inline-block;
}

#huk_cookie_prefernce_panel .huk_cookie_prefernce_panel_row {
  height: 30px;
}

#huk_cookie_prefernce_panel .huk_cookie_prefernce_panel_row input {
  float: left;
}

#huk_cookie_prefernce_panel .huk_cookie_prefernce_panel_row label {
  padding-top: 2px;
  display: block;
  float: left;
}

#huk_cookie_prefernce_panel .huk_cookie_prefernce_panel_row input[type=button] {
  margin: -2px 10px;
  padding: 5px 0;
}

#huk_cookie_prefernce_panel .huk_cookie_prefernce_toolbar {
  /*margin-top: 30px;*/
}

#huk_cookie_prefernce_panel .huk_cookie_prefernce_toolbar input[type=button] {
    text-decoration: none;
    color: #fff;
    background-color: #1199EE;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer;
}

#huk_cookie_prefernce_panel .huk_cookie_prefernce_toolbar input[type=button] {
    border: none;
    border-radius: 2px;
    /*display: inline-block;*/
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    text-align: center;  
    width: 120px;
    margin-left: 10px;

    font-size: 12px !important;
    font-weight: normal;
    padding: 0 6px 0 6px !important;
}

#huk_cookie_prefernce_panel .huk_cookie_prefernce_toolbar input[type=button]:hover {
    background-color: #1199EE;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
    color: #fff;
    cursor: pointer;
}

#huk_cookie_prefernce_panel .huk_cookie_prefernce_link {
  margin-top: 10px;
}

#ck-overlay {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  filter: alpha(opacity=60);
  opacity: .6;
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cookie-ext-panel {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-radius-topright: 3px;
  border-radius-bottomright: 3px;
  border-radius-bottomleft: 3px;
  border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding;
  background-color: #f5f5f5;
  width: 665px;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
  padding: 0;
}

#cookie-ext-panel p.title{
    background: #1199EE;
    margin: 0;
    padding: 12px;
    color: #fff;
    border-bottom: 1px solid #efefef;
    line-height: 1.3em;
    font-size: 16px !important;
    font-weight: 700;
}

#cookie-ext-panel #c-toolbar {
  /*float: right;
  display: inline-block;
  height: 20px;
  margin: 20px 0;*/
    float: right;
    display: inline-block;
    height: 37px;
    margin: 12px 16px 12px 0;
}

#cookie-info{
    display: inline-block;
    width: 100%;
    height: auto;
}



#cookie-functionalList {
  height: 200px;
}

#cookie-functionalList ul li{
    list-style: circle;
    width: 100%;
}

#cookie-selection {
  clear: both;
}

#cookie-selection #cokkie-options label {
  background-color: #1199EE;
  display: block;
  width: 300px;
  height: 60px;
  float: left;
  margin-right: 2px;
  text-align: center;
  padding: 10px;
  color: #fff;
  font-weight: normal;
}

/*#cookie-selection #cokkie-options label:hover {
  border: 1px solid #c4c4c4;
}*/

#cokkie-options .one-list{
    min-height: 177px;
}

#cokkie-options .one{
    display: inline-block;
    float: left;
}

.one-list li{
    list-style: disc;
    list-style-position: inside;
}

.one-list li:first-of-type{
    list-style: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 4px;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix {
  height: 1%;
}

#cookie-functionalList #cookieWill,#cookie-functionalList #cookieWillNot {
  width: 300px;
  float: left;
}

#cookie-selection #cokkie-options label span,.clearfix {
  display: block;
}

.huk_cookie_prefernce_toolbar input {margin-top: 10px;}

#cookie-ext-panel #c-toolbar input[type=button] {
    text-decoration: none;
    color: #fff;
    background-color: #1199EE;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal !important;
    padding: 0 6px 0 6px !important;
}

#cookie-ext-panel #c-toolbar input[type=button] {
    border: none;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    float: right;
    text-align: center;  
    width: 120px;
    margin-left: 10px;
}

#cookie-ext-panel #c-toolbar input[type=button]:hover {
    background-color: #1199EE;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
    color: #fff;
}


/* Basic Style */
.cookie-plugin-list .container {
  display: block;
  width: 400px;
  margin: 100px auto 0;
}
.cookie-plugin-list ul {
  margin: 0;
  padding: 0;
}
.cookie-plugin-list li * {
  float: left;
}
.cookie-plugin-list li, h3 {
  clear:both;
  list-style:none;
}
.cookie-plugin-list input, button {
  outline: none;
}
.cookie-plugin-list button {
  background: none;
  border: 0px;
  color: #888;
  font-size: 15px;
  width: 60px;
  margin: 10px 0 0;
  font-family: Lato, sans-serif;
  cursor: pointer;
}
.cookie-plugin-list button:hover {
  color: #333;
}
/* Heading */
.cookie-plugin-list h3,
.cookie-plugin-list label[for='new-task'] {
  color: #333;
  font-weight: 700;
  font-size: 15px;
  border-bottom: 2px solid #333;
  padding: 30px 0 10px;
  margin: 0;
  text-transform: uppercase;
}
.cookie-plugin-list input[type="text"] {
  margin: 0;
  font-size: 18px;
  line-height: 18px;
  height: 18px;
  padding: 10px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 6px;
  font-family: Lato, sans-serif;
  color: #888;
}
.cookie-plugin-list input[type="text"]:focus {
  color: #333;
}

/* New Task */
.cookie-plugin-list label[for='new-task'] {
  display: block;
  margin: 0 0 20px;
}
.cookie-plugin-list input#new-task {
  float: left;
  width: 318px;
}
.cookie-plugin-list p > button:hover {
  color: #0FC57C;
}

/* Task list */
.cookie-plugin-list li {
  overflow: hidden;
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}
.cookie-plugin-list li > input[type="checkbox"] {
  margin: 0 10px;
  position: relative;
  top: 15px;
}
.cookie-plugin-list li > label {
  font-size: 18px;
  line-height: 40px;
  width: 237px;
  padding: 0 0 0 11px;
}
.cookie-plugin-list li >  input[type="text"] {
  width: 226px;
}
.cookie-plugin-list li > .delete:hover {
  color: #CF2323;
}

/* Completed */
.cookie-plugin-list #completed-tasks label {
  text-decoration: line-through;
  color: #888;
}

/* Edit Task */
.cookie-plugin-list ul li input[type=text] {
  display:none;
}

ul li.editMode input[type=text] {
  display:block;
}

ul li.editMode label {
  display:none;
}

#cookie-selection #cokkie-options label{
    height: 100%;
}

#cookie-selection #cokkie-options label ul li:first-child{
    list-style: none;
}

#cookie-info h2{
    font-size: 16px;
    font-weight: 700;
}

#cookie-info h3{
    font-size: 16px;
    font-weight: 700;
}

#cookie-info p{
    font-size: 12px;
}

.lists .one-list {
    display: inline-block;
    width: 150px;
    float: left;
    margin-right: 2px;
    margin-left: 0;
    padding-left: 5px;
}

.article-header { display: inline-block; width: 100%; border-bottom: 1px solid #c4c4c4; }
.article-header span, .ArticleDescription{
    display: inline-block;
    width: 24%;
}
.article-header span {
    padding: 5px 0;
    font-weight: 700;
}


.ArticleCode{
    display: inline-block;
    width: 100%;
    padding: 5px 0 10px 0;
}

.ArticleAdmin{
    margin-bottom: 20px;
}

#tab2 table{
    margin-bottom: 25px;
}

#tab2 th, #tab2 td{
    display: block;   
    padding: 2px 5px;
    float: left; 
    text-align: left;
}

#tab2 td{
    display: inline-block;
    height:90px;
    overflow: hidden;
}

#tab2 td textarea{
    width: calc(100% - 5px);
}

#tab2 th:last-of-type, #tab2 td:last-of-type{
    width: 70px;
}

#tab2 th:nth-of-type(1), #tab2 th:nth-of-type(2), #tab2 th:nth-of-type(4),
#tab2 td:nth-of-type(1), #tab2 td:nth-of-type(2), #tab2 td:nth-of-type(4){
    width: 120px;
}

#tab2 th:nth-of-type(3), #tab2 td:nth-of-type(3){
    width: 120px;
}

#tab2 th:nth-of-type(5), #tab2 td:nth-of-type(5){
    width: 400px;
}

#tab2 td, #tab3 td{ /*padding-left: 5px; padding-right: 5px;*/ border: 1px solid #ddd;}
tr.specific, tr.specific td{
    width: 100% !important;
}

.insert-controls, .control-button {
    display: inline-block;
    width: 100%;
}
.insert-controls .one-control {
    width: 50%;
    float: left;
}

.insert-controls .one-control input, .insert-controls .one-control textarea{
    width: 90%;
}

.left{
    text-align: left;
    margin-top: 20px;
    font-size: 14px;
}

.edit-controls {
    display: inline-block;
    width: 100%;
    margin-top: 12px;
}

.edit-controls .dnnFormItem input, .edit-controls .dnnFormItem textarea{
    width: 83%;
    margin-top: 3px;
}
.edit-controls .dnnFormItem select {
    width: 100%;
    margin-top: 4px;
}
.edit-controls .dnnFormItem textarea {
    min-height: 66px;
    width: 94% !important;
}

#huk_cookie_prefernce_panel_ex {
    height: 100%;
}
@media screen and (max-width: 1366px) {
    #cookie-ext-panel {
        overflow-y: auto;
        height: calc(100% - 60px);
    }
}


.huk_cookie_prefernce_panel{
    position: fixed;
    z-index: 9999999;
    background-color: #f5f5f5;
    width: 300px;
    height: auto;
    padding: 20px 15px;
    text-align: center;
    right: 20px;
    bottom: 20px;
}

.huk_cookie_prefernce_panel.dark{
    background-color:rgba(0,0,0,0.8);
    border: 1px solid #333 !important;
}

.huk_cookie_prefernce_panel.dark strong, 
.huk_cookie_prefernce_panel.dark a, 
.huk_cookie_prefernce_panel.dark .texts
{
    color: #fff;
}

.huk_cookie_prefernce_panel.FloatingLeft{
    left: 20px;
}

.huk_cookie_prefernce_panel.BannerBottom,
.huk_cookie_prefernce_panel.BannerTop{
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 75px;
    text-align: left;
}

.huk_cookie_prefernce_panel.BannerBottom .huk_cookie_prefernce_toolbar, 
.huk_cookie_prefernce_panel.BannerTop .huk_cookie_prefernce_toolbar{
    margin-right: 12px;
}

.huk_cookie_prefernce_panel.BannerBottom #COOKIE_CLOSE,
.huk_cookie_prefernce_panel.BannerTop #COOKIE_CLOSE{
    top: 32px;
}

.huk_cookie_prefernce_panel.BannerTop{
    top: 0;
}

.huk_cookie_prefernce_panel.BannerBottom .texts,
.huk_cookie_prefernce_panel.BannerTop .texts {
    width: 70%;
    display: inline-block;
    float: left;
}

.huk_cookie_prefernce_panel.BannerBottom .huk_cookie_prefernce_toolbar, 
.huk_cookie_prefernce_panel.BannerBottom .huk_cookie_prefernce_link,
.huk_cookie_prefernce_panel.BannerTop .huk_cookie_prefernce_toolbar, 
.huk_cookie_prefernce_panel.BannerTop .huk_cookie_prefernce_link{
    float: right;
}

.huk_cookie_prefernce_panel.BannerBottom,
.huk_cookie_prefernce_panel.BannerTop{
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  border: none !important;
}

.huk_cookie_prefernce_panel.BannerBottom .huk_cookie_prefernce_toolbar input,
.huk_cookie_prefernce_panel.BannerTop .huk_cookie_prefernce_toolbar input{
    margin-top: 0;
}

.huk_cookie_prefernce_panel.FloatingRight.Informational,
.huk_cookie_prefernce_panel.FloatingLeft.Informational{
    height: 228px;
}

.huk_cookie_prefernce_panel.FloatingRight.Informational .huk_cookie_prefernce_toolbar,
.huk_cookie_prefernce_panel.FloatingLeft.Informational .huk_cookie_prefernce_toolbar{
    width: 100%;
}

/**/
#optanon-popup-wrapper {
    position: fixed;
    min-height: 300px;
    left: 50%;
    top: 0;
    margin: 100px 0px 0px -300px;
    margin-top: 100px;
    position: fixed;
    width: 600px;
    background: #fff;
}

#optanon-menu {
    margin: 0px 0px 0px -12px;
    padding: 0px;
    width: 100%;
}


#optanon-popup-body-left {
    float: left;
    width: 23%;
    padding: 0 2%;
}

#optanon-popup-body-right {
    float: left;
    width: 69%;
    padding: 1% 2%;
}

ul#optanon-menu li.menu-item-selected {
    background-color: !important;
}
#optanon-menu .menu-item-about {
    background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDY0IDY0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCA2NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzZDQzA0QTt9DQoJLnN0MXtmaWxsOm5vbmU7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMiw2NEMxNC4yLDY0LDAsNDkuNCwwLDMyQzAsMTQuMiwxNC42LDAsMzIsMHMzMiwxNC42LDMyLDMyQzY0LDQ5LjgsNDkuOCw2NCwzMiw2NHogTTMyLDMuNkMxNi42LDMuNiwzLjYsMTYuMiwzLjYsMzINCgkJYzAsMTUuNCwxMi42LDI4LjQsMjguNCwyOC40UzYwLjQsNDcuOCw2MC40LDMyQzYwLjQsMTYuNiw0Ny40LDMuNiwzMiwzLjZ6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI4LDIwYzAtMi4yLDEuOC00LDQtNHM0LDEuOCw0LDRzLTEuOCw0LTQsNFMyOCwyMi4yLDI4LDIweiBNMzYsNDdWMjljMC0wLjUtMC41LTEtMS0xaC02Yy0wLjUsMC0xLDAuNC0xLDF2MTgNCgkJYzAsMC41LDAuNCwxLDEsMWg2QzM1LjUsNDgsMzYsNDcuNSwzNiw0N3oiLz4NCjwvZz4NCjwvc3ZnPg==");
        background-color: rgba(0, 0, 0, 0);
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
}
#optanon-menu .menu-item-selected {
    background-color: #fff !important;
}
ul#optanon-menu li {
    background-color: !important;
}
#optanon-menu li {
    padding-right: 20px;
}
#optanon-menu li {
    background-size: 16px !important;
    background-position: 15px 12px !important;
    background-repeat: no-repeat !important;
}
#optanon-menu li {
    list-style-type: none;
    min-height: 38px;
    border-bottom: 1px solid #ccc;
    background-color: #e6e6e6 !important;
    width: 100%;
}

#optanon-menu li p {
    font-size: 12px;
    margin: 0px 0px 0px 35px;
    padding: 12px 0px 12px 0px;
    width: 80%;
}

#optanon-popup-top {
    background-color: #1199EE;
    height: 80px;
    margin: 0px;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

#optanon-popup-body {
    background-color: #ffffff;
    margin: 0px;
    width: 100%;
    position: relative;
}

#optanon-popup-bottom {
    border-top: 1px solid #ccc;
    background-color: #f2f2f2;
    float: left;
    margin: 0px;
    padding-bottom: 10px;
    width: 100%;
}

#optanon #optanon-popup-body h2 {
    margin: 5px 0px 0px 5px;
    padding: 0px;
    color: #000;
}

.optanon-status-off {
    color: #000;
}

.optanon-status-on {
    color: #09a501;
}
/* Style the tab */
.tab {
    float: left;
    border: none;
    background-color: #1199EE;
    width: 30% !important;
    overflow: hidden;
    height: 400px;
}

/* Style the buttons inside the tab */
.tab button, .tab input, .tab a {
    display: block;
    background-color: #1199EE;
    color: #fff !important;
    padding: 10px 16px !important;
    width: 100% !important;
    border: none !important;
    outline: none !important;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    font-weight: normal !important;
}

/* Change background color of buttons on hover */
.tab button:hover, .tab input:hover, .tab a:hover,
.tab button.active, .tab input.active, .tab a.active {
    background-color: #fff !important;
    text-decoration: none !important;
    color: #000 !important;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 12px 12px 0 12px;
    border: 1px solid #efefef;
    border-top: none;
    
    border-left: none;
    
    background: #fff;
    overflow-y: auto;

    height: 400px;
    width: 70%;
    

}
.Wide{
    height: 400px;
    width: 70%;
}

.Slim{
    height: 388px;
    width: calc(70% - 25px) !important;
}

.one-list{ clear: both; margin-top: 12px ; margin-left: 0; display: inline-block; width: calc(100% - 12px); }
.tabcontent fieldset{position:relative;display:inline-block;width:37px;height:23px;margin-top:0; float: right; right: 70px;}
.tabcontent fieldset input{opacity:0;}
.tabcontent fieldset label{color:#000; position: absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#414141;border-radius:23px;overflow:visible;text-indent:45px;font-size:14px;font-weight:bold;padding-top:3px; margin-bottom: 0;}
label.always-active {
    color:#1199EE;
    float: right;
    display: inline-block;
    /*width: 100%;*/
    text-align: right;
    margin-bottom: 0px;
}
.tabcontent fieldset label:after{position:absolute;content:"";height:19px;width:19px;left:2px;bottom:2px;background-color:white;-webkit-transition:.4s;transition:.4s;border-radius:50%}
.tabcontent fieldset input:checked+label{background-color:#1199EE}
.tabcontent fieldset input:focus+label,#optanon fieldset input:active+label{box-shadow:0 0 2px 2px #509ec4}
.tabcontent fieldset input:checked+label:after{background-color:#f5efeb;-webkit-transform:translateX(14px);-ms-transform:translateX(14px);transform:translateX(14px)}
p.bigger strong { font-size: 14px !important; }
p.desc {
    display: inline-block;
    margin: 12px 0;
}

#COOKIE_CLOSE, #COOKIE_CLOSE_SETTINGS{
    width: 12px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 6px;
    right: 6px;
    background-image: url("/DesktopModules/CookieConsent/Images/close.png");
    background-position: 0 0;
    background-size: 12px;
}

#cookie-info #COOKIE_CLOSE, #cookie-info #COOKIE_CLOSE_SETTINGS{
    width: 18px;
    height: 18px;
    top: 12px;
    right: 12px;
    background-size: 18px;
}

.dnnFormItem.fifty{
    display: inline-block;
    width: 48%;
    float: left;
}

.dnnFormItem.fifty.right .dnnTooltip
{
    right: 29% !important;
}
.dnnFormItem.fifty:first-of-type{
    margin-right: 2%;
}

.tab_container .one-row select{
    width: 260px;
}

.tab_container .one-row input{
    width: 242px;
}

.tab_container .one-row input[type="checkbox"]{
    width: auto;
    margin-top: 12px;
}

.tab_container .one-row.big input{
    margin-top: 6px;
    width: 92%;
}

.tab_container .one-row textarea{
    width: 92%;
    margin-top: 6px;
    height: 90px;
}

#tab3.tab_content .one-row textarea{
    height: 65px;
    min-height: 65px;
}

.tab_container .one-row.big.first textarea{
    height: 47px !important;
    min-height: 47px !important;
}

.tab_container .one-row a{
    /*width: 28px;
    height: 28px;
    display: inline-block;
    background-image: url("/DesktopModules/CookieConsent/Images/info.png");
    background-position: 0px 1px;
    background-size: 32px;*/
}

.tab_container .one-row .dnnLabel{
    padding-top: 8px;
    text-align: left;
    width: 33%;
    padding-right: 0;
}

.tab_container .one-row.big .dnnLabel{
    width: 100%;
}

.edit-controls .dnnLabel{
    width: 100%;
    padding-right: 0;
    margin-right: 0;
    text-align: left;
}

#tab2 td, #tab3 td{
    border-right: none;
}
#tab2 td:last-of-type, #tab3 td:last-of-type{
    border-right: 1px solid #ddd;
}

.fset.settings label{
    margin-top: 5px;
}
.fifty textarea[readonly], .fifty input[readonly],
.fifty textarea[readonly="readonly"], .fifty input[readonly="readonly"]{
    opacity: 0.8;
}

.copyright{
    display: inline-block;
    float: left;
    margin: 12px 0 12px 12px;
}

.copyright img{
    margin-right: 12px;
}

#tab3 .fset {
    overflow-x: hidden;
}
.one-list {
    padding-left: 0!important;
}
@media screen and (max-width: 767px) {

    #huk_cookie_prefernce_panel_ex{
        width: calc(100% - 8px);
        top: 50px !important;
        left: 8px !important;
    }
    #cookie-ext-panel {
        width: calc(100% - 8px);
        height: calc(100% - 164px);
    }
    .tab {
        width: 30%;
    }
    .tabcontent{
        width: calc(70% - 25px);
    }
    .tab, .tabcontent{
        height: 370px;
    }
    .tab input {
        font-size: 11px;
        padding-left: 7px;
    }
    #cookie-ext-panel p.title{
        font-size: 14px !important;
    }
    #cookie-info, #cookie-info p, #cookie-info li{
        font-size: 11px !important;
    }
    p.bigger{
        width: 50%;
        margin-bottom: 0;
    }
    p.bigger strong{
        font-size: 12px !important;
    }
    #cookie-ext-panel #c-toolbar{
        margin-bottom: 0;
    }
    
    #huk_cookie_prefernce_panel{
        display: inline-table;
        height: auto;
    }
    #huk_cookie_prefernce_panel .texts{
        width: 100%;
    }
    .huk_cookie_prefernce_panel.BannerBottom #COOKIE_CLOSE, .huk_cookie_prefernce_panel.BannerTop #COOKIE_CLOSE{
        top: 12px;
    }

    .huk_cookie_prefernce_panel.BannerBottom .huk_cookie_prefernce_toolbar,
    .huk_cookie_prefernce_panel.BannerTop .huk_cookie_prefernce_toolbar{
        margin-top: 12px;
    }
}

.one-row{
    display: inline-block;
    width: 100%;
    /*margin-bottom: 20px;*/
    position: relative;
}

.one-row a{
    position: relative;
}

a.pinHelp{
    position: absolute !important;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
    border: 2px solid #efefef;
    right: 0;
    top: 2px;
    background: #fff;
}
body .ui-tooltip {
	border-width: 2px;
}

.info-icon{
    background: url("/DesktopModules/CookieConsent/Images/info.png");
    display:inline-block;
    width: 16px;
    height:22px;    
    vertical-align: middle;
}

.ui-helper-hidden-accessible{
    display: none;
}

.msSpecificSettings .dnnLabel{
    width: 38%;
}

.searchInputContainer {
    display: inline-block;
    margin: 0 -3px 0 0;
    position: relative;
}

    .searchInputContainer > input[type="text"]::-ms-clear {
        display: none;
    }

    .searchInputContainer a.dnnSearchBoxClearText {
        display: block;
        position: absolute;
        right: 10px;
        width: 16px;
        height: 16px;
        background: none;
        cursor: pointer;
        margin: 7px 0 7px 0;
        z-index: 20;
    }

        .searchInputContainer a.dnnSearchBoxClearText.dnnShow {
            background: url("/images/search/clearText.png") center center no-repeat;
        }

ul.searchSkinObjectPreview {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    margin: 0;
    list-style: none;
    border: 1px solid #c9c9c9;
    width: 350px;
    z-index: 200;
    padding: 0;
}

ul.searchSkinObjectPreview li {
    list-style: none;
}

    ul.searchSkinObjectPreview > li {
        padding: 6px 12px 6px 22px;
        border-top: 1px solid #c9c9c9;
        color: #666;
        cursor: pointer;
        position: relative;
        margin: 0;
        text-transform: none;
        word-wrap: break-word;
    }

        ul.searchSkinObjectPreview > li:hover {
            background-color: #e8f1fa;
            color: #333;
        }

        ul.searchSkinObjectPreview > li > span {
        }

        ul.searchSkinObjectPreview > li > span img.userpic {
            width: 32px;
            height: 32px;
            display: block;
            float: left;
            margin-right: 4px;
        }

            ul.searchSkinObjectPreview > li > span > b {
                font-weight: bold;
                color: #000;
            }

        ul.searchSkinObjectPreview > li p {
            margin: 0;
            font-size: 10px;
            line-height: 1.2em;
            color: #999;
            font-style: italic;
            white-space: normal;
        }

            ul.searchSkinObjectPreview > li p b {
                color: #000;
            }

        ul.searchSkinObjectPreview > li.searchSkinObjectPreview_group {
            padding: 6px 12px 6px 12px;
            font-weight: bold;
            color: #000;
            border-bottom: 2px solid #000;
            cursor: inherit;
        }

            ul.searchSkinObjectPreview > li.searchSkinObjectPreview_group:hover {
                background-color: #fff;
                color: #000;
            }

        ul.searchSkinObjectPreview > li > a.searchSkinObjectPreview_more {
            display: inline;
            position: static;
            background: none;
            z-index: inherit;
            width: auto;
            height: auto;
            text-indent: inherit;
            float: none;
        }


/*-----------------------------------------------------------------------------------*/
/*	Predefined settings
/*-----------------------------------------------------------------------------------*/
body
{
    /*position: relative;*/
}

.wsc_generic_skin, .common_background
{
    z-index:1;
    position: relative;
    opacity: 0;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;

}
.common_background, .common_background:after
{
    position:fixed;
    width:100%;
    height:100%;
    display:block;
    z-index:-1;
    top:0;
}
.common_background
{
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-size:cover;
}
.common_background:after
{
    content:"";
    background-attachment:fixed;
}

.wsc_generic_skin[data-loading="hidden"], .wsc_generic_skin[data-loading="hidden"] + .common_background
{
  -webkit-animation: showContent 0.8s linear; /* Chrome, Safari, Opera */
    -webkit-animation-delay: 0.3s; /* Chrome, Safari, Opera */
    animation: showContent 0.8s linear;
    animation-delay: 0.3s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes showContent {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes showContent {
    from {opacity: 0;}
    to {opacity: 1;}
}


/* ==============================
   Page loader
   ============================== */
#loading-spinner
{
    background-color: #fefefe;
    position: fixed;
	width: 100%;
	height: 100%;
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
    z-index: 10000;
}

/*Spinner Image*/
/*
.spinner 
{
    background: url("/Portals/0/skins/generic3/img/loading-img.gif") center center no-repeat;
    height: 229px;
    width: 229px;	
    margin: -115px 0 0 -115px;
}
*/
/*Spinner CSS3*/

.spinner{
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 1px solid rgba(0,0,0, 0.08);
  border-right: 1px solid rgba(0,0,0, 0.08);
  border-bottom: 1px solid rgba(0,0,0, 0.08);
  border-left: 1px solid rgba(0,0,0, 0.5);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
   -webkit-animation: spinner 700ms infinite linear;
   -moz-animation: spinner 700ms infinite linear;
   -ms-animation: spinner 700ms infinite linear;
   -o-animation: spinner 700ms infinite linear;
   animation: spinner 700ms infinite linear;
  z-index: 100001;
}
#loading-spinner.static, #loading-spinner.static > .spinner { z-index:-1;}
#loading-spinner[data-loading="hidden"] { display:none;}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

img { max-width:100%;}

/*-----------------------------------------------------------------------------------*/
/*	SECTION: CLEAR DNN DEFAULT
/*-----------------------------------------------------------------------------------*/

/*comment if the switcher is not used*/
/* Page Fade with Switcher
.wsc_generic_skin {opacity:0;}*/

/* SkinObject
----------------------------------------------------------------------------- */
.SkinObject
{
    font-weight: inherit;
    font-size: inherit;
    text-decoration: inherit;
    color: inherit;
    font-family: inherit;
}


a.SkinObject:link, a.SkinObject:visited, a.SkinObject:hover, a.SkinObject:active
{
    color: inherit;
}


/* Normal
----------------------------------------------------------------------------- */
.Normal, .NormalDisabled, .NormalDeleted
{
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
	line-height: inherit;
}

/* Headers
----------------------------------------------------------------------------- */
h1,	h2, h3, h4, h5, h6  
{
    font-size: inherit; 
    line-height: inherit; 
    letter-spacing:inherit; 
    margin-top:inherit;
    margin-bottom: inherit; 
}

/* List Styles
----------------------------------------------------------------------------- */
ul, ol, ul ul, ul ol, ol ol, ol ul, ol ol { margin-bottom: inherit; margin-left: inherit;}
ul {list-style: disc;}
ul ul {list-style: circle;}
ul ul ul {list-style: square;}
ul, ol {list-style-position: inside;}
li p { line-height: inherit; }

/* Form styles
----------------------------------------------------------------------------- */
.use_form_styles .dnnFormItem input[type="text"],
.use_form_styles .dnnFormItem input[type="password"],
.use_form_styles .dnnFormItem input[type="email"],
.use_form_styles .dnnFormItem input[type="tel"],
.use_form_styles .dnnFormItem select,
.use_form_styles .dnnFormItem textarea{
    width: inherit;
    max-width: inherit;
    margin: inherit;
    float: inherit;
}

	.use_form_styles .dnnFormItem button, .dnnFormItem input[type="button"], 
	.use_form_styles .dnnFormItem input[type="reset"], 
	.use_form_styles .dnnFormItem input[type="submit"],
	.use_form_styles .dnnPrimaryAction, 
	.use_form_styles .dnnSecondaryAction, 
	.use_form_styles .dnnTertiaryAction,
	.use_form_styles ul.dnnAdminTabNav li a,
	.use_form_styles .dnnLogin .LoginTabGroup span { 
		/*padding: inherit;*/
		margin-bottom: inherit;
		min-width: inherit;
		-webkit-border-radius: inherit;
		border-radius: inherit;
	}
	
	
/* Manage DNN6 z-index
----------------------------------------------------------------------------- */
.DnnModule
{
    z-index: inherit;
}
.dnnActionMenu
{
    z-index: 900;
}

/* Container's c_contentpane
----------------------------------------------------------------------------- */
.c_contentpane
{
    padding: 0px !important;
}

/* Default Links
----------------------------------------------------------------------------- */
a:link, a:visited, a:active
{
/*    color: inherit; */
}

/* Default Tables
----------------------------------------------------------------------------- */
th, tfoot, thead
{
    color: inherit;
}

/* DNN5 Panel
----------------------------------------------------------------------------- */
.ControlPanel table, .ControlPanel table td
{
    vertical-align: top;
}

.dnnRibbonGroup .content
{
    height: 110px !important;
}
.dnnRibbonGroup .content a:hover
{
    margin-bottom: -1px !important;
}

/* DNN5 Admin
----------------------------------------------------------------------------- */
table.FileManager td,
table.Settings td
{
    vertical-align:top;
}

td.FileManager_Header span
{
    display:inline!important;
}

/* DNN BackEnd */
.DataGrid_Header, 
.SubHead, 
.Head,
a.CommandButton,
a.CommandButton:link, 
a.CommandButton:hover, 
a.CommandButton:visited,
.SubSubHead,
.WizardText,
a.dnnFormHelp, 
.dnnForm .dnnFormItem a.dnnFormHelp, 
.dnnTooltip label a.dnnFormHelp,
.dnnForm h2.dnnFormSectionHead a, 
.dnnForm h2.dnnFormSectionHead a:visited  
{
    color: inherit;
}

.DataGrid_Container
{
    background-color:#fff;
}
    
/* DNN6 Admin
----------------------------------------------------------------------------- */

/* DNN BackEnd */
a.dnnFormHelp, 
.dnnForm .dnnFormItem a.dnnFormHelp, 
.dnnTooltip label a.dnnFormHelp,
.dnnForm h2.dnnFormSectionHead a, 
.dnnForm h2.dnnFormSectionHead a:visited
{
    color: inherit;
}

.dnnForm h2.dnnFormSectionHead a:hover
{
    background-color:transparent!important;
}

form #dnnCPWrap
{
    height:40px;
    padding:0;
}
.dnnadminmega li.root > a
{
    line-height:25px;
}

.dnnadminmega .cbctAddModule .dnnCPAddModule label
{
    display:inline;
    font-size:12px;
}
.dnnadminmega .cbctAddModule .dnnCPAddModule input 
{
    vertical-align:baseline;
}

.dnnadminmega .cbctAddModule a.btn.btn-primary
{
    position:relative;
    left:76px;
    }
 .dnnadminmega .cpcbCurrentPage a.btn.btn-primary
{
    position:relative;
    left:80px;
    }   
    
.dnnadminmega .cbhSwitchSite a.btn
{
    display:inline;
    color:#fff;
}
a.btn.btn-primary, a.btn.btn-inverse
{
    color:#fff;
}
ul.dnnActions li
{
    margin-right:5px;
}
/*-----------------------------------------------------------------------------------*/
/*	SECTION: DNN CONTROLS
/*-----------------------------------------------------------------------------------*/

/* DNN7 default admin panel
----------------------------------------------------------------------------- */
#dnnCPWrap .dnnadminmega 
{
    line-height: 18px;
}

#dnnCPWrap .RadComboBox_Default td.rcbArrowCellRight 
{
    vertical-align: middle;
}

#dnnCPWrap .dnnFormItem button, 
#dnnCPWrap .dnnFormItem input[type="button"], 
#dnnCPWrap .dnnFormItem input[type="reset"], 
#dnnCPWrap .dnnFormItem input[type="submit"], 
#dnnCPWrap .dnnPrimaryAction, 
#dnnCPWrap .dnnSecondaryAction, 
#dnnCPWrap .dnnTertiaryAction 
{
    padding: 6px;
}

#dnnCPWrap .dnnPrimaryAction, 
#dnnCPWrap .dnnFormItem input[type="submit"], 
#dnnCPWrap a.dnnPrimaryAction 
{
    color: #EFEFEF;
}

#dnnCPWrap .dnnFormItem input[type="text"], 
#dnnCPWrap .dnnFormItem input[type="password"], 
#dnnCPWrap .dnnFormItem input[type="email"], 
#dnnCPWrap .dnnFormItem input[type="tel"], 
#dnnCPWrap .dnnFormItem select, 
#dnnCPWrap .dnnFormItem textarea 
{
    width: 45%;
}

#dnnCPWrap div#RibbonBar_SwitchSite_SitesLst + a 
{
    float: right;
}

/* DNN7 admin controls
----------------------------------------------------------------------------- */
.dnnForm td
{
    vertical-align: middle;
}

/*-----------------------------------------------------------------------------------*/
/*	SECTION: DNN SPECIFIC STYLES
/*-----------------------------------------------------------------------------------*/


/* Default DNN Overwrite
---------------------------------------------------------- */
.dnnFormMessage {max-width: 1170px;}

/* Banner Admin
---------------------------------------------------------- */
.wsc_admin_content .wsc_slide_body {position: relative;}

/* Generic Specific
---------------------------------------------------------- */
#ControlEditPageMenu input 
{
    margin-top: 0px;
}

#ControlEditPageMenu label 
{
    display: inline;
    padding-left: 5px;
} 

/* ======================================================= */
/*                     Containers                          */
/* ======================================================= */
/* All Containers
---------------------------------------------------------- */
.c_head {margin-top: 25px;}

/* Plain Container
---------------------------------------------------------- */
.plain_container .c_contentpane,
.c_head.plain_container,
.plain_container .c_head
{
    padding: 0px;
    margin: 0px;
}

/* Boxed Container
---------------------------------------------------------- */

.boxed_container .tile .c_contentpane,
.boxed_hot_container .tile .c_contentpane 
{
    text-align: center;
}

.boxed_container .c_title,
.boxed_hot_container .c_title 
{
    letter-spacing: 0.2em;
    color: #999;
    font-weight: normal;
    line-height: 1;
    padding-top: 0;
    margin: 0;
}

.boxed_container .c_title small,
.boxed_hot_container .c_title small 
{
    font-size: 11px;
}

.boxed_container .c_title big,
.boxed_hot_container .c_title big 
{
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    letter-spacing: -0.25px;
    color: #555;
}    

/* Transparent Containers
---------------------------------------------------------- */   

.c_head.transparent_black_container, 
.c_head.transparent_white_container {
    border-radius: 9px;
    padding: 20px 14px;
}

.transparent_black_container 
{
    background-color: rgba(51, 51, 51, 0.6);
} 

.transparent_black_container h1, .transparent_black_container h2,
.transparent_black_container h3, .transparent_black_container h4,
.transparent_black_container h5, .transparent_black_container h6,
.transparent_black_container p, .transparent_black_container .c_content div 
{
    color: #eee;
} 

.transparent_white_container 
{
    background-color: rgba(255, 255, 255, 0.6);
}



/* ======================================================= */
/*                       MISC.                             */
/* ======================================================= */

.DNNEmptyPane {height: 0px !important; min-height: 0px !important; padding: 0px !important; margin: 0px !important;}
.ContentPane.DNNEmptyPane {height: auto !important;}
.ModuleTitle_MenuItem {border: none;}
.ModuleTitle_MenuBreak .ModuleTitle_MenuIcon {height:1px;}

.paneOutline {
	/*margin-left:9px !important;
	margin-right:9px !important;*/
	min-height:45px;
	border:1px dotted gray;
    padding-bottom: 0 !important;
    padding-top: 20px !important;
}

.paneOutline .SubHead {
	color:gray;
	font-family:Myriad Pro;
	font-size:25px;
	font-weight: normal;
}

/* Back to home button
---------------------------------------------------------- */  
.wsc_back_home > a.btn  {
    border-radius: 0;
    font-size: 28px;
    padding: 7px 10px 3px 11px;
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 8888;
    margin-top: 53px;
}

/* Switcher
---------------------------------------------------------- */  
.DnnModule-WebSitesCreativeStyleSwitcher {z-index: 10000;}
.wsc_switcher_control {}

.wsc_switcher_control #SwitherModal {z-index: 1111111;}

.wsc_switcher_control > a#SwitcherBtn, .wsc_back_home a.btn {border-radius: 8px 0 0 8px;}

.wsc_switcher_control > a.btn {
    border-radius: 0;
    font-size: 28px;
    padding: 0px;
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 8888;
}

.wsc_switcher_control > a.btn span {
    padding: 10px 10px 9px 11px;
}

.wsc-style-switcher .pick-a-color-markup .dropdown-menu {
    right: 0 !important;
}

.wsc-style-switcher input.pick-a-color,
.wsc-style-switcher .pick-a-color-markup button.color-dropdown
{
    border: 1px solid #d8d3cb;
}

.wsc-style-switcher .tab-content 
{
    overflow: visible;
}

.wsc-style-switcher .panel-body .form-inline .radio img {display: inline;}
.wsc-style-switcher .panel-body .radio img {display: block;}

.wsc-style-switcher .panel-body .radio {display: inline-block; max-width: 100%;}
.wsc-style-switcher #themes1 .panel-body .radio {max-width: 49%;}
.wsc-style-switcher #themes1 .panel-body .radio input {margin-left:0;margin-right:5px}

.wsc-style-switcher .wsc-clone-buttons.modal-footer {padding-right: 0px;}
.wsc-style-switcher .tab-content {padding-top: 0px;}
/* Background slider
---------------------------------------------------------- */ 
#supersized {padding-left: 0px;}
#supersized img {max-width: inherit;}

/* Snow
---------------------------------------------------------- */ 
#flake {z-index: 10000000;}

/* CSS Document */

.c_head{padding:0; margin-bottom:20px;text-align:left;}

/*---------- To align the Actions, Icon and Title ---------*/
.c_actions, .head_title h1{float:left;}
.c_icon img { float:left; padding-right:10px; }
.head_title h1{margin:0; margin-bottom: 20px; padding:0;}
.icn img{margin-right:5px;}

.head_title{margin:0;width:100%;}
.title_vis{margin:0; float:right;}

.c_content{clear:both;}
.c_contentpane{padding:8px 0 0 0; text-align:left; *padding-top: 0px; *zoom: 1;}
.c_footer {clear:both;margin-bottom:0px;padding:0; text-align:right;}

/*---------- default style for head & normal -----------*/
.Normal p{margin-top:0px;}

/*---------- For the inline edit icons -----------*/
.eipbackimg {background-color:#DAE7F2;border:solid 1px #4F839F;}
.c_content .eipbackimg {margin-top:0;margin-left:-20px;}

/*-----------Custom-------------*/

/*.c_title,
.c_head.no_title_container  {padding-top: 15px;}*/

/*-----------IE7 Fix-------------*/
.wsc_top_section_wrapper .c_content 
{
    zoom: 1;
}

/*** general-start ***/
/*** general-end ***/
/*****************************************************************************/
/*** main design ***/
/*****************************************************************************/
.header_inner {
  border-bottom: #ffffff 5px solid !important;
  /*box-shadow: 0 0 0px 10px hsl(0, 100%, 50%), 0 0 0px 15px hsl(0, 0.0%, 100.0%);*/
  box-shadow: 0 0 0px 10px #d71d24, 0 0 0px 15px #ffffff;
}
.header {
  margin-bottom: 15px !important;
}
/*@media (max-width: 767px) {
}*/
section#footer {
  border-top: #d71d24 10px solid !important;
}
section#footer2 {
  border-top: #ffffff 5px solid !important;
}
.footerSpacer {
  margin: 0 20px;
}
/*****************************************************************************/
/*** gallery ***/
/*****************************************************************************/
.gallerycaption-bottom p {
  text-transform: uppercase;
  font-size: 32px;
  line-height: normal;
  text-align: left;
  padding-left: 10px;
}
.megafolio-outer-container .mega-entry .inner.link {
  margin: 0 !important;
}
/*****************************************************************************/
/*** login ***/
/*****************************************************************************/
/*.dnnFormItem > label.dnnFormLabel, .dnnFormItem > span.dnnFormLabel {
    width: 35.5%;
}*/
.dnnLogin .LoginPanel {
  width: 600px;
  margin-top: 25px;
}
.dnnLogin .dnnLoginService {
  margin-left: 40px;
  /* format the position of the login area */
  /* force color black */
  /* hide reset */
  /* label and input in rows */
  /* remove the first ununsed label */
  /* reposition the login buttons */
  /* the width of the buttons */
}
.dnnLogin .dnnLoginService .dnnFormItem > label.dnnFormLabel,
.dnnLogin .dnnLoginService .dnnFormItem > span.dnnFormLabel {
  width: 0;
  margin: 0;
}
.dnnLogin .dnnLoginService input {
  color: #000;
}
.dnnLogin .dnnLoginService .dnnLoginActions {
  display: none;
}
.dnnLogin .dnnLoginService .dnnLabel {
  display: table-row;
  float: none;
}
.dnnLogin .dnnLoginService .dnnFormLabel[id$="lblLogin"] {
  display: none;
}
.dnnLogin .dnnLoginService .dnnFormItem:nth-child(3) {
  margin-top: 10px;
}
.dnnLogin .dnnLoginService .dnnFormItem:nth-child(3) {
  /* the color of the login button */
}
.dnnLogin .dnnLoginService .dnnFormItem:nth-child(3) .dnnPrimaryAction,
.dnnLogin .dnnLoginService .dnnFormItem:nth-child(3) .dnnSecondaryAction {
  width: 98px;
}
.dnnLogin .dnnLoginService .dnnFormItem:nth-child(3) .dnnPrimaryAction {
  background-color: #004f99 !important;
  background: -webkit-linear-gradient(top, #004f99 0%, #004f99 100%);
  border-color: #004f99;
  color: #fff;
}
/*****************************************************************************/
/*** news module - move to scss
/*****************************************************************************/
/* title */
.app-news.app-news-list .app-details-link:hover .app-text h3,
.app-news.app-news-list .app-details-link:hover .app-text h2 {
  color: #004f99 !important;
}
/* shade */
.app-news.app-news-list .app-details-link .app-img span {
  display: block;
  background: rgba(183, 211, 236, 0.8) !important;
}
/* more */
.app-news.app-news-list .app-details-link .app-readmore {
  color: #193865 !important;
}
.app-news.app-news-list .app-details-link .app-readmore:hover {
  color: #d71d24 !important;
}
/* pager */
.app-news .app-news-paging > a {
  color: #193865 !important;
}
.app-news .app-news-paging > a.app-news-paging-active {
  background: #004f99 !important;
  color: #ffffff !important;
}
.app-news .app-news-paging > a:hover {
  background: #004f99 !important;
  color: #ffffff !important;
}
.app-news .btn-primary:active,
.app-news .btn-primary.active {
  background-color: #d71d24 !important;
}
.app-news .btn-primary:hover {
  background-color: #193865 !important;
}
/*****************************************************************************/
/*** ImageSlider module - move to scss
/*****************************************************************************/
.co-gallery {
  background: #ffffff !important;
}
/* dots */
.owl-dots .owl-dot span {
  background: #004f99 !important;
}
.owl-dots .owl-dot.active {
  border: 2px rgba(0, 79, 153, 0.8) solid !important;
}
.owl-dots .owl-dot {
  background: rgba(0, 79, 153, 0.4) !important;
}
.owl-dots {
  display: none;
}
@media (min-width: 768px) {
  .owl-dots {
    position: static !important;
    bottom: auto !important;
    margin-top: 10px !important;
  }
}
/*****************************************************************************/
/*** Person module - move to scss
/*****************************************************************************/
.co-person.mb-4 {
  margin-bottom: 60px !important;
}
.co-person h3 {
  margin-top: 10px !important;
  font-weight: bold;
}
.co-p {
  margin-bottom: 10px;
}
.co-p span[itemprop="jobTitle"] {
  font-size: 24px;
}
/*****************************************************************************/
/*** to-top svg
/*****************************************************************************/
.svg-inline--fa.fa-w-10 {
  width: 37px !important;
}
/*****************************************************************************/
/*** center bottom line - correct cookie consent behaviour
/*****************************************************************************/
.copyright {
  float: none !important;
}
/*****************************************************************************/
/*** Content img module - move to scss
/*****************************************************************************/
@media (max-width: 767px) {
  .margin-bottom-small {
    margin-bottom: 0 !important;
  }
}
/*****************************************************************************/
/*** Content img module - move to scss
/*****************************************************************************/
@media (min-width: 768px) {
  .distance-large {
    margin-top: 100px;
  }
  .distance-medium {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .distance-large {
    margin-top: 50px;
  }
  .distance-medium {
    margin-top: 25px;
  }
}
/*****************************************************************************/
/*** hide the standard cookie consent
/*****************************************************************************/
.cc-window {
  display: none !important;
}

.sm_font {
  color: #000000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
}
.sm_font_small {
  color: #000000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 1.2rem;
  line-height: 1;
}
.sm_font_normal {
  color: #000000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.sm_font_large {
  color: #000000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 2.6rem;
  line-height: 1.5;
}
.sm_font_extralarge {
  color: #000000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 3.2rem;
  line-height: 1.5;
}
.sm_font_superlarge {
  color: #000000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 4rem;
  line-height: 1.5;
}
.sm_font_regular {
  color: #000000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
}
.sm_font_regular_small {
  color: #000000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 1.2rem;
  line-height: 1;
}
.sm_font_regular_normal {
  color: #000000;
  letter-spacing: 1px;
  font-family: Lato, Arial;
  line-height: 1.5;
}
.sm_font_regular_large {
  color: #000000;
  letter-spacing: 1px;
  font-family: Lato, Arial;
  line-height: 1.5;
}
.sm_font_regular_extralarge {
  color: #000000;
  letter-spacing: 1px;
  font-family: Lato, Arial;
  line-height: 1.5;
}
.sm_font_regular_superlarge {
  color: #000000;
  letter-spacing: 1px;
  font-family: Lato, Arial;
  line-height: 1.5;
}
.owl-carousel .item h1,
.gridlayout-container .box h1,
.megafolio-outer-container .mega-entry-innerwrap h1,
.honeycombs-container .comb h1,
.project-container .content .videocontent-container .content h1,
.textmodul-container .content h1,
.statement-container .content h1,
.wordcloud-container .content h1 {
  color: #000000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 4rem;
  line-height: 1.5;
  margin: unset;
  font-weight: normal;
}
.owl-carousel .item h2,
.gridlayout-container .box h2,
.megafolio-outer-container .mega-entry-innerwrap h2,
.honeycombs-container .comb h2,
.project-container .content .videocontent-container .content h2,
.textmodul-container .content h2,
.statement-container .content h2,
.wordcloud-container .content h2 {
  color: #000000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 3.2rem;
  line-height: 1.5;
  margin: unset;
  font-weight: normal;
}
.owl-carousel .item h3,
.gridlayout-container .box h3,
.megafolio-outer-container .mega-entry-innerwrap h3,
.honeycombs-container .comb h3,
.project-container .content .videocontent-container .content h3,
.textmodul-container .content h3,
.statement-container .content h3,
.wordcloud-container .content h3 {
  color: #000000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 2.6rem;
  line-height: 1.5;
  margin: unset;
  font-weight: normal;
}
.owl-carousel .item h4,
.gridlayout-container .box h4,
.megafolio-outer-container .mega-entry-innerwrap h4,
.honeycombs-container .comb h4,
.project-container .content .videocontent-container .content h4,
.textmodul-container .content h4,
.statement-container .content h4,
.wordcloud-container .content h4 {
  color: #000000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 2.6rem;
  line-height: 1.5;
  margin: unset;
  font-weight: normal;
}
.owl-carousel .item h5,
.gridlayout-container .box h5,
.megafolio-outer-container .mega-entry-innerwrap h5,
.honeycombs-container .comb h5,
.project-container .content .videocontent-container .content h5,
.textmodul-container .content h5,
.statement-container .content h5,
.wordcloud-container .content h5 {
  color: #000000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: unset;
  font-weight: normal;
}
.owl-carousel .item h6,
.gridlayout-container .box h6,
.megafolio-outer-container .mega-entry-innerwrap h6,
.honeycombs-container .comb h6,
.project-container .content .videocontent-container .content h6,
.textmodul-container .content h6,
.statement-container .content h6,
.wordcloud-container .content h6 {
  color: #000000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 1.2rem;
  line-height: 1;
  margin: unset;
  font-weight: normal;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width:  1280px ) {
  .marginTopMenu.no-headline,
  .marginTopMenu.marginTopLarge.no-headline {
    margin-top: 117px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .marginTopMenu.no-headline,
  .marginTopMenu.marginTopLarge.no-headline {
    margin-top: 117px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .marginTopMenu.no-headline,
  .marginTopMenu.marginTopLarge.no-headline {
    margin-top: 117px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .marginTopMenu.no-headline,
  .marginTopMenu.marginTopLarge.no-headline {
    margin-top: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .marginTopMenu.no-headline,
  .marginTopMenu.marginTopLarge.no-headline {
    margin-top: 0;
  }
}
@media only screen and (min-width:  1280px ) {
  .marginTopMenu,
  .marginTopMenu.marginTopLarge {
    margin-top: 157px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .marginTopMenu,
  .marginTopMenu.marginTopLarge {
    margin-top: 157px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .marginTopMenu,
  .marginTopMenu.marginTopLarge {
    margin-top: 137px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .marginTopMenu,
  .marginTopMenu.marginTopLarge {
    margin-top: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .marginTopMenu,
  .marginTopMenu.marginTopLarge {
    margin-top: 0;
  }
}
@media only screen and (min-width:  1280px ) {
  .marginTopLarge {
    margin-top: 80px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .marginTopLarge {
    margin-top: 80px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .marginTopLarge {
    margin-top: 40px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .marginTopLarge {
    margin-top: 30px;
  }
}
@media only screen and (max-width:  767px ) {
  .marginTopLarge {
    margin-top: 20px;
  }
}
@media only screen and (min-width:  1280px ) {
  .marginTopMedium {
    margin-top: 40px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .marginTopMedium {
    margin-top: 40px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .marginTopMedium {
    margin-top: 20px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .marginTopMedium {
    margin-top: 15px;
  }
}
@media only screen and (max-width:  767px ) {
  .marginTopMedium {
    margin-top: 10px;
  }
}
@media only screen and (min-width:  1280px ) {
  .marginTopSmall {
    margin-top: 20px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .marginTopSmall {
    margin-top: 20px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .marginTopSmall {
    margin-top: 10px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .marginTopSmall {
    margin-top: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .marginTopSmall {
    margin-top: 0;
  }
}
.marginTop0 {
  margin-top: 0;
}
.dnntitle {
  padding: 0;
}
@media only screen and (max-width:  767px ) {
  .dnntitle h2 {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB {
    width: 1170px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB {
    width: 1170px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB {
    width: 980px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB {
    width: 100%;
    padding: 0 30px;
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.dnn_layoutB .dnntitle {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .dnntitle {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .dnntitle {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB .dnntitle {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .dnntitle {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB .dnntitle {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .dnntitle h2 {
    margin: 0;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .dnntitle h2 {
    margin: 0;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB .dnntitle h2 {
    margin: 0;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .dnntitle h2 {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB .dnntitle h2 {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.dnn_layoutB h3 {
  margin: 0;
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB h3 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB h3 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB h3 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB h3 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB h3 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .row {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .row {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB .row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB .row {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}
.dnn_layoutB .row .col-md-4 {
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .row .col-md-8 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .row .col-md-8 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB .row .col-md-8 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .row .col-md-12 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .row .col-md-12 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .row .col-md-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB.herzblut span,
  .dnn_layoutB.fuehrung span,
  .dnn_layoutB.vision span,
  .dnn_layoutB.kompetenz span,
  .dnn_layoutB.herzblut p,
  .dnn_layoutB.fuehrung p,
  .dnn_layoutB.vision p,
  .dnn_layoutB.kompetenz p,
  .dnn_layoutB.herzblut a,
  .dnn_layoutB.fuehrung a,
  .dnn_layoutB.vision a,
  .dnn_layoutB.kompetenz a,
  .dnn_layoutB.herzblut h1,
  .dnn_layoutB.fuehrung h1,
  .dnn_layoutB.vision h1,
  .dnn_layoutB.kompetenz h1,
  .dnn_layoutB.herzblut h2,
  .dnn_layoutB.fuehrung h2,
  .dnn_layoutB.vision h2,
  .dnn_layoutB.kompetenz h2,
  .dnn_layoutB.herzblut h3,
  .dnn_layoutB.fuehrung h3,
  .dnn_layoutB.vision h3,
  .dnn_layoutB.kompetenz h3,
  .dnn_layoutB.herzblut .title,
  .dnn_layoutB.fuehrung .title,
  .dnn_layoutB.vision .title,
  .dnn_layoutB.kompetenz .title,
  .dnn_layoutB.herzblut .descr,
  .dnn_layoutB.fuehrung .descr,
  .dnn_layoutB.vision .descr,
  .dnn_layoutB.kompetenz .descr {
    padding: 20px;
  }
}
ul.sc-menu {
  position: absolute;
  left: 0;
  top: 0;
}
.honeycombs ul.sc-menu {
  left: 50%;
}
.dnn.desktop .zoomin.parent {
  overflow: hidden;
}
.dnn.desktop .zoomin .child,
.dnn.desktop .zoomin .hex_inner {
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.dnn.desktop .zoomin.parent:hover .child,
.dnn.desktop .zoomin.parent:focus .child {
  -ms-transform: scale(1.2) !important;
  -moz-transform: scale(1.2) !important;
  -webkit-transform: scale(1.2) !important;
  -o-transform: scale(1.2) !important;
  transform: scale(1.2) !important;
}
.dnn.desktop .zoomin.parent:hover .hex_inner,
.dnn.desktop .zoomin.parent:focus .hex_inner {
  -ms-transform: rotate(60deg) scale(1.2) !important;
  -moz-transform: rotate(60deg) scale(1.2) !important;
  -webkit-transform: rotate(60deg) scale(1.2) !important;
  -o-transform: rotate(60deg) scale(1.2) !important;
  transform: rotate(60deg) scale(1.2) !important;
}
.dnn.desktop .zoomin.parent:hover .child:before,
.dnn.desktop .zoomin.parent:focus .child:before,
.dnn.desktop .zoomin.parent:hover .hex_inner:before,
.dnn.desktop .zoomin.parent:focus .hex_inner:before {
  display: block;
}
.dnn.desktop .zoomin.parent:hover a,
.dnn.desktop .zoomin.parent:focus a {
  display: block;
}
.dnn.desktop .zoomin .child:before,
.dnn.desktop .zoomin .hex_inner:before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 960px) {
  .dnn.desktop .zoomin.parent {
    width: 100%;
    margin: 20px 0;
  }
}
.btn-default {
  background-color: transparent;
  text-decoration: none;
}
.btn {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-top: 5px;
  font-family: Lato, Arial;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 1px;
  border-color: transparent #000000 transparent #000000;
  padding-top: 0;
  padding-bottom: 0;
}
.btn-default:hover {
  letter-spacing: 0.83px;
}
.herzblut .btn,
.fuehrung .btn,
.vision .btn,
.kompetenz .btn {
  color: #ffffff !important;
  border-color: transparent #ffffff transparent #ffffff;
}
.white .btn {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
}
.white .btn:hover {
  background-color: #ffffff;
  color: #000000;
}
div.herzblut,
section.herzblut {
  background-color: #d71d24;
}
div.fuehrung,
section.fuehrung {
  background-color: #004f99;
}
div.kompetenz,
section.kompetenz {
  background-color: #b7d3ec;
}
div.vision,
section.vision {
  background-color: #555555;
}
div.herzblut span,
section.herzblut span,
div.fuehrung span,
section.fuehrung span,
div.vision span,
section.vision span,
div.kompetenz span,
section.kompetenz span,
div.herzblut p,
section.herzblut p,
div.fuehrung p,
section.fuehrung p,
div.vision p,
section.vision p,
div.kompetenz p,
section.kompetenz p,
div.herzblut a,
section.herzblut a,
div.fuehrung a,
section.fuehrung a,
div.vision a,
section.vision a,
div.kompetenz a,
section.kompetenz a,
div.herzblut h1,
section.herzblut h1,
div.fuehrung h1,
section.fuehrung h1,
div.vision h1,
section.vision h1,
div.kompetenz h1,
section.kompetenz h1,
div.herzblut h2,
section.herzblut h2,
div.fuehrung h2,
section.fuehrung h2,
div.vision h2,
section.vision h2,
div.kompetenz h2,
section.kompetenz h2,
div.herzblut h3,
section.herzblut h3,
div.fuehrung h3,
section.fuehrung h3,
div.vision h3,
section.vision h3,
div.kompetenz h3,
section.kompetenz h3,
div.herzblut h4,
section.herzblut h4,
div.fuehrung h4,
section.fuehrung h4,
div.vision h4,
section.vision h4,
div.kompetenz h4,
section.kompetenz h4,
div.herzblut h5,
section.herzblut h5,
div.fuehrung h5,
section.fuehrung h5,
div.vision h5,
section.vision h5,
div.kompetenz h5,
section.kompetenz h5,
div.herzblut h6,
section.herzblut h6,
div.fuehrung h6,
section.fuehrung h6,
div.vision h6,
section.vision h6,
div.kompetenz h6,
section.kompetenz h6,
div.herzblut .title,
section.herzblut .title,
div.fuehrung .title,
section.fuehrung .title,
div.vision .title,
section.vision .title,
div.kompetenz .title,
section.kompetenz .title,
div.herzblut .descr,
section.herzblut .descr,
div.fuehrung .descr,
section.fuehrung .descr,
div.vision .descr,
section.vision .descr,
div.kompetenz .descr,
section.kompetenz .descr {
  color: #ffffff !important;
}
div.herzblut li:before,
section.herzblut li:before,
div.fuehrung li:before,
section.fuehrung li:before,
div.vision li:before,
section.vision li:before,
div.kompetenz li:before,
section.kompetenz li:before {
  color: #ffffff;
}
/*.video {
    color: white;
    opacity: 0.5;
    font-size: 70px;
    left: 50%;
    line-height: 70px;
    margin-left: -35px;
    position: absolute;
    top: 40%;
    cursor: pointer;
    z-index: 1000;
}*/
.video {
  color: #ffffff;
  opacity: 0.5;
  font-size: 70px;
  line-height: 70px;
  position: initial;
  cursor: pointer;
  z-index: 1000;
  margin: auto;
}
.video button {
  background-color: transparent;
  border-color: transparent;
}
.video .circle {
  background: #ffffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAeCAYAAADZ7LXbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiIAAC4iAari3ZIAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAE5SURBVEhL7dY/K4VhGMfxQ/6EiEhYMIrZrHgBsiu8ADJYTOQFMBiUkmIUAzbZ2bFRFgYMhPz3/Z6cd3BdLH71GZ5nuH/nPPd9PT2Fv0wzVtBYvErKPr5whm5vZMSFT2DRNfqRkiYcwKJHDCMl1djAJ94xiXKEx0UXYIlli6hEeMowhmdYtIN6pGQId3CfjtCGlPThAhadowcpaccxLLrBAFLSgF24R08YhXsXniosw6I3zCLtiM/gA5atIvyIWzKFV1iyDv9hWCrgcLq4wzqH0MdVhy14whzSCYTGISwd4VsMIjS9uERpGL0Ojb/4ARb4WmlFWByycZRO0DZqERZP0DycAy393AtLDdbg43nBNEJfHX6xHMKCe4wgtKALp7DgCikfEnuwwE+iTm9kpAObaCle/ef3Uih8A7lDSmkuqLWeAAAAAElFTkSuQmCC) no-repeat 22px 22px;
  height: 70px;
  width: 70px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: block;
}
.modal-content {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  position: relative;
  background-color: transparent;
  border: 0 solid transparent;
  border-radius: 0;
  outline: 0;
}
.modal-lg {
  width: 800px;
  padding: 0;
}
.modal-dialog {
  margin: 60px auto;
}
.imageLink {
  display: block;
  width: 100%;
  height: 100%;
}
.grayscale-on {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.grayscale-off .grayscale-on,
.grayscale-off:hover {
  -webkit-filter: grayscale(0);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
}

/****************************
	-	FANCY BOX TRICKS -
*****************************/
.fancybox-lock .fancybox-overlay {
  overflow-x: auto;
  overflow-y: hidden !important;
}
.mega-covercaption {
  padding: 21px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  position: absolute;
  left: 0px;
  min-height: 0px;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}
.mega-white {
  background: #fff;
}
.mega-white.mega-transparent {
  background: rgba(255, 255, 255, 0.8);
}
.mega-black {
  background: #000;
}
.mega-black.mega-transparent {
  background: rgba(0, 0, 0, 0.8);
}
.mega-turquoise {
  background: #43a1a9;
}
.mega-orange {
  background: #de921a;
}
.mega-green {
  background: #9ab534;
}
.mega-red {
  background: #d74f35;
}
.mega-violet {
  background: #791869;
}
.mega-blue {
  background: #034e92;
}
.mega-yellow {
  background: #f1c40f;
}
/*** THE DIRECTIONS OF CAPTIONS **/
.mega-square .mega-square-top {
  top: 0px;
  left: 0px;
  bottom: auto;
}
.mega-square .mega-square-bottom {
  bottom: 0px;
  left: 0px;
  top: auto;
}
.mega-square .mega-square-left {
  top: 0px;
  left: 0px;
  max-width: 50%;
  height: 100%;
}
.mega-square .mega-square-right {
  top: 0px;
  right: 0px;
  left: auto;
  width: 50%;
  height: 100%;
}
.mega-portrait .mega-portrait-top {
  top: 0px;
  left: 0px;
  bottom: auto;
}
.mega-portrait .mega-portrait-bottom {
  bottom: 0px;
  left: 0px;
  top: auto;
}
.mega-portrait .mega-portrait-left {
  top: 0px;
  left: 0px;
  width: 50%;
  height: 100%;
}
.mega-portrait .mega-portrait-right {
  top: 0px;
  right: 0px;
  left: auto;
  width: 50%;
  height: 100%;
}
.mega-landscape .mega-landscape-top {
  top: 0px;
  left: 0px;
  bottom: auto;
}
.mega-landscape .mega-landscape-bottom {
  bottom: 0px;
  left: 0px;
  top: auto;
}
.mega-landscape .mega-landscape-left {
  top: 0px;
  left: 0px;
  width: 50%;
  height: 100%;
}
.mega-landscape .mega-landscape-right {
  top: 0px;
  right: 0px;
  left: auto;
  width: 50%;
  height: 100%;
}
.mega-title {
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  font-weight: 300;
}
.mega-date {
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #666;
  font-weight: 200;
  margin-top: 0px;
}
.mega-covercaption p {
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #555;
  font-weight: 300;
  margin-top: 12px;
}
.mega-covercaption a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted #fff;
}
.mega-covercaption a:hover {
  text-decoration: none;
  border-bottom: 0;
}
.mega-withsocialbar.mega-covercaption {
  margin-bottom: 16px;
}
.mega-smallcaptions .mega-title {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.mega-smallcaptions .mega-date {
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
  color: #888;
}
.mega-white .mega-title {
  color: #000;
}
.mega-white .mega-date {
  color: #666;
}
.mega-white p {
  color: #555;
}
.mega-white.mega-covercaption a {
  color: #555;
  text-decoration: none;
  border-bottom: 1px dotted #555;
}
.mega-white.mega-covercaption a:hover {
  text-decoration: none;
  border-bottom: 0;
}
.mega-black .mega-title {
  color: #fff;
}
.mega-black .mega-date {
  color: #fff;
}
.mega-black p {
  color: #fff;
}
.mega-turquoise .mega-title,
.mega-turquoise .mega-date,
.mega-turquoise p {
  color: #fff;
}
.mega-orange .mega-title,
.mega-orange .mega-date,
.mega-orange p {
  color: #fff;
}
.mega-green .mega-title,
.mega-green .mega-date,
.mega-green p {
  color: #fff;
}
.mega-red .mega-title,
.mega-red .mega-date,
.mega-red p {
  color: #fff;
}
.mega-violet .mega-title,
.mega-violet .mega-date,
.mega-violet p {
  color: #fff;
}
.mega-blue .mega-title,
.mega-blue .mega-date,
.mega-blue p {
  color: #fff;
}
.fatcaption-top,
.fatcaption-bottom {
  text-align: center !important;
}
.fatcaption-top {
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #fff;
  margin-top: 0px;
  background: #000000;
  background: rgba(0, 0, 0, 0.8);
}
.fatcaption-bottom {
  opacity: 0.8;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #fff;
  margin-top: 0px;
  background: #000000;
  background: rgba(0, 0, 0, 0.8);
}
.gallerycaption-top {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  padding: 15px 0;
  font-size: 17px;
  line-height: 20px;
  font-weight: 600;
  color: #fff;
  margin-top: 0;
  background: #000000;
  background: rgba(0, 0, 0, 0.5);
}
.gallerycaption-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 15px 0px;
  font-size: 17px;
  line-height: 20px;
  font-weight: 600;
  color: #fff;
  margin-top: 0px;
  background: #000000;
  background: rgba(0, 0, 0, 0.5);
}
.gallerysubline {
  width: 100%;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  font-weight: 300;
  color: #ccc;
  margin-top: 2px;
}
.fatcaption-white {
  background: #fff;
  color: black;
}
.fatcaption-white.fatcaption-transparent {
  background: rgba(255, 255, 255, 0.8);
}
.fatcaption-black {
  background: #000;
}
.fatcaption-black.fatcaption-transparent {
  background: rgba(0, 0, 0, 0.8);
}
.fatcaption-turquoise {
  background: #43a1a9;
}
.fatcaption-orange {
  background: #de921a;
}
.fatcaption-green {
  background: #9ab534;
}
.fatcaption-red {
  background: #d74f35;
}
.fatcaption-violet {
  background: #791869;
}
.fatcaption-blue {
  background: #034e92;
}
.fatcaption-yellow {
  background: #f1c40f;
}
/** SET THE CAPTION SETTIGS UNDER LOWSIZE ENTRIES  **/
.mega-lowsize .mega-covercaption p {
  display: none;
}
.mega-lowsize .mega-title {
  font-size: 18px;
}
.mega-lowsize .mega-date {
  font-size: 13px;
}
/********************************
	-	CAPTION NORMAL LINKS
*********************************/
.mega-coverbuttons {
  max-width: 68px;
  max-height: 34px;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  left: 0px !important;
  top: 0px !important;
  bottom: auto !important;
}
.mega-entry-innerwrap:hover .mega-coverbuttons {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.mega-link {
  background-image: url("/Portals/0/2sxc/SM_Gallery/dist/gallery_megafolio/assets/link_clean.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 34px;
  height: 34px;
  float: left;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  cursor: pointer;
}
.mega-view {
  background-image: url("/Portals/0/2sxc/SM_Gallery/dist/gallery_megafolio/assets/zoom_clean.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 34px;
  height: 34px;
  float: left;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  cursor: pointer;
}
.mega-link:hover,
.mega-view:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
/*********************************************
	-	SOCIAL BAR AT THE BOTTOM PER mega-entry	-
***********************************************/
.mega-square .mega-square-bottom.mega-withsocialbar,
.mega-portrait .mega-portrait-bottom.mega-withsocialbar,
.mega-landscape .mega-landscape-bottom.mega-withsocialbar {
  padding-bottom: 25px;
}
.mega-socialbar {
  position: absolute;
  height: 16px;
  z-index: 10;
  bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  left: 0px;
  right: 0px;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  background: url("/Portals/0/2sxc/SM_Gallery/dist/gallery_megafolio/assets/socialbar-bg.png") repeat-x;
  border-top: 0;
  border-bottom: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 2px 10px;
  overflow: hidden;
}
.mega-socialbar span {
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: #777;
  font-weight: 300;
  line-height: 16px;
  text-shadow: 0px 1px 0px #fff;
}
.mega-soc {
  cursor: pointer;
  background-position: left 2px !important;
  min-width: 16px;
  height: 18px;
  margin-top: -2px;
}
.mega-soc:hover {
  background-position: left -14px !important;
}
.mega-soc span {
  margin-left: 20px;
  margin-right: 20px;
}
.mega-facebook {
  background: url("/Portals/0/2sxc/SM_Gallery/dist/gallery_megafolio/icons/facebook.png") no-repeat;
}
.mega-comments {
  background: url("/Portals/0/2sxc/SM_Gallery/dist/gallery_megafolio/icons/comments.png") no-repeat;
}
.mega-twitter {
  background: url("/Portals/0/2sxc/SM_Gallery/dist/gallery_megafolio/icons/twitter.png") no-repeat;
}
.mega-more {
  background: url("/Portals/0/2sxc/SM_Gallery/dist/gallery_megafolio/icons/more.png") no-repeat;
}
.mega-like {
  background: url("/Portals/0/2sxc/SM_Gallery/dist/gallery_megafolio/icons/like.png") no-repeat;
}
.mega-leftfloat {
  float: left;
  margin-right: 5px;
}
.mega-rightfloat {
  float: right;
}
.ie8 .mega-socialbar .mega-rightfloat,
.ie9 .mega-socialbar .mega-rightfloat {
  margin-right: 25px;
}
/****************************************************

	-	BASIC SETTINGS FOR GALLERY GRIDS	-

******************************************************/
.mega-entry .mega-entry-innerwrap {
  border: 5px solid #fff;
}
.noborder .mega-entry .mega-entry-innerwrap {
  border: 0px solid #fff;
}
.noborder .mega-entry .mega-entry-innerwrap {
  border: 0px solid #fff;
}
.light-bg-entries .mega-entry .mega-entry-innerwrap {
  background-color: #ccc !important;
}
.dark-bg-entries .mega-entry .mega-entry-innerwrap {
  background-color: #000000 !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.mega-entry {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: absolute;
  z-index: 2;
}
.mega-entry .mega-entry-innerwrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
  z-index: 2;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.ie8 .mega-entry,
.ie8 .mega-entry .mega-entry-innerwrap,
.ie9 .mega-entry,
.ie9 .mega-entry .mega-entry-innerwrap {
  overflow: hidden;
}
.mega-entry-innerwrap.pagetop {
  -webkit-transform-origin: 50% 0% 0;
  -moz-transform-origin: 50% 0% 0;
  transform-origin: 50% 0% 0;
}
.mega-entry-innerwrap.pagebottom {
  -webkit-transform-origin: 50% 100% 0;
  -moz-transform-origin: 50% 100% 0;
  transform-origin: 50% 100% 0;
}
.mega-entry-innerwrap.pagemiddle {
  -webkit-transform-origin: 50% 50% 0;
  -moz-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
}
.megafolio-container.norounded .mega-entry .mega-entry-innerwrap {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.megafolio-container-splash.norounded .mega-entry .mega-entry-innerwrap {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.mega-lightbox,
.oldmegalightbox {
  position: absolute;
  overflow: hidden;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.6);
  border: 1px solid #333;
  z-index: 1000;
  padding: 100px;
  background: url("/Portals/0/2sxc/SM_Gallery/dist/gallery_megafolio/assets/grain.png") repeat;
  background-color: rgba(20, 20, 20, 0.9);
  margin-left: -100px;
  margin-top: -100px;
}
.mega-lightbox .mediaholder,
.oldmegalightbox .mediaholder {
  border: 2px solid #fff;
  position: relative;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 3px 1px rgba(40, 40, 40, 0.6);
}
/** IE HACKS **/
.ieimg {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
}
.mega-mega-entry-added {
  visibility: hidden;
}
.mega-mega-entry-added .mega-socialbar,
.mega-mega-entry-added .mega-covercaption {
  visibility: hidden;
}
/*********************************************************

     -    MEGA PORTFOLIO HOVER EFFECTS     -

**********************************************************/
.mega-video-hoverview {
  width: 73px;
  height: 73px;
  position: absolute;
  top: 50%;
  text-align: center;
  margin-top: -15px;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.mega-video-hoverview {
  left: 50%;
  margin-left: -35px;
  background: url("/Portals/0/2sxc/SM_Gallery/dist/gallery_megafolio/assets/play.png") no-repeat center;
  -webkit-transform: translateZ(10);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  opacity: 0.9;
}
.mega-video-hoverview:hover {
  opacity: 0.6;
}
.mega-video-hover:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  /* Firefox 4 */
  -webkit-transition-delay: 0.1s;
  /* Safari and Chrome */
  -o-transition-delay: 0.1s;
  /* Opera */
}
.mega-video-hover:hover .mega-hovertitle {
  bottom: 46%;
  transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  /* Firefox 4 */
  -webkit-transition-delay: 0.1s;
  /* Safari and Chrome */
  -o-transition-delay: 0.1s;
  /* Opera */
}
.mega-hover:hover .mega-video-hoverview {
  transform: rotate(0deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
/****************************
		-	BASIC SETTINGS -
    *****************************/
.mega-hover {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("/Portals/0/2sxc/SM_Gallery/dist/gallery_megafolio/assets/grain.png") repeat;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  z-index: 9;
}
.norounded .mega-hover {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.mega-divider {
  position: absolute;
  top: 50%;
  width: 80%;
  left: 10%;
  border-bottom: 1px dashed #7b7c7e;
  border-top: 1px dashed #111;
}
.mega-hovertitle,
.mega-hoverlink,
.mega-hoverview {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  /* Firefox 4 */
  -webkit-transition-delay: 0.2s;
  /* Safari and Chrome */
  -o-transition-delay: 0.2s;
  /* Opera */
}
.mega-hovertitle {
  position: absolute;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-align: center !important;
  width: 60%;
  padding: 0px 0px 15px;
  left: 20%;
  bottom: 40%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.mega-hovertitle .mega-hoversubtitle {
  color: #aaa;
  font-size: 12px;
  line-height: 13px;
  font-weight: 300;
  margin-top: 5px;
  display: none;
  text-align: center;
}
.mega-hoverlink {
  right: 50%;
  margin-right: 33px;
  background: url("/Portals/0/2sxc/SM_Gallery/dist/gallery_megafolio/assets/link.png") no-repeat center;
  -webkit-transform: translateZ(10);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.mega-hoverview {
  left: 50%;
  margin-left: 33px;
  background: url("/Portals/0/2sxc/SM_Gallery/dist/gallery_megafolio/assets/lupe.png") no-repeat center;
  -webkit-transform: translateZ(10);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.mega-hoverlink,
.mega-hoverview {
  width: 33px;
  height: 33px;
  position: absolute;
  top: 50%;
  text-align: center;
  margin-top: 0px;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.mega-hover.alone .mega-hoverview {
  margin-left: -16px;
  margin-top: -20px;
}
.mega-hover.alone .mega-hoverlink {
  margin-right: -16px;
  margin-top: -20px;
}
/********************************
		-	 THE HOVER EFFECT -
	**********************************/
.mega-hover:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  /* Firefox 4 */
  -webkit-transition-delay: 0.1s;
  /* Safari and Chrome */
  -o-transition-delay: 0.1s;
  /* Opera */
}
.mega-hover:hover .mega-hovertitle {
  bottom: 50%;
  transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  /* Firefox 4 */
  -webkit-transition-delay: 0.1s;
  /* Safari and Chrome */
  -o-transition-delay: 0.1s;
  /* Opera */
}
.mega-hover:hover .mega-hovertitle,
.mega-hover:hover .mega-hoverlink,
.mega-hover:hover .mega-hoverview {
  transform: rotate(0deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.mega-hover:hover .mega-hoverlink {
  right: 50%;
  margin-right: 5px;
  transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  /* Firefox 4 */
  -webkit-transition-delay: 0.1s;
  /* Safari and Chrome */
  -o-transition-delay: 0.1s;
  /* Opera */
}
.mega-hover:hover .mega-hoverview {
  left: 50%;
  margin-left: 5px;
  transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  /* Firefox 4 */
  -webkit-transition-delay: 0.1s;
  /* Safari and Chrome */
  -o-transition-delay: 0.1s;
  /* Opera */
}
.mega-hover.alone:hover .mega-hoverview {
  margin-left: -16px;
  margin-top: 0px;
}
.mega-hover.notitle.alone:hover .mega-hoverview {
  margin-left: -16px;
  margin-top: -16px;
}
.mega-hover.notitle.alone:hover .mega-hoverlink {
  margin-right: -16px;
  margin-top: -16px;
}
.mega-hover:hover .mega-hoverlink:hover,
.mega-hover:hover .mega-hoverview:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.mega-hover.notitle .mega-hoverlink,
.mega-hover.notitle .mega-hoverview {
  margin-top: -16px;
}
/******************************
	-	THE FILTERS	-
********************************/
.clear {
  clear: both;
}
#LamtdGridGalleryID .filter_padder {
  padding: 0px 30px;
  /*LTD margin:40px auto 30px; */
  margin: 20px auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
}
#LamtdGridGalleryID .filter_wrapper {
  /*background:url("/Portals/0/2sxc/SM_Gallery/dist/gallery_megafolio/assets/tiles/topgradient.png") repeat-x;
							background-color:#040404;
							border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;*/
  padding: 0px 35px;
  position: relative;
  min-height: 40px;
  margin: auto;
  text-align: center;
}
/* .ie9 .filter_wrapper	{	max-width:650px;} */
.filter_wrapper.floated {
  float: left;
  margin-right: 50px;
}
.filter_list_wrapper {
  width: 150px;
  position: relative;
  margin: auto;
}
.filter {
  line-height: 35px;
  margin-right: 15px;
  font-size: 14px;
  color: #999;
  float: none;
  font-weight: 600;
  display: inline-block;
  padding: 0 20px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #ffffff;
  border: 2px solid #ececec;
  border-radius: 2px;
  color: #888888;
  cursor: pointer;
  font: 300 12px/29px "Open Sans", sans-serif;
  margin: 10px 10px 0 0;
  overflow: visible;
  padding: 0 17px;
  position: relative;
  transition: all 0.3s ease-in-out 0s;
}
.filter.selected {
  color: #fff;
  background-color: #5d5d5d;
  border-color: #5d5d5d;
}
.filter:hover {
  color: #fff;
  background-color: #888;
  border-color: #5d5d5d;
}
.filter.last-child {
  margin-right: 0px !important;
}
.filter_list_button {
  background: none repeat scroll 0 0 #f07830;
  padding: 0 50px 0 20px;
  position: relative;
  min-height: 40px;
  margin: auto;
  width: 100%;
  z-index: 1;
  margin-left: -40px;
  border-bottom: 1px solid #F5A373;
}
ul.filter_list {
  background: none repeat scroll 0 0 #f07830;
  padding: 25px 35px 5px !important;
  margin-left: -40px;
  position: absolute;
  z-index: 0;
  width: 100%;
  top: 15px;
  /*border-radius:0px 0px 20px 20px; -moz-border-radius:0px 0px 20px 20px; -webkit-border-radius:0px 0px 20px 20px;*/
  display: none;
  list-style: none;
}
.droplist.filter {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  display: inline;
  float: left;
  margin-left: -15px;
  padding: 2px 0 !important;
  width: 100%;
}
li.filter {
  list-style: none;
  max-width: 156px;
  background: none repeat scroll 0 0 #3288c4;
  line-height: 30px;
  font-size: 14px;
  color: #cdcdcd;
  font-weight: 600;
  cursor: pointer;
  float: none;
  margin-right: 0px !important;
  margin-left: -15px;
  padding-top: 7px;
}
.current-filter {
  max-width: 156px;
  line-height: 40px;
  font-size: 14px;
  color: #999;
  font-weight: 600;
  cursor: pointer;
  float: none;
  margin-right: 0px !important;
}
.filter_wrapper_list li.filter:hover,
.current-filter,
.filter_wrapper_list li.filter.selected {
  color: #fff;
}
@media only screen and (max-width: 961px) {
  .filter_wrapper.floated {
    margin: auto;
    float: none;
  }
  .filter_list_wrapper {
    width: 216px;
    float: none;
    clear: both;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 420px) {
  .filter {
    float: none;
    text-align: center;
    margin-right: 0px;
    line-height: 30px;
  }
}
/***********************************************************
	-  EXAMPLES FOR COLORED BG OF ENTRIES in Example 10 -
************************************************************/
.mega-entry.mega-bg-1 .mega-entry-innerwrap {
  background-color: #f32390 !important;
}
.mega-entry.mega-bg-2 .mega-entry-innerwrap {
  background-color: #d69b12 !important;
}
.mega-entry.mega-bg-3 .mega-entry-innerwrap {
  background-color: #7bce8b !important;
}

.sm_font {
  color: #000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
}
.sm_font_small {
  color: #000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 1.2rem;
  line-height: 1;
}
.sm_font_normal {
  color: #000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.sm_font_large {
  color: #000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 2.6rem;
  line-height: 1.5;
}
.sm_font_extralarge {
  color: #000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 3.2rem;
  line-height: 1.5;
}
.sm_font_superlarge {
  color: #000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 4rem;
  line-height: 1.5;
}
.sm_font_regular {
  color: #000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
}
.sm_font_regular_small {
  color: #000;
  font-family: Lato, Arial;
  letter-spacing: 1px;
  font-size: 1.2rem;
  line-height: 1;
}
.sm_font_regular_normal {
  color: #000;
  letter-spacing: 1px;
  font-family: Lato, Arial;
  line-height: 1.5;
}
.sm_font_regular_large {
  color: #000;
  letter-spacing: 1px;
  font-family: Lato, Arial;
  line-height: 1.5;
}
.sm_font_regular_extralarge {
  color: #000;
  letter-spacing: 1px;
  font-family: Lato, Arial;
  line-height: 1.5;
}
.sm_font_regular_superlarge {
  color: #000;
  letter-spacing: 1px;
  font-family: Lato, Arial;
  line-height: 1.5;
}
/*@width-boxed: 1170px;*/
* {
  box-sizing: border-box;
}
.megafolio-outer-container .filter_padder {
  margin-bottom: 10px;
  text-align: center;
}
.megafolio-outer-container .megafolio-container {
  position: relative;
}
.megafolio-outer-container .dnntitle {
  padding: 0;
}
.megafolio-outer-container .box {
  /*padding: 1em;*/
  margin: 0;
  overflow: hidden;
  padding: 20px;
}
.megafolio-outer-container .box.border {
  border: 1px solid #9c9ea5;
}
.megafolio-outer-container .title,
.megafolio-outer-container .title p {
  font-weight: bold;
}
.megafolio-outer-container div.transparent,
.megafolio-outer-container div.transparent .mega-entry-innerwrap {
  background-color: #fff !important;
}
.megafolio-outer-container div.white,
.megafolio-outer-container div.white .mega-entry-innerwrap {
  background-color: #fff !important;
}
.megafolio-outer-container div.herzblut,
.megafolio-outer-container div.herzblut .mega-entry-innerwrap {
  background-color: #de007d !important;
}
.megafolio-outer-container div.fuehrung,
.megafolio-outer-container div.fuehrung .mega-entry-innerwrap {
  background-color: #134962 !important;
}
.megafolio-outer-container div.kompetenz,
.megafolio-outer-container div.kompetenz .mega-entry-innerwrap {
  background-color: #007871 !important;
}
.megafolio-outer-container div.vision,
.megafolio-outer-container div.vision .mega-entry-innerwrap {
  background-color: #58b88e !important;
}
.megafolio-outer-container div.herzblut span,
.megafolio-outer-container div.fuehrung span,
.megafolio-outer-container div.vision span,
.megafolio-outer-container div.kompetenz span,
.megafolio-outer-container div.herzblut p,
.megafolio-outer-container div.fuehrung p,
.megafolio-outer-container div.vision p,
.megafolio-outer-container div.kompetenz p,
.megafolio-outer-container div.herzblut a,
.megafolio-outer-container div.fuehrung a,
.megafolio-outer-container div.vision a,
.megafolio-outer-container div.kompetenz a {
  color: #fff !important;
}
.megafolio-outer-container div .inner p,
.megafolio-outer-container div .inner.link {
  text-align: left;
}
.megafolio-outer-container .mega-entry .inner-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.megafolio-outer-container .mega-entry .inner.title p {
  text-align: left;
  margin: 0 0 8px 20px;
  font-size: 2rem;
}
.megafolio-outer-container .mega-entry .inner.descr p {
  text-align: left;
  margin: 0 0 8px 20px;
  font-size: 1.2rem;
}
.megafolio-outer-container .mega-entry .inner.link {
  text-align: left;
  margin: 0 0 20px 20px;
  width: 100%;
  height: 100%;
}
.megafolio-outer-container .mega-entry hr.inner {
  display: none;
}
.megafolio-outer-container .mega-entry.centerContent .inner-text {
  justify-content: center;
}
.megafolio-outer-container .mega-entry.centerContent .inner.title p {
  text-align: center;
  margin: 0 0 8px 0;
}
.megafolio-outer-container .mega-entry.centerContent .inner.descr p {
  text-align: center;
  margin: 0;
}
.megafolio-outer-container .mega-entry.centerContent .inner.link {
  text-align: center;
  margin: 0 0 20px 0;
  width: 100%;
  height: 100%;
}
.megafolio-outer-container .mega-entry.centerContent hr.inner {
  margin: 10px 20%;
}
.mega-entry .mega-entry-innerwrap {
  border: 0px solid #fff;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
/* alignment of content */
.title-left .gallerycaption-top,
.title-left .gallerycaption-bottom,
.titleimage-left .gallerycaption-top,
.titleimage-left .gallerycaption-bottom {
  text-align: left;
}
.title-right .gallerycaption-top,
.title-right .gallerycaption-bottom,
.titleimage-right .gallerycaption-top,
.titleimage-right .gallerycaption-bottom {
  text-align: right;
}
.title-center .gallerycaption-top,
.title-center .gallerycaption-bottom,
.titleimage-center .gallerycaption-top,
.titleimage-center .gallerycaption-bottom {
  text-align: center;
}
/* height of caption images */
.gallerycaption-top img,
.gallerycaption-bottom img {
  height: 50px;
  margin: 0 10px;
}
/* background of caption images */
.caption-white .gallerycaption-top,
.caption-white .gallerycaption-bottom {
  background: rgba(255, 255, 255, 0.5);
}

@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}


@media all{.co-header img{width:100%}.co-content{margin-bottom:30px}.co-text-beside-image h1,.co-text-beside-image h2,.co-text-beside-image h3,.co-text-beside-image h4,.co-text-beside-image h5,.co-text-beside-image h6{margin-top:0}.co-content-image{margin-bottom:30px;width:100%}.co-navigation .glyphicon.glyphicon-menu-right.glyphicon-right-custom{font-size:15px;vertical-align:middle}.co-navigation.co-navigation-image h3{margin-top:.3em}.co-navigation.co-navigation-image a span.glyphicon{font-size:.6em;margin-right:.2em}.co-navigation.co-navigation-image .co-img-placeholder{background:#5c4483;padding-bottom:50%}.co-navigation img{width:100%}.co-navigation .co-img-wrapper{margin-bottom:20px}.co-navigation a.co-link-box{display:block;text-decoration:none;color:#555}.co-navigation a.co-link-box .co-icon{font-size:2em}.co-navigation a.co-link-box .co-img-wrapper{background:#5c4483;overflow:hidden}.co-navigation a.co-link-box .co-img-wrapper img{position:relative;transition:opacity .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.co-navigation a.co-link-box:hover{color:#555}.co-navigation a.co-link-box:hover .co-overlay{background-color:rgba(34,34,34,.4)}.co-navigation-icon h3{margin-top:5px}.co-navigation-icon .co-icon{font-size:2em}.co-img-wrapper,.co-img-wrapper .co-img-imagelist{margin-bottom:30px}}@media (max-width:576px){.co-img-wrapper .co-img-imagelist{width:100%}}@media all{.co-img-wrapper a:hover .co-overlay{background-color:rgba(34,34,34,.4)}.co-img-wrapper figure{position:relative;margin-bottom:0}.co-img-wrapper figure .co-overlay{position:absolute;top:0;left:0;bottom:0;z-index:10;width:100%;background-color:transparent;transition:background-color .2s ease-in-out}.co-img-wrapper figure .co-overlay figcaption{position:absolute;left:0;bottom:0;width:100%;padding:20px;font-size:.85em;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,rgba(0,0,0,.7));color:#fff}.co-img-wrapper.co-2colimg{margin-bottom:0}ul.co-documents{padding:0}ul.co-documents,ul.co-documents li{list-style-type:none}ul.co-documents .co-document .glyphicon{font-size:17px;line-height:1.2em}ul.co-documents .co-document a,ul.co-documents .co-document a:link,ul.co-documents .co-document a:link p,ul.co-documents .co-document a:visited,ul.co-documents .co-document a:visited p,ul.co-documents .co-document a p{color:#555;text-decoration:none}ul.co-documents .co-document-text{margin-left:30px}}@media (min-width:992px){.co-google-map-container{margin-top:25px;margin-bottom:25px}}@media (min-width:768px){.ly-header-pane .co-google-map-container{padding-bottom:35%}}@media all{.ly-header-pane .co-google-map-container{margin-top:0;margin-bottom:0}.googlemap-apiwarning{position:absolute;z-index:100;top:0;left:0;right:0}.co-contactmap address{padding:15px 0}.co-contactmap .co-address,.co-contactmap .co-company,.co-contactmap .co-details{margin-bottom:15px}.role-admin .co-separatingline{padding:15px 0}hr.ly-darkhr{border-color:#777}hr.ly-primaryhr{border-color:#5c4483}hr.ly-primaryhr-half{width:50%;margin-right:auto;margin-left:auto}.co-person{overflow:hidden}.co-person-wrapper img{width:100%}.co-person-text{word-wrap:break-word}.co-person-text strong{font-size:1.25em}.co-person-text svg{min-width:20px}.co-person-placeholder{background:#777;padding-bottom:128%}.co-person-image-rounded .co-person-image-wrapper{border-radius:50%;overflow:hidden}.co-person-image-rounded .co-person-image-wrapper img{-webkit-backface-visibility:hidden;backface-visibility:hidden}.co-person-image-rounded .co-person-placeholder{border-radius:50%;padding-bottom:100%}.co-person-wrapper .co-person-image{width:50%;margin-bottom:15px;padding-right:19px}.co-person-wrapper .co-person-text{width:100%}.role-admin .co-youtube-video-wrapper{padding-top:40px}a.co-video figure{position:relative}a.co-video figure .overlay{position:absolute;z-index:1;left:0;top:0;transition:background-color .3s ease-in-out;display:flex;justify-content:center;align-items:center;width:100%;height:100%}a.co-video figure svg{font-size:72px;color:#fff;transition:color .3s ease-in-out}a.co-video:hover svg{color:red}a.co-video:hover .overlay{background-color:rgba(34,34,34,.4)}}.mb-4,.mb-4 mb-md-5{margin-bottom:30px!important}
/*# sourceMappingURL=bs3.min.css.map */

/*
 * This file was auto-generated using SASS
 * You can manually modify it - but usually you will want to 
 * Re-generate it using the SASS variables of your theme
*/
.app-news.app-news-detail .app-content {
  margin: 0 auto;
  margin-bottom: 20px; }
  @media (min-width: 992px) {
    .app-news.app-news-detail .app-content {
      margin-bottom: 30px; } }
  .app-news.app-news-detail .app-content .app-date, .app-news.app-news-detail .app-content .app-categories {
    font-size: 12.8px;
    font-weight: bold;
    text-transform: uppercase; }
  .app-news.app-news-detail .app-content .app-date.app-date-border {
    border-right: 1px solid #555555;
    padding-right: 4px;
    margin-right: 4px; }
  .app-news.app-news-detail .app-content .app-categories {
    color: #5C4483;
    letter-spacing: 1px;
    margin-right: 8px; }
  .app-news.app-news-detail .app-content .app-news-detail-img {
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .app-news.app-news-detail .app-content .app-news-detail-img {
        float: right;
        width: 47%;
        margin-left: 6%; } }
    .app-news.app-news-detail .app-content .app-news-detail-img.app-news-missing-img {
      text-align: center; }
    .app-news.app-news-detail .app-content .app-news-detail-img.app-noimg {
      background: #e9ecef;
      padding: 60px 0; }

.app-news.app-news-detail .app-news-detail-teaser {
  font-weight: 700; }

.app-news.sc-element > .sc-menu > li > a > div {
  background-color: #666666; }

.app-news.app-edit {
  padding-top: 40px; }

.app-news.app-news-list .col,
.app-news.app-news-list > .row > .col-12 {
  margin-bottom: 30px; }
  @media (min-width: 992px) {
    .app-news.app-news-list .col,
    .app-news.app-news-list > .row > .col-12 {
      margin-bottom: 45px; } }

.app-news.app-news-list .app-catinfo {
  margin-bottom: 20px; }

.app-news.app-news-list .app-details-link {
  cursor: pointer; }
  .app-news.app-news-list .app-details-link .app-img {
    position: relative;
    margin-bottom: 20px;
    text-align: center; }
    .app-news.app-news-list .app-details-link .app-img.app-noimg {
      background: #e9ecef;
      height: 100%;
      width: 100%;
      max-height: 209px; }
      @media (max-width: 768px) {
        .app-news.app-news-list .app-details-link .app-img.app-noimg {
          height: 431px;
          max-height: inherit; } }
      .app-news.app-news-list .app-details-link .app-img.app-noimg img {
        max-width: 120px;
        margin-top: 50px; }
        @media (max-width: 768px) {
          .app-news.app-news-list .app-details-link .app-img.app-noimg img {
            max-width: 220px;
            margin-top: 130px; } }
    .app-news.app-news-list .app-details-link .app-img span {
      position: absolute;
      background: rgba(92, 68, 131, 0.8);
      opacity: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      z-index: 10;
      transition: opacity ease-in 0.18s; }
      .app-news.app-news-list .app-details-link .app-img span i {
        display: block;
        text-align: center;
        color: #FFF;
        font-size: 30px;
        top: 50%;
        line-height: 0; }
    .app-news.app-news-list .app-details-link .app-img.app-no-img {
      background: #777777 url("/Portals/0/2sxc/News/res/missing_img.png") center center no-repeat;
      background-size: 35%; }
  .app-news.app-news-list .app-details-link .app-text h3.app-list, .app-news.app-news-list .app-details-link .app-text h2.app-list {
    margin-top: 15px;
    margin-top: 0; }
  .app-news.app-news-list .app-details-link .app-text span {
    font-size: 12.8px;
    font-weight: bold; }
  .app-news.app-news-list .app-details-link .app-text .app-date.app-date-border {
    border-right: 1px solid #555555;
    padding-right: 8px;
    margin-right: 4px; }
  .app-news.app-news-list .app-details-link .app-text .app-categories a {
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-right: 8px; }
  .app-news.app-news-list .app-details-link .app-text p {
    margin-top: 15px; }
  .app-news.app-news-list .app-details-link .app-readmore {
    color: #5C4483; }
  .app-news.app-news-list .app-details-link:hover .app-img span {
    opacity: 1; }
  .app-news.app-news-list .app-details-link:hover .app-text h3, .app-news.app-news-list .app-details-link:hover .app-text h2 {
    color: #5C4483; }
  .app-news.app-news-list .app-details-link:hover .app-readmore {
    color: #555555; }

.app-news .app-news-paging {
  width: 100%;
  text-align: center;
  margin-top: 30px; }
  .app-news .app-news-paging > a {
    display: inline-block;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    padding-top: 4px;
    color: #666;
    transition: background .2s ease, color .2s ease; }
    .app-news .app-news-paging > a:hover {
      background: #5C4483;
      color: #fff; }
    .app-news .app-news-paging > a.app-news-paging-active {
      background: #5C4483;
      color: #fff; }
    .app-news .app-news-paging > a.app-news-prev-pager {
      background: #fff; }
    .app-news .app-news-paging > a.app-news-next-pager {
      background: #fff; }

.app-news .app-events-pill {
  height: 10px;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid #e74c3c;
  padding: 5px;
  color: #e74c3c;
  border-radius: 8px;
  font-family: Helvetica;
  vertical-align: middle; }

.app-news .warning-admins {
  width: 100%; }

/*  Bootstrap Clearfix auto-clear */
@media (min-width: 1200px) {
  .auto-clear .col-lg-1:nth-child(12n+1), .auto-clear .col-lg-2:nth-child(6n+1), .auto-clear .col-lg-3:nth-child(4n+1), .auto-clear .col-lg-4:nth-child(3n+1), .auto-clear .col-lg-6:nth-child(odd) {
    clear: left; } }

@media (min-width: 992px) {
  .auto-clear .col-md-1:nth-child(12n+1), .auto-clear .col-md-2:nth-child(6n+1), .auto-clear .col-md-3:nth-child(4n+1), .auto-clear .col-md-4:nth-child(3n+1), .auto-clear .col-md-6:nth-child(odd) {
    clear: left; } }

@media (min-width: 768px) {
  .auto-clear .col-sm-1:nth-child(12n+1), .auto-clear .col-sm-2:nth-child(6n+1), .auto-clear .col-sm-3:nth-child(4n+1), .auto-clear .col-sm-4:nth-child(3n+1), .auto-clear .col-sm-6:nth-child(odd) {
    clear: left; } }

@media (min-width: 576px) {
  .auto-clear .col-xs-1:nth-child(12n+1), .auto-clear .col-xs-2:nth-child(6n+1), .auto-clear .col-xs-3:nth-child(4n+1), .auto-clear .col-xs-4:nth-child(3n+1), .auto-clear .col-xs-6:nth-child(odd) {
    clear: left; } }

/*# sourceMappingURL=bs3.css.map */


/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/Portals/0/2sxc/Content/dist/carousel_default/css/v2.2.1/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }


/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }


.content .c_contentpane {
	padding: 5px 5px 0 5px !important;
}