/* TEMPLATE STYLES 
main {
    margin-top: 3rem;
}
main .card {
    margin-bottom: 2rem;
}
@media only screen and (max-width: 768px) {
    .read-more {
        text-align: center;
    }
}
*/

html,body,.view {height: 100%;}

.hide-element {
  display: none;
}

.watermark {
    color: #E9E9E9;
    float: right;	
}

.card:after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 50px;
  color: #E9E9E9;
  bottom: -10px;
  right: 10px;
  z-index: 1;
}

.icon-server:after{content: "\f233";}

.icon-cloud:after{content: "\f0c2";}

.inner {
  position: relative;
  z-index: 2;
  padding: 10px;
}

h4 {font-size: 1.4rem;}

.card-block {}	

body {background-color: #F9F9F9;}

body {
    margin: 0px;
    background-color: #46a5c5;
    background-image: url('../images/logo/hero.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: static;
    left: auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    text-align: left; 
    height: 100%; 
}

.container {background-color: #FFFFFF;}

.inner .card-text {font-size: .83rem;}

.inner .card-title {margin-bottom: .25rem;}

.icon-server:hover{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}

.title {
    position: relative;
    min-height:3rem;
}

.title h3 {
    color:#ed2e25;
    position: absolute;
    bottom: 0;
    left: 0;
}

.title .more {
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom:.5rem
}

.title .more a:hover {text-decoration:underline;}

.hidden{display: none;}

h1,h2 {
    margin-bottom: .25rem;
    margin-top: 1rem;
}
	
h1 .red{
    color:#ed2e25;
    background-color: transparent !important;}

h1 .gold{color:#ffc323;}

hr {margin-top: .25rem;}

.logo {margin: 5px 25px;}

.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;	
}

.btn {
    color: #373a3c;
    margin: 5px 0;
}

.btn-default {
    background-color: #FFC423;
    color: #373a3c;	
}

.btn-default:hover, .btn-default:focus {
    background-color:#ffd35a !important;
    color: #373a3c;
}

.btn:hover {color: #373a3c;}

.nav-tabs {border:none;}

.tab-card {
    position: relative;
    display: block;
    margin-bottom: .75rem;
    background-color: #fff;	
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 }
 
 .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
    color: #55595c;
    background-color: #fff;
    border: none;
    border-top: 3px solid #ed2e25;	
    box-shadow: 0 5px 0 #fff, 0 0 5px #aaa;
    position: relative;
    z-index: 88;
}

.error {
    color:#ed2e25;
    margin-bottom: 0;
    margin-top: 15px;
}

.enviornment {
    color:#4285f4;
    margin-bottom: 0px;
    margin-top: 15px;
}

.instructions {color:#ed2e25;}

.pull-right{float:right;}

.tabs-2 li {width:50%}

.nav-tabs .nav-item {
    padding-left: 0;
    padding-right: 0;	
}

.nav-tabs .nav-item + .nav-item {margin-left:0;}

.checkbox label {
    font-weight:300px;
    color: grey;	
}

.checkbox input[type="checkbox"]{margin-right: .25rem;}

.ta-left {text-align:left;}

.ta-right {text-align:right;}

.ta-center {text-align:center;}

.small, small {
    font-size: 80%;
    font-weight: 300;
}

small a:hover {text-decoration: underline !important;}

.max360 {max-width:360px;}
.max360 td {text-align: center;}

/*** Construction Cloud Product Display Boxes ***/

.gutter {padding: 0 1rem;} 

.boxy {
    padding: 1.8rem;
    box-shadow: 0 0px 2px rgba(0,0,0,0.2);
} 

.disc {
    color: #ffffff;
    background-color: #4285f4;
    border-radius: 125px;
    padding: 10px;
    margin-bottom: -1.6rem;
} 

/*** Custom Checkboxes & Radios***/

input[type=checkbox], 
input[type=radio] { 
    position: absolute;
    z-index: -1;
    opacity: 0;
 }

input[type=checkbox] + label:before,
input[type=radio] + label:before  {
    font-family: FontAwesome;
    display: inline-block;
    width: 20px;
    line-height: 20px;
    margin-right: .8rem;
    cursor: pointer;
    background-color: #f0f0f0;
    content: "\f00c";
    box-shadow: inset 0 0px 2px rgba(0,0,0,0.2);
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;	
    -o-transition: all 0.30s ease-in-out;
    -webkit-transform: rotateY(180deg); /* Safari */
    transform: rotateY(180deg); /* Standard syntax */
} 

input[type=radio] + label:before {
    content: "\f111";
    border-radius: 99px;
}

input[type=checkbox] + label:before {
    content: "\f00c";
} 

input[type=checkbox] + label:hover:before,
input[type=radio] + label:hover:before {
    box-shadow: inset 0 0px 4px rgba(0,0,0,0.4);
}

input[type=checkbox] + label:before,
input[type=radio] + label:before {
    color: transparent;
}

input[type=checkbox]:checked + label:before,
input[type=radio]:checked + label:before {
    color: #4285f4;
    -webkit-transform: rotateY(0deg); /* Safari */
    transform: rotateY(0deg); /* Standard syntax */	
} 

#rememberChoice + label {
    font-size: .9rem;
    color: #666666;
}


/* watermark logo */
#whitelogo {
  position: absolute;
  width: 100px;
  margin: 10px;
  bottom: 0;
  right: 0;
  opacity: 0.5;
}

.login-section {
  display: none;
}
.disclaimer-section {
  display: none;
}

.card-block.disclaimer {
  max-width: 600px;
}
.card-block.disclaimer div {
  max-height: calc(100vh - 350px);
  font-size: .85em;
}

.card-block.disclaimer p {
    margin: 1em 0;
    text-align: left;
}

.card-block.disclaimer img {margin: auto;}

.card-block.disclaimer ul, 
.card-block.disclaimer li {
    text-align: left;
    margin: 1em;
    list-style-type: decimal;
}

.card-block.disclaimer button {
  margin: 1.25em 0;
}