﻿@charset "utf-8";
/* CSS Document */
body {margin:0px; font-family:Verdana; font-size:12px;}
html {font-family:Verdana; font-size:12px;}
.clear {clear:both;}
.left-pannel { width:15%; min-height:100vh;height: 100%; background:#594f8e; float:left;}
.right-pannel { width:85%;height:100vh; background:#f1f4f9; float:left;overflow-y:scroll}
.logo-container {width:100%; height:auto; background:#494175; padding-top:10px; padding-bottom:10px; text-align:center}
/*.logo{width:30%; height:auto;}*/
.img-responsive {width:100%; height:auto;}
.header { width:100%; height:auto; background-color:#ffffff; overflow:auto; padding-top:10px; padding-bottom:10px; color:#69696a; border-bottom:1px solid #ededed}
.wrapper {width:95%; height:auto; margin:auto;}
.content {width:100%; height:auto; background-color:#fff; margin-top:10px; margin-bottom:10px; padding-bottom:10px; overflow:auto; padding-bottom: 35px; }
.titles { width:98%; height:auto; background-color:#d8d9db; color:#69696a; font-size:12px; font-weight:bold; padding:1% }
.col-25 { width:25%; height:auto; float:left; margin-top:20px; color:#69696a;font-size:12px;}
.col-20 { width:20%; height:auto; float:left; margin-top:20px; color:#69696a;font-size:12px;}
.col-30 { width:30%; height:auto; float:left; margin-top:20px; color:#69696a;font-size:12px;}
.input-text { background-color:#eff0f2; border:none; width:75%; padding:1%; min-height:25px}
.col-50 { width:50%; height:auto; float:left;}
.col-99 { width:99%; height:auto; margin:auto;}
.logout{font-size:12px; font-family:'Trebuchet MS'; text-decoration:none; font-weight:bold; color:#494175}
.logout:hover {
    color: orangered;
}
.poweredby{font-size:12px; font-family:'Trebuchet MS'; text-decoration:none; font-weight:bold; color:#494175}
.poweredby:hover {
    color: forestgreen;
}
.login-box {width:35%; height:auto; margin:auto;border:1px solid #e1e4e9;}
.login-box-title { width:98%; height:auto; overflow:auto; background-color:#494175; color:#fff; font-size:12px; font-weight:bold; padding:1%;}
/*.login-box-title img {width:50px; height:auto; margin:5px;}*/
.login-box-content { width:98%; height:auto; overflow:auto; background-color:#fff; color:#fff; font-size:12px; font-weight:bold; padding:1%; padding-bottom:20px; }
.login-body {background:#f1f4f9; padding-top:10%;}
.login-input-container {width:100%; height:auto; margin-top:10px}
.login-input-text {width:70%; height:auto; background-color:#eff0f2; border:none; min-height:25px; padding:10px;}
.login-input-submit {background-color:#494175; color:#fff; font-size:12px; width:30%; border:none; padding:10px}
.btnsubmit {background-color:#494175; color:#fff; font-size:12px; width:30%; border:none; padding:10px; z-index:0; }
.btnfee {background-color:#494175; color:#fff; font-size:12px; width:120px; border:none; padding:10px; z-index:0; }
.disabledtext {width:30%; height:25px; background-color:#eff0f2; border:none; min-height:25px; padding:10px;}
.floatL {float:left}
.floatR {float:right}
.floatM {margin:auto}
.rowSpace{width:100%; height:20px;}
.dropdown {width:77%; height:auto; background-color:#eff0f2; border:none; min-height:31px; padding:5px;}
/*.dropdown option {background-color:#eff0f2; color:black; font-size:12px; min-height:31px; padding:5px; margin:5px; line-height:31px;}*/
.multitext {width:74%; height:auto; background-color:#eff0f2; border:none; min-height:50px; padding:5px;}
.lblWelcome {font-size:medium; font-family:'Trebuchet MS'; letter-spacing:.5px; padding:5px; color:black; font-weight:bold; font-style:italic; text-transform:uppercase;}

/********** Channel datalist ***********/
.dlChannelList{width:150px; height:175px; padding:4px; margin:4px; border:1px solid #999; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; text-align:center;}
/*.dlChannelList:hover{background-color:#F1C847}*/
.dlChannelList h3{font-size:110%; margin:0; padding:0;}
.dlChannelList p{font-size:70%; margin:0; padding:0; vertical-align:baseline;}
.dlChannelList_divider {height:150px; width:100%}

.messageBox { width:100%; height:auto; bottom:0; position:fixed; background-color:white; color:green; font-size:12px; font-weight:bold; padding:5px; text-align:left; vertical-align:middle; z-index:0;}
.msglbl{padding-left: 5px; vertical-align: super;}

