/* The Modal (background) */
.modalvideosSCC {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 105px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modalsupportSCC {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 105px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content-videosSCC {
   background-color: rgba(245, 245, 245, 0.95);
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
	max-width: 1200px;
}
.modal-content-supportSCC {
   background-color: rgba(245, 245, 245, 0.95);
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
  width: 100%;
	max-width: 1000px;
}

/* The Close Button */
.closevideoSCC {
    color: #b41d8d;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.closevideoSCC:hover,
.closevideoSCC:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.closesupportSCC {
    color: #b41d8d;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.closesupportSCC:hover,
.closesupportSCC:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.sccloaddemo{
    height: 55px!important;
    width: 200px;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    padding-left: 30px!important;
    margin-top: -15px;
}

/* Wordpress Google Fonts admin style */
.webfonts-selections{
	disccay:none;
}
.webfonts-variants .variant-items,
.webfonts-subsets .subset-items{
	border:1px solid #ccc;
	margin:10px;
	padding:5px;

}
.googlefont-block{
	padding:20px;
	margin-bottom:20px;
	border:1px solid #ccc;
	clear:both;
	overflow:hidden;
	position:relative;
}
.webfonts-variants,
.webfonts-subsets,
.webfonts-usage,
.webfonts-css{
	float:left;
	width: 44%;
	margin-right:3%;
}
.webfonts-subsets.single{
	disccay:none;
}
.webfonts-css textarea{
	width: 96%;
	height: 100px;
}
#googlefonts_options .slight{
	font-style:italic;
	color:#ccc;
}
.googlefont-block .gfspinner{
	background:url('../images/spinner.gif') no-repeat 0 0 scroll transparent;
	height:60px;
	width:60px;
	position:absolute;
	left:50%;
	top:10px;
	z-index:1;
	disccay:block;
}
.googlefont-block .button-primary{
	margin-top:10px;
}
.scc-h2
{
    margin-top: 1px;
    padding: 0px;
}
.scc-options
{
    display: none;
}

.purple_bar, .scc_button
{
  background: #b41d8d;
  padding: 10px;
  margin-left: 23px;
  font-size: 18px;
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 10px;
  max-width: 830px;
  width: 83%;
}
.scc_button
{
    min-width: 100px;
    width: auto;
    padding: 25px 25px;
    border-radius: 0px;
    text-decoration: none !important;
    font-size: 16px;

}
.title-divider {
    border: solid 2px;
    width: 200px;
    border-color: #b41d8d;
	margin: 0px;
	margin-top:5px;
}
.scc_button:hover, .scc_button:active {
    color: #fff;
}
label.scc_label
{
    float: left;
    padding-top: 20px;
    margin-right: 3px;
    padding-left: 20px!important;
    font-weight: 500;
}


/* Mike's custom stuff */



.hover_img a { position:relative; }
.hover_img a span { position:absolute; display:none; z-index:99; }
.hover_img a:hover span { display:block; }


/* text boxes */



.input_pad
{
    padding:5px;
     border: 1px solid #ddd;
     box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    border-radius: 5px;
    margin-right:5px;
}



#totalPrice
{
    margin-left: 40px; font-weight: bold;
    font-size: 1.5rem;
    padding-top: 5px;
}

.warning, #themainwarning
{
    color: #a00;
    font-weight: bold;
}

.forms2edit
{
    background: #fff;
    border: 1px solid #bbb;
    border-radius: 5px;
    margin-top: 5px;
    margin-left: 5px;
    padding: 5px;
    padding-top: 0px;
    min-height: 270px !important;
}
.forms2edit_a
{
    text-decoration: none;
    font-size: 16px;
}

.crossnadd
{
    text-decoration: none;
    font-weight: bold;
    color: #b41d8d;
    font-size: 13px;
	background-color: rgba(255,0,0,0.0);
}
.crossnadd2
{
    text-decoration: none;
    font-weight: bold;
    color: #b41d8d;
    font-size: 20px;
	background-color: rgba(255,0,0,0.0);
}
.edith2{
    background: #e0e0e0;
    padding: 10px;
    width: 100%;
}
.yesnoeditscc
{
    display: none;
    font-weight: bold;
    color: #a00;
}
.yesnoeditINN

{
    cursor: pointer;
}

.totalPrice
{
    font-weight: bold;
    font-size: 1.5em;
}

.scc_select {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: white;
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    min-width: 83%;
}
fieldset
{
    border: 0 none !important;
}

.slider .tooltip-inner {
    white-space: nowrap;
    max-width: none;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}
#scc-demover
{
     font-weight: bold;
     color: #a00;
     display: none;
}
.free_version
{
    font-size: 16px;

    color: #222;
}
