/* 
    Created on : Aug 9, 2017, 12:39:07 PM
    Author     : Josh
*/

body {
    font-family:  Arial,Helvetica,sans-serif;
    background-color: #f9f9f9;
    color: #666666;
}

.block {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	margin-top: 70px;
	padding: 50px;
}

@media all and (max-width: 35em) {
	.block { padding: 20px; }
}

#container {
	padding: 10px;
    padding-bottom: 25px;
    margin-top: 50px;
}

#logo {
    width: 187px;
}

#email_input {
    margin: 0 auto;
}

.bottom-gutter {
    margin-bottom: 10px !important;
}

.bottom-gutter-2x {
    margin-bottom: 20px !important;
}

.btn-primary {
    background-color: #49afcd !important;
    border-color: #49afcd !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active:focus {
    text-decoration: underline;
}

.btn-info {
    background-color: #FFF !important;
    border-color: #00ade9 !important;
    color: #00ade9 !important;
}

.btn-info:hover {
    text-decoration: underline;
}

.btn-info:focus, .btn-info:active:focus {
    outline: unset;
}

.validate-input {
    position: relative;
    width: 100%;
    display: block;
}

.input-cross:before {
    font-family: FontAwesome;
    right: 10px;
    top: 6px;
    content: "\f00d";
    color: red;
    position: absolute;
    z-index: 1;
}

.input-tick:before {
    font-family: FontAwesome;
    right: 10px;
    top: 6px;
    content: "\f00c";
    color: green;
    position: absolute;
    z-index: 1;
}

.input-error {
    border-color: #fb7e7e !important;
}

.input-correct:focus {
    border-color: #53c328 !important
}

.funkyradio label {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #D1D3D4;
    font-weight: normal;
}

.funkyradio input[type="radio"]:empty {
    display: none;
}

.funkyradio input[type="radio"]:empty ~ label {
    position: relative;
    color: #777;
    line-height: 2.5em;
    text-indent: 3.25em;
    margin-top: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content:'\2715';
    text-indent: .9em;
    color: #C2C2C2;
    width: 2.5em;
    background: #D1D3D4;
    border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before {
    content:"\2715";
    text-indent: .9em;
    color: #C2C2C2;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label  {
    color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label:before {
    content:"\2714";
    text-indent: .9em;
    background-color: #ccc;
}

.funkyradio input[type="radio"]:checked ~ label {
    color: #777;
    border-color: #00ade9;
}

.funkyradio input[type="radio"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before {
    color: #fff;
    background-color: #00ade9;
}

.info-primary {
    color: #fff;
    background-color: #00ade9;
    border: 1px solid #009ad0;
    padding: 5px;
    text-align: center;
}

/* reCAPTCHA style */
.rc-anchor-compact-footer {
    display: none !important;
}

@media (max-width: 767px) {
    body {
        padding-top: 10px;
    }
}

.app-logo {
    width: 95%;
    padding: 5%;
    border: 2px solid #e0e0e0;
    border-radius: 15%;
}

.app-container {
    font-size: 16px;
}

#account_heading {
    background: #00ade9;
    color: white;
    padding: 10px 0px 10px 20px;
    font-weight: 600;
    font-size: 16px;
}

#webformed_heading {
    color: #ffffff;
    background-color: #00a9d8;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10;
}

#logged_in {
	position: absolute;
	right: 25px;
	top: -1px;
	z-index: 100;
	background-color: #fff;
	padding: 3px 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: .9em;
	border: 1px #00a9d8 solid;
	color: #666666;
}

#logged_in a {
	color: #666666;
}

.primary-blue-text {
    color: #00ade9;
}

.dash-window {
    background: #f3f3f3;
    border: 1px solid #e0e0e0;
    padding: 15px;
}

.dash-window h2, .dash-window h3, .dash-window h4 {
    margin-top: 0;
}

.dash-window h4 {
    margin: 0;
}

.dash-window hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 1px solid #bbbbbb;
}

.setting-container-item {
    background: #e8e8e8;
    padding: 15px 5px 5px 5px;
    border: 1px solid #d8d8d8;
}

.dash-item-title {
    padding: 10;
    margin: 0;
    color: white;
}

.btn.disabled:hover, .btn[disabled]:hover{
    text-decoration: none;
}

a {
    color: #00ade9;
    text-decoration: none;
}

a:focus, a:hover {
    color: #00ade9;
    text-decoration: underline;
}

.btn-alt {
    background-color: #00a9ab !important;
    border-color: #009496 !important;
    color: #ffffff !important;
}

.btn-alt:hover {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .text-right-sm {
        text-align: right;
    }
}

.modal-content {
    webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
    border-radius: 0 !important;
}

.modal-header {
    border-radius: 0 !important;
}

@keyframes animatestripe {
    0% { background-position: 0 0; }
    100% { background-position: 80px 80px; }
}

.stripe-loading {
    background-image: repeating-linear-gradient(
 -45deg,
 rgba(255, 255, 255, 0.5) 25%,
 transparent 25%,
 transparent 50%,
 rgba(255, 255, 255, 0.5) 50%,
 rgba(255, 255, 255, 0.5) 75%,
 transparent 75%
 );
    background-size: 80px 80px;
    display: block;
    width: 100%;
    animation: animatestripe 1s linear infinite;
}

#user_info_form {
    margin-bottom: 0;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fdeae1;
    border-color: #f9c4a3;
}

.alert-success {
    color: #3c763d;
    background-color: #e9f5ca;
    border-color: #9ac331;
}

.alert-info {
    border-color: #89d8ff;
}