html {
    height: 100%;
}
body {
    height: 92%;
    margin:0;
    padding:0;
}
footer {
    padding: 17px 0 18px 0;
    border-top: 1px solid #eee;
    text-align:center;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -13px;
}
.push {
    height: 13px;
}
/* not required for sticky footer; just pushes hero down a bit */
.wrapper > .container {    

}

.jcrop img {max-width:640px !important; max-height:480px}

input[type="password"] {font:small-caption !important;font-size:16px!important}

.spinner{    
    background-image: url(images/ajax-loader.gif) !important;
    background-position:center;
    background-repeat: no-repeat;
    height:16px;
    width:16px;
}


.ui-icon {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.alphabet-filter{

}

:-moz-any-link:focus {
    outline: none;
}

* {
outline: none;
}

input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input {
    border: 1px solid #CCCCCC !important;
      border-radius: 0px !important;
  box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  -webkit-box-shadow: 0 0 0;
    color: black !important;
    display: inline-block !important;
    /*font-size: 13px !important;*/
    line-height: 18px !important;
    padding: 4px !important;

}

.login-header-top {
    background: whiteSmoke;
    /*padding: 20px 0px 10px;*/
    margin: 0 0 0px 0;
    border-bottom: 1px solid #DDD;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    width:100% !important;
}


.login-box{
    /*position: absolute;*/
    width: 100%;
    display:block;
    margin-left:0px;              
}

.login-box-pos-top-fixed{
   top: 200px !important;
}

.login-box-pos-top-relative{
    top: 35%;
    
}

.login-title{
    width: auto;
    letter-spacing: -1px;
    margin: 0;
    border-bottom: 1px solid #DDD;
    background: #F7F7F7;
    padding: 15px 30px;
    font-size: 22px;
    color: #444;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    text-align:center;
 
}

.loginNevi{ padding: 20px 5px 10px; text-align: center;}
.loginNevi a{display: inline-block;position: relative;padding: 14px 12px;line-height: 0.6;background-color: #BCBCBC;font-size: 16px;
 font-size: 1.6rem;color: #000;font-weight: 700;}
.loginNevi a:hover,.loginNevi a.active{color:#fff;background:#ef3125;}
.loginNevi a.active:after {z-index: 999;content: " ";height: 0;width: 0;position: absolute;
  border: solid rgba(0, 0, 0, 0);
  pointer-events: none;
  margin: -7px;
  border-width: 7px;
  border-color: rgba(213, 4, 4, 0);
  left: 50%;
  bottom: -6px;
  border-top-color: #ef3125;
}
.loginTitle{ font-weight:700;}

.login-header-top h2{margin-top: 6px; font-size:20px;}
.login-form{
    max-width:420px;
    min-height:180px;
    border:1px solid #ccc;   
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    display:block;        
    background-color:White;
    margin-left: auto;
  margin-right: auto;
}

.login-form-inner{
    padding-top:10px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
    display:block;
}

.login-form-buttons{
    padding:15px;
    vertical-align:bottom;
    margin:1px;
    /*background-color: #eee;*/
    display:block;
    /*border-top:1px solid #ddd;*/
}
.login-form-buttons .btn-primary{background: #EF3125;border:1px solid #EF3125;padding: 6px 20px;font-size: 16px;
  border-radius: 0;}
.login-form-buttons .btn-primary:hover{background: #333633;}
.login-box .zocial, a.zocial{padding: 2px 6px 2px 0px;width:100px;}

@media (max-width: 450px) {
 .loginNevi {text-align: right;}

}

/* http://stackoverflow.com/questions/14793367/how-to-add-a-spinner-icon-to-button-when-its-in-the-loading-state */
/* http://jsfiddle.net/AndrewDryga/zcX4h/1/ */

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 1.5s infinite linear;
    font-size:17px;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.fa-spin {
    animation: 2s linear 0s normal none infinite running fa-spin;
}