html{
    font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
body{
    font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif;
    font-size:14px;
    margin:0;
    line-height:1.42857143;
    color:#000;
    background-color:#eee;
    padding-top:70px
}
details,footer,header,main,nav,section{
    display:block
}
audio,canvas{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden]{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
b,strong{
    font-weight:700
}
h1{
    margin:.67em 0;
    font-size:2em
}
mark{
    color:#000;
    background:#ff0
}
sub{
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
svg:not(:root){
    overflow:hidden
}
hr{
    height:0;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
button,input,select{
    margin:0;
    font:inherit;
    color:inherit
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:default
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    padding:0;
    border:0
}
input{
    line-height:normal
}
input[type=checkbox],input[type=radio]{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-appearance:textfield
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
/*!Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css*/
@media print{
    *,:after,:before{
        color:#000!important;
        text-shadow:none!important;
        background:0 0!important;
        -webkit-box-shadow:none!important;
        box-shadow:none!important
    }
    a,a:visited{
        text-decoration:underline
    }
    a[href]:after{
        content:" (" attr(href) ")"
    }
    a[href^="#"]:after,a[href^="javascript:"]:after{
        content:""
    }
    h2,h3,p{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
    .navbar{
        display:none
    }
    .label{
        border:1px solid #000
    }
}
*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
html{
    font-size:10px;
    -webkit-tap-highlight-color:transparent
}
button,input,select{
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
a{
    text-decoration:none
}
a:focus,a:hover{
    color:#23527c;
    text-decoration:underline
}
a:focus{
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
hr{
    margin-top:20px;
    margin-bottom:20px;
    border:0;
    border-top:1px solid #eee
}
[role=button]{
    cursor:pointer
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    font-family:inherit;
    font-weight:500;
    line-height:1.1;
    color:inherit
}
.h1,.h2,.h3,h1,h2,h3{
    margin-top:15px;
    margin-bottom:10px
}
.h4,.h5,.h6,h4,h5,h6{
    margin-top:10px;
    margin-bottom:10px
}
.h1,h1{
    font-size:26px
}
.h2,h2{
    font-weight:600;
    font-size:22px
}
.h3,h3{
    font-size:20px
}
.h4,h4{
    font-size:18px
}
.h5,h5{
    font-size:14px
}
.h6,h6{
    font-size:12px
}
p{
    margin:0 0 10px
}
.mark,mark{
    padding:.2em;
    background-color:#fcf8e3
}
.text-left{
    text-align:left
}
.text-right{
    text-align:right
}
.text-center{
    text-align:center
}
.text-justify{
    text-align:justify
}
.text-info{
    color:#31708f
}
a.text-info:focus,a.text-info:hover{
    color:#245269
}
.page-header{
    padding-bottom:9px;
    margin:40px 0 20px;
    border-bottom:1px solid #eee
}
ol,ul{
    margin-top:0;
    margin-bottom:10px
}
ol ol,ol ul,ul ol,ul ul{
    margin-bottom:0
}
.list-unstyled{
    padding-left:0;
    list-style:none
}
dd{
    line-height:1.42857143
}
dd{
    margin-left:0
}
address{
    margin-bottom:20px;
    font-style:normal;
    line-height:1.42857143
}
.container{
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
@media(min-width:768px){
    .container{
        width:750px
    }
}
@media(min-width:992px){
    .container{
        width:970px
    }
}
@media(min-width:1200px){
    .container{
        width:1170px
    }
}
.row{
    margin-right:-15px;
    margin-left:-15px
}
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
    float:left
}
.col-xs-12{
    width:100%
}
.col-xs-11{
    width:91.66666667%
}
.col-xs-10{
    width:83.33333333%
}
.col-xs-9{
    width:75%
}
.col-xs-8{
    width:66.66666667%
}
.col-xs-7{
    width:58.33333333%
}
.col-xs-6{
    width:50%
}
.col-xs-5{
    width:41.66666667%
}
.col-xs-4{
    width:33.33333333%
}
.col-xs-3{
    width:25%
}
.col-xs-2{
    width:16.66666667%
}
.col-xs-1{
    width:8.33333333%
}
.col-xs-push-12{
    left:100%
}
.col-xs-push-11{
    left:91.66666667%
}
.col-xs-push-10{
    left:83.33333333%
}
.col-xs-push-9{
    left:75%
}
.col-xs-push-8{
    left:66.66666667%
}
.col-xs-push-7{
    left:58.33333333%
}
.col-xs-push-6{
    left:50%
}
.col-xs-push-5{
    left:41.66666667%
}
.col-xs-push-4{
    left:33.33333333%
}
.col-xs-push-3{
    left:25%
}
.col-xs-push-2{
    left:16.66666667%
}
.col-xs-push-1{
    left:8.33333333%
}
.col-xs-push-0{
    left:auto
}
.col-xs-offset-12{
    margin-left:100%
}
.col-xs-offset-11{
    margin-left:91.66666667%
}
.col-xs-offset-10{
    margin-left:83.33333333%
}
.col-xs-offset-9{
    margin-left:75%
}
.col-xs-offset-8{
    margin-left:66.66666667%
}
.col-xs-offset-7{
    margin-left:58.33333333%
}
.col-xs-offset-6{
    margin-left:50%
}
.col-xs-offset-5{
    margin-left:41.66666667%
}
.col-xs-offset-4{
    margin-left:33.33333333%
}
.col-xs-offset-3{
    margin-left:25%
}
.col-xs-offset-2{
    margin-left:16.66666667%
}
.col-xs-offset-1{
    margin-left:8.33333333%
}
.col-xs-offset-0{
    margin-left:0
}
@media(min-width:768px){
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{
        float:left
    }
    .col-sm-12{
        width:100%
    }
    .col-sm-11{
        width:91.66666667%
    }
    .col-sm-10{
        width:83.33333333%
    }
    .col-sm-9{
        width:75%
    }
    .col-sm-8{
        width:66.66666667%
    }
    .col-sm-7{
        width:58.33333333%
    }
    .col-sm-6{
        width:50%
    }
    .col-sm-5{
        width:41.66666667%
    }
    .col-sm-4{
        width:33.33333333%
    }
    .col-sm-3{
        width:25%
    }
    .col-sm-2{
        width:16.66666667%
    }
    .col-sm-1{
        width:8.33333333%
    }
    .col-sm-push-12{
        left:100%
    }
    .col-sm-push-11{
        left:91.66666667%
    }
    .col-sm-push-10{
        left:83.33333333%
    }
    .col-sm-push-9{
        left:75%
    }
    .col-sm-push-8{
        left:66.66666667%
    }
    .col-sm-push-7{
        left:58.33333333%
    }
    .col-sm-push-6{
        left:50%
    }
    .col-sm-push-5{
        left:41.66666667%
    }
    .col-sm-push-4{
        left:33.33333333%
    }
    .col-sm-push-3{
        left:25%
    }
    .col-sm-push-2{
        left:16.66666667%
    }
    .col-sm-push-1{
        left:8.33333333%
    }
    .col-sm-push-0{
        left:auto
    }
    .col-sm-offset-12{
        margin-left:100%
    }
    .col-sm-offset-11{
        margin-left:91.66666667%
    }
    .col-sm-offset-10{
        margin-left:83.33333333%
    }
    .col-sm-offset-9{
        margin-left:75%
    }
    .col-sm-offset-8{
        margin-left:66.66666667%
    }
    .col-sm-offset-7{
        margin-left:58.33333333%
    }
    .col-sm-offset-6{
        margin-left:50%
    }
    .col-sm-offset-5{
        margin-left:41.66666667%
    }
    .col-sm-offset-4{
        margin-left:33.33333333%
    }
    .col-sm-offset-3{
        margin-left:25%
    }
    .col-sm-offset-2{
        margin-left:16.66666667%
    }
    .col-sm-offset-1{
        margin-left:8.33333333%
    }
    .col-sm-offset-0{
        margin-left:0
    }
}
@media(min-width:992px){
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{
        float:left
    }
    .col-md-12{
        width:100%
    }
    .col-md-11{
        width:91.66666667%
    }
    .col-md-10{
        width:83.33333333%
    }
    .col-md-9{
        width:75%
    }
    .col-md-8{
        width:66.66666667%
    }
    .col-md-7{
        width:58.33333333%
    }
    .col-md-6{
        width:50%
    }
    .col-md-5{
        width:41.66666667%
    }
    .col-md-4{
        width:33.33333333%
    }
    .col-md-3{
        width:25%
    }
    .col-md-2{
        width:16.66666667%
    }
    .col-md-1{
        width:8.33333333%
    }
    .col-md-push-12{
        left:100%
    }
    .col-md-push-11{
        left:91.66666667%
    }
    .col-md-push-10{
        left:83.33333333%
    }
    .col-md-push-9{
        left:75%
    }
    .col-md-push-8{
        left:66.66666667%
    }
    .col-md-push-7{
        left:58.33333333%
    }
    .col-md-push-6{
        left:50%
    }
    .col-md-push-5{
        left:41.66666667%
    }
    .col-md-push-4{
        left:33.33333333%
    }
    .col-md-push-3{
        left:25%
    }
    .col-md-push-2{
        left:16.66666667%
    }
    .col-md-push-1{
        left:8.33333333%
    }
    .col-md-push-0{
        left:auto
    }
    .col-md-offset-12{
        margin-left:100%
    }
    .col-md-offset-11{
        margin-left:91.66666667%
    }
    .col-md-offset-10{
        margin-left:83.33333333%
    }
    .col-md-offset-9{
        margin-left:75%
    }
    .col-md-offset-8{
        margin-left:66.66666667%
    }
    .col-md-offset-7{
        margin-left:58.33333333%
    }
    .col-md-offset-6{
        margin-left:50%
    }
    .col-md-offset-5{
        margin-left:41.66666667%
    }
    .col-md-offset-4{
        margin-left:33.33333333%
    }
    .col-md-offset-3{
        margin-left:25%
    }
    .col-md-offset-2{
        margin-left:16.66666667%
    }
    .col-md-offset-1{
        margin-left:8.33333333%
    }
    .col-md-offset-0{
        margin-left:0
    }
}
label{
    display:inline-block;
    max-width:100%;
    margin-bottom:5px;
    font-weight:700
}
input[type=search]{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
input[type=checkbox],input[type=radio]{
    margin:4px 0 0;
    line-height:normal
}
input[type=file]{
    display:block
}
input[type=range]{
    display:block;
    width:100%
}
select[multiple],select[size]{
    height:auto
}
input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.form-control{
    display:block;
    width:100%;
    height:34px;
    padding:6px 12px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-control:focus{
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.form-control::-moz-placeholder{
    color:#999;
    opacity:1
}
.form-control:-ms-input-placeholder{
    color:#999
}
.form-control::-webkit-input-placeholder{
    color:#999
}
.form-control::-ms-expand{
    background-color:transparent;
    border:0
}
.form-control[disabled],.form-control[readonly]{
    background-color:#eee;
    opacity:1
}
.form-control[disabled]{
    cursor:not-allowed
}
input[type=search]{
    -webkit-appearance:none
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{
        line-height:34px
    }
    .input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{
        line-height:30px
    }
}
.form-group{
    margin-bottom:15px
}
input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{
    cursor:not-allowed
}
.form-control-static{
    min-height:34px;
    padding-top:7px;
    padding-bottom:7px;
    margin-bottom:0
}
.form-control-static.input-sm{
    padding-right:0;
    padding-left:0
}
.input-sm{
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
select.input-sm{
    height:30px;
    line-height:30px
}
select[multiple].input-sm{
    height:auto
}
.form-group-sm .form-control{
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.form-group-sm select.form-control{
    height:30px;
    line-height:30px
}
.form-group-sm select[multiple].form-control{
    height:auto
}
.form-group-sm .form-control-static{
    height:30px;
    min-height:32px;
    padding:6px 10px;
    font-size:12px;
    line-height:1.5
}
.has-error .control-label{
    color:#a94442
}
.has-error .form-control{
    border-color:#a94442;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-error .form-control:focus{
    border-color:#843534;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}
.has-error .input-group-addon{
    color:#a94442;
    background-color:#f2dede;
    border-color:#a94442
}
.btn{
    display:inline-block;
    padding:6px 12px;
    margin-bottom:0;
    font-size:14px;
    font-weight:400;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    border-radius:4px
}
.btn.active:focus,.btn:active:focus,.btn:focus{
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.btn:focus,.btn:hover{
    color:#333;
    text-decoration:none
}
.btn.active,.btn:active{
    background-image:none;
    outline:0;
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled,.btn[disabled]{
    cursor:not-allowed;
    -webkit-box-shadow:none;
    box-shadow:none;
    opacity:.65
}
a.btn.disabled{
    pointer-events:none
}
.btn-default{
    color:#333;
    background-color:#fff;
    border-color:#ccc
}
.btn-default:focus{
    color:#333;
    background-color:#e6e6e6;
    border-color:#8c8c8c
}
.btn-default:hover{
    color:#333;
    background-color:#e6e6e6;
    border-color:#adadad
}
.btn-default.active,.btn-default:active{
    color:#333;
    background-color:#e6e6e6;
    border-color:#adadad
}
.btn-default.active:focus,.btn-default.active:hover,.btn-default:active:focus,.btn-default:active:hover{
    color:#333;
    background-color:#d4d4d4;
    border-color:#8c8c8c
}
.btn-default.active,.btn-default:active{
    background-image:none
}
.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled]:focus,.btn-default[disabled]:hover{
    background-color:#fff;
    border-color:#ccc
}
.btn-info{
    color:#fff;
    background-color:#5bc0de;
    border-color:#46b8da
}
.btn-info:focus{
    color:#fff;
    background-color:#31b0d5;
    border-color:#1b6d85
}
.btn-info:hover{
    color:#fff;
    background-color:#31b0d5;
    border-color:#269abc
}
.btn-info.active,.btn-info:active{
    color:#fff;
    background-color:#31b0d5;
    border-color:#269abc
}
.btn-info.active:focus,.btn-info.active:hover,.btn-info:active:focus,.btn-info:active:hover{
    color:#fff;
    background-color:#269abc;
    border-color:#1b6d85
}
.btn-info.active,.btn-info:active{
    background-image:none
}
.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled]:focus,.btn-info[disabled]:hover{
    background-color:#5bc0de;
    border-color:#46b8da
}
.btn-link{
    font-weight:400;
    color:#337ab7;
    border-radius:0
}
.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled]{
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{
    border-color:transparent
}
.btn-link:focus,.btn-link:hover{
    color:#23527c;
    text-decoration:underline;
    background-color:transparent
}
.btn-link[disabled]:focus,.btn-link[disabled]:hover{
    color:#777;
    text-decoration:none
}
.btn-group-sm>.btn,.btn-sm{
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.btn-group-xs>.btn,.btn-xs{
    padding:1px 5px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.btn-block{
    display:block;
    width:100%
}
.btn-block+.btn-block{
    margin-top:5px
}
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{
    width:100%
}
.fade{
    opacity:0;
    -webkit-transition:opacity .15s linear;
    -o-transition:opacity .15s linear;
    transition:opacity .15s linear
}
.fade.in{
    opacity:1
}
.collapse{
    display:none
}
.collapse.in{
    display:block
}
.open>a{
    outline:0
}
.btn-group{
    position:relative;
    display:inline-block;
    vertical-align:middle
}
.btn-group>.btn{
    position:relative;
    float:left
}
.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{
    z-index:2
}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{
    margin-left:-1px
}
.btn-group>.btn:first-child{
    margin-left:0
}
.btn-group>.btn:last-child:not(:first-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.btn-group>.btn-group{
    float:left
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{
    border-radius:0
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{
    position:absolute;
    clip:rect(0,0,0,0);
    pointer-events:none
}
.input-group{
    position:relative;
    display:table;
    border-collapse:separate
}
.input-group[class*=col-]{
    float:none;
    padding-right:0;
    padding-left:0
}
.input-group .form-control{
    position:relative;
    z-index:2;
    float:left;
    width:100%;
    margin-bottom:0
}
.input-group .form-control:focus{
    z-index:3
}
.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{
    height:30px;
    line-height:30px
}
select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{
    height:auto
}
.input-group .form-control,.input-group-addon,.input-group-btn{
    display:table-cell
}
.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){
    border-radius:0
}
.input-group-addon,.input-group-btn{
    width:1%;
    white-space:nowrap;
    vertical-align:middle
}
.input-group-addon{
    padding:6px 12px;
    font-size:14px;
    font-weight:400;
    line-height:1;
    color:#555;
    text-align:center;
    background-color:#eee;
    border:1px solid #ccc;
    border-radius:4px
}
.input-group-addon.input-sm{
    padding:5px 10px;
    font-size:12px;
    border-radius:3px
}
.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{
    margin-top:0
}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.input-group-addon:first-child{
    border-right:0
}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.input-group-addon:last-child{
    border-left:0
}
.input-group-btn{
    position:relative;
    font-size:0;
    white-space:nowrap
}
.input-group-btn>.btn{
    position:relative
}
.input-group-btn>.btn+.btn{
    margin-left:-1px
}
.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{
    z-index:2
}
.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{
    margin-right:-1px
}
.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{
    z-index:2;
    margin-left:-1px
}
.nav{
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
.nav>li{
    position:relative;
    display:block
}
.nav>li>a{
    position:relative;
    display:block;
    padding:10px 15px
}
.nav>li>a:focus,.nav>li>a:hover{
    text-decoration:none;
    background-color:#eee
}
.nav>li.disabled>a{
    color:#777
}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{
    color:#777;
    text-decoration:none;
    cursor:not-allowed;
    background-color:transparent
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{
    background-color:#eee;
    border-color:#337ab7
}
.navbar{
    position:relative;
    min-height:50px;
    margin-bottom:20px;
    border:1px solid transparent
}
@media(min-width:768px){
    .navbar{
        border-radius:4px
    }
}
@media(min-width:768px){
    .navbar-header{
        float:left
    }
}
.navbar-collapse{
    padding-right:15px;
    padding-left:15px;
    overflow-x:visible;
    -webkit-overflow-scrolling:touch;
    border-top:1px solid transparent;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1)
}
.navbar-collapse.in{
    overflow-y:auto
}
@media(min-width:768px){
    .navbar-collapse{
        width:auto;
        border-top:0;
        -webkit-box-shadow:none;
        box-shadow:none
    }
    .navbar-collapse.collapse{
        display:block!important;
        height:auto!important;
        padding-bottom:0;
        overflow:visible!important
    }
    .navbar-collapse.in{
        overflow-y:visible
    }
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{
        padding-right:0;
        padding-left:0
    }
}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{
    max-height:340px
}
@media(max-device-width:480px) and (orientation:landscape){
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{
        max-height:200px
    }
}
.container>.navbar-collapse,.container>.navbar-header{
    margin-right:-15px;
    margin-left:-15px
}
@media(min-width:768px){
    .container>.navbar-collapse,.container>.navbar-header{
        margin-right:0;
        margin-left:0
    }
}
.navbar-static-top{
    z-index:1000;
    border-width:0 0 1px
}
@media(min-width:768px){
    .navbar-static-top{
        border-radius:0
    }
}
.navbar-fixed-bottom,.navbar-fixed-top{
    position:fixed;
    right:0;
    left:0;
    z-index:1030
}
@media(min-width:768px){
    .navbar-fixed-bottom,.navbar-fixed-top{
        border-radius:0
    }
}
.navbar-fixed-top{
    top:0;
    border-width:0 0 1px
}
.navbar-fixed-bottom{
    bottom:0;
    margin-bottom:0;
    border-width:1px 0 0
}
.navbar-brand{
    float:left;
    height:50px;
    padding:15px;
    font-size:18px;
    line-height:20px
}
.navbar-brand:focus,.navbar-brand:hover{
    text-decoration:none
}
@media(min-width:768px){
    .navbar>.container .navbar-brand{
        margin-left:-15px
    }
}
.navbar-toggle{
    position:relative;
    float:right;
    padding:9px 10px;
    margin-top:8px;
    margin-right:15px;
    margin-bottom:8px;
    background-color:transparent;
    background-image:none;
    border:1px solid transparent;
    border-radius:4px
}
.navbar-toggle:focus{
    outline:0
}
@media(min-width:768px){
    .navbar-toggle{
        display:none
    }
}
.navbar-nav{
    margin:7.5px -15px
}
.navbar-nav>li>a{
    padding-top:10px;
    padding-bottom:10px;
    line-height:20px
}
@media(min-width:768px){
    .navbar-nav{
        float:left;
        margin:0
    }
    .navbar-nav>li{
        float:left
    }
    .navbar-nav>li>a{
        padding-top:15px;
        padding-bottom:15px
    }
}
.navbar-form{
    padding:10px 15px;
    margin-top:8px;
    margin-right:-15px;
    margin-bottom:8px;
    margin-left:-15px;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)
}
@media(min-width:768px){
    .navbar-form .form-group{
        display:inline-block;
        margin-bottom:0;
        vertical-align:middle
    }
    .navbar-form .form-control{
        display:inline-block;
        width:auto;
        vertical-align:middle
    }
    .navbar-form .form-control-static{
        display:inline-block
    }
    .navbar-form .input-group{
        display:inline-table;
        vertical-align:middle
    }
    .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{
        width:auto
    }
    .navbar-form .input-group>.form-control{
        width:100%
    }
    .navbar-form .control-label{
        margin-bottom:0;
        vertical-align:middle
    }
}
@media(max-width:767px){
    .navbar-form .form-group{
        margin-bottom:5px
    }
    .navbar-form .form-group:last-child{
        margin-bottom:0
    }
}
@media(min-width:768px){
    .navbar-form{
        width:auto;
        padding-top:0;
        padding-bottom:0;
        margin-right:0;
        margin-left:0;
        border:0;
        -webkit-box-shadow:none;
        box-shadow:none
    }
}
.navbar-btn{
    margin-top:8px;
    margin-bottom:8px
}
.navbar-btn.btn-sm{
    margin-top:10px;
    margin-bottom:10px
}
.navbar-btn.btn-xs{
    margin-top:14px;
    margin-bottom:14px
}
.navbar-text{
    margin-top:15px;
    margin-bottom:15px
}
@media(min-width:768px){
    .navbar-text{
        float:left;
        margin-right:15px;
        margin-left:15px
    }
}
@media(min-width:768px){
    .navbar-left{
        float:left!important
    }
    .navbar-right{
        float:right!important;
        margin-right:-15px
    }
    .navbar-right~.navbar-right{
        margin-right:0
    }
}
.navbar-default{
    background-color:#f8f8f8;
    border-color:#e7e7e7
}
.navbar-default .navbar-brand{
    color:#333
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{
    color:#5e5e5e;
    background-color:transparent
}
.navbar-default .navbar-text{
    color:#777
}
.navbar-default .navbar-nav>li>a{
    color:#777
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{
    color:#333;
    background-color:transparent
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{
    color:#555;
    background-color:#e7e7e7
}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{
    color:#ccc;
    background-color:transparent
}
.navbar-default .navbar-toggle{
    border-color:#ddd
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{
    background-color:#ddd
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{
    border-color:#e7e7e7
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{
    color:#555;
    background-color:#e7e7e7
}
.navbar-default .navbar-link{
    color:#777
}
.navbar-default .navbar-link:hover{
    color:#333
}
.navbar-default .btn-link{
    color:#777
}
.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{
    color:#333
}
.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover{
    color:#ccc
}
.label{
    display:inline;
    padding:.2em .6em .3em;
    font-size:75%;
    font-weight:700;
    line-height:1;
    color:#fff;
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    border-radius:.25em
}
a.label:focus,a.label:hover{
    color:#fff;
    text-decoration:none;
    cursor:pointer
}
.label:empty{
    display:none
}
.btn .label{
    position:relative;
    top:-1px
}
.label-default{
    background-color:#777
}
.label-default[href]:focus,.label-default[href]:hover{
    background-color:#5e5e5e
}
.label-info{
    background-color:#5bc0de
}
.label-info[href]:focus,.label-info[href]:hover{
    background-color:#31b0d5
}
@-webkit-keyframes progress-bar-stripes{
    from{
        background-position:40px 0
    }
    to{
        background-position:0 0
    }
}
@-o-keyframes progress-bar-stripes{
    from{
        background-position:40px 0
    }
    to{
        background-position:0 0
    }
}
@keyframes progress-bar-stripes{
    from{
        background-position:40px 0
    }
    to{
        background-position:0 0
    }
}
.media{
    margin-top:15px
}
.media:first-child{
    margin-top:0
}
.media,.media-body{
    overflow:hidden;
    zoom:1
}
.media-body{
    width:10000px
}
.media-right{
    padding-left:10px
}
.media-left{
    padding-right:10px
}
.media-body,.media-left,.media-right{
    display:table-cell;
    vertical-align:top
}
.media-bottom{
    vertical-align:bottom
}
.media-list{
    padding-left:0;
    list-style:none
}
.list-group{
    padding-left:0;
    margin-bottom:20px
}
.list-group-item{
    position:relative;
    display:block;
    padding:10px 15px;
    margin-bottom:-1px;
    background-color:#fff;
    border:1px solid #ddd
}
.list-group-item:first-child{
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.list-group-item:last-child{
    margin-bottom:0;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px
}
a.list-group-item,button.list-group-item{
    color:#555
}
a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{
    color:#555;
    text-decoration:none;
    background-color:#f5f5f5
}
button.list-group-item{
    width:100%;
    text-align:left
}
.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{
    color:#777;
    cursor:not-allowed;
    background-color:#eee
}
.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{
    color:#777
}
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{
    z-index:2;
    color:#fff;
    background-color:#337ab7;
    border-color:#337ab7
}
.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{
    color:#c7ddef
}
.list-group-item-info{
    color:#31708f;
    background-color:#d9edf7
}
a.list-group-item-info,button.list-group-item-info{
    color:#31708f
}
a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{
    color:#31708f;
    background-color:#c4e3f3
}
a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{
    color:#fff;
    background-color:#31708f;
    border-color:#31708f
}
.list-group-item-text{
    margin-bottom:0;
    line-height:1.3
}
.well{
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#f5f5f5;
    border:1px solid #e3e3e3;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
}
.well-sm{
    padding:9px;
    border-radius:3px
}
.close{
    float:right;
    font-size:21px;
    font-weight:700;
    line-height:1;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:.2
}
.close:focus,.close:hover{
    color:#000;
    text-decoration:none;
    cursor:pointer;
    opacity:.5
}
button.close{
    -webkit-appearance:none;
    padding:0;
    cursor:pointer;
    background:0 0;
    border:0
}
.modal-open{
    overflow:hidden
}
.modal{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1050;
    display:none;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
    outline:0
}
.modal.fade .modal-dialog{
    -webkit-transition:-webkit-transform .3s ease-out;
    -o-transition:-o-transform .3s ease-out;
    transition:transform .3s ease-out;
    -webkit-transform:translate(0,-25%);
    -ms-transform:translate(0,-25%);
    -o-transform:translate(0,-25%);
    transform:translate(0,-25%)
}
.modal.in .modal-dialog{
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}
.modal-open .modal{
    overflow-x:hidden;
    overflow-y:auto
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:10px
}
.modal-content{
    position:relative;
    background-color:#fff;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    border:1px solid #999;
    border:1px solid rgba(0,0,0,.2);
    border-radius:6px;
    outline:0;
    -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
    box-shadow:0 3px 9px rgba(0,0,0,.5)
}
.modal-backdrop{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1040;
    background-color:#000
}
.modal-backdrop.fade{
    opacity:0
}
.modal-backdrop.in{
    opacity:.5
}
.modal-header{
    padding:15px;
    border-bottom:1px solid #e5e5e5
}
.modal-header .close{
    margin-top:-2px
}
.modal-title{
    margin:0;
    line-height:1.42857143
}
.modal-body{
    position:relative;
    padding:15px
}
.modal-footer{
    padding:15px;
    text-align:right;
    border-top:1px solid #e5e5e5
}
.modal-footer .btn+.btn{
    margin-bottom:0;
    margin-left:5px
}
.modal-footer .btn-group .btn+.btn{
    margin-left:-1px
}
.modal-footer .btn-block+.btn-block{
    margin-left:0
}
@media(min-width:768px){
    .modal-dialog{
        width:600px;
        margin:30px auto
    }
    .modal-content{
        -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
        box-shadow:0 5px 15px rgba(0,0,0,.5)
    }
    .modal-sm{
        width:300px
    }
}
.container:after,.container:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.row:after,.row:before{
    display:table;
    content:" "
}
.container:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.row:after{
    clear:both
}
.center-block{
    display:block;
    margin-right:auto;
    margin-left:auto
}
.hidden{
    display:none!important
}
.visible-md,.visible-sm,.visible-xs{
    display:none!important
}
.visible-md-block,.visible-sm-block,.visible-xs-block{
    display:none!important
}
@media(max-width:767px){
    .visible-xs{
        display:block!important
    }
}
@media(max-width:767px){
    .visible-xs-block{
        display:block!important
    }
}
@media(min-width:768px) and (max-width:991px){
    .visible-sm{
        display:block!important
    }
}
@media(min-width:768px) and (max-width:991px){
    .visible-sm-block{
        display:block!important
    }
}
@media(min-width:992px) and (max-width:1199px){
    .visible-md{
        display:block!important
    }
}
@media(min-width:992px) and (max-width:1199px){
    .visible-md-block{
        display:block!important
    }
}
@media(max-width:767px){
    .hidden-xs{
        display:none!important
    }
}
@media(min-width:768px) and (max-width:991px){
    .hidden-sm{
        display:none!important
    }
}
@media(min-width:992px) and (max-width:1199px){
    .hidden-md{
        display:none!important
    }
}
.visible-print{
    display:none!important
}
@media print{
    .visible-print{
        display:block!important
    }
}
.visible-print-block{
    display:none!important
}
@media print{
    .visible-print-block{
        display:block!important
    }
}
@media print{
    .hidden-print{
        display:none!important
    }
}
.button.fb{
    background-color:#4267b2
}
.button.google{
    background-color:#db4437
}
h5{
    font-size:16px;
    font-weight:700;
    color:#777
}
p{
    font-size:1.1em;
    font-weight:300;
    line-height:1.7em;
    color:#333
}
a,a:focus,a:hover{
    color:inherit;
    text-decoration:none;
    -webkit-transition:color .3s;
    transition:color .3s
}
.navbar{
    padding:5px 1px;
    background:#fff;
    border:none;
    border-radius:0;
    margin-bottom:40px;
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);
    box-shadow:1px 1px 3px rgba(0,0,0,.2)
}
.navbar .navbar-header{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.navbar .navbar-center{
    float:none;
    width:300px;
    margin:0 auto;
    margin-top:5px
}
.navbar .navbar-toggle{
    padding:0;
    margin-bottom:0;
    border:none
}
.navbar .navbar-toggle:hover{
    background-color:inherit
}
.navbar .navbar-brand{
    margin-right:auto;
    line-height:26px;
    font-size:16pt
}
.navbar .navbar-brand span{
    color:#6d7fcc;
    font-weight:700
}
#search{
    float:left;
    width:100%;
    max-width:450px
}
.bootstrap-tagsinput,input{
    width:100%;
    margin:10px 0
}
.bootstrap-tagsinput>input{
    width:100%;
    padding:0
}
.btn-theme{
    background-color:#6d7fcc;
    color:#fff;
    -webkit-transition:all .3s;
    transition:all .3s
}
.btn-theme:focus,.btn-theme:hover{
    background-color:#475ebf;
    color:#fff
}
.btn-large{
    padding:10px 36px
}
#ringtone-edit-error,#upload-error{
    display:none;
    float:left;
    font-size:14px;
    font-weight:700;
    color:#475ebf
}
.modal{
    z-index:999999
}
.modal .modal-dialog{
    width:420px
}
.modal .modal-dialog .modal-content{
    border:none
}
.modal .modal-dialog .modal-content .modal-header{
    background:#7386d5;
    color:#fff
}
.modal .modal-dialog .modal-content .modal-header .modal-title{
    float:left;
    font-size:20px;
    font-weight:700
}
.modal .modal-dialog .modal-content .modal-body{
    padding:0 15px
}
.modal .modal-dialog .modal-content .modal-body .button{
    width:100%;
    border-radius:30px;
    margin:20px 0;
    font-size:14px;
    font-weight:700
}
.modal .modal-dialog .modal-content .modal-body .button .icon{
    float:left;
    height:18px;
    width:18px;
    margin:7px 0 7px 15px
}
.modal .modal-dialog .modal-content .modal-footer{
    font-size:10px
}
.modal .modal-dialog .modal-content .modal-footer a{
    font-weight:700;
    color:#475ebf
}
.glyphicon-stop:before{
    margin-right:2px
}
.content{
    position:relative;
    min-height:600px;
    max-width:800px;
    margin:auto
}
.content.upload{
    min-height:0;
    padding:40px 15px 20px;
    border-radius:15px;
    margin:20px auto;
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);
    box-shadow:1px 1px 3px rgba(0,0,0,.2)
}
.content.upload.title{
    text-align:center;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    padding:0
}
.content.upload.title h1{
    margin:10px 0
}
.content.upload .input-group-addon{
    color:inherit;
    background-color:inherit;
    border:none;
    padding-right:0
}
.content.upload #area{
    position:relative;
    z-index:9;
    pointer-events:none
}
.content.upload #area #left{
    left:0;
    position:absolute;
    height:128px;
    background:#000000aa
}
.content.upload #area #right{
    right:0;
    position:absolute;
    height:128px;
    background:#00000080
}
.content.upload #handle{
    position:relative;
    z-index:99;
    color:#475ebf;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.content.upload #handle div{
    width:15px;
    position:absolute;
    background-color:#00ffad;
    cursor:ew-resize;
    pointer-events:all;
    height:128px
}
.content.upload #handle div::before{
    content:"•\A•\A•";
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font-size:12px;
    margin-top:0;
    white-space:pre;
    line-height:6px
}
.content.upload #handle div:hover{
    color:#fff
}
.content.upload #handle #left{
    right:0;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px
}
.content.upload #handle #right{
    right:0;
    border-bottom-right-radius:5px;
    border-top-right-radius:5px
}
.content.upload .controller-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:10px
}
.content.upload .controller-box .controller{
    width:100%
}
.content.upload .controller-box .controller.start{
    float:left
}
.content.upload .controller-box .controller.end{
    float:right
}
.content.upload .controller-box .controller input{
    margin:0!important;
    border-left:none;
    border-right:none
}
.content.upload .controller-box .controller input:focus{
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
.content.upload .button{
    margin:0 auto 10px;
    width:40%;
    border-radius:30px;
    font-weight:700;
    font-size:16px
}
.content.upload .player{
    float:none;
    margin:0 auto;
    width:50px;
    height:50px
}
.content.upload .player .icon{
    height:22px;
    width:22px;
    margin-top:14px
}
.content.upload .upload-vector{
    text-align:center;
    margin-top:-50px;
    -webkit-transform:scale(.8);
    transform:scale(.8)
}
.content.upload #upload-input{
    display:none!important
}
.content.upload#add-ringtone{
    display:none
}
.content.upload#add-ringtone input{
    width:100%;
    margin-top:10px
}
.content.upload#add-ringtone #loader{
    height:10px;
    background:#6d7fcc;
    margin:20px 0 -21px;
    overflow:hidden;
    width:0%;
    -webkit-transition:all .2s;
    transition:all .2s
}
.content.upload #ringtone-upload{
    float:right
}
.content.upload #ringtone-upload-cancel{
    float:right;
    margin-right:10px
}
.content.upload #waveform{
    margin:0 0 30px;
    position:relative;
    cursor:move
}
.content.upload #waveform wave{
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);
    box-shadow:1px 1px 3px rgba(0,0,0,.2)
}
.content.upload #waveform #time-current{
    display:none
}
.content.upload #waveform #time-current::before{
    content:"";
    border-right:solid thin #666;
    position:absolute;
    left:12px;
    height:128px;
    margin-top:18px;
    z-index:9
}
.content.upload #waveform #time-end{
    right:0;
    margin-right:-12px
}
.content.upload #waveform #time-between{
    bottom:2px;
    margin-right:-18px
}
.content.upload #waveform #time-between,.content.upload #waveform #time-current,.content.upload #waveform #time-end,.content.upload #waveform #time-playing,.content.upload #waveform #time-start{
    pointer-events:none;
    color:#666;
    position:absolute;
    font-size:10px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.content.upload #waveform #time-between.b,.content.upload #waveform #time-current.b,.content.upload #waveform #time-end.b,.content.upload #waveform #time-playing.b,.content.upload #waveform #time-start.b{
    bottom:-18px
}
.content.upload #waveform #time-between.t,.content.upload #waveform #time-current.t,.content.upload #waveform #time-end.t,.content.upload #waveform #time-playing.t,.content.upload #waveform #time-start.t{
    top:-18px
}
.content.ringtone-download{
    min-height:0;
    max-width:600px;
    padding:8px 15px
}
.content.ringtone-download .button{
    width:100%;
    border-radius:30px;
    margin:0 0 10px;
    font-size:16px;
    font-weight:700;
    height:46px;
    line-height:46px
}
.content.ringtone-download .button .icon{
    float:left;
    margin:7px 0 7px 10px;
    height:30px;
    width:30px
}
.content.ringtone-tags{
    background-color:#fff;
    min-height:0;
    max-width:600px;
    padding:8px 15px 20px;
    border-radius:15px;
    margin:15px auto;
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);
    box-shadow:1px 1px 3px rgba(0,0,0,.2)
}
.content.ringtone-tags ul{
    list-style:none;
    padding:0
}
.content.ringtone-tags ul li a{
    float:left;
    padding:10px 25px;
    margin-right:10px;
    margin-top:15px;
    border-radius:30px;
    border:1px dotted;
    font-size:16px;
    color:#000;
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);
    box-shadow:1px 1px 3px rgba(0,0,0,.2)
}
.content.ringtone{
    min-height:0;
    max-width:600px;
    padding:8px 15px 0;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    margin:5px auto;
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);
    box-shadow:1px 1px 3px rgba(0,0,0,.2);
    background:#ad0d00;
}
.content.ringtone a,.content.ringtone h1,.content.ringtone p{
    color:#fff
}
.content.ringtone .line{
    border-bottom:solid #ddd 1px;
    margin:20px 0 10px
}
.content.ringtone h1{
    font-size:26px;
    text-transform:capitalize
}
.content.ringtone #info{
    float:right;
    margin-right:10px;
    font-size:12px;
    font-weight:700;
    color:#ffffffaa;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.content.ringtone #footer{
    color:#111;
    background:#fff
}
.content.ringtone #footer a,.content.ringtone #footer h1,.content.ringtone #footer p{
    color:#666
}
.content.ringtone #footer .button{
    display:inline-table;
    border-radius:0;
    background:initial;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
.content.ringtone #footer .button.light{
    color:#6d7fcc
}
.content.ringtone #footer .button .icon{
    display:block;
    height:22px;
    width:100%
}
.content.ringtone #footer .button span{
    color:#666;
    font-weight:700
}
.content.ringtone #footer #user{
    color:#475ebf;
    white-space:nowrap;
    font-size:16px;
    font-weight:700;
    line-height:42px;
    margin-bottom:0
}
.content.ringtone #footer #date{
    font-size:12px;
    margin-top:-5px;
    color:#333
}
.content.ringtone #footer #description{
    display:none
}
.content.ringtone .button{
    float:right;
    margin-right:0
}
.content.ringtone .button.player{
    height:96px;
    width:96px;
    float:none;
    margin:0 auto 30px
}
.content.ringtone .button.player .icon{
    margin-top:25px;
    margin-left:8px;
    height:46px;
    width:46px
}
.content.ringtone .button.player.loader::after{
    width:96px;
    height:96px;
    border-width:6px
}
.content .box{
    padding:8px 15px;
    border:solid #555 1px;
    border-radius:15px;
    margin-right:3%;
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);
    box-shadow:1px 1px 3px rgba(0,0,0,.2);
    background-color:#fff
}
.content .box *{
    font-size:medium
}
.content h1{
    margin:10px 0 20px;
    font-size:30px;
    color:#555;
    font-weight:600
}
.content h1.profile{
    background:#6d7fcc;
    color:#fff;
    padding:20px;
    border-radius:20px;
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);
    box-shadow:1px 1px 3px rgba(0,0,0,.2)
}
.content h1.profile span{
    float:right;
    font-size:16px;
    font-weight:400;
    line-height:33px
}
.content #loadmore .button{
    margin:0 auto 10px;
    width:50%;
    border-radius:10px;
    font-weight:700;
    font-size:16px
}
.content .player{
    position:relative;
    float:left;
    display:block;
    margin:10px;
    height:48px;
    width:48px;
    --rotation:45deg
}
.content .player .icon{
    width:100%;
    color:#fff;
    margin-top:12px;
    margin-left:2px;
    width:24px;
    height:24px;
    -webkit-filter:drop-shadow(1px 1px #bfbdbd);
    filter:drop-shadow(1px 1px #bfbdbd)
}
.content .player.loader::after{
    content:"";
    opacity:.4;
    position:absolute;
    border:4px solid #afb9e2;
    border-radius:50%;
    border-top:4px solid #fff;
    width:48px;
    height:48px;
    left:0;
    bottom:0;
    -webkit-transform:rotate(var(--rotation));
    transform:rotate(var(--rotation));
    -webkit-transition:var(--transition);
    transition:var(--transition);
    -webkit-transition-timing-function:linear;
    transition-timing-function:linear
}
.content .items .item{
    padding:8px 15px;
    border-radius:15px;
    margin-right:3%;
    margin-bottom:40px;
    width:48%;
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);
    box-shadow:1px 1px 3px rgba(0,0,0,.2)
}
.content .items .item:nth-child(2n+2){
    margin-right:0
}
.content .items .item .details{
    display:block
}
.content .items .item .details .title{
    font-weight:700;
    font-size:16px;
    margin-bottom:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    text-transform:capitalize
}
.content .items .item .details p{
    font-size:12px
}
.content .items .item .tags{
    height:24px;
    overflow:hidden;
    list-style:none;
    font-size:12px;
    text-transform:lowercase;
    padding-left:15px;
    margin-bottom:0
}
.content .items .item .tags li{
    float:left;
    padding:2px 8px
}
.content .items .item .tags li a:hover{
    font-weight:700
}
.content .items .item .actions .button{
    float:left
}
.content .items .item .actions .delete,.content .items .item .actions .edit,.content .items .item .actions .share{
    margin-left:0
}
.content .items .item .actions .download{
    float:right
}
.content .items .item:nth-child(4n+1){
    background-color:#fff;
}
.content .items .item:nth-child(4n+1) .details .title,.content .items .item:nth-child(4n+1) a,.content .items .item:nth-child(4n+1) p{
    color:#000
}
.content .items .item:nth-child(4n+2){
    background-color:#fff;
}
.content .items .item:nth-child(4n+2) .details .title,.content .items .item:nth-child(4n+2) a,.content .items .item:nth-child(4n+2) p{
    color:#000
}
.content .items .item:nth-child(4n+3){
    background-color:#fff;
}
.content .items .item:nth-child(4n+3) .details .title,.content .items .item:nth-child(4n+3) a,.content .items .item:nth-child(4n+3) p{
    color:#000
}
.content .items .item:nth-child(4n+4){
   background-color:#fff;
}
.content .items .item:nth-child(4n+4) .details .title,.content .items .item:nth-child(4n+4) a,.content .items .item:nth-child(4n+4) p{
    color:#000
}
.button{
    cursor:default;
    width:32px;
    height:32px;
    line-height:32px;
    text-align:center;
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);
    box-shadow:1px 1px 3px rgba(0,0,0,.2);
    margin:10px 10px 0;
    -webkit-transition:all .2s;
    transition:all .2s;
    color:#fff
}
.button.fav{
    color:#ea443b
}
.button.light{
    color: var(--rgba-color);
    background-color: #eee;
}
.button.light:hover:not(.fav){
   background-color: var(--rgba-color);
    color: #eee;
}
.button.sun{
    background-color:#ad0d00
}
.button.sun:hover{
    background-color:#ad0d00
}
.button.dark{
    background-color: var(--button-dark);
}
.button.dark:hover:not(.fav){
    background-color:#000
}
.footer{
    position:fixed;
    bottom:-5px;
    width:100%;
    z-index:99;
    text-align:center;
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);
    box-shadow:1px 1px 3px rgba(0,0,0,.2);
    background:#fff;
    color:#666
}
.footer .items{
    display:inline-block
}
.footer .items .item{
    position:relative;
    display:-ms-grid;
    display:grid;
    padding:5px 15px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    float:left
}
.footer .items .item.active{
    background:#6d7fcc;
    color:#fff
}
.footer .items .item i{
    font-size:18px
}
.spin{
    -webkit-animation:spin 2s infinite linear;
    animation:spin 2s infinite linear
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(359deg)
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
#sidebar{
    overflow:auto;
    width:250px;
    position:fixed;
    top:0;
    right:-250px;
    height:100vh;
    z-index:9999;
    background: var(--rgba-color);
    color:#fff;
    -webkit-transition:all .3s;
    transition:all .3s;
    -webkit-box-shadow:3px 3px 3px rgba(0,0,0,.2);
    box-shadow:3px 3px 3px rgba(0,0,0,.2)
}
.sidebar-collapse{
    float:right;
    margin-left:auto;
    font-size:2em;
    line-height:60px;
    cursor:pointer;
    -webkit-transition:all .2s;
    transition:all .2s;
    color:#ad0d00;
}
.sidebar-collapse .icon{
    height:32px;
    width:32px
	
}
.sidebar-collapse:hover{
    color:#000;
}
.icon{
    display:inline-block;
    stroke-width:0;
    stroke:currentColor;
    fill:currentColor;
    height:14px;
    width:14px;
    margin-bottom:-2px
}
.icon.icon-stop{
    margin-right:2px
}
#sidebar.active{
    right:0
		
}
#dismiss{
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    background: #bb1d10;
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
    -webkit-transition:all .3s;
    transition:all .3s
}
#dismiss:hover{
    background:#fff;
    color:#7386d5
}
#sidebar .sidebar-header{
    padding: 20px;
    background: rgb(149 15 4)
}
#sidebar ul.components{
    padding:20px 0
}
#sidebar ul.components .social{
    position:fixed;
    bottom:0;
    width:250px;
    list-style:none;
    padding-left:0
}
#sidebar ul.components .social a:hover{
    color:#6d7fcc
}
#sidebar ul.components .social .icon{
    height:20px;
    width:100%
}
#sidebar ul.components .social li{
    float:left;
    width:25%
}
#sidebar ul p{
    color:#fff;
    padding:10px
}
#sidebar ul li a{
    padding:10px;
    font-size:1.1em;
    display:block
}
#sidebar ul li a:hover{
    color:#7386d5;
    background:#fff
}
#sidebar ul li.active>a,a[aria-expanded=true]{
    color:#fff;
    background:#6a11cb;
    pointer-events:none
}
#sidebar ul li hr{
    margin:10px
}
a[data-toggle=collapse]{
    position:relative
}
ul ul a{
    font-size:.9em!important;
    background:rgb(149 15 4)
}
a.article,a.article:hover{
    background:#6d7fcc!important;
    color:#fff!important
}
@media(max-width:767px){
    .footer{
        bottom:5px;
        background:0 0;
        -webkit-box-shadow:none;
        box-shadow:none
    }
    .footer .items{
        background:#fff;
        border-radius:50px;
        overflow:hidden;
        -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);
        box-shadow:1px 1px 3px rgba(0,0,0,.2)
    }
    .breadcrumb{
        padding:0 15px
    }
    .content .items .item{
        width:inherit;
        margin:10px;
        /* -webkit-box-sizing:border-box; */
        box-sizing:border-box
    }
    .content .items .item:nth-child(2n+2){
        margin-right:10px
    }
    .sidebar-collapse{
        margin-left:20px
    }
    .modal .modal-dialog{
        width:95%
    }
}
.bootstrap-tagsinput{
    background-color:#fff;
    border:1px solid #ccc;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    display:inline-block;
    padding:4px 6px;
    color:#555;
    vertical-align:middle;
    border-radius:4px;
    max-width:100%;
    line-height:22px;
    cursor:text
}
.bootstrap-tagsinput input{
    border:none;
    box-shadow:none;
    outline:0;
    background-color:transparent;
    padding:0 6px;
    margin:0;
    width:auto;
    max-width:inherit
}
.bootstrap-tagsinput.form-control input::-moz-placeholder{
    color:#777;
    opacity:1
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder{
    color:#777
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder{
    color:#777
}
.bootstrap-tagsinput input:focus{
    border:none;
    box-shadow:none
}
.bootstrap-tagsinput .tag{
    margin-right:2px;
    color:#fff
}
.bootstrap-tagsinput .tag [data-role=remove]{
    margin-left:8px;
    cursor:pointer
}
.bootstrap-tagsinput .tag [data-role=remove]:after{
    content:"x";
    padding:0 2px
}
.bootstrap-tagsinput .tag [data-role=remove]:hover{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)
}
.bootstrap-tagsinput .tag [data-role=remove]:hover:active{
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.button.ad{
    color:#ea443b
}
.adslot{
    min-height:250px;
    margin-bottom:5px
}
@media screen and (min-width:960px){
    .adslot{
        height:100px;
        max-width:600px;
        margin-bottom:5px
    }
}