.document-item {
  display: block;
  margin: 1.5em 0 2.5em 0;
  position: relative;
  padding-left: 45px;
  color: black;
}
.document-item::before {
  position: absolute;
  width: 58px;
  height: 68px;
  left: 0;
  top: -7px;
  content: '';
  border: solid 2px #920035;
}
.document-item::after {
  content: 'file';
  content: attr(filetype);
  left: 10px;
  padding: 0px 2px;
  text-align: right;
  line-height: 1.3;
  position: absolute;
  background-color: #000;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  top: 20px;
}
.document-item .fileCorner {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 0 0 11px;
  border-color: white transparent transparent #920035;
  position: absolute;
  top: -7px;
  left: 51px;
}

#LinkButtonCancelUpdate {
  background: #f58400 url("/Apollo/Scripts/jquery-ui-1.11.4/images/ui-bg_inset-soft_30_f58400_1x100.png") 50% 50% repeat-x;
}

.removeArticleArea, #addArticleArea {
    height: 18px;
    width: 18px;
    background-image: url("/Apollo/Scripts/jquery-ui-1.11.4/images/ui-icons_6da8d5_256x240.png") !important;
    background-position: -32px -192px !important;

}

#addArticleArea {
    background-position: 0 -192px !important;
    margin: 0 5px;
}


#tabsHolder {
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 10px;
    position: absolute;
}

    #tabsHolder #tabs {
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    position: absolute;
    }

    #tabsHolder #tabs #tabsContent{
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 40px;
    position: absolute;
    overflow-y:scroll;
    overflow-x:auto;

    }

#tabsContent label {
    font-weight: bold;
    margin-bottom:2px;
    margin-right:6px;
    margin-top:5px;
}

#articleAreas > span::after, #eventOrgraniserCategory > span::after {
    content: ",";
    padding-right: 10px;
}

#articleAreas > span:last-child::after, #eventOrgraniserCategory > span:last-child::after {
    content: "";
    padding-right: 00px;
}

#ChooseAreasDialog input, #ChooseAreasDialog label, #ChooseEventOrganiserCategoryDialog input, #ChooseEventOrganiserCategoryDialog label {
    display: inline;
}

.ui-icon-alert {
    background-image: url("/Apollo/Scripts/jquery-ui-1.11.4/images/ui-icons_cc0000_256x240.png") !important;
}



/* ui na yelenou */
.ui-widget-header {
    background: #3a8104 url("/Apollo/Scripts/jquery-ui-1.11.4/images/ui-bg_highlight-soft_33_3a8104_1x100.png") 50% 50% repeat-x;
          border: 1px solid #3f7506;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #45930b;
    color: #ffffff;
    background: #4ca20b url("/Apollo/Scripts/jquery-ui-1.11.4/images/ui-bg_highlight-soft_60_4ca20b_1x100.png") 50% 50% repeat-x;
}


.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color:white;
    text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #72b42d;
  background: #285c00 url("/Apollo/Scripts/jquery-ui-1.11.4/images/ui-bg_highlight-hard_30_285c00_1x100.png") 50% 50% repeat-x;
  color: #ffffff;
}

.LogOut {
    padding: 0.1em 1em;
    font-size:0.8em;
    position:absolute;
    right:3px;
    top:1px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #45930b;
/*  background: #4ca20b url("/Apollo/Scripts/jquery-ui-1.11.4/images/ui-bg_highlight-soft_60_4ca20b_1x100.png") 50% 50% repeat-x;*/
  font-weight: normal;
  color: #ffffff;
}

.frame .ui-corner-all {
    border: 1px solid #58FAAC;
}


#ArticleImages span.ArticleImage, #AreaImages span.AreaImage, #PublicationImages span.PublicationImage, #PublicationImages span.PublicationImage, #MemoryCertificates span.MemoryCertificate  {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    position: relative;
    height: 110px;
    padding: 5px;
    background-color: silver;
}

#ServiceImages span.ServiceImage, #EventImages span.EventImage {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    position: relative;
    height: 110px;
    padding: 5px;
    background-color: silver;
}

#ServiceImages span.SmallImage {
    background-color: lime;
}


#ServiceImages span.BigImage {
    background-color: lime;
}

#ObjectImages span.ObjectImage
{
    display: block;
    float: none;
    margin: 0 5px 5px 0;
    position: relative;
    height: 110px;
    padding: 5px;
    background-color: silver;
}

#MemoryCertificates span.MemoryCertificate {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    position: relative;
    height: 110px;
    padding: 5px;
    background-color: silver;
    min-width:200px;
}



#ArticleImages span.ArticleImage.MainPicture, #AreaImages span.AreaImage.MainPicture, #PublicationImages span.PublicationImage.MainPicture {
    background-color: lime;
}

#ObjectImages span.ObjectImage img,
#ArticleImages span.ArticleImage img, #AreaImages span.AreaImage img, #RemoveConfirmationDialog img, #ServiceImages span.ServiceImage img, #MemoryImages span.MemoryImage img, #EventImages span.EventImage img, #PublicationImages span.PublicationImage img, #MemoryCertificates span.MemoryCertificate img {
    display: block;
    float: left;
    margin-right: 5px;
    border: 1px solid silver;
    max-width: 200px;
    max-height: 110px;
}


#ObjectImages span.ObjectImage span,
#ArticleImages span.ArticleImage span, #AreaImages span.AreaImage span, #RemoveConfirmationDialog span, #PublicationImages span.PublicationImage span {
    display: block;
    float: left;
}

#MemoryImages span.MemoryImage span, #ServiceImages span.ServiceImage span, #EventImages span.EventImage span {
    display: block;
    float: left;
    white-space: nowrap;
}

#ObjectImages span.ObjectImage button,
#ArticleImages span.ArticleImage button, #AreaImages span.AreaImage button, #MemoryImages span.MemoryImage button, #ServiceImages span.ServiceImage button, #EventImages span.EventImage button,
#PublicationImages span.PublicationImage button, #MemoryCertificates span.MemoryCertificate button {
    position: absolute;
    right: 5px;
    bottom: 5px;
    display: none;
    padding: 0 5px;
    left: initial;
}
    #ObjectImages span.ObjectImage button.removeObjectImage,
    #MemoryImages span.MemoryImage button.removeMemoryImage, #ServiceImages span.ServiceImage button.removeServiceImage {
        position: absolute;
        bottom: 5px;
        left: initial;
        right: 5px;
    }

    #ServiceImages span.ServiceImage button.setSmallServiceImage{
        left: 5px;
        right:initial;
    }

    #ServiceImages span.ServiceImage button.setBigServiceImage {
        bottom: initial;
        top: 5px;
    }

    #ObjectImages span.ObjectImage button.setMainObjectImage,
    #ArticleImages span.ArticleImage button.setMainArticleImage, #AreaImages span.AreaImage button.setMainAreaImage, #MemoryImages span.MemoryImage button.setMainImage, #PublicationImages span.PublicationImage button.setMainPublicationImage {
        right: initial;
        left: 5px;
    }

    #ArticleImages span.ArticleImage .ui-button-text,   #AreaImages span.AreaImage .ui-button-text  {
        padding: 4px 0;
    }

#ObjectImages span.ObjectImage:hover,
#ArticleImages span.ArticleImage:hover, #AreaImages span.AreaImage:hover, #MemoryImages span.MemoryImage:hover, #ServiceImages span.ServiceImage:hover, #EventImages span.EventImage:hover, #MemoryCertificates span.MemoryCertificate:hover {
    background: #3a8104;
    color: white;
}

    #ObjectImages span.ObjectImage:hover button,
    #ArticleImages span.ArticleImage:hover button, #AreaImages span.AreaImage:hover button, #MemoryImages span.MemoryImage:hover button, #ServiceImages span.ServiceImage:hover button, #EventImages span.EventImage:hover button, #PublicationImages span.PublicationImage:hover button, #MemoryCertificates span.MemoryCertificate:hover button {
        display: block;
    }



.ui-state-default .ui-icon {
    background-image: url("/Apollo/Scripts/jquery-ui-1.11.4/images/ui-icons_ffffff_256x240.png");
}

.returnSelected button i.icon {
    float:left;
    
}
.frameSearchForm {
    display:none;
}

div.row.disabled
{
    color:white; 
    background-color:red;
}