/*IMPORTED FORNTS FOR POPUP*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700);
/*** change some ctools styles ***/

#modalBackdrop {
    position: fixed !important;
}
div.ctools-modal-content .modal-content {
    padding: 15px;
}
div.ctools-modal-content .modal-content .modal-throbber-wrapper img {
    padding: 2em 0 3em;
    margin: 0;
    display: none!important;
}
div.ctools-modal-content .form-item label {
    float: none;
    width: auto;
}
div.ctools-modal-content a.close {
    margin-top: 3px;
}
/*** module styles ***/

.ajax-register-links-wrapper {
    text-align: right;
    font-size: 12px;
}
.ajax-register-links-wrapper .ajax-register-links li {
    padding-left: 1em;
}
.ajax-register-links-wrapper .ajax-register-links li a {
    border-bottom: 1px dashed #ccc;
}
.ajax-register-links .ajax-progress {
    display: none;
}
/* STYLES BY MOBIKASA */

.hide-this {
    display: none !important;
}
#modalBackdrop {
    position: fixed !important;
    display: none!important;
}
#modalContent {
    display: none!important;
}
#modalBackdrop.opened {
    display: block!important;
}
#modalContent.opened {
    display: block!important;
}
div.ctools-modal-content .modal-content {
    padding: 15px;
}
div.ctools-modal-content .modal-content .modal-throbber-wrapper img {
    padding: 2em 0 3em;
    margin: 0;
}
div.ctools-modal-content .form-item label {
    float: none;
    width: auto;
}
div.ctools-modal-content a.close {
    margin-top: 3px;
}
/*** module styles ***/

.ajax-register-links-wrapper {
    text-align: right;
    font-size: 12px;
}
.ajax-register-links-wrapper .ajax-register-links li {
    padding-left: 1em;
}
.ajax-register-links-wrapper .ajax-register-links li a {
    border-bottom: 1px dashed #ccc;
}
.ajax-register-links .ajax-progress {
    display: none;
}
/* STYLES BY DIVIJ */

#modalBackdrop {
    opacity: 0.3 !important;
}
#modalContent div.ctools-modal-content {
    background-color: #3a3b3a;
    border: none;
}
#modalContent div.ctools-modal-content .modal-header {
    background-color: #3a3b3a;
    height: 50px;
    text-align: center;
    text-transform: uppercase;
}
#modalContent div.ctools-modal-content .modal-header .modal-title {
    padding-top: 20px;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 150% !important;
    line-height: 22px;
    white-space: normal;
}
#modal-content.modal-content {
    width: 70% !important;
    margin: 0 auto;
}
#modalContent .modal-content input {
    width: 70% !important;
    height: 36px;
    margin: 0 auto;
    font-size: 16px;
}
#modalContent .modal-content input[type=checkbox] {
    width: 20px!important;
    height: 20px;
    margin-left: 52px
}
#modalContent .confirm-parent,
#modalContent .password-parent {
    width: 100%!important;
}
#modalContent label,
.description,
#modalContent .form-type-select label,
#modalContent .form-type-textfield label,
#modalContent .password-strength,
#modalContent .password-confirm,
#modalContent legend {
    display: none;
}
#modalContent .password-confirm.form-text {
    display: block;
    margin-top: 10px;
}
#modalContent .container-inline-date .date-padding {
    padding: 0;
    width: 100%;
    text-align: center;
}
#modalContent .ajax-register-links-wrapper .ajax-register-links li a {
    border: 0;
    color: #FED33A;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
#modalContent .modal-content input[type=submit] {
    border-radius: 0;
    font: 30px/30px 'FranklinGothicStd-ExtraCond', Arial, Helvetica, sans-serif !important;
    color: #000;
    text-transform: uppercase;
    border: solid 1px #fc3;
    padding: 5px 10px 2px;
    background: #fc3;
    width: auto !important;
    height: auto;
    opacity: 1;
    float: right;
}
#modalContent .form-item,
.form-actions {
    text-align: center;
}
#modalContent input.date-clear {
    width: 72%!important;
    margin-right: 13%!important;
}
#modalContent .container-inline-date {
    text-align: center;
}
#modalContent .form-type-date-popup {
    width: 100%;
}
#modalContent .container-inline-date .form-item,
.container-inline-date .form-item input {
    width: 100%;
}
#modalContent .ajax-register-links li.last {
    display: none;
}
#modalContent ul li.first a,
ul li.first a span {
    font size 17px!important
}
#modalContent #regDiv {
    display: none;
}
#modal-content .item-list {
    clear: both;
    text-align: center;
}
#modal-content .item-list a {
    border: 0;
    color: #FED33A;
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
}
#modalContent .item-list ul li {
    margin: 1.5em 0 0.25em -1.5em;
}
#modalContent div.ctools-modal-content {
    width: 500px !important;
    margin 0 auto;
    position: relative;
}
#modalContent div.ctools-modal-content .form-item-field-email-update-und {
    text-align: left!important;
}
#modalContent div.ctools-modal-content .form-item-field-email-update-und span {
    color: #fff;
    font-size: 17px;
    margin-left: 2px;
    top: 2px;
    position: relative;
}
#modalContent .modal-content .form-item {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}
#modalContent .modal-content input[type=submit]#edit-submit--3 {
    margin: 20px 70px 20px 0;
}
#modalContent .form-item-field-birthdate-und-0-value-date,
.form-type-date-popup {
    margin: 0!important;
}
#modalContent .modal-content label.option {
    color: #fff;
    display: inline !important;
}
#modalContent .ajax-register-links .first a,
.ajax-register-links .first strong {
    font-size: 17px;
}
#modalContent .modal-content .password-suggestions.description {
    display: none!important;
}
#modalContent #edit-field-email-update-und {
    display: none;
}
#modalContent .modal-content .ajax-progress {
    display: none!important;
}
#modalContent div.ctools-modal-content .modal-content .modal-throbber-wrapper {
    text-align: center;
    /*display: none!important;*/
}
#modalContent #edit-account .form-item input.password-field,
#modalContent #edit-account .form-item input.password-confirm {
    width: 70%!important
}
#modalContent #edit-field-email-update-und {
    display: inline-block!important;
}
@media screen and (min-width: 580px) {
    #modalContent {
        position: fixed!important;
        top: 100px!important;
        left: 50% !important;
        margin-left: -250px !important;
    }
}
@media screen and (min-width: 980px) {
    #modalContent {
        margin-left: -225px !important;
    }
}
@media screen and (max-width: 980px) {
    div.ctools-modal-content {
        width: 400px !important;
        margin 0 auto;
    }
    .modal-content input[type=submit] {
        width: 90px !important
    }
}
@media screen and (max-width: 580px) {
    #modalContent div.ctools-modal-content {
        width: 100% !important;
    }
    #modalContent .form-type-password-confirm {
        width: 100%;
        margin: 0 auto;
    }
    #modalContent .modal-content input {
        width: 100%!important;
    }
    #modalContent input.date-clear {
        width: 100%!important;
    }
    #modalContent .modal-content input[type=checkbox] {
        margin-left: 0;
    }
    #modalContent .date-no-float {
        width: 100%;
    }
    #modalContent #edit-account .form-item input.password-field,
    #modalContent #edit-account .form-item input.password-confirm {
        width: 100%!important;
    }
    .modal-content input[type=submit] {
        margin-right: 0px;
    }
    #modal-content.modal-content {
        width: 90% !important;
    }
    .modal-content input[type=submit]#edit-submit--3 {
        margin: 20px 0px 20px 0;
    }
    div.ctools-modal-content .modal-header .modal-title {
        line-height: 20px;
        white-space: normal;
        width: 170px;
        margin: 0 auto;
        font-size: 130%
    }
    .item-list ul li.first {
        display: none;
    }
    #modalContent {
        left: -2px!important;
    }
}
.block-inner #edit-field-email-update-und {
    display: none!important;
}
#regDiv {
    display: none;
}