/*
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 : 2014.10.16., 1:51:42
    Author     : hegedustibor
*/
body {
    /*background-color: #ECF0F1;*/
    /*background-color: rgb(210, 215, 211);*/
    /*background-color: rgb(240,245,241);*/
    /*background-color: rgb(218, 223, 225);*/
    background-color: rgb(246, 246, 246);

    font-size: 14px !important;
    font-family: Arial, Helvetica, sans-serif
    font-style: normal;
    font-weight: 400;
}

body::-webkit-scrollbar {
    width: 0.5em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: rgb(22, 160, 133);
    outline: 1px solid slategrey;
}



/* --- BACKGROUND COLOR --- */

.bg-white {
    background-color: #fff;

}
.bg-sky {
    background-color: #4D8FAC;
    color: #fff;
}
.bg-bellflower {
    background-color: #5D3F6A;
    color: #fff;
}
.bg-thousand-herb {
    background-color: #317589;
    color: #fff;
}
.bg-indigo {
    background-color: #264348;
    color: #fff;
}
.bg-eucalyptus {
    background-color: rgb(38, 166, 91);
    color: rgb(255, 255, 255);
}
.bg-emerald {
    background-color: rgb(63, 195, 128);
    color: rgb(255,255,255);
}
.bg-aqua-island {
    background-color: rgb(22, 160, 133);
    color: rgb(255,255,255);
}

.bg-wet {
    background-color: rgb(52, 73, 94);
    color: rgb(250,250,250);
}

/* --- BORDER RADIUS --- */
.border-radius-none {
    border-radius: 0 !important;
}

/* ---- MARGIN ---- */
.margin-top-none {
    margin-top: 0 !important;
}
.margin-top-bottom-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.margin-none {
    margin: 0 !important;
}

.padding-none {
    padding: 0 !important;
}

/* ---- PAGE-HEADER ---- */
.page-header {
    color: rgb(120,120,120);
}

@media (max-width: 768px) {
    .col-xs-full-screen {
        padding: 0 !important;

    }
}

.topto {
    margin-top: -20px;
}

/* ---- NAVBAR ---- */
.navbar-custom {
    position: fixed;
    top: 0;
    left: 0;
    border: none;
    border-radius: 0;
    background-color: rgba(255,255,255,1);
    width: 100%;
    box-shadow: 0 2px 10px #000;
}
.navbar-custom a.navbar-brand:hover {
    color: #000000;
}
.navbar-custom .nav li a {
    color: #000000;

}
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:hover {
    color: #16A085;
    /*border-top: solid #222222 3px;*/
    box-shadow: 0 -2px 10px #000;

}
.navbar-default .navbar-nav .open .dropdown-menu > li  {
    color: white;
    background-color: #48cfad;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: white;
    background-color: #48cfad;
}

.navbar-default {
    border-color: #e7e7e7;
}




.navbar-akasa .navbar-brand {
    color: rgba(5, 5, 5, 1);
}
.navbar-akasa {
    font-size: 13px !important;
    background-color: rgba(255, 255, 255, 1);
    border-width: 0px;
    border-radius: 0px;
    box-shadow: 0 2px 10px #000;
}
.navbar-akasa .navbar-nav>li>a {
    color: rgba(119, 119, 119, 1);
    background-color: rgba(255, 255, 255, 1);
}
.navbar-akasa .navbar-nav>li>a:hover,
.navbar-akasa .navbar-nav>li>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(72, 207, 173, 1);
}
.navbar-akasa .navbar-nav>.active>a,
.navbar-akasa .navbar-nav>.active>a:hover,
.navbar-akasa .navbar-nav>.active>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(72, 207, 173, 1);
}
.navbar-akasa .navbar-toggle {
    border-color: #48cfad;
}
.navbar-akasa .navbar-toggle:hover,
.navbar-akasa .navbar-toggle:focus {
    background-color: #48cfad;
}
.navbar-akasa .navbar-toggle .icon-bar {
    background-color: #48cfad;
}
.navbar-akasa .navbar-toggle:hover .icon-bar,
.navbar-akasa .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}

.navbar-default .navbar-nav .open .dropdown-menu > li  {
    color: #000000;
    background-color: #48cfad;
}


/* ---- PANEL ---- */
.panel-default, .panel-heading {
    border-radius: 0 !important;
}

/* ---- ALERT ---- */
.alert {
    border-radius: 0 !important;
    margin-left: -15px;
    margin-right: -15px;
    display: block !important;
    min-width: 100%;
}

.alert-danger {
    background-color: rgb(231, 76, 60) !important;
    color: rgb(240,240,240) !important;
}
.alert-warning {
    background-color: rgb(253, 227, 167) !important;
    color: rgb(50,50,50);
}
.alert-success {
    background-color: rgb(63, 195, 128);
    color: rgb(255,255,255);
}

/* ---- LIST-GROUP ---- */
.list-group, .list-group-item {
    border-radius: 0 !important;
}
a.list-group-item:hover, a.list-group-item:focus {
    background-color: #f3f3f3;
}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background-color: #4fc1e9;
    border-color: #4fc1e9;
}
a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text {
    color: white;
}


/* ---- INPUT ---- */
.input-group-addon {
    background-color: rgb(245,245,245);
    color: rgb(100,100,100);
}

.shadow-dark {
    box-shadow: 0px 2px 20px rgb(100, 100, 100) !important;
}

.btn-info {
    background-color: rgb(52, 73, 94) !important;
    border-color: rgb(52, 73, 94) !important;
    color: rgb(250,250,250);
}

.btn-danger {
    background-color: rgb(150, 40, 27) !important;
    border-color: rgb(150, 40, 27) !important;
    color: rgb(250,250,250);
}

.opacity-90 {
    opacity: 0.9 !important;
}

.tape-inside {
    background-color: rgba(0,0,0,0.5);
    color: rgb(250,250,250);
    position: relative;
    top: -70px;
    width: 100%;
    height: 50px;
    vertical-align: text-bottom;
    padding: 5px;
}


.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.absolute-center {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
}


.price {
    color: #00B16A;
    font-weight: bold;
}



@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
    .modal-sm {
        width: 400px;
    }
}
/*broken image*/
img { 
  /* Same as first example */
}


img:before { 
  content: " ";
  display: block;
  padding:10px;
  position: absolute;
  /*top: -10px;
  left: 0;
  height: calc(100% + 10px);
  width: 100%;*/
  background-color: rgb(230, 230, 230);
  border: 2px dotted rgb(200, 200, 200);
  border-radius: 5px;
}