.color-font-info{
  color: #323376
}
.color-font-warning{
  color: #FF00C9
}
.color-font-alert{
  color: #FF0000
}
.color-font-success{
  color: #11b60a 
}
.color-font-bold{
  font-weight: bold;
} 


hr{
	border-top: 1px solid rgba(0,44,90, 0.2);;
	border-bottom: transparent;
	/*box-shadow: 0 2px 4px rgba(0,44,90,.1);*/
}
.well-white{
	background-color: white !important;
}
.control-label-2rows{
	text-align: left !important;
}
.fadeInAfterLoad{ 
	/*display: none; */
}

.editable-content-wrap{
	display: block;
	border:3px solid #5CEB33;
	border-radius: 3px;
	padding-top: 5px;

}



div.picturkkeyLoader{
	width: 100px;
	height: 100px;
	overflow: hidden;
	padding: 10px;
	border: 2px solid white;
	background-color: white;
	text-align: center;
	border-radius: 50px;
	-moz-border-radius: 50px;
	position: relative;
}
div.picturkkeyLoader img{
    position: absolute;
    top:-52px;
    left:2px;
}
.ias-trigger .button.button-desc i {
	top: 5px;
    font-size: 30px;
}
.control-label.pull-left {
     text-align: left !important; 
     padding-left: 0px;
}


@media (max-width: 992px) {
	.nopaddingMobile{
		padding:0px;
	}
}

.state-loading-relative{
	display: none;
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    background:url(/images/loading.gif) no-repeat;
    /*background:url(/images/loader-throbber.gif) no-repeat;*/
    background-position: left 10px center;
	/*margin-top: 50px;*/
    /*border:1px solid red;*/
    /*height: 15px;*/
}
.state-loading-relative .state-active{
    display: inline-block;
}

.div-state-loading{
	/*padding-right: 70px;*/
    /*background:url(/images/loader-throbber.gif) no-repeat;*/
    background:url(/images/loading.gif) no-repeat;
    background-position: 15px 5px ;
    min-height: 30px;
}
.appkey-button-loading{
	padding-right: 70px;
    /*background:url(/images/loader-throbber.gif) no-repeat;*/
    background:url(/images/loading.gif) no-repeat;
    min-height: 90px;
}

.checkPasswordStrength-weak{
	background-color: rgba(255, 0, 0, 0.8);
}
.checkPasswordStrength-good{
	background-color: rgba(255, 0, 0, 0.3);
}
.checkPasswordStrength-ok{
	
}
.checkFreeUserName-checked{
	background-color: red;
}
.checkFreeUserName-ok{
	background-color:none;
}



#page-title h1{
  /*font-size: 20px;*/
  padding-left: 30px;
}
.breadcrumb {
    position: absolute !important;
    /*position: relative !important;*/
    width: auto !important;
    top: 50% !important;
    /*top: 65% !important;*/
     left: auto !important; 
    right: 30px !important;
    margin: -10px 0 0 0 !important;
    /*margin: 0px 0 0 0 !important;*/
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 12px;
    /*font-size: inherit;*/
    /*padding-left: 100px !important;*/
    font-weight: normal !important;
}
@media (max-width: 992px){
	#page-title{
		padding-top: 20px;
	}
	#page-title h1{
	  font-size: 20px;
	  padding-left: 0px;
	}
    .breadcrumb{
    	position: relative;
    	width: 100% !important;
    	float: left;
    	left: auto !important; 
    	right: auto !important;
    	margin: 10px 0 0 0 !important;
    	text-align: left;
    }
}
#page-menu, #page-menu-wrap {
    height: auto; 
    min-height: 44px; 
}
@media (max-width: 992px){
	#page-menu .toogleButtons{
		/*padding-left: 50px;*/
		/*border:1px solid red;*/
	}
}

#page-menu .toogleButtons a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 8px 4px;
    padding: 0px;
    padding-left: 14px;
    padding-right: 14px;
    color: #FFF;
    font-size: 14px;
    border:1px solid white;
    border-radius: 3px;
}
.acitve-filters-tag {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 8px 4px;
    padding: 0px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 14px;
    border:1px solid #DDD;
    border-radius: 14px;
    background-color: #33F0FF !important;
    color: #555555;
}


.breadcrumb a:link {
    font-weight: normal !important;
    /* color: #A8A9AD; */
    /*font-weight: bold;*/
}
.breadcrumb>li+li:before {
    color: #989898;
    font-size: 17px;
    position: relative;
    top: 2px;
}



.button-dropdown-icon.navbar-nav>li>a {
	padding: 0px !important;
}
.button-dropdown-icon .glyphicon,
.backend-main-nav-tabs .glyphicon,
.backend-main-nav-tabs .iconx{
	margin-right: 10px;
}
.dropdown-menu{
	padding-top:0px;
	padding-bottom:0px;
}
.well{
	border-radius: 0px;
}
.device-xs .well.clear-style-xs, 
.device-xxs .well.clear-style-xs{
	background: transparent;
	padding: 0px;
	border: none;
	box-shadow: none;
}

.device-xs .box-form-control.clear-style-xs, 
.device-xxs .box-form-control.clear-style-xs{
	padding: 0px;
}
.device-xs .boxes-shadow.clear-style-xs, 
.device-xxs .boxes-shadow.clear-style-xs{
	border: none;
	box-shadow: none;
}
.device-xs .nav-tabs > li.active > a, .device-xs .nav-tabs > li.active > a:hover, .device-xs .nav-tabs > li.active > a:focus,
.device-xxs .nav-tabs > li.active > a, .device-xxs .nav-tabs > li.active > a:hover, .device-xxs .nav-tabs > li.active > a:focus  
{
    border-bottom: 1px solid #dddddd;
    /*color: #555555;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-top-color: rgb(221, 221, 221);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(221, 221, 221);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(221, 221, 221);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;*/
    /* cursor: default; */
}


.alert {
     /*margin-top: 30px;*/
     margin-bottom: 45px;
}

.alert  li {
    margin-left: 35px !important;
}
.help-block{
	position: relative;
	display: table; 
	padding-top: 0px;
	padding-bottom: 10px;
	font-size: 13px;
	color: rgba(85, 85, 85, 0.6);
	/*color: #555555;*/
	/*background-color: rgba(255, 255, 255, 0.5);*/
	margin-bottom: 0px;
}
.help-block-warning{
	display: inline-block;
    font-size: 14px;
    padding-left: 0px;
    padding-top: 0px;
    line-height: 1.4;
    color: red;
	margin-bottom: 15px;
    
    
}
span.required{
  font-size: 1.5em;
  line-height: 10px;
}
.control-label span.required{
  /*padding-top: 15px;*/
  display: inline-block;
  position: relative;
  top:3px;
}



.extended-form-content{
	/*padding-top: 50px !important;*/
	padding-left: 50px !important;  
	padding-right: 50px !important;
	padding-bottom: 50px !important;
}
@media (max-width: 992px) {
	.extended-form-content{
		padding-top: 15px !important;
		padding-left: 0px !important;  
		padding-right: 0px !important;
		padding-bottom: 15px !important;
	}
}

@media (min-width: 992px) {
	.labels-right .control-label{
		text-align: right;
		padding-top: 10px;
	}
}
.minHeightWell {
    min-height: 576px;
}

.select2-container .select2-choices, .select2-container .select2-choice, .select2-container .select2-choices{
    display: block;
    width: 100%;
    min-height: 46px;
    padding: 6px 7px;
    font-size: 12px;
    line-height: 30px;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #DDD;
    border-radius: 0 !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}
.select2-result-label{
	font-size: 13px;
}
.select2-container .select2-choice .select2-arrow b {
    margin-top: 5px;
}


.foto-admin-details{
	font-size: 11px;
}

/* ----------------------------------------------------------------
	@group HEADER
-----------------------------------------------------------------*/
	 #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
	    height: 30px;
	    margin-top: 4px;
	    /*top: 12px;*/
	    /* padding: 20px; */
	}


/* ----------------------------------------------------------------
	@group SIDE-PANEL
-----------------------------------------------------------------*/
	#side-panel .widget {
	    margin-top: 0px;
	    padding-top: 40px;
	    width: auto; 
	    padding-left: 0px;
	    padding-right: 25px;
	    padding-bottom: 25px;
	}
	#side-panel .nav-tree li{
	    background-color: white;
	    padding: 0px;
	    margin-bottom: 15px;
	}
	#side-panel .nav-tree li > ul > li{
	    padding:0px;
	    margin-top: 15px;
	}
	#menu-extra-buttons-lg-separator{
		display: inline-block; margin-left: 20px;
	}
	/*#side-panel-wrap */
	#side-panel-boxes #menu-extra-buttons-lg-separator{
		display: none;
	}
	/*#side-panel-wrap li*/
	#side-panel-boxes #menu-extra-buttons{
		list-style: none;
	}
	#side-panel-boxes #menu-extra-buttons span .button{
		width: 100%;
	}
	#side-panel-boxes #menu-extra-buttons span .button.button-white{
		margin-bottom: 10px;
	}

/* ----------------------------------------------------------------
	@group WELL
-----------------------------------------------------------------*/
	
	.well .fancy-title h1, .well .fancy-title h2, .well .fancy-title h3, .well .fancy-title h4, .well .fancy-title h5, .well .fancy-title h6 {
	    background-color: #F5F5F5;
	    text-transform: uppercase;
	}

	.well-white .fancy-title h1, .well-white .fancy-title h2, .well-white .fancy-title h3, .well-white .fancy-title h4, .well-white .fancy-title h5, .well-white .fancy-title h6 {
	    background-color: white;
	    text-transform: uppercase;
	}

/* ----------------------------------------------------------------
	@group UPLOAD USER
-----------------------------------------------------------------*/
	 
    #document-upload-settings .ui-widget-content {
        border: 1px solid #e3e3e3;
        color: #404040;
    }
    #document-upload-settings .ui-state-active, #document-upload-settings  .ui-widget-content .ui-state-active,  #document-upload-settings  .ui-widget-header .ui-state-active {
        border: 0px solid #e3e3e3;
    }
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
         /*background-color: #e6e6e6; */
         background-color: white; 
        /* background-repeat: no-repeat; */
        /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); */
        /* background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); */
        
         background-image: none; 
        /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        color: #333;
        font-size: 13px;
        line-height: normal;
        border: 1px solid #ccc;
        border-bottom-color: #bbb;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -webkit-transition: 0.1s linear background-image;
        -moz-transition: 0.1s linear background-image;
        -ms-transition: 0.1s linear background-image;
        -o-transition: 0.1s linear background-image;
        transition: 0.1s linear background-image;
        transition-property: background-image;
        transition-duration: 0.1s;
        transition-timing-function: linear;
        transition-delay: 0s;
        overflow: visible;*/
    }
    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
        color: #57B3F4; 
        
    }
    .upload-info-parameters {
	    text-align: left;
	    padding: 15px 20px;
	    border: 1px solid #E5E5E5;
	    border-radius: 3px;
	    font-size: 0.8em;
	    /*padding-left: 30px;*/
	}
	
	@media (max-width: 992px) {
		#upload-to-gallery-forms h2{
			font-size: 17px;
		}
		#upload-to-gallery-forms h3{
			font-size: 15px;
			margin-bottom: 0px;
		}
		#upload-to-gallery-forms .boxed-tabs ul.nav-tabs>li>a {
			/*border:1px solid red;*/
			font-size: 11px;
			padding-left: 10px;
			padding-right: 10px;
		}
		#upload-to-gallery-forms .boxed-tabs .nav-tabs > li {
			width: 100%;
		}
		/*#upload-to-gallery-forms .boxed-tabs .nav-tabs > li.active > a{*/
		#upload-to-gallery-forms .boxed-tabs .nav-tabs > li > a{
			/*border:1px solid red;*/
			border: 1px solid #dddddd;
		}

		.document-upload-settings-accordion{ /**
		* @version nastavenia
		*/
			/*border:1px solid red;*/
		}
		.document-upload-settings-accordion .ui-accordion-header a{
			font-size: 12px !important;
			/*border:1px solid red;*/
		}
		#upload-to-gallery-forms .fileinput-button{
			font-size: 12px;
			padding: 0px;
			padding-left: 15px;
			padding-right: 15px;
			margin: 15px;
		}


	}


/* ----------------------------------------------------------------
    @group BOXES
-----------------------------------------------------------------*/
    .boxes-gray{
        background-color: #F0F0F0
    }
    .boxes-shadow{
        border-radius: 2px;
        margin-bottom: 15px;
        min-height: 60px;
        /*box-shadow: [horizontal-offset] [vertical-offset] [blur](optional) [spread](optional) [color]*/
        box-shadow: 0 7px 7px rgba(0, 44, 90, .1);
        transition-timing-function: var(--echt-transition);
        transition-duration: .2s;


        border-right-color: rgb(221, 221, 221);
        border-right-style: solid;
        border-right-width: 1px;
        border-bottom-color: rgb(221, 221, 221);
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-color: rgb(221, 221, 221);
        border-left-style: solid;
        border-left-width: 1px;
    }
    .boxes-shadow.boxes-shadow-border-top{
        border-top-color: rgb(221, 221, 221);
        border-top-style: solid;
        border-top-width: 1px;
    }
    .boxes-shadow:hover {
        box-shadow: 0 3px 7px rgba(0,44,90,.1);
    }
    .boxes-toggle{
        font-size: 0.8em;
        opacity: 0.7;
    }
    .boxes-toggle:hover {
        opacity: 1;
    }


/* ----------------------------------------------------------------
	@group primary-menu
-----------------------------------------------------------------*/
	#mobile-side-panel-trigger{
		display: none;
	}
	#primary-menu-trigger{
		display: none;

	}
  @media (max-width: 1600px){
		/*#mobile-fix-header-push{
			min-height: 120px;
		}*/
		#header {
		  position: fixed;
		  width:100%;
		  top:0px;
		  left:0px;
		}
		#logo img{
		height: 50px ;
		margin-top: 10px;
		}
		#primary-menu-trigger {
		position: absolute;
		opacity: 1;
		font-size: 30px;
		font-weight: 300 !important;
		pointer-events: auto;
		top: 20px;
		margin-top: 0;
		left: auto;
		right: 20px !important;
		z-index: 1;
		color: #384C6F ;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		-webkit-transition: opacity .3s ease;
		-o-transition: opacity .3s ease;
		transition: opacity .3s ease;

		}

  }

#primary-menu .menuItemIcon{
	font-size: 25px; 
	position: relative; 
	left: 5px; 
	top: -5px;
	margin-right: 10px; 
}
#primary-menu .menuSubItemIcon{
	font-size: 15px; 
	position: relative; 
	left: 0px; 
	top: -2px;
	margin-right: 10px; 
}
#primary-menu  [class*=" icofont-"]{
	font-size: 21px; 
	top: 0px;
}
#primary-menu  [class*="menuSubItemIcon icofont-"]{
	font-size: 19px; 
	top: 1px;
	left: -3px;
	/*border:1px solid red;*/
}

#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
    width: 300px;
    left: inherit;
    right: 0px;
    /*top: 110%;*/
}

	
/* ----------------------------------------------------------------
	@group ICONS
-----------------------------------------------------------------*/
	
	.circle-button .button{
	    padding: 0 0px;
	    /*padding-left: 5px;*/
	    font-size: 11px;
	    height: 18px;
	    width: 18px;
	    line-height: 18px;
		border-radius: 50%;
		position: absolute;
		top: -9px;
	}
	
	.circle-button .button i{
		position: absolute;
		left: 2px;
	}
	.circle-button-label{
		/*padding-left: 30px;*/
		display: inline;
		position: relative;
		margin-left: 5px;
		top: 3px;
	}

/* ----------------------------------------------------------------
	END ICONS
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	@group IAS
-----------------------------------------------------------------*/
	.ias-loader
	{
		/*display: none;*/
		/*margin-top: 50px;*/
	    background:url(/images/loading.gif) no-repeat;
	    /*border:1px solid red;*/
	    position: relative;
	    height: 15px;
	    /*background-position: center center;*/
	    background-position: left center;
	}
	.ias-loader-absolute
	{
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 100%;
	    height: 50px;
	    /*opacity: 0;*/
	    background:url(/images/loading.gif) no-repeat;
	    background-position: center center;
	    /*background-position: left center;*/
	}
	.ias-nomorepages-absolute
	{
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 100%;
	    height: 50px;
	    font-size: 1.3em;
	    font-weight: bold;
	    /*padding-left: 15px;*/
	}
/* ----------------------------------------------------------------
	END IAS
-----------------------------------------------------------------*/
/*
 * qTip2 - Pretty powerful tooltips - v2.2.1
 * http://qtip2.com
 *
 * Copyright (c) 2014 
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Mon Oct 13 2014 09:08 EDT-0400
 * Plugins: tips ie6
 * Styles: core
 */

/* ----------------------------------------------------------------
	@group QTIP 2
-----------------------------------------------------------------*/

	.qtip{
		position: absolute;
		left: -28000px;
		top: -28000px;
		display: none;

		/*max-width: 280px;*/
		min-width: 50px;

		font-size: 10.5px;
		line-height: 12px;

		direction: ltr;

		box-shadow: none;
		padding: 0;
	}
	.qtip-default {
	    border: 1px solid #E9E9E9; 
	    background-color: white; 
	    color: #555; 
	    -webkit-box-shadow: -1px 2px 5px 1px rgba(0,0,0,0.3);
		-moz-box-shadow: -1px 2px 5px 1px rgba(0,0,0,0.3);
		box-shadow: -1px 2px 5px 1px rgba(0,0,0,0.3);
	}
	.qtipMenuButtons{
		/*min-width:300px;*/
		width:auto;
	}
	@media (max-width: 996px){
		.qtipMenuButtons{
			width:auto;
		}	
	}

	.qtip-autoScroll{
        max-width: 580px;
        max-width: 580px;
        min-width: 50px;
        font-size: 11px;
        line-height: 11px;
        max-height: 400px;
        overflow: auto;
    }
    @media (min-width: 992px) {
		.qtip-autoScroll{
			width:auto;
	        max-width: 900px;
	    }
	}


    /*.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 2px;
    }*/

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
	position: absolute;
	right: -9px; top: -9px;
	z-index: 11; /* Overlap .qtip-tip */

	cursor: pointer;
	outline: medium none;

	border: 1px solid transparent;
	}

	.qtip-titlebar .qtip-close{
		right: 4px; top: 50%;
		margin-top: -9px;
	}

	* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

	.qtip-titlebar .ui-icon,
	.qtip-icon .ui-icon{
		display: block;
		text-indent: -1000em;
		direction: ltr;
	}

	.qtip-icon, .qtip-icon .ui-icon{
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		text-decoration: none;
	}

	.qtip-icon .ui-icon{
		width: 18px;
		height: 14px;

		line-height: 14px;
		text-align: center;
		text-indent: 0;
		font: normal bold 10px/13px Tahoma,sans-serif;

		color: inherit;
		background: transparent none no-repeat -100em -100em;
	}

	/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
	.qtip-focus{}
	/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
	.qtip-hover{}
	/* Default tooltip style */
	.qtip-default{
		background-color: #FFFFFF;
		color: #555;
	}
	.qtip-default .qtip-titlebar{
		background-color: #FFEF93;
	}

	.qtip-default .qtip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}

	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #AAA;
		color: #111;
	}


	.qtip .qtip-tip{
		margin: 0 auto;
		overflow: hidden;
		z-index: 10;

	}
	/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
	x:-o-prefocus, .qtip .qtip-tip{
		visibility: hidden;
	}

	.qtip .qtip-tip,
	.qtip .qtip-tip .qtip-vml,
	.qtip .qtip-tip canvas{
		position: absolute;

		color: #123456;
		background: transparent;
		border: 0 dashed transparent;
	}

	.qtip .qtip-tip canvas{ top: 0; left: 0; }

	.qtip .qtip-tip .qtip-vml{
		behavior: url(#default#VML);
		display: inline-block;
		visibility: visible;
	}


	.qtipmodal-ie6fix{
	position: absolute !important;
	}

	
	.qtip-actions{
	    padding:0px;
	}
	.qtip-actions li{
	    list-style: none;
	    padding: 12px;
	    border-bottom:1px solid #E1E1E1;
	    font-size: 12px;
	}
	.qtip-actions span{
	    margin-right: 10px
	}
	.page-images-admin{
	    cursor: pointer;
	}

	.qtipInfo-class {
	    /* background: rgba(35, 44, 35, 0.6); */
	    background: #36FF09;
	    border-radius: 0px;
	    border: 7px solid #57B3F4;
	    border-top-color: rgb(87, 179, 244);
	    border-top-style: solid;
	    border-top-width: 7px;
	    border-right-color: rgb(87, 179, 244);
	    border-right-style: solid;
	    border-right-width: 7px;
	    border-bottom-color: rgb(87, 179, 244);
	    border-bottom-style: solid;
	    border-bottom-width: 7px;
	    border-left-color: rgb(87, 179, 244);
	    border-left-style: solid;
	    border-left-width: 7px;
	    border-image-source: initial;
	    border-image-slice: initial;
	    border-image-width: initial;
	    border-image-outset: initial;
	    border-image-repeat: initial;
	    padding: 5px;
	    color: #4D5E7E;
	    font-weight: bold;
	    /* font-size: 15px; */
	    line-height: 30px;
	    text-align: center;
	}
	.qtipInfo-error {
		background-color: #ff0065;
		border: 2px solid #FF000B;
		color: white;
		font-size: 1.3em;
	}

/* ----------------------------------------------------------------
	QTIP END
-----------------------------------------------------------------*/



/* ----------------------------------------------------------------
	@group ACCORDITION
-----------------------------------------------------------------*/
	h3.ui-accordion-header  {
		padding: 8px 0px;
		/*border:1px solid red;*/
	}
	.accordion-icon{
		float:right; 
		color: #397AB3; 
		margin-right:15px; 
		font-size:18px;
	}
	
/* ----------------------------------------------------------------
	@ACCORDITION END
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	@group TABLES
-----------------------------------------------------------------*/
	.table-bordered{
		font-size: 13px;
	}
	
/* ----------------------------------------------------------------
	@TABLES END
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	@group SHARE WIDGET
-----------------------------------------------------------------*/
	.social-share a{
		margin-left: 5px !important;
	}
	.social-share span{
		text-transform: uppercase;
	}
	
/* ----------------------------------------------------------------
	@SHARE WIDGET END
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	@group SINGLE-PORTFOLIO-POST WIDGET
-----------------------------------------------------------------*/
	.single-portfolio-post {
		
	}
	.single-portfolio-post .single-portfolio-item-text{
		font-size: 25px;
	}
    .single-portfolio-post .entry-popis {
    	font-size: 30px;
    }
	.single-portfolio-post .single-portfolio-item-text ul{
		padding-left: 30px;
	}
	.single-portfolio-post .single-portfolio-item-text img{
		max-width: 100%;
	}
	.single-portfolio-post .single-portfolio-item-text img{
		display: block;
		/*text-align: center;*/
		margin-left: auto;
  		margin-right: auto;
	}
	#related-docs-carousel .item{
		margin-bottom: 0px;
	}
	#related-docs-carousel .item h5{
		font-size: 15px;
	}
	#related-docs-carousel .promo {
    padding-top: 20px;
    }
    .single-portfolio-post .section-title {
    	margin-bottom: 15px;
    }

	
/* ----------------------------------------------------------------
	@SINGLE-PORTFOLIO-POST END
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	@group VIDEOJS
-----------------------------------------------------------------*/
	.vjs-big-play-button{
		border:2px solid white !important;
		border-radius: 50% !important;
		width: 70px !important;
		height: 70px !important;
		padding-top:-30px;
		left:100px;
	}
	.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
	    position: absolute;
	    top: 10px !important; 
	    left: 0; 
	    width: 100%; 
	    height: 100%;
	}
	.vjs-no-video{
		margin-top: 15px;
		font-size: 0.8em;
		text-transform: uppercase;
	}
	
/* ----------------------------------------------------------------
	@VIDEOJS END
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	@group images admin buttons 
-----------------------------------------------------------------*/
	.admin-files-edit-buttons {
	    position: absolute;
	    left: 0px;
	    padding: 6px;
	    top: 10px;
	    background-color: transparent; 
	    width: 100%;
	    text-align: left;
	    /* background-color: rgba(255, 255, 255, 0.5); */
	}
	.admin-files-edit-buttons input{
	    position: relative; 
	    width: 25px; 
	    height: 25px; 
	    display: inline-block; 
	    float:right; 
	    top: -2px; 
	}
	.admin-files-edit-buttons .btn{
	    padding-top: 5px;
	}
	.admin-files-edit-buttons .btn-group{
	    margin: 0px;
	    margin-right: 15px;
	}
	.admin-files-edit-buttons{
		background-color: rgba(0,0,0,0.3);
	}
	.admin-files-edit-buttons .btn{
		border-radius: 0px;
		margin-right: 2px;
		position: relative;
	}
	.admin-files-edit-buttons .icofont-2x{
	    font-size: 20px;
	}
	.item-portfolio-container .admin-files-edit-buttons {
		width: auto;
		left: auto;
		top: 10px;
		right: 20px;
		font-size: 11px;
		z-index: 10;
	}

	/*.item-portfolio-container .btn {*/
	.admin-files-edit-buttons .btn {
		position: relative;
	    padding: 2px;
	    padding-top: 5px;
	    background-color: transparent;
	    /*background-color: rgba(255, 255, 255, 0.2);*/
	    background-color: rgba(90, 178, 243, 0.9);
	    border: 0px;
	    display: inline-block;
	    color: white;
	    min-height: 30px;
	    min-width: 30px;
	}
	.admin-files-edit-buttons .btn a:link, .admin-files-edit-buttons .btn a:visited{
		color: white;

	}
	.admin-files.col-lg-4 .item-portfolio-akatext p{
		font-size: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.item-infotool-icon{
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.item-infotool-icon span{
		font-size: 0.8em;
		margin-right: 0px !important;
	}

	.floating-menu{
		position: absolute; 
		bottom: 10px; 
		left: 10px; 
		/*border:1px solid red; */
	}
	.floating-menu-relative{
		position: relative; 
		padding-left:  15px;
		padding-right: 15px;
		float: left;
		/*bottom: 10px; */
		/*left: 10px; */
		/*border:1px solid red; */
	}
	.floating-menu .button.item-infotool-icon {
	    height: 30px;
	    line-height: 0px;
	}

	.grid-floating-signs{
		position: absolute; 
		top: -0px; 
		right: 30px; 
		/*border:1px solid red; */
	}

	.grid-floating-signs span{
		display: inline-block;
		padding: 5px;
		background-color: #ff0065;
		margin-left: 5px;
		color: white;
		line-height: 0px;
	}
	.grid-floating-signs span .small-text-info {
		padding: 0px;
		position: relative;
		bottom: 1px;
		left: -2px;
	    font-size: 15px;
	}

	.item-infotool-icon i{
		font-size: 1.3em;
		position: relative;
		top: 1px;
		left:1px;
		margin-right: 0px;
		/*padding-left: 5px;*/
	}

	.porfolio-item-credits-content span, .pf-flags-icons span{
		display: inline;
		margin-right: 5px;
	}
	.porfolio-item-credits-content .item-infotool-icon  { /*.button.button-border*/
	    /*border-color:  rgba(0, 0, 0, 0.1);*/
	    /*color:  rgba(0, 0, 0, 0.3);*/
	    border-color: #e5e5e5;
	    color: #8e8e8e;
	    background-color: white;
	}
	.porfolio-item-credits-content .item-infotool-icon{
		background-color: white;
	}

	.porfolio-item-credits-content .button.button-border-active{
	    border-color:  rgba(57, 122, 179, 0.99);/*#397ab3*/
	    color:  rgba(57, 122, 179, 0.99);
	}
	.porfolio-item-credits-content .button.button-border-active .bi-heart-fill{
	    color: red;
	}
	
	.grid-Isotope .item-container{
		opacity: 0;
	}
	.porfolio-item-credits-content .button.button-border {
	  /*line-height: 24px;*/
	}
	.porfolio-item-credits-content .button {
  		height: 33px;
	}
	.grid__item .label {
	    top: -3px;
	    position: relative;
	}


	.item-container .text-content{
		margin-bottom: 30px;
	}
	.item-container .meta-data-content{
		/*margin-bottom: 30px;*/
	}

	.pf-flags-icons .button.button-border-active {
	    border-color:  transparent;/*rgba(57, 122, 179, 0.99)*/
	    color:  rgba(255, 255, 255, 0.99);
	    background-color:  rgba(57, 122, 179, 0.5);/*#397ab3*/
	    display: inline-block;
	    float: left;
	}
	.pf-flags-icons .button.pf-flag-icon-important {
	    border-color:  rgba(57, 122, 179, 0.99) ;/**/
	    color:  #57B3F4; /*rgba(255, 255, 255, 0.99);*/
	    /*background-color:  rgba(57, 122, 179, 0.99);/*#397ab3*/
	    background-color: #F9F871;
	    display: inline-block;
	    float: left;
	}
	.pf-flags-icons .button.pf-flag-icon-important i{
	    margin-right: 0px;
	    font-size: 24px;
	}

	.pf-flags-icons .button.button-border-active:not(:first-child) {
	    /*margin-left: 15px;   */
	}

	.pf-flags-icons .button-border-active:hover {
	    border-color:  rgba(255, 255, 255, 0.7);
	    color:  rgba(255, 255, 255, 1);

	}

	.porfolio-item-credits-content .button.button-border-active-filled,  .pf-flags-icons .button.button-border-active-filled {
	    border-color:  rgba(57, 122, 179, 0.99);/*#397ab3*/
	    background-color:  rgba(57, 122, 179, 0.99);/*#397ab3*/
	    color:  white;
	}



	.porfolio-item-credits-content .button.button-border:hover {
	    border-color:  rgba(255, 255, 255, 0.7);
	    color:  rgba(255, 255, 255, 1);

	}

	.portfolio-tools-qtip{
		font-size: 12px;
	}
	.portfolio-tools-qtip .well{
		border-radius: 0px;
		font-size: 12px;
		padding: 12px;
		margin-top: 15px;
		margin-bottom: 0px;
	}
	
	.portfolio-tools-qtip .qtip-content{
		padding: 15px;
		padding-bottom: 18px;
	}

	.qtipMenuButtons i{
		margin-right: 10px;
	}
/* ----------------------------------------------------------------
	images admin buttons END
-----------------------------------------------------------------*/




/* ----------------------------------------------------------------
	@group input-tooltip
-----------------------------------------------------------------*/
	.input-tooltip {
		position: absolute;
		display: block;
	    float: left;
	    margin: 4px 11px 7px 0;
	    text-align: center !important;
	    font-size: 15px;
	    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	    cursor: pointer;
	    font-style: normal;
	    
	    width: 22px !important; 
	    height: 22px !important; 
	    line-height: 23px !important; 
	    border-radius: 50%;
	    background-color: rgba(87,179,244,0.5); /*#57B3F4 */
	    color: #FFF;
	    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	    box-shadow: 0 0 0 rgba(0,0,0,0.2);

	    top: 8px;
	    right: 20px;

	}
	.input-tooltip.input-tooltip-fullOpacity{
	    background-color: rgba(87,179,244,0.99);
	}

	.input-tooltip:hover, .input-tooltip:hover {
	    color: #444;
	    background-color: #F5F5F5;
	    text-shadow: 1px 1px 1px #FFF;
	    box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
	}
	
	.input-tooltip.input-tooltip-light{
	    background-color: #F5F5F5;
    	color: #444;
	}
	.input-tooltip.input-tooltip-light:hover{
	    background-color: rgba(87,179,244,0.5); /*#57B3F4 */
    	color: #444;
	}

	body:not(.device-touch) .input-tooltip{
	    -webkit-transition: all .3s ease;
	    -o-transition: all .3s ease;
	    transition: all .3s ease;
	}
/* ----------------------------------------------------------------
	@input-tooltip end
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	@group LEFT-PANEL 
-----------------------------------------------------------------*/
	.widget_links .nav-tree li a {
	    padding: 0px 0;
	    padding-left:10px;
	}
	.side-panel .widget_links .nav-tree > ul > li {
	    /*margin-bottom: 20px;*/
	    background-color: transparent;
	    /*padding-right: 15px;*/
	    /*padding-left: 15px;*/
	}


/* ----------------------------------------------------------------
	@group PANEL
-----------------------------------------------------------------*/
	#gguser-panel{
		position: relative;
		/*margin-top: 30px;*/
		/*border:10px solid gold;*/
		/*width: 500px;*/
	}

	#gguser-panel #user-side-panel{
		/*border:1px solid red;*/
		display: inline-block;
		float: left;
		width: 300px;
	}
	@media (max-width: 1600px){
		#gguser-panel #user-side-panel{
			display: none;
		}

	}




	#gguser-panel #user-main-panel{
		/*border:1px solid red;*/
		display: none;
		min-height: 800px;
		/*width: 100%;*/
	}
	.adaptive-width-scalable{
		float: right;
	}
	.adaptive-width-fullwidth{
		float: none;
	}

	.side-panel .nav-tree > ul > li {
	    margin-bottom: 20px;
	    background-color: #D9E0E9;
	    padding-right: 15px;
	    padding-left: 15px;
	}
	.side-panel .nav-tree > ul {
    margin: 0px 0; 
	}

	.side-panel .nav > li > a {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	/* .side-panel .nav-tabs.nav-justified {
	    border-bottom: 1px solid #DDDDDD;
	} */
	.side-panel .nav-tabs.nav-justified > .active > a, .side-panel .nav-tabs.nav-justified > .active > a:hover, .side-panel .nav-tabs.nav-justified > .active > a:focus{
    	/*border: none;*/
    	/*box-shadow: [horizontal-offset] [vertical-offset] [blur](optional) [spread](optional) [color]*/
    	/*box-shadow: 0 -3px 3px rgba(0, 44, 90, .1);*/
	}
	.side-panel  .nav-tabs {
	     padding-left: 0px; 
	}
	
	
	.boxed-tabs .nav-tabs {
	    position: relative;
	    top: 0px;
	    z-index: 2;
		text-transform: uppercase;
		font-weight: 600;
		border-radius: 4px 4px 0 0;

	}

	
	.boxed-tabs ul.nav-tabs>li.active{
		position: relative;
		top: 1px;
		/*border:1px solid red;*/
	}
	.boxed-tabs ul.nav-tabs>li:not(.active){
		position: relative;
		top: 0px;
	}
	.boxed-tabs ul.nav-tabs>li i, .boxed-tabs ul>li .glyphicon{
		margin-right: 10px;
		font-size: 1.2em;
		
	}
	.boxed-tabs ul.nav-tabs>li i{
		font-size: 1.3em;
		
	}
	.boxed-tabs ul.nav-tabs>li>a{
		padding-left: 40px;
		padding-right: 40px;
		/*background-color: #52B3F7;*/
		/*color: white;*/
		color: #52B3F7;
		
	}
	/* unvisited link */
	.boxed-tabs ul.nav-tabs>li a:link {
		color: #52B3F7;
	}
	.boxed-tabs ul.nav-tabs>li  a:visited {
		color: #52B3F7;
	}
	.boxed-tabs ul.nav-tabs>li  a:hover {
		color: #52B3F7;
		/*background-color: red;*/
	}
	.boxed-tabs ul.nav-tabs>li  a:active {
		color: #52B3F7;
	}
	.boxed-tabs ul.nav-tabs>li:not(.active) a{
		color: #cccccc;
		/*background-color: white;*/
	}




	.box-form-control .panel, .box-form-control .panel-default{
		border: none;
    	box-shadow: 0 0px 0px rgba(0, 44, 90, .0);
		/*border-bottom: 1px solid red;*/
	}
	.box-form-control .panel-heading{
		position: relative;
		background: transparent;
		border-bottom: none;
		padding-top: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid #ddd;
	}
	
	.panel .panel-heading{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.box-form-control .panel-heading h3{
		/*font-size: 50px;*/
		color: #57B3F4;
	}
	.panel .panel-heading h3{
		/*font-size: 50px;*/
		color: #57B3F4;
	}
	.panel .panel-title{
		font-size: 1.3em;
		color: #57B3F4;
	}

	.panel .panel-in-content{
		margin-bottom: 20px;
	    background-color: #ffffff;
	    border: 1px solid #dddddd;
	    border-radius: 4px;
	    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	}
	.panel .panel-in-content .panel-heading{
		padding: 10px 15px;
		background-color: #f5f5f5;
    	border-color: #dddddd;
	}
	
	.box-form-control .panel-heading .glyphicon{
		position: absolute;
		right: 30px;
		top: 20px;
		font-size: 50px;
		color: #57B3F4;
	}
	
	@media (max-width: 992px) {
		.box-form-control .panel-body{
			padding-left: 0px !important;  
			padding-right: 0px !important;
		}
	}

/* ----------------------------------------------------------------
	@group SIDE-PANEL
-----------------------------------------------------------------*/
	#side-panel-boxes div{
		/*min-height: 100px;*/
		/*border:1px solid red;*/
		padding: 0px;
		padding-right: 10px;
		padding-bottom: 10px;

	}
	#side-panel-boxes .side-panel-box  {
		min-height: 100px;
		/*border:1px solid red;*/
		background-color: white;
		padding: 0px;
		color: black !important;
		/*padding: 10px;*/
		/*padding-top: 5px;*/
		/*cursor: pointer; cursor: hand; */


	}
	.side-panel-box h6{
		color: black !important;
		font-size: 18px;
		padding: 0px;					
		font-weight: 300;
		font-family: 'Oswald', sans-serif;
	}
	.side-panel-icons{
		text-align: right;
		font-size: 40px
	}
	.side-panel-icons-inline{
		position: absolute !important;
		right: 20px;
		top: 0px;
		font-size: 20px
	}
	.side-panel-icons img{
		display: inline-block;
		max-width: 80px;
	}
/* ----------------------------------------------------------------
	@SIDE-PANEL END
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	@USER
-----------------------------------------------------------------*/
	.user-profile-picture{
		position: relative;
		display: inline-block;
	    margin: 0px;
	    text-align: center !important;
	    font-size: 15px;
	    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	    /*cursor: pointer;*/
	    font-style: normal;
	    width: 150px !important; 
	    height: 150px !important; 
	    line-height: 23px !important; 
	    border-radius: 50%;
	    border:3px solid #57B3F4;
	    background-color: rgba(87,179,244,0.5); /*#57B3F4 */
	    color: #FFF;
	    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	    box-shadow: 0 0 0 rgba(0,0,0,0.2);

	    top: 0px;
	    right: 0px;
	    overflow: hidden;

	}

	#user-profile-cover-background{
		position: relative;
		/*display: block;*/
		/*border:1px solid red;*/
		top: 0px;
		width: 100%; 
		height: 600px;
		
	}

/* ----------------------------------------------------------------
	@USER END
-----------------------------------------------------------------*/


	.jumbotron.tblalert {

	}
	.jumbotron.tblalert .alert-success{
		background-color: #00ff66;
		/*color: white;*/
	}
/* ----------------------------------------------------------------
	@group BOXES
-----------------------------------------------------------------*/
	.boxes-gray{
		background-color: #F0F0F0
	}
	.boxes-shadow{
		border-radius: 2px;
	    margin-bottom: 0px;
	    min-height: 60px;
	    /*box-shadow: [horizontal-offset] [vertical-offset] [blur](optional) [spread](optional) [color]*/
    	box-shadow: 0 7px 7px rgba(0, 44, 90, .1);
	    transition-timing-function: var(--echt-transition);
	    transition-duration: .2s;


	    border-right-color: rgb(221, 221, 221);
	    border-right-style: solid;
	    border-right-width: 1px;
	    border-bottom-color: rgb(221, 221, 221);
	    border-bottom-style: solid;
	    border-bottom-width: 1px;
	    border-left-color: rgb(221, 221, 221);
	    border-left-style: solid;
	    border-left-width: 1px;
	}
	.boxes-shadow.boxes-shadow-border-top{
		border-top-color: rgb(221, 221, 221);
	    border-top-style: solid;
	    border-top-width: 1px;
	}
	.boxes-shadow:hover {
	    box-shadow: 0 3px 7px rgba(0,44,90,.1);
    }
    .boxes-toggle{
		font-size: 0.8em;
		opacity: 0.7;
	}
	.boxes-toggle:hover {
		opacity: 1;
    }

/* ----------------------------------------------------------------
	@BOXES END
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	@group LOGIN-FORM
-----------------------------------------------------------------*/
		
	#login-form .headerIcon{
		/*border:1px solid red;*/
		position: absolute;
		left: -30px;
	}
	#login-form label{
		font-size: 0.8em;
	}
	#login-form .form-control{
		font-size: 0.9em;
	}

	#login-form #clenIdentityForm{
		padding-left: 40px;
		padding-right: 40px;
	}
	.login-form-wrap{
		position:relative; 
		max-width: 900px; 
		margin-top: 150px; 
	}
	.device-xs .login-form-wrap, 
	.device-xxs .login-form-wrap{
		margin-top: 50px;
	}

	.login-form-wrap .boxes-shadow{
		position: relative;
		z-index: 2;
		background-color: white;
		padding-left: 50px;
		/*border:1px solid red !important;*/
	}
	.login-form-wrap .nav-tabs > li.active > a, .login-form-wrap .nav-tabs > li.active > a:hover, .login-form-wrap .nav-tabs > li.active > a:focus {
	 	box-shadow: 0 3px 7px rgba(0,44,90,.1);
    	box-shadow: 0 4px 10px rgba(0, 44, 90, .3);
		border: none;     
	} 
/* ----------------------------------------------------------------
	@END LOGIN-FORM
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	@group BUTTONS
-----------------------------------------------------------------*/
	.btn-lg, .btn-group-lg > .btn {
	    padding: inherit; 
	     font-size: inherit; 
	     line-height: inherit; 
	     border-radius: 0px; 
	}
	.btn-primary {
	    color: #ffffff;
	    background-color: #57B3F4;
	    border-color: #57B3F4;
	}
	.button-create{
		text-transform: uppercase;
		letter-spacing: 1px;
		box-shadow: 2px 2px 2px rgba(4, 4, 4, 0.1) !important;
		padding: 15px !important;
	}
	.button-create.button-loading-loader{
		position: relative;
	}
	.button-create.button-loading-loader.status-loading{
		padding-left: 50px !important;
		cursor: wait;
	}
	.button-loading-loader .loader-icon{
		display:none;
	}
	.button-loading-loader.status-loading .loader-icon{ 
		position:relative; 
		float: left;
		top: 3px; 
		left: 0px; 
		width: 30px; 
		height: 30px; 
		display:inline-block;
	}
	.button-create.button-loading-loader.status-loading .glyphicon{
		display: none;
	}

	.button.button-small {
	    /*padding: 0px 10px; 
	    font-size: 11px;*/
	    /*height: 46px;*/
	    /*line-height: 25px;*/
	}
	.button-gray {
	    background-color: #DDDDDD;
	}
	.button-square-plus-icon {
	    padding: 0 14px;
	    font-size: 11px;
	    height: 42px;
	    line-height: 45px;
	    padding-left: 18px;
	}

	.btnLoader{ 
		display: none; margin-right: 5px;  
	}

	.button-create [class^="icofont-"], .button-create  [class*=" icofont-"] {
	    position: relative;
    	top: 1px;
    	display: inline-block;
    	font-style: normal;
    	font-weight: 400;
    	line-height: 1;
    	-webkit-font-smoothing: antialiased;
    	font-size: 22px;
    	margin-right: 7px;
	}

	.button.button-desc i {
	    top: 2px;
	    font-size: 35px;
	    width: 48px;
	    text-align: center;
	    margin-right: 12px;
	    margin-left: 12px;
	}
	.button i {
		/*top: -1px;*/
		top: 0px;
		/*left: -3px ;*/
	}
	.button.button-mini i {
		top: 0px;
		left: -3px ;
	}
	.button.button.button-desc.text-center{
	    text-align: center;
	}

	.button-wide{

	}
	.button.button-white-border {
	    border: 2px solid #fff;
	    border-top-color: rgb(255, 255, 255);
	    border-top-style: solid;
	    border-top-width: 2px;
	    border-right-color: rgb(255, 255, 255);
	    border-right-style: solid;
	    border-right-width: 2px;
	    border-bottom-color: rgb(255, 255, 255);
	    border-bottom-style: solid;
	    border-bottom-width: 2px;
	    border-left-color: rgb(255, 255, 255);
	    border-left-style: solid;
	    border-left-width: 2px;
	    border-image-source: initial;
	    border-image-slice: initial;
	    border-image-width: initial;
	    border-image-outset: initial;
	    border-image-repeat: initial;
	    background-color: transparent;
	    color: white;
	    line-height: 36px;
	    font-weight: 600;
	    text-shadow: none;
	}

	.sticky-buttons-bottom{
		position: fixed;
		z-index: 99;
		left: 0;
		bottom: 0px;
		/*width: 100%;*/
		height: 50px;
		/*border:1px solid red;*/
		/*box-shadow: 0 0 15px rgba(0,0,0,0.3);*/
	}
	


.button {
    background-color: #2fa9e9;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    /*padding-top: 3px;*/
    font-family: "InterneterFont-Medium", 'Raleway', sans-serif;
}
.porfolio-item-credits-content .button-border{
    /*background-color: transparent;*/
    /*border-color: rgba(0, 0, 0, 0.1);*/
    /*border-color: #e8e8e8;*/
}
/* Buttons - Colors
-----------------------------------------------------------------*/
.button.button-large{
    line-height: 50px;
    height: auto;
}
.button-white {
    background-color: #F9F9F9;
    color: #2fa9e9;
}
.button-gray {
    background-color: #B5B5B5;
    color: #2fa9e9;
}
.button-lightblue {
    background-color: #57B3F4;
    /*color: #2fa9e9;*/
}
.button-darkblue {
    background-color: #384C6F;
    color: #2fa9e9;
}
.button-black {
    background-color: #111;
}
.button-green {
    background-color: #1ABC9C !important;
    color: white !important;
}
.button-red {
    background-color: #f1404e;
}


.button-warning { background-color: red !important; color:white; }
.button-red { background-color: #C02942 !important; color:white; }
.button-3d.button-red:hover,
.button-reveal.button-red:hover { background-color: #C02942 !important; }

.button-teal { background-color: #53777A; }
.button-3d.button-teal:hover,
.button-reveal.button-teal:hover { background-color: #53777A !important; }

.button-yellow { background-color: #ECD078; }
.button-3d.button-yellow:hover,
.button-reveal.button-yellow:hover { background-color: #ECD078 !important; }

.button-green { background-color: #59BA41; }
.button-3d.button-green:hover,
.button-reveal.button-green:hover { background-color: #59BA41 !important; }

.button-brown { background-color: #774F38; }
.button-3d.button-brown:hover,
.button-reveal.button-brown:hover { background-color: #774F38 !important; }

.button-aqua { background-color: #40C0CB; }
.button-3d.button-aqua:hover,
.button-reveal.button-aqua:hover { background-color: #40C0CB !important; }

.button-lime { background-color: #AEE239; }
.button-3d.button-lime:hover,
.button-reveal.button-lime:hover { background-color: #AEE239 !important; }

.button-purple { background-color: #5D4157; }
.button-3d.button-purple:hover,
.button-reveal.button-purple:hover { background-color: #5D4157 !important; }

.button-leaf { background-color: #A8CABA; }
.button-3d.button-leaf:hover,
.button-reveal.button-leaf:hover { background-color: #A8CABA !important; }

.button-pink { background-color: #F89FA1; }
.button-3d.button-pink:hover,
.button-reveal.button-pink:hover { background-color: #F89FA1 !important; }

.button-dirtygreen { background-color: #1693A5; }
.button-3d.button-dirtygreen:hover,
.button-reveal.button-dirtygreen:hover { background-color: #1693A5 !important; }

.button-blue { background-color: #1265A8; }
.button-3d.button-blue:hover,
.button-reveal.button-blue:hover { background-color: #1265A8 !important; }

.button-amber { background-color: #EB9C4D; }
.button-3d.button-amber:hover,
.button-reveal.button-amber:hover { background-color: #EB9C4D !important; }

.button-black { background-color: #111; }
.button-3d.button-black:hover,
.button-reveal.button-black:hover { background-color: #111 !important; }

.button-white { background-color: #F9F9F9; }
.button-3d.button-white:hover,
.button-reveal.button-white:hover { background-color: #F9F9F9 !important; }

.device-xs .button.button-xlarge, 
.device-xxs .button.button-xlarge 
{
     padding: 0 10px; 
    font-size: 13px;
    letter-spacing: 2px;
    height: 32px;
    line-height: 32px;
}


/* Buttons - No Hover
-----------------------------------------------------------------*/

.button.button-nohover:hover {
    opacity: inherit !important;
    background-color: inherit !important;
    color: inherit !important;
    border-color: inherit !important;
}



.button.button-pink-border {
    border: 2px solid #2fa9e9;
    border-top-color: #2fa9e9;
    border-top-style: solid;
    border-top-width: 2px;
    border-right-color: #2fa9e9;
    border-right-style: solid;
    border-right-width: 2px;
    border-bottom-color: #2fa9e9;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: #2fa9e9;
    border-left-style: solid;
    border-left-width: 2px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background-color: transparent;
    color: #2fa9e9;
    /*line-height: 36px;*/
    font-weight: 600;
    text-shadow: none;
}



/* ----------------------------------------------------------------
	@group ERROR-PAGE
-----------------------------------------------------------------*/
	#error-page-content{
		min-height: 900px;
	}
	#error-page-content .container, #header.full-header .container, .container-fullwidth {
	     width: 100% !important; 
	}
	#error-page-content h3 {
	    color: white;
	    max-width-width: 550PX; 
	    text-transform: uppercase;
	}
	#error-page-content .error-message {
		background-color: rgba(57, 122, 179, .6); 
	    max-width: 1200PX; 
	    margin-left: auto;
	    margin-right: auto;
	    padding: 100px;
	    font-weight: bold;
	}
	@media (max-width: 992px) {
		#error-page-content .error-message {
	    	padding-left:15px;
	    	padding-right:15px;
		}
	}

/* ----------------------------------------------------------------
	@UL
-----------------------------------------------------------------*/
	.ul-basic{
		padding-left: 30px;
	}
/* ----------------------------------------------------------------
	@BADGES
-----------------------------------------------------------------*/
	.error.badge{
		background: red;
	}
/* ----------------------------------------------------------------
	@group LABEL
-----------------------------------------------------------------*/
label {
    color:#57B3F4;
    /*font-size: 1em;*/
    
}
.filterWell label {
    color:#57B3F4;
    font-size: 0.7em;
    
}
.form-horizontal label {
    color:#57B3F4;
    font-size: 0.8em;
}


/* ----------------------------------------------------------------
	@GROUP GRID isotope, masonry
-----------------------------------------------------------------*/
	.grid-items-summary {
		position:absolute; top: 0px; 
		right:0px; 
		width: 100%;
	}
	.grid {
		/*max-width: 1200px;*/
		/*padding-top: 150px;*/
	}

	/* reveal grid after images loaded */
	.grid.are-images-unloaded {
		opacity: 0;
	}
	.grid__item,
	.grid__col-sizer {
		width: 16.66666667%;
		/*background-color: #AEAEAE;*/
	}
	.grid__item--size-XS { 
		width: 16.66666667%;
	}
	.grid__item--size-M { 
		width: 33.33333333%;
	}
	.grid__item--size-L { 
		width: 49.9999999%;
	}
	.grid__item--size-XL { 
		width: 99.99%;
	}

	.grid-Masonry .grid__item,
	.grid-Masonry .grid__col-sizer {
		/*width: 16.66666667%;*/
		/*width: 33.33333333%;*/
		width: 24.99999%;
	}
	.grid-Masonry .grid__item--size-M{
		/*width: 16.66666667%;*/
		width: 24.99999%;
		/*width: 33.33333333%;*/
		/*width: 33.33333333%;*/
		/*width: 49.9999999%;*/
	}
	.grid-Masonry .grid__item--size-L{
		/*width: 16.66666667%;*/
		width: 24.99999%;
		/*width: 33.33333333%;*/
		/*width: 49.9999999%;*/
	}
	.grid-Masonry .grid__item--size-XL{
		width: 99.99%;

	}

	
	.pomo-gallery .grid__item,
	.pomo-gallery .grid__col-sizer {
		/*width: 49.9999% !important;*/
		/*width: 33.33333333%;*/
		width: 24.99999%;
		/*background-color: #AEAEAE;*/
	}

	.pomo-gallery .grid__col-sizer {
		width: 24.99999%;
    	/* background-color: #AEAEAE; */
	}
	.pomo-gallery .grid__item--size-XS { 
		width: 16.66666667%;
	}
	.pomo-gallery .grid__item--size-M { 
		/*width: 49.9999% !important;*/
		/*width: 33.33333333%;*/
		width: 24.99999%;
	}
	.pomo-gallery .grid__item--size-L { 
		width: 49.9999999%;
	}
	.pomo-gallery .grid__item--size-XL { 
		width: 99.99%;
	}

	@media (max-width: 992px) {
		.grid__item,
		.grid__col-sizer {
			width: 49.9999999%;
			/*background-color: #AEAEAE;*/
		}
		.grid__item--size-XS { 
			width: 49.9999999%;
		}
		.grid__item--size-M { 
			width: 49.9999999%;
		}
		.grid__item--size-L { 
			width: 99.99%;
		}
		.grid__item--size-XL { 
			width: 99.99%;
		}

		.grid-Masonry .grid__item,
		.grid-Masonry .grid__col-sizer {
			width: 49.9999999%;
		}
		.grid-Masonry .grid__item--size-M{
			width: 49.9999999%;
		}
		.grid-Masonry .grid__item--size-L{
			width: 99.99%;
		}
		.grid-Masonry .grid__item--size-XL{
			width: 99.99%;

		}
	}

	.extended-content{
		position: relative;
		display: block;
		height: 150px;
		width: 100%;
		padding: 15px;
		/*border:1px solid #E0E0E0;*/
		border-top: none;
	}



	.grid__gutter-sizer { 
		width: 0%; 
	}
	.grid.are-images-unloaded .image-grid__item {/* hide by default */
	  opacity: 0;
	}
	.grid__item {
	  margin-bottom: 20px;
	  float: left;
	}
	.grid__item--height1 { height: 140px; background: #EA0; }
	.grid__item--height2 { height: 220px; background: #C25; }
	.grid__item--height3 { height: 300px; background: #19F; }

	/*.grid__item img {
	  display: block;
	  max-width: 100%;
	}*/
	.page-load-status {
		/*border:1px solid red;*/
		display: none; 
		padding-top: 20px;
		margin-top: 20px;
		border-top: 1px solid #DDD;
		text-align: center;
		color: #777;
	}
	.page-load-status-end-of-internet {
		/*border:1px solid red;*/
		display: none; 
		padding-top: 20px;
		margin-top: 20px;
		border-top: 1px solid #DDD;
		text-align: center;
		color: #777;
	}



	.grid-view .summary{
		font-size: 0.8em;
	}
	.grid-view .button{
		margin: 0px;
	    padding: 0 10px;
	    font-size: 14px;
	    height: 23px;
	    line-height: 20px;

	}
	.grid-view .button i{
		margin-right: 0px; 
	}
	.btn-grid-tools{
		padding: 0px;
		padding-left: 5px;
		padding-right: 5px !important;
		padding-top: 1px;
	}

	.btn-grid-tools .glyphicon {
	    margin-right: 0px;
	}
	.grid-view .dropdown-menu  .glyphicon {
	    margin-right: 10px;
	}
	.grid-view .qtipTool{
		text-decoration: underline;
		cursor: pointer;
	}

	.loader-ellips {
	  font-size: 20px; /* change size here */
	  position: relative;
	  width: 4em;
	  height: 1em;
	  margin: 10px auto;
	}

	.loader-ellips__dot {
	  display: block;
	  width: 1em;
	  height: 1em;
	  border-radius: 0.5em;
	  background: #5AB2F3; /* change color here */
	  position: absolute;
	  animation-duration: 0.5s;
	  animation-timing-function: ease;
	  animation-iteration-count: infinite;
	}

	.loader-ellips__dot:nth-child(1),
	.loader-ellips__dot:nth-child(2) {
	  left: 0;
	}
	.loader-ellips__dot:nth-child(3) { left: 1.5em; }
	.loader-ellips__dot:nth-child(4) { left: 3em; }

	@keyframes reveal {
	  from { transform: scale(0.001); }
	  to { transform: scale(1); }
	}

	@keyframes slide {
	  to { transform: translateX(1.5em) }
	}

	.loader-ellips__dot:nth-child(1) {
	  animation-name: reveal;
	}

	.loader-ellips__dot:nth-child(2),
	.loader-ellips__dot:nth-child(3) {
	  animation-name: slide;
	}

	.loader-ellips__dot:nth-child(4) {
	  animation-name: reveal;
	  animation-direction: reverse;
	}


/* ----------------------------------------------------------------
	@group INFO ERRORSUMMARY
-----------------------------------------------------------------*/
	div.errorSummary {
	    background:#FFEEEE none repeat scroll 0 0;
	    border:1px solid #CC0000;
	    color:#CC0000;

	}
	div.successSummary {
	    background:#EEFFEE none repeat scroll 0 0;
	    border:1px solid #00CC00;
	    color:#00CC00;
	}
	div.statusSummary {
	    background:#eeF none repeat scroll 0 0;
	    border:1px solid #00c;
	    color:#00c;
	}
	div.infoSummary {
	    background:#fff none repeat scroll 0 0;
	    border:1px solid #ccc;
	    color:#333333;
	}

	div.infoSummary a {
	    color:#000 !important;
	}

	div.errorSummary,
	div.successSummary,
	div.statusSummary,
	div.infoSummary {
	    font-size: 1em;
	    /*margin: 5px ; !important */
	    padding: 30px ; /* !important */
	    border-radius: 2px;
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    -moz-background-clip:border;
	    -moz-background-inline-policy:continuous;
	    -moz-background-origin:padding;
	    margin-bottom: 20px;
	    font-weight: 300;
	}

	div.errorSummary H1,
	div.errorSummary H2,
	div.infoSummary H1,
	div.infoSummary H2,
	div.successSummary H1,
	div.successSummary H2
	{
	    margin-top: 0.5em;
	}

	div.errorSummary ul,
	div.infoSummary ul,
	div.successSummary ul
	{
	    padding-left: 15px;
	    /*border:10px solid red;*/
	}


/* ----------------------------------------------------------------
	@INFO ERRORSUMMARY END
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	@group MODALS
-----------------------------------------------------------------*/
.modal-info-standard{
	padding: 50px;
}
.modal-content {
     border-radius: 0px; 
}
.appkey-modal-wrap .modal-body {
     height: 100%;
}


@media (max-width: 992px){
	#openInModal .modal-dialog {
	    /*width: 600px;*/
	    margin: 0px;
	    margin-top: 0px;
	}
}


/* ----------------------------------------------------------------
	@group TOOGLE
-----------------------------------------------------------------*/
.toogle-component-holder{
	/*border:1px solid red;*/
	border: 1px solid #E5E5E5;
	margin-bottom: 15px;
}
.toogle-component-holder .toogle-component-title{
	display: block;
}
.toogle-component-holder-open .toogle-component-title{
	display: none;
}

.toogle-component-holder.toogle-component-holder-open{
	border: none;
	margin-bottom: 15px;
}


/* ----------------------------------------------------------------
	@group FORMS
-----------------------------------------------------------------*/
	.form-control{
	    display: block;
	    /*width: 100%;*/
	    height: 46px;
	    padding: 10px 10px;
	    /*font-size: 15px;*/
	    line-height: 1.42857143;
	    color: #555555;
	    background-color: #ffffff;
	    background-image: none;
	    border: 2px solid #DDD;
	    border-radius: 0 !important;
	    -webkit-transition: border-color ease-in-out .15s;
	    -o-transition: border-color ease-in-out .15s;
	    transition: border-color ease-in-out .15s;
	}
	.bootstrap-touchspin-up, .bootstrap-touchspin-down{
		height: 46px;
		width: 46px;
		font-size: 27px;
		line-height: 0;
		margin-left: 5px;
		margin-right: 5px;
	}
	/*not input but div looking like input*/
	.form-control-info-text {
	    display: inline-block;
	    font-size: 14px;
	    height: 46px;
	    padding: 14px 14px;
	    line-height: 1.4;
	    color: #555555;
	    background-color: #ffffff;
	    background-image: none;
	    border: 2px solid rgba(221, 221, 221, 0.3);

	    border-radius: 0 !important;
	}
	
	ul.tagit{
	  
	    display: block;
	    width: 100%;
	    min-height: 26px;
	    height: auto;
	    padding: 5px 5px;
	    font-size: 15px;
	    line-height: 1.42857143;
	    color: #555555;
	    background-color: #ffffff;
	    background-image: none;
	    border: 2px solid #DDD;
	    border-radius: 0 !important;
	    -webkit-transition: border-color ease-in-out .15s;
	    -o-transition: border-color ease-in-out .15s;
	    transition: border-color ease-in-out .15s;
	}
	.tagid-createTag-btn{
		display: inline-block;
		margin-bottom: 10px;
	    border: 2px solid #DDD;
	    border-radius: 4px !important;
	    padding: 0px;
	    font-size: 14px;
	    padding-left: 4px;
	    padding-right: 4px;
	    margin-right: 6px;
	    background-color: white;
	    -webkit-transition: border-color ease-in-out .15s;
	    -o-transition: border-color ease-in-out .15s;
	    transition: border-color ease-in-out .15s;
	    cursor: pointer;
	}

	.highlightSelectedFilters {
	    background-color: #33F0FF !important;
	}
	.select2-container.highlightSelectedFilters .select2-choices, .select2-container.highlightSelectedFilters .select2-choice, .select2-container.highlightSelectedFilters .select2-choices {
	
	    background-color: #33F0FF !important;
    
	}

	#save-product-form .extensions-header{
		padding-top: 15px;
		padding-left: 30px !important;
		border-bottom: 2px solid #2fa9e9;
		color: #2fa9e9;
		font-weight: bold;

	}

	/**
	highligt filtrov v multiselecte
	*/
	.admin-search-filter .select2-container-multi .select2-choices .select2-search-choice, #portfolio-search-form .select2-container-multi .select2-choices .select2-search-choice {
	    background-color: #33F0FF !important;
	}


/* ----------------------------------------------------------------
	END FORMS
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	@group COMMENTS
-----------------------------------------------------------------*/


	.comments-wrap-expanded{
	    /*background:  rgba(240,240,240,1);*/
	}

	.single-portfolio-post .comments-wrap-expanded{
	    background:  rgba(255,255,255,1);
	}
	
	.comments-wrap-collapsed{
	    height: 300px; overflow: hidden;
	    z-index: 1;
	}
	.single-portfolio-post .comments-wrap-collapsed{
	    height: 150px; overflow: hidden;
	    z-index: 1;
	}

	.comments-wrap-collapsed-overlay{
		position: absolute;
		width: 100%;
		height: 100%;
	    background: rgb(2,0,36);
	    /*background: linear-gradient(0deg, rgba(240,240,240,1) 0%, rgba(240,240,240,0)  100%);*/
	    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0)  100%);
	    z-index: 2;
	}
	.single-portfolio-post .comments-wrap-collapsed-overlay{
		/*background: rgb(2,0,36);*/
	    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0)  100%);
	}

	.comments-form{
		padding-top: 15px;
	}
	.list-view {
	     padding-top: 0px; 
	}
	.comment-row{
		margin-top: 10px;
		padding-top: 15px;
		border-top:1px solid #E8E8E8;
	}

	.single-portfolio-post .comment-row{
		padding-left: 70px; min-height: 50px;
	}
	.single-portfolio-post .comment-row .user-profile-picture{
		position: absolute; 
		left: 0px; 
		top: 15px;
		width:50px !important; height:50px !important;  
		margin-right:0px; 
	}

	.comment-items .comment-row:first-child{
		margin-top: 0px;
		border-top:0px;
		/*border:1px solid red;*/
	}
	.comment-row .comment-item-name{
		/*opacity: 0.66;*/
		font-size: 0.8em;
	}
	.comment-row .comment-item-date{
		opacity: 0.4;
		font-size: 0.7em;
		/*float: right;*/
		padding-left: 15px;
	}
	.comment-row .comment-item-text{
		opacity: 1;
		padding-top: 10px;
	}


	.comment-row{
		padding-left: 0px;
		padding-right: 0px;
	}


/* ----------------------------------------------------------------
	END COMMENTS
-----------------------------------------------------------------*/



/* ----------------------------------------------------------------
	@group USERS LIST
-----------------------------------------------------------------*/
	.users-list .summary{
    text-align: center;
    font-size: 0.8em;
    opacity: 0.50;
	}

/* ----------------------------------------------------------------
	@group MESSENGER
-----------------------------------------------------------------*/
	.messages-wrap .comment-row .user-profile-picture{
		position: absolute; 
		left: 0px; 
		top: 30px;
		width:50px !important; height:50px !important;  
		margin-right:0px; 
	}
	.messages-item-width{
		cursor: pointer;
	}

    .messages-row{
        position: relative; 
        display: inline-block; 
        width: 100%;
        min-height: 40px; 
        padding: 10px;
        padding-top: 10px;
        /*padding-right: 70px;*/
        /*border-bottom: 1px solid #E5E5E5;*/
        /*border:1px solid red;*/
    }

    .messages-wrap .messages-row:first-child{
        margin-top: 0px;
        border-top:0px;
        /*border:1px solid red;*/
    }
    .messages-wrap .summary{
        text-align: right;
        font-size: 0.8em;
        opacity: 0.50;
    }
    
    .messages-row .messages-item-left{
        opacity: 0.99;
        font-size: 0.8em;
        position: relative; 
        display: inline-block; 
        width: 24.999%;
        height: 100% ;
        float: left;
        /*border:1px solid blue;*/
    }
    .messages-row .messages-item-center{
        position: relative; 
        display: inline-block; 
        float: left;
        /*min-width: 40px;*/
        height: 40px auto;
        width: 59.9999%;
        padding-left: 30px;
        cursor: pointer;
        /*border:1px solid pink;*/
    }
    .messages-row .messages-item-center .msg-info-new{
        position: absolute;
        left: -30px; 
        top: 0px;

    }
    .messages-row .messages-item-right{
        position: relative;
        width: 14.9999%;
        float: right;
        text-align: right;
        opacity: 0.4;
        font-size: 0.7em;
        padding-left: 15px;
        /*border:1px solid green;*/
    }

    .messages-row .messages-user-name{
        position: relative;
        top: 0px;
        /*border:1px solid red;*/
    }
    .messages-row .messages-item-text-preview{
        position: relative; 
        display: inline-block; 
        float: left;
        height: 40px auto;
        width: 100%;
        /*border:1px solid blue;*/
    }
    .messages-row .user-profile-picture{
        position: relative; 
        left: 0px; 
        top: -15px;
        float: left;
        width:50px !important; height:50px !important;  
        margin-right:20px; 
        border:2px solid #ff0065;
    }
    .messages-row .button-mini{
        left: 10px;
        /*margin-right: 10px;*/
    }
    .messages-row .form-control{
        /*left: 10px;*/
        /*margin-right: 10px;*/
        /*border:2px solid #F4F3F4;*/
    }

    .conversation-messages{
        position: relative;
        float: left;
        width: 100%;
        /*min-height: 50px;*/
        height: auto;
        background-color: #F1F1F1;
        margin-top: 5px;
        padding: 0 15px;
        display: none;
        margin-bottom: 30px;
        padding-bottom: 15px;
        /*border:1px solid red;*/
    }
    .conversation-info{
        float: right;
        /*border:1px solid red;*/
    }
    .conversation-messages .you-said{
        position: relative;
        display: block;
        text-align: right;

        padding-top: 10px;
        padding-bottom: 10px;
    }
    .conversation-messages .he-said{
        position: relative;
        display: block;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 10px;
        /*border:1px solid red;*/
    }
    .conversation-messages .sent-date{
        position: relative;
        display: inline-block;
        float: right;
        text-align: right;
        min-width: 100px; 
        font-size: 10px;
        /*border:1px solid red;*/
    }
    .he-said  .sent-date{
        float: left;
        text-align: left;
    }
	.msg-info-new{
		opacity: 0.8;
		font-size: 0.8em;
	}
	.msg-info-sent-date{
		min-width: 200px;
	}


/* ----------------------------------------------------------------
	@group PORTFOLIO GALLERY
-----------------------------------------------------------------*/
	@media (max-width: 992px){
		/*.portfolio-filters input.form-control {*/
		.portfolio-filters .input-group {
			/*display: block;*/
		    width: 100%;
		    margin-top: 15px;
		    /*border:1px solid red !important;*/
		}
	}
	/*start tmp*/
	#portfolioListViewHolder{
        /*border:1px solid red;*/
        /*margin-top: 130px;*/
        /*padding-bottom: 190px;*/
        float: left;
        /*border:1px solid red;*/
    }
    #portfolioListView{
        /*border:1px solid red;*/
        display: block;
        /*margin-top: -100px;*/
        float: left;
        width: 100%;
    }
    .portfolioListView{
    	/*border:1px solid red;*/
        display: block;
        /*margin-top: -100px;*/
        float: left;
        width: 100%;	
    }
    .portfolioListView .summary{
    	position: relative;
    	top: -20px;
    }


    /*.items{
    	position: relative;
    	border:1px solid red;
    }*/
    #portfolioListViewHolder .items{
        position: absolute;
        height: 100%;
        width: 100%;
        /*border:1px solid blue;*/
        /*margin-top: 10px;*/
    }
    #portfolioListViewHolder .list-view {
	     padding-top: 0px; 
	}
	/*end tmp*/

	.pf-data-content{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 5px;
		padding-bottom: 15px;
		/*border:1px solid red;*/
	    /*background-color: rgba(0, 0, 0, 0.8);*/
	    /*background-color: rgba(255, 255, 255, 1);*/
	}

	.porfolio-item-credits{
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		padding-bottom: 3px;
		/*border:1px solid red;*/
	    /*background-color: rgba(0, 0, 0, 0.8);*/
	    background-color: rgba(255, 255, 255, 1);
	}
	.porfolio-item-credits.hiddenBackground{
	    background-color: transparent;

	}
	.porfolio-item-credits.hiddenBackground .hiddable-item{
	    /*border:1px solid red !important;*/
	}
	/*.porfolio-item-credits-content .hiddable-item{*/
	
	/*visibleStyle: { transform: 'translateY(0)', opacity: 1 },
    hiddenStyle: { transform: 'translateY(100px)', opacity: 0 },*/
    .porfolio-item-credits span.hiddable-item {
    	position: relative;
    	/*top: 100px;*/
    	/*display: none;*/
    	/*opacity: 0;*/
	  	/*width: 200px;*/
	  	/*height: 200px;*/
	  	/*background: orange;*/
	  	/*opacity: 0.5;*/
	  	/*transition: transform 0.5s ease 0s, opacity 0.5s ease 0.5s;*/
	}

	/*.grid__item:hover .hiddable-item {*/
	  /*transform: rotate(45deg);*/
	  /*opacity: 1;*/
	/*}*/

	.porfolio-item-credits-content{
		font-size: 15px; 
		line-height: 20px; 
		display: block;
	}
	.porfolio-item-credits-content-details{
		font-size: 0.8em
	}
	
	
	body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay-background {
	    -webkit-transition: opacity .4s ease-in-out;
	    -o-transition: opacity .4s ease-in-out;
	    transition: opacity .4s ease-in-out;
	}
	.grid__item:hover .portfolio-overlay-background{
	    opacity: 1;
	}
	.portfolio-overlay-background {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    opacity: 0;
	    z-index: 2;
	    text-align: center;
	    /*background-color: rgba(0,0,0,0.5);*/
	    background-color: rgba(0,0,0);
	    /*border:1px solid rgba(0,0,0,0.7);*/
	}

	.pf-action-buttons{
		position: absolute; 
		left: 0px; 
		top: 0px; 
		width: 100%; 
		overflow: visible;
		height: auto; 
		text-align: center;
		left: 0; 
		right: 0; 
		margin-left: auto; 
		margin-right: auto; 
		opacity: 0;
	}
	.pf-action-buttons-always-visible{
		opacity: 1;
	}
	.pf-action-btn{
		position: relative;
		display: inline-block;
		width: 40px !important;
	    height: 40px !important;
	    font-size: 18px;
	    line-height: 36px;
	    text-align: center;
	    border-radius: 50%;
	    border:1px #5A5A5A;
	    margin:0px !important;
	    padding:0px !important;
	    /*margin-bottom: 20px !important;*/
	    margin-left: 7px !important;
	    margin-right: 7px !important;
	    opacity: 
	}

	.portfolio-overlay-background .pf-action-btn:first-child{
	    margin-left: 0px !important;
	}
	.pf-action-btn i{
		margin:0px !important; 
		padding:0px !important;
		margin-left: 0.5px !important;
		left:0px;
		top:0px;
	}

	body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay-background .pf-action-btn {
	    -webkit-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
	    -o-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
	    transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
	}

	.porfolio-item-title{
		display: inline-block;
		position: relative;
		/*display: block;*/
		float: left;
		/*width: 100%;*/
		/*border:1px solid red;*/
		margin-bottom: 30px;
		font-size: 13px;
		/*padding:0px;*/
		padding:0px; 
		/*background-color: white;*/
	    /*background-color: rgba(0,0,0,0.5);*/
	    background-color: rgba(255,255,255,9);
		/*border:1px solid red;*/
		min-height: 40px;
		min-width: 100px;
	}
	.porfolio-item-title{
		margin-top: 10px;
		padding: 10px;
	}


	

	.qtip-ratingIframe{
	    overflow: hidden;
	}
	.infoFileDetailQtip{
	max-height: 400px;
	overflow: auto;
	}
	.qtip-tagsiframe{
	min-height: 500px;
	min-width: 800px;
	max-height: 500px;
	max-width: 800px;
	}

	.pagination{
		/*border:1px solid red;*/
		border-radius: 0px;
		margin: 0px;
		padding: 0px;
		z-index: 2;
	}
	.pagination ul{
		padding: 0px !important; 
			padding: 0px !important; 
			padding-left: 0px !important;

	}
	.pagination li{
		padding: 0px !important; 
			padding: 0px !important; 
			

	}

	.pagination div{
		/*border:1px solid green;*/
		display: inline-block;
		padding: 0px !important; 
			padding: 0px !important; 
	}
	.pagination ul{
		/*border:1px solid blue;*/
		/*width: 300px !important;*/
		display: inline-block;
		/*float: none;*/
	}

	.pagination .previous, .pagination .next, .pagination .last, .pagination .first{
		display: none;
	}

	.appkey-portfolio-padding-1{
		padding: 1px;
	}
	.appkey-portfolio-padding-3{
		padding: 3px;

	}
	.appkey-portfolio-padding-5{
		padding: 5px;
		/*border:1px solid red;*/

	}
	.appkey-portfolio-padding-10{
		padding: 10px;

	}
	.appkey-portfolio-padding-20{
		padding: 20px;

	}
	.appkey-portfolio-padding-50{
		padding: 50px;

	}
	.appkey-portfolio-padding-100{
		padding: 100px;

	}

	.highlightSelectedImages{
		border: 10px solid #36FF09;
	}

	.checkDownloadBtn {
		position: absolute;
		left: 0px;
		top: 0px;
		padding: 5px !important;
		padding-bottom: 7px !important;
		line-height: inherit !important;
		height: inherit !important;
		background-color: #D3D3D3 ;
	}
	.checkDownloadBtn i{
	    margin-right: 0px; 
	    /*color: #57B3F4;*/
	}
	.checkDownloadBtn-checked{
		background-color: #36FF09 !important;
	}
	.checkDownloadBtn-checked i{
	    color: white;
	}
	.item-info-padding{
		margin-top: 7px; margin-bottom: 7px
	}
	.item-info-lightgray{
		opacity: 0.4
	}
	.item-info-small-font{
		font-size: 0.8em;
	}

	.porfolio-type-label{
		margin-right: 7px;
	}

/* ----------------------------------------------------------------
	PORTFOLIO IMAGES END
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	@group CHECKBOXES
-----------------------------------------------------------------*/
	/* Style-1 + Style-2 */
	.checkbox-style,
	.radio-style {
		opacity: 0;
		position: absolute;
	}

	.checkbox-style, .radio-style,
	.checkbox-style-1-label, .radio-style-1-label,
	.checkbox-style-2-label, .radio-style-2-label,
	.checkbox-style-3-label, .radio-style-3-label {
		display: inline-block;
		vertical-align: middle;
		margin: 5px;
		cursor: pointer;
	}

	.checkbox-style-1-label, .radio-style-1-label,
	.checkbox-style-2-label, .radio-style-2-label,
	.checkbox-style-3-label, .radio-style-3-label { position: relative; }

	.checkbox-style-1-label:before, .radio-style-1-label:before,
	.checkbox-style-2-label:before, .radio-style-2-label:before,
	.checkbox-style-3-label:before, .radio-style-3-label:before {
		content: '';
		background: #FFF;
		border: 2px solid #DDD;
		display: inline-block;
		vertical-align: middle;
		width: 24px;
		height: 24px;
		padding: 4px;
		margin-right: 10px;
		line-height: 1;
		text-align: center;
	}

	.radio-style-1-label:before,
	.radio-style-2-label:before,
	.radio-style-3-label:before { border-radius: 50%; }

	.checkbox-style:checked + .checkbox-style-1-label:before { background: #1ABC9C; }
	.radio-style:checked + .radio-style-1-label:before { background: #CCC; }

	/* Checkbox-small + Radio-small */
	.checkbox-style-1-label.checkbox-small:before,
	.radio-style-1-label.radio-small:before,
	.checkbox-style-2-label.checkbox-small:before,
	.radio-style-2-label.radio-small:before,
	.checkbox-style-3-label.checkbox-small:before,
	.radio-style-3-label.radio-small:before {
		border: 2px solid #DDD;
		width: 16px;
		height: 16px;
		margin: 0 8px 1px 0;
	}

	/* Style-2 */
	.checkbox-style:checked + .checkbox-style-2-label:before {
		background: #1ABC9C;
		box-shadow: inset 0px 0px 0px 4px #fff;
	}

	.radio-style:checked + .radio-style-2-label:before {
		background: #ccc;
		box-shadow: inset 0px 0px 0px 4px #fff;
	}

	.checkbox-style:checked + .checkbox-style-2-label.checkbox-small:before { box-shadow: inset 0px 0px 0px 2px #fff; }
	.radio-style:checked + .radio-style-2-label.radio-small:before { box-shadow: inset 0px 0px 0px 2px #fff; }

	/* style-3 */
	.checkbox-style:checked + .checkbox-style-3-label:before,
	.radio-style:checked + .radio-style-3-label:before {
		content: "\e116";
		font-family: 'lined-icons';
		background: #1ABC9C;
		color: #FFF;
	}
	.radio-style:checked + .radio-style-3-label:before {
		color: #BBB;
		background-color: transparent;
	}

	/* style-3 - Small */
	.checkbox-style + .checkbox-style-3-label.checkbox-small:before,
	.radio-style + .radio-style-3-label.radio-small:before {
		border: 1px solid #BBB;
		width: 16px;
		height: 16px;
		margin: 0 8px 1px 0;
		font-size: 7px;
		line-height: .8;
	}

/* ----------------------------------------------------------------
	@group PROMO
-----------------------------------------------------------------*/
	#service-packages-choises .promo{
		margin-top: 50px;
		margin-bottom: 50px;
	}


/* ----------------------------------------------------------------
	@group SUCKABLES
-----------------------------------------------------------------*/
	.suckable-item hr{
		max-width: 50%;
		border-top: 1px solid rgba(255,255,255, 0.4);
	    border-bottom: none;
	    border-bottom-width: none;
	    border-bottom-style: none;
	    border-bottom-color: none;
	    /* box-shadow: 0 2px 4px rgb(0 44 90 / 10%); */
	}
	.suckable-item a, .suckable-item a:link, .suckable-item a:visited { 
		color: white;
	}
	.suckable-item a:hover, .suckable-item a:hover h3{
		color: #57B3F4 !important;
	}

/* ----------------------------------------------------------------
	@group CHECKBOXES
-----------------------------------------------------------------*/

.progress {
  background-color: red;
}


.bar {
  float: left;
  width: 0%;
  height: 100%;
  text-align: center;
  background-color: blue;
  /*border:1px solid red;*/
}


.admin-notification-signs{
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	border-radius: 50%;
	padding: 10px;
	cursor: pointer;
}
.vertical-align-relative{
	position: relative;
	display: block;
}
.center-vertical-horizontal-absolute{
	/*border:1px solid red;*/
}
.gray-bgc{
	background-color: #e3e3e3;
}

.edit-disabled-input {
    position: absolute;
    display: block;
    float: left;
    margin: 4px 11px 7px 0;
    text-align: center !important;
    font-size: 15px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    cursor: pointer;
    font-style: normal;
    width: auto;
    height: 22px !important;
    line-height: 23px !important;
    /*
    background-color: rgba(87,179,244,0.5);
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0 0 0 rgba(0,0,0,0.2);*/
    top: 5px;
    right: 10px;
}
.edit-disabled-input .button.button-mini {
    padding: 0 7px;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
}

.highlight-color{
	color: #fd93bd !important;

}
.table .editable-input .form-control {
    padding-top: 7px !important;
    width: 300px;
}

.reset-input-btn{position: absolute; bottom:10px; right: 45px; z-index: 3; color:#ff0065; opacity: 0.3}

#copyrights #copyrights-company{
	color: white;
	font-size: 18px;
}

/* ----------------------------------------------------------------
	@group-CONTAINER
-----------------------------------------------------------------*/
	.container-common-apps{
		background-color: white;
	}

	body.stretched #header .container {
		max-width: 2500px;
	}


	@media (min-width: 1200px){

		.container {
	    	max-width: 1170px;
	    	width: auto;
			margin-right: auto;
			margin-left: auto;
	      	/*width: 970px;*/
	      	/*border:1px solid red;*/
	  	}
		.container {
			/*width: auto;*/
			/*margin-right: auto;*/
			/*margin-left: auto;*/
			/*padding-left: 200px;*/
			/*padding-right: 200px;*/
		}

	}
	@media (max-width: 1200px){
		#page-submenu-trigger {
		    opacity: 1;
		    pointer-events: auto;
		    color: #FFF;
		}

		.container {
	    	max-width: 1180px;
	    	width: auto;
			margin-right: auto;
			margin-left: auto;
	      	/*border:1px solid blue;*/
	    	/*width: auto;*/
	  	}
		#service-packages-choises .promo{
				margin-top: 0px;
				margin-bottom: 0px
		}
		#service-packages-choises .panel-package-choise .panel-heading {
		    padding-top: 0px;
		}
		#service-packages-choises .panel .panel-heading {
		    padding-top: 0px;
		     padding-bottom: 0px; 
		}
		

	}
	@media (max-width: 992px){
		.container {
	    	max-width: 970px;
	    	width: auto;
			margin-right: auto;
			margin-left: auto;
	      	/*border:1px solid blue;*/
	    	/*width: auto;*/
	  	}

	}
	@media (max-width: 768px){
	  	.container {
	    	max-width: 750px;
	    	width: auto;
			margin-right: auto;
			margin-left: auto;
	      	/*border:1px solid gold;*/
	      	/*width: auto !important;*/
	  	}
	}
	/*@media (max-width: 767px) and (min-width: 480px){*/
	@media (max-width: 480px){
	  	/*.container, #header.full-header .container, .container-fullwidth {*/
	  	.container {
	  		max-width: 470px;
	    	width: auto;
			margin-right: auto;
			margin-left: auto;
	      	/*border:3px solid green;*/
	  	}
	}
	@media (max-width: 479px){
	  	.container {
	  		max-width: 300px;
	    	width: auto;
			margin-right: auto;
			margin-left: auto;
	    	/*border:1px solid purple;*/
	      	/*width: auto !important;*/
	  	}
	}
	@media (max-width: 767px) and (min-width: 480px){
		.container, #header.full-header .container, .container-fullwidth {
	    	width: auto !important; 
		}
	}
	 


/* ----------------------------------------------------------------
	@CONTAINER END
-----------------------------------------------------------------*/