    html,
    body {
        height: 100%;
    }

    .wrap {
        min-height: 100%;
        height: auto;
        margin: 0 auto -60px;
        padding: 0 0 60px;
    }

    .wrap > .container {
        padding: 70px 15px 20px;
    }

    .footer {
        height: 60px;
        background-color: #f5f5f5;
        border-top: 1px solid #ddd;
        padding-top: 20px;
    }

    .jumbotron {
        text-align: center;
        background-color: transparent;
    }

    .jumbotron .btn {
        font-size: 21px;
        padding: 14px 24px;
    }

    .not-set {
        color: #c55;
        font-style: italic;
    }

    /* add sorting icons to gridview sort links */
    a.asc:after, a.desc:after {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        padding-left: 5px;
    }

    a.asc:after {
        content: /*"\e113"*/ "\e151";
    }

    a.desc:after {
        content: /*"\e114"*/ "\e152";
    }

    .sort-numerical a.asc:after {
        content: "\e153";
    }

    .sort-numerical a.desc:after {
        content: "\e154";
    }

    .sort-ordinal a.asc:after {
        content: "\e155";
    }

    .sort-ordinal a.desc:after {
        content: "\e156";
    }

    .grid-view th {
        white-space: nowrap;
    }

    .hint-block {
        display: block;
        margin-top: 5px;
        color: #999;
    }

    .error-summary {
        color: #a94442;
        background: #fdf7f7;
        border-left: 3px solid #eed3d7;
        padding: 10px 20px;
        margin: 0 0 15px 0;
    }

    /* align the logout "link" (button in form) of the navbar */
    .nav li > form > button.logout {
        padding: 15px;
        border: none;
    }

    @media(max-width:767px) {
        .nav li > form > button.logout {
            display:block;
            text-align: left;
            width: 100%;
            padding: 10px 15px;
        }
    }

    .nav > li > form > button.logout:focus,
    .nav > li > form > button.logout:hover {
        text-decoration: none;
    }

    .nav > li > form > button.logout:focus {
        outline: none;
    }


    div.required label.control-label:after {
        content: " *";
        color: red;
    }

    .margin-top-10px {
        margin-top: 10px;
    }

    .margin-bottom-10px {
        margin-bottom: 10px;
    }

    .margin-right-5px {
        margin-right: 5px;
    }
    .margin-left-5px {
        margin-left: 5px;
    }
    .margin-left-20px {
        margin-left: 20px;
    }

    .thumbnail {
      position: relative;
      width: 165px;
      height: 165px;
      overflow: hidden;
      border: none;
    }
    .dashboard-files .thumbnail {
        width: 125px;
        height: 125px;
    }
    .thumbnail img {
      position: absolute;
      left: 50%;
      top: 50%;
      height: 100%;
      width: auto;
      -webkit-transform: translate(-50%,-50%);
          -ms-transform: translate(-50%,-50%);
              transform: translate(-50%,-50%);
    }
    .thumbnail img.portrait {
      width: 100%;
      height: auto;
    }
    .ias-trigger,.ias-noneleft {
        clear: both;
    }
    .file-box {
        border: 1px solid #f2f2f2;
        padding: 5px;
        /*margin-left: 15px;*/
        /*display: inline-block;*/
        overflow: hidden;
    }

    .dashboard-files {
        border: 1px solid #f2f2f2;
        padding: 5px;
        /*display: inline-block;*/
        overflow: hidden;
    }
    .padding-10px {
        padding: 0px 10px;
    }
    .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
    .content-div {
        border-left: 1px solid #d2d2d2;
        min-height: 400px;
    }
    .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
        color: #fff;
    }

    .navbar-inverse {
        z-index: 10;
    }
    .task-submissions-view #drop-container, .tasks-form #drop-container {
        background: #ffffff;
        min-height: 200px;
        padding: 10px;
        border: #07c6f1 2px dashed;
    }

    .task-submissions-view .drop-area-text, .tasks-form .drop-area-text {
        text-align: center;
        color: #e0dfdf;
        font-size: 1.5em;
        padding-bottom: 20px;
    }

    .task-submissions-view .drop-image, .tasks-form .drop-image {
        display: none;
    }

    .task-submissions-view .preview, .tasks-form .preview {
        margin: 20px;
        width: 150px;
        height: 150px;
        display: inline-block;
    }
    .word-wrap-break {
        word-wrap: break-word;
    }
    .search-btn {
        margin-right: -5px;
        border-radius: 4px 0px 0px 4px;
    }
    .post-search-div .form-group {
        margin-bottom: 0px !important;
    }

    [data-notify="progressbar"] {
	margin-bottom: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 5px;
    }


    #payment-request-grid, #request-payment-grid {
        margin-top: 25px;
    }

    .fuzzy-match-hint{
        color: red;
    }

    /*.due-date-txt{
        width: 130px;
    }*/
    .task-currency-dropdown{
        width: 80px!important;
    }

    #add-new-task-status-table{
        margin-top: 25px;
    }

    #add-new-task-status-table .form-control {
        width: auto;
    }