.cv_title {
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: 1.5em;
    color: #cf8a05; 
    margin:20px auto 30px auto;
}
.cv_content {
    float: right; 
    width: 95%;
}
.ClsStatusRun {
    background:url(../../depo/images/game_run_dark.gif) left top;
    width:20px; 
    height:20px;
    display: inline-block; /*not supported by IE7<*/
}
.guide {
  color: #1964ba;
  font-size: 12px;
  font-weight: bold;
  display:block;
  margin-bottom:20px;
  border-bottom: 1px solid;
    padding-bottom: 10px;
}
.starchecked {
    color: orange;
}
.mcl_row_25,
.mcl_row_record,
.mcl_row_record_header,
.mcl_row_count,
.mcl_row_75,
.mcl_row_100,
.mcl_row_137,
.mcl_row_150,
.mcl_row_long,
.mcl_row_mini,
.mcl_row_short {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px 5px
}
.mcl_row_record {
    padding:10px;
    border-right: 1px solid #f9bebe; 
    display: table-cell;
}
.mcl_row_record_header {
    padding: 10px 0px 10px 10px;
    font-size: 15px;
    font-weight: bold; 
    display: table-cell;
}
.mcl_row_25 {
    width: 25px
}
.mcl_row_count {
    width: 50px
}
.mcl_row_75 {
    width: 75px
}
.mcl_row_100 {
    width: 100px
}
.mcl_row_137 {
    width: 137px
}
.mcl_row_150 {
    width: 150px
}
.mcl_row_short {
    width: 175px
}
.mcl_row_long {
    width: 300px
}
.mcl_row_mini {
    width: 10px
}

.mcl_row_whole {
    border-bottom: .5px solid;
    margin: 10px 0;
    padding-bottom: 10px
}

.mcl_row,
.mcl_row_header {
    font-size: 90%;
    margin: .5px;
    display: inline-block
}

.mcl_row_field {
    display: inline-block;
    width: 105px
}

.mcl_row_field_content {
    display: inline-block;
    width: 100px;
    vertical-align: top
}

.mcl_row {
    padding: 5px 5px 0;
    vertical-align: top
}

.mcl_row_header {
    background: #ccc;
    font-weight: 700;
    height: 30px;
    padding: 5px;
    text-align: center
}

.img-responsive {
    /*display: block;*/
    max-width: 100%;
    height: auto;
    margin-bottom: 18px
}

.KpiDesc,
.KpiNum {
    display: inline-block;
    margin-bottom:3px;
}

.ImgIndex {
    float: left;
    width: 17%;
    padding: 0 15px 0 8px
}

.ImgGameLogo {
    height: 28px;
    margin-right: 15px
}

.ImgSmallLogo {
    max-width: 96px;
    max-height: 61px;
}

.KpiDiv {
    padding: 0;
    float: left
}

.KpiDesc {
    width: 45%
}

.KpiNum {
    text-align: right;
    width: 55%
}
.SureLeft {
    margin-right: 30px
}

.SlideTableDiv {
    width: 100%;
    overflow-y: auto;
    margin: 0 0 1em;
    font-family: 'Roboto';
    font-size: 14px;
}

img {
    border: none;
    max-width: 100%;
}

@-moz-document url-prefix() {
    .img-responsive {
        /*display: block;*/
        max-width: 100%;
        height: auto;
        width: 100%
    }
}
/*froala to resize youtube when it is in mobile*/

.circle,
.circle_add {
    border-radius: 4px;
    display: inline-block;
    font-family: verdana
}

.bg-blue {
    background: url(../../depo/images/bg.jpg) no-repeat #0043ae
}

.circle {
    border: 1px solid #6E15EF;
    color: #f50c0c;
    font-size: 12px;
    margin: 0 10px 7px 0;
    padding: 3px 5px 5px
}
.yellow {
    background: #ff0;
}
.item_clicked {
    color: #f50c0c;
}

.hr,
hr {
    background-color: #B8C4D4;
    color: #B8C4D4
}

.htitle {
    font-size: 2.3em;
    font-weight: 700;
    line-height: 1.3em
}

title { 
    font-size: 2.3em;
    font-weight: 700;
    line-height: 1.3em   
}

small {
    font-size: 11px
}

a,
a:visited {
    text-decoration: none
}

a:hover {
    border-bottom: none
}

.space {
    text-decoration: none;
    margin-right: 15px;
    margin-left: 15px
}

hr {
    height: 1px;
    padding: 0;
    border-top: 1px solid #fff
}



img.left {
    float: left;
    margin: 0 20px 0 0
}

img.right {
    float: right;
    margin: 5px 10px
}

input,
select,
textarea {
    color: #0a4182;
    border: 2px solid #cad1d8;
    569 overflow: hidden;
    margin: 5px 0;
    padding: 3px 8px;
}

input,
select {
    min-height: 15px;
}

.hr {
    height: 3px;
    margin-bottom: 30px
}

#table-2 {
    background-color: transparent;
    width: 100%
}

#page-bg,
#page-bg-fullw {
    background: #fff
}

#content,
#content-admin {
    background: url(../../depo/images/bg_body.png)
}

#shadow {
    margin: -240px auto 0;
    z-index: 1;
    width: 1000px;
    box-shadow: 6px 0 14px -4px #222, -6px 0 14px -4px #222;
    -moz-box-shadow: 6px 0 14px -4px #222, -6px 0 14px -4px #222;
    -webkit-box-shadow: 6px 0 14px -4px #222, -6px 0 14px -4px #222
}

#shadow-blue {
    z-index: 1;
    box-shadow: 6px 0 14px -4px #222, -6px 0 14px -4px #222;
    -moz-box-shadow: 6px 0 14px -4px #222, -6px 0 14px -4px #222;
    -webkit-box-shadow: 6px 0 14px -4px #222, -6px 0 14px -4px #222
}

.kpi_title {
    width: 100%;
    background-color: #578f9e;
    padding: 3px 0px 3px 3px;
    margin-bottom: 3px;
    text-align: center;
    font-size: larger;    
}
#table-2 thead {
    padding: .2em 0 .2em .5em;
    font-size: 17px;
    color: #4B4B4B;
    background-color: #C8C8C8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6, #B3B3B3));
    background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
    text-align: left
}

#table-2.article-content tr td p {
    margin-bottom: 0
}

#table-2, #table-4 {
/*    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;*/
    margin-top: 10px;
    border-collapse: unset;
}

#table-2, #table-news td,
#table-2, #table-news th {
    padding: 7px 4px 4px 6px;
    color: #666
}

#table-2 td {
    border-bottom: 1px solid #f9bebe;
    border-right:1px solid #f5dede;
    padding:7px;
    font-size: 0.85rem;
}
#table-2 td:last-of-type, #table-4 td:last-of-type {
    border-right:none;
}
#table-2 thead {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    border-bottom: solid 1px #999
}

#table-2 .div_hide td, #table-3 .div_hide td,
#table-2 th {
    border: none
}

#table-2, #table-news th {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    text-align: left;
}

#table-2 tr:last-child td {
    border-bottom: 0
}

#table-2.article-content tr td ol,
#table-2.article-content tr td ul {
    margin-top: 0
}

.links,
.pagination {
    text-align: right
}

#search {
    float: right;
    height: 20px;
    padding-top: 5px;
    font-size: 10px;
    margin: -83px 0 0 10px;
    z-index: 3
}

#search form {
    height: 41px;
    margin: 0;
    padding: 50px 0 0 20px
}

#search fieldset {
    margin: 0;
    padding: 0;
    border: none
}

#search input[type=image] {
    display: inline-block;
    margin-top: -2px
}

#search-text {
    width: 85px;
    padding: 2px 2px 1px;
    margin: -13px 5px 0 0;
    border: 1px solid #DEDEDE
}

#status {
    width: 165px;
    padding: 5px 2px;
    border: 2px solid #7D9B81
}

#page {
    margin: 0 auto
}

#page-bg {
    padding: 0 10px 50px
}

#page-bg-fullw {
    padding: 10px 30px 50px 0
}

.tab_container {
    padding: 20px 15px 10px;
    line-height: 180%;
    background: #f5f4e6
}

.entry-blue span,
.post .search {
    float: right;
    display: inline
}

.title.MONACA,
.title.MONCON,
.title.MONSIM {
    padding: 15px 10px 15px 30px;
    font-size: 18px;
    font-weight: 700;
    background: orange;
    background-image: linear-gradient(orange, #bdbd6d);
}

.title {
    border-bottom: none;
    color: #fff
}

.title-admin2 {
    border: 1px solid #0090ff;
    padding: 15px;
    background: url(../../depo/images/t-bg.png) repeat-x #ebf0f5;
    border-radius: 3px;
    margin: 5px;
    display: flow-root;
}

.title-admin2 h2 {
    color: #fff;
    font-size: 14px;
    margin-top: -11px
}

.tblArticle {
  border: 1px solid black;
  border-collapse: collapse;
  border-style: solid;
}

.share_info {
    color: #712e2e;
    font-size: 11px;
    padding: 10px;
    background: #CCC;
    margin: 3px -14px
}

.regular_title {
    margin: 0;
    font-weight: 700
}

.regular_title {
    color: #112E58;
    font-size: 15px
}

.navigation td {
    align: right;
    border: 20px;
    spacing: 20px;
    height: 29px
}

.tag {
    padding: 0 15px
}

.entry {
    padding-top: 30px;
    font-size: 11px
}

.entry-blue {
    padding: 0 20px 50px 113px;
    line-height: 170%;
}

.entry-comment {
    padding: 10px 10px 20px
}

.links {
    padding: 4px 0;
    font-weight: 700
}

.links a {
    border: none
}


#tabs h2 {
    font-size: 12px;
    padding-bottom: 5px
}

.info {
    padding: 20px
}

div#content-p ul.tabs {
    margin: 15px 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 3px solid #eda803;
    width: 100%;
    font-size: 11px
}

.hover,
.remove-a,
.under {
    text-decoration: underline
}

.comment,
.comment_small {
    position: relative;
    display: inline
}

.comment {
    margin-left: 10px;
    padding: 10px;
    font-size: 11px
}

.comment_small {
    margin-left: 5px;
    padding-left: 5px
}

.questionByline ul {
    padding: 0;
    margin-top: 20px
}

.questionByline li {
    margin: 10px 0 0;
    padding: 3px 10px 10px;
    list-style: none;
    text-align: top
}

.left {
    float: left
}

.left_50 {
    float: left;
    padding-bottom: 15px;
    width: 50%
}

.editable button img,
.remove-a {
    float: right
}

.editable_textarea {
    width: 690px;
    font-size: 11px;
    color: #527957
}

.editable_textarea textarea {
    border: 1px solid #DEDEDE;
    font-size: 11px;
    height: 25px
}

.editable {
    height: 50px;
    width: 690px
}

.editable button {
    font-size: 10px;
    color: #527a57;
    border: 1px solid #527a57;
    width: 50px;
    margin-top: 1px;
    margin-bottom: 21px;
    overflow: hidden
}

.editable button[type=submit] {
    height: 20px;
    float: right;
    color: #fff;
    font-size: 11px;
    background: #527a57;
    width: 50px;
    text-align: right
}

.editable button[type=cancel] {
    display: none
}

table h4 {
    color: #06C;
    font-size: 13px
}

.hover {
    color: #402717
}

.avatar {
    border: 4px solid #CAD1D8;
    width: 54px;
    height: 54px
}

.module {
    padding: 5px 0;
    font-size: 9px
}

.blog_list {
    padding: 20px 15px 0;
    background: #F1F0FB;
    width: 448px
}

span.link.active {
    color: #112E58;
    font-weight: 700
}

.div_boxes {
    width: 100%;
    padding: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 6px rgba(23, 69, 88, .5);
    -webkit-border-radius: 12px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(15%, #fff), color-stop(100%, #D7E9F5));
    background: -moz-linear-gradient(top, #fff 0, #fff 55%, #D5E4F3 130%)
}

.clear {
    clear: both
}

.titleLueBox {
    float: left;
    padding: 9px
}

.refresh {
    float: right;
    margin-right: 15px;
    margin-top: -15px
}

.checkboxBtn {
    width: 22px;
    height: 22px;
    margin-top: 0
}

.boxBtn {
    background: #fff;
    padding: 5px;
    margin: 0 2px;
    border-radius: 2px;
    cursor: pointer;
    font-weight: 700;
    float: left
}

.boxBtn.active,
.boxBtn:hover {
    background: #f5f5f5
}


.ms_alert{
    margin: 10px 0px 0px -14px;
    color: red;
}
.alert,
.alert2 {
    padding: 0 4px;
    color: #FDF8F8;
    background-color: red;
    font-size: 10px;
    z-index: 999999999;
    display: inline
}

.alert {
    border: 2px solid #666;
    margin: -52px 0 69px -15px
}

.alert2 {
    text-shadow: none;
    margin-left: -10px
}

#facebox .content img.logo-bank {
    position: absolute;
    margin-top: 4px;
    vertical-align: bottom
}

#facebox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    text-align: left;
    font-family: 'Roboto';
    font-size: 13px;
}

#facebox input,
#facebox select {
    min-height: 27px;
    padding: 8px 4px;
}
#facebox .button {
    padding: 0px 15px;
}

#facebox textarea {
    width: 99%
}

#facebox .popup {
    position: relative;
    border: 2px solid #D2D2D2;
    box-shadow: 0 0 18px rgba(0, 0, 0, .4)
}

#facebox .content {
    display: table;
    padding: 20px;
    background: #fffaea;
    color: #527957
}

#facebox .content>p:first-child {
    margin-top: 0
}

#facebox .content>p:last-child {
    margin-bottom: 0
}

#facebox .close {
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 7px
}

#facebox .close img {
    opacity: .8
}

#facebox .close:hover img {
    opacity: 1
}

#facebox .image,
#facebox .loading {
    text-align: center
}

#facebox img {
    border: 0;
    margin: 0
}

#facebox .content h2 {
    text-transform: uppercase;
    padding-left: 20px;
    font-size: 13px;
    padding-top: 10px;
    height: 41px;
    color: #fff;
    margin: -20px -20px 15px;
    background: url(facebox_header.jpg) repeat-x
}

#facebox .content h3 {
    text-transform: uppercase;
    height: 20px;
    color: #527957;
    font-weight: 700;
    font-size: 1em
}

#facebox_overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.facebox_hide {
    z-index: -100
}

.facebox_overlayBG {
    background-color: #000;
    z-index: 99
}
/* for table less css */
#list-content {
    display:table;
/*  width:100%; */
    padding-top:20px;
}
.cell {
    display:table-cell;
    border:0;
    padding:1em 1em 1em 1.6em;
    vertical-align:top;
}
.cell h1{
    padding-top:7px;
}
.small {
    font-size: 9px;
}
.right {
    float: right;
}


.box_forum_comment {
    border: 1px solid;
    margin: 0px 0px;
    padding:10px 10px 10px 10px; 
    background-color: #BDE5F8;
    background-repeat: no-repeat;
    background-position: 10px center;
    display: block;
}
.box_intro, .box_info, .box_success, .box_warning, .box_error, .box_validation, .box_idea {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 18px 71px; 
    background-repeat: no-repeat;
    background-position: 10px center;
    display: inline-block;
    font-size: 14px;
    width:-webkit-fill-available;   
}
.box_validation {
    color: #af3c05;
    background-color: #fff3ca;
}
.box_info {
    color: #af3c05;
    background-color: #fff3ca;
    background-image: url(info.png);
}
.box_thumbup {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 18px 71px; 
    background-repeat: no-repeat;
    background-position: 10px center;
    display: inline-block;
    font-size: 14px;
    width:-webkit-fill-available;   
    color: #af3c05;
    background-color: #fff3ca;
    background-image: url(thumb.png);
}
.box_intro {
    color: #3c1401;
    padding: 15px 10px 18px 28px;
    background-color: #fff3ca;
    border-radius: 3px;
    border-color: orange;
}
.box_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    font-size: 2em;
    vertical-align: middle;
    text-align: center;
    line-height: 60px;  
    background-image:url(checkmark.png);
}
.box_idea {
    color: #4F8A10;
    background-color: #fffca0;
    background-image:url('../../depo/images/guide/boz_point.png');
}
.box_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../../depo/images/warning.png');
}
.box_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../../depo/images/error.png');
}

.question {
    color: #0431B4;
    font-size: 14px;    
}
.answer {
    font-size: 14px;
    vertical-align: middle;     
    margin-left:10px; */
    color: #2b3e4f;
    font-size: 12px;
    margin-left: 32px;
    margin-top: -24px;
    display: block;
    width: 85%; 
}


/* Social Widget */
.social-item { float: left; margin-right: 10px; width: 53px; text-align: center; padding: 10px 0 10px 0; height: 77px; }
.social-item img{ border:none; }
.social-item:hover { }
.social-item.last { margin-right:0; margin-left:1px; float:left; }
.social-item img { padding-top:3px; }
.social-count { color:#666; display:block; margin-bottom:-2px; text-shadow: 1px 1px 1px #FFF; }
.social-descrip { font-size:11px; font-style:italic; color:#999; display:block; text-shadow: 1px 1px 1px #FFF; }


.facebox_shrink{
   width: 948px;
} 

/* Buttons */

button {
    min-width: 100px;
    background-color: #705536;
    /* background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8A6741), color-stop(100%, #705536));
    background-image: -webkit-linear-gradient(#8A6741,#705536);
    background-image: -moz-linear-gradient(#8A6741,#705536);
    background-image: -o-linear-gradient(#8A6741,#705536);
    background-image: linear-gradient(#8A6741,#705536);*/
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -khtml-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #614023;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset;
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset;
    -o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset;
    color: white;
    cursor: pointer;
    display: inline-block;
    font: 13px/17px Tahoma, Geneva, sans-serif;
    margin: 0 10px 0 0;
    padding: 5px 10px 6px;
    text-align: left;
    text-shadow: 0 0 0 transparent, 1px 1px 0 rgba(0, 0, 0, 0.1);
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.button{
    float: right;
    font-size:12px;
    height:36px;
    padding: 0px 15px;
    border: 1px solid #EEA904;
    color: white;
    background:#EEA904;
    margin-left:2px;
    border-radius: 4px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.jGrowl-close
{
    min-width: 15px;
    float: right;
    background: none;
    color:black;
    max-width: 35px;
    padding: 1px 5px;
}

.button-link{
    height:36px;
    padding: 5px 15px;
    border: 1px solid #EEA904;
    color: white;
    background: #EEA904;
    margin: 5px;
    border-bottom-color: #EEA904;
}

/* load more */

.tab_loadmore {
overflow: hidden;
margin: -10px 0px 10px 0px;
padding: 16px 0px;
text-align: left;
}

#loadmore {
 -moz-box-shadow: inset 0px 1px 0px 0px #97C4FE;
 -webkit-box-shadow: inset 0px 1px 0px 0px #97C4FE;
 box-shadow: inset 0px 1px 0px 0px #97C4FE;
 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3D94F6), color-stop(1, #1E62D0) );
 background: -moz-linear-gradient( center top, #3D94F6 5%, #1E62D0 100% );
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3D94F6', endColorstr='#1E62D0');
 background-color: #3D94F6;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 border: 1px solid #337FED;
 display: block;
 font-size: 12px;
 font-weight: bold;
 line-height: 1.5em;
 margin-bottom: 6px;
 outline: medium none;
 padding: 5px 0;
 text-align: center;
 width: 90%;
 color: white;
 text-decoration: none;
 text-shadow: 1px 1px 0px #1570CD;
 margin: 0 auto;
 margin-bottom: 10px;
}
#loadmore_index {
  display: inline;
  font-weight: bold;
  background: #f2f2f2;
  padding: 17px 15px 10px 15px;
  color: rgb(223, 28, 28);
  width: 354px;
  border-bottom-left-radius: 19px;
  border-bottom-right-radius: 19px;
}

#loadmore:hover{
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
 background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
 background-color:#1e62d0;
}
#loadmore:active{
 position:relative;
 top:1px;
}

.load_more {
background-color: white;
background-image: url("images/more.gif");
background-position: left top;
background-repeat: repeat-x;
border-color: #DDD #AAA #AAA #DDD;
border-style: solid;
border-width: 1px;
display: block;
font-size: 14px;
font-weight: bold;
height: 22px;
line-height: 1.5em;
margin-bottom: 6px;
outline: medium none;
padding: 6px 0;
text-align: center;
text-shadow: 1px 1px 1px white;
width: 95%;
}

/* avatar button */

.avatar-b {
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
    background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
    background-color:#89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #74b807;
    display:inline-block;
    color:white;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 15px;
    margin-right: 10px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #528009;
}
.avatar-b a, .avatar-b a:visited{
    color:#ffffff;
}
.avatar-b:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
    background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
    background-color:#77a809;
    color:#ffffff;
}
.avatar-b:active {
    position:relative;
    top:1px;
    color:#ffffff;
}
.avatar-b.active {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, red), color-stop(1, red) );
    background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
    background-color:red;
    -moz-box-shadow:inset 0px 1px 0px 0px red;
    -webkit-box-shadow:inset 0px 1px 0px 0px red;
    box-shadow:inset 0px 1px 0px 0px red;
    border:1px solid red;   
    color:#ffffff;
}

.pay-now {
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
    background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
    background-color:#89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #74b807;
    display:inline-block;
    color:white;
    font-family:arial;
    font-size:9px;
    font-weight:bold;
    padding: 3px 9px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #528009;
}
.pay-now a:hover{
    color:#ffffff;
}

/* close button */

#closeit {
    margin-top: -25px;
}


#btnExport{
    background:#ededed;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    padding:6px 12px;
    float: right;
    margin: -7px 0px 0px 5px;
}
#btnExport:hover{
    background:#dfdfdf;
}

/* the closeit to be deleted */

#closeit-b:hover {
    background:#dfdfdf;
}
#closeit-b:active {
}

/* you have registered */

.registered_small {
    box-shadow: inset 0 1px 0 0 #f9eca0;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#f0c911),color-stop(1,#f2ab1e));
    border-radius: 4px;
    border: 1px solid #f9eca0;
    font-family:arial;
    font-size: 11px;
    padding: 0px 4px;
    margin: 5px;
    vertical-align: middle;
    color:#c92200;
    font-weight:bold;
    display: inline-block;
}

.registered {
    box-shadow: inset 0 1px 0 0 #f9eca0;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#f0c911),color-stop(1,#f2ab1e));
    border-radius: 4px;
    border: 1px solid #f9eca0;
    font-family:arial;
    font-size: 13px;
    padding: 6px 11px;
    color:#c92200;
    font-weight:bold;
    text-shadow:1pxgru 1px 0px #ded17c;
    display: inline-block;
}

.registered_full{
    -moz-box-shadow:inset 0px 1px 0px 0px #f9eca0;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f9eca0;
    box-shadow:inset 0px 1px 0px 0px #f9eca0;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e) );
    background:-moz-linear-gradient( center top, #f0c911 5%, #f2ab1e 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e');
    background-color:#f0c911;
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
    border:1px solid #f9eca0;
    /*display:inline-block;*/
    color:#c92200;
    font-family:arial;
    font-size:13px;
    font-weight:bold;
    padding:13px 0px 13px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ded17c;
    max-width: 400px;
    text-align:center;
}
.menu_icon {
    border: 0px;
    width: 33px;
    opacity: 0.8;
    margin: 0px 5px 0px 3px;
}
.menu_icon_click  img{
    width: 40px;
    opacity : 1;
}
.registered_click  span{
    border: 2px solid red;
}

.tabsinside_click span{
    background-image: linear-gradient(to top,#f73b68 0,#ffb199 100%);
}
/* menu row */
.menurow.MONACA {
    min-height: 18px; 
    color: #fff; 
    background: #DE930A;
    margin-top:10px;
    padding: 10px;
}
.menurow.MONSIM {
    min-height: 18px; 
    color: #fff; 
    background: #DE930A;
    margin-top:10px;
    padding: 10px;
}
#tabsinside {
    float:left;
    width:auto;
    font-size:85%;
    line-height:normal;
    margin: 0px 0px 5px -20px;
}
      
#tabsinside ul {
    margin:0;
    padding:10px 10px 0 0;
    list-style:none;
}
#tabsinside li{
    display:inline;
    margin:0;
    float:left;
    background-image: linear-gradient(to top,#315eb6 0,#a2b6df 100%,#6b8cce 100%,#a2b6df 100%);
    margin:0;
    padding:0;
    text-decoration:none;
}
 
#tabsinside li span {
    float:left;
    display:block;
    /*background:url("http://www.monsoonacademy.com/depo/images/menu/tabright10.gif") repeat right top;*/
    padding: 9px 10px 7px 10px;
    color:#FFF;
    /*height: 22px;*/
    font-size: 13px;
    font-family: lato, Arial;
    height:35px;
    /*border-right:1px solid #1a498c;*/
}

@media only screen and (min-width: 800px) {
    #myfaceboxstatus {
        /*width: auto;*/
        width:  min-content;
        min-width: 500px;
        max-width: 950px;
        height:auto;
    }
    .field_desc {
        display: none;
    } 
    .table_header{
      text-align: left;
      margin: 10px 0px;
      padding: 5px 10px 5px 0px;
      font-size: 15px;
      font-weight: bold;
    } 
}

/*froala to resize youtube when it is in mobile*/
@media only screen and (max-width: 800px) {
    .fr-draggable {
        width: 388px;
        height:auto;
    }
    #myfaceboxstatus {
        width: 80vw;
        height:auto;
    }
    .htitle {
        font-size: 15px;
        font-weight: 700;
        line-height: 1.3em
    }  
    .ImgIndex {
        width: 100%
    }
    .ImgGameLogo {
        height: 25px;
        margin-right: 10px
    }
    .SureDiv {
        width: 325px
    }
    .SureLeft {
        margin-right: 10px
    }
    img {
        max-width: 85vw;
    }
    .img-responsive {
        display: inline-block;
       /* max-width: 300px;*/
        height: auto;
        width: 100%
    } 
    .title-admin2 {
        display: inline-block;
    } 
    .spanCanvas {
        display: none
    }
    .table_record {
        table-layout:fixed;
    }   
    .facebox_shrink{
       width: 80vw;
    } 
   .mcl_row_record {
        width: 90vw !important;
        height:auto !important;
        display: flex !important;
        border-bottom: 1px solid #f9bebe;
        max-width: none;
    }
    .field_desc {
    min-width: 120px;
    max-width: 120px;
    font-weight: bold;
    /*display: inline-block;*/
    display: flex;
    }   
    .table_header, 
    .hide_in_mobile{
      display: none;
    }
    .title-admin2{
      width: 98%;
    }
    #selectAll{
      display: none;
    } 
    .mcl_col_left_map {
        width: 85vw;
    } 
    .mcl_col_right_map {
        width: 90vw;
    }    
    .font_shrink{
        font-size: 10px;
    }            
    iframe {top:0;left:0;width:100%;}
}