.form-control-red {color:#ff0000!important}
.skin-black .main-header > .logo {background:#1f2b3d!important; color:#fff!important; border:none!important; font-size:36px!important; /*width:310px;*/ height:70px; line-height:70px;}
.logo-container {position:relative; margin-top:-70px; width:100%; text-align:center; padding:30px 0;}
.main-sidebar, .left-side {z-index:1100!important; width:130px;}
.content-wrapper, .right-side, .main-footer {margin-left:130px;}
.main-header > .navbar {margin-left:130px;}
.logo-container img {max-width:50%;}
.box {border:none;}
.align-right {text-align:right;}
input.btn:hover {background:#3598dc;}
.main-sidebar, .left-side {padding-top:70px;}
.content-header > h1 {font-size:30px;}
.sidebar-menu .fa {float:left; width:100%!important; font-size:36px;}
.sidebar-menu > li {float:left; width:100%; text-align:center; border-bottom:2px solid #657381;}
.sidebar-menu > li a {float:left; width:100%; padding:15px 0; line-height:40px; }
.menu-text {float:left; width:100%; font-size:18px;}
.main-header .sidebar-toggle {padding:25px 15px;}
.navbar-nav > li > a {padding:25px 15px;}
.navbar-nav > li.user-menu > a {padding:5px 15px; line-height:50px;}
.navbar-nav > li.user-menu > a .fa {line-height:50px;}
.navbar-nav > li {margin:0 10px;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {box-shadow: -1px 6px 14px 0 #000; -webkit-box-shadow: -1px 6px 14px 0 #000; -moz-box-shadow: -1px 6px 14px 0 #000;}
.skin-black .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-black .main-header > .navbar .navbar-right > li > a {border:none!important; font-size:16px;}
.navbar-nav > li > a .fa-bell-o {font-size:32px; color:#ff0000;}
.main-header .navbar .nav > li > a > .label {right:17px; width:26px; height:26px; background:#ff0000 !important; border-radius:100px; line-height:20px; font-size:16px; font-weight:400;}
.navbar-nav > .user-menu .user-image {width:32px; height:32px; background:#2c3e50; color:#fff; text-align:center; line-height:30px; font-size:20px; float:left!important; margin-top:9px;}
.notifications-menu .dropdown-menu {background:#1f2b3d!important; width:340px!important; position: relative;}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {color:#fff;}
.notifications-menu .dropdown-menu li a {border-bottom:1px solid #485362!important; padding:10px 10px; white-space: inherit!important; }
.notifications-menu .dropdown-menu li p{font-size:12px; margin:0 0 30px}
.notifications-menu .dropdown-menu li a:hover {background:#2c3e50!important;}
.notifications-menu .dropdown-menu li h2{margin:0; padding:0; color:#fff; font-size:15px; text-transform:uppercase; font-weight:600;}
.blank-page {padding:100px 0; text-align:center;}
.empty-text {float:left; width:100%; text-align:center; font-size:25px; margin:30px 0 0 0; line-height:30px;}
.navbar-nav .notifications-menu .dropdown-menu li.footer a {background:#2c3e50!important; padding:15px 10px; color:#fff!important; font-size:16px; }
.content-wrapper, .right-side {
    /*margin-left: 310px;*/
    padding-left: 20px;
    padding-right: 20px;
}

.content-header > .breadcrumb {float:none; font-size:14px; position:static;}

.notifications-menu .dropdown-menu:after, .notifications-menu .dropdown-menu:before {
	bottom: 100%;
	right: 5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.notifications-menu .dropdown-menu:after {
	border-color: rgba(31, 43, 61, 0);
	border-bottom-color: #1f2b3d;
	border-width: 10px;
	margin-left: -10px;
}
.notifications-menu .dropdown-menu:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #;
	border-width: 16px;
	margin-left: -16px;
}



/*.main-sidebar, .left-side {width:310px;}*/
.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side {background:#2c3e50!important;}
/*.content-wrapper, .right-side {margin-left:310px}
.main-header > .navbar {margin-left:310px}
.content-wrapper, .right-side {margin-left:310px}*/
.main-footer {margin:0; text-align:center; background:#1f2b3d; border:none; color:#fff; font-size:20px; padding:10px;}
.sidebar-menu .fa-angle-left {width:auto!important}
.sidebar-menu li > a > .pull-right {top:40%}
.sidebar-menu > li.active li a::after {border:none;}
.tech-date {margin-top:25px;}
.predefinedCustomer {position:relative;}
.autocomplete {border: 1px solid #ccc; box-shadow: 1px 1px 0 0 #d9d9d9; max-height:350px; overflow-x:scroll; border-radius: 0 0 5px 5px; padding:10px 0; list-style: none; margin: -3px 0 0 0; background: #fff; position:absolute; width:100%;z-index:99;}
.autocomplete li {padding:5px 20px;}
.autocomplete li:hover {background:#22a7f0; color:#fff;cursor: pointer;}

.content-header {padding:15px 6px 0}
.content-header h1 {padding:10px 10px!important; background:#fff!important; box-shadow:0 1px 3px #b8bbbe !important; margin:10px;}
.total-summery  {padding:10px 10px!important; background:#fff!important; box-shadow:0 1px 3px #b8bbbe !important; margin:10px 15px 30px; text-align:center;}
.total-summery .col-lg-3 {width:20%; border-right:2px solid #2c3e50;}
.total-summery .col-lg-3:last-child {border:none;}
.total-summery .small-box {box-shadow:none; margin:0;}
.total-summery .small-box p {font-size:20px; color:#2f353b; margin-bottom:0;} 
.total-summery .small-box:hover {color:#2f353b;}
.total-summery .small-box h3 {color:#22a7f0; font-size:30px;}
.total-summery .small-box > .inner {padding:0;}
.box-profile-custom .list-group-unbordered > .list-group-item {border:none; float:left; width:100%;}
.box-profile-custom .profile-user-img {width:165px; margin-top:30px; margin-bottom:50px}
.box-profile-custom b {color:#2f353b; font-size:20px; font-weight:400; float:left;}
.box-profile-custom .pull-right {font-weight:700; font-size:20px; width:150px;}
.view-projects ul.project-summery {list-style:none; padding:0 15px}
.view-projects .project-summery li {float:left; width:100%; font-size:16px; color:#929292; padding:7px 0;}
.view-projects .project-summery h2 {color:#2f353b; font-size:20px; font-weight:600;}
.project-details {float:left; width:85%;}
.total-count {float:right; width:13%; color:#2f353b; font-size:20px; font-weight:600; text-align:center; margin:10px 0 0 0;}

.sidebar-menu > li.active a{position: relative;}
.sidebar-menu > li.active a:after, .sidebar-menu > li.active a:before {right:0;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.sidebar-menu > li.active a:after {border-color: rgba(238, 241, 245, 0);border-right-color: #eef1f5;border-width: 10px;margin-top: -10px;}
.sidebar-menu > li.active a:before {border-color: rgba(0, 0, 0, 0);border-right-color: #;border-width: 16px;margin-top: -16px;}

.sidebar-menu > li li.active a{position: relative;}
.sidebar-menu > li li.active a:after, .sidebar-menu > li.active a:before {right:0;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.sidebar-menu > li li.active a:after {border-color: rgba(238, 241, 245, 0);border-right-color: #eef1f5;border-width: 10px;margin-top: -10px;}
.sidebar-menu > li li.active a:before {border-color: rgba(0, 0, 0, 0);border-right-color: #;border-width: 16px;margin-top: -16px;}
.sidebar-menu > li li.active a {background:#1e282c; border-left:3px solid #fff;}
.skin-black .sidebar-menu > li > .treeview-menu {margin:0; padding:0;}

h1.heading-yellow {color:#ebbc00}
h1.heading-orange {color:#e87e04}


.input-wrap {float:left; width:100%; margin:10px 0 0 0;}
.radios {float:left; width:100%;}
.input-wrap input.input-lg {border-radius:5px; box-shadow:1px 1px 0 0 #d9d9d9; font-size:16px; color:#2f353b;}
.input-wrap input.input-lg:focus {border-color:#2c3e50}
.input-wrap label {font-size:16px; font-weight:600; color:#2f353b; margin-bottom:5px;}
.yellow .input-wrap input.input-lg , .yellow .input-wrap textarea.form-control{font-size:16px; font-weight:600; color:#22a7f0;}
.orange .input-wrap input.input-lg {font-size:16px; font-weight:600; color:#e87e04;}
.radios label {margin:0 10px 0 0}
.input-project {margin:50px 0 0 0;}
.input-notes {margin:40px 0 20px 0;}
.input-wrap textarea.form-control {border-radius:5px; box-shadow: 0 0 1px #999; min-height:120px;}
.input-btns {float:left; width:100%; margin:30px 0 30px 0; text-align:center;}
.input-btns .btn {display:inline-block; float:none; width:auto!important; padding:10px 20px; font-size:22px; margin:0 30px; border-radius:5px; background:#5e738b; border:none;}
.light-blue .input-lg {color:#22a7f0;}
.acc-payment-received {color:#26c281!important}
.acc-invoiced {color:#f9b32a!important}
.acc-pending {color:#ff0000!important}



.login-box, .register-box {width:700px; margin:3% auto;}
.login-box-body, .register-box-body {background:#2c3e50;}
.login-logo {font-size:40px; margin:20px 0; color:#2c3e50; font-weight:700;}
.login-logo a {color:#2c3e50}
.login-box-msg, .register-box-msg {font-size:24px; color:#fff; padding:0 0 10px;}
.login-inner {width:480px;}
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback {richness:inherit; left:0; font-size:20px; border-right:1px solid #2c3e50; height:46px; color:#2f353b; line-height:46px; padding:0 15px; width:50px;}
.login-box-body .form-control {padding-left:71.5px; padding-right:12px; height:46px; border-radius:5px; color:#2c3e50; font-size:18px; color:#2f353b;}
.login-btn {margin:15px 0}
.login-btn .btn {padding:0; background:#1f2b3d; border-color:#1f2b3d; font-size:24px; text-transform:uppercase; border-radius:5px;}

.login-box-body .form-control::-moz-placeholder {
    color: #2c3e50;
    opacity: 1;
}
.login-box-body .form-control::-webkit-placeholder {
    color: #2c3e50;
    opacity: 1;
}
.user-link {color:#fff; font-size:16px;}

/*Projects table*/
.approved-project .box {border:none; margin-bottom:0;}
.approved-project .table { margin-bottom:0;}
.approved-project .box-header {padding:10px;  background:#26c281;}
.approved-project .box-header h3.box-title {font-size:30px; font-size:26px; font-weight:600; color:#fff;}
.approved-project tr td {border:none!important;}
.approved-project tr th {border:none!important; border-bottom:1px solid #e6e6e6!important; font-size:16px; color:#2f353b; text-transform: none; line-height:!important;}
.approved-project tr th:first-child, .approved-project tr td:first-child {text-align:left;}
.approved-project tr td h3 {padding:0; margin:0; color:#26c281; font-size:16px; font-weight:700;}
.approved-project tr td {font-size:16px; color:#2f353b;}
.progress.xs, .progress-xs {
    border-radius: 5px !important;
    height: 15px!important;
	border:1px solid #eaeaea!important;
	background:#fff!important;
}
.progress-status {color:#f95341;}
.approved-project .view-btn {padding:5px 15px; background:#2c3e50!important; font-size:16px; margin:0 0 4px; min-width:65px;}
.approved-project .edit-btn {padding:0 15px; background:#5e738b!important; font-size:16px; }
.progress-bar-con {float:left; width:100%; margin:20px 0 0 0;}

.potential-project .box {border:none;margin-bottom:0;}
.potential-project .table { margin-bottom:0;}
.potential-project .box-header {padding:10px; background:#f95341;}
.potential-project .box-header h3.box-title {font-size:26px; font-weight:600; color:#fff;}
.potential-project tr td {border:none!important;}
.potential-project tr th {border:none!important; border-bottom:1px solid #e6e6e6!important; font-size:16px; color:#2f353b; line-height: 18px !important; text-transform: none; }
.potential-project tr td h3 {padding:0; margin:0; color:#f95341; font-size:20px; font-weight:700;}
.potential-project tr td {font-size:16px; color:#929292;}
.potential-project tr td:first-child, .potential-project tr th:first-child {text-align:left;}
.potential-project .view-btn {padding:5px 15px; background:#2c3e50!important; font-size:16px; margin:0 5px 4px 0; min-width:65px;}
.potential-project .edit-btn {padding:0 15px; background:#5e738b!important; font-size:16px; }
.date {font-size:16px; color:#2f353b;}

.completed-project .box {border:none; margin-bottom:0;}
.completed-project .table { margin-bottom:0;}
.completed-project .box-header {padding:10px; background:#8e44ad;}
.completed-project .box-header h3.box-title {font-size:26px; font-weight:600; color:#fff;}
.completed-project tr td {border:none!important;}
.completed-project tr th {border:none!important; border-bottom:1px solid #e6e6e6!important; font-size:16px; color:#2f353b; line-height: 18px !important; text-transform: none; }
.completed-project tr th:first-child, .completed-project tr td:first-child {text-align:left;}
.completed-project tr td h3 {padding:0; margin:0; color:#8e44ad; font-size:20px; font-weight:700;}
.completed-project tr td {font-size:16px; color:#2f353b;}
.completed-project .view-btn {padding:5px 15px; background:#2c3e50!important; font-size:16px; margin:0 0 3px; min-width:105px; }
.completed-project .edit-btn {padding:0 15px; background:#5e738b!important; font-size:16px; }
.completed-project .project-details {font-size:16px; color:#929292; width:100%;}
.supply-table td {border:1px solid #3d8db8!important;}
.supply-table button, .supply-table a {margin:0; padding:0 10px; font-size:15px; border-radius:0; color:#fff}
.supply-table a.bg-success {background-color:#ff851b;}
.supply-table th {text-align:center; background:#22a7f0; border:1px solid #3d8db8!important; font-size:16px; vertical-align:middle!important; color:#fff;}
.reset-btn {background:#5e738b!important; }
.deactivate-btn {background:#2c3e50!important; margin-bottom:5px;}
.table-braches .deactivate-btn {background:#5e738b!important;font-size:18px!important; }
.table-braches .delete-btn  {background:#f95341!important; padding:0 20px; font-size:18px;}
/*.table-braches .btn-success  {font-size:18px!important; }*/
.table-braches .edit-btn {font-size:18px!important; background:#2c3e50!important}
.users .btn-success, .users .delete-btn  {width:100px;}

.system-project .box {border:none; margin-bottom:0;}
.system-project .table { margin-bottom:0;}
.system-project .box-header {padding:10px; background:#67809f;}
.system-project .box-header h3.box-title {font-size:40px; font-size:35px; font-weight:600; color:#fff;}
.system-project tr td {border:none!important;}
.system-project tr th {border:none!important; border-bottom:1px solid #e6e6e6!important; font-size:20px; color:#2f353b;}
.system-project tr td h3 {padding:0; margin:0; color:#2f353b; font-size:20px; font-weight:700;}
.system-project tr td {font-size:20px; color:#2f353b;}
.system-project .view-btn {padding:0 15px; background:#2c3e50!important; font-size:16px; }
.system-project .edit-btn {padding:0 15px; background:#5e738b!important; font-size:16px; }
.system-project .project-details {font-size:16px; color:#929292; width:100%;}
.slimScrollDiv li{position: relative;}
.hideNotification {position: absolute; right:0; bottom: 0; background-color: #fff; border:1px solid red; cursor: pointer; padding:3px;}

.technician-data .box {border:none; margin-bottom:0;}
.technician-data .table { margin-bottom:0;}
.technician-data .box-header {padding:10px; background:#555555;}
.technician-data .box-header h3.box-title {font-size:40px; font-size:35px; font-weight:600; color:#fff;}
.technician-data tr td {border:none!important;}
.technician-data tr th {border:none!important; border-bottom:1px solid #e6e6e6!important; font-size:20px; color:#2f353b;}
.technician-data tr td h3 {padding:0; margin:0; color:#555555; font-size:20px; font-weight:700;}
.technician-data tr td {font-size:20px; color:#2f353b;}
.technician-data .view-btn {padding:0 15px; background:#2c3e50!important; font-size:16px; }
.technician-data .edit-btn {padding:0 15px; background:#5e738b!important; font-size:16px; }
.technician-data .project-details {font-size:16px; color:#929292; width:100%;}
.cutsheet-input {width:40px; text-align: center;}
textarea.cutsheet-textarea {
    text-align: center;
    width: 75px;
}

.sales-data .box {border:none; margin-bottom:0;}
.sales-data .table { margin-bottom:0;}
.sales-data .box-header {padding:10px; background:#4b77be;}
.sales-data .box-header h3.box-title {font-size:40px; font-size:35px; font-weight:600; color:#fff;}
.sales-data tr td {border:none!important;}
.sales-data tr th {border:none!important; border-bottom:1px solid #e6e6e6!important; font-size:20px; color:#2f353b;}
.sales-data tr td h3 {padding:0; margin:0; color:#4b77be; font-size:20px; font-weight:700;}
.sales-data tr td {font-size:20px; color:#2f353b;}
.sales-data .view-btn {padding:0 15px; background:#2c3e50!important; font-size:16px; }
.sales-data .edit-btn {padding:0 15px; background:#5e738b!important; font-size:16px; }
.sales-data .project-details {font-size:16px; color:#929292; width:100%;}


/*Add Branch*/
.light-blue h3 {font-size:30px; color:#22a7f0; padding:40px 15px 10px; clear:both; margin:0; font-weight:600;}
.input-wrap .input-group-addon {border-radius:5px 0 0 5px; background:#bfbfbf; padding:10px 20px; color:#2f353b; font-size:20px;}
.input-wrap .input-group input.form-control {box-shadow:1px 1px 0 0 #d9d9d9; border-radius:0 5px 5px 0; height:46px; font-size:20px; color:#22a7f0; font-weight:600;}
.input-wrap .input-group input.form-control:focus {border-color:#2c3e50}

/*Add Supply*/
.add-input {float:left; width:auto; margin:32px 0 0 0;}
.add-input a {width:50px; height:50px; float:left; background:#3598dc; border-radius:100%; font-size:50px; font-weight:300; text-align:center; line-height:50px; color:#fff;} 
.submit-reset {text-align:left;}
.popup-main .submit-reset {text-align:center;}
.submit-reset input.btn {margin:0 0 0 15px; border:none; padding:5px 20px; border-radius:5px; text-transform:uppercase;}
.head-with-add {position:relative;}
.head-with-add .add-input {position:absolute; right:-15px; top:-3px; margin:0;}
.head-with-add .add-input a{width:60px; height:60px; font-size:50px; line-height:60px;}

/*admin dashboard*/
.admin-dashboard .total-summery {margin:10px 0 30px}
.btn-collapse {font-size:20px; color:#fff; margin:8px 0 0 0; font-weight:300;}
.btn-collapse .fa {cursor:pointer;}

/*supply log*/
.table-supply-log th {border:none!important; font-size:24px; font-weight:600;}
.table-supply-log td {font-size:20px; color:#2f353b;}
.reset-password .box {padding-top:30px;}

.popup-overley {position:fixed; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:10000; top:0; left:0;}
.popup-main {max-width:780px; margin:0 auto;}
.popup-inner {background:#fff; border-radius:10px; padding:5% 2%; width:96%; float:left;}
.popup-content {float:left; width:100%; text-align:center; font-size:28px; color:#2f353b; line-height:32px;}
.popup-inner .submit-reset {text-align:center; margin-bottom:20px;}
.popup-inner .submit-reset input.btn {background:#1f2b3d; font-size:36px; min-width:150px; margin:0 60px;}
.create-project {float:none;}
.create-project label {font-size:30px; font-weight:400; margin:0 0 20px;}
.create-project select {margin-bottom:20px; border-radius:5px; padding:0; height:44px; width:100%; font-size:22px;}
.create-project .btn {background:#202b3d; font-size:24px; border-radius:10px; border:none; margin-bottom:20px; text-transform:uppercase; max-width:100%; padding:10px 0;}


/*From Amita*/
.input-wrap2 {width:100%; float: left; margin-top: 10px;}
.input-wrap2 label {float: left; width:100%; margin: 0; font-size:16px;}

.form-control.has-error {
    border-color: #dd4b39;
    box-shadow: none;
}

/*NeW Style*/
.sidebar-toggle {display:none;}
.main-sidebar, .left-side {position:;}
.select-inputs { margin:30px 0;}
.project-total-summery {float:left; width:100%; border-top:1px solid #bfbfbf; text-align:center;}
.project-total-summery h3 {font-size:16px; font-weight:600; color:#22a7f0;}
.profile-user-img{border:none;}
.notification-details ul {list-style:none; margin:0; padding:0;}
.notification-details h3 {padding:0; margin:0; border-bottom:1px solid #ebebeb; font-size:22px; padding:5px 10px}
.notification-details li {float:left; width:100%; padding:7px 10px; color:#929292;}
.notification-details .project-details {width:100%;}
.date-details {color:#000; font-weight:600;}
.technician-profile .box-profile-custom .profile-user-img {margin-top:25px; margin-bottom:20px;}
.overall-project h3.box-title {background:#22a7f0; font-size:22px; display:inline; float:left; width:100%; padding:10px; color:#fff; font-weight:600;}
.overall-project .btn-collapse {margin:0;}
.overall-project .table th {border:none; border-bottom:1px solid #ebebeb; font-size:15px;}
.overall-project .table td {border:none; margin:0; padding:10px 5px; vertical-align:middle;font-size:15px; }
.overall-project .table h3 {font-size:15px; padding:0; margin:0;font-size:16px;}
.overall-project .date {font-size:15px;}
.new-project a {color:#fa5341; text-decoration:underline;}
.new-project a:hover {text-decoration:none;}
.potential-projects a {color:#26c281; text-decoration:underline;}
.potential-projects a:hover {text-decoration:none;}
.completed-project a {color:#3c8dbc; text-decoration:none;}
.completed-project a:hover {text-decoration:underline;}
.total-log td {color:#fff; border:none!important; font-weight:bold;}

.cutsheet-info {float:left; width:100%; margin:20px ; font-size:16px;}

.project-table a {text-decoration:underline; color:#2f353b; margin-top:5px; display:inline-block;}

.popup-timelog {float:left; width:96%; padding:2%;}
.popup-timelog h2 {padding:0; margin:0 0 30px; font-size:22px; text-align:center;}
.popup-timelog .form-control {border-radius:5px; height:36px; margin-bottom:20px;}
.popup-timelog .submit-reset input {width:auto!important}
.cancel-btn {background:#5f738c!important}
.cancel-btn {background:#202b3d!important}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background:#ecbc00!important; border:none!important; font-size:16px!important; padding:5px 10px!important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#fff!important;}
.survey-notice {width:30px; height:30px; background:#ecbc00; border-radius:100%; float:left; text-align:center; line-height:30px; color:#fff; margin:0 10px 0 0; font-size:20px;}
.demo-notice {width:30px; height:30px; background:#f9b32a; border-radius:100%; float:left; text-align:center; line-height:30px; color:#fff; margin:0 10px 0 0}
.project-notice {width:30px; height:30px; background:#008000; border-radius:100%; float:left; text-align:center; line-height:30px; color:#fff; margin:0 10px 0 0; font-size:20px;}
.need-exceed-notice{width:30px; height:30px; background:#00008B; border-radius:100%; float:left; text-align:center; line-height:30px; color:#fff; margin:0 10px 0 0}
.select-date {padding:30px; font-size:16px;}
.align-left {text-align:left;}


.technical_project_orange {font-size:16px; color:#22a7f0; line-height:22px;}
.technical_project_orange h3 {font-size:20px; color:#2f353b; margin:30px 0 10px 0; font-weight:700;  clear:both;}
.technical_project_orange label {color:#2f353b; font-weight:600; font-size:16px; margin-right:5px; margin-bottom:7px; float:left; text-align:right; width:200px; margin-right:10px; clear:left;}
.projectnote {padding:0; margin:0 0 10px;}
.note {margin:10px 0 10px 0; clear:both;}
.technicians-btn {float:left; width:auto; margin:0 10px 5px 0;}
.technicians-btn a {background:#e87e04; display:block; padding:5px 10px; border-radius:5px; color:#fff;}
.job-time-card {float:left; width:100%;}
.job-time-card .table td {text-align:left}
.job-time-card h4 {background:#e87e04; padding:14px 10px; color:#fff; margin:0; font-weight:600;}
.add-time {float:right; border:2px solid #fff; color:#fff; text-decoration:none; padding:5px 10px; display:block; margin:-6px 0 0 0;}
.job-time-card table td{border:1px solid #c3c3c3; color:#2f353b;}
.job-time-card .table-head td{color:#e87e04;}
.job-time-card .btn {border-radius:0; padding:3px 10px; font-size:16px; color:#2c3e50}
.btn-supplies {float:left; width:100%;}
.btn-supplies a{background:#e87e04; display:block; padding:5px 10px; border-radius:5px; color:#fff; float:left;}
.btn-supplies a:hover {background:#d57302;}
.pdf-file {background:url(../img/pdf-icn.png) no-repeat 0 0; display:inline-block; min-height:42px; padding:0 0 0 40px; color:#2c3e50; line-height:31px; }
.cut-file {background:url(../img/csv-icn.png) no-repeat 0 0; display:inline-block; min-height:42px; padding:0 0 0 40px; color:#2c3e50; line-height:31px; }

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {height:auto;}
.log-box {width:40px; text-align:center; border:1px solid #bbb;}
.popup-timelog select.form-control {height:46px}
.center {text-align:center!important}

table {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }

  table tr {
    border: 1px solid #ddd;
    padding: 5px;
  }

  table th, table td {
    padding: 10px;
    text-align: center;
  }

  table th {
    text-transform: uppercase;
    font-size: 14px;
  }
.pdf-icon {background:url(../img/icn-pdf.png) no-repeat left top;}
.csv-icon {background:url(../img/icn-csv.png) no-repeat left top;}
.ajax-file-upload-error {color:#ff0000;}
.add-scroll {overflow-x:scroll;}
.hide-navigation .main-sidebar {display:none;}
.hide-navigation .content-wrapper {margin-left:0;}
.hide-navigation .main-header > .navbar {margin-left:0;}
.project-name2 {
    float: left;
    max-width: 68%;
    text-align: left;
   padding:0!important;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu .btn.btn-flat {
    border: 2px solid #999;
    border-radius: 3px;
    box-shadow: none;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu .btn.btn-flat:hover {border-color:#22a7f0; background:#fff;}
.input-btns2 {text-align:left!important; margin:30px 0; }
.input-btns2 .btn {font-size:22px!important; margin:0 30px 0 20px}
.skin-black .main-header li.user-header {background:#f0b000;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {padding:10px;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {font-size:24px;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu:before{
    border-bottom: 11px solid rgba(0, 0, 0, 0.2);
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    display: inline-block;
    right: 12px;
    position: absolute;
    top: -11px;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu:after {
    border-bottom: 11px solid #ffffff;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    display: inline-block;
    right: 12px;
    position: absolute;
    top: -10px;
}
.potential-project .view-all, .approved-project .view-all, .completed-project .view-all  {
    background:none!important; color:#2c3e50!important; font-size:26px!important; font-weight:bold; margin-right:15px!important; padding:0!important; text-decoration:underline;
}
.potential-project .view-all:hover, .approved-project .view-all:hover:hover, .completed-project .view-all:hover { background:none!important; text-decoration:none; box-shadow:none;}
.clear {clear:both;}
.radio-invoice {width:auto;}
.radio-invoice label {text-align:left;} 
.form-control-generate {float:left; width:60%;}
.system-data td {text-align:left;}
.timer-container {position: fixed; bottom: 0; right: 0; z-index: 1999; clear: both; width:100%; height:auto; background:#1f2b3d;}
.timer-container #logSuccess {margin-bottom:20px;}
.log-icon{ width: 5%; height: auto; color: #ff0000; float:left; font-size:33px; text-align:center;}
.technician-timer-on {padding:10px; color:#333;}
#timerDialogue {padding:10px; font-size:16px;}
#sw_stop {background:#f4f4f4; border:1px solid #acacac; padding:2px 4px}
#logSuccess {margin:-11px 0 0 0;}
.technician-timer-on input[type="button"]  {color:#000;}
.technician-timer-on a, .technician-timer-on span {color:#333;}
.technician-timer-on a, .technician-timer-on select {color:#000;}
#timeLog {padding:50px 10px;}
#sw_start {
    float: right;
    background: #1f2b3d;
    color: #fff;
    border: none;
    padding:4px 10px;
    font-size: 22px;
    width: 100px;
	margin:0 0 0 10px;
}
#sw_pause {
    float: right;
    width: 100px;
    padding: 4px 10px;
    border: none;
    background: #f0b000;
    color: #fff;
    font-size: 22px;
    margin: 0 0 0 10px;
}
#sw_reset {
    float: right;
    width: 100px;
    padding: 4px 10px;
    font-size: 22px;
    background: #5e738b;
    color: #fff;
    border: none;
	margin:0 0 0 10px;
}
#sw_stop {
    float: right;
    width: 100px;
    padding:3px 10px;
    font-size: 22px;
	margin:0 0 0 10px;
	text-align:center;
}
#sw_status {padding-left:10px;}
.stopwatch {
    float: left;
    position: relative;
}
.stopwatch select {padding:10px;}

.invoice-label .form-control {width:50%; flaot:left;}



@media (max-width:1260px) {
.total-summery .small-box p {font-size:16px; line-height:16px;}
.total-summery .small-box h3 {font-size:22px;}
.supply-table th {font-size:14px!important; text-transform:capitalize}
.approved-project .box-header h3.box-title, .potential-project .box-header h3.box-title, .completed-project .box-header h3.box-title {font-size:24px;}
.approved-project tr td h3 {font-size:16px;}
.supply-table button, .supply-table a {margin-bottom:3px;}
.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;}
.technical_project_orange label {width:180px;}
.ajax-upload-dragdrop {width:99%!important;}

}
@media (max-width:1190px) {
.pdf-file {
    line-height: 18px;
    max-width: 160px;
    min-height: 50px;
}
}


@media (max-width:1080px) {
	.supply-table th {font-size:14px!important; text-transform:capitalize}
.approved-project .box-header h3.box-title, .potential-project .box-header h3.box-title, .completed-project .box-header h3.box-title {font-size:24px;}
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {position:initial!important;}
#sw_start {clear:left; margin:10px 0 0 0; float:left;}
#sw_pause {margin:10px 0 0 0;float:left; clear:left;}
#sw_reset {float:left; margin:10px 0 0 10px; }
#sw_stop  { margin:10px 0 0 10px; float:left;}
	
	}


@media (max-width:860px) {
.sidebar-toggle {display:block;}	
.total-summery .small-box p {font-size:14px;}
.total-summery .small-box h3 {font-size:16px;}

}

@media (max-width:767px) {
	.main-header > .navbar {margin:0;}
	.skin-black .main-header > .logo {width:100%;}
/*	.content-wrapper, .right-side {margin-left:0;}*/
 table {
      border: 0;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    table td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
	.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:none!important;}
	.navbar-nav > li > a {padding:25px 15px!important}
.sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer {
    transform: translate(0px, 0px);
}
.sidebar-open .main-header > .navbar .sidebar-toggle {margin-left:150px!important;}
.content-wrapper, .right-side, .main-footer  {margin-left:0px!important;} 
.sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer {margin-left:150px!important;}
	
	}