/* Cards */
div.ns-card { 
	-webkit-box-shadow: 0px 3px 2px 1px rgba(130, 130, 130, 0.42); 
	-moz-box-shadow: 0px 3px 2px 1px rgba(130, 130, 130, 0.42); 
	box-shadow: 0px 3px 2px 1px rgba(130, 130, 130, 0.42); 
	max-width: 99.3%; 
	border: none; 
	background-color: white; 
	min-height: 20px; 
	position: relative;
}
.container {
    background-color: #F2F2F2!important;
}
@media only screen and (max-width: 767px) {

div.taskButton{
	
	padding-left: 0%;
    padding-right: 0%;
}	
}
.taskButton{
	display: table;
	margin: 0px auto;
}
.taskButtonContainer{
	margin-top: 20px;
}
div.taskButton div.taskButtonSquare{
	 border-radius: 5px;
    border: 1px solid #53D253;
    cursor: pointer;
}
div.taskButtonSquare div.taskButtonElements{
	padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
}
div.taskButtonElements span[id^="completeStatus"]{
	float: left;
    padding-left: 10px;
    padding-right: 15px;
	font-size: 15px;
	margin-top: 5px;
}

div.taskButton div.taskButtonSquare.completed{
	    border-color: #53D253;
}

div.taskButtonSquare.completed span[id^="completeStatus"]{
	    color: #53D253;
}
div.taskButton div.taskButtonSquare img[id^="taskCheckElement_unchecked"],
div.taskButton div.taskButtonSquare.completed img[id^="taskCheckElement_checked"]{
	display : block;
}

div.taskButton div.taskButtonSquare.completed img[id^="taskCheckElement_unchecked"],
div.taskButton div.taskButtonSquare img[id^="taskCheckElement_checked"]{
	display : none;
}

div.taskButtonSquare div[id^="widget-error-profile"]{
	height: 50px;
    padding: 6px 20px; 
}

div.taskButtonSquare div[id^="divLoadingImage"]{
	height: 50px;
    padding: 16px 40px; 
}

div.taskButton div.taskButtonSquare div.taskButtonElements >img{
	padding-left : 15px
}
@media (min-width: 300px) and (max-width: 767px) {		
	div[id^='ndwvButtonSection'] div[id^='secondPageButtons'] a >span{		
	    display : none;		
	}	
	div[id^='ndwvButtonSection'] div[id^='secondPageButtons'] a >span{		
	    display : none;		
	}
	
	div[id^='ndwvButtonSection'] button[id^='welcomeVideoFirstPage'] > span:first-of-type,
	div[id^='ndwvButtonSection'] div[id^='secondPageButtons'] button > span:first-of-type{		
	    display : none;		
	    
	}	
	div[id^='ndwvButtonSection'] button[id^='welcomeVideoFirstPage'].btn span.right-white-arrow,
	div[id^='ndwvButtonSection'] div[id^='secondPageButtons'] button.btn span.right-white-arrow{
		    margin: 8px 0px 0px 0px;
	}
	div[id^='ndwvButtonSection'] button[id^='welcomeVideoFirstPage'] ,
	div[id^='ndwvButtonSection'] div[id^='secondPageButtons'] button{
		padding: 10px 10px ;
	}			
	div[id^='ndwvButtonSection'] div[id^='secondPageButtons'] button > span{		
	    padding: 0px !important;		
	}		
	div[id^='ndwvButtonSection'] div[id^='secondPageButtons']{		
		    margin: 0px -23% 0px -22% !important;		
	    padding-top: 0px !important;		
	}		

	
	body div[id^="ndwvModal"] img{		
	    width: 100%;		
	    padding-top: 20px;		
	}
	
	 body .popover.dbp-popover{       	
       left: 11px !important;
    max-width: 97% !important;
    width: 100%;
       	
    }		
}

@media screen  and (min-width: 992px){
    body div[id^='ndwvPageContainer'] div.ndwvDivPage div.wvimg{
    	height: 78%;
    }
   
}
body div[id^='ndwvPageContainer'] div.ndwvDivPage.secondPageOverflow{
		overflow: auto;
		display: block;
	}

@media only screen and (max-width: 767px) {
	div.viewdashboard div.nuDriveSectionContainer div.nuDriveSubSectionHeader p.nuDriveSectionSubTitle{
		min-height: 0px!important;
	}
	div.viewfooter div.nuDriveSectionContainer li.nuDriveSectionHeader h4.footer{
		min-height: 0px!important;
	}
}

body .modal div.movie div#video-box.responsive {
	max-height: 99%;
    max-width: 100%;
    width: inherit !important;
    margin: 0 auto;
}
ol, ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.wvsp{		
	text-align: justify;		
}
div[class*="dbp"] .btn, 
div[class*="dbp"].btn:hover,
div[class*="dbp"] .btn:active,
div[class*="dbp"] .btn:focus {
    text-decoration: none;
    color: #fff;
	text-transform: uppercase;
}		
div[id^='ndwvPageContainer'] div.ndwvDivPage{		
	height : 88%;	
	display: flex !important;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */  
    -webkit-justify-content: center;
    -webkit-align-items: center;
    justify-content: center;
    align-items: center;
}		
div[id^='ndwvButtonSection'] div[id^='secondPageButtons'] a{		
    margin-right: 21px;		
    font-size: 16px;		
    font-weight: bolder;		
    vertical-align: middle;  		
    text-decoration: initial;  		
    text-transform: uppercase;		
}		
div[id^='ndwvButtonSection'] div.secondPage{		
	display : inline-block;		
	width: 70%;		
}		
div[id^='ndwvButtonSection'] div.secondPage button{		
	float : right;		
}		
div[id^='ndwvButtonSection'] div.secondPage a{		
	float : left;		
}
.nuDrive.btn {
    display: inline-block;
    vertical-align: middle;
    font: inherit;
    text-align: center;
    border: none;
    margin: 0;
    cursor: pointer;
    overflow: visible;
    padding: 10px 22px;
    background-color: #008ab0;
    border: 2px solid #008ab0;
	font-size: 14px;
	border-radius: 2px;
}

.bizportWidget {
	width: 100%;
	max-width: 720px;
}
.widget h3 {
	font-size: 14px;
	color: #646569;
	margin: 0;
	font-weight: normal;
}

.sectionList h4 {
	font-size: 18px;
/* 	color: #008AB0; */
	color: #3AB0C8;
	font-weight: 300;
	font-style: normal;
	padding: 10px 0 5px;
	line-height: 1.2;
	margin: 0;
	font-family: "Verlag A", "Verlag B", Arial, verdana, sans-serif;
	text-transform: uppercase;
	cursor: default;
}
.sectionList p {
	margin: 0;
	padding: 5px 0 16px;
	font-size: 14px;
	cursor: default;
}
.sectionList h5 {
	width: 100%;
	font-size: 12px;
	color: #8c8c8c;
	font-weight: 300;
	font-style: normal;
	padding: 0 0 2px;
	margin: 0;
	font-family: Arial, verdana, sans-serif;
	text-transform: uppercase;
	vertical-align: middle;
}
.sectionList div.nuDriveSectionContainer li.progressBar span {
	font-weight: 300;
	font-style: normal;
	line-height: 1.2;
	margin: 0;
	float: right;
 	color: #8C8C8C;
	font-family: Arial, verdana, sans-serif;
}

.sectionList div.nuDriveSectionContainer li.progressBar span.on {
	color: #0add0a;
}
.sectionList::after {
	clear: both;
}
#content h1 {
    color: #008ab0;
    font-size: 28px;
    font-weight: 300;
    font-style: normal;
    padding-bottom: 15px;
    line-height: 1.3;
    font-family: "Verlag A", "Verlag B", Arial, verdana, sans-serif;
}

li.center {
	text-align: center;
}

/*progress bar*/
.progressBar {
	padding: 15px 0px;
	margin: 0px;
}
progress {
	width: 85%;
	height: 6px;
	margin: 5px auto;
	display: block;
	/* Important Thing */
	-webkit-appearance: none;
	border: none;
	float: left;
	color: #0ADD0A;
}
progress::-webkit-progress-bar {
	background: #CCCCCC;
	border-radius: 0;
}
progress::-webkit-progress-value {
	background: #0add0a;
}
progress::-moz-progress-bar {
    /* style rules */
		background: #0add0a;
}

.sectionList>li {
	margin-bottom: 0px;
}
.viewdashboard .sectionList>li {
    float: none!important;
    position: relative;
}
.sectionList>li>div.nuDriveSectionContainer{
    max-width: 99.5%!important;
    width: 99.5%!important;
    margin: 0px 0px 5px 0px;
    padding: 16px;
}
.viewcomplete .sectionList>li>div.nuDriveSectionContainer{
    max-width: 100%!important;
    width: 100%!important;
    padding: 20px 25px;
    border: 1px solid #EEE;
}
.viewfooter .sectionList>li>div.nuDriveSectionContainer{
	padding: 0px;
}
.viewfooter .sectionList>li>div.nuDriveSectionContainer>ul{
	padding: 16px 0px 0px 0px;
}
.viewfooter .sectionList>li>div.nuDriveSectionContainer>ul>li.nuDriveSectionHeader{
    margin: 0px 16px;
}
.viewfooter .sectionList>li>div.nuDriveSectionContainer>ul>li.nuDrive.progressBar{
    padding: 15px 16px;
    min-height: 60px;
}
.viewfooter .sectionList>li>div.nuDriveSectionContainer>ul>li.nuDriveSectionBody.nuDrive.viewList div.taskButtonElements{
    padding: 10px 16px;
}
.viewfooter li.linkToTaskButtons.currentPage {
    background-color: #eee;
}
.viewdashboard ul.sectionList li div.nuDriveSectionContainer{
	border-left: none;
}
.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewdashboard ul.sectionList li div.nuDriveSectionContainer{
	-webkit-box-shadow: 0px 2px 2px 1px rgba(130, 130, 130, 0.42);
	-moz-box-shadow: 0px 2px 2px 1px rgba(130, 130, 130, 0.42);
	box-shadow: 0px 2px 2px 1px rgba(130, 1-30, 130, 0.42);
	background-color: #FFF;
	max-width: 100%!important;
	width: 100%!important;
}
.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewdashboard ul.sectionList li div.nuDriveSectionContainer.open{
	-webkit-box-shadow: 0px 2px 2px 1px rgba(130, 130, 130, 0.42);
	-moz-box-shadow: 0px 2px 2px 1px rgba(130, 130, 130, 0.42);
	box-shadow: 0px 2px 2px 1px rgba(130, 130, 130, 0.42);
	background-color: #FFF;
	max-width: 100%!important;
	width: 100%!important;
}
.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewdashboard ul.sectionList li div.nuDriveSectionContainer.close{
	-webkit-box-shadow: 0px 2px 2px 1px rgba(130, 130, 130, 0.42);
	-moz-box-shadow: 0px 2px 2px 1px rgba(130, 130, 130, 0.42);
	box-shadow: 0px 2px 2px 1px rgba(130, 130, 130, 0.42);
	background-color: #FFF;
	max-width: 100%!important;
	width: 100%!important;
}
.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewcomplete li.nuDriveSectionBody ul.nuDriveSectionTaskList li.linkToTaskButtons{
    margin-bottom: 0px;
    display: block;
    width: 100%;
    vertical-align: top;
}

@media (min-width: 47.94em) {
	ul.sectionList{
		display: flex !important;				
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  		display: -ms-flexbox;      /* TWEENER - IE 10 */
  		display: -webkit-flex;     /* NEW - Chrome */
	}
	ul.sectionList.hide{
		display: none !important;				
	}
	.viewdashboard ul.sectionList{
	  	min-height: 112px;
	}
	.sectionList>li:after, .sectionList>li:before {
	    content: '';
	    display: table;
	}
	.sectionList>li {
	    clear: none;
	    text-align: inherit;
	    width: 33.33333%;
		margin-bottom: 0px;
	}
	.sectionList>li:nth-of-type(3n+1) {
	    clear: both;
	}
	.sectionList>li>div.nuDriveSectionContainer{
		width: 99.5%!important;
		margin: 0px;
	}
	.viewdashboard .sectionList>li>div.nuDriveSectionContainer{
	    position: relative;
	    z-index: auto;
	}
	.viewdashboard .sectionList>li>div.nuDriveSectionContainer.open{
		position: absolute;
	    z-index: 99;
	}
	.viewdashboard ul.sectionList li div.nuDriveSectionContainer{
		border-left: 1px solid #CCC;
	}
	.viewdashboard ul.sectionList li:first-of-type div.nuDriveSectionContainer{
		border-left: none;
	}
	
	body.iw_IL .viewdashboard ul.sectionList li div.nuDriveSectionContainer{
		border-left: none;
		border-right: 1px solid #CCC;
	}
	body.iw_IL .viewdashboard ul.sectionList li:first-of-type div.nuDriveSectionContainer{
		border-right: none;
	}
	.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewdashboard ul.sectionList li div.nuDriveSectionContainer{
		-webkit-box-shadow: 0px 1px 1px 0px rgba(130, 130, 130, 0.42);
		-moz-box-shadow: 0px 1px 1px 0px rgba(130, 130, 130, 0.42);
		box-shadow: 0px 1px 1px 0px  rgba(130, 130, 130, 0.42);
		background-color: #FFF;
	}
	.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewdashboard ul.sectionList li div.nuDriveSectionContainer.open{
		-webkit-box-shadow: 0px 3px 2px 1px rgba(130, 130, 130, 0.42);
		-moz-box-shadow: 0px 3px 2px 1px rgba(130, 130, 130, 0.42);
		box-shadow: 0px 3px 2px 1px rgba(130, 130, 130, 0.42);
		background-color: #FFF;
	}
	.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewdashboard ul.sectionList li div.nuDriveSectionContainer.close{
		-webkit-box-shadow: 0px 1px 1px 0px rgba(130, 130, 130, 0.42);
		-moz-box-shadow: 0px 1px 1px 0px rgba(130, 130, 130, 0.42);
		box-shadow: 0px 1px 1px 0px  rgba(130, 130, 130, 0.42);
		background-color: #FFF;
	}
	.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewcomplete li.nuDriveSectionBody ul.nuDriveSectionTaskList li.linkToTaskButtons{
	    margin-bottom: 0px;
	    display: inline-block;
	    width: 32%;
	    vertical-align: top;
	}
}

.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewcomplete ul.sectionList{
	display: block!important;
}
.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewcomplete ul.sectionList>li{
	width: 100%;
	margin-bottom: 20px;
}
.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewcomplete li.nuDriveSectionHeader img{
	display: block;
	float: left;
}
.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewcomplete li.nuDriveSectionHeader div.nuDriveSectionHeaderText{
	display: block;
    padding-left: 65px;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word;
    width: auto;
}
.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewcomplete li.nuDriveSectionHeader div.nuDriveSectionHeaderText h4{
	padding: 0px;
    font-size: 24px;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word;
}
.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewcomplete li.nuDriveSectionHeader div.nuDriveSectionHeaderText p.sectionSubtitle{
	padding: 0px;
    font-weight: bold;
    color: #777;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word;
}
.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewcomplete li.nuDriveSectionBody div.nuDriveSectionDescription.richTextArea{
	padding: 20px 0px 30px 0px;
}
.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewcomplete li.nuDriveSectionBody div.nuDriveSectionDescription.richTextArea hr{
    left: 0;
    right: 0;
    position: absolute;
    border-color: #CCC;
}
.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewcomplete li.nuDriveSectionBody div.nuDriveSectionDescription.richTextArea p{
	padding-bottom: 10px!important;
}
.dbpAggregator .nuDriveAggregatorWarp.widgetWrap.viewcomplete li.nuDriveSectionBody ul.nuDriveSectionTaskList li.linkToTaskButtons div.taskButtonSquare div.taskButtonElements span.dbpTaskName{
    word-spacing: normal;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    text-align: left;
}

li.linkToTaskButtons {
	margin-bottom: 0px;
}
li.linkToTaskButtons:hover span.dbpTaskName{
	color: #3ab0c8!important;
}
li.linkToTaskButtons.currentPage:hover span.dbpTaskName{
	color: #777!important;
}
div.newHeaderStyle{
	min-height: 30px
}

/*BackOffice nu drive styles*/

.officeNuDriveAggregator{
    padding-top: 10px;
	display: inline-block;
    width: 74%;    
}

.officeNuDriveAggregator div.col-03{
		width: 39%;
}
.officeNuDriveAggregator div.col-02{
	 width: 60%;
}	

.officeNuDriveAggregator div.col-02,
.officeNuDriveAggregator div.col-03{
    padding: 0px 5px 0px 9px;
}
    	
.officeNuDriveAggregator div.dbpAggregator{
	padding: 0px 8px 0px 9px;
	width: 100%;
}		
	
.officeNuDriveAggregator .bizportWidget {
	max-width: inherit;
}
		

/*nudrive welcome video*/

div[id^="ndwvModal"] .modal-body{
	padding-left : 40px;
	padding-right : 40px;
}
div[id^="ndwvModal"] div.wvsp h4 {
	font-size: 18px;
	color: #008AB0;
	font-weight: 300;
	font-style: normal;
	padding: 5px 0px 5px 0px;
	line-height: 1.2;
	margin: 0;
	font-family: "Verlag A", "Verlag B", Arial, verdana, sans-serif;
}
div[id^="ndwvModal"] div[id^="ndwvButtonSection"]{
	text-align: center;
    padding-bottom: 10px;
}
div[id^="ndwvModal"] img{
    width: 65%;
    padding-top: 20px
}
div[id^="ndwvModal"] div[id^="ndwvSecondPage"] div.wvimg{		
	text-align : center;
	display: table;
    height: 70%;
}
div[id^="ndwvModal"] div.nwvContent >p{
    font-size: 14px;
    font-family: "Verlag A", "Verlag B", Arial, verdana, sans-serif;
    font-weight: 300;
    font-style: normal;
}

div[id^="ndwvModal"] div.nwvContent {
   text-align: justify;
}

div[id^="ndwvModal"] h4[id^="ndwvModalTitle"].modal-title {
   	font-size: 20px;
   	color: #008AB0;
   	font-weight: 500;
   	font-style: normal;
   	font-family: "Verlag A", "Verlag B", Arial, verdana, sans-serif;
}

div[id^="ndwvModal"] div[id^="ndwvButtonSection"] button .ndwvArrow: {
	position: absolute;
    margin-top: -5px;
    margin-left: -10px;
}
    
    
div[id^="ndwvModal"] div[id^="ndwvButtonSection"] button .ndwvArrow:before {
	content: '\e080'; 
	font-family:"Glyphicons Halflings";
	font-size: 22px;
	padding-left: 0px;
}
div[id^="ndwvFirstPage"] .video-js-box img.vjs-poster { 
	height: 100%!important;
	width: 100% !important;
}
a.nuDrive.btn.close{
	color: #FFF;
}
a.nuDrive.btn.close:after{
	content: '\e259';
	font-family: "Glyphicons Halflings";
	font-size: 16px;
	position: relative;
	left: 10px;
	top: 2px;
}
a.nuDrive.btn.open{
	background-image: url(clientlibs/img/btn-close.svg);
	background-position: 50% 50%;
	background-size: 30px 30px;
	padding: 0px;
	border: none;
	width: 30px;
	height: 30px;
	background-color: #FFF;
	background-repeat: no-repeat;
}
hr.nuDrive.open{
	border-top: 1px solid #CCC;
	margin-top: -15px;
	margin-left: -16px;
	width: 116%;
}
hr.nuDrive.close{
	display: none;
}
li.nuDrive.nuDriveSectionBody.viewList{
	width: 100%;
	position: relative;
}
li.nuDrive.nuDriveSectionBody.viewList.collapse {
  display: none;
}
li.nuDrive.nuDriveSectionBody.viewList.collapse.in {
  display: block;
}
li.nuDrive.nuDriveSectionBody.viewList.collapsing {
  position: relative;
  height: 0;
  overflow-y: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
li.nuDrive.progressBar.open{
	display: none;
}
li.nuDrive.progressBar.close{
	display: inherit;
}
.nuDriveAggregatorWarp div.btn.loading{
	border: none;
	background-size: 20px  20px;
	background-position: 50% 12px;
	height: 44px;
	padding: 0px;
	margin: 0;
	width: 100%;
	background-image: url(clientlibs/img/loading.gif);
	background-repeat: no-repeat;
	border-radius: 0;
}
div.taskButtonSquare div.taskButtonElements div.dbpTaskButtonIcon{
	height: 28px;
	width: 28px;
	padding: 0;
	background-repeat: no-repeat;
	float: left;
}

li.linkToTaskButtons.on div.taskButtonSquare div.taskButtonElements div.dbpTaskButtonIcon{
	background-image: url(clientlibs/img/ic-complete.png);
}
li.linkToTaskButtons.off div.taskButtonSquare div.taskButtonElements div.dbpTaskButtonIcon{
	background-image: url(clientlibs/img/arrow-view.svg);
}

li.linkToTaskButtons.on.currentPage div.taskButtonSquare div.taskButtonElements div.dbpTaskButtonIcon{
	background-image: url(clientlibs/img/ic-mark-complete.svg);
    background-color: #FFF;
    border-radius: 50%;
}
li.linkToTaskButtons.off.currentPage div.taskButtonSquare div.taskButtonElements div.dbpTaskButtonIcon{
	background-image: url(clientlibs/img/arrow-view-grey.svg);
    background-color: #FFF;
    border-radius: 50%;
}

li.linkToTaskButtons div.taskButtonSquare div.taskButtonElements span.dbpTaskName{
	padding-left: 36px;
	font-size: 14px;
	display: block;
  	margin-top: 5px;
}

li.linkToTaskButtons.on div.taskButtonSquare div.taskButtonElements span.dbpTaskName{
	color: #53D253;
}
li.linkToTaskButtons.off div.taskButtonSquare div.taskButtonElements span.dbpTaskName{
	color: #777;
}
li.linkToTaskButtons.on.currentPage div.taskButtonSquare div.taskButtonElements span.dbpTaskName{
	color: #777;
}
.nuDriveSectionHeader img.footer{
	float: left;
}

.sectionList .nuDriveSectionHeader h4.footer{
	display: block;
	padding: 4px 30px 0px 30px;
	color: #888;
	word-wrap: break-word;
}
.sectionList .nuDriveSectionHeader a.footer.toogleTasks{
  cursor: pointer;
  float: right;
  height: 28px;
  width: 28px;
  background-size: 28px 28px;
  padding: 0;
  background-repeat: no-repeat;
  display: inline-block;
  background-image: url(clientlibs/img/arrow-open.svg);
  position: absolute;
  top: 0px;
  right: 0px;
}

.sectionList .nuDriveSectionHeader a.footer.toogleTasks.open{
	-webkit-transform: rotate(180deg);/* Chrome and other webkit browsers */
    -moz-transform: rotate(180deg);/* FF */
    -o-transform: rotate(180deg);/* Opera */
    -ms-transform: rotate(180deg);/* IE9 */
    transform: rotate(180deg);/* W3C complaint browsers *//* IE8 and below */
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
}

div.nuDriveAggregatorWarp.widgetWrap{
	border: none;
}
div.nuDriveAggregatorWarp.widgetWrap.viewfooter div.newHeaderStyle{
	border: none;
}

div.nuDriveAggregatorWarp.widgetWrap.viewcomplete div.newHeaderStyle h3.widgetTitle{
	padding: 10px 0 10px 0px;
	text-transform: uppercase;
	font-size: 18px
}
div.nuDriveAggregatorWarp.widgetWrap.viewcomplete div.componentBody{
	border: none;
}
hr.viewfooter{
	border-color: #E0E0E0;
	border-width: 2px;
	margin-bottom: 10px;
}
div.nuDriveAggregatorWarp.widgetWrap.viewdashboard .sectionList h4{
	color: #888;
}
div.nuDriveAggregatorWarp.viewdashboard div.nuDrive.componentBody.collapse-close ul.sectionList li.center{
/* 	text-align: left; */
}
div.nuDriveAggregatorWarp.viewdashboard div.nuDrive.componentBody.collapse-close ul.sectionList li.center img.nuDrive{
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: sub;
	-webkit-transition: width 0.5s,height 0.5s;
	-moz-transition: width 0.5s,height 0.5s;
	-o-transition: width 0.5s,height 0.5s;
	transition: width 0.5s,height 0.5s;
}
div.nuDriveAggregatorWarp.viewdashboard div.nuDrive.componentBody.collapse-open ul.sectionList li.center img.nuDrive.close{
	width: 48px;
	height: 48px;
	-webkit-transition: width 0.5s,height 0.5s;
	-moz-transition: width 0.5s,height 0.5s;
	-o-transition: width 0.5s,height 0.5s;
	transition: width 0.5s,height 0.5s;
}
div.nuDriveAggregatorWarp.viewdashboard div.nuDrive.componentBody.collapse-open ul.sectionList li.center img.nuDrive.open{
	width: 0px;
	height: 0px;
	-webkit-transition: width 0.5s,height 0.5s;
	-moz-transition: width 0.5s,height 0.5s;
	-o-transition: width 0.5s,height 0.5s;
	transition: width 0.5s,height 0.5s;
}
div.nuDriveAggregatorWarp.viewdashboard div.nuDrive.componentBody.collapse-close ul.sectionList li.center h4.nuDrive.close{
	display: inline-block;
	margin-left: 5px;
	cursor: pointer;
}
div.nuDriveAggregatorWarp.viewdashboard div.nuDrive.componentBody.collapse-open ul.sectionList li.center h4.nuDrive.open{
	padding: 0px 0px 5px;
}
div.nuDriveAggregatorWarp.viewdashboard div.nuDrive.componentBody.collapse-open ul.sectionList li.center h4.nuDrive.close{
	padding: 10px 0px 5px;
}
div.nuDriveAggregatorWarp.viewdashboard div.nuDrive.componentBody.collapse-open ul.sectionList li.center div.nuDriveSubSectionHeader{
	height: auto;
	width: auto;
	display: block;
}
div.nuDriveAggregatorWarp.viewdashboard div.nuDrive.componentBody.collapse-close ul.sectionList li.center div.nuDriveSubSectionHeader{
	height: 0px;
	width: auto;
	display: block;
}
div.nuDriveAggregatorWarp.viewdashboard div.nuDrive.componentBody.collapse-close ul.sectionList li.center div.nuDriveSubSectionHeader p.nuDriveSectionSubTitle{
	opacity: 0;
	height: 0px;
  	display: block;
	-webkit-transition: opacity 0.25s,height 0.25s,min-height 0.25s;
	-moz-transition: opacity 0.25s,height 0.25s,min-height 0.25s;
	-o-transition: opacity 0.25s,height 0.25s,min-height 0.25s;
	transition: opacity 0.25s,height 0.25s,min-height 0.25s;
}
div.nuDriveAggregatorWarp.viewdashboard div.nuDrive.componentBody.collapse-open ul.sectionList li.center div.nuDriveSubSectionHeader p.nuDriveSectionSubTitle{
	opacity: 1;
	display: block;
	-webkit-transition: opacity 0.25s,height 0.25s,min-height 0.25s;
	-moz-transition: opacity 0.25s,height 0.25s,min-height 0.25s;
	-o-transition: opacity 0.25s,height 0.25s,min-height 0.25s;
	transition: opacity 0.25s,height 0.25s,min-height 0.25s;
}
div.nuDriveAggregatorWarp.viewdashboard div.nuDrive.componentBody.collapse-open ul.sectionList li.center div.nuDriveSubSectionHeader a.nuDrive.dashboardView.btn.toogleTasks.close{
	opacity: 1;
	height: auto;
	min-height: 41px;
	width: auto;
	max-width: 100%;
	display: inline-block;
	-webkit-transition: opacity 0.35s,height 0.35s;
	-moz-transition: opacity 0.35s,height 0.35s;
	-o-transition: opacity 0.35s,height 0.35s;
	transition: opacity 0.35s,height 0.35s;
    word-wrap: break-word;
    white-space: normal;
    word-break: break-word;
    -ms-word-wrap: break-word;
    padding: 10px 22px 10px 10px;
}
div.nuDriveAggregatorWarp.viewdashboard div.nuDrive.componentBody.collapse-close ul.sectionList li.center div.nuDriveSubSectionHeader a.nuDrive.dashboardView.btn.toogleTasks.close{
	opacity: 0;
	height: 0px;
	width: auto;
	padding: 0px 22px;
    display:inline-block;
	/*-webkit-transition: opacity 0.35s,height 0.35s;
	-moz-transition: opacity 0.35s,height 0.35s;
	-o-transition: opacity 0.35s,height 0.35s;
	transition: opacity 0.35s,height 0.35s;*/
}
div.nuDriveAggregatorWarp.viewdashboard div.nuDrive.componentBody.collapse-close ul.sectionList {
	min-height: 0px!important;
	cursor: pointer;
}

div.nuDriveAggregatorWarp.widgetWrap.viewfooter div.ns-card.nuDriveSectionContainer{
  max-width: 99.5%!important;
}
div.popover.dbp-popover{
	background-color: #53D253;
}
.popover.dbp-popover .arrow:after {
  border-top-color: #53D253 !important;
}

.popover.dbp-popover .arrow {
  border-top-color: #A3A3A3 !important;
}

.popover.bottom.dbp-popover .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #53D253;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom.dbp-popover .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #53D253;
}

.popover.dbp-popover div.popover-inner a.btn{
    display: block;
    background-size: 28px 28px;
    height: 30px;
    width: 35px;
}
div.popover{
	width: inherit;
}
div.dbp-task-popover-content{
	 color: #FAFAE9;
}
div.dbp-task-popover-content > span{
	text-transform: uppercase;
    font-size: 18px;
}
div.dbp-task-popover-content span{
	display: inline-block;
}
div.popover span.dbp-task-popover-content-message{

    font-weight: 400;
    font-size :inherit;
}
span.dbp-task-popover-content-message > span{
	text-decoration: underline;
	    cursor: pointer;
}
div.nuDriveSectionContainer.open div.nuDriveSubSectionHeader p.nuDriveSectionSubTitle{
	min-height: 0px!important;
	-webkit-transition: min-height 0.25s;
	-moz-transition: min-height 0.25s;
	-o-transition: min-height 0.25s;
	transition: min-height 0.25s;
}

body div[id^='ndwvPageContainer'] div.ndwvDivButton span.left-blue-arrow {
    background-image: url(clientlibs/img/icon-arrow-blue-left.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 19px 19px;
    cursor: pointer;
    border: none;
    padding: 10px;
    margin: 8px 5px 0px 0px;
    display : inline !important;
}
body div[id^='ndwvPageContainer'] div.ndwvDivButton span.right-white-arrow-text:HOVER,
body div[id^='ndwvPageContainer'] div.ndwvDivButton span.right-white-arrow-text{
	color: #008AB0;
}
body div[id^='ndwvPageContainer'] div.ndwvDivButton span.right-white-arrow {
    background-image: url(clientlibs/img/icon-arrow-white-right.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 19px 19px;
    cursor: pointer;
    border: none;
    padding: 10px !important;
    margin: 8px 5px 0px 0px;
}


/************************************************  HEBREW  *********************************************************/

body.iw_IL hr.nuDrive.open{
    margin-right: -16px;
}
body.iw_IL div.taskButtonSquare div.taskButtonElements div.dbpTaskButtonIcon{
	float: right;
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
}
body.iw_IL li.linkToTaskButtons div.taskButtonSquare div.taskButtonElements span.dbpTaskName{
	padding-right: 36px;
	padding-left: 0px;
}

body.iw_IL .sectionList div.nuDriveSectionContainer li.progressBar span{
	float: left;
}
body.iw_IL .sectionList div.nuDriveSectionContainer li.progressBar progress{
	float: right;
}

@media (max-height: 680px) {	
	div.ndwvDivPage div[id^='ndwvFirstPage']{
		width: 120vh !important;
	}
}

.bs-modal-open{
	overflow:hidden;
}

/**************************************  MY WHY QUIZ COMPONENT  ************************************************/

.myWhyQuiz-modal-open {
	overflow: hidden;
    position: fixed;
    display: block;
    width: 100%;
}

div.myWhyQuiz div.btn.loading{
    border: none;
    background-size: 20px 20px;
    background-position: 50% 12px;
    height: 44px;
    padding: 0px;
    margin: 0;
    width: 100%;
    background-image: url(clientlibs/img/loading.gif);
    background-repeat: no-repeat;
    border-radius: 0;
}

div.myWhyQuiz div.myWhyQuizContainer hr {
    border-color: #DDD;
    border-top-width: 6px;
}

div.myWhyQuiz  div.navigateToLinkContainer {
	width: 100%;
	margin: 30px auto;
	text-align: center;
}

div.myWhyQuiz  div.navigateToLinkContainer a.navigateToLink {
	padding: 15px;
	background-color: #008AB0;
	color: #FFF;
	display: inline-block !important;
	border-radius: 6px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
}

div.myWhyQuiz div.navigateToLinkContainer a.navigateToLink:hover {
	text-decoration: none;
}

div.myWhyQuiz div.modal.iframeContainerPopup a.backLinkPopup {
	display: block !important;
	position: absolute;
	top: 1%;
	right: 1%;
	z-index: 9999;
	width: 40px;
	height: 40px;
}

div.myWhyQuiz div.modal.iframeContainerPopup span.btnClose {
	background-image:
		url(clientlibs/img/btn-close.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 20px 20px;
	cursor: pointer;
	border: none;
	/* padding: 10px; */
	/* background-color: #FFF; */
	border-radius: 50%;
	height: 40px;
	width: 40px;
	position: absolute;
}

div.myWhyQuiz div.modal.iframeContainerPopup div.modal-dialog.modal-lm {
	width: 100% !important;
	margin: 0px;
}

div.myWhyQuiz div.modal.iframeContainerPopup .iframeDiv {
	height: 0%;
	overflow: hidden;
	position: relative;
	padding-bottom: 94vh;
	border-radius: 6px;
	-webkit-overflow-scrolling: touch;
}	
	
@media (max-width: 660px) {
	div.myWhyQuiz div.modal.iframeContainerPopup .iframeDiv {
	  	overflow-y: scroll;
	}
}

div.myWhyQuiz div.modal.iframeContainerPopup .iframeDiv iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100%;
}

div.myWhyQuiz div.modal.iframeContainerPopup .modal-body {
	padding: 0px;
}

div.myWhyQuiz .modalTitle {
	color: #666;
	text-transform: uppercase;
	margin: 15px 10px 10px 15px;
}

div.myWhyQuiz .modal-body {
	color: #666;
	/* text-align: center; */
	padding: 0px 20px 20px;
}

div.myWhyQuiz div.iframeWarningPopup button.btn-danger {
	-webkit-box-shadow: 0px 1px 0px 0px #d9534f;
	box-shadow: 0px 1px 0px 0px #d9534f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #E85954
		), color-stop(1, #d43f3a));
	background: -moz-linear-gradient(center top, #E85954 5%, #d43f3a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E85954',
		endColorstr='#d43f3a');
	background-color: #E85954;
	padding: 6px 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #d43f3a;
	color: #FFF;
	margin: 0px;
}

div.myWhyQuiz button.btn-info {
    background-color: #008AB0;
    padding: 6px 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #008AB0;
    color: #FFF;
    margin: 0px;
}

div.myWhyQuiz div.iframeWarningPopup button.btn-danger:hover {
	opacity: 0.8;
}

div.myWhyQuiz .buttonGroup {
	padding: 0 15px 15px;
	text-align: right;
}

div.myWhyQuiz div.myWhyQuizContainer h1.myWhyQuizEditionTitle{
    text-transform: capitalize;
}

div.myWhyQuiz div.myWhyQuizContainer div.myWhyQuizEditionDescription{
    padding-bottom: 20px;
}

div.myWhyQuiz hr.iframeComponentSeparator{
    padding-bottom: 15px;
}

div.myWhyQuiz div.myWhyQuizEditionContainer div.myWhyQuizEditionButtonContainer {
    width: 90%;
    display: block;
    text-align: right;
    margin: 20px auto;
}
div.myWhyQuiz div.myWhyQuizEditionContainer div.myWhyQuizEditionButtonContainer a.linkCancelMyWhy{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}
div.myWhyQuiz div.myWhyQuizEditionContainer div.myWhyQuizEditionButtonContainer a.linkCancelMyWhy.disabled{
	color: #CCC;
    font-style: italic;
}
div.myWhyQuiz div.myWhyQuizEditionContainer div.myWhyQuizEditionButtonContainer a.linkCancelMyWhy.disabled:hover{
	color: #CCC;
    text-decoration: none;
    cursor: not-allowed;
}
div.myWhyQuiz div.myWhyQuizEditionContainer div.myWhyQuizEditionButtonContainer button[disabled]{
    cursor: not-allowed;
}
div.myWhyQuiz div.myWhyQuizEditionContainer span.charcounter {
    color: #AAA;
    font-style: italic;
    display: block;
    text-align: right;
    padding-right: 2px;
    width: 90%;
    margin: 0px auto;
}
div.myWhyQuiz div.myWhyQuizEditionContainer span.inlineEditionMyWhyError {
	width: 90%;
    display: block;
    color: #F00;
    margin: 0px auto;
    font-style: italic;
    font-size: 12px;
}
div.myWhyQuiz div.myWhyQuizEditionContainer{
	position: relative;
}
div.myWhyQuiz div.myWhyQuizEditionContainer div.myWhyLoadingOverlay{
    position: absolute;
    width: 100%;
    color: #000000;
    background: #000;
    z-index: 100;
    opacity:0.3;
    border-radius: 10px;
    background-image: url(clientlibs/img/bigLoading.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    top: -10px;
}
div.myWhyQuiz div.myWhyQuizEditionContainer textarea.inlineEditionMyWhyQuiz {
    width: 90%;
    margin: 0px auto;
    border-color: #DDD;
    border-radius: 5px;
    resize: none;
    display: block;
    padding: 15px;
    line-height: 1.8;
    color: #666;
}
div.myWhyQuiz div.myWhyQuizEditionContainer textarea.inlineEditionMyWhyQuiz::-webkit-input-placeholder {
	font-style: italic;
    opacity: 0.6;
}
div.myWhyQuiz div.myWhyQuizEditionContainer textarea.inlineEditionMyWhyQuiz::-moz-placeholder {
	font-style: italic;
    opacity: 0.6;
}
div.myWhyQuiz div.myWhyQuizEditionContainer textarea.inlineEditionMyWhyQuiz:-ms-input-placeholder {
	font-style: italic;
    opacity: 0.6;
}

/************************************** DREAM BOARD COMPONENT ************************************************/

div.myDbpDreamBoard div.navigateToLinkContainer {
	width: 100%;
	margin: 30px auto;
	text-align: center;
}

div.myDbpDreamBoard div.navigateToLinkContainer a.navigateToLink {
	padding: 15px;
	background-color: #008AB0;
	color: #FFF;
	display: inline-block !important;
	border-radius: 6px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
}

div.myDbpDreamBoard div.navigateToLinkContainer a.navigateToLink:hover {
	text-decoration: none;
}

div.myDbpDreamBoard div.iframeContainerPopup .iframeDiv {
	height: 0%;
	overflow: hidden;
	position: relative;
	padding-bottom: 94vh;
	border-radius: 6px;
}

div.myDbpDreamBoard div.iframeContainerPopup .iframeDiv iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100%;
}

div.myDbpDreamBoard div.iframeContainerPopup a.backLinkPopup {
	display: block !important;
	position: absolute;
	top: 10px;
	right: 40px;
	z-index: 9999;
}

div.myDbpDreamBoard div.iframeContainerPopup a.backLinkPopup span.btnClose {
	background-image:
		url(clientlibs/img/btn-close.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 20px 20px;
	cursor: pointer;
	border: none;
	padding: 10px;
	background-color: #FFF;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	position: absolute;
}

div.myDbpDreamBoard div.iframeContainerPopup div.modal-dialog.modal-lm {
	width: 100% !important;
	margin: 0px;
}

div.myDbpDreamBoard div.iframeContainerPopup .modal-body {
	padding: 0px;
}

div.myDbpDreamBoard div.iframeWarningPopup .modalTitle {
	color: #666;
	text-transform: uppercase;
	margin: 15px 10px 10px 15px;
}

div.myDbpDreamBoard div.iframeWarningPopup .modal-body {
	color: #666;
	text-align: center;
	padding: 0px 20px 20px;
}

div.myDbpDreamBoard div.iframeWarningPopup .buttonGroup button.btn-danger {
	-webkit-box-shadow: 0px 1px 0px 0px #d9534f;
	box-shadow: 0px 1px 0px 0px #d9534f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #E85954
		), color-stop(1, #d43f3a));
	background: -moz-linear-gradient(center top, #E85954 5%, #d43f3a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E85954',
		endColorstr='#d43f3a');
	background-color: #E85954;
	padding: 6px 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #d43f3a;
	color: #FFF;
	margin: 0px;
}

div.myDbpDreamBoard div.iframeWarningPopup .buttonGroup button.btn-danger:hover {
	opacity: 0.8;
}

div.myDbpDreamBoard div.iframeWarningPopup .buttonGroup {
	padding: 0 15px 15px;
	text-align: right;
}

div.myDbpDreamBoard hr.iframeComponentSeparator{
    padding-bottom: 15px;
}

/**************************************  GENERIC IFRAME ON MODAL COMPONENT  ************************************************/

.ebizIframeOnModal-open {
	overflow: hidden;
    position: fixed;
    display: block;
    width: 100%;
}

div.ebizIframeOnModal  div.navigateToLinkContainer {
	width: 100%;
	margin: 30px auto;
	text-align: center;
}

div.ebizIframeOnModal  div.navigateToLinkContainer a.navigateToLink {
	padding: 15px;
	background-color: #008AB0;
	color: #FFF;
	display: inline-block !important;
	border-radius: 6px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
}

div.ebizIframeOnModal div.navigateToLinkContainer a.navigateToLink:hover {
	text-decoration: none;
}

div.ebizIframeOnModal div.modal.iframeContainerPopup a.backLinkPopup {
	display: block !important;
	position: absolute;
	top: 10px;
	right: 40px;
	z-index: 9999;
	width: 20px;
	height: 20px;
}

div.ebizIframeOnModal div.modal.iframeContainerPopup span.btnClose {
	background-image:
		url(clientlibs/img/btn-close.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 20px 20px;
	cursor: pointer;
	border: none;
	padding: 10px;
	background-color: #FFF;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	position: absolute;
}

div.ebizIframeOnModal div.modal.iframeContainerPopup div.modal-dialog.modal-lm {
	width: 100% !important;
	margin: 0px;
}

div.ebizIframeOnModal div.modal.iframeContainerPopup .iframeDiv {
	height: 0%;
	overflow: hidden;
	position: relative;
	padding-bottom: 94vh;
	border-radius: 6px;
}

div.ebizIframeOnModal div.modal.iframeContainerPopup .iframeDiv iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100%;
}

div.ebizIframeOnModal div.modal.iframeContainerPopup .modal-body {
	padding: 0px;
}

div.ebizIframeOnModal div.iframeWarningPopup .modalTitle {
	color: #666;
	text-transform: uppercase;
	margin: 15px 10px 10px 15px;
}

div.ebizIframeOnModal div.iframeWarningPopup .modal-body {
	color: #666;
	text-align: center;
	padding: 0px 20px 20px;
}

div.ebizIframeOnModal div.iframeWarningPopup button.btn-danger {
	-webkit-box-shadow: 0px 1px 0px 0px #d9534f;
	box-shadow: 0px 1px 0px 0px #d9534f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #E85954
		), color-stop(1, #d43f3a));
	background: -moz-linear-gradient(center top, #E85954 5%, #d43f3a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E85954',
		endColorstr='#d43f3a');
	background-color: #E85954;
	padding: 6px 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #d43f3a;
	color: #FFF;
	margin: 0px;
}

div.ebizIframeOnModal div.iframeWarningPopup button.btn-danger:hover {
	opacity: 0.8;
}

div.ebizIframeOnModal div.iframeWarningPopup .buttonGroup {
	padding: 0 15px 15px;
	text-align: right;
}

div.ebizIframeOnModal hr.iframeComponentSeparator{
    padding-bottom: 15px;
}