fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver;
}

legend {
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 0;
    color: #fff !important;
    font-size: 18px;
}
/**For checkbox***/

.checkbox-danger input[type="checkbox"]:checked+label::before {
    background-color: #088af0;
    border-color: #088af0;
}

.checkbox label::before {   
    background-color: #121212;
    border: 1px solid #fff;    
}
/**Tab style*/
.sttabs nav ul
{
-webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
    color: #fff;
    text-transform: none;
    margin-left: 10px;
    font-weight: 400;
}

.tabs-style-linebox nav a
{
color: #fff;
}
.tabs-style-linebox nav a:hover, .tabs-style-linebox nav a:focus {
    color: #ed6900;
}
.tabs-style-linebox nav a::after
{
background: transparent;
}
.tabs-style-linebox nav a:hover::after,
 .tabs-style-linebox nav a:focus::after, 
.tabs-style-linebox nav li.tab-current a::after
{
background: #ed6900;
}
.content-wrap section
{
padding-left:10px;
}
.tabs-style-linebox nav li.tab-current a {
    color: #ffffff !important;
}

/* new*/

/**Create Channel page*/
.bg-title
{
color: #fff;
    background: transparent;
border-bottom: 1px solid rgba(120,130,140,0.28);
padding: 7px 15px 10px;
}
.bg-title h4
{
color:#fff;
}
.select-channel
{
display: inline-block;
width: auto;
border-radius:5px;
}
/* Tabs panel */
.tabbable-panel {
  /*border:1px solid #eee;*/
  padding: 10px;
}
.tabbable-panel label
{
font-size:14px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #a0a0a0;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a0a0a0;
}
/*
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}*/
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: #22262a !important;
  color: #fff;
}

.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #fff;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #ed6900;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
 /* color: #333333;*/
 color:#fff;
 background: #22262a;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  /*color: #404040;*/
  color:#fff;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  /*background-color: #fff;*/
  border: 0;
  border-top: 1px solid #272727;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}


/*Pop up design*/
.modal-header
{
  border-bottom: 1px solid #121212;  
}
.modal-content label{
    font-size:14px;
}
/*.modal-content .btn{
border:0 !important; 
}
/**Label and input alignment*/
.left-content, .right-content {
    height: 32px;
}
.vertical-center-outer {
    display: table;
}
.vertical-center-inner {
    display: table-cell;
}
.vertical-middle {
    vertical-align: middle;
}

/* input[type="text"], input[type="password"] ,
input
{    
    height: inherit;    
    border-radius: 5px;
    color: #fff;
} */
label
{
    font-size: 16px;
}

/**For Mobile view alignment*/
@media (max-width: 768px)
{
.icon-alignment-mobile
{
text-align: right;
}
}

.myeditor {
    /** Setting height is also important, otherwise editor wont showup**/
    height: 200px;
    background-color:#2d2d2e;
    color:#fff;
    /*width: 950px;*/
}

.ace_gutter{
        background: #565656 !important;
}

.marked {
    background: red !important;
    color: #fff;
}

#websiteTable_filter label{
	background:transparent;
}	

.textgreen {
  color: #ed6900 !important;
}
.textonlinegreen {
  color: #4bed00 !important;
}

.textred {
  color: red !important;  
}

.Bgcolor3,
.Bgcolor4,
.Bgcolor5
{
background:transparent !important;
border:2px solid #fff;
}

.Bgcolor3:hover,
.Bgcolor4:hover,
.Bgcolor5:hover
{
 background: rgba(233,0,0,1);
background: -moz-linear-gradient(left, rgba(233,0,0,1) 0%, rgba(237,107,0,1) 100%) !important;
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(233,0,0,1)), color-stop(100%, rgba(237,107,0,1))) !important;
background: -webkit-linear-gradient(left, rgba(233,0,0,1) 0%, rgba(237,107,0,1) 100%) !important;
background: -o-linear-gradient(left, rgba(233,0,0,1) 0%, rgba(237,107,0,1) 100%) !important;
background: -ms-linear-gradient(left, rgba(233,0,0,1) 0%, rgba(237,107,0,1) 100%) !important;
background: linear-gradient(to right, rgba(233,0,0,1) 0%, rgba(237,107,0,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e90000', endColorstr='#ed6b00', GradientType=1 ) !important;
border:2px solid #ed6900 !important;
}

/*.Bgcolor3
{
background-color: #ed6900 !important;
}
.Bgcolor4
{
background-color: #ea5858 !important;
}
.Bgcolor5
{
background-color: #088af0 !important;
}*/

.btnOwel{
  border-radius: 15px !important;
}
  
.btn_Start_service {
  border-radius: 15px !important;
}
.btn_Stop_service {
  border-radius: 15px !important;
}
.btn_Restart_service {
  border-radius: 15px !important;
}

.dataTables_filter input {
  border: 1px solid rgba(120,130,140,1);
}

.textyellow{
  color: #efd409 !important;    
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding-left: 18px !important;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
  border: 1px solid #4f4f4f;
}

table.dataTable tbody tr {
  background-color: #212332 !important;
}

.table-bordered, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  border-top: 1px solid #505050;
  color: #fff;
}

.table.dataTable, table.dataTable.no-footer {
  border-color: #212332 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
  border: 1px solid #ed6900 !important;
  background: #ed6900 !important;
  box-shadow: none !important;
}

.table-striped>tbody>tr:nth-of-type(odd), .table-hover>tbody>tr:hover, .table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th {
  background-color: #070819 !important;
}
/** For loading*/
 .createWebsite .spinner
{
  position: absolute;
  width: 100%;
  top: 55%;
  z-index: 9999;
} 
.cursor{
  cursor: pointer;
}

.txtcenter{
  text-align: center
}

.page-link {
  background: #1e1f34 !important;
  border: 0px !important;
  color: #fff !important;
}

.page-item.active {
  color: #fff !important;
  background-color: #ed6900 !important;
  border: 0px !important;
}

.custom-select {
  background: #070819 !important;
  color: #fff !important;
  border-radius: 0 !important;
  border: 0 none !important;
}