@charset "utf-8";
body {
    background-color: #e6e8e8;
}
.panel {
    background: #e6e8e8;
}
.page-title, #page-wrapper, .white-box, .card {
    background: #e6e8e8;
}
 #page-wrapper{
    margin: 60px 0 0 0;
}
/*.card {
    margin: 65px 0 0 0;
}
#page-wrapper{
    margin: 0 0 0 201px;
}*/
.request-container{
    margin-top: 50px;
}
.request-box{
    width:99%;
    margin: 6px auto;
}
.request-lists{
    border:1px solid #cccccc;
    border-radius:8px; 
    margin-bottom: 20px;
    background:#fff;
}
.request-lists:hover{
   /* border:2px solid rgba(0,0,0,0.54);*/
    border-radius:8px; 
    -webkit-box-shadow: 2px 5px 26px 3px rgba(0,0,0,0.54);
    -moz-box-shadow: 2px 5px 26px 3px rgba(0,0,0,0.54);
    box-shadow: 2px 5px 26px 3px rgba(0,0,0,0.54);
    margin-bottom: 20px;
}
.request-listing-top{
    display: table; 
    width: 100%;
}
.req-status{
    width: 20%;
    display: table-cell;
}
.req-info{
    display: table-cell;
    padding: 0px 5px 1px 12px;
}
.req-list-id{
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    padding: 0px 0 3px 0;
    margin: 0;
    position: relative;
}
.req-list-id span{
    margin-left: 10px;
    color: red;
    font-size: 16px;
    position: absolute;
    right: 7px;
    bottom: 3px;
}
.req-list-sta{
    text-align: center;
    text-transform: uppercase;
    background: #06c;
    color: #fff;
    font-weight: 600;
    padding: 3px;
    font-size: 13px;
    border-radius: 3px 0px 0px 3px;
    cursor: pointer;
    margin-bottom: 4px;
}
.request-box .request-status-1{
    background: #f90;
}
.request-box .req-act-1:hover i{
    color: #f90;
}
.request-box .request-status-3{
    background: #99adb4;
}
.request-box .req-act-3:hover i{
    color: #99adb4;
}
.request-box .request-status-4{
    background:rgb(218, 50, 34);
}
.request-box .req-act-4:hover i{
    color: rgb(218, 50, 34);
}
.request-box .request-status-5{
    background: #df8796;
}
.request-box .req-act-5:hover i{
    color: #df8796;
}
.request-box .request-status-6{
    background: #56b5db;
}
.request-box .req-act-6:hover i{
    color: #56b5db;
}
.request-box .request-status-7{
    background: #262647;
}
.request-box .req-act-7:hover i{
    color: #262647;
}
.request-box .request-status-8{
    background: #98cc02;
}
.request-box .req-act-8:hover i{
    color: #98cc02;
}
.request-box .request-status-9{
    background: #6d712c;
}
.request-box .req-act-9:hover i{
    color: #6d712c;
}
.request-box .request-status-10{
    background: #8a71ae;
}
.request-box .req-act-10:hover i{
    color: #8a71ae;
}
.request-box .request-status-11{
    background: #997848;
}
.request-box .req-act-11:hover i{
    color: #997848;
}
.req-title a{
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 5px 0;
    color: #717171;
}
.req-title .req-comp-title{
    color: #949494;
}
.req-title span{
    font-size: 12px;
    color:#949494;
    font-weight: 600;
}
.req-desc{
    font-weight: 600;
    color:#949494;  
}
.request-listing-bottom{
    border-top: 1px solid #ccc;
}
.req-actions ul li{
    display: inline-block;
    vertical-align: top;
    min-height: 40px;
}
.req-act-icons a{
    padding: 10px 0px;
    display: block;
}
.req-act-icons{
    border-right: 1px solid #ccc;
    width: 30px;
    text-align: center;
}
.req-act-icons i, .req-image i{
    color:#BABABA;
    font-size: 16px;
}
.req-title .pms-req-complted{
    color: #949494 !important;
    font-size:14px;
}
.req-title .pms-request-name{
    font-size:13px;
    color: #6F6F6F;
}
.req-act-icons:hover i{
    color: #06c;
}
.req-image{
    margin: 5px 5px;
    display: inline-block;
    vertical-align: middle;
}
.req-name-role{
    display: inline-block;
    vertical-align: middle;
}
.req-name-role p{
    margin:0;
}
.req-assignee{
    font-weight: 600;
    font-size: 11px;
    color:#949494; 
}
.req-assignee-name{
    font-weight: 600;
    font-size: 14px;
    color: #949494;
}
.req-act-user{
    border-right: 1px solid #ccc;
    width: 13.5%;
    margin-left: 3px;
}
.req-priority{
    border-right: 1px solid #ccc;
    width: 5%;
    padding-left: 3px;
}
.req-list-cat{
    border-right: 1px solid #ccc;
    padding-left: 3px;
    width: 11%;
}
.req-list-effort{
    border-right: 1px solid #ccc;
    padding-left: 3px;
    width: 14%;
}
.req-act-assign{
    width: 17%;
    margin-left: 3px;
}
.req-list-lastact{
    margin-left:10px;
}
.req-pri-type, .req-cat-type {
    font-weight: 600;
    font-size: 13px;
    color: #949494;
}
.req-prio-4, .req-prio-3{
    color:rgb(218, 50, 34);
}
.select2-container{
    width: 100% !important;
    border: 1px solid #ccc;
}
#request-form input{
    width:100%;
    border: 1px solid #ccc;
}
#request-form input:focus, #add-member input:focus, #add-member select:focus{
    border: 1px solid #4099ff;
}
.eff-box input{
    width:50% !important;
}
.eff-box {
    display: inline-flex;
    height: 45px;
}
.eff-box span{
    margin-top: 8px;
}
select{
    background: url(../images/down-arrow.png) no-repeat right white !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    background-size: 12px !important;
    width: 100%;
    font-size: 14px;
}
::placeholder {
     color: #555 !important;
}
.error{
    color:red;
}
.errorMessage{
    color:red;
    text-align:center;
    font-size: 17px;
    font-weight: 600;
}
.search-div, .search_box{
    background: #fff;
}
.search-link-list .search_icon{
    background: url(../images/plus.png) no-repeat 0 7px;
    padding: 10px;
    background-size: 24px;
    outline: none;
}
.search-link-list .selected_search{
    background: url(../images/minus.png) no-repeat 0 7px !important;
    padding: 10px;
    background-size: 24px;
    outline: none;
}
.search_box{
    display:none;
    width: 97%;
    margin: 0 auto;
}
.err-msg{
    margin: 0;
    padding: 5px;
    text-align: center;
}
.pagination-box{
    text-align: center;
}
.hrefpagination{
    color:#06c;
    font-size: 15px;
    font-weight: 600;
}
#confirmationModalContent, #deleteprojectcontent{
    font-size: 15px;
    font-weight: 500;
    padding: 10px 15px;
}
.ui-widget.ui-widget-content{
    z-index: 9999;
}
.mandatory{
    color:red;
}
input.error, select.error{
    color: #555 !important;
}
.req_assigned_on{
    float:right;
}
.req-title span b{
    font-weight: 600;
    color: #949494;
}
#add-member input, #add-member select{
    border: 1px solid #ccc;
}
#add-member .btn {
    border-radius: 2px;
    text-transform: capitalize;
    font-size: 15px;
    padding: 5px 10px;
    cursor: pointer;
}
.card .action-user {
    padding: 5px 5px;
    font-size: 18px;
    font-weight: 600;
    outline: none;
}
.cl_main_div{
    padding-top:0;
    overflow-y: scroll;
}
.cl_block{
    border-top:1px solid #ccc;
    padding: 10px 0;
    margin: 0;
}
.cl_status{
    background: #262647;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    padding: 3px;
    font-size: 12px;
    border-radius: 0 3px 3px 0;
    width: 18%;
}
.cl_user{
    padding: 0;
    border-right: 1px solid #ccc;
    text-align: center;
    vertical-align: middle;
}
.cl_lists{
    padding-left: 0;
}
.cl_sta_list{
    display: flex;
}
.cl_user b{
    font-weight: 600;
    color:#000;
    display: block;
}
.comment-list-title{
    color:#06c;
    font-weight: 600;
    width: 96%;
}
.comment-list-title #requestId{
    color:#949494;
    font-weight: 400;
    float: right;
}
.add_comment{
    position: fixed;
    right: 0;
    bottom: 5%;
    z-index: 1;
}
.add_comment a, .add_comment a:hover{
    float: right;
    background: #06c;
    border:1px solid #06c;
    color: #fff;
    padding: 6px;
    margin-right: 18px;
    font-size: 15px;
    border-radius: 53px;
    padding: 12px 17px;
    cursor: pointer;
}
.add_comment a i{
    margin:0;
}
.mem-pagelist{
    text-align:center;
    font-size: 14px;
    margin: 15px;
}
#disp-msg{
    color:green;
    font-size:14px;
    text-align:center;
    font-weight: 600;
}
.member-page .card h1 {
    padding: 10px 16px 10px 16px;
}
.member-page .card .card-block {
    background: #e6e8e8;
}
.card .title-button-group {
    float: right;
    margin: 10px 15px 0px 15px;
}
.card .btn {
    font-size: 15px;
    padding: 5px 10px;
}
.page-title .btn:hover, .card .btn:hover {
    background: #fff;
}
.page-title .btn-success:hover{
    background-color: #59e0c5;
    border-color: #59e0c5;
}
table.dataTable.no-footer,table.dataTable.display tbody tr td, table.dataTable thead th,table.dataTable.display tbody tr:first-child td {
    border: 1px solid #ccc !important;
    background: #fff;
}
table.dataTable {
    border-collapse: inherit;
}
.table-responsive {
    overflow-x: unset;
    overflow-y: unset;
}
#messageconfirmationModalContent{
    height: 130px;
    padding: 0px 10px;
}
#messageconfirmationModal #view_req_message{
    width:100%;
}

.pcoded .pcoded-navbar .nav-list {
    height:auto;  
}
.pcoded-navbar{
    width:100% !important;
}
#page-wrapper{
    margin: 0;
}
.pcoded .pcoded-navbar .pcoded-item > li {
    display: inline-block;
    width: 18%;
}
.pcoded .pcoded-navbar[pcoded-navbar-position="fixed"] {
    position: relative;
    z-index: 10;
}
.search-div h2{
    cursor: pointer;
}
.pms-menu{
    background-color: #263544;
}
#view_comment{
    float:right;
    background: #fff;
    padding: 8px 8px;
    margin-right: 20px;
    border-radius: 3px;
    color: #333;
    border: 1px solid #e2e4e7;
    border-radius: 2px;
    cursor: pointer;
}
#view_comment:hover {
    color: #333;
    background-color: #e6e6e6;
}
.eff-box .d_error{
    position: absolute;
    top:144px;
}
.tl-efforts .d_error {
    position: absolute;
    top: 77px;
}
.eff-box .work_error{
    position: absolute;
    top:64px;
}
.work_mandatory{
    display:none;
}
.page-title h2{
    margin: 0;
    padding: 15px 16px 15px 0;
    float: left;
}
.page-heading{
    width: 97%;
    margin: 0 auto;
}
.page-heading h1, .member-page .card h1 {
    color:#06c;
    font-size: 22px;
}
table.dataTable.display tbody tr td:last-child {
    text-align: center;
}
.pms-dashboard .page-header.card {
    margin: 60px 35px 15px;
}
.pms-dashboard .card{
    margin:0;
}
#adminLoginError{
    color:red;
    margin:0;
}
#admin_login .btn-primary:hover{
    background-color: #4099ff;
    border-color: #4099ff;
    color: #fff;
    cursor: pointer;
}
.req-title{
    margin:0;
}
.request-container .page-title .title-button-group {
    margin: 0px 0px 0px 5px;
}
.search_slide:focus,.search_slide:hover{
    background: #fff;
    outline:none;
}
.search_slide, .selected_search {
    position:relative;
    padding: 5px 10px 6px 30px;
}    
.search_slide:before {
    content: '\f00e';
    font-family: 'Font Awesome\ 5 Free';
    left:7px;
    position:absolute;
    top:6px;
    font-weight: 900;
 }
 .selected_search:before {
    content: '\f010';
    font-family: 'Font Awesome\ 5 Free';
    left:7px;
    position:absolute;
    top:6px;
    font-weight: 900;
 }
 #received_on, #due_date, #assigned_on, #started_on, #completed_on, #view_received_on, #view_due_date, #view_assigned_on, #start-date, #end-date,#from_date,#to_date{
    background: url(../images/calendar.png) no-repeat 98% 50% #fff;
 }
 .page-title{
    width: 97%;
    margin: 0 auto;
}
.page_requests {
    float: left;
    width: auto;
    font-size: 20px;
    background: url(../images/down-arrow.png) no-repeat right #e6e8e8 !important;
    padding: 0 25px 0 0;
    border: 1px solid #ccc;
}
.dashboard-links a, .dashboard-req-list h4 a{
    font-size: 16px;
}
.form-group {
    margin-bottom: 10px;
}
.form-group select, .form-group textarea{
    border: 1px solid #ccc;
}
.add-edit-title, .view-title, .comment-req-title, #add-member h4{
    color: #06c;
}
#add-request .modal-header,  #add-member .modal-header, #view_dashboard .modal-header{
    padding: 10px 12px 0 26px;
    text-transform: uppercase;
}
#view_request .modal-header, #comment-request .modal-header{
    padding: 10px 12px 0 20px;
    text-transform: uppercase;
}
#comment_lists .modal-body{
    height: 500px;
    overflow-y: auto;
}
#view_request .modal-body {
    padding: 10px 5px;
}
.member-page{
    margin: 50px 0 0 0 !important;
}
.member-page .card{
    margin-top: 20px;
}
#add-member .modal-dialog{
    width:500px;
}
#email-error, #username-error{
    display:none;
}
.form-control:disabled {
    cursor: auto;
    opacity: unset;
    border: 1px solid #ccc;
    background: #fff;
}
#comment_lists .cl_comments p{
    margin:0;
}
.req-top-title .btn {
    margin:0;
}
.count-records{
    text-align: right;
    color: #6F6F6F;
    font-size: 15px;
    font-weight: 600;
    width: 98%;
}
.latest-activity{
    float:right;
}
#comment_lists .cl_comments p b{
    color: #545454;
    font-weight: 600;
}
.new-dashboard-req a, .new-req-db h4 a{
    color:#f90;
}
.comp-dashboard-req a, .comp-req-db h4 a{
    color:red;
}
.ong-dashboard-req a,  .ong-req-db h4 a{
    color: #06c;
}
.qa-dashboard-req a, .qa-req-db h4 a{
    color: #df8796;
}
#pwd-message {
    display:none;
    color:green;
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    margin: 0;
}
#admin_login #remember_me{
    display: inline;
    vertical-align: middle;
}
#admin_login input{
    padding: 5px 10px;
    margin: 0;
    height: 37px;
}
.login-block{
    background: #fff;
}
#admin_login .form-group {
    padding: 0;
}
#admin_login .form-control {
    border: 1px solid #d4d4d4;
}
#admin_login #login_name:focus, #admin_login #password:focus {
    border: 1px solid #4099ff;
}
#admin_login #login_name {
    background: url(../images/username.png) no-repeat 8px 6px #fff;
    padding-left: 38px;
}
#admin_login #password {
    background: url(../images/password.png) no-repeat 8px 6px #fff;
    padding-left: 38px;
}
.login_submit{
    padding:0;
}
.login-block .auth-box {
    max-width: 450px;
    margin: 0 auto;
}
.login-block .col-md-12{
    width:90%;
}

.header-user-icon{
    font-size: 31px !important;
}
.form-control[readonly]{
    background: #fff;
}
.timepick-div{
    position: relative;
}
.timepick-div .timepicki-input{
    width: 80% !important;
    border: none;
    text-align: center;
}
.time, .mins, .meridian{
    margin:0 !important;
}
.timepicker_wrap{
    width:203px !important;
}
.timepick-div #working_frm_time, .timepick-div #working_to_time{
    width:95% !important;
}
 #working_frm_time,  #working_to_time{
    line-height: initial;
}
.container-fluid{
    padding-right: 0;
}
.panel{
    padding:0;
}
.navbar-right {
    margin-right: 5px;
}
#search-request .input-group-addon{
    background: #fff !important;
    color:#333 !important;
    border:none;
}
.req-quick-srh  #project_search, .req-quick-srh  #task_name{
    display: inline;
    width: 38%;
    vertical-align: middle;
}
.tl-efforts input {
    width: 32% !important;
}
#search-request .req-srh{
    padding:5px 5px !important;
}
#note_msg{
    width:100%;
    padding: 5px 10px
}
#note_message{
    display: none;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    padding: 0;
    margin-bottom:5px;
}
#task_notesModal .modal-header{
    padding: 10px 15px;
}
#task_notesModalContent{
    padding:0 8px;
}
.task_note{
    display:none;
}
.user-notes{
    border-top:1px solid #ccc;
    display:block;
    position:relative;
}
.user-notes p{
    margin: 4px 28px;
    font-size: 14px;
    color: #717171;
    font-weight: 400;
}
.user-notes p:before{
    padding: 5px 7px;
    margin: 0;
    font-size: 14px;
    color: #717171;
    content: '\f249';
    font-family: 'Font Awesome\ 5 Free';
    left:1px;
    top: 0;
    position:absolute;
    font-weight: 900;
}
#request-form .add-task-datetime input{
    width: 49%;
    display: inline;
    line-height: inherit;
}
.timesheet_search{
    float:right;
}
.timesheet_search input{
    display:inline;
    width:38%;
}
.export_excel{
    font-size: 16px;
    vertical-align: bottom;
    line-height: 1px;  
    float: right;
    background: #06c;
    margin: 12px 10px 0 0;
    color: #fff;
    padding: 6px;
    border-radius: 2px;
}
.export_excel:hover{
    color:#fff;
}
.timesheet-table tbody th, .timesheet-table table.dataTable tbody td {
    padding: 0 !important;
}
.timesheet-table table td p{
    padding:8px 8px;
    margin: 0;
}
/*.ts-alternative:nth-of-type(even){
    background:#e9e9e9;
}*/
.user_timesheet{
    float: right;
    margin: 20px 0;
}
.user_timesheet a{
    font-size: 16px;
    background: #4099ff;
    padding: 6px 8px;
    border-radius: 2px;
    color: #fff;
    border-color: #4099ff;
 }
 .user_timesheet a:hover{
    background-color: #73b4ff;
    border-color: #73b4ff;
    color: #333;
    border-radius: 2px;
}
.project-type, .project-type:hover{
    font-size: 15px;
    background: #fff;
    padding: 5.5px 14px;
    border-radius: 2px;
    color: #000;
    border-color: #fff;
    vertical-align: middle;
}
.project-type-selected, .project-type-selected:hover{
    font-size: 15px;
    background: #4099ff;
    padding: 5.5px 14px;
    border-radius: 2px;
    color: #fff;
    border-color: #4099ff;
    vertical-align: middle;
}
.modal-footer .submit_loading{
    background: url(../images/button-loader.gif) no-repeat center #4099ff !important;
    background-size: 25px !important;
}
.modal-footer .submit_loading span{
    display:none;
}
.task_log .cl_user p{
    margin:0 0 5px;
}
.task_log .cl_comments p{
    margin:0;
}
.task_log .cl_comments p b {
    color: #545454;
    font-weight: 600;
}
.task_log_h1 a{
    color: #06c;
    font-size: 22px;
    outline:none;
}
#view_log_history{
    background: #06c;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #06c;
}
.task_log .count-records{
    margin-bottom: 10px;
    width: 100%;
}
.cl_view_all{
    text-align: center;
    margin: -10px 0 0 0;
}
.ui-autocomplete-loading { 
    background:url('../images/ajax-loader.gif') no-repeat right center; 
}
.ui-autocomplete {
    overflow-y: auto;
    max-height: 250px;
}
.remin_options{
    display:none;
}