.buzzar html{
	height:100%;
}

.buzzar ::-webkit-scrollbar { width: 8px; height: 8px;}  
/*  Track */
.buzzar   ::-webkit-scrollbar-track {background: transparent; }   
/*   Handle */
.buzzar ::-webkit-scrollbar-thumb {background: #03458f; width: 8px; height: 8px;border-radius:4px}  
/*   Handle on hover */
.buzzar ::-webkit-scrollbar-thumb:hover {background: #03458f; width: 6px; height: 2px;}  
.buzzar ::-webkit-scrollbar-mouse:hover {background: #03458f; width: 6px; height: 2px;}


/* POPUP SECTION START */
.dark .buzzar .gwt-PopupPanelGlass .custom-dialog{background: #0C0C0C;border:none!important; box-shadow:none;}
.buzzar-popup{background: #0C0C0C;border:none; box-shadow:none;}
.buzzar-popup .popupContent{background: #0C0C0C;border:none; box-shadow:none;}
.light .buzzar-popup .popupContent{background: #fff;border:none; box-shadow:none;border-radius: 5px;}/**/
.buzzar-popup .popupContent .custom-dialog-header{background: none; border:none; box-shadow:none;}
.popupContent .stratege-bg{background: #1E1E1E; padding: 8px 10px}
.light .popupContent .stratege-bg{background: #EDEFF2; padding: 8px 10px} 
.popupContent .p-content-bg{background: #121212;}
.light .popupContent .p-content-bg{background: #fff;}

.popupContent .strategyradio {width: auto; display: block; padding: 10px 20px; border-top:1px solid #222222; }
.light .popupContent .strategyradio {border-top:1px solid #DEE4EC; }
.popupContent .strategyradio:last-child{border-bottom:none}
.p-content-bg{padding: 0}
.p-content-bg .gwt-HTML{display: inline-block;padding: 14px 19px;color: #6C6C6C;}

.scroll-300{overflow-x: hidden; height: 270px!important; width: 100%; white-space:normal;  word-wrap: break-word;  }


.buzzar-popup .gwt-RadioButton input[type="radio"]{
	width : 10px;
}

.buzzar-popup input[type="radio"]:checked+label, .buzzar-popup input[type="radio"]:not(:checked ) +label {
    position: relative;
    padding-left: 17%;
    cursor: pointer;
    display: inline-block;
    padding-right: 10px;
    color: #6C6C6C;
}

.buzzar-popup label {
   top:1px;
}

.buzzar-popup .custom-table1 a {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
}

.buzzar-popup .message-list td{
    font-weight: normal;
    padding : 10px;
    font-size: 14px;
    color: #68727E;
}

/* .buzzar-popup .message-list tr:nth-child(even) {
    background-color: #eff3f9;
} */

.buzzar-popup .content-panel {
    background-color: #fff;
    border-radius: 4px;
    margin: 12px;
    color: #68696a;
    border:none;
}

.light .buzzar-popup .content-panel {
	border: 1px solid #DEE4EC
}

.light .buzzar-popup .tool-bar {
    background-color: #dddddd;
    border: none;
}

/* POPUP SECTION END */


.buzzar{
	box-sizing: border-box;
    margin: 10px;
    overflow: auto;
    /* background-color: #fff; */
    /* box-shadow: 0 0 10px #6f748457; */
    border-radius: 5px;
    padding: 20px 10px;
}

.dark .buzzar-bg .menuHeader{border-bottom:3px solid #262729;     height: 53px; }

.buzzar-bg .menuHeader{border-bottom:3px solid #EDEFF2;     height: 53px; }
.dark .buzzar-bg{
	margin:0;
	height:100%;
	display: flex;
	flex-direction: column;
	font-family: arial !important;
	font-size: 14px;
	background-color: #0C0C0C;
}

.buzzar body{
	margin:0;
	height:100%;
	display: flex;
	flex-direction: column;
	font-family: arial !important;
	font-size: 14px;
	background-color: #f2f6fb;
}

.buzzar ul {
    padding: 0;
    margin: 0;
}

.buzzar h4, .buzzar .h4, .buzzar h5, .buzzar .h5, .buzzar h6, .buzzar .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.buzzar [type="radio"]:checked,
.buzzar [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}


.buzzar [type="radio"]:checked + label,
.buzzar [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #68727E;
    margin: 0 10px 10px 0;
}
.buzzar [type="radio"]:checked + label:before,
.buzzar [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 16px;
    height: 16px;
    border:1px solid #657080;
    border-radius: 100%;
}



.buzzar [type="radio"]:checked + label:after,
.buzzar [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #657080;
    position: absolute;
  top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}




.buzzar [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.buzzar [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


.buzzar input[type=text]:disabled{ opacity: 0.3;}
.buzzar input[type=text]:disabled + .per { opacity: 0.3;}





.buzzar [type="checkbox"]:checked,
.buzzar [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.buzzar [type="checkbox"]:checked + label,
.buzzar [type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #68727E;
    margin: 0 20px 10px 0;
    font-weight: 600;
}
.buzzar [type="checkbox"]:checked + label:before,
.buzzar [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    border:1px solid #657080;
    border-radius: 3px;
}
.buzzar [type="checkbox"]:checked + label:after,
.buzzar [type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #657080;
    position: absolute;
    top: 7px;
    left: 3px;
    border-radius:2px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.buzzar [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.buzzar [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
} 

.buzzar [type="radio"]:disabled + label{
	color: #ccc;
}


.buzzar #header{
	height: 50px;
   
    background: #fff;
    box-shadow: 0 0 10px #6f748457;
   
}

.buzzar .right-menu .user{
	width: 35px;
    height: 35px;
    background-color: #5b5c60;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 35px;
    margin-right: 10px;
    display: block;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.buzzar a.trigger-buzzer {
	display: inline-block;
    background: #03458f;
    margin-right: 15px;
    padding: 5px 20px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    line-height: 30px;
}

.buzzar #buzzer-tab{
	background: #fff;
    box-shadow: 0 0 10px #6f748457;
    border-radius: 5px;
    margin: 20px 15px;
    display: flex;
    align-items: center;
    flex: 0;
}

.buzzar #buzzer-tab a{
	min-width: 20%;
	display: block;
	cursor: pointer;
	outline: none;
	    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 20px 15px;
    color: #337ab7;
    text-decoration: none;
        text-align: center;
}

.buzzar #buzzer-tab a.active{
	color: #fff;
    cursor: default;
    text-decoration: none;
    background-color: #03458f!important;
}

.buzzar #buzzer-tab h2 {
    color: #23527c;
    font-size: 19px;
    margin: 9px;
}

.buzzar #buzzer-tab a.back-btn {	
    min-width: auto;
    background: #bacbe4;
    margin-top: 4px;
    padding: 5px 20px;
    color: #03458f;
    text-decoration: none;
    border-radius: 5px;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    line-height: 20px;
}

.buzzar .header-menu{
	 display: flex;
    align-items: center;
    justify-content: space-between;
}

.buzzar .logo{
	height: 40px;
	padding: 0 15px;
}

.buzzar #container{
	flex: 1;
    box-sizing: border-box;
   margin: 0 15px;
    overflow: auto;
    background-color: #fff;
   
    box-shadow: 0 0 10px #6f748457;
    border-radius: 5px;
    padding: 20px 10px;
}
.buzzar .row-12{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
    grid-column-gap: 20px;
}
.buzzar .span-l-4{
	grid-column-end: span 4;
}

.buzzar .offset-l-4 {
    grid-column-start: 5;
}

.buzzar .buzzer-background {
    background-color: #fff;
    box-shadow: 0 0 10px #6f748457;
    border-radius: 5px;
    padding: 20px 10px;
}

.buzzar .scripinfo {
    border: 1px solid #657080;
    margin-top: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.buzzar .table-title {
    
    padding: 5px 15px;
   
    border-radius: 5px 5px 0 0;
    
}

.buzzar .table-title h4 {
    line-height: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #828181;
}

.buzzar .message-list {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    color: #68727E;
   
    table-layout: auto;
}
.buzzar .message-list .table-header td{
	font-weight: 600;
	 padding: 20px 10px!important;
}

.dark .buzzar .message-list td {
    padding: 10px;
    font-weight: 500;
    font-size: 15px;
    min-width: 120px;
    color: #68727E;
    text-align:left;
        border-bottom: 1px solid #222222;
}

.buzzar .message-list td {
    padding: 10px;
    font-weight: 500;
    font-size: 15px;
    min-width: 120px;
    color: #68727E;
    text-align:left;
        border-bottom: 1px solid #DEE4EC;
}

.buzzar .message-list .notify img{
	width: 25px;
	height: 25px;
	margin: 0 3px;
}

.buzzar .pull-right {
    float: right !important;
}

.buzzar .form-redio {
    padding: 5px 5px 6px 6px;
   
    border-radius: 5px;
    color: #68727E;
    margin-bottom: 15px;
}

.buzzar .label-tag {
    display: inline-block;
    /* background: #ffffff; */
    padding: 6px 5px 10px 10px;
    border-radius: 5px!important;
    margin-right: 10px!important;
    min-width: 171px;
}

.buzzar .zero-min-width{
	  min-width:  0px!important;
}

.buzzar-bg  .form-group .form-control {
    padding: 4px 12px;
    border: 1px solid #DEE4EC;
    /* background: #fff; */
    border-radius: 5px;
    color: #68727E;
    margin-bottom: 15px;
}

.dark .buzzar .form-group .form-control {
    padding: 4px 12px;
    border: 1px solid #1E1E1E;
    /* background: #fff; */
    border-radius: 5px;
    color: #68727E;
    margin-bottom: 15px;
}
.light .buzzar .form-group .form-control {
    padding: 4px 12px;
    border-radius: 5px;
    margin-bottom: 15px;
}


.buzzar .form-redio .label-tag label{
	    margin: 0!important;
	    font-weight: 700;
}
.buzzar .form-control{
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
   /*  background-image: none; */
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
 
.buzzar .andor {
    background: #eff3f9;
    border-radius: 5px;
    color: #666;
    padding: 10px 20px;
    text-align: center;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    position: relative;
}

.buzzar .andor-icons{
	color: #f5921d;
}

.buzzar .custom-dialog .tool-bar a{
	margin: 9px 5px;
}

.buzzar .custom-dialog {
 
	background-color: #dfdddd;
	 border: 1px solid #9597a1;
	border-radius: 5px;
	border: 1px solid #cdcdcd;
	z-index: 12;
}

.buzzar .custom-dialog .custom-dialog-header {
	height: 40px;
	background-color: #dfdddd;
	font-size: 17px;
	vertical-align: middle;
	color: #000;
	font-weight: bold;
	border-radius: 5px 5px 0 0px;
	box-sizing: border-box;
	border-bottom: 1px solid #cdcdcd;
	cursor: move;
}

.buzzar .custom-dialog .custom-dialog-header .caption {
	padding: 8px;
	display: inline-block;
	padding-left: 0!important;
}

.popupContent .custom-dialog-header{justify-content: space-between;
    display: flex;
    align-items: center; padding: 30px;}


.popupContent .custom-dialog-header .close-buton {
    display: inline-block;
    float: right;
    background: url(/images/close-icon.svg) no-repeat!important;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-position: 4px 4px;
}

.buzzar .custom-dialog .footer {
	background-color: #dfdddd;
	border-radius: 0px 0px 5px 5px;
	border-top: 1px solid #cdcdcd;
}

.buzzar .custom-dialog .content-panel{
	background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin: 12px;
    color: #68696a;
}

.buzzar .custom-dialog  .footer table {
	margin: auto;
}

.buzzar .custom-dialog  .footer td {
	padding: 10px;
}

.buzzar .custom-dialog .message-box {
	padding: 20px;
	text-align: center;
	min-width: 250px;
	max-width: 350px;
	color: #4a5668;
	font-size: 16px;
}

.buzzar .message-box li {
	text-align: left;
}


.buzzar .form-group label {
    display: block;
    color: #68727E;
    font-weight: 600;
    line-height: 30px;
}

.dark .buzzar .andor{
	 position: relative;
    top: 50%;
    width: 120px;
    height: 32px;
    margin: 0;
    overflow: hidden;
    border-radius: 6px;
    background-color: #0c0c0c;
    display: inline-block;
    border: 1px solid #262729;
}

.buzzar .andor{
	 position: relative;
    top: 50%;
    width: 120px;
    height: 32px;
    margin: 0;
    overflow: hidden;
    border-radius: 6px;
    background-color: #fff;
    display: inline-block;
    border: 1px solid #DEE4EC;
}

.buzzar .andor input[type="checkbox"]{
	position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
} 

.buzzar .andor label{
	position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:2;
    padding: 0 !important;
    margin: 0 !important;
}

.buzzar .andor input:checked + label:before, .buzzar .andor input:not(:checked) + label:before{
	content: 'AND';
    left: 10px;
    color: #fff;
    z-index: 1;
    position: absolute;
    top: 0px;
    width: 20px;
    height: 10px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 2px;
    transition: 0.3s ease all;
    background: transparent;
    border: 0;
}

.buzzar .andor input:checked + label:after, .buzzar .andor input:not(:checked) 	+ label:after{
	content: 'OR';
    left: 75px;
    color: #fff;
    z-index: 1;
        position: absolute;
    top: 0px;
    width: 20px;
    height: 10px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 2px;
    transition: 0.3s ease all;
    background-color: transparent;
    opacity: 1;
    transform: scale(1);
     
}
.buzzar .andor input:checked +  label .knobs  {
    left: 0px;
    /* background-color: #F44336; */
}

.buzzar .andor   label  .knobs   {
       left: 60px;
    background-color: #03458f;
    z-index: 0;
    position: absolute;
    top: 0px;
    width: 52px;
    height: 16px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 2px;
    transition: 0.3s ease all;
    box-sizing: content-box;
}



.light .buzzar .andor  [type="checkbox"]:checked + label, .dark .buzzar [type="checkbox"]:not(:checked) + label {
    color: #fff;
    font-weight: 600;
}

.light .buzzar .andor [type="checkbox"]:checked + label:after {
    color: #68727E;
} 

.light .buzzar .andor [type="checkbox"]:not(:checked)+ label:before {
    color: #68727E;
}

.dark .buzzar .buysell{
	 position: relative;
    top: 50%;
    width: 120px;
    height: 32px;
    margin: 0 0 5px 10px;
    overflow: hidden;
    border-radius: 6px;
    background-color: #0c0c0c;
    display: inline-block;
    border: 1px solid #262729;
}

.buzzar .buysell{
	 position: relative;
    top: 50%;
    width: 120px;
    height: 32px;
    margin: 0 0 5px 10px;
    overflow: hidden;
    border-radius: 6px;
    background-color: #fff;
    display: inline-block;
    border: 1px solid #DEE4EC;
}

.buzzar .buysell input[type="checkbox"]{
	position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
} 

.buzzar .buysell label{
	position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:2;
    padding: 0 !important;
    margin: 0 !important;
}

.buzzar .buysell input:checked + label:before, .buzzar .buysell input:not(:checked) + label:before{
	content: 'BUY';
    left: 10px;
    color: #fff;
    z-index: 1;
    position: absolute;
    top: 0px;
    width: 20px;
    height: 10px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 2px;
    transition: 0.3s ease all;
    background: transparent;
    border: 0;
}

.buzzar .buysell input:checked + label:after, .buzzar .buysell input:not(:checked) 	+ label:after{
	content: 'SELL';
    left: 75px;
    color: #fff;
    z-index: 1;
        position: absolute;
    top: 0px;
    width: 20px;
    height: 10px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 2px;
    transition: 0.3s ease all;
    background-color: transparent;
    opacity: 1;
    transform: scale(1);
     
}
.buzzar .buysell input:checked +  label .knobs  {
    left: 0px;
    background-color: #03458f;
}

.buzzar .buysell   label  .knobs   {
       left: 60px;
    background-color: #F44336;
    z-index: 0;
    position: absolute;
    top: 0px;
    width: 52px;
    height: 16px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 2px;
    transition: 0.3s ease all;
    box-sizing: content-box;
}



.light .buzzar .buysell  [type="checkbox"]:checked + label, .dark .buzzar [type="checkbox"]:not(:checked) + label {
    color: #fff;
    font-weight: 600;
}

.light .buzzar .buysell [type="checkbox"]:checked + label:after {
    color: #68727E;
} 

.light .buzzar .buysell [type="checkbox"]:not(:checked)+ label:before {
    color: #68727E;
}


.buzzar .form-redio {
    padding: 0;
    /* background: #eff3f9; */
    border-radius: 5px;
    color: #68727E;
    margin-bottom: 15px;
}

.dark .form-redio .hbg{background: #1E1E1E; padding:3px 10px;}
.hbg{background: #EDEFF2; padding:3px 10px;}
.buzzar .checked-bg {
   /*  background: #c6ced9!important; */
   border:1px solid #DEE4EC; 
}

.buzzar .priceCondition div{
	display: inline-block;
}
.buzzar .priceCondition{padding:10px}

/* .buzzar .form-group .form-control {
    padding: 4px 12px;
    border: 1px solid #657080;
    background: #fff;
    border-radius: 5px;
    color: #68727E;
    margin-bottom: 15px;
}


.buzzar .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
} */
.buzzar .text-right {
    text-align: right;
}

.buzzar .form-check {
    padding: 9px 12px 2px;
    /* background: #eff3f9; */
    border-radius: 5px;
    color: #68727E;
    
    position: relative;
    width: 150px;
    height: 40px;
}

.Buzzar-CheckBox1{
    position: absolute;
    left: 5px;
}

.buzzar .img-icon {
    position: absolute;
    right: 2px;
    width: 33px;
    top: 2px;
}

.buzzar .img-icon img {
    width: 100%;
}

.buzzar .img{
	vertical-align: middle;
}

.buzzar .gwt-Button , .buzzar .btn-primary{
    background: #14488E;
    color: #fff;
    padding: 3px 8px;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    border-radius: 4px;
    border: 0;
    text-transform: uppercase;
}
.buzzar .btn {
    padding: 6px 15px !important;
    font-size: 13px !important;
}

.buzzar p {
    margin: 0 0 10px;
}

.buzzar .search-box {
	width: 100%;
	table-layout: fixed;
	/* border: 1px solid #ccc;
	background: #fafafa; */
	border-radius: 4px;
}

.buzzar .search-box.with-focus{
	border: 1px solid #be9b60;
}
.buzzar .dark .search-box{
	background-color: #23242a;
	border: 1px solid #28292e;
}

.buzzar .search-box input {
	border: none;
	outline: none;
	width: 100%;
	padding: 5px 10px;
	box-sizing: border-box;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.buzzar .search-box img {
	height: 24px;
	width: 24px;
	vertical-align: middle;
	padding: 0 4px;
	
}

.buzzar .tool-popup {
    padding: 5px 0px;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #ccc;
    z-index: 100;
}

.buzzar .ind-list li {
    color: #333;
    display: block;
    padding: 3px;
    position: relative;
    outline: 0;
    cursor: pointer;
    font-size: 14px;
}

.buzzar .ind-list li:HOVER {
	background-color: rgba(216, 240, 250, 0.6);
}

.buzzar .ind-list li.selected {
    background-color: #be9b60;
    color: white;
}

.buzzar .gwt-DialogBox .Caption {
  background: #F1F1F1;
  padding: 4px 8px 4px 4px;
  cursor: default;
  font-family: Arial Unicode MS, Arial, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #bbbbbb;
  border-top: 1px solid #D2D2D2;
}
.buzzar .gwt-DialogBox .dialogContent {
}
.buzzar .gwt-DialogBox .dialogMiddleCenter {
  padding: 3px;
  background: white;
}
.buzzar .gwt-DialogBox .dialogBottomCenter {
  background: url(images/hborder.png) repeat-x 0px -2945px;
}
.buzzar .gwt-DialogBox .dialogMiddleLeft {
  background: url(images/vborder.png) repeat-y -31px 0px;
}
.buzzar .gwt-DialogBox .dialogMiddleRight {
  background: url(images/vborder.png) repeat-y -32px 0px;
}
.buzzar .gwt-DialogBox .dialogTopLeftInner {
  width: 10px;
  height: 8px;
  zoom: 1;
}
.buzzar .gwt-DialogBox .dialogTopRightInner {
  width: 12px;
  zoom: 1;
}
.buzzar .gwt-DialogBox .dialogBottomLeftInner {
  width: 10px;
  height: 12px;
  zoom: 1;
}
.buzzar .gwt-DialogBox .dialogBottomRightInner {
  width: 12px;
  height: 12px;
  zoom: 1;
}
.buzzar .gwt-DialogBox .dialogTopLeft {
  background: url(images/circles.png) no-repeat -20px 0px;
}
.buzzar .gwt-DialogBox .dialogTopRight {
  background: url(images/circles.png) no-repeat -28px 0px;
}
.buzzar .gwt-DialogBox .dialogBottomLeft {
  background: url(images/circles.png) no-repeat 0px -36px;
}
.buzzar .gwt-DialogBox .dialogBottomRight {
  background: url(images/circles.png) no-repeat -8px -36px;
}

.buzzar .create-Button {
    background: #0b54a8;
    color: #fff;
    padding: 3px 8px;
}

.buzzar .btn {
    padding: 8px 14px !important;
    font-size: 13px !important;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    border-radius: 4px;
    border: 0;
    text-transform: uppercase;
}

.buzzar .min-h-100 {
    min-height: 100px;
}

.buzzar .per-input {
    position: relative;
}

.buzzar .per-input .per-icon {
    position: absolute;
    right: 6px;
    top: 6px;
    font-size: 17px;
    color: #68727E;
}

.buzzar .col-md-1 {
    width: auto;
}

.buzzar [type="radio"]:checked + label,.buzzar [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 13px;
    display: inline-block;
    color: #68727E;
    margin: 0 10px 10px 0;
    font-weight: 600;
}

.Buzzar-CheckBox{
     
    position: relative;
   /*  padding-left: 15px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; */
   
}
 

.Buzzar-CheckBox input {
  position: absolute;
/*   opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; */
}

.Buzzar-CheckBox label {
  position: absolute;
 /*    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border: 1px solid #2196F3;
    cursor: pointer;
    min-width: 15px; */
}

/* On mouse-over, add a grey background color */
.Buzzar-CheckBox:hover input ~ .checkmark {
 /*  background-color: #ccc; */
}

/* When the checkbox is checked, add a blue background */
.Buzzar-CheckBox input:checked ~ label {
  /* background-color: #2196F3; */
}

/* Create the checkmark/indicator (hidden when not checked) */
.Buzzar-CheckBox label:after {
  /* content: "";
  position: absolute;
  display: none; */
}

/* Show the checkmark when checked */
.Buzzar-CheckBox input:checked ~ label:after {
  display: block;
}

/* Style the checkmark/indicator */
.Buzzar-CheckBox label:after {
  left: 5px;
    top: 0px;
    width: 3px;
    height: 10px;
   /*  border: solid white;
    border-width: 0 2px 2px 0; */
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}

.buzzar .table-header {
    background-color: #eff3f9;
    color: currentColor !important;
}

.buzzar-popup .create-Button {
    background: #0b54a8;
    color: #fff;
    padding: 3px 8px;
}

.buzzar-popup .btn {
    padding: 8px 15px !important;
    font-size: 13px !important;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    border-radius: 4px;
    border: 0;
    text-transform: uppercase;
}

.buzzar .table-header {
    background-color: #fff;
    outline: 1px #222222 none !important;
    margin-left: 1px;
    margin-right: 1px;
}

.dark .buzzar .table-header{
	 background-color:transparent;
}

/* .buzzar-popup .gwt-RadioButton{
	width : 80%;
} */


/* Dark THeme */

.dark .buzzar {
	/* background-color: #18191d; */
	box-shadow: none;
}

.dark .buzzar .form-control {
	background-color: #0c0c0c;
	border: 1px solid #262729;
	color : #ddd;
}

.dark .buzzar .search-box input {
	background: #0c0c0c;
	border: none;
	color : #ddd;
}

.dark .buzzar .search-box input::placeholder {
	color : #ddd;
}

.dark .buzzar .search-box {
	background: #0c0c0c;
	border: none
}

.dark .buzzar .checked-bg {
	/* background: #2d2e32 !important; */
	border:1px solid #1E1E1E; 
}

/* .dark .buzzar .label-tag {
	background: #25272c;
} */

/* .dark .buzzar .form-check {
	background: #25272c;
} */

.dark .buzzar .table-title {
	background: #1E1E1E;
	border: none
}
.table-title {
	background: #EDEFF2;
	border: none
}

.dark .buzzar .scripinfo {
	border: none
}

.dark .buzzar [type="checkbox"]:checked + label, .dark .buzzar [type="checkbox"]:not(:checked) + label {
    color: #B8BCC3;
    font-weight: 600;
}

.dark .buzzar .form-group label {
    color: #B8BCC3;
}

.dark .buzzar .table-title h4 {
    color: #B8BCC3;
}

.dark .buzzar [type="radio"]:checked + label, .dark .buzzar [type="radio"]:not(:checked) + label {
  	color: #B8BCC3;
}
.dark .buzzar-popup input[type="radio"]:checked+label, .dark .buzzar-popup input[type="radio"]:not(:checked ) +label {
 	color: #B8BCC3;
}

.dark .buzzar .message-list td {
	color: #B8BCC3;
}



.buzzar [type="checkbox"]:checked + label, .dark .buzzar [type="checkbox"]:not(:checked) + label {
    color: #68727E;
    font-weight: 600;
}

.buzzar .form-group label {
    color: #68727E;
}

.buzzar .table-title h4 {
    color: #68727E;
}

.buzzar [type="radio"]:checked + label, .dark .buzzar [type="radio"]:not(:checked) + label {
  	color: #68727E;
}
.buzzar-popup input[type="radio"]:checked+label, .dark .buzzar-popup input[type="radio"]:not(:checked ) +label {
 	color: #68727E;
}

.buzzar .message-list td {
	color: #68727E;
}

.dark .buzzar-popup .message-list tr {
    border-bottom:1px solid #222222;
} 
/* .dark .buzzar-popup .message-list tr:nth-child(even) {
    background-color: #1c1d21;
} */



.dark .buzzar-popup .custom-table1 a {
   color: #fff6f6;
}

.dark .buzzar .table-title {
    margin: 0;
}

.dark .buzzar .message-list {
    margin: 0;
    table-layout: auto;
}
.buzzar-bg .message-list {
    margin: 0;
    table-layout: auto;
}

.dark .buzzar .footer-s{background: #1e1e1e; padding:5px 15px;margin: 20px 10px;}
.buzzar-bg  .footer-s{background: #EDEFF2; padding:5px 15px;margin: 20px 10px;}
.buzzar-bg  .delete-btn{padding:10px 0; background: transparent; border: none; color: #D64141; cursor: pointer; font-weight: 600; font-size: 14px}
.buzzar-bg  delete-btn:hover{color: #8c1e1e;}
.dark .buzzar .buzzzar-menu{    padding: 0 35px!important;}
.dark .buzzar .buzzzar-menu span.selected {
    border-bottom: 3px solid #2070D8;
}

.buzzar-bg .h-action{margin: 10px}
.dark .buzzar .strategy-box{margin-top:10px; color:#68727E; border: 1px solid #1E1E1E;border-radius: 4px;    width: 100%; padding: 8px 12px; display: block;background: #1e1e1e;}
.buzzar-bg .strategy-box{margin-top:10px; border: 1px solid #ccc;border-radius: 4px;    width: 100%; padding: 8px 12px; display: block;background: #edeff2;}

.buzzer-sbsearchwidget .new_symbol_search{height: 34px; width:300px!important}
.buzzer-sbsearchwidget .preDefinedPatternBox{width:100%!important}
.dark .buzzer-sbsearchwidget .new_symbol_search .new_market{    height: 31px; background-color: #0c0c0c!important; border-right:1px solid #1E1E1E!important;}
.light .buzzer-sbsearchwidget .new_symbol_search .new_market{    height: 31px; background-color: #fff!important; border-right:1px solid #DEE4EC!important;}

.buzzer-sbsearchwidget .new_symbol_search .sbtype .tooltip{    width: 20px; height: 19px;}
.buzzer-sbsearchwidget .new_search_left{width:80px!important}

.timetrame-select select{width:150px!important}
  
    .dark .buzzer-sbsearchwidget select, .dark .buzzer-sbsearchwidget input, .dark .buzzer-sbsearchwidget textarea{border:none!important; background-color: #0c0c0c!important; color: #68727E!important;}
     .light .buzzer-sbsearchwidget select, .light .buzzer-sbsearchwidget input, .light .buzzer-sbsearchwidget textarea{border:none!important; background-color: #fff!important; color: #68727E!important;}