/***********************************************  nav bar active  *********************************************************/
.nav-active{
    background-color: #D95E00;
}
/***********************************************  MILESTONES  *********************************************************/
.progress-white {
    background-color: white;
    border: 1px solid;
    margin-right: 2px;
}

.progress-green {
    background-color: lawngreen;
    border: 1px solid;
    margin-right: 2px;
}

/***********************************************  Filter panels  *********************************************************/

.filter-Col{
    /*background-image:linear-gradient(#2C3E50,#19436E);*/
    background-color: #006cb5;
    border-style: solid;
    border-width: 2px 1px 2px 2px;
    border-color: white;
    height: 15em;
    overflow: auto;
    padding-top: 10px;
}
.filter-header{
    font-weight: 600; color: white;
    text-transform: uppercase;
}
.filter-item{
    color: white;
    font-weight: bold;
}

/**********************************************  FEEDBACK PANELS  *****************************************************/

#system-notice {
    background-color: #ff0000;
    color: #ffffff;
    text-align: center;
}

.feedbackPanel {
    list-style-type: none;
    display: block;
    margin-left: 0;
    padding-left: 0;
    margin-top: 1px;
    margin-bottom: 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #fbeed5;
}

.feedbackPanel li { padding: 2px;}
.feedbackPanel span { padding-left: 10px;}

.feedbackPanelERROR {
    color: #A94442;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
}

.feedbackPanelINFO {
    color: #3C763D;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    padding-left: 0;
}

.feedbackPanelSUCCESS {
    color: #3C763D;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    padding-left: 0;
}

/* ============================================= Pre loader=============================================*/
#ajax-loader {
    /*background-color: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 10000;
    opacity: .8;
    display: flex;
    justify-content: center;*/

}
#ajax-loader > img {
    /*z-index:9999;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    color: #fff; padding: 2px;
    font-weight: bold; font-size: 0.9em;
    border: 0;*/
}


/* ============================================= Forum============================================*/
/* Backgrounds */
.forumBlueBackground, .forumBlueBackground a {
    width: 100%;
    padding: 4px 10px;
    background-color: #EBF0F5;
}

.forumGrayBackground {
    background-color: #fafafa;
    padding: 4px 10px;}

.forumGrayBackground input {
    max-width: 900px !important;}

/* Wrapper around every message and the form */
.messageWrap {
    border: 1px solid #C6C6C6   ;
    margin-bottom: 10px;}
.messageWrapSelected {
    border: 3px solid #848484;
    margin-bottom: 10px;}

.vertAlign {
    line-height: 30px;}

/* Area where messages appear */
.forumMessage {
    padding: 10px;}

/* Overrides general textarea max-width */
.forumMessage textarea {
    max-width: 900px !important;}

/* Align right */
.forumTextRight { text-align: right;}

/* ============================================= end Forum============================================*/

/* ============================================= Icons============================================*/
.red {
    color: #FF0000;
}

.green {
    color: lawngreen;
}

/* ============================================= end Icons============================================*/

/*****************************************  MARGINS AND RULERS  *******************************************************/
.add-bottom-space { margin-bottom: 10px;}
.add-main-top-space { margin-top: 10px;}

/**************************************************  GRADING  *********************************************************/

#nav-wrapper{
    background-color: #F5F6F9;
}

#nav-wrapper.affix {
    top: 10%;
    width: 100%;
    background-color: #e7e7e7;
    padding: 0.5%;
    z-index:9999;
    border-radius: 5px;
}

/***********************************************  MILESTONES Progress column  *********************************************************/

.mils-progress-col-outer {
    margin-bottom: -25px;
    min-width: 10em;
}

.mils-progress-col-title {
    font-size: 11px;
    color: #a0aeba;
}

/***********************************************  Model dialog  *********************************************************/
.dialog-header{
    background-color: #00AAFF;
    color: #ffffff;
    height: 3em;
    padding: .5em;
}

/*For fix the modal on a model issue*/
.modal {
    overflow-y:auto;
}

/* ************************************ Grading 2 ********************************** */
.dropdown-item{
    display: block;
    padding: 5px;
    color: #000;
    font-size: 10px;
}

.dropdown-item:hover{
    display: fixed;
    padding: 5px;
    color: #000;
    font-size: 10px;
}
.dropdown-divider {
    border-top: solid 1px #d2d2d2;
    clear: both;
    height: 1px;
    width: 100%;
}

/******************* Pagination ******************** */
.pagination {
    padding: 1%;
    font-size: 12px;
    color: #000;


}

.pagination-first {
    color: #666;
}

.goto {
    margin: 4px;
    padding: 4px;
    -moz-border-radius: 20%;
    -webkit-border-radius: 2%;
    border-radius: 2px;
    background-color: #d9ecf2;
}
/* ***************** Supervisor my projects *********************** */

.btn-activity {
    margin: 5px 10px 5px 0;
    background: #1f6f8b;
    padding: 5px 30px 5px 5px;
    color:#fff;
    border-radius:0px;
    font-size: 11px;
    clip-path: polygon(78% 0, 100% 50%, 78% 100%, 0 100%, 0 0);
    transition: all .2s;
}

.btn-activity:hover {
    background: #d2d2d2;
    transform: translateX(10px);


}

@media screen and (max-width: 1028px) {
    .project-overview-media {

        display:none;

    }
}

.project-pannel {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0;
    padding: 10px 0px;
    margin: 10px;
    border: 1px solid #d1d6e6;
    background: #fff;
}

.btn-activity-no {
    margin: 5px 10px 5px 0;
    background: #ffa45b;
    padding: 5px 30px 5px 5px;
    color:#fff;
    border-radius:0px;
    font-size: 11px;
    clip-path: polygon(78% 0, 100% 50%, 78% 100%, 0 100%, 0 0);
    transition: all .2s;
}

.btn-activity-no:hover {
    background: #d2d2d2;
    transform: translateX(10px);


}