@charset "utf-8";
/* CSS Document */
body {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #000!important;
    text-shadow:none;

}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: 'Karla', sans-serif;
    font-weight: bold;
    color: #09357a;
    text-rendering: optimizelegibility;
}
.nomargin {
    margin: 0!important;
}
.mt0{
    margin-top: 0!important;
}
.text-right {
    text-align: right;
}
.text-center{
    text-align: center!important;
}
.timesheetbox {
    border: 1px solid #ccc;
    padding: 5px;
}
.pro_form {
    padding: 0;
    margin: 0 0 0px 0;
}
.proset {
    border: 1px solid #ccc;
    padding: 10px 18px 10px 18px;
    margin: 0px 0 0 0;
    height: auto;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.proset h4 {
    color: #09357a;
    font-family: "Karla", sans-serif;
    font-weight: bold;
    margin: 0;
    text-rendering: optimizelegibility;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
    margin: 0 0 5px 0;
}
.proset .headtitle {
    border-bottom: 1px solid #dddddd;
    line-height: 18px;
    padding: 0px;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    /*padding: 0 0 8px 0;*/
    padding: 6px 0 10px 0;
}
/*.timesheet .table th {
    border-top: 1px solid #dddddd;
    line-height: 18px;
    padding: 8px;
    text-align: left;
    vertical-align: middle; background-color:#666 !important; color:#fff; text-align:center;
}*/

.table th {
    border-top: 1px solid #dddddd;
    line-height: 18px;
    padding: 8px;
    text-align: left;
    vertical-align: middle; /*background-color:#072e6a; color:#fff;*/
    text-align: center;
}
table td {
    border-top: 1px solid #dddddd;
    line-height: 18px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}
.divbreak {
    margin: 0 0 10px 0;
    float: left;
    height: auto;
    width: 100%;
}
.proset .checkbox {
    margin: 10px 0 0 25px;
    padding: 0;
}
.form-horizontal textarea {
    width: 98% !important;
}
.textbox2 {
    min-width: 800px;
    width: 73%;
}
.proset span {
    font-size: 10px;
}
.report select {
    border: 1px solid #bbb;
    width: 100%;
}
select {
    border: 1px solid #bbb;
    width: 100%;
    float: left;
    text-align: left;
}
.ad-dash {
    margin: 120px auto;
}
.ad-dash .btn-primary {
    font-size: 18px;
    transition: all 0.3s ease-in 0s;
    width: 100%;
}
.ad-dash .btn-primary {
    background: #072e6a none repeat scroll 0 0;
    color: #fff !important;
    margin: 20px 0 12px 0;
    padding: 20px 0;
    width: 100%;
}
.ad-dash .row-fluid {
    margin: 0 auto;
}
.timesheet .btn-primary a {
    color: #fff;
}
.timesheet .btn-primary a:hover {
    color: #fff;
    text-decoration: none;
}
.timesheet span{font-size:16px;}
.fa-times::before {
    color: #555 !important;
    content: "";
}
.tsk {
    border: 1px solid #09357a;
    font-weight: bold;
    height: 30px;
    padding-top: 10px;
    width: 50px;
    border-radius: 4px;
    margin: 0 auto;
}
.timesheet .table th, .table td {
    border-top: 1px solid #dddddd;
    line-height: 18px;
    padding: 8px 20px;
    text-align: left;
    vertical-align: top;
}
.greentext{
    color:green !important;
}
.redtext{
    color:red !important;
}
.tskText {
    height: auto;
    padding-top: 10px;
    width: 100%;
}
.tskText span {
    font-size: 10px;
    line-height: 10px;
    width: 100%;
}
.dashhours {
    /*height: auto;
    padding-top: 0px;
    width: 100%;*/
    position: absolute;
}
.dashhours span {
    font-size: 10px;
    line-height: 10px;
    width: 100%;
}
/*.table th, .table td {
    border-top: 1px solid #dddddd;
    line-height: 18px;
    padding: 8px 18px;
    text-align: left;
    vertical-align: top;
}*/
.bottombtn {
    margin: 15px 20px 15px 0;
    line-height: 35px;
}
.table thead th {
    vertical-align: middle;
}
.rightbtn {
    float: right;
    margin: 0 95px 0 0;
}
.box-header {
    padding: 8px 10px 25px 0px;
}
.box-header h2 {
    clear: none;
    float: left;
    font-size: 15px;
    line-height: 25px;
    white-space: nowrap;
    width: auto;
    margin: 2px 0 0 0px;
    color: #445060;
    text-shadow: none;
}
/*.form-horizontal input[type="text"], .form-horizontal input[type="password"], .form-horizontal input[type="datetime"], .form-horizontal input[type="datetime-local"], .form-horizontal input[type="date"], .form-horizontal input[type="month"], .form-horizontal input[type="time"], .form-horizontal input[type="week"], .form-horizontal input[type="number"], .form-horizontal input[type="email"], .form-horizontal input[type="url"], .form-horizontal input[type="search"], .form-horizontal input[type="tel"], .form-horizontal input[type="color"], .uneditable-input {
    width: 98%;
}
*/
.proset .form-horizontal input[type="text"], .proset .form-horizontal input[type="password"], .proset .form-horizontal input[type="datetime"], .proset .form-horizontal input[type="datetime-local"], .proset .form-horizontal input[type="date"], .proset .form-horizontal input[type="month"], .proset .form-horizontal input[type="time"], .proset .form-horizontal input[type="week"], .proset .form-horizontal input[type="number"], .proset .form-horizontal input[type="email"], .proset .form-horizontal input[type="url"], .proset .form-horizontal input[type="search"], .proset .form-horizontal input[type="tel"], .proset .form-horizontal input[type="color"], .proset .uneditable-input {
    width: 98%;
}
.form-horizontal .control-label {
    float: left;
    padding-top: 5px;
    text-align: left;
    width: 100%;
    font-weight: 500;
    margin-bottom: 8px;

}
.row-fluid [class*="span"] {
    margin-left: 2.5641%;
}
#leftbtndiv {
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
}
.login-box .btn {
    margin-top: 15px;
    width: auto !important;
}
.exitbtn {
    padding: 4px 30px 4px 30px;
}
.enterbtn {
    padding: 4px 25px 4px 25px;
}
.savebtn{padding: 4px 38px 4px 38px;}
.cancelbtn{padding: 4px 30px 4px 30px;}
.editbtn{padding: 4px 16px 4px 16px; text-decoration:none !important;}
.editbtn a{ text-decoration:none !important;}
.viewbtn {
    padding: 4px 25px 4px 25px;
}
.login-header {
    height: auto;
    padding-top: 0px;
    margin: 150px 0 0 0;
}
.eprojectlogo {
    float: left;
}
.logoleft {
    float: right;
}
.rember {
    padding: 0 0 10px 148px !important;
}
.rember a {
    color: #555;
    text-decoration: none;
}
.rember a:hover {
    color: #555;
    text-decoration: underline;
}
.rember a:focus {
    color: #555;
    text-decoration: underline;
}
.forgot {
    padding: 0px 0 10px 285px !important;
    margin: -15px 0 0 0;
}
.forgotbtn {
    margin: 25px 0 0 0;
    float: left;
}
.gobtnindex {
    padding: 4px 10px 4px 10px;
    float: left;
}
.timesheet select, .timesheet textarea, .timesheet input[type="text"], .timesheet input[type="password"], .timesheet input[type="datetime"], .timesheet input[type="datetime-local"], .timesheet input[type="date"], .timesheet input[type="month"], .timesheet input[type="time"], .timesheet input[type="week"], .timesheet input[type="number"], .timesheet input[type="email"], .timesheet input[type="url"], .timesheet input[type="search"], .timesheet input[type="tel"], .timesheet input[type="color"], .timesheet .uneditable-input {
    color: #555555;
    display: inline-block;
    font-size: 13px;
    height: auto;
    line-height: 18px;
    margin-bottom: 0px;
    padding: 4px;
    width:100%;
    border: 1px solid #DDD;
}
.spaceleft {
    margin-left: 35px;
}
.spaceright {
    margin-left: -35px;
}
.spacexls {
    left: -35px;
    position: relative;
}
.btnR {
    float: right;
    margin: -28px 0 0 0px;
    position: relative;
    right: 36px;
}
.tmtopbtn {
    margin: -5px 9px 0px 0px;
    line-height: 35px;
}
.addnew {
    padding: 4px 29px 4px 29px;
}
.savenew {
    padding:4px 29px 4px 29px;
}
.update {
    padding: 4px 29px 4px 29px;
}
.activity {
    padding: 4px 70px 4px 69px;
}
.deletenew {
    padding: 4px 29px 4px 29px;
}
.gobtn {
    margin: 6px 0 0 0;
    float: none;
}
.searchnew {
    padding: 4px 15px 4px 14px;
}
.totalinput {
    margin-right: -8px;
    width: 100% !important;
}
.savedown{margin:0 0 20px 0;}
.disciple {
    width: 100%;
    margin: 0 auto;
}
.formbg {
    background-color: #f5f5f5;
    padding: 2px 0 4px 0;
}
.formtext {
    padding: 6px 0 0 0;
}
.login .row-fluid .span5 {
    width: 53.5%;
}
.foter {
    background-color: #445060 ;
    bottom: 0;
    color: #fff;
    height: auto;
    position: fixed;
    text-align: center;
    width: 100%;
}
.foter h3 {
    padding: 10px 0;
}
.foter h3 {
    color: #fff !important;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 400;
}
.foter a {
    text-decoration: none !important;
    color: #FFF;
}
.filterdrop {
    width: 100%;
}
.timesheet a {
    color: #FFF;
    /*text-decoration: underline;*/
}
.timesheet a:hover {
    /*color: red;*/
    text-decoration: none;
}
.timesheet{
    margin:0 0 25px 0 !important;
}

@media (max-width: 1280px) {
.rightbtn {
    float: right;
    margin: 0 160px 0 0;
}
/*.form-horizontal input[type="text"], .form-horizontal input[type="password"], .form-horizontal input[type="datetime"], .form-horizontal input[type="datetime-local"], .form-horizontal input[type="date"], .form-horizontal input[type="month"], .form-horizontal input[type="time"], .form-horizontal input[type="week"], .form-horizontal input[type="number"], .form-horizontal input[type="email"], .form-horizontal input[type="url"], .form-horizontal input[type="search"], .form-horizontal input[type="tel"], .form-horizontal input[type="color"], .uneditable-input {
    width: 97.2%;
}*/

.proset .form-horizontal input[type="text"], .proset .form-horizontal input[type="password"], .proset .form-horizontal input[type="datetime"], .proset .form-horizontal input[type="datetime-local"], .proset .form-horizontal input[type="date"], .proset .form-horizontal input[type="month"], .proset .form-horizontal input[type="time"], .proset .form-horizontal input[type="week"], .proset .form-horizontal input[type="number"], .proset .form-horizontal input[type="email"], .proset .form-horizontal input[type="url"], .proset .form-horizontal input[type="search"], .proset .form-horizontal input[type="tel"], .proset .form-horizontal input[type="color"], .proset .uneditable-input {
    width: 97.2%;
}
.form-horizontal textarea {
    width: 97% !important;
}
#leftbtndiv {
    /*margin-left: 363px !important;*/
    margin: 0 0px 0 0;
}
.login-header {
    height: auto;
    padding-top: 0px;
    margin: 150px 0 0 0;
}
.eprojectlogo {
    float: left;
    width: 30%;
    text-align: left;
}
.logoleft {
    float: right;
    width: 50%;
    text-align: right;
}
.forgot {
    padding: 0px 0 10px 212px !important;
    margin: -15px 0 0 0;
}
.forgotbtn {
    margin: 25px 10px 0 0;
    float: left;
}
.gobtnindex {
    padding: 4px 10px 4px 10px;
    float: left;
}
.dashhours {
    height: auto;
    padding-top: 0px;
    width: 100%;/*position: absolute;*/
}
.btnR {
    float: right;
    margin: -28px 0 0 0px;
    position: relative;
    right: 30px;
}
.totalinput {
    margin-right: 0px;
}
}

@media (max-width: 1024px) {
.rightbtn {
    float: right;
    margin: 0 80px 0 0;
}
.row-fluid [class*="span"] {
    margin-left: 0%;
}
.rember {
    /*padding: 3px 78px 12px 0 !important;
    text-align: right !important;*/
}
#leftbtndiv {
    /*margin-left: 304px !important;*/
    margin: 0 0px 0 0;
}
.form-horizontal textarea {
    min-width: 98% !important;
}
.forgot {
    padding: 0px 0 10px 160px !important;
}
.forgotbtn {
    margin: 25px 10px 0 0;
    float: left;
}
.gobtnindex {
    padding: 4px 10px 4px 10px;
    float: left;
}
.dashhours {
    height: auto;
    padding-top: 0px;
    width: 100%;
    /*position: absolute;*/
    position: inherit;
}
.tsk {
    border: 1px solid #09357a;
    font-weight: bold;
    height: 30px;
    padding-top: 10px;
    width: 50px;
    border-radius: 4px;
    margin: 0 auto;
}
.ad-dash .btn-primary {
    background: #072e6a none repeat scroll 0 0;
    color: #fff !important;
    margin: 20px 0px 0px 0;
    padding: 20px 0;
    width: 98%;
}
.proset .span1 {
    display: none;
}
.spaceleft {
    margin-left: 0px;
}
.spaceright {
    margin-left: 0px;
}
.spacexls {
    left: -0px;
    position: relative;
}
.btnR {
    float: right;
    margin: -28px 0 0 0px;
    position: relative;
    right: -10px;
}
}

@media (max-width: 800px) {
.rightbtn {
    float: right;
    margin: 0 12px 0 0;
}
/*.form-horizontal input[type="text"], .form-horizontal input[type="password"], .form-horizontal input[type="datetime"], .form-horizontal input[type="datetime-local"], .form-horizontal input[type="date"], .form-horizontal input[type="month"], .form-horizontal input[type="time"], .form-horizontal input[type="week"], .form-horizontal input[type="number"], .form-horizontal input[type="email"], .form-horizontal input[type="url"], .form-horizontal input[type="search"], .form-horizontal input[type="tel"], .form-horizontal input[type="color"], .uneditable-input {
    width: 96%;
}*/

.proset .form-horizontal input[type="text"], .proset .form-horizontal input[type="password"], .proset .form-horizontal input[type="datetime"], .proset .form-horizontal input[type="datetime-local"], .proset .form-horizontal input[type="date"], .proset .form-horizontal input[type="month"], .proset .form-horizontal input[type="time"], .proset .form-horizontal input[type="week"], .proset .form-horizontal input[type="number"], .proset .form-horizontal input[type="email"], .proset .form-horizontal input[type="url"], .proset .form-horizontal input[type="search"], .proset .form-horizontal input[type="tel"], .proset .form-horizontal input[type="color"], .proset .uneditable-input {
    width: 96%;
}
.row-fluid [class*="span"] {
    margin-left: 2.5641%;
}
.input-xlarge {
    width: 200px;
}
#leftbtndiv {
    /*margin-left: 215px !important;*/
    margin: 0 0px 0 0;
     margin-left: 80px !important;
}
.tsk {
    border: 1px solid #09357a;
    font-weight: bold;
    height: 30px;
    padding-top: 10px;
    color: #333;
    font-size: 12px;
}
.form-horizontal textarea {
    width: 80% !important;
}
.login-header {
    height: auto;
    padding-top: 0px;
    margin: 150px 0 0 0;
}
.eprojectlogo {
    float: left;
    text-align: left;
    margin: 10px 0 0 0;
}
.logoleft {
    float: right;
    text-align: right;
    margin: 0;
}
.rember {
/*  padding: 3px 50px 12px 0 !important;
    text-align: right !important;*/
     padding: 0 0 10px 90px !important;
}
.forgot {
    padding: 0px 0 10px 82px !important;
    margin: -15px 0 0 0;
}
.forgotbtn {
    margin: 25px 10px 0 0;
    float: left;
}
.gobtnindex {
    padding: 4px 10px 4px 10px;
    float: left;
}
.spacexls {
    left: -0px;
    position: relative;
}
.btnR {
    float: right;
    margin: -28px 0 0 0px;
    position: relative;
    right: -30px;
}
}

@media (max-width: 768px) {
.rightbtn {
    float: right;
    margin: 0 0px 0 0;
}
/*.form-horizontal input[type="text"], .form-horizontal input[type="password"], .form-horizontal input[type="datetime"], .form-horizontal input[type="datetime-local"], .form-horizontal input[type="date"], .form-horizontal input[type="month"], .form-horizontal input[type="time"], .form-horizontal input[type="week"], .form-horizontal input[type="number"], .form-horizontal input[type="email"], .form-horizontal input[type="url"], .form-horizontal input[type="search"], .form-horizontal input[type="tel"], .form-horizontal input[type="color"], .uneditable-input {
    width: 95%;
}
*/
.proset .form-horizontal input[type="text"], .proset .form-horizontal input[type="password"], .proset .form-horizontal input[type="datetime"], .proset .form-horizontal input[type="datetime-local"], .proset .form-horizontal input[type="date"], .proset .form-horizontal input[type="month"], .proset .form-horizontal input[type="time"], .proset .form-horizontal input[type="week"], .proset .form-horizontal input[type="number"], .proset .form-horizontal input[type="email"], .proset .form-horizontal input[type="url"], .proset .form-horizontal input[type="search"], .proset .form-horizontal input[type="tel"], .proset .form-horizontal input[type="color"], .proset .uneditable-input {
    width: 95%;
}
#leftbtndiv {
/*  margin-left: 216px !important;*/
    margin: 0 0px 0 0;
}
.rember {
    padding: 0 0 10px 80px !important;
}
.input-xlarge {
    width: 200px;
}
.tsk {
    border: 1px solid #09357a;
    font-weight: bold;
    height: 30px;
    padding-top: 10px;
    color: #333;
    font-size: 12px;
}
.proset .form-horizontal textarea {
    width: 88% !important;
}
/*.form-horizontal textarea {
    min-width: 97% !important;
}*/

.forgot {
    padding: 0px 0 10px 73px !important;
    margin: -15px 0 0 0;
}
.forgotbtn {
    margin: 25px 10px 0 0;
    float: left;
}
.gobtnindex {
    padding: 4px 10px 4px 10px;
    float: left;
}
}

@media (max-width: 640px) and (min-width: 320px) {
.proset .span1 {
    display: none;
}
/*add new css*/
.dashhours {
    position: inherit;
}
/*end new css*/ 
.ad-dash {
    margin: 10px 0 10px 0;
}
.ad-dash .span2 {
    display: none;
}
.addnew {
    padding: 4px 15px 4px 15px;
    margin: 0px 0 0 0;
}
.tsk {
    border: 1px solid #09357a;
    font-weight: bold;
    height: 30px;
    padding-top: 20px;
    width: 30%;
    font-size: 13px;
    line-height: 30px;
}
.tmtopbtn {
    margin: 10px 0px 10px 0px;
    line-height: 35px;
}
.proset .form-horizontal textarea {
    width: 98%;
}
.row-fluid [class*="span"] {
    margin-left: 0%;
}
#leftbtndiv {
/*  margin-left: 188px !important;*/
    margin: 0 0px 0 0;
}
.login .row-fluid .span5 {
    width: 95%;
}
.login-header {
    height: auto;
    padding-top: 0px;
    margin: 80px 0 0 0;
}
.eprojectlogo {
    float: left;
    width: 28%;
    text-align: left;
    margin: 10px 0 0 0;
}
.logoleft {
    float: right;
    width: 50%;
    text-align: right;
}
.rember {
    /*padding: 3px 30px 12px 0 !important;
    text-align: right !important;*/
    padding: 0 0 10px 80px !important;
}
.forgot {
    padding: 0px 0 10px 78px !important;
    margin: -15px 0 0 0;
}
.forgotbtn {
    margin: 25px 10px 0 0;
    float: left;
}
.gobtnindex {
    padding: 4px 10px 4px 10px;
    float: left;
}
.ad-dash .btn-primary {
    background: #072e6a none repeat scroll 0 0;
    color: #fff !important;
    margin: 20px 0 0px 0;
    padding: 20px 0;
    width: 100%;
}
.spacexls {
    left: -0px;
    position: relative;
}
.btnR {
    float: right;
    margin: -28px 0 0 0px;
    position: relative;
    right: 0px;
}
.disciple {
    width: 100%;
    margin: 0 auto;
}
.navbar .brand {
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: 75%;
}


}

.create-user {
    float: left !important;
    width: 13% !important;
}


.create-radio {
    float: left !important;
    width: auto !important;
    margin: 0 40px 0 0 !important;
}
.create-radio2 {
    float: left !important;
    width: auto !important;
    margin: 0 40px 0 10px !important;
}


/*===========================
        Dashboard
=============================*/
 .scroll-table{  
    overflow-x: scroll;
     margin-left: 180px;
     margin-top:20px;
}

 .scroll-table .table.table-hover.table-bordered.results th{
    min-width: 120px!important;
}

.scroll-table .table.table-hover.table-bordered.results th.namecol{
    width:100px!important; 
}

.dashboard-table .erecruit .create-user {
    float: right!important;
    width: 100%;
}
.dashboard-table .erecruit{
    clear: both;
}
.dashboard-table{
    margin-top: 20px;
}
.dashboard-table tr td, .dashboard-table tr th {
    border: 1px solid #dedede;
    padding: 15px 15px 15px 20px!important;
    vertical-align: middle!important;
}
.dashboard-table tr th:last-child{
    width: 100px;
}
.deshboard{
    display: table;
}
.deshboard-heading, .deshboard-content{
    display: table-row;
}
.deshboard-heading div{
    display:table-cell;
    border: 1px solid #dedede;
    padding: 15px 15px 15px 20px!important;
    vertical-align: middle!important;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-shadow: none;
    min-width: 175px;
    color: #223a74;
    background: #EEE;
}
.deshboard-content .deshboard-control{
    display: table-cell;
    border: 1px solid #dedede;
    padding: 15px 15px 15px 20px!important;
    vertical-align: middle!important;
}
.deshboard-content .deshboard-control{
    width: 150px;
}
.deshboard-control .erecruit{
    float:none;
    width: 100%;
    clear: both;
    margin-bottom: 5px;
}
.deshboard-control .erecruit .create-user{
    float: none!important;
    width: initial!important;
    display: inline-block;
}
.deshboard-control .erecruit input[type="radio"] {
    margin-right: 10px;
    float: left;
    margin: 4px 10px 0 0!important;
}
.namecol {
     position: absolute;
     width: 146px!important;
     border: none!important;
     border-top: 2px solid #EEE!important;
     left:20px;
     top: auto;
}
 .deshboard-control .namecol, .deshboard-heading .namecol{
    min-width: 120px!important;
}
.deletered {
    background-color: #F00 !important;
}
.border-box{
    border: 2px solid #EEE;
}
.htext a{
    color: #223a74!important;
    text-decoration: none!important;
}


.control-label .star{
   color: red;
}