@media (min-width:992px) and (max-width:1199px) {
	.container {width:100%!important}
	.container.help-page {width:960px!important}
	.container.widget-page{width:960px!important}
}

::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-thumb {
  border-width: 1px 1px 1px 2px;
}
::-webkit-scrollbar-track {
  border-width: 0;
}
::-webkit-scrollbar {
  height: 16px;
  overflow: visible;
  width: 16px;
}
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 4px;
}
::-webkit-scrollbar-track:horizontal {
  border-width: 4px 0 0;
}
::-webkit-scrollbar-track:hover {
  background-color: rgba(64, 202, 176, 0.05);
  box-shadow: inset 1px 0 0 rgba(64, 202, 176, 0.1);
}
::-webkit-scrollbar-track:horizontal:hover {
  box-shadow: inset 0 1px 0 rgba(64, 202, 176, 0.1);
}
::-webkit-scrollbar-track:active {
  background-color: rgba(64, 202, 176, 0.05);
  box-shadow: inset 1px 0 0 rgba(64, 202, 176, 0.14), inset -1px 0 0 rgba(64, 202, 176, 0.07);
}
::-webkit-scrollbar-track:horizontal:active {
  box-shadow: inset 0 1px 0 rgba(64, 202, 176, 0.14), inset 0 -1px 0 rgba(64, 202, 176, 0.07);
}
::-webkit-scrollbar-thumb {
  background-color: rgba(64, 202, 176, 0.2);
  background-clip: padding-box;
  border: solid transparent;
  border-width: 1px 1px 1px 6px;
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 rgba(64, 202, 176, 0.1), inset 0 -1px 0 rgba(64, 202, 176, 0.07);
}
::-webkit-scrollbar-thumb:horizontal {
  border-width: 6px 1px 1px;
  padding: 0 0 0 100px;
  box-shadow: inset 1px 1px 0 rgba(64, 202, 176, 0.1), inset -1px 0 0 rgba(64, 202, 176, 0.07);
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(64, 202, 176, 0.4);
  box-shadow: inset 1px 1px 1px rgba(64, 202, 176, 0.25);
}
::-webkit-scrollbar-thumb:active {
  background-color: #40cab0;
  box-shadow: inset 1px 1px 3px rgba(64, 202, 176, 0.35);
}
::-webkit-scrollbar-track {
  border-width: 0 1px 0 6px;
}
::-webkit-scrollbar-track:horizontal {
  border-width: 6px 0 1px;
}
::-webkit-scrollbar-track:hover {
  background-color: rgba(64, 202, 176, 0.035);
  box-shadow: inset 1px 1px 0 rgba(64, 202, 176, 0.14), inset -1px -1px 0 rgba(64, 202, 176, 0.07);
}
::-webkit-scrollbar-thumb {
  border-width: 0 1px 0 6px;
}
::-webkit-scrollbar-thumb:horizontal {
  border-width: 6px 0 1px;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
body::-webkit-scrollbar-track-piece {
  background-clip: padding-box;
  background-color: #f5f5f5;
  border: solid #fff;
  border-width: 0 0 0 3px;
  box-shadow: inset 1px 0 0 rgba(64, 202, 176, 0.14), inset -1px 0 0 rgba(64, 202, 176, 0.07);
}
body::-webkit-scrollbar-track-piece:horizontal {
  border-width: 3px 0 0;
  box-shadow: inset 0 1px 0 rgba(64, 202, 176, 0.14), inset 0 -1px 0 rgba(64, 202, 176, 0.07);
}
body::-webkit-scrollbar-thumb {
  border-width: 1px 1px 1px 5px;
}
body::-webkit-scrollbar-thumb:horizontal {
  border-width: 5px 1px 1px;
}
body::-webkit-scrollbar-corner {
  background-clip: padding-box;
  background-color: #f5f5f5;
  border: solid #fff;
  border-width: 3px 0 0 3px;
  box-shadow: inset 1px 1px 0 rgba(64, 202, 176, 0.14);
}

/*******************slider*********************/

.ui-slider {
  background: #ebedef;
  border-radius: 32px;
  height: 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 20px;
  position: relative;
}
.ui-slider-handle {
  background-color: #16a085;
  border-radius: 50%;
  cursor: pointer;
  height: 18px;
  margin-left: -9px;
  position: absolute;
  top: -3px;
  width: 18px;
  z-index: 2;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}
.ui-slider-handle[style*='100'] {
  margin-left: -15px;
}
.ui-slider-handle:hover,
.ui-slider-handle:focus {
  background-color: #48c9b0;
  outline: none;
}
.ui-slider-handle:active {
  background-color: #16a085;
}
.ui-slider-range {
  background-color: #1abc9c;
  border-radius: 30px 0 0 30px;
  display: block;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.ui-slider-segment {
  background-color: #d9dbdd;
  border-radius: 50%;
  float: left;
  height: 6px;
  margin: 3px -6px 0 0;
  width: 6px;
}
.ui-slider-value {
  float: right;
  font-size: 13px;
  margin-top: 12px;
}
.ui-slider-value.first {
  clear: left;
  float: left;
}


/*********************navbar****************************/

.navbar {
  -webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.28);
  -moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.28);
  box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.28);
  border: 0;
}
.navbar .navbar-toggle {
  outline: none;
}
.navbar .navbar-toggle:hover {
  background-color: #1bbc9b;
  border-color: #1bbc9b;
}
.navbar .navbar-toggle:hover span {
  background-color: #ffffff;
}
.navbar-collapse .nav li.clears {
	clear:left;
}
@media (min-width:992px) {
.navbar-collapse .nav li.newline { float:right; }
}
.navbar-collapse .nav li a {
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-collapse .nav li.newline a {
	margin-top:0;
}

/************************widgets common*********************/

.widget-cont {
  margin-top: 140px;
}
.col-md-4.col-sm-4, .col-md-8.col-sm-4 {
  margin-bottom: 20px;
}
.widget-box {
  background-color: #ffffff;
  padding: 30px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.28);
  -moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.28);
  box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.28);
}
.widget-footer {
  border-top: 1px solid #dddddd;
  padding-top: 30px;
  position: absolute;
  bottom: 0;
  left: 30px;
  right: 30px;
  padding-bottom: 30px;
  text-align: center;
}
@media (max-width:991px) {
  .widget-footer {
    position:static;
  }
}
.bottom-link {
  font-size: 12px;
  color: #5c5c5c;
  padding-bottom: 20px;
  text-align: center;
  padding-top: 20px;
  font-weight: bold;
  display: block;
}
.bottom-link:hover {
  color: #424242;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.widget-cont li {
  overflow: hidden;
  border-bottom: 1px solid #dddddd;
  margin-top: 20px;
}
li:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  .widget-box {
    min-height: 100px!important;
    padding-bottom: 100px;
  }
}
input[type=checkbox].css-checkbox {
  display: none;
}
input[type=checkbox].css-checkbox + label.css-label {
  padding-left: 20px!important;
  height: 20px!important;
  display: inline-block !important;
  line-height: 21px!important;
  background-repeat: no-repeat !important;
  background-position: 0 0!important;
  font-size: 15px!important;
  vertical-align: middle!important;
  cursor: pointer!important;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: 0 -20px !important;
}
.css-label {
  background-image: url(../images/depressed.png) !important;
}
.widget-box.centered {
  text-align: center;
  overflow:hidden;
}
@media (max-width:991px) {
	.widget-box.centered {min-height:320px!important;}
}
.widget-box.centered[class*=row] > div:nth-child(2), .widget-box.centered[class*=row] > table, .widget-box.centered[class*=row] > iframe {
	margin:0 auto 30px auto!important;
}
.widget-box.centered.custom > div, .widget-box.centered.custom > table, .widget-box.centered.custom > iframe {
	margin-left:auto!important;
	margin-right:auto!important;
}
.with-img img {
  margin-bottom: 20px;
}
h5 {
  margin-top: 0 !important;
}

/*******************weather*****************/

.weather.with-img h5 {
  margin-bottom: 0;
}
.weather .weather_details {
  width: 110px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  overflow: hidden;
}
.weather .weather_details div {
  float: left;
  text-align: left;
  margin-left: 20px;
  line-height: 10px;
}
.weather .weather_details img {
  float: left;
}

/*****************charts*******************/

.charts img {
  height: 15px;
  float: left;
  margin-right: 5%;
}
.charts h5 {
  float: left;
}
.charts .sign {
  float: left;
  margin-top: 2px;
  width: 40%;
}
.charts .bar-chart {
  float: left;
  background-color: #1bbc9b;
  color: #fff;
  margin-left: 10px;
  width: 54%;
  padding: 0 5px;
}

/*********************list***************/

.list img {
  width: 15px;
  margin-right: 10px;
}
.list .title div {
  width: 10%;
  float: left;
  line-height: 10px;
}
.list .title h5 {
  float: left;
  width: 80%;
}
.list .title {
  overflow: hidden;
}
.list p {
  margin-left: 10%;
}
.list h5 {
  margin-bottom: 10px;
}
.list li {
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.list.no-image p {
  margin-left: 0;
}

/*****************tabs***********************/

.widget-tabs h5 {
  margin-bottom: 0;
}
.widget-tabs .nav-tabs li {
  border-bottom: 0;
  margin-top: 0;
}
.widget-tabs img {
  float: left;
  margin-right: 10px;
}
.widget-tabs .navtabs-content li {
  padding-bottom: 10px;
}

/****************table******************/

.table h5 {
  margin-bottom: 0;
}
.widget-table {
  overflow: hidden;
}
.widget-table .table td {
  padding: 20px 0;
}

/*******************row*********************/
.single-row-widget{
white-space:nowrap;}

.single-row-widget h5 {
  float: left;
  margin-right: 10px;
  margin-bottom: 0;
  display: inline;
}
.single-row-widget p {
  float: left;
  line-height: 15px;
  margin-right: 10px;
  display: inline;
}
.single-row-widget img {
  float: left;
  margin-right: 10px;
}
.single-row-widget .row-widget-wrapper {
  overflow: hidden;
  border: 1px solid #dddddd;
  padding: 10px 10px 0 10px;
}
.single-row-widget .row-widget-wrapper div {
  width: 200%;
}

/**********************game*******************/

.game-container {
  width: 162px;
  height: 160px;
  margin-left: auto;
  margin-right: auto;
}
.game-container .game-square {
  width: 26px;
  height: 26px;
  background-color: #1bbc9b;
  float: left;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}
.game-widget p {
  margin: 20px 0;
}

/**********************chat******************/

.chat-widget .tab-chat {
  width: 49%;
  float: left;
  background-color: #eeeeee;
  padding: 10px 0;
  text-align: center;
  cursor: pointer;
}
.chat-widget .tab-chat.active {
  background-color: #1bbc9b;
  color: #fff;
}
.chat-widget .tab-chat:last-child {
  margin-right: 0!important;
  margin-left:2%;
}
.c-tabs {
  overflow: hidden;
  margin-bottom: 20px;
}
.chat-widget .chat-wrapper h5 {
  margin: 0 10px 0 0;
  float: left;
}
.chat-widget .chat-wrapper p {
  line-height: 16px;
}
.chat-widget .chat-wrapper {
  border: 1px solid #dddddd;
  padding: 5px 10px;
  height: 150px;
  overflow: auto;
}
.chat-widget .chat-wrapper div {
  padding: 5px 0;
}
.chat-widget input,
.chat-widget textarea {
  width: 100%;
  border: 1px solid #dddddd;
  outline: none;
}
.chat-widget input.name {
  background: url('../images/user.png') no-repeat 3% 50%;
  padding: 5px 10%;
  margin-top: 20px;
}
.chat-widget .message {
  margin-top: 10px;
  height: 60px;
  padding: 5px;
}
.send-row {
  overflow: hidden;
}
.chat-widget .btn-default {
  margin-top: 10px;
  float: left;
}
.chat-widget .online {
  float: right;
  margin-top: 15px;
}
.chat-widget .online img {
  float: left;
  margin-top: 8px;
  margin-right: 5px;
}


/***********************widget page**************************/


.tools {
  width: 65%;
  padding-bottom: 20px;
}
.tools h5 span {
  font-size: 13px;
  font-weight: normal;
  margin-left: 10px;
}
.tools-footer {
  border-top: 1px solid #dddddd;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align:center;
  clear:both;
}
.categ-button {
  margin-left: 10px;
  margin-bottom: 20px;
  text-align:center;
}
@media (min-width:768px) {
  .tools-footer {margin-right:38%;}
  .categ-button {float:left;}
}
.copycode.widget-box {
  background-color: #1bbc9b;
}
.copycode.widget-box h5 {
  color: #ffffff;
}
@media (max-width: 1199px) {
  .copycode.widget-box h5 {margin-bottom:3px}
}
.copycode.widget-box .code {
  border: 1px solid #00a185;
  color: #007661;
  padding: 20px;
  word-wrap: break-word;
}
.copycode.widget-box .code textarea {
  width:100%;
  min-height:75px;
  background-color:#1bbc9b;
  border:0;
  overflow:scroll;
  resize:none;
  white-space:normal;
  overflow-x:hidden;
}
.color-wrapper .color {
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.color-wrapper {
  overflow: hidden;
}
.color.c1 {
  background-color: #1bbc9b;
}
.color.c2 {
  background-color: #2dcc70;
}
.color.c3 {
  background-color: #3499dd;
}
.color.c4 {
  background-color: #9b58b5;
}
.color.c5 {
  background-color: #3c4d5d;
}
.color.c6 {
  background-color: #f1c40f;
}
.color.c7 {
  background-color: #e77e23;
}
.color.c8 {
  background-color: #e84c3d;
}
.color.c9 {
  background-color: #bec3c7;
}
.color.c10 {
  background-color: #96a4a5;
}
.color-picker {
  padding-top: 10px;
}
.color-picker img {
  margin-right: 10px;
  float: left;
  margin-top: 5px;
}
.color-picker a {
  text-decoration: underline;
}
.widget-photo div {
  float: left;
  margin-right: 10px;
}
.widget-photo div img {
  display: block;
}
.widget-photo div label {
  margin-left: 12px;
  margin-top: 10px;
}
.col-md-9.col-sm-9 .col-md-4.col-sm-4 {
  width: 45%;
}
.col-md-9.col-sm-9 .col-md-4.col-sm-4:last-child {
  float: right;
}
@media (max-width: 767px) {
  .col-md-9.col-sm-9 .col-md-4.col-sm-4 {
    width: 100%;
  }
  .col-md-9.col-sm-9 .col-md-4.col-sm-4:last-child {
    float: none;
  }
  .col-md-3.col-sm-3 {
    overflow: hidden;
    margin-bottom: 30px;
  }
  .tools {
    width: 100%;
  }
  .widget-bgcolor {
    width: 48%;
    float: left;
  }
  .tools .widget-bgcolor:last-child {
    margin-left: 4%;
    float: right;
  }
}

#widget {
	width:230px;
	background-color:#1F1F26;
	color:#fff;
}