/* Margins */
.x0, .x0:hover, .x0:active, .x0:focus {margin-bottom:0 !important}
.x1, .x1:hover, .x1:active, .x1:focus {margin-bottom:10px !important}
.x2, .x2:hover, .x2:active, .x2:focus {margin-bottom:20px !important}
.x3, .x3:hover, .x3:active, .x3:focus {margin-bottom:30px !important}
.x4, .x4:hover, .x4:active, .x4:focus {margin-bottom:40px !important}
.x5, .x5:hover, .x5:active, .x5:focus {margin-bottom:50px !important}

.x0-top, .x0-top:hover, .x0-top:active, .x0-top:focus {margin-top:0 !important}
.x1-top, .x1-top:hover, .x1-top:active, .x1-top:focus {margin-top:10px !important}
.x2-top, .x2-top:hover, .x2-top:active, .x2-top:focus {margin-top:20px !important}
.x3-top, .x3-top:hover, .x3-top:active, .x3-top:focus {margin-top:30px !important}
.x4-top, .x4-top:hover, .x4-top:active, .x4-top:focus {margin-top:40px !important}
.x5-top, .x5-top:hover, .x5-top:active, .x5-top:focus {margin-top:50px !important}

.x0-right, .x0-right:hover, .x0-right:active, .x0-right:focus {margin-right:0 !important}
.x1-right, .x1-right:hover, .x1-right:active, .x1-right:focus {margin-right:10px !important}
.x2-right, .x2-right:hover, .x2-right:active, .x2-right:focus {margin-right:20px !important}
.x3-right, .x3-right:hover, .x3-right:active, .x3-right:focus {margin-right:30px !important}
.x4-right, .x4-right:hover, .x4-right:active, .x4-right:focus {margin-right:40px !important}
.x5-right, .x5-right:hover, .x5-right:active, .x5-right:focus {margin-right:50px !important}

.x0-left, .x0-left:hover, .x0-left:active, .x0-left:focus {margin-left:0 !important}
.x1-left, .x1-left:hover, .x1-left:active, .x1-left:focus {margin-left:10px !important}
.x2-left, .x2-left:hover, .x2-left:active, .x2-left:focus {margin-left:20px !important}
.x3-left, .x3-left:hover, .x3-left:active, .x3-left:focus {margin-left:30px !important}
.x4-left, .x4-left:hover, .x4-left:active, .x4-left:focus {margin-left:40px !important}
.x5-left, .x5-left:hover, .x5-left:active, .x5-left:focus {margin-left:50px !important}

/* Paddings */

.p0, .p0:hover, .p0:active, .p0:focus {padding-bottom:0 !important}
.p1, .p1:hover, .p1:active, .p1:focus {padding-bottom:10px !important}
.p2, .p2:hover, .p2:active, .p2:focus {padding-bottom:20px !important}
.p3, .p3:hover, .p3:active, .p3:focus {padding-bottom:30px !important}
.p4, .p4:hover, .p4:active, .p4:focus {padding-bottom:40px !important}
.p5, .p5:hover, .p5:active, .p5:focus {padding-bottom:50px !important}

.p0-top, .p0-top:hover, .p0-top:active, .p0-top:focus {padding-top:0 !important}
.p1-top, .p1-top:hover, .p1-top:active, .p1-top:focus {padding-top:10px !important}
.p2-top, .p2-top:hover, .p2-top:active, .p2-top:focus {padding-top:20px !important}
.p3-top, .p3-top:hover, .p3-top:active, .p3-top:focus {padding-top:30px !important}
.p4-top, .p4-top:hover, .p4-top:active, .p2-top:focus {padding-top:40px !important}
.p5-top, .p5-top:hover, .p5-top:active, .p5-top:focus {padding-top:50px !important}

.p0-left, .p0-left:hover, .p0-left:active, .p0-left:focus {padding-left:0 !important}
.p1-left, .p1-left:hover, .p1-left:active, .p1-left:focus {padding-left:10px !important}
.p2-left, .p2-left:hover, .p2-left:active, .p2-left:focus {padding-left:20px !important}
.p3-left {padding-left:30px !important}
.p4-left {padding-left:40px !important}
.p5-left {padding-left:50px !important}

.p0-right {padding-right:0 !important}
.p1-right {padding-right:10px !important}
.p2-right {padding-right:20px !important}
.p3-right {padding-right:30px !important}
.p4-right {padding-right:40px !important}
.p5-right {padding-right:50px !important}

.no-padding {padding:0 !important}

.separator-line {
	margin:20px 0;
	padding-top:30px;
	border-top:1px solid #E1E1E1;
}

.credential-inputs .k-picker-wrap {
	padding-right:0;
}

#tabstrip-main.wizard .singlePanel.no-border-top {border-top:0 !important}

/* Positions */
.relative {position:relative !important}
.absolute {position:absolute !important}
.static {position:static !important}

.uppercase {text-transform:uppercase;}

.b-transparent {
    background-color:transparent !important;
}

/* Displays */
.block {display: block !important}
.inline {display:inline !important}
.inline-block {display:inline-block !important}

/* Width and Height */
.fullwidth {width:100% !important}
.fullheight {height:100% !important}

/* Font */
.weight-normal {font-weight: normal !important}
.weight-bold {font-weight: bold !important}

.font-medium-size {font-size:18px}

/* Cursors */
.pointer {cursor:pointer !important}
.default {cursor:default !important}

/* Misc */
.whitespace-normal.k-grid td {white-space:normal !important}

.whitespace-normal.k-grid td p.click-to-edit {
	color:#777777; 
	font-size:13px;
	cursor:pointer;
}

.whitespace-normal.k-grid td p.click-to-edit:hover {
	color:#3498db; 
}

.fullscreen-grid-controls.absolute-position {
	position: absolute;
	right: 40px;
	margin: 0 !important;
	top: 95px;
	z-index: 99;
}

.fullscreen-grid-controls.absolute-position.disclaimer {
	top: 120px;
}

.fullscreen-grid-controls.absolute-position .fullscreen-cta.active {
	top: -60px;
    position: relative;
}

.fullscreen-grid-controls.absolute-position.disclaimer .fullscreen-cta.active {
	top: -85px;
}

.fullscreen-grid-controls .fullscreen-cta {
	width:36px;
	height:36px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 36px 36px;
	background-image:url(../../../../images//fullscreen-button.jpg);
}

.fullscreen-grid-controls .fullscreen-cta.active {
	background-image:url(../../../../images//fullscreen-button-out.jpg);
}

.fullscreen-grid-mode {
	max-width:100% !important;
	width:100% !important;
	padding: 0 20px !important;
}

.border-bottom-line {
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #DEDEDE;
}
.border-bottom-line:last-child {
	padding-bottom:0;
	margin-bottom:30px;
	border-bottom: 0;
}

.modal-divider {
	display:block; 
	margin:10px 0 20px 0; 
	height:1px; 
	background-color:#CCCCCC;
	width:100%;
}

.font-large {
  font-size:16px;
}

.no-record {
    color:#888888;
    font-size:22px;
    line-height:22px;
    cursor:default;
}

.rounded-image {
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%; 
}

.no-border-radius {
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0; 
}

.vertical-top {
    vertical-align:top !important;
}

/* Colors */
.green {color:#6db950 !important}
.blue {color:#3498db !important}
.red {color:#e74c3c !important}
.gray {color:#999999 !important}
.black, label span.black {color:#000000 !important}

.gray-box {
    padding: 20px;
    background-color: #F1F1F1;
}

.gray-box p.details {
    height: 18px;
    font-size:16px;
    word-break:break-all;
}

@keyframes pulse {
  0% {
        right:-150px;
  }
  50% {
        right:-10px;
  }

  100% {
        right:-150px;
  }
}