/*** GENERAL ***/
body {
    background-color:#e6e6e6;
    font-family:'Roboto', Helvetica, sans-serif;
    font-weight:400;
    font-size:15px;
    color:#464646;
}

h1,h2,h3 {
    margin:0;
    padding:0;
    line-height:1.2;
    font-weight:400;
}
h1 { font-size:28px; }
h2 { font-size:18px; }
h3 { font-size:15px; }

.left { float:left; }
.right { float:right; }
.noshow { display:none; }
.fontgray, .font-note { color:#999999; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }

.font-success { color:#90B241; }
.font-danger { color:#DE3C3E; }
.font-mono { font-family:Courier; }

.message {
    display:inline-block;
    width:100%;
    vertical-align:top;
    padding:30px;
    color:#999999;
    border:1px solid transparent;
}
.message h2 { color:#464646; margin-bottom:15px; font-weight:500; }
.message.hint { background-color:#f8f8f8; }
.message.error { background-color:#FFC7C7; }
.message.error, .message.error h2 { color:#C53636; }
.message.success { background-color:#DEFFB3; }
.message.success, .message.success h2 { color:#54C536; }
.message ul, .message li {
    margin:0;
    padding:0;
}
.message ul { margin-left:20px; }
.message hr { margin:10px 0; }
a>i.material-icons { margin-right:5px; }

i.material-icons { vertical-align:middle; }
.req {
    color:#aaaaaa;
    font-size:12px;
}

.rules {
    font-size:12px;
    color:#808080;
    line-height:1.6;
    margin-top:10px;
}

.cursor-move { cursor:move; }

.boxed {
    background-color:#f1f1f1;
    padding:30px;
}

.data {
    background-color:#f1f1f1;
    padding:10px;
    border-radius:3px;
}

/*** BOOTSTRAP ***/
.form-group > label {
    display:block;
    font-weight:400;
}
.label-bold .form-group > label {
    font-weight:700;
}
.form-control,
.bootstrap-select>.btn {
    border-radius:3px;
    border-color:#dddddd;
    height:auto;
    padding:10px;
    box-shadow:none !important;
}
.form-control:focus,
.bootstrap-select>.btn:focus {
    border-color:#aaaaaa;
}
textarea.form-control {
    resize:none;
    height:100px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding:15px;
    vertical-align:middle;
}

.table>tbody>tr.vtop>td:not(.vmiddle),
.table>tbody>tr.vtop>th:not(.vmiddle),
.table>tfoot>tr.vtop>td:not(.vmiddle),
.table>tfoot>tr.vtop>th:not(.vmiddle),
.table>thead>tr.vtop>td:not(.vmiddle),
.table>thead>tr.vtop>th:not(.vmiddle) {
    vertical-align:top;
}

a.ListIcon {
    display:inline-block;
    border:1px solid #dddddd;
    background-color:white;
    line-height:1;
    padding:4px;
    margin:0;
    vertical-align:middle;
    border-radius:4px;
    color:#c1c1c1;
}
a.ListIcon:hover { color:#808080; }
a.ListIcon i.material-icons { font-size:18px; margin:0; }

.table-sub>td {
    background-color:#e8e8e8;
    font-weight:500;
    font-size:13px;
    padding:5px 10px !important;
}

.bootstrap-maxlength {
    border-radius:0 0 4px 4px;
    line-height:1;
    font-size:11px;
    padding:7px 14px;
    font-weight:400;
    margin:0;
}
.bootstrap-maxlength.label-success {
    background-color:#aaaaaa;
}

.help-icon { color:#DADADA; cursor:default; }
.help-icon:hover { color:#999999; }

.tab-pane {
    padding:30px;
}
.tab-content {
    border:1px solid #ddd;
    border-top:0;
    background-color:white;
}

.popover {
    max-width:350px;
    border-color:#d8d8d8;
    border-radius:3px;
    box-shadow:0 2px 14px -7px black;
}
.popover-content {
    padding:20px;
    font-size:11px;
    line-height:1.6;
    color:#808080;
}
.popover.top .arrow,
.popover.bottom .arrow { border-top-color:#d8d8d8; border-bottom-color:#d8d8d8; }

.popover.right .arrow,
.popover.left .arrow { border-left-color:#d8d8d8; border-right-color:#d8d8d8; }

small.font-note {
    display:block;
    margin-top:5px;
    line-height:1.8;
}
.table small.font-note {
    margin-top:0;
    line-height:1.2;
}
small.font-note.margin-lg {
    margin-top:15px;
}
.font-note-sameheight small.font-note {
    height:80px;
}

.label { font-size:13px; }
.table .label {
    display:inline-block;
    vertical-align:top;
    padding:3px 10px;
    line-height:1;
    font-size:11px;
    margin:0;
    margin-top:1px;
    border-radius:10px;
}

.btn .badge,
a .badge {
    font-size:11px;
    background-color:#5D98CB;
    color:#fff;
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.15);
    margin:-2px -5px 0 8px;
}

/*** CONTENT ***/

.pagecenter {
    max-width:1500px;
    margin:0 auto;
}
body.PageWide .pagecenter {
    /*width:95%;*/
}

.website {
    padding:30px 0;
}

.usermenu {
    margin-bottom:10px;
    font-size:12px;
    line-height:1;
    color:#888;
}
.usermenu > a {
    display:inline-block;
    margin-left:10px;
    padding-left:10px;
    border-left:1px solid #c1c1c1;
}

.main {
    background-color:white;
    box-shadow:0 1.5px 1.5px 0 rgba(1,1,1,.1);
}
.main .content {
    padding:50px;
    padding-bottom:80px;
    line-height:24px;
}
.main .content img {
    max-width:100%;
}
.main .title {
    padding:30px 50px;
    border-bottom:1px solid #e8e8e8;
}

.controls {
    float:right;
}
.controls a {
    display:inline-block;
    border:1px solid #e8e8e8;
    line-height:1;
    padding:10px 20px;
    border-radius:4px;
    margin-left:20px;
    text-decoration:none;
}
.controls a.cancel {
    border:0;
}

nav ul, nav li {
    padding:0;
    margin:0;
    list-style:none;
    vertical-align:top;
    display:inline-block;
}
nav ul {
    width:100%;
    border-bottom:1px solid #e8e8e8;
    font-size:0;
}
nav li a {
    display:block;
    font-size:13px;
    padding:12px 30px;
    border-right:1px solid #e8e8e8;
    color:#464646;
    text-decoration:none;
}
nav li:last-child a { border:0; }
nav li a:hover {
    background-color:#f8f8f8;
    text-decoration:none;
}

.overview-menu,
.overview-menu li {
    padding:0;
    margin:0;
    list-style:none;
    display:inline-block;
    width:100%;
    vertical-align:top;
}
.overview-menu li {
    float:left;
    width:50%;
    padding:10px;
}
.overview-menu a {
    display:block;
    padding:30px;
    background-color:#f8f8f8;
    color:#808080;
    font-size:12px;
    line-height:1.6;
    border-radius:5px;
    text-decoration:none;
    transition:background 300ms, border 300ms, color 300ms;
}
.overview-menu a:hover {
    color:#337ab7;
    background-color:#f1f1f1;
}
.overview-menu b {
    display:block;
    color:#464646;
    font-size:18px;
    margin-bottom:10px;
}
.overview-menu i {
    font-size:80px;
}
.overview-menu .row {
    display: table;
    table-layout: fixed;
    width:100%;
}
.overview-menu [class*="col-"] {
    display:table-cell;
    vertical-align:middle;
    float:none;
}

body.isLogin > .pagecenter {
    max-width:400px;
}
body.isLogin .main > .title {
    display:none;
}
body.isLogin .main .content {
    padding:30px;
}
body.isLogin .main .content .message {
    margin:0;
    margin-top:30px;
}

/* Applications */
.interfaces > .item {
    border:1px solid #ddd;
    padding:20px;
    margin-top:20px;
}
.interfaces .image {
    float:right;
    max-height:30px;
}
.interfaces .desc {
    margin:10px 0 10px 0;
}
.interfaces .checkbox {
    display:inline-block;
    margin:0;
    margin-right:30px;
}
.interfaces .item > .checkbox {
    font-size:18px;
}

/*** SPECIALS ***/
.ctrl > a {
    margin-left:30px;
}