/* navbar footer */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;

}
#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */


.container .text-muted {
    margin: 20px 0;
}
/* --end navbar footer */

body {

   background-color: #424242;
    color: #FFFFFF;
}
.col-md-6{
    margin-bottom: 15px;
}
.navbar-default .navbar-brand {
    color:#000000;

}
.navbar-default .navbar-nav > li > a {
    color:#000000;

}
/**/
a.list-group-item:hover, a.list-group-item:focus {
    background-color: rgba(81, 81, 81, 0.91);
    color: #eee;
    text-decoration: none;
}
/*.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    font-weight: bold;
}*/
pre{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}
.well{
    color: #000000;
}

@media screen and  (max-width: 442px) {
    .navbar-brand{
        width: 200px;
        padding: 5px;
}
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover
{
    background-color: rgba(81, 81, 81, 0.91);
    color: #eee;
    text-decoration: none;
}
@media screen and  (max-width: 767px){
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus
    {
        font-weight: bold;
    }
}
/*.navbar-nav > li > a:hover, .navbar-nav > li > a:focus
{
    font-weight: bold;


}*/
.navbar-default .navbar-nav > .active > a
{
    background-color: rgba(81, 81, 81, 0.91);
    color: #eee;
    text-decoration: none;
}

.well-mus{
    margin-bottom: 6px;
    background-color: #f5f5f5;
    color: #000000;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	width:100%;
}

.hr {
    display: none;
}

@media screen and  (max-width: 991px) {
    .hr {
        display: block;
    }
}

iframe{
    border-radius: 4px;
    border: 1px solid rgba(81, 81, 81, 0.91);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.triangle-right {
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-left: 20px solid red;
            border-bottom: 10px solid transparent;
			float:right;
        }
.bg-triangle
        {
            background-color:#F5F5F5;
            padding: 7px;
            height: 34px;
			width: 34px;
			cursor: pointer;
    }