/** Global **/


    html, body, #page_content {
        margin: 0px;
        padding: 0px;
        border: none;

        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;

        overflow-x:hidden;
        overflow-y: auto;
    }

    div, p, blockquote, button, a, li, pre, input, select, textarea {
        border-radius: 0px !important;
    }

    @media screen {

        none {
            transition: height 250ms, width 250ms, background-color 250ms, color 250ms, background-image 1000ms, class 1000ms;
            -webkit-transition: height 250ms, width 250ms, background-color 250ms, color 250ms, background-image 1000ms, class 1000ms;
        }

       
    }

    a, a:active, a:hover {
        text-decoration: none !important;
    }


/** Overrides **/

    table.table thead {
        background-color: #222;
        color: #fff;
    }

    .table>thead>tr>th {
        border: none !important;
        
    }

    .table.table-hover tbody tr {
        transition: none;
        -webkit-transition: none;
    }

    .table.table-hover tbody tr:hover {
        background-color: #ddd !important;
        color: #870d0e !important;
    }

    a, a:active {
        text-decoration: none;
        color: #cd0101;
    }

    .btn-js {
        width:100px;
    }

    .preview {
        padding: 10px;
        border: solid 0px #aaa;
        margin: 0px;
        margin-top: 5px;
        overflow: auto;
        background-color: transparent;
        display: none;
        zoom:1;
    }

    #preview_content {
        height: 438px;
        overflow:auto;
    }

    .icon {

        height: 48px;
        width: 48px;
        text-align: center;

        display: inline-block;
        opacity: 0.8;

        font-size: 18pt;
        font-weight: 400;
        line-height: 21px;

        border-radius: 400px !important;
        border: none;
        margin: 5px;

        box-shadow: rgba(0,0,0,0.3) 0px 4px 6px;
        background-color: #a40000;
        color: #fff;
    }

    .icon:hover {
        box-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
        opacity: 1;

        background-color: #e40000;
        /*width: 100px;*/
        font-size: 18pt !important;
    }

    .icon.sm {
        font-size: 12pt !important;
        font-weight: 100;
        line-height: 12pt;

        height: 24px;
        width: 24px;
    }

    .icon.sm:hover {
        /*width: 50px;*/
        font-size: 8pt !important;

    }

    .icon.xs {
        font-size: 10px !important;
        font-weight: 100;
        line-height: 10pt;

        height: 16px;
        width: 16px;
    }

    .icon.xs:hover {
        /*width: 50px;*/
        font-size: 8px !important;

    }

    .hover:hover {
        cursor:     pointer;
        box-shadow: none;
        color:      #cd0101;
    }

    /*.icon.new:hover:after {
        content: "Create";
    }

    .icon.edit:hover:after {
        content: "Edit";
    }

    .icon.signin:hover:after {
        content: "Sign In";
    }*/

    hr {
        border-color: #cd0101 !important;
    }

    select.sm-select {
        font-size: 10pt;
        line-height: 10px;

        padding: 1px;
        height: 20px;

        background-color: #B8B8B8;
        cursor: pointer;
    }

    .top-bar .nav-pills li a {
        border-bottom: solid 2px #AAAAAA;
    }

    .top-bar .nav-pills li.active a {
        background-color: rgba(255,255,255,1) !important;
        border-bottom: solid 2px #cd0101;
    }

    .top-bar .nav-pills li a:hover {
        border-bottom: solid 2px #cd0101;
        color: #cd0101 !important;
    }


    .nav-pills li a {
        background-color: #eee !important;
        border-bottom: solid 2px #808080;
        color: #000 !important;
    }

    .nav-pills li.active a {
        background-color: rgba(255,255,255,1) !important;
        border-bottom: solid 2px #cd0101;
        color: #cd0101;
    }

    .nav-pills li a:hover {
        background-color: #f8f8f8 !important;
        border-bottom: solid 2px #cd0101;
        color: #cd0101;
    }

    .nav-pills li.active a:hover {
        border-bottom: solid 2px #808080;
        color: #cd0101;
    }

    .btn, .dt-button {
        background-image: none;
        border: none;
    }

    .dt-button, .paginate_button {
        background: none !important;
        background-color: transparent !important;
        border: solid 1px #adadad;
        cursor: pointer;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #080808 !important
    }

    .btn.btn-default {
        background-color: #bfbfbf;
        color: #222;
    }

    .btn.btn-default:hover {
        background-color: #dfdfdf;
        color: #cd0101;
    }

    .btn-primary {
        background-color: #cd0101;
    }

    .btn-primary:hover {
        background-color: #808080;
    }

    .btn-primary:focus, .btn-primary:active {
        background-color: #808080;
    }

    .panel-default {
        opacity: 1;
    }

    .panel-default .panel-heading {
        background-image: none;
    }

    .content {
        background-color: rgba(255,255,255,0.08);
        height: 100%;
        padding: 0px;
        overflow-y: auto;
    }

    .tall {
        height: 100%;
    }

    .tall.mtop {
        height: calc(100% - 62px);
    }

    .top-bar {
        background-color: #AAAAAA ;
        height: 62px;
        width:100%;
        padding: 2px;
        z-index: 1000;
    }

    .top-bar ul li a {
        margin-top:8px;
        border: rgba(0,0,0,0.1) solid 1px;
        background-color: #A9A9A9;
        color: #fff;
    }

    .top-bar ul li a:hover {
        background-color: #870d0e;
        color: #fff;
        cursor: pointer;
    }

    footer {
        position: fixed;
        left: 0px;
        right: 0px;        
        bottom: 0px;
        height: 15px;
        background-color: rgba(40,40,40,0.9);
        color: rgba(2,2,2,0.9);
        z-index:1000000;
        text-align:right;
        padding-right:10px;
        cursor:pointer;
        font-size: 10px;
        letter-spacing: 3px;
        font-family: 'Arial' !important;;
    }

    .title {
        font-size: 23px;
        letter-spacing: 6px;
        font-family: 'Arial' !important;;
    }

    footer:hover {
        background-color: rgba(100,100,100,0.1);
        color: rgba(22,22,22,0.1);
    }

    .logo {
        margin: 3px;
        margin-top: 7px;
        border: rgba(255,255,255,0.5) solid 1px;
        display: inline-block;
        height: 47px !important;
        width: 47px !important;
        letter-spacing: 1px;
        background-color: #cd0101 ;
        color: #fff;
        border-radius: 600px !important;

        text-align: center;
        font-size: 22px;
        font-family: 'Arial' !important;;
        vertical-align: bottom;
        padding: 5px;
        padding-top: 8px;
    }

    .logo:hover {
        background-color: #808080;
        color: #eee;
        cursor: pointer;
    }

    .logo-text {
        font-size: 22px;
        letter-spacing: 3px;
        font-family: 'Arial' !important;;

        display: inline-block;
        padding-bottom:10px;
    }

    .logo-text.dark {
        color: #222;
    }

    .sub-link,
    .modal-link,
    .link {
        cursor:pointer;
        text-decoration: none;
    }


    p.desc_item {
        border-bottom: solid 1px #4A4A4A;
    }
    


    #modal {
        display: none;
        margin: auto;

        position: fixed;
        /*top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;*/
        top: 15%;
        bottom: 15%;
        left: 15%;
        right: 15%;

        box-shadow: rgba(0,0,0,0.5) 0px 8px 16px -2px;

        z-index: 10000;
        background-color: #eee;
        overflow: auto;
    }

    td.sub-link {
        color: #e40000 !important;
        font-weight: bold;
        letter-spacing: 1px;
    }

    table.table-hover tr {
        cursor: pointer;
    }

    a.sub-link:hover, td.sub-link:hover {
        color: #808080 !important;
    }

    .mce-toolbar {
        background-color: #222 !important;
    }

    .mce-menu-item .mce-text  {
        color: #fff !important;
    }

    .mce-ico, .mce-txt, .mce-path-item {
        color: #ddd !important;
    }

    .mce-btn {
        background-color: transparent !important;
        color: #ddd !important;
    }

     .mce-toolbar-grp {
         padding: 0px !important;
         margin: 0px !important;
         border: solid 0px;

     }

     .mce-panel {
         background-color: #000 !important;
         color: #cd0101 !important;
     }

     .mce-tinymce.mce-container.mce-panel {
         border-color: #dddee4 !important;
     }

     .panel-default .panel-heading {
         background-color: #fff;
         border: none;
     }


/** Box **/

    .tight {
        padding: 0px;
    }

    .spaceless {
        margin: 0px;
    }

    .shadow {
        box-shadow: rgba(0,0,0,0.5) 0px 8px 20px -6px;
    }

    .spaced {
        letter-spacing: 2px;
    }


/** Text **/

    .text-xs {
        font-size: 70% !important;
    }

    .text-sm {
        font-size: 80% !important;
    }

    .text-md {
        font-size: 100% !important;
    }

    .text-lg {
        font-size: 150% !important;
    }

    .text-xl {
        font-size: 200% !important;
    }


/** Special **/

    @media screen {

        body {
            background-repeat: no-repeat;
            background-size: cover;
            background-position: bottom center;
        }

        body.public {

            background-image: url('../img/background.005.png');
        }

        #page_content {
            background-color: transparent;
            color: #000;
        }

        #sub_page_content {
            background-color: transparent;
            color: #000;
            z-index: 100;
        }

        #sub_content {
            min-height: 200px;
            padding: 0px;
            border: none;
        }

        #sub_content.panel {
            box-shadow: none !important;
        }

        #notification {
            position: fixed;
            top: 20%;
            left: 25%;
            right: 25%;
            height: auto;
            width: 500px;

            background-color: #fff;

            z-index: 20000;
            display:none;

            margin-left: auto;
            margin-right: auto;
            padding: 0px;

            border: solid 0px #808080;
            box-shadow: rgba(0,0,0,0.5) 0px 8px 14px -2px;
        }

        #notification .n-header {
            padding: 10px;
            background-color: #000;
            margin: 0px;
            color: #bfbfbf;
        }

        #notification .n-btnrow {
            padding: 20px;
        }

        #notification .n-body {
            margin: 0px;
        }

    }


/** Datatables **/
    select[name="tbl_length"] {
        border: none !important;
        background-color: transparent;
        cursor: pointer;
    }

    .dataTables_length {
        margin-left:5px;
    }

    .dataTables_filter input {
        border: solid 1px #f00 !important;
        background-color: #eee;
        color: #808080;
    }

    @media only screen and (max-width: 414px) {

        .dataTables_filter, .dataTables_length {
            display: none !important;
        }
    }