.CursDefault{ cursor:default;}

.LighterGrayBack{
    background-color: #f6f6f6 !important;
}

.LightGrayBack{
    background-color: #dadada;
}

.MarTop15 {
    margin-top: 15px;
}
/* Empty Boxes */
.EmptyBox4{ display:block; width:100%; height:4px; overflow:hidden;}

.MarkLinks > a {
    color: red;  
}

.square {
    /* min-width: 14px; */
    width: 14px;
    height: 14px;
    display: inline-block;
    white-space: nowrap;

    font-size: 9px;
    font-family: 'robotolight';
    text-align: center;
    vertical-align: middle;
    color: #000;
    line-height: 14px;
    cursor: default;
}

.square.twoColor {
    width: 0px;
    min-width: 0px;
    height: 0px;

    border-width: 7px;
    border-style: solid;

    color: transparent;
}

.square.squareRed {
    background-color: #E53935;
}

.square.squareGreen {
    background-color: #43A047;
}

.square.squareOrange {
    background-color: orange;
}

.square.squareDarkBlue {
    background-color: darkblue;
    color: #fff;
}

.square.squareYellow {
    background-color: #F7D100;
}

.square.squareBlack {
    background-color: #000000;
    color: #fff;
}

.square.squareRedBlack {
    border-top-color: #E53935; 
    border-left-color: #E53935;    
    border-right-color: #000;    
    border-bottom-color: #000; 
}

.square.squareRedGreen {
    border-top-color: #E53935; 
    border-left-color: #E53935;    
    border-right-color: #43A047;    
    border-bottom-color: #43A047; 
}

.square.squareBlue {
    background-color: #0288d1;
    color: #fff;
}

.square.squareWithStar:before {
    content: '*';
    font-size: 18px;
}

.square.squareWithPlus:before {
    content: '+';
    font-size: 18px;
}

@media (min-width: 640px) and (max-width: 960px) {
    .Responsive {width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
}