body {
      background-color: #f4f4f4;
   }
body > .grid {
      height: 100%;
    }
.ui.one.column.container.main-content {
	    margin-top: 90px;
	}   
h1.ui.grey.inverted.header {
	    padding: 20px 0 10px 0;
	}	
.ui.inverted.blue.segment {
   		margin-top: 0;
}
.ui.two.column.grid.container.hdr {
   		min-height: 140px;
   		color: #fff;
   		padding: 10px 0 20px;
	}
.container.cop {
	    margin-top: 90px;
	} 
.cop .ui.form.segment {
/*     margin: 0 25%; */
}	
.ui.container.user {
	    margin-top: 90px;
	    width:800px!important;
	} 		 

.ui.labeled.input.long {
	    width: 450px;
	    max-width: 100%
	 }	    
button.ui.button.fr-but {
	    float: right;
	    margin-top: 20px;
	    margin-left: 20px;
	    }

button.ui.button.fl-but {
	    float: left;
	    margin-top: 20px;
	}
.button.del {
	    float: right;
	}
.image {
      margin-top: -100px;
    }
   
.column.no-pad {
    	padding: 0!important;
	}
.ui.raised.segment.over {
	    margin-top: 20%;
	}
.ui.search.right {
	    text-align: right;
	    width: 205px;
	    float: right;
	    margin-top: -10px;
	}
span.key {
	    font-size: 12px;
	}
.ui.table td.warning, .ui.table tr.warning {
		color: #f2711c!important;
	}
.logos img.image {
	    width: 420px!important;
	    border: 1px solid #ccc;
	    border-radius: 5px;
	}
i.level.up.icon {
	    transform: rotate(90deg);
	        color: transparent;
	}
.ui.table tr.active {
    	background: #e2eaf1!important;
    }
.force-table tr.blank {
	    background: #f4f4f4!important;
	    color: #573a08!important;
	} 
.ui.container.rank-list {
    width: 600px;
} 
.ui.success.message, .ui.error.message {
    display: block!important;
} 
span.key {
    border:1px solid #ccc;
    background-color:#F7f7f7;
    padding:4px;
    display:block;
    overflow:hidden;
    height:29px;
    border-radius:5px;
    max-wdith:100%;
}

span.key.hidden:before{
    content:"Please click to copy to clipboard ";
}
span.expand, span.hide {
    display: none;
    cursor: pointer;
    float: right;
    color: #777;
    left: -400px;
    position: relative;
}
.colapseable span.expand {
    display: initial;
}
span.expand .active.colapseable  {
    display: none;
}
i.caret.left.icon, i.caret.down.icon {
    margin: 0 0 0 .5em;
}
.alpha {
    float: left;
    padding: 0 0 0 10px;
}
.alpha .ui.link.horizontal.divided.list {
    padding-bottom: 10px;
}
.alpha .ui.divided.horizontal.list>.item:not(:last-child) {
    padding-right: .9em;
}
.alpha .ui.horizontal.list .list>.item, .ui.horizontal.list>.item {
    font-size: 1.1rem;
}
table.ui.sortable.celled.table.officer-table.ajax-user-search {
    margin-top: 40px;
}
.pagination {
    position: relative;
    padding: 20px 0 5px;
    clear: both;
}
.prev {
    float: left;
}
.next {
    float: right;
}
.ui.container.list {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.pagination a {
    background: #e0e1e2;
    padding: 10px;
    border-radius: 4px;
}
.pagination a:hover {
    background: #c8c8c8;
    }
 button.ui.grey.button.del a {
    color: #fff;
}   
.ui.container.saved {
    top: 100px;
    position:relative;
    padding-bottom: 20px;
}    
img.event-preview-image {
    max-width: 96%;
    margin: 2%;
}    
button.ui.red.button.reset {
    float: right;
    margin-left: 20px;
}   
.ui.container.saved-editor.ui-sortable-handle {
    padding: 10px;
}