/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16.7.2016, 15:03:48
    Author     : Pajush
*/
/* MAIN */

h1, h2, h3, h4, h5 {
    text-align: center;
}
h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
a {
    color: var(--main-color);
    text-decoration: none !important;
}
a:hover, a:active, a:focus {
    color: var(--main-color-darker);
    text-decoration: none !important;
}

.alert {
    margin: 0px 10px;
}

/* END MAIN */
/* TOP */

.top-navbar {
    height: 80px;
    width: 100%;
    position: fixed;
    top: 0px;
    background: #fff;
    color: #424242;
    font-size: 22px;
    line-height: 50px;
    z-index: 100;
    border-bottom: 1px solid #e9e9e9;
}

.top-navbar .logo {
    padding: 10px;
}

.top-navbar-indentation {
    height: 80px;
}

.menu, .menu-collapsed {
    background: #e9e9e9;
    min-height: 55px;
    line-height: 55px;
    font-size: 16px;
}
.menu a, .menu-collapsed a {
    color: #424242;
    display: block;
    width: 100%;
    height: 55px;
    padding-left: 30px;
    padding-right: 30px;
}
.menu li:hover a, .menu li:focus a, .menu li:active a, .menu-collapsed li:hover a, .menu-collapsed li:focus a, .menu-collapsed li:active a {
    color: #fff;
    text-decoration: none;
    background: var(--main-color);
}

.menu li.active a, .menu-collapsed li.active a  {
    color: #fff;
    background: var(--main-color);
}

.menu ul, .menu-collapsed ul {
    list-style-type: none;
    text-align: center;
    padding: 0px;
}

.menu ul li {
    width: auto;
    display: inline-block;
}

.logout-login {
    float: right;
}

.navbar-toggle {border: 1px solid #fff;}
.navbar-toggle:hover {border: 1px solid var(--main-color);}
.navbar-toggle .icon-bar {background: #fff;}
.navbar-toggle:hover .icon-bar {background: var(--main-color);}

.logout-dropdown {
    float: right;
}
.logout-dropdown #mainMenu {
    background: transparent;
    color: var(--main-color);
}
.logout-dropdown #mainMenu:hover, .logout-dropdown #mainMenu:active, .logout-dropdown #mainMenu:focus {
    background: transparent;
    color: var(--main-color-darker);
}
.logout-dropdown .dropdown-menu li a{
    padding-left: 25px;
    padding-right: 25px;
}


/* END TOP */

/* LOGIN */

.login-content {
    text-align: center;
}

.login-content hr {
    margin-top: 20px;
    margin-bottom: 20px;
}

.login-content input {
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    color: #999;
    margin-bottom: 5px;
    padding: 5px 10px;
}

input.send-button {
    background: var(--main-color);
    color: #fff;
    padding: 10px 25px;
    margin-top: 10px;
}

/* END LOGIN */

/* PAGES */
.table-btkcontrol {
    margin-top: 30px;
    margin-bottom: 30px;
}
.table-btkcontrol thead tr {
    background: #3299ba;
    color: #fff;
    text-align: center;
}

.table-btkcontrol thead tr th {
    border-right: 1px solid #267c97;
    text-align: center;
}
.table-btkcontrol thead tr th:last-child {
    border-right: none;
}

.table-btkcontrol a:hover, .table-btkcontrol a:focus, .table-btkcontrol a:active {
    color: var(--main-color-darker) !important;
}

.form-select {
    border: 1px solid #f6f6f6;
    color: #999;
    margin-bottom: 5px;
    padding: 5px 10px;
    width: 100%;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;
    appearance: none;
    height: 30px;
    background: #f6f6f6 url("../../image/btkcontrol/select-bg.png") right top no-repeat;
    min-width: 125px;
}
.form-input {
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    color: #999;
    margin-bottom: 5px;
    padding: 5px 10px;
    width: 100%;
    height: 30px;
}
.form-textarea {
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    color: #999;
    margin-bottom: 5px;
    padding: 5px 10px;
    width: 100%;
    height: 100px;
}
.textarea-new {
    border: 1px solid #ccc;
    color: #999;
    padding: 5px 10px;
    width: 100%;
    height: 100px;
}

.icon-button, .icon-button-green, .icon-button-red, .icon-button-blue {
    text-align: center;
    vertical-align: middle;
    line-height: 30px !important;
    display: inline-block;
    min-height: 30px;
    min-width: 30px;
    border: none;
//padding:7px 5px;
    color: #fff !important;
    background: var(--main-color);
}
a.icon-button, a.icon-button-green, a.icon-button-red, a.icon-button-blue
{padding: 5px;}
a .icon-button:hover, a .icon-button:active, a .icon-button:focus,
a.icon-button:hover, a.icon-button:active, a.icon-button:focus
{ background: var(--main-color-darker); color: #fff !important; }

.icon-button-green { background: #46ba0d; }
a .icon-button-green:hover, a .icon-button-green:active, a .icon-button-green:focus,
a.icon-button-green:hover, a.icon-button-green:active, a.icon-button-green:focus
{ background: #3EA10C; color: #fff !important; }

.icon-button-red { background: #ff3d00; }
a .icon-button-red:hover, a .icon-button-red:active, a .icon-button-red:focus,
a.icon-button-red:hover, a.icon-button-red:active, a.icon-button-red:focus
{ background: #E63600; color: #fff !important; }

.icon-button-blue { background: #3299ba; }
a .icon-button-blue:hover, a .icon-button-blue:active, a .icon-button-blue:focus,
a.icon-button-blue:hover, a.icon-button-blue:active, a.icon-button-blue:focus
{ background: #2C87A5; color: #fff !important; }

.color-main  { color: var(--main-color); }
.color-blue { color: #3299ba !important; }
.color-blue:hover, .color-blue:active, .color-blue:focus { color: #2c87a5 !important; }
.color-red { color: #ff3d00 !important; }
.color-red:hover, .color-red:active, .color-red:focus { color: #e63600 !important; }
.color-green { color: #46ba0d !important; }
.color-green:hover, .color-green:active, .color-green:focus { color: #3ea10c !important; }

.settings {width:80px;}
.settings a { display:inline-block; }

.table tbody tr a { color: var(--main-color); }
.table tbody tr a:hover, .table tbody tr a:active, .table tbody tr a:focus { color: #ff3d00; }

.filter-button {
    padding: 5px 10px 5px 25px;
    background: #3299ba url("../../image/btkcontrol/filter-button-icon.png") left 5px top 13px no-repeat;
}
.filter-button:hover {
    padding: 5px 10px 5px 25px;
    background: #2C87A5 url("../../image/btkcontrol/filter-button-icon.png") left 5px top 13px no-repeat;
}

.sending-button {
    padding: 5px 10px 5px 10px;
    background: #46ba0d;// url("../../image/btkcontrol/filter-button-icon.png") left 5px top 13px no-repeat;
}
.sending-button:hover {
    padding: 5px 10px 5px 10px;
    background: #3EA10C;// url("../../image/btkcontrol/filter-button-icon.png") left 5px top 13px no-repeat;
}

.button-component {
    padding: 5px 10px 5px 10px;
    margin-right: 5px;
}

/* END PAGES */

/* DETAIL */
.page-detail {
    margin-top: 15px;
}
.detailLabel {
    display: inline-block;
    width: 50%;
    font-weight: bold;
    margin-bottom: 10px;
}
.detail-icon {
    width: 25px;
    display: inline-block;
}
.detail-settings {
    float: right;
    margin-top: 10px;
}
.center-detail {
    text-align: center;
    margin-top: 10px;
}

.page-detail .col-sm-6 {
    margin-bottom: 20px;
}
.page-detail .col-sm-12 {
    margin-bottom: 20px;
}
/* END DETAIL */

/* DASHBOARD */
.countdown-green, .countdown-green a.countdown-a {color: #333333;}
.countdown-green {background: rgba(70,186,13, 0.4);} /* #46BA0D */
.countdown-green a.countdown-a:hover {color: #3EA10C;}

.countdown-orange, .countdown-orange a.countdown-a {color: #333333;}
.countdown-orange {background: rgba(255,174,4,0.4);} /* #ffae04 */
.countdown-orange a.countdown-a:hover {color: #17A689;}

.countdown-red, .countdown-red a.countdown-a {color: #333333;}
.countdown-red {background: rgba(255,61,0,0.4);} /* #ff3d00 */
.countdown-red a.countdown-a:hover {color: #E63600;}
/* END DASHBOARD */

/* EDIT */
input[type=checkbox], input[type=radio] {
    margin-right: 10px;
}
select[disabled], input[disabled] {
    background: gray;
    color: #fff;
}
/* END EDIT */


/* DOCUMENTATION */
body {
    line-height: 1.6em;
}

#hor-minimalist-a {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    background: #fff;
    margin: 45px;
    width: 780px;
    margin: 0px auto;
    margin-top: 60px;
    border-collapse: collapse;
    text-align: left;
}
#hor-minimalist-a th {
    font-size: 14px;
    font-weight: normal;
    color: #039;
    padding: 10px 8px;
    border-bottom: 2px solid #6678b1;
}
#hor-minimalist-a td {
    color: #669;
    padding: 9px 8px 0px 8px;
}
#hor-minimalist-a tbody tr:hover td {
    color: #009;
}
/* END DOCUMENTATION */

/* SPINNER */
#ajax-spinner {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#ajax-spinner:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}

#ajax-spinner:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255, 255, 255, 0.95) 1.5em 0 0 0, rgba(255, 255, 255, 0.95) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.95) 0 1.5em 0 0, rgba(255, 255, 255, 0.95) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.5) -1.5em 0 0 0, rgba(255, 255, 255, 0.5) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.95) 0 -1.5em 0 0, rgba(255, 255, 255, 0.95) 1.1em -1.1em 0 0;
    box-shadow: rgba(255, 255, 255, 0.95) 1.5em 0 0 0, rgba(255, 255, 255, 0.95) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.95) 0 1.5em 0 0, rgba(255, 255, 255, 0.95) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.95) -1.5em 0 0 0, rgba(255, 255, 255, 0.95) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.95) 0 -1.5em 0 0, rgba(255, 255, 255, 0.95) 1.1em -1.1em 0 0;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* END SPINNER */

/* 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: var(--main-color);
    border-color: var(--main-color);
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: var(--main-color);
}
.pagination > li > a, .pagination > li > span {
    color: var(--main-color);
}
/* END PAGINATION */

/* DOCUMENTATION */
.file-icon {
    position: relative;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    float: left;
    margin: 10px;
    padding: 5px;
}

.file-icon.active, .file-icon:hover {
    background-color: #0094ff;
}

.file-icon .label {
    color: #000;
    text-align: center;
    display: block;
    margin-top: 5px;
    white-space: normal;
    overflow-x: hidden;
}

.file-icon > img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.file-icon .loader {
    display: none;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 30px;
    padding: 5px;
}

.file-icon .loader.active {
    display: block;
}

.file-icon.active .control.select, .file-icon:hover .control {
    display: block;
}

.file-icon .control {
    position: absolute;
    display: none;
    margin: 5px;
}

.file-icon .control.close {
    top: 0;
    right: 0;
    opacity: 1;
}

.file-icon .control.select {
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
}
/* END DOKUMENTATION */

/* ORDER */
.order {
    border-bottom: 1px solid #e9e9e9;
    margin-top: 20px;
    padding: 20px;
}
/* END ORDER */

.well-red, .well-white, .well-orange, .well-green, .well-blue, .well-lightblue, .well-gray {
    color: #fff;
    text-align: center;
    padding: 10px 5px;
    margin-bottom: 5px;
}

.well-red .well-title, .well-white .well-title, .well-orange .well-title, 
.well-green .well-title, .well-blue .well-title, .well-lightblue .well-title, 
.well-gray .well-title {
    font-size: 120%;
    margin-bottom: 10px;
}

.well-red .well-button .icon-button-red, 
.well-white .well-button .icon-button, 
.well-orange .well-button .icon-button, 
.well-green .well-button .icon-button, 
.well-blue .well-button .icon-button, 
.well-lightblue .well-button .icon-button, 
.well-gray .well-button .icon-button {
    color: #fff;
    background: transparent;
    border: 2px solid #fff;
    padding: 5px 10px;
    width: 90%;
    margin-bottom: 5px;
}

.well-red {
    background: #d9534f;
    border: 1px solid #d43f3a;
}

.well-red .well-button .icon-button-red:hover, .well-red .well-button .icon-button-red:focus, .well-red .well-button .icon-button-red:active {
    background: #c9302c;
}


.well-white {
    color: #000 !important;
    background: #fff;
    border: 1px solid #ccc;
}

.well-white .well-button .icon-button {
    color: #000 !important;
    border: 2px solid #ccc;
}

.well-white .well-button .icon-button:hover, .well-white .well-button .icon-button:focus, .well-white .well-button .icon-button:active {
    background: #ccc;
    color: #fff !important;
}


.well-orange {
    background: #f0ad4e;
    border: 1px solid #eea236;
}

.well-orange .well-button .icon-button:hover, .well-orange .well-button .icon-button:focus, .well-orange .well-button .icon-button:active {
    background: #ec971f;
    color: #fff !important;
}

.well-green {
    background: #5cb85c;
    border: 1px solid #4cae4c;
}

.well-green .well-button .icon-button:hover, .well-green .well-button .icon-button:focus, .well-green .well-button .icon-button:active {
    background: #449d44;
    color: #fff !important;
}

.well-blue {
    background: #337ab7;
    border: 1px solid #2e6da4;
}

.well-blue .well-button .icon-button:hover, .well-blue .well-button .icon-button:focus, .well-blue .well-button .icon-button:active {
    background: #3071a9;
    color: #fff !important;
}

.well-lightblue {
    background: #5bc0de;
    border: 1px solid #46b8da;
}

.well-lightblue .well-button .icon-button:hover, .well-lightblue .well-button .icon-button:focus, .well-lightblue .well-button .icon-button:active {
    background: #31b0d5;
    color: #fff !important;
}

.well-gray {
    background: #ADADAD;
    border: 1px solid #8F8F8F;
}

.well-gray .well-button .icon-button:hover, .well-gray .well-button .icon-button:focus, .well-gray .well-button .icon-button:active {
    background: #8F8F8F;
    color: #fff !important;
}
.well-content{height: 70px}
.well-content .row, .tile {margin: 0px;}
.well-content .row > div {padding: 0px;}
.tile .row > div {padding: 0px 5px;}
.well-content-number {
    font-size: 200%;
    font-weight: bold;
    padding: 10px 0px;
    text-align: center;
}
.well-content-title {
    text-transform: uppercase;
    font-size: 80%;
}

.price_btk {font-size:80%; height: 20px;}
.price_btk p {margin: 0px;}
.price_btk .right {display: inline-box;float:right;}
.price_btk .left {display: inline-box;float:left;}