/*@import url("https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700");*/

body {
    background: #eaeaea none repeat scroll 0 0;
    /*padding-top: 90px;*/
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #666;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

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

a {
    color: #7a6d5f;
}

    a:hover {
        color: #342719;
    }

.nav-header {
    background: #ffffff;
    padding: 10px 0px;
    /*border-bottom: 2px solid #000000;
    border-top: 1px solid #000000;*/
}

.CCS-input {
    max-width: 100% !important;
}

.menu {
    background:#CCCCCC none repeat scroll 0 0;
    color: #ffffff;
    cursor: pointer;
    list-style: outside none none;
    position: relative;
    width: 100%;
}

.Login-box {
    background: #f9f9f9;
    border: 1px solid #c8c8c8;
    box-shadow: 0px 0px 5px #ccc;
}

    .Login-box ul {
        border-bottom: 1px solid #ddd;
    }

    .Login-box .footer {
        padding: 10px;
        display: block;
    }

    .Login-box .panel-body {
        padding: 0;
    }

.menu a {
    color: #000000;
    cursor: pointer;
    text-decoration: none;
    cursor: pointer;
    font-size: 12pt;
}

.menu li {
    display: block;
    list-style-type: none;
    font-size: 12pt;
    border-top:3px solid #CCCCCC;
}

.submenu ul.in {
    padding-left: 25px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.submenu li {
    border-Left: 3px solid #ddd;
    list-style-type: circle;
}

.menu span {
    cursor: pointer;
    font-size: 12pt;
    padding: 0px 5px;
}



.div-center-menu {
}

    .div-center-menu ul {
        float: none;
        margin: 0;
    }

        .div-center-menu ul li {
            float: none;
            display: inline;
            border-top: none;
        }

            .div-center-menu ul li a {
                float: none;
                display: inline;
                top: 15px;
            }

.nav-menu {
    border-radius: inherit;
    margin: 0px;
    border-color: inherit;
    min-height: initial;
}

.navbar-toggle .icon-bar {
    background: #ffffff !important;
}


.navbar-nav > li > a {
    padding: 7px 10px !important;
}

.menu-user {
    background: blue;
    padding: 5px;
}

.user-reg-login a {
    font-size: 11pt;
}

.main-menu {
    border: 0px;
}

    .main-menu .nav > li:hover {
        border-top: 3px solid #000000;
    }

    /*.submenu .nav > li:hover {
    border-left: 3px solid #7a6d5f;
}*/
    .main-menu .nav > li > a:hover, .main-menu .nav > li > a:focus {
        color: #000000 !important;
        background: none !important;
        text-decoration: none;
    }

.submenu .nav li > a:hover, .submenu .nav li > a:focus {
    color: #342719 !important;
    background: none !important;
    text-decoration: none;
}

.submenu a {
    color: #7a6d5f;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    padding: 5px 0px !important;
    display: block;
}

a:focus {
    outline: none !important;
}

.submenu > .nav > li {
    padding-bottom: 10px;
}

.menu-active {
    border-top: 3px solid #ddd !important;
}

    .menu-active a {
        color: #ddd;
    }

.fc-time-grid-event, .fc-day-grid-event {
    background: #a09487 !important;
    padding: 2px !important;
    border-radius: 0px !important;
    border: none !important;
}

.reminder-Title {
    font-weight: bold;
    float: left;
    margin-bottom: 10px;
    color: #555;
}

.reminder-Time {
    font-style: italic;
    float: right !important;
    font-weight: normal !important;
}

.reminder-Description {
    font-weight: normal !important;
}


.forms-tabs a {
    color: #a19587;
    cursor: pointer;
    font-size: 12pt;
}

.forms-tabs li {
    display: block;
    cursor: pointer;
    list-style-type: none;
    font-size: 12pt;
}

.forms-tabs .nav > li:hover, .form-menu .nav > li:focus {
    padding: 0 20px 20px;
}

.sigWrapper {
    height: 58px !important;
}

.btn-info {
    background-color: #00659c !important;
    border-color: #000000 !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #a09487 !important;
    border-color: #a09487 !important;
    color: #fff !important;
}

.pagination > li > a, .pagination > li > span {
    border: 1px solid #a09487 !important;
    color: #7a6d5f !important;
}

.birthday-ul li {
    padding: 4px 3px 4px 0px;
    color: #7a6d5f;
}

.my-profile dt, .my-profile dd {
    font-weight: normal;
    line-height: 2.429;
    text-align: left;
    margin-left: 0px;
}

p {
    line-height: 25px;
    text-align: justify;
}


.question-and-comment .control-label {
    margin-bottom: 5px;
}

.question-and-comment textarea {
    max-width: 100%;
}

.question-and-comment .form-control {
    margin-bottom: 5px;
}

.question-and-comment .col-md-6 {
    padding-left: 0;
}

.Progressdiv {
    background-color: White;
    background-repeat: no-repeat;
    height: 100%;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000000;
}

.avg-label {
    margin-top: 7px;
    margin-left: 10px;
}

.new-expenditure .sigPad {
    width: 300px !important;
}

.expenditure .control-label {
    text-align: left;
    font-weight: normal;
}

.pointer {
    cursor: pointer;
}

.messageTextarea {
    height: 100px;
    width: 466px;
    max-width: 466px;
}

.textareawide {
    height: 300px !important;
}

.EmailPopUpLabel {
    margin-left: 15px;
    margin-top: 5px;
}

.FolderDescriptionTextarea {
    height: 70px;
    width: 100%;
    max-width: 100%;
    resize: none;
}

.SolutionTableTd {
    font-weight: 400;
    font-size: medium;
    width: 285px;
    max-width: 285px;
    border-top-style: inset;
    border-top-width: 1px;
}




.solutionHeader {
    border-bottom-style: inset;
    border-bottom-width: 1px;
    padding-bottom: 15px;
}

.muted {
    color: #999;
}

.ArticleCategory {
    width: 200px;
}

.ArticleCategory-content ul li {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    background-color: green;
    color: red;
}

.VisiblityHidden {
    visibility: hidden;
}


.ArticleDetailTitle {
    font-size: 20px;
    margin-bottom: 10px;
    padding-top: 10px;
    border-bottom-width: thin;
    border-bottom-style: inset;
}

.ArticleDetailDesciption {
    margin-bottom: 10px;
    padding-top: 10px;
    border-bottom-width: thin;
    border-bottom-style: inset;
}

.ArticleHeader {
    font-size: x-large;
    margin-left: 10px;
    color: #666;
}


.EditIcon {
    max-width: 50px;
    margin-top: 10px;
    color: #666;
    font-size: large;
}

.ArticleNameLabel {
    color: #06c;
    text-decoration: none;
    font-size: medium;
    font-weight: 400;
    cursor: pointer;
}


.cursorPointer {
    cursor: pointer;
}

.LinkFontColor {
    color: #06c;
}

.mediumMarginTop {
    margin-top: 10px;
}

.mediumMarginBottom {
    margin-bottom: 10px;
}

.mediumMarginLeft {
    margin-left: 10px;
}

.largeMarginLeft {
    margin-left: 15px;
}


.largeMarginTop {
    margin-top: 15px;
}

.smallMarginRight {
    margin-right: 5px;
}

.mediumFontSize {
    font-size: medium !important;
}

.smallDiv {
    max-width: 50px;
}

.ArtilcleLabel {
    color: #aaa;
    font-weight: lighter;
}

.label-detail {
    background-color: #aaa;
}

.smallPaddingBottom {
    padding-bottom: 5px;
}

.smallMarginBottom {
    padding-bottom: 5px;
}


.CategoryDesTextarea {
    height: 135px !important;
}

.NoMargingPaddingLeft {
    margin-left: 0px;
    padding-left: 0px;
}

.attachmentIcon {
    height: 40px;
}

.boldFont {
    font-weight: bold;
}

.noMarginPadding {
    margin: 0px;
    padding: 0px;
}

.MetaTagTitle {
    color: #337ab7;
}


.ArticlesLink {
    color: #06c;
    text-decoration: none;
    font-size: medium;
    cursor: pointer;
    font-weight: 400;
}

body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute !important;
    opacity: 0.5;
    z-index: 2000;
}



.DisplayNone {
    display: none;
}

.stack-box-container {
    -moz-column-width: 18em;
    -webkit-column-width: 18em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
}

.box-stacked {
    display: inline-block;
    padding: .25rem;
    width: 100%;
    min-height: auto;
}

#searchinput {
    width: 400px;
}

#searchclear {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 16px;
    cursor: pointer;
    color: #ccc;
}

.m-t-5 {
    margin-top: 5px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-r-5 {
    margin-right: 5px;
}


#EmpProfileDetail dt {
    width: 100px;
}

.upload-button {
    /*padding: 4px;*/
    /*// border: 1px solid black;
    border-radius: 5px;
    display: block;
    float: left;*/
}

.profile-pic {
    /*max-width: 300px;
    max-height: 300px;
    display: block;*/
    width: 100%;
}

.file-upload {
    display: none !important;
}

.EmpNameDetail {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    color: black;
}

.NormalFontWeight {
    font-weight: 400;
}


.remove-button {
    padding: 4px;
    border: 1px solid black;
    border-radius: 5px;
    display: block;
    float: left;
}

.SearchTextbox {
    width: 250px;
}

.SearchDiv {
    max-width: 275px;
}

.EmpDetailMainDiv {
    height: 270px;
    background-color: #f9f9f9;
}

.ProfileImageDiv {
    height: 170px;
    overflow: hidden;
}

.BioTextArea {
    margin: 0px;
    height: 150px !important;
    width: 246px;
}

.wordWrap {
    word-wrap: break-word;
}

.error-list{
    list-style:none;
}

.active{
    font-weight:bold;
}

.active > a{
    color:black;
}

.imgBell{
  margin:50px auto 0;
  opacity: 0.8;
  -webkit-animation: ring 8s 1s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 8s 1s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 8s 1s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

.seemore{
    font-size: 4pt !important;
}