@import url(https://fonts.googleapis.com/css?family=Carrois+Gothic);
@import url(https://fonts.googleapis.com/css?family=Glegoo:400,700);
/*#region globals */

body { font-family: "Carrois Gothic",Arial,tahoma,sans-serif; font-size: 14px; font-weight: 400; line-height: 1.65em; }

h2, h3, h4 { font-family: glegoo; text-align: center; }
/*#endregion */
/*#region menu */
.navbar.navbar-inverse.navbar-fixed-top { border: medium none; box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.6) inset, 0 1px 1px rgba(0, 0, 0, 0.18); }

.navbar-inverse .navbar-brand { color: #023662; font: bold 26px verdana; padding: 10px; }

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { background-color: rgba(0, 0, 0, 0); color: #023662; }

.navbar-inverse { background-color: #ededed; border-color: #2980b9; }

.login-links a { color: #F08E1B !important; font-size: 14px; text-transform: uppercase; }

.login-links a:hover { color: #99BD30 !important; }

.login-links > li::after { background-color: #afafaf; bottom: 0; content: ""; height: 10px; margin: auto; position: absolute; right: 0; top: 0; width: 1px; }

.login-links > li:last-child::after { display: none; }

.logo { display: block; margin: 10px 0; }

.logo img { max-width: 300px; }

@media only screen and (max-device-height : 700px) {
    .navbar.navbar-inverse.navbar-fixed-top { position: static; }
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #F08E1B; }

.navbar-inverse .navbar-nav > li > a { color: #f08e1b !important; text-transform: uppercase; }

.navbar-inverse .navbar-nav > li > a:hover { color: #99bd30 !important; }
/*#endregion */

/*#region main content */
/*@media only screen and (min-width : 1224px) {
    .container.body-content {
        margin-top: 20px;
        margin-bottom: 140px;
    }
}*/

.container.body-content { margin-bottom: 100px; margin-top: 60px; }

@media only screen and (max-device-height : 700px) {
    .container.body-content { margin-top: 0; }
}

.login .container.body-content, .register .container.body-content { margin-top: 150px; }

@media only screen and (max-device-height : 700px) {
    .login .container.body-content, .register .container.body-content { margin-top: 70px; }
}

@media only screen and (min-device-height : 701px) {
    .forgotpassword .form-horizontal, .resetpassword .form-horizontal, .resetpasswordconfirmation .form-horizontal,
    .confirmregistration .form-horizontal, .confirmemail .form-horizontal, .changepassword .form-horizontal,
    .history .sent-and-received-passwords, .resend .form-horizontal { margin-top: 40px; }

    .home .container.body-content { margin-bottom: 130px; margin-top: 100px; }

    .view-secret .container.body-content { margin-top: 90px; }
}

.blue-header { color: #185d99; }

body.history .blue-header { text-align: left; }

.pwd-info.Saved .will-delete { opacity: 0; height: 0; overflow: hidden; transition: all 1s linear; }

.pwd-info.Saved .btn-save { display: none; }

/*#endregion */

/*#region footer */

footer { background-color: #333; border-top: 5px solid #666; bottom: 0; color: #787878; height: 110px; padding: 10px 0 0; position: fixed; width: 100%; z-index: 1000; }

@media only screen and (max-height : 600px) {
    footer { height: auto; position: relative; }
}

.comodo-seal, .using-ssl { float: right; margin-left: 30px; font-size: 11px; text-align: center; }

.comodo-seal img { margin-top: 2px; max-width: 130px; }

.using-ssl { color: #b2cb33; }

.using-ssl img { display: block; max-width: 150px; }

.footer-links > a { color: #dadada; }

.footer-links > a:hover { color: #fff; text-decoration: none; }
/*#endregion */

/*#region forms */
label.invisible { color: #F08E1B; opacity: 0; /*transition:all linear 1s;*/ visibility: visible; }

label.visible { color: #F08E1B; opacity: 1; transition: all linear 1s; }

.form-horizontal { margin: 0 auto; max-width: 600px; padding: 0 20px; }

.form-control { background-color: #fff; border-radius: 0; max-width: none; }

.form-control:focus { background-color: #fff !important; }

.btn-default { background-color: #99bd30; border-color: #cccccc; color: #ffffff; display: block; margin: 15px auto; padding: 6px 35px; }

.btn-default:hover { background-color: #99bd30; color: #fff; font-weight: bold; }

input.input-validation-error, textarea.input-validation-error { background-color: #FBE6F2; }

.form-group label { font-weight: normal; }

.field-validation-error { background: none repeat scroll 0 0 #cc3d3d; color: #fff; display: inline-block; margin: 10px 0 0 5px; padding: 2px 10px; position: relative; }

.field-validation-error::before { color: #cc3d3d; content: "▲"; display: block; font: bold 25px arial; left: 20px; position: absolute; top: -16px; }

@media only screen and (min-width : 1224px) {
    #login-and-register-forms .col-md-6 { padding: 0 40px; }
}

#login-and-register-forms .register-new-user { display: none; }

#send-form input#check { margin-right: 10px; }

.validation-summary-errors.text-danger li { font-size: 18px; }

#recipient { background-color: inherit; }

#recipient.input-validation-error { background-color: #fbe6f2; }

#send-form #pwd.input-validation-error, #send-form #sender.input-validation-error { background-color: #fbe6f2; border: 1px solid #b94a48; }

.validation-summary-errors { color: #b94a48; margin-top: 15px; }

a.btn-default { display: inline-block; }
/*#endregion */

/*#region account */
.sent-and-received-passwords h2 { text-align: left; }

.sent-and-received-passwords hr { margin: 20px 0; max-width: 200px; }

.sent-and-received-passwords .bold { font-weight: bold; }

.pwd-info .btn { background-color: #185d99; color: #fff; }

a.resend, .save-and-delete-buttons input { background-color: #185d99; border: none; border-radius: 4px; color: #fff; display: inline-block; margin-top: 5px; padding: 2px 7px; }

.form-group { margin-bottom: 5px; }

.form-group.check { margin: 20px 0 -10px; text-align: center; }

.form-group.check.error > span { background-color: #fbe6f2; border: 1px solid red; padding: 6px; }

.save-and-delete-buttons { display: inline-block; }

.success .save-and-delete-buttons, .view-secret .save-and-delete-buttons, .dashboard .save-and-delete-buttons { display: block; text-align: center; }

.ta-secret { border: 1px solid #cccccc; max-width: 500px; padding: 5px; text-align: center; width: 100%; }

.dashboard .will-delete { text-align: center; }

.dashboard hr { margin: 20px auto; }
/*#endregion */

/*#region super admin */
.delete-user .form-actions { text-align: center; }
.users-grid a.edit { background: rgba(0, 0, 0, 0) url("Images/edit.png") no-repeat scroll 0 0; display: block; height: 20px; width: 20px; }

.edit-user .btn { display: inline-block; }

/*#endregion */

.delete-file {
    background: url(Images/delete-20.png) no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin-left: 15px;
    position: relative;
    width: 20px;
    z-index: 1;
}

.attachments.attachments {
    margin: 20px 0;
}

.attachments ul {
    list-style-type: none;
    padding: 0;
}

.attachments li {
    display: block;
}

input#check1 {
    margin-right: 5px;
}

.error {
    color: red;
}