@import "../../../resources/panel/css/general.css";
@import "../../../resources/panel/css/cosmetics.css";
@import "../../../resources/panel/css/forms.css";
@import "../../../resources/panel/css/tables.css";
@import "./styles.css";


.brand-bg-1{background: #767171; color:#fff;}.brand-bg-1 a, .brand-bg-1 a:active,.brand-bg-1 a:visited{color:#fff;}.brand-bg-1 .odd{background: #767171;}.brand-bg-1 .even{background: #767171;} .brand-bg-1 a:hover{color:#54b277!important;}
.brand-bg-2{background: #3c5c14;color:#fff;}.brand-bg-2 a, .brand-bg-2 a:active, .brand-bg-2 a:visited{color:#fff;}.brand-bg-2 .odd{background: #3c5c14;}.brand-bg-2 .even{background: #3c5c14;}
.brand-bg-3{background: #4D4B4B;color:#fff;}.brand-bg-3 a, .brand-bg-3 a:active, .brand-bg-3 a:visited{color:#fff;}.brand-bg-3 .odd{background: #4D4B4B;}.brand-bg-3 .even{background: #4D4B4B;}
.brand-bg-4{background: #54b277;color:#fff;}.brand-bg-4 a, .brand-bg-4 a:active, .brand-bg-4 a:visited{color:#fff;}.brand-bg-4 .odd{background: #54b277;}.brand-bg-4 .even{background: #54b277;}
.brand-bg-5{background: #3389c7; color:#fff;}.brand-bg-5 a, .brand-bg-5 a:active, .brand-bg-5 a:visited{color:#fff;}.brand-bg-5 .odd{background: #3389c7;}.brand-bg-5 .even{background: #3389c7;}
.brand-bg-6{background:#1A1110; color:#fff;}.brand-bg-6 a, .brand-bg-6 a:active, .brand-bg-6 aactive:visited{color:#fff;}.brand-bg-6 .odd{background: #1A1110;}.brand-bg-6 .even{background: #1A1110;}
.brand-bg-7{background:#763e93; color:#fff;}.brand-bg-7 a, .brand-bg-7 a:active, .brand-bg-7 aactive:visited{color:#fff;}.brand-bg-7 .odd{background: #763e93;}.brand-bg-7 .even{background: #763e93;}
.brand-bg-8{background:#F6802B; color:#fff;}.brand-bg-8 a, .brand-bg-8 a:active, .brand-bg-8 aactive:visited{color:#fff;}.brand-bg-8 .odd{background: #F6802B;}.brand-bg-8 .even{background: #F6802B;}
.brand-bg-9{background:#D6A13A; color:#fff;}.brand-bg-9 a, .brand-bg-9 a:active, .brand-bg-9 aactive:visited{color:#fff;}.brand-bg-9 .odd{background: #D6A13A;}.brand-bg-9 .even{background: #D6A13A;}
.brand-bg-10{background:#009c9c; color:#fff;}.brand-bg-10 a, .brand-bg-10 a:active, .brand-bg-10 aactive:visited{color:#fff;}.brand-bg-10 .odd{background: #009c9c;}.brand-bg-10 .even{background: #009c9c;}
.brand-bg-11{background:#dc3545; color:#fff;}.brand-bg-11 a, .brand-bg-11 a:active, .brand-bg-11 aactive:visited{color:#fff;}.brand-bg-11 .odd{background: #dc3545;}.brand-bg-11 .even{background: #dc3545;}
.brand-bg-12{background:#ECEFF1; color:#000;}.brand-bg-12 a, .brand-bg-12 a:active, .brand-bg-12 aactive:visited{color:#000;}.brand-bg-12 .odd{background: #ECEFF1;}.brand-bg-12 .even{background: #ECEFF1;}

.brand-cl-1, a.brand-cl-1, a.brand-cl-1:visited, a.brand-cl-1:active{color: #767171;} .brand-cl-1 a:hover{color: #000!important;}
.brand-cl-2, a.brand-cl-2, a.brand-cl-2:visited, a.brand-cl-2:active{color: #3c5c14;}
.brand-cl-3, a.brand-cl-3, a.brand-cl-3:visited, a.brand-cl-3:active{color: #787878;}
.brand-cl-4, a.brand-cl-4, a.brand-cl-4:visited, a.brand-cl-4:active{color: #54b277;}
.brand-cl-5, a.brand-cl-5, a.brand-cl-5:visited, a.brand-cl-5:active{color: #3389c7;}
.brand-cl-6, a.brand-cl-6, a.brand-cl-6:visited, a.brand-cl-6:active{color: #1A1110;}
.brand-cl-7, a.brand-cl-7, a.brand-cl-7:visited, a.brand-cl-7:active{color: #763e93;}
.brand-cl-8, a.brand-cl-8, a.brand-cl-8:visited, a.brand-cl-8:active{color: #F6802B;}
.brand-cl-9, a.brand-cl-9, a.brand-cl-9:visited, a.brand-cl-9:active{color: #D6A13A;}
.brand-cl-10, a.brand-cl-10, a.brand-cl-10:visited, a.brand-cl-10:active{color: #009c9c;}
.brand-cl-11, a.brand-cl-11, a.brand-cl-11:visited, a.brand-cl-11:active{color: #dc3545;}
.brand-cl-12, a.brand-cl-12, a.brand-cl-12:visited, a.brand-cl-12:active{color: #ECEFF1;}

.brand-bd-1{border:1px solid #767171;}
.brand-bd-2{border: 1px solid #3c5c14;}
.brand-bd-3{border: 1px solid #4D4B4B;}
.brand-bd-4{border:1px solid  #54b277;}
.brand-bd-5{border:1px solid  #3389c7;}
.brand-bd-6{border:1px solid  #1A1110;}
.brand-bd-7{border:1px solid  #763e93;}
.brand-bd-8{border:1px solid  #F6802B;}
.brand-bd-9{border:1px solid  #D6A13A;}
.brand-bd-10{border:1px solid  #009c9c;}
.brand-bd-11{border:1px solid  #dc3545;}
.brand-bd-12{border:1px solid  #ECEFF1;}
.brand-no-bd-t{border-top:0px;}
.brand-no-bd-r{border-right:0px;}
.brand-no-bd-b{border-bottom:0px;}
.brand-no-bd-l{border-left:0px;}
.brand-border-bottom-only{border-top:0px;border-left:0px;border-right:0px;}
.brand-border-top-only{border-bottom:0px;border-left:0px;border-right:0px;}
.brand-border-left-only{border-top:0px;border-bottom:0px;border-right:0px;}
.brand-border-right-only{border-top:0px;border-left:0px;border-bottom:0px;}

.transparent-border{border-color:transparent;}



.border-zero, .no-borders{border:0px;}
.padding-zero, .no-padding{padding:0px;}
.margin-zero, .no-margins{margin:0px;}

.brand-filter{
    -webkit-filter: grayscale(100%); filter: grayscale(100%);
}
.brand-filter:hover{
    -webkit-filter: grayscale(0%); filter: grayscale(0%);
}

.brand-filter-homepanel-blocks{-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.brand-filter-category-blocks{-webkit-filter: grayscale(0%); filter: grayscale(0%);}
brand-filter-component-blocks{-webkit-filter: grayscale(0%); filter: grayscale(0%);}

.gray-icon{
    /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";

  /* IE 5-7 */
  filter: alpha(opacity=10);

  /* Netscape */
  -moz-opacity: 0.1;

  /* Safari 1.x */
  -khtml-opacity: 0.1;

  /* Good browsers */
  opacity: 0.1;
}
   

.p-1{padding:1px;}
.p-2{padding:2px;}
.p-3{padding:3px;}
.p-4{padding:4px;}
.p-5{padding:5px;}
.p-6{padding:6px;}
.p-7{padding:7px;}
.p-8{padding:8px;}
.p-9{padding:9px;}
.p-10{padding:10px;}





.button-bg-1 {background: #3c5c14;color:#fff;}
.button-bg-2 {background: #9CD562;color:#000;}
.button-bg-3 {background: #767171;color:#fff;}

.brand-bg-light{background: #e3dede; color:#000;border-bottom:0.5px solid #B4AEAD;}
.brand-bg-dark{background: #B4AEAD; color:#fff;border-bottom:0.5px solid #e3dede;}

.border-bg-1{    border:1px solid  #3c5c14 ;}
.border-bg-2{    border-top:1px solid  #787878 ;}
.border-bg-3{    border-top: 2px solid #3c5c14;}
.border-bottom-gray{border-bottom: 1px solid gray;}
.border-bottom-lightgray{border-bottom: 1px solid #ccc;}
.border-top-gray{border-top: 1px solid gray;}

.dotted-border{
    border-style: dotted;
}

.border-bottom-medium{border-bottom-width : 5px;}
.border-top-medium{border-top-width : 5px;}
.border-left-medium{border-left-width : 5px;}
.border-right-medium{border-right-width : 5px;}

.border-bottom-large{border-bottom-width : 10px;}
.border-top-large{border-top-width : 10px;}
.border-left-large{border-left-width : 10px;}
.border-right-large{border-right-width : 10px;}

.border-bottom-extralarge{border-bottom-width : 20px;}
.border-top-extralarge{border-top-width : 20px;}
.border-left-extralarge{border-left-width : 20px;}
.border-right-extralarge{border-right-width : 20px;}

.border-bottom-color-red{border-bottom-color : red;}
.border-bottom-color-green{border-bottom-color : green;}
.border-bottom-color-blue{border-bottom-color : blue;}
.border-bottom-color-orange{border-bottom-color : orange;}
.border-bottom-color-gray{border-bottom-color : gray;}
.border-bottom-color-black{border-bottom-color : black;}
.border-bottom-color-yellow{border-bottom-color : yellow;}
.border-bottom-color-purple{border-bottom-color : purple;}
.border-bottom-color-pink{border-bottom-color : pink;}

.password-input input.form-control[type~="password"]{
    -webkit-text-stroke-width: .9em!important;
        letter-spacing: 2em!important;
        text-indent: .4em;
}

.tippy-content .border-bottom-lightgray:last-child{border:0px!important;}
.tippy-content{padding:10px;padding-bottom:10px;}
.tippy-content .kfw-active-title{padding:10px 10px 0px 10px;font-weight: bold;font-size: 100%;color:#ffd79d;}
.tippy-box {
  margin-left:5px;
  margin-right:5px;
}

.rounded-circle {border-radius: 50%!important;}

a.pop-class, a.pop-class:visited, a.pop-class:active{background-color:inherit!important;}
a.pop-class:hover{border-bottom:1px dotted #ccc!important;}
.draggable{cursor:move;}
span[kfw-open-direct], div[kfw-open-direct]{cursor:pointer;}


#tooltip-menu span.title:hover,a.is-active-parent{}

.content#kfw-data{
	background: #fff;
}
.content#kfw-data.transparent{
	background: transparent;
}

a.normal-button, a.normal-button:active, a.normal-button:visited{
	background-color:#ccc;color:#000;
	padding:10px;
	margin:10px;
}
a.normal-button:hover{
	background-color:#000;color:#ccc;
}

body.logged-off #kfw-crumbtrail{
/*	display:none;
	visibility:hidden;*/
}
img.ui-datepicker-trigger{position:absolute; margin-left:1.5px;margin-top:7px;float:left!important;}

.share-layout-block h1.share-title
{
	font-weight: normal;
    line-height: 2em;
    padding: 0 1% 0 0;
    color: #636363;
    font-family: "Century Gothic", Verdana, Arial,Helvetica,Sans-serif;
    font-size: 2rem;
    border-bottom: 1px solid #ccc;
    margin: 0 0 1% 0;
}
.share-layout-block .share-links .share-list-item a, .share-layout-block .share-links .share-list-item a:hover, .share-layout-block .share-links .share-list-item a:active, .share-layout-block .share-links .share-list-item a:visited
{
	color:#2a292a;
	font-family: "Century Gothic",Helvetica, Arial, Verdana, sans-serif;
  	font-size: 130%;
  	text-decoration: none;
}
.share-layout-block .share-links .share-list-item:before{content:"\27a4";padding-right:5px;color:#bbc1cc;font-size:18px; font-weight:bolder;}


.primary-style{ background-color: #4285f4 !important; color:#fff;}
.default-style{ background-color: #2bbbad !important; color:#fff;}
.secondary-style{ background-color: #a6c !important; color:#fff;}
.success-style{ background-color: #00c851 !important; color:#fff;}
.info-style{ background-color: #33b5e5 !important; color:#fff;}
.warning-style{ background-color: #fb3 !important; color:#fff;}
.danger-style{ background-color: #ff3547 !important; color:#fff;}
.elegant-style{ background-color: #767171 !important; color:#fff;}
.unique-style{ background-color: #880e4f !important; color:#fff;}
.pink-style{ background-color: #ec407a !important; color:#fff;}
.purple-style{ background-color: #8e24aa !important; color:#fff;}
.deep-purple-style{ background-color: #512da8 !important;}.deep-purple-style *{ color:#fff!important;}
.indigo-style{ background-color: #3f51b5 !important; color:#fff;}
.light-blue-style{ background-color: #82b1ff !important; color:#fff;}
.cyan-style{ background-color: #00bcd4 !important; color:#fff;}
.dark-green-style{ background-color: #388e3c !important; color:#fff;}
.light-green-style{ background-color: #8bc34a !important; color:#fff;}
.yellow-style{ background-color: #fbc02d !important; color:#fff;}
.amber-style{ background-color: #ffa000 !important; color:#fff;}
.deep-orange-style{ background-color: #ff7043 !important; color:#fff;}
.brown-style{ background-color: #795548 !important; color:#fff;}
.grey-style{ background-color: #78909c !important; color:#fff;}
.black-style{ background-color: #000 !important; color:#fff;}
.transparent-style{background-color: transparent !important;color:inherit;}
.mustard-style{ background-color: #f3ca20  !important; color:#000;}
.magenta-style{ background-color: #cf1578 !important; color:#e8d21d;}
.shades-of-pink-style{ background-color: #e75874 !important; color:#be1558;}
.gold-charcoal-style{ background-color: #ef9d1f !important; color:#3b4d61;}
.navy-almond-style{ background-color:#3389c7 !important; color:#f5f0e1;}
.tan-deep-style{ background-color: #ecc19c !important; color:#1e847f;}
.navy-ochre-style{ background-color: #26495c !important; color:#c4a35a;}
.mauve-sapphire-style{ background-color: #d9a5b3 !important; color:#1868ae;}
.blue-maroon-style{ background-color: #408ec6 !important; color:#7a2048;}
.raspberry-style{ background-color: #8a307f !important; color:#79a7d3;}
.sodeep-pine-style{ background-color: #33b5e5 !important; color:#d2601a;}
.sea-foam-style{ background-color: #aed6dc !important; color:#ff9a8d;}
.rouge-green-style{ background-color: #da68a0 !important; color:#77c593;}
.teal-coral-style{ background-color: #316879 !important; color:#f47a60;}
.fuchsia-sepia-style{ background-color: #d902ee !important; color:#ffd79d;}
.beige-black-style{ background-color: #ddc3a5 !important; color:#201e20;}
.sepia-teal-style{ background-color: #edca82 !important; color:#097770;}
.yellow-green-style{ background-color: #FFFF00 !important; color:#a8c66c;}
.fuchsia-yellow-style{ background-color: #d13ca4 !important; color:#ffea04;}
.mustard-sage-style{ background-color: #e3b448 !important; color:#cbd18f;}
.beige-slate-style{ background-color: #f6ead4 !important; color:#a2a595;}
.turquoise-violet-style{ background-color: #79cbb8 !important; color:#500472;}
.pink-green-style{ background-color: #f5beb4 !important; color:#9bc472;}
.scarlet-olive-style{ background-color: #b85042 !important; color:#e7e8d1;}

.radius-5{-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}
.radius-10{-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.radius-25{-webkit-border-radius: 25px;-moz-border-radius: 25px;-ms-border-radius: 25px;-o-border-radius: 25px;border-radius: 25px;}
.radius-50{-webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;border-radius: 50px;}
.radius-75{-webkit-border-radius: 75px;-moz-border-radius: 75px;-ms-border-radius: 75px;-o-border-radius: 75px;border-radius: 75px;}
.radius-100{-webkit-border-radius: 100px;-moz-border-radius: 100px;-ms-border-radius: 100px;-o-border-radius: 100px;border-radius: 100px;}

.no-radius-topleft{-webkit-border-top-left-radius: 0px;-moz-border-top-left-radius: px;-ms-border-top-left-radius: 0px;-o-border-top-left-radius: 0px;border-top-left-radius: 0px;}
.no-radius-topright{-webkit-border-top-right-radius: 0px;-moz-border-top-right-radius: px;-ms-border-top-right-radius: 0px;-o-border-top-right-radius: 0px;border-top-right-radius: 0px;}
.no-radius-bottomright{-webkit-border-bottom-right-radius: 0px;-moz-border-bottom-right-radius: px;-ms-border-bottom-right-radius: 0px;-o-border-bottom-right-radius: 0px;border-bottom-right-radius: 0px;}
.no-radius-bottomleft{-webkit-border-bottom-left-radius: 0px;-moz-border-bottom-left-radius: px;-ms-border-bottom-left-radius: 0px;-o-border-bottom-left-radius: 0px;border-bottom-left-radius: 0px;}

/*overwrite easytab top border*/
.easytab.active{border-top:2px solid #7bb07a;}
.kfw-table thead th.tabs a.off:first-child, #kfw-content .tabs a.off:first-child{border-top: 2px solid #7bb07a;}


.easytab a {
    font-size: 1.5rem;
    line-height: 2em;
    display: block;
    padding: 10px 25px;
    outline: none;
}
/*
.signature-pad {margin-left:0.5%!important; position: relative;display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; font-size: 10px; width: 350px!important;height: 200px!important;max-width: 320px!important;max-height: 180px!important;border: 1px solid #e8e8e8; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset; border-radius: 4px; padding: 16px;}
.signature-pad::before,.signature-pad::after { position: absolute; z-index: -1; content: ""; width: 40%; height: 10px; bottom: 10px; background: transparent; box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);}
.signature-pad::before { left: 20px; -webkit-transform: skew(-3deg) rotate(-3deg); transform: skew(-3deg) rotate(-3deg);}
.signature-pad::after { right: 20px; -webkit-transform: skew(3deg) rotate(3deg); transform: skew(3deg) rotate(3deg);}
.signature-pad--previewer{width: 320px!important;margin-left:0.5%!important;}
.signature-pad--body { position: relative; -webkit-box-flex: 1; -ms-flex: 1;flex: 1;  border: 1px solid #f4f4f4;}
.signature-pad--body canvas { position: absolute; left: 0; top: 0; width: 100%!important; height: 100%!important; border-radius: 4px;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;}
.signature-pad--actions {display: -webkit-box;  display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify;   justify-content: space-between; margin-top: 8px;}
*/
.signature-pad {background-color: #fff;}
.signature-pad::before,.signature-pad::after { content: ""; background: transparent; box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);}
.signature-pad::before { -webkit-transform: skew(-3deg) rotate(-3deg); transform: skew(-3deg) rotate(-3deg);}
.signature-pad::after { -webkit-transform: skew(3deg) rotate(3deg); transform: skew(3deg) rotate(3deg);}

.signature-pad--body {  border-bottom: 1px solid #f4f4f4;}
.signature-pad--body canvas { border: 1px solid #DDDDDD;box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;}
.signature-pad--footer { color: #C3C3C3; text-align: left; font-size: 1.2em; margin-top:10px;}
.signature-pad--actions {margin-top: 8px;margin-left: -8px;}


.kfw-pattern-checkbox{background: #ccc!important;-webkit-appearance: none!important;-moz-appearance: none!important;appearance: none!important;border: none!important;color:black!important;outline:0!important;} 
.kfw-pattern-checkbox::before{content:'-';display:block; height: 10px; font:70px/70px 'Sans Serif'; color:#ddd8d8;}
.kfw-pattern-checkbox:checked{background: #A0A698!important;outline:0!important;color: #A78DB0!important;}
.kfw-pattern-checkbox:checked::before{ content:'×';display:block; height: 10px; font:70px/70px 'Sans Serif';  color:#000;}
.kfw-security-pattern.field-block{width:290px!important;border:5px solid #ccc;background:#ccc;}
.kfw-security-pattern .pattern-row{background:#ccc;}
.kfw-security-pattern .pattern-col{height:70px!important;width:70px!important;border:1px solid #dddddd;}
.kfw-security-pattern .pattern-col input[type=checkbox]{height:70px!important;width:70px!important;}
.kfw-security-pattern .inputbuttons{padding-top:5px;padding-bottom:5px;}

.brand-uploaded-file .delete{  background:#a80510;color:#fff;padding:5px;max-width:105px!important;}
.brand-uploaded-file .delete:before{content:"\2613";padding-right:5px;color:#fff;font-size:12px; font-weight:bolder;}

.rating-viewer .not-checked {color:#ccc!important;opacity: 0.6;font-size:1.5rem;}
.rating-viewer .checked {font-size:1.5rem;}

.triangle{
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom-width: 15px;    
    border-bottom-style: solid;    
    -webkit-transform: scaleX(0.6);
    -moz-transform: scaleX(0.6);
}

a[kfwajax]{cursor:pointer!important;}


a[pop-class]{
    cursor: pointer;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 380px) {
    .flex-card{
        box-sizing:content-box;
    }

    .flex-card-left{
        width:100%;
    }
    .flex-card-right{
        width:100%;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 380px) and (max-width: 768px){
    .flex-card{
        box-sizing:content-box;
    }

    .flex-card-left{
        width:40%;
        float:left;
    }
    .flex-card-right{

        float:left;
        width:50%;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .flex-card{
        box-sizing:content-box;
    }

    .flex-card-left{
        width:40%;
        float:left;
    }
    .flex-card-right{

        float:left;
        width:50%;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1024px) {
    .flex-card{
        box-sizing:content-box;
    }

    .flex-card-left{
        width:300px;
        float:left;
    }
    .flex-card-right{

        float:left;
        width:calc(100% - 350px);
    }
}



.timeline-item{
	width:100%;
	background-color:#fff;	
	color: #888888;
	margin:20px 0px 15px auto;	
	font-size: 100%;
	display: inline-block;
	padding: 0px;
	border: 0px solid #ccc;
}
.timeline-item .reference .number{
	font-size: 12px!important;
	font-weight: bolder!important;
}
.timeline-item .reference .subject{
	font-size: 11px!important;
	font-weight: bolder!important;
}
.timeline-item a, .timeline-item:visited, .timeline-item a:active{
	color:#888888!important;
}

.timeline-item .desc{
	display: block;
	margin:auto;
	word-wrap:pre;
}


.timeline-item .footer{
	width:100%!important;
	background:#EAE9E5;
	color:#888888;
	padding:0!important;
}
.timeline-item .footer .data{
	height:45px;
	border-right:1px #888888 solid;
	padding:10px 15px 2px 15px;
	border-collapse:collapse;
}
.timeline-item .footer .data-noborder{
	height:45px;
	
	padding:10px 15px 2px 15px;
	border-collapse:collapse;
}

.timeline-item .footer .three-quarter-full-col {
    text-align: left!important;
}

.timeline-item .footer .footer-label{
	font-weight: bolder;
	color:#333333;
}
.timeline-item .footer .value{
	color:#333333;
}

.timeline-item .footer .actions{
	height:25px!important;
	border-right:1px #EAE9E5 solid;
	padding:7px 15px 7px 15px;
	border-collapse:collapse;
}

.timeline-item .times{
	font-size:11px;
	color:#000;
	padding:10px;
}
.timeline-item .times .data{
	color:#4B4B4B;
}
.timeline-item .times .label{
	font-size: 12px!important;
	font-weight: bolder;
	color:#888888;
}


.timeline-item .desc .details{
	font-weight: normal;
	font-size: 11px;
	display: block;
	margin:auto;
	word-wrap:break-word;
	float:left;
	width:100%!important;
}
.timeline-item .desc{
	float: left; text-align: left!important; word-wrap: break-word;
}    

.box-elevator:hover{
    transform: scale(1.05, 1.05);
}


.badge {
    position: absolute;
    margin-top:-12px;
    margin-left:-5px;
}
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
@media only screen and (min-width: 800px) {
    .easytab-container.top-left-style ul.etabs{min-height:70vh;background: #DDDDDD;border-left:solid 1px #787878;}
    .easytab-container.top-left-style ul.etabs{float:left;width:15vw;border-top:solid 1px #787878;}
    .easytab-container.top-left-style .tab-body-container{float:left;width:66vw;margin-top:0px;min-height:70vh;}
    .easytab-container.top-left-style ul.etabs li{clear: both; display: block;border-bottom:1px solid #fff;}
    .easytab-container.top-left-style .panel-container{padding:0px!important;}
    
    .easytab-container.top-left-style ul.etabs a{padding:11px 25px;}
    
    .easytab-container.top-left-style li.easytab.active{border-top:solid 0px #787878;border-right:0px solid #787878;width:15vw;}
    
    .easytab-container.top-left-style .panel-container .kfw-active-title{padding-left:15px;}
}

.ribbon-wrap {
    width: 127px;
    height: 60px;
    overflow: hidden;
    position: absolute;
    z-index: 100000;
}
.ribbon {
    color: #fff;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: relative;
    padding: 3px 0 3px 0;
    left: -38px;
    top: 14px;
    font-size: 11px;
    width: 127px;
    letter-spacing: -.2px;
    text-transform: uppercase;
}
.custom-tab-window{
    
    border: 1px solid #787878;
}
.custom-tab-window{
    
    border: 1px solid #787878;
}
.custom-tab-window .custom-tab-menu{
    float:left;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 380px) and (max-width: 768px){
    .custom-tab-window .custom-tab-menu{
        width: 100%!important;
    }
    .custom-tab-form-container   
    {
       width: 100%!important;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .custom-tab-window .custom-tab-menu{
        width: 25%!important;
    }
    .custom-tab-form-container  
    {
       width: 70%!important;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1024px) {
    .custom-tab-window .custom-tab-menu{
        width: 20%!important;
    }
    .custom-tab-form-container  
    {
       width: 75%!important;
    }
}




.custom-tab-window .custom-tab-menu .custom-tab-item{
    font-size: 1.2rem;
    line-height: 1em;
    display: block;
    padding: 5px;
    outline: none;
    color: #fff;
    border-bottom: 1px solid #1A1110;
    background: #787878;
    word-break: break-all;
}


.custom-tab-window .custom-tab-menu .custom-tab-item.big{font-size: 1.7rem;padding: 10px;}
.custom-tab-window .custom-tab-menu .custom-tab-item.active{
    background: #EAE9E5; color: #000;
}

.custom-tab-window .custom-tab-menu .custom-tab-item:only-child
{
    display:none!important; 
}
.custom-tab-window .custom-tab-form-container{
    float:left;
    width:52.5vw;
    min-height: 30vh;
    border-left: solid #666 1px;
    
}

input.pin-block, input.pin-block{
    width: 24px!important;
    text-align: center!important;
    height: 24px!important;
    font-size: 150%!important;
    border-color: #d5d6d6!important;
    border-radius: 0!important;
    box-shadow: none!important;
    margin-right:10px;
     -webkit-text-stroke-width: .2em;
        letter-spacing: 0.2em;
}

.swal2-container {z-index:65000!important;}

.swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 1.25em!important;
}

.swal2-popup .swal2-styled {
    margin: 2px 5px 0!important;
}

.verified:before {
    content: "\2714";
    padding-left:10px;
    font-size:2rem;
    color:#fff;
}

.modules-widget{
    background:#F6802B; color:#fff;
}

.modules-widget .icon{
    filter: grayscale(100%);
}
.modules-widget .focus{opacity: 0.9;font-style: italic;}
#cssmenu a:hover{
    color:#fff!important;
}
.display-none{display:none!important;}

/*the next kfw-form-metadata are for form metadata screens*/
.kfw-form-metadata-control-types{border:1px solid #ccc;padding:10px;}
.kfw-form-metadata-control-list{border:1px solid #ccc;padding:0.5%;}
.kfw-form-metadata-item{ margin-bottom: 10px; border:1px dotted #ccc;}
.kfw-form-metadata-item-activated{border:1px dotted #000;}
.kfw-form-metadata-item-validated{border:1px dotted #1fc464;}
input[kfw-form-metadata-field-action]{
    color:#000;width:120px;display: inline-block;outline: none;padding:5px;padding-left:16px;min-height:32px;font-size:1.3rem; margin:4px;
}

.kfw-form-metadata-item{width:98%;position: relative;margin:2px;}
.kfw-form-metadata-item-half{position: relative;width:48.8%;margin:2px;}
.kfw-form-metadata-item-formhalf{float: left!important;width:48.8%;margin:2px;}

.kfw-form-metadata-item-label{width:48%;}
.kfw-form-metadata-item-data{width:44%;}
.kfw-form-metadata-item-actions-1{
    display:none;
    position: absolute;right:1px;margin-top:1px;
    background: #f0eeeb;padding:3px;
    width:87px;
}
.kfw-form-metadata-item-actions-2{
    display:none;
    position: absolute;right:1px;margin-top:31.5px;
    background: #f0eeeb;padding:3px;
     width:87px;
}
.kfw-form-metadata-item-actions-1 img, .kfw-form-metadata-item-actions-2 img{margin-left:1px;padding:5px;border:1px solid #ccc;}
.kfw-form-metadata-item-actions-1 img:hover, .kfw-form-metadata-item-actions-2 img:hover{background: #007DB7;}
.kfw-form-fld-title{
    font-size:110%!important;
    border:0px!important;
    border-bottom: 1px solid #ccc!important;
    width:90%;
    font-weight: bolder;
}
.kfw-form-fld-title:focus{
    outline: none!important;
    font-size:110%!important;
    border:0px!important;
    border-bottom: 1px solid #39b3d7!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  width:90%;
   font-weight: bolder;
}
.kfw-form-metadata-item-holder{padding-left:10px;height:65px!important;}
.kfw-form-metadata-control-list .da-icons img{width:16px!important;}
.kfw-form-metadata-item-data select,.kfw-form-metadata-item-data textarea{width:50%;}
.opt-action-active{
  filter: invert(60%) sepia(13%) saturate(2399%) hue-rotate(66deg) brightness(91%) contrast(92%)!important;
}
.da-action-inactive{
   filter: invert(79%) sepia(4%) saturate(3501%) hue-rotate(314deg) brightness(93%) contrast(70%)!important;
   border-style: dotted!important;
   cursor: default;
}
.onoff-toggle {--width: 80px;--height: calc(var(--width) / 3);position: relative;display: inline-block;width: var(--width);height: var(--height);border-radius: var(--height);cursor: pointer;}
.onoff-toggle input {display: none;}
.onoff-toggle .slider {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: var(--height);border: 2px solid red;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);transition: all 0.4s ease-in-out;}
.onoff-toggle .slider::before {content: "";position: absolute;top: 2.5px;left: 2px;width: calc(var(--height)*0.6);height: calc(var(--height)*0.6);border-radius: calc(var(--height) / 2);border: 3px solid red;background-color: red;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);transition: all 0.4s ease-in-out;}
.onoff-toggle input:checked+.slider {border-color: #54b277;}
.onoff-toggle input:checked+.slider::before {border-color: green;background-color: green;transform: translateX(calc(var(--width) - var(--height)));}
.onoff-toggle .labels {position: absolute;top: 10px;left: 0;width: 100%;height: 100%;color: #4d4d4d;font-size: 12px;font-family: sans-serif;transition: all 0.4s ease-in-out;}
.onoff-toggle .labels::after {content: attr(data-off);position: absolute;right: 5px;opacity: 1;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);transition: all 0.4s ease-in-out;}
.onoff-toggle .labels::before {content: attr(data-on);position: absolute;left: 5px;opacity: 0;text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);transition: all 0.4s ease-in-out;}
.onoff-toggle input:checked~.labels::after {opacity: 0;}
.onoff-toggle input:checked~.labels::before {opacity: 1;}


table.smartColors tbody tr:nth-child(even) {background: #fcfcfb;}
table.smartColors tbody tr:nth-child(odd) {background: #fff; color:#555555;}
table.smartColors tbody tr{border-bottom: 1px solid #ccc;}
table.smartColors tbody tr td{padding:5px;}
table.smartColors thead tr{background: #848181;}
table.smartColors thead tr td{padding:5px;color:#fff;}
	
.project-container .project-name{
	color: #4d4d4d;
    line-height: 1.3;
    text-rendering: optimizeLegibility;
    font-weight: 700;
    font-size: 2.3em;
    margin-top: 1.2em;
}

.project-container .block{
	margin-left:1%;
	padding:5px;
	font-weight: 700;
        font-size: 1.3em;
	height: 105px;
	width: 110px;
	text-align:center;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 380px) {
    .project-container .block{
        width: 97%!important;
    }
    .project-container .block:nth-child(odd)    
    {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    
    h1.kfw-active-title{padding-top:25px!important;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 380px) and (max-width: 768px){
    .project-container .block{
        width: 100%!important;
    }
    .project-container .block:nth-child(odd)    
    {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .project-container .block{
        width: 100%!important;
    }
    .project-container .block:nth-child(odd)    
    {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1024px) {
    .project-container .block{
        width: 110px!important;
    }
}

.project-container .project-risk h1{ font-size: 3em;margin:0 auto;height:100%;}
.project-container .block .small{font-size: 14px!important; position:static;left: 0;}
.project-container .pro-header{padding-bottom:10px;}
.project-container .pro-header .block{float:right!important;}
.project-member-container{
	height: 131px;
	width: 300px;
	border:1.1px #A9A9A9 solid;
	margin:15px;
}
.project-member-container .body .tasks{
	font-size: 1.3em;
    color:#2C3539;
}
.project-member-container .body .close{
	position:static;margin-bottom:30px!important;right: 0; 
}
.project-member-container .body .role{
	font-weight: 700;
    font-size: 1.2em;
    color:#424242;
}

.project-member-container .footer{
	padding:0.7em;
}

.project-member-container .footer .icons{
	font-weight: 0;
    font-size: 1.3em;
    color:#fff;
}
.project-member-container .footer .icons img{padding-right:5px;}
.project-member-container .footer .member-name{
	font-weight: 700;
    font-size: 1.3em;
}
.project-stage.new{
	background:#0066ff;color:#fff;
	padding:10px;
}
.project-stage.in-progress{
	background:#ff6600;color:#fff;
	padding:10px;
}
.project-stage.complete{
	background:#207068;color:#fff;
	padding:10px;
}
.project-stage.closed{
	background:#8b7e66;color:#fff;
	padding:10px;
}
.project-stage.cancelled{
	background:#ff0000;color:#fff;
	padding:10px;
}
.project-stage.postponed{
	background:#9900cc;color:#fff;
	padding:10px;
}
.project-task.assign{
	background:#808B96;color:#fff;
	width:100%;
	padding:5px;
}
.project-download{
	background:#808B96;color:#fff;
	padding:3px;
}
.project-progress-bar{
	background:#000!important;
	width:100%;
	height:36px;
}
.project-progress-bar .percentage{
	position:relative;
	width:100%;
	text-align:center;
	margin-top:-24px;
	color:#fff;
	font-size:13px;
}

.project-percentage-small{
	background:#ff0000;color:#fff;height:100%;
}

.project-percentage-medium{
	background:#ff6600;color:#fff;height:100%;
}

.project-percentage-large{
	background:#94B75F;color:#fff;height:100%;
}
.project-assign-to-list .data, .project-assign-to-list .data > div{
	clear: both!important; display: block!important;
}
.project-assign-to-list .data input[type=radio]{
	background-color:#ccc;color:#000;
	padding:10px;
	width:25px;
	height:25px;
}

.project-risk-accepted{
	background-color:#CC0000;color:#fff;
	margin:1%;
	padding: 5px;
}
.project-risk-mitigated{
	background-color:#ABEBC6;color:#000;
	margin:1%;
	padding: 5px;
}
.project-risk-controlled{
	background-color:#1B4F72;color:#fff;
	margin:1%;
	padding: 5px;
}
.project-risk-under-review{
	background-color:#5DADE2;color:#fff;
	margin:1%;
	padding: 5px;
}
.project-risk-open{
	background-color:#DC7633;color:#fff;
	margin:1%;
	padding: 5px;
}
.project-risk-eliminated{
	background-color:#239B56;color:#fff;
	margin:1%;
	padding: 5px;
}

.project-risk-avoided{
	background-color:#A9DFBF;color:#000;
	margin:1%;
	padding: 5px;
}
.project-risk-transferred{
	background-color:#2E4053;color:#fff;
	margin:1%;
	padding: 5px;
}
.project-risk-shared{
	background-color:#A569BD;color:#000;
	margin:1%;
	padding: 5px;
}
.project-risk-exploited{
	background-color:#D4AC0D;color:#000;
	margin:1%;
	padding: 5px;
}


	
			
				
#fancybox-content{
    border-radius:0 25px 0 0 ;
}


#fancybox-content .project-assign-to-list .data, .project-assign-to-list .data > div{
	clear: both!important; display: block!important;
}

#fancybox-content h1.kfw-active-title{margin-bottom: 10px;}
#fancybox-content div.inputboxes{margin-bottom: 5px;}

#fancybox-content .project-assign-to-list .data > div{
	clear: both!important; display: block!important;
	border-bottom:#000 solid 1px!important;
	padding:10px!important;
	margin:10px!important;
	width:100%;
}

#fancybox-content .project-assign-to-list .data input[type=radio]{
	color:#000!important;
	padding:10px!important;
	width:25px!important;
	height:25px!important;
}

.task-phase{background: #DDDDDD;padding:5px;color: #E53B2D;font-weight: bolder;padding:5px;position:absolute;margin-top:-28px;}
.task-item{border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;cursor: move;}
.task-item:nth-child(even) {background: #e9ebee;padding:5px;}
.task-item:nth-child(odd) {background: #fff;padding:5px;}


 .project-topuser-wrapper-flexbox {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;

  .card {
    flex: 0 0 auto;
  }
}   
.project-topuser-wrapper-flexbox .project-topuser-box:nth-of-type(2n+1){
    background-color:#f5f4f2;
} 
.project-topuser-wrapper-flexbox .project-topuser-box:nth-of-type(2n){
    background-color:#ededed;
}




.timeline-smart {
    margin: 0 0 45px;
    padding: 0;
    position: relative;
        z-index: 0!important;

}
.timeline-smart > div {
    margin-bottom: 15px;
    margin-right: 10px;
    position: relative;
}
.timeline-smart > .time-label > span {
    border-radius: 4px;
    background-color: #ffffff;
    display: inline-block;
    font-weight: 600;
    padding: 5px;
}

.timeline-smart > div > .timeline-item {
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    border-radius: 0.25rem;
    background: #ffffff;
    color: #495057;
    margin-left: 70px;
    margin-right: 15px;
    margin-top: 0;
    padding: 0;
    position: relative;
}
.timeline-smart::before {
    border-radius: 0.25rem;
    background: #dee2e6;
    bottom: +15px;
    content: '';
    left: 31px;
    margin: 0;
    position: absolute;
    top: 0;
    width: 4px;
}
.timeline-smart .time-group {
    background-color: #999999 !important;color:#fff;
}


.timeline-smart .fas{
    width:30px!important;height:30px!important;
    border-radius: 50%;
    font-size: 15px;
    height: 30px;
    left: 18px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px;
}
.timeline-smart > div > .timeline-item > .timeline-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    color: #495057;
    font-size: 16px;
    line-height: 1.1;
    margin: 0;
    padding: 10px;
	background: #eeeeee;
	-webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
	
	
}


.timeline-smart > div > .timeline-item > .timeline-header:before{content:"\291C";left:-28px;top:-2px;position:absolute; color:#999999; font-size:32px; font-weight:bolder; }

.timeline-smart > div > .timeline-item > .timeline-body, .timeline-smart > div > .timeline-item > .timeline-footer {
    padding: 10px;
}
.timeline-smart .end-timeline{
	background: #adb5bd;
    border-radius: 50%;
    font-size: 15px;
    height: 30px;
    left: 18px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 30px;
}
.timeline-smart .end-timeline:before{content:"\2912";padding-right:15px;color:#fff; font-size:22px; font-weight:bolder;}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #767171; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.recipient-contact-blocks {
    border: 0px;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.recipient-contact-blocks .checkbox-header {
    font-size: 135%;
    font-weight: bolder;
    background: #676662;
    color: #F0F5FF;
    padding: 14px;
}

.recipient-contact-blocks .checkbox-rows {
    padding: 15px;
    height: 150px;
    overflow-y: scroll;
}

.ribbon-wrap.system-mode{position: fixed;}