@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-face {


font-family: 'open_sansbold';


src: url('../fonts/opensans-bold-webfont-webfont.eot');


src: url('../fonts/opensans-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),


url('../fonts/opensans-bold-webfont-webfont.woff2') format('woff2'),


url('../fonts/opensans-bold-webfont-webfont.woff') format('woff'),


url('../fonts/opensans-bold-webfont-webfont.ttf') format('truetype'),


url('../fonts/opensans-bold-webfont-webfont.svg#open_sansbold') format('svg');


font-weight: normal;font-style: normal;}





@font-face {


font-family: 'open_sansitalic';


src: url('../fonts/opensans-italic-webfont-webfont.eot');


src: url('../fonts/opensans-italic-webfont-webfont.eot?#iefix') format('embedded-opentype'),


url('../fonts/opensans-italic-webfont-webfont.woff2') format('woff2'),


url('../fonts/opensans-italic-webfont-webfont.woff') format('woff'),


url('../fonts/opensans-italic-webfont-webfont.ttf') format('truetype'),


url('../fonts/opensans-italic-webfont-webfont.svg#open_sansitalic') format('svg');


font-weight: normal;font-style: normal;}





@font-face {


font-family: 'open_sanslight';


src: url('../fonts/opensans-light-webfont-webfont.eot');


src: url('../fonts/opensans-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),


url('../fonts/opensans-light-webfont-webfont.woff2') format('woff2'),


url('../fonts/opensans-light-webfont-webfont.woff') format('woff'),


url('../fonts/opensans-light-webfont-webfont.ttf') format('truetype'),


url('../fonts/opensans-light-webfont-webfont.svg#open_sanslight') format('svg');


font-weight: normal;font-style: normal;}





@font-face {


font-family: 'open_sansregular';


src: url('../fonts/opensans-regular-webfont-webfont.eot');


src: url('../fonts/opensans-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),


url('../fonts/opensans-regular-webfont-webfont.woff2') format('woff2'),


url('../fonts/opensans-regular-webfont-webfont.woff') format('woff'),


url('../fonts/opensans-regular-webfont-webfont.ttf') format('truetype'),


url('../fonts/opensans-regular-webfont-webfont.svg#open_sansregular') format('svg');


font-weight: normal;font-style: normal;}





@font-face {


font-family: 'open_sanssemibold';


src: url('../fonts/opensans-semibold-webfont-webfont.eot');


src: url('../fonts/opensans-semibold-webfont-webfont.eot?#iefix') format('embedded-opentype'),


url('../fonts/opensans-semibold-webfont-webfont.woff2') format('woff2'),


url('../fonts/opensans-semibold-webfont-webfont.woff') format('woff'),


url('../fonts/opensans-semibold-webfont-webfont.ttf') format('truetype'),


url('../fonts/opensans-semibold-webfont-webfont.svg#open_sanssemibold') format('svg');


font-weight: normal;font-style: normal;}





* {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}


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


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


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


a{color:#333;}


a:hover, a:focus {text-decoration: none;}


body {overflow-x: hidden;color:#333;font-family: 'open_sansregular';}


input:focus, button:active,button:focus{outline: none !important;}


.form-group {margin-bottom: 20px;}





/*LOGIN PAGE*/


.login-screen{background: #a1c89d;position: relative;}


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


.login_01 {position: relative;top: 0;bottom: 0;left: 0;right: 0;margin: 10% auto;max-width: 350px;width:100%;


height: auto;background:rgba(255,255,255,0.9);border-radius: 3px;text-align:center;padding:20px 20px;z-index: 99;}


.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: 40px;width: 47px;}


.btn-default {color: #333;background-color: #fad540;border-color: #fad540;width: 100%;height: 60px;


/*margin-bottom: 15px;*/font-size: 24px;}


.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{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: 60px;margin-bottom: 0px;}


.navbar-brand img {width: 125px;margin-top: -10px;}


#page-wrapper {background: #e1f1ee;}


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;} 


#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: #1e9c48;}


.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-striped i{font-size: 18px; color:#535353;}


.table td a {display: inline-block;vertical-align: middle;margin: 2px 5px 0;}


.table td a:first-child{margin-left: 0;}


.table td a:last-child{margin-right: 0;}


.table td a.fill-form {margin-right: 10px;}


.table td a.editrerter i,.table td a.fill-form i,.table td a.view i,.table td a i{color:#0e6aab }


.table td a.delete i{color: #ec0c0c}


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;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 #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;}


.panel{border:0; margin-top:10px; }


.panel-default>.panel-heading {color: #f2f2f2;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;width: 100%;}


ul.nav.navbar-nav.side-nav li i.glyphicon.glyphicon-plus {float: right;font-size: 12px;line-height: 16px;}


.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:auto;}


.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#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:13px; position: absolute; left:0; z-index: 9999999;}


}





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


h5.wel-username {float: none;text-align: center;}


}





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;}


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: -17px; 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;}


.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;}


.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;}


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;}


div.error{color: red;font-size: 12px;position: absolute;}


.form-group label.error{position: absolute;color: red;left: 0;display: block;bottom: -24px;font-size: 12px;}


.bulk-member .form-group label.error {bottom: -40px;}


.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;}


.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;}


}





.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: 1px solid #ccc;width: 120px;height: 120px;position: relative;}


div#preview img{width: 100%;height: 100%;}


.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: 40px;width: 100%;position: relative;}


.input-group.checkbox{height:auto;}


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


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


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;}


.btn-group, .btn-group-vertical{width:100%;}


.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; border:1px solid #ffd426;}


.jq-icon-error{background-color:#fff; color:red;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: 14px;font-weight: normal;color: #222;}


.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;width: auto;background-color: #1e9c48;color: #fff;border: 1px solid #1e9c48;font-size: 15px;transition: 0.3s;}


.form-group-semi .btn-default:hover{box-shadow: 0 3px 3px rgba(0,0,0,0.2);background-color: #1e9c48;border: 1px solid #1e9c48;}


.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;}


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;}


.pagination{margin-top:10px; }


.dataTables_paginate{text-align:right;}


div.dataTables_length { margin:2px auto 10px; 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:285px;float: right;}


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


table.dataTable{width:100%!important;}


table.dataTable>tbody>tr.child{text-align: left;}


table.dataTable>tbody>tr.child span.dtr-title{min-width: 126px;}


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;font-size: 14px;}


.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;background-color: #fff;}


.tab-content h3{font-size: 16px;color: #333;margin: 0 0 10px;}


.lang-table th{background:; color:;}


.lang-table td{white-space: pre-wrap;}


.lang-table .form-group {margin: 0;}


.lang-table td .form-group input{height: 30px;border: 1px solid #ccc;padding: 5px;width: 100%;border-radius: 3px;}


.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;border:0;}


/* Safari 7.1+ */


_::-webkit-full-page-media, _:future, :root .checkbox label {margin-right:20px;line-height: 20px;}


.multi-select-box .multiselect-selected-text {font-size: 14px;font-family: 'open_sansregular';}


.multiselect-container li a label {font-size: 14px;display: block;padding: 0 0 0 20px;}


.multiselect-container>li>a>label>input[type=checkbox] {margin-top: 3px;}





@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: 8px 0;display: block;color: #fff;}


.nav li ul.dropdown-menu li a {color: #222;}


.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;}


}





@media (max-width: 767px){


.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 label{float: none;}


.padding-left-0{padding-left:0;}.padding-right-0{padding-right:0;}


table.dataTable.nowrap th, table.dataTable.nowrap td{white-space: normal;}


div#page-wrapper {min-height: auto;}   


div.dataTables_wrapper div.dataTables_info{text-align: left;}       


}





.form-control:focus {box-shadow: none;border: 1px solid #579f4f;}


.login_body .input-group input {height: 45px;font-size: 15px;}    


.login_body .input-group input[type="checkbox"] {height: auto;}


.login_01 .btn-default {background-color: #579f4f;border: 1px solid #579f4f;color: #fff;height: 45px;font-size: 16px;


font-weight: normal;transition: 0.3s;font-family: 'open_sanssemibold';text-transform: uppercase;}


.login_01 .btn-default:hover{background-color: transparent;color: #579f4f;border: 1px solid #579f4f;}


.login_01 a {color: #e51a2b;font-size: 14px;font-family: 'open_sanssemibold',sans-serif;text-decoration: underline;}


.login-screen .login_body{position: relative;}


.login-screen::after{content: "";position: absolute;background-image: url(../img/login-bg-img2.jpg);


background-repeat: no-repeat;background-position: center center;width: 100%;bottom: 0px;right: 0px;z-index: 9;


height: 100%;background-size: cover;top: 20%;}


.login-screen form {margin: 0;}


.nav select#project_list {display: none;}


.nav .dropdown .circle_01 {width: 40px;height: 40px;background-color: #579f4f;}


.nav .dropdown .circle_01 p {font-size: 17px;top: 50%;bottom: 0;transform: translateY(-50%);}


.top-nav>li>a{height: auto;padding: 0;}


.top-nav>li.dropdown{padding: 11px 15px 0;}


.top-nav>.dropdown>.dropdown-menu {min-width: 140px;right: 10px !important;top: 60px;transform: translateY(0px);transition: 0.5s;display: block;visibility: hidden;opacity: 0;border: none;box-shadow: 0px 1px 5px rgba(0,0,0,0.2);padding: 0;}


.top-nav>.dropdown.open>.dropdown-menu {transform: translateY(15px);visibility: visible;opacity: 1;}


.dropdown-menu>li>a {font-weight: normal;border-bottom: 1px solid #eee;padding: 6px 10px;}


.top-nav>.dropdown>.dropdown-menu::before{content: "";position: absolute;top: -13px;right: 8px;width: 0;


height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 12px solid #ccc;}


.top-nav>.dropdown>.dropdown-menu::after{content: "";position: absolute;top: -12px;right: 8px;width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 12px solid #fff;}


.dropdown-menu>li>a:hover {background-color: #f5f5f5;} 


.side-nav>li>ul#demo>li>a,.side-nav>li>ul>li>a{padding: 6px 20px;}


.side-nav>li>ul#demo>li>a:hover,.side-nav>li>ul>li>a:hover {background-color: transparent;color: #1e9c48;}


.navbar-inverse .navbar-nav>li>a {color: #fff;font-size: 14px;}


nav.navbar {border: none;box-shadow: 0 2px 3px rgba(0,0,0,0.15);}


div#footer {background-color: #fff;border: none;box-shadow: 0 -2px 2px rgba(0,0,0,0.15);margin: 0;padding: 10px 0 0;    color: #222;}


#page-wrapper .panel {background-color: transparent;border: none;box-shadow: none;}


#page-wrapper .panel-default>.panel-heading {background-color: transparent;color: #193d53;padding: 0;margin: 0 0 10px;


border: none;font-weight: 500;font-size: 22px;font-family: 'open_sanssemibold';}


#page-wrapper .panel-body {border: none;padding: 0;}


div#members_filter {padding: 0;margin: 0 0 10px;}


.table>thead>tr>th {padding: 10px 8px; }


table.table-bordered.dataTable tbody td {border: 1px solid #fff;}


.table-striped>tbody>tr{background-color: #f5f5f5;}


.table-striped>tbody>tr:nth-of-type(odd) {background-color: #eee;}


.login-screen .input-group input {height: 45px;font-size: 15px;}


.login-screen .input-group {margin: 0 0 20px;}





@media all and (max-width:767px){


.login-screen .login_body::after{top: auto;}     


}