html, body {
    height: 100%;
}

a {
    color: #B51718;
    text-decoration: underline;
}

a:hover, a:focus {
    color: #B51718;
    text-decoration: none;
}

a.inactive {
    color: #000000;
}

h1 {
    font-size: 1.786em;
}

h5 {
    font-size: 15px;
    color: #B51718;
    font-weight: bold;
}

@media (max-width: 767px) {
    h1 {
        font-size: 1.429em;
    }
}

body .container {
    min-height: 100%;
}

body .container > h1 {
    margin-top: 10px;
    margin-bottom: 20px;
}

.info-col h2 {
    color: #b61616;
    font-size: 1.2em;
    margin: 10px 0 10px 10px;
    font-weight: bold;
}

.body-content {
    padding-bottom: 250px;
    position: relative;
}

div.required label:after {
    content: " *";
    color: red;
}

.verify-code {
    text-align: center;
    margin-top: 5px;
}

.pointer {
    cursor: pointer;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.no-top-margin {
    margin-top: 0 !important;
}

.no-bottom-margin {
    margin-bottom: 0 !important;
}

.not-set {
    color: gray;
}

@media print {
    a[href]:after {
        content: "" !important;
    }
}

.kp-fw {
    text-align: center;
    width: 1.5714285714285714em;
}

.icon-badge {
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.icon-badge .badge {
    position: absolute;
    top: 8px;
    right: -10px;
    padding: 5px 10px;
    border-radius: 50%;
    background: none;
    color: #B51718;
}

.clickable {
    cursor: pointer;
}

/* Style for KP buttons */
.btn {
    text-decoration: none;
}

.btn-danger, .btn-info, .btn-primary, .btn-success, .btn-warning, .fc-filters-button {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
}

.btn-primary, .fc-filters-button {
    background-image: linear-gradient(to bottom, #d9534f 0px, #c12e2a 100%);
    background-repeat: repeat-x;
    border-color: #b92c28;
}

.badge-primary {
    background-color: #b92c28 !important;
    line-height: normal;
}

.btn-dash-main, .btn-lursoft-header {
    color: #B51718;
    border-color: #B51718;
    box-shadow: 1px 1px 1px 1px #888888;
}

.btn-dash-main:hover,
.btn-dash-main:focus,
.btn-lursoft-header:hover,
.btn-lursoft-header:focus {
    color: black;
    border-color: black;
}

.btn-primary:hover,
.btn-primary:focus,
.fc-filters-button:hover,
.fc-filters-button:focus {
    border-color: #b92c28;
    background-color: #c12e2a;
    background-position: 0 -15px;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary.focus:active,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    border-color: #b92c28;
    background-color: #c12e2a;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary.focus[disabled],
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary.active {
    background-color: #c12e2a;
    border-color: #b92c28;
}

.btn-danger {
    background-image: linear-gradient(to bottom, #f0ad4e 0px, #eb9316 100%);
    background-repeat: repeat-x;
    border-color: #e38d13;
}

.btn-danger:hover, .btn-danger:focus {
    background-color: #eb9316;
    border-color: #e38d13;
    background-position: 0 -15px;
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger.focus:active,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
    background-color: #eb9316;
    border-color: #e38d13;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger.focus[disabled],
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger.active[disabled],
fieldset[disabled] .btn-danger.active {
    background-color: #eb9316;
    border-color: #e38d13;
}

.btn-warning {
    background-image: linear-gradient(to bottom, #a54caa 0px, #914294 100%);
    background-repeat: repeat-x;
    border-color: #79377c;
}

.btn-warning:hover, .btn-warning:focus {
    background-color: #914294;
    border-color: #79377c;
    background-position: 0 -15px;
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning.focus:active,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
    background-color: #914294;
    border-color: #79377c;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning.focus[disabled],
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning.active[disabled],
fieldset[disabled] .btn-warning.active {
    background-color: #914294;
    border-color: #79377c;
}

.btn > i.btn-loading {
    margin-left: 5px;
}

.ui-pnotify  > .alert > .ui-pnotify-sticker {
    display: none;
}

.wrap-words > .dropdown-menu > .dropdown-menu > li > a {
    white-space: normal;
}

.wrap-words > .dropdown-menu > .dropdown-menu > li:nth-child(even) {
    background-color: #f1f1f1;
}

.lursoft-auth, .btn-debt-list-new  {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    width: 80%;
}

/* Style for KP sprites */
.sprite {
    display: block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    background-image: url("../img/kp-spritesheet.png");
    background-repeat: no-repeat;
    margin-bottom: 2px;
}

.sprite-clear-filters {
    background-position: -2px 0px;
    width: 16px;
    height: 18px;
}

.sprite-filter {
    background-position: -22px 0px;
    width: 16px;
    height: 18px;
}

.sprite-folder-plus {
    background-position: -2px -20px;
    width: 16px;
    height: 18px;
}

.sprite-add-link {
    background-position: -22px -20px;
    width: 16px;
    height: 18px;
}

/* Style for bootstrap Navbar and top logo */
.main-menu {
    min-height: 26px;
    margin-bottom: 0;
    border: 0;
}

.main-service-outer {
    padding-bottom: 15px;
}

.main-service-inner {
    border: 2px solid #B51718;
    border-radius: 15px;
    margin: 2px;

    box-shadow:
    0 0.4px 2.2px rgba(0, 0, 0, 0.034),
    0 0.9px 5.3px rgba(0, 0, 0, 0.048),
    0 1.8px 10px rgba(0, 0, 0, 0.06),
    0 3.1px 17.9px rgba(0, 0, 0, 0.072),
    0 5.8px 33.4px rgba(0, 0, 0, 0.086),
    0 14px 80px rgba(0, 0, 0, 0.12)
    ;
    height: 250px;
    text-align: center;
}

.main-service-inner h2 {
    color: #B51718;
    padding-bottom: 15px;
}

.main-service-inner a {
    margin-bottom: 10px;
}

.main-added-info {
    margin-top: 10px;
}

.main-added-info span {
    font-weight: bold;
    color: #B51718;
}

.ms-text {
    color: #B51718;
    margin-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 30px;
}

.secondary-service-outer {
    padding-bottom: 15px;
}

.secondary-service-outer > a {
    text-decoration: none;
}

.secondary-service-inner {
    text-align: center;
    border: 2px solid #B51718;
    border-radius: 15px;
    padding: 25px;
    margin: 2px;

    box-shadow:
    0 0.4px 2.2px rgba(0, 0, 0, 0.034),
    0 0.9px 5.3px rgba(0, 0, 0, 0.048),
    0 1.8px 10px rgba(0, 0, 0, 0.06),
    0 3.1px 17.9px rgba(0, 0, 0, 0.072),
    0 5.8px 33.4px rgba(0, 0, 0, 0.086),
    0 14px 80px rgba(0, 0, 0, 0.12)
   ;

    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ss-text {
    font-size: 30px;
}

.ss-icon {
    margin-right: 10px;
    font-size: 30px;
}

.main-service-outer .disabled {
    border-color: gray;
    color: gray;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.main-service-outer .disabled .ms-text {
    color: gray;
    margin: 0px;
    padding: 0px;
}

.secondary-service-outer .disabled {
    color: gray;
    border-color: gray;
}

.navbar-right ul.dropdown-menu {
    left: auto;
    right: 0;
}

.navbar-right .dropdown-menu > li > .dropdown-menu {
    left: 0;
    right: auto;
}

.navbar-nav .dropdown-menu > li > a {
    white-space: nowrap;
}

#profile {
    max-width: 60%;
}

#menu-collapse > .navbar-nav > li > a,
#profile-collapse > .navbar-nav > li > a {
    text-decoration: none;
}

#menu-collapse > .navbar-nav > li > a:hover,
#menu-collapse > .navbar-nav > li > a:focus,
#profile-collapse > .navbar-nav > li > a:hover,
#profile-collapse > .navbar-nav > li > a:focus {
    background-color: #b61616;
    color: #FFFFFF;
}

.main-menu .container {
    margin-left: -15px;
}

@media (max-width: 768px) {
    .main-menu .container > .panel {
        margin-right: -15px;
    }
}

#menu-collapse > .navbar-nav > li > a,
#profile-collapse > .navbar-nav > li > a {
    padding: 3px 7px;
    font-weight: bold;
    text-transform: uppercase;
}

#menu-collapse > .navbar-nav > li.active > a,
#profile-collapse > .navbar-nav > li.active > a {
    color: #8D8D8D;
}

.navbar-header > .menu-toggle,
.navbar-header > .login,
.navbar-header > .profile-toggle {
    border: 0;
    width: 40px;
    height: 40px;
    float: right;
    font-size: 18px;
}

.navbar-header > .login,
.navbar-header > .profile-toggle {
    margin-left: 8px;
}

.navbar-header > .login {
    line-height: 1.33333;
    padding: 8px 12px;
}

.navbar-header > .menu-logo {
    float: left;
    margin-left: 15px;
}

.navbar-header .lursoft-menu-logo {
    float: right;
    margin-right: 10px;
    padding: 8px 16px;
}

.navbar-header {
    padding-bottom: 5px;
}

.logo-row {
    margin-top: 35px;
}

.logo-row .site-logo {
    float: left;
}

.logo-row .lursoft-site-logo {
    margin-left: 10px;
    float: right;
}

.main-menu .container > .panel > .navbar-collapse{
    margin-left: 0;
}

.main-menu .container .navbar-nav {
    margin-bottom: 0;
    margin-top: 0;
}

.menu-line {
    border-color: #B51718;
    margin: 0;
    border-width: 5px;
}

.dropdown > .dropdown-menu > li > a,
.bootstrap-select .dropdown-menu > li > a {
    text-decoration: none;
}

.dropdown > .dropdown-menu > li > a:hover,
.dropdown > .dropdown-menu > li > a:focus,
.dropdown > .dropdown-menu > li.active > a,
.dropdown > .dropdown-menu > li > .dropdown-menu > li > a:hover,
.dropdown > .dropdown-menu > li > .dropdown-menu > li > a:focus,
.dropdown > .dropdown-menu > li.active > .dropdown-menu > li.active > a
{
    background-color: #b61616;
    background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
    color: #FFFFFF;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > .dropdown-menu > .active > a,
.dropdown-menu > .active > .dropdown-menu > .active > a:hover,
.dropdown-menu > .active > .dropdown-menu > .active > a:focus
{
    background-color: #b61616;
    background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
}

.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > .dropdown-menu > .active > a:focus
{
    background-color: #b61616;
    background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
    color: #fff;
}

.main-menu .dropdown > .dropdown-menu > li > a > i,
.main-menu .dropdown > .dropdown-menu > li > .dropdown-menu > li > a > i {
    min-width: 18px;
}

.logo-row .navbar-nav {
    margin-right: 0;
}

.nav a{
    text-decoration: none;
}

#profile > .dropdown > a {
    font-weight: bold;
}

.nav > .dropdown > a {
    color: #000000;
}

.nav:not(.nav-tabs) > li > a {
    padding-bottom: 7px;
    padding-top: 0;
    padding-right: 7px;
}

.nav > .dropdown > a:hover,
.nav > .dropdown > a:focus {
    color: #b51718;
    text-decoration: none;
    background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: transparent;
}

.nav > .dropdown > .dropdown-menu > li > a:hover,
.nav > .dropdown > .dropdown-menu > li > a:focus,
.nav > .dropdown > .dropdown-menu > li.active > a {
    background-color: #b61616;
    color: #FFFFFF;
}

#menu-container > .panel {
    border: 0;
    border-radius: 0;
    box-shadow: 0;
    margin-bottom: 0;
}

/* Style for bootstrap Breadcrumbs */
.breadcrumb-wrap {
    position: relative;
}

#pageBreadcrumb > li + li:before {
    color: #000000;
    padding: 0;
}

#pageBreadcrumb a {
    text-decoration: none;
}

#pageBreadcrumb > .active {
    color: #000000;
}

#pageBreadcrumb {
    background-color: #FFFFFF;
    border-radius: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 0.857em;
}

.breadcrumb-wrap > .rss-link {
    position: absolute;
    right: 15px;
    top: 6px;
}

/* Style for body title */
.body-row-title {
    margin-bottom: 10px;
}

.body-row-title > div > h1 {
     margin-top: 0;
}

.body-row-title > .dropdown {
    text-align: right;
    padding-left: 0;
}

.body-row-title > .dropdown > .dropdown-menu {
    min-width: 250px;
    padding: 12px;
}

.body-row-title .form-inline > input {
    width: 78%;
    width: -webkit-calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
}

@media (max-width: 768px) {
    .body-row-title > div > h1 {
        margin-top: 20px;
    }

    .body-row-title > .dropdown {
        margin-top: 15px;
    }
}

#fast-object-search-input {
    width: 300px;
}

/* Style for index services */
.service-col {
    width: 100%;
    background-color: #B10B0B;
}

.service-col > a > img {
    width: 100%;
    margin-top: 10px;
}

.service-col > div {
    padding: 10px 10px 8px;
}

.service-col > div > a {
    font-size: 20px;
    color: #FFFFFF;
    text-decoration: none;
}

.service-col-wrap > p {
    margin-top: 10px;
}

.row-title {
    position: relative;
    border-top: 1px #A8A8A8 dotted;
    margin: 12px 0;
}

.row-title span {
    position: absolute;
    top: -12px;
    left: 43%;
    font-weight: bold;
    color: #8C8C8C;
    background-color: #FFFFFF;
    padding-left: 7px;
    padding-right: 7px;
}

/* Style for index news */
.news-col {
    margin-top: 7px;
}

.news-col .date {
    font-size: 0.786em;
    color: #8C8C8C;
}

.news-col h4 {
    font-size: 1.143em;
    color: #9C0000;
    font-weight: bold;
    margin-bottom: 10px;
}

.news-col h4 a {
    text-decoration: none;
}

.news-col h4 a:hover,
.news-col h4 a:focus
{
    text-decoration: underline;
}

.news-col .read-more > span {
    color: #9C0000;
    font-size: 0.714em;
}

.news-col .read-more {
    white-space: nowrap;
}

#draugiemLike,
.twitter-like-btn,
.fb-like {
    float: left;
    margin-right: 5px;
}

/* Style for index news */
.banner-col img {
    width: 100%;
}

.banner-col {
    margin-top: 10px;
}

/* Style for Lursoft copyright and footer */
.footer {
    margin-top: -194px;
    font-size: 13px;
}

.footer hr {
    margin: 15px 15px;
    border-top: 1px solid #444;
}

.lursoft-copyright {
    font-size: 0.846em;
    color: #8C8C8C;
}

.footer .row {
    padding-top: 15px;
    background-color: #232323;
    padding-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
}

.footer-copyright {
    color: #ccc;
    text-wrap: none;
}

.footer .footer-col-wrap {
    text-align: left;
    border-left: 1px solid #444444;
}

.footer .footer-col-wrap h5 {
    color: #ccc;
    margin-top: 0;
    margin-bottom: 20px;
}

.footer li {
    list-style-type: none;
}

.footer li > a {
    color: #ccc;
    text-decoration: none;
}

.footer li > a:hover,
.footer li > a:focus {
    color: #B51718;
}

.footer .footer-links {
    padding: 0;
    margin: 0;
}

@media (max-width: 768px) {
    .body-content {
        padding-bottom: 397px;
    }

    .footer {
        margin-top: -357px;
    }

    .footer .footer-col-wrap {
        border-left: none;
    }

    .footer .footer-col-wrap h5 {
        margin-top: 10px;
    }

    #menu-collapse > .navbar-nav > li > a,
    #profile-collapse > .navbar-nav > li > a{
        padding: 7px 7px;
    }
}

/* Style for bootsrap pagination */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #b61616;
    background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
    border-color: #b61616;
}

.pagination > li > a,
.pagination > li > span {
    color: #8C8C8C;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #B51718;
}

.pagination-wrap {
    text-align: center;
}

.summary-wrap {
    text-align: right;
}

/* Style for static pages */
.monitoring-info .info-col .img-wrap {
    height: 160px;
}

/* Style for scroll to top button */
#backToTop {
    position: fixed;
    right: 15px;
    bottom: 10px;
    background: none repeat scroll 0 0 #555;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #555;
    opacity: 0.7;
    z-index: 100;
}

#backToTop:active, #backToTop:focus {
    outline: medium none;
}

#backToTop:hover {
    background-color: #b61616;
    background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
    border: 1px solid #b61616;
    opacity: 1;
}

#backToTop > span {
    color: #FFFFFF;
    margin-left: 13px;
    margin-top: 12px;
}

/* Style for bootsrap modals */
.modal-header > h4 {
    margin-top: 0;
    margin-bottom: 0;
}

.modal-body .footer-break {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.modal-body .footer-wrap {
    text-align: right;
}

.modal-body .btn-primary {
    margin-right: 8px;
}

#kp-msg-modal p {
    padding: 15px;
}

.switch-modal-open {
    overflow: hidden;
}

.switch-modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

body.modal-open {
    overflow: visible;
}

/* Style for login form */
.login-wrap .login-links {
    width: 60%;
}

.login-wrap .login-btn {
    width: 40%;
    text-align: right;
}

.caps-lock-hint {
    margin-bottom: 15px;
}

.kp-login {
    color: #777777;
    font-style: italic;
}

/* Style for tables */
.grid-view > .summary,
.list-view > .summary {
    text-align: right;
}

.grid-view > .empty {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 8px;
    line-height: 1.42857143;
    margin-bottom: 20px;
    background-color: #f1f1f1;
}

.kp-expanded-row > td > .grid-view > .table {
    margin-bottom: 0;
}

/* add sorting icons to gridview sort links */
a.asc:before, a.desc:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-right: 5px;
}

a.asc:before {
    content: /*"\e113"*/ "\e151";
}

a.desc:before {
    content: /*"\e114"*/ "\e152";
}

.text-wrap {
    word-wrap: break-word;
}

/* Style for KP forms */
.submit-form-group .btn {
    margin-left: 8px;
}

/* Style for KP tables */
@media (max-width: 768px) {
    .detail-view th,
    .detail-view td,
    .grid-view > table th,
    .grid-view > table td {
        word-wrap: break-word;
    }

    .detail-view,
    .grid-view > table {
        table-layout: fixed;
        width: 100%;
    }
}

.table .languages a {
    margin-right: 5px;
    text-transform: uppercase;
    text-decoration: none;
}

.table .languages a.inactive {
    color: #8d8d8d;
}

.collapse-head {
    cursor: pointer;
}

.panel-heading h5 {
    margin: 0;
}

ul#languages, ul#profile {
    margin-top: 7px;
}

.hspace {
    margin-bottom: 20px;
}

.selection-info-wrap {
    line-height: 1.42857;
    text-align: right;
    margin-bottom: 5px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #f1f1f1;
}

.table-with-afterrow-striped > tbody > tr:nth-child(even) {
    font-style: italic;
}

.table-with-afterrow-striped > tbody > tr:nth-child(even) > td {
    padding: 2px;
}

.table-with-afterrow-striped > tbody > tr:nth-child(4n+1) {
    background: #f1f1f1;
}

.table-with-afterrow-striped > tbody > tr:nth-child(4n+2) {
    background: #f1f1f1;
}

#hearing tr > td .address {
    font-style: italic;
}

/* Style for KP object notes */
.note-body {
    padding-left: 5px;
    padding-bottom: 7px;
}

.note-body .comment-footer .comment-date,
.note-body .comment-footer .comment-type {
    color: #888;
    font-size: 11px;
}

.note-body .comment-footer .note-options {
    text-align: right;
    float: right;
    padding-top: 10px;
}

.note-hrule {
    margin-top: 3px;
    margin-bottom: 3px;
}

.note-options > .dropdown-menu {
    left: auto;
    right: 0;
}

.notes-panel .notes-filter .color {
    width: 16px;
    height: 18px;
    float: left;
    margin-right: 4px;
    margin-left: -1px;
}

.note-body .file-content {
    margin-top: 10px;
}

.note-btn {
    margin-left: 8px;
    margin-bottom: 8px;
}

/* Style for KP object events */
.event-body {
    color: black;
    opacity: 0.7;
}

.event-link {
    text-decoration: none;
}

#calendar-form .field-events-status_desc {
    margin-bottom: 0;
}

/* Style for Jquey UI */
.ui-widget-header {
    background-color: #b61616;
    background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
}

/* Style for Bootstrap Tags Input */
.bootstrap-tagsinput {
    width: 100%;
}

/* Style for KP spinner */
.spinner {
    margin: 50px auto 0;
    margin-bottom: 50px;
    width: 70px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
      transform: scale(0.0);
      -webkit-transform: scale(0.0);
    } 40% {
      transform: scale(1.0);
      -webkit-transform: scale(1.0);
    }
}

/* Style for API media section */
.media-block {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: none;
    padding: 10px;
    position: relative;
}

.media-block .media-left {
    width: 35%;
}

.media-block .media-left img {
    width: 100%;
}

.media-block.playground .media-left {
    width: 16.7%;
}

@media (max-width: 768px) {
    .row > div:first-child > .media-block {
        margin-bottom: 20px;
    }

    .media-block.playground .media-left {
        width: 35%;
    }
}

/* Style for save list section */
#save-list-form .info-container {
    display: none;
}

.bootstrap-duallistbox-container button.moveall,
.bootstrap-duallistbox-container button.removeall {
    display: none;
}

.bootstrap-duallistbox-container button.move,
.bootstrap-duallistbox-container button.remove {
    width: 100%;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.list-role-note {
    margin-bottom: 15px;
}

#save-list-form textarea{
    resize: vertical;
}

/* Style for KP ur search widget */
#ursearchform-serach_in_register label {
    margin-right: 7px;
}

/* Style for KP import forms */
form div.import-result {
    padding: 10px;
    margin-bottom: 10px;
    max-height: 220px;
    overflow-y: scroll;
    border-radius: 4px;
}

/* Style for bootbox.js modal form */
.bootbox > .modal-dialog > .modal-content > .modal-footer > .btn {
    margin-left: 10px;
}

/* Style for worktime section */
span.work-online {
    color: #3c763d;
}

span.work-offline {
    color: #b51718;
}

/* Style for admin view panels */
.clickable-panel > .panel-heading {
    cursor: pointer;
}

.clickable-panel > .panel-body > .grid-view > .table {
    margin-bottom: 0;
}

.clickable-panel > .panel-body {
    padding: 0;
}

.clickable-panel .submit-form-group > .btn {
    margin-bottom: 5px;
}

.panel-paragraphs {
    padding: 8px;
}

.downtime-message p {
    margin-bottom: 0;
}

.fixed-detail-view th{
    width: 240px;
}

@media (max-width: 768px) {
    .fixed-detail-view th{
        width: auto;
    }
}

/* Style for monitoring event calendar */
.fc-event-container > a.mon-event {
    text-align: center;
    font-size: 20px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    color: #b61616;
}

/* .fc-filters-button {
    background-color:red;
    background-image: none;
} */

@media (max-width: 768px) {
    .fc-event-container > a.mon-event {
        font-size: 12px;
    }
}

.fc .fc-button-group > .go-to-field {
    margin-top: 5px;
}

/* Style for planner event calendar */
.planner-legend {
    margin-top: 15px;
}

.planner-legend > .event {
    float: left;
    margin-right: 30px;
}

.planner-legend > .event > .color {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 6px;
}

@media (max-width: 768px) {
    .planner-legend > .event {
        float: none;
    }
}

.fullcalendar .fc-sun,
.fullcalendar .fc-sat,
.fullcalendar .holiday {
    color: #b51718;
    font-weight: bold;
}

.fullcalendar .fc-center > h2:first-letter {
    text-transform: uppercase;
}

.fullcalendar .fc-day-header {
    text-transform: capitalize;
}

.fullcalendar .fc-left,
.fullcalendar .fc-right {
    margin-bottom: 10px;
}

.fullcalendar .fc-event-container > .fc-day-grid-event > .fc-content {
    max-height: 50px;
    white-space: normal;
}

.fc-scroller {
    overflow-y: hidden !important;
}

.bs-actionsbox .btn-group > .bs-select-all {
    display: none;
}

.bs-actionsbox .btn-group > .bs-deselect-all {
    border-radius: 3px !important;
    width: 100%;
}

.select2-filter .select2-selection__choice {
    white-space: normal;
}

.content-options-block {
    text-align: right;
    margin-bottom: 10px;
}

.fc-event,
.fc-event:hover {
   color: black;
}

/* link colors for alert messages */
.alert-success a {color: #234425;}
.alert-info a {color: #1B435B;}
.alert-warning a {color: #6B4C23;}
.alert-danger a {color: #722A29;}

/* Style for lists index page */
.list-actions {
    width: 145px;
}

@media (max-width: 768px) {
    .list-actions {
        width: 100px;
    }
}

/* Style for checkbox list */
.checkbox-list > ul {
    list-style: none outside none;
}

.checkbox-list > ul {
    padding-left: 10px;
    margin-bottom: 0;
    padding-top: 5px;
}

.checkbox-list > ul > li:last-child {
    padding-bottom: 10px;
}

.checkbox-list > ul > li > label {
    font-weight: normal;
}

.checkbox-list.scrollable {
    height: 400px;
    overflow-y: scroll;
}

#ui-datepicker-div {
    z-index: 9999 !important;
}

.api-result textarea {
    width: 100%;
    resize: vertical;
}

.inline > .form-group {
    margin-right: 0;
    margin-left: 0;
}