/*=======================================================================
*** PORTO_SUB STYLE SHEET***
========================================================================*/
.view-mytable .view-content .views-table{ 
width:100%;
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0px;
}

.view-col10{
width:10%
}

.view-col20{
width:20%
}

.view-col30{
width:30%
}

.view-col40{
width:40%
}

.view-col50{
width:50%
}

.view-col60{
width:60%
}

.view-col70{
width:70%
}

.view-col80{
width:80%
}

.view-col90{
width:90%
}

.view-col100{
width:100%
}

/* Page Top Custom - Create your Own */
.page-top.custom-france {
/*        background-image: url(../../Porto/img/custom-header-bg.jpg); */
        background-image: url(../../../../default/files/custom-header-paris.jpg);
        background-repeat: repeat;
        background-color: #999;
        border-top: 5px solid #888;
}

.page-top.custom-france .row {
        position: relative;
}

.page-top.custom-france p.lead {
        color: #E8E8E8;
}

.page-top.custom-france img {
        bottom: -20px;
        position: relative;
}

.page-top.custom-france h1 {
        color: #FFF;
        margin-bottom: 10px;
        margin-top: 30px;
}

/* Custom GES Page*/
.page-top.custom-ges {
        background-image: url(../../../../default/files/custom-header-ges.jpg);
        background-repeat: repeat;
        background-color: #999;
        border-top: 5px solid #888;
}

.page-top.custom-ges .row {
        position: relative;
}

.page-top.custom-ges p.lead {
        color: #E8E8E8;
}

.page-top.custom-ges img {
        bottom: -20px;
        position: relative;
}

.page-top.custom-ges h1 {
        color: #FFF;
        margin-bottom: 10px;
        margin-top: 30px;
}

/* Custom CSTI Page*/
.page-top.custom-csti {
        background-image: url(../../../../default/files/custom-header-csti.jpg);
        background-repeat: repeat;
        background-color: #999;
        border-top: 5px solid #888;
}

.page-top.custom-csti .row {
        position: relative;
}

.page-top.custom-csti p.lead {
        color: #E8E8E8;
}

.page-top.custom-csti img {
        bottom: -20px;
        position: relative;
}

.page-top.custom-csti h1 {
        color: #FFF;
        margin-bottom: 10px;
        margin-top: 30px;
}


/* Custom Compensation Page*/
.page-top.custom-compensation {
        background-image: url(../../../../default/files/custom-header-compensation.jpg);
        background-repeat: repeat;
        background-color: #999;
        border-top: 5px solid #888;
}

.page-top.custom-compensation .row {
        position: relative;
}

.page-top.custom-compensation p.lead {
        color: #E8E8E8;
}

.page-top.custom-compensation img {
        bottom: -20px;
        position: relative;
}

.page-top.custom-compensation h1 {
        color: #FFF;
        margin-bottom: 10px;
        margin-top: 30px;
}


/* Custom RSR Page*/
.page-top.custom-rsr {
        background-image: url(../../../../default/files/rsr2.jpg);
        background-repeat: repeat;
        background-color: #999;
        border-top: 5px solid #888;
}

.page-top.custom-rsr .row {
        position: relative;
}

.page-top.custom-rsr p.lead {
        color: #E8E8E8;
}

.page-top.custom-rsr img {
        bottom: -20px;
        position: relative;
}

.page-top.custom-rsr h1 {
        color: #FFF;
        margin-bottom: 10px;
        margin-top: 30px;
}


/* Custom Digital Skill Page*/
.page-top.custom-dgs{
        background-image: url(../../../../default/files/dgs2.jpg);
        background-repeat: repeat;
        background-color: #999;
        border-top: 5px solid #888;
}

.page-top.custom-dgs .row {
        position: relative;
}

.page-top.custom-dgs p.lead {
        color: #E8E8E8;
}

.page-top.custom-dgs img {
        bottom: -20px;
        position: relative;
}

.page-top.custom-dgs h1 {
        color: #FFF;
        margin-bottom: 10px;
        margin-top: 30px;
}

/* Custom Digital Literacy Project Page DL */
.page-top.custom-dlp{
        background-image: url(../../../../default/files/dlproject-bn.jpg);
        background-repeat: repeat;
        background-color: #999;
        border-top: 5px solid #888;
}

.page-top.custom-dlp .row {
        position: relative;
}

.page-top.custom-dlp p.lead {
        color: #E8E8E8;
}

.page-top.custom-dlp img {
        bottom: -20px;
        position: relative;
}

.page-top.custom-dgs h1 {
        color: #FFF;
        margin-bottom: 10px;
        margin-top: 30px;
}

/* Custom MOT */
.page-top.custom-mot{
        background-image: url(../../../../default/files/mot.jpg);
        background-repeat: repeat;
        background-color: #999;
        border-top: 5px solid #888;
}

.page-top.custom-mot .row {
        position: relative;
}

.page-top.custom-mot p.lead {
        color: #E8E8E8;
}

.page-top.custom-mot img {
        bottom: -20px;
        position: relative;
}

.page-top.custom-dgs h1 {
        color: #FFF;
        margin-bottom: 10px;
        margin-top: 30px;
}





/* ///////////////// Insert your custom CSS styles //////////////////////////// */


.views-table-width-5{
  width: 5%;
}

.views-table-width-10{
  width: 10%;
}

.views-table-width-15{
width: 15%;
}

.views-table-width-20{
width: 20%;
}

.views-table-width-25{
width: 25%;
}

.views-table-width-30{
width: 30%;
}

.views-table-width-40{
width: 40%;
}

.views-table-width-50{
width: 50%;
}
.views-table-width-60{
width: 60%;
}

.views-table-width-70{
width: 70%;
}

.views-table-width-75{
width: 75%;
}

.views-table-width-80{
width: 80%;
}

.views-table-width-85{
width: 85%;
}

.views-table-width-90{
width: 90%;
}

.views-table-width-100{
width: 100%;
}

/* td bordered */
.views-table-bordered{
  border-width: 1px;
  border-style: solid;
  border-color: #bebfb9;
  padding: 3px 10px;
}

td .views-field h3{
color:#6F6F6F;
}