@import 'bootstrap.min.css';

@import 'font-awesome.min.css';

@import 'AdminLTE.css';

@import 'skins/_all-skins.min.css';



.flexigrid div.form-div input[type="text"], .flexigrid div.form-div input[type="password"] {

	height: auto !important;

}



.checkbox, .radio {

	display: inline;

	margin-bottom: 0;

	margin-top: 5px;

}

.control-group.required  label:after, .form-group.required  label:after {

    content: " * ";

    color: red;

}

.form-control{

  padding: 5px 5px;

  font-size: 13px;

}

/**

 * Font icons inside GroceryCRUD

 */

.ajax_list .fa {

	font-size: 13px;

	color: inherit;

	text-decoration: none;

}



.dl-horizontal dt{

	height: 30px;

}



/*.table-bordered, 

.table-bordered>tbody>tr>td, 

.table-bordered>tbody>tr>th, 

.table-bordered>tfoot>tr>td, 

.table-bordered>tfoot>tr>th, 

.table-bordered>thead>tr>td, 

.table-bordered>thead>tr>th{

	border-color: #86C4ED!important

}

*/

.table-bordered,

.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-color: #ccc;

}

.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:5px;

}



.widget-user-2 .widget-user-header a{

	color: #fff;

}

.project .widget-user-2 .widget-user-header a{

	font-size: 18px;

	font-weight: 600;

}



table.table.table-bordered.table-hover.payment-list {

    font-size: 11px;

}

.payment-list #subtotal, .payment-list #total, .payment-list #total_tax{

  font-weight: bold;

  color: red;

}

/*.table-striped>tbody>tr:nth-of-type(even){

	background: #daeaf5;

}*/

/*.table>thead{

	background: #D9E8F5

}*/

/*#D9E8F5 -> #BFD9EE*/

.glyphicon-refresh-animate {

    -animation: spin .7s infinite linear;

    -webkit-animation: spin2 .7s infinite linear;

}



@-webkit-keyframes spin2 {

    from { -webkit-transform: rotate(0deg);}

    to { -webkit-transform: rotate(360deg);}

}



@keyframes spin {

    from { transform: scale(1) rotate(0deg);}

    to { transform: scale(1) rotate(360deg);}

}



.flexigrid .table{

	margin-bottom: 0;

}

.flexigrid select{

	height: 30px;

}

.dataTables p{

	margin-bottom: 0;

}

.widget-user-header .btn-box-tool {

	color: #fff;

}

.project .widget-user-2 .widget-user-header{

	padding: 30px 10px 10px;

	position: relative;

}

.project .widget-user-2 .widget-user-username{

	line-height: 20px;

	

	margin-top: 0;

}

.widget-user-2 .widget-user-desc, .widget-user-2 .widget-user-username{

	margin-left: 50px;

}

.project .widget-user-2 .widget-user-image>img{

	width:45px;

  height: 45px;

}

.user-panel>.image>img{

	height: 45px;

}

.modal-content{

	border-radius:5px;

}

.users-list-name{

	font-size: 10px;

}

.users-list>li img{

	width: 40px;

	height: 40px;

}

.completed-wrap{

	width: 85px;

    height: 90px;

    overflow: hidden;

    position: absolute;

    top: 0px;

    left: 0px;

}

.completed-badge {

   font-weight: bold;

  font-size: 12px;

  color: #333;

  text-align: center;

  text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

  position: relative;

  padding: 4px 0;

  left: -32px;

  top: 17px;

  width: 120px;

  background-color: #abd065;

  background-image: -moz-linear-gradient(top, #bfdc7a, #8ebf45);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bfdc7a), to(#8ebf45));

  background-image: -webkit-linear-gradient(top, #bfdc7a, #8ebf45);

  background-image: -o-linear-gradient(top, #bfdc7a, #8ebf45);

  background-image: linear-gradient(to bottom, #bfdc7a, #8ebf45);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbfdc7a', endColorstr='#ff8ebf45', GradientType=0);

  color: #6a6340;

  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);

}

.fc-toolbar button:focus{

	outline: none;

}

.mailbox-attachments li{

	width: 195px;

}



.user-list > li:nth-child(3n+1) {

    clear: both;

}

#upload-btn:focus{

	color:#333;

}



#upload-btn:last-child{

	border:1px solid #ccc;

}

.direct-chat-text{

	float: left;

	margin-left:5px;

}



.right .direct-chat-text{

	float: right;

	margin-right:5px;

}

.readonly_label {

    margin-top: 6px;

}



.main-header .logo, .main-header .logo:hover{

  background-color: #fff!important;

}

.sidebar-mini.sidebar-collapse .main-header .logo{

  padding:0 5px;

}

.tab-content {

    padding-top: 10px;

}



#payment-rows .form-control{

  padding: 5px !important;

  height: 30px;

  font-size: 13px;

}



#contract-list{

  font-size: 12px;

}

#history .direct-chat-text{

  border-radius: 0;

  width: 100%;

  float: none;

}

#history .direct-chat-text p{

  font-size: 12px;

  margin-bottom: 5px;

}



#history .direct-chat-messages{

  height: auto;

  max-height: 700px;

}

#history .direct-chat-text:after, #history .direct-chat-text:before{

  display: none!important;

}



.profile-user-img{

  height: 100px;

}



.contract .dropdown-menu{

  right: 0;

  float: right;

  left: inherit;

  border: 1px solid #dd4b39;

  /*text-align: right;*/

}

.contract .dropdown-menu > li > a{

  color: #333;

}

.contract .dropdown-menu > li > a:hover{

  background-color: #dd4b39!important;

  color: #fff;

}



#ip_list input{

  margin-bottom:5px;

}

.form-inline .form-group{

  margin-bottom: 10px;

}

.is-sticky #new_feed{

    z-index: 210;

    max-width: 1013px;

    width: 100%;

    border-bottom: 0;

}



#new_feed blockquote{

  margin:0;

  font-size: 14px;

}

#new_feed .alert{

  padding: 10px;

  margin-bottom: 15px;

  border-radius: 0;

  padding-right: 30px;

}

#list-users i.fa.fa-circle.text-default{

  color: #ccc;

}



.table-responsive{

  font-size: 12px;

}

ul.nav-stacked li a {

    text-transform: capitalize;

}

#services_list a[data-toggle="collapse"]:after {

    content: "\f139";

    padding-left: 5px;

    color: #999;

}



#services_list a[data-toggle="collapse"].collapsed:after {

    content: "\f13a";

}



.bootstrap-timepicker .dropdown-menu,ul.dropdown-menu.staff-list{

  border-color:#ccc;

}

#services_wrapper .colorpicker{

  z-index: 100;

}

#services_wrapper .colorpicker .input-group-addon{

  border-left:1px solid #d2d6de;

}

.customer-list{

  display: block;

  list-style: none;

}







.fc-content .icon-rt { float: right; position: absolute; top: 4px; right: 4px; cursor: pointer; }

.fc-view-container { box-shadow: 0 0 3px silver; }

.fc-widget-header table th { padding: 10px; }

.ab-head-calendar { margin-bottom: 0!important; }

.fc button { padding: 6px 12px!important; height: auto!important; }

.fc-time-grid-event.fc-short .fc-time:before { font-size: 12px; }

.fc-ltr .fc-time-grid .fc-event-container { margin: 0!important; }

.fc-time-grid-event .fc-time,

.fc-time-grid-event.fc-short .fc-title { font-size: 12px!important; padding: 0 5px!important; }

.fc-time-grid-event.fc-short .fc-title {display: block!important; }

.fc-day-grid-event,

.fc-time-grid-event { 

   cursor: pointer; 

   z-index: 2;

}

.fc-time-grid-event .fc-title,.fc-day-grid-event .fc-title { padding: 0 5px!important;display: block }

.fc-day-grid-event{

  height: 43px;

}

.fc-time-grid-event{

  // height: 44px;

}

.fc-time-grid-event.fc-short .fc-time:after, .fc-time-grid-event.fc-short .fc-time:before{

   display: none;

}

.fc-time-grid-event.fc-short .fc-time span,

.fc-time-grid-event .fc-time, .fc-day-grid-event .fc-time{

  display: block

}



#appointment-menu .dropdown-menu{

    min-width: 250px;

}

.dropdown-menu{

   border-color:#ccc;

}

.navbar-nav > #appointment-menu > .dropdown-menu{

  width: 280px;

  padding: 0 0 0 0;

  margin: 0;

  top: 100%;

}

.navbar-nav > #appointment-menu > .dropdown-menu > li{

  position: relative;





}

.navbar-nav > #appointment-menu > .dropdown-menu > li.header{

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

  background-color: #ffffff;

  padding: 7px 10px;

  border-bottom: 1px solid #ccc;

  color: #444444;

  font-size: 14px;

}

.navbar-nav > #appointment-menu > .dropdown-menu > li.footer > a{

  border-top-left-radius: 0;

  border-top-right-radius: 0;

  border-bottom-right-radius: 4px;

  border-bottom-left-radius: 4px;

  font-size: 12px;

  background-color: #fff;

  padding: 7px 10px;

  border-bottom: 1px solid #eeeeee;

  color: #444!important;

  text-align: center;

}

@media (max-width: 991px) {

  .navbar-nav > #appointment-menu > .dropdown-menu > li.footer > a{

    background: #fff!important;

    color: #444!important;

    border-top: 1px solid #ccc;

  }

}

.navbar-nav > #appointment-menu > .dropdown-menu > li.footer > a:hover{

  text-decoration: none;

  font-weight: normal;

}

.navbar-nav > #appointment-menu > .dropdown-menu > li .menu {

  max-height: 200px;

  margin: 0;

  padding: 0;

  list-style: none;

  overflow-x: hidden;

}

.navbar-nav > #appointment-menu > .dropdown-menu > li .menu > li > a {

  display: block;

  white-space: nowrap;

  /* Prevent text from breaking */

  border-bottom: 1px solid #ccc;

}

.navbar-nav > #appointment-menu > .dropdown-menu > li .menu > li > a:hover {

  background: #ccc;

  text-decoration: none;

}

.navbar-nav > #appointment-menu > .dropdown-menu > li .menu > li > a {

  color: #444444;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  padding: 10px;

}





.navbar-nav > #appointment-menu > .dropdown-menu > li .menu > li > a > .ion {

  width: 20px;

}

.navbar-nav > #appointment-menu > .dropdown-menu > li .menu > li > a {

  margin: 0;

  padding: 5px 10px;

}

.navbar-nav > #appointment-menu > .dropdown-menu > li .menu > li > a > div > img {

  margin: auto 10px auto auto;

  width: 40px;

  height: 40px;

}

.navbar-nav > #appointment-menu > .dropdown-menu > li .menu > li > a > h4 {

  padding: 0;

  margin: 0 0 0 0px;

  color: #444444;

  font-size: 15px;

  position: relative;

}

.navbar-nav > #appointment-menu > .dropdown-menu > li .menu > li > a > h4 > small {

  color: #999999;

  font-size: 10px;

  position: absolute;

  top: 0;

  right: 0;

}

.navbar-nav > #appointment-menu > .dropdown-menu > li .menu > li > a > p {

  margin: 0 0 0 0px;

  font-size: 12px;

  color: #888888;

}

.navbar-nav > #appointment-menu > .dropdown-menu > li .menu > li > a:before,

.navbar-nav > #appointment-menu > .dropdown-menu > li .menu > li > a:after {

  content: " ";

  display: table;

}

.navbar-nav > #appointment-menu > .dropdown-menu > li .menu > li > a:after {

  clear: both;

}



.accounting td{

  font-size: 12px;

}



.product .table-responsive table{

  font-size: 12px;

}

.product_appointment .form-inline .form-group{

  margin-right: 0;

  margin-left: 0;



}

.box-header{

  min-height: 50px;

}

#appointment_schedule select{

  padding: 0 5px;

  font-size: 12px;

  height: 22px;

}



#appointment_schedule input[name="time"]{

  width: 50px;

}

#appointment_schedule input[name="phone"]{

  width: 85px;

}

.form-horizontal .form-inline .form-group{

    margin-right: 0;

    margin-left: 0;

}

.navbar-form {

    width: auto;

    padding-top: 0;

    padding-bottom: 0;

    margin-right: 0;

    margin-left: 0;

    border: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}

@media (min-width: 768px){

  .form-inline .form-control {

    width:145px;

  }

  .payments .form-inline .form-control {

    width:135px;

  }

  #sms .form-inline .form-control{

    width: 95%;

  }

}