﻿#fontFix {
    position:absolute;
    top:0;
    left:0;
    width:50px;
    height:50px;
    overflow:hidden;
    visibility:hidden;
    font-family:'Roboto Slab';
}

.commingsoon{
    font-family: 'Roboto Slab';
    font-weight:200;
    font-size:30px;
    line-height:40px;
    text-align:center;
    position:absolute;
    left:0;
    right:0;
    top:50%;
    margin-top:-20px;
    padding-left:20px;
    padding-right:20px;
}

.commingsoon .highlight {
    font-size:40px;
    position:relative;
}

a.highlight {
    color: #666;
    font-weight: 300;

    -moz-user-select: all;
    -ms-user-select: all;
    -webkit-user-select: all;
    user-select: all;
}

.commingsoon .highlight i{
    color:#666;
    /*position:absolute;
    left:-55px;*/
}

.commingsoon .details{
    padding-top:10px;
    font-size:20px;
    line-height:25px;
}

.commingsoon .details a {
    color: #666;
    font-weight: 300;
}

.checkboxlable {
    font-size:16px;
    font-weight:400;
    padding:2px 0;

    font-family: 'Roboto Slab', serif;
    font-size: 14px;
}

.checkboxlable span{
    cursor:pointer;
    white-space:nowrap;
}

.checkboxlable .labeltext{
    padding:3px;
    font-size:14px;
}

.checkboxlable .default {
    opacity: 0.5;
}

.options .optionsitem {
    padding:4px;
    position:relative;
}

.options .seperator{
    height:6px;
}
.options .optionsitem .label {
    font-size:14px;
    font-weight:400;
    position:absolute;
    padding:0 2px;
    left:8px;
    color:#AEAEAE;
    font-family: Roboto Slab,arial,sans-serif;
}

.note .options .optionsitem .label {
    font-size:14px;
    font-weight:400;
    color:#AEAEAE;
    font-family: Roboto Slab,arial,sans-serif;

    background-color:#F5F5F5;
}



.options .optionsitem .element{
    margin-top:10px;
    padding:5px;
    padding-top:10px;
    border:1px solid #d8d8d8;
    border-radius:1px;
}

.upload.options .optionsitem .label {
    font-size:14px;
    font-weight:400;
    color:#AEAEAE;
    font-family: Roboto Slab,arial,sans-serif;

    background-color:#E8E8E8;
}

.upload.options textarea{
    width: 99%; 
    max-width: 99%; 
    min-width: 99%; 
    height: 300px;
    outline:none;
}

.uploaddetails div {
    padding:2px;
    color:#666;
}

.uploaddetails {
    padding:4px 0;
}


/*Android like input*/
/*    
.inputwrapper:hover{
  position: relative;
}
.inputwrapper:hover input[type="text"], .inputwrapper:hover textarea{
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid rgba(86, 86, 86, 0.47);
  
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  

    font: inherit;
    background:transparent;

    overflow:hidden;
    resize: none;

    _padding:0 2px 2px 2px;


  width: 100%;
}
.inputwrapper:hover:before, .inputwrapper:hover:after{
  content:'';
  display: block;
  
  position: absolute;
  bottom: 1px;
  
  height: 6px;
  border-left: 1px solid rgba(86, 86, 86, 0.47);
}
.inputwrapper:hover:before{
  left: 0;
}
.inputwrapper:hover:after{
  right: 0;
}
*/

.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}