.badgebox{ opacity: 0; }
.badgebox + .badge{ text-indent: -999999px; width: 27px;}
.badgebox:focus + .badge{ box-shadow: inset 0px 0px 5px; }
.badgebox:checked + .badge{ text-indent: 0; color:black; }
html,body{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7fbfc+0,d9edf2+40,add9e4+100 */
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
    width: 100%;
    height: 100%;
    background-repeat:  no-repeat;
    background-attachment: fixed;
    background-size:  cover;
}
body{
    position: relative;
    margin: 0;
    padding-bottom: 6rem;
    min-height: 100%;
}
.form-control{ font-weight:bold;}
.paybackAmtBlockEstimate{ background: yellow; border: black 1px inset;
    position: fixed !important;
    top: 100px;
    right: 5px;
    height: 112px;
    width: 220px;
    overflow-y: auto;
    z-index: 10000;}
.paybackAmtBlockEstimateCalculator{ background: yellow; border: black 1px inset;}
.footer { position: absolute; right: 0; left: 0; padding: 1rem; background-color: #d3d5d6; text-align: center; font-weight:400; }
.strikethrough{text-decoration: line-through;}
.italic{ font-style: italic; }

tr.strikethrough td { position:relative }
tr.strikethrough td:before {
	content: " " !important;
	position: absolute !important;
	top: 43% !important;
	left: 0 !important;
	border-bottom: 3px dashed #111 !important;
	width: 100% !important;
}
tr.strikethrough td:after {
	content: "\00B7" !important;
	font-size: 1px !important;
}
.green{color:green;}
.navbar-brand{ padding: 7px 15px;}

.loader {
    margin:auto;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.7);
    overflow-x: hidden;
    transition: 0.5s;
}
.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin:auto;
}

.overlay-loader {
    position: relative;
    top: 40%;
    text-align: center;
    margin:auto;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
a{color:#6b5e50;}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.medicalFieldCol {
    width: 250px;
}

.modal-backdrop {
    background-color: rgba(0,0,0,.5) !important;
}

/* Portrait and Landscape */
@media only screen
    and (max-device-width: 900px) {

    html.touch #signaturecontent{float:none !important; width:100% !important;}
    #scrollgrabber{display:none;}
}