/* Fonts bar BEGIN -------------------------------------------------------------------------------------------------------- */
@font-face {
    font-family: 'DB';
    src: url('../font/dboff03.ttf.xhtml') format('truetype'),
    url('../font/dboff03.eot.xhtml') format('embedded-opentype'),
    url('../font/dboff03.woff.xhtml') format('woff'),
    url('../font/dboff03.svg.xhtml') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DB';
    src: url('../font/dboff33.ttf.xhtml') format('truetype'),
    url('../font/dboff33.eot.xhtml') format('embedded-opentype'),
    url('../font/dboff33.woff.xhtml') format('woff'),
    url('../font/dboff33.svg.xhtml') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'DB';
    src: url('../font/dboff06.ttf.xhtml') format('truetype'),
    url('../font/dboff06.eot.xhtml') format('embedded-opentype'),
    url('../font/dboff06.woff.xhtml') format('woff'),
    url('../font/dboff06.svg.xhtml') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DB';
    src: url('../font/dboff36.ttf.xhtml') format('truetype'),
    url('../font/dboff36.eot.xhtml') format('embedded-opentype'),
    url('../font/dboff36.woff.xhtml') format('woff'),
    url('../font/dboff36.svg.xhtml') format('svg');
    font-weight: bold;
    font-style: italic;
}

* {
    font-family: 'DB';
    font-weight: normal;
}

/* Fonts bar END -------------------------------------------------------------------------------------------------------- */

/* Body bar BEGIN -------------------------------------------------------------------------------------------------------- */
body {
    background-color: #FFFFFF;
}

* {
    border-radius: 0px !important;
}

.bold {
    font-weight: bold;
}

/* Body bar BEGIN -------------------------------------------------------------------------------------------------------- */


* {
    font-family: 'Arial';
    font-weight: normal;
    font-style: normal;
}

/* Fonts bar END -------------------------------------------------------------------------------------------------------- */

/* Page size BEGIN -------------------------------------------------------------------------------------------------------- */
#pageForm {
    padding-bottom: 20px;
}

#page, .container, body #page {
    width: 1000px;
    min-height: 200px;
}

#page, .container, #content {
    background-color: #F5F5F5;
}

body #page {
    position: relative;
    margin: 0 auto;
    background: #FFFFFF;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

#content {
    padding-top: 20px;
}

#page #content .container {
    width: 1000px;
}

/* Page size bar END -------------------------------------------------------------------------------------------------------- */

/* Header bar BEGIN -------------------------------------------------------------------------------------------------------- */
.headerLogo {

}

.brand-img-style {
    padding-right: 48px;
}

.brand-style {
    /* 	font-size: 23px; */
}

.navbar {
    border-radius: 0px;
    margin-bottom: 20px;
}

.navBarButton .nav-pills {
    margin-bottom: 0px;
}

/* NavBar menu default */
.navBarButton .nav-pills, .navBarButton a {
    background-color: #AFB4BB;
    color: #FFFFFF;
    border-radius: 0px;
    line-height: 36px;
    font-size: 16px;
}

/* NavBar menu selected */
.navBarButton .nav-pills > li.active > a, .navBarButton .nav-pills > li.active > a:hover,
.navBarButton .nav-pills > li.active > a:focus {
    background-image: none;
    background-color: #646973;
    color: #FFFFFF;
}

/* NavBar menu hover */
.navBarButton .nav-pills > li > a:hover, .navBarButton .nav-pills > li > a:focus {
    background-image: none;
    background-color: #646973;
    color: #FFFFFF;
}

.navBarButtonSelected a {
    background-color: #646973;
    color: #FFFFFF;
    border-radius: 0px;
}

/* NavBar drop down menu */
.navBarButton .dropdown-menu {
    background-image: none;
    background-color: #AFB4BB;
    color: #FFFFFF;
}

.navBarButton .dropdown-menu a {
    background-image: none;
    background-color: #AFB4BB;
    color: #FFFFFF;
}

.navBarButton .dropdown-menu a:hover {
    background-image: none;
    background-color: #646973;
    color: #FFFFFF;
}

.navbar-brand img {
    height: 24px;
    float: left;
    margin-right: 7px;
}

/* Header bar END -------------------------------------------------------------------------------------------------------- *

/* Panel BEGIN ------------------------------------------------------------------------------------------------------------ */
#loginPanel .panel {
    box-shadow: none;
}


.thumbnail-button, .thumbnail-button-last {
    float: right;
    width: 30%;
}

.thumbnail-button {
    margin-left: 13px;
    margin-top: 7px;
    display: table;
    float: left;
}

.back-button {
    margin-bottom: 15px;
}

/* Panel END ------------------------------------------------------------------------------------------------------------ */

/* Tables BEGIN ------------------------------------------------------------------------------------------------------------ */
.dataTables_paginate {
    margin-bottom: 15px !important;
}

.dataTable-wrapper, .dataTable-wrapper .btn, .dataTables_wrapper,
.dataTables_wrapper .btn {
    font-size: 12px;
}

/* Tables END ------------------------------------------------------------------------------------------------------------ */

/* Buttons BEGIN ------------------------------------------------------------------------------------------------------------ */
.button-row {
    margin-bottom: 20px;
}

.btn {
    width: 100%;
    box-shadow: none;
    font-weight: normal;
    font-style: normal;
    border: none;
    border-color: none;
}

.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #23527C;
}

/* btn -> DB - BEGIN */
.btn-db {
    color: #FFFFFF;
    background-color: #878C96;
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
}

.btn-db:focus, .btn-db.focus {
    color: #FFFFFF;
    background-color: #6C7078;
}

.btn-db:hover {
    background-color: #6C7078;
}

.btn-db:active, .btn-db.active, .open > .dropdown-toggle.btn-db {
    color: #FFFFFF;
    background-color: #6C7078;
}

.btn-db:active:hover, .btn-db.active:hover, .open > .dropdown-toggle.btn-db:hover,
.btn-db:active:focus, .btn-db.active:focus, .open > .dropdown-toggle.btn-db:focus,
.btn-db:active.focus, .btn-db.active.focus, .open > .dropdown-toggle.btn-db.focus {
    color: #FFFFFF;
    background-color: #6C7078;
}

.btn-db:active, .btn-db.active, .open > .dropdown-toggle.btn-db {
    background-image: none;
}

.btn-db.disabled:hover, .btn-db[disabled]:hover, fieldset[disabled] .btn-db:hover,
.btn-db.disabled:focus, .btn-db[disabled]:focus, fieldset[disabled] .btn-db:focus,
.btn-db.disabled.focus, .btn-db[disabled].focus, fieldset[disabled] .btn-db.focus {
    background-color: #878C96;
    opacity: .65;
}

.btn-db .badge {
    color: #d9534f;
    background-color: #FFFFFF;
}

.button-disabled-db {
    background-color: #878C96 !important;
}


.button-disabled-db:focus, .button-disabled-db.focus {
    color: #333 !important;
    background-color: #6C7078 !important;
}

button-disabled-db:hover, button-disabled-db.hover {
    color: #333 !important;
    background-color: #6C7078 !important;
}

/* btn -> DB - END */


/* Buttons END ------------------------------------------------------------------------------------------------------------ */

/* Panels START ------------------------------------------------------------------------------------------------------------ */
#loginPanel {
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
}

.sameBackground-panel {
    background-color: #F9F9F9;
}

.thumbnail {
    border: none;
}

/* Panels END ------------------------------------------------------------------------------------------------------------ */

/* Tables START ------------------------------------------------------------------------------------------------------------ */
table, thead, tbody {
    background-color: #FFFFFF;
}

/* Tables START ------------------------------------------------------------------------------------------------------------ */

/* Dialogs START ------------------------------------------------------------------------------------------------------------ */
.confirmDialog {
    background-color: #AFB4BB;
    color: #FFFFFF;
}

.searchBstKstDialog .modal-dialog, .searchSubscriberSyncDialog .modal-dialog {
    width: 950px;
}

.changeContractStateDialog .modal-dialog {
    width: 550px;
}

.addSimReplaceRemarkDialog .modal-dialog,
.addSimMoveRemarkDialog .modal-dialog {
    width: 550px;
}

/* Dialogs END ------------------------------------------------------------------------------------------------------------ */