/*
Personalizzazione di Bootstrap per kalorfiammacard
*/
/* 
    Created on : 9-lug-2015, 9.23.22
    Author     : viovinella
*/

/*
COLORI : 
#211D70 BLU
#ED1C24 ROSSO

*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,400,500);

/* Ovveride classi boostrap */
.container {
    width: auto;
    margin: 0px 20px;
}


.btn-primary, .btn-primary:visited {
    background-color: #ED1C24;
    border-color:#ED1C24;
}

.btn-primary:hover, .btn-primary:active{
    background-color:#211D70;
    border-color:#211D70;
}

.btn-delete {
    color:#211D70;
}

body {
    background-color: #f0f0f0;
}

.navbar {
    background-color:#211D70;
    color:#fff;
    border-radius:0px;
    border:none;
}

.welcome-page ~ footer {
    display: none;
}

footer .navbar {
    margin-bottom: 0px;
    margin-top:20px;
    min-height: auto;
    padding: 10px 0px;
    background-color:#211D70;
    opacity:0.7;
}

.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited, .navbar-default .navbar-nav > li > a:active {
    color:#fff;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background-color: #ED1C24;
    color:#fff;
}

.navbar-default .important {
    background: #ED1C24;
    font-weight: bold;
}

.navbar-default .important a:hover {
    color:#fff !important;
    
}

.input-group {
    margin-bottom: 20px;
}

[action="/add_user"] .input-group {
    margin-top:20px;
    margin-bottom:0px !important;
}

.nav-tabs {
    border-color: #ccc;
}

.nav-tabs>li>a {
    color:#333;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #f0f0f0;
    font-weight: bold;
    color: #211D70;
    border-color: #ccc;
    border-bottom-color: transparent;
}

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

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #ED1C24;
    border-color:#ED1C24;
}

/* Generici */
html {
    height: 100%;
}

body{
    font-family: 'Lato', sans-serif;
    min-height: calc(100vh - 60px);
    margin:60px 0px 0px;
}

body > .container {
    min-height: calc(100vh - 140px);
}

a:hover {
    text-decoration: none;
}

form {
    padding-top: 10px;
}

.to-right {
    float:right;
}
.to-left {
    float:left;
}

.page-title {
    font-family: Roboto,Helvetica,sans-serif;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
    color: #211D70;
    font-weight: 400;
}

.section-title {
    font-size: 18px;
    padding: 10px 20px;
    color:#211D70;
    background-color: #ccc; 
    border-radius:4px;
}

.bar-separator {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 20px;
}

.table .fa-check {
    color: green;
}

.table .fa-times {
    color:red;
}

.table a:not(.btn) {
    color: #211D70;
    font-weight: bold;
}

.table tr[data-action] td {
    cursor: pointer;
}

.table tr[data-action]:hover {
    background-color: #fefefe;
}

.valute:after {
    content:" \20ac";   
}

.discount {
    color:red;
}

.discount:before {
    content:"- ";
}

/*
Override Select2
*/
.select2-container {
    margin:0px !important;
    padding: 0px !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.select2-container .select2-choice {
    border:0px !important;
    height: 100% !important;
    padding-top:3px !important;
    background: none !important;
}
.select2-container .select2-choice .select2-arrow {
    border-left-color:#ccc !important;
    display: none !important;
}

/* Pagina Welcome */
.welcome-page { 
    width: 300px;
    color:#211D70;
    margin:0 auto;
}

.welcome-page .form-login {
    margin:40px 0px 0px;
    padding: 20px;
    background-color: #f0f0f0;
    border-radius: 10px;
    border:1px solid #ccc;
}

.welcome-page .form-login .logo {
    margin: 0px auto;
    width: 90%;
}

.welcome-page .form-login .message-box {
    font-weight: bold;
}

.welcome-page form {
    margin-top: 40px;
}

.welcome-page .form-login input {
    color:#211D70;
    _border-color:#211D70;
    font-weight: bold;
}

.welcome-page .form-login label {
    font-weight: bold;
    margin:0px 0px 0px;
}



nav.table-header {
    margin-bottom: 5px;
}

nav.table-footer {
    border-top:1px solid #ccc;
    padding: 15px 0px 0px;
    margin-bottom: 20px;
    margin-top: 10px;
}

nav.table-footer p {
    padding:8px 12px;
    color:#666;
    font-size: .9em;
}

.table {
    margin: 0px;
    _border-bottom: 2px solid #ccc;
    _border-top: 1px solid #ccc;
}

.pagination {
    margin: 0px;
}

.sidebar .widget {
    margin-bottom:60px;
}

.sidebar .widget .widger-title{
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

.sidebar .send-sms-widget textarea {
    display: inlines;
    border:none;
    box-shadow: none;
    background-color: #fafafa;
    margin-bottom: 2px;
    font-size: 12px;
    border-bottom:1px solid #ccc;
    min-height: 65px;
}
.sidebar .send-sms-widget .char-counter {
    color:#999;
}

.custom-modal .modal-header{
    background-color:#211D70;
    color:#fff;
    border:none;
}

.custom-modal .modal-header .close {
    color:#ED1C24 !important;
    opacity: 1;
    text-shadow: none;
}

.custom-modal .modal-content{
    border:4px solid #211D70;
    border-top-width: 0px;
    border-radius: 4px 4px 4px 4px;
}

.custom-modal .loader:after, .campaign-modal .loader:before{
   background:#fff;
}

.custom-modal .selected-message {
    background-color: #f0f0f0;
    padding: 5px;
    text-align: left;
}

.website-a{color:#00b9ff; text-decoration:underline;}
.website-a:hover{color:#00b9ff; text-decoration:underline;}

.btn-inline-block{display:inline-block;}
.btn-inline-block:hover{color:#fff;}

label.input-group-addon{min-width:127px;}
.msg-error{padding-top: 5px;  float: right; color:#ED1C24;}

.loader{display:none;}
.loader, .loader:before, .loader:after{border-radius:50%;}
.loader:before, .loader:after{position:absolute; content: '';}
.loader:before{width:5.2em; height:10.2em; background: #f0f0f0; border-radius:10.2em 0 0 10.2em; top:-0.1em; left:-0.1em; -webkit-transform-origin:5.2em 5.1em; transform-origin:5.2em 5.1em; -webkit-animation:load2 2s infinite ease 1.5s; animation:load2 2s infinite ease 1.5s;}
.loader{font-size:11px; text-indent:-99999em; margin:55px auto; position:relative; width:10em; height:10em; box-shadow:inset 0 0 0 1em #ED1C24; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0);}
.loader:after{width:5.2em; height:10.2em; background:#f0f0f0; border-radius:0 10.2em 10.2em 0; top:-0.1em; left:5.1em; -webkit-transform-origin:0px 5.1em; transform-origin:0px 5.1em; -webkit-animation:load2 2s infinite ease; animation:load2 2s infinite ease;}