[ng-click], [ng-complex-click] {
	 cursor: pointer;
 }
.customBullet > li
{
	display: block;
}
.customBullet > li:before
{
	font-family: 'Glyphicons Halflings', serif;
    font-size: 1em;
    float: left;
    margin: 0 -1.5em;
}
.customBullet > li.folder.bulletclose:before
{
	content: "\e117";
}
.customBullet > li.folder.bulletopen:before
{
	content: "\e118";
}
.customBullet > li.file:before
{
	content: "\e022";
}
.customBullet > li.newfile:before
{
	content:"\e203";
}

.panel-heading.heading-with-button > .btn-group
{
	margin-top:-.3em;
}

/** BOOTSTRAP COLOR CHANGE **/
.input-group-addon.primary {
	color: rgb(255, 255, 255);
	background-color: rgb(50, 118, 177);
	border-color: rgb(40, 94, 142);
}
.input-group-addon.success {
	color: rgb(255, 255, 255);
	background-color: rgb(92, 184, 92);
	border-color: rgb(76, 174, 76);
}
.input-group-addon.info {
	color: rgb(255, 255, 255);
	background-color: rgb(57, 179, 215);
	border-color: rgb(38, 154, 188);
}
.input-group-addon.warning {
	color: rgb(255, 255, 255);
	background-color: rgb(240, 173, 78);
	border-color: rgb(238, 162, 54);
}
.input-group-addon.danger {
	color: rgb(255, 255, 255);
	background-color: rgb(217, 83, 79);
	border-color: rgb(212, 63, 58);
}
textarea.form-control
{
	resize: vertical;
}

.btn-inverse {
  color: #fff;
  background-color: #313536;
  border-color: #000;
}
.btn-inverse:focus,
.btn-inverse.focus {
  color: #fff;
  background-color: #8A8A8A;
  border-color: #1b6d85;
}
.btn-inverse:hover {
  color: #fff;
  background-color: #8A8A8A;
  border-color: #798082;
}
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
  color: #fff;
  background-color: #8A8A8A;
  border-color: #798082;
}
.btn-inverse:active:hover,
.btn-inverse.active:hover,
.open > .dropdown-toggle.btn-inverse:hover,
.btn-inverse:active:focus,
.btn-inverse.active:focus,
.open > .dropdown-toggle.btn-inverse:focus,
.btn-inverse:active.focus,
.btn-inverse.active.focus,
.open > .dropdown-toggle.btn-inverse.focus {
  color: #fff;
  background-color: #798082;
  border-color: #D6D6D6;
}
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
  background-image: none;
}
.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled.focus,
.btn-inverse[disabled].focus,
fieldset[disabled] .btn-inverse.focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
  background-color: #E0E0E0;
  border-color: #fff;
  color:#AAA;
}

/*** END BOOTSTRAP **/

body {
	background: #E0E0E0;
}

input[type="button"], input[type="submit"] {
	padding: .1em .3em;
}

table {
	border-collapse: collapse;
}


caption {
	display: none;
}

.highlighted_form {
	position: relative;
	margin: 40px auto;
	outline: none;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	background-color: hsl(0, 0%, 90%);
	box-shadow: inset hsla(0, 0%, 15%, 1) 0 0 0 4px, /* border */
		    inset hsla(0, 0%, 15%, .8) 0 -1px 5px 4px, /* soft SD */
		    inset hsla(0, 0%, 0%, .25) 0 -1px 0 7px, /* bottom SD */
		    inset hsla(0, 0%, 100%, .7) 0 2px 1px 7px, /* top HL */
		    
		    hsla(0, 0%, 0%, .15) 0 -5px 6px 4px, /* outer SD */
		    hsla(0, 0%, 100%, .5) 0 5px 6px 4px; /* outer HL */
	transition: color .2s;
}

.highlighted_content {
	position: relative;
	margin: 40px auto;
	padding: 2em 3em;
	outline: none;
	min-width: 750px;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	background-color: hsl(0, 0%, 90%);
	box-shadow: inset hsla(0, 0%, 15%, 1) 0 0 0 4px, /* border */
		    inset hsla(0, 0%, 15%, .8) 0 -1px 5px 4px, /* soft SD */
		    inset hsla(0, 0%, 0%, .25) 0 -1px 0 7px, /* bottom SD */
		    inset hsla(0, 0%, 100%, .7) 0 2px 1px 7px, /* top HL */
		    
		    hsla(0, 0%, 0%, .15) 0 -5px 6px 4px, /* outer SD */
		    hsla(0, 0%, 100%, .5) 0 5px 6px 4px; /* outer HL */
	transition: color .2s;
}

.generic_form{
	padding: 1em;
}
.generic_form > ul{
	list-style-type: none;
}
.generic_form > ul li{
	margin-bottom: 1em;
}

#MLHeader_bar {
	z-index: 10;
	min-width: 800px;
	background: #383838;
	position: fixed;
	height: 50px;
	width: 100%;
}

#subMenu{
	z-index: 9;
	min-width: 600px;
	background: #7A7A99 ;
	position: fixed;
	height: 3em;
	top: 50px;
	width: 100%;
	border-bottom: 5px solid #383838;
	
}
#subMenu .MLheader_element{
	height: 3em;
	line-height: 3em;
}

.MLheader_element {
	color: white;
	display: inline-block;
	height: 50px;
	line-height: 50px;
    cursor: pointer;
}

.MLheader_element li {
	display: inline-block;
}

.MLheader_element li a {
	text-decoration: none;
	color: white !important;
	display: block;
	padding: 0 .5em;
}

.MLheader_element li a:hover {
	background: #707070;
	color: white !important;
}

.MLheader_element li.selected {
	padding: 0 .5em;
	background: #707070;
}

.MLheader_element li.disabled
{
	padding: 0 .5em;
	background: #B4B4B4;
}

.MLheader_element li.disabled a
{
	color: black;
	cursor:no-drop !important;
}

.MLheader_element li.disabled a:hover
{
	background: #B4B4B4;
}

#menu {
	padding-left: 1em;
}

#session_info {
	float: right;
}

#user_icon {
	padding-top: 10px;
	padding-left: .5em;
	float: right;
	height: 30px;
}

#logo {
	float: left;
	height: 50px;
}

#MLmain_content {
	width: 80%;
	margin: auto;
	padding-top: 100px;
}

/**		LOG CONSOLE 		**/
#log {
	margin: 2em auto auto;
	background: white;
	overflow-y: scroll;
	width: 800px;
	height: 600px;
	border: 1px solid #bbb;
	padding: .5em;
}
#Lobby_container {
	min-width: 860px;
}

#Outdated_lobbies {
	width: 200px;
	margin: auto;
}

#Clean_form {
	text-align: center;
}

/**		USER CONSOLE		**/
table.alteredLines {
	margin: auto;
	min-width: 800px;
	box-shadow: hsla(0, 0%, 0%, .15) 0 -5px 6px 4px, /* outer SD */
		    hsla(0, 0%, 100%, .5) 0 1px 6px 4px; /* outer HL */
}

table.alteredLines tr:first-child th {
	background: -moz-linear-gradient(top, #F0F0F0 0, #DBDBDB 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0F0F0),
		color-stop(100%, #DBDBDB));
	border: 1px solid #B0B0B0;
	color: #444;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 10px;
}

table.alteredLines tr:nth-child(even) {
	background: #F2F2F2;
}

table.alteredLines tr:nth-child(odd) {
	background: white;
}

td.only_button_cell input {
	width: 100%;
}
.reset_button {
	min-width: 80px;
	float: right;
}

#new_user_form {
	margin: auto;
	margin-top: 2em;
	width: 750px;
	padding: 1em 25px;
	border: 1px solid #B0B0B0;
}
#new_user_form div {
	line-height:2em;
	height:2em;
}

#new_user_form button[type="submit"] {
	margin:1em 43%;
	min-width: 100px;
	display: block;
}

h1.MLheader_element {
    font-size: 1.5em;
    font-weight: bold;
    margin: auto .5em;
}

ul.MLheader_element
{
	padding:0;
}

table#packetization {
    margin: auto;
    min-width: 800px;
    box-shadow: hsla(0, 0%, 0%, .15) 0 -5px 6px 4px, /* outer SD */
    hsla(0, 0%, 100%, .5) 0 1px 6px 4px; /* outer HL */
}

table#packetization tr:first-child th {
    background: -moz-linear-gradient(top, #F0F0F0 0, #DBDBDB 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0F0F0),
    color-stop(100%, #DBDBDB));
    border: 1px solid #B0B0B0;
    color: #444;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 10px;
}
 table#packetization th, td
 {
	 border: 1px solid #bbb;
 }
table#packetization tr:nth-child(even){
	background: #F2F2F2;
}

table#packetization tr:nth-child(odd){
	background: white;
}

table#packetization tr:nth-child(even)  td > *.formelement {
    background: #F2F2F2;
}
table#packetization tr:nth-child(odd) td > *.formelement {
    background: white;
}

/**			LOGIN		**/

#login_form {
	margin: 1em auto;
	width: 400px;
	padding: 3em 40px;
}

#login_form form{
	margin: 1em auto;
}
#login_form button[type="submit"] {
	margin: auto;
	min-width: 100px;
	display: block;
}

/**			ADMIN CONSOLE		**/
.Category_Name {
	padding-top: 1.5em;
}

.Category_Name:first-child {
	padding-top: 0;
}


.popup{
 	display:none;
	position: fixed; 
	top: 50%;
  left: 50%;
  transform: translate(-50%, -80%);
  z-index: 11;
	margin: 40px auto;
	padding: 1.5em;
	outline: none;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	background-color: hsl(0, 0%, 90%);
	box-shadow: inset hsla(0, 0%, 15%, 1) 0 0 0 4px, /* border */
		    inset hsla(0, 0%, 15%, .8) 0 -1px 5px 4px, /* soft SD */
		    inset hsla(0, 0%, 0%, .25) 0 -1px 0 7px, /* bottom SD */
		    inset hsla(0, 0%, 100%, .7) 0 2px 1px 7px, /* top HL */
		    
		    hsla(0, 0%, 0%, .15) 0 -5px 6px 4px, /* outer SD */
		    hsla(0, 0%, 100%, .5) 0 5px 6px 4px; /* outer HL */
	transition: color .2s;
}

#loading{
	top: 0;
	left:0;
	z-index:11;
	position:fixed;
	height:100%;
	width:100%;
	background: rgba(0, 0, 0, 0.5) no-repeat center url('/img/loading1.gif');
	background-size: 50px;
}
label.input-group-addon
{
	min-width: 15em;
}

.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

.panel-danger>.panel-heading[ng-click]:hover
{
	color: #f2dede;
	background-color: #a94442;
}
.panel-warning>.panel-heading[ng-click]:hover
{
	 color: #fcf8e3;
	 background-color: #8a6d3b;
 }
.panel-success>.panel-heading[ng-click]:hover {
	color: #dff0d8;
	background-color: #3c763d;
}
.panel-info>.panel-heading[ng-click]:hover {
	color: #31708f;
	background-color: #c4e3f3;
}
.panel-primary>.panel-heading[ng-click]:hover {
	color: #31708f;
	background-color: #d9edf7;
}


.panel-danger>.panel-heading[ng-click]:hover .badge
{
	color: #a94442;
	background-color: #f2dede;
}
.panel-warning>.panel-heading[ng-click]:hover .badge
{
	color: #8a6d3b;
	background-color: #fcf8e3;
}
.panel-success>.panel-heading[ng-click]:hover .badge {
	color: #3c763d;
	background-color: #dff0d8;
}
.panel-primary>.panel-heading[ng-click]:hover .badge{
	color: #d9edf7;
	background-color: #31708f;
}

.panel-primary>.table>tbody>tr>td, .panel-primary>.table>tbody>tr>th, .panel-primary>.table>tfoot>tr>td, .panel-primary>.table>tfoot>tr>th, .panel-primary>.table>thead>tr>td, .panel-primary>.table>thead>tr>th {
	border-color: #337ab7;
}

.panel-success>.table>tbody>tr>td, .panel-success>.table>tbody>tr>th, .panel-success>.table>tfoot>tr>td, .panel-success>.table>tfoot>tr>th, .panel-success>.table>thead>tr>td, .panel-success>.table>thead>tr>th {
	border-color: #d6e9c6;
}
.panel-warning>.table>tbody>tr>td, .panel-warning>.table>tbody>tr>th, .panel-warning>.table>tfoot>tr>td, .panel-warning>.table>tfoot>tr>th, .panel-warning>.table>thead>tr>td, .panel-warning>.table>thead>tr>th {
	border-color: #faebcc;
}
.panel-danger>.table>tbody>tr>td, .panel-danger>.table>tbody>tr>th, .panel-danger>.table>tfoot>tr>td, .panel-danger>.table>tfoot>tr>th, .panel-danger>.table>thead>tr>td, .panel-danger>.table>thead>tr>th {
	
	border-color: #ebccd1;
}
.panel-info>.table>tbody>tr>td, .panel-info>.table>tbody>tr>th, .panel-info>.table>tfoot>tr>td, .panel-info>.table>tfoot>tr>th, .panel-info>.table>thead>tr>td, .panel-info>.table>thead>tr>th {
	border-color: #bce8f1;
}


.panel.panel-auto > .panel-body, .panel.panel-auto > .table{
	display: none;
}
.panel.panel-auto.active > .panel-body {
	display: block;
}
.panel.panel-auto.active > .table{
	display: table;
}

.alert-success .btn
{
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #3c763d
}
.alert-warning .btn
{
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #8a6d3b;
}
.alert-danger .btn
{
	color: #a94442;
	background-color: #f2dede;
	border-color: #a94442
}
.alert-info .btn
{
	color: #31708f;
	background-color: #d9edf7;
	border-color: #31708f
}

.alert-success .btn:hover
{
	color: #dff0d8;
	background-color: #3c763d;
	border-color: #dff0d8
}
.alert-warning .btn:hover
{
	color: #fcf8e3;
	background-color: #8a6d3b;
	border-color: #fcf8e3;
}
.alert-danger .btn:hover
{
	color: #f2dede;
	background-color: #a94442;
	border-color: #f2dede
}
.alert-info .btn:hover
{
	color: #d9edf7;
	background-color: #31708f;
	border-color: #d9edf7
}
.panel.blink_success>.panel-heading {
	animation: blink_success_animation_bckgr 5s linear 1;
}
.panel.blink_success {
	animation: blink_success_animation 5s linear 1;
}

@keyframes blink_success_animation_bckgr {
	0% {
		color: #fff;
		background-color: #337ab7;
		border-color: #337ab7;;
	}
	10%, 80% {
		color: #3c763d;
		background-color: #dff0d8;
		border-color: #d6e9c6;
	}
	100% {
		color: #fff;
		background-color: #337ab7;
		border-color: #337ab7;;
	}
}
@keyframes blink_success_animation {
	0% {
		border-color: #337ab7;
	}
	10%, 80% {
		border-color: #d6e9c6;
	}
	100% {
		border-color: #337ab7;
	}
}