/* css/style.css */@charset "UTF-8";
body{
	color:#708090;
	background-color:#eeeeee;
	font-family: Cisco Sans Light, Cisco Sans Regular, Source Sans Pro, Georgia, "Times New Roman", "Microsoft YaHei", "黑ä?", "微软?…é?", STXihei, "?Žæ?细é?", serif !important;
}

a{text-decoration:none}
a:hover{text-decoration:none}

input[type=radio],
input[type='checkbox'] {
  display: none;
}
input[type=radio] + label {
#  display: block;
  color: #222222;
}
input[type='checkbox'] + label:before,
input[type='radio'] + label:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 8px;
  width: 23px;
}
input[type='checkbox']:disabled + label:before,
input[type='radio']:disabled + label:before {
color: #a4a4a4;
cursor: not-allowed;
}
input[type='checkbox']:disabled + label,
input[type='radio']:disabled + label {
color: #a4a4a4;
cursor: not-allowed;
}

input[type=radio] + label:before {
  content: "\f10c";
  /* Radio Unchecked */
}
input[type=radio]:enabled + label:hover:before,
input[type="checkbox"]:enabled + label:hover:before {
  color: #4ec0f1;
}
input[type="checkbox"]:checked + label:before,
input[type=radio]:checked + label:before,
input[type="checkbox"]:checked + label:hover:before,
input[type=radio]:checked + label:hover:before {
  color: #0096d6;
}
input[type="checkbox"][disabled]:checked + label:before,
input[type=radio][disabled]:checked + label:before,
input[type="checkbox"][disabled]:checked + label:hover:before,
input[type=radio][disabled]:checked + label:hover:before {
  color: #a4a4a4;
}
input[type=radio]:checked + label:before {
  content: "\f192";
  /* Radio Checked */
}
input[type="checkbox"] + label:before {
  content: "\f096";
  /* Checkbox Unchecked */
}
input[type="checkbox"]:checked + label:before {
  content: "\f046";
  /* Checkbox Checked */
}
.radio label,
.checkbox label {
  padding-left: 0;
}
label{
font-weight:normal;
color: #222222;
}

@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?-z5dwvp');
  src: url('fonts/icomoon.eot?#iefix-z5dwvp') format('embedded-opentype'), url('fonts/icomoon.woff?-z5dwvp') format('woff'), url('fonts/icomoon.ttf?-z5dwvp') format('truetype'), url('fonts/icomoon.svg?-z5dwvp#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(fonts/toadOcfmlt9b38dHJxOBGMw1o1eFRj7wYC6JbISqOjY.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(fonts/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(fonts/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf) format('truetype');
}

@font-face {
  font-family: "Cisco Sans Regular";
  font-style: normal;
  font-weight: normal;
  src: url('fonts/CiscoSansTTRegular.eot');
  src: url('fonts/CiscoSansTTRegular.eot?#iefix') format('embedded-opentype'), url('fonts/CiscoSansTTRegular.woff') format('woff');

}
@font-face {
  font-family: "Cisco Sans Light";
  font-style: normal;
  font-weight: normal;
  src: url('fonts/CiscoSansTTLight.eot');
  src: url('fonts/CiscoSansTTLight.eot?#iefix') format('embedded-opentype'), url('fonts/CiscoSansTTLight.woff') format('woff');
}

.ciscosb-side-menu{
  font-family: Cisco Sans Light, Source Sans Pro, Georgia, "Times New Roman", "Microsoft YaHei", "黑ä?", "微软?…é?", STXihei, "?Žæ?细é?", serif !important;
 }

#Firstdiv{
  font-family: Cisco Sans Light, Cisco Sans Regular, Source Sans Pro, Georgia, "Times New Roman", "Microsoft YaHei", "黑ä?", "微软?…é?", STXihei, "?Žæ?细é?", serif !important;
	font-weight: Light;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
overflow:auto;
}
.FirstTable{
	width:100%;
	
}

.ciscosb-stpagetitle {
  font-size: 24px;
  height: 50px;
  line-height: 24px;
  font-weight: bold;
}

.page-title{
	font-size:24px;
	line-height: 24px;
	margin-top:25px;
	margin-left:30px;
	color: #222222;
}

.sub_title{
	font-size:18px;
	color: #222222;
}

.left_label{
	padding-right: 8px;
	position:relative;
	padding-bottom:10px;
	color: #222222;
}

.left_label.two_radio{
	vertical-align:top;
	padding-top:5px;
}

.left_label  div{
	margin-top:10px;
	margin-bottom:10px;
}

.right_controls{
	width:300px;
	padding-bottom:10px;
	padding-right:8px;
	color: #222222;
}

.right_controls > .textbox{
	position:relative;
}

.argHelp{
	padding-left: 8px;
	color: #222222;
}

.selectfield{
	width: 190px;
}

.main_container{
	position:absolute;
	top:74px;
	left:0;
	right:0;
	bottom:0;
	overflow:auto;
	background-color:#f3f3f4;
}

.sub_content
{
z-index: 9998;
position: fixed;
overflow-y: scroll;
right: 0px;
left: 0px;
top: 0px;
height: 100%;
}

.second_container{
	width:auto;
	height:90%;
	margin-right:30px;
	margin-left:30px;
	margin-top:10px;
	color:#222222;
}

.adv-setting{
	width:100%;
}

.Form_container > tbody > tr >td{
	padding-bottom:10px;
}
.Form_container > tbody > tr > td.text_line{
padding-bottom: 15px;
}
.vradio, .vradio .radio{
display: inline-block;
}
.vradio .radio{
	margin-right:20px;
}
.radio, .checkbox{
	margin-top:5px;
	margin-bottom:5px;
}

.no_button
{
	bottom:0;
}

.button-pool{
	padding-bottom:0;
	position:absolute;
	right:60px;
	top:20px;
}

.back-button{
	padding-bottom:0;
	position:absolute;
	right:130px;
	top:20px;
}
.input-button{
	margin-right:15px;
}


.hr{
	background-color:#cccccc;
	height:1px;
	padding-right:30px;
	
}


/* start page */
.ciscosb-padding0 {
  padding: 0px;
}
.ciscosb-mtop14 {
  margin-top: 14px;
}
.ciscosb-mtop10 {
  margin-top: 10px;
}
.ciscosb-mtop5 {
  margin-top: 5px;
}
.ciscosb-mtop8 {
  margin-top: 8px;
}
.ciscosb-mtop22 {
  margin-top: 22px;
}
.ciscosb-pright10 {
  padding-right:10px;
}

.ciscosb-stpagesection-icon {
  font-size: 24px;
  float: left;
}
.ciscosb-stpagesection-title {
  font-size: 19px;
  padding-left: 37px;
  height: 24px;
  line-height: 24px;
  color: #222222;
}
.ciscosb-stpagesection-item {
  margin: 0px 0px 10px 37px;
  #height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: #222222;
}
.ciscosb-stpagefoot-item {
  margin-top: 25px;
  #font-size: 16px;
  margin-bottom: 30px;
}
.ciscosb-stpagefoot-item a{
  color: #0088c2;
  }
.ciscosb-stpagefoot-item-title {
  padding-left: 13px;
  color: #222222;
}
.ciscosb-stpagefoot-item-size {
  font-size: 16px;
}

.grey-hr{
	width:100%;
	height:15px;
	border-bottom: 2px solid #ccc;
	margin-bottom: 15px;
}

.ciscosb-question-mark {
    color: #0096d6;
    margin-left: 8px;
    position: relative;
    /*top: 3px;*/
}

.ciscosb-tooltips-1 {
    background: #ccc none repeat scroll 0 0;
    border-radius: 4px;
    color: #000;
    padding: 7px 30px 7px 15px;
    position: absolute;
    top: -15px;
    white-space: nowrap;
    z-index: 10000;
}

.ciscosb-block-cntr {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}
.ciscosb-block-cntrs {
    clear: both;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 0;
	height:260px;
}

.ciscosb-block-title-cntr h5 {
    color: #8f9294;
    display: inline-block;
    float: left;
    font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
}

.ciscosb-block-tools-cntr {
    display: block;
    float: right;
    margin-top: 0;
    padding: 0;
    position: relative;
    text-align: right;
	width:20px;
}
.ciscosb-block-tools-cntr a {
    color: #c4c4c4;
    cursor: pointer;
    margin-left: 5px;
 }
 
.ciscosb-main-warp a {
    text-decoration: none;
}

.ciscosb-block-content-cntr {
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    color: #222222;
    height: 100%;
    padding: 15px 20px 20px;
}
.ciscosb-block-content-cntrs {
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    color: #222222;
    height: 228px;
    padding: 15px 20px 20px;
}

.ciscosb-block-title-cntr {
    background-color: #fff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 0 0;
    color: inherit;
    margin-bottom: 0;
    min-height: 48px;
    padding: 14px 15px 7px;
}

.eventablerow {
    background-color: #f1f5fa;
}


.ciscosb-formTestBtnCntr {
    margin: 25px 0 15px;
}
.ciscosb-formTestTitle {
    font-size: 18px;
	margin: 15px 0;
}

.ciscosb-formTestSection1 {
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
}

.ciscosb-formTestSection1  ul{
    padding-bottom: 10px;
}

.ciscosb-formTestSection1 ul, .ciscosb-formTestSection1 li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.ciscosb-formTestSection1 ul, .ciscosb-formTestSection1 li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.ciscosb-formTestSection1 li {
    display: flex;
    margin: 10px 0;
}

.ciscosb-formTestSection1 .ciscosb-form-title {
    margin-top: 6px;
}

.ciscosb-formTestSection1 .ciscosb-form-titlecheck {
    margin-top: 10px;
}

.ciscosb-formTestSection1 .ciscosb-form-title_bottom {
    margin-bottom: 0px;
}


.ciscosb-formTestSection1 span {
    display: inline-block;
    width: 146px;
}

.ciscosb-formTestSection1 .ciscosb-checkBox_cntr {
    width: 300px;
}
.ciscosb-formTestCntr {
    font-size: 14px;
}

.ciscosb-tooltips-hint-cntr {
    margin-left: 8px;
    margin-top: 6px;
}
.ciscosb-formTestTitle span{
    width: 100%;
}
.ciscosb-formTestSection1 .ciscosb-checkboxli {
    display: flex;
    margin-bottom: 0;
}
.ciscosb-formTestBtnCntb{
	bottom: 0;
    left: 0;
    padding-bottom: 0;
    position: absolute;
	 margin: 25px 0 15px;
}

.ciscosb-block-cntr {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}

.ciscosb-block-title-cntr {
    background-color: #fff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 0 0;
    color: #222222;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px;
}

.ciscosb-arrowq-active {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari and Chrome */
  -o-transform: rotate(180deg);
  /* Opera */
}

.ciscosb-block-title-cntr h5, .snmpv2-title {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    font-size: 15px;
    color: #222222;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
	font-weight:bold;
}

.ciscosb-tableaction {
    font-size: 20px;
    color: #0096d6;
    cursor: pointer;
    width: 20px;
    margin-left: 7px;
}

.ciscosb-tableaction-big {
    font-size: 25px;
    color: #0096d6;
    cursor: pointer;
    width: 25px;
    margin-left: 7px;
}

.ciscosb-tableaction-bigdisable {
    font-size: 25px;
    cursor: pointer;
    width: 25px;
    margin-left: 7px;
}

.ciscosb-tableaction-normal {
    color: #0096d6;
    cursor: pointer;
    margin-left: 7px;
}

.ciscosb-tableaction-small {
    color: #0096d6;
    cursor: pointer;
}

.ciscosb-tableaction-disable {
    cursor: pointer;
}

.ciscosb-noneborder-top {
    border-top: solid white;
}

.table {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
}

.ciscosb-table-edit {
    height: auto;
    padding: 2px 0 2px 0;
    border: none;
    transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;
}

.ciscosb-table-normal {
    height: auto;
    padding: 0;
    transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;
}

tr .section-checkbox{
	width:40px;
}
tr .section-name{
	width:120px;
}

.pass-str-meter-cell{
       width: 236px;
}
.pass-str-meter{
    color: #555;
    display: inline;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.table-hover > tbody > tr:hover {
  background-color: #b9dce6;
}

.table tbody tr td {
    text-overflow: ellipsis;
    overflow: hidden;
}

.table tbody tr .left_label{
	overflow: visible;
	
}

.table thead, .table tbody tr {
    display: table;
    table-layout: fixed;
}
.table thead {
    flex: 0 0 auto;
    width: calc(99.9%);
}
.table >  tbody {
    flex: 1 1 auto;
    display: block;
    overflow-y: auto;
}

.table thead tr th {
    border-bottom: 3px solid #0096d6;
    text-overflow: ellipsis;
    overflow: hidden;
}

.table tbody tr {
    width: 100%;
}

.table  thead  th {
	white-space: nowrap;
}

.table .newline th{
	white-space: normal;
}

.optionchecked
{
  box-shadow: 0 0 10px 100px #78e2ff inset;
  background: #78e2ff;
}

 tr.section-row {
   
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    height: 20px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.default-box {
    border-color: #8499a2;
    border-style: solid;
    border-width: 1px;
    padding: 0 3px 3px;
    vertical-align: top;
}
.drop-box-shade {
    background-image: url("drop_shade.gif");
	z-index:100;
}
.section-box
{
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-top:20px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}
.section-header
{
	background-color:#f3f3f4;
	position:absolute;
	padding-left:5px;
	padding-right:5px;
	margin-top:-25px;
	
}

.error-box{
	position:absolute;
	width:100%;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #ccc;
	overflow-y: auto;
	overflow-x: hidden;
}

.error-box .error-info{
	margin:10px;
	border-radius: 4px;
	border: 1px solid #ccc;
 }
.no-padding-h{
	height: auto;
	padding-top:0;
	padding-bottom:0;
}

.input-margin{
	margin-bottom:10px;
}

/* for tabs */
.ciscosb-tab-group .ciscosb-tab-head {
  color: #000;
  width: 100%;
  z-index: 9;
}
.ciscosb-main-warp .ciscosb-no-select {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ciscosb-tab-group .ciscosb-tab-head > span {
  transition: all .2s linear;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px;
  color: #222222;
  height: 46px;
  line-height: 46px;
  background-color:#dddddd;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}
.ciscosb-tab-group .ciscosb-tab-head .ciscosb-tab-background span{
  transition: all .2s linear;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px;
  color: #6b7886;
  height: 46px;
  line-height: 46px;
  background-color:#dddddd;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}
.ciscosb-tab-group .ciscosb-tab-head span.ciscosb-selected {
  border-bottom: 3px solid #0096d6;
  color: #0096d6;
  font-size: 16px;
  background-color:#ffffff;
}
.ciscosb-tab-group .ciscosb-tab-head span:hover {
  color: #0096d6;
}
.ciscosb-tab-group .ciscosb-tab-content{
	background-color:#ffffff;
	padding:10px;
}

.ciscosb-tab-group .ciscosb-tab-content .ciscosb-sub-tab {
  opacity: 0;
  height: 100%;
  visibility: hidden;
  overflow: hidden;
  display: block;
  line-height: 1.42857;
  margin: 0 0 10px;
}
.ciscosb-tab-group .ciscosb-tab-content .ciscosb-sub-tab.ciscosb-actived {
  opacity: 1;
  height: 100%;
  visibility: visible;
}
.ciscosb-tab-edit {
    height: auto;
    padding: 0;
	margin: 0;
}
.drop-box-shade {
	z-index:100;
 }

 .divpalie
 {
#	float:left;
	width:255px;
 }
 .divpalifa
 {
	float:left;
	width:60px;
 }
.showpasswd{
       position:absolute;
       right:10px;
       top:10px;
       cursor: pointer;
}

 .alerthead
{
  background-color: #ACC6DF;
  font-family: arial;
  font-size: 12px;
  padding-left: 5px;
  height:20px;
  width:512px; 
  margin-left:3px;
}

.border-table
{
    border: 1px solid #8499A2;
    background-color: #D7E3EE;
}
#logo{vertical-align:top;width:62px;padding:12px 12px 11px;}

.label
{
color:#000000;
font-size:12px;
font-family:arial;
font-weight:normal;
text-decoration:none;
white-space:nowrap;
text-align:left;
}
.previewText{
	font-family:inherit;
	font-size:14px;
	color: #222222;
	word-wrap:break-word;
}

.right_label {
	padding-left:16px;
	position:relative;
}

 .type-file{
 opacity:0;
 position:absolute
 }

.mac_show:hover, .holder_show:hover{
  background-color: #b9dce6;
  cursor:pointer;
}

.ciscosb-tablesearch-box {
    float: left;
    height: 34px;
    margin-top: 0;
    padding-top: 8px;
    width: 32px;
}
.divhead_mac{
	float:left;
	width:25%;
	border-bottom: 3px solid #0096d6;
	font-size: 14px;
	font-weight:bold;
}
.divhead_mac_left{
	float:left;
	width:25%;
	text-align:left;
}
.divhead_mac_right{
	float:left;
	width:70%;
	text-align:left;
	word-break: break-all;
	word-wrap: break-word;
}
.mac_show{
	float:left; 
	width:25%;
	padding-top:10px;
	padding-bottom:10px;
	height:70px;
}
.holder_show{
	float:left; 
	width:25%;
	padding-top:10px;
	padding-bottom:10px;
	height:35px;
}
.info{
	background-color:#d9edf7;
}

.ruleradio{
	margin-bottom: 5px;
}

.input-text-error{
	font-size:12px;
	color:#cc0000;
}
.ciscosb-roate{
    transform: rotate(-180deg);
    transition: all 0.5s ease-in-out;
}
 .ciscosb-roatecol{
     transform: rotate(0deg);
     transition: all 0.5s ease-in-out;
 }
.col_vapno{width:60px;}
.col_enable{width:50px;}
.col_vlanid{width:90px;}
.col_normal{min-width:120px}
.col_broadcast{width:100px}
.col_bandsteer{width:90px}
.col_weblocale{width:200px}
.col_progress{width:150px}
.block-cntr-min-width{min-width:800px}

.one_line_radio{
	padding-right:15px;
}

.toggleTb {
	cursor: pointer;
}

.section_table_title{
    background-color: #ddd;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-weight: bold;
    height: 30px;
    padding-left: 8px;
    text-align: left;
    white-space: nowrap;
}

tr .mac-section-row{
    background-color: #eee;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ffffff;
    font-weight: normal;
    height: 25px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: left;
    white-space: nowrap;
}

tr.mac-section-row.eventablerow{
    background-color: #fff;
}
tr.mac-section-row td.mac-section-cell{
    border-left: 1px solid #ccc;
    height: 25px;
	padding-left: 8px;
    padding-right: 5px;
    text-align: left;
    white-space: nowrap;
}

.left_cell{
	width: 50px;
}

.no_detected_label{
    font-size: 80%;
    font-weight: normal;
    padding: 0.2em 0.6em 0.3em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.vradioStyleleft2{
	width: 70px;
}

tr.mac-section-row.oddtablerow {
    background-color: #eee;
}.outsideBar{
	width:110px;
	border:1px solid gray;
	padding:1px;
	position:relative;
}

.insideBar{
	height:16px;
	line-height:16px;
	background:#0096D6;
	width:50%;
}

.ciscosb-tables-container{
	background-color:#ffffff;
	padding:10px;
}

.show-in-line{
	display: inline-block;
}

input[type="file"]{
	visibility: hidden;
}

.input-file{
	width:600px;
	margin-top: -20px;
}

.modal-dialog-div{width:600px; margin:0px; padding:0 10px 0 10px;}
@media (min-width:600px){
	.modal-dialog-div{ left:50%; margin-left:-300px;}
}

.modal-about-div{ left:50%; margin-left:-248px;}

.font_unselect{
	-moz-user-select:none;/*firefox*/
	-webkit-user-select:none;/*webkit*/
	-ms-user-select:none;/*IE10*/
	-khtml-user-select:none;/*other*/
	user-select:none;
}
#.table > tbody::-webkit-scrollbar {
#  width: 8px;
#  height:8px;
#}
#.table > tbody::-webkit-scrollbar-thumb {
#  background: #ddd;
#  border-radius: 9px;
#  border: solid 1px #343239;
#}
#.table > tbody::-webkit-scrollbar-track {
#  box-shadow: inset 0 0 6px #343239;
#}

.main_container::-webkit-scrollbar {
  width: 8px;
  height:8px;
}
.main_container::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 9px;
  border: solid 1px #343239;
}
.main_container::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #343239;
}
.logo{
	bottom:0;
	position:absolute;
	right:0;
	left:362px;
}

.copyright{
	display:inline-block;
	padding:0 113px 20px 20px;
	width:100%;
        color:#222222;
}

.radio_righttd{
	width:300px;
}

.InputRadioText{
	padding-right:10px;
}

.mainmenu_newline{
	cursor: pointer;
	font-size: 19px;
	line-height: 18px;
}

.form-control-inline {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #222222;
    display: inline;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.fbt_selected{
	background-color:#ccc;
	color:#fff;
}
.waitdiv{
	width:400px;
	height:100px;
	display: table-cell;
    vertical-align: middle;
    text-align: center;   
}
.modal-wait-div{width:400px; margin:0px; padding:0 10px 0 10px;}
@media (min-width:600px){
	.modal-wait-div{ left:50%; margin-left:-200px;}
}

.loginBtn {
  box-sizing: border-box;
  position: relative;
  /* width: 13em;  - apply for fixed size */
  margin: 0.2em;
  padding: 0 15px 0 46px;
  border: none;
  text-align: center;
  line-height: 34px;
  white-space: nowrap;
  border-radius: 0.2em;
  font-size: 14px;
  color: #FFF;
  width: 120px;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}

.loginBtn--facebook {
  background-color: #4C69BA;
  background-image: linear-gradient(#4C69BA, #3B55A0);
  /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
  text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
  border-right: #364e92 1px solid;
  background: url('ext/captive_portal/icon_facebook.png') 6px 6px no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
  background-color: #5B7BD5;
  background-image: linear-gradient(#5B7BD5, #4864B1);
}


/* Google */
.loginBtn--google {
  /*font-family: "Roboto", Roboto, arial, sans-serif;*/
  background: #DD4B39;
}
.loginBtn--google:before {
  border-right: #BB3F30 1px solid;
  background: url('ext/captive_portal/icon_google.png') 6px 6px no-repeat;
}

.loginBtn--google:hover,
.loginBtn--google:focus {
  background: #E74B37;
}