body {
    /*background-color: whitesmoke;*/
    background-color: #cacaca !important
}

section {
    width: 100%;
}

/*----Login--------------------------------------------*/
.login-panel-main {
    background: transparent;
    width: 100%;
    height: 400px;
    margin: 0 auto;
    padding-top: 150px;
    text-align: center;
}

.login-table {
    text-align: center;
    align-content: center;
    justify-content: center;
}

.login-table {
    text-align: center;
    align-content: center;
    justify-content: center;
}

.login-form {
    font-size: 1.4em;
    height: 40px;
    padding-left: 10px;
    width: 250px;
    height: 30px;
    padding-left: 6px;
    margin-bottom: 10px;

}

.login-form input {
    border: 1px solid gray;
    border-radius: 6px;
    outline-style: initial;
}

    .login-remember {
    font-family: 'Open Sans Condensed',sans-serif;
    color: black;
}

.login-btn {
    width: 250px;
    height: 40px;
    font-family: 'Open Sans Condensed',sans-serif;
    margin-left: -20px;
}

.login-label {
    font-size: 1.2em;
}

[for="LoginControl_RememberMe"] {
    margin-left: 6px;
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);


h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans Condensed',sans-serif;
    color: #000;
    font-weight: 300;
    text-align: center;
}


/*----Logo---------------------------------------------*/

.logo-container {
    margin-top: 25px;
    text-align: center;
    background-color: whitesmoke;
    -webkit-box-shadow: 0 4px 4px -2px #767676;
    -moz-box-shadow: 0 4px 4px -2px #767676;
    box-shadow: 0 4px 4px -2px #767676;
    padding: 20px;
    border: 3px solid white;
}

    .logo-container img {
        max-height: 200px;
    }


.container-sidor {
    text-align: center;
    background: #d2d2d2;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
}

.container-sidor-block {
    width: 100%;
    background: transparent;
    margin: 0 auto;
    padding-bottom: 50px;
}

.container-loginstatus-block {
    width: 100%;
    background: transparent;
    margin: 0 auto;
    padding-bottom: 20px;
    text-align: right;
}

.container-sidor-block h2 {
    color: #686464;
    text-align: left;
    padding: 0;
    margin: 0;
}

.container-sidor-sm {
    /* text-align: center; */
    padding-top: 40px;
    display: inline-block;
    margin-top: 15px;
}

.container-sidor-button {
    width: 100%;
    height: 60px;
    background: #577ead;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: 3px solid #828282;
}

    .container-sidor-button:hover {
        background: #afafaf;
        cursor: pointer;
    }

.container-sliders {
    width: 100%;
    height: 60px;
    background: #d2d2d2;
    margin-top: 25px;
}

.container-sliders-block {
    width: 100%;
    background: transparent;
    margin: 0 auto;
    padding-bottom: 50px;
}

    .container-sliders-block h2 {
        color: #686464;
        text-align: left;
        margin: 0;
        padding: 0;
    }

.container-sliders-sm {
    display: inline-block;
    padding: 0px;
}

.container-sliders-button {
    width: 100%;
    height: 60px;
    background: #577ead;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: 3px solid #828282;
}

    .container-sliders-button:hover {
        background: #afafaf;
        cursor: pointer;
    }

.navi-block {
    width: 200px;
    height: 20px;
    padding-top: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    background: #faa500;
    position: relative;
    left: 81.88888%;
}

.textdecoration {
    color: #fff;
    text-decoration: none;
    text-align: center;
    border: 0;
}

.text-login {
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    border: 0;
}

.hr-styling-autogruppen {
    width: 99%;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 6px;
    padding: 0;
}

/*----Tabell-------------------------------------------*/

.namncell {
    font-size: 18px;
    height: 23px;
    border-bottom: 1px solid #333;
    color: black;
}

.knappcell {
    width: 30px;
    height: 23px;
}

.img-cell {
    height: 32px;
    width: 32px;
    margin-right: 20px;
}


/*----Sidor--------------------------------------------*/

/*--Aktuellt---------------------------------------
        ---------------------------------------------*/

.container-skapa {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #111;
    margin-bottom: 25px;
}

    .container-skapa h2 {
        text-align: center;
    }

.container-aktuellt {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #111;
    margin-bottom: 25px;
}

    .container-aktuellt h2 {
        text-align: left;
    }

.aktuellt-block-btn {
    height: 50px;
    width: 150px;
    padding: 10px;
    margin-top: 23px;
    margin-bottom: 5px;
    background: #faa500;
    margin-left: 2px;
    border: 0;
    font-family: 'Open Sans Condensed',sans-serif;
    color: #fff;
}

    .aktuellt-block-btn:hover {
        background: #333;
        cursor: pointer;
    }

/*--Ny Aktuell-----------------------------------
        --------------------------------------------*/
.mall-table-wrapper {
    height: 100%;
    width: 100%;
    background: #ccc;
    margin: 0 auto;
    padding: 0;
}

.nyadd-aktuell-container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #222;
    margin-bottom: 25px;
}

    .nyadd-aktuell-container h2,
    .nyadd-aktuell-container p {
        text-align: center;
        color: #fff;
    }

.nyadd-aktuell-block {
    background: transparent;
    height: 75px;
    width: 289px;
}

.nyaktuellt-block-btn {
    height: 50px;
    width: 150px;
    padding: 10px;
    background: #faa500;
    border: 0;
    margin-top: 23px;
    margin-left: 2px;
    font-family: 'Open Sans Condensed',sans-serif;
    color: #fff;
}

    .nyaktuellt-block-btn:hover {
        background: #333;
        cursor: pointer;
    }

.auto-style1 {
    width: 100%;
}

.auto-style10 {
    height: 150px;
    width: 50%;
    border: solid;
    border-width: thin;
}

.auto-style8 {
    height: 150px;
    width: 25%;
    border: solid;
    border-width: thin;
}

.auto-style9 {
    height: 150px;
    width: 25%;
    border: solid;
    border-width: thin
}

/*--Ny sida-------------------------------------
        ------------------------------------------*/

.sid-redigering-block {
    width: 100%;
    margin-top: 10px;
}

.sid-redigerong-btn-block {
    display: inline-block;
}

.sid-redigering-block-btn {
    height: 50px;
    width: 150px;
    padding: 10px;
    background: #faa500;
    color: #fff;
    border: 0;
    display: inline-block;
    font-family: 'Open Sans Condensed',sans-serif;
}

    .sid-redigering-block-btn:hover {
        background: #333;
        cursor: pointer;
    }

/*--Skapa---------------------------------------
        ------------------------------------------*/

.table-label-sm {
    width: 200px;
    height: 30px;
    font-size: large;
    font-weight: 700;
    margin-left: 5px;
}

input {
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: 300 !important;
    font-weight: normal;
}

    input .textbox {
        font-family: 'Open Sans Condensed',sans-serif;
        font-weight: 300 !important;
    }

.table-label-md {
    height: 30px;
}

.table-txtbox-md {
    width: 500px;
    font-family: 'Open Sans Condensed',sans-serif;
}

.header-txt {
    margin-left: 6px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.nysida-img-block {
    margin-top: 10px;
    background: #777;
}


/*--Personal------------------------------------
        ------------------------------------------*/

.personal-table-wrapper {
    height: 500px;
    width: 100%;
    background: #ccc;
    margin: 0 auto;
    padding: 0;
}

.text-div-left {
    display: inline-block;
    width: 300px;
    height: auto;
    float: left;
}

.img-div-right {
    display: inline-block;
    height: 100%;
    margin-top: 25px;
    width: 300px;
}

.personal-img-block {
    background: #777;
}

.personal-table-cols {
    height: 100%;
    width: 50%;
    font-family: 'Open Sans Condensed',sans-serif;
    padding-left: 5px;
    color: #fff;
}

/*--Erbjudande---------------------------------
        -----------------------------------------*/

.table-label-erbjudande {
    height: 30px;
    width: 500px;
    margin-left: 5px;
    font-family: 'Open Sans Condensed',sans-serif;
}

.table-txtbox-erbjudande {
    height: 80px;
    width: 500px;
    margin-left: 5px;
    font-family: 'Open Sans Condensed',sans-serif;
}

.nytt-erbjudande-img-block {
    margin-top: 10px;
    background: #777;
    margin-left: 5px;
    width: 500px;
    height: 321px;
}

.file-up {
    text-align: left;
    width: 34%;
    Height: 20px;
    margin-left: 5px;
    font-family: 'Open Sans Condensed',sans-serif;
}

.ladda-btn {
    padding: 0px !important;
    font-family: 'Open Sans Condensed',sans-serif !important;
}

.valj-btn {
    font-family: 'Open Sans Condensed',sans-serif;
    display: inline-block;
    width: 100px;
}

.drop-down {
    width: 200px;
    height: 30px;
    font-size: large;
    font-weight: 700;
    margin-left: 5px;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: 300;
}

.erbjudande-btn {
    height: 50px;
    width: 150px;
    padding: 10px;
    margin-top: 25px;
    background: #366db2;
    margin-bottom: 5px;
    margin-left: 2px;
    border: 0;
    font-family: 'Open Sans Condensed',sans-serif;
    color: #fff;
    border: 2px solid whitesmoke;
}


    .erbjudande-btn:hover {
        background: #333;
        cursor: pointer;
    }

.choose_file {
    position: relative;
    display: inline-block;
    border-radius: 8px;
    border: #ebebeb solid 1px;
    width: 100px;
    padding: 4px 6px 4px 8px;
    font-family: 'Open Sans Condensed',sans-serif;
    color: #7f7f7f;
    margin-top: 2px;
}

    .choose_file input[type="file"] {
        -webkit-appearance: none;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }

/*--Visa sidor------------------------------
        --------------------------------------*/

.container-aktuellt-visa {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #111;
    margin-bottom: 25px;
    color: #fff;
    text-align: center;
    padding-top: 25px;
    font-family: 'Open Sans Condensed',sans-serif;
}

    .container-aktuellt-visa img {
        height: auto;
        width: 100%;
    }


/*--Admin Slider---------------------------
        -------------------------------------*/
.slider_wrapper_main {
    /*width: 100%;*/
    background-color: #f5f5f5;
    border: 1px solid #8c8c8c;
    border-radius: 6px;
    margin-bottom: 25px;
}

    .slider_wrapper_main img {
        height: auto;
        width: 100%;
    }

.slider_wrapper_left {
    padding: 0px !important;
}

.slider_wrapper_right {
}

.slider_btn_holder {
    display: block;
    margin-bottom: 10px;
}

.slider_img {
    background: #eaeaea;
}

    .slider_img img {
        width: 100%;
        height: auto;
    }


/*--Templates-----------------------------
        -------------------------------------*/

.template-txt {
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: 300;
    font-size: 20px;
}

.template-header {
    text-align: left;
    font-family: 'Open Sans Condensed',sans-serif;
}

.img-margin-top {
    margin-top: 25px;
}


/*--Media---------------------------------
        -------------------------------------*/

.media_radio_btns {
    color: #fff;
}


.lagg_video_txt {
    margin-left: 2px;
    color: #fff;
}

.lank_video_input {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 2px;
    font-size: 16px;
    color: #000;
    margin-top: 10px;
}

.admin-textbox {
    height: 40px;
    width: 100%;
    font-size: 15px;
    border-radius: 0px 0px 6px 6px;
    padding-left: 3px;
}

.admin-textbox-dropdown {
    height: 40px;
    width: 150px;
    font-size: 15px;
    border-radius: 0px 0px 6px 6px;
    padding-left: 3px;
    background-color: whitesmoke;
    border-color: #adadad;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.admin-imgtext-textbox {
    height: 40px;
    width: 100%;
    font-size: 15px;
    border-radius: 0px 0px 6px 6px;
    padding-left: 8px;
}

.admin-parallax-textbox {
    height: 40px;
    width: 150px;
    font-size: 15px;
    border-radius: 0px 0px 6px 6px;
    padding-top: 8px;
    padding-left: 8px;
    padding-bottom: 2px;
}

.admin-textbox-body {
    height: 150px;
    width: 100%;
    font-size: 15px;
    border-radius: 6px;
    padding-left: 5px;
    font-weight: 300;
}

.admin-textbox-body-xl {
    height: 500px;
    width: 100%;
    font-size: 15px;
    border-radius: 6px;
    padding-left: 5px;
    font-weight: 300;
}

.admin-textbox-fullpagebody {
    height: 100%;
    width: 100%;
    font-size: 20px;
    padding-left: 5px;
    font-weight: 300;
    background-color: #a9a9a9;
    color: white;
    padding: 10px;
}

.admin-textbox-smalbody {
    height: 80px;
    width: 100%;
    font-size: 15px;
    border-radius: 6px;
    padding-left: 5px;
}

.admin-merinfo-textbox-body {
    height: 200px;
    width: 100%;
    font-size: 15px;
    border-radius: 6px;
    padding-left: 5px;
}

.admin-textbox-parallaxright {
    height: 40px;
    width: 100%;
    font-size: 24px;
    border-radius: 0px 0px 6px 6px;
}

.admin-menytextbox-body {
    height: 160px;
    width: 100%;
    font-size: 15px;
    border-radius: 6px;
    padding-left: 5px;
}

.admin-textbox-formtext-body {
    height: 150px;
    width: 100%;
    font-size: 15px;
    border-radius: 0px 0px 6px 6px;
    padding-left: 5px;
}

.admin-form-spara-btn {
    width: 100%;
    height: 60px;
    background-color: #366db2;
    color: white;
    margin-bottom: 10px;
    border: 3px solid white;
}

.admin-form-addimg-btn {
    width: 100%;
    height: 60px;
    background-color: #1ba238;
    color: white;
}

.admin-form-changetext-btn {
    width: 100%;
    height: 60px;
    background-color: #31af52;
    color: white;
}

.admin-form-slider-add-btn {
    width: 100%;
    height: 60px;
    background-color: #6d6d6e;
    color: white;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold !important;
}

.admin-form-slider-back-btn {
    height: 25px;
    background-color: #7398c6;
    color: whitesmoke;
    margin-top: 25px;
    border: 2px solid whitesmoke;
}

.admin-form-preview-btn {
    height: 28px;
    background-color: #7398c6;
    color: white;
    margin-top: 25px;
    border: 3px solid whitesmoke;
}

.admin-form-title {
    font-size: 30px;
    font-weight: bold;
    color: black;
}

.admin-form-avbryt-btn {
    width: 100%;
    height: 60px;
    background-color: #b52525;
    color: white;
    margin-bottom: 10px;
    border: 3px solid white;
}

.admin-form-upload-btn {
    width: 100%;
    height: 60px;
    background-color: #5b9735;
    color: white;
    margin-bottom: 10px;
    border: 3px solid white;
}

.admin-dropdown {
    font-size: 20px;
    border-radius: 6px;
    width: 100%;
    padding-left: 3px;
    height: 35px;
}

.admin-function-dropdown {
    background-color: #337ab7;
    color: white;
    font-size: 20px;
    border-radius: 6px;
    width: 100%;
    height: 35px;
}

.admin-personal-img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.admin-personal-img-wrapper {
    padding: 15px;
    background-color: #6e6969;
}

.sektion-titel-wrapper {
    background-color: whitesmoke;
    color: gray;
    padding: 10px;
    border: 3px solid white;
    border-bottom: 0px;
}

.sektion-save-wrapper {
    background-color: whitesmoke;
    color: gray;
    padding-top: 10px;
    border: 3px solid #ffffff;
}

.sektion-fileupload-wrapper {
    background-color: whitesmoke;
    color: gray;
    padding-top: 10px;
    border: 3px solid #ffffff;
}

.admin-menysektion-wrapper {
    border: 3px solid #ffffff;
    border-top: 0px;
    margin-bottom: 15px;
    padding-bottom: 25px;
    background-color: whitesmoke;
}

.admin-personal-tablewrapper {
    width: 100%;
    background-color: whitesmoke;
    border: 6px solid white;
}

.admin-edit-personalwrapper {
    background-color: whitesmoke;
    color: gray;
    padding: 10px;
    border: 3px solid white;
    border-bottom: 0px;
}

[for="ctl05"], [for="ctl06"] {
    margin-left: 6px;
}

.row-spacing {
    margin-top: 15px;
}

.login-logout {
    text-align: right;
}

.tillbaks-formtext-wrapper {
    padding: 0px !important;
    margin-top: 15px;
}

.nybild-formtext-wrapper {
    /*padding: 0px!important;*/
}

.admin-btn-title {
    border: 1px solid #c2c2c2;
    background-color: whitesmoke;
    border-bottom: 0px;
    border-radius: 6px 6px 0px 0px;
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    margin-top: 15px;
    padding: 0px !important;
}

.numberwrapper {
    border: 1px solid #c2c2c2;
    background-color: whitesmoke;
    border-bottom: 0px;
    border-radius: 6px 6px 0px 0px;
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: -15px;
    margin-top: 15px;
}

.sublogotext {
    font-size: 30px;
    color: black;
    margin-top: 15px;
    margin-bottom: 15px;
}

.admin-resultat-rubrik-wrapper {
    margin-top: 10px;
}

.admin-resultat-rubrik {
    font-weight: bold;
}

.admin-resultat-body-wrapper {
    margin-top: 10px;
}

.admin-resultat-body {
    margin-bottom: 5px;
}

.textboxholder {
    display: none;
}

.admin_bildtextbox {
    width: 100%;
}

.cat-title {
    text-align: center;
    color: #5b5b5b;
    font-size: 20px;
    margin-bottom: 6px;
    margin-top: 10px;
    background-color: #dadada;
    border: 2px solid whitesmoke;
}

.cat-title-singel {
    margin-top: 50px;
}

.admin-personal-img:hover {
    cursor: pointer;
}

.admin-personal-del-btn {
    float: right;
    background-color: red;
    color: white;
    border: 1px solid #cbcaca;
}

.hide-del {
    display: none;
}

.admin-section-img {
    box-shadow: 0 7px 17px -7px #636363;
    border-radius: 6px;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 100%;
}

.admin-section-upload-img {
    display: inline-block;
    box-shadow: 0 7px 17px -7px #636363;
    border-radius: 6px;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 100%;
}

.admin-section-upload-img-label {
    text-align: left;
}

.image-upload-url {
    width: 100%;
    height: 40px;
    font-size: 18px;
    padding-left: 4px;
}

.admin-section-img:hover {
    cursor: pointer;
}

.admin-finfo-section-img {
    margin-top: 5px;
    margin-bottom: 10px;
}

.img-container {
    border: 1px solid gray;
    padding: 20px;
}

.img-container-transparent {
    border: 1px solid gray;
    background-color: whitesmoke;
    padding: 20px;
}

.admin-finfo-section-img:hover {
    cursor: pointer;
}

.col-btn {
    margin: 0px !important;
    padding: 0px !important;
}

.removeimg {
    background-color: red;
    color: white;
    padding: 5px;
    border: 2px gray solid;
    border-radius: 6px;
}

    .removeimg:hover {
        color: darkgray;
        text-decoration: none;
    }

.admin-hr {
    margin-top: 20px;
    border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #ededed, rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), #ededed, rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), #ededed, rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), #ededed, rgba(0,0,0,0));
}

.code-color-box {
    height: 40px;
    border: 1px dashed darkgray;
}

.image-text-top {
    position: absolute;
    top: 100px;
    left: 15%;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Arial Bold', sans-serif;
    color: white;
}

.image-text-bottom {
    position: absolute;
    top: 150px;
    left: 15%;
    font-size: 40px;
    font-weight: bold;
    font-family: 'Arial Bold', sans-serif;
    color: white;
}

.bilimage-text-top {
    position: absolute;
    top: 100px;
    left: 15%;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Arial Bold', sans-serif;
    color: white;
}

.bilimage-text-bottom {
    position: absolute;
    top: 150px;
    left: 15%;
    font-size: 40px;
    font-weight: bold;
    font-family: 'Arial Bold', sans-serif;
    color: white;
}

.parallax-logo {
    position: absolute;
    top: 80px;
    width: 100%;
}

.parallax-logo-img {
    max-width: 400px !important;
}

.parallax-text-top {
    position: absolute;
    top: 180px;
    width: 100%;
    color: #999999;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    /*font-family: 'MYRIADPROREGULAR';*/
}

.parallax-text-left {
    width: 50% !important;
    padding-left: 50px;
    position: absolute;
    top: 220px;
    text-align: right;
    font-size: 15px;
    color: #999999;
    padding-right: 15px;
    /*font-family: 'MYRIADPROREGULAR';*/
    padding-right: 15px;
}

.parallax-text-right1 {
    width: 50% !important;
    margin-left: 50% !important;
    position: absolute;
    top: 206px;
    text-align: left;
    font-size: 42px;
    color: #999999;
    text-transform: uppercase;
    padding-right: 15px;
    /*font-family: 'MYRIADPROREGULAR';*/
    padding-right: 15px;
}

.parallax-text-right2 {
    width: 50% !important;
    margin-left: 50% !important;
    position: absolute;
    top: 256px;
    text-align: left;
    font-size: 42px;
    color: #999999;
    text-transform: uppercase;
    /*font-family: 'MYRIADPROREGULAR';*/
    padding-right: 15px;
}

.parallax-text-right3 {
    width: 50% !important;
    margin-left: 50% !important;
    position: absolute;
    top: 306px;
    text-align: left;
    font-size: 42px;
    color: #999999;
    text-transform: uppercase;
    /*font-family: 'MYRIADPROREGULAR';*/
    padding-right: 15px;
}

.parallax-text-bottom {
    position: absolute;
    top: 400px;
    width: 100%;
    color: #999999;
    letter-spacing: 2px;
    font-size: 12px;
}

.btn-default.btn5 {
    display: inline-block;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    font-family: 'Open Sans Condensed';
    font-size: 10px;
    line-height: 30px;
    padding: 0 50px 0 20px;
    text-transform: uppercase;
    letter-spacing: 0;
    background: #c7c7c7;
    position: relative;
    overflow: hidden;
    margin-top: 9px;
}

    .btn-default.btn5:before {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        background: #e30000;
        position: absolute;
        right: -10px;
        top: 0;
        transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transform: skewX(-25deg);
        -ms-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .btn-default.btn5:hover {
        color: #fff;
        background: #c7c7c7;
    }

    .btn-default.btn5 span {
        position: relative;
        display: inline-block;
    }

    .btn-default.btn5:hover:before {
        background: #c7c7c7;
    }

    .btn-default.btn5:after {
        content: "\f105";
        font-family: 'FontAwesome';
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 14px;
        color: #fff;
        width: 30px;
        text-align: center;
    }

.admin-checkbox label {
    padding-left: 4px;
    font-weight: 100;
}

.admin-checkbox-ondark label {
    padding-left: 4px;
    font-weight: 100;
    color: white;
}

.admin-page-end {
    border-top: 1px solid gray;
    margin-top: 40px;
    border-bottom: 50px solid #6e6969;
    margin-bottom: 0;
}

.admin-hr-spacer {
    margin-top: 12px;
    border: 0;
}

.admin-readonly-p {
    margin-top: 5px;
    padding: 5px 0px 5px 5px;
    border: 1px solid #cecece;
    border-radius: 2px;
}

.htmlinput {
    padding-left: 5px;
    background-color: #a9a9a9;
    color: white;
    padding: 10px;
}

.nysida-btn {
    background-color: #959595;
    color: white;
    margin-left: -15px;
    border: 2px gray solid;
}

    .nysida-btn:hover {
        color: whitesmoke;
    }

#showpassword {
    background-color: #7398c6;
    color: white;
    padding: 6px;
    margin-top: 21px;
    display: inline-block;
    float: right;
}

    #showpassword:hover {
        cursor: pointer;
    }

.hidden-input-style {
    background-color: whitesmoke;
}