/* FONT */

/*@import url('//fonts.googleapis.com/css?family=PT+Sans:r,b&subset=latin,latin-ext');*/

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(fonts/PTSans-Regular.woff) format('woff');
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(fonts/PTSans-Bold.woff) format('woff');
}

*
{
	font-family: PT Sans, sans-serif;
	word-spacing:0.15em;
}

/* MAIN HTML STYLE */

html{
 	overflow-y: scroll; 
}

html, body
{
	color: #CDCDCD;
	background-color: #0B0F13;
	height: 100%;
	min-width: 960px;
}

#body
{
	min-width: 960px;
	vertical-align: baseline;
}

/* HEADER STYLE */

header {
	background-color: #060606;
	background-image: url('/img/hedone_w.png');
	background-repeat: no-repeat;
 	background-position: bottom;
	background-size: 25%;
	background-position-y: 80%;
/* 	background-position-x: 50%; */
}

#search
{
	margin: 0.2em 0.5em;
	float: right;
}

#tabs
{
/* 	text-align: center; */
	vertical-align: bottom;
	text-wrap: none;
	margin-left: 0.2em;
}



#title_section_search_tabs_account
{
/* 	margin-top: 0.5em; */
        text-align: center;
        width: 100%;
}

        header h1, #account_info{
                font-size: 100%;
                width: 15em;
                max-width: 15em;
                min-width: 15em;
/*                 height: 2.5em; */
                margin: 0.5em;
                padding: 0;
                line-height: 100%;
        }

        header h1 {
                float: left;
        }

                header h1 a {
                        display: block;
                        padding: 0.2em;
                        width: 210px;
                        height: 35px;
                        background-image: url('/img/logo.svg');
                        background-position: center;
                        background-repeat: no-repeat;
                }

                header h1 span,
                header label {
                        display: none;
                        vertical-align: middle;
                }

        #section_search_tabs {
                display: block;
                vertical-align: middle;
                text-align: center;
        }

        #account_info {
                overflow: hidden;
                float: right;
                text-align: right;
        }

			#section_title{
				font-variant:small-caps;
				font-weight: bolder;
				}
			#section_description{
				font-size: smaller;
				}


/* CONTENT STYLE */

.grid_center
{
	text-align: center;
}

.grid_center fieldset
{
	display: block;
	text-align: left;
}

.grid_center fieldset + fieldset
{
	display: block;
}

/** responsive **/

.grid_block
{
	display: inline-block;
	vertical-align: top;
}

.grid_block + .grid_block
{
	margin-left: 0.4em;
}

.grid_auto
{
/*         overflow: hidden; */
        margin-right: 0.4em;
}

/* @media screen and (min-width: 1024px) */
/* { */
        html, body
        {
                min-width: 960px;
        }

        dl{
                margin: 0 0 0.6em;
        }
/* } */


        dt
        {
                min-height:1.1em;
                min-width:1em;
        }

        dd
        {
                margin:0 0 0.3em 0;
        }

        dd .k-textbox, dd .k-widget
        {
        		width: 100% !important;
        }

select.filter{
        width:100%;
}

/*@media screen and (max-width: 1024px)
{
        .grid_auto, .grid_block
        {
                padding-bottom: 0.4em;
                display: block;
                float: left;
                margin: 0 0.5% 0 0.5%;
                min-height: 100%;
                width: 99%;
  }

        dl
        {
                margin: 0 0 0.3em;
                display: inline-block;
                clear:both;
                width: 100%;
        }

        dt
        {
                float:left;
                width: 45%;
                text-align:right;
                line-height:2em;
        }

        dd
        {
                float:left;
                margin:0 0 0.3em 0;
                margin-left: 1em;
                width: 50%;
                line-height:2em;
        }


}*/

.k-edit-form-container dl
{
       margin: 0.3em 0;
       display: inline-block;
       clear:both;
       width: 100%;
}

.k-edit-form-container dt
{
       float:left;
       width: 40%;
       text-align:right;

}

.k-edit-form-container dd
{
       float:left;
       margin:0 0 0.3em 0;
		margin-left: 1em;
       width: 50%;
       line-height:2em;
}

.k-edit-form-container{
	width: 480px !important;
	overflow: hidden;
}

.k-edit-form-container .k-widget
{
	width: auto !important;
}
.k-edit-form-container .k-datepicker, .k-edit-form-container .k-dropdown
{
	width: 100% !important;
}


#wrapper {min-height: 100%; width: 100%;}

#content
{
        box-shadow: 0px -0.13em .13em #221702 !important;
        overflow:auto;
        padding-bottom: 2.4em;
        width: 100%;
        padding-top: 0.4em; /* must be same height as the footer */
}

footer
{
        position: relative;
        clear:both;
        margin-top: -2em; /* negative value of footer height -,5em */
        height: 1.95em;
        border-top: 1px solid #000;
		  background-image: radial-gradient(ellipse farthest-side at center top, #333 0%, #000000 100%);
        text-align: center;

}

/*Opera Fix*/
body:before {
        float:left;
        margin-top:-32767px;
        width:0;
        height:100%;
        content:"";
}

a:link {text-decoration: none; color: #8ED8D5;}
a:visited {text-decoration: none; color: #8ED8D5;}
a:active {text-decoration: none; color: #8ED8D5;}

a {
/* 	-webkit-filter: brightness(100%); */
/* 	-webkit-transform: translate3d(0, 0, 0); /*force hardware acceleration*/ */

}

a:hover {
	text-decoration: none;
	color: #8ED8D5; text-shadow:0 0 0.2em #8ED8D5;
/* 	-webkit-filter: brightness(110%); */
}



.thinsp
{
        display: inline-block;
        width: 0.1em;
}

form.loading input
{
        pointer-events: none;
}

form.loading
{
        background-image: url('/img/spinner.svg') !important;
        background-repeat: no-repeat !important;
        background-position: 100% 99% !important;
}

input.loading
{
        background-image: url('/img/spinner.svg') !important;
        background-repeat: no-repeat !important;
        background-position: 95% !important;
}

.k-textbox .k-i-search
{
        cursor: pointer !important;
}

.filter .k-space-right
{
        margin-right: 0.5em;
}

fieldset .filter
{
        margin: 0.6em 0;
}

.filter select
{
        margin-top: 0;
        border-radius: 0.2em;
        border: 1px solid #aaa;
}

.k-button
{
        min-width: 4.5em;
}

.k-button + .k-button
{
        margin-left: 0.6em;
}

.node
{
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 6px solid black;
}

.node:hover polygon, .node:hover polyline, .edge:hover path, .edge:hover polygon
	{
   stroke: #DEA321;
	}
		.edge:hover polygon
			{
			fill: #DEA321;
			}
.node:hover text
	{
/*    font-weight: bolder; */
	text-shadow:0 0 0.2em rgb(140, 197, 199);
	}

.ob-marked-to-delete {
    color: #ff6347 !important;
}

#prefix, #initiala_tata {
	width: 4em !important;
}

.k-window
{
	min-width: 20em;
}

.k-multiselect
{
	min-width: 20em;
}

.k-multiselect-wrap
{
	font-size: 0.9em;
	vertical-align: middle;
}

.k-floatwrap > ul > li
{
	margin: 0.16em !important;
}

/* popup editor window */
.popup_editor > div {
	width: 100%;
}

	.popup_editor dl
	{
		margin: 0.3em 0;
		display: inline;
		clear: both;
		width: 100%;
	}

	.popup_editor dt
	{
		float: left;
		width: 35%;
		text-align: right;
		clear: both;
	}

	.popup_editor dd
	{
		float: left;
		margin-left: 1em;
		width: 65%;
		line-height: 2em;
		margin: 0 0 0.3em 0;
	}

	/* PFiledInline */
	.inline dt
	{
		clear: none;
	}

	/*
	.inline dt label span
	{
		display: inline-block;
		min-width: 4.1em;
		text-align: right;
	}
	*/

	.inline dd
	{
		width: 25%;
	}

/* search results in combobox dropdown template */
	.search_result{
		background-size: 2em;
		min-height:3em;
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: left center;
	}
		.with_icon
		{
			padding-left:2.2em;
		}
		.search_result>.search_title{
				border-top: 1px solid #D5D5D5;
				font-variant:small-caps;
				font-weight:bolder;
			}
		.search_result>.search_description{
				font-size:smaller;
				line-height:1.4em;
			}

::-webkit-input-placeholder { font-size: smaller; }
::-moz-placeholder { font-size: smaller; } /* firefox 19+ */
:-ms-input-placeholder { font-size: smaller; } /* ie */
input:-moz-placeholder { font-size: smaller; }

.grid_description {
	font-size: smaller;
	line-height: 1.4em;
}

.grid_file {
    background-color: #2F363F;
	 background-image: none,linear-gradient(to bottom,#2F363F 0,#232B34 100%);
    border: 1px solid #1E1E21;
	 border-radius: 8px;
	 display: inline-block;
	 margin: 2px;
	 display: inline-flex;
/* 	 width: 100%; */
}

.grid_file a {
	vertical-align: middle;
	font-size: 80%;
}

/*.k-header>.k-grid-filter, .k-header>.k-header-column-menu {
	margin: -0.5em -0.9em -0.4em -0.4em !important;
	padding: .5em .5em .4em !important;
}*/

	.inline dt
	{
		display: inline-block;
/* 		width: 48%; */
		float: left;
		clear: both;
	}

	.inline dd
	{
		float: right;
/* 		width: 48%; */
	}

	.two_inputs input
	{
/* 		width: 50% !important; */
	}
	.two_inputs .k-widget
	{
/* 		float: right; */
		width: 48% !important;

	}

	.two_inputs .k-widget + .k-widget {
		margin-left: 0.3em;
	}


.k-textbox .k-icon
{
	font-size: 0 !important;
}

#change_session {
  float: right;
  margin: 1em;
}

#change_session .k-dropdown {
	width: 16em;
}



.filter_cell {
	display: table-cell;
	vertical-align: middle;
	padding-top: 0.3em;
	line-height: 1em;
}

.filter_cell + .filter_cell {
	width: 100%;
	padding-left: 0.3em;
}


.red, .red a, .red a:visited, .red a:link {
	color: crimson !important;
}
	.red a:link {
		color: crimson !important;
		text-decoration: underline;
	}

.green {
	color: green !important;
}

.red_row {
	filter: hue-rotate(5deg) saturate(3);
   background-color: rgb(239, 232, 232) !important;
	color: crimson !important;
}

/* 1.5 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi){ 
    /* Retina-specific stuff here */
	 body {
/* 		 zoom: 88%; */
		font-size: 84%;

	 }
	 
	 .k-grid td {
		border-width: 0 0 0 0.05em !important;
	 }
	 
	 .k-button, .k-input[type=text], .k-input[type=number], .k-picker-wrap .k-input, .k-textbox, .k-textbox>input {
    
		border-width: 0.05em !important;
	 }
	 
	 .k-block, .k-draghandle, .k-inline-block, .k-widget {
		border-width: 0.05em !important;
 
	}
	
	.k-filter-row th, .k-grid-header th.k-header {
    border-width: 0 0 0.05em 0.05em !important;
	}
	
	.k-filter-row>th:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-grid-header th.k-header:first-child {
    border-left-width: 0.05em !important;
	}
	

	.k-grid-header .k-state-active {
    /* background-color: #F3f3f3; */
    border-width: 0.05em 0px 0.05em 0.05em !important;
	}	
	
	.k-autocomplete, .k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap, .k-textbox {
    border-width: 0.05em !important;
	}





}