/****************************************************************
                    All Forms
****************************************************************/

.path-tdf-login {
    display: flex;
    flex-flow: column;
    justify-content: center;
    min-height: 90vh;
    /*background-color: #1a53d2;*/
    background-image: url(/themes/custom/drdo/images/bg_designs/art_board.png), 
    url(/themes/custom/drdo/images/bg_designs/bg_about_2.png);
    background-repeat: no-repeat;
    background-position: -40% 0, 130% 250%;
    background-size: 40%, 50%;
}
.path-tdf-login header,
.path-tdf-login .region-header {
    display: none;
}
.path-tdf-login .region-content {
    margin-left: -15px;
    margin-right: -15px;
}
.path-tdf-login .logo_header {
    margin: 30px 0 20px;
}
.path-tdf-login .logo_header img {
    margin: auto;
}
#block-userlogin {
}
#block-userlogin .tdf-login-page {
    /*align-items: center;*/
}
#block-userlogin .tdf-login-page .tdf-login-form {
    box-shadow: 0 0 3px 3px #ccc;
    padding: 4rem 3rem 5rem;
}
#block-userlogin .tdf-login-page .tdf-login-form h2:before {
    content: "Admin Login";
    font-size: 2.5rem;
    font-weight: 700;
    color: #728fd2;
}
#block-userlogin .tdf-login-page .tdf-login-form h2 {
    display: block;
    text-align: center;
    font-size: 0;
}
#block-userlogin .tdf-login-page .tdf-new-user-link {
    display: none;
}
#block-userlogin > ul {
    display: none;
}
#block-userlogin .login-left {
    display: none;
}
#block-userlogin #edit-actions {
    margin-bottom: 0;
}

@media (max-width: 400px) {
    #block-userlogin .tdf-login-page .tdf-login-form {
        padding: 3rem 1.5rem 2rem;
    }
}
@media (max-width: 370px) {
    #block-userlogin .tdf-login-page .tdf-login-form {
        padding: 1rem 0 1rem;
        box-shadow: none;
    }
}


/****************************************************************
                    All Forms
****************************************************************/



.profile-form #edit-actions {
    text-align: center;
    margin-bottom: 30px;
}

.node-form {
    background-color: #f2f2f5;
}
body.user-logged-in.path-node form.node-form{
	  /*width:90%;
      margin:1% 5%;
      float:left;*/
      background:#fff;	 
      padding:25px;	  
}
body.user-logged-in.path-node form.node-form .input-group-addon{
  position:relative;	
}
body.user-logged-in.path-node form.node-form .input-group-addon .glyphicon-refresh{
   top:7px;
   left:4px;   
}
body.user-logged-in.path-node form.node-form .description.help-block a{
  padding:6px 17px 6px 0;	
}
.node-form .tabbable ul.nav-tabs {
    background-color: #fff;
    width: 280px;
    padding-bottom: 0;
}
.node-form .tabbable ul li {
    border-bottom: 1px solid #e8e8e8;
}

.node-form .tabbable ul li.active {
    border-left: 6px solid var(--cstm_primary);
}
.node-form .tabbable ul li > a {
    padding: 15px 30px 15px 50px;
    margin-bottom: 0;
}

.node-form .tab-content {
}
.node-form .tab-content .tab-pane.active {
    background-color: #fff;
    padding: 20px 40px 30px;
}
.node-form .tab-content .tab-pane.active div.panel-body[id*="edit-group"] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tab-pane.active .panel-body:before {
    display: none;
}
.node-form .tab-pane.active .panel-body > div.form-wrapper {
    width: 45%;
}




/****************************************************************
                    Add Project
****************************************************************/

#node-project-form {

}
#node-project-form .tdf-project-tab {
    /*margin-bottom: 50px;*/
}
#node-project-form .tdf-project-tab ul.horizontal-tabs-list li {
    width: auto;
    text-align: center;
	margin-right:10px;
}


#node-project-form input.form-control,
#node-project-form textarea.form-control,
#node-project-form select.form-control {
    border: none;
    border-radius: 10px;
    padding: 10px 15px;
    max-height: 80px;
    width: 100%;
}
#node-project-form input[id*="field-weightage"] {
    width: 90%;
}

#node-project-form #edit-actions {
    /*text-align: center;*/
    margin-bottom: 50px;
}
#node-project-form #edit-actions button {
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: capitalize;
}

#node-project-form #edit-group-general {

}

#node-project-form #edit-group-general label.control-label {
    margin-bottom: 0px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 500;
}
#node-project-form #edit-group-general .form-wrapper {
    /*margin-bottom: 40px;*/
}
#node-project-form #edit-group-general--content > #edit-field-start-date-wrapper,
#node-project-form #edit-group-general--content > #edit-field-last-date-wrapper,
#node-project-form #edit-group-general--content > #edit-field-eoi-submission-last-date-wrapper,
#node-project-form #edit-group-general--content > #edit-field-dpr-submission-last-date-wrapper {
    width: 50%;
}

#node-project-form #edit-group-general #edit-field-pmmg-members-wrapper .table-striped > tbody > tr {
    background-color: #dbdbdb;
    border-bottom: 5px solid var(--bg_body);
}
#node-project-form #edit-group-general #edit-field-pmmg-members-wrapper .table-striped > tbody > tr > td:nth-of-type(1) {
    padding-top: 20px;
}
#node-project-form #edit-group-general #edit-field-pmmg-members-wrapper .clearfix {
    text-align: right;
}
#node-project-form #edit-group-general #edit-field-pmmg-members-wrapper .clearfix button {
    padding: 6px 12px;
    font-size: 1.2rem;
    min-width: 150px;
    text-transform: capitalize;
}


#node-project-form #edit-group-about-project #edit-field-eoi-evaluation-wrapper {
    margin-bottom: 50px;
}
#node-project-form #edit-group-about-project #edit-field-eoi-evaluation-wrapper .clearfix,
#node-project-form #edit-group-about-project #edit-field-dpr-evaluation-wrapper .clearfix {
    text-align: right;
}
#node-project-form #edit-group-about-project #edit-field-eoi-evaluation-wrapper .clearfix button,
#node-project-form #edit-group-about-project #edit-field-dpr-evaluation-wrapper .clearfix button {
    padding: 6px 12px;
    font-size: 1.0rem;
    min-width: 150px;
    text-transform: capitalize;   
}

#node-project-form #edit-group-about-project table[id^="field-eoi-evaluation-values"] tbody tr {
    background-color: #dbdbdb;
    border-bottom: 15px solid var(--bg_body);
}
#node-project-form #edit-group-about-project table[id^="field-dpr-evaluation-values"] tbody tr {
    background-color: #dbdbdb;
    border-bottom: 15px solid var(--bg_body);
}


#node-project-form #edit-group-about-project div[id^="field-eoi-evaluation"] .paragraph-type-top,
#node-project-form #edit-group-about-project div[id^="field-dpr-evaluation"] .paragraph-type-top {
    padding: 0 15px;
}
#node-project-form #edit-group-about-project div[id^="field-eoi-evaluation"] .paragraphs-subform,
#node-project-form #edit-group-about-project div[id^="field-dpr-evaluation"] .paragraphs-subform {
    display: flex;
    flex-wrap: wrap;
}
#node-project-form #edit-group-about-project div[id^="field-eoi-evaluation"] .paragraphs-subform > .form-wrapper,
#node-project-form #edit-group-about-project div[id^="field-dpr-evaluation"] .paragraphs-subform > .form-wrapper {
    width: 100%;
    padding: 0 15px;
}


@media (min-width: 768px) {
    #node-project-form #edit-group-general #edit-group-general--content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-right: -15px;
    }
    #node-project-form #edit-group-general--content > .form-wrapper {
        width: 50%;
        padding: 0 15px;
    }
    #node-project-form #edit-group-general--content > #edit-field-start-date-wrapper,
    #node-project-form #edit-group-general--content > #edit-field-last-date-wrapper,
    #node-project-form #edit-group-general--content > #edit-field-eoi-submission-last-date-wrapper,
    #node-project-form #edit-group-general--content > #edit-field-dpr-submission-last-date-wrapper {
        width: 50%;
    }

    #node-project-form #edit-group-general #edit-field-pmmg-members-wrapper {
        width: 100%;
    }

    #node-project-form #edit-group-about-project div[id^="field-eoi-evaluation"] .paragraphs-subform,
    #node-project-form #edit-group-about-project div[id^="field-dpr-evaluation"] .paragraphs-subform {
        display: flex;
        flex-wrap: wrap;
    }
    #node-project-form #edit-group-about-project div[id^="field-eoi-evaluation"] .paragraphs-subform > .form-wrapper,
    #node-project-form #edit-group-about-project div[id^="field-dpr-evaluation"] .paragraphs-subform > .form-wrapper {
        width: 50%;
        padding: 0 15px;
    }
}




/****************************************************************
                 START:: Admin Dashboard
****************************************************************/

.path-dashboard h2.block-title {
    font-size: 2rem;
}
.path-dashboard .overview-page {
    width: 83%;
    float: right;
    padding: 15px;
}
.path-dashboard .overview-page .views-element-container.form-group{
  width:100% !important;	
}
.overview-page .page-heading {
    margin-bottom: 30px;
}
.overview-page .page-heading h2 {
    font-size: 2.4rem;
}
.overview-page .chart-block {
    background-color: #fff;
    box-shadow: 0 0 8px 0px #ccc;
    padding: 0;
    margin-bottom: 30px;
}
.path-dashboard .overview-page .tdf-project-closure-lists h2,
.overview-page h2.block-title {
    background-color: #4b89dc;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 400;
    padding: 5px 15px;
    height: 55px;
    display: flex;
    align-items: center;
    line-height: 1.2;
    margin-top: 0;
}
.path-dashboard .overview-page .tdf-project-closure-lists h2{
  margin-bottom:0;	
}


.overview-page .tdf-project-closure-lists {
    /*margin-bottom: 30px;*/
    background-color: #fff;
    box-shadow: 0 0 8px 0px #ccc;
}
.view-project-closure-lists {
    padding: 15px 15px 0 15px;
	background:#fff;
}
.view-project-closure-lists .table-responsive thead tr {
    background: #e9e9e9 !important;
    color: #444;
}
.view-project-closure-lists .table-responsive thead tr th{
    padding:10px 8px; 
}
.view-project-closure-lists .table-responsive table td{
  text-align:center;    
}

.user-donut-charts {
    padding-left: 0.5%;
}
.user-donut-charts .sub-chart-block {
    display: inline-block;
    width: 49.5%;
    padding-bottom: 10px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
}
.user-donut-charts .sub-chart-block h3 {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: -10px;
}
.user-donut-charts .sub-chart-block .view-chart {
    min-height: 200px;
    padding: 0;
}
.user-donut-charts .sub-chart-block .userinfo {
    text-align: center;
    font-weight: 600;
    position: relative;
    top: -10px;
}
.user-donut-charts .sub-chart-block .userinfo .cnt {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0;
}

.overview-page .view-filter {
    display: flex;
    justify-content: flex-end;
}
.overview-page .view-filter select {
    width: 150px;
    margin-top: -55px;
    margin-right: 15px;
}
.overview-page .view-chart {
    width: 100%;
    min-height: 300px;
    padding: 30px 0;
}

.overview-page .new-registrations-chart .view-chart,
.overview-page .topsectors-chart .view-chart {
    padding: 50px 0;
}

.proj-status-charts {
    display: flex;
    justify-content: space-between;
}
.proj-status-charts .proj-status {
    flex: 0 0 300px;
    margin-right: 20px;
}
.proj-status-charts .proj-comparision {
    flex: 1 1 50%;
}
.proj-status-charts .view-chart .charts-google {
    width: unset;
}

@media (max-width: 1199px) {
    .proj-status-charts .proj-status {
        flex: 0 0 200px;
    }
}
@media (max-width: 991px) {
    .proj-status-charts {
        flex-wrap: wrap;
    }
    .proj-status-charts .proj-status {
        flex: 0 0 100%;
    }
    .proj-status-charts .proj-comparision {
        flex: 0 0 100%;
    }
}
@media (max-width: 699px) {
    .overview-page .view-filter select {
        width: 150px;
        margin-top: 10px;
    }
    .overview-page .view-chart {
        min-height: 200px;
        padding: 20px 0;
    }
    .overview-page .new-registrations-chart .view-chart,
    .overview-page .topsectors-chart .view-chart {
        padding: 30px 0;
    }
    .user-donuts .charts-google {
        display: inline-block;
        width: 100%;
    }
}