/* Ribbon control */
.iyp-ribbon {
    width:100%;
    cursor:default;
    font-family:"Segoe UI",Arial,Sans-serif;
    padding:0;
    white-space: nowrap;
}

.iyp-ribbon-hidden {
    display:none;
}
/* Ribbon control collapsed zustand */
.iyp-ribbon-tabs-panels-collapsed {
    display:none;
}

/* Expand/collapse button */
.iyp-ribbon-collapse-button{
    position:absolute;
    text-align:right;
    right:0;
    width:16px;
    height:16px;
    margin:2px 4px 0 0;
    cursor:pointer;
    padding:0;
    //line-height:0;
    //font-size:0;
    background:url("/Content/images/ribbon/collapse.png") no-repeat center;
    border:solid 1px transparent;
    border-radius:2px
}

.iyp-ribbon-collapse-button-collapsed{
    -webkit-transform:scaley(-1);
    -moz-transform:scaley(-1);
    -ms-transform:scaley(-1);
    -o-transform:scaley(-1);
    transform:scaley(-1);
}


/* ribbon Tabs */
.iyp-ribbon-tabs {
    margin-top:1px;
}

.iyp-ribbon-tabs-headers {
    margin:0;
    padding:0;
    list-style:none;
    font-weight:normal;
    font-variant:normal;
}

.iyp-ribbon-tab-header{
    display:inline-block;
    font-size:11px;
    line-height:21px;
    border:solid 1px transparent;
    vertical-align:top;
    cursor:pointer;
    border-radius:3px 3px 0 0;
    overflow:hidden;
}
.iyp-ribbon-tab-file-header{
    display:inline-block;
    font-size:11px;
    line-height:21px;
    border:solid 1px transparent;
    vertical-align:top;
    cursor:pointer;
    border-radius:3px 3px 0 0;
    overflow:hidden;
}
.iyp-ribbon-tabs-header-text{
    padding:0 12px;
    text-align: center;
}

.iyp-ribbon-tab {
    display: none;
    width:100%;
    height:100%;
    white-space: nowrap;

}
.iyp-ribbon-tab-selected {
     display: table;
}

/* Ribbon Group */
.iyp-ribbon-group {
    vertical-align:top;
    display: inline-block;
    margin:3px;
    white-space: nowrap;
}

.iyp-ribbon-group-content {
    margin: 5px;
    height: 65px;
    white-space: nowrap;
}

.iyp-ribbon-group-header {
    height: 16px;
    text-align: center;
    font-size:11px;
    font-weight:normal;
    line-height: normal;
    clear:left;
    margin:0px;
    overflow:hidden;
    padding-left:5px;
    padding-right:5px;
}

.iyp-ribbon-tabs-panels {
    margin:-1px 0 0;
    font-size:11px;
}






/* Button Leiste*/
.iyp-ribbon-button-group {
    float:left;

}

.iyp-ribbon-button,.iyp-ribbon-button-group-elements{
    margin:0;
    padding:0;
    list-style:none;
    font-weight:normal;
    font-variant:normal;
    //font-size: 1px; /* Abstand der listelemente auf 1px*/
    line-height: 10px;
}

.iyp-ribbon-button,.iyp-ribbon-button-group span{
    display:inline-block;
    vertical-align:middle;
}

.iyp-ribbon-button-content:hover, .iyp-ribbon-button-content:focus {
    text-decoration:none;
}

.iyp-ribbon-button-content[disabled]{
    opacity:.50;
    cursor:default;
    -webkit-pointer-events:none;
    -moz-pointer-events:none;
    pointer-events:none;
}


.iyp-ribbon-quick-access-toolbar {
    padding-top:2px;
    padding-left:2px;
}

/* row panel (in einer ribbon-group zeilenweise elemente plazieren ) */
.iyp-ribbon-row-panel {
    float:left;
}
.iyp-ribbon-row {
    clear:left;
}

/* Button */
.iyp-ribbon-button-content{
    display:inline-block;
    border:solid 1px transparent;
    border-radius:2px;
    cursor: pointer;
    padding:1px;
}
.iyp-ribbon-button-split-container {
    margin-left: -5px; /* padding ausgleich des buttons damit der container für das dropdown-menü bündig ist*/
    margin-top:0px;
    //font-size: 12px; /* restore fontsize */
}

.iyp-ribbon-button-split-arrow {
    background:url("/Content/images/ribbon/split.button.arrow.png") no-repeat center;
    width:5px;
    height:3px;
    cursor:pointer;
    padding:0;
    //font-size:0;
    border:solid 1px transparent;
    border-radius:2px
}


.iyp-ribbon-button-large {
    text-align:center;
}

.iyp-ribbon-button-large .iyp-ribbon-button-content {
    padding-top:4px;
    padding-left:4px;
    padding-right:4px;
}

.iyp-ribbon-button-text {
    max-width: 60px;
    text-overflow: ellipsis;
    //font-size:12px;
}

.iyp-ribbon-button-small-text {
    margin-right:5px;
}

.iyp-ribbon-button-large-text {
    /*margin-right:5px;*/
    white-space:normal;
    overflow:hidden;
    line-height:1em;
}


.iyp-ribbon-button-large-split-top {
    display:block;
    padding-bottom:0px !important;
}

.iyp-ribbon-button-large .iyp-ribbon-button-content:not(.iyp-ribbon-button-large-split-top) {
    padding:5px;
}

.iyp-ribbon-button-large-split-bottom {
    line-height:8px;
    display:block;
    padding-top:0px  !important;
}
.iyp-ribbon-button-large-split-bottom .iyp-ribbon-button-split-arrow {
    margin-top:7px;
}

/* popup container */
.iyp-ribbon-popup {
    position:absolute;
    z-index:1;
}

/* menü */
.iyp-ribbon-menu,.iyp-ribbon-application-menu {
    padding: 1px;
    margin:0px;
}

.iyp-ribbon-menu-item {
    display:block;  /* menu-items untereinander */
    text-align: left;
    border: solid 1px transparent;
    border-radius: 2px;
    padding:2px;
    padding-left:5px;
    padding-right:5px;

    position:relative;
}

.iyp-ribbon-menu-item-element:hover, .iyp-ribbon-menu-item-element:focus {
    text-decoration:none;
}

.iyp-ribbon-menu-item-text {
    text-overflow: ellipsis;
    //font-size:12px;
    margin-left:6px;
}

.iyp-ribbon-dropdown {
    display:inline-block;
}

.iyp-ribbon-dropdown-content {
    display:inline-block;
    height:20px;
    background:#fff;
    border-color:#bbbfc4;
    border:solid 1px #d3d6d9;
    line-height:14px;
    vertical-align:top;
}
.iyp-ribbon-dropdown-content:hover {
    text-decoration: none;
}
.iyp-ribbon-dropdown-content-text {
    margin:2px;
    display:inline-block;
    overflow:hidden;
}
.iyp-ribbon-dropdown-content-arrow {
    background:url("/Content/images/ribbon/dropdown.arrow.png") no-repeat;
    width:13px;
    height:20px;    
    display:inline-block;
    cursor:pointer;
}

.iyp-ribbon-dropdown-content:not([disabled]):hover .iyp-ribbon-dropdown-content-arrow{
    background-position:-13px 0;
}

.iyp-ribbon-dropdown-content:not([disabled]):hover .iyp-ribbon-dropdown-content-arrow:hover{
    background-position:-26px 0;
}

.iyp-ribbon-dropdown-popup {
    max-height:210px;
    overflow:auto;
    border-radius:2px;
    padding:1px;
    width:auto;
}

.iyp-ribbon-dropdown-popup {
    border: solid 1px #a7abb0;
    background: #fff;
    -webkit-box-shadow: 1px 1px 4px 1px #a7abb0;
    -moz-box-shadow: 1px 1px 4px 1px #a7abb0;
    box-shadow: 1px 1px 4px 1px #a7abb0;
}

.iyp-ribbon-dropdown-popup-content, .iyp-ribbon-combobox-option {
    margin:0;
    padding:0;
    list-style:none;
    font-weight:normal;
    font-variant:normal;
    text-decoration: none;
}
.iyp-ribbon-combobox-option-content:hover {
    text-decoration: none;
}

.iyp-ribbon-combobox-option {
    display:block;
    vertical-align:top;
    border:solid 1px transparent;
    border-radius:2px;
}

.iyp-ribbon-combobox-option-text {
    margin-left:8px;
    margin-right:8px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}





/* style
 */
.iyp-ribbon{
    border:solid 1px #8b9097;
    background:#ddebff;
}

.iyp-ribbon-tabs-panels {
    border-top: solid 1px #b6babf;
    background:#e7f1ff;
}

.iyp-ribbon-tab-header-selected {
    border-color: #b6babf;
    border-bottom-color: #e7f1ff;
    -webkit-box-shadow: 0 -1px 1px #daddde;
    -moz-box-shadow:0 -1px 1px #daddde;
    box-shadow:0px -1px 1px #daddde;
    background:#e7f1ff;
}

.iyp-ribbon-tab-file-header{
   border-color:#2550a7;
   background:#2861b5;
   background:-webkit-linear-gradient(#3e7ddb,#2861b5,#3e7ddb);
   background:-moz-linear-gradient(#3e7ddb,#2861b5,#3e7ddb);
   background:-ms-linear-gradient(#3e7ddb,#2861b5,#3e7ddb);
   background:-o-linear-gradient(#3e7ddb,#2861b5,#3e7ddb);
   background:linear-gradient(#3e7ddb,#2861b5,#3e7ddb);
   color:#fff;
   text-shadow:-1px 1px rgba(0,0,0,.25);
   border-color:rgba(255,255,255,.25);
   -webkit-box-shadow:0 -1px 1px rgba(255,255,255,.25);
   -moz-box-shadow:0 -1px 1px rgba(255,255,255,.25);
   box-shadow:0 -1px 1px rgba(255,255,255,.25);

}

.iyp-ribbon-group-background {
    background-color: #ddebff;
    border:1px solid #a4bed4;
    border-radius:2px;
}

.iyp-ribbon-group-header {
    background:#d3e7ff;
    color:#5f85bb;
    
}
.iyp-ribbon-button-content:not([disabled]):hover {
    border-color:#f0c957;
    -webkit-box-shadow:0 0 1px 1px #fff inset;
    -moz-box-shadow:0 0 1px 1px #fff inset;
    box-shadow:0 0 1px 1px #fff inset;
    background:#fdfdeb;
    background:-webkit-linear-gradient(#fcedb2,#fdfdeb);
    background:-moz-linear-gradient(#fcedb2,#fdfdeb);
    background:-ms-linear-gradient(#fcedb2,#fdfdeb);
    background:-o-linear-gradient(#fcedb2,#fdfdeb);
    background:linear-gradient(#fcedb2,#fdfdeb);
}
.iyp-ribbon-popup {
    border:solid 1px #a7abb0;
    background:#fff;
    -webkit-box-shadow:1px 1px 2px 0px #a7abb0;
    -moz-box-shadow:1px 1px 2px 0px #a7abb0;
    box-shadow:1px 1px 2px 0px #a7abb0;
}

.iyp-ribbon-menu {

}
.iyp-ribbon-menu:before {
    content:"";
    position:absolute;
    display:block;
    width:25px;
    left:0px;
    top:1px;
    bottom:1px;
    background: #e9eeee;
}
.iyp-ribbon-menu-item a {

}

.iyp-ribbon-menu-item:hover {
    border-color:#f0c957;
    -webkit-box-shadow:0 0 1px 1px #fff inset;
    -moz-box-shadow:0 0 1px 1px #fff inset;
    box-shadow:0 0 1px 1px #fff inset;
    background:#fdfdeb;
    background:-webkit-linear-gradient(#fcedb2,#fdfdeb);
    background:-moz-linear-gradient(#fcedb2,#fdfdeb);
    background:-ms-linear-gradient(#fcedb2,#fdfdeb);
    background:-o-linear-gradient(#fcedb2,#fdfdeb);
    background:linear-gradient(#fcedb2,#fdfdeb);

}

.iyp-ribbon-dropdown {
    
    background: #b0b6bc;
    background: -webkit-linear-gradient(#f2f6f8,#bfc3c7,#f2f6f8);
    background: -moz-linear-gradient(#f2f6f8,#bfc3c7,#f2f6f8);
    background: -ms-linear-gradient(#f2f6f8,#bfc3c7,#f2f6f8);
    background: -o-linear-gradient(#f2f6f8,#bfc3c7,#f2f6f8);
    background: linear-gradient(#f2f6f8,#bfc3c7,#f2f6f8);
}
.iyp-ribbon-combobox-option:hover {
    border-color: #f0c957;
    -webkit-box-shadow: 0 0 1px 1px #fff inset;
    -moz-box-shadow: 0 0 1px 1px #fff inset;
    box-shadow: 0 0 1px 1px #fff inset;
    background: #fdfdeb;
    background: -webkit-linear-gradient(#fcedb2,#fdfdeb);
    background: -moz-linear-gradient(#fcedb2,#fdfdeb);
    background: -ms-linear-gradient(#fcedb2,#fdfdeb);
    background: -o-linear-gradient(#fcedb2,#fdfdeb);
    background: linear-gradient(#fcedb2,#fdfdeb);
}

.iyp-ribbon-element-selected{
   border-color:#c28a30;
   background:#fff27e;
   background:-webkit-linear-gradient(#ffe575,#fff27e);
   background:-moz-linear-gradient(#ffe575,#fff27e);
   background:-ms-linear-gradient(#ffe575,#fff27e);
   background:-o-linear-gradient(#ffe575,#fff27e);
   background:linear-gradient(#ffe575,#fff27e);
}
.iyp-ribbon-element-selected:hover{
    -webkit-box-shadow:0 0 4px 1px #f8d172 inset;
    -moz-box-shadow:0 0 4px 1px #f8d172 inset;
    box-shadow:0 0 4px 1px #f8d172 inset
}