img.logo-brand{max-height:32px; width:auto;}
img.logo-main{height:30px; width:auto;}
img.logo-login{height:50px; width:auto;}
a{cursor: pointer;}
.p-0{padding:0px !important;}
.p-t-0{padding-top:0px;}
.p-b-0{padding-bottom:0px;}
.p-b-5{padding-bottom:5px;}
.p-b-10{padding-bottom:10px;}
.p-b-20{padding-bottom:20px;}
.p-b-30{padding-bottom:30px;}
.p-b-40{padding-bottom:40px;}
.p-b-50{padding-bottom:50px;}
.p-t-5{padding-top:5px;}
.p-t-10{padding-top:10px;}
.p-t-20{padding-top:20px;}
.p-t-30{padding-top:30px;}
.p-t-40{padding-top:40px;}
.p-t-50{padding-top:50px;}

.m-l-20{margin-left:20px;}
.m-r-20{margin-right:20px;}
.m-r-30{margin-right:30px;}
.m-r-40{margin-right:40px;}
.m-r-50{margin-right:50px;}
.m-t-0{margin-top:0px;}

.b-t-1{border-top:1px solid #efefef;}
.bg-eeeeee{background-color:#eeeeee;}



.pointer{cursor: pointer;}
.well.well-outline{background-color:transparent;}
.clear-filter{position:absolute; right:0px; bottom:18px; color:#999;}


.modal{background-color:#efefef !important;}
.modal-content  {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
/*
.mobx-overlay{background-color:#FFF;}
.mobx-top-bar{background-color:#FFF;}
.mobx-close{color:#000 !important;}
*/

#contents {
    display: none;
}

.pace.pace-inactive {
  display: none;
}

.text-dark{color:#5b5b5b;}
.text-dark:hover{color:#999;}
.text-dark:active{color:#999;}
.text-dark:focus{color:#999;}



.alert.alert-success,
i.text-white,
.text-white{color:#FFF !important;}

.btn-white {
  color: #999999;
  background-color: #FFFFFF;
  border-color: #999999;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  color: #999999;
  background-color: #FFFFFF;
  border-color: #999999;
}

.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  background-image: none;
}

.btn-white.disabled,
.btn-white[disabled],
fieldset[disabled] .btn-white,
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled:active,
.btn-white[disabled]:active,
fieldset[disabled] .btn-white:active,
.btn-white.disabled.active,
.btn-white[disabled].active,
fieldset[disabled] .btn-white.active {
  background-color: #FFFFFF;
  border-color: #999999;
}

.btn-white .badge {
  color: #FFFFFF;
  background-color: #999999;
}

@media only screen and (max-width: 500px) {
  .login-text-white{color:#FFF;}
  input{color:#FFF !important;}
}

.btn-link{background: none !important; color:#999; box-shadow:none !important;}
.btn-link:hover{color:#999; text-decoration:underline; }

.table.table-compressed > thead > tr > th, .table.table-compressed > tbody > tr > th, .table.table-compressed > tfoot > tr > th, .table.table-compressed > thead > tr > td, .table.table-compressed > tbody > tr > td, .table.table-compressed > tfoot > tr > td{padding:0px;}

.table.table-no-top-row th, .table.table-no-top-row td {
     border-top: none !important;
 }

.dev-mode-header{background-color:#FF0000; width:100%; height:60px; color:#FFF; font-size:16pt; font-weight: bold; text-align:center; padding-top:15px; border-bottom:2px solid black;border-top:2px solid black;}
.dev-mode-header a{color:#FFF;}


@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:95%;
  }
  .modal-full {
    width: 100%;
   max-width:100%;
   -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0);
  -moz-box-shadow: 0 5px 15px rgba(0,0,0,0);
  -o-box-shadow: 0 5px 15px rgba(0,0,0,0);
  box-shadow: 0 5px 15px rgba(0,0,0,0);
  height:100vh;
  }
  .modal-dialog.modal-full{
    width: 100%;
     height: 100%;
     margin: 0;
     padding: 0;
  }
  .modal-dialog.modal-full .modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
  }
}

label.error{color:#FF0000;}
.form-control-inline{border:0px; width:100%; font-size:12pt; background-color:transparent;}

/* json.stringify output */
pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }
pre .string { color: green; }
pre .number { color: darkorange; }
pre .boolean { color: blue; }
pre .null { color: magenta; }
pre .key { color: red; }
/* // end json.stringify output */
button.label{border:0px !important;}
button.label{border-radius:4px;}



.btn-xs{font-size:10px;
padding:4px 14px 4px

}
/* bootstrap mobile block classes */
@media (max-width: 767px) {
    .btn-xs-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-xs-block,
    input[type="reset"].btn-xs-block,
    input[type="button"].btn-xs-block {
        width: 100%;
    }
    .btn-block + .btn-xs-block,
    .btn-xs-block + .btn-block,
    .btn-xs-block + .btn-xs-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-sm-block,
    input[type="reset"].btn-sm-block,
    input[type="button"].btn-sm-block {
        width: 100%;
    }
    .btn-block + .btn-sm-block,
    .btn-sm-block + .btn-block,
    .btn-sm-block + .btn-sm-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-md-block,
    input[type="reset"].btn-md-block,
    input[type="button"].btn-md-block {
        width: 100%;
    }
    .btn-block + .btn-md-block,
    .btn-md-block + .btn-block,
    .btn-md-block + .btn-md-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 1200px) {
    .btn-lg-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-lg-block,
    input[type="reset"].btn-lg-block,
    input[type="button"].btn-lg-block {
        width: 100%;
    }
    .btn-block + .btn-lg-block,
    .btn-lg-block + .btn-block,
    .btn-lg-block + .btn-lg-block {
        margin-top: 0.5rem;
    }
}
/* // end bootstrap mobile block classes */
div.inactive-integration{ position:absolute; bottom:0px; left:0px; z-index:9999999; height:100px; width:100%; background-color:rgba(255,0,0,0.8);}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}


.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}


#editor {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width:800px;
}

/*
 * Very simple jQuery Color Picker
 * https://github.com/tkrotoff/jquery-simplecolorpicker
 *
 * Copyright (C) 2012-2013 Tanguy Krotoff <tkrotoff@gmail.com>
 *
 * Licensed under the MIT license
 */

/**
 * Inspired by Bootstrap Twitter.
 * See https://github.com/twitter/bootstrap/blob/master/less/dropdowns.less
 * See http://twitter.github.com/bootstrap/assets/css/bootstrap.css
 */

.simplecolorpicker.picker:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.simplecolorpicker.picker:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.simplecolorpicker.picker {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1051; /* Above Bootstrap modal (z-index of 1050) */
  display: none;
  float: left;

  min-width: 160px;
  max-width: 264px;

  padding: 4px 0 0 4px;
  margin: 1px 0 0;
  list-style: none;
  background-color: #ffffff;

  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);

  *border-right-width: 2px;
  *border-bottom-width: 2px;

  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;

  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

  .simplecolorpicker.inline {
    display: inline-block;
    height: 18px;
    padding: 4px 0;
  }

  .simplecolorpicker.icon,
  .simplecolorpicker span {
    cursor: pointer;
    display: inline-block;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;

    border: 1px solid transparent;
  }
  .simplecolorpicker span {
    margin: 0 4px 4px 0;
  }

  .simplecolorpicker span:hover,
  .simplecolorpicker span.selected {
    border: 1px solid black;
  }

.sortable-placeholder-background{list-style:none; background-color:#ffffdd;}
.box-shadow{  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}