.box-header .box-title {
    font-weight: bold;
}

.video-link {
    text-align: center;
}

.video-link img {
    width: 94%;
    max-width: 420px;
    border-color: #BBBBBB;
    border-width: 1px;
    border-style: solid;
}

.user-panel .info {
    position: relative;
    left: 0;
    top: 0;
}

.user-panel .btn {
    padding: 1px 0.5em;
    margin-top: 0;
}

.skiller {
    margin-bottom: 1em;
    border-bottom: solid #367fa9 2px;
}

.main-footer {
    text-align: center;
}

.error {
    color: #ff0000;
}

.error .fa.fa-fw {
    font-size: 130%;
}

.message_text {
    color: #00790f;
    font-weight: 600;
}

.clear-both {
    clear: both;
}

.btn, button {
    padding-right: 2em;
    padding-left: 2em;
    width: 100%;
}

.modal-header button, .alert button {
    width: auto;
}

label {
    float: right;
}

@media (max-width: 768px) {
    label {
        float: left;
    }
}

.alert.alert-success.alert-dismissible {
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
    color: green !important;
}

/* do not group these rules */
*.form-control::-webkit-input-placeholder {
    color: #abb2bd;
    font-style: italic;
}

*.form-control:-moz-placeholder {
    /* FF 4-18 */
    color: #abb2bd;
    font-style: italic;
}

*.form-control::-moz-placeholder {
    /* FF 19+ */
    color: #abb2bd;
    font-style: italic;
}

*.form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #abb2bd;
    font-style: italic;
}

/* Bootstrap modifications ... */

.modal-dialog {
    width: 88%;
    max-width: 600px;
    margin: 75px auto;
}

.modal {
    background: none;
}

.modal-content {
    background: none;
    font-size: 110%;
}

.modal-body, .modal-footer {
    background-color: white;
}

.modal-footer {
    -webkit-border-bottom-left-radius: 9px;
    -webkit-border-bottom-right-radius: 9px;
    -moz-border-radius-bottomleft: 9px;
    -moz-border-radius-bottomright: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
}

.modal-header {
    background-color: #367fa9; /* default */
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    -webkit-border-top-left-radius: 9px;
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 9px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.modal-header.success {
    background-color: #5cb85c;
}

.modal-header.warning {
    background-color: #f0ad4e;
}

.modal-header.danger {
    background-color: #d9534f;
}

.modal-header.info {
    background-color: #5bc0de;
}

.modal-header.primary {
    background-color: #428bca;
}

.modal-header span {
    text-shadow: 0 1px 0 #333;
}

.modal-header button.close {
    opacity: 1;
    color: white;
}

/* Bootstrap modifications (end) */

/* Bootstrap notify */
[data-notify="container"].alert-pastel-success {
    border-left-color: rgb(255, 179, 40);
}

[data-notify="container"] div.progress {
    height: 2px;
    margin-bottom: 2px;
}

[data-notify="container"] div.progress-bar {
    transition: width 2s ease;
}

/* Bootstrap notify (end)*/

.skin-blue .sidebar-menu > li.active > a {
    background: rgb(30, 40, 44); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(60, 141, 188, 1) 0%, rgba(34, 45, 50, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(60, 141, 188, 1) 0%, rgba(34, 45, 50, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(60, 141, 188, 1) 0%, rgba(34, 45, 50, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C8DBC', endColorstr='#222D32', GradientType=1); /* IE6-9 */
}

.skin-blue .sidebar-menu > li.active:hover > a {
    background-color: #1e282c;
}

.sidebar-menu > li > a {
    padding-left: 10px;
    line-height: 2em;
    width: 100%;
}

.fa-lg {
    font-size: 1.5em;
}

li.treeview i:nth-child(1) {
    float: left;
    text-align: center;
    margin-right: 0.55em;
}

li.treeview > a {
    padding-top: 1.2em;
    padding-bottom: 0.5em;
}

.user-panel button {
    font-size: 10px;
}

.sidebar .user-panel .fa {
    color: green;
    font-size: 85%;
    width: auto;
    margin-right: 0.3em;
}

body.sidebar-collapse .sidebar-menu > li > a {
    padding-left: 8px;
    padding-right: 0;
    line-height: 2em;
    display: table;
}

.treeview-menu > li > a > .fa, .treeview-menu > li > a > .glyphicon, .treeview-menu > li > a > .ion {
    margin-right: 5px;
}

@media (min-width: 768px) {
    body.sidebar-mini.sidebar-collapse .main-sidebar .user-panel div.g1logout {
        display: block !important;
        padding-left: 0;
        padding-right: 0;
        float: none !important;
    }

    body.sidebar-mini.sidebar-collapse .main-sidebar .user-panel div.g1logout a {
        padding-left: 0;
    }

    body.sidebar-mini.sidebar-collapse .main-sidebar .user-panel {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    body.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu li > a > .pull-right-container {
        margin-top: -1em;
        margin-right: 1em;
        padding-right: 2px;
    }
}

@media (max-width: 480px) {
    .hidden-xxs {
        display: none !important;
    }
}

.progress-bar-grey {
    background-color: #bbb;
}

.mark-right-border {
    border-right: solid black 2px;
}

.clickme {
    cursor: pointer;
}

#debuginfo {
    width: auto;
    padding: 0 2px;
    font-size: 0.8em;
}

#modal-debuginfo > div.modal-dialog {
    width: fit-content;
    max-width: none;
}

/*********************/
/*   action button   */

.box-body a.btn-action {
    padding: 3px 12px;
    padding-left: 40px;
    padding-right: 8px;
    margin-right: 1em;
    width: auto;
}

.box-body a.btn-action i.fa {
    font-size: 1.1em;
    padding-top: 3px;
    line-height: 20px;
    color: white;
}

.box-body a.btn-action i.fa.fa-plus {
    background-color: #00a65a;
}

.box-body a.btn-action i.fa.fa-list {
    background-color: #3469b5;
}

.form-group .fa {
    font-size: 1.3em;
}

.form-group .fa-plus {
    color: #00a65a;
}

div[contenteditable="true"] {
    border: solid #d2d6de 1px;
    padding: 0 3px;
    text-align: left;
}

.g1_media_modal {
    display: none;
    z-index: 3333
}

@media (min-width: 480px) {
    .g1_media_modal button {
        max-width: 300px;
    }
}

.g1_media_modal .form-group {
    text-align: center;
    margin-bottom: 0px;
    padding-bottom: 15px;
}

.g1_media_modal .modal-body {
    padding-bottom: 0;
}

div.box-title.g1_editable {
    line-height: 1.2;
    width: 100%;
}

div#upload_container button {
    margin-top: 0.5em;
}