/* Minification failed. Returning unminified contents.
(4537,1): run-time error CSS1019: Unexpected token, found '@charset'
(4537,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(4537,17): run-time error CSS1019: Unexpected token, found ';'
(4574,1): run-time error CSS1019: Unexpected token, found '@charset'
(4574,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(4574,17): run-time error CSS1019: Unexpected token, found ';'
 */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: Verdana;
}

h1 {
    font-size: 18px;
}

html, body {
    height: 100%;
    min-width: 760px;
}

body {
    margin: 0;
    text-align: center;
    color: #706f6f;
    font-family: Verdana;
    font-size: 11px;
    line-height: 1;
    background: url("../images/portal-content-bg.png") repeat-x fixed 0 93px transparent;
}

p {
    margin: 0;
    padding: 0;
}

.outer {
    width: 100%;
    float: left;
}

.inner {
    margin: 0 auto;
    padding: 0 20px;
    text-align: left;
}

.clear {
    clear: both;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -68px;
    position: relative;
}

/*....................................... Style for header .................................................................*/
#header {
    display: block;
    clear: both;
    height: 160px;
}

.header_top {
    display: block;
    clear: both;
    width: 970px;
    background: #fff;
    height: 93px;
    border-bottom: 2px solid #ccc;
    position: fixed;
    z-index: 100;
}

.header_bottom {
    display: block;
    clear: both;
    position: fixed;
    top: 93px;
    background: url("../images/portal-content-bg.png") repeat-x;
    z-index: 100;
    width: 970px;
}

#header h1.logo {
    float: left;
    margin: 0;
    padding: 0;
    width: 123px;
    height: 84px;
}

h1.logo a {
    display: block;
    text-indent: -5000px;
}

    h1.logo a img {
        border: none;
    }

.language {
    float: right;
    width: auto;
    margin: 9px 0 0 0;
}

    .language a {
        margin: 0 0 0 7px;
        float: left;
    }

.nav {
    float: left;
    margin: 53px 0 0 68px;
}

    .nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .nav ul li {
            margin: 0;
            padding: 0 20px;
            float: left;
            position: relative;
        }

            .nav ul li a {
                display: block;
                margin: 0;
                padding: 0 0 22px 0;
                font-size: 18px;
                color: #007fbe;
                text-decoration: none;
                text-transform: uppercase;
                text-align: center;
            }

    .nav li a:hover {
        color: #003951;
    }

    .nav li a.active {
        color: #003951;
        background: url(../images/nav-border.png) repeat-x 0 bottom;
    }

/*....................................... Style for banner .................................................................*/
#banner {
    background: url(../images/banner-bg.png) repeat-x;
    min-height: 375px;
}

.banner_inner {
    width: 970px;
    min-height: 375px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

#banner_section.outer {
    background: url(../images/banner-top.png) repeat-x #003754;
}

.banner_section_bottom {
    background: url(../images/banner-bottom.png) repeat-x #c5c5c5;
    min-height: 95px;
}

#banner_section h2 {
    font-size: 22px;
    color: #fff;
    padding: 49px 0 15px 0;
    font-weight: bold;
}

#banner_section p {
    font-size: 14px;
    color: #3c3c3b;
    padding: 19px 400px 18px 0;
    line-height: 18px;
}

.img_holder {
    float: left;
    width: 547px;
    height: 317px;
    background: #ffffff;
    margin: 26px 0 0 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

    .img_holder img {
        margin: 12px;
    }

.deltoid_shadow {
    background: url(../images/box-shadow-1.png) no-repeat;
    width: 532px;
    height: 31px;
    margin-top: 1px;
}

.banner_text {
    width: 343px;
    float: left;
    margin: 68px 0 0 28px;
}

#banner h2 {
    font-size: 25px;
    line-height: 28px;
    color: #fff;
    padding: 0 38px 0 0;
    font-weight: bold;
}

.another_color {
    color: #ec601c;
}

#banner p {
    font-size: 14px;
    padding: 15px 25px 20px 0;
    line-height: 19px;
    color: #fff;
}

#banner a.more-btn {
    background: url(../images/more.png) no-repeat;
    width: 225px;
    height: 52px;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 42px;
    margin: 0;
    padding: 0 0 0 28px;
    text-decoration: none;
    position: absolute;
    bottom: 40px;
    right: 141px;
    font-weight: bold;
}

a.more-btn:hover {
    color: #FFFFFF;
}

.dot_nav {
    position: absolute;
    width: auto;
    bottom: 80px;
    right: 30px;
}

    .dot_nav a {
        margin: 0;
        background: url(../images/nav_dots.png) no-repeat;
        display: inline-block;
        width: 20px;
        height: 20px;
    }

        .dot_nav a.current {
            background-position: 0 -31px;
        }
/*....................................... Style for article .................................................................*/
#article {
    background: #fff;
}

.first_col {
    float: left;
    width: 297px;
    margin: 42px 39px 0 0;
}

.last_col {
    float: right;
    width: 297px;
    margin: 42px 0 0 0;
}

.img_frame {
    width: 297px;
    height: 194px;
    background: #f3f3f3;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

    .img_frame img {
        margin: 11px 10px 10px 11px;
    }

#article h2 {
    font-size: 22px;
    color: #ec601c;
    padding: 26px 0 8px 10px;
    font-weight: bold;
}

#article p {
    font-size: 13px;
    color: #706f6f;
    padding: 0 0 23px 10px;
    line-height: 18px;
}

a.more-btn {
    background: url(../images/more-1.png) no-repeat;
    height: 30px;
    color: #FFFFFF;
    font-size: 16px;
    margin: 0 0 30px 11px;
    padding: 7px 66px 5px 12px;
    text-decoration: none;
    display: block;
    font-weight: bold;
}

.inner_first_col {
    float: left;
    width: 657px;
    margin: 42px 0 0 0;
    padding: 0 0 100px 0;
}

#article .inner_first_col p {
    font-size: 13px;
    color: #706f6f;
    padding: 0 20px 23px 2px;
    line-height: 18px;
}

a.more-btn-1 {
    background: url(../images/more-2.png) no-repeat;
    width: 225px;
    height: 52px;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 42px;
    margin: 5px 0 0 0;
    padding: 0 0 0 28px;
    text-decoration: none;
    display: block;
    font-weight: bold;
}

    a.more-btn-1:hover {
        color: #FFFFFF;
    }

.inside_col_1 {
    width: 100%;
    border-right: 1px solid #cce5f2;
    float: left;
}

.block_section {
    width: 100%;
}

.img_frame_1 {
    width: 207px;
    height: 135px;
    background: #f3f3f3;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    margin: 0 9px 26px 0;
    float: left;
}

    .img_frame_1 img {
        margin: 7px 6px 7px 7px;
    }

.inside_col {
    width: 328px;
    float: left;
}

.inner_second_col {
    width: 296px;
    float: right;
    margin: 42px 0 0 0;
}

#article h3 {
    font-size: 15px;
    color: #007fbe;
    font-weight: bold;
}

#article .inner_second_col p {
    font-size: 17px;
    color: #007fbe;
    padding: 17px 25px 7px 10px;
    line-height: 18px;
    font-style: italic;
}

#article h5 {
    font-size: 11px;
    color: #3c3c3b;
    padding: 0 0 10px 13px;
}

#article .inner_second_col p span {
    color: #706f6f;
}

.contact {
    width: 100%;
    margin: 10px 0 0 0;
}

    .contact input {
        background: #f2f2f2;
        font-size: 13px;
        width: 296px;
        height: 23px;
        margin: 0 0 9px 0;
        padding: 0 0 0 15px;
        color: #3C3C3B;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: none;
        -moz-box-shadow: inset 2px 2px 2px #a9a9a9;
        -webkit-box-shadow: inset 2px 2px 2px #a9a9a9;
        box-shadow: inset 2px 2px 2px #a9a9a9;
    }

    .contact textarea {
        background: #f2f2f2;
        width: 296px;
        height: 111px;
        margin: 0 0 9px 0;
        padding: 10px 0 0 15px;
        font-family: Verdana;
        color: #3C3C3B;
        font-size: 13px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: none;
        -moz-box-shadow: inset 2px 2px 2px #a9a9a9;
        -webkit-box-shadow: inset 2px 2px 2px #a9a9a9;
        box-shadow: inset 2px 2px 2px #a9a9a9;
    }

    .contact button {
        margin: 0 0 24px 183px;
        width: 119px;
        height: 38px;
        background: url(../images/button.png) no-repeat;
        text-align: center;
        padding: 0 0 11px 0;
        display: block;
        font-size: 16px;
        border: none;
        cursor: pointer;
        color: #fff;
        font-weight: bold;
    }

        .contact button:hover {
            color: #fff;
        }
/*....................................... Style for footer .................................................................*/

footer {
    display: block;
    clear: both;
    background: url("../images/bottomTopBg.png") repeat-x scroll;
}

footer, .push {
    height: 68px;
}

.footer_content {
    float: left;
    width: 161px;
}

#footer ul {
    margin: 37px 0 35px 0;
    list-style: none;
    padding: 0;
}

    #footer ul li {
        margin: 0;
        padding: 0;
        line-height: 27px;
        color: #fff;
        font-size: 14px;
    }

        #footer ul li a {
            margin: 0;
            padding: 0;
            color: #fff;
            text-decoration: none;
        }

        #footer ul li:first-child {
            font-size: 15px;
            color: #007fbe;
        }

#copyright {
    color: #003951;
    font-size: 12px;
    background-color: #e5e5e5;
    padding: 28px 0;
    font-weight: bold;
}

    #copyright span {
        font-size: 9px;
    }

#portal_content {
    display: block;
    clear: both;
    position: relative;
    z-index: 10;
    /* background: url(../images/portal-content-bg.png) repeat-x #fff; */
}

ul.breadcrumbs {
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumbs li {
    float: left;
}

    .breadcrumbs li a {
        display: block;
        margin: 0;
        padding: 26px 0 26px 8px;
        font-size: 12px;
        font-weight: bold;
        color: #224b5f;
        text-decoration: none;
    }

        .breadcrumbs li.active a, .breadcrumbs li a:hover {
            color: #0b7ebd;
        }

/*-----------------Login block-------------------*/
.login-block {
    display: block;
    clear: both;
    width: 430px;
    padding: 10px;
    margin: 0 auto;
    border: 2px solid #e3e3e3;
    border-radius: 9px;
    font-size: 12px;
    line-height: 24px;
}

    .login-block h2 {
        color: #ec601c;
        padding: 0 0 10px 0;
        margin: 0 0 10px;
        border-bottom: 1px solid #e3e3e3;
    }

    .login-block td {
        vertical-align: top;
    }

    .login-block input[type="text"], .login-block input[type="password"] {
        background-color: #F1F1F1;
        border: medium none;
        border-radius: 3px 3px 3px 3px;
        box-shadow: 1px 1px 3px 0 #878787 inset;
        color: #B7B6B6;
        display: block;
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        overflow: hidden;
        padding: 0 9px;
        width: 200px;
        font-family: Verdana;
    }

    .login-block input[type="submit"] {
        color: #003951;
        background: none;
        border: 1px solid #c9c9c9;
        color: #003951;
        cursor: pointer;
        float: right;
        height: 27px;
        margin: 0 0 1px;
        text-transform: uppercase;
        width: 97px;
        border-radius: 3px;
        *border: 0 none;
        *background: #E3E3E3;
    }

        .login-block input[type="submit"]:hover {
            border: 1px solid #92c8e3;
            *border: 0 none;
        }

    .login-block label {
        cursor: pointer;
    }

    .login-block .validation-summary-errors ul li, span.field-validation-error {
        color: #d90303;
    }

    .login-block .ui-corner-all {
        border: 0;
        background: url(../images/remember_password.png) no-repeat left -25px;
        color: #706F6F;
        padding: 0 0 0 8px;
        width: 172px;
        text-align: left;
    }

        .login-block .ui-corner-all.ui-state-active {
            background: url(../images/remember_password.png) no-repeat left 0;
        }

/*-----------Permissies---------*/
div.availableGroups, div.usersGroups {
    display: block;
    float: left;
    width: 215px;
    text-align: left;
}

table#availableGroups, table#usersGroups {
    width: 100%;
}

div.availableGroups table tr:nth-child(2n),
div.usersGroups table tr:nth-child(2n),
#groupTable tr:nth-child(2n),
table.revisie tr:nth-child(2n) {
    background: none repeat scroll 0 0 #F2F7F8;
}

div.availableGroups table tr:nth-child(2n+1),
div.usersGroups table tr:nth-child(2n+1),
#groupTable tr:nth-child(2n+1),
table.revisie tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #F3F3F3;
}

div.availableGroups table tr[data-selected="selected"],
div.usersGroups table tr[data-selected="selected"],
#groupTable tr[data-selected="selected"],
#groupTable tr.selected {
    background: none repeat scroll 0 0 #597BA9;
    color: #fff;
}

div.availableGroups th,
div.usersGroups th,
#groupTable th,
.permissionTable th,
.revisie th {
    padding: 5px 10px;
    background: #597BA9;
    background: linear-gradient(to bottom, #597BA9 0, #386AAA 4%, #3062A3 9%, #3464A3 13%, #32619F 26%, #274E7F 96%, #2D4A79 100%) repeat;
    color: #fff;
    vertical-align: middle;
    font-weight: normal;
    text-align: left;
    border-radius: 3px;
}

div.availableGroups td,
div.usersGroups td,
#groupTable td,
.revisie td {
    border-radius: 3px 3px 3px 3px;
    margin: 1px;
    padding: 5px 10px;
    vertical-align: middle;
    cursor: pointer;
}

.revisie td {
    cursor: default;
    text-align: left;
}

    .revisie td:first-child {
        text-align: center;
    }

.buttonsAddRemove a {
    display: block;
    text-decoration: none;
    border: 1px solid #bababa;
    box-shadow: none;
    color: #003951;
    cursor: pointer;
    width: 25px;
    height: 20px;
    padding: 5px 0 0 0;
    border-radius: 4px;
    text-align: center;
    background: url('../images/controls.png') no-repeat;
}

    .buttonsAddRemove a#linkGroup {
        background-position: -363px -26px;
    }

        .buttonsAddRemove a#linkGroup:hover {
            background-position: -363px 2px;
        }

    .buttonsAddRemove a#removeGroup {
        background-position: -335px -26px;
    }

        .buttonsAddRemove a#removeGroup:hover {
            background-position: -335px 2px;
        }

    .buttonsAddRemove a:hover {
        border: 1px solid #86bbd6;
    }

table.w100 {
    width: 100%;
}

.permissionTable {
    width: 250px;
    margin: 0 0 0 20px;
    padding: 5px;
    float: left;
    box-shadow: 1px 1px 3px 0 #878787 inset;
    border-radius: 4px;
}

#groupTable {
    display: block;
    float: left;
    width: 230px;
}

    #groupTable td {
        width: 210px;
        text-align: left;
    }

.permissionTable th {
    background: 0 none;
    color: #706F6F;
    font-weight: bold;
}

.permissionTable td:first-child {
    text-align: left;
}

#changeDescription label {
    display: block;
    clear: both;
    text-align: left;
    margin: 0 0 2px;
}

#changeDescription textarea {
    height: 165px;
}

.barcodeContainer .barcodeTitle {
    text-align: center;
}

.barcodeImage {
    margin-top: 15px;
}


.toggleRadio {
    display: inline-block;
    clear: both;
    margin-top: 35px;
    padding: 0;
}

    .toggleRadio .ui-button-text-only .ui-button-text {
        padding: 15px;
    }

#addFileItemForm .toggleRadio label {
    margin: 0;
    padding: 0;
}

#addFileItemForm .ui-state-default {
    display: block;
    clear: both;
    opacity: 0.8;
    padding: 5px;
    width: 250px;
}

    #addFileItemForm .ui-state-default.ui-state-active {
        opacity: 1;
        background: url(../Images/white_arrow.png) 10px 12px no-repeat, #597BA9;
        background: linear-gradient(to bottom, #597BA9 0, #386AAA 4%, #3062A3 9%, #3464A3 13%, #32619F 26%, #274E7F 96%, #2D4A79 100%) repeat;
        color: #fff;
    }

        #addFileItemForm .ui-state-default.ui-state-active span {
            background: url(../Images/white_arrow.png) 10px 12px no-repeat;
        }

#pdfUpload .qq-upload-button,
#newDocumentUpload .qq-uploader .qq-upload-button {
    background: #597BA9;
    background: linear-gradient(to bottom, #597BA9 0, #386AAA 4%, #3062A3 9%, #3464A3 13%, #32619F 26%, #274E7F 96%, #2D4A79 100%) repeat;
    margin: 50px auto 0 auto;
    padding: 40px 15px 10px;
    width: 110px;
    height: 70px;
    line-height: 18px;
    font-size: 16px;
    border-radius: 3px;
}

#newDocumentUploadContainer table {
    width: 100%;
}

#newDocumentUploadContainer .qq-upload-list li {
    background: #fff;
    font-size: 12px;
    text-align: center;
}

#newDocumentUploadContainer .qq-upload-cancel {
    display: none;
}

#pdfUpload .qq-upload-button:hover {
    background: #2d4a79; /* Old browsers */
    background: linear-gradient(to bottom, #2d4a79 0,#274e7f 4%,#32619f 74%,#3464a3 87%,#3062a3 91%,#386aaa 96%,#597ba9 100%);
}

#pdfUpload .qq-upload-list {
    width: 370px;
    margin: 10px 0 0 0;
    font-size: 12px;
}

.ui-buttonset .label_top {
    border-radius: 4px 4px 0 0;
}

.ui-buttonset .label_bottom {
    border-radius: 0 0 4px 4px;
}

#pdfUpload .qq-upload-list li {
    font-size: 12px;
    text-align: center;
    background: #fff;
}

#pdfUpload .qq-upload-file {
    display: inline-block;
    width: 280px;
    overflow: hidden;
}

#pdfUpload .qq-upload-cancel {
    display: none;
}

#pdfUpload .qq-upload-drop-area,
#newDocumentUpload .qq-upload-drop-area {
    background: #fff;
    border: 5px dotted #ccc;
    border-radius: 5px;
    margin: -43px 0 0 0;
    height: 215px;
}

    #pdfUpload .qq-upload-drop-area span {
        margin-top: -16px;
    }

#pdfUpload .qq-drop-processing-spinner {
    display: none;
}

.pdfLoader {
    display: none;
}

img {
    border: 0 none;
}

a {
    color: #706f6f;
}

    a:hover {
        color: #007FBE;
    }

#header a.logo {
    float: left;
    margin: 0;
    padding: 0;
    width: 246px;
    height: 84px;
    display: block;
}

#portal #header h1 a {
    float: left;
    padding: 10px 0 0 12px;
    font-size: 30px;
    color: #007fbe;
    text-decoration: none;
}

.logged_in {
    display: block;
    float: right;
    border: 1px solid #E3E3E3;
    border-top: 0 none;
    padding: 12px;
    color: #003955;
    font-size: 12px;
    margin-right: 30px;
    border-radius: 0 0 5px 5px;
    position: absolute;
    right: 10px;
}

    .logged_in span {
        color: #ec601c;
    }

    .logged_in a {
        color: #007fbe;
        text-decoration: none;
    }

        .logged_in a:hover {
            text-decoration: underline;
        }

.upperborder {
    background: url(../images/bottomTopBg.png) top center repeat-x;
}

#theContents {
    clear: left;
    float: left;
    width: 100%;
    min-height: 400px;
    line-height: 17px;
}

#leftSidebar {
    float: left;
    height: auto;
    width: 262px;
    padding: 9px;
    -webkit-box-shadow: inset 0 0 5px 0 #a4a4a4;
    box-shadow: inset 0 0 5px 0 #a4a4a4;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 0 0 10px;
}

    #leftSidebar a {
        color: #706F6F;
        text-decoration: none;
    }

        #leftSidebar a:hover {
            color: #007FBE;
        }

#mainContents, .mainContents {
    float: right;
    height: auto;
    width: 657px;
    min-height: 11px;
    padding: 16px 9px;
    margin: 0 0 10px 0;
    -webkit-box-shadow: inset 0 0 5px 0 #a4a4a4;
    box-shadow: inset 0 0 5px 0 #a4a4a4;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: relative;
}

.searchBox {
    line-height: 24px;
    height: 24px;
    float: left;
    width: 222px;
    padding-right: 28px;
    padding-left: 9px;
    color: #b7b6b6;
    border: none;
    -webkit-box-shadow: inset 1px 1px 5px 0 #a4a4a4;
    box-shadow: inset 1px 1px 5px 0 #a4a4a4;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.searchBtn {
    width: 25px;
    height: 18px;
    position: absolute;
    background: url(../images/searchIcon.png) 0 0 no-repeat #efefef;
    margin: 0;
    padding: 0;
    right: 5px;
    top: 3px;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
}

#treeBox {
    float: left;
    height: auto;
    width: 100%;
    padding-top: 8px;
    max-height: 320px;
    padding-bottom: 15px;
}

.containerBlock h1 {
    color: #ec601c;
}

.containerBlock h2 {
    font-size: 16px;
    color: #ec601c;
    font-weight: normal;
    float: left;
}

#mainContents .searchBox {
    float: right;
}

.top {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 7px;
    border-bottom: 1px solid #e3e3e3;
}

.formContainer {
    float: left;
    width: 100%;
    margin-top: 18px;
    position: relative;
}

    .formContainer p {
        display: block;
        float: left;
        min-height: 24px;
        width: 100%;
        margin-bottom: 6px;
        font-size: 11px;
    }

    .formContainer label {
        float: left;
        width: auto;
        min-width: 170px;
    }

    .formContainer input {
        line-height: 24px;
        height: 24px;
        display: inline-block;
        width: 260px;
        padding: 0 9px;
        color: #706F6F;
        font-size: 11px;
        border: none;
        -webkit-box-shadow: inset 1px 1px 3px 0 #878787;
        box-shadow: inset 1px 1px 3px 0 #878787;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-color: #f1f1f1;
        overflow: hidden;
        border-radius: 3px;
    }

    .formContainer .styled-select select {
        background: transparent;
        width: 130%;
        padding: 5px;
        font-size: 11px;
        line-height: 1;
        border: 0 none;
        height: 25px;
        -webkit-appearance: none;
        /* ReSharper disable InvalidValue */
        /*        appearance: none;       */
        /* ReSharper restore InvalidValue */
        cursor: pointer;
        outline: 0 none;
    }

.form-group .styled-select {
    width: 278px;
}

    .form-group .styled-select select {
        background: transparent;
        width: 130%;
        padding: 5px;
        font-size: 11px;
        line-height: 1;
        border: 0 none;
        height: 25px;
        -webkit-appearance: none;
        /* ReSharper disable InvalidValue */
        /*        appearance: none;       */
        /* ReSharper restore InvalidValue */
        cursor: pointer;
        outline: 0 none;
    }

.formContainer table {
    width: 100%;
}

.styled-select {
    width: 100%;
    height: 25px;
    overflow: hidden;
    background: url(../images/arrow_dropdown.png) no-repeat right 3px #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 3px 0 #878787;
    box-shadow: inset 1px 1px 3px 0 #878787;
}

.edit-select {
    float: left;
    height: 25px;
    overflow: hidden;
    background: url(../images/arrow_dropdown.png) no-repeat right 3px #f1f1f1;
    width: 278px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 3px 0 #878787;
    box-shadow: inset 1px 1px 3px 0 #878787;
}

span.select {
    position: absolute;
    float: left;
    left: 0;
    margin: 2px 0 0 0;
    width: 260px;
    height: 24px;
    line-height: 24px;
    text-indent: 10px;
    background: url(../images/bg_select.png) no-repeat 0 0;
    cursor: default;
    z-index: 1;
}

.formContainer .select_1 {
    left: 130px;
}

    .formContainer .select_1 select.select {
        width: 279px !important;
    }

    .formContainer .select_1 span.select {
        margin: 0;
        width: 279px;
        background: url(../images/bg_select_1.png) no-repeat 0 0;
    }

.emptySpace {
    display: block;
    clear: both;
    height: 35px;
    width: 100%;
}

.formContainer2 {
    width: 100%;
}

    .formContainer2 table {
        width: 100%;
    }

        .formContainer2 table tr td input {
            width: 92%;
        }

    .formContainer2 ul {
        float: left;
        width: 244px;
        margin-right: 3px;
        list-style-type: none;
    }

    .formContainer2 li {
        line-height: 24px;
        height: 24px;
        font-size: 13px;
        background-color: #f3f3f3;
        border-radius: 3px;
        margin-bottom: 6px;
        padding: 0 9px;
    }

    .formContainer2 ul li:first-child {
        background: #597ba9; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5N2JhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjMzg2YWFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiMzMDYyYTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMyUiIHN0b3AtY29sb3I9IiMzNDY0YTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyNiUiIHN0b3AtY29sb3I9IiMzMjYxOWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiMyNzRlN2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmQ0YTc5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background: -moz-linear-gradient(top, #597ba9 0, #386aaa 4%, #3062a3 9%, #3464a3 13%, #32619f 26%, #274e7f 96%, #2d4a79 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#597ba9), color-stop(4%,#386aaa), color-stop(9%,#3062a3), color-stop(13%,#3464a3), color-stop(26%,#32619f), color-stop(96%,#274e7f), color-stop(100%,#2d4a79)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #597ba9 0,#386aaa 4%,#3062a3 9%,#3464a3 13%,#32619f 26%,#274e7f 96%,#2d4a79 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #597ba9 0,#386aaa 4%,#3062a3 9%,#3464a3 13%,#32619f 26%,#274e7f 96%,#2d4a79 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #597ba9 0,#386aaa 4%,#3062a3 9%,#3464a3 13%,#32619f 26%,#274e7f 96%,#2d4a79 100%); /* IE10+ */
        background: linear-gradient(to bottom, #597ba9 0,#386aaa 4%,#3062a3 9%,#3464a3 13%,#32619f 26%,#274e7f 96%,#2d4a79 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#597ba9', endColorstr='#2d4a79',GradientType=0 ); /* IE6-8 */
        color: #fff;
    }

    .formContainer2 .selected {
        -webkit-box-shadow: 0 0 2px 1px #92c8e3;
        box-shadow: 0 0 2px 1px #92c8e3;
        margin-right: 2px;
    }

    .formContainer2 ul.close {
        margin: 0;
        float: left;
        width: 17px;
        margin-top: 33px;
        margin-left: 10px;
    }

    .formContainer2 .close li {
        background: none !important;
        margin: 0;
        padding: 0;
        margin-bottom: 5px;
        visibility: hidden;
    }

        .formContainer2 .close li.selected {
            visibility: visible;
            box-shadow: none;
        }

.addRemove {
    float: right;
    height: 16px;
    width: auto;
    margin-top: 5px;
    margin-right: 60px;
}

.detailView .addRemove {
    float: right;
    margin: 0 68px 0 0;
}


#threeControl {
    float: right;
    margin: 12px 4px 250px 0;
}

    #threeControl a {
        background: url(../images/controls.png) no-repeat;
        height: 21px;
        width: 22px;
        margin-left: 12px;
        text-indent: -9999px;
        display: inline-block;
    }

        #threeControl a#deleteControl {
            background-position: 0 0;
        }

        #threeControl a#saveControl {
            background-position: -30px 0;
        }

        #threeControl a#printControl {
            background-position: -63px 0;
        }

.treeview, .treeview ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .treeview ul {
        background-color: white;
    }

#treeBox ul li a {
    color: #706f6f;
    font-size: 11px;
    text-decoration: none;
    line-height: 20px;
}

    #treeBox ul li a:hover, #treeBox ul li.collapsable a, #treeBox ul li a[data-active="active"], #treeBox ul li a[data-active="data-active"],
    #treeBox li[data-active="data-active"] a {
        cursor: pointer;
        color: #007fbe;
    }

#treeBox li[data-active="data-active"] ul li a {
    color: #706F6F;
}


#treeBox ul li.collapsable ul li a {
    color: #706f6f;
}

    #treeBox ul li.collapsable ul li a:hover, #treeBox ul li.collapsable ul li a.selectedFilestructureItem {
        color: #007fbe;
        cursor: pointer;
    }

.treeview .hitarea {
    background: url(../images/treeview-myCustom.png) -48px -92px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
    display: inline;
    float: none;
}

.treeview li {
    margin: 0;
    padding: 3px 0 3px 16px;
}

.treeview a.selected {
    background-color: #eee;
}

#treecontrol {
    margin: 1em 0;
    display: none;
}

.treeview .hover {
    color: red;
    cursor: pointer;
}

.treeview li.collapsable, .treeview li.expandable {
    background-position: 0 -176px;
}

.treeview .expandable-hitarea {
    background-position: -80px -3px;
}

.treeview li.last {
    background-position: 0 -1766px;
}

.treeview li.lastCollapsable, .treeview li.lastExpandable {
    background-image: url(../images/treeview-myCustom.png);
    background-repeat: no-repeat;
}

.treeview li.lastCollapsable {
    background-position: 0 -111px;
}

.treeview li.lastExpandable {
    background-position: -32px -67px;
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
    background-position: 0;
}

.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable {
    background-image: url(../images/treeview-black.gif);
}

.treeview-gray li {
    background-image: url(../images/treeview-gray-line.gif);
}

    .treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable {
        background-image: url(../images/treeview-gray.gif);
    }

.treeview-famfamfam li {
    background-image: url(../images/treeview-famfamfam-line.gif);
}

    .treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable {
        background-image: url(../images/treeview-famfamfam.gif);
    }

#treeBox li {
    min-height: 20px;
    padding: 3px 0 1px 16px;
}

    #treeBox li ul li {
        padding-left: 0;
    }


#treeBox span.folder, #treeBox span.file {
    padding: 0 0 0 21px;
    display: block;
}

#treeBox span.folder {
    background: url(../images/folder.gif) 0 3px no-repeat;
}

#treeBox li.expandable span.folder {
    background: url(../images/folder-closed.gif) 0 3px no-repeat;
}

#treeBox span.file {
    background: url(../images/file.png) 0 3px no-repeat;
}

.colon,
.column {
    float: left;
    margin-right: 5px;
}


#leftSidebar .formContainer {
    margin-top: 4px;
}

    #leftSidebar .formContainer input.short_input {
        width: 77px;
        float: left;
    }

#leftSidebar .datepickerrow img {
    float: right;
    cursor: pointer;
}

#leftSidebar .formContainer input#datum {
    width: 208px;
}

#leftSidebar .formContainer input.short_input.input_margin {
    margin: -3px 0 0 0;
}

    #leftSidebar .formContainer input.short_input.input_margin.left {
        margin-left: 14px;
    }

#leftSidebar .formContainer label {
    width: auto;
}

.formContainer label.label_margin {
    margin-left: 42px;
}

#leftSidebar .formContainer input {
    width: 244px;
    margin: 5px 0 0 0;
}

    #leftSidebar .formContainer input.submit_btn {
        width: 97px;
        height: 26px;
        text-transform: uppercase;
        color: #003951;
        float: right;
        margin: 15px 0 1px 0;
        padding: 0;
        border: 1px solid #92c8e3;
        cursor: pointer;
        background: #eaeef1;
        box-shadow: none;
    }

#leftSidebar .formContainer p {
    float: left;
    font-size: 11px;
    min-height: 1px;
    width: 100%;
    margin: 8px 0 0 0;
    padding: 0;
    line-height: 14px;
}

#searchResult {
    float: right;
    font-size: 13px;
    height: auto;
    padding: 0;
    position: relative;
    width: 675px;
    padding: 0 0 8px 0;
}

#searchResultLoading {
    display: block;
    clear: both;
    width: 32px;
    margin: 0 60% 0;
    padding: 0 0 8px 0;
    display: none;
}

    #searchResultLoading img {
        display: block;
    }

.acc_header {
    cursor: pointer;
    display: inline-block;
    clear: both;
    width: 100%;
    min-height: 45px;
}

#mainloading {
    display: none;
    text-align: center;
    z-index: 10000;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 5px 0 #A4A4A4 inset;
    float: right;
    width: 74.4681%;
    padding: 14% 9px;
}

.searchResult {
    width: 99%;
    border-radius: 6px 6px 6px 6px;
    border: 2px solid #e3e3e3;
    min-height: 56px;
    background: #fff;
    margin: 0 0 10px 0;
    float: left;
}

    .searchResult:nth-child(2n+1) {
        background: #edf3f6;
    }

.folder {
    width: 44px;
    min-height: 35px;
    float: left;
    margin: 0 0 0 2px;
}

    .folder img {
        padding: 9px 0 0 0;
    }

.searchResult_right {
    display: block;
    float: left;
    padding: 0 0 10px;
}

.box_title {
    display: block;
    width: auto;
    float: left;
    max-width: 620px;
}

    .box_title h4 {
        font-size: 13px;
        color: #003951;
        padding: 13px 0 0 11px;
        font-weight: bold;
    }

.search_field_item {
    display: block;
    clear: both;
    width: auto;
}

    .search_field_item p {
        font-size: 11px;
        color: #706f6f;
        padding: 6px 0 0 11px;
    }

.blue {
    color: #003951;
    padding-left: 6px;
}

.searchResult .ui-corner-all ul, .searchResult .ui-corner-all ul li {
    border-radius: 0;
    padding: 0;
    border: 0 none;
    background: 0;
    margin: 0 10px 0 0;
}

.searchResult .ui-corner-all {
    border-radius: 0;
    border: 0;
    background: 0;
}

    .searchResult .ui-corner-all ul li a {
        color: #fff;
        width: auto;
        padding: 0.5em 20px 0.5em 10px;
    }

.repeated_header .ui-widget-header {
    display: block;
}

.searchResult .ui-tabs .ui-tabs-panel {
    border-radius: 3px;
}

.ui-datepicker-trigger {
    border: 0;
    background: 0 none;
}

.tabs {
    width: 99%;
    float: left;
    border-radius: 6px 6px 6px 6px;
    border: 2px solid #e3e3e3;
    margin: 20px 4px 4px;
    display: none;
}

ul.tabNavigation {
    list-style: none;
    margin: -23px 0 0 7px;
    padding: 0;
}

    ul.tabNavigation li {
        float: left;
        width: auto;
        height: 23px;
    }

        ul.tabNavigation li a {
            margin: 0 -20px 0 0;
            padding: 0 0 0 6px;
            color: #fff;
            text-decoration: none;
            background: url(../images/tab_bg.png) no-repeat right center;
            display: block;
            border-radius: 3px 0 0 0;
            font-size: 10px;
        }

            ul.tabNavigation li a.empty {
                background: url(../images/tab_empty.png) no-repeat right center;
            }

            ul.tabNavigation li.ui-state-active a,
            ul.tabNavigation li a:hover {
                background: url(../images/tab-select.png) no-repeat right center;
                color: #fff;
            }

            ul.tabNavigation li a:focus {
                outline: 0;
            }

div.tabs > div {
    background: #fff;
}

    div.tabs > div h2 {
        margin-top: 0;
    }

.tabs #first {
    background: #fff;
}

#second,
#third,
#fourth,
#sixth {
    background: #fff;
}

.tab_body {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    margin: 0 10px 10px 10px;
    padding: 0 0 10px;
}

.tab_body_left {
    display: block;
    float: left;
    width: 80%;
}

.tab_body_right {
    display: block;
    float: right;
    width: 20%;
}

.tab_body p {
    display: block;
    float: left;
    margin: 15px;
    font-size: 11px;
    color: #003951;
}

.tab_body .fold_paper {
    margin: 0;
}

.tab_body .search,
.tab_body .arrow,
.tab_body .iconDownloadFile,
.tab_body .iconDownloadPDF {
    margin-top: 13px;
}


.fold_paper {
    margin: 15px 0 9px 4px;
    float: left;
}

.arrow {
    width: 20px;
    height: 20px;
    background: url(../images/arrow.png) no-repeat;
    float: right;
    margin: 24px 17px 0 0;
}

.search {
    width: 20px;
    height: 20px;
    background: url(../images/search.png) no-repeat;
    float: right;
    margin: 24px 45px 0 0;
}

.edit {
    width: 20px;
    height: 20px;
    background: url(../images/selected-edit.png) no-repeat;
    float: right;
    margin: 24px -11px 0 0;
}

.tab_body:hover .arrow, .file_item_block:hover .arrow {
    background: url(../images/selected-arrow.png) no-repeat;
}

.tab_body .search:hover, .file_item_block .search:hover {
    background: url(../images/selected-search.png) no-repeat;
}

.fullRow {
    float: none !important;
    display: block;
}

ul.ui-autocomplete {
    padding: 0 10px;
}

    ul.ui-autocomplete li {
        list-style: none;
        text-align: left;
        font-size: 11px;
        line-height: 18px;
    }

        ul.ui-autocomplete li a {
            color: #706F6F;
        }

.canvasContainer {
    display: table;
    margin: auto;
}

.canvasWrapper {
    display: inline-block;
    float: left;
    margin: 0 20px 0 0;
    padding: 0 30px 20px;
    border-bottom: 1px solid #ccc;
    width: auto;
    text-align: center;
}

    .canvasWrapper h3 {
        margin: 0 0 15px;
    }

.renderCanvas {
    background-color: #565656;
}

#editMenu, .editMenu {
    display: inline-block;
    float: right;
    text-align: right;
    width: 657px;
    padding: 9px;
    font-size: 0;
}

/*div#editMenuDocument.editMenu {
    float: left;
    text-align: left;
}*/

.menuItemAddNewFileItem,
.menuItemEdit,
.menuItemPrint,
.menuItemSave,
.menuItemSaveAndGoToNext,
.menuItemCancel,
.menuItemDelete,
.menuItemAdd,
.files_list,
.files_tiles,
.menuItemHistory,
.menuItemPermissions,
.menuItemCut,
.menuItemPaste,
.menuItemSanitize,
.menuItemAddFileItem,
.menuItemFinishSet,
.menuItemAddFileItem,
.iconHelp,
.iconDownloadFile,
.iconDownloadPDF,
.menuSubfolder,
.menuIconReupload,
.menuIconPaste,
.menuIconSort {
    display: inline-block;
    width: 22px;
    height: 23px;
    margin-left: 12px;
    background: url(../images/controls.png) no-repeat;
    text-indent: -9999px;
}

a.iconHelp {
    text-indent: 0;
}

.menuItemEdit {
    background-position: -95px -30px;
}

    .menuItemEdit:hover {
        background-position: -95px 0;
        cursor: pointer;
    }

.menuItemPrint {
    background-position: -63px -30px;
}

    .menuItemPrint:hover {
        background-position: -63px 0;
        cursor: pointer;
    }

.menuItemSave {
    background-position: -30px -30px;
    border: 0;
}

    .menuItemSave:hover {
        background-position: -30px 0;
        cursor: pointer;
    }

.menuItemSaveAndGoToNext {
    background-position: -30px -30px;
    border: 0;
}

    .menuItemSaveAndGoToNext:hover {
        background-position: -30px 0;
        cursor: pointer;
    }

.menuItemCancel {
    background-position: 0 -30px;
}

    .menuItemCancel:hover {
        background-position: 0 0;
        cursor: pointer;
    }

.menuItemDelete {
    background-position: -125px -28px;
}

    .menuItemDelete:hover {
        background-position: -125px 2px;
        cursor: pointer;
    }

.editMenu .menuItemDelete {
    background-position: -261px -29px;
}

    .editMenu .menuItemDelete:hover {
        background-position: -261px 1px;
    }

.menuItemAdd {
    background-position: -151px -29px;
}

    .menuItemAdd:hover {
        background-position: -151px 0;
        cursor: pointer;
    }

.menuItemHistory {
    background-position: -283px -29px;
}

    .menuItemHistory:hover {
        background-position: -283px 0;
        cursor: pointer;
    }

.menuItemPermissions {
    background-position: -309px -27px;
}

    .menuItemPermissions:hover {
        background-position: -309px 0;
        cursor: pointer;
    }

.menuItemCut {
    background-position: -450px -29px;
}

    .menuItemCut:hover {
        background-position: -450px 0;
        cursor: pointer;
    }

.menuItemPaste {
    background-position: -472px -29px;
}

    .menuItemPaste:hover {
        background-position: -472px 0;
        cursor: pointer;
    }

.menuItemSanitize {
    background-position: -472px -29px;
}

    .menuItemSanitize:hover {
        background-position: -472px 0;
        cursor: pointer;
    }

.menuItemRemove {
    background-position: -262px -29px;
}

    .menuItemRemove:hover {
        background-position: -262px -1px;
        cursor: pointer;
    }

.menuItemAddFileItem {
    background-position: -394px -29px;
}

    .menuItemAddFileItem:hover {
        background-position: -394px 0;
        cursor: pointer;
    }

.browseMenu .menuItemAdd {
    width: 25px;
    background-position: -418px -29px;
}

    .browseMenu .menuItemAdd:hover {
        background-position: -418px 0;
        cursor: pointer;
    }

.menuItemAddNewFileItem {
    width: 25px;
    background-position: -418px -29px;
}

    .menuItemAddNewFileItem:hover {
        background-position: -418px 0;
        cursor: pointer;
    }

.menuItemAddTab {
    width: 25px;
    background-position: -685px -29px;
}

    .menuItemAddTab:hover {
        background-position: -685px 0;
        cursor: pointer;
    }


.menuIconSort {
    width: 25px;
    background-position: -713px -29px;
}

    .menuIconSort:hover {
        background-position: -713px 1px;
        cursor: pointer;
    }

.iconHelp {
    background-position: -498px -4px;
    width: 16px;
    height: 16px;
    opacity: 0.8;
}

    .iconHelp:hover {
        background-position: -498px -4px;
        cursor: pointer;
        opacity: 1;
    }

.menuItemFinishSet {
    width: 30px;
    background-position: -520px -28px;
}

    .menuItemFinishSet:hover {
        background-position: -520px 0;
        cursor: pointer;
    }

.iconDownloadFile {
    width: 30px;
    float: right;
    margin: 23px 4px 0 0;
    background-position: -595px -28px;
}

    .iconDownloadFile:hover {
        background-position: -595px 1px;
        cursor: pointer;
    }

.iconDownloadPDF {
    width: 23px;
    float: right;
    margin: 23px 10px 0 0;
    background-position: -559px -29px;
}

    .iconDownloadPDF:hover {
        background-position: -559px 1px;
        cursor: pointer;
    }

.menuIconReupload {
    width: 23px;
    background-position: -626px -28px;
}

    .menuIconReupload:hover {
        background-position: -626px 1px;
        cursor: pointer;
    }


.editMenu .iconDownloadFile {
    margin: 0 0 0 9px;
}

.editMenu .iconDownloadPDF {
    margin: 0 0 0 12px;
}

.menuSubfolder {
    width: 25px;
    background-position: -658px -30px;
}

    .menuSubfolder:hover {
        background-position: -658px 0;
        cursor: pointer;
    }

.files_list {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 5px;
    background-position: -204px -24px;
    background-color: #f1f1f1;
    border-right: 1px solid #ccc;
}

    .files_list:hover, .files_list.activeDisplayMenuItem {
        background-position: -204px 4px;
        cursor: pointer;
        background-color: #e7e7e7;
    }

.files_tiles {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 0;
    background-position: -234px -24px;
    padding: 5px;
    background-color: #f1f1f1;
}

    .files_tiles:hover, .files_tiles.activeDisplayMenuItem {
        background-position: -234px 4px;
        background-color: #e7e7e7;
        cursor: pointer;
    }

.files_displaymenu {
    display: block;
    float: right;
    border: 1px solid #ccc;
    margin: 10px 0 0;
    border-radius: 3px;
}

.containerStraten {
    display: block;
    clear: both;
}

    .containerStraten table th {
        background: #597BA9;
        background: linear-gradient(to bottom, #597BA9 0, #386AAA 4%, #3062A3 9%, #3464A3 13%, #32619F 26%, #274E7F 96%, #2D4A79 100%) repeat;
        color: #fff;
        font-weight: normal;
        padding: 5px 10px;
        vertical-align: middle;
        border-radius: 3px;
        line-height: 17px;
        text-align: left;
    }

    .containerStraten table tr {
        background: #F3F3F3;
    }

        .containerStraten table tr:nth-child(odd) {
            background: #F3F3F3;
        }

        .containerStraten table tr:nth-child(even) {
            background: #f2f7f8;
        }

    .containerStraten table td {
        padding: 5px 10px;
        vertical-align: middle;
        border-radius: 3px;
        margin: 1px;
        word-wrap: break-word;
        line-height: 17px;
    }

        .containerStraten table td.no-padding {
            padding: 0;
        }

    .containerStraten table.EditStraten td {
        width: auto;
        padding: 0;
        background: 0 none;
    }

        .containerStraten table.EditStraten td input {
            border: 0 none;
            padding: 5px 10px;
            width: 237px;
        }

    .containerStraten table.EditStraten tr:hover input {
        box-shadow: 0 0 2px 1px #92C8E3;
    }

section {
    position: fixed;
    left: 50%;
    margin-left: -165px;
    z-index: 1000;
}

.tn-box {
    border-radius: 5px 5px 5px 5px;
    cursor: default;
    display: none;
    margin: 100px auto 20px auto;
    opacity: 0;
    padding: 6px 15px;
    position: absolute;
    text-align: left;
    height: 42px;
    width: 300px;
    z-index: 10000;
    box-shadow: 0 0 30px #fff;
}

    .tn-box p {
        font-size: 14px;
        font-weight: bold;
        margin: 5px 0 0 0;
        padding: 0 10px 0 60px;
        text-shadow: 0 1px 1px rgb(255, 255, 255);
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
        color: #003951;
    }

.tn-progress {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
    border-radius: 3px 3px 3px 3px;
    bottom: 5px;
    box-shadow: 0 1px 1px rgb(0, 0, 0) inset, 0 -1px 0 rgb(255, 255, 255);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 -1px 0 rgba(255, 255, 255, 0.6);
    height: 4px;
    left: 2%;
    position: absolute;
    width: 0;
}

/* Fire the animations */
.fireAnimation {
    display: block;
    -webkit-animation: fadeOut 5s linear forwards;
    -moz-animation: fadeOut 5s linear forwards;
    -o-animation: fadeOut 5s linear forwards;
    -ms-animation: fadeOut 5s linear forwards;
}

.test2 {
    -webkit-animation: runProgress 4s linear forwards 0.5s;
    -moz-animation: runProgress 4s linear forwards 0.5s;
    -o-animation: runProgress 4s linear forwards 0.5s;
    -ms-animation: runProgress 4s linear forwards 0.5s;
}

input.fire-check:checked ~ section .tn-box {
    display: block;
    -webkit-animation: fadeOut 5s linear forwards;
    -moz-animation: fadeOut 5s linear forwards;
    -o-animation: fadeOut 5s linear forwards;
    -ms-animation: fadeOut 5s linear forwards;
}

    input.fire-check:checked ~ section .tn-box .tn-progress {
        -webkit-animation: runProgress 4s linear forwards 0.5s;
        -moz-animation: runProgress 4s linear forwards 0.5s;
        -o-animation: runProgress 4s linear forwards 0.5s;
        -ms-animation: runProgress 4s linear forwards 0.5s;
    }

.tn-box.tn-box-active {
    display: block;
    -webkit-animation: fadeOut 5s linear forwards;
    -moz-animation: fadeOut 5s linear forwards;
    -o-animation: fadeOut 5s linear forwards;
    -ms-animation: fadeOut 5s linear forwards;
}

    .tn-box.tn-box-active .tn-progress {
        -webkit-animation: runProgress 4s linear forwards 0.5s;
        -moz-animation: runProgress 4s linear forwards 0.5s;
        -o-animation: runProgress 4s linear forwards 0.5s;
        -ms-animation: runProgress 4s linear forwards 0.5s;
    }

@-webkit-keyframes fadeOut {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    99% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    99% {
        opacity: 0;
        -moz-transform: translateY(-30px);
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
        -ms-transform: translateY(0);
    }

    99% {
        opacity: 0;
        -ms-transform: translateY(-30px);
    }

    100% {
        opacity: 0;
    }
}

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

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
        transform: translateY(0);
    }

    99% {
        opacity: 0;
        transform: translateY(-30px);
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes runProgress {
    0% {
        width: 0;
        background: rgb(255,255,255);
        background: rgba(255,255,255,0.3);
    }

    100% {
        width: 96%;
        background: rgb(255,255,255);
        background: rgba(255,255,255,1);
    }
}

@-moz-keyframes runProgress {
    0% {
        width: 0;
        background: rgb(255,255,255);
        background: rgba(255,255,255,0.3);
    }

    100% {
        width: 96%;
        background: rgb(255,255,255);
        background: rgba(255,255,255,1);
    }
}

@-ms-keyframes runProgress {
    0% {
        width: 0;
        background: rgb(255,255,255);
        background: rgba(255,255,255,0.3);
    }

    100% {
        width: 96%;
        background: rgb(255,255,255);
        background: rgba(255,255,255,1);
    }
}

@keyframes runProgress {
    0% {
        width: 0;
        background: rgb(255,255,255);
        background: rgba(255,255,255,0.3);
    }

    100% {
        width: 96%;
        background: rgb(255,255,255);
        background: rgba(255,255,255,1);
    }
}

input.fire-check:checked ~ section .tn-box:nth-child(2) {
    -webkit-animation-duration: 6s;
    -moz-animation-duration: 6s;
    -o-animation-duration: 6s;
    -ms-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

    input.fire-check:checked ~ section .tn-box:nth-child(2) .tn-progress {
        -webkit-animation-duration: 5s;
        -moz-animation-duration: 5s;
        -o-animation-duration: 5s;
        -ms-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: 0.7s;
        -moz-animation-delay: 0.7s;
        -o-animation-delay: 0.7s;
        -ms-animation-delay: 0.7s;
        animation-delay: 0.7s;
    }

input.fire-check:checked ~ section .tn-box:nth-child(3) {
    -webkit-animation-duration: 9s;
    -moz-animation-duration: 9s;
    -o-animation-duration: 9s;
    -ms-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

    input.fire-check:checked ~ section .tn-box:nth-child(3) .tn-progress {
        -webkit-animation-duration: 7.5s;
        -moz-animation-duration: 7.5s;
        -o-animation-duration: 7.5s;
        -ms-animation-duration: 7.5s;
        animation-duration: 7.5s;
        -webkit-animation-delay: 0.9s;
        -moz-animation-delay: 0.9s;
        -o-animation-delay: 0.9s;
        -ms-animation-delay: 0.9s;
        animation-delay: 0.9s;
    }

.tn-box.tn-box-hoverpause:hover,
.tn-box.tn-box-hoverpause:hover .tn-progress {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    -ms-animation-play-state: paused;
    animation-play-state: paused;
}

.tn-box-color-1, .tn-box-color-2 {
    background: #8f9bb0; /* Old browsers */
    background: -moz-linear-gradient(top, #8f9bb0 0, #dddddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#8f9bb0), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8f9bb0 0,#dddddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8f9bb0 0,#dddddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8f9bb0 0,#dddddd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #8f9bb0 0,#dddddd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f9bb0', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

img.thumbnail_document {
    border: 1px solid #ccc;
    box-shadow: 2px 2px 2px #ccc;
}

.document_left {
    display: block;
    float: left;
    width: 436px;
    margin: 0 15px 0 0;
}

.document_right {
    display: block;
    float: left;
    width: 201px;
}

.addTemplate {
    display: none;
}

#fileitemBlock {
    display: none;
}

.file_item_block.tiles {
    display: block;
    clear: none;
    float: left;
    margin: 10px 10px 10px 0;
    border: 1px solid #E3E3E3;
    width: 153px;
    height: auto;
    min-height: 220px;
    padding: 10px;
    background: #F1F1F1;
    position: relative;
}

    .file_item_block.tiles .showFileItem {
        display: block;
        clear: both;
        float: none;
        margin: 10px 0;
        font-weight: bold;
    }

    .file_item_block.tiles .search,
    .file_item_block.tiles .arrow,
    .file_item_block.tiles .iconDownloadPDF,
    .file_item_block.tiles .iconDownloadFile {
        float: left;
        margin: 0 10px 0 0;
    }

.file_item_block {
    display: inline-block;
    clear: both;
    margin: 0 0 10px;
    border-bottom: 1px solid #E3E3E3;
    width: 100%;
    height: 60px;
}

    .file_item_block a.showFileItem {
        display: block;
        float: left;
        margin: 28px 0 0 15px;
        color: #706F6F;
        text-decoration: none;
        overflow: hidden;
        height: 20px;
        text-overflow: ellipsis;
        -o-text-ovesrflow: ellipsis;
        white-space: nowrap;
        width: 65%;
    }

        .file_item_block a.showFileItem:hover {
            text-decoration: underline;
        }


    .file_item_block.list .container_thumbnail, .file_item_block .container_thumbnail {
        display: none;
    }

    .file_item_block.tiles .container_thumbnail {
        display: table-cell;
        clear: both;
        text-align: center;
        width: 150px;
        height: 150px;
        overflow: hidden;
        vertical-align: bottom;
        position: relative;
    }

    .file_item_block img.thumbnail {
        display: none;
        width: auto;
        max-width: 150px;
        max-height: 150px;
        height: auto;
        border: 1px solid #ccc;
        bottom: 0;
        margin: 0 auto;
    }

/*-------------------------FULL WIDTH/HEIGHT --------------------------------*/
#portal_content {
    display: block;
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

.header_top, .header_bottom {
    width: 100%;
}

.row-fluid {
    display: block;
    clear: both;
    width: 100%;
    *zoom: 1;
}

    .row-fluid #leftSidebar, .row-fluid #mainContents, .row-fluid #searchResult, .row-fluid .containerBlock {
        display: block;
        float: left;
        width: 100%;
        min-height: 30px;
        margin-left: 2.127659574468085%;
        *margin-left: 2.074468085106383%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid #leftSidebar {
        margin-left: 0;
    }

    .row-fluid .controls-row [class*="span"] + [class*="span"] {
        margin-left: 2.127659574468085%;
        *margin-left: 2.074468085106383%;
    }

    .row-fluid #leftSidebar {
        width: 23.404255319148934%;
        *width: 23%;
        /* overflow: hidden; */
        position: relative;
    }

        .row-fluid #leftSidebar input[type="text"] {
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            *width: expression((this.parentNode.clientWidth - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
        }

    .row-fluid #mainContents, .row-fluid #searchResult, .row-fluid .containerBlock {
        width: 74.46808510638297%;
        *width: 70%;
    }

.containerBlock .mainContents {
    width: 100%;
}

/*------------ Settings---------------*/
.detailView table th {
    padding: 5px 10px;
    background: #597BA9;
    background: linear-gradient(to bottom, #597BA9 0, #386AAA 4%, #3062A3 9%, #3464A3 13%, #32619F 26%, #274E7F 96%, #2D4A79 100%) repeat;
    color: #fff;
    vertical-align: middle;
    font-weight: normal;
    text-align: left;
    border-radius: 3px;
    width: 48%;
}

.detailView table td {
    padding: 5px 10px;
    vertical-align: middle;
    border-radius: 3px;
    margin: 1px;
}

.detailView table tr:nth-child(odd) {
    background: #F3F3F3;
}

.detailView table tr:nth-child(even) {
    background: #f2f7f8;
}

#addGroupForm table td input {
    width: 97%;
}

#addGroupForm table td {
    text-align: left;
}

input[type="text"],
input[type="password"],
input[type="email"] {
    border: 0 none;
    box-shadow: 1px 1px 3px 0 #878787 inset;
    border-radius: 3px;
    background-color: #F1F1F1;
    font-size: 11px;
    padding: 0 9px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
}

    input[type="text"]:disabled, input[type="password"]:disabled, input:disabled, input[readonly] {
        cursor: default;
        color: #404040;
        opacity: 0.5;
        filter: alpha(opacity=50); /* For IE8 and earlier */
    }

.formContainer select {
    border: 0 none;
    padding: 5px;
    font-size: 11px;
    width: 299px;
    background: transparent;
    height: 25px;
    -webkit-appearance: none;
    color: #706F6F;
    /* ReSharper disable InvalidValue */
    /*    appearance: none;           */
    /* ReSharper restore InvalidValue */
    cursor: pointer;
}

    .formContainer select:disabled {
        cursor: default;
        opacity: 0.5;
        filter: alpha(opacity=50); /* For IE8 and earlier */
        background: #fff;
    }

.formContainer button.ui-datepicker-trigger {
    position: relative;
}

a.resetPassword a.editGroups {
    color: #706F6F;
}

a.editGroups:hover a.resetPassword:hover {
    color: #0B7EBD;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
    width: 70px;
}

table tr td.no_background {
    background: #fff;
    width: 20px;
}

.error {
    color: #D90303;
    display: block;
    clear: both;
    margin: 5px 0;
}

input.error {
    color: #000;
}

/*-------------------date-picker--------------------*/
button.ui-datepicker-trigger {
    background: 0 none;
    border: 0 none;
    cursor: pointer;
    float: inherit;
}

input.dateTime {
    float: left;
}

/*-------------------Chrome yellow border--------------------*/
INPUT[type="text"]:focus,
INPUT[type="number"]:focus,
INPUT[type="email"]:focus,
INPUT[type="search"]:focus,
INPUT[type="password"]:focus,
INPUT[type="range"]:focus,
textarea:focus,
a#addGroup,
a#removeGroup,
INPUT:focus,
button:focus {
    outline: 0 none;
    border-radius: 3px;
}

*:focus {
    outline: none;
}

/*-------------------Full height Browse--------------------*/
.row-fluid.browse {
    display: block;
    position: relative;
    height: 100%;
}

    .row-fluid.browse #treeBox {
        max-height: none;
        position: relative;
        padding: 0 0 20px;
        overflow: auto;
    }

#footer {
    height: 68px;
}

fieldset {
    border: 0 none;
}

.masterMenu tr td {
    padding: 5px;
    border-radius: 3px 3px 3px 3px;
    margin: 1px;
    padding: 5px 10px;
    vertical-align: middle;
}

    .masterMenu tr td a {
        display: block;
        border-bottom: 1px solid #f3f3f3;
    }

#leftSidebar .masterMenu tr td a:hover {
    color: #0B7EBD;
}

#leftSidebar .masterMenu tr td.active a {
    background: url("../images/nav-arrow.png") no-repeat scroll right center transparent;
    color: #0B7EBD;
}

h3.settings {
    color: #EC601C;
    margin: 9px 0 0 12px;
}

textarea {
    background-color: #F1F1F1;
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 3px 0 #878787 inset;
    font-size: 11px;
    width: 97%;
    height: 60px;
    line-height: 24px;
    padding: 0 9px;
    font-family: Verdana;
    vertical-align: middle;
}

a.view img {
    width: 200px;
    max-width: 200px;
    height: auto;
}

/*------------------- ERROR page ----------------------*/
.errorPage {
    display: block;
    clear: both;
    margin: 0 auto;
    width: 540px;
}

.browseHistory {
    display: none;
}

.permissionMenu {
    display: none;
}

.addOptionsScreen {
    display: none;
}

#addOptionForm .error {
    display: inline;
    clear: none;
}

#addOptionForm label.error {
    display: block;
    clear: both;
}

/*--------RESPONSIVE---------*/
@media (max-width: 1023px) {
    .nav {
        margin: 53px 0 0 30px;
    }

        .nav ul li {
            padding: 0 25px 0 0;
        }

    .containerBlock .mainContents {
        width: 97%;
        float: left;
    }

    .tab_body_left {
        width: 75%;
    }

    .tab_body_right {
        width: 24%;
    }

    #editMenu, .editMenu {
        width: 475px;
    }

    .file_item_block.tiles {
        margin: 10px 3px 0 3px;
    }

    #theContents {
        min-height: 363px;
    }


    .detailView table th, .detailView table td {
        padding: 5px 5px;
    }

        .detailView table td:nth-child(2), .detailView table td:nth-child(1) {
            word-break: break-all;
        }

    .file_item_block.tiles {
        padding: 5px;
    }

    textarea {
        width: 93%;
    }
}

.invisibleForm {
    display: none;
}

.ui-dialog h2 {
    display: block;
    color: #EC601C;
    margin: 10px 0;
    padding: 0;
    text-align: left;
}

.ui-dialog-titlebar {
    display: none;
}

.addFileStructureItemContainer {
    display: none;
}

.addFileItemContainer {
    display: none;
}

.browseMenu {
    display: block;
    clear: both;
    position: absolute;
    bottom: -30px;
    right: 8px;
}

#addFileStructureItemForm {
    display: block;
    clear: both;
    text-align: left;
}

    #addFileStructureItemForm p {
        display: block;
        clear: both;
        margin: 0 10px 10px 0;
        text-align: left;
    }

    #addFileStructureItemForm input {
        width: 182px;
    }

    #addFileStructureItemForm .edit-select {
        width: 200px;
    }

    #addFileStructureItemForm select {
        background: 0 none;
        border: 0 none;
        cursor: pointer;
        font-size: 11px;
        height: 25px;
        padding: 5px;
        width: 230px;
    }

    #addFileStructureItemForm label {
        display: block;
        width: 249px;
        float: left;
        padding: 7px 0 0 0;
    }

    #addFileStructureItemForm input.error {
        clear: none;
    }

    #addFileStructureItemForm label.error {
        padding: 0 0 7px;
    }

    #addFileStructureItemForm table td {
        text-align: center;
    }

#addFileStructureItemContainer div {
    display: block;
    clear: both;
    padding: 20px 0 0;
}

.fileItemViewer {
    display: none;
}

.clipboardDialog,
.changeDescriptionDialog,
.deleteFileStructureItemDialog {
    display: none;
}

a.openInBrowseLink {
    display: inline-block;
    float: right;
    margin: 10px;
}

/*---------------PDF VIEWER-----------------*/

.pdf_screen, iframe {
    display: block;
    float: left;
    height: 95%;
    margin: 0 20px 0 0;
    width: 75%;
}

    iframe#manual {
        float: none;
        width: 98.5% !important;
    }

#outer {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 406px;
    height: 322px;
    z-index: 2;
    background: #ccc;
    margin: -132px 0 0 -203px;
    display: none;
}

#inner {
    width: 100%;
    height: 100%;
}

.cover {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: transparent;
}


.pdfRight {
    display: block;
    float: right;
    width: 21%;
}

    .pdfRight .contentMetadata {
        border-radius: 6px 6px 6px 6px;
        box-shadow: 0 0 5px 0 #A4A4A4 inset;
        margin: 0 0 10px;
        padding: 16px 9px;
    }

    .pdfRight .top {
        border-bottom: 1px solid #E3E3E3;
        margin: 0 0 15px;
        width: 100%;
        float: none;
        padding-bottom: 0;
    }

    .pdfRight #editMenu, .pdfRight .editMenu {
        display: inline-block;
        float: right;
        font-size: 0;
        padding: 0;
        text-align: right;
        width: 22px;
    }

    .pdfRight a.ItemEdit,
    .pdfRight a.ItemSave,
    .pdfRight a.ItemEdit,
    .pdfRight a.menuItemCancel {
        display: inline-block;
        width: 22px;
        height: 21px;
        margin-left: 12px;
        background: url("../images/controls.png") no-repeat -95px -30px;
        text-decoration: none;
        float: left;
        text-align: right;
    }

    .pdfRight .iconDownloadPDF,
    .pdfRight .iconDownloadFile {
        margin: 0 0 0 12px;
    }

    .pdfRight a.ItemEdit:hover {
        background-position: -95px 0;
    }

    .pdfRight .buttons {
        display: block;
        float: right;
    }

    .pdfRight a.ItemSave {
        background-position: -30px -30px;
    }

        .pdfRight a.ItemSave:hover {
            background-position: -30px 0;
        }

    .pdfRight a.menuItemCancel {
        background-position: 0 -30px;
    }

        .pdfRight a.menuItemCancel:hover {
            background-position: 0 0;
        }

    .pdfRight .formContainer {
        float: none;
        margin-top: 0;
        width: auto;
    }

        .pdfRight .formContainer table {
            width: 100%;
            word-wrap: break-word;
        }

            .pdfRight .formContainer table td {
                vertical-align: top;
                text-align: left;
            }


        .pdfRight .formContainer label {
            float: left;
            /* width: 60px; */
            min-width: inherit;
        }

    .pdfRight .colon, .pdfRight .column {
        float: left;
        margin-right: 5px;
    }


    .pdfRight .formContainer p.editPagraph {
        display: inline-block;
        clear: both;
        line-height: 26px;
        float: none;
    }


    .pdfRight .edit-select {
        width: 140px;
        line-height: 26px;
    }

        .pdfRight .edit-select select {
            width: 162px;
        }

    .pdfRight input[type="text"] {
        padding: 0 9px;
        vertical-align: middle;
        width: 122px;
        float: left;
    }

    .pdfRight button.ui-datepicker-trigger {
        background: none repeat scroll 0 center transparent;
        border: 0 none;
        cursor: pointer;
        position: relative;
        top: 0;
        left: 0;
        margin-right: 0;
        padding-right: 0;
    }

/*---------------FileItem toevoegen----------------*/
#addFileItemForm label {
    display: block;
    float: left;
    padding: 6px 0 0 0;
    margin: 0 5px 0 0;
}

#addFileItemForm select {
    background: 0 none;
    border: 0 none;
    color: #706F6F;
    cursor: pointer;
    font-size: 11px;
    height: 25px;
    padding: 5px;
    width: 300px;
}

/*---------------Print barcode----------------*/
.print {
    font-family: Verdana;
    font-size: 11px;
}

    .print .container {
        display: block;
        clear: both;
        width: 700px;
        margin: 50px auto;
        border: 1px solid #ccc;
        text-align: center;
        padding: 50px;
        box-shadow: 0 0 5px 0 #A4A4A4 inset;
        position: relative;
    }

.not-visible {
    display: block;
    margin: 0 50px 50px;
    font-size: 14px;
    text-align: center;
}

a.print-pagina.menuItemPrint {
    position: absolute;
    bottom: -40px;
    right: 5px;
}

.uploadContainer {
    display: none;
}

.barcodeContainer table {
    border-collapse: collapse;
    padding: 0;
    width: 100%;
}

    .barcodeContainer table td {
        margin: 0;
        padding: 0;
    }

.pdfRight input[type="text"] {
    width: 112px;
}

.pdfRight .edit-select {
    width: 165px;
}

    .pdfRight .edit-select select {
        width: 235px;
        background-position: 180px 3px;
    }

@media screen and (min-width:1400px) {
    .pdfRight input[type="text"] {
        width: 70%;
    }

    .pdfRight .edit-select {
        width: 90%;
    }

        .pdfRight .edit-select select {
            width: 160px;
            background-position: 100px 3px;
        }
}


@media screen and (max-width:1280px) {
    .pdfRight input[type="text"] {
        width: 84px;
    }

    .pdfRight .edit-select {
        width: 130px;
    }

        .pdfRight .edit-select select {
            width: 160px;
            background-position: 100px 3px;
        }
}

@media screen and (max-width:1024px) {
    .pdfRight input[type="text"] {
        width: 90px;
    }

    .pdfRight .edit-select {
        width: 120px;
    }

        .pdfRight .edit-select select {
            width: 140px;
            background-position: 80px 3px;
        }
}

@media screen and (max-width:970px) {
    .pdfRight input[type="text"] {
        width: 70px;
    }

    .pdfRight .edit-select {
        width: 90px;
    }

        .pdfRight .edit-select select {
            width: 120px;
            background-position: 62px 3px;
        }
}

.iframeHome {
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    border: 0 none;
    margin: 0 0 68px;
}

/*---------------Settings #groupScreen ------------------*/
#groupsScreen {
    display: block;
    clear: both;
    position: static;
}

    #groupsScreen .buttonsAddRemove {
        display: block;
        text-align: left;
        margin: 0 10px 0 0;
        position: absolute;
        left: 238px;
        top: 44px;
    }

table#usersGroups {
    margin: 0 0 0 47px;
}

#groupsScreen h2 {
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 20;
    background: #fff;
}

.whiteSpace {
    display: block;
    clear: both;
    position: absolute;
    width: 478px;
    background: #fff;
    height: 70px;
    top: 1px;
}

#groupsScreen .availableGroups .trFirst {
    position: absolute;
    top: 46px;
    left: 15px;
    z-index: 100;
}

#groupsScreen .usersGroups .trFirst {
    position: absolute;
    top: 46px;
    left: 276px;
    z-index: 100;
}

.checkboxFive {
    display: block;
    float: left;
    width: 25px;
    margin: 22px 15px 0 15px;
    position: relative;
}

    .checkboxFive label {
        cursor: pointer;
        position: absolute;
        width: 16px;
        height: 16px;
        top: 0;
        left: 0;
        background: #eee;
        border: 1px solid #A4A4A4;
        border-radius: 5px;
        box-shadow: 0 0 2px 0 #A4A4A4 inset;
    }

        .checkboxFive label:after {
            opacity: 0;
            content: '';
            position: absolute;
            width: 6px;
            height: 3px;
            background: transparent;
            top: 4px;
            left: 4px;
            border: 2px solid #003951;
            border-top: none;
            border-right: none;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }


.file_item_block.tiles .checkboxFive {
    position: absolute;
    margin: 0;
    bottom: 14px;
    right: 4px;
}

/**
 * Create the hover event of the tick
 */
.checkboxFive label:hover::after {
    opacity: 0.5;
    animation-duration: 4s;
}

/**
 * Create the checkbox state for the tick
 */
.checkboxFive input[type=checkbox]:checked + label:after {
    opacity: 1;
}

.file_item_block.list.fileItemChecked, .file_item_block.tiles.fileItemChecked {
    background: #D0E4ED;
}

.clipboardDialog .file_item_block img.thumbnail {
    display: block;
}

.clipboardDialog .file_item_block img.fold_paper {
    display: none;
}

.clipboardDialog .checkboxFive label {
    margin: 1px 0 0 2px;
}

.formContainer .checkboxFive label {
    border: 1px solid #ccc;
    min-width: inherit;
}

.formContainer .checkboxFive input {
    width: 4px;
    height: 4px;
}

.checkboxFive.boolean {
    margin: -29px 0 0 179px;
}

.selectFileItemsDialog {
    display: none;
}
/*--------- Anonimiseren ----------*/
#leftSidebar.anonimiseren {
    width: 265px;
    overflow: auto;
}

a.inklapButton {
    display: block;
    clear: both;
    position: absolute;
    right: 15px;
    top: 21px;
    width: 15px;
    height: 15px;
    background: url('../images/arrow-inklappen-icons.png') no-repeat;
}

    a.inklapButton:hover {
        background: url('../images/arrow-inklappen-icons.png') no-repeat 0 -20px;
    }

.anonimiseren-left {
    display: block;
    float: left;
    width: 230px;
    margin: 0 15px 0 0;
    height: 100%;
    overflow: auto;
}

    .anonimiseren-left ul {
        margin: 0;
        padding: 0;
    }

        .anonimiseren-left ul li {
            display: block;
            list-style: none;
            background-color: #f2f2f1;
            background-repeat: no-repeat;
            background-position: 10px 7px;
            height: 14px;
            padding: 8px 10px 10px 35px;
            font-size: 14px;
            color: #706f6f;
            margin: 0 0 5px;
            border-radius: 5px;
        }

            .anonimiseren-left ul li:nth-child(2n+2) {
                background-color: #dcdcdc;
            }

            .anonimiseren-left ul li:hover {
                background-color: #C1BBBB;
                cursor: pointer;
            }

            .anonimiseren-left ul li.activeAnonimiseren, .anonimiseren-left ul li.activeAnonimiseren:hover {
                background-color: #8e8e8d;
                color: #fff;
                cursor: default;
            }

            .anonimiseren-left ul li.auto {
                background-image: url('../images/orange-dot-border.png');
            }

            .anonimiseren-left ul li.manual {
                background-image: url('../images/blue-dot-border.png');
            }

            .anonimiseren-left ul li span {
                display: block;
                float: left;
            }

            .anonimiseren-left ul li a.remove {
                display: block;
                float: right;
                width: 12px;
                height: 15px;
                background: url('../images/trash-icon.png') no-repeat -14px 0;
                margin: 0 0 0 20px;
            }

                .anonimiseren-left ul li a.remove:hover {
                    background-position: 0;
                }

.anonimiseren-right {
    display: block;
    float: left;
    padding: 0 0 0 10px;
    border-left: 1px solid #D3D3D3;
    height: 100%;
    position: relative;
}

.legenda {
    display: block;
    clear: both;
    position: absolute;
    bottom: -25px;
    left: 0;
}

    .legenda p {
        display: block;
        float: left;
        color: #706f6f;
        font-size: 14px;
        padding: 0 0 0 20px;
        margin: 0 10px;
    }

        .legenda p.auto {
            background: url('../images/orange-dot.png') no-repeat 0 2px;
        }

        .legenda p.manual {
            background: url("../images/blue-dot.png") no-repeat 0 2px;
        }


.anonimiseren .editMenu {
    position: absolute;
    bottom: -40px;
    right: 0;
    width: 100px;
}

#anonimiserenRight {
    margin-bottom: 30px;
    margin-left: 30px;
}

#renderCanvas {
    margin-top: 15px;
    border-radius: 6px;
}

.thumbnailsCanvas {
    display: block;
    clear: both;
    position: relative;
    overflow: hidden;
    overflow-x: auto;
    height: 75px;
}

ul.thumbs {
    display: block;
    padding: 0 30px;
    margin: 0;
    height: 75px;
    position: absolute;
    overflow: hidden;
}

.thumbnailsCanvas ul.thumbs li {
    display: inline;
    width: 65px;
    height: 66px;
    list-style: none;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: center;
    position: relative;
    line-height: 60px;
    white-space: nowrap;
}

    .thumbnailsCanvas ul.thumbs li span {
        display: inline-block;
        width: 60px;
        height: 65px;
        border: 1px solid #ccc;
        line-height: 60px;
        border-radius: 5px;
    }

    .thumbnailsCanvas ul.thumbs li img {
        border-radius: 5px;
        border: 1px solid #cccccc;
        width: 50px;
        height: auto;
        margin: 2px;
        max-height: 60px;
        max-width: 50px;
        vertical-align: middle;
    }

#show-nav {
    list-style: none;
}


.thumbnailsCanvas ul.thumbs li:hover {
    cursor: pointer;
}

.thumbnailsCanvas ul.thumbs li.active span {
    border: 1px solid #007DB9;
    background: #CCEEFF;
}

#show-nav .prev,
#show-nav .next {
    display: block;
    position: absolute;
    width: 10px;
    height: 20px;
    z-index: 100;
}

#show-nav .prev,
#show-nav .next {
    text-decoration: none;
}

#show-nav .prev {
    background: url('../images/arrowThumbnails.png') no-repeat;
    left: 15px;
    bottom: 25px;
}

#show-nav .next {
    background: url('../images/arrowThumbnails.png') 0 -28px no-repeat;
    right: 5px;
    bottom: 25px;
}

.savingNotification {
    display: none;
    position: absolute;
    top: 10px;
    right: 15px;
}

    .savingNotification img {
        display: block;
        float: left;
        margin: 6px 10px 0 0;
    }

    .savingNotification span {
        display: block;
        margin: 5px 0 0 0;
        float: left;
    }

.loadingDialog h1 {
    color: #EC601C;
    display: block;
    margin: 10px 0;
}

.loadingDialog {
    display: none;
}

.anonimiseren .masterMenu tr td.active {
    background: url("../images/nav-arrow.png") no-repeat scroll right center transparent;
}

#leftSidebar.anonimiseren .masterMenu tr td.active a {
    background: none;
}

.anonimiseren .masterMenu tr td:first-child {
    width: 25px;
}

.masterMenu a {
    padding: 0 0 2px 0;
}

.unchecked, .checked {
    display: block;
    width: 20px;
    height: 22px;
    background: url('../images/Vinkje.png') no-repeat 0 1px;
}

.checked {
    background: url('../images/Vinkje.png') no-repeat 0 -25px;
}

.setConfirmationDialog {
    display: none;
}

    .setConfirmationDialog p {
        text-align: left;
        line-height: 17px;
    }

/* Global */

.clickable {
    cursor: pointer;
}

.deleteFileStructureItemDialog p {
    text-align: left;
    margin-top: 15px;
}

.deleteFileStructureItemDialog textarea {
    margin-top: 15px;
    height: 165px;
}

/* Master Detail view */

.masterView {
    float: left;
    height: auto;
    width: 262px;
    padding: 9px;
    box-shadow: inset 0 0 5px 0 #a4a4a4;
    border-radius: 6px;
    margin: 0 0 10px;
    width: 15%;
    position: relative;
}

    .masterView a {
        color: #706F6F;
        text-decoration: none;
    }

        .masterView a:hover {
            color: #007FBE;
        }

    .masterView table {
        width: 100%;
    }

        .masterView table tr td {
            padding: 5px;
            border-radius: 3px 3px 3px 3px;
            margin: 1px;
            padding: 5px 10px;
            vertical-align: middle;
        }

            .masterView table tr td a {
                display: block;
                border-bottom: 1px solid #f3f3f3;
            }

                .masterView table tr td a:hover {
                    color: #0B7EBD;
                }

            .masterView table tr td.active a {
                background: url("../images/nav-arrow.png") no-repeat scroll right center transparent;
                color: #0B7EBD;
            }

.detailView {
    width: 81%;
}

/* Full screen table */

table.fullScreen {
    width: 100%;
}

    table.fullScreen th {
        padding: 5px 10px;
        background: #597BA9;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNTk3YmE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiMzODZhYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5JSIgc3RvcC1jb2xvcj0iIzMwNjJhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iIzM0NjRhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iIzMyNjE5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzI3NGU3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDRhNzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: linear-gradient(to bottom, #597BA9 0, #386AAA 4%, #3062A3 9%, #3464A3 13%, #32619F 26%, #274E7F 96%, #2D4A79 100%) repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(StartColorstr='#597BA9', EndColorStr='#2D4A79', GradientType=0);
        color: #fff;
        vertical-align: middle;
        font-weight: normal;
        text-align: left;
        border-radius: 3px;
        width: 48%;
    }

    table.fullScreen td {
        padding: 5px 10px;
        vertical-align: middle;
        border-radius: 3px;
        margin: 1px;
    }

    table.fullScreen tr:nth-child(odd) {
        background: #F3F3F3;
    }

    table.fullScreen tr:nth-child(even) {
        background: #f2f7f8;
    }

    table.fullScreen tr td input {
        width: 92%;
    }

/* Controls for tables. */

.tableControls {
    float: right;
    height: 16px;
    width: auto;
    margin-top: 5px;
    margin-right: 6px;
}

    .tableControls a {
        margin-left: 0;
    }


/* Dialog for ammount of FileItems. */

.selectFileItemsDialog p {
    text-align: left;
    margin-bottom: 5px;
}

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

/* Span for the resultcount. */

.searchResultCount {
    display: none;
    width: 100%;
}

/* Sidebar on left side of the screen. */

.leftSidebar {
    float: left;
    height: auto;
    width: 22.404255319148934%;
    *width: 22%;
}

    .leftSidebar a {
        color: #706F6F;
        text-decoration: none;
    }

        .leftSidebar a:hover {
            color: #007FBE;
        }

.leftSidebarItem {
    float: left;
    height: auto;
    padding: 9px;
    -webkit-box-shadow: inset 0 0 5px 0 #a4a4a4;
    box-shadow: inset 0 0 5px 0 #a4a4a4;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 0 0 10px;
    box-sizing: border-box;
}

    .leftSidebarItem .formContainer {
        margin-top: 4px;
    }

        .leftSidebarItem .formContainer p {
            float: left;
            font-size: 11px;
            min-height: 1px;
            width: 100%;
            margin: 8px 0 0 0;
            padding: 0;
            line-height: 14px;
        }

        .leftSidebarItem .formContainer input {
            width: 240px;
            margin: 5px 0 0 0;
        }

            .leftSidebarItem .formContainer input.submit_btn,
            .submit-settings {
                width: 97px;
                height: 26px;
                text-transform: uppercase;
                color: #003951;
                float: right;
                margin: 15px 0 1px 0;
                padding: 0;
                border: 1px solid #92c8e3;
                cursor: pointer;
                background: #eaeef1;
                box-shadow: none;
            }

.submit-settings {
    display: block;
    clear: both;
    float: none;
}

.leftSidebarItem .formContainer input.short_input {
    width: 77px;
    float: left;
}

.leftSidebarItem .datepickerrow img {
    float: right;
    cursor: pointer;
}

.leftSidebarItem .formContainer input#datum {
    width: 208px;
}

.leftSidebarItem .formContainer input.short_input.input_margin {
    margin: -3px 0 0 0;
}

    .leftSidebarItem .formContainer input.short_input.input_margin.left {
        margin-left: 14px;
    }

.leftSidebarItem .formContainer label {
    width: auto;
}

.leftSidebarItem .formContainer input[type="text"] {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Used on body tag to disable scrolling. */

.modal_open {
    overflow: hidden;
}

/* FileItem not found message */

div.notFoundMessage {
    display: block;
    clear: both;
    margin: 0 auto;
    width: 540px;
}

/* Menu with quick buttons */
.quickMenu {
    margin-top: 52px;
    float: right;
    margin-right: 46px;
}

    .quickMenu a {
        margin-left: 5px;
    }

/* icons */
a.icon_help,
a.icon_notification,
a.icon_notification_active,
a.icon_settings {
    display: inline-block;
    background: url(../images/iconsGrey.png) no-repeat;
}

a.icon_help {
    width: 27px;
    height: 27px;
    background-position: -118px -36px;
}

    a.icon_help:hover {
        background-position: -118px 3px;
        cursor: pointer;
    }

a.icon_notification {
    width: 36px;
    height: 27px;
    background-position: -42px -38px;
}

    a.icon_notification:hover {
        background-position: -42px 1px;
        cursor: pointer;
    }

    /* Hide when icon notification is parent. */
    a.icon_notification span.notification_counter,
    a.icon_notification span.notification_counter_plus {
        display: none;
    }

a.icon_notification_active {
    width: 36px;
    height: 27px;
    background-position: 0 -38px;
}

    a.icon_notification_active:hover {
        background-position: 0 1px;
        cursor: pointer;
    }

a.icon_settings {
    width: 27px;
    height: 27px;
    background-position: -84px -35px;
}

    a.icon_settings:hover {
        background-position: -84px 0;
        cursor: pointer;
    }

span.notification_counter,
span.notification_counter_plus {
    position: absolute;
    right: 123px;
    font-size: 5pt;
    color: white;
    top: 55px;
    text-align: center;
}

span.notification_counter_plus {
    right: 119px;
}

div.notification_log {
    width: 800px;
    margin: auto;
}
/* Notifications */
.notificationScreen {
    display: none;
}

    .notificationScreen a {
        border: 1px black solid;
        padding: 10px;
        text-decoration: none;
        display: block;
        width: 36%;
        margin: auto;
        margin-top: 10px;
        border-radius: 3px;
    }

    .notificationScreen table.fullScreen th {
        text-align: left;
    }

    .notificationScreen table.fullScreen td {
        text-align: left;
    }

.form-group {
    display: inline-block;
    clear: both;
    width: 100%;
    margin-bottom: 15px;
}

.labelUserSettings {
    display: block;
    float: left;
    width: 150px;
    margin-right: 15px;
    padding: 6px 0 0 0;
    text-align: right;
}

.inputUserSettings {
    display: block;
    float: left;
    text-align: left;
}

    .inputUserSettings input[type="text"],
    .inputUserSettings input[type="password"],
    .inputUserSettings input[type="email"] {
        width: 260px;
    }

.ui-dialog .inputUserSettings input[type="text"],
.ui-dialog .inputUserSettings input[type="email"],
.ui-dialog .inputUserSettings input[type="password"] {
    width: 153px;
}

.ui-dialog .form-group .styled-select {
    width: 172px;
}


.validation-summary-errors {
    background: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
    text-align: left;
    padding: 10px 0;
    margin: 0 0 25px 0;
}


    .validation-summary-errors ul {
        padding: 0 0 0 25px;
    }

        .validation-summary-errors ul li {
            line-height: 17px;
        }


.fileupload-buttons {
    display: block;
}

.addFileItemContainer {
    text-align: left;
}

.btn {
    padding: 6px 12px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    line-height: 17px;
    vertical-align: middle;
    border: 1px solid;
}

.btn-success {
    background-color: #EC601C;
    border-color: #E55B1B;
    color: #fff;
    font-size: 12px;
}

    .btn-success span {
        line-height: 19px;
    }

    .btn-success:hover {
        background-color: #E55B1B;
    }


.btn-primary {
    background-color: #007EBC;
    border-color: #3385AC;
    color: #fff;
}

    .btn-primary:hover {
        background-color: #3385AC;
    }


.btn-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff;
    padding: 2px 12px;
}

    .btn-warning:hover {
        background-color: #EC971F;
    }

.addFileItemContainer .table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

    .addFileItemContainer .table > thead > tr > th,
    .addFileItemContainer .table > tbody > tr > th,
    .addFileItemContainer .table > tfoot > tr > th,
    .addFileItemContainer .table > thead > tr > td,
    .addFileItemContainer .table > tbody > tr > td,
    .addFileItemContainer .table > tfoot > tr > td {
        border-top: 1px solid #ddd;
        line-height: 1.42857;
        padding: 8px;
        vertical-align: top;
    }

.addFileItemContainer .table-striped > tbody > tr:nth-child(2n+1) > td,
.addFileItemContainer .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f9f9f9;
}

select.metaTableId {
    background: none repeat scroll 0 center rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    font-size: 11px;
    height: 25px;
    padding: 5px;
    width: 158px;
}

#fileupload .edit-select {
    width: 140px;
}

span.label {
    display: inline-block;
    float: left;
    margin: 0 5px 0 0;
}

.progress-extended {
    display: block;
    padding: 15px 0;
}

Form.userAccountEdit hr {
    margin-bottom: 20px;
}

.formContainer2.settings th {
    width: auto;
}

.icon_settings.settings {
    text-indent: -9999px;
}

div.row {
    display: inline-block;
    clear: both;
}

.col-md-6 {
    display: block;
    float: left;
    width: 50%;
}

.border-bottom {
    border-bottom: 1px solid #e3e3e3;
    display: inline-block;
    width: 100%;
}

#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: left;
}

    #sortable li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-left: 1.5em;
        font-size: 1.4em;
        height: 18px;
        background: #f2f7f8;
    }

        #sortable li span {
            position: absolute;
            margin-left: -1.3em;
        }

@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS 1.3.0
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

@charset "UTF-8";
/*
 * jQuery File Upload UI Plugin CSS 9.0.0
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.progress-animated .progress-bar,
.progress-animated .bar {
  background: url("../img/progressbar.gif") !important;
  filter: none;
}
.fileupload-process {
  float: right;
  display: none;
}
.fileupload-processing .fileupload-process,
.files .processing .preview {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../img/loading.gif") center no-repeat;
  background-size: contain;
}
.files audio,
.files video {
  max-width: 300px;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files .name {
    width: 80px;
    word-wrap: break-word;
  }
  .files audio,
  .files video {
    max-width: 80px;
  }
  .files img,
  .files canvas {
    max-width: 100%;
  }
}