br, hr{
  clear:both;
}

@media print
{
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11 {
    float: left;
  }
  .col-sm-1 {
    width: 8.333333333333332%;
  }
  .col-sm-2 {
    width: 16.666666666666664%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333333333333%;
  }
  .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.333333333333336%;
  }
  .col-sm-8 {
    width: 66.66666666666666%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333333333334%;
  }
  .col-sm-11 {
    width: 91.66666666666666%;
  }
  .col-sm-12 {
    width: 100%;
  }

    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x:hidden;
        overflow-y: hidden;
        border:none;
    }

    .table-responsive .table {
        width: 100%;
        white-space: pre-wrap;
        text-wrap:normal;
    }
   
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: pre-wrap;
    }
}

/**********************************************************************************************************/
/*                                              VALIDATION                                                */
/**********************************************************************************************************/

input:required:invalid:focus, 
input:required:invalid:hover, 
textarea:required:invalid:focus, 
textarea:required:invalid:hover, 
select:required:invalid:focus, 
select:required:invalid:hover, 
input[type=number]:invalid:focus,
input[type=number]:invalid:hover
{
  border-color: #b94a48 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

input:required:valid:focus, 
input:required:valid:hover, 
textarea:required:valid:focus, 
textarea:required:valid:hover, 
select:required:valid:focus, 
select:required:valid:hover, 
input[type=number]:valid:focus,
input[type=number]:valid:hover
{
  border-color: #468847 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/**********************************************************************************************************/
/*                                                CAROUSEL                                                */
/**********************************************************************************************************/
.carousel-control-danger{
    color:#a94442 !important;
}

.carousel-indicators-danger li {
  border: 1px solid #a94442 !important;
}

.carousel-indicators-danger .active {
  background-color: #843534 !important;
}

.carousel-indicators-warning li {
  border: 1px solid #8a6d3b !important;
}

.carousel-indicators-warning .active {
  background-color: #66512c !important;
}

.carousel-indicators-primary li {
  border: 1px solid #337ab7 !important;
}

.carousel-indicators-primary .active {
  background-color: #286090 !important;
}

.carousel-indicators-success li {
  border: 1px solid #3c763d !important;
}

.carousel-indicators-success .active {
  background-color: #2b542c !important;
}

.carousel-indicators-info li {
  border: 1px solid #31708f !important;
}

.carousel-indicators-info .active {
  background-color: #245269 !important;
}

.carousel-indicators-top{
    bottom:auto !important;
    top:10px;
    text-shadow: 0 0 20px White;
}

.carousel-panel{
    margin-bottom: 5px !important;
    padding:10px 10px !important; 
    border-radius:5px;
    font-size:8px !important;
}

.carousel-panel-warning{
    background-color: #fcf8e3;
    border: solid 1px #faebcc !important;
}

.carousel-panel-info{
    background-color: #d9edf7;
    border: solid 1px #bce8f1 !important;
}

.carousel-panel-danger{
    background-color: #f2dede;
    border: solid 1px #ebccd1 !important;
}

.carousel-panel-success{
    background-color: #dff0d8;
    border: solid 1px #d6e9c6 !important;
}

.carousel-panel-default{
    background-color: #f5f5f5;
    border: solid 1px #ddd !important;
}

.carousel-items-3 > .item.next,
.carousel-items-3 > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(33.33%, 0, 0);
    -ms-transform: translate3d(33.33%, 0, 0);
    -o-transform: translate3d(33.33%, 0, 0);
    transform: translate3d(33.33%, 0, 0);
}

.carousel-items-3 > .item.prev,
.carousel-items-3 > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-33.33%, 0, 0);
    -ms-transform: translate3d(-33.33%, 0, 0);
    -o-transform: translate3d(-33.33%, 0, 0);
    transform: translate3d(-33.33%, 0, 0);
}

.carousel-items-4 > .item.next,
.carousel-items-4 > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(25%, 0, 0);
    -ms-transform: translate3d(25%, 0, 0);
    -o-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
}

.carousel-items-4 > .item.prev,
.carousel-items-4 > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-25%, 0, 0);
    -ms-transform: translate3d(-25%, 0, 0);
    -o-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
}

.carousel-items-6 > .item.next,
.carousel-items-6 > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(16.66%, 0, 0);
    -ms-transform: translate3d(16.66%, 0, 0);
    -o-transform: translate3d(16.66%, 0, 0);
    transform: translate3d(16.66%, 0, 0);
}

.carousel-items-6 > .item.prev,
.carousel-items-6 > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-16.66%, 0, 0);
    -ms-transform: translate3d(-16.66%, 0, 0);
    -o-transform: translate3d(-16.66%, 0, 0);
    transform: translate3d(-16.66%, 0, 0);
}

/**********************************************************************************************************/
/*                                               ICON BOX                                                 */
/**********************************************************************************************************/     
@media (min-width: 450px) {
    .SFBox {
        width:50%;
        float:left;
    }
}
         
@media (min-width: 675px) {
    .SFBox {
        max-width:33.33%;
        float:left;
    }
}
        
@media (min-width: 900px) {
    .SFBox {
        max-width:25%;
        float:left;
    }
}
        
@media (min-width: 1125px) {
    .SFBox {
        max-width:20%;
        float:left;
    }
}

@media (min-width: 1350px) {
    .SFBox {
        max-width:16.66%;
        float:left;
    }
}

.SFBox{
    min-width:200px;
    padding: 3px 3px 3px 3px;
}

.SFBox A{
    height:200px;
    width:100%;
    text-align:center;
    padding-top:62px;
    display:flex;
    flex-direction:column;
    text-decoration:none !important;
    border-radius:5px;
    opacity:0.5;
    text-transform:capitalize;
}
        
.SFBox A:hover, .SFBox A:focus{
    color:white;
    text-decoration:none !important;
    opacity:1;
}

.SFBox A .fa{
    font-size:38px;
}

.SFBox A H4{
    color:white;
    font-weight:500;
}

.SFBox A .btn{
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
    background:inherit;
    opacity:0.7;
    border:2px solid white;
    text-transform:uppercase;
}

.SFBox .btn:hover{
    color:white;
}

.SFBox P{
    border:1px solid white; 
    margin-left:10px; 
    margin-right:10px; 
    padding:3px 3px 3px 3px;
    border-radius:4px;
    opacity:0.7;
}

/**********************************************************************************************************/
/*                                                 LABEL                                                  */
/**********************************************************************************************************/
div.form-control,
label.form-control{
    height:auto;
    min-height:30px;
}

Label.control-label{
  text-align:left !important;
}

.label{
    font-size:11px;
    font-family:Arial;
}

.label-dark {
  background-color: #343a40;
}
.label-dark[href]:hover,
.label-dark[href]:focus {
  background-color: #1d2124;
}

.text-primary {
  color: #337ab7;
}

.text-success {
  color: #3c763d;
}

.text-info {
  color: #31708f;
}

.text-warning {
  color: #8a6d3b;
}

.text-danger {
  color: #a94442;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:focus, a.text-light:hover {
  color: #dae0e5 !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:focus, a.text-dark:hover {
  color: #1d2124 !important;
}

.text-blue{
    color:#0073b7 !important;
}
 
a.text-blue:hover,
a.text-blue:focus {
  color: #005599 !important;
}

.text-red{
    color:#dd4b39 !important;
}

.text-yellow{
    color:#f39c12 !important;
}

.text-aqua{
    color:#00c0ef !important;
}
.text-black{
    color:#111 !important;
}

.text-light-blue{
    color:#3c8dbc !important;
}

.text-green{
    color:#00a65a !important;
}

.text-gray {
    color: #d2d6de !important;
}

a.text-gray:hover,
a.text-gray:focus {
  color: #A0A0A0 !important;
}

.text-navy {
    color: #001f3f !important;
}

.text-teal {
    color: #39cccc !important;
}

.text-olive {
    color: #3d9970 !important;
}

.text-lime {
    color: #01ff70 !important;
}

.text-orange {
    color: #ff851b !important;
}

.text-fuchsia {
    color: #f012be !important;
}

.text-purple {
    color: #605ca8 !important;
}

.text-maroon {
    color: #d81b60 !important;
}

.text-dark-blue {
    color: #34495e;
}

.text-faded {
    color: rgba(255,255,255,0.7);
}

.back-yellow A,
.back-red A,
.back-black A,
.back-gray A,
.back-green A,
.back-olive A,
.back-orange A,
.back-fuchsia A,
.back-purple A,
.back-maroon A,
.back-primary A,
.back-success A,
.back-info A,
.back-warning A,
.back-danger A,
.back-blue A
{
  color: #fff;
}

.back-yellow:hover,
.back-red:hover,
.back-black:hover,
.back-gray:hover,
.back-green:hover,
.back-olive:hover,
.back-orange:hover,
.back-fuchsia:hover,
.back-purple:hover,
.back-maroon:hover,
.back-primary:hover,
.back-success:hover,
.back-info:hover,
.back-warning:hover,
.back-danger:hover,
.back-blue:hover,
{
  color: #fff;
  opacity:0.5;
}


.back-blue {
  color: #fff;
  background-color: #0073b7;
}

.back-red {
  color: #fff;
  background-color: #dd4b39;
}

.back-yellow {
  color: #fff;
  background-color: #f39c12;
}

.back-black {
  color: #fff;
  background-color: #111;
}

.back-gray {
  color: #fff;
  background-color: #d2d6de;
}

.back-green {
  color: #fff;
  background-color: #00a65a;
}

.back-olive {
  color: #fff;
  background-color: #3d9970;
}

.back-orange {
  color: #fff;
  background-color: #ff851b;
}

.back-fuchsia {
  color: #fff;
  background-color: #f012be;
}

.back-purple {
  color: #fff;
  background-color: #605ca8;
}

.back-maroon {
  color: #fff;
  background-color: #d81b60;
}

.back-primary {
  color: #fff;
  background-color: #337ab7;
}

.back-success {
  color: #fff;
  background-color: #3c763d;
}

.back-info {
  color: #fff;
  background-color: #31708f;
}

.back-warning {
  color: #fff;
  background-color: #8a6d3b;
}

.back-danger {
  color: #fff;
  background-color: #a94442;
}

.bg-primary {
  color: #fff;
  background-color: #337ab7;
}

.bg-secondary {
  background-color: #868e96;
}

.bg-success {
  background-color: #dff0d8;
}

.bg-info {
  background-color: #d9edf7;
}

.bg-warning {
  background-color: #fcf8e3;
}

.bg-danger {
  background-color: #f2dede;
}

.bg-light {
  background-color: #f8f9fa;
}

.bg-dark {
  background-color: #343a40;
}

.bg-white {
  background-color: #fff;
}

.bg-transparent {
  background-color: transparent;
}

.bg-dark-blue {
  background-color: #34495e;
}


.bg-green {
    background-color: #16a085;
}

.bg-blue {
    background-color: #2980b9;
}

.bg-orange {
    background-color: #f39c12;
}

.bg-red {
    background-color: #e74c3c;
}

.bg-purple {
    background-color: #8e44ad;
}

.bg-dark-gray {
    background-color: #7f8c8d;
}

.bg-gray {
    background-color: #95a5a6;
}

.bg-light-gray {
    background-color: #bdc3c7;
}

.bg-yellow {
    background-color: #f1c40f;
}
/**********************************************************************************************************/
/*                                                   LABEL                                                */
/**********************************************************************************************************/

.badge{
    font-weight:normal;
    font-size:12px;
}

.SFBadge-SM{
    font-size:10.5px;
}


.badge-gray,
.badge-default
{
    font-weight:normal;
    background-color:#d2d6de;
}

.badge-gray:hover,
.badge-default:hover
{
    background-color:#B4B8C0;
}

.badge-olive
{
    font-weight:normal;
    background-color:#3D9970;
}

.badge-olive:hover
{
    background-color:#1F7B52;
}

.badge-danger
{
    font-weight:normal;
    background-color:#d9534f;
}

.badge-danger:hover
{
    background-color:#c9302c;
}

.badge-primary
{
    font-weight:normal;
    background-color:#337ab7;
}

.badge-primary:hover
{
    background-color:#286090;
}

.badge-info
{
    font-weight:normal;
    background-color:#5BC0DE;
}

.badge-info:hover
{
    background-color:#31B0D5;
}

.badge-warning
{
    font-weight:normal;
    background-color:#F0AD4E;
}

.badge-warning:hover
{
    background-color:#EC971F;
}

.badge-success
{
    font-weight:normal;
    background-color:#5cb85c;
}

.badge-success:hover
{
    background-color:#449d44;
}

.badge-secondary
{
    font-weight:normal;
    background-color:#868e96;
}

.badge-secondary:hover
{
    background-color:#6c757d;
}

.badge-dark
{
    font-weight:normal;
    background-color:#343a40;
}

.badge-dark:hover
{
    background-color:#1d2124;
}

/**********************************************************************************************************/
/*                                                 INPUT                                                  */
/**********************************************************************************************************/
.span-textbox{
    width:40px !important; 
    border-style:none; 
    height:28px;
}

span.SFCtrl-NoPadding{
    padding: 0 0 0 0 !important;
}

.input-group.col {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.input-group[class*="col-"] {
  padding-right: 15px !important;
  padding-left: 15px !important;
  
}

SPAN.input-group-addon{
    font-size:12px !important;
    font-weight:bold;
}

.input-group .form-control2 {
  width: 100%;
  margin-bottom: 0;
}

.input-group-btn > .btn:not(:first-child){
    margin-left:-3px !important;
}

.form-control2:-moz-placeholder {
  color: #999999;
}

.form-control2::-moz-placeholder {
  color: #999999;
}

.form-control2:-ms-input-placeholder {
  color: #999999;
}

.form-control2::-webkit-input-placeholder {
  color: #999999;
}

.form-control2 {
  display: block;
  width: 100%;
  height: 34px;
  padding: 5px 8px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control2:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control2[disabled],
.form-control2[readonly],
fieldset[disabled] .form-control2 {
  cursor: not-allowed !important;
  background-color: #eeeeee !important;
}

/**********************************************************************************************************/
/*                                                  TAB                                                   */
/**********************************************************************************************************/

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav-tabs{
    
    border-top-left-radius:5px !important;
    border-top-right-radius:5px !important;
}

.tab-content{
    border:1px solid #E0E0E0;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    padding-bottom:16px;
    padding-top:16px;
    display:inline-block; 
    position:relative;
    width:100%;
}

.tab-pane{
    background:none !important;
    overflow:auto;
    overflow-x:hidden;
}

/**********************************************************************************************************/
/*                                                 PANEL                                                  */
/**********************************************************************************************************/

.panel-dark {
    border-color: #343a40;
}

.panel-dark .panel-heading {
    border-color: #343a40;
    color: #fff;
    background-color: #343a40;
}

.panel-dark a {
    color: #343a40;
}

.panel-dark a:hover {
    color: #1d2124;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}

.panel-blue {
    border-color: #28ABE3;
}

.panel-blue .panel-heading {
    border-color: #28ABE3;
    color: #fff;
    background-color: #28ABE3;
}

.panel-blue a {
    color: #28ABE3;
}

.panel-blue a:hover {
    color: #3d438b;
}

.panel-lightred {
    border-color: #FB6648;
}

.panel-lightred .panel-heading {
    border-color: #FB6648;
    color: #fff;
    background-color: #FB6648;
}

.panel-lightred a {
    color: #FB6648;
}

.panel-lightred a:hover {
    color: #d9534f;
}

.panel-white {
    border-color: #ffffff;
}

.panel-white .panel-heading {
    border-color: #ffffff;
    color: #fff;
    background-color: #ffffff;
}

.panel-white a {
    color: #ffffff;
}

.panel-white a:hover {
    color: #ffffff;
}
/**********************************************************************************************************/
/*                                                 BUTTON                                                 */
/**********************************************************************************************************/
.btn-success,
.btn-danger,
.btn-info,
.btn-primary,
.btn-dark,
.btn-light,
.btn-warning,
.btn-olive
{
    min-width:75px;
}

.btn-default{
    min-height:30px;
}

.btn-olive {
  color: #fff;
  background-color: #3EA99F;
  border-color: #349F95;
}
.btn-olive:focus,
.btn-olive.focus {
  color: #fff;
  background-color: #2A958B;
  border-color: #208B81;
}
.btn-olive:hover {
  color: #fff;
  background-color: #2A958B;
  border-color: #208B81;
}
.btn-olive:active,
.btn-olive.active,
.open > .dropdown-toggle.btn-olive {
  color: #fff;
  background-color: #2A958B;
  border-color: #208B81;
}
.btn-olive:active:hover,
.btn-olive.active:hover,
.open > .dropdown-toggle.btn-olive:hover,
.btn-olive:active:focus,
.btn-olive.active:focus,
.open > .dropdown-toggle.btn-olive:focus,
.btn-olive:active.focus,
.btn-olive.active.focus,
.open > .dropdown-toggle.btn-olive.focus {
  color: #fff;
  background-color: #026D63;
  border-color: #168177;
}
.btn-olive:active,
.btn-olive.active,
.open > .dropdown-toggle.btn-olive {
  background-image: none;
}
.btn-olive.disabled:hover,
.btn-olive[disabled]:hover,
fieldset[disabled] .btn-olive:hover,
.btn-olive.disabled:focus,
.btn-olive[disabled]:focus,
fieldset[disabled] .btn-olive:focus,
.btn-olive.disabled.focus,
.btn-olive[disabled].focus,
fieldset[disabled] .btn-olive.focus {
  background-color: #3EA99F;
  border-color: #349F95;
}
.btn-olive .badge {
  color: #3EA99F;
  background-color: #fff;
}


.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:focus,
.btn-light.focus {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light.disabled, .btn-light:disabled {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}


.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:focus,
.btn-dark.focus {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark.disabled, .btn-dark:disabled {
  background-color: #343a40;
  border-color: #343a40;
}

/**********************************************************************************************************/
/*                                                TIMELINE                                                */
/**********************************************************************************************************/
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px;
}

.timeline > li {
    margin-bottom: 20px;
    position: relative;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li > .timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline > li > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    padding-top:15px;
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

.timeline-body > p + p {
    margin-top: 5px;
}

/**********************************************************************************************************/
/*                                              MESSAGE ITEM                                              */
/**********************************************************************************************************/
.message-item {
    margin-bottom: 25px;
    margin-left: 40px;
    position: relative;
}

.message-item .message-inner {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px;
    position: relative;
}

.message-item .message-inner:before {
    border-right: 10px solid #ddd;
    border-style: solid;
    border-width: 10px;
    color: rgba(0,0,0,0);
    content: "";
    display: block;
    height: 0;
    position: absolute;
    left: -20px;
    top: 6px;
    width: 0;
}

.message-item .message-inner:after {
    border-right: 10px solid #fff;
    border-style: solid;
    border-width: 10px;
    color: rgba(0,0,0,0);
    content: "";
    display: block;
    height: 0;
    position: absolute;
    left: -18px;
    top: 6px;
    width: 0;
}

.message-item:before {
    background: #fff;
    border-radius: 2px;
    bottom: -30px;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    content: "";
    height: 100%;
    left: -30px;
    position: absolute;
    width: 3px;
}

.message-item:after {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    content: "";
    height: 15px;
    left: -36px;
    position: absolute;
    top: 10px;
    width: 15px;
}

.message-item .clearfix:before, 
.message-item .clearfix:after {
    content: " ";
    display: table;
}

.message-item .message-head {
    border-bottom: 1px solid #eee;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

.message-item .message-head .avatar {
    margin-right: 20px;
}

.message-item .message-head .user-detail {
    overflow: hidden;
}

.message-item .message-head .user-detail h5 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.message-item .message-head .post-meta {
    float: left;
    padding: 0 15px 0 0;
}

.message-item .message-head .post-meta >div {
    color: #333;
    font-weight: bold;
    text-align: right;
}

.message-item .message-inner img {
    min-height: 40px;
    max-height: 40px;
}

/**********************************************************************************************************/
/*                                                 SLIDER                                                 */
/**********************************************************************************************************/

.range2 {
    display: table;
    position: relative;
    height: 25px;
    margin-top: 20px;
    background-color: rgb(245, 245, 245);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.range2 input[type="range"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;

    display: table-cell;
    width: 100%;
    background-color: transparent;
    height: 25px;
    cursor: pointer;
}

.range2 input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;

    width: 11px;
    height: 25px;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
    background-color: rgb(153, 153, 153);
}

.range2 input[type="range"]::-moz-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    
    width: 11px;
    height: 25px;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
    background-color: rgb(153, 153, 153);
}

.range2 output {
    display: table-cell;
    padding: 3px 5px 2px;
    min-width: 40px;
    color: rgb(255, 255, 255);
    background-color: rgb(153, 153, 153);
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}
.range2 input[type="range"] {
    outline: none;
}

.range2.range-primary input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(66, 139, 202);
}
.range2.range-primary input[type="range"]::-moz-slider-thumb {
    background-color: rgb(66, 139, 202);
}
.range2.range-primary output {
    background-color: rgb(66, 139, 202);
}
.range2.range-primary input[type="range"] {
    outline-color: rgb(66, 139, 202);
}

.range2.range-success input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(92, 184, 92);
}
.range2.range-success input[type="range"]::-moz-slider-thumb {
    background-color: rgb(92, 184, 92);
}
.range2.range-success output {
    background-color: rgb(92, 184, 92);
}
.range2.range-success input[type="range"] {
    outline-color: rgb(92, 184, 92);
}

.range2.range-info input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(91, 192, 222);
}
.range2.range-info input[type="range"]::-moz-slider-thumb {
    background-color: rgb(91, 192, 222);
}
.range2.range-info output {
    background-color: rgb(91, 192, 222);
}
.range2.range-info input[type="range"] {
    outline-color: rgb(91, 192, 222);
}

.range2.range-warning input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(240, 173, 78);
}
.range2.range-warning input[type="range"]::-moz-slider-thumb {
    background-color: rgb(240, 173, 78);
}
.range2.range-warning output {
    background-color: rgb(240, 173, 78);
}
.range2.range-warning input[type="range"] {
    outline-color: rgb(240, 173, 78);
}

.range2.range-danger input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(217, 83, 79);
}
.range2.range-danger input[type="range"]::-moz-slider-thumb {
    background-color: rgb(217, 83, 79);
}
.range2.range-danger output {
    background-color: rgb(217, 83, 79);
}
.range2.range-danger input[type="range"] {
    outline-color: rgb(217, 83, 79);
}

/**********************************************************************************************************/
/*                                                  TABLE                                                 */
/**********************************************************************************************************/


.light,
.light > th,
.light > td {
  background-color: #fdfdfe;
}

.table-hover .light:hover {
  background-color: #ececf6;
}

.table-hover .light:hover > td,
.table-hover .light:hover > th {
  background-color: #ececf6;
}

.dark,
.dark > th,
.dark > td {
  background-color: #c6c8ca;
}

.table-hover .dark:hover {
  background-color: #b9bbbe;
}

.table-hover .dark:hover > td,
.table-hover .dark:hover > th {
  background-color: #b9bbbe;
}

.dark th,
.dark td,
.dark thead th {
  border-color: #32383e;
}

.dark.table-bordered {
  border: 0;
}
/**********************************************************************************************************/
/*                                                  MODAL                                                 */
/**********************************************************************************************************/

.modal.modal-65 .modal-dialog,
.modal.modal-60 .modal-dialog,
.modal.modal-70 .modal-dialog,
.modal.modal-75 .modal-dialog,
.modal.modal-80 .modal-dialog
.modal.modal-95 .modal-dialog,
.modal.modal-alert .modal-dialog
{
   width: auto;
   margin: 10px; 
}

@media (min-width: 660px) {
    .modal.modal-alert .modal-dialog {
        width: 600px;
        margin-top:30px;
        margin-left:auto;
        margin-right:auto;
    }
}

@media (min-width: 870px) {
  .modal.modal-60 .modal-dialog{
    width: 809px;
    margin-top:30px;
    margin-left:auto;
    margin-right:auto;
  }
}

@media (min-width: 926px) {
  .modal.modal-65 .modal-dialog{
    width: 866px;
    margin-top:30px;
    margin-left:auto;
    margin-right:auto;
  }
}

@media (min-width: 983px) {
  .modal.modal-70 .modal-dialog{
    width: 923px;
    margin-top:30px;
    margin-left:auto;
    margin-right:auto;
  }

  .modal.modal-75 .modal-dialog{
    width: 988px;
    margin-top:30px;
    margin-left:auto;
    margin-right:auto;
  }
}


@media (min-width: 1097px) {
  .modal.modal-80 .modal-dialog{
    width: 1037px;
    margin-top:30px;
    margin-left:auto;
    margin-right:auto;
  }
}

.modal-65 .modal-body {
  overflow-y: auto;
}

.modal.modal-95 .modal-dialog {
    width:95%;
}

.modal.modal-100 .modal-dialog {
    width:100%;
}

.modal-body{
    display:inline-block;
    width:100%;
}

body { padding-right: 0 !important }

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code {
    border-radius: 3px;
}

.bs-callout+.bs-callout {
    margin-top: -5px;
}

.bs-callout-default {
    border-left-color: #777;
}

.bs-callout-default h4 {
    color: #777;
}

.bs-callout-primary {
    border-left-color: #428bca;
}

.bs-callout-primary h4 {
    color: #428bca;
}

.bs-callout-success {
    border-left-color: #5cb85c;
}

.bs-callout-success h4 {
    color: #5cb85c;
}

.bs-callout-danger {
    border-left-color: #ce4844;
}

.bs-callout-danger h4 {
    color: #ce4844;
}

.bs-callout-warning {
    border-left-color: #aa6708;
}

.bs-callout-warning h4 {
    color: #aa6708;
}

.bs-callout-info {
    border-left-color: #5bc0de;
}

.bs-callout-info h4 {
    color: #5bc0de;
}

.bs-callout-dark {
    border-left-color: #1b1e21;
}

.bs-callout-dark h4 {
    color: #1b1e21;
}

.breadcrumb {
    margin-bottom: 5px !important;
}

.breadcrumb > li > a:hover,
.breadcrumb > li > a:focus
{
    text-decoration:none;
}

.breadcrumb > li > a > i.fa{
    font-size:14px !important;
}

.breadcrumb > .active {
  font-weight:bold;
} 

.tooltip-inner {
  max-width: none !important;   
}

.popover {
    white-space:nowrap;
    display:inline-block; 
    position:relative;
}

.popover-content{
    padding: 5px 10px;
    font-size:12px;
    display:inline-block; 
    position:relative;
    width:100%;
}

.drag-item,
.drag-item > label,
.drag-item > span{
    cursor:move;
    margin-bottom:3px;
}

.drag-item:hover{
    opacity:0.7;
}

.hover-item,
.hover-item > label,
.hover-item > span{
    margin-bottom:3px;
}

.hover-item:hover{
    opacity:0.8;
}

.hover-item label:hover{
    background-color:#f5f5f5;
}

.no-padding{
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
}

@media print {
	.page-break	{ display: block; page-break-before: always; }

    .col-md-2,
    .col-md-7 {
        float:left !important;
    }

    .col-md-2{
        width: 20%;
    }

    .col-md-7{
        width: 80%;
    }

    .col-md-7 .form-control{
        width:100%;
    }

    .form-group{
        margin-bottom:3px !important;
    }

    a[href]:after {
    content: "" !important;
    }
}

/**********************************************************************************************************/
/*                                                  MODAL                                                 */
/**********************************************************************************************************/
.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

/**********************************************************************************************************/
/*                                          LIST GROUP ITEM                                               */
/**********************************************************************************************************/

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

a.list-group-item-dark,
button.list-group-item-dark {
  color: #1b1e21;
}

a.list-group-item-dark .list-group-item-heading,
button.list-group-item-dark .list-group-item-heading {
  color: inherit;
}

a.list-group-item-dark:hover,
button.list-group-item-dark:hover,
a.list-group-item-dark:focus,
button.list-group-item-dark:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}

a.list-group-item-dark.active,
button.list-group-item-dark.active,
a.list-group-item-dark.active:hover,
button.list-group-item-dark.active:hover,
a.list-group-item-dark.active:focus,
button.list-group-item-dark.active:focus {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.state-icon {
    left: -5px;
}
.list-group-item-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(66, 139, 202);
}

.well .list-group {
    margin-bottom: 0px;
}

.list-group-item-sm{
    padding-top:6px;
    padding-bottom:6px;
}

.list-group.no-margin{
    margin-bottom:0px;
}

/**********************************************************************************************************/
/*                                             CIRCLE TILE                                               */
/**********************************************************************************************************/
.circle-tile {
    margin-bottom: 15px;
    text-align: center;
}

.circle-tile-heading {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto -40px;
    border: 3px solid rgba(255,255,255,0.3);
    border-radius: 100%;
    color: #fff;
    transition: all ease-in-out .3s;
}

.circle-tile-heading .fa {
    line-height: 80px;
}

.circle-tile-content {
    padding-top: 50px;
}

.circle-tile-number {
    padding: 5px 0 15px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
}

.circle-tile-description {
    text-transform: uppercase;
}

.circle-tile-footer {
    display: block;
    padding: 5px;
    color: rgba(255,255,255,0.5);
    background-color: rgba(0,0,0,0.1);
    transition: all ease-in-out .3s;
}

.circle-tile-footer:hover {
    text-decoration: none;
    color: rgba(255,255,255,0.5);
    background-color: rgba(0,0,0,0.2);
}

.circle-tile-heading.bg-dark-blue:hover {
    background-color: #2e4154;
}

.circle-tile-heading.bg-green:hover {
    background-color: #138f77;
}

.circle-tile-heading.bg-orange:hover {
    background-color: #da8c10;
}

.circle-tile-heading.bg-blue:hover {
    background-color: #2473a6;
}

.circle-tile-heading.bg-red:hover {
    background-color: #cf4435;
}

.circle-tile-heading.bg-purple:hover {
    background-color: #7f3d9b;
}

.select2-dropdown.select2-dropdown--below,
.select2-dropdown.select2-dropdown--above{
    z-index:6100 !important;
}

.disabled {
  cursor: not-allowed !important;
  background-color: #eeeeee !important;
}

.SFPanelScroll .table,
.SFPanelScroll .table-responsive .table
{
    margin-bottom:0px !important
}

.media .date {
    width:52px;
    margin-right:10px;
    border-radius:10px;
    padding:5px
}

.media .date .day,.media .date .month {
    margin:0;
    text-align:center;
    color:#fff
}

.media .date .day {
    font-size:27px;
    line-height:27px;
    font-weight:700
}

.tooltip{
    z-index:7000 !important;
}



.orgchart .nodecontent {
    display: inline-block;  
    min-width:150px;
    padding:0px;
    z-index:1000;
}

.orgchart .nodecontent .header {
    font-weight:bold;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
}

.orgchart .nodecontent .body {
    padding: 10px;
}

.orgchart .nodecontent .body, 
.orgchart .nodecontent .header {
    border-width:1px;
    border-style:solid;
}

.orgchart .nodecontent .header,
.orgchart .nodecontent .body {
    background-color: #fcfcfc;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    color: #9fa7ae;
    border-color: #f2f3f4;
}

.orgchart .nodecontent .body {
    border-radius:5px;
}

.orgchart .nodecontent .header + .body {
    border-top-width:0px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}

.orgchart .nodecontent .body {
    border-width:1px;
    border-style:solid;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}

.orgchart .nodecontent .badge {
    color: white;
    border-style:none;
    opacity:0.7;
}

.orgchart .nodecontent .badge:hover {
    opacity:1;
}

.orgchart .nodecontent.nodecontent-primary .header,
.orgchart .nodecontent.nodecontent-primary .body,
.orgchart .nodecontent.nodecontent-primary .body hr{
    background-color: #cce3f8;
    color: #10416d;
    border-color: #348fe2;
}

.orgchart .nodecontent.nodecontent-primary .badge {
    background-color: #348fe2;
}

.orgchart .nodecontent.nodecontent-info .header,
.orgchart .nodecontent.nodecontent-info .body,
.orgchart .nodecontent.nodecontent-info .body hr  {
    background-color: #d2edf5;
    color: #195a6d;
    border-color: #49b6d6;
}

.orgchart .nodecontent.nodecontent-info .badge {
    background-color: #49b6d6;
}

.orgchart .nodecontent.nodecontent-purple .header,
.orgchart .nodecontent.nodecontent-purple .body,
.orgchart .nodecontent.nodecontent-purple .body hr {
    background-color: #dcdeed;
    color: #31375e;
    border-color: #727cb6;
}

.orgchart .nodecontent.nodecontent-purple .badge {
    background-color: #727cb6;
}

.orgchart .nodecontent.nodecontent-indigo .header,
.orgchart .nodecontent.nodecontent-indigo .body,
.orgchart .nodecontent.nodecontent-indigo .body hr {
    color: #3f1880;
    background-color: #e1d4f7;
    border-color: #8753de;
}

.orgchart .nodecontent.nodecontent-indigo .badge {
    background-color: #8753de;
}

.orgchart .nodecontent.nodecontent-success .header,
.orgchart .nodecontent.nodecontent-success .body,
.orgchart .nodecontent.nodecontent-success .body hr {
    color: #001313;
    background-color: #bfeaea;
    border-color: #00acac;
}

.orgchart .nodecontent.nodecontent-success .badge {
    background-color: #00acac;
}

.orgchart .nodecontent.nodecontent-green .header,
.orgchart .nodecontent.nodecontent-green .body,
.orgchart .nodecontent.nodecontent-green .body hr   {
    color: #0f330f;
    background-color: #cceacc;
    border-color: #32a932;
}

.orgchart .nodecontent.nodecontent-green .badge {
    background-color: #32a932;
}

.orgchart .nodecontent.nodecontent-lime .header,
.orgchart .nodecontent.nodecontent-lime .body,
.orgchart .nodecontent.nodecontent-lime .body hr  {
    color: #41601c;
    background-color: #e3f2d2;
    border-color: #90ca4b;
}

.orgchart .nodecontent.nodecontent-lime .badge {
    background-color: #90ca4b;
}

.orgchart .nodecontent.nodecontent-warning .header,
.orgchart .nodecontent.nodecontent-warning .body,
.orgchart .nodecontent.nodecontent-warning .body hr {
    color: #714505;
    background-color: #fde6c6;
    border-color: #f59c1a;
}

.orgchart .nodecontent.nodecontent-warning .badge {
    background-color: #f59c1a;
}
        
.orgchart .nodecontent.nodecontent-yellow .header,
.orgchart .nodecontent.nodecontent-yellow .body,
.orgchart .nodecontent.nodecontent-yellow .body hr {
    color: #665700;
    background-color: #fff6bf;
    border-color: #ffd900;
}

.orgchart .nodecontent.nodecontent-yellow .badge {
    background-color: #ffd900;
}

.orgchart .nodecontent.nodecontent-danger .header,
.orgchart .nodecontent.nodecontent-danger .body,
.orgchart .nodecontent.nodecontent-danger .body hr  {
    color: #bd0500;
    background-color: #ffd6d5;
    border-color: #ff5b57;
}

.orgchart .nodecontent.nodecontent-danger .badge {
    background-color: #ff5b57;
}

        
.orgchart .nodecontent.nodecontent-pink .header,
.orgchart .nodecontent.nodecontent-pink .body,
.orgchart .nodecontent.nodecontent-pink .body hr   {
    color: #b3044a;
    background-color: #fed5e5;
    border-color: #fb5597;
}

.orgchart .nodecontent.nodecontent-pink .badge {
    background-color: #fb5597;
}

.orgchart .nodecontent.nodecontent-dark .header,
.orgchart .nodecontent.nodecontent-dark .body,
.orgchart .nodecontent.nodecontent-dark .body hr   {
    color: #000;
    background-color: #cbcdce;
    border-color: #2d353c;
}

.orgchart .nodecontent.nodecontent-dark .badge {
    background-color: #2d353c;
}

.orgchart .nodecontent.nodecontent-silver .header,
.orgchart .nodecontent.nodecontent-silver .body,
.orgchart .nodecontent.nodecontent-silver .body hr  {
    color: #25282b;
    background-color: #dadddf;
    border-color: #6c757d;
}

.orgchart .nodecontent.nodecontent-silver .badge {
    background-color: #6c757d;
}

.orgchart .nodecontent:hover {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(182,194,201,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(182,194,201,.6);
}
        
.orgchart .nodecontent.nodecontent-primary:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(52,143,226,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(52,143,226,.6);
}
        
.orgchart .nodecontent.nodecontent-info:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(73,182,214,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(73,182,214,.6);
}
        
.orgchart .nodecontent.nodecontent-indigo:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(135,83,222,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(135,83,222,.6);
}

.orgchart .nodecontent.nodecontent-purple:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(114,124,182,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(114,124,182,.6);
}
        
.orgchart .nodecontent.nodecontent-success:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,172,172,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,172,172,.6);
}

.orgchart .nodecontent.nodecontent-lime:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(144,202,75,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(144,202,75,.6);
}
        
.orgchart .nodecontent.nodecontent-green:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(50,169,50,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(50,169,50,.6);
}

.orgchart .nodecontent.nodecontent-warning:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(245,156,26,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(245,156,26,.6);
}

.orgchart .nodecontent.nodecontent-yellow:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,217,0,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,217,0,.6);
}
        
.orgchart .nodecontent.nodecontent-danger:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,91,87,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,91,87,.6);
}
        
.orgchart .nodecontent.nodecontent-pink:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(251,85,151,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(251,85,151,.6);
}
        
.orgchart .nodecontent.nodecontent-dark:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
}

.orgchart .nodecontent.nodecontent-silver:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(182,194,201,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(182,194,201,.6);
}

.orgchart .nodecontent .header + .body {
    background:#F3F3F3;
    padding: 6px 12px;
}


.orgchart {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    display:inline-block;
}

.orgchart, .orgchart ul {
    padding: 0;
    margin: 0;
    margin-left:auto;
    margin-right:auto;
}

.orgchart ul {
    display: flex;
}

.orgchart li {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top:-2px;
}

.orgchart .nodecontent {
    align-self: center;
    position: relative;
    margin: 20px 5px;
}

.orgchart .collapsed > ul {
    display: none;
}

.orgchart li::before,
.orgchart .nodecontent::after,
.orgchart .nodecontent::before {
    box-sizing: border-box;
    content: '';
    position: absolute;
    z-index: -1;
    border: 0px solid #CCCCCC;
}

.orgchart li:not(:only-child)::before {
    border-top-width: 2px;
    width: 100%;
    height: 20px;
    top: 0px;
}

.orgchart li:first-child::before {
    width: calc(50% + 1px);
    right: 0;
    border-left-width: 2px;
    border-top-left-radius: 7px;
}

.orgchart li:last-child::before {
    width: calc(50% + 1px);
    border-right-width: 2px;
    border-top-right-radius: 7px;
}

.orgchart .nodecontent::after,
.orgchart .nodecontent::before {
    border-left-width: 2px;
    width: 2px;
    height: 20px;
    left: calc(50% - 1px);
}

.orgchart .nodecontent::before {
    top: -20px;
}

.orgchart .nodecontent::after {
    bottom: -20px;
}

.orgchart li:first-child:not(:only-child) > .nodecontent::before,
.orgchart li:last-child:not(:only-child) > .nodecontent::before {
    border-left-width: 0px;
}

.orgchart .leaf > .nodecontent::after,
.orgchart .root > .nodecontent::before,
.orgchart .collapsed > .nodecontent::after {
    display: none;
}

.orgchart li.vertical > ul {
    flex-direction: column;
    align-items: flex-start;
    margin: 0 5px;
    position: relative;
}

.orgchart li.vertical > ul > li > .nodecontent {
    margin: 10px 0 0 10px;
}

.orgchart li.vertical > ul::before {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: -2px;
    left: 10px;
    height: 10px;
    width: calc(50% - 19px);
    border-top: 2px solid #CCCCCC;
}

.orgchart li.vertical > .nodecontent::after {
    border-width: 0 2px 2px 0;
    border-bottom-right-radius: 7px;
    width: 10px;
    left: auto;
    right: calc(50% - 1px);
}

.orgchart li.vertical > ul > li::before {
    border-width: 0 0 0 2px;
    left: 0px;
    height: 100%;
    width: 10px;
    border-radius: 0;
}

.orgchart li.vertical > ul > li:first-child::before {
            
    height: calc(100% + 2px);
    border-top-width: 2px;
    border-top-left-radius: 7px;
}

.orgchart li.vertical > ul > li:last-child::before {
    height: calc(50% + 6px);
    border-bottom-width: 2px;
    border-bottom-left-radius: 7px;
}

.orgchart li.vertical > ul > li > .nodecontent::before {
    height: 2px;
    width: 8px;
    top: calc(50% - 1px);
    left: -8px;
    border-width: 2px 0 0 0;
}

.orgchart li.vertical > ul > li:last-child > .nodecontent::before {
    display: none;
}

.ScrollPanel {
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}

.orgchart .nodecontent .badge.empty{
    background-color: #C0C0C0;
}

.modal.in,
.modal.in .modal-content {
    z-index:5000 !important;
}