.mt-xs {
    margin-top: 5px;
}

.mt-sm {
    margin-top: 10px;
}

.mt-md {
    margin-top: 30px;
}

.mt-lg {
    margin-top: 40px;
}

.mt-tb {
    margin-top: 64px;
}

.ml-xs {
    margin-left: 5px;
}

.ml-sm {
    margin-left: 10px;
}

.ml-md {
    margin-left: 30px;
}

.ml-lg{
    margin-left: 40px;
}

.ml-lx{
    margin-left: 50px;
}

.ml-lxx{
    margin-left: 60px;
}

.mr-sm {
    margin-right: 10px;
}

.mr-lg{
    margin-right: 40px;
}

.mr-llg{
    margin-right: 80px;
}

.mb-sm {
    margin-bottom: 10px;
}

.mb-md {
    margin-bottom: 30px;
}

.p-xs {
    padding: 5px;
}

.p-sm {
    padding: 10px;
}

.p-md {
    padding: 30px;
}

.pt-sm {
    padding-top: 10px;
}


.pl-sm {
    padding-left: 10px;
}

.pb-md {
    padding-bottom: 30px;
}


.my-subheader {
    background-color: #03A9F4;
}


.my_hot:hover {
    cursor: pointer;
    background-color: #C7FFEC;
}

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

.long > input{
    width: 80%;
}

#new_activity_dialog {
    width:100%;
    height:100%;
}

.my_icon {
    font-size:20px;
}

.my_lg_icon {
    font-size:30px;
}

.my-h2 {
    font-size:28px;
}

.main-text {
    font-size:16px;
}

.second-text {
    font-size:14px;
}

.md-content ul li{
    list-style-type: circle;
    margin-left:20px;
}

.md-content ul li ul li{
    list-style-type: disc;
    margin-left:20px;
}

.br-sm {
    border-radius: 5px;
}

.md-content img{
 width:auto;
 height:auto;
 max-width:100%;
 max-height:100%;
}

.avatar-sm {
    width:42px;
    height:42px;
}

.avatar-md {
    width:52px;
    height:52px;
}

.avatar-lg {
    width:80;
    height:80;
}

.md-content h1 {
    font-size:2.0em;
}

.md-content h2 {
    font-size:1.8em;
}

.md-content h3 {
    font-size:1.6em;
}

.captian {
    font-size:2.4em;
}


.katex-html{
    display: none;
}

.hidden{
    display: none;
}

.show {
    display: block;
}