/* DNN OVERRULE */

.aspNetDisabled, a.aspNetDisabled, .dnnDisabled, a.dnnDisabled { cursor:default;}
.RadTreeView_Metro_disabled .rtIn, .RadTreeView_Metro .rtDisabled .rtIn { color:#000000 !important; text-decoration:none !important;}
.RadTreeView .rtDisabled  {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.RadTreeView .rtDisabled .rtIn:hover { color:inherit !important; text-decoration: underline !important;}

/* MAIN */


html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#Body {
	background: #8a8a8a url(Images/bg2.png) repeat-x left top;
	font: 13px/21px Arial, sans-serif;
	color: #333;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	color:#333333;
}

#dnn_ContentPane.modulePane {-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75); box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);}

.sccTable a { color:#333333; text-decoration:underline; }
.sccTable a:hover { color:#990000;}

.aspNetDisabled {}
.aspNetDisabled, a.aspNetDisabled, .dnnDisabled, a.dnnDisabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

ul li, ul li li, ul li li li { list-style:none;}

.fancybox-iframe #Body { background:none;}

.dnnActionMenu { display:none;}



.container h1, .container h2, .container h3, .container h4, .container h5, .container h6 {
	color: #181818;
	font-weight: bold; }
.container h1 a, .container h2 a, .container h3 a, .container h4 a, .container h5 a, .container h6 a { font-weight: inherit; }
.container h1 { font-size: 22px; line-height: 22px; margin-bottom: 14px;}
.container h2 { font-size: 18px; line-height: 28px; margin-bottom: 10px; }
.container h3 { font-size: 14px; line-height: 21px; margin-bottom: 8px; }
.container h4 { font-size: 14px; line-height: 21px; margin-bottom: 4px; }
.container h5 { font-size: 14px; line-height: 21px; }
.container h6 { font-size: 14px; line-height: 21px; }
.container .subheader { color: #777; }

.container hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

.clear {clear:both;}

b, strong { font-weight:bold !important;}

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

tfoot, thead { color:#333333;}
table th { text-align:left;}

/*===============================
	INFOBOX
=================================*/

.infobox { padding: 20px; background:#ffffff; border-bottom:1px solid #9D9D9D;}
.infobox .fa { font-size:30px; vertical-align:middle; margin-right: 5px; color:#009de0;}

/*===============================
	SCC ACTIVITY CONFIGURATOR
=================================*/

.container {
	width: 960px;
	margin: 0 auto;
}

.lightbox.container {
	width: 100%;
	margin: 0;
}

.header {
	height: 100px;
}

.logo a{
	background:url(Images/12Quote_logo2.png) left top no-repeat;
	margin-top: 20px;
	display: block;
	width: 79px;
	height: 57px;
	float: left;
}

.content {
	padding: 20px;
	background-color: #FFF;
}

.contentTop{
	min-height: 50px;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;	
}
.contentTop h1{
	color: #FFF; 
	text-shadow:1px 1px 1px #333333; 
	padding: 14px 0 0 20px;	
	float:left;
	margin-bottom: 0px;
}

.blueLine {
/*	
	SCC Portal
	background: #009de0;
	background: -moz-linear-gradient(top,  #009de0 0%, #0083bb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009de0), color-stop(100%,#0083bb));
	background: -webkit-linear-gradient(top,  #009de0 0%,#0083bb 100%);
	background: -o-linear-gradient(top,  #009de0 0%,#0083bb 100%);
	background: -ms-linear-gradient(top,  #009de0 0%,#0083bb 100%);
	background: linear-gradient(to bottom,  #009de0 0%,#0083bb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009de0', endColorstr='#0083bb',GradientType=0 );*/ 
	background: #d92447; /* Old browsers */
	background: -moz-linear-gradient(top,  #d92447 0%, #a81d39 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d92447), color-stop(100%,#a81d39)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d92447 0%,#a81d39 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d92447 0%,#a81d39 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d92447 0%,#a81d39 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d92447 0%,#a81d39 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d92447', endColorstr='#a81d39',GradientType=0 ); /* IE6-9 */
}

.greenLine {
	background: #77B31E;
	background: -moz-linear-gradient(top,  #A4E527 0%, #77B31E 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A4E527), color-stop(100%,#77B31E));
	background: -webkit-linear-gradient(top,  #A4E527 0%,#77B31E 100%);
	background: -o-linear-gradient(top,  #A4E527 0%,#77B31E 100%);
	background: -ms-linear-gradient(top,  #A4E527 0%,#77B31E 100%);
	background: linear-gradient(to bottom,  #A4E527 0%,#77B31E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A4E527', endColorstr='#77B31E',GradientType=0 );	
}

.grey {
	background: #B5B5B5;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #B5B5B5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#B5B5B5));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#B5B5B5 100%);
	background: -o-linear-gradient(top,  #eeeeee 0%,#B5B5B5 100%);
	background: -ms-linear-gradient(top,  #eeeeee 0%,#B5B5B5 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#B5B5B5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#B5B5B5',GradientType=0 );	
}

.bg {
	background: #f9f9f9;
	background: -moz-linear-gradient(left,  #f9f9f9 0%, #c9c9c9 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f9f9f9), color-stop(100%,#c9c9c9));
	background: -webkit-linear-gradient(left,  #f9f9f9 0%,#c9c9c9 100%);
	background: -o-linear-gradient(left,  #f9f9f9 0%,#c9c9c9 100%);
	background: -ms-linear-gradient(left,  #f9f9f9 0%,#c9c9c9 100%);
	background: linear-gradient(to right,  #f9f9f9 0%,#c9c9c9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#c9c9c9',GradientType=1 );	
}

.radius {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

a.btn + a.btn { margin-right:10px;}

a.btn {
	padding: 8px 20px;
	color: #ffffff;
	box-shadow: 0 1px 2px -1px #000000, 0px 1px 1px rgba(255,255,255,0.5) inset;
	font-weight:bold;
	/*display: block;
	float: left;*/
   display:inline-block;
	text-decoration:none;
}
a.btn:hover { color:#ffffff;}
a.btn:active {box-shadow:none;}
a.btn.blueLine {border: 1px solid #a81d39; text-shadow:1px 1px 1px #333333;}
a.btn.greenLine {border: 1px solid #508719;	text-shadow:1px 1px 1px #3F6606;}

a.btn:hover{text-decoration: none;}
a.btn.blueLine:active{background:#a81d39;}
a.btn.greenLine:active{background:#77B31E;}

.riTextBox , .container input[type="text"], .container input[type="password"], .container input[type="email"], .container input[type="number"], .container textarea, .container select,
.loginPane input[type="text"], .loginPane input[type="password"] {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #999999 !important;
    border-radius: 3px;
    box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2) inset;
    color: #777777 !important;
    outline: medium none;
    padding: 6px 4px !important;
	 font-family: Arial, Helvetica, sans-serif !important;
	 font-size:13px !important;
}

.container input[type="text"]:focus,
.container input[type="password"]:focus,
.container input[type="email"]:focus,
.container textarea:focus,
.container input[type="number"]:focus,
.loginPane input[type="text"]:focus, .loginPane input[type="password"]:focus {
	border: 1px solid #009EE0 !important;
	color: #444 !important;
	box-shadow: none;
	-moz-box-shadow: 0 0 3px rgba(0,158,224,.3); 
	-webkit-box-shadow: 0 0 3px rgba(0,158,224,.3);
	box-shadow:  0 0 3px rgba(0,158,224,.3); 
}

.boxShadow {box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);}
a.btn.right{float:right;}

#userlogged { text-align:right; color:#333333; line-height:2; font-size: 1rem; font-size:11px; margin-bottom: 2px;}
#userlogged a { color:#333333;}

.table_row2 .aspNetDisabled {cursor: default;}

table.tableCol .currentLogo { text-align:right;}
table.tableCol .currentLogo img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/*===============================
	SCC MODULE
=================================*/

.moduleContent {
	background: #EFEFEF;
	padding: 20px;
}


.btOverview {float:right; margin-top: 8px;}
.btButton {float:right; margin: 6px 10px 0 0;}
.btImg {
	background: url(Images/btOverview.png);
	width:34px;
	height:34px;
	margin-right: 10px;
	float: left;
}
.btText {color: #FFFFFF;font-size: 16px;font-weight: bold;line-height: 34px;margin-right: 20px;text-shadow: 1px 1px 1px #333333;}
.btOverview a:hover {text-decoration: none; }
.btOverview a:active .btText{position: relative; top: 1px;left:1px;}

.moduleFooter {
	background: #EFEFEF;
	border-top: 1px solid #9D9D9D;
	padding: 20px;
	margin-bottom:20px;
	border-radius:0 0 3px 3px;
}

.moduleContent b{
	font-weight: bold;
	color: #004977;
}

.moduleContent input[type="number"] {max-width: 60px;}
.devider {height:40px;}
/* TWO COLUMN - FULL WIDTH */

.moduleContent .twoCol,
.moduleContent .oneCol {table-layout: fixed;}
.moduleContent .twoCol.top {margin-bottom:20px;}

.moduleContent .twoCol .label, .moduleContent .twoCol .label {width: 18%;}
.moduleContent .twoCol .table_row,
.moduleContent .twoCol .table_row2,
.moduleContent .oneCol .table_row,
.moduleContent .tableCol .table_row {
	padding-bottom: 10px;
	position: relative;
}

.moduleContent .twoCol .textEditor td { vertical-align: top; }
.moduleContent .twoCol input[type="text"],
.moduleContent .twoCol input[type="password"],
.moduleContent .twoCol select {
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.moduleContent .twoCol .table_row,
.moduleContent .twoCol .table_row2 {width: 22%;}
.moduleContent .twoCol .label2 {padding-left: 20%;}

.moduleContent.ActivityConfigurationActivity .twoCol .label2 { padding-left:60px;}
.moduleContent.ActivityConfigurationActivity .twoCol .table_row {width: 35%;}

.moduleContent.ActivityConfigurationActivity .table_row .selectboxit-container .selectboxit { width: 320px; }

/* BROWSE FILE */

.moduleContent input.fakeField[type="text"] {width: 60%;}
.moduleContent .styledFileupload {visibility:hidden; width: 20px !important; position: absolute;}

a.btn.upload {padding: 3px 6px; cursor: pointer;}

/* ONE COLUMN - FULL WIDTH */

.moduleContent .oneCol .label {width: 18%;}
.moduleContent .oneCol input[type="text"],
.moduleContent .oneCol input[type="password"],
.moduleContent .oneCol select {
	width: 26.83%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;         	
}


/* RTF MODULE - Beheer */

.moduleContent .rtfContainer .dnnForm{margin: 0px;}
.moduleContent .rtfContainer .dnnForm .dnnFormItem{padding: 0px;}

/* Categorieën ContentTop */

.contentTop select{
	margin: 10px 20px 0 0;
	float: right;
	width: 160px;
	border: 1px solid #004977;
} 

.tableCol {
	float: left;
	width: 40%;
}

.tableCol .label {width: 45%;}
.tableCol .table_row {width: 55%;}
.tableCol .table_row input {
	width: 100%; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box; 
}

.tableCol .table_row input {
	width: 100%; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box; 
}


tr.optional {border-bottom: 1px solid #DDD; font-weight: bold;}
tr.optional td {height: 34px;}


td.textEditor .dnnForm {width: 100%; margin: 0;}
td.textEditor .dnnForm .dnnFormItem {padding: 0;}

.table_row div,
.table_row2 div {position: relative;}

.litDuration {bottom: 10px;}

.NormalRed {
    background: none repeat scroll 0 0 rgba(255, 0, 0, 0.75);
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    margin-bottom: 0;
    overflow: visible;
    padding: 4px 10px;
    position: absolute;
    left: -10px;
	bottom: 33px;
    text-align: left;	
}


.NormalRed:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid red;
    bottom: -7px;
    content: "";
    height: 0;
    left: 25px;
    opacity: 0.75;
    position: absolute;
    width: 0;
}

/*===============================
	SCC ACTIVITY SELECT
=================================*/

#selCategory {
	font-size: 14px;
	font-weight: bold;
	margin-left: 20px;
	color: #FFF;
	float: left;
	position: relative;
}

#selCategory .left {background: url(Images/activityleft.gif) no-repeat; height: 32px; width: 5px; float: left;}
#selCategory .mid {	
	background: url(Images/activitybg.gif) repeat-x #009EE0;
	padding: 5px 14px 0;
	height: 27px; 
	float: left;}
#selCategory .right {background: url(Images/activityright.png) no-repeat; height: 32px; width: 21px; float: left;}
/*
#selCategory:hover {background-color: #004977;}
#selCategory:hover:after { border-left-color: #004977; }

#selCategory:after{
  border-right: 8px solid #009EE0;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;  
    border-bottom: 16px solid transparent;
    border-left: 16px solid #009EE0;
    border-top: 16px solid transparent;  
	content: "";
    position: absolute;
    right: -16px;
	top: 0px;
}
*/

.activityTop {padding: 20px; background: #EFEFEF;}
.activityTop .selectboxit-container {float: left;}

.activity {background:#EFEFEF; }
.activity ul li {list-style-type: none;}

.activity #accordion li {display: block;}

.activity ul li .ui-accordion-header {float: left;width: 20%; cursor: pointer; font-weight: bold;}
.activity ul li .ui-accordion-header-active {}

.activity ul li .sub {float: left; margin-left:40px;}



/* ACTIVITEITEN SELECTIE */

.activity #accordion > li:nth-child(even) {background: #DDDDDD;}

#accordion .categorie .name {padding: 9px 50px 9px 20px;}
#accordion .categorie {position: relative; color:#222;}
#accordion .categorie span {	
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	top: 16px;
	right: 8px;
}
#accordion .categorie .downArrow {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #4C4C4C;	
}
#accordion .categorie .rightArrow {
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	border-left: 5px solid #4C4C4C;	
	top: 13px;
	right: 10px;		
}

#accordion .row {position: relative;}

/* ACTIVITEITEN CONTENTTABLE */
.activityTable {width:80%;}
.activityTable td{height: 40px; vertical-align:middle; font-size: 12px;}

.activityTable td.name {width: 30%;}
.activityTable td.select {width: 10%; text-align: center;}
.activityTable td.choice {width: 15%;}
.activityTable td.field {width: 7.5%;}
.activityTable td.field2 {width: 10%;}
.activityTable td.noScc {width: 27.5%;}
.activityTable td.price {width: 17.5%;}

.activityTable td input {max-width: 40px;}

.activityTable td.name {padding-left: 40px; line-height: normal;}

/* ACTIVITEITEN TOP */
.activity .top{background:#4C4C4C;}
.activity .top table {width: 100%;}
.activity .top table td{height: 40px; vertical-align:middle;font-weight: bold;color: #FFF; font-size: 12px;}

.activity .top table td.selectAll {width: 44%; padding-left: 16px;}
.activity .top table td.selectAll label {margin-left: 8px; cursor: pointer;}
.activity .top table td.select {width: 8%; text-align: center;}
.activity .top table td.choice {width: 12%;}
.activity .top table td.field {width: 6%;}
.activity .top table td.field2 {width: 8%;}
.activity .top table td.noScc {width: 22%;}
.activity .top table td.price {width: 14%;}

/* ACTIVITEITEN TOOLTIP */

.infobtnWhite,
.addbtnWhite,
.addbtnLight,
.addbtnDark,
.minbtnLight,
.minbtnDark,
.infobtnLight,
.infobtnLight2,
.infobtnDark,
.infobtnDark2 {
	height: 16px;
	width: 16px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	border-radius: 3px;
	cursor: pointer;
	display:inline-block;
}
.infobtnLight {
	background: url(Images/InfobtnLight.png) no-repeat top left #a81d39; 
	border: 1px solid #a81d39;	 
	float: left;
	position: relative;
	top: 7px;
	left: 10px;	 
}

.infobtnLight2 {
	display:inline-block;
	background: url(Images/InfobtnLight.png) no-repeat top left #a81d39; 
	border: 1px solid #a81d39;
	vertical-align:text-bottom;
	margin-right:5px;
}

.infobtnDark {
	background: url(Images/InfobtnDark.png) no-repeat top left #840101; 
	border: 1px solid #840101;
	border-radius: 3px;
	cursor: pointer;
    position: absolute;
    left: 146px;
    top: 11px;
	z-index:999;
}

.infobtnDark2 {
	background: url(Images/InfobtnDark.png) no-repeat top left #840101; 
	border: 1px solid #840101;
	border-radius: 3px;
	cursor: pointer;
	float: left;
	position: relative;
	top: 1px;	
	margin-right: 10px; 
   margin-left: -30px;
}

.addbtnLight {
	background: url(Images/AddbtnLight.png) no-repeat top left #009ee0; 
	border: 1px solid #840101;	 
}

.addbtnDark {
	background: url(Images/AddbtnDark.png) no-repeat top left #005477; 
	border: 1px solid #660000;
	border-radius: 3px;
}

.minbtnLight {
	background: url(Images/MinbtnLight.png) no-repeat top left #009ee0; 
	border: 1px solid #840101;	 
}

.minbtnDark {
	background: url(Images/MinbtnDark.png) no-repeat top left #005477; 
	border: 1px solid #660000;
	border-radius: 3px;
}

.infobtnWhite {
	background: url(Images/InfobtnWhite.png) no-repeat top left;
	vertical-align:middle;
}

.infobtnWhite:hover, .addbtnWhite:hover, .addbtnLight:hover, .addbtnDark:hover, .minbtnLight:hover, .minbtnDark:hover, .infobtnLight:hover, .infobtnLight2:hover, .infobtnDark:hover, .infobtnDark2:hover {opacity: 1; filter: alpha(opacity=100);}




/*===============================
	SCC OFFERTE GENEREREN
=================================*/

.moduleContent .threeCol {table-layout: fixed;}
.moduleContent .threeCol td{width: 16.6667%; padding-bottom: 10px; vertical-align:middle;}
.moduleContent .threeCol td input{max-width: 100%;}

.moduleContent .threeCol td.label2 span,
.moduleContent .threeCol td.label3 span,
.moduleContent .threeCol td.label2 p {padding-left: 20px;}

.moduleContent .threeCol .selectboxit-container, .moduleContent .threeCol .selectboxit-container .selectboxit {}

.generate p {line-height: normal;}
.generate .explanation {float: right;margin-top: 10px;}
.generate .notification {float: left;margin-top: 12px; width: 70%; color: Red;}

.moduleFooterTop {
	background: #EFEFEF;
	border-top: 1px solid #9D9D9D;
	padding: 20px;
}

.moduleContent .threeCol td.litDays {white-space: nowrap;}
.moduleContent .threeCol td.litDays input, .moduleContent .threeCol td.DeliveryDate input { max-width:85%;}
.moduleContent .threeCol td.litTotalDiscount input { max-width:35%;}


/*===============================
	SCC TABLE
=================================*/

.sccTable {background: #EFEFEF;}
.sccTable table {width: 100%; font-size: 12px;}
.sccTable table td{padding: 5px;}
.sccTable table td.first {padding: 5px 5px 5px 20px;}
.sccTable table td.colSortRate { width:50px;}
.sccTable table td.last {padding: 5px 20px 5px 5px; width: 70px; text-align:right;}
.sccTable table thead td {white-space:nowrap;}
.sccTable table thead td .icon { margin-left: 5px; margin-top:-1px;}

.sccTable table thead tr {
	background: #4C4C4C;
	color: #FFF;
	box-shadow: 0 4px 3px -3px rgba(0,0,0,0.6) inset;
	font-weight: bold;
}
.sccTable table thead tr td a {
	color: #FFF;
	text-decoration:none;
}

.sccTable table thead tr td a:hover { text-decoration:underline; color:#ffffff;}

.sccTable table tr.alternate {
	background: #DDDDDD/*original #D5DCE0*/;
}

.sccTable table tbody tr:hover {background:#999; color: #FFF;}

.sccTable a.action{
    background: url("images/btns.png") no-repeat;
    display: block;
    height: 14px;
	width: 14px;
    text-indent: -9999px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.sccTable a.view:hover {background-position: 0px -14px;}
.sccTable a.view {background-position: 0px 0px;}
.sccTable a.view.center { vertical-align:text-top;}

.sccTable a.download:hover {background-position: -14px -14px;}
.sccTable a.download {background-position: -14px 0px;}

.sccTable a.edit:hover {background-position: -28px -14px;}
.sccTable a.edit {background-position: -28px 0px;}

.sccTable a.delete:hover {background-position: -42px -14px;}
.sccTable a.delete {background-position: -42px 0px;}

.sccTable.viewOffset td.col1 { width: 290px;}
.sccTable.viewOffset td.col2, .sccTable.viewOffset td.col3 { width: 160px;}

.tdLblMargin .infobtnLight { float: none; top:4px; left:5px; }

/*===============================
	SCC ACCORDION
=================================*/

.accordion {}
.accordion. ul, .accordion li, .accordion ul li li {margin:0; padding:0; list-style:none;}
.accordion > .row { padding: 0 15px;}
.accordion > li.row:nth-child(even) {background: #DDDDDD;}
.accordion .ac-header { line-height:40px;}
.accordion li.item {line-height: 40px;}
.accordion li.item > div { display:inline-block;}
.accordion .outer { display:none; }
.accordion .outer .inner {}
.accordion .outer .outer {}
.accordion .outer .outer .inner {}
.accordion .ac-open, .accordion .ac-open .outer { display:block;}
.accordion ul ul.ac-l2 { border-top:1px solid #aaa; border-bottom:1px solid #cccccc;}
.accordion .col1 { width:300px;}
.accordion .outer .outer .item { padding-left: 15px ;}
.accordion .icon { display: inline-block;  vertical-align:middle; margin-right: 5px;}
.accordion .icon.arrow { background:url(Images/radtreeview/rtMinus.png) no-repeat; width:11px; height:11px;}
.accordion .icon.arrow.open { background-position: 0 -11px;}
.accordion .icon.infobtnLight2 { }
.accordion .icon.addbtnLight { }
.accordion .icon.minbtnLight { }

.accordion input.error, .accordion input.error:focus { border-color:#cc0000 !important; color:#cc0000 !important;}

/*===========================
	PAGINATION
=============================*/

#AddIndexation table td { vertical-align: middle;}
#AddIndexation .col1 { width: 230px;}
#AddIndexation .col2 { width: 130px;}
#AddIndexation .col3 {}

/*===========================
	PAGINATION
=============================*/

.pagination {
	text-align: center;
	padding: 10px 0;
	background: #EFEFEF;
}

.pagination a.next{margin-left: 10px;}
.pagination a.prev{margin-right: 10px;}

.pagination a {color: #004977;}
.pagination a.active, .pagination a:hover {color: #009EE0;text-decoration: underline;}
.pagination a.aspNetDisabled {color: #BFBFBF; cursor: default;}

.radiusBottom {
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;	
}

/*===============================
	SCC Paginering
=================================*/

.sccPaging{
	display: block;
}

.sccPaging a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 10px;
	background: #4C4C4C;
	border-radius: 3px;
}

.sccPaging a:hover, .sccPagingNumberActive a, .sccPagingNumberActive a:hover  {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 10px;
	background: #a81d39;
	border-radius: 3px;
}

.sccPaging li {
	list-style: none;
	float: left;
}

.sccPagingNumber, .sccPagingArrowRight, .sccPagingNumberActive{
	margin-left: 10px;
}



/*===============================
	SCC LOGIN
=================================*/

.loginPane {width: 360px;margin: 20px auto 0;}
.loginPane .logo a{float: none;margin: 20px auto;}
.loginPane .lContent {padding: 20px;background: #EFEFEF; border-radius:0 0 3px 3px;}
.loginPane .dnnFormMessage {margin: 0px;}

.loginPane .cLabel {display: block; margin-bottom: 4px; color: #666;font-size: 13px;}
.loginPane .cFormItem input {}
.loginPane .loginPlace {text-align: center; margin: 10px 0 0;}
.loginPane .loginPlace a {display: inline-block;display: inline-block;*display: inline;zoom: 1;float: none;}
.loginPane input[type="text"], .loginPane input[type="password"] {width: 312px; margin-bottom: 10px;}

@media screen 
and (min-width: 760px) 
and (max-width: 980px) {
	.container {
		width: 96%;
		margin: 0 2%;
	}
	.moduleContent input.fakeField[type="text"] {width: 100%;}
	a.btn.upload {padding: 4px 0px; text-align: center; margin-top:6px; width: 100%; cursor: pointer;	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */}
	
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.loginPane input[type="text"], .loginPane input[type="password"] {
		padding: 10px 4px;
		font-size: 14px;
		border-radius: 5px;			
	}
	.container input[type="text"], .container input[type="password"], .container input[type="email"], .container textarea, .container select, .container input[type="number"] {
		padding: 8px 4px;
		font-size: 14px;
		border-radius: 5px;		
	}	
	.loginPane .loginPlace a {display: block;}
	a.btn {padding: 10px 20px;}
	
	.sccTable table tbody tr {background:none !important; color: inherit !important; border-bottom: 1px solid #FFF;}
	.activityTable td input {padding: 6px 4px !important;}
	.pagination a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		padding: 5px 9px;
		margin: 0 2px;
		background: #004977;
		color: #FFF;		
		border: 1px solid #004977;
		
	}
	.pagination a.aspNetDisabled, .pagination a.aspNetDisabled:hover {background-color: #EFEFEF; color:#BFBFBF; cursor: default; border-color:#BFBFBF; }
	.pagination a.active, .pagination a:hover {text-decoration:none;background: #009EE0;color: #FFF; border-color:#009EE0;}

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.moduleContent .twoCol .table_row,
	.moduleContent .twoCol .table_row2 {width: 26%;}
	.moduleContent .twoCol .label2 {padding-left: 12%;}
	
	.tableCol {width: 44%;}
	.tableCol .label {width: 40.010101010101%;}
	.tableCol .table_row {width: 59.090909090909%;}	
	a.btn.upload {padding: 7px 12px; position: relative; top: 1px;}
	.moduleContent .selectboxit-container .selectboxit {width: 236px !important;}	
	.moduleContent .oneCol .table_row input {width: 238px;}	
	
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.moduleContent .twoCol .table_row,
	.moduleContent .twoCol .table_row2 {width: 30%;}

	.moduleContent .twoCol .label2 {padding-left: 4%;}
	
	.tableCol {width: 48%;}
	.tableCol .label {width: 37.5%;}
	.tableCol .table_row {width: 62.5%;}	
		
	/* ACTIVITEITEN CONTENTTABLE */
	.activityTable {width:100%;}
	.activityTable td{height: 40px; vertical-align:middle; font-size: 12px;}
	
	.activityTable td.name {width: 30%; }
	.activityTable td.select {width: 8%; text-align: center;}
	.activityTable td.choice {width: 18%; padding-left: 2%;}
	.activityTable td.field {width: 8%;}
	.activityTable td.field2 {width: 12%;}
	.activityTable td.noScc {width: 22%;}
	.activityTable td.price {width: 14%;}
	
	.activityTable td input {max-width: 40px;}
	.activityTable td.name {padding-left: 400px; }
	
	
	/* ACTIVITEITEN TOP */
	.activity .top table {width: 100%;}
	.activity .top table td{height: 40px; vertical-align:middle;font-weight: bold;color: #FFF; font-size: 12px;}
	
	.activity .top table td.selectAll {width: 30%; padding-left: 16px;}
	.activity .top table td.selectAll label {margin-left: 8px; cursor: pointer;}
	.activity .top table td.select {width: 8%; text-align: center;}
	.activity .top table td.choice {width: 18%; padding-left: 2%;}
	.activity .top table td.field {width: 8%;}
	.activity .top table td.field2 {width: 12%;}
	.activity .top table td.noScc {width: 22%;}
	.activity .top table td.price {width: 14%;}
			
	.activity ul li .ui-accordion-header {float: none; width: 100%;}
	.activity ul li .ui-accordion-header-active {}
	
	.generate .notification {width: 60%;}
	.generate input {width: 100%;}
	.contentTop .selectPosition .selectboxit-container .selectboxit {width: 120px !important;}

	td.textEditor {    
		display: block !important;
		width: 100%;
		padding-bottom: 10px;
	}
	a.btn.upload {padding: 8px 0px;}
	.moduleContent .selectboxit-container .selectboxit {width: 206px !important;}	
	.moduleContent .oneCol .table_row input {width: 208px;}	
	
}