/* 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;
    }
}
