@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=cyrillic-ext,latin-ext');

body, html {
    min-height: 100vh;
    height: auto !important;
    width: 100%;
    -webkit-text-size-adjust: none;
}

body {
    background: url("../images/field.png") bottom center no-repeat #ffffff;
    background-size: 100%;
}


.btn-sm-golf{
	
	font-size: 10px !important;
	font-weight: bold !important;
}
.alert-golf{
	
	padding: 3px;
	font-weight: bold;
}

@media screen and (max-width: 1520px) {
    body {
        background-size: auto auto;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
    body {
        width: 100%;
    }

    body > .container-fluid {
        padding-left: 10px;
        padding-right: 135px;
        margin: 0 !important;
        position: relative;
        left: 0;
        right: 0;
        width: 100%;
    }

    .headerIntern, .wrapperIntern {
        position: relative;
        left: 0;
        right: 0;
        width: 100%;
    }

    .content-inset {
        flex-basis: inherit;
    }

    #menuWrap, #menuWrap.activeItem {
        margin-left: 0;
        right: 0;
        left: 0;
        height: auto;
    }
}

@media screen and (max-width: 1878px)  and (min-width: 768px) {
    body > .container-fluid {
        padding-left: 10px;
        margin: 0 !important;
    }

}

@media screen and (max-width: 1240px)  and (min-width: 992px) {
    .content-inset {
        flex-basis: inherit;
    }
}

body,
body *,
div,
table {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #000000;
}

table {
    width: 100% !important;
    padding: 5px !important;
    table-layout: auto;
    word-wrap: break-word;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 5px !important;
    word-wrap: break-word;
}

strong, b {
    font-weight: 700;
}

#bagawebModalLabel {

    color: #FFF;
}

.tab-content {
    width: 100%;
    padding: 10px;
}

.tab-content .panel-body {
    padding: 10px;
}

.modal-backdrop {
    z-index: 1040 !important;
}

.modal-dialog {
    margin: 10px auto !important;
    max-width: inherit;
    width: 100% !important;
    justify-content: center;
    display: flex;
}

header .navbar-nav {
    float: right;
    align-items: center;
}

.containerinntern {
    zoom: 1;
}

.ContainerPage .nav-tabs > li.active > a,
.ContainerPage .tab-content, .nav-tabs > li.active > a,
.ContainerPage .nav-tabs > li.active > a:focus,
.ContainerPage .nav-tabs > li.active > a:hover {
    background: #FFF;

}

.sub-menu li {
    padding: 15px 0 15px 10px
}

a.payer, a.paid {

    font-size: 20px;
}

.wysihtml5-toolbar {

    display: -webkit-box;
}

#formBagaweb {

    width: 100%;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: #2e56a5 !important;

}

.nav-tabs > li > a, .modal-title {
    text-transform: uppercase;
}

.toast-message {
    color: #FFF !important;
    font-weight: bold;
}

thead tr {
    background: #fcdd34;
}

thead tr th {
    color: #2e56a5;
    font-weight: bold;
    width: inherit !important;
}

thead tr td,
thead tr th {
    padding: 5px !important;
}

.tooltip, .tooltip-inner, .tooltip div {
    background: #2e56a5 !important;;
}

.tab-pane > table,
div#parcours_content > table,
div#users_content > table {
    width: auto !important;
}

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    /* padding: 0 1.4em 1.4em 1.4em !important;*/
    padding: 25px !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    width: inherit; /* Or auto */
    padding: 0 10px; /* To give a bit of padding on the left and right */
    border-bottom: none;
    margin-bottom: 0px;
}

.ld_table th {
    background: #2e56a5;
}

.ld_table th {
    color: #FFF;
}

.ld_user_table > tbody > tr:hover {
    background: #2e56a5;
}

.translated {
    border: 2px dotted #fcdd34;
    background: #fcdd32;
}

.has-error {
    border: 2px solid red !important;
}

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

.table-responsive {
    margin: 0 !important;
    width: 100% !important;
    border: none !important;
}

.tab-content .container {
    width: 100% !important;

}

.wrapper {
    margin: 0 auto;
    max-width: 1560px;
    position: relative;
    width: 100%;
}

header {
    position: relative;
    z-index: 3;
}

header .wrapper > div {
    padding: 35px 0;
    position: static;
}

.logo {
    position: absolute;
    top: 0;
    left: 30px;
}

.logoIn {
    position: absolute !important;
    z-index: 1;
    top: -30px;
    right: 0;
}

.navigation {
    position: relative !important;
    z-index: 4;
}

.logoInterm {
    position: absolute;
    top: 40px;
    right: calc(-235px / 2);
    z-index: 0;
}

.logoInterm img {
    margin-top: -105px;
}

.HeaderIntern {
    background: #2e56a5;
    padding: 5px;
    margin: 0 0;
    color: #ffffff;
    align-content: flex-end;
    zoom: 0.90;
}

.HeaderIntern span,
.HeaderIntern a {
    color: #ffffff
}

.HeaderIntern .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0
}

/*.select2-container ,*/
/*.HeaderIntern .select2-container ,*/
/*.HeaderIntern span.select2-container {*/
/* width: 100% !important;*/
/* max-width: 320px;*/
/*}*/

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single,
.select2-container .select2-selection--single .select2-selection__rendered {
    /*line-height: 40px !important;*/
    /*height: 40px !important;*/
}

.mnItems {
    font-size: 13px;
    padding: 20px 60px 20px 20px;
    position: relative;
    background-color: #ffdd35;
    color: #000000;
    border-radius: 40px;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    margin: 0 0 0 15px;
    position: relative;
    display: block;
    min-width: 205px;
}

.mnItems:before {
    content: '';
    display: none;
    margin-left: -5px;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #3255a4;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 10px;
    height: 10px;
}

.mnItems.active,
.mnItems:focus,
.mnItems:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #3255a4;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
}

.mnItems.active:before,
.mnItems:focus:before,
.mnItems:hover:before {
    display: block;
}

.mnConnex {
    background-image: url("../images/icon-connex-black.png");
}

.mnConnex:hover,
.mnConnex:focus,
.mnConnex.active {
    background-image: url("../images/icon-connex-white.png");
}

.mnInscr {
    background-image: url("../images/icon-inscr-black.png");
}

.mnInscr:hover,
.mnInscr:focus,
.mnInscr.active {
    background-image: url("../images/icon-inscr-white.png");
}

.mnPass {
    background-image: url("../images/icon-pass-black.png");
}

.mnPass:hover,
.mnPass:focus,
.mnPass.active {
    background-image: url("../images/icon-pass-white.png");
}

main {
    position: relative;
    z-index: 2;
}

h1 {
    font-size: 13px;
    font-weight: 700;
}

h2 {
    font-size: 16px;
    font-weight: 800;
}

h3 {
    font-size: 13px;
    font-weight: 800;
}

h4 {
}

main .wrapper {
    background: rgba(234, 234, 234, .95) /*#eaeaea*/;
    border-radius: 40px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.10);
    padding: 240px 8% 40px 40px;
    max-width: calc(100% - (40px + 10%));
}


.decoMan {
    background: url(../images/golfman.png) center bottom no-repeat;
    position: absolute;
    height: 70%;
    width: 22%;
    background-size: contain;
    bottom: -190px;
    /*right: -135px;*/
    right: -7.5%;
}

.jsBoxmodal {
    background-color: #ffdd35;
    border-radius: 40px;
    padding: 35px 35px 10px 35px;
    max-width: 480px;
    margin: 0 20px;
    position: relative;
}

.jsBoxmodal button.close {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #ffdd35;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    opacity: 1;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.46);
}

.jsBoxmodal .close:not(:disabled):not(.disabled):focus,
.jsBoxmodal .close:not(:disabled):not(.disabled):hover {
    color: #ffffff;
    background: #3255a4;
    opacity: 1;
}

main h1 {
    color: #3255a4;
}

.pageInscr .col {
    padding: 0 5px !important;
}

.pageInscr > .flex-row.d-flex {
    flex-wrap: wrap;
}

.pageInscr .form-check-label {
    font-size: 16px;
    color: #000000;
}

.pageInscr .radioForm .form-check input {
    display: none;

}

.pageInscr .radioForm .form-check .form-check-label {
    position: relative;
    font-size: 13px;
}

.pageInscr .radioForm .form-check input + .form-check-label:before {
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    left: -20px;
    top: 5px;
    background: #ffffff;
    border: solid 1px #a6a291;
    border-radius: 50%;
}

.pageInscr .radioForm .form-check input:checked + .form-check-label {
    color: #3255a4;
    font-weight: 700;
}

.pageInscr .radioForm .form-check input:checked + .form-check-label:before {
    border: solid 4px #3255a4;
}

.costumForm {
    background: #ffffff;
    border-radius: 30px;
    margin: 15px 0;
    border: solid 1px #a6a291 !important;
    min-width: 180px;
    max-width: 480px;
}

.costumForm input {
    background: transparent;
    border: none;
    height: 50px;
    padding: 5px 0 0;
    border-radius: 30px;
}

.costumForm:focus {
    box-shadow: 0 0 2px #000000;
}

.costumForm input:focus {
    box-shadow: none !important;
    outline: none !important;
}

.costumForm .input-group-prepend {
    padding: 10px 10px 10px 15px;
    margin: 0;
}

.input-group-prepend img {
    width: auto !important;
    height: 27px !important;

}

input {
    font-size: 15px;
}

.costumForm input:focus,
input:focus {
    outline: none;
}

.custombox-content > * {
    max-height: inherit !important;
}

.customButton {
    margin: 15px 0;
}

.customButton input,
.customButton button {
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    background: #3255a4;
    border-radius: 30px;
    padding: 14px 30px;
    min-width: 65px;
    height: auto;
    min-height: 55px;
}

.form-check {
    padding: 15px 0;
}

.form-check label {
    font-size: 13px;
    color: #726008;
}

footer {
    position: relative;
    z-index: 1;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    padding-bottom: 30px;
}

footer .wrapper {
    position: relative;
    padding: 40px 12% 40px 40px;
}

footer .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

footer div {
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
}

footer div a,
footer div span {
    color: #fad92e;
    font-size: 13px;
    font-weight: 700;
}

.bleft {
    border-left: 1px solid #ffffff
}


/*PAGE INTERNE*/
#bagawebModal {
    margin-top: 0 !important;
}

#bagawebModal .modal-header {
    background: #2e56a5;

}

.modal-content {
    max-width: calc(100vw - 40px);
    width: 800px !important;
    position: relative !important;
    left: inherit !important;
    left: inherit !important;
}

.modal-content .modal-header .close {
    background: #172b53;
    opacity: 1;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50px;
    line-height: 40px;
    position: absolute;
    right: 16px;
    top: 10px;
}

.modal-content .modal-header .close span {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 300;
    color: #fff !important;
}

.modal-content #formBagaweb > .form-control {
    height: auto !important;
}

.ContainerPage h1 {
    font-weight: 600;
    color: #626262;
    font-size: 26px;
    padding: 0 0 20px;
    border-bottom: 1px solid rgba(231, 231, 231, 1);
    text-transform: uppercase;
}

.ui.inverted.menu {
    background: transparent;
    position: relative;
    z-index: 1;
}

.nav-item {
    padding: 0 15px;
    position: relative;
}

.nav-item:after {
    content: '';
    display: block;
    width: 1px;
    background: #ffffff;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.nav-item:last-child:after {
    display: none
}

.nav-item:last-child img {
    margin-right: 5px;
}

.nav-item:last-child .fa {
    margin-left: 5px;
}

#searchform-1,
#languages-dropdown-2 {
    background: #fcdd34;
    border-radius: 20px;
    padding: 20px;
    top: calc(100% + 10px);
}

#languages-dropdown-2 a {
    display: block;
    white-space: nowrap;
    min-width: 200px;
    color: #363636 !important;
    border-bottom: 1px dotted #363636 !important;
}

#languages-dropdown-2 li:last-child a {
    border-bottom: none !important;
}

#searchform-1 .input-group {
    white-space: nowrap;
    flex-wrap: nowrap;
}

#searchform-1 input.form-control {
    border-radius: 10px !important;
    font-size: 16px;
    min-width: 250px;
}

#searchform-1 .input-group-addon {
    background: #2e56a5;
    display: flex;
    align-items: center;
    align-content: center;
    border-radius: 0 15px 15px 0 !important;
    overflow: hidden;
}

#searchform-1 .input-group-addon [type=button]:not(:disabled),
#searchform-1 .input-group-addon [type=reset]:not(:disabled),
#searchform-1 .input-group-addon [type=submit]:not(:disabled),
#searchform-1 .input-group-addon button:not(:disabled) {
    background: #2e56a5;
    padding: 10px 20px;
    color: #ffffff !important;
}

#searchform-1 .input-group-addon [type=button]:not(:disabled) .fa,
#searchform-1 .input-group-addon [type=reset]:not(:disabled) .fa,
#searchform-1 .input-group-addon [type=submit]:not(:disabled) .fa,
#searchform-1 .input-group-addon button:not(:disabled) .fa {
    color: #ffffff !important;
    font-size: 22px;
}

.nav-item a {
    padding: 10px 0;
}

.nav-item a,
.nav-item a .fa {
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 500;
}

.nav-item a .fa.fa-sign-out {
    font-size: 22px;
    margin-right: 10px;
}

.nav-item > span {
    font-weight: 200;
}

@media screen and (max-width: 1805px)  and (min-width: 992px) {
    .HeaderIntern {
        padding-left: 55px;
        padding-right: 135px;
    }
}

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


    #searchform-1,
    #languages-dropdown-2 {
        left: 0;
    }

    .logoInterm {
        top: 40px;
        right: 5px;
    }

    .logoInterm img {
        width: 130px;
    }

    .logoIn {
        top: -15px !important;
        right: 0 !important;
    }

    .containerinntern {
        padding-left: inherit !important;
        padding-right: inherit !important;
    }
}

body.internePage {

}

.headerIntern,
.wrapperIntern {
    padding: 0px !important;
    box-shadow: none !important;
    background: none !important;
    margin: 0 auto !important;
    max-width: inherit !important;
    /*width: calc(100% - 210px);*/

}

.wrapperIntern {
    padding: 80px 0 !important;
}

@media screen and (max-width: 1805px)  and (min-width: 992px) {
    .headerIntern,
    .wrapperIntern {
        width: 100%;
    }

    .HeaderIntern {
        height: auto !important;
    }
}

.breadCrumb {
    font-size: 16px;
    color: #000000;
    padding: 0 0 20px;
}

.breadCrumb a .fa {
    margin-right: 10px;
}

.content {
    padding: 30px;
    border-radius: 30px;
    text-align: left;
    font-size: 16px;

}

.content-intro {
    background: #ffffff;
    min-width: 100%;
    margin-bottom: 30px;
}

.content-intro h1,
.content-intro h2 {
    color: #3255a4;
    font-size: 28px;
    font-weight: 500;
}

.content-inset {
    background: #3255a4;
    flex-basis: calc(50% - 15px);
    color: #ffffff;
}

.content-inset h1,
.content-inset h2,
.content-inset h3,
.content-inset h4,
.content-inset h5,
.content-inset h6,
.content-inset * {
    color: #ffffff;
    font-weight: 500;
}

.content-inset h1 {
    font-size: 30px;
}

.content-inset h2 {
    font-size: 26px;
    text-decoration: underline;
}

.blocks {
    padding: 10px 0;
    border-bottom: .5px solid rgba(255, 255, 255, .5);
}

.blocks {
    padding: 10px 0;
    border-bottom: .5px solid rgba(255, 255, 255, .5);

}

.blocks {
    padding: 15px 0;
    border-bottom: .5px solid rgba(255, 255, 255, .5);
    display: flex;
    flex-direction: column;
}

.blocks:last-child {
    border-bottom: none;
}

.blocks ul li {
    padding: 5px 0 5px 20px;
    position: relative;
}

.blocks ul li:before {
    content: '\f0da';
    font-family: FontAwesome;
    position: absolute;
    left: 0;
}

.blocks ul li span {
    font-weight: 200;
}

.blocks > a {
    align-self: flex-end;
}

.blocks .links {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/*Menu LEft*/
.menuLeft {
    background: rgba(255, 255, 255, .95) !important;
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    padding: 15px;
    width: 100%;
    border-radius: 30px;
    position: relative;
}

.menuLeft h2 {
    color: #3255a4;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0;
    text-transform: uppercase;
}

.menuLeft h2 .fa {
    color: #3255a4;
    font-size: 20px;
    margin-right: 20px;
}

.menuLeft a,
.menuLeft .item {
    color: #626262;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 0;
    position: relative;
}

.menuLeft a:after,
.menuLeft .item:after {
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e7e7e7+0,e7e7e7+17,e7e7e7+18,e7e7e7+100&0+0,0+17,1+18,1+100 */
    background: -moz-linear-gradient(left, rgba(231, 231, 231, 0) 0%, rgba(231, 231, 231, 0) 35px, rgba(231, 231, 231, 1) 36px, rgba(231, 231, 231, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(231, 231, 231, 0) 0%, rgba(231, 231, 231, 0) 35px, rgba(231, 231, 231, 1) 36px, rgba(231, 231, 231, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(231, 231, 231, 0) 0%, rgba(231, 231, 231, 0) 35px, rgba(231, 231, 231, 1) 36px, rgba(231, 231, 231, 1) 100%)
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e7e7e7', endColorstr='#e7e7e7', GradientType=0); /* IE6-9 */

}

.menuLeft a:hover,
.menuLeft .item:hover,
.menuLeft a.active,
.menuLeft .item.active {
    color: #3255a4;
    font-weight: 500;
    padding: 10px 0;
    background: rgba(234, 234, 234, .30) /*#eaeaea*/
}

.menuLeft a .fa,
.menuLeft .item .fa {
    margin-right: 15px;
}

.menuLeft a:hover .fa,
.menuLeft .item:hover .fa,
.menuLeft a.active .fa,
.menuLeft .item.active .fa {
    color: #3255a4;
}


.contentPage {
    background: rgba(234, 234, 234, .95) /*#eaeaea*/;
    border-radius: 30px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.10);
    padding: 25px;
    min-height: 1000px;
}

.contentPage .decoMan {
    bottom: -160px;
    right: -104px;
    max-width: 350px;
}

.contentPage .decoMan.members {
    /*bottom: 50px;*/
    left: 124px;
    height: 84%;
    width: 29%;
}

/* CSS Animation Dropdown */
.u-dropdown--css-animation {
    animation-duration: 1s;
}

.u-dropdown--css-animation.u-dropdown--hidden {
    opacity: 0;
    visibility: hidden;
}

/*------------------------------------
 Positions
------------------------------------*/
.g-pos-rel {
    position: relative !important;
}

.g-pos-abs {
    position: absolute !important;
}

.g-pos-stc {
    position: static !important;
}

.g-pos-fix {
    position: fixed !important;
}

@media (min-width: 576px) {
    .g-pos-rel--sm {
        position: relative !important;
    }

    .g-pos-fix--sm {
        position: fixed !important;
    }

    .g-pos-abs--sm {
        position: absolute !important;
    }

    .g-pos-stc--sm {
        position: static !important;
    }
}

@media (min-width: 768px) {
    .g-pos-rel--md {
        position: relative !important;
    }

    .g-pos-fix--md {
        position: fixed !important;
    }

    .g-pos-abs--md {
        position: absolute !important;
    }

    .g-pos-stc--sm {
        position: static !important;
    }
}

@media (min-width: 992px) {
    .g-pos-rel--lg {
        position: relative !important;
    }

    .g-pos-fix--lg {
        position: fixed !important;
    }

    .g-pos-abs--lg {
        position: absolute !important;
    }

    .g-pos-stc--lg {
        position: static !important;
    }
}

/*------------------------------------
  Position Spaces
------------------------------------*/
/* Top */
.g-top-auto {
    /* P */
    top: auto;
}

.g-parent:hover .g-top-auto--parent-hover {
    top: auto;
}

.g-top-0 {
    top: 0 !important;
}

.g-top-0--hover:hover {
    top: 0 !important;
}

.g-parent:hover .g-top-0--parent-hover {
    top: 0 !important;
}

.g-top-1 {
    top: 0.07143rem;
}

.g-top-2 {
    top: 0.14286rem;
}

.g-top-3 {
    top: 0.21429rem;
}

.g-top-5 {
    top: 0.35714rem !important;
}

.g-top-7 {
    top: 0.5rem !important;
}

.g-top-10 {
    top: 0.71429rem !important;
}

.g-top-15 {
    top: 1.07143rem;
}

.g-top-20 {
    top: 1.42857rem;
}

.g-top-25 {
    top: 1.78571rem;
}

.g-top-30 {
    top: 2.14286rem;
}

.g-top-35 {
    top: 2.5rem;
}

.g-top-55 {
    top: 3.92857rem;
}

.g-top-65 {
    top: 4.64286rem;
}

.g-top-100 {
    top: 7.14286rem;
}

.g-top-15x {
    top: 15%;
}

.g-top-20x {
    top: 20%;
}

.g-top-25x {
    top: 25%;
}

.g-top-30x {
    top: 30%;
}

.g-top-35x {
    top: 35%;
}

.g-top-50x {
    top: 50%;
}

.g-top-100x {
    top: 100%;
}

/* Top Minis */
.g-top-minus-1 {
    top: -0.07143rem;
}

.g-top-minus-2 {
    top: -0.14286rem;
}

.g-top-minus-3 {
    top: -0.21429rem !important;
}

.g-top-minus-4 {
    top: -0.28571rem;
}

.g-top-minus-5 {
    top: -0.35714rem;
}

.g-top-minus-6 {
    top: -0.42857rem;
}

.g-top-minus-8 {
    top: -0.57143rem;
}

.g-top-minus-10 {
    top: -0.71429rem;
}

.g-top-minus-15 {
    top: -1.07143rem;
}

.g-top-minus-20 {
    top: -1.42857rem;
}

.g-top-minus-30 {
    top: -2.14286rem;
}

.g-top-minus-35 {
    top: -2.5rem;
}

.g-top-minus-40 {
    top: -2.85714rem;
}

.g-top-minus-70 {
    top: -5rem;
}

.g-top-minus-120 {
    top: -8.57143rem;
}

.g-top-minus-25x {
    top: -25%;
}

.g-top-minus-80x {
    top: -80%;
}

/* Left */
.g-left-auto {
    /* P */
    left: auto !important;
}

.g-left-0 {
    left: 0;
}

.g-left-0--hover:hover {
    left: 0;
}

.g-parent:hover .g-left-0--parent-hover {
    left: 0;
}

.g-left-2 {
    left: 0.14286rem;
}

.g-left-5 {
    left: 0.35714rem;
}

.g-left-10 {
    left: 0.71429rem;
}

.g-left-15 {
    left: 1.07143rem !important;
}

.g-left-20 {
    left: 1.42857rem;
}

.g-left-30 {
    left: 2.14286rem;
}

.g-left-40 {
    left: 2.85714rem;
    /* O */
}

.g-left-45 {
    left: 3.21429rem;
    /* P */
}

.g-left-75 {
    left: 5.35714rem;
}

.g-left-110 {
    left: 7.85714rem;
}

.g-left-130 {
    left: 9.28571rem;
}

.g-left-200 {
    left: 14.28571rem;
}

.g-left-15x {
    left: 15%;
}

.g-left-35x {
    left: 35%;
}

.g-left-50x {
    left: 50%;
}

.g-left-100x {
    left: 100%;
}

/* Left Minus */
.g-left-minus-3 {
    left: -0.21429rem;
}

.g-left-minus-6 {
    left: -0.42857rem;
}

.g-left-minus-7 {
    left: -0.5rem;
}

.g-left-minus-10 {
    left: -0.71429rem;
}

.g-left-minus-15 {
    left: -1.07143rem;
}

.g-left-minus-20 {
    left: -1.42857rem;
}

.g-left-minus-25 {
    left: -1.78571rem;
}

.g-left-minus-30 {
    left: -2.14286rem;
}

.g-left-minus-40 {
    left: -2.85714rem;
}

.g-left-minus-50 {
    left: -3.57143rem;
}

.g-parent:hover .g-left-minus-50--parent-hover {
    left: -3.57143rem;
}

/* Right */
.g-right-auto {
    /* P */
    right: auto;
}

.g-right-0 {
    right: 0 !important;
}

.g-right-0--hover:hover {
    right: 0 !important;
}

.g-parent:hover .g-right-0--parent-hover {
    right: 0 !important;
}

.g-right-5 {
    right: 0.35714rem !important;
}

.g-right-7 {
    right: 0.5rem !important;
}

.g-right-10 {
    right: 0.71429rem !important;
}

.g-right-14 {
    right: 1rem !important;
}

.g-right-15 {
    right: 1.07143rem !important;
}

.g-right-20 {
    right: 1.42857rem;
}

.g-right-30 {
    right: 2.14286rem;
}

.g-right-40 {
    right: 2.85714rem;
}

.g-right-45 {
    right: 3.21429rem;
    /* P */
}

.g-right-55 {
    right: 3.92857rem;
    /* O */
}

.g-right-65 {
    right: 4.64286rem;
}

.g-right-100 {
    right: 7.14286rem;
}

.g-right-110 {
    right: 7.85714rem;
}

.g-right-130 {
    right: 9.28571rem;
}

.g-right-15x {
    right: 15%;
}

.g-right-35x {
    right: 35%;
}

.g-right-50x {
    right: 50%;
}

.g-right-100x {
    right: 100%;
}

/* Right Minus */
.g-right-minus-3 {
    right: -0.21429rem !important;
}

.g-right-minus-6 {
    right: -0.42857rem;
}

.g-right-minus-5 {
    right: -0.35714rem;
}

.g-right-minus-10 {
    right: -0.71429rem;
}

.g-right-minus-13 {
    right: -0.92857rem;
}

.g-right-minus-15 {
    right: -1.07143rem;
}

.g-right-minus-20 {
    right: -1.42857rem;
}

.g-right-minus-25 {
    right: -1.78571rem;
}

.g-right-minus-40 {
    right: -2.85714rem;
}

.g-right-minus-50 {
    right: -3.57143rem;
}

/* Bottom */
.g-bottom-auto {
    /* P */
    bottom: auto;
}

.g-bottom-0 {
    bottom: 0;
}

.g-bottom-0--hover:hover {
    bottom: 0;
}

.g-parent:hover .g-bottom-0--parent-hover {
    bottom: 0;
}

.g-bottom-6 {
    bottom: 0.42857rem;
}

.g-bottom-10 {
    bottom: 0.71429rem;
}

.g-bottom-20 {
    bottom: 1.42857rem;
}

.g-bottom-30 {
    bottom: 2.14286rem;
}

.g-bottom-40 {
    bottom: 2.85714rem;
}

.g-bottom-50 {
    bottom: 3.57143rem;
}

.g-parent:hover .g-bottom-50--parent-hover {
    bottom: 3.57143rem;
}

.g-bottom-60 {
    bottom: 4.28571rem;
}

.g-bottom-80 {
    bottom: 5.71429rem;
}

.g-bottom-minus-20 {
    bottom: -1.42857rem;
}

.g-bottom-minus-30 {
    bottom: -2.14286rem;
}

.g-bottom-minus-40 {
    bottom: -2.85714rem;
}

.g-bottom-minus-70 {
    bottom: -5rem;
}

.g-bottom-minus-35x {
    bottom: -35%;
}

.g-bottom-15x {
    bottom: 15%;
}

.g-bottom-minus-25x {
    bottom: -25%;
}

.g-bottom-100x {
    bottom: 100%;
}

/* Z */
@media (min-width: 576px) {
    .g-top-auto--sm {
        top: auto;
    }

    .g-left-auto--sm {
        left: auto;
    }

    .g-left-minus-20--sm {
        left: -20px;
    }

    .g-right-minus-20--sm {
        right: -20px;
    }
}

/* O */
@media (min-width: 768px) {
    .g-right-0--md {
        right: 0 !important;
    }

    .g-left-0--md {
        left: 0 !important;
    }

    .g-right-minus-15--md {
        right: -1.07143rem;
    }

    .g-left-minus-15--md {
        left: -1.07143rem;
    }

    .g-top-minus-20--md {
        top: -1.42857rem;
    }

    .g-right-minus-25--md {
        right: -1.78571rem;
    }

    .g-right-100--md {
        right: 7.14286rem;
    }

    .g-bottom-minus-50--md {
        bottom: -3.57143rem;
    }

    .g-left-auto--md {
        left: auto !important;
    }

    .g-right-auto--md {
        right: auto !important;
    }

    .g-left-minus-25--md {
        left: -1.78571rem;
    }

    .g-left-130--md {
        left: 9.28571rem !important;
    }

    .g-left-35x--md {
        left: 35%;
    }

    .g-left-50x--md {
        left: 50%;
    }

    .g-right-130--md {
        right: 9.28571rem !important;
    }

    .g-right-35x--md {
        right: 35%;
    }

    .g-right-50x--md {
        right: 50%;
    }
}

@media (min-width: 992px) {
    .g-top-0--lg {
        top: 0 !important;
    }

    .g-right-0--lg {
        right: 0;
    }

    .g-left-minus-35--lg {
        left: -2.5rem;
    }

    .g-left-40--lg {
        left: 2.85714rem;
    }

    .g-right-minus-35--lg {
        right: -2.5rem;
    }

    .g-right-40--lg {
        right: 2.85714rem;
    }
}

.bootstrap-switch .bootstrap-switch-container,
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
    display: flex !important;
}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
    font-size: 10px !important;
    padding: 5px !important;
}

/*NEW CSS FIXING 01.07.2020*/
@media screen and (min-width: 1024px) and (max-width: 1300px) {
    .menuLeft {
        padding: 10px;
    }

    .menuLeft a, .menuLeft .item {
        font-size: 12px;
        position: relative;
        padding-left: 22px;
        display: block;
    }

    .menuLeft a:hover, .menuLeft .item:hover, .menuLeft a.active, .menuLeft .item.active {
        font-size: 13px;
        padding-left: 22px;
    }

    body .container-fluid.containerinntern {
        padding-right: 15px;
        padding-left: 15px;
    }

    .menuLeft a .fa, .menuLeft .item .fa {
        margin-right: 8px;
        position: absolute;
        left: 2px;
        top: 14px;
    }

    .menuLeft a::after, .menuLeft .item::after {
        background: #eee;
    }

    /*.decoMan{right: -120px;}*/
    .decoMan {
        right: -8%;
        height: 20%;
        width: 14%;
    }

    .menuLeft h2 {
        font-size: 15px;
    }

    .menuLeft h2 .fa {
        margin-right: 10px;
    }

    .menuLeft .sub-menu li {
        padding: 0 11px;
    }

    .contentPage .decoMan {
        display: none !important;
    }

    .wrapperIntern #menuWrap {
        max-width: 23%;
    }
}

.wrapperIntern #menuWrap {
    max-width: 280px;
    width: 280px !important;
}

.wrapperIntern #menuWrap + div {
    width: calc(100% - 280px) !important;
    flex: 0 0 calc(100% - 280px) !important;
    max-width: calc(100% - 280px) !important;

}


/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 15px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity, filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent
}

.hamburger:hover {
    opacity: .7
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 40px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #ffffff
}

.hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: ""
}

.hamburger-inner:before {
    top: -10px
}

.hamburger-inner:after {
    bottom: -10px
}

.hamburger--3dx .hamburger-box {
    perspective: 80px
}

.hamburger--3dx .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx.is-active .hamburger-inner {
    transform: rotateY(180deg);
    background-color: transparent
}

.hamburger--3dx.is-active .hamburger-inner:before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r.is-active .hamburger-inner {
    transform: rotateY(-180deg);
    background-color: transparent
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    perspective: 80px
}

.hamburger--3dy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy.is-active .hamburger-inner {
    transform: rotateX(-180deg);
    background-color: transparent
}

.hamburger--3dy.is-active .hamburger-inner:before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r.is-active .hamburger-inner {
    transform: rotateX(180deg);
    background-color: transparent
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner:before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
    transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner:after {
    transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r .hamburger-inner:before {
    transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
    transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
    transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: .13s
}

.hamburger--collapse .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--collapse.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
    opacity: 0
}

.hamburger--collapse.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
    transform: rotate(-90deg)
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: .13s
}

.hamburger--collapse-r .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, -10px, 0) rotate(45deg)
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
    opacity: 0
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
    transform: rotate(90deg)
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-duration: .275s
}

.hamburger--elastic .hamburger-inner:before {
    top: 10px;
    transition: opacity .125s ease .275s
}

.hamburger--elastic .hamburger-inner:after {
    top: 20px;
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    transition-delay: 75ms;
    transform: translate3d(0, 10px, 0) rotate(135deg)
}

.hamburger--elastic.is-active .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
    transition-delay: 75ms;
    transform: translate3d(0, -20px, 0) rotate(-270deg)
}

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-duration: .275s
}

.hamburger--elastic-r .hamburger-inner:before {
    top: 10px;
    transition: opacity .125s ease .275s
}

.hamburger--elastic-r .hamburger-inner:after {
    top: 20px;
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    transition-delay: 75ms;
    transform: translate3d(0, 10px, 0) rotate(-135deg)
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
    transition-delay: 75ms;
    transform: translate3d(0, -20px, 0) rotate(270deg)
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:before {
    left: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:after {
    top: 10px;
    right: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

.hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic.is-active .hamburger-inner:before {
    top: -80px;
    left: -80px;
    transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
    transform: translate3d(80px, 80px, 0) rotate(45deg)
}

.hamburger--emphatic.is-active .hamburger-inner:after {
    top: -80px;
    right: -80px;
    transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
    transform: translate3d(-80px, 80px, 0) rotate(-45deg)
}

.hamburger--emphatic-r {
    overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:before {
    left: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:after {
    top: 10px;
    right: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
    top: 80px;
    left: -80px;
    transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
    transform: translate3d(80px, -80px, 0) rotate(-45deg)
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
    top: 80px;
    right: -80px;
    transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
    transform: translate3d(-80px, -80px, 0) rotate(45deg)
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

.hamburger--slider .hamburger-inner:before {
    top: 10px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform, opacity
}

.hamburger--slider .hamburger-inner:after {
    top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
    transform: translate3d(0, -20px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

.hamburger--slider-r .hamburger-inner:before {
    top: 10px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform, opacity
}

.hamburger--slider-r .hamburger-inner:after {
    top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner:before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner:after {
    transform: translate3d(0, -20px, 0) rotate(90deg)
}

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s linear .13s
}

.hamburger--spring .hamburger-inner:before {
    top: 10px;
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner:after {
    top: 20px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent
}

.hamburger--spring.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: .13s
}

.hamburger--spring-r .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear
}

.hamburger--spring-r .hamburger-inner:before {
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--spring-r.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s;
    opacity: 0
}

.hamburger--spring-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transform: rotate(90deg)
}

.hamburger--stand .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

.hamburger--stand .hamburger-inner:before {
    transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand .hamburger-inner:after {
    transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand.is-active .hamburger-inner {
    transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
    transform: rotate(90deg);
    background-color: transparent
}

.hamburger--stand.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transform: rotate(-45deg)
}

.hamburger--stand.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transform: rotate(45deg)
}

.hamburger--stand-r .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

.hamburger--stand-r .hamburger-inner:before {
    transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r .hamburger-inner:after {
    transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r.is-active .hamburger-inner {
    transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
    transform: rotate(-90deg);
    background-color: transparent
}

.hamburger--stand-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transform: rotate(-45deg)
}

.hamburger--stand-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transform: rotate(45deg)
}

.hamburger--spin .hamburger-inner {
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: .22s
}

.hamburger--spin .hamburger-inner:before {
    transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: rotate(225deg)
}

.hamburger--spin.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease-out, opacity .1s ease-out .12s;
    opacity: 0
}

.hamburger--spin.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
    transform: rotate(-90deg)
}

.hamburger--spin-r .hamburger-inner {
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: .22s
}

.hamburger--spin-r .hamburger-inner:before {
    transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after {
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: rotate(-225deg)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease-out, opacity .1s ease-out .12s;
    opacity: 0
}

.hamburger--spin-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
    transform: rotate(90deg)
}

.hamburger--squeeze .hamburger-inner {
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: 75ms
}

.hamburger--squeeze .hamburger-inner:before {
    transition: top 75ms ease .12s, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after {
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: rotate(45deg)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease, opacity 75ms ease .12s;
    opacity: 0
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    transform: rotate(-90deg)
}

.hamburger--vortex .hamburger-inner {
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-duration: .2s
}

.hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before {
    transition-delay: .1s;
    transition-timing-function: linear;
    transition-duration: 0s
}

.hamburger--vortex .hamburger-inner:before {
    transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner:after {
    transition-property: bottom, transform
}

.hamburger--vortex.is-active .hamburger-inner {
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transform: rotate(765deg)
}

.hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before {
    transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-duration: .2s
}

.hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before {
    transition-delay: .1s;
    transition-timing-function: linear;
    transition-duration: 0s
}

.hamburger--vortex-r .hamburger-inner:before {
    transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner:after {
    transition-property: bottom, transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transform: rotate(-765deg)
}

.hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before {
    transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg)
}


@media screen and (max-width: 1200px) {
    .nav-item {
        padding: 20px 15px;
        position: static;
    }

    header .navbar-nav {
        float: none;
    }
}

@media screen and (max-width: 768px) {
    header {
        /*height: 100vh;*/
    }

    .decoMan {
        display: none;
    }

    header.HeaderIntern {
        height: auto;
    }

    .contentPage {
        padding: 15px !important;
    }

    .logo {
        position: relative;
        display: block;
        margin: 0 auto;
        text-align: center;
        left: inherit;
    }

    .logo img {
        margin: -40px auto 0;
        text-align: center;
    }

    header .menu {
        margin-left: 170px;
    }

    .mnItems {
        min-width: 100%;
    }

    main .wrapper {
        padding: 60px 40px 40px;
    }

    .header .navbar-collapse.collapse,
    .navbar-collapse.collapse {
        display: none !important;
    }

    header .navbar-collapse.collapse.in,
    .navbar-collapse.collapse.in {
        display: block !important;
    }

}

@media screen and (max-width: 1120px) and (min-width: 768px) {
    .content-inset {
        flex-basis: 100%;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 568px) {
    .content-inset {
        flex-basis: 100%;
        margin-bottom: 30px;
    }

    header .menu {
        margin-left: 0;
    }

    .ContainerPage h1 {
        font-weight: 600;
        color: #626262;
        font-size: 24px;
        padding: 0 0 20px;
        border-bottom: 1px solid rgba(231, 231, 231, 1);
    }

    .jsBoxmodal {
        padding: 25px 25px 10px 25px;
        max-width: 480px;
        margin: 0 20px;
        position: relative;
    }

    .jsBoxmodal .form-check {
        padding: 0
    }

    .jsBoxmodal .costumForm {
        margin: 5px 0 10px
    }

    main .wrapper {
        padding: 30px 20px 40px;
    }
}

/*MENU SIDE COLLAPSE RESPONSIVE */

/*#MenuSwicth span,*/
#menuWrap,
#menuWrap + div,
#MenuSwicth {
    transition: all 300ms ease
}

#MenuSwicth {
    position: absolute;
    border: none;
    border-radius: 5px;
    background: #ffffff;
    width: 50px;
    height: 50px;
    padding: 5px;
    left: 0;
    top: 0;
    z-index: 999;
    padding: 5px;

}

#MenuSwicth:focus {
    border: none;
    outline: none;
}

#MenuSwicth span {
    display: block;
    background: #3255a4;
    height: 5px;
    margin: 5px 0
}

#MenuSwicth {
    display: none !important;
}

@media screen and (min-width: 1366px) {
    thead tr th
    .headerIntern,
    .wrapperIntern {
        width: 100%;

    }

    .containerinntern .wrapperIntern {
        width: calc(100% - 210px);
    }
}

@media screen and (max-width: 1367px) {
    body > .container-fluid {
        padding-left: 20px;
    }

    .nav-item:after {
        display: none !important;
    }

    .headerIntern, .wrapperIntern {
        width: 100% !important;
    }

    .ContainerPage {
        padding: 0 10px;
    }

    .wrapperIntern {
        flex-wrap: nowrap;
    }

    #MenuSwicth {
        display: block !important;
    }

    #MenuSwicth.activeItem {
        display: block !important;
    }

    #MenuSwicth.activeItem span:first-child {
        transform: translate3d(0px, 5px, 0) rotate(45deg)
    }

    #MenuSwicth.activeItem span:nth-child(3) {
        transform: translate3d(0px, -14px, 0) rotate(-45deg)
    }

    #MenuSwicth.activeItem span:nth-child(2) {
        opacity: 0;
    }

    #menuWrap {
        flex: 0 0 100%;
        max-width: 270px !important;
        padding: 0 10px;
        margin-left: -270px;
        right: 100%;
        position: relative;
        height: 100vh;
    }

    #menuWrap.activeItem {
        margin-left: 0;
        right: 0;
        height: auto;
    }

    .wrapperIntern #menuWrap + div,
    #menuWrap + div {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0;
        opacity: 1;
        margin: 0 !important;
    }

    #menuWrap.activeItem + div {
        opacity: .4;
    }

    /*header .navbar-collapse.collapse,*/
    /*.navbar-collapse.collapse {*/
    /*    display: none !important;*/
    /*}*/

    /*header .navbar-collapse.collapse.in,*/
    /*.navbar-collapse.collapse.in {*/
    /*    display: block !important;*/
    /*}*/

    .decoMan {
        bottom: -20% !important;
        /* block-size: 320px; */
        width: 11%;
    }

    /* .decoMan {
  bottom: -225px !important;
  block-size: 320px;
  width: 20%;
 }*/
}

@media screen and (max-width: 1200px) {
    header .navbar-collapse.collapse,
    .navbar-collapse.collapse {
        display: none !important;
    }

    header .navbar-collapse.collapse.in,
    .navbar-collapse.collapse.in {
        display: block !important;
    }
}

.contentPage .contentPage {
    padding: 0 !important;
    background: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    max-width: inherit !important;
}

/*MENU SIDE COLLAPSE RESPONSIVE */


/*ADMIN FORMS*/
.ContainerPage .adminForms label,
.ContainerPage .adminForms label.control-label {
    white-space: normal;
    word-break: break-all;
    overflow-wrap: break-word;
}

/* .ContainerPage .adminForms label {
  display: block;
  width: 100%;
 }*/
/*
.ContainerPage .adminForms select ,
.ContainerPage .adminForms input[type=color] ,
.ContainerPage .adminForms input[type=number],
.ContainerPage .adminForms input[type=datetime-local],
.ContainerPage .adminForms input[type=date],
.ContainerPage .adminForms input[type=month],
.ContainerPage .adminForms input[type=email],
.ContainerPage .adminForms input[type=password],
.ContainerPage .adminForms input[type=url],
.ContainerPage .adminForms input[type=search],
.ContainerPage .adminForms input[type=week],
.ContainerPage .adminForms input[type=week],
.ContainerPage .adminForms input[type=tel],
.ContainerPage .adminForms input[type=text] {  background: #ffffff;
 border-radius: 30px;
 margin: 15px 0;
 border: solid 1px #a6a291;
 min-width: 150px;
 max-width: 480px;
 height: 40px;
 padding: 3px 10px;}
 */
.ContainerPage .adminForms table td button,
.ContainerPage .adminForms table td .btn {
    display: inline-block !important;
    margin: 3px !important
}

.ContainerPage .adminForms .dropdown button,
.ContainerPage .adminForms .dropdown button.btn,
.dropdown .btn,
.dropdown button,
.dropdown button.btn,
.dropdown .btn {
    background: #fff !important;
    border: solid 1px #a6a291;
    color: #000;
    border-radius: 10px;
}

.ContainerPage .adminForms .icheckbox_flat-green, .iradio_flat-green {
    display: inline-flex;
}

.dropdown-menu {
    max-width: 82vw;
}

.dropdown-menu.inner {
    max-height: 200px !important;
}

.ContainerPage .adminForms .dropdown-menu button.btn,
.ContainerPage .adminForms .dropdown-menu .btn,
.ContainerPage .adminForms .dropdown-menu button {
    width: 100%;
    border: none !important;
}


.bs-searchbox input[type=text].form-control,
.ContainerPage .adminForms .bs-searchbox input[type=text].form-control,
.ContainerPage .adminForms .dataTables_filter input[type=text],
.ContainerPage .adminForms #reservationsDataTable_filter input[type=text],
.ContainerPage .adminForms .dataTables_filter input[type=search],
.ContainerPage .adminForms #reservationsDataTable_filter input[type=search],
.ContainerPage .adminForms .dataTables_length select {
    background: #ffffff;
    border-radius: 10px;
    margin: 15px 0;
    border: solid 1px #a6a291;
    min-width: 150px;
    max-width: 480px;
    height: 35px;
    padding: 3px 10px;
}


.bs-searchbox input[type=text].form-control,
.ContainerPage .adminForms .bs-searchbox input[type=text].form-control {
    margin: 0 !important;
}

.ContainerPage .adminForms .dataTables_length select {
    min-width: 50px;
}


.ContainerPage .adminForms button[type=submit],
.ContainerPage .adminForms button[type=reset],
.ContainerPage .adminForms button[type=button],
.ContainerPage .adminForms input[type=submit],
.ContainerPage .adminForms input[type=reset],
.ContainerPage .adminForms input[type=button] {
    border: none;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    border-radius: 30px;
    padding: 10px 10px;
    min-width: 65px;
}

.ContainerPage .adminForms .btn-group button[type=submit],
.ContainerPage .adminForms .btn-group button[type=reset],
.ContainerPage .adminForms .btn-group button[type=button],
.ContainerPage .adminForms .btn-group input[type=submit],
.ContainerPage .adminForms .btn-group input[type=reset],
.ContainerPage .adminForms .btn-group input[type=button],
.ContainerPage .adminForms .btn.btn-default,
.ContainerPage .adminForms .btn.btn-primary,
.ContainerPage .adminForms .btn.btn-success,
.ContainerPage .adminForms .btn.btn-info,
.ContainerPage .adminForms .btn.btn-warning,
.ContainerPage .adminForms .btn.btn-danger {
    display: inherit;
    width: auto;
    border: none;
    font-size: 14px;
    font-weight: 400;
    border-radius: 10px;
    padding: 5px 10px !important;
    margin: 10px auto;
    font-size: 13px;
    color: #ffffff;
    min-width: 35px;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.ContainerPage .adminForms .btn.btn-success,
.ContainerPage .adminForms .btn.btn-warning {
    background-image: -webkit-linear-gradient(top, #4f6bab 0, #3255a4 100%);
    background-image: -o-linear-gradient(top, #4f6bab 0, #3255a4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4f6bab), to(#3255a4));
    background-image: linear-gradient(to bottom, #4f6bab 0, #3255a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f6bab', endColorstr='#ff3255a4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #3255a4;
}

.ContainerPage .adminForms .btn.btn-primary span,
.ContainerPage .adminForms .btn.btn-primary span i,
.ContainerPage .adminForms .btn.btn-primary i,
.ContainerPage .adminForms .btn.btn-success span,
.ContainerPage .adminForms .btn.btn-success span i,
.ContainerPage .adminForms .btn.btn-success i,
.ContainerPage .adminForms .btn.btn-info span,
.ContainerPage .adminForms .btn.btn-info span i,
.ContainerPage .adminForms .btn.btn-info i,
.ContainerPage .adminForms .btn.btn-warning span,
.ContainerPage .adminForms .btn.btn-warning span i,
.ContainerPage .adminForms .btn.btn-warning i,
.ContainerPage .adminForms .btn.btn-danger span,
.ContainerPage .adminForms .btn.btn-danger span i,
.ContainerPage .adminForms .btn.btn-danger i {
    color: #ffffff !important;
    padding-top: 5px;
    padding-right: 5px;
}

.ContainerPage .adminForms div.dt-buttons {
    position: relative;
    float: left;
    display: block;
    width: 100%;
}

#bagawebModal .modal-footer .btn.save,
#bagawebModal .modal-footer .btn.btn-warning,
#bagawebModal .modal-footer .btn.btn-warning.save,
.ContainerPage .adminForms .btn#save_params_contact,
.ContainerPage .adminForms .btn.save,
.ContainerPage .adminForms .btn.btn-primary {
    background-image: -webkit-linear-gradient(top, #5071b1 0, #2e56a5 100%);
    background-image: -o-linear-gradient(top, #5071b1 0, #2e56a5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5071b1), to(#2e56a5));
    background-image: linear-gradient(to bottom, #5071b1 0, #2e56a5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5071b1', endColorstr='#ff2e56a5', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #2e56a5;
}

.ContainerPage .adminForms .btn.btn-success:hover,
.ContainerPage .adminForms .btn.btn-warning:hover,
#bagawebModal .modal-footer .btn.save:hover,
#bagawebModal .modal-footer .btn.save:focus,
#bagawebModal .modal-footer .btn.btn-warning:hover,
#bagawebModal .modal-footer .btn.btn-warning:focus,
#bagawebModal .modal-footer .btn.btn-warning.save:hover,
#bagawebModal .modal-footer .btn.btn-warning.save:focus,
.ContainerPage .adminForms .btn.btn-default,
.ContainerPage .adminForms .btn#save_params_contact:hover,
.ContainerPage .adminForms .btn#save_params_contact:focus,
.ContainerPage .adminForms .btn.save:hover,
.ContainerPage .adminForms .btn.save:focus,
.ContainerPage .adminForms .btn.btn-primary:hover,
.ContainerPage .adminForms .btn.btn-primary:focus {
    background-color: #5071b1;
    background-position: 0 0 !important;
}

.ContainerPage .adminForms .bootstrap-select button,
.ContainerPage .adminForms .bootstrap-select button.btn,
.ContainerPage .adminForms .bootstrap-select .btn {
    width: 100%;
    background: #fff !important;
    color: #000 !important;
    border-radius: 5px !important;
}

.ContainerPage .adminForms .bootstrap-select button span,
.ContainerPage .adminForms .bootstrap-select button.btn span,
.ContainerPage .adminForms .bootstrap-select .btn span {
    color: #000 !important;
}

.ContainerPage .adminForms .form-group .bootstrap-select.btn-group button,
.ContainerPage .adminForms .form-group .bootstrap-select.btn-group button.btn,
.ContainerPage .adminForms .form-group .bootstrap-select.input-group-btn button,
.ContainerPage .adminForms .form-group .bootstrap-select.input-group-btn button.btn,
.ContainerPage .adminForms .form-group .bootstrap-select.btn-group.input-group-btn button,
.ContainerPage .adminForms .form-group .bootstrap-select.btn-group.input-group-btn button.btn {
    margin: 0;
    border-radius: 0 5px 5px 0;
    padding: 5px !important;
}

.ContainerPage .adminForms .dt-buttons button.dt-button,
.ContainerPage .adminForms button.dt-button {
    background-color: #ffffff !important;
    border: 1px solid #dddddd;
    padding: 5px;
    height: 40px;
    margin: 15px 10px 0 0;
}

.ContainerPage .adminForms button.btn.btn-success2,
.ContainerPage .adminForms button.btn-success2,
.ContainerPage .adminForms .btn-success2,
.ContainerPage .adminForms .dt-buttons button.dt-button {
    background-image: -webkit-linear-gradient(top, #5cb85c 0, #419641 100%) !important;
    background-image: -o-linear-gradient(top, #5cb85c 0, #419641 100%) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)) !important;
    background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
    background-repeat: repeat-x;
    border-color: #3e8f3e;
}

.ContainerPage .adminForms .wysihtml5-toolbar .btn.btn-default,
.ContainerPage .adminForms .btn[title="upload photo"],
.ContainerPage .adminForms .btn.btn-info[title="upload photo"] {
    background-image: -webkit-linear-gradient(top, #f3f3f3 0, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #f3f3f3 0, #f5f5f5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#f5f5f5));
    background-image: linear-gradient(to bottom, #f3f3f3 0, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3f3 ', endColorstr='#fff5f5f5 ', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #f5f5f5;
}

.ContainerPage .adminForms .wysihtml5-toolbar .btn.btn-default.wysihtml5-command-active {
    background-image: -webkit-linear-gradient(top, #f5f5f5 0, #f3f3f3 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0, #f3f3f3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f3f3f3));
    background-image: linear-gradient(to bottom, #f5f5f5 0, #f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5 ', endColorstr='#fff3f3f3 ', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #f3f3f3;
    color: #d0defd !important;
}

.ContainerPage .adminForms .wysihtml5-toolbar .btn.btn-default,
.ContainerPage .adminForms .wysihtml5-toolbar .btn.btn-default,
.ContainerPage .adminForms .btn[title="upload photo"] i,
.ContainerPage .adminForms .btn.btn-info[title="upload photo"] i {
    color: #000 !important;
}

.ContainerPage .adminForms .dt-buttons button.dt-button span,
.ContainerPage .adminForms .dt-buttons button.dt-button i,
.ContainerPage .adminForms .dt-buttons button.dt-button span i {
    color: #fff !important;
}

.ContainerPage .adminForms .btn-group .dropdown-toggle::after {
    display: none !important;
}

.ContainerPage .adminForms .dropdown-menu .btn {
    color: #000 !important;
}

.ContainerPage .adminForms .btnl,
#bagawebModal .modal-footer .btn,
.modal-content .modal-footer .btn {

.ContainerPage .adminForms .btn {
    background-position: 0 0 !important;
}

.ContainerPage .adminForms .btn.select_all {
    background: none;
    border: none;
    box-shadow: none;
    color: #000 !important;
}

.ContainerPage .adminForms .btn.select_all a,
.ContainerPage .adminForms .btn.select_all span,
.ContainerPage .adminForms .btn.select_all i {
    color: #000 !important;
    text-shadow: none;
}

.ContainerPage .adminForms .btn-group.bootstrap-select.modules,
.ContainerPage .adminForms .form-group .btn-group.bootstrap-select.modules {
    min-width: 250px;
    margin: 0 -20px 0px;
    height: 65px;
}

.ContainerPage .adminForms .wysihtml5-toolbar {
    display: flex;
    flex-flow: row wrap;
}

#bagawebModal .modal-header h4,
#bagawebModal .modal-header .modal-title,
.ContainerPage .adminForms .wysihtml5-toolbar .btn.btn-default b,
.ContainerPage .adminForms .wysihtml5-toolbar .btn.btn-default .caret {
    display: none
}

.ContainerPage .adminForms .note-toolbar button.btn.btn-default i,
.ContainerPage .adminForms .note-toolbar button.btn.btn-default span {
    color: #000 !important;
}

.form-inline .editable-checklist label {
    justify-content: flex-start;
}


#bagawebModal .form-horizontal > div,
#bagawebModal form#formBagaweb > div {
    float: none;
    clear: both;
    padding: 10px 0 !important;
    height: auto;
    border: none !important;
    width: auto;
    box-shadow: none;

}

#bagawebModal .form-horizontal div .bootstrap-switch,
#bagawebModal .form-horizontal div .bootstrap-switch div,
#bagawebModal form#formBagaweb .bootstrap-switch,
#bagawebModal form#formBagaweb .bootstrap-switch div {
    padding: 0 !important;
}

.modal-content .modal-body .form-control {
    height: auto;
}

.ContainerPage .adminForms .btn.btn-default.editable-cancel,
#bagawebModal .modal-footer .btn.btn-default,
.modal-content .modal-footer .btn.btn-default {
    background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
    background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
    background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #b92c28;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
    display: flex;
    flex-flow: row wrap;
    padding: 10px;
}

.popover-content .form-group .form-control {
    margin: 3px 0 !important;
    height: 35px;
}

.popover-content .form-group .editable-buttons button {
    margin: 3px !important;

}

@media screen and (max-width: 678px) {
    .ContainerPage .adminForms .tab-pane .container {
        padding: 0 !important;
    }

    .ContainerPage .adminForms .tab-pane fieldset.scheduler-border {
        padding: 15px !important;
    }

    .ContainerPage .adminForms fieldset.scheduler-border table th,
    .ContainerPage .adminForms fieldset.scheduler-border table td,
    .ContainerPage .adminForms fieldset.scheduler-border table td.filter_td {
        display: block;
        padding: 0 !important;
    }

    .ContainerPage .adminForms fieldset.scheduler-border table th label,
    .pageInscr .radioForm .form-check .form-check-label
    .ContainerPage .adminForms fieldset.scheduler-border table td label,
    .ContainerPage .adminForms fieldset.scheduler-border table td.filter_td label {
        display: none;
    }
}

/*ADMIN FORMS*/


/* iPhone */
@media only screen and (width: 320px) and (device-width: 320px) and (device-height: 480px) and (orientation: landscape) {
    body {
        -webkit-transform: scale(0.667);
        -webkit-transform-origin: top right;
        position: absolute;
        right: 0;
        top: 0;
        width: 480px;
    }

    #MenuSwicth {
        display: block !important;
    }
}

/* iPad */
@media only screen and (width: 768px) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    body {
        -webkit-transform: scale(0.75);
        -webkit-transform-origin: top right;
        position: absolute;
        right: 0;
        top: 0;
        width: 1024px;
    }

    #MenuSwicth {
        display: block !important;
    }
}

/* iPad */
@media only screen and (width: 768px) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    body {
        -webkit-transform: scale(0.75);
        -webkit-transform-origin: top right;
        position: absolute;
        right: 0;
        top: 0;
        width: 1024px;
    }

    #MenuSwicth {
        display: block !important;
    }
}


/* Landscape*/

@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape) {
    body {
        -webkit-transform: scale(0.75);
        -webkit-transform-origin: top right;
        position: absolute;
        right: 0;
        top: 0;
        width: 1366px;
    }

    #MenuSwicth {
        display: block !important;
    }

    #menuWrap {
        flex: 0 0 100%;
        max-width: 270px !important;
        padding: 0 10px;
        margin-left: -270px;
        right: 100%;
        position: relative;
        height: 100vh;
    }

    #menuWrap.activeItem {
        margin-left: 0;
        right: 0;
        height: auto;
    }

    .wrapperIntern #menuWrap + div,
    #menuWrap + div {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0;
        opacity: 1;
        margin: 0 !important;
    }

    #menuWrap.activeItem + div {
        opacity: .4;
    }
}

/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
    body {
        -webkit-transform: scale(0.75);
        -webkit-transform-origin: top right;
        position: absolute;
        right: 0;
        top: 0;
        width: 1024px;
    }

    #MenuSwicth {
        display: block !important;
    }

    #menuWrap {
        flex: 0 0 100%;
        max-width: 270px !important;
        padding: 0 10px;
        margin-left: -270px;
        right: 100%;
        position: relative;
        height: 100vh;
    }

    #menuWrap.activeItem {
        margin-left: 0;
        right: 0;
        height: auto;
    }

    .wrapperIntern #menuWrap + div,
    #menuWrap + div {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0;
        opacity: 1;
        margin: 0 !important;
    }

    #menuWrap.activeItem + div {
        opacity: .4;
    }
}