@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 .btn-group .dropdown-toggle::after {
  display: none !important;
}

.ContainerPage .btn.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;
    }
  }