.cls-boxCenter-table { border: 1px solid #cccccc; width: 380px; } .cls-boxCenter-title { margin-left: 5px; padding-left: 10px; padding-top: 5px; margin-top: 5px; margin-right: 5px; background: #1d2a56; font-size: 13px; color: #FFF; padding-bottom: 5px; margin-bottom: 5px; /* height: 24px; */ } .cls-boxCenter-data { float: left; margin: 10px; width: 160px; height: 96px; } .cls-boxCenter-dataYoutobe { margin: 10px; } .cls-center { text-align: center; } .cls-boxAPP-title { color: #1d2a56; font-size: 14px; border-bottom: 2px #DDD solid; padding-left: 10px; font-weight: bold; line-height: 30px; width: 98%; background-color: #e9e9e9; } .cls-boxAPP-panel { color: #1d2a56; font-size: 14px; border-bottom: 1px #DDD solid; /* padding-left: 10px; */ font-weight: bold; line-height: 30px; width: 98%; background-color: #eee; float: left; padding-bottom: 10px; } .cls-boxAPP-block { float: left; text-align: center; } .cls-boxAPP-name { padding-top: 5px; font-weight: bold; width: 98%; } .cls-boxAPP-name a { /* text-decoration: none; */ color: #1d2a56; } .cls-boxAPP-link { float: left; width: 50%; text-align: center; } .cls-w03 { width: 3%; } .cls-w45 { width: 45%; margin: 4px; } iframe { margin: 3px; max-width: 300px; max-height: 226px; } /* the p tag (our tooltip) is hidden by default */ .ctrl-Tips:hover>p { display: block; } .ctrl-Tips>p { display: none; } .ctrl-Tips>p { padding: 5px; border: 1px solid; width: 170px; position: absolute; /* top: 100%; */ /* left: 52%; */ /* transform: translate(-50%); */ background-color: #efefef; } /* This is for thr triangle part can be ignored */ .ctrl-Tips>p:before { content: ''; border: 10px solid; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -20px; left: 50%; transform: translate(-50%); } .FormFormat input { height: 2em; } #ggCustomBtn { display: inline-block; background: #dd4b39; color: white; width: 128px; border-radius: 5px; white-space: nowrap; } #ggCustomBtn:hover { background: #e74b37; cursor: hand; } #ggCustomBtn span.label { font-weight: bold; } #ggCustomBtn span.icon { background: url('/images/btn_red.png') transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; width: 38px; height: 38px; border-right: #bb3f30 1px solid; } #ggCustomBtn span.buttonText { display: inline-block; vertical-align: middle; /* padding-left: 20px; */ /* padding-right: 35px; */ font-size: 14px; font-weight: bold; /* Use the Roboto font that is loaded in the */ font-family: 'Roboto', arial, sans-serif; } .cls-linelogin { height: 38px; }