/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

div#bp-web-widget-container {
    position: absolute;
    bottom: 108px;
    right: 66px;
    background: #fff !important;
}

.bpw-widget-btn {
    background: #fff !important;
}

.ms-dlgTitle {
    background: #528200;
}
.ms-dlg-heading, h2.ms-dlg-heading {
    color: #fff !important;
    font-weight: 600 !important;
}
.ms-dlgTitleText {
    font-weight: 600 !important;
}
.GridPageFirstInactive {
    background-image: url("/_layouts/15/MonrePortal/Assets/img/pagination/first-page.svg");
    background-position: center center;
    background-repeat: no-repeat;
    border-width: 0;
    text-decoration: none;
    width: 33px;
    height: 33px;
}

.GridPageFirstActive {
    background-image: url("/_layouts/15/MonrePortal/Assets/img/pagination/first-page.svg");
    background-position: center center;
    background-repeat: no-repeat;
    border-width: 0;
    cursor: pointer;
    text-decoration: none;
    width: 33px;
    height: 33px;
}

.GridPagePreviousInactive {
    background-image: url("/_layouts/15/MonrePortal/Assets/img/pagination/previous-page.svg");
    background-position: center center;
    background-repeat: no-repeat;
    border-width: 0;
    text-decoration: none;
    width: 33px;
    height: 33px;
}

.GridPagePreviousActive {
    background-image: url("/_layouts/15/MonrePortal/Assets/img/pagination/previous-page.svg");
    background-position: center center;
    background-repeat: no-repeat;
    border-width: 0;
    cursor: pointer;
    text-decoration: none;
    width: 33px;
    height: 33px;
}

.GridPageNextInactive {
    background-image: url("/_layouts/15/MonrePortal/Assets/img/pagination/next-page.svg");
    background-position: center center;
    background-repeat: no-repeat;
    border-width: 0;
    text-decoration: none;
    width: 33px;
    height: 33px;
}

.GridPageNextActive {
    background-image: url("/_layouts/15/MonrePortal/Assets/img/pagination/next-page.svg");
    background-position: center center;
    background-repeat: no-repeat;
    border-width: 0;
    cursor: pointer;
    text-decoration: none;
    width: 33px;
    height: 33px;
}

.GridPageLastInactive {
    background-image: url("/_layouts/15/MonrePortal/Assets/img/pagination/latest-page.svg");
    background-position: center center;
    background-repeat: no-repeat;
    border-width: 0;
    text-decoration: none;
    width: 33px;
    height: 33px;
}

.GridPageLastActive {
    background-image: url("/_layouts/15/MonrePortal/Assets/img/pagination/latest-page.svg");
    background-position: center center;
    background-repeat: no-repeat;
    border-width: 0;
    cursor: pointer;
    text-decoration: none;
    width: 33px;
    height: 33px;
}


.page-navigation {
    margin-top: 15px;
}

.panel-title fa-reorder {
    margin-right: 10px;
}
.page-header.navbar {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    /*background-image: url('../../../Monre.PublicWeb/img/bg-banner-min.jpg') !important;*/
    background-color: #528200 !important;
}

.page-header.navbar .search-form{
    background: none;
}

input[type=button], input[type=reset], input[type=submit], button{
    
}

.ms-siteicon-img{
    max-width: none;
}

.bg-panel-header {
    background-color: #0351A0 !important;
    color: #fff !important;
    padding: 5px 15px;
}

/***
Login page
***/
/* bg color */
.login {
  
}

.login .logo {
  margin: 0 auto;
  margin-top: 60px;
  padding: 15px;
  text-align: center;
}

.login .content {
  background-color: #bddf80;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  width: 470px;
  margin: 40px auto 65px auto;
  padding: 30px;
  padding-top: 10px;
  overflow: hidden;
  position: relative;
}

.login .content h4 {
  color: #4db3a5;
  text-align: center;
  font-size: 15px;
  font-weight: 400 !important;
}

.login .content h3 {
  color: #4db3a5;
  text-align: center;
  font-size: 20px;
  font-weight: 400 !important;
}

.login .content .hint {
  color: #999;
  padding: 0;
  margin: 15px 0 7px 0;
}

.login .content .login-form,
.login .content .forget-form {
  padding: 0px;
  margin: 0px;
}

.login .content .form-control {
  border: none;
  background-color: #dde3ec;
  height: 43px;
  color: #8290a3;
  border: 1px solid #dde3ec;
}
.login .content .form-control:focus, .login .content .form-control:active {
  border: 1px solid #c3ccda;
}
.login .content .form-control::-moz-placeholder {
  color: #8290a3;
  opacity: 1;
}
.login .content .form-control:-ms-input-placeholder {
  color: #8290a3;
}
.login .content .form-control::-webkit-input-placeholder {
  color: #8290a3;
}

.login .content select.form-control {
  padding-left: 9px;
  padding-right: 9px;
}

.login .content .forget-form {
  display: none;
}

.login .content .register-form {
  display: none;
}

.login .content .form-title {
  font-weight: 300;
  margin-bottom: 25px;
}

.login .content .form-actions {
  clear: both;
  border: 0px;
  border-bottom: 1px solid #eee;
  padding: 0px 30px 25px 30px;
  margin-left: -30px;
  margin-right: -30px;
}

.login-options {
  margin-bottom: 30px;
  overflow: hidden;
}

.login-options h4 {
  float: left;
  font-weight: 600;
  font-size: 15px;
  color: #7d91aa !important;
}

.login-options .social-icons {
  float: right;
  padding-top: 3px;
}

.login-options .social-icons li a {
  border-radius: 15px 15px 15px 15px !important;
  -moz-border-radius: 15px 15px 15px 15px !important;
  -webkit-border-radius: 15px 15px 15px 15px !important;
}

.login .content .form-actions .checkbox {
  margin-left: 0;
  padding-left: 0;
}

.login .content .forget-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.login .content .register-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0px;
}

.login .content .form-actions .btn {
  margin-top: 1px;
}

.login .content .form-actions .btn-success {
  font-weight: 600;
  padding: 10px 20px !important;
}

.login .content .form-actions .btn-default {
  font-weight: 600;
  padding: 10px 25px !important;
  color: #6c7a8d;
  background-color: #ffffff;
  border: none;
}

.login .content .form-actions .btn-default:hover {
  background-color: #fafaff;
  color: #45b6af;
}

.login .content .forget-password {
  font-size: 14px;
  float: right;
  display: inline-block;
  margin-top: 10px;
}

.login .content .check {
  color: #8290a3;
}

.login .content .rememberme {
  margin-left: 8px;
  margin-top: 10px;
}

.login .content .create-account {
  margin: 0 -40px -40px -40px;
  padding: 15px 0 17px 0;
  text-align: center;
  background-color: #528200;
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  -ms-border-radius: 0 0 7px 7px;
  -o-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
}

.login .content .create-account p a {
  font-weight: 600;
  font-size: 14px;
  color: #fff;
}

.login .content .create-account a {
  display: inline-block;
  margin-top: 5px;
}

/* footer copyright */
.login .copyright {
  text-align: center;
  margin: 0 auto 30px 0;
  padding: 10px;
  color: #7a8ca5;
  font-size: 13px;
}

@media (max-width: 440px) {
  /***
  Login page
  ***/
  .login .logo {
    margin-top: 10px;
  }

  .login .content {
    width: 280px;
    margin-top: 10px;
  }

  .login .content h3 {
    font-size: 22px;
  }

  .forget-password {
    display: inline-block;
    margin-top: 20px;
  }

  .login-options .social-icons {
    float: left;
    padding-top: 3px;
  }

  .login .checkbox {
    font-size: 13px;
  }
}

/***
TODO Page
***/
.todo-ui {
  margin-top: 20px;
}

.todo-sidebar {
  float: left;
  width: 230px;
  margin-right: 20px;
}

.todo-content {
  overflow: hidden;
}

.todo-tasklist-item-border-green {
  border-left: #3faba4 2px solid;
}

.todo-tasklist-item-border-blue {
  border-left: #4c87b9 2px solid;
}

.todo-tasklist-item-border-purple {
  border-left: #8877a9 2px solid;
}

.todo-tasklist-item-border-red {
  border-left: #d05454 2px solid;
}

.todo-tasklist-item-border-yellow {
  border-left: #d4ad38 2px solid;
}

.padding-top-10px {
  padding-top: 15px;
}

.todo-userpic {
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  border: 1px #cedae1 solid;
}

.todo-text-color {
  color: #45535b;
}

/* PROJECT LIST */
.todo-projects-config {
  padding: 6px 9px 3px 9px !important;
}
.todo-projects-config > i {
  font-size: 14px !important;
}
.todo-projects-config > .fa-angle-down {
  position: relative;
  display: inline-block;
  top: -1px;
  font-size: 13px !important;
  color: #f2f2f2;
}

.todo-tasklist {
  padding: 0;
  font-size: 10px;
}

.todo-project-list ul li a {
  font-size: 14px !important;
  padding: 8px 10px;
}

.todo-project-list .nav li a .badge {
  float: right;
  background-color: #b4c4cd !important;
  margin-top: 1px !important;
}

.todo-project-list .nav li a .badge-active {
  background-color: #ffffff !important;
  color: #637b89 !important;
}

.todo-project-list .nav .active {
  background-color: #ffffff !important;
}

.todo-project-list .nav-pills > li.active > a {
  background-color: #87a9c7 !important;
}

/* END PROJECT LIST */
/* TASK HISTORY */
.todo-task-history {
  padding: 0;
  margin: 0;
}
.todo-task-history > li {
  padding: 5px 0;
}
.todo-task-history > li > .todo-task-history-desc {
  overflow: hidden;
}
.todo-task-history > li > .todo-task-history-date {
  font-size: 12px;
  float: right;
  width: 150px;
  margin-left: 10px;
  text-align: right;
  color: #999;
}

/* TASKS LIST */
.todo-tasklist-item {
    /*background: #f6fbfc;*/
    padding: 0px 0px 0px 5px;
    margin-bottom: 10px;
    margin-bottom: 2px;
    overflow: hidden;
}
.todo-tasklist-item:last-child {
  margin-bottom: 0;
}

div .todo-tasklist-item:hover {
  cursor: pointer;
  background-color: #edf7f9;
}

.todo-tasklist-item img {
  margin: 0 10px 10px 0;
}

.todo-tasklist-item-title {
  font-size: 15px;
  color: #2b4a5c;
  font-weight: 600;
  padding-top: 3px;
  padding-bottom: 13px;
}

.todo-tasklist-item-text {
  font-size: 13px;
  color: #577688;
  padding-bottom: 5px;
}

.todo-tasklist-item ul {
  margin: 5px 0 0 0px;
}

.todo-tasklist-item li {
  color: #577688;
  font-size: 13px;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 0 !important;
}

.todo-tasklist-item li i {
  color: #b3bfcb;
  font-size: 15px;
}

.todo-tasklist-controls {
  margin-top: 5px;
}

.todo-tasklist-date {
  color: #000 !important;
  margin-right: 12px;
}

.todo-tasklist-date i {
  color: #abbfca !important;
  margin-right: 5px;
}

.todo-tasklist-badge {
  background-color: #b3bfcb;
}

/* END TASKS LIST */
/* TASK BODY */
.todo-taskbody-tasktitle {
  font-size: 18px;
  color: #778d96;
}

.todo-taskbody-taskdesc {
  font-size: 14px;
  color: #778d96;
}

.todo-username {
  font-size: 16px;
  color: #2b4a5c;
  font-weight: 600;
  padding: 15px 0 0 15px;
}

.todo-comment-head {
  padding-top: 3px;
}

.todo-comment {
  position: relative;
}

.todo-comment:hover > .todo-comment-btn {
  display: block;
}

.todo-comment-btn {
  display: none;
  position: absolute;
  top: 1px;
  right: 0px;
  font-size: 12px;
  color: #566e7c;
  border-color: #a2aeb5;
}

.todo-comment-btn:hover {
  color: #fff;
  background-color: #a1b6c2;
  border-color: #a1b6c2;
}

.todo-comment-username {
  font-size: 14px;
  color: #2b4a5c;
  font-weight: 600;
}

.todo-comment-date {
  font-size: 12px;
  color: #2b4a5c;
  font-weight: 400;
}

.todo-username-btn {
  margin: 14px 0 0 15px;
  color: #566e7c;
  border-color: #a2aeb5;
}

.todo-username-btn:hover {
  color: #fff;
  background-color: #a1b6c2;
  border-color: #a1b6c2;
}

.form .form-actions.todo-form-actions {
  padding-top: 10px;
  border: 0;
  margin: 0 0 20px 0;
}

/* END TASK BODY */
/* RESPONSIVE MODE */
@media (max-width: 991px) {
  /* 991px */
  .todo-sidebar {
    float: none;
    width: 100%;
    margin: 0;
  }
  .todo-sidebar > .portlet {
    margin-bottom: 20px;
  }
  .todo-sidebar > .portlet .portlet-title .tools {
    margin-left: 5px;
  }

  .todo-content {
    overflow: visible;
  }
}
.todo-tasklist-devider {
  display: none;
}

@media (max-width: 767px) {
  /* 767px */
  .todo-tasklist-devider {
    display: block;
    height: 20px;
    margin: 20px -10px;
    background: #F1F3FA;
  }

  /* TASK HISTORY */
  .todo-task-history > li {
    padding: 9px 0;
  }
  .todo-task-history > li > .todo-task-history-date {
    width: 100px;
    font-size: 11px;
  }
}

div.article, div.welcome{
    padding: 0px;
}

.article-content, .welcome-content{
    margin: 0px;
}

.row-cus{
    padding: 10px 0px;
    margin-bottom: 5px;
}

/*gridview*/
.table table  tbody  tr  td a ,
.table table  tbody  tr  td  span {
position: relative;
float: left;
padding: 6px 12px !important;
margin-left: -1px;
line-height: 1.42857143 !important;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}

.table table > tbody > tr > td > span {
z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}

.table table > tbody > tr > td:first-child > a,
.table table > tbody > tr > td:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.table table > tbody > tr > td:last-child > a,
.table table > tbody > tr > td:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

.table table > tbody > tr > td > a:hover,
.table   table > tbody > tr > td > span:hover,
.table table > tbody > tr > td > a:focus,
.table table > tbody > tr > td > span:focus {
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #ddd;
}
/*end gridview */