@font-face {
    font-family: 'gillsanslight';
    src: url('../fonts/gillsanslight.eot');
    src: url('../fonts/gillsanslight.eot') format('embedded-opentype'),
         url('../fonts/gillsanslight.woff2') format('woff2'),
         url('../fonts/gillsanslight.woff') format('woff'),
         url('../fonts/gillsanslight.ttf') format('truetype'),
         url('../fonts/gillsanslight.svg#gillsanslight') format('svg');
}
@font-face {
    font-family: 'GillSansSemiBold';
    src: url('../fonts/GillSansSemiBold.eot');
    src: url('../fonts/GillSansSemiBold.eot') format('embedded-opentype'),
         url('../fonts/GillSansSemiBold.woff2') format('woff2'),
         url('../fonts/GillSansSemiBold.woff') format('woff'),
         url('../fonts/GillSansSemiBold.ttf') format('truetype'),
         url('../fonts/GillSansSemiBold.svg#GillSansSemiBold') format('svg');
}
@font-face {
    font-family: 'MontserratBold';
    src: url('../fonts/MontserratBold.eot');
    src: url('../fonts/MontserratBold.eot') format('embedded-opentype'),
         url('../fonts/MontserratBold.woff2') format('woff2'),
         url('../fonts/MontserratBold.woff') format('woff'),
         url('../fonts/MontserratBold.ttf') format('truetype'),
         url('../fonts/MontserratBold.svg#MontserratBold') format('svg');
}



* {
    font-family: 'gillsanslight';
    -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;

}
.fa {
    font-family: 'FontAwesome' ;
}

h1, h2, h3, h4, h5, h6 {font-family: 'MontserratBold'; margin:0; line-height: normal;}

button,b, strong, th {
   font-family: 'GillSansSemiBold';
}

a{color:#333;  font-family: 'GillSansSemiBold';}
a:hover, a:focus {text-decoration: none;}

body {
    overflow-x: hidden;
    color:#525252;
}



/*LOGIN PAGE*/
.login-screen{background:#fbfbfb;}

.login-screen .checkbox{margin-top: 0;}

.login_01 {
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 10% auto;
max-width: 300px;
width:100%;
height: auto;
background:#fff;
border-radius: 8px;
text-align:center;
padding:10px 10px 0;
border:1px solid #eee;
box-shadow: 0 2px 3px rgba(0,0,0,.13);
}
.login_01 form {
padding: 15px 10px 0;
}
.login_01 img{
width: 60%;
max-width: 232px;
}
.login_01 span {
background: #f8f8f8;
}
.input-group-addon i {
color: #525252;
font-size: 20px;
}
.input-group-addon i.small-i{font-size: 15px;}
.input-group-addon {
height: 42px;
width: 47px;
}

.btn-default {
color: #333;
background-color: #fad540;
border-color: #fad540;
width: 100%;
height: 60px;
/*margin-bottom: 15px;*/
font-size: 24px;
font-family: 'GillSansSemiBold';
}
.btn-default.focus, .btn-default:focus, .btn-default:hover, .btn-default.active, .btn-default:active, .btn-default:active:focus {
color: #fff;
background-color: #d6ab00;
border-color: #d6ab00;
}
.multi-select-box .btn-default.focus, .multi-select-box .btn-default:focus, .multi-select-box .btn-default:hover, .multi-select-box .btn-default.active, .multi-select-box .btn-default:active, .multi-select-box .btn-default:active:focus{ background-color: transparent; !important;}

.btn-small{font-family: 'gillsanslight'; display: inline-block; width:auto; font-size:12px; margin-bottom:5px;  padding:0 10px; height:24px; background:#fff; color:#525252; border:1px solid #ccc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px}
input placeholder:after{content}
.btn-small.selected{background:#eee; color:#525252;}

#date-range{margin:0;}
#date-range li{float:left; padding-left:10px;}





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

/*.checkbox input[type="checkbox"]{
margin: 0px -20px 0;
}*/
label#password-error {
margin-bottom: 5px;
}
}






/*LOGIN PAGE*/
.navmenu-default, .navbar-default .navbar-offcanvas {
    background-color: #fff;
    border-color: #333;
    color: #333;
}
.navbar {
    min-height: 80px;
    margin-bottom: 0px;
    border-bottom: 1px solid #fad540;
}
.navbar-brand img {
    width: 125px;
    margin-top: -10px;
}
#page-wrapper {
    background: #fff;
}
/*h2{
    color: #fad540;
}
h5 {
    color: #fff;
}
h3 {
    margin: 0px;
}*/
h2 span {color: #333;}
.tip-left {
  top: 15px;
  left: -6px;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg); 
}
.tip {
  width: 0px;
  height: 0px;
  position: absolute;
  background: transparent;
  border: 6px solid #fad540;
}
.dialogbox {
  position: relative;
  max-width: 300px;
  height: auto;
  /*margin: 20px 10px;*/
  padding: 5px 10px;
  background-color: #fad540;
  border-radius: 3px;
  border: 0px solid #fad540;
}
.add_new h4 {
    background: #fad540;
    float: right;
    margin-top: 29px;
    padding: 5px 10px;
    border-radius: 4px;
}
span.glyphicon.glyphicon-search {
    color: #fad540;
    float: left;
    background: #fff;
    padding: 10px;
    border-radius: 4px 0 0 4px;
}
.search_01 {
    border-radius: 0 4px 4px 0;
    width: 250px;
    float: right;
    margin-top: 15px;
}
.search_head{
    background: #333;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fad540;
}
a.active1 {
    color: #333 !important;
    background: #fad540;
}
a.active1:hover {
    color: #fff !important;
    background: #fad540 !important;
}
#demo1 li a, #demo li a {
    color: #fff;
}
#demo1 li a:hover, #demo li a:hover, #demo li a:focus, #demo1 li a:focus {
    color: #fad540;
}
#demo1 li a i, #demo li a i {
    color: #fad540;
    margin-right: 6px;
    font-weight: 700;
    font-size: 12px;
}
#demo1 li:hover  a i, #demo li:hover a i, #demo li:focus a i, #demo1 li:focus a i {
    color: #999;
}
.table-responsive.table_01 th {
    background-color: #fad540 !important;
}
.table-responsive.table_01 tr:nth-child(even) {
    background: #eeeeee !important;;
}
.table-responsive.table_01 tr:nth-child(odd) {
    background: #e2e2e2 !important;;
}
.table_01 .table-bordered>tbody>tr>td, .table_01 .table-bordered>tbody>tr>th, .table_01 .table-bordered>tfoot>tr>td, .table_01 .table-bordered>tfoot>tr>th, .table_01 .table-bordered>thead>tr>td, .table_01 .table-bordered>thead>tr>th {
    border: 1px solid #fff;
    vertical-align: middle;
}
.table-striped i{font-size: 18px; color:#535353; margin-top:6px;}
tbody tr td:nth-child(1) {
    /*text-align: center;*/
}
tbody tr td:nth-child(3) i.fa.fa-check{
    color: #60ac0f;
}
tbody tr td:nth-child(3) i.fa.fa-times{
    color: #d50608;
}
ul.pagination .li a{
    background: #333;
    color: #333;
}
.pagination>li>a, .pagination>li>a:hover {
    position: relative;
    color: #333;
    background-color: #fff;
    border: 1px solid #eee;
}
.pagination>li>a>span{
    background-color: #fad540;
    color: #333;
}
.pagination li.active a, .pagination li.active a:hover {
    color:#fff;
    background-color: #999 !important;
    border: 1px solid #999;
}
ul.pagination li:nth-child(1) a {
    background: #eee;
    color: #333;
    border-color: #eee;
}
ul.pagination li:nth-child(1) a:hover {
    background: #eee;
    color: #333;
    border-color: #eee;
}
ul.pagination li:last-child a {
    background: #eee;
    color: #333;
    border-color: #eee;
}
ul.pagination li:last-child a:hover {
    background: #eee;
    color: #333;
    border-color: #eee;
}
#footer p {
    text-align: center;
   
}
div#footer {
    margin-top: 30px;
   /* border-top: 1px solid #fad540;*/
   border-top:1px solid #ffd426;
    padding: 30px;
    color:#525252;
}
.btn-primary {
    color: #333;
    background-color: #fad540;
    border-color: #ffd426;
}


.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active,
.btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #ffd426 !important;
    border-color: #fad540 !important;
}



hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #4e4e4e;
}
.panel{border:0; margin-top:10px; }
.panel-default>.panel-heading {
    color: #f2f2f2; font-family: 'MontserratBold'; background: #525252; padding: 10px 10px 10px 15px;
    border-radius: 8px 8px 0 0; border:0; border-color:transparent; border-bottom: 4px solid #FAD540; font-size: 19px; margin: 0;
}
.panel-default>.panel-heading h3{font-size: 19px; margin:0;}
.one_01 {
    float: left;
}
.panel-body {
    margin-top: 0px;
    padding:0;
    border: 1px solid #fad540; padding:19px 10px 19px;
}
ul#status, ul.radio-ul{
    padding-left: 0px;
    list-style-type: none;
}
ul#status li,  ul.radio-ul li {
    display: inline;
}
ul.radio-ul{margin-bottom:19px;}
ul.radio-ul li {padding-right:20px;}
ul.radio-ul li label{font-size:20px;}
ul.radio-ul li input[type=radio]{margin-top:8px;}
select#company_id {
    padding: 5px;
    border-radius: 4px;
    width: 80%;
}
option:checked {
    color: #000;
    background: #fad540;
}
select option:hover{
    color: #fff;
    background: #fad540 !important;
}
input#myaction, input#myurl {
    display: inline;
    width: 48%;
    height: 34px;
    /* margin-right: 2px; */
    margin-bottom: 2px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -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;
}
ul.nav.navbar-nav.side-nav li {
    margin: 1px 0;
}
ul.nav.navbar-nav.side-nav li i.glyphicon.glyphicon-plus {
    float: right;
    font-size: 12px;
    line-height: 16px;
}






@media (min-width: 768px){
.side-nav li a.active1:hover, .side-nav li a.active1:focus {
    outline: none;
    background-color: #fad540 !important;
}
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: auto;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color:#fff; color:#333; }
.navbar-inverse .navbar-toggle {
    border-color: #333;
    float: left;
    padding: 10px;
}

.navbar-inverse .navbar-toggle:focus span, .navbar-inverse .navbar-toggle:hover span{background-color:#333;}
.test{background-color: black}

ul.nav.navbar-right.top-nav select{
    padding: 10px 27px 10px 10px;
    border: 4px;
    margin-top: 15px;
    border-radius: 4px;
    border:1px solid #ccc;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
   

    background-color:#fff; background-image:url('../img/arrow-down.png'); background-repeat:no-repeat; background-position: 94% center; background-size: 10px;
}
.assign_role {
    background: #fcfcfc;
    padding: 10px;
    border-radius: 4px;
    border:1px solid #f4f4f4;
}

.assign_role h2{font-size:19px; margin-bottom: 10px;}


@media (max-width: 767px){

    .btn-primary {
   margin: 0 auto 20px;
   display: block;
}


   
  ul.nav.navbar-right.top-nav li:nth-child(1){
        display: none;
    }

    .navbar.second-row-nav{min-height:50px!important;}
    .second-row-nav ul.nav.navbar-right.top-nav select{margin:5px auto 5px; width:100%;}
    .second-row-nav ul.nav.navbar-right.top-nav li:nth-child(1){
        display: block;
        width: 100%;
    }

        ul.nav.navbar-right.top-nav{
        float: right;
        margin-top: -51px;
		margin-right: -9px;
    }



    .second-row-nav ul.nav.navbar-right.top-nav{
        float: none;
        margin:0 auto;
        text-align: center;
        background:#525252;
    }
    
    .add_new h4 {
    background: #fad540;
    float: right;
    margin-top: 15px;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 16px;
}
h2 {
    font-size: 22px;
}
.tip-left {
    top: 12px;
    }
    .search_01 {
    width: 100%
}
div#wrapper {
    margin-top: -30px;
}
div#task-tables_length, div#task-tables_filter, div#task_label_list_table_length, div#task_label_list_table_filter {
   /* display: none;*/
}
div#task-tables_paginate, div#task_label_list_table_paginate {
    float: none;
    margin-bottom: 10px;
}
.navbar-brand{
  width: 100%;
    text-align: center;
    display: block;
    padding: 0;
}
.navbar-brand img {
    max-width: 125px;
    margin: 5px auto 0;
    /*width:52%;*/

}
.navbar-toggle{margin-top:19px; position: absolute; left:0; z-index: 9999999;}
}
h5.wel-username {
    float: right;
    margin-top: 10px;
    font-size: 16px;
}


@media screen and (max-width: 768px){
h5.wel-username {
    float: none;
   text-align: center;
}
}

<!--edit task css-->

#page-wrapper1 {
}


form.edit_task input#user_lic {
    border-radius: 4px;
    padding: 5px;
    border: 1px solid #9a9a9a;
}
form.edit_task button.submit {
    width: 100%;
    padding: 7px;
    background: #fad540;
    border: 1px solid #fad540;
    border-radius: 4px;
    color: #000;
    font-weight: bold;
   /* margin-bottom: 15px;*/
    height: 60px;
    font-size: 24px;
    font-family: 'GillSansSemiBold';
}
form.edit_task button.add_task_01, button.add_task_01  {
    width: 60%;
    padding: 7px;
    background: #fff;
    border: 1px solid #fad540;
    border-radius: 4px;
    color: #000;
    font-weight: bold;
    margin: 0 20%;
}
.circle_01 {
    width: 50px;
    height: 50px;
    background: #FAD540;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    display: inline-block;
}

/*.dropdown-toggle:after{content:"\f0dd"; font-family: FontAwesome; font-size: 12px}*/
li.dropdown i{ display: inline; position: relative; top: -23px; margin-left: 7px; color:#525252;}

.circle_01 p{
    color: #000;
    text-align: center;
    font-size: 24px;
    position: absolute;
    top: 30%;
    bottom: 30%;
    left: 0;
    right: 0;
    margin: auto 0;
    padding: 0;
    font-family: 'GillSansSemiBold';
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #F5C70E;
    border-color: #BBA137;
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #fff;
}
.btn-danger {
    background-color: #FAD540;
    border-color: #FAD540;
}
.btn-danger:hover, .btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #FAD540;
    border-color: #FAD540;
}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #FAD540;
    border-color: #FAD540;
}
.form-control:focus {
    border-color: #FAD540;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(250, 213, 64, 0.55),0 0 8px rgba(250, 213, 64, 0.55);
    box-shadow: inset 0 1px 1px rgba(250, 213, 64, 0.55),0 0 8px rgba(250, 213, 64, 0.55);
}
label#department_name-error {
    color: #f00;
}
/*.error{color:red;font-size: 12px !important;}*/

.jq-toast-single.jq-has-icon.jq-icon-success {
    color: #1D9E00;
}
. label.error, #addtaskbyuser label#task_name-error, #addtaskbyuser label#project_tracker_id-error, #addtaskbyuser label#total_accumulated_minutes-error {
    position: absolute;
    bottom: -24px;
    left: 0px;
}
label.error{
    position: absolute;
    top: 20px;
    left: 67px;
    width: 100%;
    background: white;
    z-index: 3;
    width: auto;
    color:red;
    display: none!important;

}
.input-group .form-control.error{border:1px solid red; border-radius: 0 4px 4px 0!important;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background:transparent;}


@media (max-width: 480px){
ul.nav.navbar-right.top-nav li ul.dropdown-menu li {
   display: block;
}
ul.nav.navbar-right.top-nav li ul.dropdown-menu li a{
    text-align:left;
    padding-left: 13px ;
}
.navbar-collapse.navbar-ex1-collapse.collapse.in {
    border-color: transparent;
    border-top: 2px solid transparent;
}
div.dataTables_length {
    margin: 0 15px;
}
div.dataTables_paginate.paging_simple_numbers {
    margin: 0 15px;
}
.navbar-fixed-bottom, .navbar-fixed-top {
    position: inherit;
}
.dropdown-menu>li>a
{
    padding:3px 0px;
    color:#525252;
}
.square-btn-adjust{text-align:center!important;margin:0 10px; color:#000!important; padding:5px 0!important; text-align: center;}
.dropdown-menu{
 min-width:100px;
    right:0;
    left:auto;
}


body {
    margin-top: 30px;
    background-color: #fff;
}
}
.dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
    color: #777 !important;
}
.dropdown-menu>.disabled>a {
    color: #ffffff !important;
}
/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 52px;
	height: 25px; margin:0;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider::before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 4px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
  background-color: #fad540;
}

input:focus + .slider {
  box-shadow: 0 0 1px #3cef40;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.side-nav::-webkit-scrollbar {
    width: 1em;
}
 
.side-nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.side-nav::-webkit-scrollbar-thumb {
  background-color: #222;
  outline: 1px solid slategrey;
}
div#preview {
    border: 2px solid #ccc;
    width: 150px;
    height: 150px;
    border-radius: 4px;
    text-align: center !important; padding:5px 0; position: relative;
}
.deletephoto{    cursor: pointer;
    position: absolute;
    top: -12px;
    right: -10px; font-size: 20px; color:#525252;}
.img-circle{border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; width:98%;}
.input-group {
    height: 45px;
    width: 100%;
    margin-bottom:20px;
    position: relative;
}

.input-group.checkbox{height:auto;}
.input-group select, .input-group input {
    height: 60px;
    font-size:20px;
    padding: 6px 20px;
  
  }

.input-group select{-webkit-appearance: none; -moz-appearance: none; appearance: none;}



input::-moz-placeholder, textarea::-moz-placeholder{color:#525252!important; opacity:1; vertical-align:middle;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#525252!important; }

.form-control, .small-form-control{-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

.small-form-control{width:100px!important; border:1px solid #ccc; border-radius: 4px!important; -moz-border-radius: 4px!important; -webkit-border-radius: 4px!important;}
.input-group textarea{padding:10px 10px 10px 10px; font-size: 20px;box-sizing: border-box; border-radius: 4px!important; -moz-border-radius: 4px!important; -webkit-border-radius: 4px!important;}
.input-group input[type="checkbox"]{height:14px;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 9999s;
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}

.navbar-inverse {
    background-color: #fff !important;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000;
}


select.form-control, .multi-select-box  .btn-group{background-color:#fff; background-image:url('../img/arrow-down.png'); background-size:13px auto ; background-repeat:no-repeat; background-position: 97% center;}
.multi-select-box .btn-default{margin-bottom: 0; background-color: transparent; height: 60px;
    font-size: 20px;
    padding: 6px 20px 6px 26px; border-radius: 0 4px 4px 0; border:1px solid #ccc; color:#555; text-align: left; -webkit-appearance: none;
    -moz-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

.multi-select-box .btn-group{width:100%; text-align: left}

.btn .caret{display: none;}
.multiselect-filter .multiselect-clear-filter{padding:5px; font-size: 16px;}
.multiselect-filter .input-group{width:96%;}

.input-group-addon {
    padding: 6px 12px !important;
    }




.btn-group, .btn-group-vertical{width:100%;}
/*form{
    padding:19px 15px 15px;
    border: 1px solid #fad540;
    border-top: 0;

}*/
.login-screen form{border:0;}

 
.jq-toast-wrap{width:300px;}
.jq-has-icon{padding:10px;}
.jq-toast-single{font-size: 14px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.close-jq-toast-single{font-size: 18px; position: absolute; top: -5px; right: -4px; font-size: 14px;
    cursor: pointer;  background: #525252;  border-radius: 8px;  width: 16px; text-align: center; color:#fff;}
.jq-icon-error, .jq-icon-success{background-image:none;text-align: center!important;}
.jq-toast-single.jq-has-icon.jq-icon-success{color:#1D9E00; }
.jq-icon-success{background-color:#fff; color:#1D9E00; font-family: 'GillSansSemiBold'; border:1px solid #ffd426;}
.jq-icon-error{background-color:#fff; color:red; font-family: 'GillSansSemiBold';  border:1px solid #ffd426;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background: #f7f7f7;}



.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{background:#525252;}
.navbar-nav{background:#525252;}
.wel-username{text-align: center; color:#525252; size: 16px;}
.form-group label{font-size:16px; font-weight: 600; margin-right:15px;}
.form-group-small{margin:0 auto 15px; text-align: center; max-width: 300px; float: none}
.form-group-semi{margin:5px 0 5px; text-align: left; max-width: 238px; float: none}
.form-group-semi .btn-default{height:auto; font-size:17px;}
.form-group-small-both{max-width: 300px; margin:0 0 15px; }
.text-right{text-align: right;}
.text-left{text-align: left;}
.fl{float: left} .fr{float:right;}


.multiselect-container{width:100%;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background: #fff; color:#525252; font-weight: 20px;}
.colorwhite{color:white;}
#element{margin-bottom: 15px;}
.multiselect-container>li>a>label{font-size:20px; }
.multiselect-container>li>a>label>input[type=checkbox]{margin-top: 7px}

.checkbox, .radio{display: inline-block; margin-right:10px;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{height:auto;}

em{color:red;}

.desktop{display: block;}
.mobile{display:none;}
@media (max-width: 767px){

.desktop{display: none;}
.mobile{display:block;}

.fl{float: none}
.fr{float: none}

}
select.input-sm{line-height: 17px; text-align: left; padding: 5px 20px 5px 5px; width: 100px; height: 33px; }
.project-detail-table{border:0; width:100%;text-align:left; font-size:17px; color:#161616;  border-collapse:collapse;}
.project-detail-table td, .project-detail-table th{padding:12px;}
.project-detail-table td i{font-size:20px;}
.project-detail-table tr{border-bottom:1px solid #fff; text-align:center; }
tr.project-total-hrs{background:#b8b7b7;}
tr.team1{background:#e79b30; }
tr.team2{background:#e79b30; }updateInvoice
.project-detail-table th{font-size:20px; font-weight:500;}
tr.team1-project-person{background:#a6ecef;}
tr.team2-project-person{background:#a6ecef;}
.project-tasks-details td{padding:0;}
.project-tasks-details td table tr th{background:#b8b7b7; color:#161616; font-size:15px;}
.project-tasks-details td table tr th, .project-task-time-invoice-details tr td{font-size:16px; border:1px solid #fff; text-align:center; }
.project-task-time-invoice-details tr th, .project-task-time-invoice-details tr td {padding:7px; border-collapse:collapse; text-align:center;}
.project-task-time-invoice-details tr td{font-size:14px; background:#ececec; }
.project-task-time-invoice-details tbody tr td:nth-child(1){text-align:left;}

#companyHtml{padding:0 20px 20px;}
#companyHtml .panel-body{padding:0; border:0;}
.submit-bt{background:#fad53f; border:0; padding:10px 30px; color:#161616; border-radius:5px; font-family: 'GillSansSemiBold';}
button[disabled], html input[disabled]{cursor:not-allowedupdateInvoice;}
#percent b{font-size:20px;}
.padding-right-0{padding-right:0;}
.padding-left-0{padding-left:0;}
.dataTables_filter{float:right; text-align: left; padding-bottom: 12px;}
.dataTables_info{float:right; text-align: right; padding-top:6px;}
.pagination{margin-top:10px; }
.dataTables_paginate{text-align:right;}
div.dataTables_length { margin:2px auto 0; padding: 0; }
div.dataTables_length select{background-position: 90% center; background-size: 10px;}

/*.sorting, .sorting_asc, .sorting_desc{background-repeat: no-repeat; background-position: 97% center; background-size:8px auto;}
.sorting_asc{background-image: url('../img/sort_asc-light.png'); }
.sorting_desc{background-image: url('../img/sort_desc-light.png'); }
.sorting{background-image: url('../img/sort_both_light.png');}*/

.invoice-status-red{color:#F51212!important;}
.invoice-status-grey{color:#555!important;}
.invoice-status-green{color:#1C9416!important;}


div.dataTables_wrapper div.dataTables_filter label{ width:100%!important;
    min-width: 200px;
    max-width:400px;}

input[type="search"]{height: 35px;
    font-size: 16px;
    color:#999;
    width:100%!important;
  
    padding:6px 10px 6px 29px;border: 1px solid #ccc; background-image: url('../img/Vector_search_icon.svg.png'); background-repeat: no-repeat; background-position: 5px center; background-size: auto 60% }



table.dataTable{width:100%!important;}
table.dataTable>tbody>tr.child{text-align: left;}
table.dataTable>tbody>tr.child span.dtr-title{min-width: 126px; font-family: 'GillSansSemiBold';}
table.dataTable>tbody>tr.child ul.dtr-details li{border-bottom: 0}
table.dataTable.nowrap th, .module-access-table th{background:#525252; color:#f2f2f2; border-bottom:3px solid #fad540;}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td{border-top-width:0; border-bottom-width:1px ;}
table.dataTable thead .sorting:after{opacity:0.3;}
div.dataTables_wrapper div.dataTables_filter{text-align: left;}
div.dataTables_wrapper div.dataTables_filter input{margin-left:0;}
.pagination>li>a, .pagination>li>span{padding:6px 9px;}
table.dataTable td{word-wrap:break-word;}
table.dataTable>tbody>tr.child ul.dtr-details li{padding:0.2em 0;}

table.dataTable>tbody>tr.child ul.dtr-details{white-space: pre-wrap;}
.table-responsive{border:none;}

.module-access-table{border:1px solid #ccc;}
.tab-content h3{font-size: 18px; color:#999;}

.lang-table{}
.lang-table th{background:; color:;}
.lang-table td{white-space: pre-wrap;}
.lang-table td .form-group input{height:30px; border:1px solid #ccc; padding:5px;}

.editable-input{display: block!important; width:100%!important;}
.editable-input textarea{width:100%!important; height:60px; }

.editable-container.editable-inline{width:100%!important;}
.editableform{width:100%!important;}
.mobile_table i{display:none;}
.editable-buttons {margin:0 auto!important; display:block!important;}
.comments_edit:before{content:"\f075"; font-family: 'FontAwesome'; margin-right:5px;}
.btn-success, .editable-cancel{background-color: #fad540; color:#333; font-family: 'GillSansSemiBold'; border:0;}
.comments_edit{font-family: 'gillsanslight';}

/* Safari 7.1+ */

_::-webkit-full-page-media, _:future, :root .checkbox label {

  margin-right:20px;
  line-height: 20px;

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



    @media (max-width: 767px){

.navbar-offcanvas.offcanvas-transform.in {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
}
.navbar-offcanvas.offcanvas-transform.out {
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
}
.navbar-inverse .navbar-offcanvas {
    background-color: #fff;
    padding-top:54px;
}
.nav>li>a{padding:10px 13px;}
.nav li ul li{list-style: none}
.nav li ul li a{padding:12px 0; display: block; color:#666!important;}
.navbar-nav{background: #fff;}

.offcanvas-toggle.is-open .icon-bar:nth-child(3) {
    -webkit-transform: none;
    transform:none;
}
.offcanvas-toggle.is-close .icon-bar:nth-child(4) {
    -webkit-transform: rotate(-138deg) translate(3px, 5px);
    transform: rotate(-138deg) translate(3px, 5px);
}
.offcanvas-toggle.is-close .icon-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(0px,0px);
    transform: rotate(-45deg) translate(0px, 0px);
}


.offcanvas-toggle.is-open .icon-bar:nth-child(2) {
    opacity: 1;
}
.offcanvas-toggle.is-close .icon-bar:nth-child(2) {
    opacity:0;
}
}

/*http://www.jquery-az.com/boots/demo.php?ex=38.0_1*/

@media (max-width: 769px){
.dataTables_info{text-align: center; margin: 10px auto;}
.dataTables_filter{text-align: center;}
.dataTables_paginate {text-align: center; padding: 0;}
div.dataTables_length { margin: 0 auto;  text-align: center;  padding: 0;}
.dataTables_filter, .dataTables_info{float:none; text-align: center; padding: 0;} 
div.dataTables_wrapper div.dataTables_filter{text-align: center;}
.padding-left-0{padding-left:0;}.padding-right-0{padding-right:0;}
.form-group-semi {margin: 20px auto 15px;}
table.dataTable.nowrap th, table.dataTable.nowrap td{white-space: pre-wrap; vertical-align: middle;}
}