@import “../../node_modules/bootstrap/dist/css/bootstrap.css”; @import “../../node_modules/font-awesome/css/font-awesome.css”; @import “../../node_modules/animate.css/animate.css”;

.navbar-default a, .navbar-default a:hover, .navbar-default a:visited, .navbar-default a:active, .nav-pills a, .nav-pills a:hover, .nav-pills a:visited, .nav-pills a:active, .tools a, .tools a:hover, .tools a:visited, .tools a:active {

color: #333 !important;
text-decoration: none !important;

}

ul.nav-pills li a {

padding: 6px 12px;

}

.card ul,ol {

padding-left: 20px;

}

.col-sm-4 {

padding: 0px;

}

.col-sm-12 {

padding: 0px;

}

.alert {

padding: 5px;

}

.alert ul {

padding-left: 20px;

}

.list-group {

margin: 0px;
padding: 5px;

}

.carte-card-height {

height: 200px;

}

.navbar {

padding: 0px;
background-color: white;
margin-bottom: 5px;

}

.badge {

color: #333;
background-color: #eee;

}

.modal-body .form-group:last-child {

padding-bottom: 17px;

}

.navbar-brand:first-child {

padding-top: 10px;

}

/* carte original definitions */ .carte-content {

padding: 0px 20px;

}

.carte-hidden {

visibility: hidden;

}

.carte-card-header {

margin-bottom: 10px;

}

.carte-card-header .glyphicon-star {

margin-right: 5px;

}

.carte-card-content {

overflow: hidden;
width: 100%;
height: 73%;
word-wrap: break-word;

}

.carte-pagination .carte-pagination-curr {

width: 7.5em;
text-align: center;

}

.carte-list {

padding-left: 5px;
padding-right: 5px;

}

.carte-flash {

background-color: white;
position : absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;

}

.carte-strong {

font-weight: bold;

}

/* stackoverflow.com/questions/24511887/css-animation-works-in-chrome-but-not-in-firefox-resolved */ .glyphicon-refresh-animate {

-moz-animation: spin-moz .7s infinite linear;
-webkit-animation: spin-webkit .7s infinite linear;
animation: spin .7s infinite linear;

}

@-moz-keyframes spin-moz {

from { -moz-transform: rotate(0deg);}
to { -moz-transform: rotate(360deg);}

}

@-webkit-keyframes spin-webkit {

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

}

@keyframes spin {

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

}

/* github.com/olahol/react-tagsinput/blob/master/react-tagsinput.css */ .react-tagsinput {

border: 1px solid #ccc;
background: #fff;
padding: 10px;
overflow-y: auto;
border-radius: 3px;

}

.react-tagsinput-tag {

display: block;
/*border: 1px solid #a5d24a;*/
/*background: #cde69c;*/
/*color: #638421;*/
/*font-size: 12px;*/
/*font-family: 'Helvetica Neue', 'Arial', sans-serif;*/
float: left;
/*padding: 5px;*/
margin-right: 5px;
/*margin-bottom: 5px;*/
text-decoration: none;
border-radius: 2px;

}

.react-tagsinput-invalid {

background: #FBD8DB !important;
color: #90111A !important;

}

.react-tagsinput-validating {

/* background: #FFFACD !important; */

}

.react-tagsinput-remove {

font-weight: bold;
/* color: #638421; */
text-decoration: none;
font-size: 11px;
cursor: pointer;

}

.react-tagsinput-remove:before {

/* content: " x"; */

}

.react-tagsinput-input {

background: transparent;
/* color: #777; */
border: 0;
/* font-size: 13px; */
/* font-family: 'Helvetica Neue', 'Arial', sans-serif; */
/*padding: 5px;*/
margin: 0;
width: 80px;
outline: none;

}