/*
1. login page.
2. feedback page.

*/


@font-face {
    font-family: 'Phenomena-Bold';
    src: url('../../fonts/phenomena/Phenomena-Bold.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/phenomena/Phenomena-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/phenomena/Phenomena-Bold.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/phenomena/Phenomena-Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url('../../fonts/phenomena/Phenomena-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/phenomena/Phenomena-Bold.svg#svgFontName') format('svg'), /* Legacy iOS */
    url('../../fonts/phenomena-extrabold/Phenomena-ExtraBold.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Phenomena-Regular';
    src: url('../../fonts/Phenomena-Regular/Phenomena-Regular.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Phenomena-Regular/Phenomena-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/Phenomena-Regular/Phenomena-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/Phenomena-Regular/Phenomena-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../../fonts/Phenomena-Regular/Phenomena-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/Phenomena-Regular/Phenomena-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Phenomena-Bold';
    src: url('../../fonts/phenomena-extrabold/Phenomena-ExtraBold.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/phenomena-extrabold/Phenomena-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/phenomena-extrabold/Phenomena-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/phenomena-extrabold/Phenomena-ExtraBold.woff') format('woff'), /* Pretty Modern Browsers */
    url('../../fonts/phenomena-extrabold/Phenomena-ExtraBold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/phenomena-extrabold/Phenomena-ExtraBold.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Phenomena-Light';
    src: url('../../fonts/phenomena-light/Phenomena-Light.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/phenomena-light/Phenomena-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/phenomena-light/Phenomena-Light.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/phenomena-light/Phenomena-Light.woff') format('woff'), /* Pretty Modern Browsers */
    url('../../fonts/phenomena-light/Phenomena-Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/phenomena-light/Phenomena-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'EkMukta';
    src: url('../../fonts/ek-mukta/EkMukta-Regular.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/ek-mukta/EkMukta-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/ek-mukta/EkMukta-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/ek-mukta/EkMukta-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../../fonts/ek-mukta/EkMukta-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/ek-mukta/EkMukta-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'ekmukta-semibold';
    src: url('../../fonts/ekmukta-semibold/ekmukta-semibold.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/ekmukta-semibold/ekmukta-semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/ekmukta-semibold/ekmukta-semibold.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/ekmukta-semibold/ekmukta-semibold.woff') format('woff'), /* Pretty Modern Browsers */
    url('../../fonts/ekmukta-semibold/ekmukta-semibold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/ekmukta-semibold/ekmukta-semibold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

* {
    font-family: EkMukta, Arial;
}


a.ng-scope:hover {
    text-decoration: none;
}

.m-15 {
    margin: 15px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-75 {
    margin-top: 75px;
}

.mr-15 {
    margin-right: 15px;
}

.mt-30 {
    margin-top: 30px;
}

.pt-30 {
    padding-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mt-15 {
    margin-top: 15px;
}

.bdr-line {
    border-top: 2px solid #336633;
    width: 100%; /* height: 1px; */
    margin-top: 30px;
}

hr {
    border: 1px solid #eee;
}

.main-content {
    padding-top: 6%;
}

body:focus {
    outline: none;
}

.control-label {
    color: #464945;
    font-weight: normal;
}

label {
    color: #464945;
}

.bg-green label {
    color: #fff;
}

.green-alert {
    color: #336633;
    text-align: center;
    padding: 0 10px;
}

.form-control {
    font-size: 16px;
    padding: 4px 12px;
}

.btn-primary:active {
    background-color: #2d4b24;
    border-color: #2d4b24;
}

/*-------------------------------------------------------------1. LOGIN PAGE-------------------------------------------------------*/

.logo {
    width: 180px;
}

.head-body {
    background: rgba(255, 255, 255, 0.8);
    /*margin-top: 85px;*/
    height: auto;
    border-radius: 3px;
}

.modal-backdrop {
    display: none;
}

.login-form input#inputEmail3, input#inputPassword3 {
    font-size: 16px;
    border: 2px solid #336633;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #f0ecec;
    text-decoration: none;
}

.login-form .form-group {
    display: flex;
    width: auto;
    margin-left: 0;
}

    .login-form .form-group label {
        justify-content: flex-end;
        width: 64%;
        margin-right: 10px;
    }

.login-form {
    margin-top: 115px;
    overflow: hidden !important;
    font-size: 12px;
    font-family: EkMukta;
    display: flex;
    justify-content: center;
    margin-bottom: 125px;
}

.forgot {
    text-decoration: underline;
    color: #464945;
    margin-bottom: 20px;
}

.forgot {
    width: 332px;
    justify-content: flex-end;
}

.forgot_de {
    text-decoration: underline;
    color: #464945;
    margin-bottom: 20px;
}

.forgot_de {
    width: 350px;
    justify-content: flex-end;
}

.btn-login {
    margin-top: 14px;
    transition: all 0.3s ease-in-out 0s;
    font-family: Phenomena-Bold, sans-serif;
    border: 2px solid #336633;
    border-radius: 100%;
    width: 75px;
    height: 75px;
    color: #336633;
    background: no-repeat;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 900;
}

    .btn-login:hover, .btn-login:focus {
        background: #336633;
        color: #fff;
    }

.btn-login-neu {
    font-family: "EkMukta", sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 16px;
    border-radius: 5px;
    transition: 0.5s;
    line-height: 1;
    margin: 0px;
    animation-delay: 0.8s;
    border: 2px solid #336633;
    background: #336633;
    color: #fff;
    width: auto;
}

    .btn-login-neu:hover, .btn-login-neu:focus {
       
        background: #fff;
        color: #336633;
    }

.login-form label, .forgot a {
    color: #336633;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
}

.login-form .form-control {
    background: transparent;
}

.head-body h3 {
    font-family: Phenomena-Bold, Arial;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 34px;
    color: #336633;
    padding: 20px 40px;
}

.btn-login:focus {
    outline: none;
}
/*---------------------------------------------------1. END LOGIN PAGE----------------------------------------------------*/

/*---------------------------------------------------2. FEEDBACK PAGE---------------------------------------------------*/
.feedback > .container > .row .col-md-4:nth-child(1) .info-icon-container {
    display: inline-block;
}

.feedback > .container > .row .col-md-4:last-of-type .info-icon-container {
    display: inline-block;
}

.feedback > .container > .row div:nth-child(2) .info-icon-container {
    display: inline-block;
}

section.main.feedback {
    margin-top: 10px;
}

.head-body p, .einruecken3 p {
    color: #2d4b24;
    font-family: EkMukta;
    font-style: normal;
    padding: 0 40px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 0.20px;
    font-size: 16px;
}

.panel-body .einruecken3 p, .panel-title {
    text-align: left;
}

.head-bottom {
    padding: 20px 39px;
}

.head-bottom-contain {
    border-top: 1px solid #2d4b24;
}

.cross-img, .cross-img img, .cross-img p {
    display: inline-block;
}

.cross-times p {
    color: #464945;
    font-family: EkMukta;
    font-style: normal;
    font-size: 16px;
}

.cross-img, .cross-times {
    margin-top: 10px;
}

.cross-times {
    text-align: center;
}

.data-title h2 {
    text-align: center;
    font-family: Phenomena-Regular;
    color: #336633;
    margin: 15px 0;
    text-transform: uppercase;
    font-size: 43px;
}

.mobile_view-title {
    display: none;
}

#feedback {
    font-family: EkMukta;
}

.data-table .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #336633 !important;
}

.data-table .sorting_asc, .sorting {
    padding-bottom: 8px !important;
}

#feedback tr td {
    font-family: EkMukta;
    font-weight: normal;
    font-size: 16px;
    padding-bottom: 0px !important;
    font-weight: 100;
    color: #336633;
}

#feedback tr th {
    text-align: center;
    color: #336633;
    font-size: 16px;
    font-weight: 100;
    font-family: EkMukta;
    line-height: 20px;
    outline: none;
}

    #feedback tr th label {
        font-size: 16px;
        font-weight: 100;
        cursor: pointer;
        font-family: EkMukta;
        padding-top: 6px;
        color: #336633;
    }

#feedback tr td label {
    font-size: 16px;
    font-weight: 100;
    font-family: EkMukta;
    cursor: pointer;
    line-height: 22px;
}

#feedback tbody tr td:nth-child(4) label, #feedback tbody tr td:nth-child(5) label {
    pointer-events: none;
}

#feedback tbody tr td:nth-child(7) {
    width: 100px;
}

tbody tr td p {
    display: inline-block;
    font-size: 16px;
    font-weight: 100;
    font-family: EkMukta;
    font-style: normal;
    margin: 0;
}

div#dv_first span {
    /*font-family:Phenomena-Regular;*/
    color: #336633;
    /*font-size: 16px;*/
    padding: 1px 15px;
    line-height: 2;
    border: none;
    outline: none;
    box-shadow: none;
}

div#dv_first h4.panel-title.survey-editname span {
    font-family: Phenomena-Regular;
    font-size: 20px;
    line-height: 1.6 !important;
    border: none;
    outline: none;
    box-shadow: none;
}




td.ng-scope a {
    float: right;
    vertical-align: middle;
    margin-left: 5px;
}

.panel-data .form-group {
    text-align: left;
}

.panel-default > .panel-heading {
    background-color: #bdd06b;
    color: #fff;
    cursor: pointer;
}

.spanerror {
    color: red !important;
}

.odd td, .even td {
    font-size: 16px;
    white-space: normal !important;
}

.data-table .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: none !important;
}

.data-table table.dataTable.nowrap th, table.dataTable.nowrap td {
    line-height: 35px;
    vertical-align: middle;
}

#feedback tr .bg-green {
    background-color: #bdd06b;
    color: #fff;
    font-size: 12px;
    border-radius: 100%;
    text-align: center;
    display: block;
    margin: 20px 0;
    width: 40px;
    height: 40px;
    max-width: 32px;
    outline: none;
}

    #feedback tr .bg-green:hover {
        opacity: 0.8;
    }

.status-icon {
    background-color: #bdd06b;
    padding: 9px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 1px 7px;
    color: #fff;
    font-size: 30px;
}

.data-table tbody {
    margin-bottom: 50px;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
    display: inline-block;
    padding: 0 0 0 10px;
    margin: 0;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    color: #464945;
}

div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label {
    color: #464945;
}

#feedback td i {
    background: #bdd06b;
    font-size: 18px !important;
    color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
    line-height: 35px;
    font-size: 25px;
    transition: 0.3s;
    display: block;
    text-align: center;
}

#feedback td a {
    display: inline-block;
    color: #464945;
    text-decoration: none;
    font-size: 16px;
    font-weight: 100;
    font-family: EkMukta;
    cursor: pointer;
}

    #feedback td a:hover {
        opacity: 0.8;
    }

.table.dataTable thead .sorting:after, .table.dataTable thead .sorting_asc:after {
    display: none;
}

#feedback tr th:nth-child(2) {
    text-align: left !important;
    padding-left: 100px;
}

#feedback tbody tr td:nth-child(3), #feedback tbody tr td:nth-child(4), #feedback tbody tr td:nth-child(5) {
    text-align: center !important;
    padding-left: 10px;
    padding-right: 10px;
}

#feedback tbody tr td:nth-child(6) {
    text-align: center !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #feedback tbody tr td:nth-child(6) a {
        margin-left: 0;
    }

#feedback tbody tr td:nth-child(7) {
    text-align: center !important;
}

#feedback tbody tr td:nth-child(3) {
    display: inline-block;
    width: 220px;
    text-align: left !important;
    padding-top: 0;
}

    #feedback tbody tr td:nth-child(3) P {
        color: #3d3d3c;
    }

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
    padding-left: 8px;
}

    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
        height: 24px;
        width: 24px;
        line-height: 25px;
        left: -25px;
        top: 15px;
        height: 24px;
        border: 2px solid #bdd06b;
        background-color: #bdd06b;
        color: #fff;
    }

.pagination > .active > a {
    background-color: #fff !important;
    border-color: #bdd06b !important;
    border-radius: 100%;
    color: #bdd06b !important;
    line-height: 1.6;
    width: 35px;
    height: 35px;
    z-index: 0;
    font-size: 16px;
    outline: none;
    text-align: center;
}
/*.pagination>.active>a:hover {
    background: transparent !important;
    border-color: #bdd06b !important;
    color: #bdd06b !important;
}
.pagination > li > a:hover {
    background: #bdd06b !important;
    color: #fff !important;
}*/

.accordion .panel-body {
    padding: 15px 0;
}

.pagination > li > a, .pagination > li > span {
    background-color: #fff !important;
    border-color: #babab8 !important;
    border-radius: 100%;
    color: #babab8 !important;
    line-height: 1.6;
    width: 35px;
    height: 35px;
    z-index: 0;
    font-size: 16px;
    margin: 0 5px;
    outline: none;
    text-align: center;
}

.pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > li:first-child > a, .pagination > li:first-child > span {
    border: none;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #464945;
    cursor: not-allowed;
    background-color: transparent !important;
    border-color: transparent !important;
}

    .pagination > .disabled > a, .pagination > .disabled > a:focus {
        outline: none;
    }

span.direction {
    float: right;
    display: inline-block;
}

#feedback td i:hover {
    background: #2d4b24;
    display: block;
}

.info-icon-container img {
}

.info-icon {
    margin-top: 55px;
    border-top: 2px solid #336633;
    padding: 50px 0;
    overflow: hidden;
}

.info-icon-container a {
    display: block;
    font-family: EkMukta;
    color: #464945;
    text-decoration: none;
    font-size: 16px;
    padding-bottom: 10px;
    word-spacing: 1px;
    margin-top: 5px;
    outline: none;
}

.info-icon-container img, .cross-times {
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
}

.info-icon-container.text-right a {
    margin-right: 20px;
}

.cross-times i {
    width: 35px;
    height: 35px;
    text-align: center;
    border: 2px solid #bdd06b;
    border-radius: 100%;
    line-height: 2.5;
    color: #bdd06b;
    transition: all 0.3s ease-in-out 0s;
}

    .cross-times i:hover {
        background-color: #bdd06b;
        color: #fff;
    }

.info-icon-container i {
    width: 65px;
    height: 65px;
    border: 2px solid #bdd06b;
    border-radius: 50%;
    text-align: center;
    line-height: 2.9;
    font-size: 22px;
    color: #bdd06b;
    transition: all 0.3s ease-in-out 0s;
}

    .info-icon-container i:hover {
        background: #bdd06b;
        color: #fff;
    }

div#feedback_info {
    font-family: EkMukta;
    text-align: left;
    color: #babab8;
    white-space: unset;
}

div#feedback_filter {
    font-family: EkMukta;
}

table#feedback tr:hover {
    background: #cccccc1c;
}

label.table-spacing {
    line-height: 22px;
    vertical-align: middle;
    color: #464945;
}


.panel-default {
    border: transparent;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}

.bootstrap-datetimepicker-widget .collapse.in {
    margin: 0;
    padding: 0;
}

.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover {
    background-color: #bdd06b;
}

.picker-switch span {
    color: #bdd06b;
}

.bootstrap-datetimepicker-widget td span:hover {
    background: transparent;
}

.timepicker-picker td a {
    color: #bdd06b;
}

.bootstrap-datetimepicker-widget td.today:before {
    border-bottom: 7px solid #bdd06b;
}

.bootstrap-datetimepicker-widget td span.active {
    background-color: #bdd06b;
}

div#feedback_paginate .pagination {
    float: right;
    display: flex;
    margin: 0;
    clear: both;
}

ul.pagination li {
    margin-left: 0;
}

.center-modal {
    display: flex !important;
    align-items: center;
}
/*---------------------------------------------------2. END FEEDBACK PAGE ----------------------------------------------*/
/*---------------------------------------------------3.  DOWNLOAD PAGE ----------------------------------------------*/

.slide-content {
    text-align: center;
    position: absolute;
    top: 35%;
    bottom: 0;
    right: 0;
    color: #fff;
    left: 0px;
}

    .slide-content h2 {
        font-size: 75px;
    }

.download-content {
    border: 4px solid #bdd06b;
    margin: 0 0px;
    padding: 15px;
    width: 220px;
    margin: 15px auto;
    transition: 0.3s;
}
    /*.download-content:hover{    border: 4px solid #a0c5f3;}*/
    .download-content p {
        font-family: EkMukta;
        font-style: normal;
        color: #202a3f;
    }

    .download-content a {
        text-align: center;
        font-size: 16px;
        font-family: EkMukta;
        font-style: normal;
        color: #202a3f;
        display: block;
        text-decoration: none;
        padding-top: 5px;
    }

.download-doc {
    text-align: center;
    height: 100px;
    margin-top: 20px;
}

    .download-doc a {
        transition: all 0.2s ease-in-out 0s;
    }

    .download-doc > a > i:hover {
        background: #bdd06b;
        color: #fff;
    }

    .download-doc > a > i {
        border: 2px solid #bdd06b;
        color: #bdd06b;
        width: 35px;
        height: 35px;
        padding: 7px 0px 0px 1px;
        border-radius: 100px;
        transition: all 0.3s ease-in-out 0s;
    }
    /*.download-doc>a>i:hover{border-color:#a0c5f3;color:#a0c5f3;}*/
    .download-doc a:hover {
        color: #777;
    }

.download-close {
    text-align: right;
    border-top: 1px solid #2d4b24;
    margin-top: 100px;
    padding: 30px 0px;
}

    .download-close a {
        text-decoration: none;
    }

.download-close-btn a i {
    border: 2px solid #bdd06b;
    color: #bdd06b;
    width: 35px;
    border-radius: 132px;
    margin-right: 0px;
    height: 35px;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
}

    .download-close-btn a i:hover {
        opacity: 0.7;
    }

.download-close img {
    margin-right: 10px;
}

.download-close p {
    font-size: 16px;
    color: #464945;
    font-style: normal;
    padding: 0 2px;
}

.download-close-btn {
    text-align: center;
    float: right;
}
/*---------------------------------------------------3. END DOWNLOAD PAGE ----------------------------------------------*/
/*---------------------------------------------------4.CONTROL PAGE ----------------------------------------------*/
.nav-title-menu {
    padding-top: 8px;
    width: 150px;
    /*width: 120px;*/
}

    .nav-title-menu a {
        outline: none !important;
        transition: font-weight 0.2s ease-in-out;
        color: #fff;
        text-decoration: none;
        font-family: Phenomena-Bold;
        font-size: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 20px;
        word-break: break-word;
    }

        .nav-title-menu a:hover {
            color: #fff;
            font-weight: 700;
        }

        .nav-title-menu a:after {
            display: block;
            content: attr(title);
            font-weight: 900;
            height: 0;
            overflow: hidden;
            visibility: hidden;
        }

.control-page .navbar-fixed-top {
    top: 90% !important;
}

.control-nav {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
}

.logo-icon {
    display: block;
    text-align: center;
    outline: none !important;
}

.control-content {
    position: absolute;
    left: 0%;
    right: 0;
    margin: 0 auto;
    width: 375px;
    display: flex;
    height: 100%;
    align-items: center;
    padding-bottom: 180px;
    justify-content:center;
}

    .control-content h3 {
        font-size: 75px;
        color: #fff;
        font-family: Phenomena-Light, Arial;
    }

    .control-content strong {
        font-family: Phenomena-Bold, Arial;
        font-size: 75px;
        font-weight: 900;
    }

.info-right {
    text-align: right;
}

/*---------------------------------------------------4. END CONTROL PAGE ----------------------------------------------*/

.wd-30 {
    width: 30%;
}

.form-horizontal .control-label {
    font-size: 16px;
    font-family: 'EkMukta', Arial;
    font-weight: normal;
    color: #464945;
}

.bubble-icon-user div, .bubble-icon-hand {
    text-align: center;
}

.bubble-icon-user p {
    width: 100px;
    font-size: 16px;
    font-family: EkMukta;
    font-style: normal;
    margin: 10px auto;
    color: #464945;
}

.bubble-icon-hand p {
    width: 122px;
    text-align: center;
    margin: 10px auto;
    font-size: 16px;
    font-family: EkMukta;
    font-style: normal;
    color: #464945;
}

.bubble-icon-info {
    text-align: center;
}

    .bubble-icon-info p {
        width: 86px;
        font-size: 16px;
        font-family: EkMukta;
        font-style: normal;
        margin: 10px auto;
        color: #464945;
    }

.bubble-icon-mail p {
    font-size: 16px;
}
/*.edit-servay-info .bubble-icon-user > div {
    width: 100px;
}
.edit-servay-info .bubble-icon-hand>div {
    width: 225px;
}
.edit-servay-info .bubble-icon-info>div {
    width: 350px;
    margin: 0 auto;
}
.edit-servay-info .bubble-icon-mail>div {
    width: 100px;
    margin-right: 0;
    margin-left: auto;
}*/
.icon-box-wrapper {
    display: flex;
    justify-content: space-between;
}

.edit-servay-info ul, .edit-servay-info ul li {
    display: flex;
    /* flex: 1 0 25.2%; */
    justify-content: space-between;
    margin-top: 0;

}

#set-chk {
    display: block;
    margin: 0;
    padding: 6px 8px;
}

    #set-chk input[type=checkbox] {
        display: none;
    }

    #set-chk label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 700;
    }

        #set-chk label span {
            display: inline-block;
            width: 25px;
            height: 25px;
            margin: -1px 10px 0 0;
            vertical-align: middle;
            cursor: pointer;
            background: url(../images/rabu1.png) no-repeat;
            background-position: 10%;
        }

    #set-chk input[type=checkbox]:checked + label span {
        display: inline-block;
        width: 18px;
        height: 25px;
        background-color: red;
        background: url(../images/rabu0.png) no-repeat;
        background-position: 10%;
    }

#modalperspective tr td {
    color: #464945;
}

.modal-footer {
    color: #464945;
}

    .modal-footer .icon-dualquest p {
        font-size: 16px;
        width: 75px;
        /*font-weight:700;*/
    }

#example1 tr th label {
    font-family: EkMukta;
}

#example1 tr td {
    color: #464945;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    text-indent: 5px;
}

.edit-title {
    display: block;
    margin-bottom: 5px;
    width: 100% !important;
}

.red-alert {
    color: red;
    text-align: center;
}

.green-alert p {
    color: #336633;
    font-size: 18px;
    font-weight: 100;
    font-family: EkMukta;
    text-align: left;
    font-style: normal;
    margin: 30px 0;
}

.feedback-title {
    font-family: Phenomena-Regular;
    text-transform: uppercase;
    font-size: 32px;
    color: #336633;
    padding: 0px 40px;
    text-align: left;
    padding: 30px;
    margin-bottom: 50px;
}

div#modalperspective .table thead {
    border-bottom: 2px solid #336633;
}

#feedbacks td i {
    background: #bdd06b;
    font-size: 16px !important;
    color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
    line-height: 35px;
    font-size: 25px;
    transition: 0.3s;
    cursor: pointer;
    text-align: center;
}

#feedback1 td i {
    background: #bdd06b;
    font-size: 18px !important;
    color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
    line-height: 35px;
    font-size: 25px;
    transition: 0.3s;
    cursor: pointer;
    text-align: center;
}

    #feedback1 td i:hover {
        background: #2d4b24;
    }

#feedbacks td i:hover {
    background: #2d4b24;
}

#feedbacks tr td {
    text-align: center;
}

.table-responsive {
    border: transparent !important;
}

.info-icon ul li {
    /*float: left;*/
    width: auto;
}

.info-icon li {
    list-style: none;
}

.info-icon ul, .info-icon ul li {
    margin-left: 0;
}


/*model BEFRAGUNG KOPIEREN*/
.model-kopi-container {
    border: 1px solid #464945;
    margin: 35px 40px 65px 40px;
    border-radius: 3px;
    padding: 5px 0;
}

    .model-kopi-container .model-content {
        width: 95%;
        background: transparent;
        height: 386px;
        overflow-y: scroll;
    }

        .model-kopi-container .model-content p {
            color: #464945;
            padding: 0px 15px 0px 15px;
            font-family: EkMukta;
            font-size: 16px;
            font-style: normal;
            cursor: pointer;
        }

p.selected {
    color: #fff !important;
    /* font-weight: bold !important; */
    background: #bdd06b;
    vertical-align: middle;
}

.model-kopi-container .model-content::-webkit-scrollbar {
    width: 13px;
    padding: 3px;
}

.model-kopi-container .model-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 5px;
    margin: 5px 0;
    width: 9px !important;
}

.model-kopi-container .model-content::-webkit-scrollbar-thumb {
    background-color: #b9b9b8;
    outline: 1px solid slategrey;
    border-radius: 5px;
    border: 4px solid transparent;
    background-clip: content-box;
}

.model-kopi-container .model-content::-webkit-scrollbar-button {
    background-size: cover;
    background-position: center center;
    height: 10px;
    width: 10px;
}

    .model-kopi-container .model-content::-webkit-scrollbar-button:vertical:decrement {
        background-image: url(../images/scroll-inc.png);
        background-size: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 15px 0;
        padding: 15px 0;
    }

    .model-kopi-container .model-content::-webkit-scrollbar-button:vertical:increment {
        background-image: url(../images/scroll-dec.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center center;
        margin: 15px 0;
        padding: 10px 0;
    }

.model-kopi-container .model-content::-moz-scrollbar-thumb {
    background-color: #b9b9b8;
    outline: 1px solid slategrey;
    border-radius: 5px;
    border: 4px solid transparent;
    background-clip: content-box;
}

.model-kopi-container .model-content::-moz-scrollbar-button {
    background-size: cover;
    background-position: center center;
    height: 10px;
    width: 10px;
}

    .model-kopi-container .model-content::-moz-scrollbar-button:vertical:decrement {
        background-image: url(../images/scroll-inc.png);
        background-size: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 15px 0;
        padding: 15px 0;
    }

    .model-kopi-container .model-content::-moz-scrollbar-button:vertical:increment {
        background-image: url(../images/scroll-dec.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center center;
        margin: 15px 0;
        padding: 10px 0;
    }

.icon-dualquest {
    margin-top: 10px;
    text-align: center;
}

    .icon-dualquest img {
        text-align: center;
        cursor: pointer;
    }

    .icon-dualquest i {
        width: 35px;
        height: 35px;
        border: 2px solid #bdd06b;
        border-radius: 100%;
        line-height: 32px;
        color: #bdd06b;
        transition: all 0.3s ease-in-out 0s;
    }

        .icon-dualquest i:hover {
            background: #bdd06b;
            color: #fff;
        }

    .icon-dualquest p {
        display: block;
        font-family: ekMukta-semibold;
        font-family: EkMukta;
        font-style: normal;
        font-size: 16px;
        width: 75px;
    }

.model-footerl-kopi {
    margin: 0 40px;
}

3#Modelforkopi .modal-header {
    border-bottom: none !important;
}

#feedback .fa-angle-down:before, #feedback .fa-angle-up:before {
    font-size: 28px;
}
/*div#dv_first .modal-footer {
    margin-bottom: 15px;
}*/
/*end BEFRAGUNG KOPIEREN*/
/* data table css*/
.einruecken3 p {
    color: #464945;
}

.modal-body {
    padding: 0 15px;
}

.modal-header {
    padding: 35px 15px 15px 15px;
}

.editsurvey-modal .modal.fade.ModelForActorPool.in, .editsurvey-modal .modal.fade.modalperspective.in, .editsurvey-modal .modal.fade.modalalert.in {
    display: flex !important;
    align-items: center;
    flex-flow: row wrap;
}

#adminblock .form-control {
    display: inline-block;
    width: 90%;
}

#adminblock input[type=checkbox], .panel-body input[type=checkbox] {
    WIDTH: 20px;
    height: 20px;
    vertical-align: middle;
}

.modal-footer {
    padding: 16px 0px 8px 0px;
    margin-top: 30px;
    text-align: left;
    border-top: 1px solid #336633;
}

    .modal-footer label {
        color: #464945;
        font-family: EkMukta;
        font-weight: normal;
        letter-spacing: 0.20px;
        font-size: 16px;
        margin-left: 20px;
    }

#ModelforQuestion input[type=checkbox], #ModelforQuestion2 input[type=checkbox] {
    display: none;
}

    #ModelforQuestion input[type=checkbox] + label span, #ModelforQuestion2 input[type=checkbox] + label span {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: -1px 10px 0 0;
        vertical-align: middle;
        cursor: pointer;
        background: url(../images/rabu1.png) no-repeat;
    }

    #ModelforQuestion input[type=checkbox]:checked + label span, #ModelforQuestion2 input[type=checkbox]:checked + label span {
        display: inline-block;
        width: 22px;
        height: 26px;
        background-color: red;
        background: url(../images/rabu0.png) no-repeat;
    }

input[type=radio] {
    display: none;
}

    input[type=radio] + label span {
        display: inline-block;
        width: 25px;
        height: 25px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        cursor: pointer;
        background: url(../images/rabu1.png) no-repeat;
    }

    input[type=radio]:checked + label span {
        display: inline-block;
        width: 25px;
        height: 25px;
        background-color: red;
        background: url(../images/rabu2.png) no-repeat;
    }

.btn-primary {
    color: #fff;
    background-color: #bdd06b;
    border-color: #bdd06b;
}

    .btn-primary:focus, .btn-primary:hover {
        color: #fff;
        background-color: #2d4b24;
        bord er-color: #2d4b24;
    }

.btn-default {
    color: #464945;
}

    .btn-default:hover {
        color: #2d4b24 !important;
        background-color: #e6e6e624;
        border-color: #adadad;
    }

.bottom-btn label {
    color: #fff;
    font-size: 15px;
    line-height: 4.5;
}

.owl-item .item div div {
    color: #fff;
}

.icon-img-plush span {
    height: 66px;
    width: 66px;
    display: block;
    font-size: 22px;
    border: 2px solid #bdd06c;
    border-radius: 100%;
    padding: 21px 0;
    text-align: center;
    color: #bdd06c;
    transition: all 0.3s ease-in-out 0s;
}

a.icon-img-plush span:hover {
    background-color: #bdd06c;
    color: #fff;
}

.icon-img-search span {
    height: 66px;
    width: 66px;
    display: block;
    font-size: 18px;
    border: 2px solid #bdd06c;
    border-radius: 100%;
    padding: 22px 0;
    text-align: center;
    color: #bdd06c;
    display: block;
    position: absolute;
    right: 15px;
}

a.icon-img-search span:hover {
    background-color: #bdd06c;
    color: #fff;
}
/*.form-control{padding:16px 0px 14px 10px;}*/
.cross-times i.fa-times {
    line-height: 30px;
}

button.close span {
    font-size: 30px;
    color: #666;
}

.data-table.mt-60 {
    margin-top: 20px;
}

div.dataTables_wrapper div.dataTables_info {
    margin-top: 3px !important;
}

button.close {
    opacity: 1;
    outline: none;
}

.nav-tabs > li > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    font-family: 'Phenomena-Bold';
}

#feedback1 td label, #feedbacks td label {
    text-align: center;
}

.survey-detail.panel-group .panel {
    overflow: auto;
}

#editable #set-chk label {
    margin-left: 7px;
}

#feedback tr td:nth-child(2) label {
    white-space: pre-wrap;
}

.run-once-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

div#myModalinfo > .modal-dialog {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.guideline-info p {
    font-size: 16px;
    font-family: 'EkMukta';
    font-weight: normal;
    color: #464945;
    text-align: left;
    font-style: normal;
    line-height: 1.6em;
}
.upload-file {
    text-align: left;
}
.upload-file .fileUpload {
    position: relative;
    overflow: hidden;
}
.upload-file .fileUpload.btn.btn--browse:focus,.upload-file .fileUpload.btn.btn--browse:hover {
    box-shadow: none;
    outline: none;
        color: #333;
}
.upload-file .fileUpload.btn.btn--browse input#uploadBtn:focus, .upload-file .fileUpload.btn.btn--browse input#uploadBtn:hover {
  outline: none; 
}
.btn:active:focus, .btn:focus {
    background-color: #2d4b24;
}

.select-list-view select{
    width:300px;
        padding: 10px;
}


@media screen and (max-width:1024px) {
    .survay-dot span {
        margin: 5px 15px 5px 16px !important;
    }

    .info-icon ul li {
        /*width: 19%;*/
    }

    #ModelRuckla .modal-dialog {
        width: 600px !important;
    }

    .akteurdetails-panel {
        margin: 0 auto;
    }

    .akteurdetails-post-data {
        display: flex;
    }
}

@media screen and (max-width:1024px) and (min-width:800px) {
    .data-title h2 {
        font-size: 35px;
    }

    div#dv_first span {
        font-size: 16px;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .modal-white-bg {
        width: 97% !important;
    }

    .modal-dialog {
        width: 100% !important;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .edit-servay-info ul, .edit-servay-info ul li {
        /*flex: 1 0 22%;*/
    }
}

@media screen and (max-width:666px) and (min-width:768px) {
    .data-title h2 {
        font-size: 28px;
    }

    div#dv_first span {
        font-size: 16px;
    }

    .modal-dialog {
        width: 100% !important;
    }
}

@media screen and (max-width:800px) {
    .data-table.mt-60 {
        margin-top: 60px;
    }

    .icon-img-search span, .icon-img-plush span {
        margin: 0 auto;
        background-position: center !important;
        left: 0;
        right: 0 !important;
    }

    .mail-popup .bubble-icon-mail {
        margin-right: 15px;
    }
}

@media screen and (max-width:768px) {
    table.dataTable > tbody > tr.child ul {
        width: 100%;
    }

    table#feedback tr:hover {
        background: transparent;
    }

    div#dv_first h4.panel-title.survey-editname span {
        padding: 0;
    }

    .icon-box-wrapper {
        display: block;
    }

    .info-icon ul li p {
        margin-bottom: 20px;
    }

    .modal-footer label {
        margin-left: 0;
    }

    .modal-footer .cross-times {
        margin-left: 0;
    }

    .field-validation-error {
        max-width: 100%;
    }

    .edit-servay-info ul, .edit-servay-info ul li {
        display: block;
    }

    #ModelforQuestion .modal-dialog, #Modelforkopi .modal-dialog {
        /*display:block !important;*/
    }

    .center-modal {
        align-items: flex-start;
    }

    .akteurdetails-panel {
        margin: 0 auto;
        width: 100%;
    }

    .akteurdetails-post-data {
        display: flex;
    }

    .actorpool-container {
        margin-top: 15%;
    }

        .actorpool-container .panel-body {
            padding: 0;
        }

    #ModelRuckla {
        margin-top: 20% !important;
    }

        #ModelRuckla .modal-dialog {
            max-width: 100% !important;
        }

    div#myModalSurvey h4.modal-title {
        padding: 0 !important;
    }

    #ModelforQuestion .modal-title, #Modelforkopi .modal-title {
        padding: 0 !important;
    }

    .modal-dialog {
        width: 100% !important;
    }

    #ModelforQuestion, #Modelforkopi, #myModalSurvey {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    div#modalalert {
        padding-right: 0 !important;
    }

    div#ModelForActorPool .modal-footer .btn + .btn {
        margin-top: 0;
    }

    .green-alert {
        padding: 0 10px;
    }

    div#ModelForActorPool .modal-dialog {
        margin: 0;
    }

    .info-icon-container.text-right a {
        margin-right: 0;
    }

    .data-table.mt-60 {
        margin-top: 60px;
    }

    .info-icon-container-left {
        width: 100% !important;
    }

    .info-icon-container {
        text-align: center;
        margin-bottom: 10px;
        margin-right: 0 !important;
    }

        .info-icon-container a {
            margin: 0 auto;
        }

    .info-icon ul li {
        float: none;
        width: 100%;
    }

    .login-form .form-group {
        display: block;
        width: 100%;
    }

    .nav-title-menu a {
        font-size: 14px;
    }

    .forgot {
        display: flex;
        width: 100%;
    }

    .control-content {
        position: absolute;
        text-align: center;
        width: 100%;
    }

    .btn-login {
        margin-left: 84px;
    }

    .login-form {
        margin-top: 22%;
        padding: 0 40px;
        display: flow-root;
        padding: 0 20px;
    }

    .head-body h3 {
        padding: 20px 25px;
    }

    .login-form .form-group label {
        width: 0;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
        height: 25px;
        width: 25px;
        line-height: 26px;
        left: -21px;
        top: 15px;
        color: #fff;
        outline: none;
    }

    #edit-actor-feedbadback table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
        top: 18px !important;
    }

    #feedback tr td {
        margin-left: 0;
    }
    /*.info-icon-container img {
    margin-top:20px;}*/
    select.col-md-3.ng-pristine.ng-untouched.ng-valid {
        width: 95%;
        margin: 0 auto;
        text-align: center;
        margin-left: 5px;
    }

    .wd-30 {
        width: 100%;
    }

    .owl-dots {
        display: none !important;
    }

    .survay-dot span {
        margin: 5px 0px 5px 31px !important;
    }

    #feedback tbody tr td:nth-child(3) {
        display: inline-block;
        width: 81px;
        /* vertical-align: middle; */
        padding-bottom: 15px;
    }

    #feedback tr td label {
        line-height: 30px;
    }

    .sorting_1 {
        background: transparent;
        color: #464945;
    }

    .bubble-icon-user, .bubble-icon-info {
        float: none !important;
    }

    div#feedback_filter {
        margin: 5px !important;
    }

    .data-title h2 {
        font-size: 40px;
    }

    .mobile_view-title h2 {
        font-size: 40px;
    }

    .bubble-icon-user p, .bubble-icon-info p, .bubble-icon-hand p {
        margin: 0px auto;
        margin-bottom: 30px;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        color: #336633;
        border-bottom: 2px solid #336633 !important;
    }

    .nav-tabs > li {
        margin-bottom: 20px;
        width: 100%;
        margin-left: 0 !important;
    }

    .nav > li > a {
        border-bottom-color: #bdd06b !important;
    }

    ul.nav.nav-tabs {
        margin-left: 0;
    }

    div#dv_first span {
        font-size: 14px;
        padding: 1px 10px;
        width: 100% !important;
        line-height: 2;
    }

    div#dv_first #ModelforQuestion {
        padding-left: 25px !important;
        padding-right: 15px !important;
    }

    h4.panel-title.survey-editname span {
        margin-left: 0 !important;
    }

    #ModelforQuestion .modal-dialog, #Modelforkopi .modal-dialog {
        width: 100% !important;
        margin: 0;
    }

    #ModelforQuestion .modal-title, #Modelforkopi .modal-title {
        padding: 0;
    }

    .head-body p, .einruecken3 p {
        padding: 0px;
    }

    .model-kopi-container {
        margin: 0px !important;
    }

        .model-kopi-container .model-content p {
            padding: 0px 0 3px 15px;
        }

    .model-footerl-kopi {
        margin: 0 0px;
    }

    #Modelforkopi .cross-times {
        float: left !important;
        text-align: center;
    }

    div#myModalSurvey .modal-dialog {
        margin-top: 100px;
        width: 100% !important;
        margin: 50px 0 !important;
    }

    div#myModalSurvey .modal-content {
        height: 100vh !important;
    }

    div#myModalSurvey input {
        width: 100% !important;
    }

    #myModalSurvey .cross-times {
        float: left !important;
    }

    .modal-white-bg {
        width: 97% !important;
    }

    #modalperspective {
        padding-right: 0 !important;
    }

    #feedback tr .bg-green {
        background: transparent;
        color: #464945;
        margin-left: 20px;
    }

    .perpective-footer > div {
        display: block !important;
    }

    .perpective-footer input {
        width: 100% !important;
        margin: 5px 0 !important;
    }

    .owl-item .item div div {
        color: #464945 !important;
        padding-top: 10px;
    }

    .bg-green label {
        color: #464945;
    }

    .edit-title {
        margin-left: 0px !important;
    }

    div#modalemail .form-horizontal .control-label {
        text-align: left;
        width: 100%;
    }

    #ModelForActorPool .control-label {
        text-align: left;
        width: 100%;
    }

    #myModalinfo .modal-dialog {
        width: 100%;
    }

    .owl-item textarea {
        width: 100%;
        background: transparent;
        padding: 5px;
    }
}

@media screen and (max-width:767px) {
    .feedback .info-icon-container .icon-img-plush {
        display: inline-block;
    }

    .feedback > .container > .row div:nth-child(2) .info-icon-container {
        display: block;
    }
}

@media screen and (max-width:740px) and (min-width:560px) {
    .survay-dot span {
        margin: 5px 0px 5px 18px !important;
    }
}

@media screen and (max-width:671px) {
    #btnclearperson {
        width: 100% !important;
    }
}

@media screen and (max-width:600px) {
    .servay-action-btn-footer {
        display: block;
    }

    .add-person {
        margin-top: 20px;
    }

    .editsurvey-modal .modal.fade.ModelForActorPool.in {
        align-items: start;
    }

    div#ModelRuckla .modal-dialog .modal-content .cross-times {
        text-align: right;
    }

    #ModelRuckla .modal-dialog {
        max-width: 100% !important;
        width: auto !important;
    }

    .mobile_view-title {
        display: block;
        margin-bottom: 40px;
    }

    .data-container {
        display: none;
    }

    .actor-title .data-container {
        display: block;
    }

    #ModelforQuestion2 .modal-dialog {
        display: block !important;
    }

    #ModelforQuestion2 .modal-body {
        padding: 0 20px;
    }

    #ModelforQuestion2 .modal-title {
        padding: 20px 20px;
    }

    #ModelforQuestion2 .modal-content {
        background-color: rgba(255, 255, 255, 0.8509803921568627);
        margin: 5px;
    }

    #modalemail .tab-content > .tab-pane {
        padding: 10px;
    }

    #modalemail .modal-title {
        padding: 0 20px;
    }
}

table.dataTable > tbody > tr.child span.dtr-data {
    display: flex;
}

span.dtr-data {
    display: inline-flex !important;
}

    span.dtr-data a {
        margin: 0 5px;
    }

@media screen and (max-width:500px) {

    #ModelforQuestion .modal-dialog {
        align-items: flex-start !important;
    }

    .cross-img, .cross-times {
        float: none !important;
    }

    .head-body {
        /*height:auto !important;
        margin-bottom: 10px;*/
    }

    .login-container {
        width: 100%;
        margin-top: 10px;
    }

    .cross-times {
        float: none !important;
    }

    .info-icon-container {
        text-align: center;
        margin-bottom: 10px;
    }
    /*.forgot{margin-left:-40px;}
.login-form{margin-left:25px}
.btn-login{margin-right:132px;}*/
    .info-right {
        text-align: center;
        margin-bottom: 20px;
    }

    .slide-content h2 {
        font-size: 55px;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
        height: 24px;
        width: 24px;
        line-height: 26px;
        left: -16px;
        top: 15px;
        color: #fff;
    }

    #feedback tr td label {
        padding-left: 5%;
    }

    .actor-table > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
        left: 4px !important;
        top: 23px !important;
    }

    .actor-table td i {
        margin-left: 25px;
    }

    .pagination > .active > a {
        z-index: 0;
        margin-bottom: 10px;
    }

    div.dataTables_wrapper div.dataTables_info {
        padding-left: 0px;
    }

    .info-icon-container img {
        margin-top: 20px;
    }

    select.col-md-3.ng-pristine.ng-untouched.ng-valid {
        width: 95%;
        margin: 0 auto;
        text-align: center;
        margin-left: 5px;
    }

    .wd-30 {
        width: 100%;
    }

    #Fremd #feedback tr td {
        margin-left: 31px;
    }

    .servay-action-btn a {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .menu-iconbfr {
        width: 10% !important;
    }

    .owl-dots {
        display: none !important;
    }

    .login_section {
        margin-top: 50% !important;
    }

    .head-body2 {
        height: auto !important;
        margin-bottom: 30px;
    }

    .info-icon-container a {
        margin: 0 auto;
    }

    .head {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .pagination > li > a, .pagination > li > span {
        margin-left: 2px;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        padding-left: 0;
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
        padding-left: 0px;
    }

    table.dataTable > tbody > tr.child ul li:first-child {
        padding-top: 0;
        margin-left: 15px;
    }

    .row.edit_manager .btn-primary, .row.edit_manager .btn-default {
        width: 100%;
        margin: 5px 0;
    }

    .btn-admin .btn.btn-primary {
        width: 100%;
        margin: 15px 0;
    }

    .btn-admin select, input[type="text"] {
        width: 100%;
    }

    .icon-img-search span, .icon-img-plush span {
        margin: 0 auto;
        background-position: center !important;
        left: 0;
        right: 0 !important;
    }

    .model-kopi-container {
        margin: 0px !important;
    }

        .model-kopi-container .model-content p {
            padding: 0px 0 3px 15px;
        }

    .model-footerl-kopi {
        margin: 0 0px;
    }

    #Modelforkopi .cross-times {
        float: left !important;
    }

    div#dv_first span {
        font-size: 13px;
    }
}

@media screen and (max-width:412px) {
    .select-list-view select{
      width:100%;
    }
    #feedback tr th:nth-child(2) {
        padding-left: 20px;
    }

    .control-content {
        top: 28%;
    }

    .owl-prev {
        top: 100% !important;
    }

    .owl-carousel .owl-nav .owl-next {
        top: 100% !important;
    }

    .info-icon-container a {
        margin: 0 auto;
    }

    .head {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .pagination > .active > a {
        z-index: 0;
        margin-bottom: 10px;
    }

    .pagination > li > a, .pagination > li > span {
        margin-left: 2px;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        padding-left: 0;
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
        padding-left: 0;
    }

    table.dataTable > tbody > tr.child ul li:first-child {
        padding-top: 0;
        margin-left: 15px;
    }

    .row.edit_manager .btn-primary, .row.edit_manager .btn-default {
        width: 100%;
        margin: 5px 0;
    }

    .btn-admin .btn.btn-primary {
        width: 100%;
        margin: 15px 0;
    }

    .btn-admin select, input[type="text"] {
        width: 100%;
    }

    .icon-img-search span, .icon-img-plush span {
        margin: 0 auto;
        background-position: center !important;
        left: 0;
    }

    .modal-footer .btn + .btn {
        margin-top: 5px;
    }

    .model-kopi-container {
        margin: 0px !important;
    }

        .model-kopi-container .model-content p {
            padding: 0px 0 3px 15px;
        }

    .model-footerl-kopi {
        margin: 0 0px;
    }

    #Modelforkopi .cross-times {
        float: left !important;
    }
}

@media screen and (max-width:375px) {

    .head {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .login-form {
        margin-top: 22%;
        margin-bottom: 0;
    }

    .slide-content h2 {
        font-size: 50px;
    }

    .cross-times {
        float: none !important;
        text-align: left;
        margin-left: 20px;
    }

        .cross-times img {
            margin-left: 15px;
        }

    .control-content {
        position: absolute;
    }

        .control-content h3 {
            font-size: 60px;
            text-align: center;
        }

    .info-icon-container {
        text-align: center;
        margin-bottom: 10px;
    }

    .info-right {
        text-align: center;
        margin-bottom: 20px;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
        padding-left: 8px;
    }

        table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
            height: 24px;
            width: 24px;
            line-height: 26px;
            left: -15px;
            top: 15px;
            color: #fff;
            border: 2px solid #bdd06b;
            background-color: #bdd06b;
        }

    .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
        color: #fff;
        background-color: #2d4b24 !important;
        border-color: #2d4b24 !important;
    }

    .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
        color: #fff;
        background-color: #2d4b24;
        border-color: #122b40;
    }

    .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #2d4b24;
        border-color: #2d4b24;
    }

        .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
            color: #fff;
            background-color: #2d4b24;
            border-color: #2d4b24;
        }

    .head-body {
        height: auto;
        margin-bottom: 10px;
    }

    .info-icon-container img {
        margin-top: 20px;
    }

    select.col-md-3.ng-pristine.ng-untouched.ng-valid {
        width: 95%;
        margin: 0 auto;
        text-align: center;
        margin-left: 5px;
    }

    #ModelforQuestion .modal-dialog {
        margin-left: 0% !important;
    }

    .wd-30 {
        width: 100%;
    }

    .menu-iconbfr {
        width: 10% !important;
    }

    #Fremd #feedback tr td {
        margin-left: 31px;
    }

    .servay-action-btn a {
        font-size: 10px;
        margin-bottom: 10px;
    }

    .owl-dots {
        display: none !important;
    }

    .login_section {
        margin-top: 50% !important;
    }

    .head-body2 {
        height: auto !important;
        margin-bottom: 30px;
    }

    .info-icon-container a {
        margin: 0 auto;
    }

    .pagination > .active > a {
        z-index: 0;
        margin-bottom: 10px;
    }

    .pagination > li > a, .pagination > li > span {
        margin-left: 2px;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        padding-left: 0;
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
        padding-left: 0;
    }

    table.dataTable > tbody > tr.child ul li:first-child {
        padding-top: 0;
        margin-left: 15px;
    }

    .row.edit_manager .btn-primary, .row.edit_manager .btn-default {
        width: 100%;
        margin: 5px 0;
    }

    .btn-admin .btn.btn-primary {
        width: 100%;
        margin: 15px 0;
    }

    .btn-admin select, input[type="text"] {
        width: 100%;
    }

    .icon-img-search span, .icon-img-plush span {
        margin: 0 auto;
        background-position: center !important;
        left: 0;
    }

    .modal-footer .btn + .btn {
        margin-top: 5px;
    }

    .model-kopi-container {
        margin: 0px !important;
    }

        .model-kopi-container .model-content p {
            padding: 0px 0 3px 15px;
        }

    .model-footerl-kopi {
        margin: 30px 0px !important;
    }

    #Modelforkopi .cross-times {
        float: left !important;
    }

    .edit-icon div {
        margin: 0 0 !important;
    }
}

@media screen and (max-width:320px) {
    #Modelforkopi .modal-dialog {
        align-items: flex-start;
    }
}