/*!
 * Font Awesome Free 5.0.12 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 *
 * https://stackoverflow.com/questions/12468359/using-font-awesome-icon-for-bullet-points-with-a-single-list-item-element
 */
@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 900;
  src: url("https://cms.netcase.nl/fonts/fa-solid-900.eot");
  src: url("https://cms.netcase.nl/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), 
       url("https://cms.netcase.nl/fonts/fa-solid-900.woff2") format("woff2"), 
       url("https://cms.netcase.nl/fonts/fa-solid-900.woff") format("woff"), 
       url("https://cms.netcase.nl/fonts/fa-solid-900.ttf") format("truetype"), 
       url("https://cms.netcase.nl/fonts/fa-solid-900.svg#fontawesome") format("svg"); 
}

.fa,
.fas {
  font-family: 'FontAwesome';
  font-weight: 900; }

/* PAGING ELEMENTS  */
.page-class { 
    font-size:11px; 
    font-weight:bold; 
    letter-spacing:-0.2px; 
    color:#111; 
}
.page-class .non-link {letter-spacing:-0.2px; color:#999; font-weight:bold; word-spacing: 0px; padding-top: 2px; padding-bottom: 2px; padding-left:3px; padding-right:3px; }
.page-class .non-active {letter-spacing:-0.2px; color:#fff; line-height:21px; background-color:#1b599e; font-weight:bold; word-spacing: 0px; padding-top: 2px; padding-bottom: 2px; border:1px solid #cccccc; }
.page-class a:link {letter-spacing:-0.2px; text-decoration:none; font-weight:bold; color:#1B599E; padding-top: 2px; padding-bottom: 2px; padding-left:3px; padding-right:3px; }
.page-class a:visited { letter-spacing:-0.2px;text-decoration:none; font-weight:bold; color:#1B599E; padding-top: 1px; padding-bottom: 1px; padding-left:3px; padding-right:3px; }
.page-class a:hover {letter-spacing:-0.2px; color:#fff; background-color:#1B599E; font-weight:bold; padding-top: 2px; padding-bottom: 2px; padding-left:2px; padding-right:2px; border:1px solid #cccccc; }
.page-class a:active {letter-spacing:-0.2px; text-decoration:none; color:#1B599E; }

#builderTable tbody tr td select {
    height: 26px;
}
#builderTable tr td select {
    height: 26px;
}
.red {
    width: 37px;
    height: 17px;
    background: url('https://media.netcase.nl/images/trafficlight-sm.png');
    background-position: -75px -87px;
}
.orange {
    width: 36px;
    height: 17px;
    background: url('https://media.netcase.nl/images/trafficlight-sm.png');
    background-position: -41px -87px;
}
.green {
    width: 37px;
    height: 17px;
    background: url('https://media.netcase.nl/images/trafficlight-sm.png');
    background-position: -6px -87px;
}
.grey {
    width: 37px;
    height: 17px;
    background: url('https://media.netcase.nl/images/trafficlight-sm.png');
    background-position: 42px -87px;
}
.cmsIframe {
     /* padding-left: 20px;
     padding-right: 20px; */
     background-color: #FFFFFF;
}

#myIframe {
    background-color: rgb(256,256,256);
}

.help-netcase {
    background-color:#DDF1E8;
    border: 1px solid;
    display: none;
    /* min-width:1070px; */
    padding: 4px;
    /* width: 1070px; */
    margin-bottom: 40px;
}

.menu-netcase {
    text-transform: uppercase;
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    /* font-family: 'Dosis', Arial, sans-serif !important; */
    font-family: Arial, sans-serif !important;
    font-size: 16px;
}

.netcase-bigger {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #222;
    margin-top: 20;
    margin-bottom: 10px;
}
.netcase-big {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #222;
    margin-top: 20;
    margin-bottom: 10px;
}

.netcase-medium {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #222;
    margin-top: 15;
    margin-bottom: 8px;
}

.netcase-small {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #222;
    margin-top: 12;
    margin-bottom: 6px;
}

.netcase-mini {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #222;
    margin-top: 8;
    margin-bottom: 3px;
}
.navbar-netcase {
    color: #333;
    cursor: pointer;
    display: block;
    /* font-family: 'Dosis', Arial, sans-serif !important; */
    font-family: Arial, sans-serif !important;
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    /* text-transform: uppercase; */
}
.navbar-netcase:focus,
.navbar-netcase:hover {
    cursor: pointer;
    color: #2a6496;
    text-decoration: underline;
}

.netcase-tr {
    /* height: 15px; */
}

.netcase-td {
    height: 13px;
    padding: 0;
    border: 0;
}

#uploadimage {
    color: #FFFFFF;
}
#PageSize {
margin-bottom:8px;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.timermodal {
    background:	rgba( 255, 255, 255, .8 ) url('//cms.netcase.nl/images/spinner.gif') 50% 80px no-repeat;
    display:    inline-block;
    height:     100%;
    left:       0;
    position:   fixed;
    top:        0;
    width:      100%;
    z-index:	2147483647;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .timermodal {
    display: block;
}

#canvas {
    background-color: #DDF1E8;
    border: 10px solid transparent;
    height:400px;
    width:850px;
}

.rectangle {
    border: 1px solid #FF0000;
    position: absolute;
}

.alt:hover {
    background-color: #bcc9cd !important; 
}

#errormsg {
    margin-top: 10px;
    color:      red;
}

#buttonrow {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}

.left-button, right-button {
    color:           white;
    text-decoration: none;
    padding:         11px 14px !important;
}
.h1pwd {
    font-size: 18pt !important;
}

@media print {
    .printnodisplay {
        display: none;
    }
}
#rackforms-output-div-landingPage, #rackforms-output-div-overview, #rackforms-output-div-mydevices, #rackforms-output-div-myprofile, #rackforms-output-div-plsettings, #rackforms-output-div-alldevices, #rackforms-output-div-cm_mymedia {
    background-color: #ffffff;
    float: none;
    margin: 0 auto;
    max-width: 1440px;
    min-height: 400px;
    padding: 30px;
    width: 100% !important;
}
#rackforms-output-div-landingPage {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.pull-right {
    padding-right: 10px;
}
.footer {
    left: 0px;
}