﻿/*font-family: 'Source Sans Pro', sans-serif;*/
html, body, a, p, input, h1, h2, h3, h4, h5, h6, label, span, button, textarea, ul, li {
    font-family: 'Source Sans Pro', sans-serif;
}

html, body{
    height:100%;
}
body {
    color: #343a40;
    font-size:16px;
}

a{
    text-decoration: none;        
    color: #000;
}

.alert-dark, .alert-secondary {
    color: #000;
    background-color: #eaeaea;
    border-color: #dedede;
}

h1{    
    font-weight:300;
    font-size: 38px;
    color: #343a40;
}
.btn.btn-primary{    
    background-color: #2abdf3;
    border-color: #2abdf3;
}
.btn.btn-default {    
    background-color: #fff;
    color: #37c2ef;
}

.btn.btn-default:hover{
    background-color: #eaeaea;
    border-color:#CCC;
}

body.outer-page{
    background: #37c2ef;
    /*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#37c2ef), to(#B94694));*/
    background: -webkit-linear-gradient(left top, #37c2ef, #B94694);
    background: -moz-linear-gradient(bottom right, #37c2ef, #B94694);    
    background: -o-linear-gradient(bottom right, #37c2ef, #B94694);
    background: linear-gradient(to bottom right, #37c2ef, #B94694);
}

body.outer-page > .bg-corner{
    background-image:url(../Content/Images/corners.png);
    background-position:right top;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    right:0;
    width:300px;
    height:299px;
    z-index:0;
}

/*LOGIN [START]*/

.panel.login-panel{
    margin:0 auto;
    max-width:480px; 
    margin-top:10%;
    /*box-shadow:1px 1px 7px -4px #000;*/
}

.panel.login-panel > .panel-body{    
    padding-bottom:0;
    background-color:rgba(255, 255, 255, 0.14);
    padding:20px;
    margin-top:25px;
    text-align: center;
}

.panel.login-panel > .panel-body .outlook-login
, .panel.login-panel.auth-msg > .panel-body .auth-action {
    text-align:center;
}

.panel.login-panel > .panel-body .outlook-login button.btn-primary
, .panel.login-panel > .panel-body button.btn-primary.btn-windows {
    /*min-width: 300px;
    background-color: #a8bdd4;
    border-color: #a8bdd4;
    font-size:15px;*/
    min-width: 300px;
    background-color: #6f6f6f;
    border-color: #a0a0a0;
    font-size: 15px;
    cursor: pointer;
    color: #c4fffa;
}

.panel.login-panel > .panel-body .outlook-login button.btn-primary:hover
, .panel.login-panel > .panel-body button.btn-primary.btn-windows:hover{    
    /*background-color: #99acc1;
    border-color: #cacaca;*/      
    background-color: #99acc1;
    border-color: #cacaca;
}

.panel.login-panel > .panel-body button.btn-primary .fa {
    margin-right:3px;
}

.panel.login-panel > .panel-heading{    
    text-align:center;
}

.panel.login-panel.auth-msg{
    color: #FFF;
    min-width:530px;
}

.panel.login-panel.auth-msg .auth-msg-text{
    font-size: 16px;
    font-weight: 600;    
}

.panel.login-panel.auth-msg .panel-body p {
    font-size:14px;
}

.panel.login-panel.auth-msg .auth-action .btn.btn-default {
    min-width: 140px;    
    cursor:pointer;
}

.login-panel .control-label{
    font-weight:normal;
    font-size:12px;
    color:#777;
}

.error-page {
    background-color:#EEE;    
}
.error-page .error-page-container{
    position:absolute;
    top: 40%;
    left: 35%;
    text-align: center;
}

.error-page .page-title {
    line-height:48px;
}
.error-page .page-title .fa{
    font-size: 33px;
    margin-right: 19px;
    color: #8c8c8c;
}

.error-page .error-page-details, .error-page .error-page-footer{
    margin-top:20px;
}

.error-page .error-page-footer .btn.btn-default{
    border-color:#dcdcdc;
    font-size:12px;
    color: #adadad;
}

.error-page .error-page-details {
    font-size:12px;
}

.cd-logo{
    background-image:url(../Content/Images/Condeco_Logo_Large.gif);
    background-position: left top;
    background-repeat: no-repeat;
    width: 221px;
    height: 59px;
    margin: 0 auto;
    background-size: 220px;
    margin-bottom: 30px;
    margin-top:110px;
}


/*LOGIN [END]*/

.cd-navbar.navbar{
    padding-bottom: 3px;
    padding-top: 3px;
}

.cd-navbar.navbar .navbar-brand{
    width:127px;
}

.cd-navbar.navbar .navbar-brand img{
    width:127px;
}

.cd-navbar.navbar .navbar-nav .nav-link{
    font-size:14px;
}

.cd-navbar.navbar .nav-item a{
    font-size: 15px;
    color: #b3b3b3;
    font-weight: 300;
    text-decoration:none;
}

.cd-navbar.navbar .nav-item a .fa{
    font-size: 13px;
    font-weight: normal;
    margin-right: 3px;
    color: #b3b3b3;
}

.container-fluid.cd-container {
    height: calc(100% - 48px);
}

.tenant-view{
    height: 100%;
}

.tenant-view h1{    
    border-bottom: 1px solid #e6e6e6;
    margin: 0 -15px 0px -15px;
    padding: 20px 15px;
}

.tenant-view .cd-scrollable{
    background-color: #F1F6FA;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    height: calc(100% - 82px);
    overflow: auto;
}

.tenant-view .msg-box.alert {
    padding: 2px 2px 2px 10px;    
}

.tenant-view .msg-box.alert .alert-heading{    
    font-size: 16px;
    font-weight: bold;
}

.tenant-view .msg-box.alert > p{
    font-size: 16px;
    font-weight: 300;
    padding: 7px;
    color: #000;
}
.tenant-view .msg-box.alert.info-msgbox > p{
    margin-bottom:0;
    max-width:1200px;
}

/*.tenant-view .msg-box.alert.info-msgbox .cn-col{
    min-width:280px;
    display:inline-block;
    font-size:14px;
}*/

.tenant-view form.frm-registration{
    font-size:16px;
    font-weight: 400;
    background-color: #fff;
    padding: 0px 20px;
    border: 1px solid #EEE;
    border-radius: 4px;
}

.tenant-view form.frm-registration .fa{
    font-size: 14px;
}

.tenant-view form.frm-registration .form-group{
    margin-bottom: 0;
    margin-left: -20px;
    margin-right: -20px;
    border-top: 1px solid #eee;
    padding: 20px 0;    
}

.tenant-view form.frm-registration .form-group:first-child{
    border-top:0 none;
}

.tenant-view form.frm-registration .form-group .col-form-label{
    padding-top: 0;
    padding-bottom: 0;
    max-width: 295px;
}

.tenant-view form.frm-registration .form-group a{
    text-decoration: none;
    color: #00B7F1;
    font-weight: 600;
    padding-right: 5px;
}

.tenant-view form.frm-registration .form-group.row.warn-row{
    background-color: #ffbc58;
    color: #FFF;
    padding: 5px 0;
    font-size: 13px;
}

.tenant-view .btn.btn-primary {
    padding:3px 20px;
}
