body:before {
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 100;
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  }
body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background: #EFEFEF;
}

.required{
    color: #FF1A1A;
    font-weight: bold;
}

#page
{
  margin: 5px 5px 5px 5px;
	background: white;
	border: 1px solid #7C7C79;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
        -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
        box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}

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

#content
{
    padding: 20px;
    min-height: 500px;
}

#sidebar
{
	padding: 20px 20px 20px 0;
}

#footer
{
	padding: 10px;
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #C9E0ED;
}

#logo
{
	padding: 10px 20px;
	font-size: 200%;
}

#mainmenu
{
	background:white url(bg.gif) repeat-x left top;
}

#mainmenu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #6399cd;
	background-color:#EFF4FA;
	text-decoration:none;
}
div.allert{
  -webkit-animation: blink 0.5s linear infinite;
  animation: blink 0.5s linear infinite;
  color: #FF1414;
  float: left;
  padding-right: 10px;
  font-weight: bold;
}
@-webkit-keyframes blink {
  50% { color: rgb(255, 15, 15); }
  51% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 0); }
}
@keyframes blink {
  50% { color: rgb(255, 15, 15); }
  51% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 0); }
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}


.gradient {
background: #ababb4; /* for non-css3 browsers */
background: radial-gradient(top, #ababb4,#686860); /* W3C */
background: -moz-radial-gradient(top, #ababb4,  #686860); /* for firefox 3.6+ */ 
background: -webkit-gradient(radial, top center, from(#ababb4), to(#686860)); /* Safari 4+, Chrome */
background: -webkit-radial-gradient(top center, #ababb4, #686860); /* Chrome 10+, Safari 5.1+, iOS 5+ */
background: -o-radial-gradient(top, #ababb4,#686860); /* Opera 11.10+ */
}

a{
  color:#08c;
  text-decoration:none
}

a:focus{
  outline:thin dotted #333;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px
}

a:hover,a:active{
  outline:0
}

label,input,button,select,textarea{
  font-size:13px;
  font-weight:normal;
  line-height:18px
}

input,button,select,textarea{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif
}

input,textarea,select,.uneditable-input{
  display:inline-block;
  width:210px;
  height:18px;
  padding:4px;
  margin-bottom:9px;
  font-size:13px;
  line-height:18px;
  color:#555;
  background-color:#fff;
  border:1px solid #ccc;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px
}

label input,label textarea,label select{
  display:block
}

input[type="image"],input[type="checkbox"],input[type="radio"]{
  width:auto;
  height:auto;
  padding:0;
  margin:3px 0;
  *margin-top:0;
  line-height:normal;
  cursor:pointer;
  background-color:transparent;
  border:0 \9;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0
}

input[type="image"]{
  border:0
}

input[type="file"]{
  width:auto;
  padding:initial;
  line-height:initial;
  background-color:#fff;
  background-color:initial;
  border:initial;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none
}

input[type="button"],input[type="reset"],input[type="submit"]{
  width:auto;
  height:auto;
  background-color: #B2D6F0;
}

input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{
  background-color: #2E6AB1;
  color: #FFFFFF;
  cursor: pointer;
}

select,input[type="file"]{
  height:28px;
  *margin-top:4px;
  line-height:28px
}

input[type="file"]{
  line-height:18px \9
}

select{
  width:170px;
  background-color:#fff
}

select[multiple],select[size]{
  height:auto
}

input[type="image"]{
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none
}

textarea{
  height:auto
}

input[type="hidden"]{
  display:none
}

.radio,.checkbox{
  min-height:18px;
  padding-left:18px
}

.radio input[type="radio"],.checkbox input[type="checkbox"]{
  float:left;margin-left:-18px
}

.radio.inline,.checkbox.inline{
  display:inline-block;
  padding-top:5px;
  margin-bottom:0;
  vertical-align:middle
}

.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{
  margin-left:10px
}

input,textarea{
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition:border linear .2s,box-shadow linear .2s;
  -moz-transition:border linear .2s,box-shadow linear .2s;
  -ms-transition:border linear .2s,box-shadow linear .2s;
  -o-transition:border linear .2s,box-shadow linear .2s;
  transition:border linear .2s,box-shadow linear .2s
}

input:focus,textarea:focus{
  border-color:rgba(82,168,236,0.8);
  outline:0;
  outline:thin dotted \9;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)
}

input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus{
  outline:thin dotted #333;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px;-webkit-box-shadow:none;
  -moz-box-shadow:none;box-shadow:none
}

input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{
  float:none;margin-left:0
}

input,textarea,.uneditable-input{
  margin-left:0
}

.label,.badge{
  font-size:10.998px;
  font-weight:bold;
  line-height:14px;
  color:#fff;
  text-shadow:0 -1px 0 rgba(0,0,0,0.25);
  white-space:nowrap;
  vertical-align:baseline;
  background-color:#999
}

.label{
  padding:1px 4px 2px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px
}

.badge{
  padding:1px 9px 2px;
  -webkit-border-radius:9px;
  -moz-border-radius:9px;
  border-radius:9px
}

a.label:hover,a.badge:hover{
  color:#fff;
  text-decoration:none;
  cursor:pointer
}

.label-important,.badge-important{
  background-color:#b94a48
}

.label-important[href],.badge-important[href]{
  background-color:#953b39
}

.label-warning,.badge-warning{
  background-color:#f89406
}

.label-warning[href],.badge-warning[href]{
  background-color:#c67605
}

.label-success,.badge-success{
  background-color:#468847
}

.label-success[href],.badge-success[href]{
  background-color:#356635
}

.label-info,.badge-info{
  background-color:#3a87ad
}

.label-info[href],.badge-info[href]{
  background-color:#2d6987
}

.label-inverse,.badge-inverse{
  background-color:#333
}

.label-inverse[href],.badge-inverse[href]{
  background-color:#1a1a1a
}

ul{
  list-style:disc
}

ol{
  list-style:decimal
}

li{
  line-height:18px
}

ul.unstyled,ol.unstyled{
  margin-left:0;
  list-style:none
}

/*Стиль модального окна*/

/* use a semi-transparent image for the overlay */
#overlay {
  background-image:url(images/transparent.png);
  color:#efefef;
}

/* container for external content. uses vertical scrollbar, if needed */
div.wrap {
  height:520px;
  overflow-y:auto;
}

/* the overlayed element */
div.overlay {

	/* growing background image */
	background-image:url(images/white.png);

	/* dimensions after the growing animation finishes  */
	width:660px;
	height:470px;

	/* initially overlay is hidden */
	display:none;

	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(images/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/*Стиль для всплывающих подсказок*/

.tooltip {
	position: relative;
    z-index: 1 !important;
	}
.tooltip em {
	display: none;
	}
.tooltip:hover em {
	font-style: normal;
	display: block;
	position: absolute;
 	background: #000;
	color: #FFF;
	padding: 3px 5px;
	bottom: 22px;
	right: 0;
	box-shadow: 0 0 5px #ccc;
 	border-radius: 5px;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
}
.tooltip:hover em i {
	position: absolute;
	bottom: -7px;
	right: 5px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	display: block;
}

/* Стили для вкладок */

div.tabs{
    margin:0;
    float:left;
    width:100%;
    margin-bottom:20px;
}

div.tabs ul.primary{
    background:url(images/tab-bar.png) repeat-x scroll left bottom transparent;
    border-width:0;line-height:normal;
    list-style:none outside none;
    padding:0;
    white-space:nowrap;
    width:100%;
    float:left;
    margin:0;
}
div.tabs ul.primary li{
    float:left;
    margin:0;
    padding:0;
}
div.tabs ul.primary li a{
    background:url(images/tab-left.png) no-repeat scroll left -38px transparent;
    border-width:0;
    color:#777;
    display:block;
    font-weight:bold;
    height:24px;
    margin:0;
    padding:0 0 0 5px;
    text-decoration:none;
}
div.tabs ul.primary li a span{
    background:url(images/tab-right.png) no-repeat scroll right -38px transparent;
    border-width:0;
    cursor:pointer;
    display:block;
    height:20px;
    line-height:20px;
    margin:0;
    padding:4px 13px 0 6px;
}
div.tabs ul.primary li a:hover{
    background:url(images/tab-left.png) no-repeat scroll left -76px transparent;
    border-width:0;
}
div.tabs ul.primary li a:hover span{
    background:url(images/tab-right.png) no-repeat scroll right -76px transparent;
}
div.tabs ul.primary li.active a,ul.primary li.active a:hover{
    background:url(images/tab-left.png) no-repeat scroll left 0 transparent;
    border-width:0;
    color:#000;
}
div.tabs ul.primary li.active a span,div.tabs ul.primary li.active a:hover span{
    background:url(images/tab-right.png) no-repeat scroll right 0 transparent;
}
.element-invisible{
    position:absolute !important;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px,1px,1px,1px);
    overflow:hidden;height:1px;
}.element-invisible.element-focusable:active,.element-invisible.element-focusable:focus{
    position:static !important;
    clip:auto;
    overflow:visible;
    height:auto;
}

/*ICONS STYLE*/
[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("images/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat}[class^="icon-"]:last-child,[class*=" icon-"]:last-child{*margin-left:0}.icon-white{background-image:url(images/glyphicons-halflings-white.png)}.icon-glass{background-position:0 0}.icon-music{background-position:-24px 0}.icon-search{background-position:-48px 0}.icon-envelope{background-position:-72px 0}.icon-heart{background-position:-96px 0}.icon-star{background-position:-120px 0}.icon-star-empty{background-position:-144px 0}.icon-user{background-position:-168px 0}.icon-film{background-position:-192px 0}.icon-th-large{background-position:-216px 0}.icon-th{background-position:-240px 0}.icon-th-list{background-position:-264px 0}.icon-ok{background-position:-288px 0}.icon-remove{background-position:-312px 0}.icon-zoom-in{background-position:-336px 0}.icon-zoom-out{background-position:-360px 0}.icon-off{background-position:-384px 0}.icon-signal{background-position:-408px 0}.icon-cog{background-position:-432px 0}.icon-trash{background-position:-456px 0}.icon-home{background-position:0 -24px}.icon-file{background-position:-24px -24px}.icon-time{background-position:-48px -24px}.icon-road{background-position:-72px -24px}.icon-download-alt{background-position:-96px -24px}.icon-download{background-position:-120px -24px}.icon-upload{background-position:-144px -24px}.icon-inbox{background-position:-168px -24px}.icon-play-circle{background-position:-192px -24px}.icon-repeat{background-position:-216px -24px}.icon-refresh{background-position:-240px -24px}.icon-list-alt{background-position:-264px -24px}.icon-lock{background-position:-287px -24px}.icon-flag{background-position:-312px -24px}.icon-headphones{background-position:-336px -24px}.icon-volume-off{background-position:-360px -24px}.icon-volume-down{background-position:-384px -24px}.icon-volume-up{background-position:-408px -24px}.icon-qrcode{background-position:-432px -24px}.icon-barcode{background-position:-456px -24px}.icon-tag{background-position:0 -48px}.icon-tags{background-position:-25px -48px}.icon-book{background-position:-48px -48px}.icon-bookmark{background-position:-72px -48px}.icon-print{background-position:-96px -48px}.icon-camera{background-position:-120px -48px}.icon-font{background-position:-144px -48px}.icon-bold{background-position:-167px -48px}.icon-italic{background-position:-192px -48px}.icon-text-height{background-position:-216px -48px}.icon-text-width{background-position:-240px -48px}.icon-align-left{background-position:-264px -48px}.icon-align-center{background-position:-288px -48px}.icon-align-right{background-position:-312px -48px}.icon-align-justify{background-position:-336px -48px}.icon-list{background-position:-360px -48px}.icon-indent-left{background-position:-384px -48px}.icon-indent-right{background-position:-408px -48px}.icon-facetime-video{background-position:-432px -48px}.icon-picture{background-position:-456px -48px}.icon-pencil{background-position:0 -72px}.icon-map-marker{background-position:-24px -72px}.icon-adjust{background-position:-48px -72px}.icon-tint{background-position:-72px -72px}.icon-edit{background-position:-96px -72px}.icon-share{background-position:-120px -72px}.icon-check{background-position:-144px -72px}.icon-move{background-position:-168px -72px}.icon-step-backward{background-position:-192px -72px}.icon-fast-backward{background-position:-216px -72px}.icon-backward{background-position:-240px -72px}.icon-play{background-position:-264px -72px}.icon-pause{background-position:-288px -72px}.icon-stop{background-position:-312px -72px}.icon-forward{background-position:-336px -72px}.icon-fast-forward{background-position:-360px -72px}.icon-step-forward{background-position:-384px -72px}.icon-eject{background-position:-408px -72px}.icon-chevron-left{background-position:-432px -72px}.icon-chevron-right{background-position:-456px -72px}.icon-plus-sign{background-position:0 -96px}.icon-minus-sign{background-position:-24px -96px}.icon-remove-sign{background-position:-48px -96px}.icon-ok-sign{background-position:-72px -96px}.icon-question-sign{background-position:-96px -96px}.icon-info-sign{background-position:-120px -96px}.icon-screenshot{background-position:-144px -96px}.icon-remove-circle{background-position:-168px -96px}.icon-ok-circle{background-position:-192px -96px}.icon-ban-circle{background-position:-216px -96px}.icon-arrow-left{background-position:-240px -96px}.icon-arrow-right{background-position:-264px -96px}.icon-arrow-up{background-position:-289px -96px}.icon-arrow-down{background-position:-312px -96px}.icon-share-alt{background-position:-336px -96px}.icon-resize-full{background-position:-360px -96px}.icon-resize-small{background-position:-384px -96px}.icon-plus{background-position:-408px -96px}.icon-minus{background-position:-433px -96px}.icon-asterisk{background-position:-456px -96px}.icon-exclamation-sign{background-position:0 -120px}.icon-gift{background-position:-24px -120px}.icon-leaf{background-position:-48px -120px}.icon-fire{background-position:-72px -120px}.icon-eye-open{background-position:-96px -120px}.icon-eye-close{background-position:-120px -120px}.icon-warning-sign{background-position:-144px -120px}.icon-plane{background-position:-168px -120px}.icon-calendar{background-position:-192px -120px}.icon-random{background-position:-216px -120px}.icon-comment{background-position:-240px -120px}.icon-magnet{background-position:-264px -120px}.icon-chevron-up{background-position:-288px -120px}.icon-chevron-down{background-position:-313px -119px}.icon-retweet{background-position:-336px -120px}.icon-shopping-cart{background-position:-360px -120px}.icon-folder-close{background-position:-384px -120px}.icon-folder-open{background-position:-408px -120px}.icon-resize-vertical{background-position:-432px -119px}.icon-resize-horizontal{background-position:-456px -118px}.icon-hdd{background-position:0 -144px}.icon-bullhorn{background-position:-24px -144px}.icon-bell{background-position:-48px -144px}.icon-certificate{background-position:-72px -144px}.icon-thumbs-up{background-position:-96px -144px}.icon-thumbs-down{background-position:-120px -144px}.icon-hand-right{background-position:-144px -144px}.icon-hand-left{background-position:-168px -144px}.icon-hand-up{background-position:-192px -144px}.icon-hand-down{background-position:-216px -144px}.icon-circle-arrow-right{background-position:-240px -144px}.icon-circle-arrow-left{background-position:-264px -144px}.icon-circle-arrow-up{background-position:-288px -144px}.icon-circle-arrow-down{background-position:-312px -144px}.icon-globe{background-position:-336px -144px}.icon-wrench{background-position:-360px -144px}.icon-tasks{background-position:-384px -144px}.icon-filter{background-position:-408px -144px}.icon-briefcase{background-position:-432px -144px}.icon-fullscreen{background-position:-456px -144px}

/*BUTTONS*/
.btn-warning:active,.btn-warning.active{
  background-color:#c67605 \9
}

.btn-danger{
  background-color:#da4f49;
  *background-color:#bd362f;
  background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
  background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);
  background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);
  background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);
  background-image:linear-gradient(top,#ee5f5b,#bd362f);
  background-repeat:repeat-x;
  border-color:#bd362f #bd362f #802420;
  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#bd362f',GradientType=0);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false)
}

.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{
  background-color:#bd362f;
  *background-color:#a9302a;
}

.btn-danger:active,.btn-danger.active{
  background-color:#942a25 \9
}

.select,
.chosen-select,
.chosen-select-no-single,
.chosen-select-no-results,
.chosen-select-deselect,
.chosen-select-rtl,
.chosen-select-width {
  width: 350px;
}

.jquery-version-refer {
  margin-top: 40px;
  font-style: italic;
}

.button {
  /* Сбрасываем дефолтные стили */
  border: none;
  outline: none;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-size: 12px;
  /* Можно также использовать любые встроенные и кастомные шрифты, например, отсюда  */
  font-family: Roboto, Verdana, Tahoma, sans;
  /* Тут можно поэкспериментировать */
  padding: 8px 12px;
  border-radius: 100px;
  color: #fff;
}
.button i {
  margin-right: 4px;
}
.button + .button {
  margin-left: 6px;
}
.button.blue {
  background: #2196F3;
}
.button.purple {
  background: #9b59b6;
}
.button.grey {
  background: #a7a5a8;
}

.button:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.button:hover.blue {
  background: #39a1f4;
}
.button:hover.purple {
  background: #a66bbe;
}
.button:hover.grey {
  background: #b6b6b6;
}
.button:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.button:active.blue {
  background: #0d8aee;
}
.button:active.purple {
  background: #8f4bab;
}
.button:active.grey {
  background: #b8aeae;
}