/* Default color schemes */


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

/* General */

body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: rgba(255,255,255,0.7);
    background-color: #f1f1f1;
    line-height: 1.42857143;
    overflow-x: hidden;
}

#page-wrapper {
    background: #fff;
}

/* Fonts weight */
.tabs-nav li a,
.main-header .header-nav > li > a,
.hero-heading,
.hero-text,
h1, h2, h3, h4, h5, h6,
.main-header .header-nav > li > a,
.hero-heading,
.hero-text {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

/* Top bar menu */

.bg-topbar {
    background: #fff;
    border-bottom-color: #eee;
}
/* Main header */

.bg-header {
    background: #fff;
}
.sticky-active .main-header {
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* Header subnav menu */

.main-header .header-nav > li > ul {
    background: #253035;
}
.main-header .header-nav > li > ul li a:hover {
    background: rgba(255,255,255,0.05);
    color: #dce4e8;
}

/* Inverse font color */

.hero-box.font-inverse,
.top-bar.font-inverse .float-left > a,
.top-bar.font-inverse .user-profile,
.main-header.font-inverse .header-logo,
.main-header.font-inverse .header-nav > li > a,
.main-header.font-inverse .right-header-btn .search-btn a {
    color: rgba(255,255,255,0.7);
}
.top-bar.font-inverse .user-profile:hover,
.top-bar.font-inverse .float-left > a:hover,
.main-header.font-inverse .right-header-btn .search-btn a:hover,
.main-header.font-inverse .header-nav > li > a:hover {
    color: rgba(255,255,255,0.9);
}
.top-bar.font-inverse .user-info span,
.thumb-heading.font-inverse {
    color: #000;
}
.main-header.transparent {
    margin-bottom: -74px;
}

.login-header{
  vertical-align: middle;
  background-color: rgb(18,45,43);
  height: 50px;
  width: auto;
}

.login-header-labels{
  vertical-align: middle;
  float:left;
  padding-left: 45px;
}

.titleSXKM{

color:#002d26;
font-size:40px;
font-family:'colfax-light';
}

.fieldCotiza{
    color: #4f4f4f;
    font-weight: bold;
    font-size: 14px !important;
    padding: 10px;
    border: 2px solid #4f4f4f;
    border-radius:2px;
}

.fieldCotizaWhite{
    color:#fff !important;
    font-weight: bold;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #fff !important;
    border-radius:2px;
}

.fieldCotiza::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #4f4f4f !important;}

.fieldCotiza:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #4f4f4f !important;
   opacity:  1;
}
.fieldCotiza::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #4f4f4f !important;
   opacity:  1;
}
.fieldCotiza:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #4f4f4f !important;
}
.fieldCotiza::-ms-input-placeholder { /* Microsoft Edge */
   color:    #4f4f4f !important;
}

.fieldCotizaWhite::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff !important;}

.fieldCotizaWhite:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff !important;
   opacity:  1;
}
.fieldCotizaWhite::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff !important;
   opacity:  1;
}
.fieldCotizaWhite:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff !important;
}
.fieldCotizaWhite ::-ms-input-placeholder { /* Microsoft Edge */
   color:    #fff !important;
}

.arrow-down {

  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;

  border-top: 30px solid #fff;
}
/* Responsive */

@media only screen and (max-width: 56.25em) {
    .main-header .header-nav > li > ul li a:hover {
        color: #1c82e1;
    }
    .main-header .header-nav .header {
        color: #fff;
            background: #12312b;
    /*  background: #00bca4;*/
    }
    .main-header .header-nav {
        border-color: #dfe8f1;
    }
    .main-header .header-nav > li > ul {
        background: rgba(37, 48, 53, 0.03);
    }
    .main-header .header-nav > li > ul li a:hover {
        background: #fff;
    }
}