/* Minification failed. Returning unminified contents.
(4232,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0'
(4351,1): run-time error CSS1036: Expected expression, found '}'
 */
/* ----------------------------------------------	
	 -----------------Site Dialogue ---------------
	 ----------------------------------------------
	*/
/*
#btnDialogWindowLink,
#btnDialogWindowOK,
#btnDialogWindowYes,
#btnDialogWindowNo,
#btnDialogWindowCancel,
#btnDialogWindowIgnore {
    margin: 7px;
    width: 90px;
    padding: 1px;
}
*/
/*.sp-dialogIcon {  
    background-image: url(../Images/sprites.png);    float: left;    width: 60px;    height: 60px;    padding-right:5px;    vertical-align:top;
}*/


.sp-button > img {
    vertical-align: middle;
}

.sp-icon {
    margin: 0 4px 0 -3px;
    padding-bottom: 3px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -3333px;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
}

.sp-bottom-button {
    width: 80px;
    margin: 15px;
}

.sp-question-icon, .sp-password-icon, .sp-warning-icon, .sp-error-icon, .sp-info-icon {
    background-image: url(../Images/sprites.png);
    width: 48px;
    height: 48px;
}

.sp-question-icon {
    background-position: -48px -18px;
}

.sp-password-icon {
    background-position: -51px -68px;
}

.sp-warning-icon {
    background-position: 0 -66px;
}

.sp-error-icon {
    background-position: -95px -18px;
}

.sp-info-icon {
    background-position: 0 -18px;
}


/*Use http://spritepad.wearekiss.com/ to edit sprites.png, easy to use.*/ 
.sp-add-icon,.sp-edit-icon, .sp-save-icon, .sp-delete-icon, .sp-refresh-icon, .sp-table-select-column-icon, .sp-save-settings-icon, .sp-lock-icon,
.sp-noaccess-icon, .sp-user-icon, .sp-printer-icon, .sp-transparent-icon {
    background-image: url(../Images/sprites.png);
    width: 16px;
    height: 16px;
}

.sp-add-icon {
    background-position: -89px 0;
}

.sp-edit-icon {
    background-position: -144px -38px;
}

.sp-save-icon {
    background-position: 0px 0px;
}

.sp-delete-icon {
    background-position: -36px 0;
}

.sp-refresh-icon {
    background-position: -53px 0;
}

.sp-table-select-column-icon {
    background-position: -70px 0;
}

.sp-save-settings-icon {
    background-position: -18px 0;
}

.sp-lock-icon {
    background-position: -127px 0;
}

.sp-noaccess-icon {
    background-position: -109px 0;
}

.sp-printer-icon {
    background-position: -143px -18px;
}

.sp-user-icon {
    background-position: -144px 0;
}

.sp-transparent-icon {
    background-position: -38px -63px;
}

.sp-toolbar-button {
    border: none !important;
    margin: 0px !important;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    padding-top: 0px;
    color: black;
}

.sp-toolbar-label {
    color: black;
    vertical-align: middle;
}

/* ----------------------------------------------	
	 -----------------Busy Indicator---------------
	 ----------------------------------------------
	*/
#fixedBusyIndicator{
    color:white;
    height: 100%;
    margin: 0px;
    position: fixed;
    text-align:center;
    width: 100%;
    z-index: 2147483646;
}

#animationWrapper{
    background:rgba(64,65,66,0.7);
    left: 0;
    height: 50px;
    position: fixed;
    top: 0;
    width: 100%;
}
    #fixedBusyIndicator img{
		float:left;
		margin-left:35%;
        margin-top: 7px;
    }

#isBusyContentText{
    float: left;
	margin-left:10px;
    margin-top: 12px;
}

#fixedBusyIndicator-overlay{
    background-color: #000000;
    bottom:0;
    display:none;
    left:0;
    right:0;
    height: 100%;
    margin: 0px;
    opacity: 0.5;
    position: fixed;
    top:50px;
    width: 100%;
    z-index: 2147483646;
}

#loading-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0px;
    background-color: #000;
    opacity: 0.5;
    z-index: 2147483646;
}

#loading-message {
    position: absolute;
    color: black;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background-color: whitesmoke;
    text-align: center;
    font-size: 1.2em;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -50px;
    border-style: solid;
    border-color: navy;
    border-width: 2px;
    border-radius: 10px;
    box-shadow: 5px 5px 15px gray;
    z-index: 2147483647;
}


.toast-title
{
    font-weight: bold;
}

.toast-message
{
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .toast-message a,
    .toast-message label
    {
        color: #FFF;
    }

        .toast-message a:hover
        {
            color: #CCC;
            text-decoration: none;
        }

.toast-top-left
{
    left: 12px;
    top: 12px;
}

.toast-bottom-right
{
    bottom: 12px;
    right: 12px;
}

.toast-bottom-left
{
    bottom: 12px;
    left: 12px;
}

#toast-container
{
    position: fixed;
    z-index: 9999;
}

#uploading,
.busyIndicator
{
    position: fixed;
    z-index: 9999;
}
    .busyIndicator > svg
    {
        display:block;
        margin:auto;
    } 
   #toast-container > div
    {
        background-position: 15px center;
        background-repeat: no-repeat;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        -moz-box-shadow: 0 0 12px #999999;
        -webkit-box-shadow: 0 0 12px #999999;
        box-shadow: 0 0 12px #999999;
        color: #FFFFFF;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        margin: 0 0 6px;
        -moz-opacity: 0.8;
        opacity: 0.8;
        padding: 15px 15px 15px 50px;
        width: 300px;
    }

        #uploading > div
    {
        background-position: 15px center;
        background-repeat: no-repeat;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        -moz-box-shadow: 0 0 12px #999999;
        -webkit-box-shadow: 0 0 12px #999999;
        box-shadow: 0 0 12px #999999;
        color: #FFFFFF;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        margin: 0 0 6px;
        -moz-opacity: 0.8;
        opacity: 0.8;
        padding: 15px 15px 15px 50px;
        width: 300px;
    }

.toast
{
    background-color: #030303;
    z-index:999999;
}

.toast-success
{
    background-color: #51A351;
}

.toast-error
{
    background-color: #BD362F;
}

.toast-info
{
    background-color: #2F96B4;
}

.toast-warning
{
    background-color: #F89406;
}

.toast-top-right
{
    right: 12px;
    top: 12px;
}

#toast-container > :hover
{
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

#toast-container > .toast-info
{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error
{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success
{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning
{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

/*
#uploading > :hover
{
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
*/

#uploading > .toast-info
{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
/*Responsive Design*/

@media all and (max-width: 240px)
{
    #toast-container > div
    {
        padding: 8px 8px 8px 50px;
        width: 108px;
    }
}

@media all and (min-width: 241px) and (max-width: 320px)
{
    #toast-container > div
    {
        padding: 8px 8px 8px 50px;
        width: 128px;
    }
}

@media all and (min-width: 321px) and (max-width: 480px)
{
    #toast-container > div
    {
        padding: 8px 8px 8px 50px;
        width: 192px;
    }
}

@media all and (min-width: 481px) and (max-width: 768px)
{
    #toast-container > div
    {
        padding: 15px 15px 15px 50px;
        width: 300px;
    }
}

@media all and (min-width: 769px)
{
    #toast-container > div
    {
        padding: 15px 15px 15px 50px;
        width: 300px;
    }
}


/* Prototype loading animation that do NOT involve loading a lot of images.*/
/*.busyIndicator
{
    position: fixed;
    z-index: 9999;
    height:100px;
    width:160px;
    background-color: white;
}

.busyIndicator.centered
{
    margin-left:-80px;
    margin-top:-50px;
    top:50%;
    left:50%;
}*/
html, body {
    border: 0;
    padding: 0;
    margin-top: 0;
    /*margin-bottom: 50px;*/
    /*min-height: 600px;*/
    /*
    -moz-user-select: none;
    -webkit-user-select: none;
	-khtml-user-select: none;
	*/
}

body {
	/*
    background-image: url("../../Images/globe-bkg.png");
	background-attachment:fixed;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 50%;
    font-size: 12px;
    font-family: 'Trebuchet MS', sans-serif;
    */
    /*
    position: absolute;
    height: 100%;
    width: 100%;
    */
/*
	background-size: 1400px;
    background-image: url("../../Images/globe-bkg.png");
    background-size: 50%;
    background-position: bottom right;
	background-repeat: no-repeat;
*/
	font-family: 'Trebuchet MS', sans-serif;
	font-family: "Arial",arial,sans-serif;
	font-size: 14px;
	margin: 0;
	/*min-height: 884px;*/
	padding: 0;
}

.customBackground{
    background-color: #ffffff;
    background-position: top center;
    background-size: 100%;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.4;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1;

}

button:focus {outline:0;}
input[type=button]:focus {outline:0;}
input[type=submit]:focus {outline:0;}

.isloadingPagingHelper{
    position: fixed;
    left:10px;
    bottom: 60px;
    z-index:55;
}
    .blackAqua {
        width: 50px;
        height: 30px;
        background: #f5f2f2;
        border: 2px solid #666666 !important;
        border-color: white;
        font: 600 12px/1 Lucida Sans, Verdana, sans-serif;
        color: #fff;
        text-shadow: #424242 1px 2px 2px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px;
        box-shadow:0 10px 16px #afa8a8, inset 0 -8px 12px 0 #484343, inset 0 -8px 0 8px #0c0c0c, inset 0 -35px 15px -10px #5a5353;
        -moz-box-shadow: 0 10px 16px #afa8a8, inset 0 -8px 12px 0 #484343, inset 0 -8px 0 8px #0c0c0c, inset 0 -35px 15px -10px #5a5353;
        -webkit-box-shadow: 0 10px 16px #afa8a8, inset 0 -8px 12px 0 #484343, inset 0 -8px 0 8px #0c0c0c, inset 0 -35px 15px -10px #5a5353;
        -webkit-appearance: none;
    }
    .blackAqua:hover {
        text-shadow: rgb(255, 255, 255) 0px 0px 5px;
    }
    .blueAqua {
    width: 80px;
    height: 30px;
    background: #cde;
    border: 2px solid #ccc;
    border-color: #8ba2c1 #5890bf #4f93ca #768fa5;
    font: 600 10px/1 Lucida Sans, Verdana, sans-serif;
    color: #fff;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px;
    box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
    -moz-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
    -webkit-box-shadow: 0 0 0 rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
    -webkit-appearance: none;
}
.blueAqua:hover {
    text-shadow: rgb(255, 255, 255) 0px 0px 5px;
}
@media all and (min-width: 661px) {
	.body{
		font-size: 18pt;
    }
}
@media all and (min-width: 1261px) {
	.body{
		font-size: 12pt;
    }
}

a:link{
	color: #333;
	text-decoration: none;
}

a img{
	border: none;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

img{
	-moz-user-select: none; /* These user-select properties are inheritable, used to prevent text selection */
	-webkit-user-select: none;
	-ms-user-select: none; /* From IE10 only */
	user-select: none; /* Not valid CSS yet, as of July 2012 */

	-webkit-user-drag: none; /* Prevents dragging of images/divs etc */
	user-drag: none;
}

.k-upload-status{
	color: #424242;
}

#fileUploadPlace{
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 40px;
	z-index: -1;
}

#fileUploadPlace .k-dropzone {
	background: rgba(255,255,255,0);
	/*border: 5px dashed #cccccc;*/
	bottom: 0;
	color: #424242;
    min-height:30px;
    margin: 5px 0px 10px 0;
    left: 0;
    padding: .8em 4%;
    position: absolute;
    right: 0;
    top: 0;
}
#fileUploadPlace .k-dropzone:after{
	/*
	content: "Click to select a file or drag and drop a file here to upload";
	line-height: 2em;
	margin: 23px -18px;
	*/
}

#fileUploadPlace .k-dropzone-active, .k-dropzone-hovered{
	color: #424242;
    background-color:#E0E0E0;
}

.k-upload-status .k-upload-status-total {
	/**background-color: #0044cc;*/
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: rgba(255, 255, 255, 1);
	text-align: center;


	position: relative;
	padding: 5px 5px;
}

.k-button{
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #4AAECC;
	/**background-color: #0044cc;*/
	background-image: -moz-linear-gradient(top, #4AAECC, #0088CC);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4AAECC), to(#0088CC));
	background-image: -webkit-linear-gradient(top, #4AAECC, #0088CC);
	background-image: -o-linear-gradient(top, #4AAECC, #0088CC);
	background-image: linear-gradient(to bottom, #4AAECC, #0088CC);
	background-repeat: repeat-x;
	border-color: #0088CC;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4AAECC', endColorstr='#0088CC', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	font-size: 1.2em;
	color: rgba(255, 255, 255, 1);
	cursor: pointer;
	text-align: center;
}

 #uploadBox .k-button{
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0088cc;
	/**background-color: #0088cc;*/
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: rgba(255, 255, 255, 1);
	text-align: center;
    width:100px;
}


.k-block,
.k-widget,
.k-inline-block,
.k-textbox > input,
.k-input[type="text"],
.k-input[type="number"],
.k-textbox,
.k-picker-wrap .k-input,
.k-button,
.k-draghandle {
  /*font-size: 100%;*/
  font-family: inherit;
  border-style: none;
  border-width: 0;
  -webkit-appearance: none;
}

.k-upload__{
	/**background-color: #ffffff;*/
	background-image: -moz-linear-gradient(top, #ffffff, #e7e7e7);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e7e7e7));
	background-image: -webkit-linear-gradient(top, #ffffff, #e7e7e7);
	background-image: -o-linear-gradient(top, #ffffff, #e7e7e7);
	background-image: linear-gradient(to bottom, #ffffff, #e7e7e7);
	background-repeat: repeat-x;
	border-color: #e7e7e7 #e7e7e7 #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: rgba(0,0,0, 1);
}

.k-upload-status .k-button, .k-upload-status .k-warning{
	/**background-color: #0044cc;*/
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: rgba(255, 255, 255, 1);
	text-align: center;
}
.k-editable-area .k-editor iframe.k-content{
	background: yellow;
	margin: 55px 0 0 0;
}
.k-editor .k-editable-area{
	/*height: 125px;*/
}
.k-editor-toolbar .k-tool-icon{
	background-image: url('/Content/BlueOpal/sprite.png');
}
 #uploadBox .k-upload-files{
	background: #21C428;
}
.k-button-group .k-tool{
	background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
	border: 1px solid #cccccc;
	border-radius: 3px;
}
.k-button-group .k-tool:hover{
	background: #cccccc;
}

div.k-window{
	background: #ffffff;
}
/* Styles overwrite for Toastr */
.toast-title
{
    font-weight: normal;
}

.toast-top-left
{
    left: 5px;
    top: 5px;
}

.toast-bottom-right
{
    bottom: 5px;
    right: 5px;
}

.toast-bottom-left
{
    bottom: 5px;
    left: 5px;
}

#toast-container
{
    position: fixed;
    z-index: 200000!important;
}

.loadingAnimationPiece{
	position: absolute;
	display: none;
}

.content-wrapper{
	height: 100%;
}

#globeBackground{
	bottom: 0;
	position: fixed;
	right: 0;
	width: 50%
}

#uploading,
.busyIndicator{
	/**background-color: #ffffff;*/
	background-image: -moz-linear-gradient(top, #ffffff, #e7e7e7);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e7e7e7));
	background-image: -webkit-linear-gradient(top, #ffffff, #e7e7e7);
	background-image: -o-linear-gradient(top, #ffffff, #e7e7e7);
	background-image: linear-gradient(to bottom, #ffffff, #e7e7e7);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border-radius: 5px;

	color: #424242;
	font-weight: bold;
	height: 100px;
	left: 50%;
	margin-left: -80px;
	margin-top: -50px;
    position: fixed;
    top: 50%;
    width: 160px;
    z-index: 11000;
}
    .busyIndicator > svg
    {
        display:block;
        margin:auto;
    }
    #toast-container > div
    {
        background-position: 15px center;
        background-repeat: no-repeat;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        -moz-box-shadow: 3px 3px 3pxpx #999999;
        -webkit-box-shadow: 0 0 5px #999999;
        box-shadow: 0 0 5px #999999;
        color: #FFFFFF;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=100);
        margin: 0 0 6px;
        -moz-opacity: 1;
        opacity: 1;
        padding: 25px 15px 25px 50px;
        /*text-shadow: ; Do not leave it like this else the bundle wont work, commenting out*/
       /* text-shadow:0.05em 0.05em 0.01em #cccccc;*/
        width: 350px;
    }

        #uploading> div
    {
        background-position: 15px center;
        background-repeat: no-repeat;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        -moz-box-shadow: 3px 3px 3pxpx #999999;
        -webkit-box-shadow: 0 0 5px #999999;
        box-shadow:none;
        color: #FFFFFF;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=100);
        margin: 10px 40px;
        -moz-opacity: 1;
        opacity: 1;
        padding: 0;
        /*text-shadow: ; Do not leave it like this else the bundle wont work, commenting out*/
        text-shadow:0.05em 0.05em 0.01em #cccccc;
        width: 100px;
    }

#toast-container > div.toast-warning,
#toast-container > div.toast-success {
    color: black;
}

.toast
{
    background-color: rgba(48,60,66,0.8);
}

.toast-success
{
    background-color: rgba(134, 209, 63, 0.8);
}

.toast-error
{
    background-color: rgba(230, 29, 37, 0.8);
}

.toast-info
{
    background-color: rgba(29, 38, 38, 0.8);
}

.toast-warning
{
    background-color: rgba(230, 201, 73, 0.8);

}

.toast-top-right
{
    right: 5px;
    top: 5px;
}

#toast-container > :hover
{
    -moz-box-shadow: 2px 2px 3px #000000;
    -webkit-box-shadow: 2px 2px 3px #000000;
    box-shadow: none;
}

#uploading > :hover
{
    -moz-box-shadow: 2px 2px 3px #000000;
    -webkit-box-shadow: 2px 2px 3px #000000;
    box-shadow: 2px 2px 3px #000000;
}

/* End of Toastr Style Overwrite */

/************************************************************************
start of styles for Global Bar
************************************************************************/
#backArrowIphone, #iphoneMenuGroupingButton, #iphoneMenuGrouping{
	display: none;
}
#avatarSection{
	cursor: pointer;
	float: left;
	font-size: 0.9em;
	line-height: 37px;
	position: relative;
	margin: 3px 0 0 10px;
}
	#avatarSection img{
		float: left;
		margin-right: 10px;
	}
	#avatarSection span{
		margin-left: 10px;
		text-shadow:0.1em 0.1em 0em #333333;
	}
.minAvatarWidth{
	width: 125px;
}
.avatarPicture{
 	background-position:center;
 	background-size:35px auto;
 	background-repeat: no-repeat;
 	float:left;
 	height:35px;
 	overflow:hidden;
 	width:35px;
 }
/*
button {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border: none;
	color: rgba(255, 255, 255, 1);
	cursor: pointer;
	float: left;
	line-height: 24px;
	margin: 2px 0 0 20px;
}
*/
button {
	color: #ffffff;
	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
	background-color: #4AAECC;
	/**background-color: #0044cc;*/
	background-image: -moz-linear-gradient(top, #4AAECC, #0088CC);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4AAECC), to(#0088CC));
	background-image: -webkit-linear-gradient(top, #4AAECC, #0088CC);
	background-image: -o-linear-gradient(top, #4AAECC, #0088CC);
	background-image: linear-gradient(to bottom, #4AAECC, #0088CC);
	background-repeat: repeat-x;
	border-color: #0088CC;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4AAECC', endColorstr='#0088CC', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border: 1px solid #889499 !important;
	color: rgba(255, 255, 255, 1);
	cursor: pointer;
	float: left;
	line-height: 24px;
	margin: 2px 0 0 20px;
	min-width: 60px;
}

#openUploadBox{
	/*
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #006dcc;
	/**background-color: #0044cc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border: none;
	border-radius: 3px;
	color: rgba(255, 255, 255, 1);
	float: left;
	line-height: 24px;
	margin: 2px 0 0 20px;
	*/
}

#menuDescriptionList{
	display: none;
}

#closeUploadWindow,#closefileUploadBox{
	cursor: pointer;
	height: 15px;
	position: absolute;
	right: 15px;
}

.uploadBoxHeader{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
	padding: 10px 1%;
}
.uploadFileIcon{
	background-color: #666666;
	/**background-color: #666666;*/
	background-image: -moz-linear-gradient(top, #666666, #000000);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#000000));
	background-image: -webkit-linear-gradient(top, #666666, #000000);
	background-image: -o-linear-gradient(top, #666666, #000000);
	background-image: linear-gradient(to bottom, #666666, #000000);
	background-repeat: repeat-x;
	border-radius: 5px;
	float: left;
	height: 25px;
	margin-right: 5px;
	padding: 7px;
}
.companyName{
	float: left;
	font-size: 0.9em;
	line-height: 37px;
	margin-top: 3px;
}
.companyName span{
	margin-left: 20px;
	text-shadow:0.1em 0.1em 0em #333333;
}
	.companyName a:link, .companyName a:visited{
		color: #ffffff;
	}

#dealList{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.dealListItem {
    width: 100%;
    border-bottom: 1px solid #bbbcbf;
    padding: 5px 10px;
}
	.dealListItem:hover {
	    background: #EEEEEE;
	}

#showFavoritesToggle, #showChatsToggle{
	display: none;
}

#deleteAllFavoritesButton{
	cursor: pointer;
	display: none;
	margin-left: 3px;
	text-decoration: underline;
}
	#deleteAllFavoritesButton img{
		margin-right: 25px;
		vertical-align: middle;
	}

.deleteFavoriteItem{
	cursor: pointer;
	display: none;
	float: left;
	height: 17px;
	margin: 6px 0 0 0;
}

.editFavoritesButton{
	/*
	cursor: pointer;
	float: right;
	height: 30px;
	margin: -10px 20px 0 0;
	*/
}

#favouritesList{
	margin-left: 15px;
	margin-top: 20px;
	padding: 10px 0 0 0;
	position: absolute;
	min-height: 400px;
	position: fixed;
	right: 3px;
	top: 0px;
	width: 210px;
	z-index: 53;
	/*
	-webkit-columns: 100px 3;
    -moz-columns: 100px 3;
    columns: 100px 3;
    */
}



.topSearchBar .favouritesListView li{
	color: #014cbb;
    font-size:1em;
    display:table;
    position:relative;
	margin: 0;
    padding: 10px;
	width: 90%;
}

.middlePageSearchResults #favouritesList{
	width: 100%;
	/* +++++++++++++++++++++++++++++++++ */
	display: none;
	/* +++++++++++++++++++++++++++++++++ */
}

.middlePageSearchResults .favouritesListView li{
	color: #014cbb;
	float: left;
    font-size:1em;
    display:block;
	margin: 0 10px;
    padding: 10px 0 10px 10px;
	width: 20%;
}



#favouritesLabel{
	border-bottom: 1px solid #cccccc;
	color: rgba(0,0,0,0.6);
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}
.topPageSearchResults #favouritesLabel{
	padding-left: 47px;
	text-align: left;
}

#resultsSection{
	/*min-height: 600px;*/
}

.middlePageSearchResults #favouritesLabel{
	text-align: center;
}

#fileUploadSection{
	margin: -5px 0 0 -10px;
}

.globalBar {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #666666;
	/**background-color: #666666;*/
	background-image: -moz-linear-gradient(top, #666666, #000000);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#000000));
	background-image: -webkit-linear-gradient(top, #666666, #000000);
	background-image: -o-linear-gradient(top, #666666, #000000);
	background-image: linear-gradient(to bottom, #666666, #000000);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	bottom: -100px;
	color: #ffffff;
	height: 40px;
	left: 0;
	margin-left: 0;
	outline: 1px solid #000000;
	outline-offset:2px;
	position: fixed;
	right: 0;
	width: 100%;
	z-index: 55;
}

.globalHeading {
    float: left;
    color: #FFFFFF;
    vertical-align: middle;
    height: 50px;
    line-height: 50px;
    margin-left: 200px;
    font-size: 1.2em;
}
/*
.searchBarWrapper, .localSearchBarWrapper{
	float: right;
	margin: 0;
	width: 300px;
}
*/
#globalBarSearch {
    height: 17px;
	width: 30%;
	line-height: 15px;
}
	#globalBarSearch:focus{
		border: none;
	}

#globalMenuButton{
	float: left;
	height: 30px;
}
.globalPatientSearchResult {
	border-bottom: 1px solid #bbbcbf;
	color: #999999;
	display: block;
	font-size: 0.8em;
	padding: 10px 35px;
}

.globalPatientSearchResult:hover {
	background: #014cbb;
	background: -moz-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%); /* IE10+ */
	background: linear-gradient(to top, #014cbb 0%, #0375ee 50%, #058af5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#014cbb', endColorstr='#cccccc', GradientType=1 ); /* IE6-9 */
	color: #ffffff;
	cursor: pointer;
}

#homeIconPlusFavorites{
	border-radius: 8px;
	cursor: pointer;
	float: right;
	margin: 5px 5px 0 0;
	padding: 5px 5px 2px 5px;
}


#showFavoritesArrow{
	height: 15px;
	margin: 0 5px 0 0;
	padding: 4px 0 0 0;
	vertical-align: middle;
}
#showFavoritesArrow {
	height: 15px;
	margin: 0 5px 0 0;
	padding: 4px 0 0 0;
	vertical-align: middle;
}

#homeButton{
	float: right;
	height: 20px;
	padding: 0 0 0 10px;
}

#panel_search_icon{
	border: 1px solid #424142;
	border-radius: 8px;
	float: right;
	height: 20px;
	margin: 5px;
	padding: 3px 10px;
    float:right;
}
	#panel_search_icon:hover{
		border: 1px solid #ffffff;
        cursor: pointer;
	}

.leftCol, .rightCol {
    width: 50%;
    text-align: left;
    float: left;
}
	.listRow label {
	    float: left;
	}
.listRow .cell {
    float: left;
}
/*
.loginButtonOption:link{
	color: rgba(255, 255, 255, 1);
	font-size: 1em;
	line-height: 24px;
	padding: 3px 15px;
}
*/
.loginLink{
	cursor: pointer;
	float: right;
	/*margin: 15px 20px 0 0;*/
	text-align: right;
	width: 120px;
}

.loginButtonOption{
	color: #ffffff !important;
	/*
	display: inline-block;
	width: 50px;
	*/
	line-height: 23px;
	text-align: right;
}

.loginButtonSubmit{
    width: 80px;
    height: 34px;
    background: #cde;
    border: 2px solid #ccc;
    border-color: #8ba2c1 #5890bf #4f93ca #768fa5;
    font: 600 12px/1 Lucida Sans, Verdana, sans-serif;
    color: #fff;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px;
    box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
    -moz-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
    -webkit-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
    -webkit-appearance: none;
}
.loginButtonSubmit:hover {
    text-shadow: rgb(255, 255, 255) 0px 0px 5px;
}
.redButton{
	background-color: #cc0000;
	/**background-color: #cc0000;*/
	background-image: -moz-linear-gradient(top, #EA3D3D, #cc0000);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EA3D3D), to(#cc0000));
	background-image: -webkit-linear-gradient(top, #EA3D3D, #cc0000);
	background-image: -o-linear-gradient(top, #EA3D3D, #cc0000);
	background-image: linear-gradient(to bottom, #EA3D3D, #cc0000);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EA3D3D', endColorstr='#cc0000', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border:none;
	border-radius: 5px;
	color: #ffffff;
	cursor: pointer;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.topPageSearchResults .loginButtonOption{display: block;}
.centerSearchBar .loginButtonOption{display: none;}


.centerSearchBar #logoSymbol{
	float: left;
	height: 70px;
}

.centerSearchBar #logoName{
	height: 35px;
	margin: -5px 25px 0 0;
	position: absolute;
	right: 0;
}

.topSearchBar #logoSymbol{
	display: none;
	float: left;
	height: 37px;
}
.topSearchBar #logoName{
	display: none;
}

.loginLegend{
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 0;
}

#mainSearch {
    /*
    background-image:url(../Images/search_icon.png); This image does not exist
    font-size: 1em;
    width: calc(100%-175px);
    */
}
/*
#mainSearch2{
	border: 1px solid #000000 !important;
	height: 15px;
	width: 500px;
}
*/

#mainSearch2:focus{
	border:none;
	outline: none;
}
#menuButton_openClose, #menuButton_search {
	color: #ffffff;
	float: right;
	font-size: 0.7em;
	height: 50px;
	line-height: 50px;
	margin: 0;
}

.menuHeader {
	background: #5a5a5a;
	background: -moz-linear-gradient(left, #9ea8ae 0%, #a6afb6 50%, #9ea8ae 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9ea8ae), color-stop(50%, #a6afb6), color-stop(100%, #9ea8ae) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #9ea8ae 0%, #a6afb6 50%, #9ea8ae 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #9ea8ae 0%, #a6afb6 50%, #9ea8ae 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #9ea8ae 0%, #a6afb6 50%, #9ea8ae 100%); /* IE10+ */
	background: linear-gradient(to left, #9ea8ae 0%, #a6afb6 50%, #9ea8ae 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(     startColorstr='#9ea8ae', endColorstr='#cccccc', GradientType=1 ); /* IE6-9 */
	color: #ffffff;
	font-size: 1.5em;
	padding: 5px 10px;
	width: auto;
}

#menuWrapper {
	height: 95%;
	display: none;
	left: -1500px;
	position: fixed;
    bottom: 0px;
	top: 35px;
	width: 50%;
	z-index: 122;
    -webkit-overflow-scrolling: touch;
}

#menuLeftSection {
	float: left;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
}

#menuRightSection {
	background: #FFFFFF;
	float: left;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: 50%;
}

.menuLink {
	font-size: 1.5em;
    /*padding: 5px 10px;*/
}

.menuLink img {
    border: none;
}

.menuLink a {
	background: #e1e4e7;
	border-bottom: 1px solid #bbbcbf;
	color: #636363;
	display: block;
	padding: 10px 35px;
    /*padding: 5px 10px;*/
    text-decoration: none;
}

.menuLink a:hover {
	background: #014cbb;
	background: -moz-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%); /* IE10+ */
	background: linear-gradient(to top, #014cbb 0%, #0375ee 50%, #058af5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#014cbb', endColorstr='#cccccc', GradientType=1 ); /* IE6-9 */
	color: #ffffff;
}

.menuLink a img{
	/*height: 50px;*/
	vertical-align: middle;
}

.menuLinkSelected {
	background: #014cbb;
	background: -moz-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%); /* IE10+ */
	background: linear-gradient(to top, #014cbb 0%, #0375ee 50%, #058af5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#014cbb', endColorstr='#cccccc', GradientType=1 ); /* IE6-9 */
	border-bottom: 1px solid #bbbcbf;
	color: #ffffff;
	display: block;
	padding: 10px 35px;
}

#MarketingLinks {
    float: left;
    font-size: 1em;
    line-height: 37px;
    position: relative;
    margin: 0 0 0 40px;
    text-align: center;
    width: 100%
}


.footerSection{
	margin: 0 10px 0 10px;
}
@media only screen and (min-width: 661px) and (max-width: 1299px) {
	.footerSection{
		font-size: 0.7em;
		margin: 0 5px 0 5px;
	}
	.footerExtra{
		display: none;
	}
}
.middlePageSearchResults{
	margin-top: 10px;
	padding: 0 2%;
}

.topPageSearchResults{
	margin-top: 10px;
	padding: 0;
	position: relative;
}

.centerSearchBar .centerSlogan {
	color: rgba(0,0,0,0.5);
	font-size: 3em;
	margin-top: 45px;
	text-align: left;
 }

 .topSearchBar .centerSlogan {
 	display: none;
 	position: absolute;
 	top: 0;
 	right: 20px;
 	font-size: 0.7em;
 }

.centerSearchBar {
    margin: 200px auto 0 auto;
    padding: 10px 0 20px 0;
    position: relative;
    text-align: center;
    /*width: 640px;*/
    /*width: 845px;*/
    width: 570px;
    z-index: 5;
}
/*
@media only screen and (min-width: 661px) and (max-width: 1299px) {
	.centerSearchBar{
		width: 745px;
	}

	.centerSearchBar .searchBarWrapper{
		width: 375px !important;
	}
}
*/

	.centerSearchBar img{
		height: 91px;
	}

	.centerSearchBar span{
		width: 100%;
	}

    .centerSearchBar #searchInnerContainer {
    	clear: both;
        width: 100%;
        display: inline-block;
    }

    .centerSearchBar #searchInnerContainer input{
    	border: none;
		border-radius: 0;
		float: left;
    	font-size: 0.9em;
    	height: 27px;
    	text-indent: 0.5em;
    	width: 500px;
    }
    .centerSearchBar #searchInnerContainer input[type=text]:focus{
		outline: none !important;
	}

    .centerSearchBar #search_icon{
    	float: left;
		margin:37px 0 0 0;
		z-index:300;
		height:37px;
	}

	.centerSearchBar .search_icon{
    	float: left;
		margin:0 -2px 0 0;
		z-index:300;
		height:32px;
	}

	input [type="search"]{
		padding: 0;
	}
	#piLogoForChat{
		margin-top: 7px;
	}

  /* ++++++++++++++++++ */
  .topSearchBar {
  	/*background: #f6f6f6;*/
  	display: none;
  	height: 55px;
    left: 5px;
    margin: 0 0 0-5px;
    padding: 8px 0 0 10px;
    position: absolute;
    top: 35px;
    text-align: left;
    width: 100%;
    z-index: 5;
}
/*
	.topSearchBar img{
		float: left;
		height: 35px;
		margin-top:-5px;
	}
*/
    .topSearchBar #searchInnerContainer {
    	margin-left: 30px;
    	margin-top: 10px;
        /*width: 100%;*/
        display: inline-block;
    }

    .topSearchBar #searchInnerContainer input{
    	border: none;
		border-radius: 0;
		float: left;
    	font-size: 0.9em;
    	height: 23px;
    	margin: 3px 0 0 0;
    	text-indent: 0.5em;
    	width: 500px;
    }
    .topSearchBar #searchInnerContainer input[type=text]:focus{
		outline: none !important;
	}

    .topSearchBar #search_icon{
    	cursor: pointer;
    	float: left;
    	height: 32px;
    	margin: -1px 5px 0 0;
		z-index:300;
	}
	.topSearchBar .search_icon{
		float: right;
		height: 32px;
		margin: 0 2px 0 0;
	}
	.topSearchBar .search_icon:first-child{
		margin: 0 -2px 0 0;
	}

	.search_icon{
		cursor: pointer;
		float: right;
		height: 20px;
		margin: 4px 3px 0 3px;
		opacity: 0.7;
		/*position: fixed;*/
	}
	.search_icon:hover{
		opacity: 1;
	}
	.notDefaultSearchOprion{
		opacity: 0.6;
	}
.search_icon_logedOut{
	/*margin-right: 5px !important;*/
}
	#searchPrivacyDropDown{
		background: #424242;
		border-radius: 5px;
		float: left;
		height: 25px;
		padding-right: 10px;
	}
	#dropProvacyDownArrow{
		border-left: 1px solid #f2f2f2;
		cursor: pointer;
		padding: 5px 0 5px 10px;
		width: 15px;
	}
/*
	.searchBarWrapper #multiSearchButonArea{
		float: left;
	}
*/
/*
	#activeMultiSearchButonArea{
		bottom: 0px;
		height: 30px;
		position: fixed;
		right: 20%;
		width: 220px;
	}
*/
	#multiSearchButonArea, #activeMultiSearchButonArea{
		float: right;
		margin-bottom: 2px;
		margin-top: 2px;
		margin-right: 5px;
	}
	/*
	@media only screen and (min-width: 661px) and (max-width: 1299px) {
		#multiSearchButonArea{
			width: 100px;
		}
	}
	*/
	#privacyOptions{
		border: 1px solid #cccccc;
		border-radius: 5px;
		display: none;
		left: 500px;
		position: absolute;
		top: 55px;
		width: 250px;
		z-index: 5;
	}
	#privacyOptions div{
		border-bottom: 1px solid #cccccc;
		cursor: pointer;
		min-height: 25px;
		padding:3px;
	}
	#privacyOptions div:hover{
		background: #f2f2f2;
	}
	#privacyOptions img{
		float: left;
		margin-right: 10px;
		vertical-align: middle;
	}
	#privacyOptions span{
		font-size: 0.7em;
	}
	.topSearchBar span{
		width: 100%;
	}

/* +++++++++++++++++ */

.grayButton{
	/**background-color: #ffffff;*/
	background-image: -moz-linear-gradient(top, #ffffff, #e7e7e7);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e7e7e7));
	background-image: -webkit-linear-gradient(top, #ffffff, #e7e7e7);
	background-image: -o-linear-gradient(top, #ffffff, #e7e7e7);
	background-image: linear-gradient(to bottom, #ffffff, #e7e7e7);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border-radius: 5px;
	box-shadow: 2px 2px 3px #666666;
	color: #424242;
	cursor: pointer;
	padding: 3px 10px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}


#searchPopUp, #mainSearch-list, #globalBarSearch-list{
	/*background: rgb(240,240,240);*/
    background: #FFFFFF;
	margin: auto;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	text-align: left;
	/*width: 95%;*/
    width: 800px !important;
}
	#searchPopUp ul, #mainSearch-list ul , #globalBarSearch-list ul {
		margin: 0;
		padding: 0;
		/*height: 400px !important;*/
	}
	#searchPopUp li, #mainSearch-list li, #globalBarSearch-list li{
		border-bottom: 1px solid #cccccc;
		color: #454545;
		list-style: none;
		margin: 0 0 0 0px;
		padding: 5px 0 5px 5px;
        min-height :40px;
	}

	#globalBarSearch_option_selected{
		background: #CCCCCC;
		background: -moz-linear-gradient(top, #666666 0%, #919191 50%, #CCCCCC 100%);
		background: -webkit-linear-gradient(top, #666666 0%, #919191 50%, #CCCCCC 100%);
		background: -o-linear-gradient(top, #666666 0%, #919191 50%, #CCCCCC 100%);
		background: -ms-linear-gradient(top, #666666 0%, #919191 50%, #CCCCCC 100%);
		background: linear-gradient(to top, #666666 0%, #919191 50%, #CCCCCC 100%);
		color: #ffffff !important;
	}
	/*
	.searchSuggestDescription {margin-left: 30px;}
	*/


	#searchPopUp li:hover, #mainSearch-list li:hover a , #globalBarSearch-list  li:hover a, #mainSearch_option_selected a, #mainSearch_option_selected .searchSuggestDescription {color: #ffffff;}
	#searchPopUp li:hover, #mainSearch-list li:hover, #globalBarSearch-list  li:hover, #mainSearch_option_selected{
		/*background: #014cbb;
		background: -moz-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%);
		background: -webkit-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%);
		background: -o-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%);
		background: -ms-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%);
		background: linear-gradient(to top, #014cbb 0%, #0375ee 50%, #058af5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#014cbb', endColorstr='#cccccc', GradientType=1 );*/
        background: #CCCCCC;
		background: -moz-linear-gradient(top, #666666 0%, #CCCCCC 100%);
		background: -webkit-linear-gradient(top, #666666 0%, #CCCCCC 100%);
		background: -o-linear-gradient(top, #666666 0%, #CCCCCC 100%);
		background: -ms-linear-gradient(top, #666666 0%, #CCCCCC 100%);
		background: linear-gradient(to top, #666666 0%, #CCCCCC 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#666666', endColorstr='#CCCCCC', GradientType=1 );
        color: #ffffff;
		border-bottom: 1px solid #bbbcbf;
		border: none;
		border-bottom: 1px solid #cccccc;
	}
	#mainSearch-list li:hover a, #mainSearch-list li:hover .searchSuggestDescription{
		color: #ffffff;
	}

.k-popup.k-list-container,  #mainSearch-list {
     border-left: 1px solid #666666 !important;
     border-right: 1px solid #666666 !important;
     border-bottom: 10px solid #666;
}
.searchSugestion_individual a{color: #ffffff;}
.searchSugestion_individual:hover{
	background: #014cbb;
		background: -moz-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%);
		background: -webkit-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%);
		background: -o-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%);
		background: -ms-linear-gradient(top, #014cbb 0%, #0375ee 50%, #058af5 100%);
		background: linear-gradient(to top, #014cbb 0%, #0375ee 50%, #058af5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#014cbb', endColorstr='#cccccc', GradientType=1 );
		border-bottom: 1px solid #bbbcbf;
		color: #ffffff;
}

.middlePageSearchResults #searchResults{
	display: none;
}

.topPageSearchResults #searchResults{
	display: block;
	margin: 0px 300px 0px 150px;
	position: relative;
	-webkit-overflow-scrolling: touch;
/*
	-webkit-columns:3;
    -moz-columns:3;
    columns:3;
*/
}

#searchResults ul, #favouritesList ul {
    background:none;
    bottom: 0;
    border:none;
    list-style-type: none;
    margin:0;
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 40px;
    width: 210px;
}

/*
.searchResultItem{
	border-bottom: 1px solid #f2f2f2;
	clear: both;
	font-size: 1.5em;
	font-weight: normal;
	padding: 18px 10px;
}
*/
.searchResultItem{
	clear: both;
	font-size: 0.9em;
    font-weight: bold;
	padding: 0 0 5px 10px;
	margin-bottom: 15px;
}
	.searchResultItem a{
		text-decoration: none;
		margin-right: 6px;
	}

	.searchResultItem a:hover{
		text-decoration: underline;
	}

	.searchResultItem a:before{
		/*
		content:url('/Images/screen-icon.png');
		height: 30px;
		margin-left: -38px;
		position: absolute;
		*/
	}
.firstLineSearchResult{
	text-overflow: ellipsis;
}
.searchRedultPageTitle {
	font-size: 1.8em;
	font-weight: normal;
	opacity: 0.7;
}
/*
	.screenLink:before{
		content:url('/Images/screen-icon.png');
		float: left;
		height: 30px;
		margin-left: -41px;
	}

.projectLink:before {
		height: 30px;
		float: left;
		margin-left: -38px;
}
	a[data-suggesStyle="projectIconSearchSugest"]:before{
		content:url('/Images/project-icon.png');
		float: left;
		height: 30px;
		margin-left: 0;
	}
/*
	a[data-suggesStyle="searchSuggestMeter"]{
		content:url('/Images/project-icon.png');
		float: left;
		height: 30px;
		margin-left: 0;
	}
*/
.searchSuggestMeter, .downloadableSectionInSearchSugestions{
	margin-left: 40px;
}
.searchSuggestConfirmation, .searchSuggestContract{
	padding-left: 40px;
	display: block;
}

.searchSuggestLink {
    padding-left:0px;
    float:left;

}

/*
	.searchResultItem a[href$=".txt"]:before,
    .searchResultItem a[href$=".TXT"]:before{
		content:url('/Images/txt-file-icon.png');
		float: left;
		height: 30px;
		margin-left: -38px;
	}
	.searchResultItem a[href$=".doc"]:before,
    .searchResultItem a[href$=".DOC"]:before,
    .searchResultItem a[href$=".docx"]:before,
    .searchResultItem a[href$=".DOCX"]:before{
		content:url('/Images/word-file-icon.png');
		float: left;
		height: 30px;
		margin-left: -38px;
	}
	.searchResultItem a[href$=".xls"]:before,
    .searchResultItem a[href$=".XLS"]:before,
    .searchResultItem a[href$=".xlsx"]:before,
    .searchResultItem a[href$=".XLSX"]:before,
    .searchResultItem a[href$=".csv"]:before,
    .searchResultItem a[href$=".CSV"]:before{
		content:url('/Images/excel-file-icon.png');
		float: left;
		height: 30px;
		margin-left: -38px;
	}
	.searchResultItem a[href$=".png"]:before,
    .searchResultItem a[href$=".PNG"]:before,
    .searchResultItem a[href$=".jpg"]:before,
    .searchResultItem a[href$=".JPG"]:before,
    .searchResultItem a[href$=".jpeg"]:before,
    .searchResultItem a[href$=".JPEG"]:before,
    .searchResultItem a[href$=".gif"]:before,
    .searchResultItem a[href$=".GIF"]:before{
		content:url('/Images/image-file-icon.png');
		float: left;
		height: 30px;
		margin-left: -38px;
	}
	.searchResultItem a[href$=".pdf"]:before,
    .searchResultItem a[href$=".PDF"]:before{
		content:url('/Images/pdf-file-icon.png');
		float: left;
		height: 30px;
		margin-left: -38px;
	}
*/

.searchResultTitle{
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 5px 0;
	vertical-align: middle;
}


#searchSite {
	width: 95%;
	font-size: 1.5em;
}

.centerSearchBar .searchBarWrapper{
	border-bottom: 1px solid #424242;
	border-left: 1px solid #424242;
	border-top: 1px solid #424242;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	float: left;
	height: 30px;
	margin: 40px 0 0 0;
	overflow: hidden;
	width: 580px;
}

.topSearchBar .searchBarWrapper{
	border-bottom: 1px solid #424242;
	border-left: 1px solid #424242;
	border-top: 1px solid #424242;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	float: left;
	height: 30px;
	margin: 0 0 0 10px;
	overflow: hidden;
	/*width: 580px;*/
	width: 720px;
}
/*
@media only screen and (min-width: 661px) and (max-width: 1299px) {
	.topSearchBar .searchBarWrapper{
		width: 650px;
	}
	.topSearchBar #searchInnerContainer input{
		width: 330px;
	}
	.topPageSearchResults #searchResults{
		width: 55%;
	}
}
*/

#searchWrapper {
    background: #e1e4e7;
    position: fixed;
    width: 50%;
    padding: 20px;
}

	#searchWrapper input {
	    font-size: 2em;
	}

.spacer{
    clear:both;
    height:1px;
}

#topHeading{
	color: #555555;
	display: block;
	float: left;
	font-size: 1.5em;
	margin: 5px 10px 0 10px;
	max-height: 27px;
	max-width: 75%;
	overflow: hidden;
}

#topExtraTitle{
	color: #555555;
	display: block;
	float: left;
	font-size: 1.5em;
	margin: 5px 10px 0 -10px;
	max-height: 27px;
	max-width: 75%;
	overflow: hidden;
}


#userOptionWindow{
	display: none;
	left: 0;
	padding: 0;
	position: absolute;
	top: 30px;
}
	#userOptionWindow .toolTipArrow{
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;

		border-bottom: 10px solid #0088cc;
		margin: 0;
		padding: 0;
	}
	#userOptionWindow ul{
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #0088cc;
		/**background-color: #0088cc;*/
		background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
		background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
		background-image: -o-linear-gradient(top, #0088cc, #0044cc);
		background-image: linear-gradient(to bottom, #0088cc, #0044cc);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ff0044cc', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		color: rgba(255, 255, 255, 1);
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		margin: 0;
		min-width: 80px;
		padding: 20px 10px;
	}
	#userOptionWindow li{
		list-style: none;
	}
	#userOptionWindow a:link,#userOptionWindow a:visited{
		color: #ffffff;
	}
	#userOptionWindow a:hover{
		text-decoration: underline;
	}

.uploadBox{
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #e7e7e7;
	/**background-color: #ffffff;*/
	background-image: -moz-linear-gradient(top, #e7e7e7, #ffffff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7e7), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #e7e7e7, #ffffff);
	background-image: -o-linear-gradient(top, #e7e7e7, #ffffff);
	background-image: linear-gradient(to bottom, #e7e7e7, #ffffff);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border: 1px solid #cccccc;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 2px 2px 3px #cccccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	display: none;
	left: 75px;
	padding: 5px 10px;
	position: absolute;
	top: 35px;
	width: 20%;
}
	.uploadBox textarea{
		width: 100%;
	}

/*file upload popup start*/
#fileUploadBox .k-upload-files{
	background: #e7e7e7;
	border:none;
	box-shadow: 3px 3px 6px #999999;
	margin: 0;
    padding: 0 25px 10px 20px;
}
#fileUploadBox .k-upload-files li{
	background: rgba(139,197,64,0.8);  /*#21C428;    max-height: 90px;*/
    overflow-y: auto;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    color: #5a5a5a;
    margin: 3px 0;
    padding-left: 0;
    line-height: 1.5;
    text-shadow: none;
}

#fileUploadBox .k-widget{
	border-bottom: none;
	border-left: 0;
	border-right: 0;
	border-top: 0;
}

#fileUploadBox .k-header{
	margin: 30px 0 0 0;
}

#fileUploadBox .k-multiselect{
	margin: 0;
}

#fileUploadBox .k-editor .k-editable-area{
	border: 1px solid #cccccc;
	border-radius: 5px;
	overflow: hidden;
}

#fileUploadPlace .k-file {
    border-style: solid;
    border-color: #e7e7e7;
    border-width: 2px;
}

#fileUploadPlace button.k-button.k-button-bare.k-upload-action {
    background-image: url('/Images/delete_icon.png') !important;
    outline: none;
}

#fileUploadPlace button.k-button:active {
    background-color:transparent !important
}

#fileUploadPlace strong.k-upload-status:active{
    background-color:transparent !important
}

#fileUploadPlace .k-filename {
    max-width: 38em;
}

#fileUploadPlace .k-upload-status {
	overflow: hidden;
    top: 0 !important;
    width: 17px;
}
#fileUploadPlace .k-icon{
	background: none;
}

#fileUploadPlace .k-upload-pct {
    display: none;
}

#fileUploadPlace .k-button.k-button-bare.k-upload-action {
	background-repeat: no-repeat;
	height: 18px;
    max-width: 5px;
    border-width: 0 !important;
    margin: 3px 4px 0 0 !important;
}

#fileUploadPlace .k-upload-files.k-reset {
	/*
    margin-left:25px !important;
    margin-right:20px;
    */
    max-height: 200px;
    margin: 310px 0 0 0;
    margin: 278px 0 0 0;
    overflow: auto;
}

.fileUploadBox{
    /*
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #e7e7e7, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7e7), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #e7e7e7, #ffffff);
    background-image: -o-linear-gradient(top, #e7e7e7, #ffffff);
    background-image: linear-gradient(to bottom, #e7e7e7, #ffffff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    */
    background: #e7e7e7;
    /*border: 1px solid #cccccc;*/
    border-radius: 3px; /* for others (opera) */
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 3px 3px 6px #999999;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    display: none;
    left: 25%;
    /*margin-left: -200px;*/
    padding: 5px 10px 10px 10px;
    position:fixed;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    top: 20%;
    max-width : 700px;
    width:50%;
    z-index:9050;
}

.panelFileUpdateBox{
    left: 35%;
    top: 30%;
    position:fixed;
}

 /*
 #fileUploadBox .k-button,
 */

 #fileUploadBox .k-upload-button {
 	/*
	background-color: #0088cc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*/
	background: rgba(0,136,204,1);
	border:none;
	border-radius: 5px;
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
	text-align: center;
	position: absolute;
    right: 140px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-shadow: none;
    top: -67px;
}

#fileUploadBox .headerButtons {
    position:absolute;
    top: 8px;
    right: 0px;

}
/*#fileUploadBox #postButton, #fileUploadBox #cancelPost{*/
#fileUploadBox .headerButtons button{
	color: #ffffff;
	border: none !important;
	border-radius: 5px;
	color: rgba(255, 255, 255, 1);
    cursor: pointer;
    /*display: inline-block;*/
    float: right;
    font-family: inherit;
	font-size: 14px;
    line-height: 1.72em;
    min-width:0;
    margin: 0 10px 10px 0;
    padding: 0px 20px 4px 16px;
    text-align: center;
	text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    float:right;
}

#fileUploadBox .headerButtons button.file-upload{
    z-index: 1;
    filter: alpha(opacity=1);
    opacity: 1;
    cursor: pointer;
    background-color: rgba(0,136,204,1);
    background-image: none;
}

/*#fileUploadBox #postButton img, #fileUploadBox #cancelPost img{*/
#fileUploadBox .headerButtons button img{
	height: 20px;
	vertical-align: middle;
}

#fileUploadBox #postButton{
	background-color: #0088cc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border:none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	/*position: absolute;
    right: 65px;
    top: 8px;*/
}
#fileUploadBox #cancelPost{
	background-color: #FF1A1A;
	background-image: -moz-linear-gradient(top, #FF1A1A, #cc0000);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FF1A1A), to(#cc0000));
	background-image: -webkit-linear-gradient(top, #FF1A1A, #cc0000);
	background-image: -o-linear-gradient(top, #FF1A1A, #cc0000);
	background-image: linear-gradient(to bottom, #FF1A1A, #cc0000);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1A1A', endColorstr='#cc0000', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border:none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	/*position: absolute;
    right: 0;
    top: 8px;*/
}

 #fileUploadBox .action-button{
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0088cc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border:none;
	border-radius: 5px;
	color: rgba(255, 255, 255, 1);
    cursor: pointer;
    /*display: inline-block;*/
    float: right;
    font-family: inherit;
	font-size: 14px;
    line-height: 1.72em;
    min-width:100px;
    margin: 0 10px 10px 0;
    padding: 2px 7px 2px;
    text-align: center;
	text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#fileUploadBox .action-button:disabled {
	background-color:#dddddd;
	background-image: -moz-linear-gradient(top, #dddddd, #B9B9B9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#b9b9b9));
	background-image: -webkit-linear-gradient(top, #dddddd, #b9b9b9);
	background-image: -o-linear-gradient(top, #dddddd, #b9b9b9);
	background-image: linear-gradient(to bottom, #dddddd, #b9b9b9);
}


#fileUploadBox .action-button-left {
    margin-left:10px;
}

#fileUploadBox .k-upload-selected {
    margin-left:4%;
}
/*
.fileUploadBox textarea{
	margin: 5px 0;
	min-height: 25px;
	width: 99%;
	max-height: 90px;
}
*/
#fileUploadBox #keywords{
	border: 1px solid #cccccc;
	border-radius: 3px;
	float: left;
	max-height: 100px !important;
	margin: 0 0 10px 5px;
	min-height: 39px !important;
	width: 48%;
    /*width: 98%;*/
}

#fileUploadBox .colleaguesDropdawn{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 3px;
	float: right;
	max-height: 100px !important;
	margin: 0 5px 5px 0;
	min-height: 43px;
	overflow: auto;
	width: 48%;
}

#fileUploadBox select{
	background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 0;
    background-image: url(/Images/dropdown_arrow2.png);
    background-position: right;
    -webkit-appearance: none;
    padding: 4px 34px 4px 5px;
}

#uploadFileListContainer{
    margin: 5px 8px 5px 5px;
    max-height: 250px;
}
#uploadFileList{
    width:100%;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height:200px;
}

#uploadFileListContainer .fileListCtrlContainer{
    width:100%;
    padding:2px 6px; /* 6px because fileList content has a padding of 3px + 3px due to width reduced by 6 px (3px on each side after aligned to middle)*/
}

#uploadFileListContainer .fileListCtrlContainer > div{
    display:inline-block;
}


#uploadFileList .fileListItem,
#uploadFileList .fileListItem .progBar{
    border-radius:4px;
    border:0px;
    border-style:solid;
    border-color:transparent;
}

#uploadFileList .fileListItem{
    position:relative;
    border-width: 1px;
    border-color:lightgray;
    margin:2px;
}

#uploadFileList .fileListItem .progBar{
    position:absolute;
    z-index:-1;
    height:100%;
    background-color:lightgreen;
}

#uploadFileList .fileListItem .fileListContent{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 6px);
    padding: 3px;
}

#uploadFileList .fileListItem .fileInfo{
    float: left;
}
#uploadFileList .fileListItem .removeButton{
    float: right;
    cursor:pointer;
}
#uploadFileList .fileListItem img{
    float: right;
    cursor:pointer;
    height:1em;
}

#uploadFileList .fileListItem .uploadStatus{
    float: right;
}

#postColleagues_listbox{
	background: #ffffff;
}
#postColleagues_listbox li{}
#postColleagues_listbox li img{
	height: 35px;
	width: 35px;
}

.k-popup .k-item {
    color: #505d6d;
}


.k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected .k-state-hover {
    background: #666666;
    background: -moz-linear-gradient(top, #666666 0%, #cccccc 100%);
    background: -webkit-linear-gradient(top, #666666 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #666666 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #666666 0%, #cccccc 100%);
    background: linear-gradient(to top, #666666 0%, #cccccc 100%);
    /*border:1px solid #69798b;*/
    border-radius: 0;
    color: #ffffff;
    cursor: pointer;
}
/*background: -o-linear-gradient(top, #666666 0%, #CCCCCC 100%);*/
.k-popup .k-list .k-state-focused .favoriteName, .k-popup .k-list .k-state-focused .searchSuggestDescription{
	color: #ffffff;
}

.k-state-hover > .k-select, .k-state-focused > .k-select {
    background: rgba(100,100,100,0.5);
}

.k-state-disabled, .k-state-disabled .k-link, .k-state-disabled .k-button, .k-other-month .k-link, .k-dropzone em, .k-tile-empty strong, .k-slider .k-draghandle {
    color: #cccccc;
}

#fileUploadBox .k-editor-toolbar .k-editor-widget, .k-editor-toolbar > li{
	margin: 0;
}
#fileUploadBox .k-button-group .k-tool{
	margin: 0 2px;
}
.dropdown-header{}
@media only screen and (min-width: 661px) and (max-width: 1299px) {
	.fileUploadBox{
		left: 18%;
		top: 7%;
		width: 60%;
	}
	.uploadBoxHeader{
		font-size: 1em;
		padding-right: 5px 0;
	}
	#contentArea{
		height: 50px;
	}
	.optionSectionBottom{
		margin: 5px 0 0 0;
	}
	/*
	.k-editor .k-editable-area{
		height: 100px;
	}
    #DescriptionEditor .k-editor .k-editable-area{
		height: auto;
	}
    */
	.fileUploadBox table.k-editor{
		height: 100px;
	}

	#fileUploadPlace .k-upload-files.k-reset{
		max-height: 150px;
		margin: 225px 0 0 0;
		overflow: auto;
	}
}

#contentArea {
    /*height:90px;*/
    display:none !important;
}

.fileDisplayList{
	max-height: 75px;
	margin: 0;
	overflow: auto;
	padding: 10px 4%;
}
.fileDisplayList li {
	/*
    background-color: rgba(85,129,38,0.8);
    *background-color: rgba(85,129,38,0.8);
    background-image: -moz-linear-gradient(top, rgba(85,129,38,0.8), rgba(139,197,64,0.8));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(85,129,38,0.8)), to(rgba(139,197,64,0.8)));
    background-image: -webkit-linear-gradient(top, rgba(85,129,38,0.8), rgba(139,197,64,0.8));
    background-image: -o-linear-gradient(top, rgba(85,129,38,0.8), rgba(139,197,64,0.8));
    background-image: linear-gradient(to bottom, rgba(85,129,38,0.8), rgba(139,197,64,0.8));
    background-repeat: repeat-x;
    */
    background: rgba(139,197,64,0.8);
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    color: #5a5a5a;
    margin: 3px 0;
    padding-left:0;
    overflow-y: auto;
    padding: 5px;
    line-height: 1.5;
    text-shadow:none;
}

.k-upload-status-total {
    display:none;
}

/*disable "start upload" button on upload popup*/
#fileUploadPlace button.k-button.k-upload-selected {
    display:none;
}

#fileUploadPlace .k-upload{
	border: none;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

/*file upload popup end*/

.hasPreset {
    background-color: rgb(240,240,240);
}

.k-state-selected {
    background-color: lightblue;
}
/*mobile passcode start*/
#passcodeform {
	display: none;
}

	#passcodeform .inputSection {
		float: left;
		width: 100%;
	}

#loginform{
	background: rgba(0,0,0,0.7);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20;
}


.middlePageSearchResults #loginform fieldset {
	/*
	background: rgba(255,255,255,0.7);
    border-style: solid;
    border-color: #f0f0f0;
    border-width: 1px;
    border-radius: 5px;
    margin: 10px 0 0 60%;
    padding: 20px;
    width: 250px;
    */
    background: #ffffff;
    border: none;
    border-radius: 5px;
    margin: -125px 0 0 -125px;
    top: 50%;
    left: 50%;
    padding: 20px;
    position: absolute;
    width: 250px;
}

.middlePageSearchResults #loginform fieldset legend {
    display: none;
}

.logInSection{
	margin-top: 15px;
}


.middlePageSearchResults #loginform input[type="text"] {
	border: 1px solid #cccccc;
    /*border-radius: 5px;*/
    font-size: 14px;
    height: 18px;
    width: 95%;
    margin-top: 5px;
    /*margin-left: 10px;*/
}

.middlePageSearchResults #loginform input[type="password"] {
    /*border-radius: 5px;*/
    border: 1px solid #cccccc;
    font-size: 14px;
    height: 18px;
    width: 95%;
    margin-top: 5px;
    /*margin-left: 10px;*/
}

.middlePageSearchResults #loginform input[type="checkbox"] {
    vertical-align: middle;
}
/*
.middlePageSearchResults #loginform input[type="submit"] {
	cursor: pointer;
    width: 80px;
    float: right;
    margin: 20px 20px 0 0;
}
*/
/*
.pressableButton {
    color: #fff;
    font-weight: bold;
    background-image: none;
    border: none !important;
    border-radius: 8px;
    height: 25px;
}

.pressableButton:active {
    transform: translateY(5px);
}

.blueButton.pressableButton {
    background-color: #20B9EB;
    box-shadow: 0 7px #1993AF;
}

.blueButton.pressableButton:active {
    background-color: #20B9EB;
    box-shadow: 0 2px #1993AF;
}
.blueButton.pressableButton:hover {
    background-color: #55cef5;
}

.redButton.pressableButton {
    background-color: #f2292b;
    box-shadow: 0 7px #8C151B;
}

.redButton.pressableButton:active {
    background-color: #f2292b;
    box-shadow: 0 2px #8C151B;
}

.redButton.pressableButton:hover {
    background-color: #ed1618;
}
*/

input[type="button"].button_red,
input[type="button"].button_blue,
input[type="button"].button_green,
input[type="button"].button_lightgreen,
input[type="button"].button_yellow,
input[type="button"].button_black,
input[type="button"].button_darkBlue,
input[type="button"].button_darkRed,
input[type="button"].button_darkGreen,
input[type="button"].button_brightYellow,
input[type="button"].button_gray,
input[type="button"].button_brown{
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

input[type="submit"].button_red,
input[type="submit"].button_blue,
input[type="submit"].button_green,
input[type="submit"].button_lightgreen,
input[type="submit"].button_yellow,
input[type="submit"].button_black,
input[type="submit"].button_darkBlue,
input[type="submit"].button_darkRed,
input[type="submit"].button_darkGreen,
input[type="submit"].button_brightYellow,
input[type="submit"].button_gray,
input[type="submit"].button_brown{
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

.button_red,
.button_blue,
.button_green,
.button_lightgreen,
.button_yellow,
.button_black,
.button_darkBlue,
.button_darkRed,
.button_darkGreen,
.button_brightYellow,
.button_gray,
.button_brown{
	border-radius: 5px;
	color: #ffffff;
	cursor: pointer;
	font-size: 1em;
	line-height: 1.2em;
	outline: none;
	overflow: hidden;
	padding: 8px 15px;
	position: relative;
}
.button_red  .fa,
.button_blue  .fa,
.button_green  .fa,
.button_lightgreen .fa,
.button_yellow  .fa,
.button_black  .fa,
.button_darkBlue  .fa,
.button_darkRed  .fa,
.button_darkGreen  .fa,
.button_brightYellow  .fa,
.button_gray  .fa,
.button_brown  .fa{
		animation-name: normalState;
	 	animation-duration: 500ms;
	 	animation-fill-mode: forwards;
		font-size: 1.2em;
		float: left;
		margin: 0 10px 0 -2em;
		vertical-align: middle;
}
.button_red:hover .fa,
.button_blue:hover .fa,
.button_green:hover .fa,
.button_lightgreen:hover .fa,
.button_yellow:hover .fa,
.button_black:hover .fa,
.button_darkBlue:hover .fa,
.button_darkRed:hover .fa,
.button_darkGreen:hover .fa,
.button_brightYellow:hover .fa,
.button_gray:hover .fa,
.button_brown:hover .fa{
	animation-name: hoverAnimation;
 	animation-duration: 500ms;
 	animation-fill-mode: forwards;
}
.button_red:active .fa,
.button_blue:active .fa,
.button_green:active .fa,
.button_lightgreen:active .fa,
.button_yellow:active .fa,
.button_black:active .fa,
.button_darkBlue:active .fa,
.button_darkRed:active .fa,
.button_darkGreen:active .fa,
.button_brightYellow:active .fa,
.button_gray:active .fa,
.button_brown:active .fa{
	transform: scale(1.5,1.5);
}
.button_red:active,
.button_blue:active,
.button_green:active,
.button_lightgreen:active,
.button_black:active,
.button_darkBlue:active,
.button_darkRed:active,
.button_darkGreen:active,
.button_gray:active,
.button_brown:active{
	color: #e8a406;
}


.button_red.left,
.button_blue.left,
.button_green.left,
.button_lightgreen.left,
.button_yellow.left,
.button_black.left,
.button_gray.left{
	float: left;
	margin: 5px 0 5px 20px;
}
		.button_red.left:first-child,
		.button_blue.left:first-child,
		.button_green.left:first-child,
        .button_lightgreen.left:first-child,
		.button_yellow.left:first-child,
		.button_black.left:first-child,
		.button_gray.left:first-child{
			margin: 5px 0;
		}

.button_red.right,
.button_blue.right,
.button_green.right,
.button_lightgreen.right,
.button_yellow.right,
.button_black.right,
.button_gray.right{
	float: right;
	margin: 5px 20px 5px 0;
}

.button_red.noFloat,
.button_blue.noFloat,
.button_green.noFloat,
.button_lightgreen.noFloat,
.button_yellow.noFloat,
.button_black.noFloat,
.button_gray.noFloat{
	display: inline-block;
	float: none;
}




.button_yellow:active{
	color: #3072b3;
}
.button_red{
	background: #8C151B;
}

.button_blue{
	background: #3072b3;
}
.button_green{
	background: #4e7d0e;
}
.button_lightgreen {
    background: #17cb74;
}
.button_yellow{
	background: #e8a406;
}
.button_black{
	background: #000000;
}
.button_gray{
	background: #606060;
}

	@keyframes normalState{
		0%{
			margin: 0 10px 0 0;
		}
		100%{
			margin: 0 10px 0 -2em;
		}
	}
	@keyframes hoverAnimation{
		0%{
			margin: 0 10px 0 -2em;
		}
		100%{
			margin: 0 10px 0 0;
		}
	}













/*
#cancelLogin{
    width: 80px;
    margin-top:19px;
    margin-left:12px;
    -webkit-appearance: none;
}

#cancelPasswordForgot{
    width: 80px;
    -webkit-appearance: none;
    margin-top: 2px;
    margin-left: 50px;
}
*/
/*
.middlePageSearchResults #loginform {
    position: absolute;
    bottom: 30px;
    height: 268px;
    right: 220px;
    width: auto;
    margin-left: -214px;
    margin-top: -150px;
}
.topPageSearchResults #loginform{
	display: none;
}
*/

#invalidUser{
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #cc0000;
	/**background-color: #cc0000;*/
	background-image: -moz-linear-gradient(top, #cc0000, #EA3D3D);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cc0000), to(#EA3D3D));
	background-image: -webkit-linear-gradient(top, #cc0000, #EA3D3D);
	background-image: -o-linear-gradient(top, #cc0000, #EA3D3D);
	background-image: linear-gradient(to bottom, #cc0000, #EA3D3D);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border-radius: 8px;
	padding: 15px;
	text-align: center;
}
#ContentNotifications{
	height: 50%;
	position: absolute;
	right: 0;
	top: -1310px;
	z-index: 10;
	width: 50%;
}
#Notifications{
	/*
	background-color: #cc0000;
	background-image: -moz-linear-gradient(top, #cc0000, #EA3D3D);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cc0000), to(#EA3D3D));
	background-image: -webkit-linear-gradient(top, #cc0000, #EA3D3D);
	background-image: -o-linear-gradient(top, #cc0000, #EA3D3D);
	background-image: linear-gradient(to bottom, #cc0000, #EA3D3D);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*/
	background-color: #cccccc !important;
    *background-color: #cccccc !important;
    background-image: -moz-linear-gradient(top, #f3f3f3, #cccccc) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#cccccc)) !important;
    background-image: -webkit-linear-gradient(top, #f3f3f3, #cccccc) !important;
    background-image: -o-linear-gradient(top, #f3f3f3, #cccccc) !important;
    background-image: linear-gradient(to bottom, #f3f3f3, #cccccc) !important;
    background-repeat: repeat-x !important;
    border-color: #0044cc #0044cc #002a80 !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;

	border-radius: 3px;
	color: #ffffff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #E03A3A;
	padding: 10px;
	position: absolute;
	right: 80px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
	#Notifications span{
		float: left;
		margin-right: 10px;
		padding-top: 5px;
	}

#dismissNotification{
	background: #424242;
	border-radius: 5px;
	float: right;
	height: 15px;
	padding: 8px;
}
#continueSavingFavorites{
	/*
	border-radius: 5px;
	color: #FFFFFF;
	cursor: pointer;
	float: right;
    margin-right:20px;
	padding: 5px 10px;
	position: relative;
	*/
}

#continueFavoriteInNewTab{
}

.savingFavorites{
	/*background: #539144;*/
}
.notSavingFavorites{
	background: #d8d8d8;
}
#savingFavoritesText{
	display: none;
	margin-left: 5px;
}
#openFavoritesInNewTabText{
	display: none;
	margin-left: 5px;
}
.saveFavoritesIcon{
	height: 25px;
	vertical-align: middle;
	width: 25px;
}

.favoritesContent{
	float: left;
	text-align: left;
	width: 145px;
}

.SpacerForglobalBar{
	display: none;
	clear: both;
	height: 33px;
}
/*
.SpacerForactionMenu{
	clear: both;
	height: 50px;
}
*/

#transactionContent{
	background: #f2f2f2;
	border: 1px solid #cccccc;
	border-radius: 5px;
	box-shadow: 3px 3px 5px #999999;
	color:#424242;
    left:50%;
    margin-top: -80px;
    margin-left: -150px;
    padding: 20px;
    position: absolute;
    top: 50%;
    width:300px;
}
/*
.lnkRunReport_sug,.ReportFilters{
	padding-left: 5px;
}
	.lnkRunReport_sug:before{
		content:url('/Images/report-icon.png');
		height: 30px;
		margin-left: 0px;
		float: left;
	}
.lnkRunReport{

}
	.searchResultItem  .lnkRunReport:before{
		content:url('/Images/report-icon.png');
		height: 30px;
		margin-left: -37px;
		float: left;
	}
.favoriteName{
	padding-left: 35px;
}
	.favoriteName:before{
		content:url('/Images/screen-icon.png');
		height: 30px;
		margin-left: -35px;
		float: left;
	}

.lnkOpenUploadedFile{
	padding-left: 10px;
	vertical-align: top;
}
.lnkOpenUploadedFile[href$=".txt"]:before,
    .lnkOpenUploadedFile[href$=".TXT"]:before{
		content:url('/Images/txt-file-icon.png');
		height: 30px;
		float:left;
	}
	.lnkOpenUploadedFile[href$=".doc"]:before,
    .lnkOpenUploadedFile[href$=".DOC"]:before,
    .lnkOpenUploadedFile[href$=".docx"]:before,
    .lnkOpenUploadedFile[href$=".DOCX"]:before{
		content:url('/Images/word-file-icon.png');
		height: 30px;
		float:left;
	}
	.lnkOpenUploadedFile[href$=".xls"]:before,
    .lnkOpenUploadedFile[href$=".XLS"]:before,
    .lnkOpenUploadedFile[href$=".xlsx"]:before,
    .lnkOpenUploadedFile[href$=".XLSX"]:before,
    .lnkOpenUploadedFile[href$=".csv"]:before,
    .lnkOpenUploadedFile[href$=".CSV"]:before{
		content:url('/Images/excel-file-icon.png');
		height: 30px;
		float:left;
	}
	.lnkOpenUploadedFile[href$=".png"]:before,
    .lnkOpenUploadedFile[href$=".PNG"]:before,
    .lnkOpenUploadedFile[href$=".jpg"]:before,
    .lnkOpenUploadedFile[href$=".JPG"]:before,
    .lnkOpenUploadedFile[href$=".jpeg"]:before,
    .lnkOpenUploadedFile[href$=".JPEG"]:before,
    .lnkOpenUploadedFile[href$=".gif"]:before,
    .lnkOpenUploadedFile[href$=".GIF"]:before{
		content:url('/Images/image-file-icon.png');
		height: 30px;
		float:left;
	}
	.lnkOpenUploadedFile[href$=".pdf"]:before,
    .lnkOpenUploadedFile[href$=".PDF"]:before{
		content:url('/Images/pdf-file-icon.png');
		height: 30px;
		float:left;
	}
*/


#btnDialogWindowOK,#btnDialogWindowYes,#btnDialogWindowLink,#btnDialogWindowNo,#btnDialogWindowCancel,#dialogWindowPass{display: none;}

.shadowDivider{
	box-shadow: 2px 4px 6px #666666;
	height: 1px;
	width: 100%;
}
.pantonWord{
	float: right;
	height: 30px;
	margin-right: 70px;
	margin-top: 5px;
}
#globalBarSearch_listbox{}
#globalBarSearch_listbox li{
	margin: 0;
	padding: 0;
	width: 99%;
	word-break:break-all;
}

.screenCustomozationButton{
	background: #424242;
	border-radius: 3px;
	cursor: pointer;
	display: none;
	height:12px;
	margin-left: 5px;
	padding: 2px;
	width:12px;
}
.radioButton{
	border: 1px solid #cccccc;
	border-radius: 5px;
	float: right;
	height: 10px;
	width: 10px;
}
.radioButton_left{
	border: 1px solid #cccccc;
	border-radius: 5px;
	float: left;
	height: 10px;
	margin: 4px 10px 0 0;
	width: 10px;
}
.openCloseFavoritesOptions{
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #e7e7e7;
	/**background-color: #ffffff;*/
	background-image: -moz-linear-gradient(top, #e7e7e7, #ffffff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7e7), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #e7e7e7, #ffffff);
	background-image: -o-linear-gradient(top, #e7e7e7, #ffffff);
	background-image: linear-gradient(to bottom, #e7e7e7, #ffffff);
	background-repeat: repeat-x;
    border:1px solid #cccccc;
    border-radius: 8px;
    color: #424242;
    cursor: pointer;
    float: right;
    font-size: 0.7em;
    font-weight: normal;
    margin-right: 15px;
    margin-top: 2px;
    padding: 3px 8px;
    position: absolute;
    right: -8px;
    top: 5px;
}
#FavoritesOptions{
	background: #ffffff;
    border: 2px solid #CFCFCF;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: 3px 3px 6px #666666;
    color: #828282;
    display: none;
    font-size: 0.9em;
    font-weight: normal;
    right: 20px;
    min-width: 200px;
    position: absolute;
    top: 115px;
    z-index: 5;
}
	#FavoritesOptions ul{
		padding: 0;
		margin:0;
	}
	#FavoritesOptions li{
		cursor: pointer;
		padding: 5px 5px 5px 10px;
	}
	#FavoritesOptions li:hover{
		background: #f2f2f2;
	}


.searchResultGroup{
	color: #5c5c5c;
	float: left;
	padding: 5px 0 5px 10px;
	text-align: right;
	width: 125px;
}
.searchResultGroupLocalDetail{
	color: #5c5c5c;
	float: left;
	padding: 5px 0 5px 10px;
	text-align: left;
	width: 125px;
}
	.searchResultGroup img{
		background: #424242;
		border-radius: 3px;
		display: none;
		padding:5px 5px 6px 5px;
		height: 12px;
		vertical-align: middle;
	}

.searchListGroupSection{
	/*
	background: #e0e0e0;
	border-top: 1px solid #424242;
	*/
	clear: both;
	color: #8f8f8f;
	display: none;
	float: left;
	font-size: 1.3em;
	/*
	margin: 0 0 10px 0px;
	*/
	padding: 5px 0 5px 10px;
	text-align: right;
	width: 25%;
}
	.searchListGroupSection img{
		background: #424242;
		border-radius: 3px;
		padding:5px 5px 6px 5px;
		height: 12px;
		vertical-align: middle;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}
#wordCloudSearchedTerms {
	background: rgba(255,255,255,1);
	height: 220px;
	opacity: 0.5;
	overflow: hidden;
	padding: 0;
	page-break-after: always;
	page-break-inside: avoid;
	position: fixed;
	left: 20px;
	bottom: 40px;
	width: 270px;
	z-index: 5;
}
#wordCloudSelectedTerms {
	background: rgba(255,255,255,1);
	height: 220px;
	opacity: 0.5;
	overflow: hidden;
	padding: 0;
	page-break-after: always;
	page-break-inside: avoid;
	position: fixed;
	left: 310px;
	bottom: 40px;
	width: 250px;
	z-index: 5;
}
@media only screen and (min-width: 661px) and (max-width: 1299px) {
	#wordCloudSearchedTerms{
		height: 200px;
		width: 200px;
	}
	#wordCloudSelectedTerms{
		height: 200px;
		right: 120px;
		width: 200px;
	}
}
#awesomeCloudwordCloudSearchedTerms, #awesomeCloudwordCloudSelectedTerms{
	position: absolute;
	top: 0;
	left: 0;
}
#wordCloudIcon{
	cursor: pointer;
	position: fixed;
	left: 10px;
	height: 30px;
	top: 60px;
	z-index: 5;
}
.floatingSearchBar{
	left: -200px;
	position: absolute;
	top: -200px;
	z-index: 56;
}
/** ****************
styles for Dummy Search demo
***************** */

#movableSearchResult{
	display: none;
	overflow: hidden;
	transform:	translate3d(121px, -157px, 2px)
				scale3d(0.5, 0.9, 0.4)
				rotate3d(15, -72, 185, -7deg);
}
#searchBarCopy{
	-webkit-perspective:165px;
	-webkit-perspective-origin:right top;
	perspective: 165px;
	perspective-origin:right top;
	background: rgba(0,255,255,0);
	color: #cccccc;
	display: none;
	font-size: 0.8em;
	overflow: hidden;
	padding: 5px 10px;
	position: absolute;
	width: 440px;
	z-index: 2;
	/*-webkit-transform: translateX(100px) translateY(200px) translateZ(-100px);*/
	transform:	translate3d(288px, 187px, 3px)
				scale3d(1, 1.3, 0.4)
				rotate3d(9, -72, 185, -6.5deg);
}
.searchSuggestion{
	-webkit-perspective:165px;
	-webkit-perspective-origin:right top;
	perspective: 165px;
	perspective-origin:right top;
	background: rgb(240,240,240);
	display: none;
	height: 270px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	width: 440px;
	z-index: 2;
	/*-webkit-transform: translateX(100px) translateY(200px) translateZ(-100px);*/
	transform:	translate3d(306px, 250px, 3px)
				scale3d(1, 1.3, 0.4)
				rotate3d(9, -72, 185, -7.3deg);
}

.searchResult{
	border-bottom: 1px solid #f2f2f2;
	clear: both;
	cursor: pointer;
	display: none;
	margin: 0px 0px 0px 30px;
	opacity: 0.2;
	padding: 10px;
	width: 80%;
}
.searchResultLink{
	color: blue;
	text-decoration: underline;
}
/*
	.searchResultLink:before{
		content:url('/Images/screen-icon.png');
		height: 30px;
		margin-left: -35px;
		float: left;
	}
*/
.suggestionResult{
	border-bottom: 1px solid #f2f2f2;
	clear: both;
	cursor: pointer;
	display: none;
	font-size: 0.8em;
	margin: 0px 0px 0px 30px;
	opacity: 0.2;
	padding: 3px 10px;
	width: 80%;
}
.searchResultItem .waterfallAvatar{
	background-repeat: no-repeat;
	background-size: auto 71px;
	position: absolute;
	height: 70px;
	width: 58px
}
.titleSection .waterfallKeyword{
	display: inline;
	margin: 0;
}
.suggestionResultLink{
	color: blue;
	text-decoration: underline;
}
/*
	.suggestionResultLink:before{
		content:url('/Images/screen-icon.png');
		height: 30px;
		margin-left: -35px;
		float: left;
	}
*/
/*
.searchResultDescription{
	color: rgba(0,0,0,0.7);
	font-size: 0.8em;
	margin-top: 5px;
}
*/
.searchResultDescription{
    color: #666666;
    display: block;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.2em;
    margin-left: 80px;
    margin-top: 5px;
    max-height: 50px;
    overflow: hidden;
    word-wrap:break-word;
}
.searchResultSeparator{
	height: 0px;
}
#scrennShotBackground{
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.searchResultContainer{
	background: #ffffff;
	overflow: auto;
	width: 600px;
}
#backgroundWindow{
	background-image: url("/Images/screen1.png");
	background-size: 1400px;
	background-repeat: no-repeat;
	background-position: top left;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 1400px;
	height: 884px;
}

.hidePopUpOrDropDown{
    background: rgba(255,255,255,0);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 51;
}


#dialogWindow {
    background: #ffffff;
    background: -moz-linear-gradient(bottom, #ffffff 0%, #f5f5f5 50%, #e7e7e7 95%, #666666 100%);
    background: -webkit-linear-gradient(bottom, #ffffff 0%, #f5f5f5 50%, #e7e7e7 95%, #666666 100%);
    background: -o-linear-gradient(bottom, #ffffff 0%, #f5f5f5 50%, #e7e7e7 95%, #666666 100%);
    background: -ms-linear-gradient(bottom, #ffffff 0%, #f5f5f5 50%, #e7e7e7 95%, #666666 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 50%, #e7e7e7 95%, #666666 100%);
    padding: 10px 20px 20px 20px;
}
/*
#btnDialogWindowLink, #btnDialogWindowOK, #btnDialogWindowYes {
    background-color: #006dcc;
    *background-color: #0044cc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: rgba(255, 255, 255, 1);
    float: right;
    width: 90px;
}


#btnDialogWindowNo {
    background-image: -moz-linear-gradient(top, #EA3D3D, #cc0000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EA3D3D), to(#cc0000));
    background-image: -webkit-linear-gradient(top, #EA3D3D, #cc0000);
    background-image: -o-linear-gradient(top, #EA3D3D, #cc0000);
    background-image: linear-gradient(to bottom, #EA3D3D, #cc0000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-radius: 5px;
    color: #ffffff; cursor: pointer;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
*/
/*
#btnDialogWindowCancel, #btnDialogWindowIgnore{
    background-image: -moz-linear-gradient(top, #f2f2f2, #a0a0a0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#a0a0a0));
    background-image: -webkit-linear-gradient(top, #f2f2f2, #a0a0a0);
    background-image: -o-linear-gradient(top, #f2f2f2, #a0a0a0);
    background-image: linear-gradient(to bottom, #f2f2f2, #a0a0a0);
    background-repeat: repeat-x;
    border: 1px solid #666666;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-radius: 5px;
    color: #424242;
    cursor: pointer;
    margin: 0 10px !important;
    padding: 0px 10px;
    text-align: center;
}
*/
#dragGlobalBarHandle{
	cursor: ns-resize;
	height: 100%;
	position: absolute;
	width: 80%;
}
.globalUploadIcon{
    float: left;
    margin: 4px 10px 0 0;
    width: 15px;
}

.optionSection{
    padding-left: 4%;
    color:#2e3d4e;
    /*padding-left:15px;*/
}
#fileUploadBox .optionSection{
    padding-left: 1%;
    color:#2e3d4e;
    /*padding-left:15px;*/
}
.optionSectionBottom {
    padding-bottom: .8em;
    margin:10px 0 0 0;
}
#filePrivacy, #uploadBoxSelect {
    background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: no-repeat;
    background-size: auto 100%;
    border: 1px solid #D3D1D1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 3px 30px 3px 5px;
    padding-right: 35px;
    background-image: url(/Images/dropdown_arrow2.png);
    background-position: right;
    font-size: 12px;
    margin: 0 0 0 10px;
    -webkit-appearance: none;
}
#filesUpdate{
	border-radius: 5px;
	font-size: 12px;
}
.searchResultItem .waterfallTimesTampItem {
    color: #666666;
    font-weight: normal;
    margin-right: 0px;
    margin-left: 79px;
    padding-right: 0px;
    margin-top: 3px
}

#favoritesSearchLabel{
	font-size: 14px;
	font-weight: bold;
}
#sortingFavoritesTable{
	border-spacing: 0;
	border-top: 1px solid #f2f2f2;

	margin: 10px 0 5px -45px;
	padding-top: 10px;
	width: 330px;
}
	#sortingFavoritesTable td{
		/*
		background-color: #006dcc;
	    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	    background-repeat: repeat-x;
	    */
	    background: #0088cc;
	    border-color: #0044cc #0044cc #002a80;
	    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	    color: rgba(255, 255, 255, 1);
	    border-right: 1px solid #cccccc;
		border-collapse: collapse;
		cursor: pointer;
		font-size: 14px;
		padding: 3px 10px;
		text-align: center;
	}
	#sortingFavoritesTable td:hover{
		background: #0044cc;
	}
#searchInFavorites{
	border: 1px solid #cccccc;
	width: 227px;
}
#searchInFavorites:focus{
	border: 1px solid #f2f2f2;
}

.favouritesListView{
	border: none;
	color: #014cbb;
    font-size:14px;
    position:relative;
	margin: 0;
    padding: 10px;
	width: 90%;
}

.favoriteGroup_list{
	color: #424242;
	font-size: 1.1em;
	font-weight: bold;
}

.favouriteItem{
	border-bottom: 1px solid #cccccc;
	clear: both;
	font-size: 0.9em;
	margin-right: 45px;
	padding: 7px 0;
	width: 190px;
}
	.favouriteItem .waterfallAvatar{
		background-size: auto 24px;
		height: 24px;
		width: 20px;
	}
	.favouriteItem .searchResultDescription{
		font-size: 1em;
		margin-left: 40px;
	}
	.favouriteItem .waterfallTimesTampItem {
	    color: #666666;
	    font-weight: normal;
	    margin-left: 0px;
	    margin-right: 0px;
	    margin-top: 3px;
	    padding-right: 0px;
	}

.favoriteName{
    display:table-cell;
    vertical-align:middle;
    text-align:left;
}

.favouriteCloudItem{
	padding: 8px;
    position: absolute;
    white-space: nowrap;
}
	.favouriteCloudItem:hover{
		background: #ffffff;
		border-radius: 5px;
		color: #666666;
	}

	.favouriteCloudItem a{
		color: inherit;
		text-decoration: none;
	}
	.favouriteCloudItem a:hover{
		text-decoration: underline;
	}


.favoriteOrder1{
    color: #F16B8A;
    font-size: 20px;
    left: 45px;

    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform-origin: 0 0;

    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
}
.favoriteOrder2{
    color: #98742B;
    font-size: 20px;
    left: 18px;

    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform-origin: 0 0;

    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
}
.favoriteOrder3{
    color: #6F8CC7;
    font-size: 29px;
    left: 83px;

    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform-origin: 0 0;

    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}
.favoriteOrder4{
    color: #A986BD;
    font-size: 22px;
    left: 158px;

    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform-origin: 0 0;

    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -o-transform:rotate(270deg);
}
.favoriteOrder5{
    color: #94D7E5;
    font-size: 28px;
    left: 147px;

    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform-origin: 0 0;

    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}
.favoriteOrder6{
    color: #95CD85;
    font-size: 30px;
    left: 17px;

    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform-origin: 0 0;

    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
}
.favoriteOrder7{
    color: #F05253;
    font-size: 20px;
    left: 10px;

    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform-origin: 0 0;

    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
}
.favoriteOrder8{
    color: #2043B7;
    font-size: 20px;
    left: 50px;

    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform-origin: 0 0;

    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
}
.favoriteOrder9{
    color: #6049EA;
    font-size: 25px;
    left: 265px;

    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform-origin: 0 0;

    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}
.favoriteOrder10{
    color: #A5A4A4;
    font-size: 28px;
    left: 15px;

    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform-origin: 0 0;

    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
}
.titleSection{
	margin-left: 80px;
	word-break:break-word;
}
.movableFavorite{
	cursor: row-resize;
	display: none;
	float: left;
	height: 20px;
	margin: 5px 0 0 0;
}
#createNewGroupWrapper{
	display: none;
	font-size: 0.9em;
	position: relative;
	margin: 5px; 0 0 0;
	width: 100%;
	z-index: 1;
}
#newFavoriteGroupName{
	border: 1px solid #cccccc;
	color: #666666;
	font-size: 1em;
	margin-left: 20px;
	text-indent: 5px;
	width: 33%;
}
.favoriteGroupName{
	color: #424242;
	font-size: 1em;
	font-weight: bold;
	min-height: 20px;
	padding: 10px 0 0 0;
}
#addNewFavoriteGroup{
	background: #424242;
	border-radius: 3px;
	padding: 3px;
	vertical-align: middle;
	width: 15px;
}
#sugestedKeywordsForUpload{
	background: #f2f2f2;
    border: 1px solid #000;
    display: none;
    color: #838383;
    float: right;
    max-height: 135px;
    margin-bottom:10px;
    margin-left:10px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 15px;
    position: fixed;
    z-index: 2;
}
	#sugestedKeywordsForUpload div{
		padding: 5px;
	}
.formulasugestionText, .keywordResultSuggestion {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
}
.availableKeyboard{
	cursor: pointer;
}
#TEXTAREA--mirror-div{
	opacity: 0;
    top: -500px !important;
}

#keywordExperimentalTextbox{
	background: #ffffff;
	margin: 5px 4%;
	max-height: 90px;
	min-height: 25px;
	position: relative;
	width: 92%;
}
	#keywordExperimentalTextbox span{
		display: inline-block;
		margin-right: 5px;
		position: relative;
	}
	#keywordExperimentalTextbox input{
		border: none;
		display: inline-block;
		margin: 0 5px 0 0;
		padding: 0;
		position: relative;
		width: auto;
	}
#keywordsBackgroundArea{
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
#dragUploadWindowHandle{
	position: absolute;
	background: rgba(255,255,255,0);
	height: 40px;
	left: 0;
	right: 0;
	top: 0;
	z-index: -1;
}

/*draw a triangle*/
.arrow-left {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right:10px solid #FF7F27;
}

#previousList li {
    float: left;
    display: inline;
    padding: 5px;
    list-style-image:
}

#previousList li:hover #previousList li:focus {
    background-color:red;
}

.previousList {
    list-style-type: square;
    margin: 5px;
    padding: 5px;
    overflow: hidden;
    list-style: square inside url("sqpurple.gif");
}

#previousList a {
    text-decoration: none;
    padding: .2em 1em;
    cursor: pointer;
}

#previousList a:hover,
#previousList a:focus {
    color:#4ca6cf;
}
#forgotPasswordSection{
	background: rgba(0,0,0,0.7);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 55;
}
#signUpSection{
	background: rgba(0,0,0,0.7);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 22;
}
#resetPasswordform{
	background: #ffffff;
	border-radius: 8px;
	left: 50%;
	margin-left: -200px;
	padding: 10px 40px 25px 40px;
	position: fixed;
	top: 25%;
	width: 450px;
	z-index: 55;
}
#signUpform{
	background: #ffffff;
	border-radius: 8px;
	left: 50%;
	margin-left: -200px;
	padding: 10px 40px 25px 40px;
	position: fixed;
	top: 25%;
	width: 400px;
	z-index: 22;
}
#resetPasswordform input[type="text"]{
		width: 70%;
		margin: 5px 0;
	}
#signUpSection input{
		width: 100%;
		margin: 5px 0;
        float: right;
	}
.signUpLabel {
 width: 30%;
 float: left;
}
.resetPasswordWarning{
	font-size: 1.4em;
	padding: 10px 0;
}

#btnDialogWindowLink,
#btnDialogWindowOK,
#btnDialogWindowYes,
#btnDialogWindowNo,
#btnDialogWindowCancel,
#btnDialogWindowIgnore {
	min-width: 85px;
	/*
	border: none;
	cursor: pointer;
	float: right;
	margin-right: 10px;
	padding: 5px 0;
	*/
}


#newPateoMessagesGlobal{
	background-color: red;
	border-radius: 50px;
	color: #f2f2f2;
	cursor: pointer;
	height: auto;
	left: 30px;
	min-width: 15px;
	padding: 5px 6px;
	position: fixed;
	text-align: center;
	top: 25px;
	width: auto;
	z-index: 130;
    display:none;
}

#iphoneClickToDismissFavoritees{
	display: none;
}
.insertLinkWindow{
	cursor: pointer;
    left: 389px;
	position: absolute;
    top: 40px;
    z-index: 3;
}
#insertLinkPanel{
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 2px 2px 6px #666666;
	display: none;
	left: 250px;
	padding: 10px;
	position: absolute;
	top:40px;
	width: 300px;
	z-index: 4;
}
	#insertLinkPanel label{
		display: block;
		margin: 10px 0 5px 0;
	}
	#insertLinkPanel input{
		width: 90%;
	}
	#insertLinkPanel button{
		margin: 20px 0 0 10px;
	}

.fileTypeImages[data-href$=".txt"]:before,
.fileTypeImages[data-href$=".TXT"]:before {
    content: "";
    background-image: url('/Images/txt-file-icon.png');
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    height: 30px;
    margin-left: 0;
    margin-right: 5px;
    width: 30px;
    }

.fileTypeImages[data-href$=".doc"]:before,
.fileTypeImages[data-href$=".DOC"]:before,
.fileTypeImages[data-href$=".docx"]:before,
.fileTypeImages[data-href$=".DOCX"]:before {
    content: "";
    background-image: url('/Images/word-file-icon.png');
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    height: 30px;
    margin-left: 0;
    margin-right: 5px;
    width: 30px;
}

.fileTypeImages[data-href$=".xls"]:before,
.fileTypeImages[data-href$=".XLS"]:before,
.fileTypeImages[data-href$=".xlsx"]:before,
.fileTypeImages[data-href$=".XLSX"]:before,
.fileTypeImages[data-href$=".csv"]:before,
.fileTypeImages[data-href$=".CSV"]:before,
.fileTypeImages[data-href$=".xlsm"]:before,
.fileTypeImages[data-href$=".XLSM"]:before{
    content: "";
    background-image: url('/Images/excel-file-icon.png');
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    height: 30px;
    margin-left: 0;
    margin-right: 5px;
    width: 30px;
}

.fileTypeImages[data-href$=".png"]:before,
.fileTypeImages[data-href$=".PNG"]:before,
.fileTypeImages[data-href$=".jpg"]:before,
.fileTypeImages[data-href$=".JPG"]:before,
.fileTypeImages[data-href$=".jpeg"]:before,
.fileTypeImages[data-href$=".JPEG"]:before,
.fileTypeImages[data-href$=".gif"]:before,
.fileTypeImages[data-href$=".GIF"]:before {
    content: "";
    background-image: url('/Images/image-file-icon.png');
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    height: 30px;
    margin-left: 0;
    margin-right: 5px;
    width: 30px;
}

.fileTypeImages[data-href$=".pdf"]:before,
.fileTypeImages[data-href$=".PDF"]:before {
    content: "";
    background-image: url('/Images/pdf-file-icon.png');
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    height: 30px;
    margin-left: 0;
    margin-right: 5px;
    width: 30px;
}

.fileTypeImages[data-href$=".ppt"]:before,
.fileTypeImages[data-href$=".PPT"]:before,
.fileTypeImages[data-href$=".pptx"]:before,
.fileTypeImages[data-href$=".PPTX"]:before {
    content: "";
    background-image: url('/Images/pp-file-icon.png');
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    height: 30px;
    margin-left: 0;
    margin-right: 5px;
    width: 30px;
}

/** 
 * Kendo UI v2016.3.914 (http://www.telerik.com/kendo-ui)                                                                                                                                               
 * Copyright 2016 Telerik AD. All rights reserved.                                                                                                                                                      
 *                                                                                                                                                                                                      
 * Kendo UI commercial licenses may be obtained at                                                                                                                                                      
 * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete                                                                                                                                  
 * If you do not own a commercial license, this file shall be governed by the trial license terms.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/
/* Kendo base CSS */
.fake {
  color: red;
}
.k-common-test-class {
  opacity: 0;
}
.k-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.k-floatwrap:after,
.k-slider-items:after,
.k-grid-toolbar:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.k-floatwrap,
.k-slider-items,
.k-grid-toolbar {
  display: inline-block;
}
.k-floatwrap,
.k-slider-items,
.k-grid-toolbar {
  display: block;
}
/* main gradient */
.k-block,
.k-button,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-tooltip,
.k-pager-wrap,
.k-tabstrip-items .k-item,
.k-link.k-state-hover,
.k-textbox,
.k-textbox:hover,
.k-autocomplete,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-autocomplete.k-state-hover,
.k-dropdown-wrap.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-draghandle {
  background-repeat: repeat;
  background-position: 0 center;
}
.k-link:hover {
  text-decoration: none;
}
.k-state-highlight > .k-link {
  color: inherit;
}
/* widget */
.k-textbox > input,
.k-input[type="text"],
.k-input[type="number"],
.k-textbox,
.k-picker-wrap .k-input,
.k-button {
  font-size: 100%;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  -webkit-appearance: none;
}
.k-widget,
.k-block,
.k-inline-block,
.k-draghandle {
  border-style: solid;
  border-width: 1px;
  -webkit-appearance: none;
}
.k-block,
.k-widget {
  line-height: normal;
  outline: 0;
}
.k-widget ::-ms-clear,
.k-list-filter ::-ms-clear {
  width: 0;
  height: 0;
}
/* Block */
.k-block {
  padding: 2px;
}
/* button */
.k-button,
.k-button-bare {
  display: inline-block;
  margin: 0;
  padding: 2px 7px 2px;
  font-family: inherit;
  line-height: 1.72em;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}
.k-button[disabled],
.k-button.k-state-disabled,
.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active,
.k-button-bare[disabled],
.k-button-bare.k-state-disabled,
.k-state-disabled .k-button-bare,
.k-state-disabled .k-button-bare:hover,
.k-button-bare.k-state-disabled:hover,
.k-state-disabled .k-button-bare:active,
.k-button-bare.k-state-disabled:active {
  cursor: default;
}
a.k-button,
a.k-button-bare {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
}
/* Override the important default line-height in Firefox 4+ */
.k-ff input.k-button {
  padding-bottom: 0.37em;
  padding-top: 0.37em;
}
button.k-button::-moz-focus-inner,
input.k-button::-moz-focus-inner,
.button.k-button-bare::-moz-focus-inner,
input.k-button-bare::-moz-focus-inner {
  padding: 0;
  border: 0;
}
a.k-button-expand {
  display: block;
}
button.k-button-expand,
input[type="submit"].k-button-expand,
input[type="button"].k-button-expand,
input[type="reset"].k-button-expand {
  width: 100%;
}
body .k-button-icon,
body .k-split-button-arrow {
  padding-left: .4em;
  padding-right: .4em;
}
.k-button-icontext {
  overflow: visible;
  /*IE9*/
}
.k-toolbar .k-button-icontext {
  padding-right: .8em;
}
.k-button-icontext .k-icon,
.k-button-icontext .k-image,
.k-button-icontext .k-sprite {
  margin-right: 3px;
  margin-right: .3rem;
  margin-left: -3px;
  margin-left: -0.3rem;
}
.k-button.k-button-icontext .k-icon,
.k-button.k-button-icontext .k-image {
  vertical-align: text-top;
}
html body .k-button-bare {
  background: none !important;
  /*spares long selectors*/
  color: inherit;
  border-width: 0;
  opacity: 0.7;
  -webkit-box-shadow: none;
          box-shadow: none;
}
html body .k-button-bare,
html body .k-button-bare:hover,
html body .k-button-bare.k-state-hover,
html body .k-button-bare:active,
html body .k-button-bare.k-state-active,
html body .k-button-bare.k-state-active:hover {
  color: inherit;
}
html body .k-button-bare:focus,
html body .k-button-bare .k-state-focused {
  background: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-color: transparent;
  opacity: 0.8;
}
html body .k-button-bare:hover,
html body .k-button-bare.k-state-hover,
html body .k-button-bare:active,
html body .k-button-bare.k-state-active {
  opacity: 1;
}
html body .k-button-bare.k-upload-button:hover {
  color: inherit;
}
/* link */
.k-link {
  cursor: pointer;
  outline: 0;
  text-decoration: none;
}
.k-grid-header span.k-link {
  cursor: default;
}
/* states */
.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-icon,
.k-state-disabled .k-button,
.k-state-disabled .k-draghandle,
.k-state-disabled .k-upload-button input {
  cursor: default !important;
  outline: 0;
}
@media print {
  .k-state-disabled,
  .k-state-disabled .k-input {
    opacity: 1 !important;
  }
}
.k-state-error {
  border-style: ridge;
}
.k-state-empty {
  font-style: italic;
}
/* icons */
.k-icon,
.k-sprite,
.k-tool-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  text-align: center;
  -ms-high-contrast-adjust: none;
}
.k-button-bare .k-font-icon {
  overflow: visible;
}
.k-icon.k-i-none {
  background-image: none !important;
  /* should never be a background on these */
}
/* In IE7 vertical align: middle can't be overridden */
.k-ie8 .k-icon,
.k-ie8 .k-sprite,
.k-ie8 .k-tool-icon {
  vertical-align: middle;
}
:root * > .k-icon,
:root * > .k-sprite,
:root * > .k-tool-icon {
  vertical-align: middle;
}
.k-icon,
.k-sprite {
  background-color: transparent;
}
.k-numerictextbox .k-select .k-link span.k-i-arrow-n {
  background-position: 0 -3px;
}
.k-numerictextbox .k-select .k-link span.k-i-arrow-s {
  background-position: 0 -35px;
}
.k-state-selected .k-i-arrow-n {
  background-position: -16px 0px;
}
.k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-n,
.k-state-hover > .k-state-selected .k-i-arrow-n,
.k-state-hover > * > .k-state-selected .k-i-arrow-n,
.k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-n,
.k-textbox:hover .k-state-selected .k-i-arrow-n,
.k-button:active .k-state-selected .k-i-arrow-n {
  background-position: -32px 0px;
}
.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,
.k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
  background-position: -16px -3px;
}
.k-state-selected .k-i-arrow-s {
  background-position: -16px -32px;
}
.k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-s,
.k-state-hover > .k-state-selected .k-i-arrow-s,
.k-state-hover > * > .k-state-selected .k-i-arrow-s,
.k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-s,
.k-textbox:hover .k-state-selected .k-i-arrow-s,
.k-button:active .k-state-selected .k-i-arrow-s {
  background-position: -32px -32px;
}
.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,
.k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
  background-position: -16px -35px;
}
.k-grid-header th > .k-link:hover span.k-i-arrow-n {
  background-position: 0px 0px;
}
.k-grid-header th > .k-link:hover span.k-i-arrow-s {
  background-position: 0px -32px;
}
.k-group-indicator .k-link:hover span.k-si-arrow-n,
.k-group-indicator .k-link:hover span.k-i-sarrow-n {
  background-position: 0 -129px;
}
.k-group-indicator .k-link:hover span.k-si-arrow-s,
.k-group-indicator .k-link:hover span.k-i-sarrow-s {
  background-position: 0 -159px;
}
.k-group-indicator .k-button:hover span.k-group-delete,
.k-group-indicator .k-button:hover span.k-i-group-delete {
  background-position: -32px -16px;
}
.k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar {
  background-position: -32px -176px;
}
.k-i-arrow-n {
  background-position: 0px 0px;
}
.k-link:not(.k-state-disabled):hover > .k-i-arrow-n,
.k-state-hover > .k-i-arrow-n,
.k-state-hover > * > .k-i-arrow-n,
.k-button:not(.k-state-disabled):hover .k-i-arrow-n,
.k-textbox:hover .k-i-arrow-n,
.k-button:active .k-i-arrow-n {
  background-position: -16px 0px;
}
.k-i-arrow-e {
  background-position: 0px -16px;
}
.k-link:not(.k-state-disabled):hover > .k-i-arrow-e,
.k-state-hover > .k-i-arrow-e,
.k-state-hover > * > .k-i-arrow-e,
.k-button:not(.k-state-disabled):hover .k-i-arrow-e,
.k-textbox:hover .k-i-arrow-e,
.k-button:active .k-i-arrow-e {
  background-position: -16px -16px;
}
.k-rtl .k-i-arrow-w {
  background-position: 0px -16px;
}
.k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-w,
.k-rtl .k-state-hover > .k-i-arrow-w,
.k-rtl .k-state-hover > * > .k-i-arrow-w,
.k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-w,
.k-rtl .k-textbox:hover .k-i-arrow-w,
.k-rtl .k-button:active .k-i-arrow-w {
  background-position: -16px -16px;
}
.k-i-arrow-s {
  background-position: 0px -32px;
}
.k-link:not(.k-state-disabled):hover > .k-i-arrow-s,
.k-state-hover > .k-i-arrow-s,
.k-state-hover > * > .k-i-arrow-s,
.k-button:not(.k-state-disabled):hover .k-i-arrow-s,
.k-textbox:hover .k-i-arrow-s,
.k-button:active .k-i-arrow-s {
  background-position: -16px -32px;
}
.k-i-arrow-w {
  background-position: 0px -48px;
}
.k-link:not(.k-state-disabled):hover > .k-i-arrow-w,
.k-state-hover > .k-i-arrow-w,
.k-state-hover > * > .k-i-arrow-w,
.k-button:not(.k-state-disabled):hover .k-i-arrow-w,
.k-textbox:hover .k-i-arrow-w,
.k-button:active .k-i-arrow-w {
  background-position: -16px -48px;
}
.k-rtl .k-i-arrow-e {
  background-position: 0px -48px;
}
.k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-e,
.k-rtl .k-state-hover > .k-i-arrow-e,
.k-rtl .k-state-hover > * > .k-i-arrow-e,
.k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-e,
.k-rtl .k-textbox:hover .k-i-arrow-e,
.k-rtl .k-button:active .k-i-arrow-e {
  background-position: -16px -48px;
}
.k-i-seek-n {
  background-position: 0px -64px;
}
.k-link:not(.k-state-disabled):hover > .k-i-seek-n,
.k-state-hover > .k-i-seek-n,
.k-state-hover > * > .k-i-seek-n,
.k-button:not(.k-state-disabled):hover .k-i-seek-n,
.k-textbox:hover .k-i-seek-n,
.k-button:active .k-i-seek-n {
  background-position: -16px -64px;
}
.k-i-seek-e {
  background-position: 0px -80px;
}
.k-link:not(.k-state-disabled):hover > .k-i-seek-e,
.k-state-hover > .k-i-seek-e,
.k-state-hover > * > .k-i-seek-e,
.k-button:not(.k-state-disabled):hover .k-i-seek-e,
.k-textbox:hover .k-i-seek-e,
.k-button:active .k-i-seek-e {
  background-position: -16px -80px;
}
.k-rtl .k-i-seek-w {
  background-position: 0px -80px;
}
.k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-w,
.k-rtl .k-state-hover > .k-i-seek-w,
.k-rtl .k-state-hover > * > .k-i-seek-w,
.k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-w,
.k-rtl .k-textbox:hover .k-i-seek-w,
.k-rtl .k-button:active .k-i-seek-w {
  background-position: -16px -80px;
}
.k-i-seek-s {
  background-position: 0px -96px;
}
.k-link:not(.k-state-disabled):hover > .k-i-seek-s,
.k-state-hover > .k-i-seek-s,
.k-state-hover > * > .k-i-seek-s,
.k-button:not(.k-state-disabled):hover .k-i-seek-s,
.k-textbox:hover .k-i-seek-s,
.k-button:active .k-i-seek-s {
  background-position: -16px -96px;
}
.k-i-seek-w {
  background-position: 0px -112px;
}
.k-link:not(.k-state-disabled):hover > .k-i-seek-w,
.k-state-hover > .k-i-seek-w,
.k-state-hover > * > .k-i-seek-w,
.k-button:not(.k-state-disabled):hover .k-i-seek-w,
.k-textbox:hover .k-i-seek-w,
.k-button:active .k-i-seek-w {
  background-position: -16px -112px;
}
.k-rtl .k-i-seek-e {
  background-position: 0px -112px;
}
.k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-e,
.k-rtl .k-state-hover > .k-i-seek-e,
.k-rtl .k-state-hover > * > .k-i-seek-e,
.k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-e,
.k-rtl .k-textbox:hover .k-i-seek-e,
.k-rtl .k-button:active .k-i-seek-e {
  background-position: -16px -112px;
}
.k-si-arrow-n,
.k-i-sarrow-n {
  background-position: 0 -129px;
}
.k-link:not(.k-state-disabled):hover > .k-si-arrow-n,
.k-link:not(.k-state-disabled):hover > .k-i-sarrow-n,
.k-state-hover > .k-si-arrow-n,
.k-state-hover > .k-i-sarrow-n,
.k-state-hover > * > .k-si-arrow-n,
.k-state-hover > * > .k-i-sarrow-n,
.k-button:not(.k-state-disabled):hover .k-si-arrow-n,
.k-button:not(.k-state-disabled):hover .k-i-sarrow-n,
.k-textbox:hover .k-si-arrow-n,
.k-textbox:hover .k-i-sarrow-n,
.k-button:active .k-si-arrow-n,
.k-button:active .k-i-sarrow-n {
  background-position: -16px -129px;
}
.k-si-arrow-e,
.k-i-sarrow-e {
  background-position: 0px -144px;
}
.k-link:not(.k-state-disabled):hover > .k-si-arrow-e,
.k-link:not(.k-state-disabled):hover > .k-i-sarrow-e,
.k-state-hover > .k-si-arrow-e,
.k-state-hover > .k-i-sarrow-e,
.k-state-hover > * > .k-si-arrow-e,
.k-state-hover > * > .k-i-sarrow-e,
.k-button:not(.k-state-disabled):hover .k-si-arrow-e,
.k-button:not(.k-state-disabled):hover .k-i-sarrow-e,
.k-textbox:hover .k-si-arrow-e,
.k-textbox:hover .k-i-sarrow-e,
.k-button:active .k-si-arrow-e,
.k-button:active .k-i-sarrow-e {
  background-position: -16px -144px;
}
.k-si-arrow-s,
.k-i-sarrow-s {
  background-position: 0 -159px;
}
.k-link:not(.k-state-disabled):hover > .k-si-arrow-s,
.k-link:not(.k-state-disabled):hover > .k-i-sarrow-s,
.k-state-hover > .k-si-arrow-s,
.k-state-hover > .k-i-sarrow-s,
.k-state-hover > * > .k-si-arrow-s,
.k-state-hover > * > .k-i-sarrow-s,
.k-button:not(.k-state-disabled):hover .k-si-arrow-s,
.k-button:not(.k-state-disabled):hover .k-i-sarrow-s,
.k-textbox:hover .k-si-arrow-s,
.k-textbox:hover .k-i-sarrow-s,
.k-button:active .k-si-arrow-s,
.k-button:active .k-i-sarrow-s {
  background-position: -16px -159px;
}
.k-si-arrow-w,
.k-i-sarrow-w {
  background-position: 0px -176px;
}
.k-link:not(.k-state-disabled):hover > .k-si-arrow-w,
.k-link:not(.k-state-disabled):hover > .k-i-sarrow-w,
.k-state-hover > .k-si-arrow-w,
.k-state-hover > .k-i-sarrow-w,
.k-state-hover > * > .k-si-arrow-w,
.k-state-hover > * > .k-i-sarrow-w,
.k-button:not(.k-state-disabled):hover .k-si-arrow-w,
.k-button:not(.k-state-disabled):hover .k-i-sarrow-w,
.k-textbox:hover .k-si-arrow-w,
.k-textbox:hover .k-i-sarrow-w,
.k-button:active .k-si-arrow-w,
.k-button:active .k-i-sarrow-w {
  background-position: -16px -176px;
}
.k-i-arrowhead-n {
  background-position: 0px -256px;
}
.k-link:not(.k-state-disabled):hover > .k-i-arrowhead-n,
.k-state-hover > .k-i-arrowhead-n,
.k-state-hover > * > .k-i-arrowhead-n,
.k-button:not(.k-state-disabled):hover .k-i-arrowhead-n,
.k-textbox:hover .k-i-arrowhead-n,
.k-button:active .k-i-arrowhead-n {
  background-position: -16px -256px;
}
.k-i-arrowhead-e {
  background-position: 0px -272px;
}
.k-link:not(.k-state-disabled):hover > .k-i-arrowhead-e,
.k-state-hover > .k-i-arrowhead-e,
.k-state-hover > * > .k-i-arrowhead-e,
.k-button:not(.k-state-disabled):hover .k-i-arrowhead-e,
.k-textbox:hover .k-i-arrowhead-e,
.k-button:active .k-i-arrowhead-e {
  background-position: -16px -272px;
}
.k-i-arrowhead-s {
  background-position: 0px -288px;
}
.k-link:not(.k-state-disabled):hover > .k-i-arrowhead-s,
.k-state-hover > .k-i-arrowhead-s,
.k-state-hover > * > .k-i-arrowhead-s,
.k-button:not(.k-state-disabled):hover .k-i-arrowhead-s,
.k-textbox:hover .k-i-arrowhead-s,
.k-button:active .k-i-arrowhead-s {
  background-position: -16px -288px;
}
.k-i-arrowhead-w {
  background-position: 0px -304px;
}
.k-link:not(.k-state-disabled):hover > .k-i-arrowhead-w,
.k-state-hover > .k-i-arrowhead-w,
.k-state-hover > * > .k-i-arrowhead-w,
.k-button:not(.k-state-disabled):hover .k-i-arrowhead-w,
.k-textbox:hover .k-i-arrowhead-w,
.k-button:active .k-i-arrowhead-w {
  background-position: -16px -304px;
}
.k-i-expand,
.k-plus,
.k-plus-disabled,
.k-i-plus,
.k-i-plus-disabled {
  background-position: 0px -192px;
}
.k-link:not(.k-state-disabled):hover > .k-i-expand,
.k-link:not(.k-state-disabled):hover > .k-plus,
.k-link:not(.k-state-disabled):hover > .k-plus-disabled,
.k-link:not(.k-state-disabled):hover > .k-i-plus,
.k-link:not(.k-state-disabled):hover > .k-i-plus-disabled,
.k-state-hover > .k-i-expand,
.k-state-hover > .k-plus,
.k-state-hover > .k-plus-disabled,
.k-state-hover > .k-i-plus,
.k-state-hover > .k-i-plus-disabled,
.k-state-hover > * > .k-i-expand,
.k-state-hover > * > .k-plus,
.k-state-hover > * > .k-plus-disabled,
.k-state-hover > * > .k-i-plus,
.k-state-hover > * > .k-i-plus-disabled,
.k-button:not(.k-state-disabled):hover .k-i-expand,
.k-button:not(.k-state-disabled):hover .k-plus,
.k-button:not(.k-state-disabled):hover .k-plus-disabled,
.k-button:not(.k-state-disabled):hover .k-i-plus,
.k-button:not(.k-state-disabled):hover .k-i-plus-disabled,
.k-textbox:hover .k-i-expand,
.k-textbox:hover .k-plus,
.k-textbox:hover .k-plus-disabled,
.k-textbox:hover .k-i-plus,
.k-textbox:hover .k-i-plus-disabled,
.k-button:active .k-i-expand,
.k-button:active .k-plus,
.k-button:active .k-plus-disabled,
.k-button:active .k-i-plus,
.k-button:active .k-i-plus-disabled {
  background-position: -16px -192px;
}
.k-i-expand-w,
.k-rtl .k-i-expand,
.k-rtl .k-plus,
.k-rtl .k-plus-disabled,
.k-rtl .k-i-plus,
.k-rtl .k-i-plus-disabled {
  background-position: 0px -208px;
}
.k-link:not(.k-state-disabled):hover > .k-i-expand-w,
.k-link:not(.k-state-disabled):hover > .k-rtl .k-i-expand,
.k-link:not(.k-state-disabled):hover > .k-rtl .k-plus,
.k-link:not(.k-state-disabled):hover > .k-rtl .k-plus-disabled,
.k-link:not(.k-state-disabled):hover > .k-rtl .k-i-plus,
.k-link:not(.k-state-disabled):hover > .k-rtl .k-i-plus-disabled,
.k-state-hover > .k-i-expand-w,
.k-state-hover > .k-rtl .k-i-expand,
.k-state-hover > .k-rtl .k-plus,
.k-state-hover > .k-rtl .k-plus-disabled,
.k-state-hover > .k-rtl .k-i-plus,
.k-state-hover > .k-rtl .k-i-plus-disabled,
.k-state-hover > * > .k-i-expand-w,
.k-state-hover > * > .k-rtl .k-i-expand,
.k-state-hover > * > .k-rtl .k-plus,
.k-state-hover > * > .k-rtl .k-plus-disabled,
.k-state-hover > * > .k-rtl .k-i-plus,
.k-state-hover > * > .k-rtl .k-i-plus-disabled,
.k-button:not(.k-state-disabled):hover .k-i-expand-w,
.k-button:not(.k-state-disabled):hover .k-rtl .k-i-expand,
.k-button:not(.k-state-disabled):hover .k-rtl .k-plus,
.k-button:not(.k-state-disabled):hover .k-rtl .k-plus-disabled,
.k-button:not(.k-state-disabled):hover .k-rtl .k-i-plus,
.k-button:not(.k-state-disabled):hover .k-rtl .k-i-plus-disabled,
.k-textbox:hover .k-i-expand-w,
.k-textbox:hover .k-rtl .k-i-expand,
.k-textbox:hover .k-rtl .k-plus,
.k-textbox:hover .k-rtl .k-plus-disabled,
.k-textbox:hover .k-rtl .k-i-plus,
.k-textbox:hover .k-rtl .k-i-plus-disabled,
.k-button:active .k-i-expand-w,
.k-button:active .k-rtl .k-i-expand,
.k-button:active .k-rtl .k-plus,
.k-button:active .k-rtl .k-plus-disabled,
.k-button:active .k-rtl .k-i-plus,
.k-button:active .k-rtl .k-i-plus-disabled {
  background-position: -16px -208px;
}
.k-i-collapse,
.k-minus,
.k-minus-disabled,
.k-i-minus,
.k-i-minus-disabled {
  background-position: 0px -224px;
}
.k-link:not(.k-state-disabled):hover > .k-i-collapse,
.k-link:not(.k-state-disabled):hover > .k-minus,
.k-link:not(.k-state-disabled):hover > .k-minus-disabled,
.k-link:not(.k-state-disabled):hover > .k-i-minus,
.k-link:not(.k-state-disabled):hover > .k-i-minus-disabled,
.k-state-hover > .k-i-collapse,
.k-state-hover > .k-minus,
.k-state-hover > .k-minus-disabled,
.k-state-hover > .k-i-minus,
.k-state-hover > .k-i-minus-disabled,
.k-state-hover > * > .k-i-collapse,
.k-state-hover > * > .k-minus,
.k-state-hover > * > .k-minus-disabled,
.k-state-hover > * > .k-i-minus,
.k-state-hover > * > .k-i-minus-disabled,
.k-button:not(.k-state-disabled):hover .k-i-collapse,
.k-button:not(.k-state-disabled):hover .k-minus,
.k-button:not(.k-state-disabled):hover .k-minus-disabled,
.k-button:not(.k-state-disabled):hover .k-i-minus,
.k-button:not(.k-state-disabled):hover .k-i-minus-disabled,
.k-textbox:hover .k-i-collapse,
.k-textbox:hover .k-minus,
.k-textbox:hover .k-minus-disabled,
.k-textbox:hover .k-i-minus,
.k-textbox:hover .k-i-minus-disabled,
.k-button:active .k-i-collapse,
.k-button:active .k-minus,
.k-button:active .k-minus-disabled,
.k-button:active .k-i-minus,
.k-button:active .k-i-minus-disabled {
  background-position: -16px -224px;
}
.k-i-collapse-w,
.k-rtl .k-i-collapse,
.k-rtl .k-minus,
.k-rtl .k-minus-disabled,
.k-rtl .k-i-minus,
.k-rtl .k-i-minus-disabled {
  background-position: 0px -240px;
}
.k-link:not(.k-state-disabled):hover > .k-i-collapse-w,
.k-link:not(.k-state-disabled):hover > .k-rtl .k-i-collapse,
.k-link:not(.k-state-disabled):hover > .k-rtl .k-minus,
.k-link:not(.k-state-disabled):hover > .k-rtl .k-minus-disabled,
.k-link:not(.k-state-disabled):hover > .k-rtl .k-i-minus,
.k-link:not(.k-state-disabled):hover > .k-rtl .k-i-minus-disabled,
.k-state-hover > .k-i-collapse-w,
.k-state-hover > .k-rtl .k-i-collapse,
.k-state-hover > .k-rtl .k-minus,
.k-state-hover > .k-rtl .k-minus-disabled,
.k-state-hover > .k-rtl .k-i-minus,
.k-state-hover > .k-rtl .k-i-minus-disabled,
.k-state-hover > * > .k-i-collapse-w,
.k-state-hover > * > .k-rtl .k-i-collapse,
.k-state-hover > * > .k-rtl .k-minus,
.k-state-hover > * > .k-rtl .k-minus-disabled,
.k-state-hover > * > .k-rtl .k-i-minus,
.k-state-hover > * > .k-rtl .k-i-minus-disabled,
.k-button:not(.k-state-disabled):hover .k-i-collapse-w,
.k-button:not(.k-state-disabled):hover .k-rtl .k-i-collapse,
.k-button:not(.k-state-disabled):hover .k-rtl .k-minus,
.k-button:not(.k-state-disabled):hover .k-rtl .k-minus-disabled,
.k-button:not(.k-state-disabled):hover .k-rtl .k-i-minus,
.k-button:not(.k-state-disabled):hover .k-rtl .k-i-minus-disabled,
.k-textbox:hover .k-i-collapse-w,
.k-textbox:hover .k-rtl .k-i-collapse,
.k-textbox:hover .k-rtl .k-minus,
.k-textbox:hover .k-rtl .k-minus-disabled,
.k-textbox:hover .k-rtl .k-i-minus,
.k-textbox:hover .k-rtl .k-i-minus-disabled,
.k-button:active .k-i-collapse-w,
.k-button:active .k-rtl .k-i-collapse,
.k-button:active .k-rtl .k-minus,
.k-button:active .k-rtl .k-minus-disabled,
.k-button:active .k-rtl .k-i-minus,
.k-button:active .k-rtl .k-i-minus-disabled {
  background-position: -16px -240px;
}
.k-i-pencil,
.k-edit,
.k-i-edit {
  background-position: -32px 0px;
}
.k-link:not(.k-state-disabled):hover > .k-i-pencil,
.k-link:not(.k-state-disabled):hover > .k-edit,
.k-link:not(.k-state-disabled):hover > .k-i-edit,
.k-state-hover > .k-i-pencil,
.k-state-hover > .k-edit,
.k-state-hover > .k-i-edit,
.k-state-hover > * > .k-i-pencil,
.k-state-hover > * > .k-edit,
.k-state-hover > * > .k-i-edit,
.k-button:not(.k-state-disabled):hover .k-i-pencil,
.k-button:not(.k-state-disabled):hover .k-edit,
.k-button:not(.k-state-disabled):hover .k-i-edit,
.k-textbox:hover .k-i-pencil,
.k-textbox:hover .k-edit,
.k-textbox:hover .k-i-edit,
.k-button:active .k-i-pencil,
.k-button:active .k-edit,
.k-button:active .k-i-edit {
  background-position: -48px 0px;
}
.k-i-close,
.k-delete,
.k-group-delete,
.k-i-delete,
.k-i-group-delete {
  background-position: -32px -16px;
}
.k-link:not(.k-state-disabled):hover > .k-i-close,
.k-link:not(.k-state-disabled):hover > .k-delete,
.k-link:not(.k-state-disabled):hover > .k-group-delete,
.k-link:not(.k-state-disabled):hover > .k-i-delete,
.k-link:not(.k-state-disabled):hover > .k-i-group-delete,
.k-state-hover > .k-i-close,
.k-state-hover > .k-delete,
.k-state-hover > .k-group-delete,
.k-state-hover > .k-i-delete,
.k-state-hover > .k-i-group-delete,
.k-state-hover > * > .k-i-close,
.k-state-hover > * > .k-delete,
.k-state-hover > * > .k-group-delete,
.k-state-hover > * > .k-i-delete,
.k-state-hover > * > .k-i-group-delete,
.k-button:not(.k-state-disabled):hover .k-i-close,
.k-button:not(.k-state-disabled):hover .k-delete,
.k-button:not(.k-state-disabled):hover .k-group-delete,
.k-button:not(.k-state-disabled):hover .k-i-delete,
.k-button:not(.k-state-disabled):hover .k-i-group-delete,
.k-textbox:hover .k-i-close,
.k-textbox:hover .k-delete,
.k-textbox:hover .k-group-delete,
.k-textbox:hover .k-i-delete,
.k-textbox:hover .k-i-group-delete,
.k-button:active .k-i-close,
.k-button:active .k-delete,
.k-button:active .k-group-delete,
.k-button:active .k-i-delete,
.k-button:active .k-i-group-delete {
  background-position: -48px -16px;
}
.k-si-close {
  background-position: -160px -80px;
}
.k-link:not(.k-state-disabled):hover > .k-si-close,
.k-state-hover > .k-si-close,
.k-state-hover > * > .k-si-close,
.k-button:not(.k-state-disabled):hover .k-si-close,
.k-textbox:hover .k-si-close,
.k-button:active .k-si-close {
  background-position: -176px -80px;
}
.k-multiselect .k-delete,
.k-multiselect .k-i-delete {
  background-position: -160px -80px;
}
.k-multiselect .k-state-hover .k-delete,
.k-multiselect .k-state-hover .k-i-delete {
  background-position: -176px -80px;
}
.k-i-tick,
.k-insert,
.k-update,
.k-i-insert,
.k-i-update {
  background-position: -32px -32px;
}
.k-link:not(.k-state-disabled):hover > .k-i-tick,
.k-link:not(.k-state-disabled):hover > .k-insert,
.k-link:not(.k-state-disabled):hover > .k-update,
.k-link:not(.k-state-disabled):hover > .k-i-insert,
.k-link:not(.k-state-disabled):hover > .k-i-update,
.k-state-hover > .k-i-tick,
.k-state-hover > .k-insert,
.k-state-hover > .k-update,
.k-state-hover > .k-i-insert,
.k-state-hover > .k-i-update,
.k-state-hover > * > .k-i-tick,
.k-state-hover > * > .k-insert,
.k-state-hover > * > .k-update,
.k-state-hover > * > .k-i-insert,
.k-state-hover > * > .k-i-update,
.k-button:not(.k-state-disabled):hover .k-i-tick,
.k-button:not(.k-state-disabled):hover .k-insert,
.k-button:not(.k-state-disabled):hover .k-update,
.k-button:not(.k-state-disabled):hover .k-i-insert,
.k-button:not(.k-state-disabled):hover .k-i-update,
.k-textbox:hover .k-i-tick,
.k-textbox:hover .k-insert,
.k-textbox:hover .k-update,
.k-textbox:hover .k-i-insert,
.k-textbox:hover .k-i-update,
.k-button:active .k-i-tick,
.k-button:active .k-insert,
.k-button:active .k-update,
.k-button:active .k-i-insert,
.k-button:active .k-i-update {
  background-position: -48px -32px;
}
.k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox],
.k-mobile-list .k-edit-field [type=radio] {
  background-position: -32px -32px;
}
.k-link:not(.k-state-disabled):hover > .k-check:checked,
.k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=checkbox],
.k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=radio],
.k-state-hover > .k-check:checked,
.k-state-hover > .k-mobile-list .k-edit-field [type=checkbox],
.k-state-hover > .k-mobile-list .k-edit-field [type=radio],
.k-state-hover > * > .k-check:checked,
.k-state-hover > * > .k-mobile-list .k-edit-field [type=checkbox],
.k-state-hover > * > .k-mobile-list .k-edit-field [type=radio],
.k-button:not(.k-state-disabled):hover .k-check:checked,
.k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=checkbox],
.k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=radio],
.k-textbox:hover .k-check:checked,
.k-textbox:hover .k-mobile-list .k-edit-field [type=checkbox],
.k-textbox:hover .k-mobile-list .k-edit-field [type=radio],
.k-button:active .k-check:checked,
.k-button:active .k-mobile-list .k-edit-field [type=checkbox],
.k-button:active .k-mobile-list .k-edit-field [type=radio] {
  background-position: -48px -32px;
}
.k-i-cancel,
.k-cancel,
.k-denied,
.k-i-denied {
  background-position: -32px -48px;
}
.k-link:not(.k-state-disabled):hover > .k-i-cancel,
.k-link:not(.k-state-disabled):hover > .k-cancel,
.k-link:not(.k-state-disabled):hover > .k-denied,
.k-link:not(.k-state-disabled):hover > .k-i-denied,
.k-state-hover > .k-i-cancel,
.k-state-hover > .k-cancel,
.k-state-hover > .k-denied,
.k-state-hover > .k-i-denied,
.k-state-hover > * > .k-i-cancel,
.k-state-hover > * > .k-cancel,
.k-state-hover > * > .k-denied,
.k-state-hover > * > .k-i-denied,
.k-button:not(.k-state-disabled):hover .k-i-cancel,
.k-button:not(.k-state-disabled):hover .k-cancel,
.k-button:not(.k-state-disabled):hover .k-denied,
.k-button:not(.k-state-disabled):hover .k-i-denied,
.k-textbox:hover .k-i-cancel,
.k-textbox:hover .k-cancel,
.k-textbox:hover .k-denied,
.k-textbox:hover .k-i-denied,
.k-button:active .k-i-cancel,
.k-button:active .k-cancel,
.k-button:active .k-denied,
.k-button:active .k-i-denied {
  background-position: -48px -48px;
}
.k-i-plus,
.k-add,
.k-i-add {
  background-position: -32px -64px;
}
.k-link:not(.k-state-disabled):hover > .k-i-plus,
.k-link:not(.k-state-disabled):hover > .k-add,
.k-link:not(.k-state-disabled):hover > .k-i-add,
.k-state-hover > .k-i-plus,
.k-state-hover > .k-add,
.k-state-hover > .k-i-add,
.k-state-hover > * > .k-i-plus,
.k-state-hover > * > .k-add,
.k-state-hover > * > .k-i-add,
.k-button:not(.k-state-disabled):hover .k-i-plus,
.k-button:not(.k-state-disabled):hover .k-add,
.k-button:not(.k-state-disabled):hover .k-i-add,
.k-textbox:hover .k-i-plus,
.k-textbox:hover .k-add,
.k-textbox:hover .k-i-add,
.k-button:active .k-i-plus,
.k-button:active .k-add,
.k-button:active .k-i-add {
  background-position: -48px -64px;
}
.k-i-funnel,
.k-filter,
.k-i-filter {
  background-position: -32px -80px;
}
.k-link:not(.k-state-disabled):hover > .k-i-funnel,
.k-link:not(.k-state-disabled):hover > .k-filter,
.k-link:not(.k-state-disabled):hover > .k-i-filter,
.k-state-hover > .k-i-funnel,
.k-state-hover > .k-filter,
.k-state-hover > .k-i-filter,
.k-state-hover > * > .k-i-funnel,
.k-state-hover > * > .k-filter,
.k-state-hover > * > .k-i-filter,
.k-button:not(.k-state-disabled):hover .k-i-funnel,
.k-button:not(.k-state-disabled):hover .k-filter,
.k-button:not(.k-state-disabled):hover .k-i-filter,
.k-textbox:hover .k-i-funnel,
.k-textbox:hover .k-filter,
.k-textbox:hover .k-i-filter,
.k-button:active .k-i-funnel,
.k-button:active .k-filter,
.k-button:active .k-i-filter {
  background-position: -48px -80px;
}
.k-i-funnel-clear,
.k-clear-filter,
.k-i-clear-filter {
  background-position: -32px -96px;
}
.k-link:not(.k-state-disabled):hover > .k-i-funnel-clear,
.k-link:not(.k-state-disabled):hover > .k-clear-filter,
.k-link:not(.k-state-disabled):hover > .k-i-clear-filter,
.k-state-hover > .k-i-funnel-clear,
.k-state-hover > .k-clear-filter,
.k-state-hover > .k-i-clear-filter,
.k-state-hover > * > .k-i-funnel-clear,
.k-state-hover > * > .k-clear-filter,
.k-state-hover > * > .k-i-clear-filter,
.k-button:not(.k-state-disabled):hover .k-i-funnel-clear,
.k-button:not(.k-state-disabled):hover .k-clear-filter,
.k-button:not(.k-state-disabled):hover .k-i-clear-filter,
.k-textbox:hover .k-i-funnel-clear,
.k-textbox:hover .k-clear-filter,
.k-textbox:hover .k-i-clear-filter,
.k-button:active .k-i-funnel-clear,
.k-button:active .k-clear-filter,
.k-button:active .k-i-clear-filter {
  background-position: -48px -96px;
}
.k-i-lock {
  background-position: -64px 0px;
}
.k-link:not(.k-state-disabled):hover > .k-i-lock,
.k-state-hover > .k-i-lock,
.k-state-hover > * > .k-i-lock,
.k-button:not(.k-state-disabled):hover .k-i-lock,
.k-textbox:hover .k-i-lock,
.k-button:active .k-i-lock {
  background-position: -80px 0px;
}
.k-i-unlock {
  background-position: -64px -16px;
}
.k-link:not(.k-state-disabled):hover > .k-i-unlock,
.k-state-hover > .k-i-unlock,
.k-state-hover > * > .k-i-unlock,
.k-button:not(.k-state-disabled):hover .k-i-unlock,
.k-textbox:hover .k-i-unlock,
.k-button:active .k-i-unlock {
  background-position: -80px -16px;
}
.k-i-refresh {
  background-position: -32px -112px;
}
.k-link:not(.k-state-disabled):hover > .k-i-refresh,
.k-state-hover > .k-i-refresh,
.k-state-hover > * > .k-i-refresh,
.k-button:not(.k-state-disabled):hover .k-i-refresh,
.k-textbox:hover .k-i-refresh,
.k-button:active .k-i-refresh {
  background-position: -48px -112px;
}
.k-i-exception {
  background-position: -160px -304px;
}
.k-link:not(.k-state-disabled):hover > .k-i-exception,
.k-state-hover > .k-i-exception,
.k-state-hover > * > .k-i-exception,
.k-button:not(.k-state-disabled):hover .k-i-exception,
.k-textbox:hover .k-i-exception,
.k-button:active .k-i-exception {
  background-position: -176px -304px;
}
.k-i-restore {
  background-position: -32px -128px;
}
.k-link:not(.k-state-disabled):hover > .k-i-restore,
.k-state-hover > .k-i-restore,
.k-state-hover > * > .k-i-restore,
.k-button:not(.k-state-disabled):hover .k-i-restore,
.k-textbox:hover .k-i-restore,
.k-button:active .k-i-restore {
  background-position: -48px -128px;
}
.k-i-maximize {
  background-position: -32px -144px;
}
.k-link:not(.k-state-disabled):hover > .k-i-maximize,
.k-state-hover > .k-i-maximize,
.k-state-hover > * > .k-i-maximize,
.k-button:not(.k-state-disabled):hover .k-i-maximize,
.k-textbox:hover .k-i-maximize,
.k-button:active .k-i-maximize {
  background-position: -48px -144px;
}
.k-i-minimize {
  background-position: -64px -288px;
}
.k-link:not(.k-state-disabled):hover > .k-i-minimize,
.k-state-hover > .k-i-minimize,
.k-state-hover > * > .k-i-minimize,
.k-button:not(.k-state-disabled):hover .k-i-minimize,
.k-textbox:hover .k-i-minimize,
.k-button:active .k-i-minimize {
  background-position: -80px -288px;
}
.k-i-pin {
  background-position: -160px -256px;
}
.k-link:not(.k-state-disabled):hover > .k-i-pin,
.k-state-hover > .k-i-pin,
.k-state-hover > * > .k-i-pin,
.k-button:not(.k-state-disabled):hover .k-i-pin,
.k-textbox:hover .k-i-pin,
.k-button:active .k-i-pin {
  background-position: -176px -256px;
}
.k-i-unpin {
  background-position: -160px -272px;
}
.k-link:not(.k-state-disabled):hover > .k-i-unpin,
.k-state-hover > .k-i-unpin,
.k-state-hover > * > .k-i-unpin,
.k-button:not(.k-state-disabled):hover .k-i-unpin,
.k-textbox:hover .k-i-unpin,
.k-button:active .k-i-unpin {
  background-position: -176px -272px;
}
.k-resize-se,
.k-i-resize-se {
  background-position: -32px -160px;
}
.k-link:not(.k-state-disabled):hover > .k-resize-se,
.k-link:not(.k-state-disabled):hover > .k-i-resize-se,
.k-state-hover > .k-resize-se,
.k-state-hover > .k-i-resize-se,
.k-state-hover > * > .k-resize-se,
.k-state-hover > * > .k-i-resize-se,
.k-button:not(.k-state-disabled):hover .k-resize-se,
.k-button:not(.k-state-disabled):hover .k-i-resize-se,
.k-textbox:hover .k-resize-se,
.k-textbox:hover .k-i-resize-se,
.k-button:active .k-resize-se,
.k-button:active .k-i-resize-se {
  background-position: -48px -160px;
}
.k-i-calendar {
  background-position: -32px -176px;
}
.k-link:not(.k-state-disabled):hover > .k-i-calendar,
.k-state-hover > .k-i-calendar,
.k-state-hover > * > .k-i-calendar,
.k-button:not(.k-state-disabled):hover .k-i-calendar,
.k-textbox:hover .k-i-calendar,
.k-button:active .k-i-calendar {
  background-position: -48px -176px;
}
.k-i-clock {
  background-position: -32px -192px;
}
.k-link:not(.k-state-disabled):hover > .k-i-clock,
.k-state-hover > .k-i-clock,
.k-state-hover > * > .k-i-clock,
.k-button:not(.k-state-disabled):hover .k-i-clock,
.k-textbox:hover .k-i-clock,
.k-button:active .k-i-clock {
  background-position: -48px -192px;
}
.k-si-plus,
.k-i-splus {
  background-position: -32px -208px;
}
.k-link:not(.k-state-disabled):hover > .k-si-plus,
.k-link:not(.k-state-disabled):hover > .k-i-splus,
.k-state-hover > .k-si-plus,
.k-state-hover > .k-i-splus,
.k-state-hover > * > .k-si-plus,
.k-state-hover > * > .k-i-splus,
.k-button:not(.k-state-disabled):hover .k-si-plus,
.k-button:not(.k-state-disabled):hover .k-i-splus,
.k-textbox:hover .k-si-plus,
.k-textbox:hover .k-i-splus,
.k-button:active .k-si-plus,
.k-button:active .k-i-splus {
  background-position: -48px -208px;
}
.k-si-minus,
.k-i-sminus {
  background-position: -32px -224px;
}
.k-link:not(.k-state-disabled):hover > .k-si-minus,
.k-link:not(.k-state-disabled):hover > .k-i-sminus,
.k-state-hover > .k-si-minus,
.k-state-hover > .k-i-sminus,
.k-state-hover > * > .k-si-minus,
.k-state-hover > * > .k-i-sminus,
.k-button:not(.k-state-disabled):hover .k-si-minus,
.k-button:not(.k-state-disabled):hover .k-i-sminus,
.k-textbox:hover .k-si-minus,
.k-textbox:hover .k-i-sminus,
.k-button:active .k-si-minus,
.k-button:active .k-i-sminus {
  background-position: -48px -224px;
}
.k-i-search {
  background-position: -32px -240px;
}
.k-link:not(.k-state-disabled):hover > .k-i-search,
.k-state-hover > .k-i-search,
.k-state-hover > * > .k-i-search,
.k-button:not(.k-state-disabled):hover .k-i-search,
.k-textbox:hover .k-i-search,
.k-button:active .k-i-search {
  background-position: -48px -240px;
}
.k-i-custom {
  background-position: -115px -113px;
}
.k-link:not(.k-state-disabled):hover > .k-i-custom,
.k-state-hover > .k-i-custom,
.k-state-hover > * > .k-i-custom,
.k-button:not(.k-state-disabled):hover .k-i-custom,
.k-textbox:hover .k-i-custom,
.k-button:active .k-i-custom {
  background-position: -141px -113px;
}
.k-editor .k-i-custom {
  background-position: -111px -109px;
}
.k-viewHtml,
.k-i-view-html {
  background-position: -288px -120px;
}
.k-i-insert-n,
.k-insert-top,
.k-i-insert-top {
  background-position: -160px -32px;
}
.k-link:not(.k-state-disabled):hover > .k-i-insert-n,
.k-link:not(.k-state-disabled):hover > .k-insert-top,
.k-link:not(.k-state-disabled):hover > .k-i-insert-top,
.k-state-hover > .k-i-insert-n,
.k-state-hover > .k-insert-top,
.k-state-hover > .k-i-insert-top,
.k-state-hover > * > .k-i-insert-n,
.k-state-hover > * > .k-insert-top,
.k-state-hover > * > .k-i-insert-top,
.k-button:not(.k-state-disabled):hover .k-i-insert-n,
.k-button:not(.k-state-disabled):hover .k-insert-top,
.k-button:not(.k-state-disabled):hover .k-i-insert-top,
.k-textbox:hover .k-i-insert-n,
.k-textbox:hover .k-insert-top,
.k-textbox:hover .k-i-insert-top,
.k-button:active .k-i-insert-n,
.k-button:active .k-insert-top,
.k-button:active .k-i-insert-top {
  background-position: -176px -32px;
}
.k-i-insert-m,
.k-insert-middle,
.k-i-insert-middle {
  background-position: -160px -48px;
}
.k-link:not(.k-state-disabled):hover > .k-i-insert-m,
.k-link:not(.k-state-disabled):hover > .k-insert-middle,
.k-link:not(.k-state-disabled):hover > .k-i-insert-middle,
.k-state-hover > .k-i-insert-m,
.k-state-hover > .k-insert-middle,
.k-state-hover > .k-i-insert-middle,
.k-state-hover > * > .k-i-insert-m,
.k-state-hover > * > .k-insert-middle,
.k-state-hover > * > .k-i-insert-middle,
.k-button:not(.k-state-disabled):hover .k-i-insert-m,
.k-button:not(.k-state-disabled):hover .k-insert-middle,
.k-button:not(.k-state-disabled):hover .k-i-insert-middle,
.k-textbox:hover .k-i-insert-m,
.k-textbox:hover .k-insert-middle,
.k-textbox:hover .k-i-insert-middle,
.k-button:active .k-i-insert-m,
.k-button:active .k-insert-middle,
.k-button:active .k-i-insert-middle {
  background-position: -176px -48px;
}
.k-i-insert-s,
.k-insert-bottom,
.k-i-insert-bottom {
  background-position: -160px -64px;
}
.k-link:not(.k-state-disabled):hover > .k-i-insert-s,
.k-link:not(.k-state-disabled):hover > .k-insert-bottom,
.k-link:not(.k-state-disabled):hover > .k-i-insert-bottom,
.k-state-hover > .k-i-insert-s,
.k-state-hover > .k-insert-bottom,
.k-state-hover > .k-i-insert-bottom,
.k-state-hover > * > .k-i-insert-s,
.k-state-hover > * > .k-insert-bottom,
.k-state-hover > * > .k-i-insert-bottom,
.k-button:not(.k-state-disabled):hover .k-i-insert-s,
.k-button:not(.k-state-disabled):hover .k-insert-bottom,
.k-button:not(.k-state-disabled):hover .k-i-insert-bottom,
.k-textbox:hover .k-i-insert-s,
.k-textbox:hover .k-insert-bottom,
.k-textbox:hover .k-i-insert-bottom,
.k-button:active .k-i-insert-s,
.k-button:active .k-insert-bottom,
.k-button:active .k-i-insert-bottom {
  background-position: -176px -64px;
}
.k-drop-hint {
  background-position: 0 -326px;
}
.k-i-note,
.k-warning,
.k-i-info,
.k-i-success,
.k-i-warning,
.k-i-error {
  background-position: -160px -240px;
}
.k-link:not(.k-state-disabled):hover > .k-i-note,
.k-link:not(.k-state-disabled):hover > .k-warning,
.k-link:not(.k-state-disabled):hover > .k-i-info,
.k-link:not(.k-state-disabled):hover > .k-i-success,
.k-link:not(.k-state-disabled):hover > .k-i-warning,
.k-link:not(.k-state-disabled):hover > .k-i-error,
.k-state-hover > .k-i-note,
.k-state-hover > .k-warning,
.k-state-hover > .k-i-info,
.k-state-hover > .k-i-success,
.k-state-hover > .k-i-warning,
.k-state-hover > .k-i-error,
.k-state-hover > * > .k-i-note,
.k-state-hover > * > .k-warning,
.k-state-hover > * > .k-i-info,
.k-state-hover > * > .k-i-success,
.k-state-hover > * > .k-i-warning,
.k-state-hover > * > .k-i-error,
.k-button:not(.k-state-disabled):hover .k-i-note,
.k-button:not(.k-state-disabled):hover .k-warning,
.k-button:not(.k-state-disabled):hover .k-i-info,
.k-button:not(.k-state-disabled):hover .k-i-success,
.k-button:not(.k-state-disabled):hover .k-i-warning,
.k-button:not(.k-state-disabled):hover .k-i-error,
.k-textbox:hover .k-i-note,
.k-textbox:hover .k-warning,
.k-textbox:hover .k-i-info,
.k-textbox:hover .k-i-success,
.k-textbox:hover .k-i-warning,
.k-textbox:hover .k-i-error,
.k-button:active .k-i-note,
.k-button:active .k-warning,
.k-button:active .k-i-info,
.k-button:active .k-i-success,
.k-button:active .k-i-warning,
.k-button:active .k-i-error {
  background-position: -176px -240px;
}
.k-i-sort-asc {
  background-position: -112px -240px;
}
.k-link:not(.k-state-disabled):hover > .k-i-sort-asc,
.k-state-hover > .k-i-sort-asc,
.k-state-hover > * > .k-i-sort-asc,
.k-button:not(.k-state-disabled):hover .k-i-sort-asc,
.k-textbox:hover .k-i-sort-asc,
.k-button:active .k-i-sort-asc {
  background-position: -128px -240px;
}
.k-i-sort-desc {
  background-position: -112px -256px;
}
.k-link:not(.k-state-disabled):hover > .k-i-sort-desc,
.k-state-hover > .k-i-sort-desc,
.k-state-hover > * > .k-i-sort-desc,
.k-button:not(.k-state-disabled):hover .k-i-sort-desc,
.k-textbox:hover .k-i-sort-desc,
.k-button:active .k-i-sort-desc {
  background-position: -128px -256px;
}
.k-i-group {
  background-position: -112px -272px;
}
.k-link:not(.k-state-disabled):hover > .k-i-group,
.k-state-hover > .k-i-group,
.k-state-hover > * > .k-i-group,
.k-button:not(.k-state-disabled):hover .k-i-group,
.k-textbox:hover .k-i-group,
.k-button:active .k-i-group {
  background-position: -128px -272px;
}
.k-i-ungroup {
  background-position: -112px -288px;
}
.k-link:not(.k-state-disabled):hover > .k-i-ungroup,
.k-state-hover > .k-i-ungroup,
.k-state-hover > * > .k-i-ungroup,
.k-button:not(.k-state-disabled):hover .k-i-ungroup,
.k-textbox:hover .k-i-ungroup,
.k-button:active .k-i-ungroup {
  background-position: -128px -288px;
}
.k-i-columns {
  background-position: -112px -304px;
}
.k-link:not(.k-state-disabled):hover > .k-i-columns,
.k-state-hover > .k-i-columns,
.k-state-hover > * > .k-i-columns,
.k-button:not(.k-state-disabled):hover .k-i-columns,
.k-textbox:hover .k-i-columns,
.k-button:active .k-i-columns {
  background-position: -128px -304px;
}
.k-i-hbars {
  background-position: -64px -32px;
}
.k-link:not(.k-state-disabled):hover > .k-i-hbars,
.k-state-hover > .k-i-hbars,
.k-state-hover > * > .k-i-hbars,
.k-button:not(.k-state-disabled):hover .k-i-hbars,
.k-textbox:hover .k-i-hbars,
.k-button:active .k-i-hbars {
  background-position: -80px -32px;
}
.k-i-vbars {
  background-position: -64px -48px;
}
.k-link:not(.k-state-disabled):hover > .k-i-vbars,
.k-state-hover > .k-i-vbars,
.k-state-hover > * > .k-i-vbars,
.k-button:not(.k-state-disabled):hover .k-i-vbars,
.k-textbox:hover .k-i-vbars,
.k-button:active .k-i-vbars {
  background-position: -80px -48px;
}
.k-i-sum {
  background-position: -64px -64px;
}
.k-link:not(.k-state-disabled):hover > .k-i-sum,
.k-state-hover > .k-i-sum,
.k-state-hover > * > .k-i-sum,
.k-button:not(.k-state-disabled):hover .k-i-sum,
.k-textbox:hover .k-i-sum,
.k-button:active .k-i-sum {
  background-position: -80px -64px;
}
.k-i-pdf {
  background-position: -64px -80px;
}
.k-link:not(.k-state-disabled):hover > .k-i-pdf,
.k-state-hover > .k-i-pdf,
.k-state-hover > * > .k-i-pdf,
.k-button:not(.k-state-disabled):hover .k-i-pdf,
.k-textbox:hover .k-i-pdf,
.k-button:active .k-i-pdf {
  background-position: -80px -80px;
}
.k-i-excel {
  background-position: -64px -96px;
}
.k-link:not(.k-state-disabled):hover > .k-i-excel,
.k-state-hover > .k-i-excel,
.k-state-hover > * > .k-i-excel,
.k-button:not(.k-state-disabled):hover .k-i-excel,
.k-textbox:hover .k-i-excel,
.k-button:active .k-i-excel {
  background-position: -80px -96px;
}
.k-i-rotatecw {
  background-position: -64px -112px;
}
.k-link:not(.k-state-disabled):hover > .k-i-rotatecw,
.k-state-hover > .k-i-rotatecw,
.k-state-hover > * > .k-i-rotatecw,
.k-button:not(.k-state-disabled):hover .k-i-rotatecw,
.k-textbox:hover .k-i-rotatecw,
.k-button:active .k-i-rotatecw {
  background-position: -80px -112px;
}
.k-i-rotateccw {
  background-position: -64px -128px;
}
.k-link:not(.k-state-disabled):hover > .k-i-rotateccw,
.k-state-hover > .k-i-rotateccw,
.k-state-hover > * > .k-i-rotateccw,
.k-button:not(.k-state-disabled):hover .k-i-rotateccw,
.k-textbox:hover .k-i-rotateccw,
.k-button:active .k-i-rotateccw {
  background-position: -80px -128px;
}
.k-i-undo {
  background-position: -64px -160px;
}
.k-link:not(.k-state-disabled):hover > .k-i-undo,
.k-state-hover > .k-i-undo,
.k-state-hover > * > .k-i-undo,
.k-button:not(.k-state-disabled):hover .k-i-undo,
.k-textbox:hover .k-i-undo,
.k-button:active .k-i-undo {
  background-position: -80px -160px;
}
.k-i-redo {
  background-position: -64px -144px;
}
.k-link:not(.k-state-disabled):hover > .k-i-redo,
.k-state-hover > .k-i-redo,
.k-state-hover > * > .k-i-redo,
.k-button:not(.k-state-disabled):hover .k-i-redo,
.k-textbox:hover .k-i-redo,
.k-button:active .k-i-redo {
  background-position: -80px -144px;
}
.k-i-shape {
  background-position: -64px -176px;
}
.k-link:not(.k-state-disabled):hover > .k-i-shape,
.k-state-hover > .k-i-shape,
.k-state-hover > * > .k-i-shape,
.k-button:not(.k-state-disabled):hover .k-i-shape,
.k-textbox:hover .k-i-shape,
.k-button:active .k-i-shape {
  background-position: -80px -176px;
}
.k-i-connector {
  background-position: -64px -192px;
}
.k-link:not(.k-state-disabled):hover > .k-i-connector,
.k-state-hover > .k-i-connector,
.k-state-hover > * > .k-i-connector,
.k-button:not(.k-state-disabled):hover .k-i-connector,
.k-textbox:hover .k-i-connector,
.k-button:active .k-i-connector {
  background-position: -80px -192px;
}
.k-i-kpi {
  background-position: -64px -208px;
}
.k-link:not(.k-state-disabled):hover > .k-i-kpi,
.k-state-hover > .k-i-kpi,
.k-state-hover > * > .k-i-kpi,
.k-button:not(.k-state-disabled):hover .k-i-kpi,
.k-textbox:hover .k-i-kpi,
.k-button:active .k-i-kpi {
  background-position: -80px -208px;
}
.k-i-dimension {
  background-position: -64px -224px;
}
.k-link:not(.k-state-disabled):hover > .k-i-dimension,
.k-state-hover > .k-i-dimension,
.k-state-hover > * > .k-i-dimension,
.k-button:not(.k-state-disabled):hover .k-i-dimension,
.k-textbox:hover .k-i-dimension,
.k-button:active .k-i-dimension {
  background-position: -80px -224px;
}
.k-file,
.k-i-file {
  background-position: 0px 0px;
}
.k-link:not(.k-state-disabled):hover > .k-file,
.k-link:not(.k-state-disabled):hover > .k-i-file,
.k-state-hover > .k-file,
.k-state-hover > .k-i-file,
.k-state-hover > * > .k-file,
.k-state-hover > * > .k-i-file,
.k-button:not(.k-state-disabled):hover .k-file,
.k-button:not(.k-state-disabled):hover .k-i-file,
.k-textbox:hover .k-file,
.k-textbox:hover .k-i-file,
.k-button:active .k-file,
.k-button:active .k-i-file {
  background-position: -16px 0px;
}
.k-i-folder-add,
.k-addfolder,
.k-i-add-folder {
  background-position: -32px -272px;
}
.k-link:not(.k-state-disabled):hover > .k-i-folder-add,
.k-link:not(.k-state-disabled):hover > .k-addfolder,
.k-link:not(.k-state-disabled):hover > .k-i-add-folder,
.k-state-hover > .k-i-folder-add,
.k-state-hover > .k-addfolder,
.k-state-hover > .k-i-add-folder,
.k-state-hover > * > .k-i-folder-add,
.k-state-hover > * > .k-addfolder,
.k-state-hover > * > .k-i-add-folder,
.k-button:not(.k-state-disabled):hover .k-i-folder-add,
.k-button:not(.k-state-disabled):hover .k-addfolder,
.k-button:not(.k-state-disabled):hover .k-i-add-folder,
.k-textbox:hover .k-i-folder-add,
.k-textbox:hover .k-addfolder,
.k-textbox:hover .k-i-add-folder,
.k-button:active .k-i-folder-add,
.k-button:active .k-addfolder,
.k-button:active .k-i-add-folder {
  background-position: -48px -272px;
}
.k-i-folder-up,
.k-goup,
.k-i-go-up {
  background-position: -32px -288px;
}
.k-link:not(.k-state-disabled):hover > .k-i-folder-up,
.k-link:not(.k-state-disabled):hover > .k-goup,
.k-link:not(.k-state-disabled):hover > .k-i-go-up,
.k-state-hover > .k-i-folder-up,
.k-state-hover > .k-goup,
.k-state-hover > .k-i-go-up,
.k-state-hover > * > .k-i-folder-up,
.k-state-hover > * > .k-goup,
.k-state-hover > * > .k-i-go-up,
.k-button:not(.k-state-disabled):hover .k-i-folder-up,
.k-button:not(.k-state-disabled):hover .k-goup,
.k-button:not(.k-state-disabled):hover .k-i-go-up,
.k-textbox:hover .k-i-folder-up,
.k-textbox:hover .k-goup,
.k-textbox:hover .k-i-go-up,
.k-button:active .k-i-folder-up,
.k-button:active .k-goup,
.k-button:active .k-i-go-up {
  background-position: -48px -288px;
}
.k-i-more {
  background-position: -64px -32px;
}
.k-link:not(.k-state-disabled):hover > .k-i-more,
.k-state-hover > .k-i-more,
.k-state-hover > * > .k-i-more,
.k-button:not(.k-state-disabled):hover .k-i-more,
.k-textbox:hover .k-i-more,
.k-button:active .k-i-more {
  background-position: -80px -32px;
}
.k-i-gantt-toggle {
  background-position: -64px -240px;
}
.k-link:not(.k-state-disabled):hover > .k-i-gantt-toggle,
.k-state-hover > .k-i-gantt-toggle,
.k-state-hover > * > .k-i-gantt-toggle,
.k-button:not(.k-state-disabled):hover .k-i-gantt-toggle,
.k-textbox:hover .k-i-gantt-toggle,
.k-button:active .k-i-gantt-toggle {
  background-position: -80px -240px;
}
.k-file > .k-icon {
  background-position: -115px -91px;
}
.k-image {
  border: 0;
}
.k-breadcrumbs:hover .k-i-arrow-n {
  background-position: 0 0;
}
.k-breadcrumbs:hover .k-i-arrow-e {
  background-position: 0 -16px;
}
/* Dropdown icon in k-scheduler-views */
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after,
.k-gantt-views > .k-current-view > .k-link:after {
  background-position: 0px -32px;
}
.k-link:not(.k-state-disabled):hover > .k-pager-numbers .k-current-page .k-link:after,
.k-link:not(.k-state-disabled):hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after,
.k-link:not(.k-state-disabled):hover > .k-gantt-views > .k-current-view > .k-link:after,
.k-state-hover > .k-pager-numbers .k-current-page .k-link:after,
.k-state-hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after,
.k-state-hover > .k-gantt-views > .k-current-view > .k-link:after,
.k-state-hover > * > .k-pager-numbers .k-current-page .k-link:after,
.k-state-hover > * > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after,
.k-state-hover > * > .k-gantt-views > .k-current-view > .k-link:after,
.k-button:not(.k-state-disabled):hover .k-pager-numbers .k-current-page .k-link:after,
.k-button:not(.k-state-disabled):hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after,
.k-button:not(.k-state-disabled):hover .k-gantt-views > .k-current-view > .k-link:after,
.k-textbox:hover .k-pager-numbers .k-current-page .k-link:after,
.k-textbox:hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after,
.k-textbox:hover .k-gantt-views > .k-current-view > .k-link:after,
.k-button:active .k-pager-numbers .k-current-page .k-link:after,
.k-button:active .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after,
.k-button:active .k-gantt-views > .k-current-view > .k-link:after {
  background-position: -16px -32px;
}
/* Colors */
html .k-success-colored {
  color: #507f50;
  border-color: #d0dfd0;
  background-color: #f0fff0;
}
html .k-info-colored {
  color: #50607f;
  border-color: #d0d9df;
  background-color: #f0f9ff;
}
html .k-error-colored {
  color: #7f5050;
  border-color: #dfd0d0;
  background-color: #fff0f0;
}
.k-inline-block {
  padding: 0 2px;
}
/* loading */
.k-loading,
.k-i-loading,
.k-loading-image {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}
.k-loading-mask,
.k-loading-image,
.k-loading-text {
  position: absolute;
}
.k-loading-mask {
  z-index: 100;
}
.k-loading-mask .k-loading-progress {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.k-loading-text {
  text-indent: -4000px;
  text-align: center;
  /*rtl*/
}
.k-loading-image,
.k-loading-color {
  width: 100%;
  height: 100%;
}
.k-loading-image {
  top: 0;
  left: 0;
  z-index: 2;
}
.k-loading-color {
  filter: alpha(opacity=30);
  opacity: .3;
}
.k-content-frame {
  border: 0;
  width: 100%;
  height: 100%;
}
.k-pane > .k-splitter-overlay {
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
}
/* drag n drop */
.k-drag-clue {
  position: absolute;
  z-index: 10003;
  border-style: solid;
  border-width: 1px;
  font-size: .9em;
  padding: .2em .4em;
  white-space: nowrap;
  cursor: default;
}
.k-drag-status {
  margin-top: -3px;
  margin-right: 4px;
  vertical-align: middle;
}
.k-reorder-cue {
  position: absolute;
  width: 1px;
  overflow: visible;
}
.k-reorder-cue .k-icon {
  position: absolute;
  left: -4px;
  width: 8px;
  height: 4px;
}
.k-reorder-cue .k-i-arrow-s {
  top: -4px;
  background-position: -4px -166px;
}
.k-reorder-cue .k-i-arrow-n {
  bottom: -4px;
  background-position: -4px -134px;
}
/* virtual scrollbar */
.k-scrollbar {
  position: absolute;
  overflow: scroll;
}
.k-scrollbar-vertical {
  top: 0;
  right: 0;
  width: 17px;
  /* scrollbar width */
  height: 100%;
  overflow-x: hidden;
}
.k-touch-scrollbar {
  display: none;
  position: absolute;
  z-index: 200000;
  height: 8px;
  width: 8px;
  border: 1px solid #8a8a8a;
  background-color: #858585;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body .k-touch-scrollbar {
    height: 12px;
    width: 12px;
    border-radius: 7px;
  }
}
.k-virtual-scrollable-wrap {
  overflow-x: auto;
  /*needed by IE8*/
}
/* current time indicator */
.k-current-time {
  background: #f00;
  position: absolute;
}
.k-current-time-arrow-down {
  width: 0;
  height: 0;
  background: transparent;
  border-bottom: 4px solid  transparent;
  border-top: 4px solid #f00;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.k-current-time-arrow-left {
  width: 0;
  height: 0;
  background: transparent;
  border-bottom: 4px solid  transparent;
  border-top: 4px solid transparent;
  border-left: 4px solid transparent;
  border-right: 4px solid #f00;
}
.k-current-time-arrow-right {
  width: 0;
  height: 0;
  background: transparent;
  border-bottom: 4px solid  transparent;
  border-top: 4px solid transparent;
  border-left: 4px solid #f00;
  border-right: 4px solid transparent;
}
/* override box sizing for grid layout framework integration (Bootstrap 3, Foundation 4) */
.k-animation-container,
.k-widget,
.k-widget *,
.k-animation-container *,
.k-widget *:before,
.k-animation-container *:after,
.k-block .k-header,
.k-list-container {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.k-button,
.k-button-bare,
.k-textbox,
.k-autocomplete,
div.k-window-content,
.k-tabstrip > .k-content > .km-scroll-container,
.k-block,
.k-edit-cell .k-widget,
.k-grid-edit-row .k-widget,
.k-grid-edit-row .text-box,
.km-actionsheet > li,
.km-shim {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* Fix for Bootstrap 3 */
.input-group .form-control {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form-control.k-widget {
  padding: 0;
}
a.k-button:hover,
a.k-button-bare:hover {
  text-decoration: none;
}
/* override iOS styles in mobile Kendo */
.km-widget,
.km-widget * {
  -webkit-background-clip: border-box;
  background-clip: border-box;
}
input.k-checkbox,
.k-radio {
  display: inline;
  opacity: 0;
  width: 0;
  margin: 0;
  -webkit-appearance: none;
  overflow: hidden;
}
.k-ff input.k-checkbox,
.k-ff .k-radio {
  position: absolute;
}
.k-checkbox-label {
  position: relative;
  padding-left: 1.5em;
  vertical-align: middle;
  line-height: 0.875em;
  cursor: pointer;
}
.k-checkbox-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-width: 1px;
  border-style: solid;
  width: 1em;
  height: 1em;
  font-size: 1em;
  line-height: 1em;
  text-align: center;
}
.k-checkbox:indeterminate + .k-checkbox-label:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  border-width: 1px;
  border-style: solid;
  width: 8px;
  height: 8px;
  font-size: 1em;
  text-align: center;
  content: " ";
  margin-left: -2px;
}
.k-checkbox:checked + .k-checkbox-label:before {
  content: "\2713";
}
.k-checkbox:disabled + .k-checkbox-label {
  cursor: auto;
}
.k-radio-label {
  position: relative;
  padding-left: 1.5em;
  vertical-align: middle;
  line-height: 0.875em;
  cursor: pointer;
}
.k-radio-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  border-style: solid;
}
.k-radio:checked + .k-radio-label:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 3px;
  left: 3px;
}
.k-radio:disabled + .k-radio-label {
  cursor: auto;
}
.k-ie8 input.k-checkbox,
.k-ie8 .k-radio {
  display: inline-block;
  width: auto;
}
.k-ie8 .k-checkbox-label,
.k-ie8 .k-radio-label {
  padding-left: 0;
}
.k-ie8 .k-checkbox-label:before,
.k-ie8 .k-radio-label:before,
.k-ie8 .k-radio-label:after {
  display: none;
}
/* RTL for checkboxes and radio buttons */
.k-rtl .k-checkbox-label,
.k-rtl .k-radio-label {
  padding-right: 1.5em;
}
.k-rtl .k-checkbox-label:before,
.k-rtl .k-radio-label:before {
  right: 0;
}
.k-rtl .k-radio:checked + .k-radio-label:after {
  right: 3px;
}
input.k-checkbox + label {
  -webkit-user-select: none;
}
/* Off-screen container used during export */
.k-pdf-export-shadow {
  position: absolute;
  overflow: hidden;
  left: -15000px;
  width: 14400px;
}
.km-native-scroller {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: pan-x pan-y;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-scroll-snap-type: proximity;
}
/* responsive panel */
.k-rpanel-left {
  -webkit-transform: translateX(-100%) translateZ(0);
  -ms-transform: translateX(-100%) translateZ(0);
  transform: translateX(-100%) translateZ(0);
  left: 0;
}
.k-rpanel-right {
  -webkit-transform: translateX(100%) translateZ(0);
  -ms-transform: translateX(100%) translateZ(0);
  transform: translateX(100%) translateZ(0);
  right: 0;
}
.k-rpanel-left,
.k-rpanel-right {
  position: fixed;
  display: block;
  overflow: auto;
  min-width: 320px;
  height: 100%;
  top: 0;
}
.k-rpanel-left.k-rpanel-expanded,
.k-rpanel-right.k-rpanel-expanded {
  -webkit-transform: translateX(0) translateZ(0);
  -ms-transform: translateX(0) translateZ(0);
  transform: translateX(0) translateZ(0);
}
.k-rpanel-left + *,
.k-rpanel-right + * {
  overflow: auto;
}
.k-rpanel-top {
  position: static;
  max-height: 0;
}
.k-rpanel-top.k-rpanel-expanded {
  max-height: 568px;
  overflow: visible !important;
}
.k-edit-form {
  margin: 0;
  padding: 0;
}
.k-window > div.k-popup-edit-form {
  padding: 1em 0;
}
.k-grid-edit-row .k-edit-form td {
  border-bottom-width: 0;
}
.k-edit-form-container {
  position: relative;
  width: 400px;
}
.k-edit-label,
.k-edit-form-container .editor-label {
  float: left;
  clear: both;
  width: 30%;
  padding: .4em 0 1em;
  margin-left: 2%;
  text-align: right;
}
.k-edit-field,
.k-edit-form-container .editor-field {
  float: right;
  clear: right;
  width: 60%;
  margin-right: 2%;
  padding: 0 0 .6em;
}
.k-edit-field > input[type="checkbox"],
.k-edit-field > input[type="radio"] {
  margin-top: .4em;
}
.k-edit-form-container .k-button {
  margin: 0 .16em;
}
.k-edit-field > input[type="checkbox"]:first-child,
.k-edit-field > input[type="radio"]:first-child,
.k-edit-field > label:first-child > input[type="checkbox"],
.k-edit-field > .k-button:first-child {
  margin-left: 0;
}
.k-edit-form-container .k-edit-buttons {
  clear: both;
  text-align: right;
  border-width: 1px 0 0;
  border-style: solid;
  position: relative;
  bottom: -1em;
  padding: .6em;
}
/* Window */
div.k-window {
  display: inline-block;
  position: absolute;
  z-index: 10001;
  border-style: solid;
  border-width: 1px;
  padding-top: 2em;
}
.k-block > .k-header,
.k-window-titlebar {
  position: absolute;
  width: 100%;
  height: 1.1em;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-top: -2em;
  padding: .4em 0;
  font-size: 1.2em;
  white-space: nowrap;
  min-height: 16px;
  /* icon size */
}
.k-block > .k-header {
  position: relative;
  margin: -2px 0 10px -2px;
  padding: .3em 2px;
}
.k-window-title {
  position: absolute;
  left: .44em;
  right: .44em;
  overflow: hidden;
  cursor: default;
  text-overflow: ellipsis;
}
.k-window-title .k-image {
  margin: 0 5px 0 0;
  vertical-align: middle;
}
div.k-window-titleless {
  padding-top: 0;
}
div.k-window-content {
  position: relative;
  height: 100%;
  padding: .58em;
  overflow: auto;
  outline: 0;
}
div.k-window-iframecontent {
  padding: 0;
  overflow: visible;
}
.k-window-content > .km-scroll-container {
  height: 100%;
}
.k-window-titlebar .k-window-actions {
  position: absolute;
  top: 0;
  right: .3em;
  padding-top: .3em;
  white-space: nowrap;
}
.k-window-titlebar .k-window-action {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 2px;
  text-decoration: none;
  vertical-align: middle;
  opacity: .7;
}
.k-window-titlebar .k-state-hover {
  border-style: solid;
  border-width: 1px;
  padding: 1px;
  opacity: 1;
}
.k-window-action .k-icon {
  margin: 0;
  vertical-align: top;
}
.k-window > .k-resize-handle {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  font-size: 0;
  line-height: 6px;
  filter: alpha(opacity=0);
  opacity: 0;
  zoom: 1;
}
.k-resize-n {
  top: -3px;
  left: 0;
  width: 100%;
  height: 6px;
  cursor: n-resize;
}
.k-resize-e {
  top: 0;
  right: -3px;
  width: 6px;
  height: 100%;
  cursor: e-resize;
}
.k-resize-s {
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 6px;
  cursor: s-resize;
}
.k-resize-w {
  top: 0;
  left: -3px;
  width: 6px;
  height: 100%;
  cursor: w-resize;
}
.k-resize-se {
  bottom: -3px;
  right: -3px;
  width: 16px;
  height: 16px;
  cursor: se-resize;
}
.k-resize-sw {
  bottom: -3px;
  left: -3px;
  width: 6px;
  height: 6px;
  cursor: sw-resize;
}
.k-resize-ne {
  top: -3px;
  right: -3px;
  width: 6px;
  height: 6px;
  cursor: ne-resize;
}
.k-resize-nw {
  top: -3px;
  left: -3px;
  width: 6px;
  height: 6px;
  cursor: nw-resize;
}
.k-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  width: 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=50);
  opacity: .5;
}
.k-window .k-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
}
.k-action-buttons {
  clear: both;
  text-align: right;
  border-width: 1px 0 0;
  border-style: solid;
  position: relative;
  bottom: -1em;
  padding: .6em;
  margin: 0 -1em;
}
.k-action-buttons .k-button {
  display: inline-block;
  margin: 0 0 0 6px;
  min-width: 75px;
}
/* TabStrip */
.k-tabstrip {
  margin: 0;
  padding: 0;
  zoom: 1;
  position: relative;
}
.k-tabstrip-items {
  padding: 0.3em 0.3em 0;
}
.k-tabstrip-scrollable .k-tabstrip-items {
  white-space: nowrap;
  overflow: hidden;
}
.k-tabstrip > .k-button {
  position: absolute;
  top: .4em;
  z-index: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.k-tabstrip-bottom > .k-button {
  top: auto;
  bottom: .4em;
}
.k-tabstrip-prev {
  left: .4em;
}
.k-tabstrip-next {
  right: .4em;
}
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item {
  list-style-type: none;
  display: inline-block;
  position: relative;
  border-style: solid;
  border-width: 1px 1px 0;
  margin: 0 -1px 0 0;
  padding: 0;
  vertical-align: top;
}
.k-tabstrip-items .k-tab-on-top,
.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.k-tabstrip-top .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active {
  border-bottom-width: 1px;
  margin-bottom: -2px;
  padding-bottom: 0px;
}
.k-tabstrip-items .k-tab-on-top {
  z-index: 1;
}
.k-tabstrip-items .k-link,
.k-panelbar .k-tabstrip-items .k-link {
  display: inline-block;
  border-bottom-width: 0;
  padding: .5em .92em;
}
.k-tabstrip-items .k-icon,
.k-panelbar .k-tabstrip-items .k-icon {
  margin: -1px 4px 0 -3px;
  vertical-align: top;
}
.k-tabstrip-items .k-item .k-image,
.k-tabstrip-items .k-item .k-sprite,
.k-panelbar .k-tabstrip-items .k-item .k-image,
.k-panelbar .k-tabstrip-items .k-item .k-sprite {
  margin: -3px 3px 0 -6px;
  vertical-align: middle;
}
/* TabStrip Loading Progress */
.k-tabstrip-items .k-loading {
  top: 0;
  left: 0;
  height: 0;
  width: 20%;
  position: absolute;
  background: transparent;
  border-top: 1px solid transparent;
  border-color: inherit;
  -webkit-transition: width 200ms linear;
          transition: width 200ms linear;
  -webkit-transition: "width 200ms linear";
          transition: "width 200ms linear";
  -webkit-animation: k-tab-loader 1s ease-in-out infinite;
          animation: k-tab-loader 1s ease-in-out infinite;
}
.k-tabstrip-items .k-progress {
  -webkit-animation: none;
          animation: none;
}
.k-tabstrip-items .k-loading.k-complete {
  width: 100%;
  -webkit-animation: none;
          animation: none;
}
.k-tabstrip > .k-content,
.k-panelbar .k-tabstrip > .k-content {
  position: static;
  border-style: solid;
  border-width: 1px;
  margin: 0 .286em .3em;
  padding: .92em;
  zoom: 1;
}
.k-tabstrip > .k-content {
  display: none;
  overflow: auto;
}
.k-tabstrip > .k-content.km-scroll-wrapper {
  padding: 0;
}
.k-tabstrip > .k-content > .km-scroll-container {
  padding: .3em .92em;
}
@-webkit-keyframes k-tab-loader {
  0% {
    left: 0;
  }
  50% {
    left: 80%;
  }
  100% {
    left: 0;
  }
}
@keyframes k-tab-loader {
  0% {
    left: 0;
  }
  50% {
    left: 80%;
  }
  100% {
    left: 0;
  }
}
/* left and right tabs */
.k-tabstrip-left > div.k-content,
.k-tabstrip-right > div.k-content {
  margin: .286em .3em;
}
.k-tabstrip-left > .k-tabstrip-items .k-item,
.k-tabstrip-right > .k-tabstrip-items .k-item {
  display: block;
  margin-bottom: -1px;
}
.k-tabstrip-left > .k-tabstrip-items .k-link,
.k-tabstrip-right > .k-tabstrip-items .k-link {
  display: block;
}
.k-tabstrip-left > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-right > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-left > .k-tabstrip-items .k-state-active,
.k-tabstrip-right > .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active {
  margin-bottom: -1px;
  padding-bottom: 0;
}
/* left tabs */
.k-tabstrip-left > .k-tabstrip-items {
  float: left;
  padding: .25em 0 .3em .3em;
}
.k-tabstrip-left > .k-tabstrip-items .k-item {
  border-width: 1px 0 1px 1px;
  border-radius: 3px 0 0 3px;
}
.k-tabstrip-left > .k-tabstrip-items .k-state-active {
  border-width: 1px 0 1px 1px;
}
.k-tabstrip-left > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-left > .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active {
  margin-right: -2px;
  padding-right: 1px;
}
/* right tabs */
.k-tabstrip-right > .k-tabstrip-items {
  float: right;
  padding: .25em .3em .3em 0;
}
.k-tabstrip-right > .k-tabstrip-items .k-item {
  border-width: 1px 1px 1px 0;
  border-radius: 0 3px 3px 0;
}
.k-tabstrip-right > .k-tabstrip-items .k-state-active {
  border-width: 1px 1px 1px 0;
}
.k-tabstrip-right > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-right > .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active {
  margin-left: -1px;
  padding-left: 1px;
}
/* bottom tabs */
.k-tabstrip-bottom > .k-tabstrip-items {
  margin-top: -1px;
  padding: 0 .3em .3em;
}
.k-tabstrip-bottom > .k-content,
.k-panelbar .k-tabstrip-bottom > .k-content {
  margin: .3em .286em 0;
  z-index: 1;
  position: relative;
}
.k-tabstrip-bottom > .k-tabstrip-items .k-item {
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
}
.k-tabstrip-bottom > .k-tabstrip-items .k-state-active {
  margin-bottom: 0;
  padding-bottom: 0;
}
.k-tabstrip-bottom > .k-content {
  min-height: 100px;
}
.k-tabstrip-bottom > .k-tabstrip-items .k-loading {
  top: auto;
  bottom: 0;
}
/* PanelBar */
.k-panelbar {
  zoom: 1;
}
.k-panelbar > .k-item,
.k-panel > .k-item {
  list-style-type: none;
  display: block;
  border-width: 0;
  margin: 0;
  zoom: 1;
  border-radius: 0;
}
.k-panelbar .k-link > .k-image,
.k-panelbar .k-link > .k-sprite {
  float: left;
  margin-top: 4px;
  margin-right: 5px;
  vertical-align: middle;
}
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link {
  display: block;
  position: relative;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 0 1em;
  line-height: 2.34em;
  text-decoration: none;
  zoom: 1;
}
.k-panelbar-expand,
.k-panelbar-collapse {
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -8px;
}
.k-panelbar .k-panel,
.k-panelbar .k-content {
  position: relative;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin: 0;
  padding: 0;
  zoom: 1;
}
.k-panel > .k-item > .k-link {
  border-bottom: 0;
  font-size: .95em;
  line-height: 2.2;
}
.k-panel .k-panel > .k-item > .k-link {
  padding-left: 2em;
}
.k-panelbar .k-i-seek-e .k-link {
  border-bottom: 0;
}
.k-panel .k-panel {
  border-bottom: 0;
}
/* Menu */
.k-menu {
  cursor: default;
}
.k-menu,
.k-menu .k-menu-group {
  list-style: none;
  margin: 0;
  padding: 0;
  zoom: 1;
}
.k-menu:after {
  content: '';
  display: block;
  width: 99%;
  height: 0;
  float: inherit;
  clear: both;
}
.k-menu .k-item {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
      user-select: none;
}
.k-menu .k-item div {
  -webkit-user-select: default;
     -moz-user-select: default;
      -ms-user-select: default;
          user-select: default;
}
.k-menu .k-item .k-item,
ul.k-menu-vertical > .k-item {
  display: block;
  float: none;
  border-width: 0;
}
.k-menu .k-item > .k-link > .k-icon,
.k-menu .k-image,
.k-menu .k-sprite {
  margin: -2px 4px 0 -4px;
  vertical-align: middle;
}
.k-menu .k-item > .k-link > .k-icon {
  margin: -2px 0 0;
}
.k-menu .k-item > .k-link {
  display: block;
  padding: 0.5em 1.1em 0.4em;
  line-height: 1.34em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.k-menu .k-menu-group {
  display: none;
  border-style: solid;
  border-width: 1px;
  overflow: visible;
  white-space: nowrap;
}
.k-menu .k-menu-group > .k-item {
  display: block;
  border-width: 0;
}
.k-menu .k-item,
.k-widget.k-menu-horizontal > .k-item {
  position: relative;
  float: left;
  border-style: solid;
  border-width: 0 1px 0 0;
  vertical-align: top;
  zoom: 1;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.k-context-menu.k-menu-vertical > .k-item > .k-link,
.k-menu .k-menu-group .k-item > .k-link {
  padding: .28em 1.8em .38em .9em;
}
.k-context-menu.k-menu-horizontal > .k-separator {
  display: none;
}
.k-context-menu.k-menu-horizontal > .k-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.k-context-menu.k-menu-horizontal > .k-last {
  border: 0;
}
.k-menu .k-item > .k-link > .k-i-arrow-s {
  margin-right: -8px;
}
.k-menu .k-item > .k-link > .k-i-arrow-e {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 2px;
  right: .2rem;
}
.k-menu .k-animation-container {
  border: 0;
}
.k-menu .k-animation-container,
.k-menu .k-menu-group {
  position: absolute;
  left: 0;
}
.k-menu .k-animation-container .k-animation-container,
.k-menu .k-menu-group .k-menu-group,
.k-menu-vertical .k-animation-container,
.k-menu-vertical .k-menu-group {
  top: 0;
  left: 0;
}
.k-menu .k-animation-container .k-menu-group {
  top: auto;
  left: auto;
  margin-left: -1px;
}
.k-menu .k-animation-container,
.k-popup .k-animation-container {
  margin-top: -1px;
  padding-left: 1px;
}
.k-ie .k-menu .k-animation-container,
.k-ie .k-popup .k-animation-container {
  margin-top: -2px;
}
.k-popup .k-animation-container .k-popup {
  margin-left: -1px;
}
ul.k-menu .k-separator {
  padding: 0.25em 0;
  height: 100%;
  width: 1px;
  font-size: 0;
  line-height: 0;
  border-width: 0 1px 0 0;
}
ul.k-menu-vertical .k-separator,
.k-menu .k-menu-group .k-separator {
  padding: 0;
  height: 1px;
  width: 100%;
  border-width: 1px 0 0;
}
/* Context Menu */
.k-context-menu {
  border: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
/* Grid */
.k-grid,
.k-listview {
  position: relative;
  zoom: 1;
}
.k-grid table {
  width: 100%;
  margin: 0;
  /* override CSS libraries */
  max-width: none;
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  border-width: 0;
  outline: none;
}
.k-header.k-drag-clue {
  overflow: hidden;
}
.k-grid-header th.k-header,
.k-filter-row th {
  overflow: hidden;
  border-style: solid;
  border-width: 0 0 1px 1px;
  padding: .5em .6em .4em .6em;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.k-grid-header th.k-header {
  vertical-align: bottom;
}
.k-filtercell,
.k-filtercell > span,
.k-filtercell .k-widget {
  display: block;
  width: auto;
}
.k-filtercell > span {
  padding-right: 4.8em;
  position: relative;
  min-height: 2em;
  line-height: 2em;
}
.k-filtercell > .k-operator-hidden {
  padding-right: 2.3em;
}
.k-filtercell > span > .k-button,
.k-filter-row .k-dropdown-operator {
  position: absolute;
  top: 0;
  right: 0;
}
.k-filter-row .k-dropdown-operator {
  width: 2.1em;
  right: 2.5em;
}
.k-filtercell > span > label {
  vertical-align: middle;
}
.k-filter-row label > input[type="radio"] {
  vertical-align: middle;
  position: relative;
  bottom: 2px;
}
.k-ie10 .k-grid-header a:active {
  background-color: transparent;
  /*remove gray background*/
}
.k-grid-header th.k-header > .k-link {
  display: block;
  min-height: 18px;
  line-height: 18px;
  /* due to sorting icons*/
  margin: -0.5em -0.6em -0.4em 0;
  padding: .5em .6em .4em 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.k-grid-header th.k-with-icon .k-link {
  margin-right: 18px;
}
.k-grid-header th.k-header .k-icon {
  position: static;
}
.k-grid-header th > .k-link > .k-icon {
  vertical-align: text-top;
}
.k-grid .k-state-hover {
  cursor: pointer;
}
.k-grid-column-resizing,
.k-grid-column-resizing .k-grid-filter,
.k-grid-column-resizing .k-link,
.k-grid-column-resizing .k-button,
.k-grid-column-resizing .k-grid-toolbar {
  cursor: col-resize;
}
.k-grid td {
  border-style: solid;
  border-width: 0 0 0 1px;
  padding: .4em .6em;
  overflow: hidden;
  line-height: 1.6em;
  vertical-align: middle;
  text-overflow: ellipsis;
}
.k-grid .k-grouping-row td,
.k-grid .k-hierarchy-cell {
  overflow: visible;
}
.k-grid-edit-row td {
  text-overflow: clip;
}
.k-grid-edit-row .k-textbox,
.k-grid-edit-row .text-box {
  /*reset default webkit styles*/
  margin-top: 0;
  margin-bottom: 0;
}
.k-grid-header-wrap,
.k-grid-footer-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-style: solid;
  border-width: 0 1px 0 0;
  zoom: 1;
}
div.k-grid-header,
div.k-grid-footer {
  padding-right: 17px;
  /* scrollbar width; may vary; can be calculated */
  border-bottom-style: solid;
  border-bottom-width: 1px;
  zoom: 1;
}
.k-grid-header-wrap > table,
.k-grid-header-locked > table {
  margin-bottom: -1px;
}
.k-grid-content {
  position: relative;
  width: 100%;
  overflow: auto;
  overflow-x: auto;
  overflow-y: scroll;
  zoom: 1;
  min-height: 0%;
  /* IE9 bug workaround - expanding Grid on hover */
}
.k-mobile .k-grid tbody {
  -webkit-backface-visibility: hidden;
}
.k-mobile .k-grid-backface tbody {
  -webkit-backface-visibility: visible;
}
.k-grid-content-expander {
  position: absolute;
  visibility: hidden;
  height: 1px;
}
.k-grid-norecords {
  width: 100%;
  height: 100%;
  text-align: center;
}
.k-grid-norecords-template {
  width: 20em;
  height: 4em;
  line-height: 4em;
  vertical-align: middle;
  margin: 0 auto;
}
.k-grid-content > .k-grid-norecords > .k-grid-norecords-template {
  top: 50%;
  left: 50%;
  margin-left: -10em;
  margin-top: -2em;
  position: absolute;
}
@media print {
  .k-grid {
    height: auto !important;
  }
  .k-grid-header {
    padding: 0 !important;
  }
  .k-grid-header-wrap,
  .k-grid-content {
    overflow: visible;
    height: auto !important;
  }
}
.k-grid .k-scrollbar {
  -ms-overflow-style: scrollbar;
}
.k-virtual-scrollable-wrap {
  height: 100%;
  overflow-y: hidden;
  position: relative;
}
.k-grid-header table,
.k-grid-content table,
.k-grid-footer table,
.k-grid-content-locked > table {
  table-layout: fixed;
}
/* Grid :: locked columns */
.k-grid-lockedcolumns {
  white-space: nowrap;
}
.k-grid-content-locked,
.k-grid-content,
.k-pager-wrap {
  white-space: normal;
}
.k-grid-header-locked,
.k-grid-content-locked,
.k-grid-footer-locked {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  /* generally uneeded */
  position: relative;
  border-style: solid;
  border-width: 0 1px 0 0;
}
.k-grid-header-locked + .k-grid-header-wrap,
.k-grid-content-locked + .k-grid-content,
.k-grid-footer-locked + .k-grid-footer-wrap {
  display: inline-block;
  vertical-align: top;
}
.k-grid-toolbar {
  border-style: solid;
  border-width: 1px 0 0;
}
.k-grid-header th.k-header:first-child,
.k-grid tbody td:first-child,
.k-grid tfoot td:first-child,
.k-filter-row > th:first-child {
  border-left-width: 0;
}
.k-grid-header th.k-header.k-first {
  border-left-width: 1px;
}
.k-grid-toolbar:first-child,
.k-grouping-header + .k-grid-toolbar {
  border-width: 0 0 1px;
}
/* Grid :: footer */
.k-footer-template td {
  border-style: solid;
  border-width: 1px 0 0 1px;
}
.k-group-footer td {
  border-style: solid;
  border-width: 1px 0;
}
.k-group-footer .k-group-cell + td {
  border-left-width: 1px;
}
.k-grid-footer {
  border-style: solid;
  border-width: 1px 0 0;
}
.k-grid-footer td {
  border-top-width: 0;
}
.k-grid-footer > td {
  border-top-width: 1px;
}
/* Grid :: paging */
.k-pager-wrap {
  clear: both;
  overflow: hidden;
  position: relative;
  border-style: solid;
  border-width: 1px;
  line-height: 2.0em;
  padding: 0.333em 0 0.333em 0.250em;
}
.k-grid-pager {
  border-width: 1px 0 0;
}
.k-grid .k-pager-numbers,
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
  display: inline-block;
  vertical-align: top;
  margin-right: 1px;
}
.k-pager-numbers {
  margin: 0 2px;
}
.k-pager-numbers .k-state-selected {
  vertical-align: top;
}
.k-pager-numbers .k-current-page {
  display: none;
}
.k-pager-numbers li,
.k-pager-input {
  float: left;
}
.k-grid .k-pager-numbers {
  float: left;
  cursor: default;
}
.k-widget.k-grid .k-pager-numbers {
  position: relative;
}
.k-pager-info {
  float: right;
  padding: 0 1.333em;
}
.k-pager-numbers .k-link {
  text-decoration: none;
}
.k-pager-wrap > .k-link,
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
  min-width: 2em;
}
.k-pager-wrap > .k-link {
  float: left;
  margin: 0 0.08333em;
  height: 2em;
  /*IE7*/
  line-height: 2em;
  /*IE7*/
  border-radius: 1.0833em;
  cursor: pointer;
  text-align: center;
}
.k-pager-wrap > a.k-state-disabled:hover {
  background: none;
  cursor: default;
}
.k-pager-numbers .k-link {
  text-align: center;
  line-height: 2em;
  border-style: solid;
  border-width: 1px;
  border-radius: 1.0833em;
}
.k-pager-wrap > .k-link {
  border-style: solid;
  border-width: 1px;
}
.k-pager-wrap .k-pager-refresh {
  float: right;
  margin-right: 0.5em;
  border-width: 0;
  border-radius: 0;
}
.k-pager-numbers .k-state-selected {
  border-style: solid;
  border-width: 1px;
  text-align: center;
  border-radius: 1.0833em;
}
.k-pager-wrap .k-textbox {
  width: 3.333em;
}
.k-pager-wrap .k-dropdown {
  width: 4.500em;
}
.k-pager-refresh {
  float: right;
}
.k-pager-input,
.k-pager-sizes {
  padding: 0 1.4166em;
}
.k-pager-sizes {
  display: inline-block;
  padding-top: 1px;
}
.k-pager-sizes .k-widget.k-dropdown {
  margin-top: -2px;
}
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-widget {
  margin: 0 .4em 0;
}
/* Grid :: filtering */
.k-header > .k-grid-filter,
.k-header > .k-header-column-menu {
  float: right;
  margin: -0.5em -0.6em -0.4em 0;
  padding: .5em .2em .4em;
  position: relative;
  z-index: 1;
  /*mvc site.css*/
}
.k-grid .k-animation-container {
  position: absolute;
}
.k-filter-menu {
  padding: .5em;
}
.k-list-filter {
  display: block;
}
form.k-filter-menu .k-widget,
form.k-filter-menu .k-textbox {
  display: block;
}
form.k-filter-menu .k-textbox {
  width: 100%;
  margin-bottom: 3px;
}
.k-filter-help-text,
.k-filter-menu .k-widget,
.k-filter-menu .k-textbox {
  margin: .19em 0 0;
}
.k-filter-menu span.k-filter-and {
  width: 6em;
  margin: .5em 0 .5em;
}
.k-filter-menu .k-button {
  width: 48%;
  margin: .5em 4% 0 0;
}
.k-filter-menu .k-button + .k-button {
  margin-right: 0;
}
.k-filter-menu .k-filter-selected-items {
  font-weight: bold;
  margin: .5em;
}
.k-multicheck-wrap {
  overflow: auto;
  overflow-x: hidden;
  white-space: nowrap;
  max-height: 300px;
}
.k-multicheck-wrap .k-item {
  line-height: 2.2em;
}
/* Grid :: grouping */
.k-grouping-row .k-icon {
  margin: -3px 4px 0 2px;
}
.k-grouping-row p {
  display: inline-block;
  vertical-align: middle;
  margin-left: -0.6em;
  padding: 0 .6em;
}
.k-grouping-row + tr td {
  border-top-width: 1px;
}
.k-grouping-row .k-group-cell,
.k-grouping-row + tr .k-group-cell {
  border-top-width: 0;
  text-overflow: none;
}
.k-grid .k-hierarchy-cell + td {
  border-left-width: 0;
}
.k-grid .k-group-col,
.k-grid .k-hierarchy-col {
  width: 27px;
}
.k-grouping-header {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.k-grouping-header {
  line-height: 2;
}
.k-grouping-dropclue {
  position: absolute;
  width: 6px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: -165px -148px;
}
.k-grouping-header .k-group-indicator {
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  margin: 0 3px;
  padding: .15em .15em .15em .4em;
  line-height: 1.5em;
}
.k-grouping-header .k-link {
  display: inline-block;
  border-width: 0;
  padding: 0;
  line-height: normal;
  text-decoration: none;
}
.k-grouping-header .k-button {
  border: 0;
  padding: 0;
  background: transparent;
  line-height: 1;
}
.k-grouping-header .k-link .k-icon {
  margin: 0 0 0 -3px;
}
.k-grouping-header .k-button .k-icon {
  margin: 0 0 0 3px;
}
.k-grouping-header a,
.k-grouping-header .k-button {
  display: inline-block;
  vertical-align: middle;
}
/* Grid :: editing */
.k-dirty-cell:before {
  content: "\a0";
  display: inline-block;
  width: 0;
  float: left;
}
.k-dirty {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px;
  border-color: #f00 transparent transparent #f00;
  margin: -0.45em 0 0 -0.6em;
  padding: 0;
  overflow: hidden;
  vertical-align: top;
}
.k-grouping-header,
.k-grid-toolbar {
  margin: 0;
  padding: 0.22em 0.2em 0.28em;
  cursor: default;
}
.k-grid .k-edit-container {
  padding: 0;
}
.k-grid .field-validation-error {
  display: block;
}
.k-grid .input-validation-error {
  border-style: ridge;
  border-color: #f00;
  background-color: #ffc0cb;
}
.k-grid-toolbar .k-button {
  vertical-align: middle;
}
.k-grid-actions {
  display: inline-block;
}
.k-grid .k-button {
  margin: 0 .16em;
}
.k-grid tbody .k-button,
.k-ie8 .k-grid tbody button.k-button {
  min-width: 64px;
}
.k-grid tbody button.k-button {
  min-width: 78px;
  /* for all except IE8 */
}
html body .k-grid tbody .k-button-icon {
  width: auto;
  min-width: 0;
}
.k-detail-row {
  position: relative;
}
.k-grid .k-detail-cell {
  overflow: visible;
}
.k-grid .k-edit-cell {
  padding: 0 .3em;
  white-space: nowrap;
}
.k-grid .k-edit-cell .k-tooltip {
  white-space: normal;
}
.k-edit-cell > .k-textbox,
.k-edit-cell > .k-widget,
.k-grid-edit-row > td > .k-textbox,
.k-grid-edit-row > td > .k-widget,
.k-grid-edit-row > td > .text-box {
  width: 100%;
}
html .k-edit-cell .k-tooltip,
html .k-grid-edit-row .k-tooltip {
  width: auto;
  max-width: 300px;
}
.k-edit-cell input[type="checkbox"] {
  margin-left: .6em;
}
.k-grid tbody td > .k-grid-delete {
  margin-top: -0.2em;
  margin-bottom: -0.2em;
}
/* Grid :: resizing */
.k-grid-resize-indicator {
  position: absolute;
  width: 2px;
  background-color: #aaa;
}
.k-grid-header .k-resize-handle,
.k-grid > .k-resize-handle {
  position: absolute;
  height: 25px;
  cursor: col-resize;
  z-index: 2;
}
.k-marquee {
  position: absolute;
  z-index: 100000;
}
.k-marquee-color,
.k-marquee-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.k-marquee-color {
  filter: alpha(opacity=60);
  opacity: .6;
}
.k-ie9 .k-column-menu {
  width: 160px;
  /*fix flicker on item hover*/
}
.k-ie8 .k-grid-filter,
.k-ie8 .k-header-column-menu {
  font-size: 100%;
  /* Fix small menus in IE8 */
}
.k-column-menu {
  min-width: 160px;
}
.k-column-menu .k-sprite {
  margin-right: 10px;
}
.k-column-menu > .k-menu {
  border-width: 0;
}
.k-column-menu .k-calendar .k-link {
  white-space: normal;
}
.k-columns-item .k-group {
  max-height: 200px;
  overflow: auto;
}
/* Remove Grid scrollbar during built-in export */
.k-pdf-export-shadow .k-grid {
  float: left;
  width: auto !important;
}
/* Remove all sizes and scrolling */
.k-pdf-export-shadow .k-grid,
.k-pdf-export-shadow .k-grid-content,
.k-pdf-export-shadow .k-grid-content-locked {
  height: auto !important;
  overflow: visible;
}
.k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap,
.k-pdf-export-shadow .k-grid-content-locked + .k-grid-content,
.k-pdf-export-shadow .k-grid-footer-locked + .k-grid-footer-wrap {
  width: auto !important;
}
/* Remove empty space reserved above the scrollbar */
.k-pdf-export-shadow .k-grid-header,
.k-pdf-export-shadow .k-grid-footer {
  padding: 0 !important;
}
.k-loading-pdf-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}
.k-loading-pdf-mask .k-loading-color {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.k-loading-pdf-mask .k-loading-pdf-progress {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.k-pdf-export .k-loading-pdf-mask {
  display: none;
}
/* responsive styles  */
.k-autofitting {
  width: auto !important;
  table-layout: auto !important;
}
.k-autofitting th.k-header,
.k-autofitting td {
  white-space: nowrap !important;
}
.k-autofitting .k-detail-row {
  display: none !important;
}
@media only screen and (max-width: 1024px) {
  .k-webkit .k-pager-wrap,
  .k-ff .k-pager-wrap,
  .k-ie11 .k-pager-wrap,
  .k-edge .k-pager-wrap,
  .k-safari .k-pager-wrap {
    overflow: visible;
    min-height: 2.1em;
  }
  .k-webkit .k-pager-wrap .k-pager-nav,
  .k-ff .k-pager-wrap .k-pager-nav,
  .k-ie11 .k-pager-wrap .k-pager-nav,
  .k-edge .k-pager-wrap .k-pager-nav,
  .k-safari .k-pager-wrap .k-pager-nav,
  .k-webkit .k-pager-input,
  .k-ff .k-pager-input,
  .k-ie11 .k-pager-input,
  .k-edge .k-pager-input,
  .k-safari .k-pager-input {
    display: inline-block;
    vertical-align: top;
  }
  .k-webkit .k-pager-numbers,
  .k-ff .k-pager-numbers,
  .k-ie11 .k-pager-numbers,
  .k-edge .k-pager-numbers,
  .k-safari .k-pager-numbers,
  .k-webkit .k-grid .k-pager-numbers,
  .k-ff .k-grid .k-pager-numbers,
  .k-ie11 .k-grid .k-pager-numbers,
  .k-edge .k-grid .k-pager-numbers,
  .k-safari .k-grid .k-pager-numbers {
    position: absolute;
    left: 4.8em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    overflow: visible;
    height: auto;
  }
  .k-webkit .k-pager-numbers:first-child,
  .k-ff .k-pager-numbers:first-child,
  .k-ie11 .k-pager-numbers:first-child,
  .k-edge .k-pager-numbers:first-child,
  .k-safari .k-pager-numbers:first-child,
  .k-webkit .k-grid .k-pager-numbers:first-child,
  .k-ff .k-grid .k-pager-numbers:first-child,
  .k-ie11 .k-grid .k-pager-numbers:first-child,
  .k-edge .k-grid .k-pager-numbers:first-child,
  .k-safari .k-grid .k-pager-numbers:first-child {
    left: .2em;
  }
  .k-webkit .k-pager-numbers.k-state-expanded,
  .k-ff .k-pager-numbers.k-state-expanded,
  .k-ie11 .k-pager-numbers.k-state-expanded,
  .k-edge .k-pager-numbers.k-state-expanded,
  .k-safari .k-pager-numbers.k-state-expanded,
  .k-webkit .k-grid .k-pager-numbers.k-state-expanded,
  .k-ff .k-grid .k-pager-numbers.k-state-expanded,
  .k-ie11 .k-grid .k-pager-numbers.k-state-expanded,
  .k-edge .k-grid .k-pager-numbers.k-state-expanded,
  .k-safari .k-grid .k-pager-numbers.k-state-expanded {
    -ms-transform: translatey(-100%);
        transform: translatey(-100%);
    -webkit-transform: translatey(-100%);
  }
  .k-webkit .km-pane-wrapper .k-pager-numbers,
  .k-ff .km-pane-wrapper .k-pager-numbers,
  .k-ie11 .km-pane-wrapper .k-pager-numbers,
  .k-edge .km-pane-wrapper .k-pager-numbers,
  .k-safari .km-pane-wrapper .k-pager-numbers,
  .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-ff .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-edge .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-safari .km-pane-wrapper .k-grid .k-pager-numbers {
    position: relative;
    left: 50%;
    -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    -webkit-transform: translate(-50%, -100%);
  }
  .k-webkit .km-pane-wrapper .k-pager-numbers .k-link,
  .k-ff .km-pane-wrapper .k-pager-numbers .k-link,
  .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link,
  .k-edge .km-pane-wrapper .k-pager-numbers .k-link,
  .k-safari .km-pane-wrapper .k-pager-numbers .k-link,
  .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected,
  .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected,
  .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected,
  .k-edge .km-pane-wrapper .k-pager-numbers .k-state-selected,
  .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected,
  .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link,
  .k-ff .km-pane-wrapper .k-pager-wrap > .k-link,
  .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link,
  .k-edge .km-pane-wrapper .k-pager-wrap > .k-link,
  .k-safari .km-pane-wrapper .k-pager-wrap > .k-link,
  .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info,
  .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info,
  .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info,
  .k-edge .km-pane-wrapper .k-pager-wrap > .k-pager-info,
  .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info {
    padding-top: 0;
    padding-bottom: 0;
  }
  .k-webkit .k-rtl .k-pager-numbers,
  .k-ff .k-rtl .k-pager-numbers,
  .k-ie11 .k-rtl .k-pager-numbers,
  .k-edge .k-rtl .k-pager-numbers,
  .k-safari .k-rtl .k-pager-numbers,
  .k-webkit .k-rtl .k-grid .k-pager-numbers,
  .k-ff .k-rtl .k-grid .k-pager-numbers,
  .k-ie11 .k-rtl .k-grid .k-pager-numbers,
  .k-edge .k-rtl .k-grid .k-pager-numbers,
  .k-safari .k-rtl .k-grid .k-pager-numbers {
    left: auto;
    right: 4.8em;
    width: 4.5em;
  }
  .k-webkit .k-rtl .k-pager-numbers:first-child,
  .k-ff .k-rtl .k-pager-numbers:first-child,
  .k-ie11 .k-rtl .k-pager-numbers:first-child,
  .k-edge .k-rtl .k-pager-numbers:first-child,
  .k-safari .k-rtl .k-pager-numbers:first-child,
  .k-webkit .k-rtl .k-grid .k-pager-numbers:first-child,
  .k-ff .k-rtl .k-grid .k-pager-numbers:first-child,
  .k-ie11 .k-rtl .k-grid .k-pager-numbers:first-child,
  .k-edge .k-rtl .k-grid .k-pager-numbers:first-child,
  .k-safari .k-rtl .k-grid .k-pager-numbers:first-child {
    left: auto;
    right: .2em;
  }
  .k-webkit .k-rtl .km-pane-wrapper .k-pager-numbers,
  .k-ff .k-rtl .km-pane-wrapper .k-pager-numbers,
  .k-ie11 .k-rtl .km-pane-wrapper .k-pager-numbers,
  .k-edge .k-rtl .km-pane-wrapper .k-pager-numbers,
  .k-safari .k-rtl .km-pane-wrapper .k-pager-numbers,
  .k-webkit .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-ff .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-ie11 .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-edge .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-safari .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers {
    right: 5.8em;
  }
  .k-webkit .k-pager-numbers .k-current-page,
  .k-ff .k-pager-numbers .k-current-page,
  .k-ie11 .k-pager-numbers .k-current-page,
  .k-edge .k-pager-numbers .k-current-page,
  .k-safari .k-pager-numbers .k-current-page,
  .k-webkit .k-grid .k-pager-numbers .k-current-page,
  .k-ff .k-grid .k-pager-numbers .k-current-page,
  .k-ie11 .k-grid .k-pager-numbers .k-current-page,
  .k-edge .k-grid .k-pager-numbers .k-current-page,
  .k-safari .k-grid .k-pager-numbers .k-current-page {
    display: block;
    border-left: 0;
  }
  .k-webkit .k-pager-numbers.k-state-expanded .k-current-page,
  .k-ff .k-pager-numbers.k-state-expanded .k-current-page,
  .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
  .k-edge .k-pager-numbers.k-state-expanded .k-current-page,
  .k-safari .k-pager-numbers.k-state-expanded .k-current-page,
  .k-webkit .k-grid .k-pager-number.k-state-expanded .k-current-page,
  .k-ff .k-grid .k-pager-number.k-state-expanded .k-current-page,
  .k-ie11 .k-grid .k-pager-number.k-state-expanded .k-current-page,
  .k-edge .k-grid .k-pager-number.k-state-expanded .k-current-page,
  .k-safari .k-grid .k-pager-number.k-state-expanded .k-current-page {
    -ms-transform: translatey(100%);
        transform: translatey(100%);
    -webkit-transform: translatey(100%);
  }
  .k-webkit .k-pager-numbers li:not(.k-current-page),
  .k-ff .k-pager-numbers li:not(.k-current-page),
  .k-ie11 .k-pager-numbers li:not(.k-current-page),
  .k-edge .k-pager-numbers li:not(.k-current-page),
  .k-safari .k-pager-numbers li:not(.k-current-page) {
    display: none;
  }
  .k-webkit .k-pager-numbers .k-current-page .k-link,
  .k-ff .k-pager-numbers .k-current-page .k-link,
  .k-ie11 .k-pager-numbers .k-current-page .k-link,
  .k-edge .k-pager-numbers .k-current-page .k-link,
  .k-safari .k-pager-numbers .k-current-page .k-link {
    width: 3.2em;
    padding: 0 .429em 0 .714em;
    border-radius: 1.0833em;
  }
  .k-webkit .k-pager-numbers + .k-link,
  .k-ff .k-pager-numbers + .k-link,
  .k-ie11 .k-pager-numbers + .k-link,
  .k-edge .k-pager-numbers + .k-link,
  .k-safari .k-pager-numbers + .k-link {
    margin-left: 4.8em;
  }
  .k-webkit .k-rtl .k-pager-numbers + .k-link,
  .k-ff .k-rtl .k-pager-numbers + .k-link,
  .k-ie11 .k-rtl .k-pager-numbers + .k-link,
  .k-edge .k-rtl .k-pager-numbers + .k-link,
  .k-safari .k-rtl .k-pager-numbers + .k-link {
    margin-right: 5.1em;
    margin-left: 0;
  }
  .k-webkit .k-pager-numbers .k-state-selected,
  .k-ff .k-pager-numbers .k-state-selected,
  .k-ie11 .k-pager-numbers .k-state-selected,
  .k-edge .k-pager-numbers .k-state-selected,
  .k-safari .k-pager-numbers .k-state-selected,
  .k-webkit .k-pager-numbers .k-link,
  .k-ff .k-pager-numbers .k-link,
  .k-ie11 .k-pager-numbers .k-link,
  .k-edge .k-pager-numbers .k-link,
  .k-safari .k-pager-numbers .k-link {
    display: block;
    margin-right: 0;
    padding: 1px 5px 1px 5px;
    text-align: left;
  }
  .k-webkit .k-pager-numbers.k-state-expanded,
  .k-ff .k-pager-numbers.k-state-expanded,
  .k-ie11 .k-pager-numbers.k-state-expanded,
  .k-edge .k-pager-numbers.k-state-expanded,
  .k-safari .k-pager-numbers.k-state-expanded {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2px 2px 0;
  }
  .k-webkit .k-pager-numbers.k-state-expanded .k-current-page,
  .k-ff .k-pager-numbers.k-state-expanded .k-current-page,
  .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
  .k-edge .k-pager-numbers.k-state-expanded .k-current-page,
  .k-safari .k-pager-numbers.k-state-expanded .k-current-page {
    margin: -2em -3px 0;
    padding: 0;
  }
  .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link,
  .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link,
  .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link,
  .k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link,
  .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link {
    border-radius: 0 0 1.0833em 1.0833em;
  }
  .k-webkit .k-pager-numbers.k-state-expanded li,
  .k-ff .k-pager-numbers.k-state-expanded li,
  .k-ie11 .k-pager-numbers.k-state-expanded li,
  .k-edge .k-pager-numbers.k-state-expanded li,
  .k-safari .k-pager-numbers.k-state-expanded li {
    display: inline-block;
  }
}
@media only screen and (max-width: 640px) {
  .k-webkit .k-pager-info,
  .k-ff .k-pager-info,
  .k-ie11 .k-pager-info,
  .k-edge .k-pager-info,
  .k-safari .k-pager-info {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .k-webkit .k-pager-sizes,
  .k-ff .k-pager-sizes,
  .k-ie11 .k-pager-sizes,
  .k-edge .k-pager-sizes,
  .k-safari .k-pager-sizes {
    display: none;
  }
}
.k-treelist .k-status {
  padding: .4em .6em;
  line-height: 1.6em;
}
.k-treelist .k-status .k-loading {
  vertical-align: baseline;
  margin-right: 5px;
}
.k-treelist tr.k-hidden {
  display: none;
}
.k-treelist.k-treelist-dragging,
.k-treelist.k-treelist-dragging .k-state-hover {
  cursor: default;
}
.k-treelist .k-drop-hint {
  position: absolute;
  z-index: 10000;
  visibility: hidden;
  width: 80px;
  height: 5px;
  margin-top: -3px;
  background-color: transparent;
  background-repeat: no-repeat;
}
.k-drag-separator {
  display: inline-block;
  border-right: 1px solid;
  height: 1em;
  vertical-align: top;
  margin: 0 .5em;
}
/* Gantt Chart start */
/* Gantt Main Layout */
.k-gantt {
  white-space: nowrap;
  position: relative;
}
.k-gantt-layout {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.k-gantt .k-splitbar {
  position: relative;
  cursor: e-resize;
  width: 5px;
  border-width: 0 1px;
  background-repeat: repeat-y;
}
.k-gantt .k-gantt-layout th {
  vertical-align: bottom;
}
.k-gantt td {
  overflow: hidden;
  white-space: nowrap;
  vertical-align: top;
}
.k-gantt .k-grid .k-edit-cell {
  vertical-align: middle;
}
.k-gantt-treelist > .k-treelist,
.k-gantt-timeline > .k-timeline {
  border-width: 0;
  height: 100%;
}
/* Gantt Toolbar, footer */
.k-gantt-toolbar {
  border-style: solid;
  border-width: 0 0 1px;
  line-height: 2.4em;
  padding: .5em;
}
.k-gantt-layout + .k-gantt-toolbar {
  border-width: 1px 0 0;
}
.k-gantt-actions,
.k-gantt-toolbar > ul {
  float: left;
  margin-right: .6em;
}
.k-gantt-actions > .k-button {
  margin-right: .5em;
  vertical-align: top;
}
.k-gantt-toolbar > .k-gantt-views {
  float: right;
  margin-right: 0;
}
.k-gantt-toolbar > .k-gantt-views > li.k-current-view {
  display: none;
}
.k-gantt-toolbar > ul > li {
  display: inline-block;
  border-style: solid;
  border-width: 1px 1px 1px 0;
}
.k-gantt-toolbar > ul > li:first-child + li {
  border-left-width: 1px;
}
.k-gantt-toolbar .k-link {
  display: inline-block;
  padding: 0 1.1em;
}
.k-gantt-toolbar li:first-child + li,
.k-gantt-toolbar li:first-child + li > .k-link {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.k-gantt-toolbar li:last-child,
.k-gantt-toolbar li:last-child > .k-link {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.k-gantt-toolbar li.k-button {
  line-height: inherit;
  padding-top: 0;
  padding-bottom: 0;
}
/* Gantt TreeList */
.k-gantt-treelist .k-grid-header tr {
  height: 5em;
}
.k-gantt .k-treelist .k-grid-header {
  padding: 0 !important;
}
.k-gantt .k-treelist .k-grid-content {
  overflow-y: hidden;
  overflow-x: scroll;
}
.k-treelist-group > tr > span {
  font-weight: bold;
}
.k-treelist-group .k-widget {
  font-weight: normal;
}
/* Gantt TimeLine */
.k-gantt-timeline .k-grid-header tr {
  height: 2.5em;
}
.k-gantt-tasks {
  /*needed for RTL*/
  position: relative;
}
.k-gantt-rows tr,
.k-gantt-tasks tr,
.k-gantt .k-grid-content tr {
  height: 2.3em;
}
.k-gantt .k-gantt-tasks td:after {
  content: "\a0";
}
.k-gantt-timeline {
  background: transparent;
}
.k-gantt-rows,
.k-gantt-columns,
.k-gantt-dependencies {
  position: absolute;
  top: 0;
  left: 0;
}
.k-gantt-tables {
  position: relative;
}
.k-gantt .k-timeline .k-grid-content {
  overflow-x: scroll;
}
.k-gantt .k-gantt-timeline th {
  text-align: center;
}
.k-gantt .k-gantt-timeline tr:first-child th {
  border-bottom-width: 1px;
}
/* Gantt TimeLine objects */
/* Summary */
.k-task-summary {
  height: 10px;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
}
.k-task-summary-complete {
  height: 10px;
  position: relative;
  z-index: 2;
}
.k-task-summary-progress {
  height: 15px;
  overflow: hidden;
}
.k-task-summary:before,
.k-task-summary-complete:before,
.k-task-summary:after,
.k-task-summary-complete:after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px;
  border-color: transparent;
}
.k-task-summary:before,
.k-task-summary-complete:before {
  left: 0;
  border-left-color: inherit;
}
.k-task-summary:after,
.k-task-summary-complete:after {
  right: 0;
  border-right-color: inherit;
}
/* Lines */
.k-line-h,
.k-line-v {
  position: absolute;
}
.k-line-h {
  height: 2px;
}
.k-line-v {
  width: 2px;
}
.k-arrow-e,
.k-arrow-w {
  position: absolute;
  top: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px;
}
.k-arrow-e {
  right: -6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.k-arrow-w {
  left: -6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
/* Milestone */
.k-task-milestone {
  width: 13px;
  height: 13px;
  margin-top: 3px;
  border-style: solid;
  border-width: 1px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.k-ie8 .k-task-milestone {
  margin-left: 1px;
}
/* Button */
.k-gantt .k-gantt-treelist .k-button,
.k-gantt .k-gantt-tasks .k-button-icon {
  padding-top: 0;
  padding-bottom: 0;
}
.k-gantt .k-gantt-tasks .k-button-icon {
  margin-top: 4px;
}
.k-gantt .k-gantt-treelist .k-button {
  margin-top: -4px;
  margin-bottom: -2px;
}
.k-gantt .k-gantt-tasks .k-button-icon {
  padding-left: 2px;
  padding-right: 2px;
}
.k-gantt .k-gantt-treelist .k-button .k-icon,
.k-gantt .k-gantt-tasks .k-button .k-icon {
  vertical-align: text-top;
}
.k-rel .k-button-icon {
  position: absolute;
  left: 200px;
}
/* Tasks */
.k-rel {
  position: relative;
  height: 0;
  top: -0.3em;
}
.k-task-wrap {
  position: absolute;
  padding: 0 23px 5px;
  margin: -1px -23px 0;
  z-index: 2;
}
.k-task-wrap:hover,
.k-line.k-state-selected {
  z-index: 3;
}
.k-milestone-wrap {
  margin: 0 -13px 0 -27px;
}
.k-task-content {
  position: relative;
  z-index: 2;
}
.k-task-complete {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 20%;
  z-index: 1;
}
.k-task-dot {
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
  line-height: 16px;
  display: none;
  cursor: pointer;
}
.k-task-dot.k-state-hover {
  background-color: transparent;
}
.k-task-single + .k-task-dot,
.k-task-single + .k-task-dot + .k-task-dot {
  top: .2em;
}
.k-task-wrap:hover .k-task-dot,
.k-task-wrap-active .k-task-dot {
  display: block;
}
.k-task-dot:before {
  content: "\a0";
  display: inline-block;
  width: 0;
  height: 16px;
}
.k-task-dot:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin-left: 4px;
}
.k-task-dot:hover:after,
.k-task-dot.k-state-hover:after,
.k-task-wrap-active .k-task-dot:after {
  border-style: solid;
  border-width: 1px;
  margin-left: 3px;
}
.k-task-start {
  left: 0;
}
.k-task-end {
  right: 0;
}
.k-task-single {
  border-style: solid;
  border-width: 1px;
  text-align: left;
  overflow: hidden;
  cursor: default;
  min-height: 1.3em;
  white-space: nowrap;
}
.k-task-template {
  padding: .2em 1.4em .2em .6em;
  line-height: normal;
}
.k-task-actions,
.k-task-content > .k-link {
  position: absolute;
  top: 0;
  right: 4px;
  white-space: nowrap;
}
.k-task-actions {
  z-index: 1;
}
.k-task-actions:first-child {
  position: static;
  float: left;
  margin: 4px 2px 0 4px;
}
.k-webkit .k-task-actions:first-child {
  margin-top: 3px;
}
.k-task-actions:first-child > .k-link {
  display: inline-block;
}
.k-task-delete {
  display: none;
}
.k-task-wrap:hover .k-task-delete,
.k-task-wrap-active .k-task-delete {
  display: inline-block;
}
.k-task-single .k-resize-handle {
  position: absolute;
  visibility: hidden;
  z-index: 2;
  height: auto;
}
.k-task-single:hover .k-resize-handle,
.k-task-wrap-active .k-resize-handle {
  visibility: visible;
}
.k-task-single .k-resize-handle:after {
  content: "";
  position: absolute;
  filter: alpha(opacity=50);
  opacity: .5;
}
.k-task-content > .k-resize-e {
  right: 0;
  top: 0;
  bottom: 0;
  width: .4em;
}
.k-task-content > .k-resize-w {
  left: 0;
  top: 0;
  bottom: 0;
  width: .4em;
}
.k-task-content > .k-resize-e:after,
.k-task-content > .k-resize-w:after {
  left: 1px;
  top: 50%;
  margin-top: -0.7em;
  height: 1.4em;
  width: 1px;
}
.k-task-content > .k-resize-e:after {
  left: auto;
  right: 1px;
}
.k-task-draghandle {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  margin-left: 16px;
  border-width: 5px;
  border-style: solid;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  display: none;
  cursor: e-resize;
}
.k-task-wrap:hover .k-task-draghandle,
.k-task-wrap-active .k-task-draghandle {
  display: block;
}
.k-dependency-hint {
  z-index: 4;
}
/* Higher row height styles */
.k-gantt-rowheight .k-task-summary,
.k-gantt-rowheight .k-task-milestone,
.k-gantt-rowheight .k-task-dot,
.k-gantt-rowheight .k-task-single + .k-task-dot,
.k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot {
  top: 50%;
}
.k-gantt-rowheight .k-task-summary,
.k-gantt-rowheight .k-task-milestone {
  margin-top: -6px;
}
.k-gantt-rowheight .k-task-dot,
.k-gantt-rowheight .k-task-single + .k-task-dot,
.k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot {
  margin-top: -11px;
}
.k-gantt-rowheight .k-task-single {
  height: -webkit-calc(98%);
  height: calc(98%);
}
.k-ie .k-gantt-rowheight .k-task-single {
  height: 99%;
}
.k-gantt-rowheight .k-task-content {
  height: 100%;
}
.k-gantt-rowheight .k-task-content > .k-resize-e:after,
.k-gantt-rowheight .k-task-content > .k-resize-w:after {
  top: 0;
  margin-top: 0;
  height: 100%;
}
/*Task Hover Tooltip*/
.k-task-details {
  padding: .4em;
  text-align: left;
  white-space: nowrap;
}
.k-task-details > strong {
  font-size: 120%;
  display: block;
}
.k-task-pct {
  margin: .5em 0 .1em;
  font-size: 170%;
}
.k-task-details > ul {
  line-height: 1.2;
}
/*Resources*/
.k-resources-wrap {
  position: absolute;
  z-index: 2;
  zoom: 1;
  margin-left: 20px;
  margin-top: -2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.k-resources-wrap .k-resource {
  margin: 0px 5px;
}
/* Gantt Edit form */
.k-gantt-edit-form > .k-edit-form-container {
  width: 430px;
}
.k-gantt-edit-form > .k-resources-form-container {
  width: 506px;
}
.k-resources-form-container > .k-grid {
  margin: 0 .9em;
}
.k-gantt-edit-form > .k-edit-form-container .k-textbox,
.k-gantt-edit-form > .k-edit-form-container .k-numerictextbox {
  width: 15em;
}
.k-gantt-edit-form .k-edit-buttons .k-gantt-delete {
  float: left;
}
/* Gantt Chart PDF export */
.k-pdf-export-shadow .k-gantt {
  float: left;
}
/* Remove all sizes and scrolling */
.k-pdf-export-shadow .k-gantt,
.k-pdf-export-shadow .k-gantt-timeline,
.k-pdf-export-shadow .k-gantt .k-grid-content {
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}
.k-pdf-export-shadow .k-gantt-treelist {
  height: auto !important;
  overflow: visible !important;
}
/* Remove empty space reserved above the scrollbar */
.k-pdf-export-shadow .k-gantt-timeline .k-grid-header {
  padding: 0 !important;
}
/* Hide the splitter */
.k-pdf-export-shadow .k-gantt .k-splitbar,
.k-pdf-export-shadow .k-pdf-export {
  display: none;
}
/* Responsive styles  */
button.k-gantt-toggle {
  display: none;
  float: left;
  margin-right: .5em;
}
.k-rtl button.k-gantt-toggle {
  float: right;
  margin-right: 0;
  margin-left: .5em;
}
@media only screen and (max-width: 1024px) {
  .k-gantt-toolbar > ul.k-gantt-views {
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 10000;
  }
  .k-rtl .k-gantt-toolbar > ul.k-gantt-views {
    right: auto;
    left: 6px;
  }
  .k-gantt-toolbar > ul.k-gantt-views > li:not(.k-current-view) {
    display: none;
  }
  .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view {
    display: block;
    border-width: 1px;
  }
  .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view {
    text-align: left;
    padding-left: 1em;
  }
  .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link {
    display: block;
    position: relative;
    padding-right: 2.5em;
    padding-left: 1em;
  }
  .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link {
    padding-left: 0;
  }
  .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -0.6em;
    right: 0.333em;
    width: 16px;
    height: 16px;
  }
  .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li,
  .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li:first-child + li {
    display: block;
    border: 0;
    border-radius: 0;
  }
  .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
    border: 1px solid #c5c5c5;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  }
  .k-rtl .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
    text-align: left;
  }
}
@media only screen and (max-width: 480px) {
  button.k-gantt-toggle {
    display: inline-block;
  }
  .k-gantt-create span + span,
  .k-gantt-pdf span + span {
    display: none;
  }
  .k-gantt-create .k-icon,
  .k-gantt-pdf .k-icon {
    margin: 0;
  }
  .k-gantt .k-splitbar {
    display: none;
    width: 0;
    border-width: 0;
  }
  .k-gantt .k-gantt-treelist {
    display: none;
    max-width: 0;
  }
  .k-gantt .k-treelist .k-grid-content {
    overflow-y: scroll;
  }
  .k-gantt .k-gantt-timeline {
    width: 100%;
  }
}
/* Gantt Chart end */
/* Pivot start */
.k-pivot {
  position: relative;
}
.k-pivot-toolbar {
  padding: .2em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.k-pivot .k-pivot-toolbar {
  padding: .6em;
}
.k-pivot-toolbar .k-button {
  margin-right: .4em;
  line-height: 1.2em;
  font-size: .9em;
  text-align: left;
  position: relative;
  padding: .3em 5em .3em .3em;
}
.k-field-actions {
  position: absolute;
  right: 2px;
  top: 3px;
}
/*IE7 requires the following style to be applied to cells directly*/
.k-pivot .k-grid td {
  white-space: nowrap;
}
.k-pivot-layout {
  border-spacing: 0;
  table-layout: auto;
}
.k-pivot-layout > tbody > tr > td {
  vertical-align: top;
  padding: 0;
}
.k-pivot td {
  vertical-align: top;
}
.k-pivot-rowheaders > .k-grid,
.k-pivot-table > .k-grid {
  border-width: 0;
}
.k-pivot-rowheaders > .k-grid td:first-child,
.k-pivot-table .k-grid-header .k-header.k-first {
  border-left-width: 1px;
}
.k-pivot-rowheaders > .k-grid td.k-first {
  border-left-width: 0;
}
.k-pivot-rowheaders > .k-grid {
  overflow: hidden;
}
.k-pivot-table {
  border-left-width: 1px;
  border-left-style: solid;
}
.k-pivot-table .k-grid-header-wrap > table {
  height: 100%;
}
.k-pivot .k-grid-header .k-header {
  vertical-align: top;
}
.k-header.k-alt,
td.k-alt {
  font-weight: bold;
}
.k-header.k-alt {
  background-image: none;
}
.k-pivot-layout .k-grid td {
  border-bottom-width: 1px;
}
.k-pivot-layout .k-grid-footer > td {
  border-top-width: 0;
}
.k-pivot-filter-window .k-treeview {
  max-height: 600px;
}
/* selector */
.k-fieldselector .k-edit-buttons {
  bottom: auto;
}
.k-fieldselector .k-edit-label {
  width: 16%;
}
.k-fieldselector .k-edit-field {
  width: 77%;
}
.k-fieldselector .k-edit-field > .k-widget,
.k-fieldselector .k-edit-field > .k-textbox {
  width: 99%;
}
.k-fieldselector .k-edit-buttons > input,
.k-fieldselector .k-edit-buttons > label {
  float: left;
  margin-top: .4em;
}
.k-fieldselector p {
  margin: 0 0 .2em .5em;
  text-transform: uppercase;
}
.k-fieldselector p .k-icon {
  margin: 0 5px 0 0;
}
.k-fieldselector .k-columns {
  border-style: solid;
  border-width: 0;
}
.k-fieldselector .k-columns > div {
  overflow: auto;
  padding: .6em;
  border-style: solid;
  border-width: 0 0 0 1px;
  float: left;
  width: 45%;
}
.k-fieldselector .k-columns > div:first-child {
  border-width: 0;
  margin-right: -1px;
}
.k-fieldselector .k-columns > div + div {
  float: right;
  border-width: 0;
}
.k-fieldselector div.k-treeview {
  border-width: 0;
  margin-right: -1px;
  padding-left: 4px;
  overflow: visible;
}
.k-fieldselector .k-list-container {
  margin-left: .5em;
  margin-bottom: 1em;
  padding: .2em 0 0;
  border-style: solid;
  border-width: 1px;
}
.k-fieldselector .k-list {
  padding-bottom: 2em;
}
.k-fieldselector .k-list li.k-item {
  padding: .3em 3.3em .3em .3em;
  margin: 0 .2em.2em;
  position: relative;
  font-size: .9em;
  line-height: 1.2em;
  min-height: 1em;
}
/* KPI icons */
.k-i-kpi-decrease {
  background-position: 0 0;
}
.k-i-kpi-denied {
  background-position: -16px 0;
}
.k-i-kpi-equal {
  background-position: -32px 0;
}
.k-i-kpi-hold {
  background-position: -48px 0;
}
.k-i-kpi-increase {
  background-position: -64px 0;
}
.k-i-kpi-open {
  background-position: -80px 0;
}
/* Pivot PDF Export styles */
.k-pdf-export-shadow .k-pivot .k-grid-content {
  overflow: visible !important;
}
.k-pdf-export-shadow .k-pivot .k-pivot-rowheaders .k-grid,
.k-pdf-export-shadow .k-pivot .k-grid-content {
  height: 100% !important;
}
.k-pdf-export-shadow .k-pivot .k-grid-header {
  padding-right: 0 !important;
}
.k-pdf-export-shadow .k-pivot {
  width: auto !important;
  height: auto !important;
}
.k-pdf-export-shadow .k-pivot .k-grid-header-wrap > table,
.k-pdf-export-shadow .k-pivot .k-grid-content > table {
  width: 100% !important;
  height: auto !important;
}
/* Pivot end */
/* Calendar */
.k-calendar {
  position: relative;
  display: inline-block;
  width: 16.917em;
  overflow: hidden;
}
.k-calendar td,
.k-calendar .k-link {
  text-decoration: none;
}
.k-calendar .k-action-link {
  text-decoration: underline;
}
.k-calendar .k-header,
.k-calendar .k-footer {
  position: relative;
  text-align: center;
  zoom: 1;
}
.k-widget.k-calendar .k-nav-prev,
.k-widget.k-calendar .k-nav-next {
  position: absolute;
  top: 0.16666em;
  line-height: 1.8333em;
  height: 1.8333em;
}
.k-widget.k-calendar .k-nav-prev {
  left: 1%;
}
.k-widget.k-calendar .k-nav-next {
  right: 1%;
}
.k-calendar .k-content {
  float: left;
  border-spacing: 0;
  width: 100%;
  height: 14.167em;
  border-width: 0;
  margin: 0;
  table-layout: fixed;
  outline: 0;
}
.k-calendar .k-content,
.k-calendar .k-content th {
  text-align: right;
}
.k-calendar .k-animation-container .k-content {
  height: 100%;
}
.k-widget.k-calendar .k-nav-fast {
  display: inline-block;
  width: 75%;
  height: 1.8333em;
  line-height: 1.8333em;
  margin: 0.16666em -0.08333em 0.3333em 0;
}
.k-calendar .k-header .k-icon {
  vertical-align: middle;
}
.k-calendar .k-header .k-link.k-nav-prev,
.k-calendar .k-header .k-link.k-nav-next {
  height: 1.8333em;
  width: 1.8333em;
}
.k-calendar th {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: .4em .45em .4em .1em;
  font-weight: normal;
  cursor: default;
}
.k-calendar td {
  padding: 0.08333em;
  cursor: pointer;
}
.k-calendar .k-state-focus {
  border-style: dotted;
  border-width: 0.08333em;
  padding: 0;
}
.k-calendar .k-content .k-link {
  display: block;
  overflow: hidden;
  min-height: 1.8333em;
  line-height: 1.8333em;
  padding: 0 .45em 0 .1em;
}
.k-calendar .k-meta-view .k-link {
  padding: .25em 0 .3em;
  text-align: center;
}
.k-calendar .k-footer {
  clear: both;
}
.k-calendar .k-footer .k-nav-today,
.k-calendar .k-footer > .k-state-disabled {
  display: block;
  height: 100%;
  padding: .5em 0;
}
.k-calendar .k-nav-today:hover {
  text-decoration: underline;
}
/* TreeView */
div.k-treeview {
  /* due to k-widget */
  border-width: 0;
  background: none;
  overflow: auto;
  white-space: nowrap;
}
.k-treeview .k-item {
  display: block;
  border-width: 0;
  margin: 0;
  padding: 0 0 0 16px;
}
.k-treeview > .k-group,
.k-treeview .k-item > .k-group,
.k-treeview .k-content {
  margin: 0;
  padding: 0;
  background: none;
  list-style-type: none;
  position: relative;
}
.k-treeview .k-icon,
.k-treeview .k-image,
.k-treeview .k-sprite,
.k-treeview .k-checkbox,
.k-treeview .k-in {
  display: inline-block;
  vertical-align: top;
}
.k-treeview .k-checkbox {
  margin-top: .2em;
}
.k-treeview .k-icon,
.k-treeview .k-in {
  vertical-align: middle;
}
.k-treeview .k-request-retry {
  vertical-align: baseline;
}
.k-treeview .k-plus,
.k-treeview .k-minus,
.k-treeview .k-plus-disabled,
.k-treeview .k-minus-disabled,
.k-treeview .k-i-plus,
.k-treeview .k-i-minus,
.k-treeview .k-i-plus-disabled,
.k-treeview .k-i-minus-disabled,
.k-treeview .k-i-expand,
.k-treeview .k-i-collapse {
  margin-top: 0.25em;
  margin-left: -16px;
  cursor: pointer;
}
.k-treeview .k-plus-disabled,
.k-treeview .k-minus-disabled,
.k-treeview .k-i-plus-disabled,
.k-treeview .k-i-minus-disabled {
  cursor: default;
}
.k-treeview .k-sprite,
.k-treeview .k-image {
  margin-right: 3px;
}
.k-treeview .k-in {
  margin: 1px 0 1px 0.16666em;
  padding: 1px 0.3333em 1px 0.25em;
  line-height: 1.3333em;
  text-decoration: none;
  border-style: solid;
  border-width: 1px;
}
.k-treeview span.k-in {
  cursor: default;
}
.k-treeview .k-drop-hint {
  position: absolute;
  z-index: 10000;
  visibility: hidden;
  width: 80px;
  height: 5px;
  margin-top: -3px;
  background-color: transparent;
  background-repeat: no-repeat;
}
/* ComboBox & DropDownList */
span.k-datepicker,
span.k-timepicker,
span.k-datetimepicker,
span.k-colorpicker,
span.k-numerictextbox,
span.k-combobox,
span.k-dropdown,
.k-toolbar .k-split-button {
  background-image: none;
}
.k-autocomplete,
.k-combobox,
.k-datepicker,
.k-timepicker,
.k-datetimepicker,
.k-colorpicker,
.k-numerictextbox,
.k-dropdown,
.k-selectbox,
.k-textbox,
.k-toolbar .k-split-button {
  position: relative;
  display: inline-block;
  width: 12.4em;
  overflow: visible;
  border-width: 0;
  vertical-align: middle;
}
.k-autocomplete > .k-i-close,
.k-combobox > .k-dropdown-wrap > .k-i-close,
.k-multiselect > .k-multiselect-wrap > .k-i-close {
  display: none;
  position: absolute;
  right: 0;
}
.k-autocomplete > .k-i-close,
.k-combobox > .k-dropdown-wrap > .k-i-close {
  bottom: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.k-ie8 .k-autocomplete > .k-i-close,
.k-ie8 .k-combobox > .k-dropdown-wrap > .k-i-close {
  margin-top: -8px;
}
.k-combobox > .k-dropdown-wrap > .k-i-close {
  font-size: 100%;
  right: 2.4em;
}
.k-multiselect > .k-multiselect-wrap > .k-i-close {
  top: 6px;
}
.k-autocomplete > .k-i-close,
.k-multiselect > .k-multiselect-wrap > .k-i-close {
  margin-right: 6px;
}
.k-autocomplete.k-state-hover > .k-i-close,
.k-combobox > .k-dropdown-wrap.k-state-hover > .k-i-close,
.k-autocomplete.k-state-focused > .k-i-close,
.k-combobox > .k-dropdown-wrap.k-state-focused > .k-i-close {
  display: inline-block;
  outline: none;
}
.k-autocomplete > .k-i-close.k-loading-hidden,
.k-combobox > .k-dropdown-wrap > .k-i-close.k-loading-hidden {
  display: none;
}
.k-multiselect.k-state-hover > .k-multiselect-wrap > .k-i-close,
.k-multiselect.k-state-focused > .k-multiselect-wrap > .k-i-close {
  display: inline-block;
  outline: none;
}
.k-autocomplete.k-state-border-down > .k-i-close,
.k-combobox > .k-dropdown-wrap.k-state-border-down > .k-i-close {
  margin-top: -1px;
}
.k-filter-menu .k-combobox,
.k-filter-menu .k-datepicker,
.k-filter-menu .k-timepicker,
.k-filter-menu .k-datetimepicker,
.k-filter-menu .k-numerictextbox,
.k-filter-menu .k-dropdown,
.k-filter-menu .k-autocomplete,
.k-filter-menu .k-textbox {
  width: 13.2em;
}
.k-autocomplete,
.k-combobox,
.k-datepicker,
.k-timepicker,
.k-datetimepicker,
.k-colorpicker,
.k-numerictextbox,
.k-dropdown,
.k-selectbox,
.k-toolbar .k-split-button {
  white-space: nowrap;
}
.k-colorpicker,
.k-toolbar .k-split-button {
  width: auto;
}
.k-datetimepicker {
  width: 15em;
}
.k-autocomplete,
.k-picker-wrap,
.k-numeric-wrap {
  position: relative;
  cursor: default;
}
.k-dropdown-wrap {
  position: relative;
}
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap {
  display: block;
}
.k-block,
.k-widget,
.k-grid,
.k-slider,
.k-splitter,
.k-treeview,
.k-panelbar,
.k-content,
.k-header-column-menu {
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.k-block,
.k-slider,
.k-splitbar,
.k-calendar,
.k-treeview,
.k-pager-wrap,
.k-grid-header .k-link,
.k-header-column-menu {
  -webkit-touch-callout: none;
}
.k-list-scroller {
  position: relative;
  overflow: auto;
}
.k-popup.k-list-container,
.k-popup.k-calendar-container {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 2px;
  border-width: 1px;
  border-style: solid;
}
.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down {
  border-bottom-width: 0;
  padding-bottom: 1px;
}
.k-list-container .km-scroll-container {
  padding-bottom: 6px;
}
.k-textbox,
.k-autocomplete,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap {
  border-width: 1px;
  border-style: solid;
  padding: 0 1.9em 0 0;
}
.k-numeric-wrap.k-expand-padding {
  padding-right: 0;
}
.k-textbox,
.k-autocomplete {
  padding: 0;
}
.k-textbox.k-space-left {
  padding-left: 1.9em;
}
.k-textbox.k-space-right {
  padding-right: 1.9em;
}
.k-textbox .k-icon {
  top: 50%;
  margin: -8px 0 0;
  position: absolute;
}
.k-space-left .k-icon {
  left: 3px;
}
.k-space-right .k-icon {
  right: 3px;
}
/*prevent missing bottom border at some zoom levels*/
span.k-textbox:after {
  content: "\a0";
  display: block;
  height: .4px;
  overflow: hidden;
}
.k-autocomplete,
.k-dropdown-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover {
  -webkit-transition: -webkit-box-shadow .15s ease-out;
          transition: box-shadow .15s ease-out;
  -webkit-transition: "box-shadow .15s ease-out";
          transition: "box-shadow .15s ease-out";
}
.k-textbox > input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-combobox .k-input {
  width: 100%;
  vertical-align: top;
}
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input {
  font-family: inherit;
  border-width: 0;
  outline: 0;
}
.k-dropdown .k-input,
.k-selectbox .k-input {
  background: transparent;
}
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-dropdown-wrap .k-select {
  position: absolute;
  /* icon positioning */
  top: 0;
  right: 0;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
}
.k-combobox .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select {
  border-style: solid;
  border-width: 0 0 0 1px;
  border-color: inherit;
  /* skin-related, inherit does not work in ie7- */
}
span.k-datetimepicker .k-select,
span.k-datetimepicker .k-select + .k-select {
  right: 0;
}
.k-textbox > input,
.k-autocomplete .k-input {
  display: block;
}
.k-combobox .k-icon {
  /*margin-top: 1px;*/
}
.k-dropdown .k-select,
.k-selectbox .k-select {
  overflow: hidden;
  border: 0;
  text-decoration: none;
  font: inherit;
  color: inherit;
}
.k-dropdown .k-input,
.k-selectbox .k-input {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input {
  height: 1.65em;
  line-height: 1.65em;
  padding: 0.177em 0;
  text-indent: 0.33em;
  border: 0;
  margin: 0;
}
.k-combobox .k-dropdown-wrap:before,
.k-picker-wrap:before,
.k-numeric-wrap:before {
  content: "\a0";
  display: inline-block;
  width: 0;
  height: 1.65em;
  padding-bottom: 0.3em;
}
/* fix missing bottom border on browser zoom in Chrome */
.k-webkit .k-combobox .k-dropdown-wrap:before,
.k-webkit .k-picker-wrap:before,
.k-webkit .k-numeric-wrap:before {
  padding-bottom: 0.38em;
}
/* above style breaks NumericTextBox layout due display:block style applied to the input */
.km.root .k-combobox .k-dropdown-wrap:before,
.km.root .k-picker-wrap:before,
.km.root .k-numeric-wrap:before {
  content: none;
}
.k-combobox .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input {
  display: inline;
}
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-dropdown-wrap .k-select {
  min-height: 1.65em;
  line-height: 2em;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  text-align: center;
  width: 1.9em;
  height: 100%;
}
.k-numeric-wrap .k-select {
  padding: 0;
}
body .k-datetimepicker .k-select {
  border-radius: 0;
}
.k-combobox .k-select,
.k-dropdown,
.k-selectbox .k-icon {
  cursor: pointer;
}
.k-popup {
  border-style: solid;
  border-width: 1px;
}
.k-popup .k-item,
.k-list-optionlabel {
  cursor: default;
}
.k-popup .k-calendar {
  border: 0;
}
.k-list {
  height: auto;
}
.k-nodata {
  min-height: 138px;
  width: 100%;
  display: table;
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: lighter;
}
.k-nodata > div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 11px;
}
.k-popup .k-list .k-item,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel,
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
  padding: 1px 5px 1px 5px;
  line-height: 1.8em;
  min-height: 1.8em;
}
.k-popup .k-list .k-item {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  padding: 0 4px;
}
.k-popup .k-list .k-item > .k-group {
  top: -1px;
}
.k-group-header + div > .k-list > .k-item.k-first:before {
  content: " ";
  display: block;
  border-top-width: 1px;
  border-top-style: solid;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
}
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
  padding-right: 22px;
}
.k-overflow-container .k-item {
  padding: 1px;
}
.k-overflow-container > .k-state-disabled .k-button,
.k-overflow-container .k-button.k-state-disabled,
.k-overflow-container .k-button.k-state-disabled:hover {
  border: 0 ;
  background: none;
}
.k-popup .k-list .k-state-hover,
.k-popup .k-list .k-state-focused,
.k-popup .k-list .k-state-selected,
.k-overflow-container .k-state-hover,
.k-overflow-container .k-state-focused,
.k-overflow-container .k-state-selected,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel.k-state-focused,
.k-list-optionlabel.k-state-selected {
  padding: 0 4px;
  border-width: 1px;
  border-style: solid;
}
.k-list-filter {
  position: relative;
  margin-bottom: 2px;
}
.k-list-filter > .k-textbox {
  padding-right: 20px;
  width: 100%;
}
.k-list-filter > .k-icon {
  position: absolute;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.km-root .k-list-filter > .k-textbox {
  padding-left: 0;
  padding-right: 0;
  border-left-width: 0;
  border-right-width: 0;
}
/* MultiSelect */
.k-multiselect-wrap {
  position: relative;
  border-width: 0px;
  border-style: solid;
  border-radius: 4px;
  border-color: #C5C5C5;
  background-color: #FFF;
  min-height: 2.04em;
}
.k-multiselect-wrap .k-input {
  background-color: transparent;
  height: 1.31em;
  line-height: 1.31em;
  padding: 0.18em 0;
  text-indent: 0.33em;
  border: 0;
  margin: 1px 0 0;
  float: left;
}
.k-multiselect-wrap .k-input::-ms-clear {
  display: none;
}
.k-multiselect-wrap li {
  margin: 1px 0 1px 1px;
  padding: .1em 1.6em .1em .4em;
  line-height: 1.5em;
  float: left;
  position: relative;
}
.k-autocomplete .k-loading,
.k-multiselect .k-loading,
.k-autocomplete .k-i-loading,
.k-multiselect .k-i-loading {
  position: absolute;
  right: 3px;
  bottom: 4px;
}
.k-multiselect .k-loading-hidden {
  visibility: hidden;
}
.k-multiselect-wrap .k-select {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: .1em .2em;
}
/* Date/Time Pickers */
.k-datetimepicker .k-picker-wrap {
  padding-right: 3.8em;
}
.k-datetimepicker .k-select {
  width: 3.8em;
}
.k-datetimepicker .k-picker-wrap .k-icon {
  margin: 0 2px;
}
.k-picker-wrap .k-icon {
  cursor: pointer;
}
.k-button,
.k-textbox,
.k-timepicker,
.k-datepicker,
.k-datetimepicker {
  display: inline-block;
  vertical-align: middle;
}
.k-picker-wrap .k-input {
  margin: 0;
}
.k-time-popup .k-item {
  padding: 1px 3px;
}
/* inputs */
.k-input {
  padding: 0.25em 0;
}
.k-input,
.k-textbox > input {
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.k-textbox {
  outline: 0;
}
input.k-textbox,
textarea.k-textbox {
  padding: 2px .3em;
}
input.k-textbox {
  height: 2.13em;
  text-indent: 0.33em;
  line-height: 1.6em;
}
.k-ie input.k-textbox {
  text-indent: 0.165em;
}
.k-ff input.k-textbox {
  height: 2.17em;
}
textarea.k-textbox {
  height: auto;
}
/* NumericTextBox */
span.k-numerictextbox {
  background-color: transparent;
}
.k-numerictextbox .k-input {
  margin: 0;
}
.k-numerictextbox .k-link {
  display: block;
  height: 1em;
  line-height: 1em;
  vertical-align: middle;
  border-width: 0;
  padding: 0;
}
.k-numerictextbox .k-icon {
  height: 11px;
}
.k-numeric-wrap .k-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
/* ColorPicker */
.k-colorpicker .k-picker-wrap {
  line-height: 2em;
}
.k-colorpicker .k-selected-color {
  vertical-align: top;
  line-height: 0;
  display: inline-block;
  height: 2em;
  width: 2em;
}
.k-colorpicker .k-tool-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  padding: 3px 3px 2px;
  font-size: 0;
  line-height: 0;
  margin-right: 3px;
  margin-left: 2px;
  margin-bottom: 3px;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  -ms-high-contrast-adjust: none;
}
.k-colorpicker .k-tool-icon .k-selected-color {
  display: block;
  height: 3px;
  width: 16px;
  position: absolute;
  left: 3px;
  bottom: -3px;
  border-radius: 0 !important;
}
.k-colorpicker .k-select {
  cursor: pointer;
}
.k-disabled-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.k-colorpalette {
  position: relative;
  line-height: 0;
  border-width: 0;
  display: inline-block;
}
.k-colorpalette .k-palette {
  border-collapse: collapse;
  position: relative;
  width: 100%;
  height: 100%;
}
.k-colorpalette .k-item {
  width: 14px;
  height: 14px;
  overflow: hidden;
  -ms-high-contrast-adjust: none;
}
.k-colorpalette .k-item.k-state-selected,
.k-colorpalette .k-item.k-state-selected:hover {
  z-index: 100;
  background: transparent;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45);
          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45);
  position: relative;
}
.k-colorpalette .k-item:hover {
  z-index: 101;
  position: relative;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}
.k-flatcolorpicker {
  position: relative;
  display: inline-block;
  width: 250px;
  padding-bottom: 5px;
}
div.k-flatcolorpicker {
  background-color: transparent;
  background-image: none;
}
.k-flatcolorpicker .k-selected-color {
  background-image: url("textures/transtexture.png");
  background-position: 50% 50%;
  text-align: right;
}
.k-flatcolorpicker .k-selected-color input.k-color-value {
  font-family: Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace;
  padding: .75em .3em .65em 1em;
  border: 0;
  margin: 0;
  width: 70%;
}
.k-flatcolorpicker .k-hsv-rectangle {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: pinch-zoom double-tap-zoom;
}
.k-flatcolorpicker .k-hsv-rectangle .k-draghandle {
  cursor: pointer;
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border: 1px solid #eee;
  margin-left: -5px;
  margin-top: -5px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px #444;
          box-shadow: 0 1px 2px #444;
  background: transparent;
}
.k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover,
.k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus {
  background: transparent;
  border-color: #fff;
  -webkit-box-shadow: 0 1px 5px #000;
          box-shadow: 0 1px 5px #000;
}
.k-flatcolorpicker .k-hsv-rectangle.k-dragging,
.k-flatcolorpicker .k-hsv-rectangle.k-dragging * {
  cursor: none;
}
.k-flatcolorpicker .k-slider-horizontal {
  height: 20px;
  width: 90%;
  margin: 0 5%;
}
.k-flatcolorpicker .k-slider-horizontal .k-slider-track {
  -webkit-box-shadow: 0 1px 0 #fff, 0 -1px 0 #999;
          box-shadow: 0 1px 0 #fff, 0 -1px 0 #999;
}
.k-flatcolorpicker .k-hue-slider,
.k-flatcolorpicker .k-transparency-slider {
  display: block;
}
.k-flatcolorpicker .k-hue-slider .k-slider-selection,
.k-flatcolorpicker .k-transparency-slider .k-slider-selection {
  background: transparent;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle,
.k-flatcolorpicker .k-transparency-slider .k-draghandle {
  background: transparent;
  border: 3px solid #eee;
  margin-top: 1px;
  height: 8px;
  width: 8px;
  -webkit-box-shadow: 0 1px 4px #444;
          box-shadow: 0 1px 4px #444;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
.k-flatcolorpicker .k-transparency-slider .k-draghandle:hover,
.k-flatcolorpicker .k-hue-slider .k-draghandle:focus,
.k-flatcolorpicker .k-transparency-slider .k-draghandle:focus {
  background: transparent;
  border-color: #fff;
  -webkit-box-shadow: 0 1px 5px #000;
          box-shadow: 0 1px 5px #000;
  border-width: 2px;
  padding: 1px;
}
.k-flatcolorpicker .k-hue-slider .k-slider-track {
  background: -webkit-gradient(linear, left top, right top, from(#ff0000), color-stop(16%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(84%, #ff00ff), to(#ff0004));
  background: -webkit-linear-gradient(left, #ff0000 0%, #ffff00 16%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 84%, #ff0004 100%);
  background: linear-gradient(to right, #ff0000 0%, #ffff00 16%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 84%, #ff0004 100%);
}
.k-flatcolorpicker .k-transparency-slider .k-slider-track {
  background-image: url("textures/transparency.png");
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
.k-flatcolorpicker .k-controls {
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 90%;
}
.k-flatcolorpicker .k-controls .k-button {
  width: 6em;
}
.k-flatcolorpicker .k-hsv-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000)), -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%), -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%), linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  height: 180px;
  margin-bottom: 5px;
}
.k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.k-ie9 .k-flatcolorpicker .k-hsv-gradient {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track {
  background: url("textures/hue.png") repeat 0 50%;
}
.k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
  background: url("textures/transparency.png") repeat 0 50%;
}
.k-ie8 .k-flatcolorpicker .k-hsv-gradient {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#00ffffff',GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ff000000',GradientType=0);
}
/* Editor */
table.k-editor {
  width: 100%;
  height: 250px;
  table-layout: fixed;
  border-style: solid;
  border-width: 1px;
  border-collapse: separate;
  border-spacing: 4px;
  font-size: 100%;
  vertical-align: top;
  position: relative;
}
.k-editor-inline {
  border-width: 2px;
  padding: .3em .5em;
  word-wrap: break-word;
  overflow: auto;
  position: relative;
}
.k-editortoolbar-dragHandle {
  cursor: move;
  padding-left: 0;
  padding-right: 3px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.k-editor-widget > .k-window-content {
  overflow: hidden;
}
.k-editor .k-editor-toolbar-wrap {
  border: 0;
  padding: 0;
}
.k-editor-toolbar {
  margin: 0;
  padding: .1em 0;
  list-style-type: none;
  line-height: 1.3em;
  cursor: default;
  word-wrap: break-word;
  /* allow tools to wrap properly in IE */
}
.k-editor-toolbar li {
  display: inline-block;
  vertical-align: middle;
}
.k-webkit .k-editor-toolbar,
.k-ff .k-editor-toolbar,
.k-ie9 .k-editor-toolbar,
.k-edge .k-editor-toolbar {
  padding: 0;
}
.k-webkit .k-editor-toolbar li,
.k-safari .k-editor-toolbar li,
.k-ff .k-editor-toolbar li,
.k-ie9 .k-editor-toolbar li,
.k-ie10 .k-editor-toolbar li,
.k-edge .k-editor-toolbar li {
  display: inline-block;
  padding: .1em 0;
}
.k-editor-toolbar .k-editor-widget,
.k-editor-toolbar > li {
  margin-right: 6px;
}
.k-group-start.k-group-end .k-editor-widget {
  margin-right: 0;
}
.k-editor-toolbar .k-editor-dropdown {
  position: relative;
}
.k-select-overlay {
  -webkit-appearance: none;
  opacity: 0;
  z-index: 11000;
  top: 0;
  left: 0;
  position: absolute;
  height: 26px;
  width: 100%;
  margin: -4px 0 0;
}
.k-editor-toolbar .k-separator {
  position: relative;
  top: 1px;
  border-style: solid;
  border-width: 0 1px 0 0;
  margin: 0 .3em 0 .1em;
  padding: 0 0 0 1px;
  font-size: 1.3em;
}
.k-editor-toolbar .k-break {
  display: block;
  height: 1px;
  font-size: 0;
  line-height: 0;
}
.k-editor-toolbar .k-dropdown,
.k-editor-toolbar .k-combobox,
.k-editor-toolbar .k-selectbox,
.k-editor-toolbar .k-colorpicker {
  vertical-align: middle;
}
.k-button-group {
  white-space: nowrap;
}
.k-button-group .k-tool {
  display: inline-block;
  vertical-align: middle;
  margin: 1px 0;
  width: 2em;
  height: 2em;
  line-height: 2em;
}
.k-button-group .k-tool-icon {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  -ms-high-contrast-adjust: none;
}
.k-i-move {
  background-position: -160px -288px;
}
.k-bold,
.k-i-bold {
  background-position: -240px 0;
}
.k-state-hover .k-bold,
.k-state-hover .k-i-bold,
.k-state-selected .k-bold,
.k-state-selected .k-i-bold {
  background-position: -264px 0;
}
.k-italic,
.k-i-italic {
  background-position: -240px -24px;
}
.k-state-hover .k-italic,
.k-state-hover .k-i-italic,
.k-state-selected .k-italic,
.k-state-selected .k-i-italic {
  background-position: -264px -24px;
}
.k-underline,
.k-i-underline {
  background-position: -240px -48px;
}
.k-state-hover .k-underline,
.k-state-hover .k-i-underline,
.k-state-selected .k-underline,
.k-state-selected .k-i-underline {
  background-position: -264px -48px;
}
.k-strikethrough,
.k-i-strikethrough {
  background-position: -240px -72px;
}
.k-state-hover .k-strikethrough,
.k-state-hover .k-i-strikethrough,
.k-state-selected .k-strikethrough,
.k-state-selected .k-i-strikethrough {
  background-position: -264px -72px;
}
.k-foreColor {
  background-position: -240px -96px;
}
.k-state-hover .k-foreColor,
.k-state-selected .k-foreColor {
  background-position: -264px -96px;
}
.k-backColor {
  background-position: -240px -120px;
}
.k-state-hover .k-backColor,
.k-state-selected .k-backColor {
  background-position: -264px -120px;
}
.k-colorpicker .k-foreColor {
  background-position: -240px -96px;
}
.k-colorpicker .k-backColor {
  background-position: -240px -120px;
}
.k-justifyLeft,
.k-i-justify-left,
.k-i-align-left {
  background-position: -240px -144px;
}
.k-state-hover .k-justifyLeft,
.k-state-hover .k-i-justify-left,
.k-state-hover .k-i-align-left,
.k-state-selected .k-justifyLeft,
.k-state-selected .k-i-justify-left,
.k-state-selected .k-i-align-left {
  background-position: -264px -144px;
}
.k-justifyCenter,
.k-i-justify-center,
.k-i-align-center {
  background-position: -240px -168px;
}
.k-state-hover .k-justifyCenter,
.k-state-hover .k-i-justify-center,
.k-state-hover .k-i-align-center,
.k-state-selected .k-justifyCenter,
.k-state-selected .k-i-justify-center,
.k-state-selected .k-i-align-center {
  background-position: -264px -168px;
}
.k-justifyRight,
.k-i-justify-right,
.k-i-align-right {
  background-position: -240px -192px;
}
.k-state-hover .k-justifyRight,
.k-state-hover .k-i-justify-right,
.k-state-hover .k-i-align-right,
.k-state-selected .k-justifyRight,
.k-state-selected .k-i-justify-right,
.k-state-selected .k-i-align-right {
  background-position: -264px -192px;
}
.k-justifyFull,
.k-i-justify-full,
.k-i-align-justify {
  background-position: -240px -216px;
}
.k-state-hover .k-justifyFull,
.k-state-hover .k-i-justify-full,
.k-state-hover .k-i-align-justify,
.k-state-selected .k-justifyFull,
.k-state-selected .k-i-justify-full,
.k-state-selected .k-i-align-justify {
  background-position: -264px -216px;
}
.k-insertUnorderedList,
.k-i-insert-unordered-list,
.k-i-unordered-list {
  background-position: -240px -264px;
}
.k-state-hover .k-insertUnorderedList,
.k-state-hover .k-i-insert-unordered-list,
.k-state-hover .k-i-unordered-list,
.k-state-selected .k-insertUnorderedList,
.k-state-selected .k-i-insert-unordered-list,
.k-state-selected .k-i-unordered-list {
  background-position: -264px -264px;
}
.k-insertOrderedList,
.k-i-insert-ordered-list,
.k-i-ordered-list {
  background-position: -240px -288px;
}
.k-state-hover .k-insertOrderedList,
.k-state-hover .k-i-insert-ordered-list,
.k-state-hover .k-i-ordered-list,
.k-state-selected .k-insertOrderedList,
.k-state-selected .k-i-insert-ordered-list,
.k-state-selected .k-i-ordered-list {
  background-position: -264px -288px;
}
.k-indent,
.k-rtl .k-outdent,
.k-i-indent,
.k-rtl .k-i-outdent {
  background-position: -288px 0;
}
.k-state-hover .k-indent,
.k-state-hover .k-rtl .k-outdent,
.k-state-hover .k-i-indent,
.k-state-hover .k-rtl .k-i-outdent,
.k-state-selected .k-indent,
.k-state-selected .k-rtl .k-outdent,
.k-state-selected .k-i-indent,
.k-state-selected .k-rtl .k-i-outdent {
  background-position: -312px 0;
}
.k-outdent,
.k-rtl .k-indent,
.k-i-outdent,
.k-rtl .k-i-indent {
  background-position: -288px -24px;
}
.k-state-hover .k-outdent,
.k-state-hover .k-rtl .k-indent,
.k-state-hover .k-i-outdent,
.k-state-hover .k-rtl .k-i-indent,
.k-state-selected .k-outdent,
.k-state-selected .k-rtl .k-indent,
.k-state-selected .k-i-outdent,
.k-state-selected .k-rtl .k-i-indent {
  background-position: -312px -24px;
}
.k-createLink,
.k-i-create-link {
  background-position: -288px -48px;
}
.k-state-hover .k-createLink,
.k-state-hover .k-i-create-link,
.k-state-selected .k-createLink,
.k-state-selected .k-i-create-link {
  background-position: -312px -48px;
}
.k-unlink {
  background-position: -288px -72px;
}
.k-state-hover .k-unlink,
.k-state-selected .k-unlink {
  background-position: -312px -72px;
}
.k-insertImage,
.k-i-insert-image {
  background-position: -288px -96px;
}
.k-state-hover .k-insertImage,
.k-state-hover .k-i-insert-image,
.k-state-selected .k-insertImage,
.k-state-selected .k-i-insert-image {
  background-position: -312px -96px;
}
.k-insertFile,
.k-i-insert-file {
  background-position: -288px -216px;
}
.k-state-hover .k-insertFile,
.k-state-hover .k-i-insert-file,
.k-state-selected .k-insertFile,
.k-state-selected .k-i-insert-file {
  background-position: -312px -216px;
}
.k-subscript,
.k-i-subscript {
  background-position: -288px -144px;
}
.k-state-hover .k-subscript,
.k-state-hover .k-i-subscript,
.k-state-selected .k-subscript,
.k-state-selected .k-i-subscript {
  background-position: -312px -144px;
}
.k-superscript,
.k-i-superscript {
  background-position: -288px -168px;
}
.k-state-hover .k-superscript,
.k-state-hover .k-i-superscript,
.k-state-selected .k-superscript,
.k-state-selected .k-i-superscript {
  background-position: -312px -168px;
}
.k-cleanFormatting,
.k-i-clean-formatting {
  background-position: -288px -192px;
}
.k-state-hover .k-cleanFormatting,
.k-state-hover .k-i-clean-formatting,
.k-state-selected .k-cleanFormatting,
.k-state-selected .k-i-clean-formatting {
  background-position: -312px -192px;
}
.k-createTable,
.k-i-create-table {
  background-position: -192px 0;
}
.k-state-hover .k-createTable,
.k-state-hover .k-i-create-table,
.k-state-selected .k-createTable,
.k-state-selected .k-i-create-table {
  background-position: -216px 0;
}
.k-addColumnLeft,
.k-i-add-column-left {
  background-position: -192px -24px;
}
.k-state-hover .k-addColumnLeft,
.k-state-hover .k-i-add-column-left,
.k-state-selected .k-addColumnLeft,
.k-state-selected .k-i-add-column-left {
  background-position: -216px -24px;
}
.k-addColumnRight,
.k-i-add-column-right {
  background-position: -192px -48px;
}
.k-state-hover .k-addColumnRight,
.k-state-hover .k-i-add-column-right,
.k-state-selected .k-addColumnRight,
.k-state-selected .k-i-add-column-right {
  background-position: -216px -48px;
}
.k-addRowAbove,
.k-i-add-row-above {
  background-position: -192px -72px;
}
.k-state-hover .k-addRowAbove,
.k-state-hover .k-i-add-row-above,
.k-state-selected .k-addRowAbove,
.k-state-selected .k-i-add-row-above {
  background-position: -216px -72px;
}
.k-addRowBelow,
.k-i-add-row-below {
  background-position: -192px -96px;
}
.k-state-hover .k-addRowBelow,
.k-state-hover .k-i-add-row-below,
.k-state-selected .k-addRowBelow,
.k-state-selected .k-i-add-row-below {
  background-position: -216px -96px;
}
.k-deleteRow,
.k-i-delete-row {
  background-position: -192px -120px;
}
.k-state-hover .k-deleteRow,
.k-state-hover .k-i-delete-row,
.k-state-selected .k-deleteRow,
.k-state-selected .k-i-delete-row {
  background-position: -216px -120px;
}
.k-deleteColumn,
.k-i-delete-column {
  background-position: -192px -144px;
}
.k-state-hover .k-deleteColumn,
.k-state-hover .k-i-delete-column,
.k-state-selected .k-deleteColumn,
.k-state-selected .k-i-delete-column {
  background-position: -216px -144px;
}
.k-mergeCells,
.k-i-merge-cells {
  background-position: -192px -168px;
}
.k-state-hover .k-mergeCells,
.k-state-hover .k-i-merge-cells,
.k-state-selected .k-mergeCells,
.k-state-selected .k-i-merge-cells {
  background-position: -216px -168px;
}
.k-pdf,
.k-i-pdf {
  background-position: -288px -240px;
}
.k-state-hover .k-pdf,
.k-state-hover .k-i-pdf,
.k-state-selected .k-pdf,
.k-state-selected .k-i-pdf {
  background-position: -312px -240px;
}
.k-print,
.k-i-print {
  background-position: -288px -264px;
}
.k-state-hover .k-print,
.k-state-hover .k-i-print,
.k-state-selected .k-print,
.k-state-selected .k-i-print {
  background-position: -312px -264px;
}
.k-i-table-wizard,
.k-i-table-wizard-insert {
  background-position: -192px -192px;
}
.k-state-hover .k-i-table-wizard,
.k-state-hover .k-i-table-wizard-insert,
.k-state-selected .k-i-table-wizard,
.k-state-selected .k-i-table-wizard-insert {
  background-position: -216px -192px;
}
/* default tool widths */
.k-fontName {
  width: 110px;
}
.k-fontSize {
  width: 124px;
}
.k-formatBlock {
  width: 147px;
}
.k-editortoolbar-dragHandle {
  float: left;
  margin: 1px 0 0;
}
.k-editor-toolbar .k-button-group {
  padding: 1px;
}
.k-editor .k-editor-toolbar .k-row-break {
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.k-button-group .k-tool {
  border-style: solid;
  border-width: 1px;
  margin-right: -1px;
}
.k-button-group .k-tool.k-state-hover,
.k-button-group .k-tool:focus {
  position: relative;
  z-index: 1;
}
.k-rtl .k-button-group .k-tool {
  border-style: solid;
  border-width: 1px;
}
.k-button-group .k-tool.k-group-end {
  border-right-width: 1px;
}
.k-rtl .k-button-group .k-tool.k-group-end {
  border-left-width: 1px;
}
.k-button-group .k-state-disabled {
  display: none;
}
.k-button-group .k-state-hover,
.k-button-group .k-state-active {
  vertical-align: middle;
}
.k-button-group .k-state-disabled {
  filter: alpha(opacity=30);
  opacity: .3;
}
.k-editor .k-editable-area {
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 1px;
  outline: 0;
}
.k-editor .k-content {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  background: #fff;
}
.k-editor .k-tool {
  outline: 0;
}
.k-editor iframe.k-content {
  display: inline;
  vertical-align: top;
  /*fixes missing top border caused by the inline display*/
}
.k-editor .k-raw-content {
  border: 0;
  margin: 0;
  padding: 0;
}
.k-editor .k-raw-content,
.k-editor-dialog .k-editor-textarea {
  font-size: inherit;
  font-family: consolas, "courier new", monospace;
}
.k-editor-dialog {
  padding: 1em;
  width: 400px;
}
.k-editor-dialog .k-edit-label {
  width: 25%;
}
.k-editor-dialog .k-edit-field {
  width: 66%;
}
.k-editor-dialog .k-edit-field .k-textbox {
  width: 96%;
}
.k-viewhtml-dialog {
  width: auto;
}
.k-filebrowser-dialog {
  width: auto;
  min-width: 350px;
}
.k-filebrowser-dialog .k-filebrowser {
  margin: 0 1em 0;
}
.k-filebrowser-dialog .k-edit-label {
  width: 18%;
}
.k-filebrowser-dialog .k-edit-field {
  width: 75%;
}
.k-filebrowser-dialog .k-edit-field .k-textbox {
  width: 70%;
}
#k-editor-image-width,
#k-editor-image-height {
  width: 5em;
}
.k-editor-dialog .k-button {
  display: inline-block;
}
.k-editor-dialog .k-editor-textarea {
  width: 600px;
  height: 350px;
  padding: .2em .2em .2em .4em;
  border-width: 1px;
  border-style: solid;
  overflow: auto;
}
.k-button-wrapper .k-link:hover {
  text-decoration: underline;
}
.k-ct-popup {
  width: 180.4px;
  padding: .65em .5em .5em;
}
.k-ct-popup .k-status {
  margin: .3em 0;
}
.k-ct-cell {
  border-width: 1px;
  border-style: solid;
  width: 18px;
  height: 18px;
  margin: 1px;
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  -ms-high-contrast-adjust: none;
}
.k-editor .k-resize-handle {
  position: absolute;
  padding: 5px;
  right: 0;
  bottom: 0;
}
.k-editor .k-overlay {
  position: absolute;
  background-color: #fff;
  opacity: 0;
}
.k-toolbar-resizable {
  min-height: 2.4375em;
  position: relative;
}
.k-overflow-tools {
  position: absolute;
  right: 0;
  top: 0;
}
.k-editor-overflow-popup .k-tool {
  width: auto;
  height: auto;
  display: block;
  text-align: left;
  text-decoration: initial;
  border: 0;
  padding-right: 0.5em;
  margin: 0;
  padding: 0 6px;
}
.k-editor-overflow-popup .k-tool.k-state-disabled {
  display: none;
}
.k-editor-toolbar .k-tool-text {
  display: none;
}
.k-table-resize-handle {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border: 1px solid #000;
  z-index: 100;
}
.k-table-resize-handle:hover {
  background-color: #000;
}
.k-table-resize-handle.k-resize-east {
  cursor: e-resize;
}
.k-table-resize-handle.k-resize-north {
  cursor: n-resize;
}
.k-table-resize-handle.k-resize-northeast {
  cursor: ne-resize;
}
.k-table-resize-handle.k-resize-northwest {
  cursor: nw-resize;
}
.k-table-resize-handle.k-resize-south {
  cursor: s-resize;
}
.k-table-resize-handle.k-resize-southeast {
  cursor: se-resize;
}
.k-table-resize-handle.k-resize-southwest {
  cursor: sw-resize;
}
.k-table-resize-handle.k-resize-west {
  cursor: w-resize;
}
.k-editor-inline .k-column-resize-handle {
  position: absolute;
  height: 14px;
  width: 10px;
  cursor: col-resize;
  z-index: 100;
}
.k-editor-inline .k-column-resize-handle .k-column-resize-marker {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: #00b0ff;
  display: none;
  opacity: 0.8;
}
.k-table.k-table-resizing {
  opacity: 0.6;
}
.k-row-resize-handle {
  display: table;
  position: absolute;
  cursor: row-resize;
  z-index: 100;
}
.k-row-resize-marker-wrapper {
  display: table-cell;
  height: 100%;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.k-row-resize-marker {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 2px;
  background-color: #00b0ff;
  opacity: 0.8;
  display: none;
}
.k-editor-dialog.k-editor-table-wizard-dialog.k-window-content {
  overflow: hidden;
  min-width: 325px;
  width: 24em;
  padding: 1em 0;
}
.k-editor-dialog .k-tabstrip {
  margin: -1.333em 0 0;
}
.k-editor-dialog .k-root-tabs {
  margin: -1em -1em -1.5em;
  padding: 0.5em 1em 0;
  border-width: 0;
}
.k-editor-dialog ul.k-tabstrip-items {
  padding: 0.5em 1em 0;
  border-width: 0 0 1px;
  border-style: solid;
}
ul.k-tabstrip-items .k-loading {
  border-top-width: 0;
}
.k-editor-dialog .k-tabstrip:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.k-editor-dialog.k-editor-table-wizard-dialog .k-tabstrip-wrapper .k-content {
  overflow: hidden;
  min-height: 440px;
  height: 35em;
  margin: 0;
  padding: 1em 0.5em 0;
  border-width: 0;
}
.k-editor-dialog .k-edit-field .k-numerictextbox {
  width: 10.6em;
  margin: 0 .35714285em 0 0;
}
.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-numerictextbox + .k-dropdown {
  width: 4em;
}
.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-textbox,
.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-dropdown {
  width: 15em;
}
.k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown {
  width: 5.35714285em;
}
.k-editor-dialog textarea.k-textbox {
  height: 14.28571428em;
}
.k-editor-dialog.k-editor-table-wizard-dialog .k-dropdown.k-align {
  width: 4em;
}
.k-popup.k-list-container.k-align {
  padding: 0;
  text-align: center;
}
.k-align-group {
  vertical-align: text-top;
}
.k-popup.k-align .k-list .k-item {
  display: inline-block;
  width: 2.57142857em;
  height: 2.57142857em;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}
.k-popup.k-align .k-list .k-font-icon {
  vertical-align: bottom;
  vertical-align: -webkit-baseline-middle;
}
.k-popup.k-align .k-list .k-item:last-child {
  width: auto;
  display: block;
  border-width: 1px 0 0;
  border-style: solid;
}
.k-popup.k-align .k-list .k-item:before {
  width: 2.57142857em;
  height: 2.57142857em;
  line-height: 2.57142857em;
}
.k-animation-container .k-editor-toolbar {
  text-align: center;
  line-height: 1.3em;
}
.k-animation-container .k-editor-toolbar .k-tool {
  display: inline-block;
  height: 24px;
  padding: 0 0.5em;
  text-decoration: none;
  font-size: 0.85em;
  color: inherit;
}
.k-animation-container .k-editor-toolbar .k-i-table-wizard-insert {
  width: 24px;
  height: 24px;
}
.k-animation-container .k-editor-toolbar .k-tool-text {
  display: inline;
  vertical-align: sub;
}
.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-buttons {
  padding: 1em 0.8em;
  margin: 0.5em 0 0;
}
/* Notification */
.k-notification-wrap {
  padding: .6em .5em;
  cursor: default;
  position: relative;
  white-space: nowrap;
}
.k-notification-button .k-notification-wrap {
  padding-right: 20px;
}
.k-notification-wrap > .k-i-note,
.k-notification-wrap > .k-i-info,
.k-notification-wrap > .k-i-success,
.k-notification-wrap > .k-i-warning,
.k-notification-wrap > .k-i-erorr {
  vertical-align: text-bottom;
  margin-right: 4px;
}
.k-notification-wrap > .k-i-close {
  position: absolute;
  top: 7px;
  right: 4px;
  display: none;
}
.k-notification-button .k-notification-wrap > .k-i-close {
  display: block;
}
/* Progressbar */
.k-progressbar {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.k-progressbar {
  border-radius: 4px;
}
.k-progressbar-horizontal {
  width: 27em;
  height: 1.9em;
}
.k-progressbar-vertical {
  width: 1.9em;
  height: 27em;
}
.k-progressbar > .k-state-selected {
  position: absolute;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
}
.k-progressbar-horizontal > .k-state-selected,
.k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
  left: -1px;
  right: auto;
  top: -1px;
  height: 100%;
  border-radius: 4px 0 0 4px;
}
.k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
.k-rtl .k-progressbar-horizontal > .k-state-selected {
  left: auto;
  right: -1px;
  border-radius: 0 4px 4px 0;
}
.k-progressbar-vertical > .k-state-selected {
  left: -1px;
  bottom: -1px;
  width: 100%;
  border-radius: 0 0 4px 4px;
}
.k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
  bottom: auto;
  top: -1px;
  border-radius: 4px 4px 0 0;
}
.k-progressbar > .k-state-selected.k-complete,
.k-rtl .k-progressbar > .k-state-selected.k-complete {
  border-radius: 4px;
}
.k-progressbar > .k-reset {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: -1px;
  top: -1px;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  white-space: nowrap;
}
.k-progressbar-horizontal .k-item {
  display: inline-block;
  height: 100%;
  border-style: solid;
  margin-left: -1px;
}
.k-progressbar-horizontal .k-item.k-first {
  margin-left: 0;
}
.k-progressbar-horizontal .k-item.k-last {
  border-right-width: 0;
}
.k-progressbar-horizontal .k-item,
.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item {
  border-width: 1px 0 1px 1px;
}
.k-progressbar-horizontal.k-progressbar-reverse .k-item,
.k-rtl .k-progressbar-horizontal .k-item {
  border-width: 1px 0 1px 1px;
}
.k-progressbar-horizontal .k-first,
.k-rtl .k-progressbar-horizontal .k-last,
.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left-width: 1px;
}
.k-progressbar-horizontal .k-last,
.k-rtl .k-progressbar-horizontal .k-first {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.k-progressbar-horizontal.k-progressbar-reverse .k-last,
.k-rtl .k-progressbar-horizontal .k-first {
  border-right-width: 1px;
}
.k-progressbar-horizontal .k-last.k-state-selected {
  border-right-width: 1px;
}
.k-progressbar-vertical .k-item {
  width: 100%;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  margin-top: -1px;
}
.k-progressbar-vertical .k-item.k-first {
  margin-top: 0;
}
.k-progressbar-vertical li.k-item.k-last {
  border-bottom-width: 0;
}
.k-progressbar-vertical .k-first {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.k-progressbar-vertical .k-last {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-width: 1px;
}
.k-progressbar-vertical.k-progressbar-reverse .k-item {
  border-width: 0 1px 1px 1px;
}
.k-progressbar-vertical.k-progressbar-reverse .k-first {
  border-top-width: 1px;
}
.k-progress-status-wrap {
  position: absolute;
  top: -1px;
  border: 1px solid transparent;
  line-height: 2em;
  width: 100%;
  height: 100%;
}
.k-progress-status-wrap,
.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
  left: -1px;
  right: auto;
  text-align: right;
}
.k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap,
.k-rtl .k-progressbar-horizontal .k-progress-status-wrap {
  left: auto;
  right: -1px;
  text-align: left;
}
.k-progressbar-vertical .k-progress-status-wrap {
  top: auto;
  bottom: -1px;
}
.k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap {
  bottom: auto;
  top: -1px;
}
.k-progress-status {
  display: inline-block;
  padding: 0 .5em;
  min-width: 10px;
  white-space: nowrap;
}
.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
  position: absolute;
  bottom: 0;
  left: 0;
}
.k-progressbar-vertical .k-progress-status {
  -webkit-transform: rotate(-90deg) translateX(-100%);
      -ms-transform: rotate(-90deg) translateX(-100%);
          transform: rotate(-90deg) translateX(-100%);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
  -webkit-transform: rotate(90deg) translateX(-100%);
      -ms-transform: rotate(90deg) translateX(-100%);
          transform: rotate(90deg) translateX(-100%);
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.k-ie8 .k-progressbar-vertical .k-progress-status {
  -webkit-writing-mode: bt-lr;
      -ms-writing-mode: bt-lr;
          writing-mode: bt-lr;
  padding: .5em 0;
}
/* Slider */
div.k-slider {
  position: relative;
  border-width: 0;
  background-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.k-slider-vertical {
  width: 26px;
  height: 200px;
  /* default height */
}
.k-slider-horizontal {
  display: inline-block;
  width: 200px;
  /* default width */
  height: 26px;
}
.k-slider-wrap {
  width: 100%;
  height: 100%;
}
.k-slider .k-button,
.k-grid .k-slider .k-button {
  position: absolute;
  top: 0;
  width: 24px;
  min-width: 0;
  height: 24px;
  margin: 0;
  padding: 0;
  outline: 0;
}
.k-slider .k-button .k-icon {
  margin-top: 3px;
  vertical-align: top;
}
.k-state-disabled .k-slider-wrap {
  filter: alpha(opacity=60);
  opacity: .6;
}
.k-state-disabled .k-slider-wrap .k-slider-items {
  color: #333;
}
.k-slider .k-button-decrease {
  left: 0;
}
.k-slider-vertical .k-button-decrease,
.k-grid .k-slider-vertical .k-button-decrease {
  top: auto;
  bottom: 0;
}
.k-slider .k-button-increase {
  right: 0;
}
.k-slider .k-icon,
.k-slider-track,
.k-slider .k-tick {
  cursor: pointer;
}
.k-slider-track,
.k-slider-selection {
  position: absolute;
  margin: 0;
  padding: 0;
}
.k-slider-horizontal .k-slider-track,
.k-slider-horizontal .k-slider-selection {
  top: 50%;
  left: 0;
  height: 8px;
  margin-top: -4px;
  background-repeat: repeat-x;
}
.k-slider-horizontal .k-slider-buttons .k-slider-track {
  left: 34px;
}
.k-slider-vertical .k-slider-track,
.k-slider-vertical .k-slider-selection {
  left: 50%;
  bottom: 0;
  width: 8px;
  margin-left: -4px;
  background-repeat: repeat-y;
}
.k-slider-vertical .k-slider-buttons .k-slider-track {
  bottom: 34px;
}
.k-draghandle {
  position: absolute;
  background-repeat: no-repeat;
  background-color: transparent;
  text-indent: -3333px;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  outline: 0;
}
.k-slider-horizontal .k-draghandle {
  top: -4px;
  width: 13px;
  height: 14px;
}
.k-slider-vertical .k-draghandle {
  left: -4px;
  width: 14px;
  height: 13px;
}
.k-slider-buttons .k-slider-items {
  margin-left: 34px;
}
.k-slider-horizontal .k-slider-items {
  height: 100%;
}
.k-slider-vertical .k-slider-items {
  padding-top: 1px;
}
.k-slider-vertical .k-slider-buttons .k-slider-items {
  padding-top: 0;
}
.k-slider-vertical .k-slider-buttons .k-slider-items {
  margin: 0;
  padding-top: 35px;
}
.k-slider .k-tick {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}
.k-slider-horizontal .k-tick {
  float: left;
  height: 100%;
  text-align: center;
}
.k-slider-horizontal .k-tick {
  background-position: center -92px;
}
.k-slider-horizontal .k-slider-topleft .k-tick {
  background-position: center -122px;
}
.k-slider-horizontal .k-slider-bottomright .k-tick {
  background-position: center -152px;
}
.k-slider-horizontal .k-tick-large {
  background-position: center -2px;
}
.k-slider-horizontal .k-slider-topleft .k-tick-large {
  background-position: center -32px;
}
.k-slider-horizontal .k-slider-bottomright .k-tick-large {
  background-position: center -62px;
}
.k-slider-vertical .k-tick {
  background-position: -92px center;
}
.k-slider-vertical .k-slider-topleft .k-tick {
  background-position: -122px center;
}
.k-slider-vertical .k-slider-bottomright .k-tick {
  background-position: -152px center;
}
.k-slider-vertical .k-tick-large {
  background-position: -2px center;
}
.k-slider-vertical .k-slider-topleft .k-tick-large {
  background-position: -32px center;
}
.k-slider-vertical .k-slider-bottomright .k-tick-large {
  background-position: -62px center;
}
.k-slider-horizontal .k-first {
  background-position: 0 -92px;
}
.k-slider-horizontal .k-tick-large.k-first {
  background-position: 0 -2px;
}
.k-slider-horizontal .k-slider-topleft .k-first {
  background-position: 0 -122px;
}
.k-slider-horizontal .k-slider-topleft .k-tick-large.k-first {
  background-position: 0 -32px;
}
.k-slider-horizontal .k-slider-bottomright .k-first {
  background-position: 0 -152px;
}
.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first {
  background-position: 0 -62px;
}
.k-slider-horizontal .k-last {
  background-position: 100% -92px;
}
.k-slider-horizontal .k-tick-large.k-last {
  background-position: 100% -2px;
}
.k-slider-horizontal .k-slider-topleft .k-last {
  background-position: 100% -122px;
}
.k-slider-horizontal .k-slider-topleft .k-tick-large.k-last {
  background-position: 100% -32px;
}
.k-slider-horizontal .k-slider-bottomright .k-last {
  background-position: 100% -152px;
}
.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last {
  background-position: 100% -62px;
}
.k-slider-vertical .k-first {
  background-position: -92px 100%;
}
.k-slider-vertical .k-tick-large.k-first {
  background-position: -2px 100%;
}
.k-slider-vertical .k-slider-topleft .k-first {
  background-position: -122px 100%;
}
.k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
  background-position: -32px 100%;
}
.k-slider-vertical .k-slider-bottomright .k-first {
  background-position: -152px 100%;
}
.k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
  background-position: -62px 100%;
}
.k-slider-vertical .k-last {
  background-position: -92px 0;
}
.k-slider-vertical .k-tick-large.k-last {
  background-position: -2px 0;
}
.k-slider-vertical .k-slider-topleft .k-last {
  background-position: -122px 0;
}
.k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
  background-position: -32px 0;
}
.k-slider-vertical .k-slider-bottomright .k-last {
  background-position: -152px 0;
}
.k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
  background-position: -62px 0;
}
.k-slider-vertical .k-tick {
  text-align: right;
}
.k-slider-vertical .k-slider-topleft .k-tick {
  text-align: left;
}
.k-slider .k-label {
  position: absolute;
  white-space: nowrap;
  font-size: .92em;
}
.k-slider-horizontal .k-label {
  left: 0;
  width: 100%;
  line-height: 1;
}
.k-slider-horizontal .k-first .k-label {
  left: -50%;
}
.k-slider-horizontal .k-last .k-label {
  left: auto;
  right: -50%;
}
.k-slider-horizontal .k-label {
  bottom: -1.2em;
}
.k-slider-horizontal .k-slider-topleft .k-label {
  top: -1.2em;
}
.k-slider-vertical .k-label {
  left: 120%;
  display: block;
  text-align: left;
}
.k-slider-vertical .k-last .k-label {
  top: -0.5em;
}
.k-slider-vertical .k-first .k-label {
  bottom: -0.5em;
}
.k-slider-vertical .k-slider-topleft .k-label {
  left: auto;
  right: 120%;
}
.k-slider-tooltip {
  top: -4444px;
  /*prevent window resize in IE8 when appending*/
}
/* Scheduler */
.k-scheduler-toolbar,
.k-scheduler-footer {
  border-style: solid;
}
.k-scheduler-toolbar,
.k-scheduler-footer {
  line-height: 28px;
  padding: 6px;
}
.k-scheduler-toolbar {
  position: relative;
  border-width: 0 0 1px;
}
.k-edit-field.k-scheduler-toolbar {
  border-width: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.k-scheduler-header {
  text-align: center;
}
.k-scheduler-footer {
  border-width: 1px 0 0;
}
.k-scheduler-toolbar > ul {
  float: right;
}
.k-scheduler-toolbar > ul:first-child {
  float: left;
}
.k-scheduler-toolbar > .k-scheduler-tools {
  float: left;
  margin-bottom: .5em;
}
.k-scheduler-tools + .k-scheduler-navigation {
  float: left;
  clear: left;
}
.k-scheduler-toolbar > ul > li,
.k-scheduler-footer > ul > li {
  display: inline-block;
  border-style: solid;
  border-width: 1px 1px 1px 0;
}
.k-scheduler .k-scheduler-toolbar .k-nav-current,
.k-scheduler .k-scheduler-toolbar .k-scheduler-tools > li {
  border-width: 0;
}
.k-scheduler-toolbar > ul > li:first-child,
.k-scheduler-toolbar > ul.k-scheduler-views > li:first-child + li {
  border-left-width: 1px;
}
.k-scheduler div.k-scheduler-footer ul li {
  margin-right: .6em;
  border-width: 1px;
}
.k-scheduler-toolbar .k-link,
.k-scheduler-footer .k-link {
  display: inline-block;
  padding: 0 1.1em;
}
.k-scheduler-toolbar .k-nav-prev .k-link,
.k-scheduler-toolbar .k-nav-next .k-link {
  padding-left: .6em;
  padding-right: .6em;
}
.k-scheduler-toolbar .k-nav-current .k-link {
  padding: 0;
}
.k-scheduler-toolbar .k-nav-current {
  margin: 0 1.1em;
}
.k-scheduler div.k-scheduler-toolbar > ul > li.k-nav-current,
.k-scheduler .k-nav-current > .k-state-active {
  background: none;
}
.k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation {
  width: 100%;
  text-align: center;
}
.k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation > li {
  background: none;
  border: 0;
}
.k-scheduler-phone .k-toolbar .k-nav-next {
  float: right;
}
.k-scheduler-phone .k-toolbar .k-nav-prev {
  float: left;
}
.k-scheduler-toolbar .k-i-calendar,
.k-scheduler-footer .k-icon {
  margin: -2px 6px 0 0;
}
.k-scheduler-header,
.k-scheduler-header-wrap {
  overflow: hidden;
}
.k-scheduler-header-wrap {
  position: relative;
  border-style: solid;
  border-width: 0;
}
.k-scheduler .k-scrollbar-v .k-scheduler-header-wrap {
  border-right-width: 1px;
}
.k-scheduler-times,
.k-scheduler-content {
  position: relative;
}
.k-scheduler-times {
  overflow: hidden;
  border-style: solid;
  border-width: 0;
}
.k-scheduler-content {
  overflow: auto;
}
.k-scheduler-layout,
.k-scheduler-table {
  border-spacing: 0;
  width: 100%;
  margin: 0;
  border-collapse: separate;
}
.k-scheduler-layout > tbody > tr > td {
  padding: 0;
  vertical-align: top;
}
/* fix smashed second layout column in iPad */
.k-safari .k-scheduler-layout > tbody > tr > td + td {
  width: 100%;
}
.k-scheduler-table {
  table-layout: fixed;
  max-width: none;
}
.k-scheduler-times .k-scheduler-table {
  table-layout: auto;
}
.k-scheduler-monthview .k-scheduler-content .k-scheduler-table {
  height: 100%;
}
.k-scheduler-table td,
.k-scheduler-table th {
  height: 1.5em;
  padding: .334em .5em;
  font-size: 100%;
}
.k-scheduler .k-scheduler-table td,
.k-scheduler .k-scheduler-table th {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.k-scheduler-monthview .k-hidden,
.k-scheduler-monthview .k-hidden > div {
  width: 0 !important;
  overflow: hidden !important;
}
.k-scheduler-monthview .k-hidden {
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-right-width: 0 !important;
}
.k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times {
  margin-right: 1px;
}
.k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times .k-hidden {
  height: auto;
}
.k-scheduler-monthview .k-scheduler-table td,
.k-scheduler-monthview .k-hidden {
  height: 80px;
  text-align: right;
}
.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td,
.k-scheduler-phone .k-scheduler-monthview .k-hidden {
  height: 40px;
}
.k-scheduler-table td,
.k-slot-cell {
  vertical-align: top;
}
/* separate due to old IEs */
.k-scheduler-layout tr + tr .k-scheduler-times th:last-child {
  vertical-align: top;
}
.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td {
  text-align: center;
  vertical-align: middle;
}
.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td span {
  font-size: 1.5em;
}
.k-scheduler-header th {
  overflow: hidden;
  text-overflow: ellipsis;
}
.k-scheduler-table td,
.k-scheduler-header th {
  border-style: solid;
  border-width: 0 0 1px 1px;
}
.k-scheduler-table td:first-child,
.k-scheduler-header th:first-child {
  border-left-width: 0;
}
.k-scheduler-agendaview .k-scheduler-table td:first-child {
  border-left-width: 1px;
}
.k-scheduler-agendaview .k-scheduler-table td.k-first {
  border-left-width: 0;
}
.k-scheduler-layout tr + tr .k-scheduler-times tr:last-child > th,
.k-scheduler-layout tr + tr .k-scheduler-table > tbody > tr:last-child > td,
.k-scheduler-table > tbody > tr > .k-last {
  border-bottom-width: 0;
}
.k-scrollbar-h tr + tr .k-scheduler-times,
.k-scrollbar-h .k-scheduler-content .k-scheduler-table > tbody > tr:last-child > td,
.k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table > tbody > tr > td.k-last {
  border-bottom-width: 1px;
}
.k-scheduler-times th {
  text-align: right;
  padding-right: .6em;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: transparent;
  white-space: nowrap;
}
.k-scheduler-layout tr + tr .k-scheduler-times th {
  border-bottom-color: transparent;
}
.k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell,
.k-scheduler-layout tr + tr .k-scheduler-times th.k-scheduler-times-all-day {
  border-bottom-color: inherit;
}
.k-scheduler .k-middle-row td {
  border-bottom-style: dotted;
}
.k-scheduler-now-arrow,
.k-scheduler-now-line {
  position: absolute;
}
.k-scheduler-now-arrow {
  width: 0;
  height: 0;
  border: solid 5px transparent;
  left: 0;
}
.k-scheduler-now-line {
  left: 5px;
  right: 0;
  height: 1px;
}
.k-task {
  position: relative;
}
div.k-more-events {
  text-align: center;
  font-size: 18px;
  line-height: 1.2;
  padding: 0;
}
.k-more-events > span {
  display: block;
  margin-top: -0.6em;
}
.k-event,
.k-more-events {
  position: absolute;
  border-style: solid;
  border-width: 1px;
  text-align: left;
  overflow: hidden;
}
.k-event {
  cursor: default;
  min-height: 1.3em;
}
.k-event-drag-hint {
  filter: alpha(opacity=60);
  opacity: .6;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
.k-scheduler-header .k-event {
  white-space: nowrap;
}
.k-event-template {
  padding: .3em 1.4em .3em .6em;
}
.k-event-time {
  display: none;
  padding-bottom: 0;
  font-size: .9em;
}
.k-event-drag-hint .k-event-time {
  display: block;
}
.k-event-actions,
.k-event > .k-link,
.k-task > .k-link {
  position: absolute;
  top: 3px;
  right: 4px;
  white-space: nowrap;
}
.k-event-actions {
  z-index: 1;
}
.k-scheduler-agendaview .k-task > .k-link {
  top: 0;
  right: 0;
}
.k-event-actions:first-child {
  position: static;
  float: left;
  margin: 4px 2px 0 4px;
}
.k-webkit .k-event-actions:first-child {
  margin-top: 3px;
}
.k-event-actions:first-child > .k-link {
  display: inline-block;
}
.k-event-delete {
  display: none;
}
.k-event:hover .k-event-delete,
tr:hover > td > .k-task .k-event-delete {
  display: inline-block;
}
.k-event .k-event-top-actions,
.k-event .k-event-bottom-actions {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.k-event .k-event-bottom-actions {
  top: auto;
  bottom: 0;
}
.k-event .k-resize-handle,
.k-scheduler-mobile .k-event:hover .k-resize-handle {
  position: absolute;
  visibility: hidden;
  z-index: 2;
}
.k-event:hover .k-resize-handle,
.k-event-active .k-resize-handle,
.k-scheduler-mobile .k-event-active:hover .k-resize-handle {
  visibility: visible;
}
.k-event .k-resize-handle:after {
  content: "";
  position: absolute;
  filter: alpha(opacity=50);
  opacity: .5;
}
.k-scheduler-mobile .k-event .k-resize-handle:after {
  -webkit-filter: none;
          filter: none;
  opacity: 1;
}
.k-event > .k-resize-n {
  top: 0;
  left: 0;
  right: 0;
  height: .4em;
}
.k-event > .k-resize-s {
  bottom: 0;
  left: 0;
  right: 0;
  height: .4em;
}
.k-event > .k-resize-e {
  right: 0;
  top: 0;
  bottom: 0;
  width: .4em;
}
.k-event > .k-resize-w {
  left: 0;
  top: 0;
  bottom: 0;
  width: .4em;
}
.k-event > .k-resize-n:after,
.k-event > .k-resize-s:after {
  top: 1px;
  left: 50%;
  margin-left: -1em;
  width: 2em;
  height: 1px;
}
.k-event > .k-resize-s:after {
  top: auto;
  bottom: 1px;
}
.k-event > .k-resize-e:after,
.k-event > .k-resize-w:after {
  left: 1px;
  top: 50%;
  margin-top: -0.7em;
  height: 1.4em;
  width: 1px;
}
.k-event > .k-resize-e:after {
  left: auto;
  right: 1px;
}
.k-scheduler-mobile .k-event > .k-resize-n,
.k-scheduler-mobile .k-event > .k-resize-s {
  height: .6em;
}
.k-scheduler-mobile .k-event > .k-resize-e,
.k-scheduler-mobile .k-event > .k-resize-w {
  width: .6em;
}
.k-scheduler-mobile .k-event > .k-resize-n:after,
.k-scheduler-mobile .k-event > .k-resize-s:after {
  top: 0;
  margin-left: -3em;
  width: 4em;
  height: .6em;
}
.k-scheduler-mobile .k-event > .k-resize-s:after {
  bottom: 0;
}
.k-scheduler-mobile .k-event > .k-resize-e:after,
.k-scheduler-mobile .k-event > .k-resize-w:after {
  left: 0;
  margin-top: -0.7em;
  height: 1.4em;
  width: .6em;
}
.k-scheduler-mobile .k-event > .k-resize-e:after {
  right: 0;
}
.k-scheduler-mobile .k-event > .k-resize-n:after {
  border-radius: 0 0 4px 4px;
}
.k-scheduler-mobile .k-event > .k-resize-s:after {
  border-radius: 4px 4px 0 0;
}
.k-scheduler-mobile .k-event > .k-resize-w:after {
  border-radius: 0 4px 4px 0;
}
.k-scheduler-mobile .k-event > .k-resize-e:after {
  border-radius: 4px 0 0 4px;
}
.k-scheduler-phone .k-scheduler-monthview .k-events-container {
  position: absolute;
  text-align: center;
  height: 6px;
  line-height: 6px;
}
.k-scheduler-phone .k-scheduler-monthview .k-event {
  position: static;
  display: inline-block;
  width: 4px;
  height: 4px;
  min-height: 0;
  margin: 1px;
}
.k-scheduler-marquee {
  border-style: solid;
  border-width: 0;
}
.k-scheduler-marquee.k-first:before,
.k-scheduler-marquee.k-last:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px;
}
div.k-scheduler-marquee:before {
  top: 0;
  left: 0;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
div.k-scheduler-marquee:after {
  bottom: 0;
  right: 0;
  border-top-color: transparent;
  border-left-color: transparent;
}
.k-scheduler-marquee .k-label-top {
  position: absolute;
  top: .3em;
  left: .8em;
  font-size: .8em;
}
.k-scheduler-marquee .k-label-bottom {
  position: absolute;
  bottom: .3em;
  right: .81em;
  font-size: .8em;
}
.k-scheduler-quickedit .k-textbox {
  width: 200px;
}
.k-tooltip-bottom {
  text-align: left;
}
.k-tooltip-bottom .k-button {
  float: left;
  margin-right: .3em;
}
.k-tooltip-bottom .k-quickedit-details {
  float: right;
  margin-right: 0;
}
.k-scheduler-agendaview .k-scheduler-table th,
.k-scheduler-agendaview .k-scheduler-table td {
  text-align: left;
}
.k-scheduler-times .k-slot-cell,
.k-scheduler-groupcolumn {
  width: 6em;
}
.k-scheduler-datecolumn {
  width: 12em;
}
.k-scheduler-timecolumn {
  width: 11em;
}
.k-scheduler-timecolumn > div {
  position: relative;
  vertical-align: top;
}
.k-webkit .k-scheduler-timecolumn > div > .k-icon {
  vertical-align: top;
}
.k-scheduler-timecolumn > div > .k-i-arrow-e {
  position: absolute;
  right: -4px;
}
.k-scheduler-timecolumn .k-i-arrow-w {
  margin-left: -4px;
}
.k-scheduler-mark {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-right: .5em;
}
.k-scheduler-agendaday {
  float: left;
  margin: 0 .2em 0 0;
  font-size: 3em;
  font-weight: normal;
}
.k-scheduler-agendaweek {
  display: block;
  margin: .4em 0 0;
  font-size: 1.1em;
  font-style: normal;
}
.k-scheduler-agendadate {
  font-size: .8em;
}
.k-scheduler-timecolumn {
  white-space: nowrap;
}
.k-scheduler-edit-form .k-edit-form-container,
.k-scheduler-timezones .k-edit-form-container {
  width: 520px;
}
.k-scheduler-edit-form .k-edit-label {
  width: 17%;
}
.k-scheduler-edit-form .k-edit-field {
  width: 77%;
}
.k-scheduler-edit-form .k-textbox[name="title"],
.k-scheduler-edit-form textarea.k-textbox {
  width: 100%;
}
.k-scheduler-edit-form textarea.k-textbox {
  min-height: 4em;
  resize: vertical;
}
.k-scheduler-edit-form > .k-edit-box:first-child .k-datetimepicker {
  margin-right: 1em;
}
.km-pane-wrapper .k-scheduler-edit-form .k-edit-buttons {
  clear: right;
  margin-right: 2%;
  margin-left: 2%;
  padding: 0 0 .6em;
}
.k-edit-box {
  float: left;
}
.k-edit-box + .k-edit-box {
  float: right;
}
.k-scheduler-edit-form label + input {
  margin-left: 1em;
}
.k-edit-field > ul.k-reset > li {
  margin: .2em 0 .4em;
  line-height: 2.4;
}
.k-edit-field > ul.k-reset.k-toolbar > li {
  margin: 0;
}
.k-edit-field > ul.k-reset .k-widget {
  margin-left: .8em;
}
.k-edit-field > ul.k-reset .k-numerictextbox,
.k-edit-field span.k-recur-interval {
  width: 5em;
}
.k-edit-field > ul.k-reset .k-dropdown,
.k-edit-field > ul.k-reset .k-datepicker,
div[name="recurrenceRule"] > .k-dropdown {
  width: 9em;
}
.k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete {
  float: left;
}
.k-popup-message {
  margin: 0;
  padding: 1em 0 2em;
  text-align: center;
}
.k-scheduler-timezones .k-dropdown:first-child {
  width: 100%;
}
.k-scheduler-timezones .k-dropdown + .k-dropdown {
  margin: .5em 0 .7em;
}
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
  display: none;
}
.k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
  display: none;
}
.k-scheduler-refresh {
  float: right;
  padding: 0 .5em;
}
/* Responsive styles  */
@media only screen and (max-width: 1024px) {
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views {
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 10000;
  }
  .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-edge .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
    right: auto;
    left: 6px;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view),
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view),
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view),
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view),
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
    display: none;
  }
  .k-webkit .k-scheduler-toolbar li.k-nav-current .k-lg-date-format,
  .k-ff .k-scheduler-toolbar li.k-nav-current .k-lg-date-format,
  .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-lg-date-format,
  .k-edge .k-scheduler-toolbar li.k-nav-current .k-lg-date-format,
  .k-safari .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
    display: none;
  }
  .k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
  .k-ff .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
  .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
  .k-edge .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
  .k-safari .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
    display: inline;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    display: block;
    border-width: 1px;
  }
  .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-edge .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    text-align: left;
    padding-left: 1em;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
    display: block;
    position: relative;
    padding-right: 2.5em;
    padding-left: 1em;
  }
  .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-edge .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
    padding-left: 0;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -0.6em;
    right: 0.333em;
    width: 1.333em;
    height: 1.333em;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
    display: block;
    border: 0;
    border-radius: 0;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    border: 1px solid #c5c5c5;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  }
  .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-edge .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    text-align: left;
  }
}
@media only screen and (max-width: 480px) {
  .k-webkit .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
  .k-ff .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
  .k-ie11 .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
  .k-edge .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
  .k-safari .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
    display: none;
  }
  .k-webkit .k-scheduler-timecolumn,
  .k-ff .k-scheduler-timecolumn,
  .k-ie11 .k-scheduler-timecolumn,
  .k-edge .k-scheduler-timecolumn,
  .k-safari .k-scheduler-timecolumn {
    width: 5em;
  }
  .k-webkit .k-scheduler-datecolumn,
  .k-ff .k-scheduler-datecolumn,
  .k-ie11 .k-scheduler-datecolumn,
  .k-edge .k-scheduler-datecolumn,
  .k-safari .k-scheduler-datecolumn {
    width: 6em;
    overflow: hidden;
  }
  .k-webkit .k-scheduler-timecolumn > div,
  .k-ff .k-scheduler-timecolumn > div,
  .k-ie11 .k-scheduler-timecolumn > div,
  .k-edge .k-scheduler-timecolumn > div,
  .k-safari .k-scheduler-timecolumn > div,
  .k-webkit .k-scheduler-datecolumn > div,
  .k-ff .k-scheduler-datecolumn > div,
  .k-ie11 .k-scheduler-datecolumn > div,
  .k-edge .k-scheduler-datecolumn > div,
  .k-safari .k-scheduler-datecolumn > div {
    white-space: normal;
  }
}
/* Remove scrollbars during PDF export */
.k-scheduler-pdf-export {
  overflow: hidden;
}
.k-pdf-export-shadow .k-scheduler,
.k-scheduler-pdf-export .k-scheduler-content,
.k-scheduler-pdf-export .k-scheduler-times {
  height: auto !important;
  overflow: visible !important;
}
.k-scheduler-pdf-export .k-scheduler-header {
  padding: 0 !important;
}
.k-scheduler-pdf-export .k-scheduler-header-wrap {
  border-width: 0 !important;
}
.k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table,
.k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table {
  width: 100% !important;
}
/* Tooltip */
.k-tooltip {
  position: absolute;
  z-index: 12000;
  border-style: solid;
  border-width: 0;
  padding: 5px 5px 5px 6px;
  background-repeat: repeat-x;
  min-width: 20px;
  /*slider tooltip only*/
  text-align: center;
  /*slider tooltip only*/
}
.k-tooltip-button {
  text-align: right;
  height: 0;
}
.k-tooltip-content {
  height: 100%;
}
.k-tooltip-closable .k-tooltip-content {
  padding-right: 20px;
}
span.k-tooltip {
  position: static;
  display: inline-block;
  border-width: 1px;
  padding: 2px 5px 1px 6px;
}
.k-invalid-msg {
  display: none;
}
.k-callout {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  border-color: transparent;
}
.k-callout-n {
  top: -12px;
  left: 50%;
}
.k-callout-w {
  top: 50%;
  left: -12px;
}
.k-callout-s {
  left: 50%;
  bottom: -12px;
}
.k-callout-e {
  top: 50%;
  right: -12px;
}
.k-slider-tooltip .k-callout-n,
.k-slider-tooltip .k-callout-s {
  margin-left: -6px;
}
.k-slider-tooltip .k-callout-w,
.k-slider-tooltip .k-callout-e {
  margin-top: -6px;
}
.k-tooltip-validation .k-warning {
  vertical-align: text-top;
  margin-right: 3px;
}
.k-tooltip-validation {
  z-index: 9999;
}
/* Toolbar */
.k-toolbar {
  position: relative;
  display: block;
  vertical-align: middle;
  line-height: 2.9em;
}
.k-toolbar .k-button .k-icon,
.k-toolbar .k-button .k-sprite,
.k-overflow-container .k-button .k-icon,
.k-overflow-container .k-button .k-sprite {
  vertical-align: middle;
  margin-top: -7px;
  margin-bottom: -5px;
}
.k-toolbar .k-input {
  line-height: inherit;
  height: inherit;
  padding-top: 2px;
  padding-bottom: 2px;
}
.k-toolbar .k-input:before {
  content: "\a0";
  display: inline-block;
  width: 0;
}
.k-ie .k-toolbar .k-input {
  height: 1.65em;
}
.k-toolbar .k-combobox .k-dropdown-wrap:before,
.k-toolbar .k-picker-wrap:before,
.k-toolbar .k-numeric-wrap:before {
  display: none;
}
.k-overflow-container .k-sprite {
  margin-left: -4px;
}
.k-toolbar-resizable {
  overflow: hidden;
  white-space: nowrap;
}
.k-toolbar > .k-align-left {
  float: none;
}
.k-toolbar > .k-align-right {
  float: right;
}
.k-toolbar > *,
.k-toolbar .k-button {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.72em;
}
.k-toolbar .k-separator {
  border-width: 0 0 0 1px;
  border-style: solid;
  width: 1px;
  line-height: inherit;
}
.k-toolbar .k-button-group {
  list-style-type: none;
}
.k-toolbar .k-button-group > li {
  display: inline-block;
}
.k-toolbar .k-button-group .k-button {
  margin: 0 0 0 -1px;
  border-radius: 0;
}
.k-toolbar .k-button,
.k-toolbar .k-split-button,
.k-toolbar .k-button-group,
.k-toolbar .k-widget,
.k-toolbar .k-textbox,
.k-toolbar label,
.k-toolbar .k-separator {
  margin: 0 .2em;
  line-height: 1.72em;
  vertical-align: middle;
}
.k-toolbar .k-split-button {
  padding-left: 0;
}
.k-toolbar .k-split-button .k-button,
.k-toolbar .k-button-group .k-group-start {
  margin: 0;
}
.k-toolbar .k-split-button .k-split-button-arrow {
  margin: 0 0 0 -1px;
}
.k-toolbar .k-overflow-anchor {
  border-width: 0 0 0 1px;
  border-style: solid;
  height: 3em;
  width: 3em;
  line-height: inherit;
  padding: 0 .5em;
  margin: 0;
  position: relative;
  float: right;
  border-radius: 0;
}
.k-overflow-container .k-item {
  float: none;
  border: 0;
}
.k-overflow-container .k-separator {
  border-width: 0 0 1px;
  border-style: solid;
  height: 1px;
  line-height: 0;
  font-size: 0;
  padding: 0;
}
.k-overflow-container .k-overflow-button,
.k-split-container .k-button {
  text-align: left;
  display: block;
  background: none;
  border-color: transparent;
  white-space: nowrap;
}
.k-split-container {
  margin-top: -1px;
}
.k-overflow-container .k-button-group {
  padding: 0;
}
.k-overflow-container .k-button-group > li {
  display: block;
}
.k-overflow-container .k-overflow-group {
  border-width: 1px 0;
  border-style: solid;
  border-radius: 0;
  padding: 2px 0;
  margin: 1px 0;
}
.k-overflow-container .k-overflow-hidden {
  display: none;
}
.k-overflow-container .k-toolbar-first-visible,
.k-overflow-container .k-overflow-group + .k-overflow-group,
.k-overflow-container .k-separator + .k-overflow-group {
  border-top: 0;
  margin-top: 0;
  padding-top: 1px;
}
.k-overflow-container .k-overflow-group + .k-separator {
  display: none;
}
.k-overflow-container .k-toolbar-last-visible {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 1px;
}
/* Splitter */
.k-splitter {
  position: relative;
  height: 300px;
}
.k-pane > .k-splitter {
  border-width: 0;
  overflow: hidden;
}
.k-splitter .k-pane {
  overflow: hidden;
}
.k-splitter .k-scrollable {
  overflow: auto;
}
.k-splitter .k-pane-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
}
.k-ghost-splitbar,
.k-splitbar {
  position: absolute;
  border-style: solid;
  font-size: 0;
  outline: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.k-splitter .k-ghost-splitbar-horizontal,
.k-splitter .k-splitbar-horizontal {
  top: 0;
  width: 5px;
  border-width: 0 1px;
  background-repeat: repeat-y;
}
.k-ghost-splitbar-vertical,
.k-splitbar-vertical {
  left: 0;
  height: 5px;
  border-width: 1px 0;
  background-repeat: repeat-x;
}
.k-splitbar-draggable-horizontal {
  cursor: w-resize;
}
.k-splitbar-draggable-vertical {
  cursor: n-resize;
}
.k-splitbar .k-resize-handle {
  display: none;
}
.k-restricted-size-horizontal,
.k-restricted-size-vertical {
  background-color: #f00;
}
.k-splitbar-horizontal .k-icon {
  position: absolute;
  top: 50%;
  width: 5px;
  height: 20px;
  margin-top: -10px;
}
.k-collapse-prev,
.k-collapse-next,
.k-expand-prev,
.k-expand-next {
  cursor: pointer;
}
.k-splitbar-horizontal .k-collapse-prev {
  margin-top: -31px;
}
.k-splitbar-horizontal .k-collapse-next {
  margin-top: 11px;
}
.k-splitbar-static-horizontal {
  width: 1px;
}
.k-splitbar-static-vertical {
  height: 1px;
}
.k-splitbar-vertical .k-icon {
  position: absolute;
  left: 50%;
  width: 20px;
  height: 5px;
  margin-left: -10px;
}
.k-splitbar-vertical .k-collapse-prev {
  margin-left: -31px;
}
.k-splitbar-vertical .k-collapse-next {
  margin-left: 11px;
}
.k-splitbar-draggable-vertical .k-resize-handle,
.k-splitbar-draggable-horizontal .k-resize-handle {
  display: inline-block;
}
.k-splitbar-horizontal .k-resize-handle {
  background-position: -165px -6px;
}
.k-splitbar-horizontal-hover > .k-resize-handle {
  background-position: -181px -6px;
}
.k-splitbar-horizontal .k-collapse-prev,
.k-splitbar-horizontal .k-expand-next {
  background-position: -6px -174px;
}
.k-splitbar-horizontal-hover > .k-collapse-prev,
.k-splitbar-horizontal-hover > .k-expand-next {
  background-position: -22px -174px;
}
.k-splitbar-horizontal .k-collapse-next,
.k-splitbar-horizontal .k-expand-prev {
  background-position: -5px -142px;
}
.k-splitbar-horizontal-hover > .k-collapse-next,
.k-splitbar-horizontal-hover > .k-expand-prev {
  background-position: -21px -142px;
}
.k-splitbar-vertical .k-resize-handle {
  background-position: -38px -309px;
}
.k-splitbar-vertical-hover > .k-resize-handle {
  background-position: -70px -309px;
}
.k-splitbar-vertical .k-collapse-prev,
.k-splitbar-vertical .k-expand-next {
  background-position: 2px -134px;
}
.k-splitbar-vertical-hover > .k-collapse-prev,
.k-splitbar-vertical-hover > .k-expand-next {
  background-position: -14px -134px;
}
.k-splitbar-vertical .k-collapse-next,
.k-splitbar-vertical .k-expand-prev {
  background-position: 2px -165px;
}
.k-splitbar-vertical-hover > .k-collapse-next,
.k-splitbar-vertical-hover > .k-expand-prev {
  background-position: -14px -165px;
}
.k-splitter-resizing {
  overflow: hidden;
}
/* Upload */
html .k-upload {
  position: relative;
}
.k-dropzone em,
.k-upload-button {
  vertical-align: middle;
}
.k-dropzone,
.k-file {
  position: relative;
}
.k-dropzone {
  border-style: solid;
  border-width: 0;
  padding: .8em;
  background-color: transparent;
}
.k-dropzone em {
  visibility: hidden;
  margin-left: .6em;
}
.k-dropzone-active em {
  visibility: visible;
}
.k-upload-button {
  position: relative;
  overflow: hidden;
  direction: ltr;
}
.k-upload .k-upload-button {
  min-width: 7.167em;
}
.k-upload-sync .k-upload-button,
.k-ie8 .k-upload-button,
.k-ie9 .k-upload-button {
  margin: .8em;
}
.k-upload-button input {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  font: 170px monospace !important;
  /* critical for correct operation; larger values lead to ignoring or text layout problems in IE */
  filter: alpha(opacity=0);
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.k-upload-files {
  line-height: 2.66;
  border-style: solid;
  border-width: 1px 0 0;
  padding-bottom: 5px;
}
.k-upload-files .k-button {
  padding: 0;
}
.k-upload-status .k-warning {
  display: none;
}
.k-upload-status-total .k-icon {
  display: inline-block;
  margin-right: 4px;
}
.k-dropzone .k-upload-status-total {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.k-upload .k-clear-selected,
.k-upload .k-upload-selected {
  display: inline-block;
  width: 50%;
  margin: 0;
  line-height: 1em;
  padding: 1.214em 0;
  border: 0;
}
.k-upload .k-upload-selected {
  border-left-width: 1px;
  border-left-style: solid;
  margin-left: -1px;
}
.k-upload .k-clear-selected {
  border-radius: 0 0 0 4px;
}
.k-upload .k-upload-selected {
  border-radius: 0 0 4px 0;
}
.k-upload-files ~ .k-clear-selected,
.k-upload-files ~ .k-upload-selected {
  margin-top: -5px;
}
.k-upload .k-fail {
  background-position: -161px -111px;
}
.k-si-refresh,
.k-i-srefresh {
  background-position: -160px -128px;
}
.k-link:not(.k-state-disabled):hover > .k-si-refresh,
.k-link:not(.k-state-disabled):hover > .k-i-srefresh,
.k-state-hover > .k-si-refresh,
.k-state-hover > .k-i-srefresh,
.k-state-hover > * > .k-si-refresh,
.k-state-hover > * > .k-i-srefresh,
.k-button:not(.k-state-disabled):hover .k-si-refresh,
.k-button:not(.k-state-disabled):hover .k-i-srefresh,
.k-textbox:hover .k-si-refresh,
.k-textbox:hover .k-i-srefresh,
.k-button:active .k-si-refresh,
.k-button:active .k-i-srefresh {
  background-position: -176px -128px;
}
.k-si-tick,
.k-i-stick,
.k-success {
  background-position: -160px -96px;
}
.k-link:not(.k-state-disabled):hover > .k-si-tick,
.k-link:not(.k-state-disabled):hover > .k-i-stick,
.k-link:not(.k-state-disabled):hover > .k-success,
.k-state-hover > .k-si-tick,
.k-state-hover > .k-i-stick,
.k-state-hover > .k-success,
.k-state-hover > * > .k-si-tick,
.k-state-hover > * > .k-i-stick,
.k-state-hover > * > .k-success,
.k-button:not(.k-state-disabled):hover .k-si-tick,
.k-button:not(.k-state-disabled):hover .k-i-stick,
.k-button:not(.k-state-disabled):hover .k-success,
.k-textbox:hover .k-si-tick,
.k-textbox:hover .k-i-stick,
.k-textbox:hover .k-success,
.k-button:active .k-si-tick,
.k-button:active .k-i-stick,
.k-button:active .k-success {
  background-position: -176px -96px;
}
.k-si-cancel,
.k-i-scancel {
  background-position: -160px -112px;
}
.k-link:not(.k-state-disabled):hover > .k-si-cancel,
.k-link:not(.k-state-disabled):hover > .k-i-scancel,
.k-state-hover > .k-si-cancel,
.k-state-hover > .k-i-scancel,
.k-state-hover > * > .k-si-cancel,
.k-state-hover > * > .k-i-scancel,
.k-button:not(.k-state-disabled):hover .k-si-cancel,
.k-button:not(.k-state-disabled):hover .k-i-scancel,
.k-textbox:hover .k-si-cancel,
.k-textbox:hover .k-i-scancel,
.k-button:active .k-si-cancel,
.k-button:active .k-i-scancel {
  background-position: -176px -112px;
}
.k-file {
  border-style: solid;
  border-width: 0 0 1px;
  padding: .65em .17em .65em 1em;
}
.k-file .k-icon {
  position: relative;
}
.k-file > .k-icon {
  background-position: -112px -288px;
}
.k-link:not(.k-state-disabled):hover > .k-file > .k-icon,
.k-state-hover > .k-file > .k-icon,
.k-state-hover > * > .k-file > .k-icon,
.k-button:not(.k-state-disabled):hover .k-file > .k-icon,
.k-textbox:hover .k-file > .k-icon,
.k-button:active .k-file > .k-icon {
  background-position: -128px -288px;
}
.k-file-extension-wrapper,
.k-file-name-size-wrapper,
.k-multiple-files-extension-wrapper,
.k-file-invalid-extension-wrapper,
.k-multiple-files-invalid-extension-wrapper {
  display: inline-block;
}
.k-file-extension-wrapper,
.k-multiple-files-extension-wrapper,
.k-file-invalid-extension-wrapper,
.k-multiple-files-invalid-extension-wrapper {
  position: relative;
  width: 24px;
  height: 34px;
  border-width: 2px;
  border-style: solid;
  vertical-align: top;
  font-size: .57em;
  text-transform: uppercase;
}
.k-file-invalid-extension-wrapper,
.k-multiple-files-invalid-extension-wrapper {
  font-size: 1.2em;
}
.k-multiple-files-extension-wrapper,
.k-multiple-files-invalid-extension-wrapper {
  margin-top: 4px;
}
.k-file-state {
  visibility: hidden;
}
.k-file-name-size-wrapper {
  vertical-align: middle;
  margin-left: 1em;
}
.k-file-extension-wrapper:before,
.k-multiple-files-extension-wrapper:before,
.k-multiple-files-extension-wrapper:after,
.k-file-invalid-extension-wrapper:before,
.k-multiple-files-invalid-extension-wrapper:before,
.k-multiple-files-invalid-extension-wrapper:after {
  position: absolute;
  content: "";
  display: inline-block;
  border-style: solid;
}
.k-file-extension-wrapper:before,
.k-multiple-files-extension-wrapper:before,
.k-file-invalid-extension-wrapper:before,
.k-multiple-files-invalid-extension-wrapper:before {
  top: -1px;
  right: -1px;
  width: 0;
  height: 0;
  border-width: 6px;
  margin-top: -1px;
  margin-right: -1px;
}
.k-multiple-files-extension-wrapper:after,
.k-multiple-files-invalid-extension-wrapper:after {
  top: -6px;
  left: -6px;
  width: 15px;
  height: 35px;
  border-width: 2px 0 0 2px;
}
.k-file-extension,
.k-file-invalid-icon {
  position: absolute;
  bottom: 0;
  line-height: normal;
}
.k-file-extension {
  margin-left: .4em;
  margin-bottom: .3em;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.k-file-invalid-icon {
  margin-left: 5px;
}
.k-file-name,
.k-file-size,
.k-file-validation-message,
.k-file-information {
  display: block;
}
.k-file-name {
  position: relative;
  min-width: 10em;
  max-width: 16.667em;
  vertical-align: middle;
  line-height: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.k-file-size,
.k-file-information,
.k-file-validation-message {
  font-size: .78em;
  line-height: 1.5em;
}
.k-file-information,
.k-file-validation-message {
  line-height: 1.5em;
}
.k-file-size {
  line-height: 1.2em;
}
.k-upload-status {
  position: absolute;
  right: 10px;
  top: 0;
}
.k-upload-status .k-button {
  vertical-align: text-bottom;
}
.k-dropzone .k-upload-status {
  line-height: 2.4;
}
.k-upload-pct {
  margin-right: .75em;
}
.k-ie8 .k-upload-status-total {
  line-height: 29px;
}
.k-ie8 .k-upload-status-total,
.k-ie9 .k-upload-status-total {
  top: 1.5em;
}
.k-ie8 .k-upload-status-total > .k-icon,
.k-ie9 .k-upload-status-total > .k-icon {
  margin-top: -3px;
}
.k-upload-action {
  line-height: normal;
}
.k-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
}
.k-file-invalid > .k-progress {
  width: 100%;
}
.k-upload-selected {
  min-width: 7.167em;
  margin: 0.25em 0 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.k-upload-selected,
.k-upload-cancel {
  margin-bottom: .8em;
}
.k-upload-selected {
  margin-left: .8em;
  margin-right: .2em;
}
.k-rtl .k-file-extension-wrapper {
  margin-left: 14px;
}
.k-mediaplayer {
  position: relative;
}
.k-mediaplayer > video,
.k-mediaplayer > iframe {
  vertical-align: top;
}
.k-mediaplayer .k-mediaplayer-titlebar,
.k-mediaplayer .k-mediaplayer-toolbar {
  z-index: 2;
}
.k-mediaplayer .k-mediaplayer-overlay {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
}
.k-mediaplayer-titlebar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(80%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.05) 80%, rgba(0, 0, 0, 0));
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.05) 80%, rgba(0, 0, 0, 0));
  color: white;
  padding: 12px 12px 30px;
}
.k-mediaplayer-toolbar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0px;
  border-width: 0;
}
html .k-mediaplayer-toolbar .k-button-bare {
  padding-left: 9px;
  padding-right: 9px;
}
.k-mediaplayer-toolbar div.k-mediaplayer-volume {
  margin: 2px 6px 0;
}
.k-mediaplayer-toolbar .k-slider-track,
.k-mediaplayer-toolbar .k-slider-selection {
  border-radius: 0;
}
.k-mediaplayer-toolbar .k-mediaplayer-seekbar {
  position: absolute;
  top: -17px;
  left: 0;
  right: 0;
  margin: 0;
  width: auto;
}
.k-mediaplayer-toolbar .k-mediaplayer-seekbar .k-slider-track {
  width: 100% !important;
}
.k-mediaplayer-toolbar .k-mediaplayer-seekbar .k-draghandle {
  opacity: 0;
  -webkit-transition: 0.2s opacity;
          transition: 0.2s opacity;
}
.k-mediaplayer-toolbar .k-mediaplayer-seekbar .k-draghandle.k-state-selected,
.k-mediaplayer-toolbar .k-mediaplayer-seekbar:hover .k-draghandle {
  opacity: 1;
}
.k-mediaplayer-toolbar .k-mediaplayer-quality {
  width: auto;
  padding: 0;
  background: none transparent;
}
.k-mediaplayer-toolbar .k-mediaplayer-quality .k-dropdown-wrap {
  border: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  background: none transparent;
  color: inherit;
}
.k-mediaplayer-toolbar .k-mediaplayer-quality .k-input {
  display: none;
}
.k-mediaplayer-toolbar .k-mediaplayer-quality .k-select {
  position: relative;
  width: auto;
  min-height: 0;
  line-height: inherit;
}
.k-mediaplayer-toolbar .k-align-right {
  line-height: inherit;
}
.k-mediaplayer-toolbar .k-align-right > * {
  display: inline-block;
}
.k-mediaplayer-currenttime {
  display: inline-block;
  margin-top: 2px;
}
.k-quality-list {
  width: 80px !important;
  margin-left: -32px !important;
}
/* ImageBrowser */
.k-toolbar-wrap .k-dropzone em,
.k-toolbar-wrap .k-upload-files {
  display: none;
}
.k-toolbar-wrap .k-dropzone {
  border: 0;
  padding: 0;
}
.k-toolbar-wrap .k-dropzone-active {
  text-align: center;
}
.k-toolbar-wrap .k-dropzone-active em {
  display: inline;
  margin: 0;
  font-size: 5em;
  font-style: normal;
}
.k-toolbar-wrap .k-dropzone-active .k-upload-button {
  display: none;
}
.k-filebrowser-dropzone {
  z-index: 10010;
  filter: alpha(opacity=40);
  opacity: .4;
  position: fixed;
}
.k-search-wrap {
  position: relative;
  float: right;
  width: 20%;
  padding: 0;
}
.k-search-wrap label {
  position: absolute;
  top: 0;
  left: 4px;
  line-height: 20px;
  font-style: italic;
}
.k-search-wrap input.k-input {
  padding-left: 0;
  padding-right: 0;
}
.k-search-wrap .k-search {
  position: absolute;
  top: 4px;
  right: 2px;
  margin: 0;
}
.k-breadcrumbs {
  position: relative;
  float: left;
  width: 79%;
}
.k-breadcrumbs-wrap {
  position: absolute;
  top: 3px;
  left: 0;
  z-index: 1;
  padding-left: 5px;
  line-height: 18px;
}
.k-breadcrumbs > .k-input {
  width: 100%;
  font-size: inherit;
  font-family: inherit;
  border: 0;
}
.k-breadcrumbs .k-link,
.k-breadcrumbs-wrap .k-icon {
  margin-top: 0;
  text-decoration: none;
  vertical-align: middle;
  position: static;
}
.k-breadcrumbs .k-link:hover {
  text-decoration: underline;
}
.k-filebrowser .k-breadcrumbs .k-i-seek-w {
  text-decoration: none;
  cursor: default;
}
.k-filebrowser .k-filebrowser-toolbar {
  border-style: solid;
  border-width: 1px;
  margin: 8px 0 0;
  padding: .25em;
  line-height: 23px;
  white-space: nowrap;
  /*required by WebKit*/
}
.k-filebrowser .k-filebrowser-toolbar .k-button.k-state-disabled {
  display: none;
}
.k-filebrowser .k-toolbar-wrap {
  float: left;
}
.k-filebrowser .k-tiles-arrange {
  float: right;
}
.k-filebrowser .k-tiles-arrange .k-dropdown {
  width: 75px;
}
.k-filebrowser .k-upload {
  float: left;
  z-index: 10010;
  border-width: 0;
  background-color: transparent;
}
.k-filebrowser .k-upload .k-upload-status {
  display: none;
}
.k-filebrowser .k-upload .k-upload-button {
  width: auto;
  margin-left: 0;
  vertical-align: top;
}
.k-filebrowser .k-upload .k-icon {
  vertical-align: bottom;
}
.k-tiles {
  clear: both;
  height: 390px;
  border-style: solid;
  border-width: 1px;
  border-top-width: 0;
  margin: 0 0 1.4em;
  padding: 9px;
  overflow: auto;
  line-height: 1.2;
}
.k-tile {
  float: left;
  width: 223px;
  height: 88px;
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  margin: 1px;
  padding: 0 0 4px;
  background-position: 0 100px;
  background-repeat: repeat-x;
  cursor: pointer;
}
.k-tiles li.k-state-hover,
.k-tiles li.k-state-selected {
  background-position: 0 center;
}
.k-filebrowser .k-thumb {
  float: left;
  display: inline;
  width: 80px;
  height: 80px;
  margin: 4px 10px 0 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.k-filebrowser .k-file {
  width: 80px;
  height: 80px;
}
.k-filebrowser .k-image {
  margin: 2px 0 0 2px;
}
.k-filebrowser .k-folder {
  width: 80px;
  height: 80px;
  background-position: 0 -200px;
  background-repeat: no-repeat;
}
.k-filebrowser .k-loading {
  margin: 35px 0 0 33px;
}
.k-tile strong,
.k-tile input {
  margin: 10px 0 4px;
  font-weight: normal;
}
.k-tile strong {
  float: left;
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.k-tile input {
  width: 100px;
}
.k-tile strong,
.k-tile input {
  display: block;
}
.k-tile .k-filesize {
  display: inline-block;
}
.k-filebrowser .k-form-text-row {
  text-align: right;
}
.k-filebrowser .k-form-text-row label {
  width: 14%;
}
.k-filebrowser .k-form-text-row input {
  width: 80%;
}
.k-tile-empty {
  margin: 160px 0 0;
}
.k-tile-empty .k-dialog-upload {
  font-weight: bold;
  font-size: 120%;
}
.k-tile-empty strong {
  display: block;
  margin: 0 0 0.2em;
  font-size: 3em;
  font-weight: normal;
}
.k-tile-empty,
.k-tile-empty .k-button-wrapper {
  text-align: center;
}
.k-chart,
.k-gauge,
.k-sparkline,
.k-stockchart {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.k-chart,
.k-stockchart {
  height: 400px;
}
div.k-chart,
div.k-gauge,
span.k-sparkline,
.k-stockchart {
  background-color: transparent;
}
.k-gauge {
  text-align: left;
  position: relative;
}
.k-baseline-marker {
  zoom: 1;
  *display: inline;
}
.k-chart-tooltip {
  border-radius: 4px;
  padding: 6px;
  white-space: nowrap;
  z-index: 12000;
  line-height: normal;
  background-repeat: repeat-x;
  background-position: 0 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==);
  color: #fff;
}
.k-chart-tooltip-inverse {
  color: #000;
}
.k-chart-tooltip table {
  border-spacing: 0;
  border-collapse: collapse;
}
.k-chart-tooltip th {
  width: auto;
  text-align: center;
  padding: 1px;
}
.k-chart-tooltip td {
  width: auto;
  text-align: left;
  padding: .1em .2em;
}
/*Stock Charts*/
/* Selection */
.k-selector {
  position: absolute;
  -webkit-transform: translateZ(0);
}
.k-selection {
  position: absolute;
  border-width: 1px;
  border-style: solid;
  border-color: #d2d2d2;
  border-bottom: 0;
  height: 100%;
}
.k-selection-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.01);
  filter: alpha(opacity=1);
}
.k-handle {
  background: #d2d2d2;
  width: 7px;
  height: 26px;
  cursor: e-resize;
  z-index: 1;
  border-radius: 6px;
  position: absolute;
}
.k-handle div {
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.k-leftHandle {
  left: -4px;
}
.k-rightHandle {
  right: -4px;
}
.k-leftHandle div {
  margin: -20px 0 0 -15px;
  padding: 40px 30px 0 0;
}
.k-leftHandle.k-handle-active div {
  margin-left: -40px;
  padding-right: 55px;
}
.k-rightHandle div {
  margin: -20px 0 0 -15px;
  padding: 40px 0 0 30px;
}
.k-rightHandle.k-handle-active div {
  padding-left: 55px;
}
.k-mask {
  position: absolute;
  height: 100%;
  background-color: #fff;
  filter: alpha(opacity=80);
  opacity: 0.80;
}
.k-border {
  background: #d2d2d2;
  width: 1px;
  height: 100%;
  position: absolute;
}
/* Navigator hint */
.k-navigator-hint div {
  position: absolute;
}
.k-navigator-hint .k-scroll {
  position: absolute;
  height: 4px;
  border-radius: 4px;
  background: #d2d2d2;
}
.k-navigator-hint .k-tooltip {
  margin-top: 20px;
  min-width: 160px;
  opacity: 1;
  text-align: center;
  border: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  background: #fff;
}
/* Sparklines */
.k-sparkline,
.k-sparkline span {
  display: inline-block;
  vertical-align: top;
}
.k-sparkline span {
  height: 100%;
  width: 100%;
}
/* Map */
.k-map,
.k-diagram {
  height: 600px;
}
.k-map .km-scroll-wrapper,
.k-diagram .km-scroll-wrapper {
  padding-bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.k-map .km-scroll-wrapper,
.k-diagram .km-scroll-wrapper,
.k-map .km-scroll-container,
.k-diagram .km-scroll-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.k-map .k-layer,
.k-diagram .k-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.k-map .km-touch-scrollbar,
.k-diagram .km-touch-scrollbar {
  display: none;
}
.k-map .k-marker {
  position: absolute;
  width: 28px;
  height: 40px;
  margin: -40px 0 0 -14px;
  cursor: pointer;
}
.k-map .k-marker-pin {
  background-position: 0px 40px;
}
.k-map .k-marker-pin-target {
  background-position: 0px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .k-map .k-marker {
    width: 56px;
    height: 80px;
    margin: -80px 0 0 -28px;
  }
  .k-map .k-marker-pin {
    background-position: 0px 80px;
  }
}
/* Control positions */
.k-map .k-pos-top {
  top: 0;
}
.k-map .k-pos-bottom {
  bottom: 0;
}
.k-map .k-pos-left {
  left: 0;
}
.k-map .k-pos-right {
  right: 0;
}
.k-map-controls {
  position: absolute;
}
.k-map-controls.k-pos-left .k-widget:first-child {
  margin-right: 0;
}
.k-map-controls.k-pos-right .k-widget:first-child {
  margin-left: 0;
}
/* Map navigator */
.k-navigator {
  width: 50px;
  height: 50px;
  margin: 20px;
  border-radius: 80px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.k-pdf-export .k-navigator {
  display: none;
}
.k-navigator > button {
  border-color: transparent;
  background: none;
}
div.k-navigator > .k-button {
  margin: 0;
  padding: 0;
  line-height: 10px;
  border-radius: 16px;
  position: absolute;
  font-size: 1px;
  /*IE7*/
  line-height: 1px;
}
div.k-navigator .k-navigator-n {
  top: 2px;
  left: 50%;
  margin-left: -9px;
}
div.k-navigator .k-navigator-e {
  right: 2px;
  top: 50%;
  margin-top: -9px;
}
div.k-navigator .k-navigator-s {
  bottom: 2px;
  left: 50%;
  margin-left: -9px;
}
div.k-navigator .k-navigator-w {
  left: 2px;
  top: 50%;
  margin-top: -9px;
}
/* Attribution */
.k-map .k-attribution {
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 10px;
  padding: 2px 4px;
  z-index: 1000;
}
/* Zoom */
.k-zoom-control {
  margin: 14px;
  vertical-align: middle;
}
.k-pdf-export .k-zoom-control {
  display: none;
}
.k-button-wrap {
  border-radius: 4px;
  display: inline-block;
}
.k-button-wrap .k-button {
  position: relative;
  font: bold 17px/1.18 monospace;
}
.k-buttons-horizontal :first-child {
  border-radius: 4px 0 0 4px;
}
.k-buttons-horizontal :first-child + .k-zoom-in {
  border-radius: 0;
  margin-left: -1px;
}
.k-buttons-horizontal .k-zoom-out {
  border-radius: 0 4px 4px 0;
  margin-left: -1px;
}
.k-button-wrap .k-button:hover {
  z-index: 1;
}
.k-buttons-vertical .k-button {
  display: block;
}
.k-buttons-vertical :first-child {
  border-radius: 4px 4px 0 0;
}
.k-buttons-vertical .k-zoom-out {
  border-radius: 0 0 4px 4px;
  margin-top: -1px;
}
.k-zoom-text {
  margin: 0;
  width: 4.3em;
  vertical-align: top;
}
/* RTL */
.k-rtl .k-buttons-horizontal :first-child {
  border-radius: 0 4px 4px 0;
}
.k-rtl .k-buttons-horizontal :first-child + .k-zoom-in {
  border-radius: 0;
  margin-left: 0;
  margin-right: -1px;
}
.k-rtl .k-buttons-horizontal .k-zoom-out {
  border-radius: 4px 0 0 4px;
  margin-left: 0;
  margin-right: -1px;
}
/* Diagram */
.k-diagram {
  height: 600px;
}
.k-diagram .km-scroll-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.k-diagram .km-scroll-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.k-canvas-container {
  width: 100%;
  height: 100%;
}
/* IE8- */
.k-diagram img {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
/* TreeMap start */
.k-treemap {
  overflow: hidden;
  height: 400px;
}
.k-treemap-tile {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  position: absolute;
  margin: -1px 0 0 -1px;
  overflow: hidden;
}
.k-treemap-tile.k-leaf {
  padding: .6em;
}
.k-treemap-wrap.k-last > .k-treemap-tile {
  padding: .3em;
}
.k-treemap-tile.k-state-hover,
.k-treemap-tile.k-state-hover:hover {
  z-index: 2;
  background-image: none;
}
.k-treemap > .k-treemap-tile {
  position: relative;
  height: 100%;
}
.k-treemap-title {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 2.42em;
  height: 2.42em;
  padding: 0 .6em;
  white-space: nowrap;
}
.k-treemap-wrap .k-treemap-title {
  border-width: 0 0 1px;
  border-style: solid;
}
.k-treemap-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.k-treemap-title + .k-treemap-wrap {
  top: 2.42em;
}
.k-treemap-title-vertical {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-overflow: ellipsis;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2.42em;
  line-height: 2.42em;
  overflow: hidden;
  padding: .6em 0;
  white-space: nowrap;
}
.k-treemap-title-vertical > div {
  position: absolute;
  top: 0;
  right: 1.23em;
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.k-treemap-title-vertical + .k-treemap-wrap {
  left: 2.42em;
}
/* TreeMap end */
/* common mobile css */
.km-root,
.km-pane,
.km-pane-wrapper {
  width: 100%;
  height: 100%;
  -ms-touch-action: none;
  -ms-content-zooming: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
}
.km-pane-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}
.km-pane,
.km-shim {
  font-family: sans-serif;
}
.km-pane {
  overflow-x: hidden;
}
.km-view {
  top: 0;
  left: 0;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  vertical-align: top;
}
.k-ff .km-view,
.k-ff .km-pane {
  overflow: hidden;
}
.k-ff18 .km-view,
.k-ff18 .km-pane,
.k-ff19 .km-view,
.k-ff19 .km-pane,
.k-ff20 .km-view,
.k-ff20 .km-pane,
.k-ff21 .km-view,
.k-ff21 .km-pane {
  position: relative;
}
.k-ff .km-view {
  display: -moz-inline-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.km-content {
  min-height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  flex-align: stretch;
  display: block;
  width: auto;
  overflow: hidden;
  position: relative;
}
.km-actionsheet > li {
  list-style-type: none;
  padding: inherit 1em;
  line-height: 2em;
}
.km-actionsheet {
  padding: 0;
  margin: 0;
}
.km-shim {
  left: 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10001;
}
.km-shim .k-animation-container,
.km-actionsheet-wrapper {
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
}
.km-shim .k-animation-container {
  width: auto;
}
/* /common mobile css */
.km-pane-wrapper .k-grid-edit-form > .km-header,
.km-pane-wrapper .k-grid-column-menu > .km-header,
.km-pane-wrapper .k-grid-filter-menu > .km-header,
.km-pane-wrapper .k-scheduler-edit-form > .km-header {
  border-style: solid;
  border-width: 1px;
  padding: .3em .6em;
  text-align: center;
  width: auto;
  line-height: 2em;
}
.k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-toolbar,
.k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-footer {
  line-height: 2em;
}
.km-pane-wrapper .k-grid-edit-form .k-multiselect,
.km-pane-wrapper .k-scheduler-edit-form .k-multiselect {
  width: 15em;
}
.km-pane-wrapper .k-grid-edit-form .k-dropdown-wrap,
.km-pane-wrapper .k-scheduler-edit-form .k-dropdown-wrap {
  display: block;
}
.km-pane-wrapper .k-grid-column-menu .k-done,
.km-pane-wrapper .k-grid-filter-menu .k-submit,
.km-pane-wrapper .k-grid-edit-form .k-grid-update,
.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-update {
  float: right;
}
.km-pane-wrapper .k-grid-filter-menu .k-cancel,
.km-pane-wrapper .k-grid-filter-menu .k-i-cancel,
.km-pane-wrapper .k-grid-edit-form .k-grid-cancel,
.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-cancel {
  float: left;
}
/* Actiosheet Styles */
.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-delete,
*:not(.km-pane) > .km-shim .km-actionsheet .k-button {
  display: block;
  text-align: center;
}
*:not(.km-pane) > .km-shim .km-actionsheet .k-button {
  font-size: 1.4em;
  margin: .3em 1em;
}
*:not(.km-pane) > .km-shim .km-actionsheet-title {
  text-align: center;
  line-height: 3em;
  margin-bottom: -0.3em;
}
*:not(.km-pane) > .km-shim > .k-animation-container {
  margin: 0 !important;
  padding: 0 !important;
  left: 0 !important;
}
/* Adaptive Grid */
.km-pane-wrapper > div.km-pane {
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: normal;
}
.km-pane-wrapper .k-popup-edit-form .km-content > .km-scroll-container,
.km-pane-wrapper .k-grid-edit-form .km-content > .km-scroll-container,
.km-pane-wrapper .k-grid-column-menu .km-content > .km-scroll-container,
.km-pane-wrapper .k-grid-filter-menu .km-content > .km-scroll-container {
  position: absolute;
  width: 100%;
  min-height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.km-pane-wrapper .k-mobile-list .k-edit-field {
  width: 74%;
}
.km-pane-wrapper .k-grid-edit-form .k-popup-edit-form,
.km-pane-wrapper .k-grid-edit-form .k-edit-form-container {
  width: auto;
}
.km-pane-wrapper .k-filter-menu .k-button {
  width: 100%;
  margin: 0;
}
.k-grid-mobile {
  border-width: 0;
}
.k-grid-mobile .k-resize-handle-inner {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: -7px;
  width: 17px;
  height: 17px;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px;
}
.k-grid-mobile .k-resize-handle-inner:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 1px;
  width: 6px;
  height: 6px;
  background-position: -5px -53px;
}
.k-grid-mobile .k-resize-handle-inner:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 1px;
  width: 6px;
  height: 6px;
  background-position: -5px -21px;
}
/* Adaptive Grid & Scheduler */
.km-pane-wrapper .km-pane * {
  -webkit-background-clip: border-box;
          background-clip: border-box;
}
.km-pane-wrapper .km-pane .k-mobile-list,
.km-pane-wrapper .k-mobile-list ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  border-radius: 0;
  background: none;
}
.km-pane-wrapper .km-switch {
  top: 50%;
  right: .8rem;
  position: absolute;
  margin-top: -1.1rem;
}
.km-pane-wrapper .k-mobile-list .k-state-disabled {
  opacity: 1;
}
.km-pane-wrapper .k-mobile-list .k-state-disabled > * {
  opacity: .7;
}
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-item > .k-link,
.km-pane-wrapper .k-mobile-list .k-item > .k-label,
.km-pane-wrapper .k-mobile-list .k-edit-label {
  display: block;
  position: relative;
  list-style-type: none;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: .5em 0 .5em 1em;
  font-size: 1em;
}
.km-pane-wrapper .k-edit-form-container,
.km-pane-wrapper .k-scheduler-edit-form .km-scroll-container {
  padding-top: 1em;
  width: 100%;
}
.km-pane-wrapper .k-mobile-list .k-edit-label {
  position: absolute;
  margin: 0;
  float: none;
  clear: none;
  width: 100%;
}
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-edit-label label {
  display: block;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: .1em 0;
  margin: 0;
}
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-edit-label {
  font-size: 1em;
  line-height: 1.6em;
  overflow: hidden;
}
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-edit-label {
  width: 100%;
  float: none;
  clear: none;
  min-height: 2.7em;
}
.km-pane-wrapper .km-header .k-icon,
.km-pane-wrapper .k-grid-toolbar .k-icon,
.km-pane-wrapper .k-grid-edit .k-icon,
.km-pane-wrapper .k-grid-delete .k-icon {
  display: none;
}
.km-pane-wrapper .k-mobile-list .k-edit-field {
  padding: .5em 0;
}
.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar {
  padding: .3em 0;
}
.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li {
  line-height: 2em;
}
.km-pane-wrapper .k-mobile-list .k-item > * {
  line-height: normal;
}
.km-pane-wrapper .k-mobile-list .k-edit-buttons,
.km-pane-wrapper .k-mobile-list .k-button-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: .5em 1em;
  margin: 0;
}
.km-pane-wrapper .k-mobile-list > ul > li > .k-link,
.km-pane-wrapper .k-mobile-list .k-filter-help-text > li > .k-link,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
  display: block;
  padding: .2em 1em;
  font-size: .95em;
  position: -webkit-sticky;
  margin: 0;
  font-weight: normal;
  line-height: 2em;
  background: transparent;
  border-top: 1em solid transparent;
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
  position: relative;
}
.km-pane-wrapper .k-mobile-list .k-item:first-child {
  border-top: 0;
}
.km-pane-wrapper .k-mobile-list .k-item:last-child {
  border-bottom: 0;
}
.km-pane-wrapper .k-mobile-list .k-item > .k-link,
.km-pane-wrapper .k-mobile-list .k-item > .k-label {
  line-height: inherit;
  text-decoration: none;
  margin: -0.5em 0 -0.5em -1em;
}
/* Mobile list form elements */
.k-check[type=checkbox],
.k-check[type=radio],
.k-mobile-list .k-edit-field [type=checkbox],
.k-mobile-list .k-edit-field [type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
}
.km-pane-wrapper .k-mobile-list .k-link .k-check,
.km-pane-wrapper .k-mobile-list .k-label .k-check,
.k-mobile-list .k-edit-field [type=checkbox],
.k-mobile-list .k-edit-field [type=radio] {
  border: 0;
  font-size: inherit;
  width: 13px;
  height: 13px;
  margin: .26em 1em .26em 0;
}
.k-ie .km-pane-wrapper .k-icon,
.k-ie .km-pane-wrapper .k-mobile-list .k-link .k-check,
.k-ie .km-pane-wrapper .k-mobile-list .k-label .k-check,
.k-ie .k-mobile-list .k-edit-field [type=checkbox],
.k-ie .k-mobile-list .k-edit-field [type=radio] {
  font-size: inherit;
  text-indent: -9999px;
  width: 1.01em;
  height: 1em;
}
.km-pane-wrapper .k-column-menu .k-label .k-check {
  height: 16px;
  width: 16px;
}
.km-pane-wrapper .km-pane .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
.km-pane-wrapper .km-pane .k-mobile-list textarea,
.km-pane-wrapper .k-mobile-list .k-widget,
.km-pane-wrapper .k-edit-field > *:not([type="checkbox"]):not([type="radio"]):not(.k-button) {
  text-indent: 0;
  font-size: 1em;
  line-height: 1.6em;
  vertical-align: middle;
  height: auto;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
.km-pane-wrapper .k-mobile-list .k-widget {
  border: 0;
  border-radius: 0;
}
.k-ie .km-pane-wrapper .k-mobile-list .k-widget {
  height: initial;
}
.km-pane-wrapper .k-mobile-list .k-widget .k-input,
.km-pane-wrapper .k-mobile-list .k-widget .k-state-default {
  border: 0;
  background: transparent;
}
.km-pane-wrapper *:not(.k-state-default):not(.k-pager-input) > input:not([type="checkbox"]):not([type="radio"]),
.km-pane-wrapper .k-mobile-list select:not([multiple]),
.km-pane-wrapper .k-mobile-list textarea,
.km-pane-wrapper .k-mobile-list .k-widget,
.km-pane-wrapper .k-edit-field > *:not([type="checkbox"]):not([type="radio"]):not(.k-button) {
  width: 80%;
  padding: .6em 0;
  margin: -0.5em 0;
}
.km-pane-wrapper .km-pane .k-mobile-list input,
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
.km-pane-wrapper .km-pane .k-mobile-list textarea,
.km-pane-wrapper .k-mobile-list .k-widget,
.km-pane-wrapper .k-mobile-list .k-edit-field > * {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  float: right;
  z-index: 1;
  position: relative;
}
.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
  padding: 10px;
  border-radius: 0;
}
.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
  float: none;
  width: 100%;
  padding: 1px 0;
  margin: 0;
  border-radius: 3px;
  text-indent: 30px;
  border-width: 1px;
  border-style: solid;
}
.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-font-icon {
  position: absolute;
  left: 20px;
  z-index: 1;
}
.km-pane-wrapper .k-scheduler-views {
  width: 18em;
}
.km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: .5em 1em;
}
.km-pane-wrapper #recurrence .k-scheduler-navigation {
  width: 100%;
}
.km-pane-wrapper .k-scheduler-views,
.km-pane-wrapper .k-mobile-list .k-scheduler-navigation {
  display: table;
  table-layout: fixed;
}
.km-pane-wrapper .k-scheduler-views li,
.km-pane-wrapper .k-mobile-list .k-scheduler-navigation li {
  display: table-cell;
  text-align: center;
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
  margin: 0;
  padding-left: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
  margin-top: -0.5em;
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:last-child {
  margin-bottom: -0.5em;
}
.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
  text-indent: 1em;
}
.km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
  margin-left: 20%;
  float: left;
}
.km-pane-wrapper .k-mobile-list .k-picker-wrap,
.km-pane-wrapper .k-mobile-list .k-numeric-wrap,
.km-pane-wrapper .k-mobile-list .k-dropdown-wrap {
  position: static;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.km-pane-wrapper .k-mobile-list .k-datepicker .k-select,
.km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select,
.km-pane-wrapper .k-mobile-list .k-numerictextbox .k-select {
  position: absolute;
  top: 0;
  right: 0;
  line-height: normal;
}
.km-pane-wrapper .k-mobile-list .k-datepicker .k-select:before,
.km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select:before {
  content: "\a0";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.km-pane-wrapper .k-mobile-list .k-numerictextbox .k-link {
  height: 50%;
}
.km-pane-wrapper .k-grid .k-button,
.km-pane-wrapper .k-edit-form-container .k-button {
  margin: 0;
}
.km-pane-wrapper .k-grid .k-button + .k-button,
.km-pane-wrapper .k-edit-form-container .k-button + .k-button {
  margin: 0 0 0 .18em;
}
.km-pane-wrapper .k-pager-numbers .k-link,
.km-pane-wrapper .k-pager-numbers .k-state-selected,
.km-pane-wrapper .k-pager-wrap > .k-link {
  width: 2.4em;
  height: 2.4em;
  line-height: 2.1em;
  border-radius: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.km-pane-wrapper .k-pager-numbers .k-link,
.km-pane-wrapper .k-pager-numbers .k-state-selected {
  width: auto;
  line-height: 2.2em;
  padding: 0 .86em;
  min-width: .7em;
}
.km-pane-wrapper .k-pager-wrap {
  line-height: 2.4em;
}
@media all and (max-width: 1024px) {
  .km-pane-wrapper .k-pager-nav + .k-pager-nav ~ .k-pager-nav {
    position: absolute;
    right: .3em;
    top: .3em;
  }
  .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav,
  .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav {
    right: 3em;
  }
  .km-pane-wrapper .k-pager-info,
  .km-pane-wrapper .k-pager-refresh {
    display: none;
  }
}
@media all and (max-width: 699px), (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width: 800px) {
  .km-pane-wrapper *:not(.k-state-default):not(.k-pager-input) > input:not([type="checkbox"]):not([type="radio"]),
  .km-pane-wrapper .k-mobile-list select:not([multiple]),
  .km-pane-wrapper .k-mobile-list textarea,
  .km-pane-wrapper .k-mobile-list .k-widget,
  .km-pane-wrapper .k-edit-field > *:not([type="checkbox"]):not([type="radio"]):not(.k-button) {
    width: 50%;
  }
  .km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
    margin-left: 50%;
  }
  .km-pane-wrapper .k-mobile-list .k-edit-field > .k-timezone-button {
    margin-left: 1em;
  }
  .km-pane-wrapper .k-nav-today a {
    padding-left: .6em;
    padding-right: .6em;
  }
  .km-pane-wrapper li.k-nav-current {
    margin-left: 0;
    margin-right: 0;
  }
  .km-pane-wrapper .k-pager-wrap {
    position: relative;
  }
  .km-pane-wrapper .k-pager-numbers {
    width: auto;
    display: block;
    overflow: hidden;
    margin-right: 5.5em;
    float: none;
    text-overflow: ellipsis;
    height: 2.4em;
    text-align: center;
  }
  .km-pane-wrapper .k-pager-numbers li {
    float: none;
    display: inline-block;
  }
  .km-pane-wrapper .k-pager-nav {
    float: left;
  }
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check,
.km-pane-wrapper .k-mobile-list .k-edit-field > * > select:not([multiple]),
.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
  width: 100%;
}
/* Mobile Scroller */
.km-scroll-container {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-margin-collapse: separate;
  -webkit-transform: translatez(0);
}
.k-widget .km-scroll-wrapper {
  position: relative;
  padding-bottom: 0;
}
.km-touch-scrollbar {
  position: absolute;
  visibility: hidden;
  z-index: 200000;
  height: .3em;
  width: .3em;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
          transition: opacity 0.3s linear;
  -webkit-transition: "opacity 0.3s linear";
          transition: "opacity 0.3s linear";
}
.km-vertical-scrollbar {
  height: 100%;
  right: 2px;
  top: 2px;
}
.km-horizontal-scrollbar {
  width: 100%;
  left: 2px;
  bottom: 2px;
}
/* Responsive styles  */
@media only screen and (max-width: 1024px) {
  .k-scheduler-toolbar > ul.k-scheduler-views {
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 10000;
  }
  .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
    right: auto;
    left: 6px;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
    display: none;
  }
  .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
    display: none;
  }
  .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
    display: inline;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    display: block;
    border-width: 1px;
  }
  .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    text-align: left;
    padding-left: 1em;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
    display: block;
    position: relative;
    padding-right: 2.5em;
    padding-left: 1em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
    padding-left: 0;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -0.6em;
    right: 0.333em;
    width: 1.333em;
    height: 1.333em;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
    display: block;
    border: 0;
    border-radius: 0;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    border: 1px solid #c5c5c5;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  }
  .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    text-align: left;
  }
}
/* animation classes */
.k-fx-end .k-fx-next,
.k-fx-end .k-fx-current {
  -webkit-transition: all 350ms ease-out;
          transition: all 350ms ease-out;
}
.k-fx {
  position: relative;
}
.k-fx .k-fx-current {
  z-index: 0;
}
.k-fx .k-fx-next {
  z-index: 1;
}
.k-fx-hidden,
.k-fx-hidden * {
  visibility: hidden !important;
}
.k-fx-reverse .k-fx-current {
  z-index: 1;
}
.k-fx-reverse .k-fx-next {
  z-index: 0;
}
/* Zoom */
.k-fx-zoom.k-fx-start .k-fx-next {
  -webkit-transform: scale(0) !important;
      -ms-transform: scale(0) !important;
          transform: scale(0) !important;
}
.k-fx-zoom.k-fx-end .k-fx-next {
  -webkit-transform: scale(1) !important;
      -ms-transform: scale(1) !important;
          transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next,
.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next {
  -webkit-transform: scale(1) !important;
      -ms-transform: scale(1) !important;
          transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
  -webkit-transform: scale(1) !important;
      -ms-transform: scale(1) !important;
          transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: scale(0) !important;
      -ms-transform: scale(0) !important;
          transform: scale(0) !important;
}
/* Fade */
.k-fx-fade.k-fx-start .k-fx-next {
  will-change: opacity;
  opacity: 0;
}
.k-fx-fade.k-fx-end .k-fx-next {
  opacity: 1;
}
.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: opacity;
  opacity: 1;
}
.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
  opacity: 0;
}
/* Slide */
.k-fx-slide {
  /* left */
  /* left reverse */
  /* right */
}
.k-fx-slide.k-fx-end .k-fx-next .km-content,
.k-fx-slide.k-fx-end .k-fx-next .km-header,
.k-fx-slide.k-fx-end .k-fx-next .km-footer,
.k-fx-slide.k-fx-end .k-fx-current .km-content,
.k-fx-slide.k-fx-end .k-fx-current .km-header,
.k-fx-slide.k-fx-end .k-fx-current .km-footer {
  -webkit-transition: all 350ms ease-out;
          transition: all 350ms ease-out;
}
.k-fx-slide.k-fx-start .k-fx-next .km-content {
  will-change: transform;
  -webkit-transform: translatex(100%);
      -ms-transform: translatex(100%);
          transform: translatex(100%);
}
.k-fx-slide.k-fx-start .k-fx-next .km-header,
.k-fx-slide.k-fx-start .k-fx-next .km-footer {
  will-change: opacity;
  opacity: 0;
}
.k-fx-slide.k-fx-end .k-fx-current .km-content {
  -webkit-transform: translatex(-100%);
      -ms-transform: translatex(-100%);
          transform: translatex(-100%);
}
.k-fx-slide.k-fx-end .k-fx-next .km-header,
.k-fx-slide.k-fx-end .k-fx-next .km-footer {
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
  will-change: transform;
  -webkit-transform: translatex(0);
      -ms-transform: translatex(0);
          transform: translatex(0);
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
  -webkit-transform: translatex(100%);
      -ms-transform: translatex(100%);
          transform: translatex(100%);
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
  -webkit-transform: translatex(-100%);
      -ms-transform: translatex(-100%);
          transform: translatex(-100%);
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
  -webkit-transform: translatex(0);
      -ms-transform: translatex(0);
          transform: translatex(0);
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header,
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer {
  will-change: opacity;
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header,
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer {
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header,
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer {
  opacity: 0;
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header,
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer {
  opacity: 1;
}
.k-fx-slide.k-fx-right {
  /* right reverse */
}
.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
  -webkit-transform: translatex(-100%);
      -ms-transform: translatex(-100%);
          transform: translatex(-100%);
}
.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
  -webkit-transform: translatex(100%);
      -ms-transform: translatex(100%);
          transform: translatex(100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
  -webkit-transform: translatex(0);
      -ms-transform: translatex(0);
          transform: translatex(0);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
  -webkit-transform: translatex(-100%);
      -ms-transform: translatex(-100%);
          transform: translatex(-100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
  -webkit-transform: translatex(100%);
      -ms-transform: translatex(100%);
          transform: translatex(100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
  -webkit-transform: translatex(0%);
      -ms-transform: translatex(0%);
          transform: translatex(0%);
}
/* Tile */
.k-fx-tile {
  /* left */
  /* left reverse */
  /* right */
}
.k-fx-tile.k-fx-start .k-fx-next {
  will-change: transform;
  -webkit-transform: translatex(100%);
      -ms-transform: translatex(100%);
          transform: translatex(100%);
}
.k-fx-tile.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
      -ms-transform: translatex(-100%);
          transform: translatex(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  -webkit-transform: translatex(0);
      -ms-transform: translatex(0);
          transform: translatex(0);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
      -ms-transform: translatex(100%);
          transform: translatex(100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
      -ms-transform: translatex(-100%);
          transform: translatex(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
  -webkit-transform: translatex(0);
      -ms-transform: translatex(0);
          transform: translatex(0);
}
.k-fx-tile.k-fx-right {
  /* right reverse */
}
.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
      -ms-transform: translatex(-100%);
          transform: translatex(-100%);
}
.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
      -ms-transform: translatex(100%);
          transform: translatex(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
  -webkit-transform: translatex(0);
      -ms-transform: translatex(0);
          transform: translatex(0);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
      -ms-transform: translatex(-100%);
          transform: translatex(-100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: translatex(100%);
      -ms-transform: translatex(100%);
          transform: translatex(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
  -webkit-transform: translatex(0%);
      -ms-transform: translatex(0%);
          transform: translatex(0%);
}
/* Tile */
.k-fx-tile {
  /* left */
  /* left reverse */
  /* right */
}
.k-fx-tile.k-fx-start .k-fx-next {
  will-change: transform;
  -webkit-transform: translatex(100%);
      -ms-transform: translatex(100%);
          transform: translatex(100%);
}
.k-fx-tile.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
      -ms-transform: translatex(-100%);
          transform: translatex(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  -webkit-transform: translatex(0);
      -ms-transform: translatex(0);
          transform: translatex(0);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
      -ms-transform: translatex(100%);
          transform: translatex(100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
      -ms-transform: translatex(-100%);
          transform: translatex(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
  -webkit-transform: translatex(0);
      -ms-transform: translatex(0);
          transform: translatex(0);
}
.k-fx-tile.k-fx-right {
  /* right reverse */
}
.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
      -ms-transform: translatex(-100%);
          transform: translatex(-100%);
}
.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
      -ms-transform: translatex(100%);
          transform: translatex(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
  -webkit-transform: translatex(0);
      -ms-transform: translatex(0);
          transform: translatex(0);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
      -ms-transform: translatex(-100%);
          transform: translatex(-100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: translatex(100%);
      -ms-transform: translatex(100%);
          transform: translatex(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
  -webkit-transform: translatex(0%);
      -ms-transform: translatex(0%);
          transform: translatex(0%);
}
/* Overlay */
.k-fx.k-fx-overlay.k-fx-start .k-fx-next,
.k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next {
  will-change: transform;
  -webkit-transform: translatex(100%);
      -ms-transform: translatex(100%);
          transform: translatex(100%);
}
.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
      -ms-transform: translatex(-100%);
          transform: translatex(-100%);
}
.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
  -webkit-transform: translatey(100%);
      -ms-transform: translatey(100%);
          transform: translatey(100%);
}
.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
  -webkit-transform: translatey(-100%);
      -ms-transform: translatey(-100%);
          transform: translatey(-100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current,
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
      -ms-transform: translatex(100%);
          transform: translatex(100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
      -ms-transform: translatex(-100%);
          transform: translatex(-100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
  -webkit-transform: translatey(100%);
      -ms-transform: translatey(100%);
          transform: translatey(100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
  -webkit-transform: translatey(-100%);
      -ms-transform: translatey(-100%);
          transform: translatey(-100%);
}
/* Virtual List */
.k-virtual-wrap {
  position: relative;
}
.k-virtual-wrap .k-list.k-virtual-list {
  height: auto;
}
.k-virtual-content {
  overflow-y: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.k-virtual-list > .k-virtual-content {
  position: absolute;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.k-virtual-option-label {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.k-virtual-wrap > .k-virtual-header {
  text-align: right;
}
.k-popup .k-item.k-first {
  position: relative;
}
.k-virtual-content > .k-virtual-list > .k-virtual-item {
  position: absolute;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
}
.k-popup .k-list .k-item > .k-group,
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
  text-transform: uppercase;
  font-size: .857em;
}
.k-popup .k-list .k-item > .k-group {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 .5em;
  line-height: 1.8;
}
.k-popup .k-state-hover > .k-group {
  right: -1px;
}
.k-virtual-item.k-first,
.k-group-header + .k-list > .k-item.k-first,
.k-static-header + .k-list > .k-item.k-first {
  border-top-style: solid;
  border-top-width: 1px;
  padding-top: 0;
}
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
  text-align: right;
}
@font-face {
  font-family: 'KendoUIGlyphs';
  src: url('fonts/glyphs/KendoUIGlyphs.eot?wi2r8m');
  src: url('fonts/glyphs/KendoUIGlyphs.eot?wi2r8m?#iefix') format('embedded-opentype'), url('fonts/glyphs/KendoUIGlyphs.ttf?wi2r8m') format('truetype'), url('fonts/glyphs/KendoUIGlyphs.woff?wi2r8m') format('woff'), url('fonts/glyphs/KendoUIGlyphs.svg?wi2r8m#KendoUIGlyphs') format('svg');
  font-weight: normal;
  font-style: normal;
}
.k-i-arrow-n:before {
  content: "\e600";
}
.k-i-arrow-e:before {
  content: "\e601";
}
.k-i-arrow-s:before {
  content: "\e602";
}
.k-i-arrow-w:before {
  content: "\e603";
}
.k-i-seek-n:before {
  content: "\e604";
}
.k-i-seek-e:before {
  content: "\e605";
}
.k-i-seek-s:before {
  content: "\e606";
}
.k-i-seek-w:before {
  content: "\e607";
}
.k-i-sarrow-n:before {
  content: "\e608";
}
.k-i-sarrow-e:before {
  content: "\e609";
}
.k-i-sarrow-s:before {
  content: "\e60a";
}
.k-i-sarrow-w:before {
  content: "\e60b";
}
.k-i-expand-n:before {
  content: "\e60c";
}
.k-i-expand-e:before {
  content: "\e60d";
}
.k-i-expand-s:before {
  content: "\e60e";
}
.k-i-expand-w:before {
  content: "\e60f";
}
.k-i-collapse-ne:before {
  content: "\e610";
}
.k-i-collapse-se:before {
  content: "\e611";
}
.k-i-collapse-sw:before {
  content: "\e612";
}
.k-i-collapse-nw:before {
  content: "\e613";
}
.k-i-resize-ne:before {
  content: "\e614";
}
.k-i-resize-se:before {
  content: "\e615";
}
.k-i-resize-sw:before {
  content: "\e616";
}
.k-i-resize-nw:before {
  content: "\e617";
}
.k-i-arrowhead-n:before {
  content: "\e618";
}
.k-i-arrowhead-e:before {
  content: "\e619";
}
.k-i-arrowhead-s:before {
  content: "\e61a";
}
.k-i-arrowhead-w:before {
  content: "\e61b";
}
.k-i-pencil:before {
  content: "\e61c";
}
.k-i-x:before {
  content: "\e61d";
}
.k-i-checkmark:before {
  content: "\e61e";
}
.k-i-deny:before {
  content: "\e61f";
}
.k-i-trash:before {
  content: "\e620";
}
.k-i-plus:before {
  content: "\e621";
}
.k-i-splus:before {
  content: "\e622";
}
.k-i-minus:before {
  content: "\e623";
}
.k-i-sminus:before {
  content: "\e624";
}
.k-i-filter:before {
  content: "\e625";
}
.k-i-filter-clear:before {
  content: "\e626";
}
.k-i-refresh:before {
  content: "\e627";
}
.k-i-refresh-clear:before {
  content: "\e628";
}
.k-i-restore:before {
  content: "\e629";
}
.k-i-maximize:before {
  content: "\e62a";
}
.k-i-minimize:before {
  content: "\e62b";
}
.k-i-pin:before {
  content: "\e62c";
}
.k-i-unpin:before {
  content: "\e62d";
}
.k-i-calendar:before {
  content: "\e62e";
}
.k-i-clock:before {
  content: "\e62f";
}
.k-i-search:before {
  content: "\e630";
}
.k-i-zoom-in:before {
  content: "\e631";
}
.k-i-zoom-out:before {
  content: "\e632";
}
.k-i-print:before {
  content: "\e633";
}
.k-i-folder-add:before {
  content: "\e634";
}
.k-i-folder-up:before {
  content: "\e635";
}
.k-i-folder-open:before {
  content: "\e634";
}
.k-i-insert-image:before {
  content: "\e636";
}
.k-i-image:before {
  content: "\e637";
}
.k-i-insert-file:before {
  content: "\e638";
}
.k-i-file:before {
  content: "\e639";
}
.k-i-files:before {
  content: "\e63a";
}
.k-i-pdf:before {
  content: "\e63b";
}
.k-i-pdfa:before {
  content: "\e68d";
}
.k-i-xls:before {
  content: "\e63c";
}
.k-i-xlsa:before {
  content: "\e63d";
}
.k-i-lock:before {
  content: "\e63e";
}
.k-i-unlock:before {
  content: "\e63f";
}
.k-i-rows:before {
  content: "\e640";
}
.k-i-columns:before {
  content: "\e641";
}
.k-i-hamburger:before {
  content: "\e642";
}
.k-i-vbars:before {
  content: "\e643";
}
.k-i-hbars:before {
  content: "\e644";
}
.k-i-move:before {
  content: "\e645";
}
.k-i-group:before {
  content: "\e646";
}
.k-i-ungroup:before {
  content: "\e647";
}
.k-i-dimension:before {
  content: "\e648";
}
.k-i-connector:before {
  content: "\e649";
}
.k-i-kpi:before {
  content: "\e64a";
}
.k-i-undo:before {
  content: "\e64b";
}
.k-i-redo:before {
  content: "\e64c";
}
.k-i-undo-large:before {
  content: "\e64d";
}
.k-i-redo-large:before {
  content: "\e64e";
}
.k-i-rotate-ccw:before {
  content: "\e64f";
}
.k-i-rotate-cw:before {
  content: "\e650";
}
.k-i-cut:before {
  content: "\e651";
}
.k-i-copy:before {
  content: "\e652";
}
.k-i-paste:before {
  content: "\e653";
}
.k-i-bold:before {
  content: "\e654";
}
.k-i-italic:before {
  content: "\e655";
}
.k-i-underline:before {
  content: "\e656";
}
.k-i-strike-through:before {
  content: "\e657";
}
.k-i-text:before {
  content: "\e658";
}
.k-i-font-size:before {
  content: "\e68e";
}
.k-i-font-family:before {
  content: "\e68f";
}
.k-i-fx:before {
  content: "\e659";
}
.k-i-subscript:before {
  content: "\e65a";
}
.k-i-superscript:before {
  content: "\e65b";
}
.k-i-background:before {
  content: "\e65c";
}
.k-i-sum:before {
  content: "\e65d";
}
.k-i-increase-decimal:before {
  content: "\e65e";
}
.k-i-decrease-decimal:before {
  content: "\e65f";
}
.k-i-justify-left:before {
  content: "\e660";
}
.k-i-justify-center:before {
  content: "\e661";
}
.k-i-justify-right:before {
  content: "\e662";
}
.k-i-justify-full:before {
  content: "\e663";
}
.k-i-justify-clear:before {
  content: "\e664";
}
.k-i-align-top:before {
  content: "\e665";
}
.k-i-align-middle:before {
  content: "\e666";
}
.k-i-align-bottom:before {
  content: "\e667";
}
.k-i-indent:before {
  content: "\e668";
}
.k-i-outdent:before {
  content: "\e669";
}
.k-i-insert-n:before {
  content: "\e66a";
}
.k-i-insert-m:before {
  content: "\e66b";
}
.k-i-insert-s:before {
  content: "\e66c";
}
.k-i-insert-unordered-list:before {
  content: "\e66d";
}
.k-i-insert-ordered-list:before {
  content: "\e66e";
}
.k-i-sort-asc:before {
  content: "\e66f";
}
.k-i-sort-desc:before {
  content: "\e670";
}
.k-i-unsort:before {
  content: "\e671";
}
.k-i-hyperlink:before {
  content: "\e672";
}
.k-i-hyperlink-remove:before {
  content: "\e673";
}
.k-i-clearformat:before {
  content: "\e674";
}
.k-i-html:before {
  content: "\e675";
}
.k-i-exception:before {
  content: "\e676";
}
.k-i-custom:before {
  content: "\e677";
}
.k-i-cog:before {
  content: "\e678";
}
.k-i-create-table:before {
  content: "\e679";
}
.k-i-add-column-left:before {
  content: "\e67a";
}
.k-i-add-column-right:before {
  content: "\e67b";
}
.k-i-delete-column:before {
  content: "\e67c";
}
.k-i-add-row-above:before {
  content: "\e67d";
}
.k-i-add-row-below:before {
  content: "\e67e";
}
.k-i-delete-row:before {
  content: "\e67f";
}
.k-i-merge-cells:before {
  content: "\e680";
}
.k-i-normal-layout:before {
  content: "\e681";
}
.k-i-page-layout:before {
  content: "\e682";
}
.k-i-all-borders:before {
  content: "\e683";
}
.k-i-inside-borders:before {
  content: "\e684";
}
.k-i-inside-horizontal-borders:before {
  content: "\e685";
}
.k-i-inside-vertical-borders:before {
  content: "\e686";
}
.k-i-outside-borders:before {
  content: "\e687";
}
.k-i-top-border:before {
  content: "\e688";
}
.k-i-right-border:before {
  content: "\e689";
}
.k-i-bottom-border:before {
  content: "\e68a";
}
.k-i-left-border:before {
  content: "\e68b";
}
.k-i-no-borders:before {
  content: "\e68c";
}
.k-i-merge-horizontally:before {
  content: "\e690";
}
.k-i-merge-vertically:before {
  content: "\e691";
}
.k-i-text-wrap:before {
  content: "\e692";
}
.k-i-dollar:before {
  content: "\e693";
}
.k-i-percent:before {
  content: "\e694";
}
.k-i-freeze-col:before {
  content: "\e695";
}
.k-i-freeze-row:before {
  content: "\e696";
}
.k-i-freeze-panes:before {
  content: "\e697";
}
.k-i-format-number:before {
  content: "\e698";
}
.k-i-reset-color:before {
  content: "\e900";
}
.k-i-file-horizontal:before {
  content: "\e901";
}
.k-i-folder:before {
  content: "\e902";
}
.k-i-folder-open:before {
  content: "\e903";
}
.k-i-table-align-top-left:before {
  content: "\e904";
}
.k-i-table-align-top-center:before {
  content: "\e905";
}
.k-i-table-align-top-right:before {
  content: "\e906";
}
.k-i-table-align-middle-left:before {
  content: "\e907";
}
.k-i-table-align-middle-center:before {
  content: "\e908";
}
.k-i-table-align-middle-right:before {
  content: "\e909";
}
.k-i-table-align-bottom-left:before {
  content: "\e90a";
}
.k-i-table-align-bottom-center:before {
  content: "\e90b";
}
.k-i-table-align-bottom-right:before {
  content: "\e90c";
}
.k-i-table-align-remove:before {
  content: "\e90d";
}
.k-i-fullscreen-enter:before {
  content: "\e90e";
}
.k-i-fullscreen-exit:before {
  content: "\e90f";
}
.k-i-volume-low:before {
  content: "\e910";
}
.k-i-volume-high:before {
  content: "\e911";
}
.k-i-volume-mute:before {
  content: "\e912";
}
.k-i-play:before {
  content: "\e913";
}
.k-i-pause:before {
  content: "\e914";
}
.k-i-stop:before {
  content: "\e915";
}
.k-i-HD:before {
  content: "\e916";
}
.k-i-subtitles:before {
  content: "\e917";
}
.k-i-playlist:before {
  content: "\e918";
}
.k-spreadsheet {
  width: 800px;
  height: 600px;
  position: relative;
  border-width: 1px;
  border-style: solid;
  cursor: default;
}
.k-spreadsheet .k-spreadsheet-pane {
  padding-right: 1px;
  position: absolute;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.k-spreadsheet .k-spreadsheet-pane.k-top {
  border-top-width: 0;
}
.k-spreadsheet .k-spreadsheet-pane.k-left {
  border-left-width: 0;
}
.k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell {
  position: absolute;
  white-space: pre;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  padding: 1px;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
}
.k-spreadsheet .k-spreadsheet-vaxis,
.k-spreadsheet .k-spreadsheet-haxis {
  position: absolute;
  border-style: solid;
}
.k-spreadsheet .k-spreadsheet-vaxis {
  top: 0;
  border-width: 0 0 0 1px;
}
.k-spreadsheet .k-spreadsheet-haxis {
  left: 0;
  border-width: 1px 0 0;
}
.k-spreadsheet .k-filter-range,
.k-spreadsheet .k-spreadsheet-selection {
  border-width: 1px;
  border-style: solid;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.k-spreadsheet .k-spreadsheet-active-cell {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.k-spreadsheet .k-spreadsheet-action-bar {
  border-width: 0 0 1px;
  border-style: solid;
  position: relative;
  font-size: 12px;
  font-family: Arial, Verdana, sans-serif;
  display: table;
  width: 100%;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor,
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar {
  display: table-cell;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
  position: relative;
  vertical-align: top;
  border-width: 0 1px 0 0;
  border-style: solid;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox {
  width: 9.5em;
  border-radius: 0;
  border-color: transparent;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap {
  border-radius: 0;
  border-color: transparent;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-input {
  border-radius: 0;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-select {
  border-radius: 0;
  margin: -1px -1px -1px 0;
  padding: 1px 1px 1px 0;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar {
  width: 100%;
  padding-left: 31px;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before {
  background-image: none;
  font-family: 'KendoUIGlyphs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.3em;
  line-height: 1;
  opacity: 1;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e659";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-width: 0 1px 0 0;
  border-style: solid;
  width: 24px;
  margin-left: -24px;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-input {
  overflow: hidden;
}
.k-spreadsheet .k-spreadsheet-formula-input {
  outline: none;
  border-width: 0;
  height: 26px;
  line-height: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: pre;
  padding: 3px 0.5em 0;
}
.k-spreadsheet .k-spreadsheet-cell-editor {
  position: absolute;
  display: none;
  padding: 0 3px;
  line-height: 20px;
  z-index: 2000;
  overflow: hidden;
}
.k-spreadsheet > .k-spreadsheet-view {
  position: relative;
  font-size: 12px;
  font-family: Arial, Verdana, sans-serif;
}
.k-spreadsheet .k-tabstrip-wrapper {
  position: relative;
  line-height: 1.7em;
}
.k-spreadsheet .k-tabstrip-wrapper .k-tabstrip-items {
  padding: 0.3em 0 0;
}
.k-spreadsheet .k-spreadsheet-quick-access-toolbar {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  padding: 0.3em 0.3em 0;
}
.k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button {
  padding: .3em;
  line-height: 1.4em;
}
.k-spreadsheet .k-merged-cells-wrapper,
.k-spreadsheet .k-selection-wrapper,
.k-spreadsheet .k-filter-wrapper,
.k-spreadsheet .k-spreadsheet-row-header {
  position: relative;
}
.k-spreadsheet .k-spreadsheet-column-header {
  position: absolute;
}
.k-spreadsheet .k-spreadsheet-sheets-bar {
  border-width: 1px 0 0;
}
.k-spreadsheet .k-vertical-align-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.k-spreadsheet .k-vertical-align-bottom {
  position: relative;
  top: 100%;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.k-spreadsheet .k-dirty {
  position: absolute;
  top: 0;
  right: 0;
  margin: -2px 0 0 -7px;
  border-width: 4px;
  border-color: #f00 #f00 transparent transparent;
}
.k-spreadsheet .k-single-selection::after {
  content: " ";
  height: 6px;
  width: 6px;
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  margin-bottom: -5px;
  margin-right: -5px;
  border-width: 1px;
  border-style: solid;
  z-index: 100;
  cursor: crosshair;
}
.k-spreadsheet .k-spreadsheet-edit-container .k-single-selection::after {
  display: none;
}
.k-spreadsheet .k-auto-fill,
.k-spreadsheet .k-auto-fill-punch {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.k-spreadsheet .k-auto-fill {
  border-width: 1px;
  border-style: solid;
  cursor: crosshair;
}
.k-spreadsheet .k-auto-fill-wrapper {
  position: relative;
}
.k-spreadsheet-names-popup .k-item {
  position: relative;
}
.k-spreadsheet-names-popup .k-icon {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0.7;
  cursor: pointer;
}
.k-spreadsheet-names-popup .k-icon:hover {
  opacity: 1;
}
.k-horizontal-resize {
  cursor: col-resize;
}
.k-vertical-resize {
  cursor: row-resize;
}
.k-spreadsheet-data,
.k-merged-cells-wrapper,
.k-selection-wrapper,
.k-spreadsheet-active-cell {
  cursor: cell;
}
.k-horizontal-resize .k-spreadsheet-data,
.k-horizontal-resize .k-merged-cells-wrapper,
.k-horizontal-resize .k-selection-wrapper,
.k-horizontal-resize .k-spreadsheet-active-cell {
  cursor: col-resize;
}
.k-vertical-resize .k-spreadsheet-data,
.k-vertical-resize .k-merged-cells-wrapper,
.k-vertical-resize .k-selection-wrapper,
.k-vertical-resize .k-spreadsheet-active-cell {
  cursor: row-resize;
}
.k-font-icon,
.k-font-icon.k-icon,
.k-font-icon.k-tool-icon {
  font-family: 'KendoUIGlyphs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.3em;
  line-height: 1;
  opacity: 1;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: none;
  font-size: 16px;
}
.k-spreadsheet .k-colorpicker .k-tool-icon {
  overflow: visible;
}
.k-button.k-reset-color,
.k-button.k-custom-color {
  display: block;
  width: 100%;
  border-radius: 0;
  border: none;
  text-align: left;
  line-height: 2em;
}
.k-spreadsheet-colorpicker .k-colorpalette {
  border: 1px solid #dbdbdb;
  border-left: none;
  border-right: none;
  padding: 0.4em;
}
.k-spreadsheet-filter {
  position: absolute;
  cursor: pointer;
}
.k-spreadsheet-sample {
  float: right;
}
.k-spreadsheet-clipboard-paste,
.k-spreadsheet-clipboard {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0;
  width: 1px;
  height: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
textarea.k-spreadsheet-clipboard {
  position: fixed;
}
.k-spreadsheet-top-corner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  border-width: 0 1px 1px 0;
  border-style: solid;
}
.k-spreadsheet-top-corner:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-width: 6px;
  border-style: solid;
}
.k-spreadsheet-scroller {
  width: 100%;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  z-index: 1;
}
.k-spreadsheet-fixed-container {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.k-spreadsheet-view-size {
  position: relative;
}
.k-spreadsheet-column-header,
.k-spreadsheet-row-header {
  text-align: center;
}
.k-spreadsheet-column-header .k-spreadsheet-cell,
.k-spreadsheet-row-header .k-spreadsheet-cell {
  border-style: solid;
  border-width: 0 1px 1px 0;
}
div.k-spreadsheet-window {
  padding: 1.167em .75em .75em;
}
.k-spreadsheet-window .k-edit-form-container {
  width: 100%;
}
.k-spreadsheet-window .k-root-tabs {
  border-width: 0;
  margin: -1em -1em 0;
  padding: .5em 1em 0;
}
.k-spreadsheet-window .k-root-tabs .k-loading {
  display: none;
}
.k-spreadsheet-window .k-list-wrapper {
  padding: .15em 0;
  border-width: 1px;
  border-style: solid;
  height: 190px;
}
.k-spreadsheet-window .k-list .k-item {
  border-radius: 0;
  padding: .5em .6em .4em .6em;
  cursor: pointer;
  line-height: 1.1em;
}
.k-spreadsheet-window .k-format-filter {
  width: 100%;
}
.k-spreadsheet-window .k-format-filter + .k-group-header + .k-list-wrapper {
  margin-top: 1em;
}
.k-spreadsheet-window .k-action-buttons {
  padding: 1em;
}
.k-spreadsheet-window .k-edit-label {
  width: 27%;
  margin: 0 0 0 .75em;
}
.k-spreadsheet-window .k-edit-field {
  width: 67%;
  margin: 0 .917em 0 0;
}
.k-spreadsheet-window .k-edit-field > .k-radio-label {
  margin-right: 1.25em;
  vertical-align: baseline;
}
.k-spreadsheet-window .k-edit-field > .k-radio-label:before,
.k-spreadsheet-window .k-edit-field > .k-radio-label:after {
  margin-top: -1px;
}
.k-spreadsheet-window .k-edit-label,
.k-spreadsheet-window .k-edit-field {
  padding: 0;
  line-height: 3em;
}
.k-spreadsheet-window .k-edit-field .k-textbox,
.k-spreadsheet-window .k-edit-field .k-dropdown {
  width: 100%;
}
.k-spreadsheet-window .export-config {
  border-width: 1px 0 0;
  border-style: solid;
  padding: 1em;
  margin: 0 -1em;
}
.k-spreadsheet-window .export-config .k-edit-field {
  width: 40%;
  float: left;
  margin-left: 30px;
}
.k-spreadsheet-window .k-edit-field > input[type="radio"] {
  display: inline;
  opacity: 0;
  width: 0;
  margin: 0;
}
.k-spreadsheet-window .k-edit-field > .k-orientation-label {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-width: 1px;
  border-style: solid;
}
.k-spreadsheet-window .k-edit-field > .k-orientation-label:before {
  font-family: 'KendoUIGlyphs';
  font-size: 16px;
}
.k-spreadsheet-window .k-orientation-portrait-label:before {
  content: "\e639";
}
.k-spreadsheet-window .k-orientation-landscape-label:before {
  content: "\e901";
}
.k-spreadsheet-window .k-page-orientation {
  position: absolute;
  right: 4em;
  top: 22%;
  width: 64px;
  height: 92px;
  border-width: 1px;
  border-style: solid;
}
.k-spreadsheet-window .k-page-orientation:before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 3px;
  border-style: solid;
  margin-top: -1px;
  margin-right: -1px;
}
.k-spreadsheet-window .k-page-landscape {
  top: 26%;
  width: 92px;
  height: 64px;
}
.k-spreadsheet-window .k-margins-horizontal {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  height: 62px;
  border-width: 1px 0;
  border-style: solid;
}
.k-spreadsheet-window .k-margins-vertical {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 34px;
  height: 100%;
  border-width: 0 1px;
  border-style: solid;
}
.k-spreadsheet-window .k-page-landscape .k-margins-horizontal {
  height: 34px;
}
.k-spreadsheet-window .k-page-landscape .k-margins-vertical {
  width: 62px;
}
.k-spreadsheet-window .export-config:after,
.k-spreadsheet-window > div:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.k-spreadsheet-format-cells .k-spreadsheet-preview {
  font-weight: bold;
  text-align: center;
  font-size: 1.16em;
  line-height: 3.64em;
  margin: 0 -0.863em 0.72em;
  border-style: solid;
  border-width: 1px 0;
}
.k-spreadsheet-border-palette {
  width: 153px;
}
.k-spreadsheet-border-palette .k-spreadsheet-border-type-palette .k-button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20%;
}
.k-spreadsheet-border-palette .k-colorpalette {
  vertical-align: bottom;
}
.k-spreadsheet-popup .k-separator {
  width: 1px;
  height: 1.8em;
  vertical-align: middle;
  display: inline-block;
}
.k-spreadsheet-popup .k-colorpalette {
  vertical-align: top;
}
.k-spreadsheet-popup .k-button.k-button-icon {
  padding: 0.6em;
  border-width: 0;
  border-radius: 0;
}
.k-spreadsheet-popup .k-button.k-button-icontext {
  display: block;
  text-align: left;
  text-transform: initial;
  padding: 0.3em 1.5em 0.3em 0.9em;
  border-width: 0;
  border-radius: 0;
}
.k-spreadsheet-filter-menu {
  width: 280px;
}
.k-spreadsheet-filter-menu > .k-menu {
  border-width: 0;
}
.k-spreadsheet-filter-menu > .k-menu .k-link {
  padding-left: 26px;
}
.k-spreadsheet-filter-menu > .k-menu .k-icon.k-font-icon {
  margin-left: -26px;
  width: 26px;
}
.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
  height: 200px;
  overflow-y: scroll;
  overflow-x: auto;
  border-width: 1px;
  border-style: solid;
}
.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview {
  overflow: visible;
  padding: 6px 7px;
}
.k-spreadsheet-filter-menu .k-details {
  border-top-width: 1px;
  border-top-style: solid;
  padding: 4px 0;
}
.k-spreadsheet-filter-menu .k-details-summary {
  cursor: pointer;
  line-height: 26px;
}
.k-spreadsheet-filter-menu .k-details-summary .k-icon {
  margin: 0 5px;
}
.k-spreadsheet-filter-menu .k-details-content {
  padding: 0 8px 0 26px;
}
.k-spreadsheet-filter-menu .k-details-content > .k-textbox,
.k-spreadsheet-filter-menu .k-details-content > .k-widget {
  width: 100%;
  margin-bottom: 3px;
}
.k-spreadsheet-filter-menu .k-details-content .k-space-right {
  background-image: none;
}
.k-spreadsheet-filter-menu .k-details-content .k-filter-and {
  width: 75px;
  margin: 8px 0;
}
.k-spreadsheet-filter-menu .k-action-buttons {
  border-top-width: 0;
  margin: 8px;
  padding: 0;
  position: static;
}
.k-resize-handle,
.k-resize-hint {
  position: absolute;
}
.k-resize-hint-handle {
  width: 100%;
  height: 20px;
}
.k-resize-hint-marker {
  width: 2px;
  height: 100%;
  margin: 0 auto;
}
.k-resize-hint-vertical .k-resize-hint-handle {
  height: 100%;
  width: 20px;
  float: left;
}
.k-resize-hint-vertical .k-resize-hint-marker {
  height: 2px;
  width: 100%;
}
.k-spreadsheet-quick-access-toolbar .k-button,
.k-button.k-spreadsheet-sheets-bar-add {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
}
/* top TabStrip */
.k-spreadsheet-tabstrip {
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
}
.k-spreadsheet-tabstrip > .k-content {
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  margin: 0;
  padding: 0;
}
.k-spreadsheet-tabstrip .k-loading {
  display: none;
}
.k-spreadsheet-toolbar.k-toolbar {
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}
.k-spreadsheet-toolbar.k-toolbar .k-overflow-anchor + * {
  margin-left: 0.3em;
}
.k-spreadsheet-toolbar.k-toolbar > .k-button-group {
  border-width: 0;
}
.k-spreadsheet-toolbar > .k-widget,
.k-spreadsheet-toolbar .k-button,
.k-spreadsheet-toolbar > .k-button-group,
.k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) {
  margin: 0;
  border-color: transparent;
  background-color: transparent;
  background-image: none;
}
.k-spreadsheet-toolbar > .k-widget[data-property='fontSize'] {
  width: 75px;
}
.k-spreadsheet-toolbar > .k-widget[data-property='format'] {
  width: 100px;
}
.k-spreadsheet-toolbar > .k-widget[data-property='fontFamily'] {
  width: 130px;
}
.k-spreadsheet-toolbar > .k-combobox .k-state-default:not(.k-state-hover):not(.k-state-active) .k-input {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) .k-select {
  border-color: transparent;
}
.k-spreadsheet-toolbar .k-separator {
  margin: 0 3px;
  width: 0;
  overflow: hidden;
  height: 1.8em;
  vertical-align: middle;
  display: inline-block;
}
.k-spreadsheet-formula-input > .k-syntax-func.k-syntax-at-point,
.k-spreadsheet-formula-input > .k-syntax-bool.k-syntax-at-point,
.k-spreadsheet-formula-input > .k-syntax-ref.k-syntax-at-point,
.k-spreadsheet-formula-input > .k-syntax-str.k-syntax-at-point,
.k-spreadsheet-formula-input > .k-syntax-num.k-syntax-at-point {
  text-decoration: underline;
}
.k-spreadsheet-formula-input > .k-series-a,
.k-spreadsheet-formula-input > .k-series-b,
.k-spreadsheet-formula-input > .k-series-c,
.k-spreadsheet-formula-input > .k-series-d {
  background-color: transparent;
}
.k-spreadsheet-selection-highlight {
  border-width: 1px;
  border-style: solid;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.k-spreadsheet-formula-list {
  min-width: 100px;
}
.k-spreadsheet-formula-list .k-item {
  padding: 0 .3em;
  -webkit-box-shadow: none;
          box-shadow: none;
}
/* bottom TabStrip */
.k-spreadsheet-sheets-bar {
  position: relative;
}
.k-button.k-spreadsheet-sheets-bar-add {
  position: absolute;
  bottom: .2em;
  left: .4em;
  z-index: 1;
}
.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove {
  padding: 0;
  margin: 0.5em 0.5em 0.5em -0.5em;
}
.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-button-icon {
  padding: 2px;
  line-height: normal;
}
.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-icon {
  margin: 0;
}
.k-spreadsheet-sheets-items-hint {
  margin-top: .1em;
  background: none !important;
  border-width: 0 !important;
}
.k-spreadsheet-editor-button {
  position: absolute;
  width: 20px;
  z-index: 10;
  margin-left: 2px;
  padding: 0 !important;
}
.k-spreadsheet-editor-button span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.hint-wrapper {
  margin-top: 1em;
}
.hint-wrapper:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-left: -0.917em;
  padding-right: .917em;
  padding-left: .917em;
}
.k-edit-form-container > div:after {
  display: block;
  content: "";
  clear: both;
}
/* Dialog */
.k-dialog {
  min-width: 90px;
  min-height: 3em;
  max-width: 100%;
  max-height: 100%;
}
.k-dialog.k-window {
  position: fixed;
  padding-top: 0;
}
.k-dialog.k-dialog-centered {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.k-dialog .k-window-titlebar {
  position: static;
  margin: 0;
  padding: 0.6em 0.8em 1em 0.8em;
  width: auto;
}
.k-dialog .k-window-titlebar .k-dialog-title {
  margin: 0;
  padding: 0;
  width: auto;
  max-width: 98%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.2em;
  line-height: 1.2em;
}
.k-dialog .k-content {
  margin: 0;
  padding: 1.8em 1em 1.8em 1em;
}
.k-dialog.k-dialog-titleless .k-content {
  padding: 2.4em;
}
.k-dialog .k-dialog-buttongroup {
  margin: 0;
  padding: 0;
}
.k-dialog a.k-dialog-action.k-dialog-close {
  position: absolute;
  right: 0;
  cursor: pointer;
  z-index: 10000;
}
.k-dialog a.k-dialog-action.k-dialog-close .k-font-icon {
  background-image: none;
  font-family: 'KendoUIGlyphs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.3em;
  line-height: 1;
  opacity: 1;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.k-dialog.k-dialog-titleless a.k-dialog-action.k-dialog-close {
  right: .5em;
  top: 1em;
}
.k-dialog.k-alert .k-window-titlebar,
.k-dialog.k-confirm .k-window-titlebar,
.k-dialog.k-prompt .k-window-titlebar {
  background: none;
  border-bottom: none;
}
.k-dialog.k-alert .k-content,
.k-dialog.k-confirm .k-content {
  padding: 2.4em;
}
.k-dialog.k-prompt .k-content {
  padding: 1.2em 1.2em 0.6em 1.2em;
}
.k-dialog .k-prompt-container {
  width: auto;
  padding: 0.6em 1.2em 1.8em 1.2em;
}
.k-dialog .k-prompt-container .k-textbox {
  width: 100%;
}
/* Default fonts for PDF export */
/* sans-serif */
@font-face {
  font-family: "DejaVu Sans";
  src: url("fonts/DejaVu/DejaVuSans.ttf?v=1.1") format("truetype");
}
@font-face {
  font-family: "DejaVu Sans";
  font-weight: bold;
  src: url("fonts/DejaVu/DejaVuSans-Bold.ttf?v=1.1") format("truetype");
}
@font-face {
  font-family: "DejaVu Sans";
  font-style: italic;
  src: url("fonts/DejaVu/DejaVuSans-Oblique.ttf?v=1.1") format("truetype");
}
@font-face {
  font-family: "DejaVu Sans";
  font-weight: bold;
  font-style: italic;
  src: url("fonts/DejaVu/DejaVuSans-BoldOblique.ttf?v=1.1") format("truetype");
}
/* serif */
@font-face {
  font-family: "DejaVu Serif";
  src: url("fonts/DejaVu/DejaVuSerif.ttf?v=1.1") format("truetype");
}
@font-face {
  font-family: "DejaVu Serif";
  font-weight: bold;
  src: url("fonts/DejaVu/DejaVuSerif-Bold.ttf?v=1.1") format("truetype");
}
@font-face {
  font-family: "DejaVu Serif";
  font-style: italic;
  src: url("fonts/DejaVu/DejaVuSerif-Italic.ttf?v=1.1") format("truetype");
}
@font-face {
  font-family: "DejaVu Serif";
  font-weight: bold;
  font-style: italic;
  src: url("fonts/DejaVu/DejaVuSerif-BoldItalic.ttf?v=1.1") format("truetype");
}
/* monospace */
@font-face {
  font-family: "DejaVu Mono";
  src: url("fonts/DejaVu/DejaVuSansMono.ttf?v=1.1") format("truetype");
}
@font-face {
  font-family: "DejaVu Mono";
  font-weight: bold;
  src: url("fonts/DejaVu/DejaVuSansMono-Bold.ttf?v=1.1") format("truetype");
}
@font-face {
  font-family: "DejaVu Mono";
  font-style: italic;
  src: url("fonts/DejaVu/DejaVuSansMono-Oblique.ttf?v=1.1") format("truetype");
}
@font-face {
  font-family: "DejaVu Mono";
  font-weight: bold;
  font-style: italic;
  src: url("fonts/DejaVu/DejaVuSansMono-BoldOblique.ttf?v=1.1") format("truetype");
}
.kendo-pdf-hide-pseudo-elements:before,
.kendo-pdf-hide-pseudo-elements:after {
  display: none !important;
}

body{
    font-size: 14px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    body{
        font-size: 12px;
    }
}

li {
    padding: 5px 0;
    list-style: none;
}

p{
    font-size: 16px;
    line-height: 2em;
}

.newRow {
    clear: both;
    margin: 20px 0;
    padding: 0 50px;
}

.Section1 {
    float: left;
    position: relative;
    width: 8.3%;
}

.Section2 {
    float: left;
    position: relative;
    width: 16.6%;
}

.Section3 {
    float: left;
    position: relative;
    width: 24.9%;
}

.Section4 {
    float: left;
    position: relative;
    width: 33.3%;
}

.Section5 {
    float: left;
    position: relative;
    width: 41.6%;
}

.Section6 {
    float: left;
    position: relative;
    width: 50%;
}

.Section7 {
    float: left;
    position: relative;
    width: 58.3%;
}

.Section8 {
    float: left;
    position: relative;
    width: 66.6%;
}

.Section9 {
    float: left;
    position: relative;
    width: 74.9%;
}

.Section10 {
    float: left;
    position: relative;
    width: 83.3%;
}

.Section11 {
    float: left;
    position: relative;
    width: 91.6%;
}

.Section12 {
    float: left;
    position: relative;
    width: 100%;
}

.mainUserProfileSection{
    background-position-x:0px;
    background-position-y:0px;
    background-size: 100% auto;
    margin-bottom: 15px;
    outline: 2px solid #cccccc;
    outline-offset:5px;
}
    .mainUserProfileSection span{
        color: #ffffff;
        font-size: 2.5em;
        font-weight: bold;
        margin-top: -5px;
        text-shadow: 1px 1px 2px #000000;
        white-space: nowrap
    }

/*Added Elizabeth*/

#MenuLinks {
    position: fixed;
    bottom: 0;
    display: none;
    left: 0;
    border-top: 2px solid #a1a1a1;
    width: 100%;
    margin-bottom: 0px;
    background-color:#ffffff;
    z-index: 100;
}

#homeButtonMarketing{
	border: 1px solid #424142;
	border-radius: 8px;
	float: left;
	height: 20px;
	margin: 5px;
	padding: 3px 10px;
}
	#homeButtonMarketing:hover{
		border: 1px solid #ffffff;
	}

.divFocus {
    background: gray;
    height: auto;
    color: #ffffff;
    font-size: 2em;
    text-align: justify;
}

.contentInfo p {
    text-align: justify;
}

.DivHide {
    display:none;
    position:absolute;
   
}

.contentInfo {
 overflow: hidden; 
 padding-right: 20px; 
 position:relative; 
 /*width:100%;*/ 
 /*height:1200px;*/
 left:10px;
 margin-bottom: 20px;
 z-index:0;
 }

.DivInline {
    display:block;
    position:absolute;
}

div .initial {
    display:block;
    /*left:20px;*/
}

#container {
  border: thick;
  overflow: hidden;
  height:   1%;
}

.submenu ul {
	margin: 0px; padding: 0px;
}
.submenu li {
    font-size: 1.3em;
	list-style: none !important; margin: 0px; padding: 4px 0px 2px 10px; border-bottom-color: rgb(189, 188, 188); border-bottom-width: 1px; border-bottom-style: solid;
}

.submenu li{
	/*color: rgb(107, 107, 107); padding-left: 15px; font-size: 100%; font-weight: normal; text-decoration: none; display: block;*/
    cursor: pointer;
}

.imgPosition {
   text-align: center; 
   margin-top: 70px;
   margin-left:0px;
   margin-right:0px;
   overflow:hidden;
   width: 90%;
}
.imgPositionContactUs {
   text-align: center; 
   margin-top: 60px;
   margin-left:0px;
   margin-right:0px;
   overflow:hidden;
   width: 90%;
}
.imgPositionSubmenu {
   text-align: center; 
   margin-top: 35px;
   margin-left:0px;
   margin-right:0px;
   overflow:hidden;
   width: 90%;
}

/*.InfoLogo {
   margin-top: 100%;
   font-style:italic;
   position: absolute;
   margin-top:100%;
}

.InfoLogo ul li {
font-size:14px;
}*/

.InfoLogo ul {
	margin: 0% 0% 0% 11%; padding: 0px;
}

.InfoLogo li {
    font-size: 1.1em;
	list-style: none !important; margin: 0px; padding: 4px 0px 2px 10px;
}

.CountPoss {
    font-size:1.3em; 
    margin-left:25%;

}

.sentencePanton {
    font-size:1.2em; 
    margin-left:25%;

}

#TitleMarketing {
    margin-top:-20px; 
}
.listSubmenu {
  
   font-style:italic;
   position: absolute;
   margin-top:100%;
   
}


.infoContactUs {
    font-weight:bold; 
    font-size:1.2em; 
    margin-left:30%;
    margin-top:4%;

}

.imgSectionMarketing{
    background-repeat: no-repeat;
    width:100%;
}

.linkactive {
    background: #0044cc;
	color: #ffffff !important; 
    cursor:default; 
}

.linkactive a:link {
	color: #ffffff !important;
}
.contentBorderLeft {
     border-left:double; 
     border-left-color:rgb(193, 193, 193); 
     z-index:0;
}
.contentBorderRight {
     border-left:double; 
     border-left-color:rgb(193, 193, 193); 
}

.positionLeader {
    font-size: 16px;line-height: 2em;font-weight: normal;
}

.italic {
 font-style:italic
}

.phrase {
    text-align:justify;
}

.aboutLeader {
    text-align:justify;
}


.picFrameMarketing{
    border: 1px solid #cccccc;
    border-collapse: collapse;
    border-radius: 5px;
    float: left;
    height: 131px;
    margin: 0 20px 20px 0;
    padding: 0 15px 0 0;
    position: relative;
}

.marketingPhoto{
    float: left;
    cursor: pointer;
    max-height: 130px;
}

#bigPicMarketing{
    background: #ffffff;/*rgba(255,255,255,0.8);*/
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index:110;
}
    #bigPicMarketingPlaceholder{
        max-width: 80%;
        max-height: 70%;
        
       
    }

#PlatformContent li {
    list-style-type:disc;
    font-size: 15px;
}

.headersquare {
    text-decoration:underline;
    margin-bottom:0px;
    bottom:0px;
    align-content:center;
}

.child {
    display: table-cell;
    vertical-align: middle;
    height:40px;
    width:80%;
}

/*.divsProductsquare {
    width:200px;
    height:50px;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
    font-size:17px;

    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;

    box-shadow: 2px 2px 5px #999;
    -webkit-box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
}*/

.divsquare {
    background-color:#C6D6EA;
    width:87%;
    height:205px;
    border:0px;
    margin:0px;
    text-align:center;
    font-size:0.9em;

    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;

    box-shadow: 2px 2px 5px #999;
    -webkit-box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
}

.divarrow {

    text-align:center;
    right:0px;
}

.ulsquare {
    margin-top:0px;
    text-align:left;
    padding-left:18px;
}

#NaturalGasSchema li {
    padding-bottom:1px;
    font-size:1em;
}

#MidstreamSchema li {
    padding-bottom:1px;
    font-size:1em;
}

/***/

.collapseArrow, .collapseArrowProject{
    cursor: pointer;
    float: left;
    margin-right: 20px;
    width: 25px;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}

.contactForm label {
    clear: both;
    float: left;
    font-size: 1.3em;
    margin-top: 15px;
    width: 25%;
}

.contactForm input[type="text"], .contactForm input[type="number"], .contactForm input[type="tel"] {
    float: left;
    margin-top: 10px;
    width: 60%;
}

.contactForm button {
    float: right;
    padding-left: 10px;
    padding-right: 10px;
}

.contactForm textarea {
    float: left;
    margin-top: 15px;
    width: 60%;
}

.progressDots{
    float: left;
    margin: 3px 5px 0 0;
    width: 15px;
}

.projectCard{
    /*background: #f2f2f2;*/
    box-shadow: 3px 3px 6px #999999;
    margin-bottom: 20px;
    padding: 0 0 0 15px;
}

.projectCard_disable{
    background: #ffffff;
    box-shadow: 3px 3px 6px #999999;
    margin-bottom: 10px;
    padding: 0 0 0 15px;
}
    .openProject:hover{
        background-image: -moz-linear-gradient(top, #ffffff, #e7e7e7);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e7e7e7));
        background-image: -webkit-linear-gradient(top, #ffffff, #e7e7e7);
        background-image: -o-linear-gradient(top, #ffffff, #e7e7e7);
        background-image: linear-gradient(to bottom, #ffffff, #e7e7e7);
        cursor: pointer;
    }

.projectContent{
}

.projectDropdownName{
    float: left;
    margin: 0 27px;
}

.projectHeader{
    background-color: #666666;
    *background-color: #666666;
    background-image: -moz-linear-gradient(top, #666666, #000000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#000000));
    background-image: -webkit-linear-gradient(top, #666666, #000000);
    background-image: -o-linear-gradient(top, #666666, #000000);
    background-image: linear-gradient(to bottom, #666666, #000000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #ffffff;
    font-size: 1.5em;
    margin: 0  0 0 -15px;
    padding: 5px 10px;
    position: relative;
}
/*
    .projectHeader span{
        color: #ffffff;
        cursor: pointer;
        float: right;
        font-size: 0.6em;
        margin-right: 15px;
    }
*/
.projectMemberSection{
    border-top:1px solid #cccccc;
    font-size: 1.2em;
    margin: 10px 0 0 0;
    padding: 10px 0;
    text-align: left;
    width: 100%;
}
.ProjectMemberHeader, .projectLinksHeader{
    clear: both !important;
    font-size: 1.4em !important;
    font-weight: bold !important;
    padding-bottom: 3px !important;
}
.projectListHeader{
    max-height: 22px;
    overflow: hidden;
}
.projectHeaderDescription{
    font-size: 1.2em;
}

.projectMemberPicture{
    background-position:center center;
    background-repeat: no-repeat;
    background-size: 85px;
    border-radius: 5px;
    box-shadow: 2px 2px #cccccc;
    float:left;
    height:85px;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    overflow:hidden;
    width:85px;
}

.projectMemberName{
    color: #f2f2f2;
    font-size: 0.8em;
    height: 100%;
    line-height: 1.3em;
    margin: -15px 0px;
    overflow: hidden;
    padding: 10px 0 0 10px;
    text-align: left;
    width: 100%;
    text-shadow:1px 1px 2px #000000;
    top: 0;

    -webkit-transform:rotate(-15deg);
    -moz-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    -o-transform:rotate(-15deg);
}

.projectComentMemberName{
    color: #f2f2f2;
    font-size: 0.9em;
    height: 100%;
    line-height: 1em;
    overflow: hidden;
    padding: 8px 0 0 4px;
    position: absolute;
    text-align: left;
    width: 100%;
    text-shadow:1px 1px 2px #000000;
    top: 5px;

    -webkit-transform:rotate(-15deg);
    -moz-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    -o-transform:rotate(-15deg);
}

.projectMasterMemberName{
    color: #f2f2f2;
    font-size: 0.4em;
    height: 100%;
    line-height: 1em;
    overflow: hidden;
    padding: 2px 0 0 2px;
    position: absolute;
    text-align: center;
    width: 100%;
    text-shadow:1px 1px 2px #000000;
    top: 5px;

    -webkit-transform:rotate(-15deg);
    -moz-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    -o-transform:rotate(-15deg);
}

.projectMemberListPicture, .fileStructureCreator {
    background-position:center center;
    background-repeat: no-repeat;
    background-size: 50px;
    border-radius: 5px;
    box-shadow: 2px 2px #cccccc;
    float:left;
    height:50px;
    margin-right: 10px;
    overflow:hidden;
    position: relative;
    width:50px;
}
.projectMemberListName{
    color: #ffffff;
    float: left;
    margin-top: 12px;
    font-size: 1.3em;
}
.fileStructureName {
    color: #005FC6;
    float: left;
    margin-top: 12px;
    font-size: 1.3em;
}
.colleageCompany{
    color: #aaaaaa;
}
.ProjectFiles{
    border-top:1px solid #cccccc;
    clear: both;
    margin: 5px 0 0 0;
}
.projectCommentHeader{
    border-top:1px solid #cccccc;
    clear: both;
    font-weight: bold;
    margin: 20px 0 0 0;
}

.projectPreviousComment{
    border-bottom:1px solid #cccccc;
    margin: 0;
    padding: 8px 0;
}

.projectPreviousComment span{
    margin: 0 0 0 60px;
}
.masterImage{
    background-position:center center;
    background-repeat: no-repeat;
    background-size: 35px;
    border-radius: 5px;
    float:left;
    height:35px;
    margin-right: 10px;
    overflow:hidden;
    position: relative;
    width:35px;
}
.masterName{
    /*background: rgba(64,65,66,0.9);*/
    color: #ffffff;
    position: absolute;
    height: 15px;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 0.4em;
    text-indent: 2px;
}
.projectPreviousCommentName{
    /*background: rgba(64,65,66,0.9);*/
    color: #ffffff;
    position: absolute;
    height: 15px;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 0.7em;
}
.projectPreviousCommentPicture{
    background-position:center center;
    background-repeat: no-repeat;
    background-size: 50px;
    border-radius: 5px;
    float:left;
    height:50px;
    margin-right: 10px;
    overflow:hidden;
    position: absolute;
    width:50px;
}
.projectPreviousCommentContent{
    font-size: 1em;
    margin: 10px 0 0 60px;
}
    .projectPreviousCommentContent span{
        color: #333333;
        font-size: 0.8em;
    }

.ProjectComponent{
    padding: 0 10px 0 50px;
}
    .ProjectComponent .projectCard{
        background: #ffffff;
    }

.addProjectCommentButton{
    border-radius: 5px;
    cursor: pointer;
    float: left;
    margin: 5px 0 0 0;
    padding: 3px 15px;
    width: 100px;
}
    .addProjectCommentButton:hover{
        background: #2F589B;
    }
.sendEmailButton{
    display: none;
    width: 130px;
}
.dropForMoreOptions{float: right;}
    .dropForMoreOptions img{
        cursor: pointer;
        vertical-align: middle;
    }

.addWaterfallCommentButton{
    border-radius: 5px;
    cursor: pointer;
    float: right;
    margin-right:20%;
    padding: 3px 15px;
    width:150px;
}

.divProjectCommentButtons{
    float: right;
    width:160px;
    padding-right:5px;
}

#availableMembersWindow, #availableGroupsWindow{
    background: rgba(64,65,66,0.95);
    font-size: 0.8em;
    display: none;
    margin: 0;
    overflow: auto;
        -webkit-overflow-scrolling: touch;
    padding: 0;
    position: fixed;
    right: 0;
    top: 200px;
    bottom: 0;
    width: 30%;
    min-width: 400px;
    z-index: 56;
}

#availableMembersContent, .availableMembersContent{
}
.availableMembersContent_sortSection{
    background: #f2f2f2;
    border-bottom: 1px solid #cccccc;
    padding: 5px;
    position: fixed;
    width: 30%;
    min-width: 400px;
    z-index:1;
}
    .availableMembersContent_sortSection span{
        cursor: pointer;
        display: block;
        float: left;
        margin: 0 3px;
        padding: 7px;
        text-align: center;
    }
    .availableMembersContent_sortButton{
        background: #666666;
        border-radius: 5px;
        color: #ffffff;
    }
    .availableMembersContent_closeWindow{
        background: red;
        border-radius: 7px;
        color: #ffffff;
        float: right !important;
        margin-right: 15px !important;
    }
.projectButtons{
    background: #ffffff;
    border: 2px solid #CFCFCF;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: 3px 3px 6px #666666;
    color: #828282;
    display: none;
    position: absolute;
    right: -0;
    top: 44px;
    z-index: 5;
}
.projectActionButton{
    cursor: pointer;
    padding: 3px 8px;
}
.projectRestrictionButton{
    cursor: pointer;
    padding: 3px 8px;
    text-indent: 20px;
}
    .projectActionButton:hover{
        background-color: #ba5127;
        *background-color: #ba5127;
        background-image: -moz-linear-gradient(top, #ba5127, #f26722);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ba5127), to(#f26722));
        background-image: -webkit-linear-gradient(top, #ba5127, #f26722);
        background-image: -o-linear-gradient(top, #ba5127, #f26722);
        background-image: linear-gradient(to bottom, #ba5127, #f26722);
        background-repeat: repeat-x;
        border-color: #0044cc #0044cc #002a80;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        color: #ffffff;
    }

.openCloseAddStuffToProjects{
    border:1px solid #414241;
    border-radius: 8px;
    cursor: pointer;
    float: right;
    font-size: 1em;
    margin-top: 2px;
    padding: 0 5px;
}
.refreshChatButton{
    border:1px solid #414241;
    border-radius: 8px;
    cursor: pointer;
    float: right;
    font-size: 1em;
    height: 15px;
    margin-top: 3px;
    margin-right: 10px;
    padding: 4px 11px;
}
    .refreshChatButton:hover, .openCloseAddStuffToProjects:hover{
        border: 1px solid #ffffff;
    }

#btnSelectCancel{
    width: 100%;
}

#completeprojectList{
    margin: 0;
    padding: 0;
}

#projectsContainer{
    float: right;
    position: relative;
    width: 75%;
}

.closeAddCollegeButton input[type="button"]{
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #cc0000;
    *background-color: #cc0000;
    background-image: -moz-linear-gradient(top, #cc0000, #EA3D3D);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cc0000), to(#EA3D3D));
    background-image: -webkit-linear-gradient(top, #cc0000, #EA3D3D);
    background-image: -o-linear-gradient(top, #cc0000, #EA3D3D);
    background-image: linear-gradient(to bottom, #cc0000, #EA3D3D);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border:none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 1.5em;
    position: absolute;
    text-align: center;
    width: 100%;
}

.closeWindow{
    position: absolute;
    right: 3px;
    top: 3px;
    width: auto;
}
/*
#filesContent .k-file, #postsContent .k-file, #fileNameList .fileNameItem{
    background-color: rgba(85,129,38,0.8);
    *background-color: rgba(85,129,38,0.8);
    background-image: -moz-linear-gradient(top, rgba(85,129,38,0.8), rgba(139,197,64,0.8));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(85,129,38,0.8)), to(rgba(139,197,64,0.8)));
    background-image: -webkit-linear-gradient(top, rgba(85,129,38,0.8), rgba(139,197,64,0.8));
    background-image: -o-linear-gradient(top, rgba(85,129,38,0.8), rgba(139,197,64,0.8));
    background-image: linear-gradient(to bottom, rgba(85,129,38,0.8), rgba(139,197,64,0.8));
    background-repeat: repeat-x;
    color: #ffffff;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}
*/
#filesContent #closeUploadWindow #postsContent{
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #cc0000;
    *background-color: #cc0000;
    background-image: -moz-linear-gradient(top, #cc0000, #EA3D3D);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cc0000), to(#EA3D3D));
    background-image: -webkit-linear-gradient(top, #cc0000, #EA3D3D);
    background-image: -o-linear-gradient(top, #cc0000, #EA3D3D);
    background-image: linear-gradient(to bottom, #cc0000, #EA3D3D);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border:none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1.2em;
    margin-top: -3px;
    position: absolute;
    right: 5px;
    text-align: center;
    width: 80px;
}

#postsContent{
    padding: 0 5px;
}

#filesWindow, #linksWindow, #postsWindow{
    border: 2px solid #414042;
    bottom: 0;
    color: #ffffff;
    background-color: #ffffff;
    box-shadow: 2px 2px 3px #cccccc;
    color: #ffffff;
    right: 20px;
    max-height: 75%;
    overflow: auto;
    padding: 0 10px;
    position: fixed;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    width: 300px;
    overflow: hidden;
}
    #filesWindow label, #linksWindow label, #postsWindow label{
        color: #424242;
    }
    #filesWindow .k-button, #linksWindow .k-button, #postsWindow .k-button,#filesWindow button, #linksWindow button, #postsWindow button{
        width: auto;
    }

.addDocumentHeader{
    background: #414042;
    color: #ffffff;
    margin: 0 -10px;
    padding: 10px;
    text-align: center;
}

#membersList{
    border-collapse: collapse;
    list-style: none;
    margin: 0;
    padding: 15px;
}
    #membersList li{
        border-top:1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        border-collapse: collapse;
        color: #ffffff;
        list-style: none;
    }
    #membersList li:hover{
        background: #353535;
        cursor: pointer;
    }

.removeMemberLink{
    cursor: pointer;
    line-height: 30px;
}

.memberPopUpBox{
    background-color:white;
    border:1px solid #cccccc;
    box-shadow: 2px 2px 3px #666666;
    padding: 10px;
    position: relative;
    width:250px;
}

    .memberPopUpBox .companyName{
        line-height: normal;
        width: 150px;
        white-space: normal;
    }

.removeFileFromProject{
    margin-left: -24px;
    margin-right: 10px;
    width: 15px;
    vertical-align: middle;
}


/* Form Elements */
.projectCard input[type="text"], 
.projectCard_disable input[type="text"]{
    background: none;
    border:none;
    display: block;
    font-size: 1.7em;
    font-weight: bold;
    margin: 0;
    width: 100%;
}
.projectCard textarea, 
.projectCard_disable textarea{
    background: none;
    border:none;
    display: block;
    float: left;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 1.2em;
    font-weight:lighter;
    height: 1em;
    width: 98% !important;
}
.postCommentTextArea{
    border: 1px solid #cccccc !important;
    width: 75% !important;
}
    .projectCard input[type="text"]:hover, 
    .projectCard input[type="text"]:focus,
    .projectCard textarea:hover,
    .projectCard textarea:focus,
    .projectCard_disable input[type="text"]:hover, 
    .projectCard_disable input[type="text"]:focus,
    .projectCard_disable textarea:hover,
    .projectCard_disable textarea:focus{
        background: #ffffff;
    }

.projectTitle{
    font-size: 1.4em !important;
    padding: 10px 0;
    font-weight:bold !important;
}
.projectDescription{
    /*border-bottom: 1px solid #cccccc;*/
    max-height: 23px;
    overflow: hidden;
}


#projectManagerFileDescription, 
#projectManagerLinkDescription,
#projectManagerLinkURL,
#projectManagerPostLinkURL{
    min-height: 25px;
    width: 280px;
}
.savedComment{
    /*float: left;*/
    font-size: 1.1em;
    /*max-height: 20px;*/
    line-height: 1.2em;
    overflow: hidden;
}
.waterfallComment{
    color: #666666;
    display: inline-block;
    font-size: 1.5em;
    line-height: 1.2em;
    max-height: 20px;
    overflow: hidden;
}
.waterfallCommentDetail{
    color: #666666;
    font-size: 1.3em;
    margin-left: 60px;
    min-height: 40px;
}
/*.waterfallCommentDetail a:link{
    text-decoration:underline;
}*/
/*.waterfallCommentDetail a:visited{
    text-decoration:underline;
}*/
.waterfallKeywordCommentDetail{
    margin-left: 60px;
}

.expandCollapseButton{
    /*clear: both;*/
    /*text-align: center;*/
}
    .expandCollapseButton span{
        background: #0088cc;
        border-radius: 5px;
        color: #ffffff;
        cursor: pointer;
        margin: auto;
        padding: 2px 5px;
    }
.spaceBetweenProjectElements{
    /*clear: both;*/
    margin-top: 8px;
    height: 1px;
}
.projectProgress{
    float: left;
    margin: 5px 0 5px 10px;
    min-width: 200px;
    /*width:30%;*/
}
.commentDetailProjectTitle{
    margin: 5px 10px;
}
    .projectDetailHeaderLInk{
        color: #f2f2f2 !important;
    }
.projectNameWhenCollapsed{
    text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
    color: #ffffff;
    display: none;
    float: left;
    /*width:50%;*/
    font-size: 1.3em;
    margin-left: 20px;
}

.textIndex {
    /*background:#ffffff !important;*/
    color: #ffffff !important;
    float: left;
    font-size:0.8em !important;
    height:25px !important;
    width:40px !important;
}
.textIndex:hover, .textIndex:focus{
    background: none !important;
}
.pictureFrame{
    border-collapse: collapse;
    border-radius: 5px;
    float: left;
    margin:5px;
    min-height: 150px;
}
.removeFilepictureProject{
    cursor: pointer;
    margin-right: 10px;
    vertical-align: middle;
    width: 15px;
}
.projectPhoto{
    cursor: pointer;
    max-height: 120px;
    margin: 10px 0;
}
textarea.photoDescription{
    font-size: 1em;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    padding: 0;
}
.projectPhotoDetail{
    background: #ffffff;
    border: 1px solid #cccccc;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 2px 2px 6px #666666;
    display: none;
    margin: -15px 10px 20px 10px;
    padding: 10px;
}
.projectPhotoDetailComment{
    display: none;
}
#bigPicture{
    background: rgba(255,255,255,0.8);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}
    #bigPicturePlaceholder{
        max-width: 600px;
        max-height: 500px;
    }

.waterfallPhoto{
    cursor: pointer;
    max-height: 35px;
    margin: 5px;
}

#socialLinksInPopUp{
    float: left; 
    text-align: left;
}
.mainProjectCommentSection{
    clear: both;;
}
.addImageButton{
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: rgba(255,255,255,0.8);
    *background-color: rgba(255,255,255,);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,));
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,));
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,));
    background-repeat: repeat-x;
    border-color: #ffffff #ffffff #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: none;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    display: none;
    line-height: 24px;
    padding: 5px 8px;
    bottom: 5px;
    left: 10px;
    margin: 5px;
    position: absolute;
    margin: auto;
}

#changeHeaderSettingsButton, #changeHeaderSettingsButton_avatar{
    bottom: 10px;
    display: none;
    position: absolute;
    right: 10px;
}

#changeHeaderSettings{
    background: #f2f2f2;
    clear: both;
    display: none;
    height: 35px;
    position: relative;
    width: 100%;
}
#changeHeaderSettings_avatar{
    background: #f2f2f2;
    bottom: 0;
    clear: both;
    display: none;
    height: 65px;
    opacity: 0.8;
    position: absolute;
    width: 100%;
}
    #changeHeaderSettings_avatar button{
        min-width: 95px;
    }
#saveHeaderSettings, #cancelHeaderSettings{
    float: right;
}

#fullSizeBackgroundButton, #normalSizeBackgroundButton{
    display: none;
}
#fullSizeBackgroundButton_avatar img, #normalSizeBackgroundButton_avatar img{
    height: 25px;
    padding: 2px;
    vertical-align: middle;
}
#changeHeaderSettings img{
    height: 25px;
    padding: 2px;
    vertical-align: middle;
}
#changeHeaderSettings button{
    float: right;
    min-height: 30px;
    min-width: 75px;
}

.manageAccountButton{
    cursor: pointer;
    margin-top: 10px;
}

#availableFriendsWindow{
    background: #ffffff;
    box-shadow: 2px 2px 3px #666666;
    bottom: 0;
    color: #424242;
    display: none;
    height: 50%;
    left: 0;
    overflow: auto;
    position: fixed;
    width: 400px;
}

.friendListPicture{
    background-position:center top;
    background: #cccccc;
    background-repeat: no-repeat;
    background-size:50px auto;
    border-radius: 5px;
    box-shadow: 2px 2px #cccccc;
    float: left;
    height:50px;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow:hidden;
    width:50px;
}

.availableFriendsWindow_sortSection{
    background: #f2f2f2;
    height: 27px;
    border-bottom: 1px solid #cccccc;
    margin-top: -27px;
    position: fixed;
    width: 400px;
}
.availableFriendsWindow_closeWindow{
        background: red;
        border: 1px solid #999999;
        border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 4px 10px;
}
    #availableFriendsWindow ul{
        clear: both;
        margin:27px 0 0 0;
        padding: 0;
    }

.friendsWindow{
    border:1px solid #cccccc;
    float: left;
    position: relative;
    margin: 0 -1px;
    width: 23%;
}
    .friendsWindow ul{
        clear: both;
        margin: 0;
        padding: 0;
    }
    .friendsWindow li{
        border-bottom:1px solid #f2f2f2;
        padding: 1px 8px;
    }

.friendsHeader{
    background-color: #666666;
    *background-color: #666666;
    background-image: -moz-linear-gradient(top, #666666, #000000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#000000));
    background-image: -webkit-linear-gradient(top, #666666, #000000);
    background-image: -o-linear-gradient(top, #666666, #000000);
    background-image: linear-gradient(to bottom, #666666, #000000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #ffffff;
    font-size: 1.5em;
    margin: 0;
    padding: 5px 10px;
    position: relative;
}

.friendListPicture{
    float: left;
}
.friendListName{
    float: left;
}

.friendListName{
    float: left;
    font-size: 1em;
}
.isFriend{
    float: right;
    height: 20px;
    margin: 10px 15px;
}

.chatWindow{
    /*border: 1px solid #cccccc;*/
    max-height: 250px;
    overflow: auto;
        -webkit-overflow-scrolling: touch;
    width: 100%;
}
.chat_other, .chat_me{
    border-radius: 8px;
    clear: both;
    padding: 5px 10px;
    margin: 2px 0;
    max-width: 70%;
}
.chat_other{
    background: #F3FF69;
    float: left;
    text-align: left;
}
.chat_me{
    background: rgb(5, 101, 247);
    color: #ffffff;
    float: right;
    text-align: right;
}
.chatBox{
    width: 95%;
}
.chatSendButton{
    float: right;
}

.visitingUserPicture{
    background-position:center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-radius: 5px;
    box-shadow: 2px 2px #cccccc;
    overflow:hidden;
    bottom: 0;
    height: 50%;
    position: absolute;
    right: 0;
    width: 50%;
}
ul[data-template="commentItemTemplate"]{
    /*background: #f2f2f2;*/
    padding: 3px 0;
}
    ul[data-template="commentItemTemplate"] li{
        margin-left: 20px;
    }
.fileItemTemplate textarea{
    background: none;
    border-bottom: 1px solid #cccccc;
    width: 90%;
}

.comentList{
    /*
    box-shadow: inset 0px 10px 6px #cccccc;
    max-height: 350px;
    */
    /*overflow: auto;*/
}
.addKeywordLabel{
    float: left;
    margin-right: 5px;
}
.addKeywordInput{
    border: 1px solid #cccccc !important;
    float: left;
    font-size:1em !important;
    font-weight: normal !important;
    margin-right: 10px !important;
    margin-top:-4px !important;
    padding: 2px 5px;
    width:150px !important;
}
.projectTags{
    margin: 10px 0;
}
.projectTags span{
    background: #0088cc;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    line-height: 25px;
    margin: 3px;
    padding: 2px 7px;
}
.deleteTagButton{
    height:12px;
    cursor:pointer;
    margin-right:5px; 
    vertical-align:middle;
}

#availableCopyOrMoveToProyectWindow{
    display: none;
}
.copytoHeader{
    background: #1144cc;
    color: #ffffff;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 5px;
}
#copyOrMoveToProjectContent{
    background-color: rgba(255,255,255,0.8);
    *background-color: rgba(255,255,255,);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,1)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
    background-repeat: repeat-x;
    box-shadow: 1px 3px 8px #666666;
    margin: -35px -100px;
    position: fixed;
    left: 50%;
    text-align: center;
    top: 50%;
    width: 320px;
}
.copyToButtons{
    float: right;
    margin: 20px 20px 5px 0;
}
.projectAnnouncement{
    border: 1px solid #e9e9e9;
    border-collapse: collapse;
    margin: 10px 0;
    padding: 10px 20px;
}
.postingMemeber{
    background: #0088cc;
    color: #ffffff;
    font-size: 0.8em;
    margin: -10px -20px 0px -20px;
    padding: 0px;
}
.postingMemeber span{
    line-height: 33px;
}
.postingProject{
    background: #ffffff;
    color: #adb2bb;
    font-size: 0.8em;
    margin: 0px -20px -10px -20px;
    padding: 5px;

}
.postedLink{
    padding: 10px 0px;
    font-size: 1.3em;
}
    .postedLink .postedImage{
        max-height: 350px;
        max-width: 100%;
    }
.waterfallSortingOptions{
    float: right;
}
.waterfallSortingContainer{
    background: #424242;
    color: #f2f2f2;
    margin: 20px 0 0 0;
}
.waterfallSortingOptions button{
    border:none;
    border-radius: 0;
    border-right: 1px solid #f2f2f2;
    padding: 2px 15px;
    margin: 0;
}
.waterfallSortingOptions button:hover{
    background-color: rgba(255,255,255,0.8);
    *background-color: rgba(255,255,255,);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,1)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
    background-repeat: repeat-x;
    color: #666666;
}

.waterfallAvatar{
    background-position:top;
    background-repeat: no-repeat;
    background-size: 35px;
    border-radius: 5px;
    /*box-shadow: 2px 2px #cccccc;*/
    float:left;
    height:35px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2px;
    overflow:hidden;
    position: relative;
    width:35px;
}

.waterfallNotification{
    margin-left: 55px;
    width: 90%;
}

.timestampItem{
    color: #999999;
}

.greySmallString{
    color: #999999;
}

.itemSelected
{
color:red;
}

.waterfallNotification a:link{
    border-color: blue;
    color: #0000ff !important;
}
.waterfallNotification a:visited{
    background: red !important;
    color: #992667 !important;
    text-decoration: underline !important;
}

#waterfallDetail{
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    margin: auto;
    padding: 10px;
    width: 95%;
}
.waterfallDetailProjectName{
    background: #424242;
    color: #f2f2f2;
    min-height: 33px;
    outline: 1px solid #000000;
    outline-offset:2px;
    padding: 7px 0px 7px 7px;
}
    .waterfallDetailProjectName span{
        font-size: 1.5em;
        font-weight: bold;
    }
.waterfallprojectPhoto{
    border-bottom: 1px solid #f2f2f2;
    padding: 20px;
    text-align: center;
}
    .waterfallprojectPhoto img{
        max-width: 50%;
    }
.waterfallDetailSubproject{
    border-top: 1px solid #f2f2f2;
    /*font-size: 1.5em;*/
    /*font-weight: bold;*/
    display: none;
    margin-top: 15px;
    padding-top: 5px;
}
.waterfallDetailTextarea{
    border:1px solid #f2f2f2;
    font-size: 1.2em;
    font-family: 'Trebuchet MS', sans-serif;
    margin-top: 10px;
    padding: 10px;
    width: 80%;
    float:left;
}
.CommentDetailMember{
    float: left;
    overflow: hidden;
    width: 70px;
}
.CommentDetailMember span{
    clear: both;
    display: block;
    word-break: break-word;
    padding: 0 5px;
}

.divProjectCommentButtons{
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    *background-color: #0044cc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}
.waterfallProjectName{
    font-size: 0.8em;
    max-height: 15px;
    overflow: hidden;
}

.filesNamesProyect{
    clear: both !important;
    color:#0088cc;
    font-size: 1.4em !important;
    font-weight: bold !important;
    padding-bottom: 3px !important;
    margin: 2px
}
.commentElement{
    /*float: left;*/
}

.comentList {
    margin: 0;
    padding: 0;
}
.comentList li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.comentList li .pictureFrame{
    margin: 0 0 0 60px;
    float: none;
}

/*
#waterfallList {
    background: #ffffff;
    bottom: 0;
    color: #333333;
    min-width: 250px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    right: 0;
    top: 75px;
    width: 100%;
    z-index: 50;
}

#waterfallList {
    background: #ffffff;
    bottom: 0;
    color: #333333;
    min-width: 250px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    right: 0;
    top: 75px;
    width: 75%;
    z-index: 50;
}
*/
#waterfallList{
    top:100px;
    bottom:0;
    overflow:auto;
    position:absolute
}
    #waterfallList ul {
        margin: 20px 350px 0 150px;
        margin: 20px 50px 0 350px;
        padding: 0;
    }

    #waterfallList li {
        border-bottom: 1px solid #cccccc;
        color: #585860;
        font-size: 0.8em;
        /*height: 70px;*/
        list-style: none;
        margin: 0 40px 0 0;
        overflow: hidden;
        padding: 8px 0px;
        /*width: 50%;*/
    }

@media only screen and (min-width: 661px) and (max-width: 1299px) {
    #waterfallList {
        /*
        width: 50%;
        float: right;
        margin-right: 10%;
        */
    }
    #waterfallList li {
        /*width: 100%;*/
    }
}

@media only screen and (min-width: 1300px) and (max-width: 2000px) {
    #waterfallList li {
        /*width: 50%;*/
    }
}

.waterfallTimesTampItem {
    color: #666666;
    font-weight: normal;
    margin-right: 0px;
    padding-right: 0px;
    margin-top: 3px
}

.waterfallProjectName span {
    color: rgba(0,0,0,0.5);
    font-size: 1.3em;
    font-weight: bold;
}
#navigationGiude{
    height: 500px;
    margin: 0px 0 0 40px;
    position: fixed;
    left: 0;
    top: 90px;
    width: 305px;
    z-index: 51;
}
    #navigationGiude ul{
        font-size: 11px;
        padding: 0;
    }
    #navigationGiude li{
        color: #999999;
        cursor: pointer;
        opacity: 0.4;
    }
    #navigationGiude li:hover{
        color: #000000 !important;
        opacity: 1;
    }

.autoHover{
    color: #000000 !important;
    opacity: 1 !important;
}

#waterfall_companyName{
    font-size: 2em;
    font-weight: bold;
}
.selectedSearch{
    background: #ADE3FD;
    border-radius: 5px;
    color: #424242 !important;
    padding: 5px;
}
#aboutPantonWordCloud{
    height: 600px;
    position: fixed;
    width: 25%;
}
#detaultTermslist ul{
    font-size: 11px;
}
#detaultTermslist li{
    position: absolute;
    white-space: nowrap;
}

#detaultTermslist li:nth-child(1){
    /*What We Are*/
    color: #F16B8A;
    font-size: 30px;
    left: 45px;
    top: 0px;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
}
#detaultTermslist li:nth-child(2){
    /*Value and Mission*/
    color: #98742B;
    font-size: 20px;
    left: -20px;
    top: 85px;
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -o-transform:rotate(270deg);
}
#detaultTermslist li:nth-child(3){
    /*Industries*/
    color: #6F8CC7;
    font-size: 40px;
    left: 78px;
    top: 54px;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
}
#detaultTermslist li:nth-child(4){
    /*Technology*/
    color: #A986BD;
    font-size: 45px;
    left: 70px;
    top: 118px;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}
#detaultTermslist li:nth-child(5){
    /*Product*/
    color: #1992E8;
    font-size: 47px;
    left: 10px;
    top: 266px;
    z-index: 2;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}
#detaultTermslist li:nth-child(6){
    /*How Do We Implement*/
    color: #226226;
    font-size: 21px;
    left: 33px;
    top: 294px;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
}
#detaultTermslist li:nth-child(7){
    /*Contact*/
    color: #F05253;
    font-size: 39px;
    left: -3px;
    top: 235px;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
}
#detaultTermslist li:nth-child(8){
    /*News and Communities*/
    color: #2043B7;
    font-size: 22px;
    left: 30px;
    top: 126px;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}
#detaultTermslist li:nth-child(9){
    /*Leadership*/
    color: #6049EA;
    font-size: 33px;
    left: 5px;
    top: 147px;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
}
#detaultTermslist li:nth-child(10){
    /*Employment*/
    color: #A5A4A4;
    font-size: 28px;
    display: none;
    left: 25px;
    top: 190px;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
}
#detaultTermslist li:nth-child(11){
    /*Employment*/
    color: #4F9B0D;
    font-size: 36px;
    left: 46px;
    top: 320px;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
}
.selectedWaterfallItem{
    font-size:55px !important;
    font-weight:bold !important;
    left:0 !important;
    top:-50px !important;
    -webkit-transform:rotate(0deg) !important;
    -moz-transform:rotate(0deg) !important;
    -ms-transform:rotate(0deg) !important;
    -o-transform:rotate(0deg) !important;
}
.waterfallKeywordSection{
    border-right: 1px solid #cccccc;
    color: rgba(0,0,0,0.9);
    font-weight: bold;
    margin-right: 5px;
    padding-right: 12px;
}
.waterfallPostKeywordsLabel{
    float: left;
    line-height: 40px;
    margin-right: 10px;
}
.waterfallKeyword{
    color: rgba(0,0,0,0.5);
    font-weight: normal;
    margin-left: 6px;
}
.waterfallPostKeywords{
    border: 1px solid #f2f2f2;
    float: left;
    font-family: 'Trebuchet MS', sans-serif;
    margin-top: 10px;
    padding: 2px 10px;
}

.highlight {
    background-color: yellow;
    font-size: 1em !important;
    margin: 0 !important;
}

.highlightTextarea {
    position:relative;
    overflow:hidden;
    margin-top:10px;
}

.highlightTextarea .container {
    position:absolute;
    margin:0;
    overflow:hidden;
}

.highlightTextarea .highlighter {
    position:relative;
    border:none;
    padding:0;
    margin:0;
    color:transparent;
    cursor:text;
    overflow:hidden;
    white-space:pre-wrap;
    word-wrap:break-word;
}

.highlightTextarea.debug .highlighter {
    color:#f00;
    border:1px solid #f00;
    margin:-1px;
}
.highlightTextarea mark {
    line-height:inherit;
    color:transparent;
    margin:0;
    padding:0;
}

.highlightTextarea textarea,
.highlightTextarea input {
    position:absolute;
    left:0;
    top:0;
    resize:both;
    white-space:pre-wrap;
    word-wrap:break-word;
}

.highlightTextarea .ui-wrapper {
    margin:0 !important;
}

.highlightTextarea .ui-resizable-se {
    bottom:15px;
    right:0px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(/Images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.navigationGuideLabel{
    color: #dfdfdf;
    margin: -15px 0 0 78px;
}

#fakeCursor{
    height: 20px;
    left: -50%;
    position: absolute;
    top: -50%;
    z-index: 60;
}
.commentNavigationButtons{
    background: #f2f2f2;
    background: -moz-linear-gradient(bottom,  #e7e7e7 0%, #f5f5f5 50%, #ffffff 100%);
    background: -webkit-linear-gradient(bottom, #e7e7e7 0%, #f5f5f5 50%, #ffffff 100%);
    background: -o-linear-gradient(bottom, #e7e7e7 0%, #f5f5f5 50%, #ffffff 100%);
    background: -ms-linear-gradient(bottom, #e7e7e7 0%, #f5f5f5 50%, #ffffff 100%);
    background: linear-gradient(to bottom, #e7e7e7 0%, #f5f5f5 50%, #ffffff 100%);
    box-shadow: 0 2px 2px #666666;
    border-bottom-left-radius: 5px;
    padding: 5px 10px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 74px;
    z-index: 51;
}
.commentNavigationButtons span{
    padding: 5px;
}
.waterfallCounter{
    color: #999999;
    text-align: center;
    width: 70px;
}
.commentNext, .commentPrevious{
    background-repeat: repeat-x;
    color: #999999;
    cursor: pointer;
    padding: 5px 10px;
}

.issueLabel{
    font-size: 2em;
    font-weight: bold;
}
.supportTicketSection{
    display: none;
}

.ticketHeader{
    border-bottom: 1px solid #cccccc;
    padding: 10px 0;
}
    .ticketHeader input{
        border: none;
    }



.ticketResponsableParty{
    float: right;
    margin: 0 10px 10px 0;
    width: 200px;
}
.ticketStatus{
    float: right;
    margin: 0 10px 10px 0;
    width: 200px;
}
.ticketScreenshot{
    margin: 0 10px 10px 0;
    width: 200px;
}
.ticketTimeStampBox{
    float: right; 
    border:none; 
    margin: 0 10px 10px 0;
    width: 200px;
}
.ticketNumberBox{
    float: right; 
    border:none; 
    margin: 0 10px 10px 0;
    width: 200px;
}
.ticketNumberLabel{
    width: 200px;
}
.importScreenshot{
    float: right;
}



.ticketNumber{width: 60px;}


/*
.searchBarWrapper{
	background: #ffffff;
	border: none;
	left: 20%;
	position: fixed;
	right: 20%;
	width: 60%;
	margin:5px 0 0 0;
}
*/
.localSearchBarWrapper, .searchBarWrapper{
	background: #ffffff;
	border: none;
	float: right;
	margin:5px 20px 0 0;
	outline: 1px solid #cccccc;
	outline-offset:3px;
	position: relative;
	width: 800px;
}
.localSearchBarWrapper input, .searchBarWrapper input{
	border: none;
	margin: 5px;
	padding: 3px;
	width: 550px;
	width: calc(100% - 50px);
}
.k-select{
	background: none;
	border: none;
	float: left;
	width: 500px;
}
.localSearchBarWrapper .k-state-default, .searchBarWrapper .k-state-default{
	background: none;
	border: none;
	float: left;
	margin: 3px 0 0 0;
	width: 770px ;
}

#globalIconWrapper{
	float: right;
	margin: -3px 0;
}
	#globalIconWrapper ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#globalIconWrapper li{
		display: inline-block;
		float: right;
		list-style: none;
		margin: 0 !important;
		padding: 0 !important;
	}
	#globalIconWrapper li:hover{
		background: none !important;
		box-shadow: none !important;
	}
	#globalIconWrapper li img{
		float: none !important;
	}
	#globalIconWrapper li a{
		float: none !important;
		margin: 0 5px;
	}
	#globalIconWrapper li a img{
		margin: 7px 0;
	}
	#globalIconWrapper li span{
		display: none;
	}
#topHeadingToolBar{
    margin:3px 10px 0 10px;
}
#topHeadingToolBar .k-popup{
    background: #f2f2f2;
    border-style:none;
    box-shadow: 0 2px 2px #666666;
    margin-top: 2px;
}
#topHeadingToolBar .k-menu .k-i-arrow-s {
    display: none;
}

#topHeadingToolBar .k-menu > .k-item {
    border-style: none;
    margin:0;
    padding:0;
}

#topHeadingToolBar li,  #transactionsToolbar #topHeadingToolBar li{
    margin: 0px;
    padding: 0px;
    display: block;
}

#topHeadingToolBar ul.k-menu {
    margin: 0px;
    padding: 0px;
}

#topHeadingToolBar .k-menu-group.k-popup .k-link {
    color: #505d6d;
}

#topHeadingToolBar .k-menu-group.k-popup .k-link:hover{
    color: #F2F2F2;
}


@media only screen and (min-width: 661px) and (max-width: 1299px) {

	.localSearchBarWrapper, .searchBarWrapper{
		width: 600px;
	}
	.localSearchBarWrapper input, .searchBarWrapper input{
		/*width: 350px;*/
	}
	.localSearchBarWrapper .k-state-default, .searchBarWrapper .k-state-default{
		width: 230px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 661px) {
	.localSearchBarWrapper .k-state-default, .searchBarWrapper .k-state-default{
		width: 130px;
	}
	.localSearchBarWrapper input, .searchBarWrapper input{
		width: 220px;
	}
}


.inputSection.searchBarWrapper .k-state-default, .k-state-default .k-select{
	background: #cccccc;
}
.searchBarWrapper .k-popup.k-list-container, .k-popup.k-calendar-container{
	margin-top: -2px;
}

#transactionsToolbar, #toolbar{
	background: #f2f2f2;
	background: -moz-linear-gradient(bottom, #ffffff 0%, #f5f5f5 50%, #e7e7e7 95%, #666666 100%);
	background: -webkit-linear-gradient(bottom, #ffffff 0%, #f5f5f5 50%, #e7e7e7 95%, #666666 100%);
	background: -o-linear-gradient(bottom, #ffffff 0%, #f5f5f5 50%, #e7e7e7 95%, #666666 100%);
	background: -ms-linear-gradient(bottom, #ffffff 0%, #f5f5f5 50%, #e7e7e7 95%, #666666 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 50%, #e7e7e7 95%, #666666 100%);
	box-shadow: 0 2px 2px #666666;
	/*left: 0;*/
	height: auto;
	padding: 0 0 5px 0;
	position: fixed;
	right: 0;
	top: 35px;
	width: 100%;
	z-index: 51;
}

#transactionsToolbar ul, #toolbar ul{
	margin: 5px 0;
	padding: 0;
}
#transactionsToolbar li, #toolbar li{
	display: inline;
	list-style: none;
	margin: 15px 0;
	padding: 10px 5px;
	position: relative;
}
#transactionsToolbar li a:link, #toolbar li a:link,#transactionsToolbar li a:visited, #toolbar li a:visited{
	color: #000000;
}


#transactionsToolbar li:hover, #toolbar li:hover{
	background: #f2f2f2;
	background: -moz-linear-gradient(bottom, #ffffff 0%, #f5f5f5 50%, #e7e7e7 95%, #666666 100%);
	background: -webkit-linear-gradient(bottom, #ffffff 0%, #f5f5f5 50%, #e7e7e7 95%, #666666 100%);
	background: -o-linear-gradient(bottom, #ffffff 0%, #f5f5f5 50%, #e7e7e7 95%, #666666 100%);
	background: -ms-linear-gradient(bottom, #ffffff 0%, #f5f5f5 50%, #e7e7e7 95%, #666666 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 50%, #e7e7e7 95%, #666666 100%);
	border-radius: 3px;
	box-shadow: 1px -1px 3px #666666;
	cursor: pointer;
}

#transactionsToolbar .longItemList{
    float: left;
    margin-top: 10px;
}

#transactionName{
	color: #2197c5;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 20px;
	text-shadow:0.1em 0.1em 0.01em #aaaaaa;
}

.content-wrapper{
	margin-top: 35px;
	margin: 0;
}


#divCommands li .k-widget{
	display: inline-block;
	position: relative;
}
	#divCommands li .k-dropzone{
		padding: 0;
		margin: -4px 0 0 0;
	}
	#divCommands li .k-dropzone em{
		display: none;
	}
	#divCommands li .k-button{
		font-size: 0.9em;
	}
.saveOptionsBlocker{
	background-color: rgba(125,255,25,0);
	height: 36px;
	position: fixed;
	top: 37px;
	width: 50%;
	z-index: 100;
}













#divGridCommands .multiselect{
	float: left;
	margin: 3px 0 0 10px;	
}

#divGridCommands .multiselect .k-header{
	float: left;
}
	#divGridCommands .multiselect li.k-button.k-state-hover{
		background: #666666 !important;
		color: #ffffff;
	}
#divGridCommands .multiselect ul{
	float: left;
	font-size: 1em;
	margin: 0;
	width: 125px;
}
#divGridCommands .multiselect li{
	font-size: 0.8em;
	padding: 3px 5px;
}
.multiselect .k-multiselect-wrap{
	border: 1px solid #cccccc;
	min-height: 0;
}
#divGridCommands .multiselect li.k-button span{
	position: relative;
	width: 15px;
}
#divGridCommands .multiselect li.k-button span.k-select{
	width: 10px;
}
.multiselect .k-multiselect-wrap .k-select{
	position: relative;
}

#divGridCommands .multiselect .k-multiselect-wrap > .k-input{
	float: left;
	margin: 5px 0 0 5px;
	max-width: 50%;
	min-width: 100px;
}
.multiselect > button{
	font-size: 0.8em;
	margin: 0 0 0 10px !important;
}

@media only screen and (min-width: 0px) and (max-width: 661px) {
	#dragGlobalBarHandle{
		z-index: -1;
	}
	#backArrowIphone{
		display: none;
		float: left;
		height: 30px;
		margin-top: 6px;
	}
	#iphoneMenuGroupingButton{
		cursor: pointer;
		display: inline-block;
		float: right;
		height: 30px;
		margin-top: 5px;
	}
	#menuDescriptionList{
		background: #ffffff;
		bottom: 0;
		box-shadow: -2px 4px 6px #666666;
		color: #000000;
		display: none;
		margin: 0;
		overflow: auto;
		padding: 0;
		position: fixed;
		min-width: 60%;
		right: 0;
		top: 40px;
		z-index: 55;
	}
		#menuDescriptionList li{
			cursor: pointer;
			margin: 0;
			padding: 10px 20px;
		}
		#menuDescriptionList li .whiteImage{
			background-color: #006dcc;
			background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
			background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
			background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
			background-image: -o-linear-gradient(top, #0088cc, #0044cc);
			background-image: linear-gradient(to bottom, #0088cc, #0044cc);
			background-repeat: repeat-x;
			border-color: #ffffff;
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			border-radius: 5px;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
			filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
			color: rgba(255, 255, 255, 1);
			padding: 5px 8px;
			margin-right: 5px;
			vertical-align: middle;
			width: 25px;
		}
	.lineSeparator{
		margin: 2px 0;
	}
	.k-animation-container{
		bottom: 0;
		left: 0 !important;
		position: fixed !important;
		right: 0;
	}
	.k-popup .k-list .k-item{}
	.centerSearchBar{
		margin: 30px auto 0 auto !important;
		width: 90% !important;
	}
	.centerSearchBar #logoSymbol {
		 float: left;
		 height: 40px;
	}
	.centerSearchBar .searchBarWrapper{
		float: left;
		margin: 0;
		width: 56% !important;
	}
	.centerSearchBar .searchBarWrapper span{
		margin: 25px 0 0 0;
	}
	.centerSearchBar #searchInnerContainer{
		margin-top: 15%;
	}
	.centerSearchBar .centerSlogan{
		font-size: 1.5em !important;
		margin: 0 0 0 80px;
	}
	.centerSearchBar #search_icon{
		margin: 23px 0 0 0;
	}

	#searchListView{
		margin-top: 35px;
	}
	#MarketingLinks{
		display: none;
	}
	.loginLegend{
		padding: 5px 0 0 0;
	}
	.logInSection{
		margin: 5px 0 0 0;
	}
	.middlePageSearchResults #loginform label{
		display: block;
		font-size: 0.8em;
		margin: 0;
		padding: 0;
	}
	.middlePageSearchResults #loginform input[type="text"]{
		display: block;
		font-size: 0.8em;
		margin: 0;
		padding: 0;
	}
	.middlePageSearchResults #loginform input[type="password"]{
		display: block;
		font-size: 0.8em;
		margin: 0;
		padding: 0;
	}
	.middlePageSearchResults #loginform fieldset{
		border-radius: 0;
		bottom: 0;
		margin: 0;
		left: 0;
		position: fixed;
		right: 0;
		top: 65px;
		width: 92%;
		/*
		width: 180px !important;
		margin: -125px 0 0 -110px !important;
		padding: 0px 10px 10px 10px;
		*/
	}
	.middlePageSearchResults #loginform input[type="submit"]{
		float: left !important;
		margin: 20px 0 0 10px !important;
	}
	#invalidUser{

	}
	.qrCode, .qrExpired{
		display: none !important;
	}
	#cancelLogin{
		float: left !important;
		margin: 20px 0 0 10px !important;
	}
	.topPageSearchResults #favouritesList{
		background: rgba(255,255,255,0.5);
		display: block;
		top:10px !important;
		width: 300px !important;
	}
	#avatarSection{
		margin-left: 10px;
	}
	.topSearchBar #searchInnerContainer{
		margin-left: 5px;
	}
	.topPageSearchResults{
		left: 10px;
		top:-100px;
	}
	.topSearchBar .searchBarWrapper{
		width: 190px !important;
	}
	.topPageSearchResults #searchResults{
		background-position: #ffffff;
		height: auto;
		left: 0;
		margin: 0;
		overflow: auto;
		position: relative;
		right: 0;
		width: 95% !important;
		z-index: 2;
	}
	#mainSearch{
		width: 100% !important;
	}
	#mainSearch-list{
		right: 0;
		max-height: 200px;
		max-width: 320px;
	}
	#mainSearch-list li{
		margin: 0;
	}
	.searchResultGroup{
		display: none;
	}
	#topHeading{
		font-size:1em;
		display: none;
	}
    #topExtraTitle{
		font-size:1em;
	}
	#divGridCommands, .toolbar-buttons-grid {
		width: 134px;
	}
	.labelProductionMonth{
		margin-top: 5px !important;
	}
	#divDateRange{
		margin-top: 0px !important;
	}
	.labelProductionMonth{
		display: none;
	}
    .labelButtonsInTop {
        margin-top: 5px !important;
        display: none;
    }
	#displayDeaList{
		top:85px !important;
	}
	#dealListHeaders, .genericCustomizableGrid table:first-child{
		top: 85px;
	}
	/*
	#visibilityButton, #visibilityButtonMovementList, #visibilityButtonItemList, #visibilityButtonDealList, #showDealListButton, #showMovementListButton, #showItemListButton, .refreshButton{
		float: left !important;
	}
	*/
	/*
	#visibilityButton, #showDealListButton{
		float: left !important;
	}
	*/
	.singleListView:nth-child(1){
		margin-top: 100px;
	}
	.singleListView{
		margin: 20px auto;
		width: 90%
	}
	.labelSection{
		float: none;
		margin: 0;
		padding: 10px 10px 0 10px;
		width: 100%;
	}
    .inputSection{
    	float: none;
    	margin: 0;
    	padding: 0 10px 10px 10px;
    	width: 100%;
	}
	.sectionDivider input[type="text"]{
		width: 80%;
	}
	.sectionDividerTitle{
		margin-left: 10px;
	}
	#homeIconPlusFavorites{
		display: none;
	}
	.SpacerForglobalBar{
		height: 85px;
	}
	.doubleListTableWrapper{
	height: 430px;
	}
	.pathingMapFitScreenHeight {
		 top:433px;
	}
	#waterfallList li {
		width: 100%;
	}
	.companyName{
		display: none;
	}
	/*
	#globalBarSearch{		
		box-shadow: 2px 2px 6px #666666;
		display: none;
	}
	*/
	#showFavoritesToggle, #showChatsToggle{
		background-color: #0044cc;
		background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
		background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
		background-image: -o-linear-gradient(top, #0088cc, #0044cc);
		background-image: linear-gradient(to bottom, #0088cc, #0044cc);
		background-repeat: repeat-x;
		border-color: #0044cc #0044cc #002a80;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		border-radius: 5px;
		color: rgba(255, 255, 255, 1);
		cursor: pointer;
		display: none;
		position: absolute;
		margin: 5px 0;
		padding: 3px 8px;
		top: 120px;
	}
	.newRow{
		margin: 0 !important;
		padding: 0 !important;
	}
	.content-wrapper{
		margin:0px;
	}
	.mainUserProfileSection span{
		margin-left: 5px !important;
		margin-top: 0!important;
	}
	.userNameBigProfilePicture{
		background-size: auto 150px !important;
		height: 150px !important;
		margin: 23px 0px 0px 5px;
		width: 150px;
	}
	.addImageButton{
		font-size: 0.8em;
		line-height:15px;
		padding:3px 5px;
	}
	.friendsWindow{
		display: none;
		width: 95% !important;
	}
	#projectsContainer{
		width: 100% !important;
	}
	.divProjectCommentButtons{
		clear: both;
		margin: 10px;
	}
	.projectCard textarea, .projectCard_disable textarea{
		width: 95% !important;
	}
	.wordcloud{
		display: none;
	}
	#resultsSection{
		min-height: 200px
	}
	.searchBarWrapper{
		margin: 50px 5% 5% 5%;
		position: absolute;
		width: 90% !important;
	}
	.localSearchBarWrapper .k-state-default, .searchBarWrapper .k-state-default{
		width: 140px !important;
	}
	.searchResultItem a{
		margin: 0;
	}
	.searchResultItem .waterfallAvatar{
		margin: 0;
	}
	#waterfallList ul{
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	#transactionsToolbar{
		display: none;
		height: 300px;
		width: 300px;
	}
	#divCommands{
		width: 100%;
		padding: 0;
		margin: 0;
	}
		#divCommands li{
			display: block;
			margin: 0;
			padding: 10px 25px;
		}panton1180

	#visibilityButton, #visibilityButtonMovementList, #visibilityButtonItemList, #visibilityButtonDealList, #showDealListButton, #showMovementListButton, #showItemListButton, .refreshButton, .refreshButton_disabled{
		margin: 7px 20px 0 0;
	}
	#navigationGiude{
		display: none;
	}
	.projectProgress{
		display: none;
	}
	#inPageFavourites{
		top: 40px !important;
	}
	#favouritesList{
		background-color: #ffffff;
		border: 1px solid #cccccc !important;
		box-shadow: -4px 2px 6px #999999;
		margin-top: 30px;
		display: none;
		top: 10px !important;
		width: 90%;
	}
		#favouritesList ul{
			width: 100%;
		}
		#favouritesList li{
			padding: 10px 0 10px 20px;
			width: 100%;
			z-index: 2;
		}
	#favouritesLabel{
		z-index: 2;
	}
	#headerMenu{
		position: fixed;
		z-index: 51;
	}
	#menus{
		background-color: #ffffff;
		height: 80px;
		position: fixed;
		width: 100%;
		z-index: 5;
	}
	#pannelMenus{
		background-color: #ffffff;
		height: 40px;
		position: fixed;
		top: 40px;
		width: 100%;
		z-index: 5;
	}
/*
	#homeButton{
		background: #424242;
		border-radius: 5px;
		display: none;
		padding: 3px 8px 4px 6px;
		position: fixed;
		right: 99px;
		top: 50px;
		z-index: 2;
	}
	#showFavoritesArrow{
		background: #424242;
		border-radius: 5px;
		display: none;
		padding: 6px 11px 6px 10px;
		position: fixed;
		right: 97px;
		top: 90px;
		z-index: 2;
	}
	.globalUploadIcon{
		background: #424242;
		border-radius: 5px;
		display: none;
		padding: 6px 11px 6px;
		position: fixed;
		right: 91px;
		top: 124px;
		z-index: 2;
	}

	img[alt="eye_icon"], img[src="/Images/eye_icon.png"]{
		border: 1px solid #424242;
		border-radius: 5px;
		display: none;
		padding: 3px 2px;
		position: fixed;
		right: 87px;
		top: 159px;
		z-index: 2;
	}
	img[alt="deal_icon"], img[src="/Images/deal_icon.png"]{
		border: 1px solid #424242;
		border-radius: 5px;
		display: none;
		padding: 3px 5px;
		position: fixed;
		right: 87px;
		top: 199px;
		z-index: 2;
	}
	img[alt="spreadsheet_icon"], img[alt="Spreadsheet_icon"]{
		border: 1px solid #424242;
		border-radius: 5px;
		display: none;
		position: fixed;
		padding: 3px 5px;
		right: 89px;
		top: 195px;
		z-index: 2;
	}
	img[src="/Images/keylines_icon.png"]{
		border: 1px solid #424242;
		border-radius: 5px;
		display: none;
		position: fixed;
		padding: 3px 4px;
		right: 89px;
		top: 272px;
		width: 28px;
		z-index: 2;
	}
	img[alt="filter_icon"], img[alt="refresh_icon"]{
		display: none;
	}
	img[src="/images/filter_icon.png"]{
		display: none;
	}
    img[src="/images/refresh_icon.png"]{
    	display: none;
    }
    img[src="/Images/eye_icon.png"]{
    	display: none;
    }
    img[alt="keylines_icon"]{
    	display: none;
    }
*/
    #iphoneClickToDismissFavoritees{
    	background-color: rgba(0,0,0,0);
    	bottom: 0;
    	left: 0;
    	position: fixed;
    	top: 0;
    	right: 0;
    	z-index: -1;
    }

	#exportButonLabel{

	}

	/**
	* Styles for Pateo
	**/
	.myPost{
		margin: 10px 45px 10px 15% !important;
		padding: 5px 10px 5px 5px !important;
	}
	.notMyPost{
		margin: 10px 15% 10px 45px !important;
		padding: 5px 5px 5px 10px !important;
	}
	#projectPateoList{
		display: block;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		top: 55px !important;
		width: 100% !important;
	}
	.pateo_postMetadata{
		font-size: 0.8em;
	}
	.pateo_postContent{
		font-size: 1em !important;
		line-height: 1.5em !important;
		padding: 0 !important;
	}
	#pateo_replySection button{
		display: block;
		float: none;
		font-size: 0.9em;
		margin: 0 10px 10px 10px !important;
		padding: 5px 10px !important;
		width: 60px !important;
	}
	#pateo_replySection button img{
		height: 20px !important;
	}
	.replyWithFile .k-button{
		bottom: 20px;
	}
	#fileUploadSectionPateo ul{
		max-width: 300px !important;
	}
	#showHideControlPannel{
		display: block;
		margin: 10px auto;
		width: 70%;
	}
	.priceCenterInputArea{
		width: 40%;
	}
		.priceCenterInputArea .inputSection{
			width: 80%;
		}
		.priceCenterInputArea .labelSection{
			width: 80%;
		}
	#graphControlPanel{
		background: rgba(240,240,240,1);
		bottom: 0;
		display: block;
		overflow: auto;
	}
	.priceCenterIndexArea{
		bottom: 0;
		left: 40%;
		overflow: visible;
		position: absolute;
		top: 0;
		white-space: nowrap;
		width: 55%;
	}
	.indexDateRange{
		border-bottom: 1px solid #cccccc;
		border-radius: 0;
		display: none;
		float: none;
		margin: 0 0 0 85px;
		padding: 7px 10px;
		position: relative;
		width: 60px;
		z-index: 2;
	}
	.indexDateRange_selected{
		display: block;
	}
	#removeSelectedIndices{
		margin: 0;
	}
	.indexHolderTable{
		margin-top: 90px;
		height: auto;
		overflow: visible;
	}
	#indexWrapper{
		width: 100%;
	}
	.indexTable{
		width: 180px;
	}
	.selectedIndexTable{
		width: 100%;
	}

	.chart-wrapper{
		margin-top: 90px;
	}
		.chart-wrapper #chart{
			height: 290px;
		}
	.priceContainer{
		top: 165px;
	}
	.indexHeaderArea_header{
		display: block;
	}

	.forceListToSplitIn3 li {
        border: none;
        border-bottom: 1px solid #cccccc;
        margin-bottom: 10px;
        width: 100%;
    }

        .forceListToSplitIn3 li:nth-child(3n+0) {
            border-right: none;
            width: 100%;
        }

        .forceListToSplitIn3 li:nth-child(3n+1) {
            clear: both;
        }
    .borderLine_1, .borderLine_2, .borderLine_3, .borderLine_4, .borderLine_5{
    	display: none !important;
    }
    .fixDivInSingleListView{
    	margin: 10px;
    	padding: 0;
    	position: relative;
    	width: 100%;
    }
    	.fixDivInSingleListView label{
    		display: inline-block;
    		width: 45%;
    	}

    #bucketPalnt, #bucketMetter, #fieldBukets, #bucketMetter, #plantBuckets, #residualGas, #bucketNGL, #nonFieldBuckets, #availableBuckets,#bypassBuckets, .bucketInfoContent{
    	background-color: rgba(255,255,255,0.7);
    	min-height: 33px;
    	height: 0;
    	overflow: hidden;
    	width: 100%;
    }
    .bucketsHeaders{
    	padding: 10px;
    }
    #bypassBuckets.bucketsSubHeaders{
    	min-height: 22px;
    	line-height: 22px;
    }
    #residueFuelBuckets.bucketFields ul{
    	min-height: 0;
    }
    .bucketFields ul{
    	min-height: 0;
    	height: auto;
    	max-height: 300px;
    }
    .bucketFields li{
    	width: 100%;
    }
    #nonFieldBuckets ul{
    	height: auto;
    	max-height: 300px;
    }
    .bucketInfoContent{
    	font-size: 1.5em;
    	text-align: center;
    }
    .moveBucketTo{
    	display: inline-block;
    	font-size: 1.5em;
    	margin-left: 30px;
    }
    .extraOptionImageButtons{
    	display: none;
    }
    .extraOptionImageLink{
    	color: #ffffff;
    	display: inline-block;
    	font-size: 1.5em;
    }
    .bucketMeterCountNumber{
    	color: #ffffff;
    	font-size: 1.5em;
    }
    #listOfBuckets{
    	bottom: 10px;
    	box-shadow: 3px 3px 6px #666666;
    	left: 50%;
    	position: fixed;
    	right: 20px;
    }
    	#listOfBuckets ul{
    		margin:0;
    		padding: 0;
    	}
    	#listOfBuckets li{
    		background-color: #f2f2f2;
    		border-bottom: 1px solid #cccccc;
    		margin:0;
    		padding: 10px;
    	}
    #pateo_replyKeywords{
    	margin-top: 0;
    	padding: 0;
    }
    #modeButtons{
    	float: right;
    }
    	#modeButtons li{
    		margin: 3px 20px 5px 0;
    	}

	#globalIconWrapper{
		background-color: #ffffff;
		box-shadow: -2px 2px 6px #666666;
		display: none;
		float: right;
		margin: -3px 0;
	}
		#globalIconWrapper ul{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		#globalIconWrapper li{
			display: block;
			float: none;
			list-style: none;
			margin: 0 !important;
			padding: 3px 0 3px 10px !important;
			width: 250px;
		}
		#globalIconWrapper li:hover{
			background: none !important;
			box-shadow: none !important;
		}
		#globalIconWrapper li img{
			float: none;
			margin: 5px 0 10px 0;
			vertical-align: middle;
		}
		#globalIconWrapper li span{
			display: inline-block;
			margin: 0 0 0 10px;
		}
	#menuDescriptionList .disabled{
		opacity: 0.5;
	}
	
	div.k-window{
		bottom: 0;
		left: 0 !important;
		height: auto !important;
		margin: 0 !important;
		position: fixed;
		right: 0;
		top: 40px !important;
		width: 100% !important;
	}
	.k-windowInputList{
		float: none;
		width: 100%;
	}
	/*
	.k-windowInputList label{
		width: 100%;
	}
	*/
	.labelSection select, .inputSection select{
		height: 20px;
		margin-bottom: 5px;
		width: 100% !important;
	}
	.k-windowInputList textarea, .k-windowInputList input[type="text"]{
		/*float: none;*/
		height: 20px;
		margin-bottom: 5px;
		width: 100% !important;
	}
	.k-windowInputList select{
		float: none;
		margin-left: 0 !important;
		height: 20px;
		margin-bottom: 5px;
		width: calc(100% - 25px) !important;
	}
	.tankVolumeTable{
		float: none;
		margin-top: 20px;
		overflow: auto;
		width: 100% !important;
	}
	.movementTable{
		border: 1px solid #006dcc;
        border-radius: 5px;
        padding: 0 5px;
		max-height: 350px;
		margin-top: 20px;
		overflow: auto;
		width: 100%;
	}
	#tankVolumesTableBody{
		position: absolute;
		width: calc(100% - 65px);
	}
	.movementTableWrapper{
		width: 100%;
	}
	.labelSection select{
		width: 40% !important;
	}
	.k-window .inputSection button.k-closePopUpWindow{
		width: 40px;
	}
	.k-window-titlebar .k-window-action{
		height: 25px;
		width: 75px;
	}
	.k-deleteOrder{
		max-width: 15px;
		width: 15px !important;
	}
	.k-windoeCreateCancelButton{
        float: right;
        margin: 10px !important;
        width: 40% !important;
    }
	.orderMovement_date, .orderMovement_volume{
		font-size: 0.8em;
		width: 25%;
	}
	.orderMovement_ticketNumber{
		font-size: 1.2em;
		width: 50%;
	}
	.k-window-title{
		max-width: 80%;
	}
	.inputSection select.tankVolumesList{
		margin: 0 35px 0 0;
		width: calc(100% - 130px) !important;
	}
	.ellapsedTimer{
		right: 10px;
		top: 85px;
	}
	#pateo_posts{
		display: none;
	}
	#posts_optionsBar{
		display: none;
	}
	.button_red,
	.button_blue,
	.button_green,
	.button_yellow,
	.button_black,
	.button_darkBlue,
	.button_darkRed,
	.button_darkGreen,
	.button_brightYellow,
	.button_brown{
		font-size: 12px;
		padding: 5px 10px;
	}
}
/*
.customBackground{
	display: block;
}
#searchListView{
    background-color: rgba(255,255,255,0.8);
    padding-bottom: 10px;
}
.searchResultItem{
	border-top: 1px solid #fff;
	padding: 5px 0 0px 10px;
}
	.searchResultItem:first-child{
		border:none;
	}
#favouritesList{
	background-color: rgba(255,255,255,0.8);
}
.notMyPost{
	background: rgba(255,255,255,0.8);
}
.myPost{
	background: rgba(118, 182, 255, 0.8);
}

.singleListView {
    background: rgba(255,255,255,0.8);
}
.panelStructure{
	background-color: rgba(255,255,255,0.7);
}
*/
#postColleagues-list .dropdown-header {
    font-size: 1em;
    display: none;
}

.dropdown-header > span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    display: inline-block;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .3em .6em;
    padding: 0;
    width: 312px;
}

    .dropdown-header > span:first-child {
        width: 82px;
        border-left-width: 0;
    }

.demo-section {
    width: 450px;
}

.tag-image {
    width: auto;
    height: 18px;
    margin: 2px 5px 2px 0;
    vertical-align: top;
}

#postColleagues-list .k-item > span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    /*width: 79%;*/
    padding: 0;
    text-overflow: clip ellipsis;
}

    #postColleagues-list .k-item > span:first-child {
        width: 45px;
        border-left-width: 0;
    }

#postColleagues-list img {
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.4);
    box-shadow: 0 0 2px rgba(0,0,0,.4);
    width: 70px;
    height: 77px;
}
.memberDropdownPreview{
    font-size: 1em;
    font-weight: bold;
    display: inline-block;
    max-width: 200px;
}
#postColleagues-list h3 {
    font-size: 1em;
    margin: 0;
    padding: 0;
}

#colleagues-list p {
    margin: 0;
    padding: 0;
}

#fileUploadBox .colleaguesDropdawn .k-multiselect-wrap ul {
    margin: 0;
    padding: 0;
}

#fileUploadBox .colleaguesDropdawn .k-multiselect-wrap li {
    background: none;
    border-bottom: 1px solid #f2f2f2;
    color: #424242;
    float: none;
    text-align: left;
    width: 100%;
}

    #fileUploadBox .colleaguesDropdawn .k-multiselect-wrap li .k-icon {
        background-color: rgba(225,50,50,1);
        background-image: url(/Images/trashCan_icon.png);
        background-position: center;
        background-size: 10px;
        border-radius: 5px;
        float: right;
        padding: 2px;
    }

html.k-material .dropdown-header > span {
    border: 0;
}

html.k-material .dropdown-header > span {
    width: 354px;
}

    html.k-material .dropdown-header > span:first-child {
        width: 90px;
    }

html.k-material #customers-list .k-item > span {
    min-height: 80px;
    border-width: 0 0 1px 0;
}

html.k-material #customers-list img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

html.k-material #customers-list h3 {
    font-size: 1em;
    line-height: 1em;
    margin-top: .5em;
}

.k-popup .k-list .k-item, .k-fieldselector .k-list .k-item {
    /*line-height: 35px;*/
}

.k-multiselect-wrap > .k-input {
    color: #C5C5C5;
}

    .k-multiselect-wrap > .k-input:focus {
        color: #000; /* specify the focused input color */
    }

#fileUploadContent .k-editor-toolbar {
    margin-left: 160px !important;
}

#uploadMessagePlaceholder {
    position: absolute;
    color: #666666;
    left: 20px;
    text-shadow: none;
    top: 50px;
}

.popMembersInGroup {
    background-color: #ffffff;
    border: 1px solid #666666;
    box-shadow: 2px 2px 4px #999999;
    /*display: none;*/
    max-height: 200px;
    position: fixed;
    max-width: 200px;
    z-index: 65;
}
    #fileUploadSectionPateo ul {
        background: #ffffff;
        bottom: 100px;
        max-height: 150px;
        margin: 0;
        overflow: auto;
        padding: 10px;
        position: fixed;
        right: 0;
        width: 350px;
    }

    #fileUploadSectionPateo li {
        background-color: rgba(34, 158, 34, 0.7);
        color: #f2f2f2;
        margin: 2px 0;
        padding: 0;
    }
    .pateo_ProjectMember {
        background-position: center;
        background-size: 25px auto;
        background-repeat: no-repeat;
        height: 20px;
        vertical-align: middle;
        width: 20px;
        display: inline-block;
    }

    .pateo_ProjectMemberWrapper {
        background-color: rgba(0,0,0,0);
        display: inline-block;
        margin: 5px 5px 0 0;
    }

    #pateo_ProjectMemberBox {
        background-color: rgba(255,255,255,1);
        /*border: 1px solid #cccccc;*/
        /*border-radius: 5px;*/
        /*box-shadow: 2px 2px 6px #666666;*/
        clear: both;
        float: left;
        margin-top: 5px;
        overflow: hidden;
        /*padding: 10px;*/
        /*position: absolute;*/
        max-width: calc(100% - 60px);
        z-index: 2;
    }
    .displayMembers, .goToProject{
        background-color: #cccccc; 
        height: 20px !important;
        padding: 2px 5px;
        position: absolute;
        right: 0;
        width: 20px !important;
    }
        .displayMembers:hover, .goToProject:hover{
            background-color: #666666;
        }
    .displayMembers{top: 0;}
    .goToProject{bottom: 0;}
    #postColleagues_listbox li{
        position: relative;
    }