﻿a {
    cursor: pointer;
}

.topicsBox {
    margin-bottom: 0px;
}

.topicsBox div.panel-body{
    height: 110px;
    padding-top: 0px;
    overflow-y: scroll;
}

.font-size-subtitles{
    font-size: 16px;
    font-weight: bold;
}


.result {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d9edf7;
}

.result:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}


.result > p {
    margin: 0 0 5px;
}

.result a {
    cursor: pointer;
}

.btn-go-top {
    position: absolute;
    right: 0;
    bottom: 20px;
}

.panel-primary > .panel-heading h1, 
.panel-primary > .panel-heading h2,
.panel-primary > .panel-heading h3,
.panel-primary > .panel-heading h4 {
    color: #fff;
}

.panel-info > .panel-heading h1,
.panel-info > .panel-heading h2,
.panel-info > .panel-heading h3,
.panel-info > .panel-heading h4 {
    color: #3a87ad;
}

.image-slider .modal-dialog {
    height: auto;
}

.modal-content {
    height:100%;
}

.modal-body {
    height:calc(100% - 150px);
    overflow:auto;
}

.modal-dialog {
    left: 0% !important;
}

@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */
    .modal-dialog
    {
        width: 95%;
        height: 100%;
    }
}
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
    .modal-dialog
    {
        width: 90%;
        height: 100%;
    }
}
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
    .modal-dialog
    {
        width: 90%;
        height: 100%;
    }
}
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
    .modal-dialog
    {
        width: 80%;
        height: 100%;
    }
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
    .modal-dialog
    {
        width: 80%;
        height: 100%;
    }
}

@media (min-width:1281px) { /* hi-res laptops and desktops */ 
    .modal-dialog {
    width: 70%;
    height: 100%;
}
}