/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/*
Change Quick Sidebar Width
*/

/*
.page-quick-sidebar-wrapper {
  right: -370px;
  width: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-left: -370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
  margin-right: 370px;
  margin-left: -370px;
}

.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-right: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
  margin-left: -370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  width: 370px !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  width: 370px !important;
  margin-left: 370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  margin-left: -370px;
}
*/

@media screen and (max-width: 600px) {

  .ui-pnotify.stack-modal.ui-pnotify-fade-normal.ui-pnotify-mobile-able.ui-pnotify-in.ui-pnotify-fade-in.ui-pnotify-move
  {
   left: auto!important;
   right: 0px!important;
   top: 25%!important;
   width: 300px!important;

 }
 .green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active {
   background-color: #000;
 }

}
a {
    text-shadow: none;
    color: #000000;
}
a:hover {color:#74b921; }
.brighttheme-icon-closer {font-size: 26px !important;}
span.no_found {
    display: inline-block;
    color: #000;
    background: #fff;
    width: 100%;
    text-align: center;
}
.pull-right.btn.btn-circle.btn-default.btn-sm {
	float: left !important;
	border-radius: inherit !important;
}
.pull-right.btn.btn-circle.btn-default.btn-sm.back {
	float: right !important;
	background: #8b8b8b;
	color: #fff;
}
.pull-right.btn.btn-circle.btn-default.btn-sm.back:hover {
	background: #000;
}
.brighttheme-icon-sticker {display: none !important;}
.ui-pnotify:hover .brighttheme-icon-sticker {
	display: none;
}
.portlet.box.blue-hoki > .portlet-title {
	background-color: #8b8b8b;
}
#graphform button {
	border-radius: inherit !important;
}
.scroll-to-top > i {
    display: none;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar .page-sidebar-menu > li.open > a > i {
	color: #fff !important;
}
.top-menu ul .dropdown.dropdown-user a {
	display: none;
}
span.spinformail {
    margin-left: 10px;
}
.spin { margin-left: 10px;}
.pagination > li > a, .pagination > li > span {
	color: #000;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #818285;
	border-color: inherit !important;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	z-index: 3;
	color: #000;
	background-color: #eee;
	border-color: #ddd;
}
.portlet.box.blue {
	border: 1px solid #8b8b8b;
	border-top: 0;
}
.portlet.box.blue > .portlet-title {
	background-color: #8b8b8b;
}
input [type="text"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
input [type="date"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

input[type="date"] {
    position: relative;
}

/* create a new arrow, because we are going to mess up the native one
see "List of symbols" below if you want another, you could also try to add a font-awesome icon.. */

/* change color of symbol on hover */

/* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native datepicker*/
input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}

/* adjust increase/decrease button */
input[type="date"]::-webkit-inner-spin-button {
    z-index: 1;
}

 /* adjust clear button */
 input[type="date"]::-webkit-clear-button {
     z-index: 1;
 }


textarea {
   -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
     background-color: inherit !important;
}
button.main_det {
  border: inherit;
  background: inherit;
}
input.projectcheck {
  width: 45px;
  height: 45px;
}
table.dataTable thead .sorting_asc {background-image: inherit !important;}
.theClass {
  display: block;
  /* width: 100%; */
  /* float: right; */
  margin-left: 27px;
  /* margin-right: 21px; */
  /* width: auto; */
  position: absolute;
  right: 17px;
  top: 7px;
  width: 17px;
  height: 17px;
}
span.tot_h {
    margin-top: 15px;
    display: inline-block;
}

.btn.btn-circle.btn-success.down_repo {
  border-radius: inherit !important;
}
.item-swipe .test {display: none;}
.item-swipe.swiped .test {display: none;}
.item-swipe.swiped.open .test {
  display: block;
  float: right;
}
.btn.btn-circle.btn-success.down_repo {
  background: #8b8b8b;
} 
.select2-drop-active { 
  margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
}
::-webkit-clear-button
{
    display: none; /* Hide the button */
    -webkit-appearance: none; /* turn off default browser styling */
}

.i_date {
 -webkit-appearance: none;
  -moz-appearance: none;
}

.i_date.main_info::before {
  width: 100%;
  content: attr(placeholder);
}


.i_date.main_info:hover::before {
  width: 0%;
  content: "";
}
.panel-body {
    padding: 15px 15px 0px 0px !important;
}
a.pull-right.btn.btn-circle.btn-default.btn-sm.back {
  width: auto !important;
  margin-top: 13px;
  font-size: 13px;
  padding: 7px 23px !important;
  margin-right: 11px;

}
.fa.fa-plus {
  color: #000;
}
#accordion a:hover {color: #000;}
.custm_hour {
  width: 100%;
  display: inline-block;
  text-align: center;

}
.projectcheck {
  display: block;
}
.btn-circle.btn.default.clear_dat {
  border-radius: inherit !important;
}
.col-md-12.item-swipe {
  display: table;
  width: 100%;
  margin-top: 20px;
}
.btn_infom {
  display: table-cell;
  vertical-align: middle;
  width: 33px;
}
.buttonofeditdelete {
  display: table-cell;
  vertical-align: bottom;
  width: 45px;
}
.highcharts-title tspan {
  font-size: 14px;
  font-weight: normal;
  font-family: inherit;
}
.green.btn {
  color: #FFFFFF;
  background-color: #8b8b8b;
}
.page-footer {
  background-color: #000;
}
.green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active {
  color: #FFFFFF;
  background-color: #000;
}
.blue.btn {
  color: #FFFFFF;
  background-color: #000;
  border-radius: inherit !important;
}
.blue.btn:hover, .blue.btn:focus, .blue.btn:active, .blue.btn.active {
  color: #FFFFFF;
  background-color: #8b8b8b;
}
.dt-button.buttons-excel.buttons-html5 {
  /* color: #000; */
  background: grey;
  color: #fff;
  margin-left:10px; 
}
.dt-button.buttons-excel.buttons-html5:hover {
  color: #000;
}
.btn-success.btn-circle.btn.sendmail {
  background: #8b8b8b;
  border-radius: inherit !important;
}
.page-header.navbar {
  background-color: #000;
}
.btn.btn-circle.btn-success {
  background: #000;
  border-radius: inherit !important;
}
.btn.btn-circle.btn-primary {
  background-color: #8b8b8b;
}
.btn-danger {
	color: #fff;
	background-color: #8b8b8b;
	/* border-color: #f13e46; */
	border-radius: inherit !important;
}
.brighttheme-notice {
	background-color: #8b8b8b !important;
}
.next_info {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 38px;
  margin-top:30px; 
}
.glyphicon.glyphicon-question-sign {
	display: none;
}
.portlet > .portlet-title > .caption > i {
	display: none;
}

.reg-form .help-block strong, .login-form .help-block strong  {
  color: #fff;
}
form .help-block strong {
  margin-left: 11px;
  color: #000;
}

.prev_det, .next_det {
	background: #8b8b8b;
	width: 200px;
	height: 60px;
}
html, body {
  height: 100%;
}
button.btn.btn-circle.green {
    border-radius: inherit !important;
    width: 100%;
    margin: 0 auto;
}
.close {
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    width: 22px !important;
    height: 22px !important;
    background-repeat: no-repeat !important;
    text-indent: inherit !important;
    outline: inherit !important;
    font-size: 28px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  color: #000;
  background-color: #8b8b8b;
}

.form-group.has-error {
  /*  border: 1px solid red;*/
}
.portlet > .portlet-body.blue-hoki, .portlet.blue-hoki {
 background-color: inherit; 
}
.portlet > .portlet-body.blue, .portlet.blue {
  background-color: inherit;
}
table a {
  color: #000;
}
.i_date {
  width: 98%;
  border:  1px solid grey;
  height:46px;
}

@media (max-width: 1024px) {
  .pull-right.btn.btn-circle.btn-default.btn-sm {
    background: #939393;
    color: #000;
    border-radius: inherit;
  }
  .portlet.box.blue-hoki {
    margin-top: 35px;
  }
}

@media (max-width: 991px) {
  .page-header.navbar {
    background-color: #fff;
  }
  .page-header.navbar .menu-toggler.responsive-toggler {
    float: left;
  }
  .page-header.navbar .page-logo {
    float: right;
  }
  .portlet.box.blue-hoki {
    margin-top: 35px;
    position: relative;
    z-index: 9;
  }
  #accordion{
   margin-bottom: 0px;
 }
 a.pull-right.btn.btn-circle.btn-default.btn-sm.back {
  width: auto !important;
  margin-top: 0px;
  font-size: 13px;
  padding: 7px 23px !important;
  margin-right: 11px;
}
 table i {
    padding-top: 7px;
}
.close {
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    width: 17px !important;
    background-repeat: no-repeat !important;
    text-indent: inherit !important;
    outline: inherit !important;
    font-size: 42px;
}
.pull-right.btn.btn-circle.btn-default.btn-sm.back:hover {
	background: #8b8b8b;
}

}
@media (max-width: 767px) {

  .page-bar .page-breadcrumb {
  display: none;
}
.page-bar {
    margin-top: 30px;
}
  span.task_total {
    color: #fff;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
  }
  td.sorting_1 a i {
    font-size: 34px !important;
}
  .mad_pagination {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.close {
    display: inline-block;
    width: 35px !important;
    height: 42px;
}
#submitform .form-group {
    margin-bottom: 15px;
}
  .page-content {
    background-color: #000;
  }
  .userreport .panel-collapse .panel-body {
    background: #fff;
  }
  .col-md-12.no-padding {
   padding: 0px;
 }
 .no-padding {
  padding: 0px;
}
.prev_det, .next_det {
	background: #8b8b8b;
	width: 49%;
	height: 60px;
}
.prev_det {border: inherit;}
.next_det {
	border-left: 1px solid #000;
	border-top: inherit;
	border-bottom: inherit;
}
.custm_hour {
  color: #fff;
}
#graphform label {
	color: #fff;
}
.portlet.box.blue-hoki > .portlet-title {
 background-color: inherit; 
}
.btn.green.add_task {
  width: 100%;
}
.alert-dismissible .close {
    position: relative;
    top: -12px;
    right: 3px;
    color: inherit;
}
.copy_info .i_date {
  width: 100%;
  padding-left: 15px !important;
  border: 1px solid grey !important;
}
.copy_info label {
    margin-left: 15px;
    display: inline-block;
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
	padding: 10px;
	margin-bottom: 0px;
}
table.dataTable.no-footer {
 border-bottom: inherit !important; 
}
.green.btn:active:hover, .green.btn.active:hover {
  background-color: #000;
}
.select2-container .select2-choice .select2-arrow {
  display: none !important;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: inherit;
  line-height: inherit !important;
}
.theClass {
  display: block;
  /* width: 100%; */
  /* float: right; */
  margin-left: 27px;
  /* margin-right: 21px; */
  /* width: auto; */
  position: absolute;
  right: 2px;
  top: 7px;
  width: 17px;
  height: 17px;
}
.buttonofeditdelete {
  display: none;
}
.theClass {display: none;}
.test .buttonofeditdelete {
  display: block;
  float: right;
  width: 60%;
}
.basic_info {
  display: inline-block;
  /* width: 50%; */
  margin-right: -70px;
  border-right: 1px solid #000;
}
col-md-12.item-swipe {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.item-swipe.swiped.open .test {
  display: table-cell;
  /* float: right; */
  width: 40%;
  float: none;
  vertical-align: middle;
}
.btn_info {
  display: table;
  width: 100%;
  height: 100%;
}
.test .buttonofeditdelete {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}
.col-md-12.item-swipe.swiped.open {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.swiped.open .custom_desc {
  border-right: 1px solid #000;
  width: 60%;
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.del_S {
  display: table-cell;
  border-left: 1px solid #999;
}
.edit_s i.fa.fa-pencil {
  font-size: 40px;
  /* border-right: 1px solid #000; */
  color: #000;
}
.del_S i.fa.fa-trash {
  font-size: 40px;
  color: #000;
}
.edit_s {
  display: table-cell;
  height: 100%;
}
.col-md-12.item-swipe.swiped.open .btn_infom {
  display: none;
}
a.btn.btn-circle.btn-success.down_repo {
  width: 100%;
  margin-left:0px;
  margin-top: 5px;
}
.col-md-12.item-swipe.swiped.open .custom_desc {
    padding-left: 20px;
    display: table-cell;
}
.i_date {
  width: 98%;
  padding: 15px !important;
  border: 1px solid #e5e5e5 !important;
}
textarea.form-control {
    border: 1px solid #e5e5e5 !important;
}

}

@media (max-width: 640px) {
  .portlet.box.blue-hoki {
    margin-top: 35px;
  }
  .pull-right.btn.btn-circle.btn-default.btn-sm {
    width: 100%;
    background: #939393;
    color: #000;
    border-radius: inherit !important;
    border: none;
    padding: 10px 25px !important;
    margin-top: 5px;
  }
  .hours_info {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #fff;
  }
  .btn.btn-circle.btn-primary {
    text-align: center;
    display: block;
    width: 100%;
    border-radius: inherit !important;
    margin: 0 auto;
  }
  .page-header.navbar {
    background-color: #fff;
  }

  .page-footer {
    background-color: #fff;
  }
  .page-footer .page-footer-inner {
   color: #000;
 }
 div.dt-buttons {
   position: inherit !important;
 }
 .btn.green.add_task {
   width: 100%;
   margin: 0 auto;
 }
 #checkoutform label {
  display: none;
}
.btn.blue.btn-circle.serachfilter {
  width: 100%;
  background: #8b8b8b;
  border-radius: inherit !important;
}
.btn-circle.btn.default.clear_dat {
  margin-top: 10px;
  width: 100%;
  border-radius: inherit !important;
  margin-left: 0;
}
.btn-success.btn-circle.btn.sendmail {
  background: #8b8b8b;
  margin-top: 10px;
  border-radius: inherit !important;
  width: 100%;
  margin-left: 0px;
}
.btn.btn-circle.blue.addnew {
  width: 100%;
  border-radius: inherit !important;
}
.btn.green.pro_sub {
  background: #8b8b8b;
  width: 100%;
}

.dataTables_wrapper .dataTables_filter .form-control {
  width: 120px !important;
}
.dataTables_wrapper .dataTables_filter {
 margin-top: 0px !important;
}
.btn.green.seeting_sub {
  width: 100%;
}
.btn.green {
  width: 100%;
}
.input-large {
  width: 100% !important;
  padding-right: 10px !important;
}
.nav.nav-pills li {
  width: 100%;
  text-align: center;
}
.ui-pnotify.stack-modal.ui-pnotify-fade-normal.ui-pnotify-mobile-able.ui-pnotify-in.ui-pnotify-fade-in.ui-pnotify-move {
  left: 150px !important;
  /* right: 100px !important; */
  top: 25% !important;
  width: 100% !important;
}
.brighttheme-notice {
  background-color: black !important    ;
  border: 0 solid #fff;
  color: #fff;

}
.ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow {
  border-top-width: 5px;
}
.ui-pnotify-action-button {
 width: 100%;
 background-color: #8b8b8b !important;
 /* width: 190px; */
 height: 35px;
 margin-top: 10px;
}
body {
  background-color: #000;
}
.portlet.box.blue > .portlet-title {
  background-color: inherit;
}
#table_new {
  width: 100% !important;
}
.form-horizontal.form-bordered.task_cat {
  margin-left: 2px;
}


}