/* angular boostrap validation  */
.form-group .help-block {
    display: none;
}

.form-group.has-success .help-block {
    display: block;
}

.form-group.has-error .help-block {
    display: block;
}

.form-group.has-error span {
    /*color: #b94a48;*/
}

.form-group.has-success .control-label {
    color: #000000 !important;
}

.form-group.has-error .control-label {
    color: #000000 !important;
}


/* wait http loader*/
.loading {
    /*-webkit-animation:fadein 2s;
     -moz-animation:fadein 2s;
       -o-animation:fadein 2s;
          animation:fadein 2s;*/
}

@-moz-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.spinner-wrapper {
    min-height: 80px;
}

.spinner-text {
    /*position: absolute;
    top: 41.5%;
    left: 4%;
    margin: 14px 0 0 35px;*/
    position: relative;
    /*float: left;*/
    margin: 15px;
    font-size: 14px;
    color: #000;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 50px;
}

.spinner {
    /*position:absolute;
    left:2%;
    top:40%;*/
    position: relative;
    float: left;
    margin: 0;
    display: block;
    width: 50px;
    height: 50px;
    background: url('Loading.gif') no-repeat;
    /*border:25px solid rgba(235,131,15, 0.8);
    width:1px;
    height:1px;
    border-left-color:transparent;
    border-right-color:transparent;
    -webkit-border-radius:50px !important;
        -moz-border-radius:50px !important;
            border-radius:50px !important;
    -webkit-animation:spin 1.5s infinite;
        -moz-animation:spin 1.5s infinite;
            animation:spin 1.5s infinite;*/
}

@-webkit-keyframes spin {
    0%,100% {
        -webkit-transform: rotate(0deg) scale(1)
    }

    50% {
        -webkit-transform: rotate(720deg) scale(0.6)
    }
}

@-moz-keyframes spin {
    0%,100% {
        -moz-transform: rotate(0deg) scale(1)
    }

    50% {
        -moz-transform: rotate(720deg) scale(0.6)
    }
}

@-o-keyframes spin {
    0%,100% {
        -o-transform: rotate(0deg) scale(1)
    }

    50% {
        -o-transform: rotate(720deg) scale(0.6)
    }
}

@keyframes spin {
    0%,100% {
        transform: rotate(0deg) scale(1)
    }

    50% {
        transform: rotate(720deg) scale(0.6)
    }
}

.validateMsg {
    position: absolute;
    top: 50px;
    /*left: -150px;
    padding: 15px;*/
    width: 350px;
    box-sizing: border-box;
    background: #f2f2f2;
    border-radius: 10px;
    order: solid 1px #ccc;
    box-shadow: 5px 5px 3px #ccc;
    z-index: 100000000000;
}

@media screen and (max-width:414px) {
    .validateMsg {
        width: 100%;
    }
}

.validateMsg::after {
    position: absolute;
    top: -10px;
    left: 50%;
    right: auto;
    margin: 0 0 0 -5px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #f2f2f2 transparent;
}

.validateMsg ul {
    padding: 10px 0;
    margin: 0;
    list-style: none;
}

    .validateMsg ul li {
        padding: 0 10px;
        margin: 0;
    }

        .validateMsg ul li i {
            margin: 0 10px 0 0;
        }

.divImagePassword {
    position: absolute;
    right: 0;
    top: 0;
    padding: 7px 5px;
}

.tabsdemoDynamicHeight md-content {
    background-color: transparent !important;
}

    .tabsdemoDynamicHeight md-content md-tabs {
        background: #f6f6f6;
        border: 1px solid #e1e1e1;
    }

        .tabsdemoDynamicHeight md-content md-tabs md-tabs-wrapper {
            background: white;
        }

    .tabsdemoDynamicHeight md-content h1:first-child {
        margin-top: 0;
    }


.section-rythm {
    max-width: 700px;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deeccf+0,ffffff+99 */
    background: #deeccf; /* Old browsers */
    background: -moz-linear-gradient(top, #deeccf 0%, #ffffff 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #deeccf 0%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #deeccf 0%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deeccf', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.img-res {
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
}

.logorythm {
    float: left;
    margin: 40px 0 10px 10px;
}

.vdorythm {
    height: auto;
    margin: 0 20px 30px 200px;
}

    .vdorythm iframe,
    .vdorythm object,
    .vdorythm embed {
        width: 455px;
        height: 255px;
    }

.donate-banner {
    position: relative;
}

    .donate-banner img {
        width: 100%;
        height: auto;
    }

i.icon-mymarqet {
    width: 20px !important;
    height: 13px !important;
    background: url("images/icon-mymarqet.png") no-repeat;
}

.login-option {
    margin-top: 5px;
}
/*Notification and Action icon*/

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
    left: -60px !important;
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
        left: 70px !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after {
        left: 70px !important;
    }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
    min-width: 250px !important;
    max-width: 250px !important;
}

.page-header.navbar .top-menu .navbar-header .hor-menu .navbar-nav > li li {
    min-width: 250px !important;
}

.page-header.navbar .top-menu .navbar-header .hor-menu .navbar-nav > li a:hover {
    text-decoration: none;
}

.page-header.navbar .top-menu .navbar-header .hor-menu .navbar-nav > li p.ng-binding {
    padding: 10px 0px 0px 5px;
}

li#header_notification_bar, li#header_redeem_bar {
    padding-top: 1px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown {
    height: auto !important;
}

.icon-bells .badge {
    top: 3px !important;
}

@media screen and (min-width: 1024px) {
    .action-menu {
        padding: 5px 10px 5px 5px;
    }

    .label.label-sm.label-icon.label-success {
        padding: 3px 0px 2px 2px !important;
        margin-right: 5px !important;
    }

    .label-icon.label-icon {
        padding: 3px 0px 0px 2px !important;
        margin-right: 2px;
    }

    i.fa.fa-plus {
        font-size: 15px !important;
    }
}

@media screen and (max-width: 1024px) {
    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
        left: 0px !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
        min-width: 210px !important;
        max-width: 210px !important;
    }

    span.label.label-sm.label-icon.label-success {
        padding: 4px 0px 3px 0px !important;
    }

    .label.label-icon {
        padding: 0 !important;
    }

    li#header_notification_bar, li#header_redeem_bar {
        top: -1px !important;
    }

    li#header_task_bar {
        top: 2px !important;
    }    

    span.badge.badge-default.ng-binding {
        top: 6px !important;
    }

    .page-header.navbar .top-menu .navbar-header .hor-menu .navbar-nav {
        padding: 10px 10px 10px 10px !important;
    }
        .page-header.navbar .top-menu .navbar-header .hor-menu .navbar-nav li a {
            padding: 20px 10px 10px 10px !important;
        }

        .page-header.navbar .top-menu .navbar-header .hor-menu .navbar-nav > li li {
            min-width: 210px !important;
        }

        .page-header.navbar .top-menu .navbar-header .hor-menu .navbar-nav > li p {
            margin: 0px !important;
        }

        .page-header.navbar .top-menu .navbar-header .hor-menu .navbar-nav > li p.ng-binding {
            font-size: 12px;
            padding: 10px 0px 5px 5px;
        }

        .page-header.navbar .top-menu .navbar-header .hor-menu .navbar-nav li .action-menu a {
            font-size: 12px;
            padding: 4px 4px 2px 4px !important;
        }

        .page-header.navbar .top-menu .navbar-header .hor-menu .navbar-nav > li a:hover {
            background: none;
            color: #f37021 !important;
        }

    i.fa.fa-plus {
        font-size: 18px !important;
        line-height: 15px !important;
    }
}

/*Notification and Action icon*/

@media screen and (max-width:768px) {
    .section-rythm {
        text-align: center;
    }

    .logorythm {
        float: none;
        margin: 0;
    }

    .vdorythm {
        width: 100%;
        clear: both;
        margin: 0;
    }

        .vdorythm iframe,
        .vdorythm object,
        .vdorythm embed {
            width: 100%;
            clear: both;
            margin: 0;
        }
}

@media screen and (max-width:797px) {
    .shop-link-box {
        padding: 15px;
        background-color: white !important;
        border: 0 !important;
        color: #f37021;
    }
}