/** K3 Grid Layout
    author: Peter Rang <peter.rang@k3-innovationen.de>
    version: beta
 **/

body.waiting *{
    cursor: wait !important;
}

/** Basic grid **/
.grid5{ width: 5%;}
.grid10{width: 10%;}
.grid15{width: 15%;}
.grid20{width: 20%;}
.grid25{width: 25%;}
.grid30{width: 30%;}
.grid33{width: 33.33333333333333333333%}
.grid35{width: 35%}
.grid40{width: 40%;}
.grid45{width: 45%;}
.grid50{width: 50%;}
.grid55{width: 55%;}
.grid60{width: 60%;}
.grid65{width: 65%;}
.grid70{width: 70%;}
.grid75{width: 75%;}
.grid80{width: 80%;}
.grid85{width: 85%;}
.grid90{width: 90%;}
.grid95{width: 95%;}
.grid100{width: 100%;}

.grid300p{ width: 300px;}
.grid250p{ width: 250px;}
.grid200p{ width: 200px;}
.grid150p{ width: 150px;}
.grid100p{ width: 100px;}
.grid80p{ width: 80px;}
.grid75p{ width: 75px;}
.grid50p{ width: 50px;}



.minus20{
    padding-right: 20px;
}

.grid100important{width: 100% !important;}

.grid_container_even>div:nth-child(odd) { padding-right: 10px; clear: left;}
.grid_container_even>div:nth-child(even) { padding-left: 10px; }

.grid_container_third>div{ padding-right: 10px; }
.grid_container_third>div:nth-child(3n+2) { padding-left: 10px;}
.grid_container_third>div:nth-child(3n+3){ padding: 0 0 0 10px;}


/** vertical offset (margin-bottom) **/
.vo1{margin-bottom: 1%;}
.vo2{margin-bottom: 2%;}
.vo3{margin-bottom: 3%;}
.vo4{margin-bottom: 4%;}
.vo5{ margin-bottom: 5%;}
.vo10{ margin-bottom: 10%;}
.vo15{ margin-bottom: 15%;}
.vo20{ margin-bottom: 20%;}
.vo25{ margin-bottom: 25%;}
.vo30{ margin-bottom: 30%;}
.vo35{margin-bottom: 35%;}
.vo40{ margin-bottom: 40%;}
.vo50{ margin-bottom: 50%;}
.vo60{ margin-bottom: 60%;}
.vo70{ margin-bottom: 70%;}
.vo80{margin-bottom: 80%;}
.vo90{ margin-bottom: 90%;}
.vo100{margin-bottom: 100%;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}

.mb1{margin-bottom: 1px;}
.mb2{margin-bottom: 2px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb12{margin-bottom: 12px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}

.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}

.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}



/** horizontal offset (margin-left) **/
.ho1{margin-left: 1%;}
.ho2{margin-left: 2%;}
.ho3{margin-left: 3%;}
.ho4{margin-left: 4%;}
.ho5{ margin-left: 5%;}
.ho10{ margin-left: 10%;}
.ho15{ margin-left: 15%;}
.ho20{ margin-left: 20%;}
.ho25{ margin-left: 25%;}
.ho30{ margin-left: 30%;}
.ho35{margin-left: 35%;}
.ho40{ margin-left: 40%;}
.ho50{ margin-left: 50%;}
.ho60{ margin-left: 60%;}
.ho70{ margin-left: 70%;}
.ho80{margin-left: 80%;}
.ho90{ margin-left: 90%;}
.ho100{margin-left: 100%;}



/** text-align **/
.al_left{ text-align: left;}
.al_right{text-align: right;}
.al_center{text-align: center;}

.val_top{vertical-align: top;}
.val_middle{vertical-align: middle;}



/**float **/
.f_left{float: left;}
.f_right{float: right;}
.float_container{overflow: hidden;}
.break{clear: both;}
.break.right{clear: right;}



/** box model **/
.border_box{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}



/** word break **/
.break_word{
    /*word-wrap: break-word !important;
    word-break: break-all !important;
    -moz-hyphens: auto !important;
    hyphens: auto !important;
    white-space: pre-wrap; /* css-3 *
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 *
    white-space: -pre-wrap; /* Opera 4-6 *
    white-space: -o-pre-wrap; /* Opera 7 */
}



/** center **/

.center_rel{
    position: relative;
    margin-right: auto;
    margin-left: auto;
}


/** style annihilation **/
.nometrics{
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
.nomargin{ margin: 0 !important;}
.nopadding{ padding: 0 !important;}
.noborder{ border: 0 !important;}
.nofloat{ float: none !important;}
.nodeco{ text-decoration: none !important; list-style: none !important;}
.nostyle,
.nostyle li{ list-style: none; list-style-type: none; }
.nomargintop{ margin-top: 0;}

.noselect{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.p10{padding: 10px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}

.p20{padding: 20px;}
.pl20{padding-left: 20px;}
.pr20{padding-right: 20px;}
.pt20{padding-top: 20px;}
.pb20{padding-bottom: 20px;}

.mr10{margin-right: 10px;}

/** miscellaneous **/

.invisible{ visibility: hidden;}

.hidden, .hide{ display: none;}
.hiddenExcl{ display: none !important;}

.inline_list li,
.inline
{ display: inline;}

.inline_block{ display: inline-block;}
.block{display: block;}

.inline_box{
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}


.pos_abs{ position: absolute;}
.pos_rel{ position: relative;}


.gradient{
    filter: none;
}

.normal{font-weight: normal;}
.bold{font-weight: bold;}
.semi_bold{font-weight: 600;}
.italic{font-style: italic;}
.centered,
.k-grid-header th.k-header.centered{
	text-align: center;
}

input{
    text-overflow: clip !important;
}


.image_adapt_width img{
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 100%;
}

.left_fix{
    right: 2px;
}

.top_position_fix{
    bottom: 3px;
}

.nowrap{white-space: nowrap !important;}

.nominheight{min-height: 0 !important;}

/* Servermanager */
div#grid.hasDetail {
    min-height: 0;
}

div#grid.hasDetail .k-grid-content {
    height: auto !important;
}