﻿/* 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;
    }


@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;
    }
}
