/* Rosco  export */



#roscoIdeviceForm label {

    display: inline;

    font-weight: bold;

    font-size: 14px;

    padding: 0;

    margin: 0;

  }



  #rosocoIdeviceForm .roscoIdevice {

    background: #fff;

    padding: 20px;

    border: 1px solid #000;

  }

 #roscoIdeviceForm legend {

    font-weight: bold;

    padding: 0 10px;

    font-size: 14px

  }



.rosco-GameMinimize a:link, .rosco-GameMinimize a:link, .rosco-GameMinimize a:visited, .rosco-GameMinimize a:focus {

    color: #b3092f;

    text-decoration: none;

    outline: 0;

    border: none;

}



.rosco-ShowClue{

    height: 20px;

    width: 100%;

    margin-bottom: 5px;

}

.rosco-ShowClue p{

    font-size:12px;

    color:#00a300;

    font-weight: bold;

    margin: 5px auto;

    text-align: center;



}

.rosco-GetScore{

    width: 100%;

    height: 50px;

    margin:0 auto;

    display: flex;

    justify-content: center;

    align-items: center;

}

.rosco-RepeatActivity{

    color: #b3092f;

    font-size:12px;

    font-weight: bold;

    text-align: center;

}





.rosco-MainContainer a:link, .rosco-MainContainer a:link, .rosco-MainContainer a:visited, .rosco-MainContainer a:focus {

    text-decoration: none;

    outline: 0;

    border: none;

}

.rosco-Idevice {

    height: auto !important;

    min-height: 190px;

    padding-left: 150px;

    display: none;

    background-color: #ffffff;

}



.rosco-LinkArrowMinimize {

    width: 26px;

    height: 26px;

    margin-right: 7px;

}



.rosco-Idevice dl {

    display: none;

}

.rosco-Main{

    width: 650px;

    margin: 15px auto;

}

.rosco-MainContainer {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;



}

.rosco-LinkMaximize {

    font: normal 14pt arial, sans-serif;

    width: 300px;

    padding: 0;

    display: flex;

    margin: 0 auto;

    justify-content: center;

    align-items: center;

    text-decoration: none;

}



.rosco-Icon {

    width: 32px;

    height: 32px;

    margin-right: 10px;

    cursor: pointer;

}



.rosco-GameMinimize {

    margin: 0 auto;

    font: normal 11pt arial, sans-serif;

    width: 100%;

    border-radius: 10px;

    margin: 0 auto;

    padding: 5px 10px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.rosco-MessageMaximize {

    width: 100%;

    text-align: left;

    color: #b3092f;

    font-weight: bold;

    font-size: 13pt;

    margin: 10px auto;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    cursor: pointer;

}



.rosco-MessageMaximize:hover {

    color: #5877c6;

}



.rosco-GameContainer {

    display: block;

    width: 400px;

    margin: 0 auto;

    background-color: #ffffff;

    border: 1px solid #ccc;

    border-radius: 10px;

    padding: 5px;

    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    display: none;

}



.rosco-GameContainer a:link,

.rosco-GameContainer a:link,

.rosco-GameContainer a:visited,

.rosco-GameContainer a:focus  {

    text-decoration: none;

}



.rosco-GameContainer * {

    margin: 0;

    padding: 0;

}



.rosco-Canvas {

    display: block;

    width: 290px;

    height: 290px;

    margin: 0 auto;

    margin-left: 3px;

    border: 1px solid #ccc;

    border-radius: 10px;

    padding: 5px;

    background: white;

    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.rosco-GameScoreBoard {

    width: 100%;

    height: 26px;

    margin: 10px 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.rosco-GameScoreBoard p {

    font-size: 1.4em;

    font-weight: bold;

}

.rosco-GameScores {

    width: 150px;

    height:26px;

    display: flex;

    justify-content: flex-start;

    align-items: center;

}



.rosco-TimeTurn {

    width: 170px;

    height: 26px;

    display: flex;

    justify-content: flex-end;

    align-items: center;

    margin-right: 5px;

}



.exeQuext-ResultGame {

    display: flex;

    width: 60px;

    height: 26px;

    justify-content: center;

    align-items: center;

}



.exeQuext-ResultGame p {

    width: 30px;

    text-align: center;



}



.rosco-DurationGame {

    width: 105px;

    height: 26px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-right: 5px;

}



.rosco-DurationGame p {

    width: 75px;

    text-align: left;

}



.rosco-TurnIcons, .rosco-clockIcons, .rosco-UpArrow, .rosco-TypeGame, .rosco-HitIcons, .rosco-HitIcons, .rosco-ErrorIcons {

    width: 26px;

    height: 26px;

    margin-right: 5px;

}



.rosco-UpArrow {

    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));

    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));

    cursor: pointer;

}



.rosco-UpArrow:hover, .rosco-TypeGame:hover, .rosco-Icon:hover {

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}



.rosco-TypeGame {

    cursor: pointer;

    margin-left: 5px;

    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));

    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));

}



.rosco-Letters {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    align-items: center;

}



.rosco-Letter {

    display: inline-block;

    width: 35px;

    height: 35px;

    line-height: 35px;

    border: none;

    background-color: #5877c6;

    color: white;

    text-align: center;

    text-decoration: none;

    font-size: 16px;

    font-weight: bold;

    border-radius: 50%;

    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    margin: 3px;

}



.rosco-Author {

    width: 100%;

    height: 12px;

    margin: 0px auto;

    margin-bottom: 10px;

    padding-bottom: 3px;

    font-size: 0.9em;

    text-align: center;

    color: #444;

}



.rosco-Image {

    width: 360px;

    height: 203px;

    display: block;

    position: relative;

    margin: 0px auto 3px auto;

    z-index: 1;

    border-radius:10px;

}



.rosco-NoImage {

    position: absolute;

    left: 0;

    top: 0;

    width: 360px;

    height: 203px;

    z-index: 10;

}



.rosco-Cursor {

    width: 24px;

    height: 24px;

    left: 0;

    top: 0;

    position: absolute;

}



.rosco-HomeImage {

    position: absolute;

    border-radius:10px;

}



.rosco-Solution {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 28px;

    margin: 0 3px;

    text-align: center;

    font-weight: bold;

    font-size: 14px;

}



.rosco-TypeDefinition {

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: bold;

    font-size: 18px;

    padding: 0 5px;

    color: #1c1b1b;

    user-select: none;

    margin: 0 auto;

}



.rosco-TypeDefinition p {

    font-weight: bold;

    font-size: 20px;

    color: #1c1b1b

}



.rosco-TypeDefinition p a {

    font-weight: bold;

    font-size: 20px;

    color: #b3092f

}



.rosco-Definition {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    font-size: 16px;

    min-height: 70px;

    background-color: #fff;

    margin-bottom: 5px;

    color: #1c1b1b;

    font-weight: 500;

}



.rosco-Definition p {

    font-size: 15px;

    font-weight: 600;

}



.rosco-AnswerButtons {

    display: flex;

    align-items: center;

    justify-content: space-around;

    height: 24px;

    margin: 15px auto;

}



.rosco-AnswerButtons input[type=button], .rosco-CodeAccess input[type=button], .rosco-GetScore input[type=button] {

    width: 90px;

    height: 30px;

    background: transparent;

    border: 2px solid #5877c6;

    border-radius: 6px;

    font-size: 12px;

    color: #1c1b1b;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s;

    cursor: pointer;

    text-decoration: none;

    font-weight: bold;

    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    z-index:40000;

}



.rosco-GetScore input[type=button] {

    width: auto;

 

}

.rosco-AnswerButtons input[type=button]:hover, .rosco-CodeAccess input[type=button]:hover, .rosco-GetScore input[type=button]:hover {

    background-color: #5877c6;

    color: white;

    border: 1px solid #000;

    font-weight: bold;

}



.rosco-LetterBlack {

    background-color: #1c1b1b;

    color: white;

}



.rosco-LetterBlue {

    background-color: #5877c6;

    color: white;

}



.rosco-LetterRed {

    background-color: #b3092f;

    color: white;

}



.rosco-LetraGreen {

    background-color: #00a300;

    color: white;

}



.rosco-TypeGameRows {

    background-image: url(roscoPlayCircle.png);

}



.rosco-AnswerEdit {

    height: 24px;

    font-size: 14px;

    text-align: center;

    vertical-align: middle;

    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    width: 160px;

}



.rosco-CodeAccess {

    display: flex;

    height: 24px;

    width: 100%;

    justify-content: space-around;

    align-items: center;

    margin-top: 20px;

    margin-bottom: 10px;

    font-size: 14px;

}



.rosco-CodeAccess label {

    font-weight: bold;

    font-size: 14px;

}



.exeQuextIcons {

    width: 26px;

    height: 26px;

    margin-right: 5px;

}



.exeQuextIcons-Hit {

    background: url(exeQuextIcons.png) no-repeat 0 0;

}

.exeQuextIcons-Error {

    background: url(exeQuextIcons.png) no-repeat -26px 0;

}

.exeQuextIcons-Score {

    background: url(exeQuextIcons.png) no-repeat -52px 0;

 }



.exeQuextIcons-Time{

    background: url(exeQuextIcons.png) no-repeat 0 -26px;

}

.exeQuextIcons-OneRound {

    background: url(exeQuextIcons.png) no-repeat -52px -26px;

    margin-right: 3px;

}

.exeQuextIcons-TwoRounds {

    background: url(exeQuextIcons.png) no-repeat -78px -26px;

    margin-right: 3px;

}



.exeQuextIcons-Life {

 background: url(exeQuextIcons.png) no-repeat -78px 0;

}



.exeQuextIcons-Number {

 background: url(exeQuextIcons.png) no-repeat -26px -26px;

}



.exeQuextIcons-Minimize {

    background: url(exeQuextIcons.png) no-repeat 0 -52px;

    margin-right: 5px;



}



.exeQuextIcons-Maximize{

    background: url(exeQuextIcons.png) no-repeat -216px 0;

}



.exeQuextIcons-FullScreen{

    background: url(exeQuextIcons.png) no-repeat 0 -78px;

}

.exeQuextIcons-FullScreenExit{

    background: url(exeQuextIcons.png) no-repeat -26px -78px;

}



.exeQuextIcons-RoscoRows{

    background: url(exeQuextIcons.png) no-repeat -26px -52px;

}

.exeQuextIcons-RoscoCanvas{

    background: url(exeQuextIcons.png) no-repeat -52px -52px;

}

.exeQuextIcons-RoscoCanvas,  .exeQuextIcons-RoscoRows, .exeQuextIcons-FullScreenExit, .exeQuextIcons-FullScreen, .exeQuextIcons-Minimize{

    -webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5));

    filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5));

    cursor: pointer;

}

.exeQuextIcons-RoscoRows:hover, .exeQuextIcons-RoscoCanvas:hover,.exeQuextIcons-Minimize:hover, .exeQuextIcons-FullScreenExit:hover, .exeQuextIcons-FullScreen:hover {

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}

.rosco-LinkArrowMinimize {

    width: 26px;

    height: 26px;

    margin-right: 7px;

}

.rosco-LinkTypeGame {

    width: 26px;

    height: 26px;

    margin-left: 5px;

}

.exeQuextIcons-Time{

    margin: 0;

    margin-right: 6px;

}



@media screen and (max-width: 800px) {

    .rosco-canvas {

        display: none;

    }

    .rosco-LinkTypeGame {

        display: none;

    }

}



@media screen and (max-width: 500px) {

    .rosco-Main {

        width: 300px;

    }

    .exeQuext-ResultGame {

        width: 60px;

        height: 20px;

        margin-right: 5px;

    }

    .rosco-GameScores {

        width: 150px;

        margin-right: 5px;

    }

    .rosco-GameScoreBoard p {

        font-size: 1.2em;

        font-weight: normal;

    }

    .rosco-TurnIcons, .rosco-clockIcons, .rosco-UpArrow, .rosco-TypeGame, .rosco-HitIcons, .rosco-HitIcons, .rosco-ErrorIcons {

        background-repeat: no-repeat;

        background-size: cover;

        width: 20px;

        height: 20px;

        margin-right: 15px;

    }

    .rosco-TimeTurn {

        width: 180px;

        height: 20px;

        margin: 0 1px;

    }

    .rosco-TurnIcons, .rosco-clockIcons, .rosco-UpArrow, .rosco-TypeGame, .rosco-HitIcons, .rosco-HitIcons, .rosco-ErrorIcons {

        background-repeat: no-repeat;

        background-size: cover;

        width: 20px;

        height: 20px;

        margin-right: 7px;

    }

    .rosco-Solution {

        height: 35px;

        font-size: 16px;

    }

    .rosco-Author {

        width: 100%;

        height: 9px;

        font-size: 0.8em;

        margin-bottom: 5px;

    }

    .rosco-Image {

        width: 100%;

        display: block;

        margin: 0px;

    }

    .rosco-NoImage {

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        min-height: 164px;

    }

    .rosco-Canvas {

        display: none;

    }

    .rosco-AnswerButtons input[type=button], .rosco-CodeAccess input[type=button] {

        width: 70px;

        height: 23px;

        font-size: 10px;

        border-radius: 1px;

    }

    .rosco-Definition {

        font-size: 14px;

        min-height: 50px;

        background-color: #fff;

        margin-bottom: 5px;

    }

    .rosco-Definition p {

        font-size: 14px;

    }

    .rosco-TypeDefinition p a {

        font-size: 16px;

        padding: 0 2px;

    }

    .rosco-Letter {

        width: 34px;

        height: 34px;

        line-height: 34px;

        text-decoration: none;

        font-size: 13px;

    }

    .rosco-AnswerEdit {

        font-size: 12px;

        width: 130px;

        height: 16px;

    }

    .rosco-CodeAccess label {

        font-size: 12px;

    }

}