@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-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;}
.white-bg{
    background-color:#fff;
    color:#000;
}


.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;}

.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;
}

#kfw-crumbtrail{
	display:block;
	text-align: left;
	font-size: 90%;
	border-radius:0px 0px 25px 25px;
	float:left;
	width:98.5%;
}
#kfw-crumbtrail .data{padding:5px 15px 15px 15px;}
#kfw-crumbtrail .uri{
	padding:0px 0px 10px 15px;
	width:95%;
	border-top:1px #ccc solid;
}
#kfw-crumbtrail a, #kfw-crumbtrail a:active, #kfw-crumbtrail span{
	color: #fff;
	text-decoration:none;
	font-family: "Akrobat-Regular", Verdana, Arial,Helvetica,Sans-serif;
}
#kfw-crumbtrail .separator{
	color: #fff;
	padding:5px;
}

.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*/
.top-tab-style .easytab{margin-top:10px;padding:0 10px; border-radius:0!important;}
.left-tab-style .easytab{margin-top:10px;padding:0 10px; border-radius: 5px 5px 0 0!important;}
.top-tab-style .easytab.active{border-top:3px solid #7bb07a!important;padding-top: 0px!important;}
.left-tab-style .easytab.active{border-top:0px solid #7bb07a!important;}
.easytab-container .panel-container {border: solid #D3D3D3 1px!important;}

.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: 1em!important;
    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%;
    }
    
    .kfw-chart-container
    {
        min-width:320px!important;
    }
}

/* 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%;
    }
    
    .kfw-chart-container
    {
        min-width:365px!important;
    }
}

/* 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%;
    }
    
    .kfw-chart-container
    {
        min-width:850px!important;
    }
}

/* 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;
    }
    
    #kfw-header{background-color: transparent!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:10px 25px 10px 10px ;
}


#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;
}
#fancybox-close-button-holder{
    top:0;position:absolute;width:34px;height:34px;right:0;margin-top:5px;
}

.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;}
#kfw-header{
    position: sticky!important;
    top: 0;
    background-color: #fff;
    z-index: 59000!important;
}
.kfwtopnavigators-container{    
    position: sticky!important;
    top: 70px;
    z-index:9999;
    padding-right:25px;
    margin-left: -2px;
}

.metadata-field-type-button {
    color: #000;
    width: 100px;
    outline: none;
    padding: 5px;
    padding-left: 16px;
    min-height: 32px;
    font-size: 12px;
    margin: 4px;
}
.form-field-heading{
    background-color:#aaaaaa;
    text-transform:uppercase;
    padding:10px;
    text-align: center;
    font-size: 105%;
    font-weight: bolder;
}
.theme-icon-selection
{
    float:left;
    width:80px;
    height:80px;
    border:1px solid #ccc;
    padding:5px;
}
.theme-icon-selection .theme-icon-img
{
    width:75px;
}
.swal-wide{
    width:90%!important;
}
.swal2-styled.swal2-confirm{
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #C3C3C3!important;
    color: #fff;
    font-size: 1.0625em;
}

/* color shades */
.so-gray-1{background: #D4D4D4; color:#494848;}
.so-gray-2{background: #B4B4B4; color:#494848;}
.so-gray-3{background: #909090; color:#494848;}
.so-gray-4{background: #636363; color:#fff;}
.so-gray-5{background: #494848; color:#fff;}
.so-gray-6{background: #363535; color:#fff;}
.so-gray-7{background: #2b2b2b; color:#fff;}
.so-gray-8{background: #1a1919; color:#fff;}
.so-gray-9{background: #1a1a1a; color:#fff;}
.so-gray-10{background: #141414; color:#fff;}

.so-blue-1{background: #D5F3FE; color:#494848;}
.so-blue-2{background: #5CB7F4; color:#494848;}
.so-blue-3{background: #3baaf5; color:#fff;}
.so-blue-4{background: #278bcf; color:#fff;}
.so-blue-5{background: #1e77b3; color:#fff;}
.so-blue-6{background: #15679e; color:#fff;}
.so-blue-7{background: #125887; color:#fff;}
.so-blue-8{background: #0d4a73; color:#fff;}
.so-blue-9{background: #083959; color:#fff;}
.so-blue-10{background: #042840; color:#fff;}

.so-green-1{background: #ACDF87; color:#494848;}
.so-green-2{background: #68BB59; color:#494848;}
.so-green-3{background: #4C9A2A; color:#494848;}
.so-green-4{background: #76BA1B; color:#494848;}
.so-green-5{background: #A4DE02; color:#494848;}
.so-green-6{background: #8ebf04; color:#fff;}
.so-green-7{background: #729903; color:#fff;}
.so-green-8{background: #5c7a04; color:#fff;}
.so-green-9{background: #455c03; color:#fff;}
.so-green-10{background: #283602; color:#fff;}

.so-orange-1{background: #F5BD25; color:#494848;}
.so-orange-2{background: #FFA203; color:#494848;}
.so-orange-3{background: #FF8A05; color:#494848;}
.so-orange-4{background: #FE691E; color:#494848;}
.so-orange-5{background: #004C89; color:#494848;}
.so-orange-6{background: #FF5E01; color:#494848;}
.so-orange-7{background: #de5404; color:#fff;}
.so-orange-8{background: #b84502; color:#fff;}
.so-orange-9{background: #993a03; color:#fff;}
.so-orange-10{background: #732c02; color:#fff;}

.so-pink-1{background: #F8EAED; color:#494848;}
.so-pink-2{background: #F2CFDB; color:#494848;}
.so-pink-3{background: #EAADC6; color:#494848;}
.so-pink-4{background: #E591B3; color:#494848;}
.so-pink-5{background: #E07EA7; color:#494848;}
.so-pink-6{background: #B36485; color:#494848;}
.so-pink-7{background: #a85276; color:#494848;}
.so-pink-8{background: #823c59; color:#494848;}
.so-pink-9{background: #5c2a3f; color:#494848;}
.so-pink-10{background: #451e2e; color:#494848;}

.so-red-1{background: #FE2712; color:#E8E8E8;}
.so-red-2{background: #EA2113; color:#E8E8E8;}
.so-red-3{background: #D51A13; color:#E8E8E8;}
.so-red-4{background: #C11414; color:#E8E8E8;}
.so-red-5{background: #AD1212; color:#E8E8E8;}
.so-red-6{background: #870E0E; color:#E8E8E8;}
.so-red-7{background: #750808; color:#fff;}
.so-red-8{background: #5e0707; color:#fff;}
.so-red-9{background: #4a0707; color:#fff;}
.so-red-10{background: #330404; color:#fff;}

.so-brown-1{background: #ca824e; color:#E8E8E8;}
.so-brown-2{background: #c4743b; color:#E8E8E8;}
.so-brown-3{background: #b16935; color:#E8E8E8;}
.so-brown-4{background: #9d5d2f; color:#E8E8E8;}
.so-brown-5{background: #754523; color:#E8E8E8;}
.so-brown-6{background: #623a1d; color:#E8E8E8;}
.so-brown-7{background: #4e2e17; color:#fff;}
.so-brown-8{background: #452711; color:#fff;}
.so-brown-9{background: #381f0c; color:#fff;}
.so-brown-10{background: #241307; color:#fff;}

.so-purple-1{background: #b39ded; color:#a7aab3;}
.so-purple-2{background: #9b84d9; color:#a7aab3;}
.so-purple-3{background: #856ec2; color:#a7aab3;}
.so-purple-4{background: #725cad; color:#a7aab3;}
.so-purple-5{background: #634e9c; color:#a7aab3;}
.so-purple-6{background: #503d85; color:#a7aab3;}
.so-purple-7{background: #41316e; color:#fff;}
.so-purple-8{background: #34265c; color:#fff;}
.so-purple-9{background: #281c4a; color:#fff;}
.so-purple-10{background: #1c1336; color:#fff;}

.so-yellow-1{background: #FEFEBE; color:#666;}
.so-yellow-2{background: #FDFD96; color:#E8E8E8;}
.so-yellow-3{background: #FDFD66; color:#E8E8E8;}
.so-yellow-4{background: #FEF24E; color:#E8E8E8;}
.so-yellow-5{background: #ede13e; color:#E8E8E8;}
.so-yellow-6{background: #ded233; color:#E8E8E8;}
.so-yellow-7{background: #bab023; color:#fff;}
.so-yellow-8{background: #99911a; color:#fff;}
.so-yellow-9{background: #7a7415; color:#fff;}
.so-yellow-10{background: #635e10; color:#fff;}

.so-maroon-1{background: #9e2b56; color:#E8E8E8;}
.so-maroon-2{background: #8d264d; color:#E8E8E8;}
.so-maroon-3{background: #7b2243; color:#E8E8E8;}
.so-maroon-4{background: #6a1d3a; color:#E8E8E8;}
.so-maroon-5{background: #581830; color:#E8E8E8;}
.so-maroon-6{background: #461326; color:#E8E8E8;}
.so-maroon-7{background: #350e1d; color:#fff;}
.so-maroon-8{background: #230a13; color:#fff;}
.so-maroon-9{background: #12050a; color:#fff;}
.so-maroon-10{background: #0f0409; color:#fff;}

img[grpflt-rule="yes"]{
    background-image: url('../../../assets/images/objects/funnel-red.svg');
}

/*set the width to 50% when user not loggedin and on user modules that are to customised like login/forget-password*/
.user.logged-off #kfw-data{
    width:50%;
}

.kfw-collapse-section-content{
   padding:10px; 
   border:solid 1px #ccc;
   background:#fff;
}
.kfw-collapse-section{
  padding:10px;
  background:#DDDDDD;
  cursor:pointer;
  color:#000;
  border-bottom:1px solid #8e8d8f;
}
.kfw-collapse-section.active{
  background:#767171!important;
  color:#fff!important;
}
.kfw-collapse-section::after { content: "\27A4"!important; float:right!important;}
.kfw-collapse-section.active::after { content: "\27A4"!important; float:right!important;rotate: 90deg!important;}




.dotted-sort-items .draggable:nth-of-type(1n) {
    border-top: 1px dotted lightgray;
    margin-top:5px;
}
.dotted-sort-items .draggable:first-of-type{border-top: none!important;}

#kfw-pdf-iframe-viewer-message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    padding: 10px;
    border-radius: 5px;
}

#kfw-pdf-iframe-viewer-container {
    position: relative;
    width: 100%;
    height: 500px;
}

.registration-confirmation-item-block{
	padding:1%;
        cursor: pointer;
}
.registration-confirmation-item-block .block-numbering{
	float:left;
	color:#fff;
	font-size:160%;
	padding:1%;
	margin-top:18px;
	z-index:3;
	height:32px;
        border-radius: 5px 0px 0px 5px;
}
.registration-confirmation-item-block .block-details{
	float:left;
	width:90%;
	background:#DDDDDD;
	margin-left:0px;
	padding:0% 1% 0% 3%;
	z-index:4;
	min-height:90px!important;
	color:#39393B;
        border-radius: 5px;
}
.registration-confirmation-item-block .block-details h1{
	padding:1% 1% 0.5% 0%;
	color:#39393B;
	font-weight:bolder;
}
.registration-confirmation-item-block .block-status{
	float:left;
	z-index:3;
	width:10%;
	background:#f68627;
	min-height:90px;
	text-align:center;
	color:#fff;
}
.registration-confirmation-item-block .block-status img{
	padding-top:25px;
}


.communication-contact-blocks{
	border:0px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width:100%;
}
.communication-contact-blocks .checkbox-header{
	font-size:135%;
	font-weight: bolder;
	background:#676662;
	color:#F0F5FF;
	padding:14px;
}
.communication-contact-blocks .checkbox-header input{
	margin-top:3px;
}

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

.communication-contact-blocks .checkbox-rows span{
	padding-bottom:7px;
}
.communication-contact-blocks input[type='checkbox'] {
    width:15px;
    height:15px;
    background:white;
    border-radius:5px;
    border:1px solid #555;
    margin-top:-1px;
}


@media (max-width: 768px) {
    .module-widget-item{display:none;}
    .etabs {
        background-color: #fff!important;
    }
    .etabs .easytab{
        padding: 0px!important;
    }
    #kfw-header {
        background-color: #f5f5f5; /* optional lighter bg */
        top: 0;
        padding: 10px 15px;
        z-index: 99999 !important;
    }
}


@media (max-width: 768px) {
    #kfw-header {
        background-color: #f5f5f5; /* optional lighter bg */
        top: 0;
        padding: 10px 15px;
        z-index: 99999 !important;
    }
}



@media (max-width: 768px) {
    #kfw-header {
        background-color: #f5f5f5; /* optional lighter bg */
        top: 3px;
        bottom:3px;
        padding: 10px 15px;
        z-index: 99999 !important;
        background:transparent;
        margin:2px;
        border-radius:5;
    }
}
@media (max-width: 768px) {
    .kfwtopnavigators-container {
        position: sticky !important;
        top: 70px;
        z-index: 9999;
        padding-right: 25px;
        margin-left: -2px;
    }
}
/* Tablet view (portrait) - screen width 768px and below */
@media screen and (max-width: 768px) {
	#kfw-crumbtrail {
		font-size: 85%;
		text-align: center;
		width: 100%;
		float: none;
		margin-top: -34px;
		border-radius: 0px 0px 20px 20px;
	}
}

/* Mobile view - screen width 480px and below */
@media screen and (max-width: 480px) {
	#kfw-crumbtrail {
		font-size: 80%;
		text-align: center;
		width: 100%;
		float: none;
		margin-top: -34px;
		border-radius: 0px 0px 15px 15px;
	}
}

@media (max-width: 768px) {
  #kfw-crumbtrail .data {
    padding: 25px 35px 15px 25px;
  }
}