/*
Custom Styles. Bootstrap Styles are default'
*/
* {
}



.modal-backdrop {
  z-index: -1;
}

.modal-topper {
	z-index: 10000 ;
}

.staticsection
{ 	  
  text-align: justify;
  line-height: 1.4;
  padding-left: 10px;
}


.panel-heading-tk {
background-color: #f3f5f6 !important; 
color: black !important; 
border-color: darkgray !important; 
border-style: bottom;
border-width: 2px;
margin-left: 15px;
margin-right: 15px;
}

.panel-default > .panel-heading {
background-color: #dedede !important; 
}

.panel-default {
border-width: 2px;
border-color: #dedede !important;
}

.panel-message > .panel-heading {
background-color: #f3f5f6 !important; 
color: black !important; 
border-color: #dedede !important; 
border-style: bottom;
border-width: 2px;
}

.panel-message {
border-width: 2px;
border-color: #dedede !important;
}

.small-panel-heading { 
  padding: 5px;  
}

.cursor {
 cursor: pointer;
 }
.pointer {
 cursor: pointer;
 }



.strong { 
  font-weight:600;  
}

.readonly {
  background: red;
}



.myicon {
	font-size: 17px;
}

h1.page_title {
	text-transform: uppercase;
}


h2.page__title {
	
  
  font-size: 48px;
  padding: 20px 0 10px 0;
  background: url('../images/heading_sep.png') repeat-x left center, url('../images/heading_sep.png') repeat-x right center;
  color: #333;
  text-transform: uppercase;
}
h2.page__title span {
	background: #fff;
	padding: 0 30px;
}


h3.myheader {
	font-size: 24px;
	color: white;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 150%;
}          
          

h3 a {
	color: #333;
	line-height: 110%;
}
h3 a:hover {
	text-decoration: none;
	color: #4790c5;
}
.typo {
	margin-top: 80px;
}

h4 a {
	color: #333;
}
h4 a:hover {
	text-decoration: none;
	color: #4790c5;
}

h2.with__margin {
	margin-top: 70px;
	margin-bottom: 0px;
}
h2.with__margin2 {
	margin: 50px 0;
}
p.small-paragraph {
	font-size: 14px;
	color: #333;
	text-transform: uppercase;
  
	font-weight: normal;
}
p.paragraph {
	font-size: 14px;
	color: #333;		
	font-weight: normal;
}
p.smaller {
	font-size: 16px;
	color: #bababa;
	text-transform: none;
}
.relative_btn {
	position: absolute;
	left: 50%;
	margin-left: -90px;
	bottom: -35px;
}

.row.title__block {
	padding: 40px 0;
}

/* Forms */
.form-control, .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form-control:focus {
	border-color: #ffdd3c;
}






/*Container*/
.main__middle__container .row, .main__middle__container .row ol {
	padding-left: 20px;
  
}

.section__middle__container {
	padding-top: 50px;
  background: #333;
  width: 100%;
}

.section__panel__container {
	padding-top: 70px;  
  
  
}
.section__panel__container .row {
  padding: 5px;
}


.main__middle__container {
	width: 100%;
  
}
.homepage {
	position: relative;
	margin-top: 50%;
	z-index: 111;
	background: #fff;
}
.row {
	padding: 5px 0;
}

/*.container .row:first-child {
    padding:75px 10% 75px 10%;
}*/
p.big-paragraph {
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 15px;
	color: #333;
}
.orange {
	color: #4790c5;
	font-size: 14px;
	text-transform: none;
	padding: 0 0 10px 0;
}
.black-text {
	color: #1e1e1e;
}
.to_top {
	margin-top: -80px !important;
}


img.full-width {
	width: 100%;
}




.copyright {
	background-color: #ffffff;
	color: #999999;
	padding: 10px 0;
	margin: 0;
	position: relative;
	z-index: 200;
}
/*Responsive - debugging default problems*/
.img-responsive {
	margin: 0 auto;
}
.no-margin {
	position: relative;
	margin: 0;
}



 @media(max-width:1600px) {
.carousel-caption h1 {
	font-size: 40px; 
	line-height: 50px;
	padding: 20px 0;
	margin-bottom: -15px;
}
.carousel-caption p {
	font-weight: 400;
	margin: 5px 0 5px 0;
	text-shadow: 1px 1px 3px #666666;
  font-size: 22px;
}
.carousel-caption li {
	margin-left: 38%;
	font-size: 22px;
	text-align: left;
	
}
.carouselInfo {
	
}


}



@media(max-width:992px) {
.main__middle__container h3.heading.white {
	
}

#portfolio .btn-default {
	font-size: 14px;
  }





}




@media(max-width:850px) {
.homepage {
	overflow: hidden;
}



}

@media(max-width:730px) {


.homepage {
	margin-top: 60%;
}
h2.page__title {
	font-size: 30px;
}


.smallMediaOff {
	display: none;
}

}

@media(max-width:440px) {

.homepage {
	margin-top: 70%;
}

h2.page__title {
	font-size: 30px;
}
.staticsection
{ 	  

}
.nice__title h2 {
	font-size: 30px;
}
}



@media(max-width:310px) {

.smallMediaOff {
	display: none;
}
}



.hideOverflow
{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:100%;
    display:block;
}





.separ {
  width: 100px;	
  font-size: 40px;  
  background: url('../images/heading_sep.png') repeat-x left center, url('../images/heading_sep.png') repeat-x right center;
  color: #333;  
}

.gallery {
	position: fixed;
	top: 50px;
	height: 100%;
	width: 100%;
	z-index: 5;
}

.margin5 { margin:5px; }
.margin7 { margin:7px; }
.margin10 { margin:10px; }
.bottom5 { margin-bottom:5px; }
.bottom7 { margin-bottom:7px; }
.bottom10 { margin-bottom:10px; }
.bottom20 { margin-bottom:20px; }
.bottom25 { margin-bottom:25px; }
.bottom30 { margin-bottom:30px; }
.bottom50 { margin-bottom:50px; }
.bottom100 { margin-bottom:100px; }
.left2 { margin-left:2px; }
.left3 { margin-left:3px; }
.left5 { margin-left:5px; }
.left7 { margin-left:7px; }
.left10 { margin-left:10px; }
.left20 { margin-left:20px; }
.left30 { margin-left:30px; }
.left25 { margin-left:25px; }
.right2 { margin-right:2px; }
.right3 { margin-right:3px; }
.right5 { margin-right:5px; }
.right7 { margin-right:7px; }
.right10 { margin-right:10px; }
.top2 { margin-top:2px; }
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top20 { margin-top:20px; }
.top23 { margin-top:23px; }
.top25 { margin-top:25px; }
.top30 { margin-top:30px; }
.top50 { margin-top:50px; }
.top100 { margin-top:100px; }
.topm5 { margin-top:-5px; }
.topm7 { margin-top:-7px; }
.topm10 { margin-top:-10px; }
.topm15 { margin-top:-15px; }
.topm17 { margin-top:-17px; }
.topm30 { margin-top:-30px; }
.topm40 { margin-top:-40px; }
.topm50 { margin-top:-50px; }


pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
 padding: 0px;
 margin: 0px;
 background-color: none;
    border: 0px;
}



.msgblock {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-wrap: break-word;
    word-break: normal;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

pre {
  white-space: pre-wrap;
  word-break: normal;
}


.borderBottom {	 	 	 
	BORDER-BOTTOM: #ddd  1px solid;		
}

.borderRight {	 	 	 
	BORDER-RIGHT: #ddd  1px solid;			
}

.borderLeft {	 	 	 
	BORDER-LEFT: #ddd  1px solid;			
}

.borderTop {	 	 	 
	BORDER-TOP: #ddd  1px solid;			
}

.borderBottom2 {	 	 	 
	BORDER-BOTTOM: darkgray  1px solid;		
}

.borderRight2 {	 	 	 
	BORDER-RIGHT: darkgray  1px solid;			
}

.borderLeft2 {	 	 	 
	BORDER-LEFT: darkgray  1px solid;			
}

.borderTop2 {	 	 	 
	BORDER-TOP: darkgray  1px solid;			
}

.borderBottom3 {	 	 	 
	BORDER-BOTTOM: #111  2px solid;		
}
.borderTop3 {	 	 	 
	BORDER-TOP: darkgray  2px solid;		
}

.separator {	 
	BORDER-TOP:  black 2px solid; 	 	
}

.white {
	COLOR: white;	
}

.black {
	COLOR: black;	
}

.red {
	COLOR: red;
}

.green {
	COLOR: green;
}

.darkred {
	COLOR: #8B0000;	
}

.serverMsg {
  font-weight:600;
}

#serverMsg {
  font-weight:600;
}

.m-upper { text-transform: uppercase; }


.label-default {

background-color: #888c91 !important; 

}
.text-primary {
color: #387BB2 !important; 
}








.table-hover tbody tr:hover,
            .table-hover tbody tr:hover td,
            .table-hover tbody tr:hover th{
                background:#e1e1e1 !important;
              
            }
/*
.btn-info {
  background-color: #8e2869;
  border-color: #8e2869;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.disabled {
  background-color: #7a225a;
  border-color: #661d4c;
}
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: #8e2869;
  border-color: #8e2869;
} 

*/


.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.valign {
  font-size: 0;
}

.valign > [class*="col"] {
  display: inline-block;
  float: none;
  font-size: 14px;
  font-size: 1rem;
  vertical-align: middle;
}

 .tooltip-inner {
	  background-color: #454545;
	  color: #fff;
	  font-weight:600;  
	
	}

.iconMovement .form-control-feedback
 {
    top: 25px;
    right: +45px;
}
.iconMovementPLN .form-control-feedback
 {
    top: 25px;
    right: +50px;
}
.iconMovementCheckbox .form-control-feedback
 {
    top: 25px;
    right: +70px;
}
.iconMovementLong .form-control-feedback
 {
    top: 25px;
    right: +100px;
}
.iconMovementSmall .form-control-feedback
 {
    right: +10px;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
       position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}



.input-group .bootstrap-select.form-control {
  z-index: inherit;
}
.input-daterange {
  z-index: inherit !important;
}

.datepicker {
  z-index: 10000 !important;
}

			.help-block {
				border-left: 5px solid #a94442;
    			padding-left: 15px;    			
				color: darkred;
				margin: 0;
				
			}
			
			#messages.help-block {
				border-left: 0px solid #a94442;
    			padding-left: 0px; 			
				color: darkred;
				margin: 0;
				
			}
			
			


@media (min-width: 1000px) {
    .table-responsive {
        overflow: visible;
    }
}

.modal-body-scroll {
    max-height: calc(100vh * 0.9);
    overflow-y: auto;
}


	.table-responsive td.mywrap {
	    max-width: 250px;
	}
		.table-responsive th.mywrap {
	    max-width: 250px;
	}
	.table-responsive td.mywrap span {
	    white-space: initial;       /* css-3 */		
		word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}
	.table-responsive th.mywrap span {
	    white-space: initial;       /* css-3 */		
		word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}	


.table-hover > tbody > tr.success:hover > td {
     background-color: #e1e1e1 !important;
}
.table-hover > tbody > tr.success > td {
     /*background-color: #edf2f6 !important;*/
     background-color: #e8f9ff !important;
}

.table-hover > tbody > tr.info > td, .table-hover > tbody > tr.info:hover > td {
     background-color: #c8def4 !important;
    color: #565658;
}

.label-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem;
}