/*-------------------------------------------------------
ROLE CODE BASE
---------------------------------------------------------*/

div.rolebase {
    background-color: #fdfdfd;
    background-image: url(https://img.startrekgdr.it/old/role1.jpg);
    color: #21273a;
    border-bottom: 3px solid #49657d;
}

div.rolebase div.role-info {background-color: #49657d; color: #e6e6e6;}
div.rolebase div.role-info h1, div.rolebase div.role-info h2 {color: #e6e6e6;}
div.rolebase img.role-image {border: 5px solid #e6e6e6;}
div.rolebase div.role-text {background-color: #fdfdfd; color:#555;}
div.rolebase div.role-text::first-letter {background-color: #49657d; color: #fdfdfd;}
div.rolebase span.parlato, div.rolebase span.pensato, div.rolebase span.telepatia {color: #49657d;}

/*-------------------------------------------------------
ROLE CODE - STILE #1
---------------------------------------------------------*/

div.role1 {
    background-color: #f5f6f7;
    background-image:url(https://img.startrekgdr.it/up/de3865939c333afb2b7cfddb5c3cc03b.png);
    background-repeat:repeat;
    border-radius: 0 0 0 50px;
    border-right: 5px solid #eeeff0;
    border-bottom: 5px solid #eeeff0;
    color: #5C5C5C;
}

div.role1 div.role-info h1 {background-color: #d8dfe6;}
div.role1 div.role-info h6 {background-color: #eeeff0;}
div.role1 div.role-text {margin: 20px; background-color: #eeeff0;}
div.role1 span.parlato, div.role1 span.pensato, div.role1 span.telepatia {color: #677e96;}

/*-------------------------------------------------------
ROLE CODE - STILE #2
---------------------------------------------------------*/

div.role2 {
    background-color: #F7F8F8;
    background-image:url(https://img.startrekgdr.it/up/6aa2bc3908d2cd4c9f30fbfb7890aae3.png);
    background-repeat:repeat;
    border-radius: 50px 0 50px 0;
    border: 3px solid #E1E1E2;
    color: #5C5C5C;
}

div.role2 div.role-info h1 {background-color: #E1E1E2;}
div.role2 div.role-info h6 {color: #898989;}
div.role2 div.role-text {
    margin: 0 20px 20px 20px;
    background-color: #F7F8F8;
    border-left: 1px solid #E1E1E2;
    border-right: 1px solid #E1E1E2;
    border-bottom: 1px solid #E1E1E2;
}
div.role2 span.parlato, div.role2 span.pensato, div.role2 span.telepatia {color: #926f6f;}

/*-------------------------------------------------------
ROLE CODE - STILE #3
---------------------------------------------------------*/

div.role3 {
    background-color: #3A3A3A;
    border-left: 3px solid #FFA07A;
    color: #A7A7A7;
    box-shadow: -5px 0 0 0 #3A3A3A, -10px 0 0 0 #FFA07A;
    padding-bottom: 10px;
}

div.role3 div.role-info h1 {border-bottom: 2px dotted #FFA07A; color: #FFA07A;}
div.role3 div.role-info h6 {color: #A7A7A7;}
div.role3 div.role-text {background-color: #525252;}
div.role3 span.parlato, div.role3 span.pensato, div.role3 span.telepatia {color: #FFA07A;}

/*-------------------------------------------------------
ROLE CODE - STILE #4
---------------------------------------------------------*/

div.role4 {background-color: #2A2A2A; color: #A7A7A7;}
div.role4 div.role-info h1 {border-bottom: 2px solid #3F3F3F; color: #A7A7A7;}
div.role4 div.role-info h6 {color: #A7A7A7;}
div.role4 span.parlato, div.role4 span.pensato, div.role4 span.telepatia {color: #f2f2f2;}

/*-------------------------------------------------------
ROLE CODE - STILE #5
---------------------------------------------------------*/

div.role5 {background-color: #3F3F3F; color: #A7A7A7;}
div.role5 div.role-info h1 {background-color: #2A2A2A; color: #A7A7A7;}
div.role5 div.role-info h6 {background-color: #666;}
div.role5 span.parlato, div.role5 span.pensato, div.role5 span.telepatia {color: #f2f2f2;}

/*-------------------------------------------------------
ROLE CODE - STILE #6
---------------------------------------------------------*/

div.role6 {
    background-color: #3E4D52;
    background-image:url(https://img.startrekgdr.it/up/0999c209530762be650ceb1805df593e.jpg);
    background-repeat:repeat;
    color: #A7A7A7;
    padding-bottom: 10px;
}

div.role6 div.role-info h1 {background-color: #38474C; color: #F2F2F2; border-bottom: 5px solid #4BAF95;}
div.role6 div.role-info h6 {border-bottom: 5px solid #38474C;}
div.role6 div.role-text {margin: 0 10px; background-color: #3E4D52;}
div.role6 span.parlato, div.role6 span.pensato, div.role6 span.telepatia {color: #4BAF95;}

/*-------------------------------------------------------
ROLE CODE - STILE #7
---------------------------------------------------------*/

div.role7 {border-bottom: 5px solid #c4cddf; color: #9b9b9b;}
div.role7 div.role-info h1 {background-color: #c4cddf; border-top: 2px solid #fef9c4; color: #fef9c4;}
div.role7 div.role-info h6 {background-color: #fef9c4;}
div.role7 span.parlato, div.role7 span.pensato, div.role7 span.telepatia {color: #6f87b5;}