/*!
 * Cropper v2.3.4
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2016 Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: 2016-09-03T05:50:45.412Z
 */.cropper-container{font-size:0;line-height:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr!important}.cropper-container img{display:inline-block;width:100%;min-width:0!important;max-width:none!important;height:100%;min-height:0!important;max-height:none!important;image-orientation:0deg!important}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-wrap-box{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff;filter:alpha(opacity=0)}.cropper-dashed,.cropper-modal{opacity:.5;filter:alpha(opacity=50)}.cropper-modal{background-color:#000}.cropper-view-box{display:block;overflow:hidden;width:100%;height:100%;outline:#39f solid 1px;outline-color:rgba(51,153,255,.75)}.cropper-dashed{position:absolute;display:block;border:0 dashed #eee}.cropper-dashed.dashed-h{top:33.33333%;left:0;width:100%;height:33.33333%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.33333%;width:33.33333%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-center{position:absolute;top:50%;left:50%;display:block;width:0;height:0;opacity:.75;filter:alpha(opacity=75)}.cropper-center:after,.cropper-center:before{position:absolute;display:block;content:' ';background-color:#eee}.cropper-center:before{top:0;left:-3px;width:7px;height:1px}.cropper-center:after{top:-3px;left:0;width:1px;height:7px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1;filter:alpha(opacity=10)}.cropper-face{top:0;left:0;background-color:#fff}.cropper-line,.cropper-point{background-color:#39f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;opacity:.75;filter:alpha(opacity=75)}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;opacity:1;filter:alpha(opacity=100)}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:' ';opacity:0;background-color:#39f;filter:alpha(opacity=0)}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75;filter:alpha(opacity=75)}}.cropper-invisible{opacity:0;filter:alpha(opacity=0)}

.cropper-bg{background-image:url("images/cropbg.png")}

.cropper-hide{position:absolute;display:block;width:0;height:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}/* Basic */

body {
  margin: 0;
  overflow-x: hidden;
}

.browserupgrade {
  margin: 0;
  padding: .5em 1em;
  background-color: #fcfcfc;
  text-align: center;
}


/* Header */

.docs-header {
  margin-bottom: 0;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
  border-color: #0074d9;
}

.navbar-toggle .icon-bar {
  background-color: #0074d9;
}


/* Jumbotron */

.docs-jumbotron {
  background-color: #0074d9;
  color: #fff;
}

.docs-jumbotron .version {
  font-size: 14px;
  color: #fff;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

@media (min-width: 992px) {
  .docs-jumbotron h1,
  .docs-jumbotron p {
    margin-right: 380px;
  }
}

.docs-carbonads-container {
  position: relative;
}

.docs-carbonads {
  max-width: 350px;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
}

.carbon-wrap {
  overflow: hidden;
}

.carbon-img {
  clear: left;
  float: left;
  display: block;
}

.carbon-text,
.carbon-poweredby {
  display: block;
  margin-left: 140px;
}

.carbon-text,
.carbon-text:hover,
.carbon-text:focus {
  color: #fff;
  text-decoration: none;
}

.carbon-poweredby,
.carbon-poweredby:hover,
.carbon-poweredby:focus {
  color: #ddd;
  text-decoration: none;
}

@media (min-width: 992px) {
  .docs-carbonads {
    position: absolute;
    right: 0;
    bottom: 5px;
  }
}


/* Content */

.img-container,
.img-preview {
  background-color: #f7f7f7;
  width: 100%;
  text-align: center;
}

.img-container {
  min-height: 200px;
  max-height: 516px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .img-container {
    min-height: 516px;
  }
}

.img-container > img {
  max-width: 100%;
}

.docs-preview {
  margin-right: -15px;
}

.img-preview {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.img-preview > img {
  max-width: 100%;
}

.preview-lg {
  width: 263px;
  height: 148px;
}

.preview-md {
  width: 139px;
  height: 78px;
}

.preview-sm {
  width: 69px;
  height: 39px;
}

.preview-xs {
  width: 35px;
  height: 20px;
  margin-right: 0;
}

.docs-data > .input-group {
  margin-bottom: 10px;
}

.docs-data > .input-group > label {
  min-width: 80px;
}

.docs-data > .input-group > span {
  min-width: 50px;
}

.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control {
  margin-right: 5px;
  margin-bottom: 10px;
}

.docs-toggles > .btn,
.docs-toggles > .btn-group,
.docs-toggles > .dropdown {
  margin-bottom: 10px;
}

.docs-tooltip {
  display: block;
  margin: -6px -12px;
  padding: 6px 12px;
}

.docs-tooltip > .icon {
  margin: 0 -3px;
  vertical-align: top;
}

.tooltip-inner {
  white-space: normal;
}

.btn-upload .tooltip-inner,
.btn-toggle .tooltip-inner {
  white-space: nowrap;
}

.btn-toggle {
  padding: 6px;
}

.btn-toggle > .docs-tooltip {
  margin: -6px;
  padding: 6px;
}

@media (max-width: 400px) {
  .btn-group-crop {
    margin-right: -15px!important;
  }

  .btn-group-crop > .btn {
    padding-left: 5px;
    padding-right: 5px;
  }

  .btn-group-crop .docs-tooltip {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

.docs-options .dropdown-menu {
  width: 100%;
}

.docs-options .dropdown-menu > li {
  padding: 3px 20px;
}

.docs-options .dropdown-menu > li:hover {
  background-color: #f7f7f7;
}

.docs-options .dropdown-menu > li > label {
  display: block;
}

.docs-cropped .modal-body {
  text-align: center;
}

.docs-cropped .modal-body > img,
.docs-cropped .modal-body > canvas {
  max-width: 100%;
}

.docs-diagram .modal-dialog {
  max-width: 352px;
}


/* Footer */

.docs-footer {
  overflow: hidden;
}

.links {
  text-align: center;
  margin-bottom: 30px;
}

.heart {
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #ddd;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
}

.heart:hover {
  color: #ff4136;
}

.heart:before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  display: block;
  height: 0;
  border-top: 1px solid #eee;
  content: " ";
}

.heart:after {
  position: relative;
  z-index: 1;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #fff;
  content: "?";
}.swal2-footer{ font-size:1.1em !important; }


.chart {
  position: relative;
  display: inline-block;
  color: #999;
  font-size: 20px;
  text-align: center;
}


.chart figcaption {
  padding: 50px 25px;
  width: 100px;
  height: 50px;
  border: 20px solid #f0f0f0;
  border-radius: 120px;
  line-height: 50px;
}

.chart img {
  position: absolute;
  max-width: 100px;
  max-height: 100px;
  background: white;
}
/* END Container styles */

.html + svg .outer {
  stroke: #e34f26;
}

.css {
  top: 55px;
  left: 48px;
}

.css + svg .outer {
  stroke: #0d84ce;
}

.javascript {
  max-width: 90px;
  max-height: 90px;
  top: 45px;
  left: 45px;
}

.javascript + svg .outer {
  stroke: #f0e040;
}

.node {
  width: 200px;
  height: 200px;
  top: 45px;
  left: 45px;
}

.node + svg .outer {
  stroke: #83cd29;
}


.outer {
  fill: transparent;
  stroke: #333;
  stroke-width: 10;
  stroke-dasharray: 534;
  transition: stroke-dashoffset 1s;
  -webkit-animation-play-state: running;
  
  /* firefox bug fix - won't rotate at 90deg angles */
  -moz-transform: rotate(-89deg) translateX(-190px);
}

/* END Circle colors and graphic positions */


/* Set the initial values for the animation */
.chart[data-percent='100'] .outer {
  stroke-dashoffset: 0;
  -webkit-animation: show100 2s;
  animation: show100 2s;
}

.chart[data-percent='75'] .outer {
  stroke-dashoffset: 133;
  -webkit-animation: show75 2s;
  animation: show75 2s;
}

.chart[data-percent='50'] .outer {
  stroke-dashoffset: 267;
  -webkit-animation: show50 2s;
  animation: show50 2s;
}

.chart[data-percent='25'] .outer {
  stroke-dashoffset: 401;
  -webkit-animation: show25 2s;
  animation: show25 2s;
}
/* END set initial animation values */

/* Keyframes for the initial animation */
@-webkit-keyframes show100 {
  from {
    stroke-dashoffset: 537;
  }
  
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes show100 {
  from {
    stroke-dashoffset: 537;
  }
  
  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes show75 {
  from {
    stroke-dashoffset: 537;
  }
  
  to {
    stroke-dashoffset: 134;
  }
}

@keyframes show75 {
  from {
    stroke-dashoffset: 537;
  }
  
  to {
    stroke-dashoffset: 124;
  }
}

@-webkit-keyframes show50 {
  from {
    stroke-dashoffset: 537;
  }
  
  to {
    stroke-dashoffset: 267;
  }
}

@keyframes show50 {
  from {
    stroke-dashoffset: 537;
  }
  
  to {
    stroke-dashoffset: 267;
  }
}

@-webkit-keyframes show25 {
  from {
    stroke-dashoffset: 537;
  }
  
  to {
    stroke-dashoffset: 401;
  }
}

@keyframes show25 {
  from {
    stroke-dashoffset: 537;
  }
  
  to {
    stroke-dashoffset: 401;
  }
}
/* END Keyframes for the initial animation */

.toggle-sidebar {
display:none;
}


.toggle-parent:hover ~ .toggle-sidebar  {
display:block !important;
}













.nolineheight { line-height:0px; }



[bpmedia="min768"] { display:block; }
[bpcolor="#fff"] { color: #fff !important; }
[bpcolor="#000"] { color: #000 !important; }
[bpbgcolor="#ccc"] { background: #ccc !important; }
[bpbgcolor="#e1e1e1"] { background: #e1e1e1 !important; }
[bpbgcolor="#fff"] { background: #fff !important; }
[bpbgcolor="#f5f5f5"] { background: #f5f5f5 !important; }





@media screen and (min-width: 767px) {

[bpmedia="max540"] { display:block !important; }
[bpmedia="min540"] { display:none !important; }

}

@media screen and (max-width: 992px) {

[bpmedia="max992"] { display:block !important; }
[bpmedia="min992"] { display:none !important; }


}


@media screen and (max-width: 540px) {

[bpmedia="max540"] { display:block !important; }
[bpmedia="min540"] { display:none !important; }

[bpfont="8_540"] { font-size:8px !important; }
[bpfont="9_540"] { font-size:9px !important; }
[bpfont="10_540"] { font-size:10px !important; }
[bpfont="11_540"] { font-size:11px !important; }
[bpfont="12_540"] { font-size:12px !important; }
[bpfont="13_540"] { font-size:13px !important; }
[bpfont="14_540"] { font-size:14px !important; }
[bpfont="15_540"] { font-size:15px !important; }
[bpfont="16_540"] { font-size:16px !important; }
[bpfont="17_540"] { font-size:17px !important; }
[bpfont="18_540"] { font-size:18px !important; }

}


@media screen and (min-width: 768px) and (max-width: 1199px) {

[bpmedia="min768max1199_hide"] { display:none !important; }


}


@media screen and (min-width: 768px) and (max-width: 1730px) {

[bpmedia="min768max1730_hide"] { display:none !important; }


}




@media screen and (min-width: 768px) {

[mobcol="1"] {width: 8.33% !important; padding-right:5px !important;}
[mobcol="2"] {width: 16.66% !important; padding-right:5px !important;}
[mobcol="3"] {width: 25% !important; padding-right:5px !important;}
[mobcol="4"] {width: 33.33% !important; padding-right:5px !important;}
[mobcol="5"] {width: 41.66% !important; padding-right:5px !important;}
[mobcol="6"] {width: 50% !important; padding-right:5px !important;}
[mobcol="7"] {width: 58.33% !important; padding-right:5px !important;}
[mobcol="8"] {width: 66.66% !important; padding-right:5px !important;}
[mobcol="9"] {width: 75% !important; padding-right:5px !important;}
[mobcol="10"] {width: 83.33% !important; padding-right:5px !important;}
[mobcol="11"] {width: 91.66% !important; padding-right:5px !important;}
[mobcol="12"] {width: 100% !important; padding-right:5px !important;}

}



@media screen and (max-width: 768px) {

[mob768="max"] {width: 100% !important; max-width: 100% !important; flex:0 0 100% !important;}

}



@media screen and (max-width: 576px) {

[mob576="max"] {width: 100% !important; max-width: 100% !important; flex:0 0 100% !important;}

}



























@media screen and (min-width: 767px) and (max-width: 1600px) {



#xata_hide_1600{
display:none;
}

#xata_stretch_1600{
width:100% !important;
max-width:100% !important;
}


}

@media screen and (min-width: 767px) {

.xata_show_767, #xata_show_767{
display:none !important;
}



#xata_mobileheight_305{
height:305px;
overflow-y: auto;
}

#xata_height_230{
height:230px;
overflow-y: auto;
}

#xata_height_305{
height:305px;
overflow-y: auto;
}

#xata_height_260{
height:260px;
overflow-y: auto;
}

#xata_height_270{
height:270px;
overflow-y: auto;
}


#xata_height_290{
height:290px;
overflow-y: auto;
}



#xata_height_335{
height:335px;
overflow-y: auto;
}


#xata_height_365{
height:365px;
overflow-y: auto;
}

#xata_height_390{
height:390px;
overflow-y: auto;
}


#xata_height_450{
height:450px;
overflow-y: auto;
}

#xata_height_780{
height:780px;
overflow-y: auto;
}



}




@media screen and (max-width: 767px) {

[bpmedia="max768flex"] { display:flex !important; }
[bpmedia="min768flex"] { display:none !important; }

[bpmedia="max767flex"] { display:flex !important; }
[bpmedia="min767flex"] { display:none !important; }


[bpmedia="max768"] { display:block !important; }
[bpmedia="min768"] { display:none !important; }

[bpmedia="max767"] { display:block !important; }
[bpmedia="min767"] { display:none !important; }

#xata_mobileheight_305{
font-size:8px !important;
max-height:395px;
overflow-y: auto;
}


.xata_show_767, #xata_show_767{
display:block !important;
}


.xata_hide_767, #xata_hide_767{
display:none !important;
}



}


















#xatashow_700{display:none;}



@media (max-width: 700px) {
#xatahide_700{ display:none !important; }
#xatashow_700{ display:table !important; width:100% !important;}
}



@media (max-width: 1000px) {
#xatastretch12_1000{ width:100% !important; }
}

@media (max-width: 1050px) {
#xatastretch12_1050{ width:100% !important; }
}

@media (max-width: 1100px) {
#xatastretch12_1100{ width:100% !important; }
}

@media (max-width: 1150px) {
#xatastretch12_1150{ width:100% !important; }
}

@media (max-width: 1200px) {
#xatastretch12_1200{ width:100% !important; }
}

@media (max-width: 1250px) {
#xatastretch12_1250{ width:100% !important; }
}

@media (max-width: 1300px) {
#xatastretch12_1300{ width:100% !important; }
}

@media (max-width: 1350px) {
#xatastretch12_1350{ width:100% !important; }
}

@media (max-width: 1400px) {
#xatastretch12_1400{ width:100% !important; }
}

@media (max-width: 1450px) {
#xatastretch12_1450{ width:100% !important; }
}

@media (max-width: 1500px) {
#xatastretch12_1500{ width:100% !important; }
}

@media (max-width: 1525px) {
#xatastretch12_1525{ width:100% !important; }
}

@media screen and (max-width: 560px) {

[bpmedia="max560"] { display:none !important; }
[bpmedia2="max560"] { display:none !important; }

}