/* MjH :: PARTIJ C */

/* MjH :: 22/11/15 */
/* MjH :: 26/08/16 */
/* MjH :: 13/05/19 */
a
{
  color: #337ab7;
  /*color: #EC008C;*/
}

a:hover
{
  color: #23527c;
  /*color: #6A5C67;*/
}

.btn-square { border-radius: 0; }

.btn-lg-font-small
{
  font-size: 14px;
}

/********************************************************************************************************************************************************/

/*** Custom vertical inline menu ***/

.ver-inline-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.ver-inline-menu li {
    position: relative;
    margin-bottom: 1px;
}
 
/* MjH :: 14/01/25 :: inactive :: letter  */
.ver-inline-menu li i {
    width: 37px;
    height: 37px;
    display: inline-block;
    color: #b9cbd5; /* light blueish grey */
    font-size: 15px;
    padding: 12px 10px 10px 8px;
    margin: 0 8px 0 0;
    text-align: center;
    background: #e0eaf0 !important; /* light grey */
}

/* MjH :: 14/01/25 :: inactive :: text */
.ver-inline-menu li a {
    font-size: 12px;
    font-weight: 300;
    color: #557386; /* darker blueish grey */
    display: block;
    background: #f0f6fa; /* very light grey */
    border-left: solid 2px #c4d5df;
}

/* MjH :: 14/01/25 :: inactive :: hover :: text */
    .ver-inline-menu li:hover a {
        font-size: 12px;
        background: #e0eaf0; /* light grey */
        text-decoration: none;
    }

/* MjH :: 14/01/25 :: inactive :: hover :: letter */
.ver-inline-menu li:hover i {
    color: #fff;
    background: #c4d5df !important; /* darker light grey */
}

/* MjH :: 14/01/25 :: active :: letter */
    .ver-inline-menu li.active i {
        background: #4C87B9 !important; /* blue-soft */
    }

/* MjH :: 14/01/25 :: active :: text */
    .ver-inline-menu li.active a {
        color: #fff;
        font-size: 12px;
        background: #4C87B9; /* blue-soft */
        border-left: solid 2px #032A6F; /* dark blue */
        text-decoration: none;
    }

/* MjH :: 14/01/25 :: active :: arrow :: right */
    .ver-inline-menu li.active:after {
        content: '';
        display: inline-block;
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
        border-left: 6px solid #4C87B9; /* blue-soft */
        position: absolute;
        top: 12px;
        right: -5px;
    }

/*** TA :: main tab (tabm) ***/

/* MjH :: 14/01/25 :: inactive :: section header :: text */
.ver-inline-menu li.active-tabm a {
    color: #fff;
    background: #032A6F; /* dark blue */
    text-decoration: none;
}

/* MjH :: 14/01/25 :: inactive :: section header :: letter */
    .ver-inline-menu li.active-tabm i {
        color: #fff;
        background: #032A6F !important; /* dark blue */
        text-decoration: none;
    }

/*** TA :: sub tab (tab) ***/

/* MjH :: 14/01/25 :: inactive :: text */
    .ver-inline-menu li.active-tab a {
        color: #fff;
        background: #6c9cc6; /* blue-soft hover */
        border-left: solid 2px #c4d5df; /* grey */
        text-decoration: none;
    }

/* MjH :: 14/01/25 :: inactive :: letter */
.ver-inline-menu li.active-tab i {
    color: #fff;
    background: #6c9cc6 !important; /* blue-soft hover */
    text-decoration: none;
}

/********************************************************************************************************************************************************/

@media (max-width: 767px) {
    .ver-inline-menu > li.active:after {
        display: none;
    }

    /*** TA :: tab ***/
    .ver-inline-menu > li.active-tab:after {
        display: none;
    }
}

/***
Profile Page
***/

.profile p a {
  /*color: #169ef4; /* 52% */ 
  color: #ff0099 !important; /* 50% */
}


/********************************************************************************************************************************************************/

.checklist a:visited    {color:#000000;}

.CHECKLISTlabel         {float:left; width:175px; text-align:right; vertical-align:middle; margin-right:5px; padding:3px 3px 3px 3px;} 
/*.SOFTlabel            {float:left; width:220px; font-weight:bold; text-align:right; vertical-align:top; margin-right:5px; padding:0px 3px 3px 3px;}*/

.CHECKLISTalert         {text-align:center; color:#FF0000;}
/*.textAlert            {text-align:center; color:#FF0000;}*/

.formTextGreenSmall     {font-weight:bold; vertical-align:middle; color:Green; font-size:0.8em;}
.formTextMagentaSmall   {font-weight:bold; vertical-align:middle; color: #EC008C; font-size:0.8em;}
.formTextGreySmall      {font-weight:bold; vertical-align:middle; color: #6A5C67; font-size:0.8em;}
.formTextRedSmall       {font-weight:bold; vertical-align:middle; color:Red; font-size:0.8em;}

.formTextGreen          {color:Green;}
.formTextMagenta        {color: #EC008C;}
.formTextGrey           {color: #6A5C67;}
.formTextRed            {color:Red;}

/*from assets/global/css/components-rounded.min.css*/

/*.btn.green:not(.btn-outline)
{
  color: #ffffff;
  background-color: #EC008C;
  border-top-color: #EC008C;
  border-right-color: #EC008C;
  border-bottom-color: #EC008C;
  border-left-color: #EC008C;
}*/

/* Line 1 */
.btn.green:focus:not(.btn-outline), .btn.green.focus:not(.btn-outline)
{
  color: #ffffff;
  background-color: #6A5C67;
  border-top-color: #6A5C67;
  border-right-color: #6A5C67;
  border-bottom-color: #6A5C67;
  border-left-color: #6A5C67;
}

/* Line 1 */
.btn.green:hover:not(.btn-outline)
{
  color: #ffffff;
  background-color: #6A5C67;
  border-top-color: #6A5C67;
  border-right-color: #6A5C67;
  border-bottom-color: #6A5C67;
  border-left-color: #6A5C67;
}

/*from login-3.css*/

/* Cubic Bezier Transition */
/***
Login page
***/
/* logo page */
.login {
    /* background-color: #4C87B9 !important; /* blue-soft */
    background-color: #F5F5F5 !important; /* Light Grey */
}

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

.login .content {
  background-color: #fff;
  width: 360px;
  margin: 0 auto;
  margin-bottom: 0px;
  padding: 30px;
  padding-top: 20px;
  padding-bottom: 15px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px; }

.login .content h3 {
  color: #000; }

.login .content h4 {
  color: #555; }

.login .content p {
  color: #222; }

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

.login .content .input-icon {
  border-left: 2px solid #44B6AE !important; }

.login .content .input-icon {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  .login .content .input-icon .form-control {
    border-left: 0; }

.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 {
  background-color: #fff;
  clear: both;
  border: 0px;
  border-bottom: 1px solid #eee;
  padding: 0px 30px 25px 30px;
  margin-left: -30px;
  margin-right: -30px; }

.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 .checkbox {
  margin-top: 8px;
  display: inline-block; }

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

.login .content .forget-password {
  margin-top: 25px; }

.login .content .create-account {
  border-top: 1px dotted #eee;
  padding-top: 10px;
  margin-top: 15px; }

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

/* select2 dropdowns */
.login .content .select2-container {
  border-left: 2px solid #44B6AE !important; }

.login .content .select2-container .select2-choice {
  border-left: none !important; }

.login .content .select2-container i {
  display: inline-block;
  position: relative;
  color: #ccc;
  z-index: 1;
  top: 1px;
  margin: 4px 4px 0px -1px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center; }

.login .content .has-error .select2-container i {
  color: #b94a48; }

.login .content .select2-container a span {
  font-size: 13px; }

.login .content .select2-container a span img {
  margin-left: 4px; }

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

@media (max-width: 480px) {
  /***
  Login page
  ***/
  .login .logo {
    margin-top: 10px; }
  .login .content {
    width: 280px; }
  .login .content h3 {
    font-size: 22px; }
  .login .checkbox {
    font-size: 13px; } }


/*#6A5C67 changed to #6A5C67*/
/*maybe use #FF66C2*/

.emailbody {float:left; width:100%; height:500px; margin:0 0 5px 1px; padding:5px; border:1px solid #d3d3d3; background-color:#F5F5F5; color: #666666; overflow:auto;}

.progressscroll {float:left; width:75%; height:200px; margin:0 0 5px 1px; padding:5px; border:1px solid #d3d3d3; background-color:#F5F5F5; color: #666666; overflow:auto;}
.progressscrollchecklist {float:left; width:98%; height:200px; margin:0 0 5px 1px; padding:5px; border:1px solid #d3d3d3; background-color:#F5F5F5; color: #666666; overflow:auto;}
/*.progressscroll {float:left; width:620px; height:150px; margin:0 0 5px 1px; padding:5px; border:1px solid #999999; background-color:#DDDDDD; color: #666666; overflow:auto;}*/

.showHideAttachments, .showHideLinkedIncident, .showMessage, .showCheckReport, .checkModelwaardeSectionRow, .checkHireAgreementRow, .checkRenovation2002Row, .assignmentDate2002Row, .assignmentDate2011Row, .checkRenovation2011Row, .checkAAHGProjectRow
                        {display:none;}
.show                   {display:block;}
.hide                   {display:none;}

/* .btn.portaal Dark Green */

.btn.portaal:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #008F01;
    border-color: #008F01;
}

    .btn.portaal:not(.btn-outline):focus,
    .btn.portaal:not(.btn-outline).focus {
        color: #FFFFFF;
        background-color: #6A5C67;
        border-color: #6A5C67;
    }

    .btn.portaal:not(.btn-outline):hover {
        color: #FFFFFF;
        background-color: #6A5C67;
        border-color: #6A5C67;
    }

    .btn.portaal:not(.btn-outline):active,
    .btn.portaal:not(.btn-outline).active,
    .open > .btn.portaal:not(.btn-outline).dropdown-toggle {
        color: #FFFFFF;
        background-color: #6A5C67;
        border-color: #6A5C67;
    }

        .btn.portaal:not(.btn-outline):active:hover,
        .btn.portaal:not(.btn-outline):active:focus,
        .btn.portaal:not(.btn-outline):active.focus,
        .btn.portaal:not(.btn-outline).active:hover,
        .btn.portaal:not(.btn-outline).active:focus,
        .btn.portaal:not(.btn-outline).active.focus,
        .open > .btn.portaal:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.portaal:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.portaal:not(.btn-outline).dropdown-toggle.focus {
            color: #FFFFFF;
            background-color: #23959f;
            border-color: #23959f;
        }

    .btn.portaal:not(.btn-outline):active,
    .btn.portaal:not(.btn-outline).active,
    .open > .btn.portaal:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.portaal:not(.btn-outline).disabled,
    .btn.portaal:not(.btn-outline).disabled:hover,
    .btn.portaal:not(.btn-outline).disabled:focus,
    .btn.portaal:not(.btn-outline).disabled.focus,
    .btn.portaal:not(.btn-outline).disabled:active,
    .btn.portaal:not(.btn-outline).disabled.active,
    .btn.portaal:not(.btn-outline)[disabled],
    .btn.portaal:not(.btn-outline)[disabled]:hover,
    .btn.portaal:not(.btn-outline)[disabled]:focus,
    .btn.portaal:not(.btn-outline)[disabled].focus,
    .btn.portaal:not(.btn-outline)[disabled]:active,
    .btn.portaal:not(.btn-outline)[disabled].active,
    fieldset[disabled] .btn.portaal:not(.btn-outline),
    fieldset[disabled] .btn.portaal:not(.btn-outline):hover,
    fieldset[disabled] .btn.portaal:not(.btn-outline):focus,
    fieldset[disabled] .btn.portaal:not(.btn-outline).focus,
    fieldset[disabled] .btn.portaal:not(.btn-outline):active,
    fieldset[disabled] .btn.portaal:not(.btn-outline).active {
        background-color: #008F01;
        border-color: #008F01;
    }

    .btn.portaal:not(.btn-outline) .badge {
        color: #008F01;
        background-color: #FFFFFF;
    }

.btn.btn-outline.portaal {
    border-color: #008F01;
    color: #008F01;
    background: none;
}

    .btn.btn-outline.portaal:hover,
    .btn.btn-outline.portaal:active,
    .btn.btn-outline.portaal:active:hover,
    .btn.btn-outline.portaal:active:focus,
    .btn.btn-outline.portaal:focus,
    .btn.btn-outline.portaal.active {
        border-color: #008F01;
        color: #FFFFFF;
        background-color: #008F01;
    }

.btn.portaal-stripe {
    border-left: 4px solid #008F01 !important;
}

/*MjH :: 30/12/15 :: changed #32C5D2 to #EC008C */
/*MjH :: 30/12/15 :: changed magenta to magenta */
/**********************************************
 from assets\global\css\components-rounded.css 
***********************************************/
.btn.magenta:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #EC008C;
  border-color: #EC008C; }
  .btn.magenta:not(.btn-outline):focus,
  .btn.magenta:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #6A5C67;
    border-color: #6A5C67; }
  .btn.magenta:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #6A5C67;
    border-color: #6A5C67; }
  .btn.magenta:not(.btn-outline):active,
  .btn.magenta:not(.btn-outline).active,
  .open > .btn.magenta:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #6A5C67;
    border-color: #6A5C67; }
    .btn.magenta:not(.btn-outline):active:hover,
    .btn.magenta:not(.btn-outline):active:focus,
    .btn.magenta:not(.btn-outline):active.focus,
    .btn.magenta:not(.btn-outline).active:hover,
    .btn.magenta:not(.btn-outline).active:focus,
    .btn.magenta:not(.btn-outline).active.focus,
    .open > .btn.magenta:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.magenta:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.magenta:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #23959f;
      border-color: #23959f; }
  .btn.magenta:not(.btn-outline):active,
  .btn.magenta:not(.btn-outline).active,
  .open > .btn.magenta:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.magenta:not(.btn-outline).disabled,
  .btn.magenta:not(.btn-outline).disabled:hover,
  .btn.magenta:not(.btn-outline).disabled:focus,
  .btn.magenta:not(.btn-outline).disabled.focus,
  .btn.magenta:not(.btn-outline).disabled:active,
  .btn.magenta:not(.btn-outline).disabled.active,
  .btn.magenta:not(.btn-outline)[disabled],
  .btn.magenta:not(.btn-outline)[disabled]:hover,
  .btn.magenta:not(.btn-outline)[disabled]:focus,
  .btn.magenta:not(.btn-outline)[disabled].focus,
  .btn.magenta:not(.btn-outline)[disabled]:active,
  .btn.magenta:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.magenta:not(.btn-outline),
  fieldset[disabled] .btn.magenta:not(.btn-outline):hover,
  fieldset[disabled] .btn.magenta:not(.btn-outline):focus,
  fieldset[disabled] .btn.magenta:not(.btn-outline).focus,
  fieldset[disabled] .btn.magenta:not(.btn-outline):active,
  fieldset[disabled] .btn.magenta:not(.btn-outline).active {
    background-color: #EC008C;
    border-color: #EC008C; }
  .btn.magenta:not(.btn-outline) .badge {
    color: #EC008C;
    background-color: #FFFFFF; }

.btn.btn-outline.magenta {
  border-color: #EC008C;
  color: #EC008C;
  background: none; }
  .btn.btn-outline.magenta:hover,
  .btn.btn-outline.magenta:active,
  .btn.btn-outline.magenta:active:hover,
  .btn.btn-outline.magenta:active:focus,
  .btn.btn-outline.magenta:focus,
  .btn.btn-outline.magenta.active {
    border-color: #EC008C;
    color: #FFFFFF;
    background-color: #EC008C; }

.btn.magenta-stripe {
  border-left: 4px solid #EC008C !important; }

.form-control.magenta {
  border-color: #EC008C; }
  .form-control.magenta:focus {
    border-color: #6A5C67; }

.form-control.focus-magenta:focus {
  border-color: #EC008C; }

.portlet > .portlet-body.magenta,
.portlet.magenta {
  background-color: #EC008C; }

.portlet.solid.magenta > .portlet-title,
.portlet.solid.magenta > .portlet-body {
  border: 0;
  color: #FFFFFF; }

.portlet.solid.magenta > .portlet-title > .caption {
  font-weight: 400; }
  .portlet.solid.magenta > .portlet-title > .caption > i {
    color: #FFFFFF; }

.portlet.solid.magenta > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png); }

.portlet.solid.magenta > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png); }

.portlet.solid.magenta > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png); }

.portlet.solid.magenta > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png); }

.portlet.solid.magenta > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png); }

.portlet.solid.magenta > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd; }

.portlet.box.magenta {
  border: 1px solid #5cd1db;
  border-top: 0; }
  .portlet.box.magenta > .portlet-title {
    background-color: #EC008C; }
    .portlet.box.magenta > .portlet-title > .caption {
      color: #FFFFFF; }
      .portlet.box.magenta > .portlet-title > .caption > i {
        color: #FFFFFF; }
    .portlet.box.magenta > .portlet-title > .actions .btn-default {
      background: transparent !important;
      background-color: transparent !important;
      border: 1px solid #8edfe6;
      color: #a3e5eb; }
      .portlet.box.magenta > .portlet-title > .actions .btn-default > i {
        color: #afe8ee; }
      .portlet.box.magenta > .portlet-title > .actions .btn-default:hover,
      .portlet.box.magenta > .portlet-title > .actions .btn-default:focus,
      .portlet.box.magenta > .portlet-title > .actions .btn-default:active,
      .portlet.box.magenta > .portlet-title > .actions .btn-default.active {
        border: 1px solid #b8ebef;
        color: #cdf1f4; }

.progress-bar.magenta {
  background: #EC008C !important;
  color: #FFFFFF !important; }

.dashboard-stat.magenta {
  background-color: #EC008C; }
  .dashboard-stat.magenta.dashboard-stat-light:hover {
    background-color: #2bb8c4; }
  .dashboard-stat.magenta .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.magenta .details .number {
    color: #FFFFFF; }
  .dashboard-stat.magenta .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.magenta .more {
    color: #FFFFFF;
    background-color: #2bb8c4; }

.bg-magenta {
  background: #EC008C !important; }

.bg-hover-magenta:hover {
  background: #EC008C !important; }

.font-magenta {
  color: #EC008C !important; }

.bg-font-magenta {
  color: #FFFFFF !important; }

.border-magenta {
  border-color: #EC008C !important; }

.border-top-magenta {
  border-top-color: #EC008C !important; }

.border-bottom-magenta {
  border-bottom-color: #EC008C !important; }

.border-left-magenta {
  border-left-color: #EC008C !important; }

.border-right-magenta {
  border-right-color: #EC008C !important; }


/********************************************************************************************************************************************************/
/* MjH :: 16/09/25 */

.page-content {
    min-height: 600px !important;
}

.page-header .page-header-top {
    height: 55px !important;
}

.page-logo {
    height: 55px !important;
}

/* MjH :: PARTIJ C */