/* Body and structure
-------------------------------------------------- */
html,
body {
   height: 100%;
}

body {
  /* position: relative; */
  background-color: #fff;
  /*background:url(../img/texture_fabric.png);*/
  background-position: 50% 0;
}

p.legend{
   display: block;
   width: 100%;
   padding: 0;
   margin-bottom: 20px;
   font-size: 21px;
   line-height: 40px;
   color: #333333;
   border: 0;
   border-bottom: 1px solid #e5e5e5;
}

.verticalLine {
    border-left: thick solid #ff0000;
}



.navbar-inverse .brand{
	color: #ccc;
}

.jumbotron {
	 margin-top: -50px;
    position: relative;
    padding: 30px 0 20px 0;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 0 30px rgba(0, 0, 0, .075);
    background: #9f2929; /* Old browsers */
    background: -moz-linear-gradient(45deg, #9f2929 0%, #712424 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #9f2929), color-stop(100%, #712424)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #9f2929 0%, #712424 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, #9f2929 0%, #712424 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, #9f2929 0%, #712424 100%); /* IE10+ */
    background: linear-gradient(45deg, #9f2929 0%, #712424 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#9f2929', endColorstr = '#712424', GradientType = 1); /* IE6-9 fallback on horizontal gradient */
    -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2);
    box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2);
}

.jumbotron h1 {
    font-size: 60px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
}

.jumbotron p {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 30px;
}

/* Link styles (used on .masthead-links as well) */
.jumbotron a {
    color: #fff;
    color: rgba(255, 255, 255, .5);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.jumbotron a:hover {
    color: #fff;
    text-shadow: 0 0 10px rgba(255, 255, 255, .25);
}

.jumbotron .container {
    position: relative;
    z-index: 2;
}

.jumbotron:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../img/backround.png) repeat center center;
     opacity: 0.6;
}

#crumbsContainer {
   height: 70px;
   background-image:url(../img/png-white.png);
   background-repeat: repeat-x;
   right: 0;
   left: 0;
   z-index: 1010;
   margin: -50px 0 10px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (   min--moz-device-pixel-ratio: 2), only screen and (     -o-min-device-pixel-ratio: 2/1) {

    .jumbotron:after {
        background-size: 150px 150px;
    }

}

/* Footer
-------------------------------------------------- */

.footer p {
  margin-bottom: 0;
  color: #555;
}

#headbar {
	margin-left: 40px;
	margin-right: 40px;
	white-space: nowrap;
}

.prepend-icon {
	margin-right: 5px;
}

/* Forms
-------------------------------------------------- */
.padding-top5{
    padding-top: 5px
}

.form-horizontal.inst .control-label {
	width: 210px;
}

.form-horizontal.inst .controls {
   margin-left: 230px;
}

.form-horizontal.inst .controls {
   *margin-left: 0px;
}
.form-horizontal.inst .form-actions {
   padding-left: 230px;
   margin-bottom: 0;
}
.form-horizontal.inst .form-actions .btn {
	margin-right: 12px;
}

.control-group.error .chzn-single {
  color: #b94a48;
  border-color: #b94a48;
}

p.help-block {
    font-size: 85%;
}

/* End Forms */

.dropdown-menu li.disabled {
	opacity: 0.2;
}
.dropdown-menu li.disabled > a:hover, .dropdown-menu .active.disabled > a, .dropdown-menu .active.disabled > a:hover {
	cursor: default;
	color: #555;
	text-decoration: none;
	background-color: #fff;
}

.service {
    color: #999999;
}

.subnavbar-fixed {
	width: 100%;
	height: 33px;
	background-color: #EEE;
	position: fixed;
	text-decoration: none !important;
	top: 40px;
	left: 0;
	right: 0;
	z-index: 1020;
	/* border-color: #D5D5D5; */
	border-width: 0px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.sidenav {
    width: 370px;
    margin: 30px 0 0;
    padding: 0;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.sidenav > li > a {
    display: block;
    width: 190px \9;
    margin: 0 0 -1px;
    padding: 8px 14px;
    border: 1px solid #e5e5e5;
    color: #333333;
}
.sidenav > li:first-child > a {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.sidenav > li:last-child > a {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
.sidenav > .active > a {
    position: relative;
    z-index: 2;
    padding: 9px 15px;
    border: 0;
    text-shadow: 0 1px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.sidenav .icon-chevron-right {
    float: right;
    margin-top: 2px;
    margin-right: -6px;
    opacity: .25;
}
.sidenav > li > a:hover {
    background-color: #f5f5f5;
}
.sidenav a:hover .icon-chevron-right {
    opacity: .5;
}
.sidenav .active .icon-chevron-right,
.sidenav .active a:hover .icon-chevron-right {
    background-image: url(../img/glyphicons-halflings-white.png);
    opacity: 1;
}

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

.navbar-inner {
   border:0;
   border-bottom: 1px solid #B6B6B6;
   background-image: -moz-linear-gradient(top, #ffffff, #cfcfcf);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cfcfcf));
   background-image: -webkit-linear-gradient(top, #ffffff, #cfcfcf);
   background-image: -o-linear-gradient(top, #ffffff, #cfcfcf);
   background-image: linear-gradient(to bottom, #ffffff, #cfcfcf);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcfcfcf', GradientType=0);
   box-shadow: none !important;
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
}

.navbar-inner.index {
   border-bottom: 0;
}

/* --Цвет названия системы */
.navbar .brand {
  color:#CA0404;
}
.navbar .nav li.dropdown > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown > .dropdown-toggle {
   position:relative;
   top:-1px;
   right:2px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdcdcdc', endColorstr='#fff1f1f1', GradientType=0);
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #e6e6e6;
  background-image:url(../img/buttonbg.png) !important;
  background-repeat:repeat-x;
  background-image: -moz-linear-gradient(top, #dcdcdc, #f1f1f1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dcdcdc), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #dcdcdc, #f1f1f1);
  background-image: -o-linear-gradient(top, #dcdcdc, #f1f1f1);
  background-image: linear-gradient(to bottom, #dcdcdc, #f1f1f1);
  background-repeat: repeat-x;
  border-bottom:1px #CCCCCC solid;
  position:relative;
  top:-1px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdcdcdc', endColorstr='#fff1f1f1', GradientType=0);
}

.footer {
  margin-top: 45px;
  padding: 35px 0 36px;
  background-repeat:repeat-x;
  background-image:url(../img/footerbackground.png);
  max-height:149px;
/*
   position: absolute;
   bottom: 0px;
   width: 100%;*/
}

@-webkit-keyframes flashing {
    from { background-color: #7ABA7B; }
    to { background-color: inherit; }
}
@-moz-keyframes flashing {
    from { background-color: #7ABA7B; }
    to { background-color: inherit; }
}
@-o-keyframes flashing {
    from { background-color: #7ABA7B; }
    to { background-color: inherit; }
}
@keyframes flashing {
    from { background-color: #7ABA7B; }
    to { background-color: inherit; }
}
.addedRow {
    -webkit-animation: flashing 1s 3; /* Safari 4+ */
    -moz-animation:    flashing 1s 3; /* Fx 5+ */
    -o-animation:      flashing 1s 3; /* Opera 12+ */
    animation:         flashing 1s 3; /* IE 10+ */
}

i.loading {
    background: transparent url("../img/loading_16_info.gif") no-repeat 0 0 !important;
    height:15px !important;
    width: 15px !important;
    margin-left: -0px;
}

input.zeroMargin{
    margin-bottom: 0px;
}

.nojs{
    width: auto;
    height: auto;
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index:9999;
    top: 0;
    left: 0;
    background-image: url("http://vetrf.ru/vetrf-docs/style/img/nojs.png");
    text-align: center;
    vertical-align: center;
}
.nojs-message{
    z-index:9999;
    position: absolute; /* Абсолютное позиционирование */
    left: 50%; /* Положение слоя от левого края */
    top: 40%; /* Положение слоя от верхнего края */
    margin-left: -320px; /* Отступ слева */
    margin-top: -100px;	/* Отступ сверху */
    background: #e9f3f8; /* Цвет фона */
    border: solid 1px #8c1a26; /* Параметры рамки вокруг */
    padding: 10px; /* Поля вокруг текста */
    overflow: auto; /* Добавление полосы прокрутки */
}

/*--------------tabs--------------------*/
.tab-border{
    padding: 20px 10px 10px;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    -webkit-border-radius:  0 0 4px 4px;
    -moz-border-radius:  0 0 4px 4px;
    border-radius:  0 0 4px 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

/*--------------buttons--------------------*/

.btn-orange {
    display: inline-block;
    *display: inline;
    padding: 2px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;


    border: 1px solid #cccccc;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -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);


    background-color: hsl(36, 100%, 39%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa319", endColorstr="#c67700");
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-image: -moz-linear-gradient(top, #ffa319, #c67700);
    background-image: -ms-linear-gradient(top, #ffa319, #c67700);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa319), color-stop(100%, #c67700));
    background-image: -webkit-linear-gradient(top, #ffa319, #c67700);
    background-image: -o-linear-gradient(top, #ffa319, #c67700);
    background-image: linear-gradient(#ffa319, #c67700);
    border-color: #c67700 #c67700 hsl(36, 100%, 35%);
    color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.26);
    -webkit-font-smoothing: antialiased;
}

.btn-orange:hover,
.btn-orange:focus {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}


.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled] {
    color: #ffffff;
    background-color: #ba8a1c;
    *background-color: #a16717;
}

.btn-orange:active,
.btn-orange.active {
    background-color: #ff8c39 \9;
}

@media (max-width: 979px) {
   .navbar-fixed-top, .navbar-fixed-bottom {
      position: fixed;
   }
}

@media (max-width: 979px) {
   .navbar-fixed-top .navbar-inner {
      padding: 0 5px;
   }
}

td.statusPermittedDelivery {
   background-color: #b8f4b0 !important;
   color: #3c763d; !important;
}
td.statusWarning {
   background-color: #F5D7AF !important;
   color: #9c571a;
}
td.statusSpecialRequirement {
   background-color: #FFDDFF !important;
   color: #880088;
}
td.statusReinforcedControl {
   background-color: #f0f49f !important;
   color: #8C8B12;
}
td.statusTemporaryConstraint {
   background-color: #f4d2cd !important;
   color: #7c1f1f;
}
td.statusDeniedDelivery {
   background-color: #E5E5E4 !important;
   color: #646464;
}
td.statusDoesNotMeetRequirements {
   background-color: #f2f2f1 !important;
   color: #d43535;
}

div.statusPermittedDelivery{
   margin-bottom: 10px;
   padding: 5px;
   background-color: #b8f4b0 !important;
   border: 1px solid #addca1;
   color: #3c763d;
}
div.statusWarning{
   margin-bottom: 10px;
   padding: 5px;
   background-color: #F5D7AF !important;
   border: 1px solid #dfb995;
   color: #9c571a;
}
div.statusSpecialRequirement{
   margin-bottom: 10px;
   padding: 5px;
   background-color: #FFDDFF !important;
   border: 1px solid #F0D1CC;
   color: #880088;
}
div.statusReinforcedControl{
   margin-bottom: 10px;
   padding: 5px;
   background-color: #f0f49f !important;
   border: 1px solid #DBE57D;
   color: #8C8B12;
}
div.statusTemporaryConstraint{
   margin-bottom: 10px;
   padding: 5px;
   background-color: #f4d2cd !important;
   border: 1px solid #e9b6b7;
   color: #7c1f1f;
}
div.statusDeniedDelivery{
   margin-bottom: 10px;
   padding: 5px;
   background-color: #E5E5E4 !important;
   border: 1px solid #A5A3A3;
   color: #777777;
}
div.statusDoesNotMeetRequirements{
   margin-bottom: 10px;
   padding: 5px;
   background-color: #f2f2f1 !important;
   border: 1px solid #e9b6b7;
   color: #7c1f1f;
}
div.statusQuestionable {
   margin-bottom: 10px;
   padding: 5px;
   background-color: #C3D1F7 !important;
   border: 1px solid #9A9DDA;
   color: #414E8A;
}
div.historyNotFound{
   margin-bottom: 10px;
   padding: 5px;
   background-color: #fffffe !important;
   color: #7b7b7b;
}
.select2-container .select2-choice .select2-arrow {
   background: transparent none;
   border-left: 0;
}
.select2-container.select2-drop-above .select2-choice {
   border-radius: 4px;
   background-image: none;
}
input.span6-1 {
   width: 382px;
}
@media (min-width: 1200px) {
   input.span6-1 {
      width: 483px;
   }
}
@media (max-width: 979px) and (min-width: 768px) {
   input.span6-1 {
      width: 292px;
   }
}
.wrapper {
   position: relative;
   min-height: 100%;
}
.content {
   padding-top: 90px;
   padding-bottom: 150px;
}
.footer {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
}

/*
Поиск площадок
*/

#foundedAddresses #resultList {
   margin-bottom: 10px;
}

#foundedAddresses #resultList .loader {
   min-width: 100%;
   min-height: 160px;
   background: #CECECE;
   position: relative;
}

#foundedAddresses #resultList .loader:before {
   content: '';
   top: 0;
   left: 0;
   background: rgba(181, 181, 181, 0.8);
   width: 100%;
   height: 100%;
   z-index: 90;
}

#foundedAddresses #resultList .loader:after {
   position: absolute;
   content: '';
   top: 37%;
   left: 37%;
   margin-left: 100px;
   width: 3em;
   height: 3em;
   -webkit-animation: form-spin .6s linear;
   animation: form-spin .6s linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   border-radius: 500rem;
   border: .2em solid rgba(0, 0, 0, .1);
   border-top-color: #767676;
   box-shadow: 0 0 0 1px transparent;
   visibility: visible;
   z-index: 101;
   transition-duration: 400ms;
   transition-delay: 50ms;
}

#foundedAddresses #resultList .actualObjectList .actualObject {
   padding: 5px;
   border: 1px solid #CCCCCC;: 1px solid #CCCCCC;
   border-radius: 4px;
   margin-bottom: 2px;
}

#foundedAddresses #resultList .actualObjectList .actualObject.selectable{
    background: white;
    cursor: pointer;
}

#foundedAddresses #resultList .actualObjectList .actualObject > div {
   border-bottom: 1px solid #E4E4E4;
}

#foundedAddresses #resultList .actualObjectList .actualObject > div:last-child {
   border-bottom: none;
}

#foundedAddresses #resultList .actualObjectList .actualObject .name > strong,
#foundedAddresses #resultList .actualObjectList .actualObject .address > strong,
#foundedAddresses #resultList .actualObjectList .actualObject .owner > strong {
   display: inline-block;
   width: 100px;
}

#foundedAddresses #resultList .actualObjectList .actualObject .owner > div {
   display: block;
   margin-top: -20px;
   margin-left: 103px;
}

#foundedAddresses #resultList .actualObjectList .actualObject .owner-name,
#foundedAddresses #resultList .actualObjectList .actualObject .owner-address {
   display: block;
}

#foundedAddresses #resultList .actualObjectList .actualObject.selected {
   background: #E5F9E5;
}

#foundedAddresses #resultList .actualObjectList .actualObject.selectable:hover {
   background: #F9F9F9;
}

#foundedAddresses #resultList .actualObjectList .actualObject.unselected {
   color: #aeaaab;
}

#foundedAddresses #resultList .actualObjectList .actualObject.unselected a {
   color: #aeaaab;
}

#foundedAddresses #resultList .actualObjectList .actualObject:hover.selected {
   background: #E5F9E5;
}

#foundedAddresses #resultList .actualObjectList .empty {
   background: white;
   margin-top: 5px;
   border-radius: 4px;
   border: 1px solid #E3E3E3;
   padding: 7px;
   font-size: 105%;
}

.ymaps-map .ymaps-glass-pane {
   -webkit-box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,0.43);
   -moz-box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,0.43);
   box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,0.43);
}

div > ymaps > ymaps > ymaps > ymaps {
   -webkit-box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,0.43);
   -moz-box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,0.43);
   box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,0.43);
}

div.fileBlock {
   position: relative;
   margin-bottom: 5px;
}

div.fileBlock div.progress {
   display: inline-block;
   width: 150px;
   height: 28px;
   margin: 0 -1px -15px 0;
   border-radius: 0;
   border: 1px solid #CCC;
   position: relative;
   cursor: pointer;
}

div.fileBlock input {
   display: inline-block;
   margin-right: -1px;
   border-radius: 0;
   width: 350px;
}

div.fileBlock input ~ div.progress {
   border-radius: 0;
}

div.fileBlock div.progress .bar {
   box-shadow: none;
   -webkit-box-shadow: none;
   background: #CCCCCC none;
}
div.fileBlock div.progress span {
   font-size: 14px;
   color: #797979;
   padding: 4px;
   position:absolute;
   left:0;
}

div.fileBlock a.btn {
   border-radius: 0 !important;
   margin-right: 1px;
   height: 20px;
   width: 15px;
}

div.fileBlock a.btn.plus {
   position: absolute;
   border-radius: 0 0;
   margin-left: 10px;
   height: 20px;
   width: 10px;
   top: 0;
   right: -50px;
}

div.fileBlock a.btn.btn-file {
   position: relative;
   overflow: hidden;
}

div.fileBlock a.btn.btn-file input {
   position: absolute;
   top: -1px;
   right: 0;
   min-width: 100%;
   min-height: 100%;
   font-size: 10px;
   text-align: right;
   filter: alpha(opacity=0);
   opacity: 0;
   background: red;
   cursor: inherit;
   display: block;
}

div.fileBlock .progress.success .bar {
   background: #a2ea9a none;
   border: none;
}

div.fileBlock .progress.success span {
   color: #4A4A4A;
}

.block.loading:before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   background: rgba(232, 232, 232, 0.8);
   width: 100%;
   height: 100%;
   z-index: 90;
}

.block.loading:after {
   position: absolute;
   content: '';
   top: 30%;
   left: 50%;
   width: 3em;
   height: 3em;
   -webkit-animation: form-spin .6s linear;
   animation: form-spin .6s linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   border-radius: 500rem;
   border: .2em solid rgba(0, 0, 0, .1);
   border-top-color: #767676;
   box-shadow: 0 0 0 1px transparent;
   visibility: visible;
   z-index: 101;
   transition-duration: 400ms;
   transition-delay: 50ms;
}

#certificateTable{
    background: white;
}

#certificateTable.loader {
    min-width: 100%;
    min-height: 160px;
    background: #CECECE;
    position: relative;
}

#certificateTable.loader:before {
    content: '';
    top: 0;
    left: 0;
    background: rgba(181, 181, 181, 0.8);
    width: 100%;
    height: 100%;
    z-index: 90;
}

#certificateTable.loader:after {
    position: absolute;
    content: '';
    top: 37%;
    left: 37%;
    margin-left: 100px;
    width: 3em;
    height: 3em;
    -webkit-animation: form-spin .6s linear;
    animation: form-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border: .2em solid rgba(0, 0, 0, .1);
    border-top-color: #767676;
    box-shadow: 0 0 0 1px transparent;
    visibility: visible;
    z-index: 101;
    transition-duration: 400ms;
    transition-delay: 50ms;
}

@-webkit-keyframes form-spin {
   from{
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg)
   }
   to {
      -webkit-transform:rotate(360deg);
      transform:rotate(360deg)
   }
}

@keyframes form-spin {
   from {
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg)
   }
   to {
      -webkit-transform:rotate(360deg);
      transform:rotate(360deg)
   }
}

.modal-width-600 {
   width: 600px !important;
   margin-left: -301px !important;
}
.modal-width-680 {
   width: 680px !important;
   margin-left: -341px !important;
}

.icn-rss {
   background-size: 16px 16px !important;
   background-image: url(../img/rss-icon-16.png) !important;
   background-position: 5px 0px;
   background-repeat: no-repeat;
   width: 23px;
   height: 16px;
   display: inline-block;
}