/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 19, 2018, 4:36:32 PM
    Author     : dave
*/


::selection { background-color: #E13300; color: white; }
::-moz-selection { background-color: #E13300; color: white; }


.ui-slider .ui-slider-handle {color:  #333333; position: absolute; z-index: 2; width: 3em; height: 1.4em; cursor: pointer; }

.greyout {
    color: grey;
    opacity: 0.6; /* Real browsers */
    filter: alpha(opacity = 60); /* MSIE */
  
    }
    
    .greyin {
    color: green;
    opacity: 0.6; /* Real browsers */
    filter: alpha(opacity = 60); /* MSIE */
     font-weight: bold;
    }
    
label {
    font-weight: bold;
    text-align: left;
}

body {
    background-color:  #D0D0D0;
    font: 14px/20px normal Helvetica, Arial, sans-serif;
    color: #333333;
}

.btn-yellow {
    background: #ffd966;
    color: #574500;
    border:   solid #eec855;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.btn-green {
    background: #93c47d;
    color: white;
    border:   solid #82b36c;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.PROD {
    font-size:  medium;
    padding-left: 0;
    padding-right: 0;
    padding-top:  5px;
    padding-bottom:  2px;
    background-color: #93c47d!important;
    color: white;
}

.DEV {
    font-size: medium;
    padding-left: 0;
    padding-right: 0;
    padding-top:  5px;
    padding-bottom:  2px;
    background-color: #ffd966!important;
    color: #000066;
}

.modal-lg {
    max-width: 80% !important;
}

li {
    line-height:180%; 
}
.white-bg {   
    background-color:  #FFFFFF;
}
span.error {
 
    font-size: large;
}
span.reqdomains {
    color: #003399;
    font-size: large;
}

span.upload_message {

    font-size: large;
    color: #ff6600;
}


.custom-control-label::before, 
.custom-control-label::after {
    top: .8rem;
    width: 1.25rem;
    height: 1.25rem;
}

.active-bg {
    background-color:  #D0D0D0;
}
th {
    font-size: small;
    color: grey;
}

td {
    color: grey;
}

.body {
    overflow-y:scroll;
}
.padded{
    padding: 5;
}
.col-headers {
    padding: 5;
    font-size: 18px;
    color: #336633; 
}

.instructions {
    font-size: larger;
    color: #333333; 
}

img.instruction-image {
    width: "50%"; 
}
.clienthomepage {
    background-color:  #BFEFBF;

}
.domain-name {
    font: 16px/20px normal Helvetica, Arial, sans-serif;
    color: #333333;   
}

.domain {
    cursor: pointer; 
    padding-left: 10;
} 

.domain-item {cursor: context-menu;} 

.problemtrue {
    color:  red;
}

.problemfalse {
    color: green;
}

.putright {
    font-weight:   bold ;
    text-align: right;
}
label {
    min-width: 100px;
    display: inline-block;
    float: left;
    clear: left;
    width: 100 px;
    text-align: left;
}

input {
    display: inline-block;
    float: left;
}

label.upper {
    padding-top: 15px;
}

.blue{
    color: blue;
}

textarea {
    rows: '40';
}

.listitem {
    white-space: pre-line;
}

img.urlsngle {
    margin-right: 0;
}

img.addbutton {
    margin-right: 5;
}

.row{
    margin-top:1px;
    padding: 0 0px;
}

.host {
    cursor: pointer;
    margin: 5px;
    padding: 5px;
    color: black;
    border-radius: 3px;
    border: 1px solid #B0B0D0; 
    line-height: 40px;
}

.cachecontrol {

    color:  #333333;
}

span.tab-2{
    display:inline-block; width:TWO-TAB-WIDTH;
}

span.urldisplay {
    padding-top: 8px;
    color:navy;
    font-size: larger;
}

.true {
    color: #009900 ;
}
.false {
    color: #990000 ;
}

.warning {
    color: #ff6600 ;
}
.home {
    color: #ff33cc;
}

a.editbutton {
      color:  #0a6aa1;
      background-color:  #ebebeb;
      margin-left: 0px;
      margin-right: 5px;
}
.status-icons i {
          padding-left: 5px;
}
pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.upload-button {
    color: #FFFFFF;
    background-color: #009900;
}

.selected-menu {
    color: #990000;
    background-color: #FFFFFF;
}

.menubutton {
    display:  inline-block;
    margin-left: 4px;
    margin-right: 4px;
    padding: 7px;
    background-color: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #B0B0D0;   
}

.on {
    color: blue;
    background-color: #D0D0D0;
}

.appinfo {
    font-size: large;
    padding-left: 0;
    padding-right: 0;
    padding-top:  3;
    padding-bottom:  2;
    margin: 0;
    color: #337733;

}

.editlist {
    margin-left: 10px;
    margin-right: 10px;
    padding: 4px;
    padding-left: 10px;
    padding-right:  10px;
    background-color: #EfEfEf;
    border-radius: 4px;
    border: 1px dotted #BBBBBB;   
}

.config-header {
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 7px;
    padding-left: 0px;
    padding-right:  0px;
    background-color: #F9F9F9;
    border-radius: 8px;
    border: 1px solid #B0B0D0;  
}
.description-hdr {
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    padding-left: 5px;
    padding-right:  5px;
    background-color: #F9F9F9;
    border-radius: 8px;
    border: 1px solid #B0B0D0;   
}

.description {
    margin-top: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 4px;
    padding-left: 5px;
    padding-right:  5px;
    background-color: #EEEEEE;
    border-radius: 8px;
    border: 1px solid #B0B0D0;   
}

.open-zone {
    background-color: #55cc55 !important;
}

.restricted-zone {
    background-color:  #ffebbb !important;
}
.resource-zone {
    background-color: #bbebff !important;
}
.paid-zone {
    background-color:  #ffbbbb !important;
}

.open-link {
    
        color: #2a8e2a !important;
}

.restricted-link {
    color:  #e2a000 !important;
}
.resource-link {
    color: #0086b3 !important;
}
.paid-link {
   color:  #e20000 !important;
}


.description-false {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    padding-left: 10px;
    padding-right:  10px;
    background-color: #ffeeee;
    border-radius: 12px;
    border: 1px solid #B0B0D0;    
}

.description-true {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    padding-left: 10px;
    padding-right:  10px;
    background-color: #eeffee;
    border-radius: 12px;
    border: 1px solid #B0B0D0;    
}

.paidlinks {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    padding-left: 10px;
    padding-right:  10px;
    background-color:  #ffebba;
    border-radius: 12px;
    border: 1px solid #B0B0D0;    
}

.host-false {
    margin-left: 15px;
    margin-right: 15px;
    padding: 4px;
    background-color: #ffeeee;
    border-radius: 2px;
    border: 1px solid #B0B0D0;    
}

.host-true {
    margin-left: 15px;
    margin-right: 15px;
    padding: 4px;
    background-color: #eeffee;
    border-radius: 2px;
    border: 1px solid #B0B0D0;    
}

.filter {
    padding-top: 6px;
    background-color: #F5F5F5;
    border-radius: 5px;
    border: 1px solid #FFFFFF;  
}
.wrap-text {
    overflow-wrap: break-word;
}
.clickable{
    cursor: pointer;   
}

#modal-header {
    position: fixed;
    top: 10;  
}
span.link-header {
    color:  blueviolet;
}

span.appheader-domain {
    color: #3366AA;
}

.links {
    margin-left: 15px;
    padding: 4px 4px 4px 4px;
    border-radius: .25em;
    border: 1px solid #CCCCCC;  
    background-color: #F9F9F9;

}

.link {
    margin-left: 15px;
}
.checkbox{   
    vertical-align: bottom;
    padding: 1px 1px 1px 1px;
    border-radius: .15em;
    color: darkblue;
}

.binu-img{
    padding-left:10;
}
.padding-0{
    padding-right:0;
    padding-left:0;
}

.white-background {
    background-color:  white;
}

.white-text {
    color:  white;
}
#messagediv{
    color: #555555;
    margin-top: 10px;
    padding: 10px;
}

#buttondiv{
    color: #555555;
    margin-top: 10px;

}

.progress {
    height: 4px; 
}

.urls {
    display: none;
    padding-left: 25;
}

.stats {
    color: grey;
    padding-left: 25;
}

.url {
    padding-left: 16;
}
#progressdiv{
    margin: 0;
    padding: 0;
    height: 5px;
}

#progressbar{
    margin: 0;
    padding: 0;
    height: 5px;
}

span.heading {
    text-align: left;
    font: 22px bold Helvetica, Arial, sans-serif;
    color:  white;
    background-color: transparent;
}

#workbench_header{
    padding-top: 20;
    padding-bottom: 10;
    background-color: #000000;
    background-image: url(/img/assets/landing-page-bg.jpg); 
    background-size: cover;
    background-repeat:  no-repeat;
}

.triangle-right {
    background-size:   contain;
    background-repeat:  no-repeat;
    background-image: url("/img/assets/chevron-right.png");

}

.triangle-bottom {
    background-size:   contain;
    background-repeat:  no-repeat;
    background-image: url("/img/assets/chevron-down.png");

}