/*!
 * Start Bootstrap - Logo Nav (https://startbootstrap.com/template-overviews/logo-nav)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logo-nav/blob/master/LICENSE)
 */
body {
    padding-top: 54px;
}

@media (min-width: 992px) {
    body {
        padding-top: 76px;
    }
}

.jumbotron .blockquote{
  display: none;
}

.other-content table{
  width: 100% !important;
}

.other-content table td, .other-content table th{
  padding: 8px !important;
  font-size: 14px !important;
}

#back2Top{
  position: fixed;
  bottom: 50px;
  right: 50px;
  background: url(../img/scroll-top.png) 0 0 no-repeat;
  width: 90px;
  height: 133px;
  cursor: pointer;
  z-index: 9999;
}

#back2Top:hover{
  background: url(../img/scroll-top-c.png) 0 0 no-repeat;
}

table td,
table th{
  font-size: 18px;
}

.other-content p{
  font-size: 18px;
  margin-bottom: 18px;
}

.other-content ul,
.other-content ol{
  font-size: 18px;
  margin-bottom: 18px;
}


.folder-list.list-group a{
    position: relative;
    padding-left: 40px;
    font-size: 18px;
}

.folder-list.list-group a i{
    position: absolute;
    left: 15px;
    top: 18px;
}

.folder-list.list-group a:hover{
    background-color: #e9ecef;
}


.text-white{
    color:#fff;
}

.main-search input{
    height: 50px;
}

.main-search .input-group-text{
    padding: .375rem 2rem;
    height: 64px;
}

.thumb{
    width: 100%;
    height: 190px;
    display: block;
    transition: all 0.3s ease;
    background-position: center  !important;
}

.thumb.maintainance{
    background:url(../img/maintainece.jpg) 0 0 no-repeat;
    background-size: cover;
}

.thumb.maintainance:hover{
    background:url(../img/maintainece-h.jpg) 0 0 no-repeat;
    background-size: cover;
    box-shadow:0 0 0 0.2rem rgba(177, 253, 184, 0.25);
}


.thumb.ipx-internal{
    background:url(../img/internal.jpg) 0 0 no-repeat;
    background-size: cover;
}

.thumb.ipx-internal:hover{
    background:url(../img/internal-h.jpg) 0 0 no-repeat;
    background-size: cover;
    box-shadow:0 0 0 0.2rem rgba(55, 85, 217, 0.25);
}

.thumb.ideas{
    background:url(../img/idea.jpg) 0 0 no-repeat;
    background-size: cover;
}

.thumb.ideas:hover{
    background:url(../img/idea-h.jpg) 0 0 no-repeat;
    background-size: cover;
    box-shadow:0 0 0 0.2rem rgba(250, 242, 32, 0.25);
}


.thumb.thumb1{
    background:url(../img/thumb1-d.jpg) 0 0 no-repeat;
    background-size: cover;
}

.thumb.thumb1:hover{
    background:url(../img/thumb1.jpg) 0 0 no-repeat;
    background-size: cover;
    box-shadow:0 0 0 0.2rem rgba(255, 0, 24, 0.25);
}

.thumb.thumb2:hover{
    background:url(../img/thumb2.jpg) 0 0 no-repeat;
    background-size: cover;
    box-shadow:0 0 0 0.2rem rgba(0,123,255,.25);
}


.thumb.thumb2{
    background:url(../img/thumb2-d.jpg) 0 0 no-repeat;
    background-size: cover;

}

.thumb.thumb3{
    background:url(../img/thumb3.jpg) 0 0 no-repeat;
    background-size: cover;
}

.thumb.thumb3:hover{
    background:url(../img/thumb3-h.jpg) 0 0 no-repeat;
    background-size: cover;
    box-shadow:0 0 0 0.2rem rgba(82,236,117,.25);
}

.grid{
  margin: 0 -1.5%;
}

.grid > .grid-item{
  width: 30%;
  margin: 0 1.5% 3% 1.5%;
  float: left;
  border:1px solid rgba(0, 0, 0, 0.1);
  padding:10px;
}

.grid > .grid-item img{
  width: 100%;
  margin-bottom: 20px;
}

.timer{
  position: fixed;
  left: 0;
  top: 50%;
  width: 50px;
  height: 50px;
  border-radius: 0 5px 5px 0;
  background: #ed195a;
  text-align: center;
  cursor: pointer;
}

.timer.active{
  background: #28a745;
}

.timer i{
  color:#fff;
  font-size: 30px;
  
  line-height: 50px;
}


footer.blockquote-footer{
  margin: 0;
}


.jumbotron.banner{
    background:url(../img/banner.jpg) 0 0 no-repeat;
    min-height: 512px;
}

.jumbotron.banner.suggestion{
  background:#e9ecef url(../img/chewie.gif) 0 0 no-repeat;
  background-position: 90% bottom;
}

/* Top header */

.main-header{
  border-bottom: 1px solid #eee;
}

.main-header .navbar-nav > .nav-item{
    margin-right: 20px;
    font-size: 16px;
}

/*.navbar-light.main-header  .nav-item.dropdown a{
    color:rgba(0,0,0,.5);
}*/

.navbar-light.main-header  .navbar-nav .active>.nav-link{
    color:#ed195a;
    font-weight: 600;
}


.home-first-tab {
    height: 318px;
    background-color: gray;
}

.category-text {
    padding-top: 41px;
    padding-bottom: 41px;
}

.procedure-projects {
    min-height: 105px;
    background: #EFF0F0;
}

.procedure-box-1 {
    height: 36px;
    color: white;
    cursor: pointer;
    text-align: center;
    padding-top: 5px;
}

.procedure-box {
    height: 36px;
    background: #961540;
    color: white;
    cursor: pointer;
    text-align: center;
    padding-top: 5px;
}

.project-box-1 {
    height: 36px;
    color: white;
    cursor: pointer;
    text-align: center;
    padding-top: 5px;
}

.project-box {
    height: 36px;
    background: #961540;
    color: white;
    cursor: pointer;
    text-align: center;
    padding-top: 5px;
}

.looking-for-below {
    height: 90px;
    padding-top: 40px;
}

.home-search-section {
    height: 85px;
    background: #EFF0F0;
}

.display-inline-block {
    display: inline;
}

.project-procedure-list {
    background: #EFF0F0;
    height: 90px;
}

.disply-initial {
    display: initial;
}

.new-employess {
    color: black;
    text-decoration: underline;
}



.custom-back-ground-color {
    background: #961540;
    height: 36px;
    padding-top: 5px;
}

.background-color-top {
    background: rgb(255, 255, 255);
}


/* Navigation css */

@media only screen and (max-width: 988px) {
    #navbarResponsive {
        position: fixed;
        top: 0;
        height: 100%;
        background: white;
        width: 250px;
        left: -250px;
        transition: all 0.3s ease;
    }

    #navbarResponsive.show {
        left: 0;
    }
}



/* Sign in css*/

html.sign-in-screen,
html.sign-in-screen body {
  height: 100%;
}

html.sign-in-screen body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

.sign-in-screen{

}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


body {
  font-size: .875rem;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 54px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}



/* Calendar Styles */

#calendar{
  margin-top:40px;
}

.fc-event, 
.fc-event:hover{
  color: #fff !important;
}

.fc-event, .fc-event-dot {
    background-color: #0b8043;
}

#fullCalModal .modal-header h5{
  color: #fff;
}

.sidebar-sticky .nav-item{
  margin-bottom: 10px;
}

.sidebar-sticky .nav-item h4{
  margin-top: 40px;
}

.sidebar-sticky .nav-item .active{
  border: 1px dashed;
}

.sidebar-sticky .nav{
  padding:0 20px;
}

.fc-time{
  display: none;
}

.fc-event{
  cursor: pointer;
}

.fc-event .fc-content{
  padding:3px 10px;
}

.timer.disabled {
    opacity: 0.3;
    pointer-events: none;
}