/***********
* font-family: 'Montserrat', sans-serif;
*/


 ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
    margin:0;
    padding:0;
}

a{
    text-decoration:none;
    -moz-outline-style: none;
}

:focus,
:active {
  -moz-outline-style: none;
} 

/****** click outline removal ***/
a:active { outline: none; }

a:focus { outline:none; }

button::-moz-focus-inner { border: 0; }

input[type="submit"]::-moz-focus-inner, input[type="radio"]::-moz-focus-inner, input[type="select"]::-moz-focus-inner { border: 0; outline:none; }
/* IE8 */
input[type="submit"]:focus, input[type="radio"]:focus, input[type="select"]:focus { outline: none; }

/******** end click outline removal ***********/


.clr{
    clear:both;
}

.left{
    float:left;
}

.right {
    float:right;
}

.hidden{
    display:none;
}

/** shadow on left and right of div :) **/
.left-right-shadow{
  -moz-box-shadow: 6px 0px 10px -7px #333, -6px 0px 10px -7px #333;
  -webkit-box-shadow: 6px 0px 10px -7px #333, -6px 0px 10px -7px #333;
  box-shadow: 6px 0px 10px -7px #333, -6px 0px 10px -7px #333;
}
/** shadow on left and right of div and not on top :) **/
.left-right-notop-shadow{
  -moz-box-shadow: 6px 1px 7px -7px #333, -6px 0px 7px -7px #333;
  -webkit-box-shadow: 6px 0px 7px -7px #333, -6px 0px 7px -7px #333;
  box-shadow: 6px 0px 7px -7px #333, -6px 0px 7px -7px #333;
}

.error{
    color:#ff0000;
    font-family:arial;
    font-size:12px;
    text-align:center;
}
 
 html { 
     height: 100%; 
     background:#ddd;
 }
 
 #wrapper{
     margin:0px auto 0;
     text-align:left;
     width:1000px;
     position:relative;
 }
 
 #login_area{
     width:440px;
     margin:0 auto;
     position:relative;
 }
 
 a#show_pass{
     position:absolute;
     top:230px;
     right:55px;
     font-size:14px;
     color:#888;
     text-decoration:underline;
 }
 
 #login_area .error{
     margin-bottom:10px;
 }
 
 #logo{
     margin:0 auto;
     display:block;
 }
 
 .green_wrapper{
     padding:20px 40px 50px 40px;
     -moz-border-radius:2px;
     border-radius:2px;
     -webkit-border-radius:2px;
     background:#e6e7e9;
     box-sizing:border-box;
 }
 
 .green_wrapper h3{
     text-align:center;
     font-size:24px;      
     font-family: 'Montserrat', sans-serif;
     color:#333;                                                                   
     padding:12px 0;
     font-weight:normal;
 }    
                       
 .login_form label{
     font-size:14px;
     font-family: 'Montserrat', sans-serif;
     color:#000;
     font-weight:300;
     margin:0 0 4px 0;
     padding-left:5px;
     display:block;
 }
 
 .login_form input[type="text"],
 .login_form input[type="password"]{
     padding:15px 10px;
     box-sizing:border-box;
     border:1px solid #dcdcdc;
     background:#fff;
     width:100%;
     margin:0 0 15px 0;
     -moz-border-radius:3px;
     border-radius:3px;
     -webkit-border-radius:3px;
 }
 
 .login_form p{
     font-size:14px;
     color:#000;
     font-family:arial;
 }
 
 .login_form a.forgot{
     text-align:center;
     color:#38393d;
     font-family:arial;
     font-size:14px;
     display:block;
 }
 
 .login_form a.forgot:hover{
     text-decoration:underline;
 }
 
 .login_form input[type="submit"]{
     padding:13px 10px;
     background:#000;
     font-size:15px;
     font-family: 'Montserrat', sans-serif;
     text-align:center;
     color:#fff;
     -moz-border-radius:3px;
     border-radius:3px;
     -webkit-border-radius:3px;  
     width:100%;
     margin:30px auto 0;
     display:block;
     border:none;
     cursor:pointer;
 }    
 
 p.copy{
     text-align:center;
     font-family:arial;
     color:#6b6b6b;
     font-size:13px;
 }
 
 .green_wrapper h2{
     font-size:21px;
     color:#000;
     font-family: 'Montserrat', sans-serif;
     font-weight:300;
 }
 
 .green_wrapper p{
     font-size:15px;
     color:#6b6b6b;
     font-family:arial;
     line-height:22px;
     margin:0 0 10px 0;
 }
 
 .green_wrapper p a{
     color:#00a375;
     font-family:arial;
     font-size:14px;
 }
 
 .green_wrapper p.error{
     color:red;
 }
 
 .green_wrapper a.button{
     padding:13px 10px;
     background:#38ba8c;
     font-size:15px;
     font-family: 'Montserrat', sans-serif;
     text-align:center;
     color:#fff;
     -moz-border-radius:3px;
     border-radius:3px;
     -webkit-border-radius:3px;  
     width:100%;
     margin:30px auto 0;
     display:block;
     border:none;
     cursor:pointer;
 }
 
#backlink{
     position:absolute;
     top:-190px;
     left:0;
     font-size:16px;
     text-decoration:underline;
     color:#4b104a;
     font-family:'Montserrat', sans-serif;
 }
 
 a.vbutton{         
     padding:13px 10px;
     background:#38ba8c;
     font-size:15px;
     font-family: 'Montserrat', sans-serif;
     text-align:center;
     color:#fff;
     -moz-border-radius:3px;
     border-radius:3px;
     -webkit-border-radius:3px;  
     width:100%;
     margin:30px auto 0;
     display:block;
     border:none;
     cursor:pointer;
     box-sizing:border-box;
 }  
 
 .glyphicon-lock {
    font-size: 30px;
    color: #13B1E3;
}
 
 #invoice_form label{    
     font-size: 15px;
    font-family: arial;
    color: #6b6b6b;
    margin-top: 10px;
    font-weight: 300;
 }
 
 #invoice_form input[type="text"] {
    padding: 10px;
    width: 100%;
    border: 1px solid #d9d9d9;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    margin: 0 0 15px 0;
}

 #invoice_form select {
    padding: 10px;
    width: 100%;
    border: 1px solid #d9d9d9;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    margin: 0 0 15px 0;
 }
 
 #invoice_form select.exsmall {
    width: 42%;
 }
 
 #invoice_form select.small {
    width: 53%;
}

 #invoice_form #gonow {
    border: 1px solid #13B1E3;
    color: #13B1E3;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    font-family: 'Montserrat', sans-serif;
    padding: 10px 45px;
    font-size: 14px;
    text-align: center;
    background: #fff;
}

 #invoice_form .wrong {
    border: 1px solid red !important;
}


#loading {
    float: right;
    margin-top: 5px;
}

.hideme {
    display: none;
}

.serror {
    color: red;
}