/* 
 * =====================================================================================================================
 * DEFAULT STYLE
 * =====================================================================================================================
 */
html,
body,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}
html,
input,
select,
textarea {
  font-family: sans-serif;
}
html.web-font,
.web-font input,
.web-font select,
.web-font textarea,
html .cke_editable {
  font-family: {{$fontFamily}} sans-serif;
}
* {
  outline: none;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
}
html {
  width: 100% !important;
  height: 100%;
  font-size: 16px;
}
body {
  min-height: 100%;
  height: auto !important;
  position: relative;
  margin: 0 auto;
}
img,
object,
embed {
  max-width: 100%;
}
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  font-size: inherit;
}
.table-responsive {
  width: 100%;
  overflow-x: auto;
}
th {
  font-weight: bold;
  vertical-align: central;
}
td {
  font-weight: normal;
  vertical-align: top;
}
select,
input,
textarea {
  font-size: inherit;
}
strong {
  font-weight: bold;
}
td img {
  vertical-align: top;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}
/*
 * =====================================================================================================================
 * Image float
 * =====================================================================================================================
 */
.image-float-right,
img[align="right"],
img[style*="float: right"] img[style*="float:right"] {
  float: right;
  margin-left: 48px;
  margin-bottom: 48px;
  z-index: 100;
  position: relative;
}
.image-float-left,
img[align="left"],
img[style*="float: left"],
img[style*="float:left"] {
  float: left;
  margin-right: 48px;
  margin-bottom: 48px;
  z-index: 100;
  position: relative;
}
.image-block {
  width: 100%;
  height: auto;
  margin: 48px 0;
}
.image-fixed-size {
  width: auto !important;
  margin: 10px !important;
}
@media screen and (max-width: 992px) {
  .responsive-layout .image-float-right,
  html .cke_editable .image-float-right,
  .responsive-layout img[align="right"],
  html .cke_editable img[align="right"],
  .responsive-layout img[style*="float: right"],
  html .cke_editable img[style*="float: right"],
  .responsive-layout img[style*="float:right"],
  html .cke_editable img[style*="float:right"] {
    max-width: 40%;
    height: auto;
    margin-left: 32px;
    margin-bottom: 32px;
  }
  .responsive-layout .image-float-left,
  html .cke_editable .image-float-left,
  .responsive-layout img[align="left"],
  html .cke_editable img[align="left"],
  .responsive-layout img[style*="float: left"],
  html .cke_editable img[style*="float: left"],
  .responsive-layout img[style*="float:left"],
  html .cke_editable img[style*="float:left"] {
    max-width: 40%;
    height: auto;
    margin-right: 32px;
    margin-bottom: 32px;
  }
  .responsive-layout .image-block,
  html .cke_editable .image-block {
    margin: 32px 0;
  }
}
@media screen and (max-width: 499px) {
  .responsive-layout .image-float-right,
  html .cke_editable .image-float-right,
  .responsive-layout img[align="right"],
  html .cke_editable img[align="right"],
  .responsive-layout img[style*="float: right"],
  html .cke_editable img[style*="float: right"],
  .responsive-layout img[style*="float:right"],
  html .cke_editable img[style*="float:right"] {
    max-width: 100%;
    margin: 32px 0;
  }
  .responsive-layout .image-float-left,
  html .cke_editable .image-float-left,
  .responsive-layout img[align="left"],
  html .cke_editable img[align="left"],
  .responsive-layout img[style*="float: left"],
  html .cke_editable img[style*="float: left"],
  .responsive-layout img[style*="float:left"],
  html .cke_editable img[style*="float:left"] {
    max-width: 100%;
    margin: 32px 0;
  }
}
@media screen and (max-width: 479px) {
  .responsive-layout .image-float-right,
  html .cke_editable .image-float-right {
    margin: 16px 0;
  }
  .responsive-layout .image-float-left,
  html .cke_editable .image-float-left {
    margin: 16px 0;
  }
  .responsive-layout .image-block,
  html .cke_editable .image-block {
    margin: 16px 0;
  }
}
@media (max-width: 350px) {
  .responsive-layout .image-float-right,
  html .cke_editable .image-float-right,
  .responsive-layout .image-float-left,
  html .cke_editable .image-float-left,
  .responsive-layout img[align="right"],
  html .cke_editable img[align="right"],
  .responsive-layout img[style*="float: right"],
  html .cke_editable img[style*="float: right"],
  .responsive-layout img[style*="float:right"],
  html .cke_editable img[style*="float:right"],
  .responsive-layout img[align="left"],
  html .cke_editable img[align="left"],
  .responsive-layout img[style*="float: left"],
  html .cke_editable img[style*="float: left"],
  .responsive-layout img[style*="float:left"],
  html .cke_editable img[style*="float:left"] {
    float: none;
    margin: 16px 0;
    width: 100% !important;
    height: auto !important;
  }
}
/*
 * =====================================================================================================================
 * Column templates
 * =====================================================================================================================
 */
.column2,
.column3,
.column4 {
  display: block;
  position: relative;
  margin-bottom: 1em;
}
.column2 :last-child,
.column3 :last-child,
.column4 :last-child {
  margin-bottom: 0 !important;
}
.column2:after,
.column3:after,
.column4:after {
  clear: both;
}
.column2:before,
.column3:before,
.column4:before,
.column2:after,
.column3:after,
.column4:after {
  content: "";
  display: block;
}
.column2 .column,
.column3 .column,
.column4 .column {
  padding: 0;
  position: relative;
  display: block;
  min-height: 1em;
  float: left;
}
.column2 .column {
  width: 49%;
  width: calc(50% - 20px);
}
.column2 .second {
  margin-left: 2%;
  margin-left: calc(40px);
}
.column3 .column {
  width: 32%;
  width: calc(100% / 3 - 16px + 16px / 3);
}
.column3 .second,
.column3 .third {
  margin-left: 2%;
  margin-left: calc(16px);
}
.column4 .column {
  width: 24%;
  width: calc(25% - 16px + 4px);
}
.column4 .second,
.column4 .third,
.column4 .fourth {
  margin-left: 1.33%;
  margin-left: calc(16px);
}
.column2 h2,
.column2 h3,
.column2 h4,
.column2 h5,
.column2 h6,
.column3 h2,
.column3 h3,
.column3 h4,
.column3 h5,
.column3 h6,
.column4 h2,
.column4 h3,
.column4 h4,
.column4 h5,
.column4 h6 {
  margin-top: 0;
}
@media screen and (max-width: 992px) {
  .responsive-layout .column4 .column,
  html .cke_editable .column4 .column {
    width: 49%;
    width: calc(50% - 8px);
  }
  .responsive-layout .column4 .third,
  html .cke_editable .column4 .third {
    margin-left: 0;
    clear: left;
  }
  .responsive-layout .column4 .second,
  html .cke_editable .column4 .second,
  .responsive-layout .column4 .fourth,
  html .cke_editable .column4 .fourth {
    margin-left: 2%;
    margin-left: calc(16px);
  }
  .responsive-layout .column4 .first,
  html .cke_editable .column4 .first,
  .responsive-layout .column4 .second,
  html .cke_editable .column4 .second {
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 799px) {
  .responsive-layout .column2 .column,
  html .cke_editable .column2 .column,
  .responsive-layout .column3 .column,
  html .cke_editable .column3 .column,
  .responsive-layout .column4 .column,
  html .cke_editable .column4 .column {
    width: auto;
    float: none;
    margin-bottom: 1em;
    overflow: auto;
  }
  .responsive-layout .column2 .second,
  html .cke_editable .column2 .second,
  .responsive-layout .column3 .second,
  html .cke_editable .column3 .second,
  .responsive-layout .column3 .third,
  html .cke_editable .column3 .third,
  .responsive-layout .column4 .second,
  html .cke_editable .column4 .second,
  .responsive-layout .column4 .third,
  html .cke_editable .column4 .third,
  .responsive-layout .column4 .fourth,
  html .cke_editable .column4 .fourth {
    margin-left: 0;
  }
  .responsive-layout .column2 .image-block,
  html .cke_editable .column2 .image-block,
  .responsive-layout .column2 .image-float-left,
  html .cke_editable .column2 .image-float-left,
  .responsive-layout .column2 .image-float-right,
  html .cke_editable .column2 .image-float-right,
  .responsive-layout .column3 .image-block,
  html .cke_editable .column3 .image-block,
  .responsive-layout .column3 .image-float-left,
  html .cke_editable .column3 .image-float-left,
  .responsive-layout .column3 .image-float-right,
  html .cke_editable .column3 .image-float-right,
  .responsive-layout .column4 .image-block,
  html .cke_editable .column4 .image-block,
  .responsive-layout .column4 .image-float-left,
  html .cke_editable .column4 .image-float-left,
  .responsive-layout .column4 .image-float-right,
  html .cke_editable .column4 .image-float-right {
    margin-top: 0;
  }
}
/*
 * =====================================================================================================================
 * TRACY DEBUG
 * =====================================================================================================================
 */
#tracy-debug h1 {
  text-transform: none;
}
#tracy-debug h1:after {
  content: none;
}
#tracy-debug-bar li {
  padding-left: 0;
}
#tracy-debug-bar li::before {
  content: none;
}
/*
 * =====================================================================================================================
 * Google map
 * =====================================================================================================================
 */
.google-map-wrapper {
  display: block;
  width: 100%;
  height: 350px;
}
.mapInfoWindowWrapper {
  text-align: left;
  font-family: 'PT Serif', sans-serif;
}
.mapInfoWindowWrapper h4 {
  font-size: 16px;
  font-weight: normal;
  color: #3c4253;
}
.mapInfoWindowWrapper .address {
  margin-top: 5px;
  font-size: 13px;
  font-weight: normal;
  color: #3c4253;
}
.mapInfoWindowWrapper .price {
  margin-top: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #3c4253;
}
.mapInfoWindowWrapper .link {
  margin-top: 5px;
}
.mapInfoWindowWrapper .link a {
  color: #e4a253;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
}
.mapInfoWindowWrapper .link a:after {
  content: "\f105";
  font-family: 'FontAwesome';
  z-index: 2;
  display: block;
  position: absolute;
  font-size: 16px;
  font-style: normal;
  line-height: 16px;
  font-weight: normal;
  text-decoration: none;
  width: 16px;
  height: 16px;
  text-align: center;
}
.mapInfoWindowWrapper .link a:after {
  display: inline-block;
  position: relative;
  margin-left: 5px;
}
.mapInfoWindowWrapper .link a:hover,
.mapInfoWindowWrapper .link a:focus {
  text-decoration: underline;
}
/*
 * =====================================================================================================================
 * YOUTUBE - CKEDITOR
 * =====================================================================================================================
 */
/*.embeddedContent
{
	display: block !important;
	position: relative !important;
	width: 100% !important;
	clear: both;
	height: 315px !important;
	margin: 0 auto !important;
}

.embeddedContent iframe
{
	width: 100% !important;
	height: 340px !important;
}*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* 
 * =====================================================================================================================
 * CONFIG
 * =====================================================================================================================
 */
/* 
 * =====================================================================================================================
 * BUTTONS
 * =====================================================================================================================
 */
/* 
 * =====================================================================================================================
 * CONFIG
 * =====================================================================================================================
*/
/* 
 * =====================================================================================================================
 * STYLE
 * =====================================================================================================================
*/
/* 
 * ---------------------------------------------------------------------------------------------------------------------
 * PLACEHOLDER
 * ---------------------------------------------------------------------------------------------------------------------
 */
::-webkit-input-placeholder {
  color: #505050;
  font-weight: normal;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #505050;
  font-weight: normal;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #505050;
  font-weight: normal;
}
:-ms-input-placeholder {
  color: #505050;
  font-weight: normal;
}
/* 
 * ---------------------------------------------------------------------------------------------------------------------
 * INPUT
 * ---------------------------------------------------------------------------------------------------------------------
 */
input[type=text],
input[type=password],
input[type=email] {
  border: 1px solid #cecece;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  height: 38px;
  width: 100%;
  line-height: 36px;
  padding: 0 13px;
  background: #f8fcff;
  color: #505050;
  font-size: 14px;
  position: relative;
}
input[type=text].error,
input[type=password].error,
input[type=email].error {
  border: 1px solid #e93c3c;
  background: #f8fcff;
}
input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus {
  border: 1px solid #62ad2c;
  background: #f8fcff;
}
label.file {
  position: relative;
  display: block;
  margin: 0;
  overflow: hidden;
}
label.file:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
label.file input[type=file] {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  z-index: 2;
}
label.file input[type=file].error + .fake-file-input {
  border: 1px solid #e93c3c;
  background: #f8fcff;
}
label.file input[type=file]:hover + .fake-file-input,
label.file input[type=file]:focus + .fake-file-input {
  border: 1px solid #62ad2c;
  background: #f8fcff;
}
label.file .fake-file-input {
  border: 1px solid #cecece;
  display: block;
  position: relative;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  float: left;
  min-width: 150px;
  height: 38px;
  line-height: 36px;
  padding: 0 13px;
  background: #f8fcff;
  color: #505050;
  font-size: 14px;
  overflow: hidden;
  font-weight: normal;
}
label.file .fake-file-input span {
  display: block;
  position: relative;
  overflow: hidden;
}
label.file .fake-file-input + span {
  display: inline-block;
  position: relative;
  line-height: 38px;
  padding: 0 20px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  background: #414141;
  border: 0;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
}
label.file .fake-file-input + span:visited {
  color: #fff;
}
label.file .fake-file-input + span:focus,
label.file .fake-file-input + span:hover,
label.file .fake-file-input + span.active {
  color: #fff;
  text-decoration: none;
  background: #414141;
}
input[type=checkbox] {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  z-index: 2;
  position: absolute;
  width: 18px;
  height: 18px;
  margin: 10px 0 0 0;
  padding: 0;
  overflow: hidden;
}
input[type=checkbox] + label {
  font-weight: normal;
  padding-left: 29px !important;
  position: relative;
  height: 38px;
  line-height: 38px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
input[type=checkbox] + label:after {
  content: none;
}
input[type=checkbox] + label:before {
  content: "";
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  display: block;
  border: 1px solid #cecece;
  background: #f8fcff;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 0px;
  margin-top: -9px;
  margin-left: 0;
}
input[type=checkbox]:checked + label:after {
  content: "\f00c";
  z-index: 2;
  display: block;
  position: absolute;
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 24px;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 2px;
  color: #57a71d;
  margin-top: -14px;
}
input[type=checkbox].error + label:after {
  color: #e93c3c;
}
input[type=checkbox].error + label:before {
  border: 1px solid #e93c3c;
  background: #f8fcff;
}
input[type=checkbox]:hover + label:before,
input[type=checkbox]:focus + label:before {
  border: 1px solid #62ad2c;
  background: #f8fcff;
}
input[type=radio] {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  z-index: 2;
  position: absolute;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
input[type=radio] + label {
  font-weight: normal;
  padding-left: 25px !important;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
input[type=radio] + label:after {
  content: none;
}
input[type=radio] + label:before {
  content: "";
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  display: block;
  border: 1px solid #cecece;
  background: #f8fcff;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 0px;
  margin-top: 18px / -2;
  margin-left: 0;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
input[type=radio].error + label:after {
  background: #e93c3c;
}
input[type=radio].error + label:before {
  border: 1px solid #e93c3c;
  background: #f8fcff;
}
input[type=radio]:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  background: #57a71d;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 18px / 2;
  margin-top: 8px / -2;
  margin-left: 8px / -2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
input[type=radio]:hover + label:before,
input[type=radio]:focus + label:before {
  border: 1px solid #62ad2c;
  background: #f8fcff;
}
input[disabled],
input[disabled]:hover,
input[disabled]:focus,
input[disabled]:checked {
  color: #b5b5b5;
  background: #fdfdff;
  border-color: #e6e6e6;
}
input[disabled] + label,
input[disabled]:hover + label,
input[disabled]:focus + label,
input[disabled]:checked + label {
  cursor: auto;
  font-weight: normal;
  color: #505050;
}
input[disabled] + label:before,
input[disabled]:hover + label:before,
input[disabled]:focus + label:before,
input[disabled]:checked + label:before {
  background: #fdfdff;
  border-color: #e6e6e6;
}
input[disabled][type=checkbox] + label:after {
  color: #b5b5b5;
}
input[disabled][type=radio] + label:after {
  background: #b5b5b5;
}
/* 
 * ---------------------------------------------------------------------------------------------------------------------
 * TEXTAREA
 * ---------------------------------------------------------------------------------------------------------------------
 */
textarea {
  border: 1px solid #cecece;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  line-height: 1.5em;
  padding: 10px 13px;
  width: 100%;
  background: #f8fcff;
  color: #505050;
  font-size: 14px;
  resize: vertical;
  position: relative;
}
textarea.error {
  border: 1px solid #e93c3c;
  background: #f8fcff;
}
textarea:hover,
textarea:focus {
  border: 1px solid #62ad2c;
  background: #f8fcff;
}
textarea.wysiwyg {
  height: 400px;
}
textarea[disabled],
textarea[disabled]:hover,
textarea[disabled]:focus {
  cursor: auto;
  color: #b5b5b5;
  background: #fdfdff;
  border-color: #e6e6e6;
}
/* 
 * ---------------------------------------------------------------------------------------------------------------------
 * SELECT BOX
 * ---------------------------------------------------------------------------------------------------------------------
 */
select,
.custom-combobox {
  border: 1px solid #cecece;
  color: #505050;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 0 27px 0 13px;
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  height: 38px;
  line-height: 36px;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  background: #f8fcff url(/admin-module/image/base/select-arrow.png?{{$timestamp}}) no-repeat right 9px center;
}
select::-ms-expand,
.custom-combobox::-ms-expand {
  display: none;
}
select.error,
.custom-combobox.error {
  border: 1px solid #e93c3c;
  background-color: #f8fcff;
}
select:hover,
.custom-combobox:hover,
select:focus,
.custom-combobox:focus {
  border: 1px solid #62ad2c;
  background-color: #f8fcff;
}
select.in-table,
.custom-combobox.in-table {
  border: 0;
  padding: 0 27px 0 0;
  line-height: 38px;
  background: #fff url(/admin-module/image/base/select-arrow.png?{{$timestamp}}) no-repeat right 9px center;
}
select.in-table.error,
.custom-combobox.in-table.error {
  border: 0;
  background-color: #f8fcff;
}
select.in-table:hover,
.custom-combobox.in-table:hover,
select.in-table:focus,
.custom-combobox.in-table:focus {
  border: 0;
  background-color: #fff;
}
.custom-combobox {
  width: 100%;
  display: block;
  position: relative;
}
.custom-combobox .custom-combobox-input {
  width: 100%;
  border: 0;
  background: none;
}
.custom-combobox .ui-button {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  height: 100%;
  width: 20px;
}
select[disabled],
select[disabled]:hover,
select[disabled]:focus,
.custom-combobox {
  color: #b5b5b5;
  background: #fdfdff url(/admin-module/image/base/select-arrow-disabled.png?{{$timestamp}}) no-repeat right 9px center;
  border-color: #e6e6e6;
  cursor: auto;
}
.ui-menu {
  border: 1px solid #cecece;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: 9;
  background: #fff;
}
.ui-menu li {
  margin: 0;
  padding: 5px;
}
.ui-menu li:before {
  display: none;
}
/* 
 * ---------------------------------------------------------------------------------------------------------------------
 * LABEL
 * ---------------------------------------------------------------------------------------------------------------------
 */
label {
  color: #505050;
  font-size: 14px;
  font-weight: bold;
}
label.required:after,
label.required span.required {
  content: "*";
  display: inline;
  position: relative;
  margin-left: 5px;
  color: #e93c3c;
}
.required-note span {
  color: #e93c3c;
}
/* 
 * =====================================================================================================================
 * CONFIG
 * =====================================================================================================================
*/
/* 
 * =====================================================================================================================
 * CONFIG
 * =====================================================================================================================
*/
/* 
 * =====================================================================================================================
 * SPRITE
 * =====================================================================================================================
*/
/* 
 * =====================================================================================================================
 * CLEAR FIX
 * =====================================================================================================================
*/
/*
 * =====================================================================================================================
 * Default clear style for ul li
 * =====================================================================================================================
 */
/*
 * =====================================================================================================================
 * GRAYSCALE
 * =====================================================================================================================
 */
/* 
 * =====================================================================================================================
 * Font Awesome icon
 * =====================================================================================================================
*/
html {
  background-color: #f8fcff;
}
body {
  font-size: 16px;
}
a {
  color: #22aadf;
  text-decoration: none;
}
a:focus,
a:hover {
  text-decoration: underline;
}
.login-form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 280px;
  padding: 14px;
  border: 1px solid #cacaca;
  background-color: #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.login-form h1 {
  text-align: center;
  padding: 0 0 14px 0;
  font-size: 24px;
}
.login-form input[type="text"],
.login-form input[type="password"] {
  width: 100%;
}
.login-form .btn-primary {
  margin: 14px auto 0 auto;
  display: inline-block;
  position: relative;
  line-height: 38px;
  padding: 0 20px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  background: #414141;
  border: 0;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.login-form .btn-primary:visited {
  color: #fff;
}
.login-form .btn-primary:focus,
.login-form .btn-primary:hover,
.login-form .btn-primary.active {
  color: #fff;
  text-decoration: none;
  background: #414141;
}
.alert {
  position: relative;
  padding: 14px;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.alert.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.alert.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.alert.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert.alert-danger,
.alert.alert-error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.container {
  width: 100%;
  min-height: 100vh;
}
.container .flex-nowrap {
  display: flex;
  justify-content: space-between;
  min-height: 100vh;
}
.container .flex-nowrap .left-column {
  width: 250px;
  border-right: 1px solid #cacaca;
  background-color: #ffffff;
}
.container .flex-nowrap .left-column .menu {
  display: block;
  width: 100%;
}
.container .flex-nowrap .left-column .menu li {
  display: block;
  border-bottom: 1px solid #cacaca;
}
.container .flex-nowrap .left-column .menu li:last-child {
  border-bottom: 0;
}
.container .flex-nowrap .left-column .menu li a {
  display: block;
  padding: 14px;
}
.container .flex-nowrap .content {
  width: calc(100% - 300px);
  background-color: #ffffff;
  padding: 20px;
  border: 1px solid #cacaca;
  margin-top: 20px;
}
.container .flex-nowrap .content h1 {
  padding: 0 0 14px 0;
}
h1 {
  font-size: 18px !important;
  font-weight: bold;
}
table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #c6c8ca;
}
table th {
  background-color: #ffffff;
  padding: 6px 4px;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #c6c8ca;
}
table td {
  border-bottom: 1px solid #c6c8ca;
  background-color: #ffffff;
  padding: 6px 4px;
}
.button-a {
  display: inline-block;
  position: relative;
  line-height: 38px;
  padding: 0 20px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  background: #414141;
  border: 0;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.button-a:visited {
  color: #fff;
}
.button-a:focus,
.button-a:hover,
.button-a.active {
  color: #fff;
  text-decoration: none;
  background: #414141;
}