/*
	Project:		Backoffice Admin 2.6.5 (half way shopper)
    
    SHOPPER SPECIFIC!!!!!!!!! 

	Last change:	25-09-2017
	Assigned to:	Philip van Heijningen (PVH)


*/
html,body{
	min-height:100vh;
}
html{
    box-sizing:border-box;
     -ms-touch-action: manipulation;
    touch-action: manipulation;
}
*,*:before,*:after {
  box-sizing:inherit;
	
}


body {	
	background:#f0f0f0;	
	-webkit-font-smoothing:antialiased;
	padding:0;
	margin:0;
	overflow-x:hidden;
	overflow-y:auto;	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
		backface-visibility: hidden;

		 font-family:'Roboto', 'sans-serif';
    font-weight:400;

			 -ms-scrollbar-base-color: #999;
	 scrollbar-base-color: #999;
    -ms-scrollbar-track-color: rgb(255,255,255);
		scrollbar-track-color: rgb(255,255,255);
    -ms-scrollbar-face-color: #999;
		scrollbar-face-color: #999;
    -ms-scrollbar-arrow-color: #999;
		scrollbar-arrow-color: #999;

			    display: -webkit-box;
      display: -ms-flexbox;		
    display: flex;

    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

	
	}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family:Roboto,sans-serif;

}
::-moz-placeholder { /* Firefox 19+ */
font-family:Roboto,sans-serif;

}
:-ms-input-placeholder { /* IE 10+ */
 font-family:Roboto,sans-serif;

	}
:-moz-placeholder { /* Firefox 18- */
font-family:Roboto,sans-serif;

}


/*scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 6px;
}
::-webkit-scrollbar-button {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background: rgba(20,20,20,.7);
  border: 0 none #ffffff;
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(20,20,20,1);
}
::-webkit-scrollbar-thumb:active {
  background: rgba(20,20,20,1);
}
::-webkit-scrollbar-track {
  background:transparent;
  border: 0 none #ffffff;
  border-radius: 6px;
}
::-webkit-scrollbar-track:hover {
  background: transparent;
}
::-webkit-scrollbar-track:active {
  background: transparent;
}
::-webkit-scrollbar-corner {
  background: transparent;
}




/* FLEXBOX GRID SIMPLE */

.flex-center{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
	}

.flex-items-center{
	-webkit-box-flex:1;
	    -ms-flex:1 0 0%;
	        flex:1 0 0%;
}

.flex-baseline{
	-webkit-box-align:baseline;
    -ms-flex-align:baseline;
        align-items:baseline;
}

.flex-footer{
		padding:.2em;

	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-flex:0;
	    -ms-flex:0 0 46px;
	        flex:0 0 46px;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
}
.flex-footer > div {
-webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
				text-align:right;
}

.flex-srow{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-flow:column nowrap;
	        flex-flow:column nowrap;
}
.flex-scolumn, .flex-scolumn-half, .flex-scolumn-full{
	-webkit-box-flex:1;
    -ms-flex:1 1 100%;
        flex:1 1 100%;
}

@media (min-width:579px){

	.flex-srow{
			-ms-flex-flow:row wrap;
	    flex-flow:row wrap;
	}
	.flex-scolumn{
		-webkit-box-flex:1;
		    -ms-flex:1 1 0px;
		        flex:1 1 0px;
	}
	.flex-scolumn-quarter{
		-webkit-box-flex:0;
		    -ms-flex:0 0 25%;
		        flex:0 0 25%;
		max-width:25%;
	}

	.flex-scolumn-third{
		-webkit-box-flex:0;
		    -ms-flex:0 0 33.333333%;
		        flex:0 0 33.333333%;
		max-width:33.333333%;
	}
	.flex-scolumn-half{
		-webkit-box-flex:0;
		    -ms-flex:0 0 50%;
		        flex:0 0 50%;
		max-width:50%;
	}
	.flex-scolumn-full{
		-webkit-box-flex:0;
		    -ms-flex:0 0 100%;
		        flex:0 0 100%;
		max-width:100%;
	}


}


/* Specials AND EXTRAS */

.flex-container{
	width:100%;	
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex{
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-nowrap{
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}

.flex-wrap{
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}

.flex-cols{
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
}
.flex-rows{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
}
.justify-between{
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
}
.justify-start{
	-webkit-box-pack:start;
	    -ms-flex-pack:start;
	        justify-content:flex-start;
}
.justify-end{
	-webkit-box-pack:end;
	    -ms-flex-pack:end;
	        justify-content:flex-end;
}
.justify-center{
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
.justify-around{
	-ms-flex-pack:distribute;
	    justify-content:space-around;
}

.flex-spacer{
	-webkit-box-flex: 1;
		 flex-grow: 1;
}


.flex-item-1{
	-webkit-box-flex:1;
	-ms-flex:1 1 auto;
    flex:1 1 auto;
}
.flex-item-2{
	-webkit-box-flex:1;
	-ms-flex:2 1 auto;
   flex:2 1 auto;
}

.flex-item{
	-webkit-box-flex:1;
	 -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex:1 0 auto;
}




/* link color OR */
a, .shortcuts .shortcut .shortcut-icon, .wizard-steps a{ 
color:#444;
}
a:hover, .shortcuts .shortcut .shortcut-icon:hover, .wizard-steps a:hover{ 
color:#666;
}

a.link{
	color:rgb(3, 160, 250);
}



/* --------------------------
			BOOTSTRAP 3 ADDONS 
--------------------------*/


.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical >.btn-group:before,.btn-group-vertical >.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after {
  content: " ";
  display: table
}

.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical >.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after {
  clear: both
}



/* FORMS */
.form-horizontal .form-group {margin-left: -15px;margin-right: -15px;}
.form-group {margin-bottom: 15px;}

@media (min-width: 768px) {  
	.form-inline .form-group {    
		display:inline-block;    
		margin-bottom: 0;    
		vertical-align: middle  

	}  
	.form-inline .form-control {   
		 display: inline-block;   		 
		 vertical-align: middle; 

	}  
	.form-inline .input-group>.form-control {    
		width: 100%  

	}	

}

.has-success .input-group-addon {  
	color: #3c763d;  
	border-color: #3c763d;  
	background-color: #dff0d8

}
.has-warning .input-group-addon {  
	color: #8a6d3b;  
	border-color: #8a6d3b;  
	background-color: #fcf8e3

}
.has-error .input-group-addon {  
	color: #a94442;  
	border-color: #a94442;  
	background-color: #f2dede

} 
.form-inline .input-group>.form-control {width: 100%;}

.btn-toolbar .input-group {float: left;}

.btn-toolbar>.input-group {margin-left: 5px;}

.input-group {  position: relative;  display: table;  border-collapse: separate}

.input-group[class*=col-] {  float: none;  padding-left: 0;  padding-right: 0}

.input-group .form-control {  position: relative;  z-index: 2;  float: left;  width: 100%;  margin-bottom: 0}

.input-group-lg >.form-control,
.input-group-lg >.input-group-addon,
.input-group-lg >.input-group-btn>.btn {  
	height: 46px;  
	padding: 10px 16px;  
	font-size: 18px;  
	line-height: 1.33;  
	border-radius: 3px

}
select.input-group-lg >.form-control,select.input-group-lg >.input-group-addon,
select.input-group-lg >.input-group-btn>.btn { 
	 height: 46px;  line-height: 46px

}
textarea.input-group-lg >.form-control,
textarea.input-group-lg >.input-group-addon,
textarea.input-group-lg >.input-group-btn>.btn,
select[multiple].input-group-lg >.form-control,
select[multiple].input-group-lg >.input-group-addon,
select[multiple].input-group-lg >.input-group-btn>.btn {  height: auto}

.input-group-sm >.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {  
	height: 30px;  
	padding: 5px 10px;  
	font-size: 12px;  
	line-height: 1.5;  
	border-radius: 3px

}
select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {  height: 30px;  line-height: 30px}

textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {  height: auto}

.input-group-addon,.input-group-btn,
.input-group .form-control {  display: table-cell}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {  border-radius: 0}

.input-group-addon,.input-group-btn {  width: 1%;  white-space: nowrap;  vertical-align: middle}

.input-group-addon {  
	padding: 6px 12px;  
	font-size: 14px;  
	font-weight: 400;  
	line-height: 1;  
	color: #555;  
	text-align: center;  
	background-color: #eee;  
	border: 1px solid #ccc;  
	border-radius: 3px}

.input-group-addon.input-sm {  
	padding: 5px 10px;  
	font-size: 12px;  
	border-radius: 3px

}

.input-group-addon.input-lg {  
	padding: 10px 16px;  
	font-size: 18px;  
	border-radius: 3px

}

.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {  margin-top: 0}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child >.btn,
.input-group-btn:first-child >.btn-group >.btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child >.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child >.btn-group:not(:last-child) >.btn {  
	border-bottom-right-radius: 0;  
	border-top-right-radius: 0

}

.input-group-addon:first-child {  border-right: 0}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child >.btn,
.input-group-btn:last-child >.btn-group >.btn,
.input-group-btn:last-child >.dropdown-toggle,
.input-group-btn:first-child >.btn:not(:first-child),
.input-group-btn:first-child >.btn-group:not(:first-child) >.btn {  
	border-bottom-left-radius: 0;  
	border-top-left-radius: 0

}

.input-group-addon:last-child {  border-left: 0}

.input-group-btn {  position: relative;  font-size: 0;  white-space: nowrap}

.input-group-btn >.btn {  position: relative}

.input-group-btn>.btn+.btn {  margin-left: -1px}

.input-group-btn >.btn:hover,
.input-group-btn >.btn:focus,
.input-group-btn >.btn:active {  z-index: 2}

.input-group-btn:first-child >.btn,
.input-group-btn:first-child >.btn-group {  margin-right: -1px}

.input-group-btn:last-child >.btn,
.input-group-btn:last-child >.btn-group {  margin-left: -1px}
 .navbar-form .input-group >.form-control {    width: 100%  }
 
 #shpr-login-container .form-control,.form-control {  
	 display: block;  
	 width: 100%;  
	 height: 34px; 
	 padding: 6px 12px;  
	 font-size: 14px;  
	 line-height: 1.42857143;  
	 color: #555;  
	 background-color: #fff;  
	 background-image: none;  
	 border: 1px solid #ccc;  
	 box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	   -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;  
		 -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 
		 transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 

 }
 .form-control:focus {  
	 border-color: #66afe9;  
	 outline: 0; 
	 box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)

 }
 .form-control::-moz-placeholder { 
	  color: #999; 
		 opacity: 1

 }
 
 .form-control:-ms-input-placeholder {color: #999}
 .form-control::-webkit-input-placeholder {color: #999}
 .form-control[disabled],
 .form-control[readonly],fieldset[disabled] .form-control {cursor: not-allowed;background-color: #eee;opacity: 1}

/* grid olumns */
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {float: left}.col-xs-12 {width: 100%}.col-xs-11 {width: 91.66666667%}.col-xs-10 {width: 83.33333333%}.col-xs-9 {width: 75%}.col-xs-8 {width: 66.66666667%}.col-xs-7 {width: 58.33333333%}.col-xs-6 {width: 50%}.col-xs-5 {width: 41.66666667%}.col-xs-4 {width: 33.33333333%}.col-xs-3 {width: 25%}.col-xs-2 {width: 16.66666667%}.col-xs-1 {width: 8.33333333%}.col-xs-pull-12 {right: 100%}.col-xs-pull-11 {right: 91.66666667%}.col-xs-pull-10 {right: 83.33333333%}.col-xs-pull-9 {right: 75%}.col-xs-pull-8 {right: 66.66666667%}.col-xs-pull-7 {right: 58.33333333%}.col-xs-pull-6 {right: 50%}.col-xs-pull-5 {right: 41.66666667%}.col-xs-pull-4 {right: 33.33333333%}.col-xs-pull-3 {right: 25%}.col-xs-pull-2 {right: 16.66666667%}.col-xs-pull-1 {right: 8.33333333%}.col-xs-pull-0 {right: 0}.col-xs-push-12 {left: 100%}.col-xs-push-11 {left: 91.66666667%}.col-xs-push-10 {left: 83.33333333%}.col-xs-push-9 {left: 75%}.col-xs-push-8 {left: 66.66666667%}.col-xs-push-7 {left: 58.33333333%}.col-xs-push-6 {left: 50%}.col-xs-push-5 {left: 41.66666667%}.col-xs-push-4 {left: 33.33333333%}.col-xs-push-3 {left: 25%}.col-xs-push-2 {left: 16.66666667%}.col-xs-push-1 {left: 8.33333333%}.col-xs-push-0 {left: 0}.col-xs-offset-12 {margin-left: 100%}.col-xs-offset-11 {margin-left: 91.66666667%}.col-xs-offset-10 {margin-left: 83.33333333%}.col-xs-offset-9 {margin-left: 75%}.col-xs-offset-8 {margin-left: 66.66666667%}.col-xs-offset-7 {margin-left: 58.33333333%}.col-xs-offset-6 {margin-left: 50%}.col-xs-offset-5 {margin-left: 41.66666667%}.col-xs-offset-4 {margin-left: 33.33333333%}.col-xs-offset-3 {margin-left: 25%}.col-xs-offset-2 {margin-left: 16.66666667%}.col-xs-offset-1 {margin-left: 8.33333333%}.col-xs-offset-0 {margin-left: 0}@media (min-width: 768px) {.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {float:left}.col-sm-12 {width: 100%}.col-sm-11 {width: 91.66666667%}.col-sm-10 {width: 83.33333333%}.col-sm-9 {width: 75%}.col-sm-8 {width: 66.66666667%}.col-sm-7 {width: 58.33333333%}.col-sm-6 {width: 50%}.col-sm-5 {width: 41.66666667%}.col-sm-4 {width: 33.33333333%}.col-sm-3 {width: 25%}.col-sm-2 {width: 16.66666667%}.col-sm-1 {width: 8.33333333%}.col-sm-pull-12 {right: 100%}.col-sm-pull-11 {right: 91.66666667%}.col-sm-pull-10 {right: 83.33333333%}.col-sm-pull-9 {right: 75%}.col-sm-pull-8 {right: 66.66666667%}.col-sm-pull-7 {right: 58.33333333%}.col-sm-pull-6 {right: 50%}.col-sm-pull-5 {right: 41.66666667%}.col-sm-pull-4 {right: 33.33333333%}.col-sm-pull-3 {right: 25%}.col-sm-pull-2 {right: 16.66666667%}.col-sm-pull-1 {right: 8.33333333%}.col-sm-pull-0 {right: 0}.col-sm-push-12 {left: 100%}.col-sm-push-11 {left: 91.66666667%}.col-sm-push-10 {left: 83.33333333%}.col-sm-push-9 {left: 75%}.col-sm-push-8 {left: 66.66666667%}.col-sm-push-7 {left: 58.33333333%}.col-sm-push-6 {left: 50%}.col-sm-push-5 {left: 41.66666667%}.col-sm-push-4 {left: 33.33333333%}.col-sm-push-3 {left: 25%}.col-sm-push-2 {left: 16.66666667%}.col-sm-push-1 {left: 8.33333333%}.col-sm-push-0 {left: 0}.col-sm-offset-12 {margin-left: 100%}.col-sm-offset-11 {margin-left: 91.66666667%}.col-sm-offset-10 {margin-left: 83.33333333%}.col-sm-offset-9 {margin-left: 75%}.col-sm-offset-8 {margin-left: 66.66666667%}.col-sm-offset-7 {margin-left: 58.33333333%}.col-sm-offset-6 {margin-left: 50%}.col-sm-offset-5 {margin-left: 41.66666667%}.col-sm-offset-4 {margin-left: 33.33333333%}.col-sm-offset-3 {margin-left: 25%}.col-sm-offset-2 {margin-left: 16.66666667%}.col-sm-offset-1 {margin-left: 8.33333333%}.col-sm-offset-0 {margin-left: 0}}@media (min-width: 992px) {.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {float:left}.col-md-12 {width: 100%}.col-md-11 {width: 91.66666667%}.col-md-10 {width: 83.33333333%}.col-md-9 {width: 75%}.col-md-8 {width: 66.66666667%}.col-md-7 {width: 58.33333333%}.col-md-6 {width: 50%}.col-md-5 {width: 41.66666667%}.col-md-4 {width: 33.33333333%}.col-md-3 {width: 25%}.col-md-2 {width: 16.66666667%}.col-md-1 {width: 8.33333333%}.col-md-pull-12 {right: 100%}.col-md-pull-11 {right: 91.66666667%}.col-md-pull-10 {right: 83.33333333%}.col-md-pull-9 {right: 75%}
.col-md-pull-8 {right: 66.66666667%}.col-md-pull-7 {right: 58.33333333%}.col-md-pull-6 {right: 50%}.col-md-pull-5 {right: 41.66666667%}.col-md-pull-4 {right: 33.33333333%}.col-md-pull-3 {right: 25%}.col-md-pull-2 {right: 16.66666667%}.col-md-pull-1 {right: 8.33333333%}.col-md-pull-0 {right: 0}.col-md-push-12 {left: 100%}.col-md-push-11 {left: 91.66666667%}.col-md-push-10 {left: 83.33333333%}.col-md-push-9 {left: 75%}.col-md-push-8 {left: 66.66666667%}.col-md-push-7 {left: 58.33333333%}.col-md-push-6 {left: 50%}.col-md-push-5 {left: 41.66666667%}.col-md-push-4 {left: 33.33333333%}.col-md-push-3 {left: 25%}.col-md-push-2 {left: 16.66666667%}.col-md-push-1 {left: 8.33333333%}.col-md-push-0 {left: 0}.col-md-offset-12 {margin-left: 100%}.col-md-offset-11 {margin-left: 91.66666667%}.col-md-offset-10 {margin-left: 83.33333333%}.col-md-offset-9 {margin-left: 75%}.col-md-offset-8 {margin-left: 66.66666667%}.col-md-offset-7 {margin-left: 58.33333333%}.col-md-offset-6 {margin-left: 50%}.col-md-offset-5 {margin-left: 41.66666667%}.col-md-offset-4 {margin-left: 33.33333333%}.col-md-offset-3 {margin-left: 25%}.col-md-offset-2 {margin-left: 16.66666667%}.col-md-offset-1 {margin-left: 8.33333333%}.col-md-offset-0 {margin-left: 0}}@media (min-width: 1200px) {.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {float:left}.col-lg-12 {width: 100%}.col-lg-11 {width: 91.66666667%}.col-lg-10 {width: 83.33333333%}.col-lg-9 {width: 75%}.col-lg-8 {width: 66.66666667%}.col-lg-7 {width: 58.33333333%}.col-lg-6 {width: 50%}.col-lg-5 {width: 41.66666667%}.col-lg-4 {width: 33.33333333%}.col-lg-3 {width: 25%}.col-lg-2 {width: 16.66666667%}.col-lg-1 {width: 8.33333333%}.col-lg-pull-12 {right: 100%}.col-lg-pull-11 {right: 91.66666667%}.col-lg-pull-10 {right: 83.33333333%}.col-lg-pull-9 {right: 75%}.col-lg-pull-8 {right: 66.66666667%}.col-lg-pull-7 {right: 58.33333333%}.col-lg-pull-6 {right: 50%}.col-lg-pull-5 {right: 41.66666667%}.col-lg-pull-4 {right: 33.33333333%}.col-lg-pull-3 {right: 25%}.col-lg-pull-2 {right: 16.66666667%}.col-lg-pull-1 {right: 8.33333333%}.col-lg-pull-0 {right: 0}.col-lg-push-12 {left: 100%}.col-lg-push-11 {left: 91.66666667%}.col-lg-push-10 {left: 83.33333333%}.col-lg-push-9 {left: 75%}.col-lg-push-8 {left: 66.66666667%}.col-lg-push-7 {left: 58.33333333%}.col-lg-push-6 {left: 50%}.col-lg-push-5 {left: 41.66666667%}.col-lg-push-4 {left: 33.33333333%}.col-lg-push-3 {left: 25%}.col-lg-push-2 {left: 16.66666667%}.col-lg-push-1 {left: 8.33333333%}.col-lg-push-0 {left: 0}.col-lg-offset-12 {margin-left: 100%}.col-lg-offset-11 {margin-left: 91.66666667%}.col-lg-offset-10 {margin-left: 83.33333333%}.col-lg-offset-9 {margin-left: 75%}.col-lg-offset-8 {margin-left: 66.66666667%}.col-lg-offset-7 {margin-left: 58.33333333%}.col-lg-offset-6 {margin-left: 50%}.col-lg-offset-5 {margin-left: 41.66666667%}.col-lg-offset-4 {margin-left: 33.33333333%}.col-lg-offset-3 {margin-left: 25%}.col-lg-offset-2 {margin-left: 16.66666667%}.col-lg-offset-1 {margin-left: 8.33333333%}.col-lg-offset-0 {margin-left: 0}}




/* DEFAULT THEME*/

.theme-background{
	 background-color: rgb(140,140,140);
}
.theme-background-dark{
	background-color:rgb(100,100,100);
}



/* DEBUG */
#size-debug{display:none;}

/*------------------------------------------------------------------
[2. Header]
*/
.block-click{
	display:none;
	position:fixed;
	z-index:20000;
	left:0;
	bottom:0;
	top:0;
	height:100%;
	width:100%;
}


#header form{
	margin:0;
	padding:0;
}

#header .container{ width:100%;padding-top:2px;}
#header .container h1 {display:none;}
#header  .header-logo{display:inline-block;float:left;}
#header .header-logo a {	
height:30px;
vertical-align:top;

}
#header .container .header-logo a i {
	background-size:50%; 
	background-repeat: no-repeat;
	background-position:center center;
	display:inline-block;
	height:30px;
	width:30px;

	}

#header .container .header-nav{
	position:relative;
	display:inline-block;
	
}
#header .container .header-nav .nav-icon{ display:inline-block;}	
#header .container .header-nav .nav-icon a {
	color:#fff;
	font-size:14px;
	text-decoration:none;
		line-height:30px;	
		padding-right:5px;
}
#header .container .header-nav .nav-icon b {
margin-left:-4px;
margin-top:-4px;
}
#header .container .header-nav .nav-icon a span{
display:none;
}	
	
/* reset BS labels */	
label{cursor:default;}	



/*------------------------------------------------------------------
[3. Info]
*/

#info {
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	position: absolute;
	right: 10px;
	top:40px;
	z-index:1010;
}


#info h4 {
	margin:0;
	margin-bottom: .35em;	
	font-size: 14px;
	color:#cd3129;
}

#info p {
	margin-bottom: 0;	
	line-height: 1.95em;
	color:#2A2F36;
}

#info a {
	color: #2A2F36;
}

#info img {
width: 60px;
border: 3px solid white;
border-radius: 4px;

}

#info-menu {
position: absolute;
display: none;
width:350px;
background: white;
right: -7px;
top: 130%;		
padding: 12px;		
z-index: 101;		
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 5px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}

#info-menu .info-details,
#info-menu .info-settings,
#info-menu .info-avatar
 {
	 position:relative;
	display: table-cell;
	vertical-align: top;
	padding:.4em;
	color:#2a2f36;
	border-right:1px solid #afafaf;
	
}

#info-menu .info-details{width:40%;}
#info-menu .info-settings{width:40%;}
#info-menu .info-settings ul, #info-menu .info-settings ul li{margin:0;padding:0;list-style:none;}
#info-menu .info-settings ul li{ line-height:20px;cursor:pointer;}

#info-menu .info-avatar {
	display: table-cell;
	vertical-align: top;	
	width: 80px;
	border:0;
}

#info #info-trigger {
		display: block;	
	color: #FFF;	
	font-size: 24px;
}

	
		#info-menu::before {
		content: '';
		display: inline-block;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-bottom: 7px solid #CCC;
		border-bottom-color: rgba(0, 0, 0, 0.2);
		position: absolute;
		top: -7px;
		right: 9px;
	}

	#info-menu::after {
		content: '';
		display: inline-block;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid white;
		position: absolute;
		top: -6px;
		right: 10px;
	}


#info #info-trigger:hover {
	text-decoration: none;
}

#info .toggle-menu-show {
	display: block !important;
}



/*----------------------------------------------
 [3a LOGIN box]
---------------------------------------------*/

#shopper-login{
	display:none;
}

#login-screen{
	z-index:1;
	background:url('start-background.jpg');
	background-position:bottom center;
	background-size:cover;	
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#login-screen .login-box{
z-index:10;
position:fixed;
background:rgba(0,0,0,.2);
border-radius:12px;
width:320px;
top:260px;
left:50%;
margin-left:-150px;
padding:10px;

-moz-backface-visibility: hidden; 
-webkit-backface-visibility: hidden; 
backface-visibility: hidden; 



}

#login-screen .login-box h2{
	color:#fff;
	text-shadow:0  1px 1px rgba(0,0,0,.4);
	font-size:24px;
	margin:15px;
}

#login-screen .login-box h2 i{
	color:#36B3F7;
}

#login-screen label{
	display:none;
}

#login-screen .input-prepend{
width:100%;
}

#login-screen .input-prepend .add-on{
	background:#fff;
	border:0;
	height:40px;
	width:10%;
	padding:0;
}

#login-screen .input-prepend .add-on i{
	color:rgba(0,0,0,.3);
height:40px;
line-height:40px;
}

#login-screen .input-prepend input{
	border:0 solid #fff;
	height:40px;
	width:90%;
	font-size:16px;
}

#login-screen .version{
	color:rgba(255,255,255,.8);
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
	
	/* ipad landscape */
@media (max-width:1024px) {
	#login-screen .login-box{
			top:80px;			
	}
}
/* ipad portret */
@media (max-width:768px) {
	#login-screen .login-box{
			top:180px;			
	}
}

/* other high res mobiles */
@media (max-width:480px){
		#login-screen .login-box{
		top:20px;
	}
}

/* iphone */
@media (max-width:320px){
		#login-screen .login-box{
		left:0;
		top:0;
		margin:0;
		border-radius:0;
	}
}


/*------------------------------------------------------------------
[4. Nav  / #nav]
*/

/* INSIDE HEADER NAV */
#menu-header{
position:relative;
display:inline-block;
float:left;
margin-left:5px;
}
#menu-header .top-menu{
	padding:0;
	margin:0;
	
}
#menu-header .nav {
	display: inline-block;	
	margin:0;
	padding:0;

}

#menu-header .btn-navbar {
	color:#fff;
	display: none;
	font-size:20px;	
	height: 30px;		
	line-height:30px;
	margin:0 auto;
	text-align:center;
	text-shadow: 0 -1px 0 rgba(0, 0,0, 0.75);
}
#menu-header .btn-navbar i{
	line-height:30px;
}
#menu-header .btn-navbar:hover{
	text-decoration:none;
	color:#fff;
}


#menu-header .nav .dropdown  {
	float: left;	
	padding: 0;
	margin: 0;	
	list-style: none;	
	padding-top:4px;
	padding-right:2px;
	
}

#menu-header .nav .dropdown a {	
	padding:2px 5px;
	line-height:20px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;	
	background:rgba(0,0,0,.05);	
	box-shadow: 1px 1px 1px 2px rgba(0,0,0,.1)inset ;
	border-radius: 4px;	
}
#menu-header .nav .dropdown [data-toggle="dropdown"]{
		min-width:90px;
			padding-right:24px;
}

#menu-header .nav .dropdown.active >  a,
#menu-header .nav .dropdown > a:hover,
#menu-header .nav .dropdown.open > a {
	color: rgba(255,255,255,.9);	
	text-decoration: none;	
	background:rgba(0,0,0,.2);	
	box-shadow: 1px 1px 1px 2px rgba(0,0,0,.2) inset;
text-shadow:none;
}

#menu-header .nav .dropdown  > a  i {padding-right: .5em;}
#menu-header .nav .dropdown > a.dropdown-toggle .caret{
	position:absolute;
	top:25%;
	right:10px;
	border-top-color: rgba(255,255,255,.4);
border-bottom-color: #000;
}
#menu-header .nav a.dropdown-toggle:hover .caret,
#menu-header .nav a.dropdown-toggle.open .caret{
	border-top-color: rgba(255,255,255,.4);
	border-bottom-color: #000;
}
#menu-header .nav .dropdown-menu {
top:40px;
border:0;
width:260px;
background:rgb(3, 127, 199);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
z-index:2000;
}
/* little arrow on top of dropdown menu */
#menu-header .nav .dropdown-menu::after {
 position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid rgb(3, 127, 199);
  border-left: 6px solid transparent;
  content: '';
}

/* the menu items */
#menu-header .nav .dropdown-menu li {
	z-index:1000;
}
#menu-header .nav .dropdown-menu  li > a{
	color:#fff;
	font-size:12px;
	text-shadow:none;
	border:0;
	background:none;
	border-radius:0;
	margin-left:4px;
	margin-right:4px;
	line-height:30px;
}
#menu-header .nav .dropdown-menu  li > a:hover,
#menu-header .nav .dropdown-menu  li > a:focus{
background:rgba(0,0,0,.2);
border-radius:6px;
box-shadow:0 1px 0 1px rgba(0,0,0,.1) inset;
}
#menu-header .nav .dropdown-menu li.divider{
	background:rgba(0,0,0,.2);
	border-bottom:1px solid rgba(0,0,0,.2);
	
}
/* fix the last dropdown menu not to disapear under the right window border: */
#menu-header  .nav .dropdown.last .dropdown-menu {
	right:0;
	left:inherit;
}

#menu-header .nav .dropdown.last .dropdown-menu::after {

}

@media (max-width:320px){
		#menu-header  .nav .dropdown-menu{width:100%;}
	#menu-header  .nav .dropdown.last .dropdown-menu {
	left:0;
	}

	
}




/* BELOW HEADER NAV */


#nav {
	position:fixed;
	z-index:1020;	
		top: 35px;
	
		left:0;
		right:0;
		margin:0;
		-webkit-box-shadow: 0 3px 6px 0 rgba(31, 36, 41, .6);
		box-shadow: 0 3px 6px 0 rgba(31, 36, 41, .6);			
		background: #EEE;	
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(238, 238, 238, 1)), color-stop(100%,rgba(204, 204, 204, 1)));
background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0,rgba(204, 204, 204, 1) 100%);
background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0,rgba(204, 204, 204, 1) 100%);

}

body.touch #nav{
	position:relative;
	top:inherit;
	left:inherit;
	right:inherit;
	z-index:inherit;
	box-shadow:none;
	
}

#nav .container{
	width:100%;


}

#nav .nav {
	display: inline-block;	
	padding: 0;
	margin: 8px 0 0 1em;	
}

#nav .btn-navbar {
	display: none;
	font-size:28px;	
	height: 44px;		
	line-height:44px;
	margin:0 auto;
	text-align:center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
#nav .btn-navbar:hover{
	text-decoration:none;
	color:#666;
}


#nav .nav .dropdown  {
	float: left;	
	padding: 0;
	margin: 0 .5em 0 0;	
	list-style: none;	
}

#nav .nav .dropdown a {
	padding: 6px 8px;	
	font-size: 13px;
	font-weight: 700;
	color: #444;	
	text-shadow:1px 1px 1px rgba(255,255,255,.8);
	background: transparent;	
	border: 1px solid transparent;	
	border-radius: 4px;	

}

#nav .nav .dropdown.active >  a,
#nav .nav .dropdown > a:hover,
#nav .nav .dropdown.open > a {
	color: #FFF;	
	text-decoration: none;	
	background: #444;	
text-shadow:none;
}


#nav .nav .dropdown  > a  i {padding-right: .35em;}
#nav .nav .dropdown > a.dropdown-toggle .caret{
	margin-left: .5em;	
	opacity: .8;
	margin-top:8px;
	border-top-color: #666;
border-bottom-color: #666;
}
#nav .nav a.dropdown-toggle:hover .caret,
#nav .nav a.dropdown-toggle.open .caret{
	border-top-color: #ccc;
border-bottom-color: #ccc;

}

#nav .nav .dropdown-menu {
top:40px;
border:0;
width:260px;
background:rgba(70,70,70,1);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}
#nav .nav .dropdown-menu::before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #555;
	position: absolute;
	top: -7px;
	left: 9px;
}

#nav .nav .dropdown-menu::after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid rgba(70,70,70,1);
	position: absolute;
	top: -6px;
	left: 10px;
}


#nav .nav .dropdown-menu  li > a{
	color:#fff;
	text-shadow:none;
	border:0;
	background:none;
	border-radius:0;
}
#nav .nav .dropdown-menu  li > a:hover,
#nav .nav .dropdown-menu  li > a:focus{
background:rgba(90,90,90,1);
}
#nav .nav .dropdown-menu li.divider{
	background:#222;
	border-bottom:1px solid #666;
	
}
/* fix the last dropdown menu not to disapear under the right window border: */
#nav  .nav .dropdown.last .dropdown-menu {
	right:0;
	left:inherit;
}

#nav .nav .dropdown.last .dropdown-menu::after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid white;
	position: absolute;
	top: -6px;
	right: 10px;
	left:86%;
}

#nav .nav .dropdown-menu .accordion-toggle{padding:10px;}
#nav .nav .dropdown-menu .accordion-toggle i{
	margin-right:10px;
}
#nav .nav .dropdown-menu .accordion-toggle i.pull-right{
margin-top:3px;
margin-right:-5px;
padding-left:10px;
}

#nav .nav .collapse{
	margin:0;
	background:rgba(90,90,90,1);
}
#nav .nav .collapse li a{
	display:block;
	padding:6px 10px;
	padding-left:30px;
	text-decoration:none;
	font-weight:normal;
}
#nav .nav .collapse li a:hover{
	background:rgba(100,100,100,1);
}





/* search bar */
#nav .nav .navbar-search {
	position: relative;
	top: -5px;
	display:none;
}

#nav .navbar-search .search-query {	
	padding: 6px 9px 4px;	
	font-size: 12px;	
	background-color: #2B4055;	
	border-color: #1B2834;
}

#nav .navbar-search input:focus {
	background: #FFF;	
	color: #444;	
	border-color: #1B2834;}

#nav .navbar-search i {		
	color: #16222C;	
	font-size: 16px;
}

#nav .navbar-search .search-btn {	
	position: absolute;
	top: 4px;
	right: .2em;	
	background: none;	
	border: none;
}

#nav .pull-right {margin-right: .75em;}
#nav .nav > li.nav-icon{position:relative;}
#nav .nav > li.nav-icon > a {text-align:center;}

#nav .nav > li.nav-icon > a > i {
	font-size:24px;
	padding-left:5px;
}

#nav .nav > li.nav-icon > a > span {
	display: block;
	font-size:10px;
}

li.nav-icon .numbers-round{}


.typeahead{
	padding:4px;
}
.dropdown-menu>li>a{
	color:#444;
	padding: 3px 7px 4px;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
	background:rgb(3, 160, 250);

}




/* 
	BUTTONS 
*/



.btn {
font-family:'Roboto', 'sans-serif';
padding:.5945em .9em;
position:relative;
display: inline-block;
margin:0;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image:none;
background-color:rgb(130,130,130);
border:0;
white-space: normal;
word-wrap:break-word;
color:rgb(255,255,255);
font-size: 16px;
line-height:normal;
border-radius: 2px;

/*text-transform:uppercase; */ 
box-shadow:none;
text-shadow:none;

-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease; 


}

.btn > .fa {
	margin-left:0;
}
.btn > .fa + span{
	padding-left:.4em;
}
.btn > span + .fa{
	padding-left:.4em;
}




.btn:hover, 
.btn:focus,
.btn:active,
.btn.active,
.btn.active:focus {
	color:rgba(0,0,0,.8);
text-decoration: none;
background:none;
background-color:rgb(180,180,180);
outline:0;
outline-offset:0;
-webkit-transition: .15s ease;
-moz-transition: .15s ease;
transition: .15s ease; 

text-shadow: none;
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);

}
.btn:hover .fa,
.btn:focus .fa,
.btn:active .fa  {
text-shadow: 0 1px 1px rgba(255,255,255,.8);
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  box-shadow: none;
	text-shadow:none;
	-webkit-appearance: none;
    border:0 dotted rgb(100,100,100);
}


.btn.btn-grey{
	color:rgb(40,40,40);
	background-color:rgb(160,160,160);
	border-color:rgb(110,110,110);
	text-shadow:0 1px 0 rgba(255,255,255,.6);
}
	.btn.btn-grey .fa {
		text-shadow:0 1px 0 rgba(255,255,255,.6);
	}



.btn.btn-secondary{
box-shadow:none;
-webkit-transition: .2s ease;
-moz-transition: .2s ease;
transition: .2s ease; 

-webkit-transition-property: color, background, text-shadow, box-shadow;
-moz-transition-property: color, background, text-shadow, box-shadow;
transition-property: color, background, text-shadow, box-shadow;

color:rgb(80,80,80);
text-shadow: none;
background-color:rgb(170,180,170);
border-color:rgb(120,120,120);

}
.btn.btn-secondary .fa {
	text-shadow: none;
}

.btn.btn-secondary:hover, 
.btn.btn-secondary:focus,
.btn.btn-secondary:active,
.btn.btn-secondary.active,
.btn.btn-secondary.active:focus {

	background:rgb(160,160,160);
	
	border-color:rgb(150,150,150);

color:rgba(0,0,0,.7);
text-shadow: none;
box-shadow:inset 0 0 6px 2px rgba(0,0,0,.2);

outline:0;
-webkit-transition: .2s ease;
-moz-transition: .2s ease;
transition: .2s ease; 

-webkit-transition-property: color, background, text-shadow, box-shadow;
-moz-transition-property: color, background, text-shadow, box-shadow;
transition-property: color, background, text-shadow, box-shadow;

}
.btn.btn-secondary:hover .fa,
.btn.btn-secondary:focus .fa,
.btn.btn-secondary:active .fa  {
	color:rgba(0,0,0,.7);
	text-shadow: 0 1px 0 rgba(255,255,255,.6);
}

.btn.btn-inverse:hover, 
.btn.btn-inverse:focus,
.btn.btn-inverse:active,
.btn.btn-inverse.active,
.btn.btn-inverse.active:focus {
outline:0;
-webkit-transition: .2s ease;
-moz-transition: .2s ease;
transition: .2s ease; 

-webkit-transition-property: color, background, text-shadow, box-shadow;
-moz-transition-property: color, background, text-shadow, box-shadow;
transition-property: color, background, text-shadow, box-shadow;

text-shadow: 0 1px 0 rgba(255,255,255,.4);
color:#222;
}

.btn.btn-inverse:hover .fa,
.btn.btn-inverse:focus .fa,
.btn.btn-inverse:active .fa  {
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}


.btn-outline{
	border: 2px solid rgb(170,170,170);
    color: rgb(40,40,40);
    background-color: rgb(255,255,255);
		padding:.491em .85em;
}
.btn-outline:focus,
.btn-outline:hover{
	border: 2px solid rgb(190,190,190);
    color: rgb(40,40,40);
    background-color: rgb(255,255,255);
}
.btn-rounded{
	border-radius:10em;
}
.btn-fill{
	background-color: rgb(240,240,240);
}
.btn.btn-flat{
	box-shadow:none;
	background-color:transparent;
}
.btn.btn-flat:hover{
	box-shadow:none;
	background-color:rgba(0,0,0,.1);
}

.btn-large,.btn-lg{
	padding:.8em 1em;
}

.btn-small, btn-sm{
	font-size:13px;
	padding: .4em .6em;
}
.btn-mini, .btn-mn {
padding: 0 6px;
font-size: 11px;
border-radius: 2px;
}

.input-group-btn>.btn {
	margin:0;
}



.btn-group.open .btn-primary.dropdown-toggle {
	background:#444;
	
}
.btn-group .dropdown-menu{
	background:rgba(70,70,70,.99);
}
.btn-group .dropdown-menu li > a:hover, .btn-group .dropdown-menu li > a:focus, .btn-group .dropdown-submenu:hover > a {
	background:#666;
	text-shadow:none;
}

.btn-group .dropdown-menu .divider{
	background: #222;
border-bottom: 1px solid #666;
}

/* text-colors: */
.text-green{
	color:rgb(0,200,81);
}
.text-orange{
	color:rgb(255,136,0);
}
.text-blue{
	color:rgb(51,181,229);
}
.text-red{
	color:rgb(204,0,0);
}

/* buttons colors */
.btn.btn-success, .btn.btn-green{
	background-color:rgb(0,200,81);
}
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-green:hover,
.btn.btn-green:focus{
	background-color:rgb(0,210,85);
}
.btn.btn-info, .btn.btn-blue{
	background-color:rgb(51,181,229);
}
.btn.btn-info:hover,
.btn.btn-info:focus,
.btn.btn-blue:hover,
.btn.btn-blue:focus{
	background-color:rgb(74,189,232);
}
.btn.btn-warning, .btn.btn-orange{
	background-color:rgb(255,136,0);
}
.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn.btn-orange:hover,
.btn.btn-orange:focus{
	background-color:rgb(255,150,31);
}
.btn.btn-danger, .btn.btn-red{
	background-color:rgb(204,0,0);
}
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-red:hover,
.btn.btn-red:focus{
	background-color:rgb(219,0,0);
}

.btn-outline.btn-green{
	 background-color: rgb(255,255,255);
	border-color:rgb(0,200,81);
	color:rgb(0,200,81);
}
.btn-outline.btn-green:focus,
.btn-outline.btn-green:hover{
	 background-color: rgb(255,255,255);
	border-color:rgb(0,210,85);
	color:rgb(0,210,85);
}

.btn-outline.btn-blue{
	 background-color: rgb(255,255,255);
	border-color:rgb(51,181,229);
	color:rgb(51,181,229);
}
.btn-outline.btn-blue:focus,
.btn-outline.btn-blue:hover{
	 background-color: rgb(255,255,255);
	border-color:rgb(74,189,232);
	color:rgb(74,189,232);
}
.btn-outline.btn-orange{
	 background-color: rgb(255,255,255);
	border-color:rgb(255,136,0);
	color:rgb(255,136,09);
}
.btn-outline.btn-orange:focus,
.btn-outline.btn-orange:hover{
	 background-color: rgb(255,255,255);
	border-color:rgb(255,150,31);
	color:rgb(255,150,31);
}
.btn-outline.btn-red{
	 background-color: rgb(255,255,255);
	border-color:rgb(204,0,0);
	color:rgb(204,0,0);
}
.btn-outline.btn-red:focus,
.btn-outline.btn-red:hover{
	 background-color: rgb(255,255,255);
	border-color:rgb(219,0,0);
	color:rgb(219,0,0);
}



.cf:before,
.cf:after {
    content: " "; 
    display: table; 
}

.cf:after { clear: both; }


label.valid {
	position: relative;
	top: 1px;
		  width: 24px;
		  height: 24px;
		  background: url(../img/validate/valid.png) center top no-repeat;
		  display: inline-block;
		  text-indent: -9999px;
		}
label.error {
	font-weight: 700;
    color: rgb(185, 74, 72);
    flex: 0 1 80px;
    font-size: 10px;
    padding: 0 .5em;
    line-height: normal;
    position: relative;
    z-index: 2;
    margin-right: -3.5em;
}

	
.chart-holder { height: 350px; }
.clear { clear: both; }
.shortcuts { text-align: center;}

.shortcuts .shortcut { 
	width: 30%;
	display: inline-block;
	padding: 12px 0;
	margin: 0 .9% 1em;
	vertical-align: top;	
	text-decoration: none;
	
	background: #E9E9E9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0,#FAFAFA), color-stop(100%,#E9E9E9)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FAFAFA 0,#E9E9E9 100%); /* Chrome10+,Safari5.1+ */
	background:linear-gradient(top, #FAFAFA 0,#E9E9E9 100%); /* W3C */
	
	border: 1px solid #D8D8D8;	
	border-radius: 5px;
	
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	  transition: background .3s ease-in-out;

		
}

.shortcuts .shortcut:hover { background: #444; }

.shortcuts .shortcut .shortcut-icon {
	margin-top: .25em;
	margin-bottom: .25em;
	font-size: 32px;
}
.shortcuts .shortcut:hover .shortcut-icon { color: #fff; }

.shortcuts .shortcut-label {
	display: block;	
	font-weight: 400;
	color: #444;
}
.shortcuts .shortcut:hover .shortcut-label {color: #FFF; }



.item-row {
	display: table;	
		width: 100%;
	padding: 25px 0;	
	border-top: 1px dotted #CCC;
}

.item-row:first-child {
	border-top: none;
}

.item-label {
	display: table-cell;
	padding-left: 15px;	
	vertical-align: top;
	width: 165px;	
	font-weight: 700;
}

.item-content {
	position: relative;	
	display: table-cell;
	padding-right: 15px;
	vertical-align: top;
}



.pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span {
color: white;
background: #cd3129;
background-image:none;
border-color:#791E19;
}



/* datepickers */
    
.ui-datepicker {
  padding: 4px;
  margin-top: 1px;
  border-radius: 4px;
  direction: ltr;

}
.ui-datepicker-inline {
  width:auto;
}	

.ui-datepicker .table-condensed{
	border-collapse:separate;
	border-spacing:0;
}

.ui-datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.ui-datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.ui-datepicker-week-end{
	color:#316AB7;
		background:#f5f5f5;
}
.ui-datepicker-week-end:nth-child(1){
border-radius: 5px 0 0 0;

}
.ui-datepicker-week-end:last-child{
border-radius: 0 4px 0 0;
}


	
	
	
	
	
	
/* progress bars */
.progress-primary .bar{
	border-color:#791E19;	
	background: rgb(205,49,41);

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjY2QzMTI5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkMzEyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0,rgba(205,49,41,1)), color-stop(100%,rgba(205,49,41,1)));
background: -webkit-linear-gradient(45deg,  rgba(205,49,41,1) 0,rgba(205,49,41,1) 100%);
background: linear-gradient(45deg,  rgba(205,49,41,1) 0,rgba(205,49,41,1) 100%);
}
.progress-secondary .bar {
	border-color:#FAB241;
	background: rgb(249,191,104);

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5YmY2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWIyNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(249,191,104,1)), color-stop(100%,rgba(250,178,65,1)));
background: -webkit-linear-gradient(top,  rgba(249,191,104,1) 0,rgba(250,178,65,1) 100%);
background: linear-gradient(to bottom,  rgba(249,191,104,1) 0,rgba(250,178,65,1) 100%);
}

.progress-tertiary .bar {
	background: rgb(196,196,196);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0YzRjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhN2E3YTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(196,196,196,1)), color-stop(100%,rgba(167,167,167,1)));
background: -webkit-linear-gradient(top,  rgba(196,196,196,1) 0,rgba(167,167,167,1) 100%);
background: linear-gradient(to bottom,  rgba(196,196,196,1) 0,rgba(167,167,167,1) 100%);
}




.progress-primary.progress-striped .bar {
background-color: #cd3129;

background: rgb(205,49,41);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjY2QzMTI5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkMzEyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0,rgba(205,49,41,1)), color-stop(100%,rgba(205,49,41,1)));
background: -webkit-linear-gradient(45deg,  rgba(205,49,41,1) 0,rgba(205,49,41,1) 100%);
background: linear-gradient(45deg,  rgba(205,49,41,1) 0,rgba(205,49,41,1) 100%);
}

.progress-secondary.progress-striped .bar { 
background-color: #FAB241; 

}
.progress-tertiary.progress-striped .bar { 
 background-color: #A7A7A7; 

 }
 
 

/*------------------------------------------------------------------

	[Widget Styling]

	Project:		Backoffice 2 (halfway shopper)
	Version:		1.5
	Last change:	21-09-2017
	Assigned to:	Philip van Heijningen (PVH)

-------------------------------------------------------------------*/

.widget {	
	position: relative;
	clear: both;	
	width: 100%;	
	margin-bottom: 1em;
	border-radius:3px;
	border: 1px solid rgb(200,200,200);	
	background:rgb(255,255,255);
}
.widget > .widget{margin:0;}



/*---[ #CONTAINER WIDGET ]---*/



.badge-mini{font-size:8px;padding:2px;border-radius:3px;}
.label-small{font-size:11px;padding:2px;line-height:normal!important;}

.label > .fa{
	margin-right:.5em;
}

/*----[WIDGET HEADER]----*/	

	
.widget-header {	
height:40px;
position: relative;			
background-color:rgb(240,240,240);
border-bottom:1px solid rgb(200,200,200)	;
border-radius:3px 3px 0 0;
}	
	
.widget-header.form-items{
height:auto;
	padding-top:3px;

}

.widget-header.form-items .btn,
.widget-header.form-items input,
.widget-header.form-items textarea{
	margin-bottom:5px;
}
	
.widget-header h3 {			
position: relative;
margin:0;
padding:0;
left: .5em;			
display: inline-block;
margin-right: 3em;			
font-size:16px;	
font-weight: 700;
			
}
	
.widget-header h3 [class^="icon-"], .widget-header h3 [class*=" icon-"],
.widget-header h3 [class^="fa-"], .widget-header h3 [class*=" fa-"] {
position: relative;
padding-right: .5em;				

}
			
.widget-header .btn{
line-height:24px;
padding:2px 10px;
}

.widget-header > .btn{
	padding:8px 14px;
}

.widget-header .widget-actions {
	vertical-align: top;		
	margin:0;
  float:right;
  display:inline-block;
}

.widget-header .widget-actions.fleft{
	float:left;
	margin-left:.5em;	
}

.widget-header .widget-actions .btn-group .btn,
.widget-header .widget-actions  > .btn {
margin:0;	
	border:0;
	border-radius:0;		
	padding:8px 14px;
}

.widget-header .widget-actions .btn-group .btn+.btn {
	margin-left: -4px;
}


.widget-header .widget-actions .dropdown-menu {
	top: 93%;	
	left: auto;
	right: 0;	
}


.widget-header .widget-actions input {
	position: relative;
	top: 4px;	
	padding: 3px;
}



/*----[ WIDGET Toolbar]----*/

.widget > .widget-toolbar {	
	border-top: 1px solid #CCC;	
	border-bottom: 1px solid #CCC;	
	border-radius: 2px 2px 0 0;
	padding:.2em;
}

.widget .widget-header+.widget-toolbar {
	border-top: none;	
	border-radius: 0;
}

.widget.toolbar-bottom > .widget-toolbar {
	background-color:rgb(240,240,240);
	border-radius:0;
	box-shadow:none;
	min-height:48px;		
}


.widget.toolbar-bottom > .widget-content{
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}


.widget .widget-toolbar .btn,
.widget .widget-toolbar .btn-group {
	float: none;	
	display: inline-block;
}

.widget .widget-toolbar .btn-group {
	margin-right: .5em;
}

.widget .widget-toolbar .btn-group .btn {
	margin-right: -3px;
}


.wdiget-header > input,
.widget-header > textarea,
.widget-header >.uneditable-input,
.widget-header > .btn-group > input{
	width:auto;
}

.widget-header + .widget-content,
.widget-tabs + .widget-content,
.widget-toolbar + .widget-content {
	border:0;	
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}




/* ---[	WIDGET CONTENT ]-----*/

.widget-content {
	position:relative;
	padding:0;
	background: #FFF;	
	border: 0 solid #CCC;	
  border-radius:0 0 3px 3px;
}
/*
.touch .widget-content > * {
    -webkit-transform: translate3d(0, 0, 0);
		  -moz-transform: translate3d(0, 0, 0);
			 -ms-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}
	*/
.widget-content >.widget-content{
	background-color:transparent;
	background:transparent;
}

/* For modern browsers */
.widget-content:before,
.widget-content:after {
    content:"";
    display:table;
}

.widget-content:after {
    clear:both;
}

.widget-content form{
	margin:0;
}




/*----[ WIDGET CONTENT DATA OBJECTS ]----*/

.widget-content[data-scroll-direction="vertical"]{
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;	
    -ms-overflow-style:auto;		
	}
.widget-content[data-scroll-direction="horizontal"]{
	overflow-y:hidden;
	overflow-x:auto;
	-webkit-overflow-scrolling: touch;				
}
.widget-content[data-scroll-direction="both"]{
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}

.widget-content[data-content-type="form"]{
    padding:.4em 0 0 .4em;
}

.widget-content[data-content-type="form"] .ext-search{
-webkit-box-flex:0;
    -ms-flex:0 0 100%;
        flex:0 0 100%;
				margin:0 -.2em .25em .1em;
}
.widget-content[data-content-type="form"] .ext-search .form-inline{
display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-flow:row wrap;
	 flex-flow:row wrap;
}

		


/*----[ #CONTAINERS WIDGET CONTENT ]----*/

#content-container .widget-content{
	min-height: 100px;
}
		
#sr-details-container.full{
	position:absolute;
	z-index:1000;
	top:40px;
	width:96.111%;
	height:96.111%;
}

#sr-details-container.full .widget-content{
	height:90% !important;
}


#search-container > form > .widget{
	margin-bottom:.5em;
}

#search-container .widget-content[data-content-type="form"],
.widget-content[data-content-type="form"] > form.form-inline,
.modal-body .widget-content[data-content-type="form"],
.widget-content[data-content-type="form"] .form-inline {
margin:0;
	display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:start;
    -ms-flex-pack:start;
        justify-content:flex-start;
				-ms-flex-wrap:wrap;
    flex-wrap:wrap;

}







/*----[WIDGET CONTENT Tables]----*/

.widget-content[data-content-type="table"] {
	padding:0;
	margin:0;
	overflow-x:scroll;
	-webkit-overflow-scrolling:touch;

	display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
    -ms-flex-direction:column;
        flex-direction:column;
-webkit-box-pack:start;
    -ms-flex-pack:start;
        justify-content:flex-start;


}
.widget-content[data-content-type="table"] .table{
	font-size:14px;
}
.widget-content[data-content-type="table"] .table thead th{ 
padding:4px;
position:relative;

}
.widget-content[data-content-type="table"] .table tbody td{
padding:4px;
}
.widget-content[data-content-type="table"] .table th:not(:first-child), 
.widget-content[data-content-type="table"] .table td:not(:first-child){
border-left:1px solid #eaeaea;
white-space:nowrap; /* WAS PRE? DONT KNOW WHY ANYMORE */
}


/*---{ WIDGETTABS / TABS]
*/

.nav-tabs > li a{ color:#666;}
.nav-tabs li a:hover{
		color:#555;
		background:#f1f1f1;
		border-color: #EEE #EEE #DDD;
}

.nav-tabs > li.active a{
background:#fff;
border: 1px solid #ccc;
border-bottom-color: transparent;
color:#000;
box-shadow: 1px -2px 2px 0 rgba(0,0,0,0.1);
}
.nav-tabs li.active a:hover{color:#000;}


.widget-content .nav-tabs{
	margin:.2em 0 0 0;	

	}
.widget-content .tab-content{
	padding:.3em;
	border:1px solid rgb(221,211,211);
	border-top:0 solid;
	border-radius:2px;

}



/*---[ WIDGET-CONTENT MISC ]---*/
.widget-content > .well{
	border-width: 0 0 1px 0;
}




/*------[PANELS]------*/

/*------------------------------------------------------------------
[*. Accordion]
*/

.widget.widget-accordion .widget-content {
	padding: 0;
}

.widget.widget-accordion .accordion {
	margin-bottom: 0;
}

.widget.widget-accordion .accordion-group {
	margin-top: -1px;
	margin-bottom: 0;
	border-color: #bbb;
	border-bottom: none;
	border-right: none;
	border-left: none;
	border-radius: 0;
}

.widget.widget-accordion .accordion-heading {
	position: relative;
	border: none;
	border-bottom: 1px solid #BBB;
}

.widget.widget-accordion .accordion-toggle {
	color: #263849;
	font-size: 13px;
	font-weight: 700;
}

.widget.widget-accordion .accordion-toggle:hover {
	text-decoration: none;
}


.widget.widget-accordion .toggle-icon {
	position: absolute;
	top: 9px;
	right: 1em;	

	color: #555;
	font-size: 15px;
}


.widget.widget-accordion .accordion-group.open .toggle-icon {
	text-shadow: 0 -1px 0 #222; 
	color: #efefef;
}


.widget.widget-accordion .accordion-group.open .accordion-toggle {
	text-shadow: 0 -1px 0 #222; 
	color: #ffffff; 

background: rgb(102,102,102);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(102,102,102,1)), color-stop(100%,rgba(85,85,85,1)));
background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 1%,rgba(85,85,85,1) 100%);
background: linear-gradient(to bottom,  rgba(102,102,102,1) 1%,rgba(85,85,85,1) 100%);

}


.widget.widget-accordion .accordion-group.open .accordion-heading {	
	border-bottom: 1px solid #16222C !important;
}

.widget.widget-accordion .accordion-group:last-child .accordion-heading {
	border-bottom: none;
}






/*------------------------------------------------------------------
[*. Form]
*/

/* 
textarea,
select, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input input[type="text"]{
	height:30px;
	margin-bottom:5px;
}

	*/


/*
.input-append .add-on:last-child:not(.hidden),
.input-append .btn:last-child:not(.hidden),
.input-append .btn-group:last-child:not(.hidden)>.dropdown-toggle{
	border-radius:0 4px 4px 0;
	}
*/

input[type="file"]{
	visibility:hidden;
	opacity:0;
}

/* widget forms */

.widget-form .form,
.widget-form .form-horizontal {
	margin-top: .5em;
	margin-bottom: 0;
}

.widget-form .control-group {
	padding: 15px 0 25px 0;
	margin-bottom: 0;	
	border-top: 1px dotted #CCC;
	
}

.widget-form .control-group:first-child {
	border-top: none;
}

.widget-form .form-actions {
	margin-bottom: 0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.widget-form .widget-content {
	padding: 0;
}

.widget-form .form-inline,
.form-inline{
	/*margin:5px;*/	
}



/* raddio and checkboxes */
input[type="checkbox"], input[type="radio"] {
-webkit-appearance: none;
opacity:0;
}

.checkbox::before,
.radio::before{
color: rgb(214, 214, 214);
border:1px solid rgb(120,120,120);
position:absolute;
width:24px;
height:22px;
padding:0;
border-radius:3px;
content: "";
cursor: pointer;
font-family: FontAwesome;
margin:0;
margin-top:-2px;
margin-left:-30px;
font-size:16px;	
text-align:center;
text-shadow:0 -1px 0 rgba(0,0,0,.2);
}

.radio::before{
	border-radius:50%;
}

.checkbox.checked::before{
background:#03A0FA;
color:#fff;
content: "\f00c";
}
.radio.checked::before{
background:#03A0FA;
color:#fff;
font-size:12px;
content: "\f111";
}

.checkbox.disabled::before,
.radio.disabled::before{
background:rgb(244, 244, 244);
color: rgb(214, 214, 214);
content: "";
}

.checkbox.disabled.checked::before{
background:rgb(160, 160, 160);
color: rgb(214, 214, 214);
content: "\f00c";
}
.radio.disabled.checked::before{
background:rgb(244, 244, 244);
color: rgb(214, 214, 214);
content: "\f111";
}

.checkbox p, .radio p{
	font-size:14px;
	line-height:normal;
}

label.radio, label.checkbox{
 cursor:pointer;
	padding-right:5px;
padding-left:30px;
}

.checkbox.disabled, .radio.disabled {
    color: rgb(100,100,100);
}



/* Overal input setting*/
input[type="text"]:not(.select2-input), 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input, 
select {
/*color:rgb(40,40,40);*/
border-radius:2px;
border:1px solid rgba(0,0,0,.4);
padding:0 .5em;
line-height:normal;

box-shadow:none;
vertical-align:top;
height:40px;

	-webkit-box-flex:1;
    -ms-flex:1 0 180px;
        flex:1 0 180px;

}


textarea{
/*color:rgb(40,40,40);*/
border-radius:2px;
border:1px solid rgba(0,0,0,.4);
height:4em;
max-width:none;
overflow-y:auto;
-webkit-overflow-scrolling: touch;

-webkit-box-flex:1;
    -ms-flex:1 0 0%;
        flex:1 0 0%;

}
textarea.resize-v{
	resize: vertical;
}


/* overal input settings */
textarea[readonly], 
input[type="text"][readonly], 
input[type="password"][readonly], 
input[type="datetime"][readonly], 
input[type="datetime-local"][readonly], 
input[type="date"][readonly], 
input[type="month"][readonly], 
input[type="time"][readonly], 
input[type="week"][readonly], 
input[type="number"][readonly], 
input[type="email"][readonly], 
input[type="url"][readonly], 
input[type="search"][readonly], 
input[type="tel"][readonly], 
input[type="color"][readonly], 
.uneditable-input[readonly], 
select[readonly]{
	color:rgb(80,80,80);
	border:1px dashed rgba(220,220,220,1);
	background-color:rgba(250,250,250,1);

}

	textarea:focus,
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	.uneditable-input:focus,
	select:focus {
		box-shadow: inset 1px 1px 4px 0 rgba(0,0,0,.2);
		outline: none;
	}


	

/* select2 overrules */
.select2-container{
	padding:0;	
	min-height:40px;
	min-width:80px;
-webkit-box-flex:1;
    -ms-flex:1 0 180px;
        flex:1 0 180px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
}
.select2-container .select2-choice{
	background-image:none;
color:rgb(40,40,40);
border-radius:2px;
border:1px solid rgba(0,0,0,.4);
padding:0 0 0 .5em;
height:40px;
line-height:40px;
-webkit-appearance: none;
box-shadow:none;
vertical-align:top;

	-webkit-box-flex:1;
    -ms-flex:1 1 auto;
        flex:1 1 auto;

}


.select2-container .select2-choice .select2-arrow{
background-image:none;
	border-radius:0;
	width: auto;
	padding:0 .4em;
	background:rgb(130,130,130);
}


.select2-container .select2-choice .select2-search-choice-close{
	right:30px;
	top:0;
	width:34px;
	height:40px;
	background:none;
	

}
.select2-container .select2-choice .select2-search-choice-close::after{
	position:absolute;
	font-family:FontAwesome;
	font-size:20px;
	content:"\f00d";
	text-align:center;
	vertical-align:middle;
	top:50%;
	color:rgb(180,180,180);
	transform:translateY(-50%);
	right:0;
	width:34px;


}

.select2-container.select2-allowclear .select2-choice .select2-chosen{
	margin-right:60px;
	
}


.select2-container .select2-choice .select2-arrow b{
	background-image:none !important;
}

.select2-container .select2-choice .select2-arrow b::after{
	font-family:FontAwesome;
	top:0%;
	left:0%;	
	position:relative;		
	content:"\f078";
	text-shadow:0 -1px 0 rgba(0,0,0,.4);
}
.select2-search {
	padding:2px;
	 border:0;
	border-bottom:1px solid #aaa;
}


.select2-search input{
    width:98%;
	border-radius:2px;
	padding:.5em .8em;
    margin:.3em;
	  background: rgb(239, 239, 239);
    color: rgb(34, 34, 34);
}

.select2-results{
	padding:0;
	margin:0;
}

.select2-results .select2-result-label{
   padding:.5em .8em;
    border-bottom:1px solid #ccc;

}

.select2-results .select2-highlighted{
    background-color:rgba(230,230,230,1);
}	

.select2-drop-active{
	border:1px solid rgb(170,170,170);
	border-top:0;
		box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
}


/* disabled select 2*/

.select2-container.select2-container-disabled .select2-choice .select2-arrow{
	display:block;
}

.input-append .select2-container .select2-arrow{
	border-right:1px solid rgba(0,0,0,.3);
}


/* SELECT2 V4.x Overrules */
.select2-container--default .select2-selection--single .select2-selection__arrow b{
	background-image:none !important;
	border-width:0;
	border-color:transparent;
	margin:0;
	top:2px;
	left:5px;
	font-size:10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b::after{
	position:relative;	
	font-family:FontAwesome;
	content:"\f078"; /*content:"\f13a";*/
	text-shadow:0 -1px 0 rgba(0,0,0,.4);
	
}

.select2-container--default .select2-selection--single .select2-selection__clear{
	width:16px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
	background-image:none !important;
	border-width:0;
	border-color:transparent;
	margin:0;
	top:0;
	left:5px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::after{
	content:"\f077";
}





/* INLINE FORM */
.form-inline .btn,
.form-inline .btn-group, 
.form-inline label, 
.form-inline select, 
.form-inline .chzn-container, 
.form-inline .btn-group .btn, 
.form-inline textarea,
.form-inline input[type="text"],
.form-inline input[type="password"],
.form-inline input[type="datetime"],
.form-inline input[type="datetime-local"],
.form-inline input[type="date"],
.form-inline input[type="month"],
.form-inline input[type="time"],
.form-inline input[type="week"],
.form-inline input[type="number"],
.form-inline input[type="email"],
.form-inline input[type="url"],
.form-inline input[type="search"],
.form-inline input[type="tel"],
.form-inline input[type="color"],
.form-inline .select2-container {
	margin-bottom:.4em;
	margin-right:.4em;
	vertical-align:top;
}

.form-inline input:not([style="display:none"]) + .btn:not(.search-btn){
	margin-left:-.4em;
	border-radius:0 2px 2px 0;
}

.form-inline .input-prepend .btn {
box-shadow:none;
border-radius:2px;
}
.form-inline .input-prepend .btn:last-of-type{
border-radius:2px 0 0 2px;
}
.form-inline .input-prepend .btn + .btn:last-of-type{
border-radius:0;
}


.form-inline .input-prepend .btn:hover,
.form-inline .input-prepend .btn:active,
.form-inline .input-prepend .btn:focus,
.form-inline .input-prepend .btn.active,
.form-inline .input-prepend .btn.active:active{
	box-shadow:none;
}



.form-horizontal textarea { 
	height:12em;
	max-width:none;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
	 }



.form-horizontal .controls > .btn{
    margin-bottom:.3em;
}

.form-horizontal .control-action-buttons{
	margin-top:.5em;
	margin-bottom:.5em;
}

/* HORIZONTAL FORMS FLEXBOXED */
.form-horizontal .control-group{
position:relative;
	margin-top:.5em;
	margin-bottom:.5em;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
    -ms-flex-align:start;
        align-items:flex-start;
}


.form-horizontal .control-group.group-seperator{
position:relative;
margin-bottom:.4em;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
    -ms-flex-align:start;
        align-items:flex-start;
				border-bottom:1px solid rgb(180,180,180);
}

.form-horizontal .control-group > .control-label {
float:none;
padding:.8em .62em 0 0;
width:auto;
margin:0;
position:relative;
line-height:normal;

-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.form-horizontal .control-group.group > .control-label {
float:none;
padding:.8em 0 0 0;
width:auto;
}


.form-horizontal .control-label .input-required{
	position:absolute;
	right:-2px;
	top:4px;
	font-size:18px;
}

.form-horizontal .control-group.group > .control-label .input-required {
right:-10px;
}

.form-horizontal .control-group > .control-label[data-toggle=popover]{
	color:rgb(0,0,0);

}

.form-horizontal .control-group > .controls {
margin:0 1em 0 1em;
position:relative;

-webkit-box-flex: 1;
-ms-flex: 2 0 0%;
flex: 2 0 0%;

display:-webkit-box;
display:-ms-flexbox;
display:flex;


}


/* group (not inline) for horizontal forms */
.control-group.group > .controls{
background:rgb(250,250,250);
border:1px solid #cfcfcf;
border-radius:2px;
padding:.3em .2em .3em .3em;
margin-left:1.20em;

-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
        flex-flow:row wrap;
}

.control-group.group > .controls:hover,
.control-group.group > .controls:focus{
background:rgb(240,240,240);
}

.control-group.group > .controls label{
	display:block;
	padding-right:.2em;
	margin-bottom:.3em;
}


.form-horizontal .control-action-buttons .btn-group{
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}

.form-horizontal .control-action-buttons .btn-group .btn{
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
margin:.3em;		
}

.form-horizontal .controls .btn-group .btn:hover {
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
}



/* inline group for horizontal forms */
.controls.inline-group{
border:0;
padding-left:0 .3em;
background:rgba(0,0,0,.05);

}
.controls.inline-group input:nth-child(n+1){
margin-top:5px;
}

.control-group.inline{
padding-bottom:5px;
}
.control-group.inline .control-label{
font-weight:800;
}
.control-group.inline > .controls{
border:1px solid rgba(0,0,0,.3);
border-radius:2px;
padding:.3em;
display:block;
margin-top:-30px;
}

.control-group.inline > .controls:before{
	position:absolute;
	content:"";
}

.control-group.inline > .controls label{
	display:inline-block;
	padding-right:5px;
	margin-bottom:5px;
}

.control-group.group > .controls .checkbox,
.control-group.inline > .controls .checkbox,
.control-group.inline > .controls .radio{
	display:inline-block;
	margin-top:0;
	padding:5px 16px 0 30px;
	
}



.control-group > .controls .checkbox-help-group{
	display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
    -ms-flex-direction:row;
        flex-direction:row;
-ms-flex-wrap:wrap;
    flex-wrap:wrap;
		-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;

				-webkit-box-flex:1;
    -ms-flex:1 1 100%;
        flex:1 1 100%;

				margin-top:.5em;
				margin-bottom:.5em;

}
.control-group.group > .controls .checkbox-help-group {
	-webkit-box-flex:1;
    -ms-flex:1 1 auto;
        flex:1 1 auto;
}


.control-group.group > .controls .date-fixer ~ .checkbox-help-group {
padding-left:.4em;
padding-top:.2em;
}

.control-group > .controls .checkbox-help-group > .checkbox {
   -webkit-box-flex:0;
     -ms-flex:0 0 0;
         flex:0 0 0;	
				 padding: 0;
				 margin:0;
				 margin-left:30px;					
}
.control-group > .controls .checkbox-help-group > .checkbox input[type=checkbox]{
	float:none;
	margin:0;
	opacity:0;
	border:1px solid blue;
	margin-left:-30px;
	height:20px;
	width:22px;
}
.control-group > .controls .checkbox-help-group > .checkbox input[type=checkbox]::before{
	margin:0 0 0 -30px;
}

.control-group > .controls .checkbox-help-group > .checkbox-help {
     -webkit-box-flex:1;
     -ms-flex:1 1 20%;
         flex:1 1 20%;

				-webkit-box-align:start;
       -ms-flex-align:start;
           align-items:flex-start;
				
				 
}


.control-group.inline > .controls input{
	display:inline-block;
		margin-bottom:5px;

}




/* Inline forms */

.form-inline td>.btn{
	margin-bottom:0;
}
.form-inline .checkbox {
	margin-left:28px;
}


.form-inline label{
	margin-right:.3em;
	min-width:7em;
	line-height:normal;
}
.form-inline .inline-group,
.controls.inline-group{
	display:inline-block;
	border:0 solid #efefef;
	border-radius:4px;
	padding-left:5px; padding-right:5px;
	background:#f8f8f8;
	line-height:30px;
		margin-bottom:5px;	
}
.form-inline .inline-group input[type="text"]{
	margin-bottom:0;
}
.form-inline .inline-group label{
	margin-bottom:0;
}


.form-inline .btn-group+.btn-group {
margin-left: 0;margin-right:5px;
}

.form-inline .inline-group.padded{
padding:5px;
padding-bottom:0;
}
.form-inline .inline-group.padded .btn-group .btn{
margin:0 !important;
}
 

.form-horizontal .input-append, 
.form-horizontal .input-prepend{
font-size:inherit;

display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:start;
    -ms-flex-pack:start;
        justify-content:flex-start;
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
}

	.form-horizontal .input-append .add-on,
	.form-horizontal .input-prepend .add-on {
		height: auto;
		padding:.6em;

	}

.input-append input:not([style="display:none"]) ~ .btn{
	border-radius:0;
	margin:0;
	margin-left:-1px;
	border-left:1px solid rgba(0,0,0,.2);
	 -webkit-box-flex: 0;
        -ms-flex: 0 0 1em;
            flex: 0 0 1em;

}


.input-append input:not([style="display:none"]) ~ .btn:last-of-type{
	border-radius:0 3px 3px 0;
	border-right:0;
}

.form-horizontal .input-append ~ .btn:first-of-type {
	border-radius:3px 0 0 3px;
}

#sr-details-container .form-horizontal .input-append + input:not([type="checkbox"]),
#sr-details-container .form-horizontal .input-append + input:not([type="radio"]),
#sr-details-container .form-horizontal .input-append + input:not([style="display:none"]),
#sr-details-container .form-horizontal .input-append + select,
#sr-details-container .form-horizontal .input-append + .select2{
	-webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
      flex: 1 0 0%;
}


.control-group.group > .controls .input-append, 
.control-group.group > .controls .input-prepend{
	margin-bottom:.3em;
	margin-right:.3em;
}
.control-group.group > .controls > input {
		margin-right: .3em;
		margin-bottom:.3em;
}

.input-append .add-on:last-child, 
.input-append .btn:last-child, 
.input-append .btn-group:last-child > .dropdown-toggle{
	height:inherit;

	-webkit-box-flex:0;
    -ms-flex:0 1 3em;
        flex:0 1 3em;
}












/* 
	BTN GROUPS
*/

.btn-group > .btn:last-child, 
.btn-group > .dropdown-toggle{
	border-radius:2px;
}


/* field validation errors*/
.field-validation-error span{
	line-height:2.2;

}



/*	Search container form */
#search-container > form{
	margin:0;
}
textarea.no-resize{
	resize: none;
}
#search-container textarea {
    max-height: 40px;
    min-width: 60px;
    flex: 0 1 180px;
    line-height: 2.1;
}



/* text editor */
.wysihtml5-sandbox { width:90% !important;height:80% !important}


#content.full-editor #sr-details-container .wysihtml5-sandbox{
		height: 40vh !important;
	}

/* full-editor */
@media (max-width:1024){
	#content.full-editor #result-selection,
	#content.full-editor #mr-view-container,
	#content.full-editor #sr-group-container
	{
		display:none !important;
	}
	#content.full-editor #sr-details-container{
		height:50vh !important;
	}
	
	#content.full-editor #sr-details-container .wysihtml5-sandbox{
		height: 40vh !important;
	}
		
	#content.full-editor .widget.has-editor > .widget-content{
		height:50vh !important;
	}
}





/*-------------------------------------------------------------
[ Widget lists ]
*/


.widget-content[data-content-type="list"]{
	padding:0;
	margin:0;
}
.widget-content .list-items{
	padding:0;
	margin:0;
	list-style:none;
}

.widget-content .list-items li h1,
.widget-content .list-items li h2,
.widget-content .list-items li h3,
.widget-content .list-items li h4,
.widget-content .list-items li span.secondary{
	margin:0;
	line-height:normal;
	display:block;
	vertical-align:top;
	
}

.widget-content .list-items li h1,
.widget-content .list-items li h2,
.widget-content .list-items li h3{
	font-size:12px;
	font-weight:600;
}

.widget-content .list-items li{
	position:relative;
	min-height:50px;
	font-size:12px;
	margin:0;
	list-style:none;
	border-top:0;
	border-bottom:1px solid #e0e0e0;
	padding:4px 8px 4px 4px;
	
	cursor:pointer;

}


.btn.loading-item,
.widget-content .list-items li.active.loading-item{
	pointer-events: none;
  cursor: not-allowed;
	z-index:1;
}

.btn.loading-item > .fa{
	opacity:0;
}

.btn.loading-item:before,
.widget-content .list-items li.active.loading-item:before{
	 content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-left-color: transparent;
  border-radius: 50%;
  opacity: .9;
	z-index:1;

  -webkit-transition-duration: 0.5s;
	  -moz-transition-duration: 0.5s;	
  transition-duration: 0.5s;
	
  -webkit-transition-property: opacity;
	-moz-transition-property: opacity;
  transition-property: opacity;

  -webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;	
  animation-duration: 1s;
	 
  -webkit-animation-iteration-count: infinite;
	 -moz-animation-iteration-count: infinite;	
  animation-iteration-count: infinite;
	
  -webkit-animation-name: spinloader;
	 -moz-animation-name: spinloader;	
  animation-name: spinloader;
	
  -webkit-animation-timing-function: linear;
	 -moz-animation-timing-function: linear;	
  animation-timing-function: linear;

			-webkit-transition-delay: 0.2s;
			-moz-transition-delay: 0.2s;			
		transition-delay: 0.2s;		

}

.btn.loading-item:before{
	left:12px;
		border-width:3px;
	right:8px;
}


.widget-content .list-items li.active:before{
	right:2px;
	top:12px;
}


.btn.loading-item:after,
.widget-content .list-items li.active.loading-item:after {
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  width: 20px;
}
.btn.loading-item:after{
		min-width:14px;
		width:auto;
}


.list-items > li > span.fa-spin{
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}


.widget-content .list-items li .icon-3x.pull-right,
.widget-content .list-items li .fa-3x.pull-right{
width:auto;
opacity:0;
margin-top:-4px;
}
.widget-content .list-items li .icon-2x.pull-right,
.widget-content .list-items li .fa-2x.pull-right{
width:auto;
opacity:0;
margin-top:1px;
}

/* active list item */


.widget-content .list-items li.active .pull-right,
.widget-content .list-items li.active i{
	color:#FFF;
	opacity:1;
}





/*------------------------------------------------------------------
[*. Full Calendar]
*/

.fc-header-title h2{ font-size:16px;}


/* large pepper icons */
.icon-pepper-large-red{background-image: url('../img/pepper-icon-large-red.png'); width:32px;height:41px; }
.icon-pepper-large-white{background-image: url('../img/pepper-icon-large-white.png'); width:32px;height:41px;}

.icon-3x {font-size: 3em;}


a:hover .icon-pepper-large-red{background-image: url('../img/pepper-icon-large-white.png'); width:32px;height:41px; }

/* medium pepper icons */
.icon-pepper-medium-red{background-image: url('../img/pepper-icon-medium-red.png'); width:15px;height:19px;}
.icon-pepper-medium-white{background-image: url('../img/pepper-icon-medium-white.png'); width:15px;height:19px;}

a:hover .icon-pepper-medium-red{background-image: url('../img/pepper-icon-medium-white.png'); width:15px;height:19px;}


/* medium small icons */
.icon-pepper-small-red{background-image: url('../img/pepper-icon-small-red.png'); width:12px;height:15px;}
.icon-pepper-small-white{background-image: url('../img/pepper-icon-small-white.png');width:12px;height:15px;}

a:hover .icon-pepper-small-red{background-image: url('../img/pepper-icon-small-white.png');width:12px;height:15px;}


img.auto-width{width:100%;}
video{width:100%;height:auto;}


.f700{ font-weight:700; }
.icon-rotate-90 { 

padding-top:4px;
-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg);	
-ms-transform: rotate(90deg);	
transform: rotate(90deg);	
}




/*-----------------------------
	 circle statistics plugin 
-----------------------------*/


.circle-stat-wrap,
.circle-stat{
	margin:0;
	list-style:none
}
.circle-stat-wrap{
	text-align:center;

}
	
.circle-stat{
	display:inline-block;
	width:135px;
	height:135px;
	position:relative;
	margin:0 5px 5px 5px;
	border-radius:999px;
border:0 solid #666;
	
background: rgb(214,214,214);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(214,214,214,1) 0, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(214,214,214,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(214,214,214,1) 0,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(214,214,214,1) 0,rgba(255,255,255,1) 100%);



}

.circle-stat .circle-stat-inner{
	z-index:1;
	display:block;
	position:absolute;
	border-radius:999px;
	background:#666;
	width:90%;
	height:90%;
	top:5%;
	left:5%;	
}


.circle-stat .circle-front,
.circle-stat .circle-progress{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:50;
	border-radius:999px;
	}
	.circle-stat .circle-front{
		opacity:.9;
		z-index:100;	
		top:8%;
		left:8%;
		width:85%;
		height:85%;			
		
background: rgb(245,245,245);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(245,245,245,1)), color-stop(50%,rgba(245,245,245,1)), color-stop(50%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0,rgba(245,245,245,1) 50%,rgba(255,255,255,1) 50%);
background: linear-gradient(to bottom,  rgba(245,245,245,1) 0,rgba(245,245,245,1) 50%,rgba(255,255,255,1) 50%);
 box-shadow:  2px 2px 3px 0 rgba(0,0 , 0, .3);
	}
	
	.circle-stat .circle-progress{
 box-shadow: inset 2px 2px 3px 0 rgba(0,0 , 0, .3);
	}
	
	.circle-stat .circle-front .circle-digit,
	.circle-stat .circle-front .circle-label{
		position:absolute;
		display:block;
		width:96%;
		text-align:center;	
		line-height:normal;
		
	}
	.circle-stat .circle-front .circle-digit{		
		font-size:90%;
		color:#444;
		font-weight:700;
		top:15%;
		text-shadow: 0 1px 0 #fff;
		
		
		
		}
.circle-stat .circle-front .circle-digit span{
	font-size:200%;
	}

.circle-stat .circle-front .circle-label{
	top:50%;
	color:#000;font-size:11px;
	}
	
	
	
/* -----------------------
		 MSG GROWL plugin 
 ------------------------*/
 

.msgGrowl-container {
	width: auto;
	position: fixed;
	z-index:8000;
}

	.top-right { top: 10px; right: 15px; }
	.bottom-right { bottom: 10px; right: 15px; }
	
	.top-left { top: 10px; left: 15px; }
	.bottom-left { bottom: 10px; left: 15px; }
	
	.top-center { 
		top: 10px; 
		left: 50%; 
		transform:translateX(-50%); 
	}
	.bottom-center { 
		bottom: 10px; 
		left: 50%; 
		transform:translateX(-50%); 
	}
	
	.msgGrowl-container.center{  
		margin:auto;
	left:50%;
  top:50%;
  transform: translate(-50%, -50%);
	
	}

.msgGrowl {
	background-color: rgb(255,255,255);
	min-width:380px;
	font-size: 11px;
	color: #333; 
	padding: 0;
	margin: 0 0 10px 0;

	position: relative;
	box-shadow: 0 0 7px rgba(0,0,0,.3);
	text-shadow: 0 0 1px #FFF;
	border-radius: 2px;
	box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
}

.msgGrowl .msgGrowl-header{
background-color:rgb(235,235,235);
	padding:.2em .5em;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-flow:row nowrap;
	        flex-flow:row nowrap;
}

.msgGrowl .msgGrowl-header .msgGrowl-item{
-webkit-box-flex:0;
	    -ms-flex:0 0 44px;
	        flex:0 0 44px;

	font-size:20px;
					padding:.4em;
}

.msgGrowl .msgGrowl-header h4 {
	-webkit-box-flex:1;
	  -ms-flex:1 1 auto;
	      flex:1 1 auto;
	
			font-size: 14px;
color: rgb(40,40,40);	
font-weight:600;
letter-spacing:.01em;
text-shadow:0 1px 0 rgba(255,255,255,.9);
	}
	
.msgGrowl-close {
-webkit-box-flex:0;
	    -ms-flex:0 0 44px;
	        flex:0 0 44px;
	
	margin-right:-.1em;
	}

.msgGrowl-content { padding: .8em;max-height:350px;overflow-y:auto; }
.msgGrowl-content hr{ margin:0;border-top:1px solid rgba(100,100,100,.5);border-bottom:0;}

.msgGrowl.success .fa { color: rgb(0, 200, 81); }
.msgGrowl.error .fa{ color: rgb(204, 0, 0) }
.msgGrowl.warning .fa{ color:rgb(255, 136, 0) }
.msgGrowl.info .fa{ color:rgb(0, 153, 204) }


	
	
/* for small select2 selection (.select2-small) */	
.bigdrop{
width:80% !important;
}
	


/*------------------------
 DATATABLE PLUGINS
---------------------------*/

/* scroll X if table is larger than arean */
.dataTables_wrapper{
	overflow-x:auto;
	-webkit-overflow-scrolling: touch;	
	/* 
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
		transform: translateZ(0);		
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		*/

}

.widget-table .dataTables_wrapper .table {	
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;	
	border-radius: 0;
}

.widget-table .dataTables_wrapper .row {
	margin: 1em 0;
}

.widget-table .dataTables_wrapper .row .span6 {
	padding: 0 10px;
}

.widget-table .dataTables_wrapper .row label {
	margin-bottom: 0;
}

.widget-table .dataTables_scroll .dataTables_scrollBody .table {
	border-bottom: none;
	border-top: none;
}

.widget-table .dataTables_scrollHead .dataTables_scrollHeadInner .table {
	border-bottom: none;
}

		

.dataTables_filter{
	position:absolute;
	z-index:2;
	right:8px;
	top:5px;
	}
.dataTables_filter:after{
	position:absolute;
	right:10px;
	font-family:FontAwesome;
	color:#aaa;
	content:"\f002";
	top:35%;
	-webkit-transform: translate(0,-50%); 
		-moz-transform: translate(0,-50%); 
				-ms-transform: translate(0,-50%); 
				   transform: translate(0,-50%);


}	
/*
.dataTables_filter input{
	margin:0;
	border-radius:4px;
}
*/

/* pvh shpr alterations*/
.dt-toprow, .dt-bottomrow{
	position:relative;
	width:100%;
	z-index:2;
}
.dt-bottomrow {
	 padding-top:10px;
	 border-top:1px solid rgb(180,180,180);
}

 #overview-table{
	margin-top:44px;
}
 #overview-table_wrapper{
	 margin-bottom:48px;
 }

/*-- /shpr --*/

.dt-toprow{	
	border-bottom:1px solid #e9e9e9;
	min-height:50px;
	
}
.dataTables_wrapper .dt-bottomrow{
	min-height:50px;
	border-top:1px solid #e9e9e9;
	padding:1em 0;
	
}
.dataTables_length{
	position:absolute;
	left:8px;
	top:5px;
}

.dataTables_paginate{
	text-align:right;
	margin:0;
}
.dataTables_info{
	text-align:left;
	padding-left:5px;
	padding-top:2px;
}
				


.dataTable th{
	position:relative;
	white-space:nowrap;
	min-width:80px;
}
.dataTable th i{
	position:relative;
	float:right;
	font-size:14px;
}
.dataTable th label{
	white-space:nowrap;
}

/* clear background from header */
table.table thead .sorting, 
table.table thead .sorting_asc,
table.table thead .sorting_desc ,
table.table-highlight thead .sorting,
table.table-highlight thead .sorting_asc,
table.table-highlight thead .sorting_desc { 
background: none; 
}

table.table thead label{
	margin:0;
	padding:0 28px 0 0;
	font-size:13px;
}
/* font awesome icons for sorting */
table.table thead .sorting:after,
table.table thead .sorting_asc:after,
table.table thead .sorting_desc:after,
table.table thead .sorting_asc_disabled:after,
table.table thead .sorting_desc_disabled:after{
	font-family:fontAwesome;
	font-weight:normal;
	background:#efefef;
	color:#444;
	position:absolute;
	right:2px;
	top:50%;
	transform:translateY(-50%);
	border-radius:3px;
	font-size:12px;
	padding:2px;
	width:24px;
	text-align:center;
}
table.table thead .sorting_asc_disabled:after,
table.table thead .sorting_desc_disabled:after{
	opacity:.4;
}

table.table thead .sorting_asc:after, 
table.table thead .sorting_asc_disabled:after { content:"\f15e";}
table.table thead .sorting_desc:after,
table.table thead .sorting_desc_disabled:after { content:"\f15d";}
table.table thead .sorting:after { content:"\f0dc";}

 /* Fix for double header if scrollY mode enabled: */
.dataTables_scrollBody table {margin-top:-20px;}




.dataTable .row_selected.odd td{
background:	rgba(59,183,249,.4);
}
.dataTable .row_selected.even td {
background: rgba(59, 183, 249, 0.4);
}

.sel-val, tr[data-id]{
	cursor:pointer;
	
}
.sel-val:hover,
.sel-val:focus,
tr[data-id]:hover,
tr[data-id]:focus,
tr[data-id]:focus td,
tr[data-id]:hover td{
	background-color: rgba(59, 183, 249, 0.6);

}
	
div.dataTables_scroll { clear: both; }



/*----------------------
	UI LAYOUT PLUGIN
-------------------------*/
.ui-layout-center{
	padding:0;
}
#IGISmap:after{
	content:"";
	position:absolute;
	z-index:1;
	top:0;
	right:0;	
	width:10px;	
	bottom:0;
        box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, .7);
	border:0 solid red;
	
}


.ui-layout-resizer-open:hover{ 	background: rgb(100,100,100);}
.ui-layout-resizer-closed:hover{ 	background: rgb(100,100,100);width:20px;}
.ui-layout-resizer-east-open:hover	{	cursor: url(../cursors/hand-leftright.cur),e-resize !important; }
.ui-layout-resizer-dragging:focus, .ui-layout-resizer-dragging:active {cursor: url(../cursors/hand-leftright-h.cur),s-resize !important;	}

.ui-layout-toggler{
background: rgb(100,100,100);
border:0 solid #efefef;
}
.ui-layout-toggler-east-open:after,
.ui-layout-toggler-east-closed:after{
	position:absolute;
	font-family: FontAwesome;
	content: "\f054";
	font-size:10px;
	color: rgb(200,200,200);
	margin-left:-5px;
	margin-top:-8px;
	top:50%;
	left:50%;
	width:10px;
	height:10px;
	border:0 solid red;
}
.ui-layout-toggler-east-closed:after{
	content: "\f053";
	font-size:12px;
}

body > .ui-layout-east {
	padding:0;
	border:0;
}

body > .ui-layout-east .ui-layout-center {
	padding:10px;
	border:0;
}
body > .ui-layout-east .ui-layout-south {
	padding:10px;
	border:0;
}


#igis-logout{
	position:absolute;
	top:8px;
	right:10px;
	z-index:100;
}

/*------------------------
		NICE SCROLL PLUGIN
------------------------*/			
/*.nicescroll-rails{width:10px !important;}*/
.nicescroll-rails div{background-color:#626262 !important;}
.nicescroll-rails div:hover{cursor: url(../cursors/hand-updown.cur),s-resize;}
.nicescroll-rails div:focus, 
.nicescroll-rails div:active{
	cursor: url(../cursors/hand-updown-h.cur),s-resize;
}
.nicescroll-rails.horizontal div{height:8px !important;}

.nicescroll-rails.horizontal div:hover{cursor: url(../cursors/hand-leftright.cur),e-resize;}
.nicescroll-rails.horizontal div:focus,	
.nicescroll-rails.horizontal div:active{
	cursor:url(../cursors/hand-leftright-h.cur),e-resize;
}


/*------------------------
		LEAFLET PLUGIN
-------------------------*/		
.leaflet-control-attribution{
	display:none;
}

.leaflet-control #lookup {	
	background-color:rgba(255,255,255,.9);
}

/*SSA*/
.leaflet-div-icon {
	background: transparent;
	border: none;
}
 
.leaflet-marker-icon .number{
	position: relative;
	top: -50px;
	border-radius:4px;
	border: 1px;
	font-weight: 800;
	font-size: 10px;
	width: 25px;
	text-align: center;
}


#IGISmap .dropdown-menu,
 .wysihtml5-toolbar .dropdown-menu{
top: -10px;
border: 0;
padding:4px;
font-size:12px;
/*
background: rgba(70, 70, 70, 0.98);
*/


background-color: #036EAC;
background: #036EAC;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#036EAC), color-stop(48%,#036EAC), color-stop(99%,#03A0FA));
background: -webkit-linear-gradient(top, #036EAC 0,#036EAC 48%,#03A0FA 99%);
background: linear-gradient(to bottom, #036EAC 0,#036EAC 48%,#03A0FA 99%);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}


.wysihtml5-toolbar .dropdown-menu{
top: 100%;
}

#IGISmap .dropdown-menu .divider,
 .wysihtml5-toolbar .dropdown-menu .divider {
height: 1px;
margin: 9px 1px;
padding:0;
overflow: hidden;
background: rgba(70, 70, 70, 0.98);
border-bottom: 1px solid #666;
}

#IGISmap .dropdown-menu li > div{
	color:#fff;
	font-weight:800;
	}
#IGISmap .dropdown-menu li a,
#IGISmap .dropdown-menu li a span{
	color:#fff;
	font-weight:normal;
	}
	
#IGISmap .dropdown-menu a.active, 
#IGISmap .dropdown-menu a:hover,
#IGISmap .dropdown-menu a:focus{
color: #FFF;
text-decoration: none;
background: #666;
border-radius:4px;
text-shadow: none;

}


/* Non #igis wysiwyg */
.controls .wysihtml5-toolbar .dropdown-menu{
	background:#efefef;

}
.controls .wysihtml5-toolbar .dropdown-menu a{
		color:#444;
	font-weight:800;
}
.controls .wysihtml5-toolbar .dropdown-menu a:hover{
	color:#000;
	background:#afafaf;
	border-radius:4px;
}




#IGISmap #searchContainer .input-prepend{
	margin:0;
box-shadow:  0 2px 4px 0 rgba(0, 0, 0, .2);
				border-radius:6px;
}

#IGISmap #searchContainer .input-prepend .add-on,
#IGISmap #lookup ,
#IGISmap #sosbutton{
	height:34px;
	margin:0;
	margin-left: -1px;
}



#IGismap .input-append .active, 
#IGISmap .input-prepend .active {
background-color: #666;
border-color: #666;
}


#IGISmap #search-Options-Container{
	position:absolute;
	z-index:888;
	left:14px;
	top: 55px;
}

#IGISmap #search-Options-Expand{
	display:block;
	max-width:460px;
	min-width:355px;
	border-radius:4px;
		visibility:hidden;
   box-shadow:  4px 4px 6px 0 rgba(0, 0, 0, .3);

	  -webkit-transform: translate3d(0,0,0);
	 -moz-transform: translate3d(0,0,0);	
	  -ms-transform: translate3d(0,0,0);
		  transform: translate3d(0,0,0);
	 
	 -webkit-transition:visibility .3s;
	 -moz-transition:visibility .3s;
	 transition:visibility .3s;
	 }


#IGISmap #search-Options-Expand form{
	margin:0;
}




/*------------------------
		TIMEPICKER PLUGIN
-------------------------*/	
.bootstrap-timepicker-widget table td input { width:35px; }


/*---------------------------
	PVH CONTENT SLIDER
---------------------------*/
.p-slide-container[data-slide-direction="horizontal"]{
	overflow-x:hidden;
}
.p-slide-container[data-slide-direction="vertical"]{
	overflow-y:hidden;
}
.p-slide-container .p-slide-wrapper{
	position:relative;
}
.p-slide{
	display:inline-block;
	float:left;
	margin-right:10px;
}


/*---------------------
 BOOTSTRAP OVERRIDES
 --------------------*/


.input-block {
  width: 100%;
}


/* ------------------- 
	BOOTSTRAP PopOver
--------------------*/
.popover-content {
	line-height:normal;
	font-size:13px;
	overflow:auto;
	max-height:300px;
	-webkit-overflow-scrolling: touch;	

	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
		backface-visibility: hidden;

}
	
.popover-footer{
	border-top:1px solid rgba(0, 0, 0, 0.2);
	margin-top:.5em;
	margin-left:-3px;
	margin-right:.4px;
	padding-top:.5em;
	 background-color: rgb(247, 247, 247);
}


.touch .control-label[data-toggle=popover]{
	text-decoration:underline;
}

[data-toggle="popover"]{	cursor:help;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
transition: all .2s ease-in;
 }

 [data-toggle="popover"]:hover{
	 color:#03A0FA;
	 -webkit-transition: all .2s ease-out .4s;
	  -moz-transition: all .2s ease-out .4s;
transition: all .2s ease-out .4s;



 }


/*----------------------------
 BOOTSTRAP modal
----------------------------*/


.modal-backdrop{
	display:block;
	justify-content:center;
	align-items:flex-start;
	height:100vh;
	width:100vw;
	opacity:0.65;
	background-color:rgb(250,250,250);
}

.modal{
z-index:1060;
	position:fixed;
	top:3vh;
	/*bottom:3vh;*/
	left:20vw;
	
	width:60vw;
	min-height:200px;
	max-height:calc(100vh - 6vh);
	margin:0;	
	border-radius:4px;
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
}
.modal.auto-height{
	bottom:initial;
}


@media (max-width:1024px){
	.modal{
		left:10vw;	
	width:80vw;
		
	}
}

@media (max-height:780px){
	.modal{
		top:3vh;
		bottom:3vh;
		 max-height: calc(100vh - 6vh);
	}
}

@media (max-width:780px){
	.modal{
		 top: 4vh;
    bottom: 2vh;
    left: 2vw;   
    width: 96vw;
    max-height: calc(100vh - 8vh);
	}
}


/*-------------------
	BOOTSTRAP MODAL
--------------------*/

/* modal fixed - minus header */
.modal.fullscreen,
.modal.fade.fullscreen{
	z-index:2000;
	top:55px !important;
	left:0;
	right:0;
	bottom:1px;
 position:fixed;
 max-height:inherit;
 width:100vw;
 box-shadow:none;
 border-radius:3px;
 margin:0 !important;
 overflow:hidden; 
}
body.fullscreen-modal{
	position:fixed;
}

.modal-header{
display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	
	 -webkit-box-flex: 1;
        -ms-flex: 0 0 44px;
            flex: 0 0 44px;

	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-flow:row nowrap;
	        flex-flow:row nowrap;
				-webkit-box-align:baseline;
	    -ms-flex-align:baseline;
	        align-items:baseline;

   color: #444;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
	 opacity:1;
	background-color:rgb(230,230,230);
    border: 0;
		border-radius:3px 3px 0 0;
    border-bottom: 1px solid #CCC;
		    padding: .2em .2em .2em .5em;
		cursor:all-scroll;
		
}
.modal.fullscreen .modal-header{
	cursor:default;
}

.modal .btn.close{
	opacity:1;
	margin:0;
	
}

.modal .modal-header h3{
	font-size:16px;
	line-height:normal;

	-webkit-box-flex:1;
    -ms-flex:1 0 auto;
        flex:1 0 auto;
	
}


.modal .modal-body{
	padding:0;
	width:100%;
	min-height:200px;
	max-height:100%;
	position:relative;
	 overflow:auto;
	 max-height:none;
	 -webkit-overflow-scrolling:touch;

	   -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;

}

.modal .modal-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	-webkit-box-flex:1;
    -ms-flex:0 0 auto;
        flex:0 0 auto;
	-webkit-box-align:start;
    -ms-flex-align:start;
        align-items:center;

	padding:.2em;
	
	box-shadow:none;
	text-shadow:none;	
	
}
.modal-footer .btn.close,
.modal-footer .btn{
	float:none;
	-webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
	}


.modal .modal-footer div{
	-webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
	margin-left:auto;
}
.modal .modal-footer div:first-child{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
	margin-right:auto;
}

/* MODAL FORM CONTENT STYLING */
.modal-body .form-horizontal{
    padding:.4em;
}

.modal-body .overview-container .row{
	margin-left:-10px;
	margin-right:-10px;
}

.oci-iframe{
	width:1280px;
	height:1500px;
	border:0;

}


/* modal styling*/
.modal-body > .form-horizontal{
	margin-top:1em;
	margin-bottom:1em;
}

.modal-body > .header-form-search{
	border-radius:0;
	margin:0;
}
.modal-body > .header-form-search .widget{
	margin:0;
	border-radius:0;
}
.modal-body  .overview-container .row{
	margin:0;
}
.modal-body  .overview-container .col-xs-12{
	padding:0;
}

.modal-body.pdf-content{
	height:87vh;
	max-height:87vh;
}

.modal-body.pdf-content embed,
.modal-body.pdf-content object{
	width:100%;
	height:100%;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
}



.modal .modal-body .form-horizontal{
	width:90%;
	margin:0 auto;
}

.modal-body .modal-question{
	text-align:center;
	padding:1em;
	font-weight:700;
}



/*  mobile specifix settings */
.modal.mobile-modal .pdf-content {
	overflow-y:scroll !important;
	-webkit-overflow-scrolling: touch;
	/*
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
		transform: translateZ(0);
			
	-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		*/
	top:48px;
 }

 
 /* iframe zoom hack (ipad / mobile) */
.modal.mobile-modal iframe{
zoom: 0.85;  
-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
    	-ms-transform: scale(0.85);
transform: scale(0.85); 

-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;

}


/*-----------------------
	BOOTSTRAP DATAPICKER
------------------------*/

/*-----------------------------
	Bootstrap-datepicker
-----------------------------*/

/*-----------------------------
	Bootstrap-datepicker
-----------------------------*/

.date-fixer{
display:inline-block;
position:relative;
margin-right:.4em;
margin-bottom:.4em;
vertical-align:middle;

-webkit-box-flex:1;
    -ms-flex:1 1 180px;
        flex:1 1 180px;

}
.date-fixer > input, 
#sr-details-container .form-horizontal .date-fixer > input{width:100%;}
.date-fixer::after{
	font-family:FontAwesome;
	content:"\f133";
	font-size:16px;
	position:absolute;
	z-index:1;
	right:10px;
	top:50%;
     -webkit-transform:translateY(-50%);
     transform:translateY(-50%);
	color:rgba(0,0,0,.5);
	pointer-events: none;
	
}

.form-horizontal .date-fixer{
	margin-right:0;
}

.form-inline .date-fixer input,
.form-horizontal .date-fixer input{
    margin-bottom:0;
		margin-right:0;	
}



.datepicker.dropdown{
	max-width:320px;
	border-radius:4px;
	border:2px solid rgb(170,170,170);
}


.datepicker.dropdown .datepicker-switch,
.datepicker.dropdown .prev,
.datepicker.dropdown .next{
	cursor:pointer;
}

.datepicker-years th,
.datepicker-months th,
.datepicker-days th{
	border-bottom:1px solid rgb(200,200,200);
}

.datepicker-years .year,
.datepicker-months .month{
	display:inline-block;
	padding:6px 10px;
	margin:2px;
	border:1px solid rgb(180,180,180);
	border-radius:2px;
	min-width:54px;
	text-align:center;
	cursor:pointer;
}
.datepicker-switch:hover,
.datepicker-switch:focus,
	.datepicker-years .year:hover,
	.datepicker-months .month:hover,
	.datepicker-years .year:focus,
	.datepicker-months .month:focus,
.datepicker-days .day:hover,
.datepicker-days .day:focus,
.datepicker-days .day.active,
.datepicker .prev:focus,
.datepicker .next:focus,
.datepicker .prev:hover,
.datepicker .next:hover{
		background:rgb(220,220,220);
		color:rgb(40,40,40);
	}

.datepicker-days .day.theme-background{
	color:#fff;
}
.datepicker-days .day.theme-background:hover,
.datepicker-days .day.theme-background:focus{
	color:rgb(40,40,40);
}


.datepicker-years .year.active{
	background:rgb(220,220,220);
}

.datepicker-days .day{	
	padding:6px 10px;
	border:1px solid rgb(180,180,180);
	border-radius:2px;
	min-width:33px;
	min-height:33px;
	text-align:center;
	cursor:pointer;
}
.datepicker-days .day.old,
.datepicker-days .day.new{
		color:rgb(160,160,160);
		background-color:rgb(240,240,240);
}
.datepicker-days .day.disabled,
.datepicker-months .month.disabled,
.datepicker-years .year.disabled{
	color:rgb(200,200,200);
	font-style:italic;
}

.datepicker-days .day:first-child{
	border-left:0;
}
.datepicker-days .day:last-child{
	border-right:0;
}

.datepicker-days .day.active {
    font-weight:700;
		box-shadow:inset 0 0 1px 1px rgba(0,0,0,.6);
}


/*----------------------
		Bootstrap 3.x addons
-----------------------*/


.list-group {
  padding-left: 0;
	margin:0;
  margin-bottom: 10px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 30px 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.list-group-item > .badge {
  float: right;
  margin-right: -15px;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

a.list-group-item .list-group-item-heading {
  color: #333333;
}

a.list-group-item .list-group-item-text {
  color: #555555;
}

a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

a.list-group-item.active {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

a.list-group-item.active .list-group-item-heading {
  color: inherit;
}

a.list-group-item.active .list-group-item-text {
  color: #e1edf7;
}		


.list-group-item > .btn-group {
  float: right;
  margin-right: -25px;
	margin-top:-5px;
}


.btn-small{
	font-size:13px;
}





/*-----------------------
	 JS PDF PLUGIN
------------------------*/

/* navigation swpipe*/
#pdf-article .swipe-page-next, 
#pdf-article .swipe-page-prev{

}

#pdf-canvas{
	box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}






/*----------------------------------
 SIGNATUREPAD
 --------------------------------*/
.handwritting {
	  margin: 0;
  padding: 0;
	 width:100%;
     max-width:480px;
    min-width:280px;
    height:200px;

border:2px solid #dfdfdf;
border-radius:4px;
color:#3B5998;
background:#fff;
}

.handwritting .pad {
-ms-touch-action: none;
touch-action:none;
}

.signature-reset-container{
	max-width:480px;
	min-width:280px;
}



 


/*------------------------------
 GIS NOTES MODAL
----------------------------- */
#divNotes{
	width:660px;
	margin-left:-300px;

	
}

#divNotes .modal-body.has-scroll{
max-height:100%;
overflow-x:auto;
/*
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);	
transform: translateZ(0);	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
		backface-visibility: hidden;
	*/

}

	.media{
		border:2px solid #fcfcfc;
		border-radius:4px;
		padding:.5em;
		background:#fff;
		margin-bottom:1em;
	}
	.media:nth-child(2n+1){
		background:#fcfcfc;
		border:2px solid #f5f5f5;
		
	}	
	
	.media-header{
		position:relative;
		border-bottom:2px solid #fcfcfc;
				
	}
	.media:nth-child(2n+1) .media-header{
	border-bottom:2px solid #f5f5f5;
	}
	.media-header h3{
		position:relative;
		display:inline-block;
		line-height:40px;
		height:40px;
		margin:0;
		padding:0;
		margin-right:3em;
		font-size:14px;
		font-weight:400;
		
	}
	.media-header .media-actions{
		float: right;
		display: inline-block;
		vertical-align: middle;
		height: 40px;
		margin-right: .5em;
		line-height: 40px;
	}
	
	.media-info{
		padding:.5em;
		font-size:11px;
	}
	.media-info .media-subheader{
	color:#888;
	font-size:8px;
	}
	.media-info .label{
	font-size:16px;
	line-height:25px;
	}
	.media-info .label.label-small,
	.media-info .badge.badge-small{
	font-size:9px;
	}
	
	.media-body{
		margin-top:.5em;
		padding-left:.5em;
	}
	
	
	.media-btn{
		display:inline-block;
		font-size:16px;
		color:#888;
		border:1px solid #888;
		background:#efefef;
		border-radius:4px;
		padding:6px 8px;
		text-align:center;
	}
	
	
	.media-child {
		position:relative;
		background:#fafafa;
		border:1px solid #f0f0f0;
		margin-top:1em;
		margin-left:2em;
		padding:.5em;
		border-radius:4px;
		
	}
	.media-child:nth-child(2n+1){	
	background:#f5f5f5;
	}
	.media-child:after, 
	.media-child:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	}
	.media-child:after {
		border-color: rgba(250, 250, 250, 0);
		border-bottom-color: #fafafa;
		border-width: 10px;
		left: 10%;
		margin-left: -10px;
	}
	.media-child:before {
		border-color: rgba(240, 240, 240, 0);
		border-bottom-color: #f0f0f0;
		border-width: 11px;
		left: 10%;
		margin-left: -11px;
	}
	
	.media-child:nth-child(2n+1):after{
	border-bottom-color: #f5f5f5;
	}
	





/*######################
	 SPECIALS AND EFFECTS
 ######################*/

/* Custom cursors */
.hand-leftright{cursor: url(../cursors/hand-leftright.cur),e-resize;}
.hand-leftright:active, .hand-leftright.active{cursor: url(../cursors/hand-leftright-h.cur),e-resize;}
.hand-updown{cursor: url(../cursors/hand-updown.cur),s-resize;}
.hand-updown:active, .hand-updown.active{cursor: url(../cursors/hand-updown-h.cur),s-resize;}
.cursor-hand{cursor: url(../cursors/hand-h.cur),move;}
.cursor-hand:active, .cursor-hand.active{cursor: url(../cursors/hand-h.cur),move;}



/***************** 
CSS3 ANIMATIONS 
*****************/
.overflow-hidden{
	overflow:hidden;
}
.overflow-xhidden{
	overflow-x:hidden;

}
.animate{
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;

-webkit-transition: transform 300ms linear;
-moz-transition: transform 300ms linear;
transition: transform 300ms linear;

-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);


	
}

.in {
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;

-webkit-animation-duration: 300ms;
-moz-animation-duration: 300ms;
animation-duration: 300ms;

-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;

}

.out {
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;

-webkit-animation-duration: 225ms;
-moz-animation-duration: 225ms;
animation-duration: 225ms;

-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

.out-right{
	 -webkit-transform: translate3d(100%,0,0);
	  -moz-transform: translate3d(100%,0,0);
		  -ms-transform: translate3d(100%,0,0);
	 transform: translate3d(100%,0,0);	
}
.out-left{
	 -webkit-transform: translate3d(-100%,0,0);
	  -moz-transform: translate3d(-100%,0,0);
		  -ms-transform: translate3d(-100%,0,0);
	 transform: translate3d(-100%,0,0);	
}
.in-right{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);

}
.slide-to-left{
	-webkit-animation-name: slidetoleft;
	-moz-animation-name: slidetoleft;
	animation-name: slidetoleft;
}
.slide-from-left{
	-webkit-animation-name: slidefromleft;
	-moz-animation-name: slidefromleft;
		animation-name: slidefromleft;
}
.slide-to-right{
	-webkit-animation-name: slidetoright;
	-moz-animation-name: slidetoright;
	animation-name: slidetoright;
}
.slide-from-right{
	-webkit-animation-name: slidefromright;
		-moz-animation-name: slidefromright;
	animation-name: slidefromright;
}
.slide-from-top{
	-webkit-animation-name: slidefromtop;
	-moz-animation-name: slidefromtop;
	animation-name: slidefromtop;

}
.slide-to-top{
	-webkit-animation-name: slidetotop;
		-moz-animation-name: slidetotop;
	animation-name: slidetotop;
}
.slide-from-bottom{
	-webkit-animation-name: slidefrombottom;
		-moz-animation-name: slidefrombottom;
	animation-name: slidefrombottom;
}
.slide-to-bottom{
	-webkit-animation-name: slidetobottom;
	-moz-animation-name: slidetobottom;
	animation-name: slidetobottom;
}



@-webkit-keyframes slidefromright {
  from { -webkit-transform: translate3d(100%,0,0); }
  to { -webkit-transform: translate3d(0,0,0); }
}
@-webkit-keyframes slidetoright {
  from { -webkit-transform: translate3d(0,0,0); }
  to { -webkit-transform: translate3d(100%,0,0); }
}
@-webkit-keyframes slidefromleft {
  from { -webkit-transform: translate3d(-100%,0,0); }
  to { -webkit-transform: translate3d(0,0,0); }
}
@-webkit-keyframes slidetoleft {
  from { -webkit-transform: translate3d(0,0,0); }
  to { -webkit-transform: translate3d(-100%,0,0); }
}
@-webkit-keyframes slidefromtop {
  from { -webkit-transform: translate3d(0,-100%,0); }
  to { -webkit-transform: translate3d(0,0,0); }
}
@-webkit-keyframes slidetotop {
  from { -webkit-transform: translate3d(0,0,0); }
  to { -webkit-transform: translate3d(0,-100%,0); }
}
@-webkit-keyframes slidefrombottom {
  from { -webkit-transform: translate3d(0,100%,0); }
  to { -webkit-transform: translate3d(0,0,0); }
}
@-webkit-keyframes slidetobottom {
  from { -webkit-transform: translate3d(0,0,0); }
  to { -webkit-transform: translate3d(0,100%,0); }
}



@keyframes slidefromright {
  from {transform: translate3d(100%,0,0); }
  to {transform: translate3d(0,0,0); }
}
@keyframes slidetoright {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(100%,0,0); }
}
@keyframes slidefromleft {
  from {transform: translate3d(-100%,0,0); }
  to {transform: translate3d(0,0,0); }
}
@keyframes slidetoleft {
  from {transform: translate3d(0,0,0); }
  to { transform: translate3d(-100%,0,0); }
}
@keyframes slidefromtop {
  from {transform: translate3d(0,-100%,0); }
  to {transform: translate3d(0,0,0); }
}
@keyframes slidetotop {
  from {transform: translate3d(0,0,0); }
  to { transform: translate3d(0,-100%,0); }
}
@keyframes slidefrombottom {
  from {transform: translate3d(0,100%,0); }
  to {transform: translate3d(0,0,0); }
}
@keyframes slidetobottom {
  from {transform: translate3d(0,0,0); }
  to { transform: translate3d(0,100%,0); }
}



/* STAR RATING  PLUGIN*/
.star-rating-container {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
}

.star-rating {
  padding-top: .5em;
  text-align: right;
  font-size: 24px;
  flex: 1 1 auto;
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
}

.star-rating .fa {
  cursor: pointer;
}

.star-rating-container .star-rating {
  width: 100%;
  margin-bottom: .5em;
}

.star-rating.disabled {
  cursor: not-allowed;
  opacity: .5;
}

.star-rating.disabled .fa {
  cursor: not-allowed;
}

.star-rating-label {
  display: flex;
  color: rgb(150, 150, 150);
  flex: 1 1 50px;
  font-size: 14px;
  text-align: left;
  align-self: flex-start;
}

.star-rating .star-rating-label {
  color: rgb(150, 150, 150);
  font-size: 14px;
  margin-right: 1em;
  flex: 1 1 50px;
}


/****************
DEFAULT OVERRULE SETS
****************/

.tal,
.table th.tal, 
.table td.tal{text-align:left;}

.tac,
.table th.tac, 
.table td.tac{text-align:center;}

.tar,
.table th.tar, 
.table td.tar{text-align:right;}

.taj,
.table th.taj, 
.table td.taj{text-align:justify;}

.fleft{float:left;}
.fright{float:right;}
.fnone{float:none;}

.cwhite{color:#fff;}
.cred{color:#cd3129;}

.large{font-size:24px !important;line-height:normal;}
.medium{font-size:18px !important;line-height:normal;}
.normal{font-size:14px !important;line-height:normal;}
.small{font-size:11px !important;line-height:normal;}
.x-small{font-size:9px !important;line-height:normal;}
.xx-small{font-size:7px !important;line-height:normal;}

.lineh15{line-height:15px;}
.lineh20{line-height:20px;}
.lineh25{line-height:25px;}
.lineh30{line-height:30px;}
.lineh40{line-height:40px;}

.noborder{border:0;}
.nowrap{white-space:nowrap;}

.pad5{padding:5px;}
.padt5{padding-top:5px;}
.padl5{padding-left:5px;}
.padr5{padding-right:5px;}
.nopadding{padding:0;}

.marg5{margin:5px;}
.margt5{margin-top:5px;}
.margl5{margin-left:5px;}
.margr5{margin-right:5px;}
.margb5{margin-bottom:5px;}
.marg10{margin:10px;}
.marg05em{margin:.5em;}
.marg1em{margin:1em;}
.margt10{margin-top:10px;}
.margl10{margin-left:10px;}
.margr10{margin-right:10px;}
.margb10{margin-bottom:10px;}
.marg20{margin:20px;}
.margt20{margin-top:20px;}
.margl20{margin-left:20px;}
.margr20{margin-right:20px;}
.margb20{margin-bottom:20px;}
.marg40{margin:40px;}
.margt40{margin-top:40px;}
.margl40{margin-left:40px;}
.margr40{margin-right:40px;}
.margb40{margin-bottom:40px;}
.margb50{margin-bottom:50px;}
.nomargin{margin:0;}

.icon-large{font-size:16px;line-height:20px;}
.icon-xlarge{font-size:26px;line-height:20px;}
.icon-color-white{color:#FFF;}
.icon-color-grey{color:#777;}
.icon-color-darkgrey{color:#444;}
.icon-color-green{color:#9ac80d;}

.icon-rotate-45:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);

}
a .icon-rotate-45:before {
  display: inline-block;
}


/* added controls */

.hidden{display:none !important;visibility:hidden;}
.height50{height:50px;}
.height100{height:100px;}
.height200{height:200px;}
.height250{height:250px;}
.height300{height:300px;}
.height400{height:400px;}
.height500{height:500px;}
.min-height50{min-height:50px;}
.min-height100{min-height:100px;}
.min-height200{min-height:200px;}
.min-height250{min-height:250px;}
.min-height300{min-height:300px;}
.min-height400{min-height:400px;}
.min-height500{min-height:500px;}

.max-height100{max-height:100px;}
.max-height200{max-height:200px;}
.max-height250{max-height:250px;}
.max-height300{max-height:300px;}
.max-height400{max-height:400px;}
.max-height500{max-height:500px;}

.min-width50{min-width:50px;}
.min-width100{min-width:100px;}
.min-width200{min-width:200px;}
.min-width250{min-width:250px;}
.min-width300{min-width:300px;}
.min-width400{min-width:400px;}
.min-width500{min-width:500px;}

.tab-content { overflow:visible !important; }


/* blue colored dropdown menu's */
.dropdown-menu.dropdowm-blue{
background: rgb(54,179,247);
color:#fff;
}
.dropdown-menu.dropdowm-blue ul li,
.dropdown-menu.dropdowm-blue ul li a{
	color:#fff;
}



	
/*-----------------------------------------
					TEMPLATE WIDGETS 
-----------------------------------------*/	
#result-list,		
#group-form,
#group-table,
#group-list,
#group-lookup, 
#group-selection {
	display:none;
}
#result-list.active,
#group-form.active,
#group-table.active,
#group-list.active,
#group-lookup.active,
#group-selection.active {
	display:block;
}


#result-selection .widget-content{
	overflow:visible;
}


#mr-view-container .widget-header h3{
	max-width:60%;
	white-space:nowrap;
			-ms-text-overflow:ellipsis;
				text-overflow:ellipsis;

	overflow: hidden;
	margin-right:.5em;
}


.overflow-container > .widget{
	width:100%;
	clear:none;
	float:left;
}






.breadcrumb {
	margin:0;
	padding:0;
	margin-right:.5em;
	height:38px;
	line-height:35px;		
	display: inline-block;
	overflow: hidden;
	counter-reset: flag; 
	border-left:0 solid #ccc;
	border-right:1px solid #ccc;
  border-radius: 5px 0 0 0;

}

.breadcrumb a,
.breadcrumb span {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	color: #444;
	line-height:39px;
	padding: 0 20px 0 60px;
	position: relative;    
      text-align:left; 
background: rgb(233,233,233);
background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,rgba(233,233,233,1)), color-stop(100%,rgba(250,250,250,1)));
background: -webkit-linear-gradient(top,  rgba(233,233,233,1) 14%,rgba(250,250,250,1) 100%);
background: linear-gradient(to bottom,  rgba(233,233,233,1) 14%,rgba(250,250,250,1) 100%);



}
.breadcrumb a:first-child {
	padding-left: 30px;
}
.breadcrumb a:first-child:before {
	left: 6px;
}
.breadcrumb a:last-child {
}


.breadcrumb a.active, .breadcrumb a:hover{
	background: rgb(233,233,233);
background: -webkit-gradient(linear, left top, left bottom, color-stop(94%,rgba(233,233,233,1)), color-stop(100%,rgba(250,250,250,1)));
background: -webkit-linear-gradient(top,  rgba(233,233,233,1) 94%,rgba(250,250,250,1) 100%);
background: linear-gradient(to bottom,  rgba(233,233,233,1) 94%,rgba(250,250,250,1) 100%);
    color:#444;
   

}
.breadcrumb a.active:after, .breadcrumb a:hover:after {
	background: rgb(233,233,233);
background: -webkit-gradient(linear, left top, left bottom, color-stop(94%,rgba(233,233,233,1)), color-stop(100%,rgba(250,250,250,1)));
background: -webkit-linear-gradient(top,  rgba(233,233,233,1) 94%,rgba(250,250,250,1) 100%);
background: linear-gradient(to bottom,  rgba(233,233,233,1) 94%,rgba(250,250,250,1) 100%);
}

.breadcrumb a:after {
	content: '';
	position: absolute;
	top:0; 
	right: -18px; 
	width: 38px; 
	height: 38px;  
   -webkit-transform: scale(0.707) rotate(45deg);
    -moz-transform: scale(0.707) rotate(45deg);
    -ms-transform: scale(0.707) rotate(45deg);
	transform: scale(0.707) rotate(45deg);
 
	z-index: 1;
background: rgb(233,233,233);
background: -webkit-gradient(linear, left top, right bottom, color-stop(14%,rgba(233,233,233,1)), color-stop(100%,rgba(250,250,250,1)));
background: -webkit-linear-gradient(-45deg,  rgba(233,233,233,1) 14%,rgba(250,250,250,1) 100%);
background: linear-gradient(135deg,  rgba(233,233,233,1) 14%,rgba(250,250,250,1) 100%);
	
	box-shadow: 
		1px -1px 0 1px rgba(0, 0, 0, 0.1), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	border-radius: 0 5px 0 50px;
	
}
.breadcrumb a:last-child:after {
	content: none;
}

.breadcrumb a:before {
	content: counter(flag);
	counter-increment: flag;
   text-align:center;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height:20px;
	margin: 8px 0;
	position: absolute;
	top: 0;
	left: 30px;
	background: rgb(3, 160, 250);
	font-weight: 800;
    color:#FFF;
     box-shadow:  0 -1px 2px 0 rgba(0, 0, 0, .4);
}

.breadcrumb span {
	padding:0 10px 0 30px;
	font-weight:600;
}

.breadcrumb [data-type="parent"]:before {
	font-family:fontAwesome;
	font-weight:normal;
	padding-top:1px;
	content:"\f08b";
		background: rgb(114,114,114);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(114,114,114,1)), color-stop(100%,rgba(35,35,35,1)));
background: -webkit-linear-gradient(top,  rgba(114,114,114,1) 0,rgba(35,35,35,1) 100%);
background: linear-gradient(to bottom,  rgba(114,114,114,1) 0,rgba(35,35,35,1) 100%);
	
}


.map-legenda{
	background-color:rgba(255,255,255,1);
	color:rgba(40,40,40,1);
	padding:0;
	border-radius:3px;
	margin:0;
	 box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	 -webkit-transform:translate(-10px, -10px);
	transform:translate(-10px, -10px);
}

.map-legenda li{
	list-style:none;
	padding:.2em;
}