﻿.contaierTags a.sel {color: orangered;}
.contaierSpx a.sel {color: orangered;}
.contaierMtype a.sel {color: orangered;}
.contaierSort a.sel {color: orangered;}
.addCollection {cursor:pointer;}
.contaierClear {cursor:pointer;}
.containerMyCollection{height:740px;}


.content {    
    background-image:none;
}

.ContainerVideoEbedded {
    position: relative; width: 100%;
    margin-bottom:30px;
}

.ContainerVideoEbedded .ContainerVideoDetail {
    height: 0; padding-bottom: 56%; position: relative; width: 100%;
}

.ContainerVideoEbedded .ContainerVideoDetail iframe,.ContainerVideoEbedded .ContainerVideoDetail video  {
   height: 100% !important; left: 0 !important; position: absolute !important; top: 0 !important; width: 100% !important;
}

h1.title-res {
    color:#0A104D;
    font-size:36px;
    font-weight:700;
    margin:0 0 20px 0;
}

.ContainerBoxFilters {
    background-color:#0A104D;
    clear:both;
    float:left;
    width:100%;
    position:relative;
    padding:30px 0;
}

.positionRel{
    position:relative;
}

.rssContainer{
    position:absolute; right:0; width:82px; height:25px; bottom:26px;
}

.rssContainerInternal{
    position:absolute; right:0; width:82px; height:25px; bottom:0px;
}


.boxFilterSel {
    float:left; padding:5px 23px 5px 7px; background:rgb(10, 16, 77); color:#FFF; margin:0 5px 5px 0;  border-radius:10px;
    position: relative;
    cursor:pointer;
}

    .boxFilterSel span { 
        font-size: 17px;
        color:#FFF;
        position:absolute;
        right:6px;
        top:-2px;
        font-weight:500; 
    }

.containerFilterSelected {
    position:relative;
    float:left;
    margin-bottom:10px;
    width:100%;
    padding:0 20px 0 20px;
}


.containerFilterSelected span.title {
    clear: both;
    float: left;
    font-weight: 700;
    width: 100%;
    color: #fff;
    padding: 0 0 5px 25px;
    font-size: 23px;
}

.detailFilterSelected {
   background-color:#FFF;
   min-height:35px;
   padding:6px;
   color:orangered;
   border-radius:16px;
}

.inputTextSearch {
    position:relative;
    float:left;
    margin-bottom:25px;
    width:100%;
}
.inputTextSearch input {
    clear:both;
    float:left;
    width:100%;
    height:55px;
    border-radius:16px;
    padding:10px 50px 10px 25px;
    color:#707070;
    font-size:20px;
    font-weight: 700;
    border:1px solid #707070;
}
.icon-search {
    position:absolute;
    right: 30px;
    top: 12px;
}
.filter-cont {
    clear:both;
    float:left;
    width:100%;
    margin-bottom:25px;
}

.filter-cont span {
    clear:both;
    float:left;
    font-weight:700;
    width:100%;
    color:#fff;
    padding:0 0 5px 45px;
    font-size:23px;
}
.filter-cont h2 {
    color:#707070;
    font-size:20px;
    cursor:pointer;
    margin:0;
    padding-left:12px;
    font-weight:700;
    float:left;
    background-image:url("/Portal/Content/_slice/resources/arrows@2x.png");
    background-position: right center;
    background-repeat: no-repeat;
    width: 100%;
    background-size: 16px 14px;
}
.filter-cont .contaierTags,
.filter-cont .contaierSpx,
.filter-cont .contaierMtype {
    float:left;
    border-radius:16px;
    padding:13px;
    min-height:55px;
    color:#707070;
    width:100%;
    font-size:23px;
    background-color:#fff;
    font-weight: 700;
    border:1px solid #707070;
}

.filter-cont .contaierTags ul,
.filter-cont .contaierSpx ul {
    display:none;
    float:left;
    margin:10px 0 0 0;
    padding-left:12px;
    height: 140px;
    overflow-x: auto;
}

.filter-cont .contaierMtype ul {
    display:none;
    float:left;
    margin:10px 0 0 0;
    padding-left:12px;
}
.filter-cont .contaierTags ul li,
.filter-cont .contaierSpx ul li,
.filter-cont .contaierMtype ul li{
    float:left;
    width:100%;
    margin:0 0 5px 0;
}
    .filter-cont .contaierTags ul li a,
    .filter-cont .contaierSpx ul li a,
    .filter-cont .contaierMtype ul li a {
        font-size:18px;
        text-decoration:none;
    }
.contaierSort {
    float:left;
    clear:both;
    width:100%;
    margin:0 0 5px 0;
}
.contaierSort ul{
    margin:0;
    padding:0;
}
.contaierSort ul li{
    margin:0 20px 10px 0;
    padding:0;
    float:left;
    display:inline;
}
.contaierSort ul li a{
    font-size:16px;
    float:left;
    color:#fff;
    font-weight:700;
    padding:0 0 0 26px;
    text-decoration:none;
}
.contaierSort ul li a.SortDate,
.contaierSort ul li a.SortAZ {
    background-image:url("/Portal/Content/_slice/resources/uncheck@2x.png");
    background-position:left center;
    background-repeat:no-repeat;
    background-size:17px 17px;
}
.contaierSort ul li a.SortDate.sel,
.contaierSort ul li a.SortAZ.sel {
    background-image:url("/Portal/Content/_slice/resources/check@2x.png");
}
.contaierClear .jsClearBtn {
    font-size:18px;
    font-weight:700;
    margin-top:10px;
    color:#fff;
    text-transform:uppercase;
    text-decoration:underline;
}

.div-social-icons {
    /*width:250px;*/
    width: 130px;
    border-radius: 5px;
    padding: 10px;
    z-index: 99;
    background-color: #fff;
    display: none;
    position: absolute;
    left: 0;
    top: 26px;
    -webkit-box-shadow: 0px 0 20px -5px rgba(126,126,126,0.75);
    -moz-box-shadow: 0px 0 20px -5px rgba(126,126,126,0.75);
    box-shadow: 0px 0 20px -5px rgba(126,126,126,0.75);
}

.div-social-icons a,
.div-social-icons p,
.div-social-icons span {
    font-size: 16px;
    text-transform: initial;
    text-align: left;
    margin: 0 0 12px;
    width: 100%;
}
.box-resources {
    float: left;
    margin: 0 0 30px 0;
    padding-bottom:30px;
    background-color: #ffffff;
    height:600px;
    width: 100%;
    position: relative;
    -webkit-box-shadow: 0px 8px 20px -5px rgba(126,126,126,0.75);
    -moz-box-shadow: 0px 8px 20px -5px rgba(126,126,126,0.75);
    box-shadow: 0px 8px 20px -5px rgba(126,126,126,0.75);
}
.box-resources .fa.fa-plus-square-o,
.box-resources .fa.fa-minus-square-o,
.detail-resource-content .fa.fa-plus-square-o,
.detail-resource-content .fa.fa-minus-square-o
 {
    font-size:30px;
    color:rgb(0, 87, 156);
}
.resources-box-top-actions {
    float: left;
    margin: 0 0 10px 0;
    border-bottom:1px solid #0B124E;
    padding:10px 0 5px 0;
    width: 100%;
}
.resources-box-top-actions p{
    color:#707070;
    font-size:16px;
    font-weight:600;
    margin:0;
}

.resources-box-share {
    clear: both;
float: left;
width: 100%;
padding: 0 0 10px 0;
border-top: 1px solid #0B124E;
margin: 15px 0 15px 0;

}

    .resources-box-share p {
        text-align:center;
    }

.resources-box-share p{
    color:#707070;
    font-size:12px;
    font-weight:600;
    margin:10px 0px 8px 0;
    clear:both;float:left; width:100%;
}
.resources-box-top-actions .visual{
    float: right;
    margin:0;
    padding:0 0 0 35px;
    background-image:url("/Portal/Content/_slice/resources/views@2x.png");
    background-position:left center;
    background-repeat:no-repeat;
    background-size:28px 16px;
}
.resources-box-top-actions span {
    color:#707070;
    font-weight:600;
    font-size:12px; 
}
.resources-titles {
    height:116px;
    overflow:hidden;
    display:flex;
    align-items:center;
    padding:5px 15px 15px 15px;  
}
.resources-titles a {
    font-size:25px;
    line-height:30px;
    font-family: 'Montserrat', sans-serif !important;
    color:#0B124E;
    font-weight:300; 
    text-decoration:none;
}
.resources-cover {
    clear:both;
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    position:relative;
    height: 230px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.resources-cover .resources-opacity {
    position:absolute;
    left:0;
    right:0;
    width: 100%;
    height: 100%;
    background:rgba(11,18,78, 0.5);
}

.resources-cover .resources-doc-ico {
    z-index:2;
    text-align: center;
}
 .resources-sub-cover {
    clear:both;
    float: left;
    width: 100%;   
    padding:0 0 10px 0;
    border-bottom:1px solid #0B124E;  
    margin:0 0 15px 0;
}
 .resources-sub-cover p {
    color:#707070;
    font-size:16px;
    font-weight:600;
    margin:0;
}
 .resources-sub-cover .date-tile p {
    color:#707070;
    font-size:16px;
    font-weight:600;
    margin:0;
    text-align:right;
}
.resources-container-actions {
    clear:both;
    float: left;
    width: 100%;   
    margin:0 0 25px 0;  
}
.share-it {
    float: right;
    background-image:url("/Portal/Content/_slice/resources/share@2x.png");
    background-position:left center;
    background-repeat:no-repeat;
    background-size:25px 25px;
    width:25px;
    height:25px;
    cursor:pointer;
}
.swiper-pagination-bullet {
    margin:0 3px;
}
.borderLeft1 {
    border-left:1px solid #00004f;
}
.detail-resource-content .category {
    font-size:35px;
    font-weight:600;
    margin-bottom:30px;
    color:#0B124E;
}
.detail-resource-content h3.category-det {
    font-size:20px;
    font-weight:600;
    margin-bottom:30px;
    color:#0B124E;
}
.detail-resource-content h1 {
    /*font-size:45px;
    line-height:55px;*/
    font-size:28px;
    line-height:38px;
    border-bottom:1px solid #0B124E;
    padding:0 0 20px 0;
    margin-bottom:20px;
    font-weight:300;
}
.contaierCategoryDetail {
    clear:both;
    float: left;
    width: 100%;   
    margin:0 0 20px 0;
}
    .contaierCategoryDetail span {
        float:left;
        width:auto;
        margin:0 10px 10px 0;
        font-size:21px;
        color:#6F7070;
        font-weight:700;
    }
    .contaierCategoryDetail ul {
        float:left;
        width:auto;
        margin: 0;
        padding:0;
        list-style:none;
    }
    .contaierCategoryDetail ul li{
        float:left;
        clear:none;
        background:none;
        display:inline;
        font-size:21px;
        color:#6F7070;
        text-transform:uppercase;
        width:auto;
        margin: 0 20px 10px 0;
        padding:0;
        list-style:none;
        text-transform:initial;
    }
    .contaierCategoryDetail ul li a {
        font-size:21px;
        color:#6F7070;
    }
.resources-tool {
    clear:both;
    float: left;
    width: 100%;   
    border-bottom:1px solid #0B124E;
    margin:0 0 20px 0;
}
    .resources-tool span.date {
        float:right;
        color:#707070;
        text-align: right;
        margin: 0 0px 20px 0;
    }
 .resources-tool .visual {
    float: right;
    color:#707070;
    margin: 0 0 0 10px;
    padding: 0 0 0 35px;
    background-image: url("/Portal/Content/_slice/resources/views@2x.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 28px 16px;
}
 .detail-resource-content .txt-resource{
     border-bottom:1px solid #0B124E;

 }
.detail-resource-content .txt-resource p{
    color:#0B124E;
    font-size:22px;
    line-height:28px;
    margin-bottom:20px;
 }
.container-resources-action {
    clear:both;
    float: left;
    width: 100%;   
    margin:0 0 20px 0;
    padding:20px 0 0 0;
}
    .container-resources-action .dwn-res {
        float: right;
        color: #26579C;
        width: auto;
        height: 28px;
        margin: 4px 0 0 0;
        padding: 4px 40px 0 0;
        background-image: url("/Portal/Content/_slice/resources/dwn@2x.png");
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 28px 28px;
        font-weight: 600;
        text-decoration: none;
    }


     .container-resources-action .dwn-btn-internal {
        float: right;
       
        width: auto;
        height: 28px;
        margin: 4px 0 0 0;
        padding: 5px;       
    
        font-weight: 600;
        text-decoration: none;
    }

       .dwn-btn-internal a {
    background-color: #00004f;
    border: 1px solid #00004f !important;
    color: #ffffff !important;
    padding: 10px 20px;
    font-size: 15px;
    border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none;
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 600;
}


    .container-resources-action img {
        width:30px;
        margin:0 15px 0 0;
    }

     .content .resources-tool i { float:left; width:23px; font-size: 20px !important; }

    .container-collection-action i { float:left; width:22px; font-size: 20px !important; }
    .labelColl { float:left; width:69px; font-size:10px; line-height:15px; color:rgb(11, 18, 78); }

   .content .resources-tool .labelColl { float:left; width:70px; font-size:10px; line-height:15px; color:rgb(11, 18, 78);}


.noPadRight {
    padding-right:0;
}
.noPadLeft {
    padding-left:0;
}

.resources-btn .btn-gen a {
   
    padding: 10px 8px;
    font-size: 14px;

}

.cont-detail-corso span.date {   
    width: 90px;
}

.visual {margin-left: 10px !important;}
.selResults{display:block;}

.content-detail .addthis_toolbox svg, .content-detail .addthis_toolbox span.at-icon-wrapper {width:22px !important; height:22px !important;}

.content-detail .addthis_toolbox a { margin: 0 5px 5px;}

.addthis_default_style .at300b {
    float: none !important;
}
.addthis_toolbox {
   text-align:center;
}

@media (max-width:1366px) {
    
     .resources-btn .btn-gen a {
   
    padding: 10px 8px;
    font-size: 12px;

}

    .resources-titles a {
        font-size: 20px;
        line-height:22px;
    }

   .resources-box-top-actions p {
    
    font-size: 13px;
   
    }


}

@media (max-width:1280px) {
    .box-resources {
        height: 620px;
    }
}

@media (max-width:992px) {

    

   .borderLeft1 {
       margin-top:40px;
    border-left: 0;
}

    .visual {font-size:14px;}

    .cont-detail-corso span.date {   
   font-size:14px;
}

   
    .resources-btn .btn-gen a {
   
    padding: 10px 8px;
    font-size: 13px;

}

    .resources-tool span.date {
        margin-right:0;
        margin-top:0px;
    }
     .resources-titles a {
        font-size: 20px;
        line-height:22px;
    }

   .resources-box-top-actions p {
    
    font-size: 13px;
   
    }

    
}
@media (max-width:767px) {

    .selResults{display:none;}

    .resources-btn .btn-gen a {
   
    padding: 10px 8px;
    font-size: 13px;

}
    .contaierClear .jsClearBtn {
        font-size: 16px;
        margin-top:-10px;
    }

    noPadMobile {
        padding-left:0px;
        padding-right:0px;
    }

    h1.title-res {   
    font-size: 26px;
    }
    .contaierCategoryDetail ul li a, .contaierCategoryDetail ul li {
    font-size: 18px;
    
}

    .rssContainer{
    position:absolute; right:0; width:82px; height:25px; bottom:23px;
}

    .detail-resource-content h3.category-det {
    font-size: 18px;
    line-height:28px;
    margin-bottom:10px;
   
}
    

    .resources-tool .visual,.resources-tool span.date {
        font-size: 12px;
    }

    .contaierCategoryDetail span {
 font-size:18px;
}

    .detail-resource-content h1 {
    font-size:24px;
    line-height:34px;

}

    .resources-tool span.date {
        margin-right: 0px;
    }
    .borderLeft1 {
        border:0;    
    }

    .resources-titles a {
        font-size: 24px;
        line-height:30px;
    }
     .resources-box-top-actions p {
    
    font-size: 16px;
   
    }

     .resources-tool span.date {
       
             margin-right: 0px;
    }
}
@media (max-width:480px) {
    .resources-tool span.date {
        margin-right: 0px;
    }


}

