/*!
 * RobJur Login Style Sheet
 */

/*!
 * Basic Styles and Elements
 */
 
html {min-height: 100%; width: 100%;}
h1, h2, h3, h4, h5, h6 {font-family: Open Sans;}
body {background: #0033a0;font-family: "Open Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
.rel {position: relative;}
.abs {position: absolute;}
.size {width: 940px;}
.center {margin: 0 auto;}
.all-corners {border-radius: 4px;}
.top-corners {border-radius: 4px 4px 0px 0px;}
.bottom-corners {border-radius: 0px 0px 4px 4px;}
:focus { outline: none !important; }
:-moz-any-link:focus { outline: none; }
/*.btn {background: #f1f1f1;}*/
.btn {font-family: Open Sans, arial; border-radius: 4px; font-weight: 700;padding: 5px 16px;}
.btn-large {font-size: 14px;padding: 11px 20px;}
.btn-mini {padding: 1px 6px;}
.btn-small {padding: 2px 10px;}
.btn.inline-no-label{margin-top:25px;}
.btn, .ui-button{background:#bdc3c7;border:none; text-shadow: 0 1px #95a5a6; color: #ffffff; box-shadow: none;}
.btn:hover, .btn.state-hover, .ui-button.ui-state-hover{background-color: #c7cdd1; color: #ffffff;}
.btn:active, .btn.state-click, .btn.state-click:hover{background-color: #a9afb3;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.10) ;text-shadow: 0 -1px #95a5a6; color: #ffffff;}
.btn.btn-large {font-size: 14px;padding: 11px 20px;border-bottom: 1px solid #aaafb3;}

.btn-primary, .btn-group .btn-primary.dropdown-toggle {background: #3498db; text-shadow:0 1px rgba(0,0,0,0.25)}
.btn-primary:hover, .btn-primary.state-hover, .btn-primary.dropdown-toggle:hover {background: #34a1e5;text-shadow:0 1px rgba(0,0,0,0.30)}
.btn-primary:active,
.btn-group.open .btn-primary.dropdown-toggle,
.btn-primary.state-click,
.btn-primary.state-click:hover,
.ui-buttonset .ui-state-active {background: #338ed1; box-shadow: inset 0 1px 0 #347cbd; text-shadow:0 -1px rgba(0,0,0,0.30)}
.btn-large.btn-primary {border-bottom: 1px solid #2683d0;}

.btn-success {background: #79c936; text-shadow:0 1px rgba(0,0,0,0.25)}
.btn-success:hover, .btn-success.state-hover {background: #81d338;text-shadow:0 1px rgba(0,0,0,0.30)}
.btn-success:active, .btn-success.state-click, .btn-success.state-click:hover {background: #6ebf37; border-color: #68b02b; box-shadow: inset 0 1px 0 #5ca123;text-shadow:0 -1px rgba(0,0,0,0.30)}
.btn-success.state-click.disabled{opacity:0.3}
.btn-large.btn-success {border-bottom: 1px solid #6eb32e;}

.btn-danger {background: #ed5151; text-shadow:0 1px rgba(0,0,0,0.25)}
.btn-danger:hover, .btn-danger.state-hover {background: #f75252;}
.btn-danger:active, .btn-danger.state-click, .btn-danger.state-click:hover {background: #e35151; border-color: #d34141; box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.20);text-shadow:0 -1px rgba(0,0,0,0.30)}
.btn-large.btn-danger {border-bottom: 1px solid #cf4e4e;}
.lb {margin: 12px 0; height: 1px;}

/*!
 * Login
 */
.modal-hidden {display: none}
.start-logo {display: block; width: 379px; height: 80px; background: url(../images/czaspracy_on57.png) no-repeat; margin: 40px auto 10px auto;}
.log-icons {display: inline-block; position: relative; background: url(../images/log-icons.png) no-repeat; top: 5px; padding-right: 2px;}
.log-guy {width: 21px; height: 26px; background-position: -3px -3px;} 
.log-guy-plus {width: 26px; height: 26px; background-position: -29px -3px;}
.rgu-login-wrapper {width: 380px; overflow: visible; background-color: #ffffff; box-shadow: 0px 2px rgba(0,0,0,.1); border-radius: 4px;}
.rgu-signup-wrapper {width: 550px; overflow: visible; background-color: #ffffff; box-shadow: 0px 2px rgba(0,0,0,.1); border-radius: 4px;}
.login-title {width: 100%; background: #ecf0f1; border-radius: 4px 4px 0px 0px;}
.login-title h3 {margin: 0px; line-height: 63px; color: #575757; padding-left: 15px; font-size: 20px;}

.rgu-login-wrapper form {padding: 20px 30px; margin: 0px;}
.rgu-login-wrapper form label {font-weight: 600;}
.rgu-login-wrapper form .rgu-float-error, .rgu-signup-wrapper form .rgu-float-error {position: relative;}
.rgu-login-wrapper form .rgu-float-error .help-inline {position: absolute; top: 27px; left: 334px; white-space: nowrap; background-color: #2c3e50; padding: 5px 20px; border-radius: 4px; color: #ffffff;}
.rgu-login-wrapper form .rgu-float-error .help-inline:after {right: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-right-color: #2c3e50;border-width: 6px;top: 50%;margin-top: -6px;}
.rgu-login-wrapper form .rgu-checkbox {font-size: 12px; vertical-align: baseline; white-space: nowrap;}
.rgu-login-wrapper form .rgu-forgot, .rgu-login-wrapper form .password-goback {font-size: 12px; font-style: italic;}
.rgu-login-wrapper form .rgu-login-button, .rgu-signup-wrapper form .rgu-login-button {margin: 16px 0px 6px 0px;}
.rgu-login-wrapper form .alert {margin: 18px 0px 0px 0px;}
 
.rgu-signup-wrapper form .rgu-float-error .help-inline {position: absolute; top: 27px; left: 502px; white-space: nowrap; background-color: #2c3e50; padding: 5px 20px; border-radius: 4px; color: #ffffff;}
.rgu-signup-wrapper form .rgu-float-error .help-inline:after {content:' '; right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #2c3e50; border-width: 6px; top: 50%; margin-top: -6px;}
.rgu-signup-wrapper form .rgu-float-error .help-inline-name {position: absolute; top: 27px; right: 502px; white-space: nowrap; background-color: #2c3e50; padding: 5px 20px; border-radius: 4px; color: #ffffff;}
.rgu-signup-wrapper form .rgu-float-error .help-inline-name:after {content:' '; left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-left-color: #2c3e50; border-width: 6px; top: 50%; margin-top: -6px;}
.rgu-signup-wrapper form .input-append input, .input-append select, .input-append .uneditable-input {boder-radius: 3px !important;}
.rgu-signup-wrapper form .alert {margin: 21px 0px 0px 0px;}
 
.rgu-login-wrapper form .rgu-float-error .errorMessage {position: absolute; top: 6px; left: 333px; white-space: nowrap; background-color: #2c3e50; padding: 5px 20px; border-radius: 4px; color: #ffffff;}
.rgu-login-wrapper form .rgu-float-error .errorMessage:after {content:' '; right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #2c3e50; border-width: 6px; top: 50%; margin-top: -6px;}

.rgu-signup-wrapper .signup-container {padding: 20px 30px;}
.rgu-signup-wrapper form {margin: 0px;}
.rgu-signup-wrapper form label {font-weight: 600; color: #465c72;}

.rgu-invite-button {width: 100%; text-align: center; background-color: #ecf0f1; padding: 18px 0px 20px 0px; border-radius: 0px 0px 4px 4px;}
.rgu-invite-button form {margin: 0; padding: 0;}

/*.required:after { content: ' *'; color: #e74c3c; }*/

abbr[title], abbr[data-original-title] { border-bottom: 0; }

select, textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    box-shadow: none;
    border: 2px solid #CBD2D6;
    border-radius: 4px;
    height: 34px;
    padding: 4px 4px 4px 6px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    box-shadow: none;
    border-color: #3498db;
}
.uneditable-input:focus { box-shadow: none; }

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    background: #F4F6F6;
    border-color: #CBD2D6;
    color: #D5DBDB;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
    box-shadow: none !important;
    border-color: #e74c3c !important;
}

.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
    color: #465c72;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
    box-shadow: none !important;
    border-color: #2ecc71 !important;
}

.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
    color: #465c72;
}

.modal { overflow: visible !important; }
#forgotPassword .modal-header { padding: 0px; }
#forgotPassword .modal-footer {background: #ecf0f1; border: 0 }
#forgotPassword .form-horizontal { padding: 0px; margin-bottom: 0}
#forgotPassword .alert {margin: 0px 0px 18px 0px;}
#forgotPassword label {padding: 0;font-weight: 600;}
#forgotPassword .modal-header .close {color: #95a5a6;font-size: 24px;opacity: 1; margin-top: 20px; margin-right: 15px; text-shadow: none}
#forgotPassword .rgu-float-error .help-inline {position: relative; top: 3px; white-space: nowrap; background-color: #2c3e50; padding: 5px 20px; border-radius: 4px; color: #ffffff;}
#forgotPassword .rgu-float-error .help-inline:after {content: ' ';left: 10px;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;border-bottom-color: #2c3e50;border-width: 8px;top: -15px;}
.verification { border: 1px solid #DEE5E7; border-radius: 4px; overflow: hidden; margin-bottom: 12px;box-shadow: 0 2px rgba(0, 0, 0, 0.03); }
.verification a { font-size: 12px }

/*!
 * page error
 */
/* content */
.r-rest {
    padding: 1em 0;
    color: #eceff0;

}

.hidden.divider.half {
    margin: .5rem 0
}

.r-opening h1.header {
    margin-top: 0;
    font-size: 2.8rem;
    line-height: 3.2rem;
    letter-spacing: -1px
}

.r-opening p {
    font-size: 1.5em;
    font-weight: 300;
    margin-bottom: 0;
    color: hsla(0, 0%, 100%, .6)
}

.r-opening.r-rest {
    background: #0033a0;
    padding: 1em 0 
}

.blue.header {
    color: #eceff0!important
}

a.blue.header:hover {
    color: #002b87!important
}
.blue.header.error {
    font-size: 9rem;
    margin-bottom: 0;
    text-shadow: 0 30px 15px rgba(0, 0, 0, .055)
}


/* images */

.centered.image {
    margin-left: auto;
    margin-right: auto
}

.small.image{
    width: 150px;
    height: auto;
    font-size: .92857143rem
}



/*!
 * footer
 */
.login-footer {text-align: center; padding: 20px; color: #ffffff}
footer a {color: #ffffff;}
footer a:hover {text-decoration: underline; color: #ffffff;}


input, button, select, textarea {
    font-family: "Open Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Large desktop */
@media (min-width: 1200px) {
    
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .rgu-login-wrapper, .rgu-signup-wrapper {width: 100%;}
    .rgu-login-wrapper form .rgu-float-error .help-inline, .rgu-signup-wrapper form .rgu-float-error .help-inline {position: relative; top: 0px; left: 0px; display: inherit;}
    .rgu-login-wrapper form .rgu-float-error .help-inline:after, .rgu-signup-wrapper form .rgu-float-error .help-inline:after {display: none;}
    .rgu-login-wrapper form .rgu-float-error .help-inline, .rgu-signup-wrapper form .rgu-float-error .help-inline-name {position: relative; top: 0px; left: 0px;}
    .rgu-login-wrapper form .rgu-float-error .help-inline:after, .rgu-signup-wrapper form .rgu-float-error .help-inline-name:after {display: none;}
    #forgotPass .rgu-float-error .help-inline {position: static; padding: 0px; background: none; color: #f13b4c; margin-top: 5px;} 

    
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
    
}

/* Retina Display */
@media 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi) {
    .start-logo {background: url(../images/pcds-mkt-logo-retina.png) no-repeat; background-size: 132px 48px; margin: 40px auto 10px auto;}
    .log-icons {display: inline-block; position: relative; background: url(../images/log-icons-retina.png) no-repeat; background-size: 58px 30px; top: 5px; padding-right: 2px;} 
}