/* #Example <div class="row row-eq-height-xs">Your Content Here</div> 
@media screen
{
    .noPrint{}
    .noScreen{display:none;}
}

@media print
{
    .noPrint{display:none;}
    .noScreen{}
}
 #For all screens: */
.index_div_item
{
    display: block;
    height: 20px;
}
.thinerpadding 
{
    padding: 2px 2px 2px 2px  !important;
    margin: 2px 2px 2px 2px !important;
    
   


background: #d644b1; /* Old browsers */
background: -moz-linear-gradient(top,  #d644b1 0%, #e01f96 57%, #d48fe0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d644b1 0%,#e01f96 57%,#d48fe0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d644b1 0%,#e01f96 57%,#d48fe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d644b1", endColorstr="#d48fe0",GradientType=0 ); /* IE6-9 */



}
.backgroundgradientPink 
{
    
background: #d644b1; /* Old browsers */
background: -moz-linear-gradient(top,  #d644b1 0%, #e01f96 57%, #d48fe0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d644b1 0%,#e01f96 57%,#d48fe0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d644b1 0%,#e01f96 57%,#d48fe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d644b1", endColorstr="#d48fe0",GradientType=0 ); /* IE6-9 */
color:white !important;


}
.backgroundgradientGreen 
{
    

background: #b7df2d; /* Old browsers */
background: -moz-linear-gradient(top,  #b7df2d 0%, #e3f5ab 67%, #f8ffe8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b7df2d 0%,#e3f5ab 67%,#f8ffe8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b7df2d 0%,#e3f5ab 67%,#f8ffe8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b7df2d", endColorstr="#f8ffe8",GradientType=0 ); /* IE6-9 */

color:black !important;


}
.backgroundGradientLightGreen
{
    
background: #baf4bb; /* Old browsers */
background: -moz-linear-gradient(top,  #baf4bb 0%, #e3fbe4 67%, #f7fff8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #baf4bb 0%,#e3fbe4 67%,#f7fff8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #baf4bb 0%,#e3fbe4 67%,#f7fff8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#baf4bb", endColorstr="#f7fff8",GradientType=0 ); /* IE6-9 */
color:black !important;
}
.backgroundGradientPinkBlue
{
    

background: #7216af; /* Old browsers */
background: -moz-linear-gradient(top,  #7216af 5%, #d32168 15%, #651c96 45%, #7c187b 95%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7216af 5%,#d32168 15%,#651c96 45%,#7c187b 95%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7216af 5%,#d32168 15%,#651c96 45%,#7c187b 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#7216af", endColorstr="#7c187b",GradientType=0 ); /* IE6-9 */

color:black !important;
}
.backgroundGradientPuppleYelowGreen
{
    


background: #54f78d; /* Old browsers */
background: -moz-linear-gradient(top,  #54f78d 0%, #d2e638 38%, #d2e638 45%, #82dd33 45%, #a020e5 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #54f78d 0%,#d2e638 38%,#d2e638 45%,#82dd33 45%,#a020e5 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #54f78d 0%,#d2e638 38%,#d2e638 45%,#82dd33 45%,#a020e5 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#54f78d", endColorstr="#a020e5",GradientType=0 ); /* IE6-9 */


color:black !important;
}
.backgroundGradientPuppleYelowGreenPink
{
    



background: #54f78d; /* Old browsers */
background: -moz-linear-gradient(top,  #54f78d 0%, #82dd33 10%, #82dd33 10%, #d2e638 16%, #82dd33 22%, #82dd33 26%, #82dd33 29%, #b463e2 38%, #d2e638 53%, #82dd33 60%, #82dd33 60%, #b86fe2 65%, #d2e638 68%, #d2e638 71%, #82dd33 76%, #b971e2 83%, #58bc4d 91%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #54f78d 0%,#82dd33 10%,#82dd33 10%,#d2e638 16%,#82dd33 22%,#82dd33 26%,#82dd33 29%,#b463e2 38%,#d2e638 53%,#82dd33 60%,#82dd33 60%,#b86fe2 65%,#d2e638 68%,#d2e638 71%,#82dd33 76%,#b971e2 83%,#58bc4d 91%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #54f78d 0%,#82dd33 10%,#82dd33 10%,#d2e638 16%,#82dd33 22%,#82dd33 26%,#82dd33 29%,#b463e2 38%,#d2e638 53%,#82dd33 60%,#82dd33 60%,#b86fe2 65%,#d2e638 68%,#d2e638 71%,#82dd33 76%,#b971e2 83%,#58bc4d 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#54f78d", endColorstr="#58bc4d",GradientType=0 ); /* IE6-9 */



color:black !important;
}
.backgroundGradientPuppleYelowGreenShi
{
    


background: #bfdd52; /* Old browsers */
background: -moz-linear-gradient(top,  #bfdd52 0%, #a5f48d 50%, #deff91 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bfdd52 0%,#a5f48d 50%,#deff91 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bfdd52 0%,#a5f48d 50%,#deff91 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#bfdd52", endColorstr="#deff91",GradientType=0 ); /* IE6-9 */





color:black !important;
}
.index_div_item a .well
{
    height: 20px;
}
.row-eq-height-xs 
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-direction: row;
}

/* #For when you want to use sm: */

.row-eq-height-sm 
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-direction: column;
}
@media (min-width:768px) 
    {
        .row-eq-height-sm {
                                flex-direction: row;
                           }
    }

#For when you want to md

.row-eq-height-md {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display:         flex;
                        flex-direction: column;
                    }
@media (min-width:992px) {
                            .row-eq-height-md {
                                                    flex-direction: row;
                                               }
                        }

/* #For when you want to use lg */
.row-eq-height-lg {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display:         flex;
                        flex-direction: column;
                    }
@media (min-width:1200px) {
                            .row-eq-height-md {
                                                    flex-direction: row;
                                               }
                        }
/* #Solution from somewhere else */
.equal, .equal > div[class*='col-'] {  
                                        display: -webkit-box;
                                        display: -webkit-flex;
                                        display: flex;
                                        flex:1 0 auto;
                                    }