/*
* Weblab main app style
* Typhoon HIL web team
*/

/*** Base layout style ****/

body {
    background: #fff;
    font-family: Lato, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif !important;
}

#page-container {
    width: 100%;
    height: 100%
}

#page-wrap {
    min-height: 100%;
    font-family: Lato, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif !important;
}

.wrap p {
    font-family: Lato, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif !important;
    font-size: 16px;
    font-weight: 300;
}

#heading-logo {
    padding-top: 30px;
    text-align: center
}

#heading-logo img {
    display: block;
    margin: 0 auto;
}

#heading-logo p {
    display: inline-block;
    font-size: 26px;
    padding-top: 25px;

}

.heading-text {
    color: #999a9a;
    font-weight: 300 !important;

}

.typhoon-navbar {
    background: #fff;
    display: block;
    width: 100%
}

.typhoon-navbar ul li {
    padding: 45px
}

.typhoon-navbar ul li a {
    font-size: 12px;
    font-style: normal
}
.weblab-active {
    color:#e90c17 !important;
}
.footer {
    position: relative;
    clear: both;
    padding-top: 25px
}

.txt-footer {
    text-align: center;
    color: #c0c0c0;
    font-size: 13px
}
.links {
    color:#E90C17;
    font-weight: 300;
}
body .modal {
    background: #ffffff;
    border: 2px solid #808080;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    width: 700px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -350px;

}
body .modal.fade.in {
    top:25%
}
body .modal-header {
    border: none;
}
body .modal-body {
    padding: 55px 35px 80px 35px;
    text-align: center;
    color:#777;
    font-family: Lato, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif !important;
    font-size: 15px;
    font-weight: 300 !important;
}

/***** Add Fonts ******/
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(//themes.googleusercontent.com/static/fonts/lato/v6/boeCNmOCCh-EWFLSfVffDg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(//themes.googleusercontent.com/static/fonts/lato/v6/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(//themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}


/****** Login page ******/

#login-container {
    padding-top: 85px
}

#login-container .alert {
    border-radius: 0
}
#login-container hr {
    width: 45%;
    margin: 0px auto;
    border-top:1px solid #c0c0c0;
    border-bottom: 2px solid #eeeeee;
}
.form-holder {
    padding: 42px 0 20px 0;
}
.typhoon-form input {
    border-radius: 0;
    background: #eee;
    border: 1px solid #c0c0c0;
}

.typhoon-form label {
    color: #777;
    margin:25px 0px 12px 0px;
    font-size: 20px;
    font-weight: 300;
}
.typhoon-form input:focus {
    border-color: rgba(215, 44, 44, 0.5);
    box-shadow: 0 1px 1px rgba(215, 44, 44, 0.3) inset, 0 0 8px rgba(215, 44, 44, 0.3);
    outline: 0 none;}

.btn-login {
    background: none;
    color: #E90C17;
    border: none;
    font-size: 20px;
    font-weight: 300;
    outline: none;

}
.btn-login:active :visited:hover {
    border: none;
}
.form-buttons {
    margin: 20px 0 0 0 ;
}

.login-form-subscription-holder {
    margin: 50px 0 10px 0;
    font-size: 15px;
    color: #777;
    text-align: center;
    font-weight: 300;
}

.login-form-subscription-holder a {
    color: #E90C17;
    font-size: 16px;
}
.errorlist {
    margin:0 0 8px 15px;
    font-size: 13px;

}
/****** Register page ******/

.links {
    color:#E90C17;
    font-weight: 300;
    font-size: 15px;
}
.links:hover{
    color:#E90C17;
}

/****** Base template style ******/
.header{
    text-align: center;
}
.header-holder {
    text-align: center;
    margin-top: 40px;
}
#header-navigation {
    padding:0px;
}
#header-logo {
    z-index: -999;
    position: absolute;
    margin-top: -20px;

}
#logo{
    text-align: center;
    margin: 0px auto;
}
.logo-navigation {
    visibility: hidden;
    display: none;
}
.navigation {
    background: none !important;
    border: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}
.navigation ul {
    float:none!important;
}
.navigation ul li {
    float: none !important;;
    display: inline-block !important;;
    vertical-align: top;
}
.navigation ul li a {
    float: none;
    padding:  16px 76px 0px !important;
    text-decoration: none;
    font-size: 12px;
    color: #404040;
    font-weight: 300 !important;
    outline: none;
}
a {
    outline: none;
}
:focus {
  -moz-outline-style: none;
}

/****** Toolchain page ******/
.wrap {
    padding-top: 30px;
}
.list-item {
    text-align: center;
}
.list-item:hover{
    cursor: pointer;

}
.list-item-name {
    padding: 20px 0 10px 0;
    width: 100%;
    display: inline-block;
    margin:0px auto;
    text-align: center;
    font-size: 14px;
    color: #000;
    font-weight: 300;
}
.list-item-description {
    font-size:12px;
    font-weight: 300;
    color: #000;
    display: inline-block;
    width: 100%;
    text-align: center;
}
/* responsive fixes */
@media (min-width: 320px) and (max-width: 979px) {

    #login-container hr {
        width: 100%;
    }
    body .modal {
        width: auto;
        height: auto;
        margin-left: auto;
    }
}