/* make all form fields look like a text*/
.no-edit input,
.no-edit input[type="text"],
/*bootstrap*/
.no-edit .form-control[disabled],
.no-edit .form-control[readonly],
.no-edit fieldset[disabled] .form-control {
    background: none !important;
    border: none;
    box-shadow: none;
    cursor: default;
}


/***********Edit staff page*******************/
.resetPassSection { position: relative; }
.resetPassSection .quickResPass {
    position: absolute;
    top:-50px; right:0;
    border-radius:3px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius:3px; 
    /* Firefox 1-3.6 */
    -moz-border-radius:3px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius:3px;
    color: #fff;
    background-color:rgba(255,102,0,0.9);
    border:none;
}
.resetPassSection .quickResPass:hover {
    background-color:rgba(255,102,0,1) !important;
}
.resetPassSection .quickResPass.transition {
    opacity:1;
}
.resetPassSection .quickResPass.transition:hover {
    opacity:0.7;
}

/*center modal*/
.induction-edit-staff .modal { text-align: center; }
.induction-edit-staff .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.induction-edit-staff .modal-title { color: #000 !important; }

.induction-edit-staff .modal .form-group {
    margin-bottom: 50px;
}

@media screen and (min-width: 768px) { 
    .induction-edit-staff .modal:before {
      display: inline-block;
      vertical-align: middle;
      content: " ";
      height: 100%;
    }
}
  


/**********MISC ************/

/*transition*/
.transition {
    opacity: 0.6;
    transition: 0.3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}

/*notification*/
#success {background:#03a679;color:#f0f0f0;}
#failure{background:#ff3939;color:#f0f0f0;  
}
  
.notify{  
    position:absolute;
    top:0px;
    width:100%;
    height:0;  
    box-sizing:border-box;
    color:white;  
    text-align:center;
    background:rgba(0,0,0,.6);
    overflow:hidden;
    box-sizing:border-box;
    transition:height .2s;
}
  
#notifyType:before{display:block;margin-top:15px;}
.active{height:50px;}
.success:before{
    Content:"Aww Yeaaaaa! Success!";
}
.failure:before{
    Content:"Oh no! Something didn't go as planned :(";
}