::-webkit-scrollbar {
        width: 5px;
}
::-webkit-scrollbar-thumb {
    background-color: #7f17c4 !important;
       border-radius: 5px;
}

body {font-family: sans-serif; margin: 0;}
div.cartomante {position: relative; width: 47%; height: 105px; float: left; padding: 4px; margin: 4px; background-color: #fff;}

div.cartomante img.photo {width: 100px; height: 80px; float: left; margin: 10px 0 0 0; padding: 0; border-radius: 5px;}
div.cartomante img.phone {width: 20px; height: 16px; margin-right: 10px;}

.labelnome {font-size: 22px; margin: 5px; float:left;}
.labelnome span.cart {font-size: 14px; font-style: italic; line-height: 10px;}

.cartcodice {font-weight: 200; font-size: 15px; margin: 5px 15px 0 0; float: right; text-align: right; max-width: 47px;}
.cartcod {font-weight: 400; font-size: 20px;}
.btncart {position: absolute; min-width: 45%; text-align: center; bottom: 15px; right: 15px; border-radius: 4px; color: #000; padding: 7px;}

.btn-busy {box-shadow: 2px 2px 1px #960018; background-color: #D2042D; font-size: 16px; color: #f7f8f9;}
.btn-free {letter-spacing: 1px; padding: 8px 7px 4px 7px; font-size: 20px; box-shadow: 2px 2px 1px #006600; font-weight: bold; background-color: #229922; color: #f7f8f9; text-shadow: 1px 1px 1px #7f17c4;}
.btn-pause {border: solid 2px #ff7700; background-color: #ff9900; color: #000;}
.btn-offline {border: solid 2px #666666; background-color: #666666; color: #000;}

.free {
    box-shadow: 0 0 2px #00aa00;;
    border: solid 1px #00aa00;
}
.busy {
    box-shadow: 0 0 2px #D2042D;
    border: solid 1px #960018;
}
.pause {
    box-shadow: 0 0 2px #ff9900;
    border: solid 1px #ff9900;
}
.linkturni {
color: #D2042D;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 20px;
    left: 20px;
    padding-bottom: 20px;
}

@media (max-width: 600px) {
  div.cartomante {width: 92%;}  
}
@media (min-width: 900px) {
  div.cartomante {width: 31%;}  
}