/* ------------- #1 : Fontface ----------- */
@font-face {
    font-family: 'WorkSans';
    src: url('../fonts/worksans/WorkSansRegular.eot');
    src: url('../fonts/worksans/WorkSansRegular.eot') format('embedded-opentype'),
         url('../fonts/worksans/WorkSansRegular.woff2') format('woff2'),
         url('../fonts/worksans/WorkSansRegular.woff') format('woff'),
         url('../fonts/worksans/WorkSansRegular.ttf') format('truetype'),
         url('../fonts/worksans/WorkSansRegular.svg#WorkSansRegular') format('svg');
	font-weight:400;
	font-style:normal;	
}
@font-face {
    font-family: 'WorkSans';
    src: url('../fonts/worksans/WorkSansBold.eot');
    src: url('../fonts/worksans/WorkSansBold.eot') format('embedded-opentype'),
         url('../fonts/worksans/WorkSansBold.woff2') format('woff2'),
         url('../fonts/worksans/WorkSansBold.woff') format('woff'),
         url('../fonts/worksans/WorkSansBold.ttf') format('truetype'),
         url('../fonts/worksans/WorkSansBold.svg#WorkSansBold') format('svg');
	font-weight:700;
	font-style:normal;	
}
@font-face {
    font-family: 'WorkSans';
    src: url('../fonts/worksans/WorkSansSemiBold.eot');
    src: url('../fonts/worksans/WorkSansSemiBold.eot') format('embedded-opentype'),
         url('../fonts/worksans/WorkSansSemiBold.woff2') format('woff2'),
         url('../fonts/worksans/WorkSansSemiBold.woff') format('woff'),
         url('../fonts/worksans/WorkSansSemiBold.ttf') format('truetype'),
         url('../fonts/worksans/WorkSansSemiBold.svg#WorkSansSemiBold') format('svg');
	font-weight:600;
	font-style:normal;		 
}


/* ------------- #1 : General Style ----------- */

body{font-family: 'WorkSans';}
.chromebook-wrapper{max-width: 1280px; height: 100vh; margin: auto; position: relative;}
.chromebook-wrapper.landing{padding:50px;}
.site-logo-text h2{ font-size:70px; color:#073979; font-weight:600; letter-spacing:-3px; text-align:center;}
.site-logo-text h2 span{color:#ff9325;}
.register-btn{ margin-top:2rem; margin-bottom:2rem;}
.text-default{ color:#bababa !important;}
.text-primary{ color:#073979 !important;}
.btn-warning{ background-color:#ff9426; border-color:#ff9426;}
.btn-warning:hover,.btn-warning:focus{ background-color:#fe8911; border-color:#fe8911;}

.btn-primary{ background-color:#073979; border-color:#073979;}
.btn-primary:hover,.btn-primary:focus{ background-color:#083268; border-color:#083268;}
.btn-lg{ font-size:26px;}
.btn-md{ font-size: 16px;}
.landing-login .card{ transition:0.3s ease-in-out;}
.landing-login .card,.landing-login .card .card-img{ border-radius:0;}
.landing-login .card-body{ color:#ffff; background:#073979; }
.landing-login .card:hover{ box-shadow:0 0 40px 0 rgba(0,0,0,0.20); -webkit-box-shadow:0 0 40px 0 rgba(0,0,0,0.20);}
.landing-login .card-body a{ font-size:24px; color:#fff;}
.landing-login .card-body i{ font-size:34px; cursor:pointer; }
.tooltip.fade.in{ opacity:1;}
.tooltip{ font-size:14px;}
.tooltip-inner {
    max-width: 300px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
    font-size:14px;
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before, .tooltip.bs-tooltip-top .arrow:before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before, .tooltip.bs-tooltip-bottom .arrow:before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}