.inform{
    background-color: lightyellow;
    border: 1px solid lemonchiffon;
    padding: 6px 9px;
    font-size: 15px;
    line-height: 50px;
    z-index: 10;
    border-bottom:1px solid black
}
.inform img{
    width: 33px;
    position: relative;
    top: 9px;
    margin: 0px 13px;
}
.inform a{color:blue !important}
.account-linked{
    display: inline-block;
    margin-left: 10px;
    padding: 6px;
    font-weight: 600;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-group{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.btn-group>.btn:first-child {
    margin-left: 0;
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.btn.btn-red, .btn.btn-red:visited, .btn.btn-gray, .btn.btn-gray:visited, .btn.btn-green, .btn.btn-green:visited, btn.btn-menu, btn.btn-menu:visited {
    color: white !important;
    font-weight: 700;
    text-decoration: none;
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
    margin-left: -1px;
}
.btn.btn-green {
    border: 1px solid #076800;
    text-shadow: 0 -1px rgba(0,0,0,.5);
    background: rgb(107,207,102);
    background: -moz-linear-gradient(top, rgba(107,207,102,1) 0%, rgba(8,174,0,1) 5%, rgba(9,129,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,207,102,1)), color-stop(5%,rgba(8,174,0,1)), color-stop(100%,rgba(9,129,0,1)));
    background: -webkit-linear-gradient(top, rgba(107,207,102,1) 0%,rgba(8,174,0,1) 5%,rgba(9,129,0,1) 100%);
    background: -o-linear-gradient(top, rgba(107,207,102,1) 0%,rgba(8,174,0,1) 5%,rgba(9,129,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(107,207,102,1) 0%,rgba(8,174,0,1) 5%,rgba(9,129,0,1) 100%);
    background: linear-gradient(to bottom, rgba(107,207,102,1) 0%,rgba(8,174,0,1) 5%,rgba(9,129,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bcf66', endColorstr='#098100',GradientType=0 );
}
.btn.btn-gray {
    border: 1px solid #737373;
    text-shadow: 0 -1px rgba(0,0,0,.5);
    background: rgb(169,169,169);
    background: -moz-linear-gradient(top, rgba(169,169,169,1) 0%, rgba(147,147,147,1) 5%, rgba(115,115,115,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,169,169,1)), color-stop(5%,rgba(147,147,147,1)), color-stop(100%,rgba(115,115,115,1)));
    background: -webkit-linear-gradient(top, rgba(169,169,169,1) 0%,rgba(147,147,147,1) 5%,rgba(115,115,115,1) 100%);
    background: -o-linear-gradient(top, rgba(169,169,169,1) 0%,rgba(147,147,147,1) 5%,rgba(115,115,115,1) 100%);
    background: -ms-linear-gradient(top, rgba(169,169,169,1) 0%,rgba(147,147,147,1) 5%,rgba(115,115,115,1) 100%);
    background: linear-gradient(to bottom, rgba(169,169,169,1) 0%,rgba(147,147,147,1) 5%,rgba(115,115,115,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a9a9', endColorstr='#737373',GradientType=0 );
}
.btn.btn-red, .btn.btn-red:visited {
    text-shadow: 0px -1px 0px #900800;
    border: 1px solid #970500;
    background: #fc9b80;
    background: -moz-linear-gradient(top,#fc9b80 0%,#f43400 5%,#970500 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fc9b80),color-stop(5%,#f43400),color-stop(100%,#970500));
    background: -webkit-linear-gradient(top,#fc9b80 0%,#f43400 5%,#970500 100%);
    background: -o-linear-gradient(top,#fc9b80 0%,#f43400 5%,#970500 100%);
    background: -ms-linear-gradient(top,#fc9b80 0%,#f43400 5%,#970500 100%);
    background: linear-gradient(to bottom,#fc9b80 0%,#f43400 5%,#970500 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc9b80',endColorstr='#970500',GradientType=0);
}
.btn.btn-gray:hover {
    border: 1px solid #484848;
    background: rgb(157,157,157);
    background: -moz-linear-gradient(top, rgba(157,157,157,1) 0%, rgba(115,115,115,1) 5%, rgba(87,87,87,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,157,157,1)), color-stop(5%,rgba(115,115,115,1)), color-stop(100%,rgba(87,87,87,1)));
    background: -webkit-linear-gradient(top, rgba(157,157,157,1) 0%,rgba(115,115,115,1) 5%,rgba(87,87,87,1) 100%);
    background: -o-linear-gradient(top, rgba(157,157,157,1) 0%,rgba(115,115,115,1) 5%,rgba(87,87,87,1) 100%);
    background: -ms-linear-gradient(top, rgba(157,157,157,1) 0%,rgba(115,115,115,1) 5%,rgba(87,87,87,1) 100%);
    background: linear-gradient(to bottom, rgba(157,157,157,1) 0%,rgba(115,115,115,1) 5%,rgba(87,87,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#575757',GradientType=0 );
}
.btn-group>.btn, .btn-group-vertical>.btn {
    position: relative;
    float: left;
}
.loggedin{
    width: 100%;
    box-sizing: border-box;
    cursor: default;
}
.linked-account{
    width: 30%;
    box-sizing: border-box;
}
.inform-green{
    background-color: #8EFFA5;
    padding-left: 30px;
}

@media all and (max-width: 1025px) {
    .hide-1024{
        display: none;
    }
    .nav .logout-button {
        margin: 12px 10px 0 0;
        padding: 5px 10px;
    }
}


#loading {
    position: fixed;
    z-index: 99999;
    left: 0px;
    top:0px;
    width: 100%;
    height: 100%;
    display: none;
}
#loading .bg {
    position: absolute;
    left: 0px;
    top:0px;
    width: 100%;
    height: 100%;
    z-index: 100;;
    background-color: black;
    opacity: 0.8; /* Полупрозрачный фон */
    filter: alpha(Opacity=80); /* Прозрачность в IE */
}
#loading .modal{
    width: 200px;
    margin-left: 50%;
    position: relative;
    left:-100px;
    z-index: 200;
    line-height: 58px;
    font-size: 20px;
    color: white;
    margin-top:15%;
}


#circularG{
    position:relative;
    width:58px;
    height:58px;
    margin: auto;
    float:left;
    margin-right: 20px;
}

.circularG{
    position:absolute;
    background-color:#F83600;
    width:14px;
    height:14px;
    border-radius:9px;
    -o-border-radius:9px;
    -ms-border-radius:9px;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
    animation-name:bounce_circularG;
    -o-animation-name:bounce_circularG;
    -ms-animation-name:bounce_circularG;
    -webkit-animation-name:bounce_circularG;
    -moz-animation-name:bounce_circularG;
    animation-duration:1.1s;
    -o-animation-duration:1.1s;
    -ms-animation-duration:1.1s;
    -webkit-animation-duration:1.1s;
    -moz-animation-duration:1.1s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
}

#circularG_1{
    left:0;
    top:23px;
    animation-delay:0.41s;
    -o-animation-delay:0.41s;
    -ms-animation-delay:0.41s;
    -webkit-animation-delay:0.41s;
    -moz-animation-delay:0.41s;
}

#circularG_2{
    left:6px;
    top:6px;
    animation-delay:0.55s;
    -o-animation-delay:0.55s;
    -ms-animation-delay:0.55s;
    -webkit-animation-delay:0.55s;
    -moz-animation-delay:0.55s;
}

#circularG_3{
    top:0;
    left:23px;
    animation-delay:0.69s;
    -o-animation-delay:0.69s;
    -ms-animation-delay:0.69s;
    -webkit-animation-delay:0.69s;
    -moz-animation-delay:0.69s;
}

#circularG_4{
    right:6px;
    top:6px;
    animation-delay:0.83s;
    -o-animation-delay:0.83s;
    -ms-animation-delay:0.83s;
    -webkit-animation-delay:0.83s;
    -moz-animation-delay:0.83s;
}

#circularG_5{
    right:0;
    top:23px;
    animation-delay:0.97s;
    -o-animation-delay:0.97s;
    -ms-animation-delay:0.97s;
    -webkit-animation-delay:0.97s;
    -moz-animation-delay:0.97s;
}

#circularG_6{
    right:6px;
    bottom:6px;
    animation-delay:1.1s;
    -o-animation-delay:1.1s;
    -ms-animation-delay:1.1s;
    -webkit-animation-delay:1.1s;
    -moz-animation-delay:1.1s;
}

#circularG_7{
    left:23px;
    bottom:0;
    animation-delay:1.24s;
    -o-animation-delay:1.24s;
    -ms-animation-delay:1.24s;
    -webkit-animation-delay:1.24s;
    -moz-animation-delay:1.24s;
}

#circularG_8{
    left:6px;
    bottom:6px;
    animation-delay:1.38s;
    -o-animation-delay:1.38s;
    -ms-animation-delay:1.38s;
    -webkit-animation-delay:1.38s;
    -moz-animation-delay:1.38s;
}



@keyframes bounce_circularG{
    0%{
        transform:scale(1);
    }

    100%{
        transform:scale(.3);
    }
}

@-o-keyframes bounce_circularG{
    0%{
        -o-transform:scale(1);
    }

    100%{
        -o-transform:scale(.3);
    }
}

@-ms-keyframes bounce_circularG{
    0%{
        -ms-transform:scale(1);
    }

    100%{
        -ms-transform:scale(.3);
    }
}

@-webkit-keyframes bounce_circularG{
    0%{
        -webkit-transform:scale(1);
    }

    100%{
        -webkit-transform:scale(.3);
    }
}

@-moz-keyframes bounce_circularG{
    0%{
        -moz-transform:scale(1);
    }

    100%{
        -moz-transform:scale(.3);
    }
}