/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
.page-topbar {
    z-index: 100;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/* Full screen background */
.fs-background {
    background-image: url(images/page-pg.jpg);
}

/* Common */
#main-menu-wrapper li.open .sub-menu a.active {
    background-color: rgba(33, 33, 33, 0.2);
}

#list-bar {
    width: 200px;
}

#main-container {
    margin-left: 200px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.input-group-addon {
    color: #b3b3b3;
    font-size: 14px;
    background: #fff;
}

/* Validation */
label.error {
    color: #f44336;
    font-weight: 400;
    font-size: 13px;
}
input.error, input.error:focus {
    border-color: #f44336;
}
.input-group .error-row {
    display: table-row;
}
.input-group .error-row > span {
    display: table-cell;
}
span.success {
    color: #3c763d;
}
span.error {
    color: #f44336;
}

/* Gridview styles */
td.op-col {
    white-space: nowrap;
}
td.op-col a {
    padding: 0 3px;
}
.pager:before, .pager:after {
    display: table-row;
    content: none;
}
.pager > td {
    padding: 0;
}
.pager table {
    float: right;
}
.pager table td {
    border: solid 1px rgb(221, 221, 221);
}
.pager table td:hover {
    background-color: rgba(33, 33, 33, 0.2);
}
.pager table a, .pager table span {
    padding: 0 14px;
    line-height: 32px;
}
.pager table a:hover, .pager table a:active {
    text-decoration: none;
}
.pager .current {
    color: #FFF;
    background-color: #002060 !important;
}

td.link-buttons {
    padding: 5px !important;
}
td.link-buttons .btn {
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
}

/* Menu */
.wide-menu > a {
    width: 320px !important;
}

.wide-menu .title {
    width: 256px !important;
}

.wraplist li:hover .wide-menu, .page-sidebar.collapseit .wraplist li:hover .wide-menu {
    width: 260px !important;
}

#main-menu-wrapper .wraplist li.wide-menu:hover .sub-menu a, .page-sidebar.collapseit #main-menu-wrapper .wraplist li.wide-menu:hover .sub-menu a {
    width: 260px !important;
}

.wraplist li.wide-menu:hover .sub-menu, .page-sidebar.collapseit .wraplist li.wide-menu:hover .sub-menu {
    width: 260px !important;
}

#main-menu-wrapper li .sub-menu a {
    padding-left: 30px;
}

/* Multi select */
select.multi-select + label.error {
    display: block;
}

select.multi-select + label.error:not([style*="display: none"]) + div > .ms-selection > ul {
    border-color: red;
}

/* Login page */
.login {
    color: #555;
    padding: 30px;
    background: #fefefe;
    border: solid 1px #eee;
    box-shadow: 0 0 3px #eee;
    position: absolute;
    width: 400px;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -300px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(238, 238, 238);
    border-image: initial;
    /*background: rgb(254, 254, 254);*/
    padding: 25px;
    overflow: hidden;
}

.login .reg-header {
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 35px;
    border-bottom: solid 1px #eee;
}

#lblMessage {
    font-weight: 600;
    font-size: 13px;
}

.hidlbl {
    display:none;
}

/* Project list */
.project-link {
    cursor: pointer;
    text-decoration: underline;
}

/* User template */
#user-content {
    margin: 0 60px;
}

ul#step-bar {
    display: block;
    border: 0 solid #ccc!important;
    padding: 0;
    /*background: #f5f5f5;*/
    border-radius: 5px;
    list-style: none;
    overflow: hidden;
}

ul#step-bar > li {
    float: left;
}

ul#step-bar > li > a {
    color: #bbb;
    text-decoration: none;
    padding: 10px 0 10px 45px;
    position: relative;
    display: block;
    float: left;
    border-radius: 0;
    outline-style: none;
    background: #ddd;
    border-color: #ddd;
}

ul#step-bar > li > a:visited {
    background: #ddd;
}

ul#step-bar > li.active > a {
    border-color: #002060 !important;
    color: #fff!important;
    background: #002060 !important;
}

ul#step-bar > li.active > a:after {
    border-left: 30px solid #002060 !important;
}

ul#step-bar > li > a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #eeeeee;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 2px;
    left: 100%;
    z-index: 1;
}

ul#step-bar > li > a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #ddd;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

ul#step-bar > li > a:hover {
    color: #bbb;
    text-decoration: none;
    outline-style: none;
    background: #ffc107;
    border-color: #ffc107;
}

ul#step-bar > li > a:hover:after {
    border-left-color: #ffc107;
}

ul#step-bar > li:first-child > a {
    padding-left: 15px;
}

ul.actions {
    list-style: none;
    float: left;
    width: 40%;
    padding: 0;
    border: solid 1px;
    margin-right: 20px;
}

ul.actions > li {
    padding: 10px;
    cursor: pointer;
}

ul.actions > li:hover {
    background-color: #ffc107;
}

ul.actions > li.active {
    background-color: #002060 !important;
    color: #fff!important;
}

#step-panel {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
}

/* Override jquery UI styles */
.ui-datepicker {
    z-index: 100 !important;
}
.ui_tpicker_hour, .ui_tpicker_minute, .ui_tpicker_second {
    margin: 36px 10px 28px 10px !important;
}
.ui_tpicker_hour {
    margin-top: 18px !important;
}

.overlay-div {
    background: rgba(0,0,0,0.2);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 9999;
    display: none;
}

.overlay-div #ajaxloader {
    text-align: center;
}

.overlay-div #ajaxloader img {
    margin: 300px 0;
}

/* Existing session */
.existing-session {
    margin-left: 0px;
    margin-right: 0px;
}
.existing-session .col-sm-4 {
    padding-left: 0px;
    padding-right: 0px;
}

.existing-act {
    margin: 5px;
    border: solid 1px #aaaaaa;
    padding: 5px;
    text-align: left;
}

.existing-title {
    font-size: 18px;
    color: #002060;
    margin-left: 6px;
    padding: 0;
}

.existing-act .lvl1 {
    font-size: 14px;
    margin-bottom: 5px;
    height: 24px;
}

.existing-act .act {
    height: 32px;
    font-size: 13px;
    line-height: 17px;
}

.existing-act .act-name {
    padding-left: 10px;
}

.existing-act .act-text {
    padding-left: 10px;
}

/* Date picker styles */
.ui-datepicker-current-day a {
    background-color: rgb(245, 245, 245) !important;
}