/*
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 : 02/12/2016, 12:56:26 PM
    Author     : Kostouros1
*/

/* This code was found at http://stackoverflow.com/questions/1964839/jquery-please-wait-loading-animation and modified to suit. */

/* Start by setting display:none to make this hidden.  Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating 
*/
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba(220, 220, 220, .8) url('../images/ajax-loader.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our  modal element will be visible */
body.loading .modal {
    display: block;
}

/* Footer */
.container_footer {
    /* background: #2d2d2d; */
    color: #777;
    height: 78px;        
    position: relative;
    text-align: center;
    font: 13px/18px Arial, Helvetica, sans-serif;
    background: #222 url(../images/bg-footer.gif) repeat-x;
    border-top: 4px solid #e7e7e7;
    color: #e9e9e9;
}

.container_footer a, .container_footer a:hover, .container_footer a:active, .container_footer a:visited {
    font-size: 12px;
    color: #fefefe;
    text-decoration: none;
}

.container_footer span { 
    display: block;
    margin: 5px 0;
    margin-top: 15px;
}

.container_footer .section-map ul {
    list-style: none;
    padding: 0;
    margin: 0; 
}

#container_footer .phone {
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    display: block;
    color: #fefefe;
}

/* Override bootstrap container */


/* Information boxes */

.info-box {display:block;min-height:100px;min-width:128px;max-width:128px;background:#fff;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:0px;margin-bottom:15px;float:left;margin-right:5px;}

.info-box small {font-size:14px}

.info-box .progress {background:rgba(0,0,0,0.2);margin:5px 0px 5px -5px;height:2px}

.info-box .progress,.info-box .progress .progress-bar {border-radius:0}

.info-box .progress .progress-bar {background:#fff}

.info-box-content {padding:5px 5px;margin-left:5px}

.info-box-number {display:block;font-weight:bold;font-size:24px}

.progress-description,.info-box-text {display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.info-box-text {text-transform:uppercase}

.info-box-more {display:block}

/* Smaller information box */

.info-box-2 {display:block;min-height:100px;min-width:119px;max-width:119px;background:#ffffff;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:0px;margin-bottom:15px;float:left;margin-right:3px;}

.info-box-2 small {font-size:14px}

.info-box-2 .progress-2 {background:rgba(0,0,0,0.2);margin:5px 0px 5px -5px;height:2px}

.info-box-2 .progress-2, .info-box-2 .progress-2 .progress-bar-2 {border-radius:0}

.info-box-2 .progress-2 .progress-bar-2 {background:#fff}

.info-box-content-2 {padding:5px 3px;margin-left:3px}

.info-box-number-2 {display:block;font-weight:bold;font-size:24px}

.progress-description-2, .info-box-text-2 {display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.info-box-text-2 {text-transform:uppercase}

.info-box-more-2 {display:block}

/* Smaller information box 2 */

.info-box-3 {display:block;min-height:100px;min-width:131px;max-width:131px;background:#ffffff;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:0px;margin-bottom:15px;float:left;margin-right:3px;}

.info-box-3 small {font-size:14px}

.info-box-3 .progress-3 {background:rgba(0,0,0,0.2);margin:5px 0px 5px -5px;height:2px}

.info-box-3 .progress-3, .info-box-3 .progress-3 .progress-bar-3 {border-radius:0}

.info-box-3 .progress-3 .progress-bar-3 {background:#fff}

.info-box-content-3 {padding:5px 3px;margin-left:3px}

.info-box-number-3 {display:block;font-weight:bold;font-size:24px}

.progress-description-3, .info-box-text-3 {display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.info-box-text-3 {text-transform:uppercase}

.info-box-more-3 {display:block}

/* Themes */

.bg-aqua,.callout.callout-info,.alert-info,.label-info,.modal-info .modal-body{background-color:#66ccff !important}

.bg-aqua-active,.modal-info .modal-header,.modal-info .modal-footer{background-color:#66ccff !important}

.bg-aqua-gradient{background:#66ccff !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #66ccff), color-stop(1, #66ccff)) !important;background:-ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;background:-moz-linear-gradient(center bottom, #00c0ef 0, #14d1ff 100%) !important;background:-o-linear-gradient(#14d1ff, #00c0ef) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;color:#fff}

.bg-yellow,.callout.callout-warning,.alert-warning,.label-warning,.modal-warning .modal-body{background-color:#33cc33 !important}

.bg-yellow-active,.modal-warning .modal-header,.modal-warning .modal-footer{background-color:#33cc33 !important}

.bg-yellow-gradient{background:#33cc33 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;background:-ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;background:-moz-linear-gradient(center bottom, #f39c12 0, #f7bc60 100%) !important;background:-o-linear-gradient(#f7bc60, #f39c12) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;color:#fff}

/* Centering row elements */

.centered {
    text-align: center;
    font-size: 0;
}
.centered > div {
    float: none;
    display: inline-block;
    text-align: left;
    font-size: 13px;
}

/* Footer */

.container_footer {
    /* background: #2d2d2d; */
    color: #777;
    height: 78px;        
    position: relative;
    text-align: center;
    font: 13px/18px Arial, Helvetica, sans-serif;
    background: #222 url(../images/bg-footer.gif) repeat-x;
    border-top: 4px solid #e7e7e7;
    color: #e9e9e9;
}

.container_footer a, .container_footer a:hover, .container_footer a:active, .container_footer a:visited {
    font-size: 12px;
    color: #fefefe;
    text-decoration: none;
}

.container_footer span { 
    display: block;
    margin: 5px 0;
    margin-top: 15px;
}

.container_footer .section-map ul {
    list-style: none;
    padding: 0;
    margin: 0; 
}

#container_footer .phone {
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    display: block;
    color: #fefefe;
}

.logotip {
    background: url(../images/logotip.png) no-repeat;
    position: absolute;
    left: 31px;
    top: 19px;
    overflow: hidden;
    text-indent: -9999px;
    height: 38px;
    width: 110px;
}

.logotip a {
    height: 100%;
    display: block;
}