body {
    padding-top: 60px;
}

.panel-default {
    margin: 0 5% 1% 5%;
}

.panel-heading {
    text-align: center;
}

.panel-body {
    text-align: center;
}

.demo {
    border: 1px solid #ddd;
}

.line-numbers {
    max-height: 700px;
}

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button, div.tab span {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    padding: 14px 16px;
    transition: 0.3s;
}

div.tab button {
    cursor: pointer;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

.tabcontents {
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 2px 2px;
}

/* Cursor for menu because no href but directive */
.navbar-nav > li > a {
    cursor: pointer;
}

@media (max-width: 991px) {
    .code {
        margin-top: 10px;
    }
}

.itemsAndFoldersContainer {
    position: inherit;
}

.codeElement code {
    background-color: transparent;
    margin: -4px -4px 0px -4px;
}

.code .codeElement code .gist-data {
    height: 462px;
}

#dragNDrop .code .codeElement code .gist-data,
#copyPaste .code .codeElement code .gist-data,
#delete .code .codeElement code .gist-data,
#rightClick .code .codeElement code .gist-data {
    height: 565px !important;
}

.demoContainer {
    margin-bottom: 30px;
}

.container {
    max-width: 100%;
}

.files-container {
    padding-left: 0;
}

.mka-elt-selecting, .mka-elt-selecting .thumbnail {
    background-color: #D1EEFF;
}

.mka-elt-selected, .mka-elt-selected .thumbnail {
    background-color: #bebebe;
}

.on-drag {
    background-color: #cbcbcb !important;
    opacity: 0.7;
}

.drag-class-sample {
    /* Sample class for onDragItemClass*/
    color: white;
    background: #403A3E;
    background: -webkit-linear-gradient(to right, #BE5869, #403A3E);
    background: linear-gradient(to right, #BE5869, #403A3E);
    border: 1px solid #403A3E;
    padding: 5px;
    text-align: center;
    width: 250px;
}

.drag-class-sample span {
    /* Sample class for onDragItemClass span */
    color: white;
    background: #cc2b5e;
    background: -webkit-linear-gradient(to right, #753a88, #cc2b5e);
    background: linear-gradient(to right, #753a88, #cc2b5e);

}

.folder-text, .file-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.file-icon {
    background: #eee;
    background: -moz-linear-gradient(top, #ddd 0, #eee 15%, #fff 40%, #fff 70%, #eee 100%);
    background: -webkit-linear-gradient(top, #ddd 0, #eee 15%, #fff 40%, #fff 70%, #eee 100%);
    border: 1px solid #ccc;
    -moz-border-radius: 3px 15px 3px 3px;
    -webkit-border-radius: 3px 15px 3px 3px;
    border-radius: 3px 15px 3px 3px;
    -moz-box-shadow: inset rgba(255, 255, 255, 0.8) 0 1px 1px;
    -webkit-box-shadow: inset rgba(255, 255, 255, 0.8) 0 1px 1px;
    box-shadow: inset rgba(255, 255, 255, 0.8) 0 1px 1px;
    display: inline-block;
    width: 20px;
    height: 25px;
    position: relative;
    text-indent: -9999em;
    margin-bottom: -8px;
    margin-top: 3px;
    float: left;
}

.file-icon:before {
    content: '';
    position: absolute;
    right: 0;
    width: 10px;
    height: 10px;
    background: #ccc;
    background: -moz-linear-gradient(45deg, #fff 0, #eee 50%, #ccc 100%);
    background: -webkit-linear-gradient(45deg, #fff 0, #eee 50%, #ccc 100%);
    box-shadow: rgba(0, 0, 0, 0.05) -1px 1px 1px, inset white 0 0 1px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -moz-border-radius: 0 14px 0 0;
    -webkit-border-radius: 0 14px 0 0;
    border-radius: 0 10px 0 0;
}

.file-icon:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    margin: 10px 20% 0;
    background: #ccc;
    background: -moz-linear-gradient(top, #ccc 0, #ccc 20%, #fff 20%, #fff 40%, #ccc 40%, #ccc 60%, #fff 60%, #fff 80%, #ccc 80%, #ccc 100%);
    background: -webkit-linear-gradient(top, #ccc 0, #ccc 20%, #fff 20%, #fff 40%, #ccc 40%, #ccc 60%, #fff 60%, #fff 80%, #ccc 80%, #ccc 100%);
    height: 8px;
}

.folder-icon {
    width: 25px;
    height: 20px;
    position: relative;
    background-color: #708090;
    border-radius: 0 3px 3px 3px;
    margin-top: 8px;
    float: left;
}

.folder-icon:before {
    content: '';
    width: 50%;
    height: 0.2em;
    border-radius: 0 20px 0 0;
    background-color: #708090;
    position: absolute;
    top: -0.2em;
    left: 0px;
}

.folder-text, .file-text {
    text-align: left;
    padding-left: 5px;
}

#home {
    padding-top: 2%;
}

#back-top {
    position: fixed;
    bottom: 20px;
    right: 2%;
    z-index: 100;
}

.dropdown-menu {
    cursor: pointer;
}

#mkarcmenu {
    z-index: 10;
    border: solid 1px black;
    border-radius: 10px;
    min-width: 110px;
    background-color: #D1EEFF;
}

#mkarcmenu ul {
    padding: 8%;
}

#mkarcmenu ul li {
    list-style: none;
    border-bottom: dotted 1px black;
}

#mkarcmenu ul li:last-child {
    border-bottom: none;
}